* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  font-size: 1vw;
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.eot') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff') format('woff');
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.eot') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.eot') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff');
}

@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Cybervore';
  src: url('../fonts/Cybervore.eot') format('embedded-opentype'), url('../fonts/Cybervore.woff') format('woff'), url('../fonts/Cybervore.ttf') format('truetype');
}

/* Sasun's fonts */
@font-face {
  font-family: 'Violet Sans';
  src: url(/fonts/VioletSans-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-bold';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-black';
  src: url('../fonts/Lato-Black.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

.block-container {
  padding: 35px 100px;
  width: 100%;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Cybervore' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

canvas {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
}

.contact-form input:-webkit-autofill,
.contact-form select:-webkit-autofill,
.contact-form textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #F0F0F0 inset !important;
  box-shadow: 0 0 0px 1000px #F0F0F0 inset !important;
}

.icon-twitter,
.icon-youtube,
.icon-linkedin,
.icon-facebook {
  box-shadow: 3px 5px 3px 0px rgba(255, 255, 255, 0.15) inset, -1px -1px 4px 0px rgba(255, 255, 255, 0.15) inset;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  background: #FFF;
  height: 64px;
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hidden_images {
  display: none !important;
  width: 100px;
  height: auto;
}

.icon-twitter:before {
  content: url(/css/images/akar-icons_twitter-fill.png);
}

  .icon-youtube:before {
      content: url(/css/images/akar-icons_youtube-fill.png);
  }

  .icon-facebook:before {
      content: url(/css/images/cib_facebook-f.png);
  }

  .icon-linkedin:before {
      content: url(/css/images/akar-icons_linkedin-fill.png);
  }





body {
  margin: 0;
  box-sizing: border-box;
  letter-spacing: 0;
  font-family: Lato;
  margin-top: 6rem;
}



* {
  box-sizing: border-box;
}

.header {
  background-color: #FFFFFF;
  height: 6rem;
  z-index: 3;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  transition: top 0.3s;
  top: 0px;
}

.mobile-header {
  display: none;
}

.mobile-header img {
  width: 150px;
}

.mobile-links {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(./images/mobile-menu.png);
  padding: 0 24px;
  z-index: 11111;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
}


.main-container {
  width: 100%;
  margin: auto;
  box-sizing: border-box;
  display: flex;
  gap: 24%;
  align-items: center;
  justify-content: space-around;
  padding: 0 10px;
  height: 6rem;
  background: white;
}

.main-container {}

.mobile-menu-links {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
} 

.mobile-menu-links li:last-child {
  width: 100%;
}

.mobile-menu-links li {
  list-style-type: none;
  padding: 20px 10px;
}

.mobile-menu-links li a {
  text-decoration: none;
  color: black;
  font-size: 24px;
}

.mobile-inner-menu {
  position: relative;
  height: 60px;
  align-items: center;
  font-size: 24px;
  color: black;
  display: flex;
  justify-content: center;
  width: 100%;
}

.close-icon,
.open-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.open-icon {
  right: 20px;
}

.questions .umbraco-forms-fieldset {
  border: none;
}

.umbraco-forms-hidden {
  display: none;
}

.mobile-menu-links li:last-child a {
  color: #101A10;
  background: #67DB60;
  margin-top: 15px;
  display: block;
  border-color: transparent;
  text-align: center;
}

.login-mobile {
  padding: 8px 26px 10px;
  border: 1px solid white;
  border-radius: 40px;
  width: 100%;
  /*background: linear-gradient(126deg, #82FD7A 22.44%, #67DB60 81.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

.header ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

  .header a {
      display: block;
  }


.header .menu {
  display: flex;
  align-items: center;
  gap: 50px;
}

.menu li {
  /*margin-left: 50px;*/
  position: relative;
}

  .soc-menu li a,
  .menu li a,
  .responsive-menu ul li a {
      font-size: .8rem;
      font-family: sans-serif;
      color: #01010D;
      /* text-transform: uppercase; */
      text-decoration: none;
  }

      .menu li a:hover,
      .responsive-menu ul li a:hover {
          color: #22B24C;
          cursor: pointer;
      }


.responsive-menu {
  background: rgba(34, 34, 34, 0.95);
  height: auto;
  width: 100%;
  float: right;
  position: absolute;
  top: 100px;
  right: 0px;
  color: #fff !important;
  display: none;
  /*padding: 0px 20px 10px;*/
  padding: 0;
}

.header .responsive-menu ul {
  padding: 0;
  float: none !important;
}

.responsive-menu ul li {
  float: none;
  padding: 10px 0;
  text-align: right;
}

.responsive-menu ul.sub-menu {
  position: static;
  width: 100%;
  margin-top: 10px;
}

  .responsive-menu ul.sub-menu li,
  .responsive-menu ul.sub-menu li a {
      padding: 5px;
  }

  .responsive-menu ul.sub-menu li {
      border-bottom-color: #797979;
  }


.bar {
  width: 30px;
  display: none;
  margin-top: 40px;
  float: right;
}

  .bar:hover {
      cursor: pointer;
  }

  .bar span {
      height: 2px;
      width: 100%;
      background-color: #fff;
      margin-bottom: 5px;
      display: block;
  }

#check-menu:checked ~ .responsive-menu {
  display: block;
}

.login {
  padding: 8px 26px 10px;
  border: 1px solid #82FD7A;
  border-radius: 40px;
  background: linear-gradient(126deg, #82FD7A 22.44%, #67DB60 81.11%);
  background-clip: text;
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
}




/*HOME*/
.all {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 100px;
  overflow-y: hidden;
  overflow-x: hidden;
  margin-top: 6rem;
  padding: 20px 160px;
  padding: 0 50px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  background: rgba(217, 217, 217, 0.45);
  backdrop-filter: blur(22.5px);
}

/* Modal Content */
/*.send-modal-content,*/
.modal-inner,
.umbraco-forms-submitmessage-html {
  background-color: #fefefe;
  margin: 170px 33% 0;
  padding: 60px 60px 80px 60px !important;
  border: 1px solid #888;
  border-radius: 32px;
  width: 34%;
}

.send-modal-content {
  width: 100%;
}

.modal-inner {
  position: relative;
}

.umbraco-forms-page > h4 {
  color: #1B1B1B !important;
  font-family: Lato !important;
  font-size: 2.917rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 3.333rem !important;
  margin-block: 0 !important;
}
.umbraco-forms-page .btn {
  width: 100%
}
.umbraco-forms-form legend {
  color: #1B1B1B !important;
  font-family: Lato !important;
  /*font-size: 1.458rem !important;*/
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.719rem !important;
}

label.umbraco-forms-label {
  font-size: 1rem!important;
}

.closeModal {
  color: #444444;
  /*font-size: 1.9rem;*/
  font-size: 30px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 20px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.submit-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.submit-message-text {
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
}

.submit-message img {
  margin-left: 50%;
}

.submit-message-text > p:nth-child(2) {
  font-size: 28px;
  color: #67DB60;
  margin: 0;
}

.submit-message-text > p:last-child {
  font-size: 24px;
  margin: 0;
}

/*Image carousel*/

.carouselHead {
  display: none;
  position: fixed;
  z-index: 4;
  padding-top: 100px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  background: rgba(217, 217, 217, 0.45);
  backdrop-filter: blur(22.5px);
  /*background-color: #fefefe;
  margin: 130px 33% 10px;
  padding: 70px 70px 70px 70px;
  border: 1px solid #888;
  border-radius: 32px;
  width: 70%;
  position: relative;*/
}

.carousel {
  position: relative;
  /*max-width: 600px;*/
  /*margin: 0 auto;*/
  overflow: hidden;
  background-color: #fefefe;
  margin: 80px auto 0;
  padding: 80px 60px 80px 60px !important;
  border: 1px solid #888;
  border-radius: 32px;
  width: 50%;
}

.carousel-container {
  display: flex;
  gap: 60px;
  transition: transform 0.5s ease;
  width: 100%;
}

  .carousel-container img {
      flex: 0 0 100%;
      width: 100%;
  }

#img {
  cursor: pointer;
}

.prevBtnGray {
  display: block;
  position: absolute;
  top: 45%;
  left: 20px;
}

.nextBtnGreen {
  display: none;
  position: absolute;
  top: 45%;
  right: 20px;
}

.prevBtnGreen {
  display: none;
  position: absolute;
  top: 45%;
  left: 20px;
}

.nextBtnGrey {
  display: block;
  position: absolute;
  top: 45%;
  right: 20px;
}

.texthead {
  width: fit-content;
  color: #01010D;
  font-family: Violet Sans;
  font-size: 3.333rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4.167rem;
  margin-block: 0;
  padding-bottom: 40px;   
}

.hidden_text_head {
  display: none;
}

.textpar {
  font-family: Lato;
  font-size: 2.5rem;
  font-weight: 400;
  max-width: 43rem;
}

  .textpar > span {
      background: linear-gradient(126deg, #364D7B 22.44%, #25385E 22.45%, #5F7CB5 81.11%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

.textone {
  font-family: Lato;
  font-size: 2.083rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  max-width: 37rem;
}

.btn {
  padding: 18px 72px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  flex-wrap: wrap;
  border-radius: 40px;
  background: #67DB60;
  color: #000;
  width: auto;
}

.img {
  width: auto;
  height: 100%;
}

  .img > img {
      width: 42rem;
      height: auto;
  }

/*.fragglestormimg {
  width: 839px;
  height: 318px;
  border-radius: 30px;
}

.keyimg {
  width: 762px;
  height: 661px;
}

.personimg {
  width: 680px;
  height: 564px;
}

.serverimg {
  width: 816px;
  height: 874px;
}*/

.imginright {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 90px;
  gap: 0;
}

.imginleft {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row-reverse;
  align-items: center;
}

.bookmycall {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 120px;
  margin-bottom: 5%;
  position: relative;
  /* right: calc(100vh - 45%); */
  margin-top: 160px;
  padding: 0 20px;
  width: 100%;
}

.contactus.bookmycall {
  justify-content: space-around;
}


.articlesBookmycall {
  display: flex;
  /*justify-content: flex-start;*/
  align-items: center;
  gap: 120px;
  /*margin-bottom: 5%;*/
  position: relative;
  /*left: calc(100vh - 45%);*/
  margin-top: 160px;
  width: 100%;
}


.questions > h4 {
  color: #1B1B1B;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
}

.questions > p:nth-child(2) {
  color: #1B1B1B;
  font-size: 1.458rem;
  font-style: normal;
  font-weight: 500;
  line-height: 40px
}

.questions > p:last-child {
  margin: 0;
  color: #999;
  font-style: normal;
  font-weight: 600;
  font-size: .8rem !important;
  line-height: 16px;
}

  
.questions > p:last-child > a > span {
  font-size: .8rem !important;
}

.questions a {
  text-decoration: none;
}

.questions-title-block p{
 font-size: 1.5rem;
 margin-top: 16px;
}
.questions-title-block h2 {
 font-size: 3rem;
}

.questions-title-block {
  display: flex;
  align-items: center;
  gap: 20px;
}

.questions-title-block img{
 width: 100px;
 height: auto;
 display: none;
}

.green {
  color: #336D30;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

.row-fluid {
  padding: 0 !important;
}

.ourpricing {
  position: relative;
  /*right: calc(100vh - 45%);*/
  padding-right: 21%;
  max-width: 100%;
}

.pricing h4 {
  margin-top: 10px;
  font-weight: 400;

}

.pricing-check-signs,
.pricing-support {
  padding: 10px 0;
  display: flex;
  gap: 50px;
}

.requestDemobtn {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 50%;
}

  .requestDemobtn a {
      color: #01010D;
      font-family: Violet Sans;
      font-size: 4.167rem;
      font-style: normal;
      font-weight: 400;
      line-height: 80px;
      margin-block: 0;
      text-decoration: none;
  }

  .requestDemobtn span {
      text-transform: uppercase;
      margin: 2%;
      vertical-align: 2em;
      color: #01010D;
      font-family: Violet Sans;
      font-size: 1.25rem;
      font-style: normal;
      font-weight: 400;
      line-height: 14px;
  }

.ourpricing > h1:first-child {
  color: #1B1B1B;
  font-family: Lato;
  font-size: 3.333rem;
  font-style: normal;
  font-weight: 600;
  line-height: 80px;
  padding-bottom: 50px;
}

.pricinghead.yearly {
  width: max-content;
  border-radius: 48px;
  background: linear-gradient(92deg, #ffffff 6.75%, #ffffff 88.3%);
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  /* padding-top: 10px; */
  /*width: 1194px;
  height: 730px;*/
  /* border: 1px solid green; */
  max-width: 100%;
}

.pricinghead.monthly {
  width: max-content;
  border-radius: 48px;
  background: linear-gradient(126deg, #67DB60 26.42%, #82FD7A 81.11%);
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  margin-right: 30%;
  padding-top: 10px;
  /*width: 1194px;
  height: 730px;*/
}

.container-run-line {
  padding-bottom: 100px;
}

.container-run-line-2 {
  padding: 95px;
}

.container-run-line-3 {
  padding: 120px;
}

.run-line-1 .content {
  z-index: 2;
  color: #FFF;
  font-family: 'Violet Sans', sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

/* To hide overflow and maintain a single line */
.run-line-1 .content {
  /*left: 0px;*/
  display: flex;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  gap: 50px;
}

.run-line-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 145px;
  align-content: center;
  transform: rotate(3.423deg);
}

  .run-line-1::before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4000' height='268' viewBox='0 0 4000 268'%3E%3Crect x='' y='6.18146' width='4000' height='134' fill='%23FFA54E' stroke='%23FFA54E' stroke-width='11' stroke-dasharray='22 22'%3E%3C/rect%3E%3C/svg%3E");
      display: block;
      height: 100%;
  }

.content {
  transform: translateX(-108%);
  animation: moveRunLine 16s linear infinite;
}

.content2 {
  animation-delay: 8s !important;
  /*animation: moveRunLine2 30s linear infinite !important;*/
  /*transform: translateX(-100%);*/
}

.run-line-2 .content-2 {
  z-index: 2;
  color: #FFF;
  font-family: 'Violet Sans', sans-serif;
  font-size: 4.167rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

/* To hide overflow and maintain a single line */
.run-line-2 .content-2 {
  /*left: 0px;*/
  display: flex;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  gap: 50px;
}

.run-line-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 145px;
  align-content: center;
  transform: rotate(-3.282deg);
}

  .run-line-2::before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4000' height='263' viewBox='0 0 4000 263'%3E%3Crect x='0' y='6.18146' width='4000' height='134' transform='rotate(0 -43.0949 123.218)' fill='%23EA443F' stroke='%23EA443F' stroke-width='11' stroke-dasharray='22 22'/%3E%3C/svg%3E");
      display: block;
      height: 100%;
  }

.content-2 {
  transform: translateX(-108%);
  animation: moveRunLine 28s linear infinite;
}

.content-2-2 {
  animation-delay: 14s !important;
  /*transform: translateX(-100%);*/
  /*animation: moveRunLine2 30s linear infinite !important;*/
}

.run-line-2 .content-2 {
  z-index: 2;
  color: #FFF;
  font-family: 'Violet Sans', sans-serif;
  font-size: 4.167rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

/* To hide overflow and maintain a single line */
.run-line-3 .content-3 {
  /*left: 0px;*/
  display: flex;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
  gap: 50px;
  z-index: 2;
  color: #FFF;
  font-family: 'Violet Sans', sans-serif;
  font-size: 4.167rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.run-line-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 145px;
  align-content: center;
  transform: rotate(3.282deg);
}

  .run-line-3::before {
      content: url("data:image/svg+xml,%3Csvg width='4000' height='268' viewBox='0 0 4000 268' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='6.18146' width='4000' height='134' fill='%2367DB60' stroke='%2367DB60' stroke-width='11' stroke-dasharray='22%2022'/%3E%3C/svg%3E");
      display: block;
      height: 100%;
  }

.content-3 {
  transform: translateX(-108%);
  animation: moveRunLine 38s linear infinite;
}

.content-3-2 {
  animation-delay: 19s !important;
  /*animation: moveRunLine2 30s linear infinite !important;*/
  /*transform: translateX(-100%);*/
}

@keyframes moveRunLine {
  0% {
      transform: translateX(108%);
  }

  100% {
      transform: translateX(-108%);
  }
}

@keyframes moveRunLine2 {
  0% {
      transform: translateX(200%);
  }

  100% {
      transform: translateX(-240%);
  }
}

@keyframes moveRunLine3 {
  0% {
      transform: translateX(200%);
  }

  100% {
      transform: translateX(-240%);
  }
}

.umbraco-forms-form .checkbox input::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='3.2 3.2 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.76967 4.76967C5.87914 3.6602 7.52603 3.25 9.6 3.25H14.4C16.474 3.25 18.1209 3.6602 19.2303 4.76967C20.3398 5.87914 20.75 7.52603 20.75 9.6V14.4C20.75 16.474 20.3398 18.1209 19.2303 19.2303C18.1209 20.3398 16.474 20.75 14.4 20.75H9.6C7.52603 20.75 5.87914 20.3398 4.76967 19.2303C3.6602 18.1209 3.25 16.474 3.25 14.4V9.6C3.25 7.52603 3.6602 5.87914 4.76967 4.76967ZM5.83033 5.83033C5.1398 6.52086 4.75 7.67397 4.75 9.6V14.4C4.75 16.326 5.1398 17.4791 5.83033 18.1697C6.52086 18.8602 7.67397 19.25 9.6 19.25H14.4C16.326 19.25 17.4791 18.8602 18.1697 18.1697C18.8602 17.4791 19.25 16.326 19.25 14.4V9.6C19.25 7.67397 18.8602 6.52086 18.1697 5.83033C17.4791 5.1398 16.326 4.75 14.4 4.75H9.6C7.67397 4.75 6.52086 5.1398 5.83033 5.83033Z' fill='%23999999'/%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
  display: block;
  background-color: #fff;
  pointer-events: none;
}

.umbraco-forms-form .checkbox input:checked::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.3577 0H4.65032C1.73687 0 0 1.736 0 4.648V11.344C0 14.264 1.73687 16 4.65032 16H11.3497C14.2631 16 16 14.264 16 11.352V4.648C16.008 1.736 14.2711 0 11.3577 0ZM11.8299 6.16L7.29163 10.696C7.17958 10.808 7.0275 10.872 6.86742 10.872C6.70734 10.872 6.55527 10.808 6.44321 10.696L4.17808 8.432C3.94597 8.2 3.94597 7.816 4.17808 7.584C4.4102 7.352 4.79439 7.352 5.0265 7.584L6.86742 9.424L10.9815 5.312C11.2136 5.08 11.5978 5.08 11.8299 5.312C12.062 5.544 12.062 5.92 11.8299 6.16Z' fill='url(%23paint0_linear_1018_350)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1018_350' x1='6.23077' y1='-3.12972e-08' x2='16.8031' y2='7.77151' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='1' stop-color='%2367DB60'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  display: block;
  background-color: #fff;
  pointer-events: none;
}

.pricinghead > p {
  color: #000000;
  font-size: 1.042rem;
  padding: 1% 0% 2% 4%;
}

.pricingbody.yearly {
  border-radius: 48px;
  border: 1px solid #FF545C;
  background: #F2FFF2;
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.pricingbody .white-bg {
  position: absolute;
  width: 42%;
  height: 100%;
  background: white;
  right: 0;
  top: 0;
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
  z-index: 1;
}

.pricingbody .pricingbodyPunkt,
.pricingbody .pricingbodyBuy {
  z-index: 2;
  padding: 2rem 3rem;
}

.pricingbody.monthly {
  border-radius: 48px;
  border: 1px solid #67DB60;
  background: #F2FFF2;
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  gap: 80px;
  padding: 35px;
}

.pricinghead.yearly h3 {
  background: linear-gradient(92deg, #FF545C 6.75%, #FFBF82 88.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Violet Sans;
  font-size: 1.667rem;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-top: 30px;
}

.pricinghead.monthly h3 {
  background: linear-gradient(126deg, #67DB60 26.42%, #82FD7A 81.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Violet Sans;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-top: 30px;
}

.pricingbodyPunkt > p {
  font-size: 1.25rem;
}

#request-btn {
  cursor: pointer;
}

  .switcher-elem {
      color: #F2F2F2;
      line-height: 24px;
      pointer-events: none;
      content: '';
      background: linear-gradient(92deg, #FF545C 6.75%, #FFBF82 88.3%);
      box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
      border-radius: 48px;
      padding: .5rem 1.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.2rem;
      width: max-content;
  }

  .pricingbodyPunkt .switcher .switcher-input.checked + .switcher-marker {
      transform: translateX(calc(100% + 4px));
      background: linear-gradient(132deg, #67DB60 50.77%, #67DB60 92.47%);
      /*width: 123px;*/
      width: 50%;
  }

  .pricingbodyPunkt .switcher .switcher-input {
      /* left: 0px; */
      /* top: 0px; */
      /* position: absolute; */
      /* content: ''; */
      /* display: block; */
      /* width: 249px; */
      /* height: 48px; */
      /* border-radius: 48px; */
      /* background: #8F9C8F; */
  }

.lowercase.yearly {
  text-transform: lowercase !important;
  font-size: 1.25rem;
  background: linear-gradient(92deg, #FF545C 6.75%, #FFBF82 88.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Lato;
  position: relative;
}

.lowercase.yearly.crossed {
  font-family: Lato-black;
}

.lowercase.yearly.crossed::before {
  content: "we";
  border-bottom: 3px solid #444444;
  position: absolute;
  transform: rotate(4deg);
  top: -45%;
  width: 100%;
}

.lowercase.monthly {
  text-transform: lowercase !important;
  font-size: 24px;
  background: linear-gradient(126deg, #67DB60 26.42%, #82FD7A 81.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.price.yearly > p:first-child {
  text-transform: uppercase;
  font-family: Lato-black;
  font-size: 3.333rem;
  background: linear-gradient(92deg, #FF545C 6.75%, #FFBF82 88.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

.price.monthly > p:first-child {
  text-transform: uppercase;
  font-family: Lato-bold;
  font-size: 3.333rem;
  background: linear-gradient(126deg, #67DB60 26.42%, #82FD7A 81.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

.price.yearly > p:nth-child(2) {
  font-size: 1.25rem;
}

.pricing-top {
  display: flex;
  width: 100%;
  border-top-right-radius: 48px;
  border-top-left-radius: 48px;
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  margin-right: 30%;
  padding-bottom: 37px;
  border: 1px solid #FF545C;
  border-bottom: none;
  height: 105px;
  margin-bottom: -37px;
  align-items: center;
  background: linear-gradient(91.97deg, #FFBF82 6.75%, #FF545C 88.3%);
}
.pricing-top-text {
    text-align: right;
    width: 100%;
    padding-right: 48px;
    color: white;
    font-size: 28px;
    font-weight: 600;
}
.corporate {
  display: flex;
  width: 100%;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  background: transparent;
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  margin-right: 30%;
  padding-top: 30px;
  border: 1px solid #8EFF54;
  border-top: none;
  height: 205px;
  /* margin-bottom: -83px; */
  margin-top: -37px;
  align-items: center;
}

.contactUsPurchase {
  display: flex;
  /* width: 50%; */
  align-items: center;
  margin-left: 50px;
  width: 100%;
}

.contactUsPurchase > p {
  font-size: 1.1em;
  width: 60%;
}

.saving {
  background: linear-gradient(92deg, #FF545C 6.75%, #ff8882 88.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-family: Lato-black;
  font-size: 1.3rem;
}

.buybtn {
  width: 100%;
  display: flex;
  height: 3.5rem;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  flex-wrap: wrap;
  border-radius: 40px;
  background: #67DB60;
  border: unset;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  color: #101A10;
  font-size: 1.1rem;
}

.buybtnreverse {
  width: 100%;
  display: flex;
  height: 3.5rem;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  flex-wrap: wrap;
  border-radius: 40px;
  text-transform: uppercase;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  border: 1px solid #336D30;
  color: #336D30;
  font-size: 1.1rem;
}
.btncorporate {
  width: 30%;
}
.buybtncorporate {
    width: max-content;
    display: flex;
    height: 3.5rem;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 40px;
    text-transform: uppercase;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #336D30;
    color: #336D30;
    padding: 0 2rem;
    font-size: 1.1rem;
}
.pricing {
  display: flex;
  gap: 80px;
  justify-content: space-evenly;
  height: auto;
  width: 100%;
}

  .pricing p, .lock-down {
      font-size: 0.8rem;
      display: flex;
      align-items: baseline;
      justify-content: flex-start;
      gap: 8px;
      margin-top: 10px;
  }

  .pricing h4 {
      font-size: 1.25rem;
      padding-left: 10px;
  }

.pricingbodyBuy {
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: white;
  width: calc(40% - 8px);
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
}

.pricingbodyBuy > a {
  text-decoration: none;
}

.not-ready-block {
  margin-top: 24px;
  color: #444444;
  font-style: normal;
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.not-ready-block > p:nth-child(2) {
  background: linear-gradient(126deg, #82FD7A 22.44%, #67DB60 81.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.042rem;
  font-style: normal;
  font-weight: 600;
  text-align: right;
}

.checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.umbraco-forms-field-wrapper input.text {
  border-radius: 16px !important;
  border: 1px solid #F2F2F2 !important;
  background: #F2F2F2 !important;
  display: flex !important;
  width: 512px !important;
  padding: 16px !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 100% !important;
}

.umbraco-forms-form input.text, .umbraco-forms-form textarea {
  width: 100% !important;
  max-width: 100% !important;
}

.umbraco-forms-form fieldset {
  padding-right: 0 !important;
}

.ssl_wrapper {
  display: flex;
  align-items: end;
  gap: 30px;
}

.footer > * {
  height: 100%;
}

  .footer > *:first-child {
      align-items: center;
      display: grid;
      padding: 0px 0px 60px;
      gap: 25px;
      height: auto;
  }

      .footer > *:first-child > p {
          margin: 0px;
          display: flex;
          align-items: center;
          gap: 10px
      }

      .footer > *:first-child > p > a {
          text-decoration: none;
          color: #1B1B1B;
      }

.footer {
  background: #F2FFF2 !important;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
  align-content: flex-start;
  /*padding: 0px 160px;*/
  padding: 3px 160px;
  margin-top: 160px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.umbraco-forms-container.col-md-12 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.main-container .logo {
  width: 14rem;
}

.fragglestorm .logo {
  mix-blend-mode: multiply;
}

.footer-logo {
  height: auto;
  width: 100%;
}

.footer-cyberlogo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: 20px;
  padding: 16px 0px;
}

.links {
  display: flex;
  gap: 20px;
  flex-direction: row;
  margin-bottom: 16px;
}

.btn {
  display: flex;
  width: auto;
  height: 50px;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  flex-wrap: wrap;
  border-radius: 40px;
  background: #67DB60;
  border: unset;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
}

.copyright {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  color: #1B1B1B;
}    
.copyright a {
  color: #1B1B1B;
}

.fragglestorm {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 20px;
  align-items: end;
  padding: 16px 0px;
}

.certificates {
  /* position: absolute; */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* bottom: 70px; */
  gap: 16px;
}

  .certificates > p,
  .download-flyer,
  .home_pdf_download {
      display: flex;
      flex-direction: row;
      gap: 10px;
      align-items: center;
      color: #444;
      font-size: 0.833rem;
      font-style: normal;
      font-weight: 600;
  }

  .download-flyer,
  .home_pdf_download {
      width: 100%;
      text-decoration: none;
      cursor: pointer;
  }

  .umbraco-forms-form select {
      border-radius: 16px !important;
      border: 1px solid #F2F2F2 !important;
      background: #F2F2F2 !important;
      display: flex !important;
      width: 100% !important;
      padding: 16px !important;
      align-items: center !important;
      gap: 10px !important;
      max-width: 100% !important;
  }

.mobile-title-img_block img {
  display: none;
}

/*Fragglestorm*/

/* Default styles */

.fragglestrom__container {
  margin-top: 0 !important;
}

/* .puzzle img {
width: 30px;
}*/

.video-container {
  height: 100%;
  width: 50%;
}

#fraggleVideo {
  height: 100%;
  width: 100%;
  border-radius: 50px;
}

.uppercase {
  text-transform: uppercase;
}

.uppercase-light {
  color: #1B1B1B;
  font-family: Lato;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
  text-transform: uppercase;
}

.selects {
  cursor: pointer;
}

.selects .dynamic-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 27vw;
}

.selects img {
  width: 80px;
  height: auto;
}

.selects.active .chevron {
  display: block;
}
.benefits-select-block {
  width: 100%;
  position: relative;
}

.fraggle-video {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*padding-left: 90px;*/
  gap: 70px;
  width: 100%;
  /*padding-top: 100px;*/
}

.fraggleinright {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 70px;
  width: 100%;
  padding-top: 4rem;
}

.fraggleinleft {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
}


.fraggleinright > div {
  width: 100%;
}

/*.fraggletexthead {
  width: fit-content;
  color: #1B1B1B;
  font-family: Violet Sans;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin-block-end: 0;
  margin-block-start: 0;
}*/

.fraggletexthead {
  width: fit-content;
  color: #1B1B1B;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 64px;*/
}

.fraggletextone {
  color: #1B1B1B;
  font-family: Lato;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 48px;*/
}

.puzzle {
  display: grid;
  gap: 20px;
}

.puzzle p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #1B1B1B;
  font-family: Lato;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  margin-top: 15PX;
  /*line-height: 48px;*/
  max-width: 82%;
}

.puzzle > p:last-child {
  color: #1B1B1B;
  font-family: Lato;
  /*font-size: 36px;*/
  font-style: normal;
  font-weight: 400;
  /*line-height: 48px;*/
}

.fraggleinleft img {
  height: auto;
}

.intro > h2 {
  margin-top: 80px;
  color: #1B1B1B;
  font-family: Lato;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  /*line-height: 64px;*/
}

.intro > p {
  color: #1B1B1B;
  font-family: Lato;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  margin: 20px 0;
}

.intro sup {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
}

.cybercrime {
  width: 100%;
  background: #ECEFEC;
  margin-top: 160px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

  .cybercrime > h2 {
      padding-left: 9%;
      color: #1B1B1B;
      font-family: Violet Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      /*line-height: 80px;*/
  }

.cybercrimeinleft {
  display: flex;
  flex-direction: row-reverse;
  gap: 120px;
  align-items: center;
  justify-content: flex-end;
  /*padding-left: 10%;*/
  padding: 0 100px;
}

  .cybercrimeinleft p {
      color: #1B1B1B;
      font-family: Lato;
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      margin-top: 15px;
      /*line-height: 48px;*/
  }

.cybercrimeinright {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /*padding-left: 9%;*/
  gap: 120px;
  padding: 0 100px;
}

  .cybercrimeinright p {
      color: #1B1B1B;
      font-family: Lato;
      font-size: 30px;
      font-style: normal;
      font-weight: 400;
      margin-top: 15px;
      /*line-height: 48px;*/
  }

.benefitsinright h1 {
  color: #01010D;
  font-family: Violet Sans;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 72px;*/
}

.benefitsinright {
  display: flex;
  align-items: center;
  gap: 70px;
  width: 100%;
  /*padding-top: 120px;*/
  /*padding-left: 9%;*/
  /*padding: 0 100px;*/
}

.benefitsinright_first {
  min-width: 50%;
  width: 100%;
}

.benefitsinright .selects > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.benefitsinright .chevron {
  display: none;
  width: auto;
  height: 1vw;
}

.benefitsinright .selects {
  display: flex;
  align-items: center;
  color: #01010D;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 28px;*/
  margin-top: 15px;
  gap: 13px;
  justify-content: space-between;
}

.dynamic-image img {
  width: 100%;
}
/*.benefitsinright p:first-child {
  color: #67DB60;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}*/
.benefitsinright .active {
  color: #336D30;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  /*line-height: 28px;*/
}

.fragglePlatforms > h2 {
  color: #1B1B1B;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  /*line-height: 64px;*/
}

.fragglePlatforms p {
  color: #1B1B1B;
  font-family: Lato;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 48px;*/
}

.platformsRight {
  display: flex;
  align-items: center;
  gap: 100px;
  width: 100%;
  /*padding-top: 120px;*/
  padding: 0 100px;
  padding-left: 9%;
}

.point_text  li {
  font-size: 2.083rem;
}

.fraggleImg img {
  /*width: max-content;*/
  height: auto;
  width: 30rem;
}

/*.fraggleImg img {
  width: 100%;
}*/

.fraggleOurPricing {
  position: relative;
  width: 100%;
  /*padding-left: 9%;*/
}

  .fraggleOurPricing > h1:first-child {
      color: #1B1B1B;
      font-family: Lato;
      font-size: 64px;
      font-style: normal;
      font-weight: 600;
      line-height: 80px;
      padding-bottom: 50px;
  }

.fraggleRequestDemobtn {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/*Company*/

/*NEW COMPANY STYLES*/

.company-containers {
  width: 88%;
  margin-right: auto;
  margin-left: 50px;
  margin-top: 120px;
}

.company-containers_alt {
  margin-right: 50px !important;
  margin-left: auto !important;
}

.company-containers h2 {
  position: absolute;
  top: -170px;
  font-size: 60px;
}

.company-containers_alt h2 {
  text-align: right;
  right: 350px;
}

.company-containers p{
 margin-top: 15px;
 font-size: 24px;
}

.company-content-block_alt {
  flex-direction: row-reverse !important;
}

.border_pink {
  border-color: #FF545C !important;
}

.border_purple {
  border-color: #5F7CB5 !important;
}

.border_orange {
  border-color: #FC8A1B !important;
}

.border_blue {
  border-color: #168C8C !important;
}
.bg_pink {
  background: #FFE9EA !important;
}

.bg_purple {
  background: #F5F8FF !important;
}

.bg_orange {
  background: #FFF3E8 !important;
}

.bg_blue {
  background: #EFFFFF !important;
}

.company-content-block {
  display: flex;
  border: 1px solid #82FD7A;
  border-radius: 32px;
  position: relative;
  min-height: 400px;
}

.content-image-block-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: 23px;
  background: #F2FFF2;
}

.content-image-block-wrapper_alt {
  margin-left: 0 !important;
  margin-right: 80px;
}

.content-image-block {
  height: 275px;
  position: relative;
  width: 244px;
}

.content-image-block img {
  object-fit: contain;
  object-position: bottom;
  width: 376px;
  position: absolute;
  top: -192px;
  left: -130px;
}

.content-image-block_alt img {
  left: 0 !important;
}


.content-image-title {
  text-align: end;
  padding: 10px 32px;
  font-size: 1.667rem;
}

.content-image-title > a {
  color: black;
  text-decoration: none;
}

.content-image-title_alt {
  text-align: start !important;
}

.content-description {
  padding: 80px;
}

.security {
  position: relative;
}

.security img {
  width: 100%;
}

.weAre {
  position: absolute;
  top: 4vw;
  left: 8%;
  max-width: 775px;
  display: grid;
  gap: 30px;
}

  .weAre > h2 {
      color: #01010D;
      font-family: Violet Sans;
      font-size: 48px;
      font-style: normal;
      font-weight: 400;
      /*line-height: 60px;*/
  }

  .weAre > p {
      color: #01010D;
      font-family: Lato;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      /*line-height: 60px;*/
  }

.president {
  position: relative;
  display: block;
  width: 70%;
  /*height: 760px;*/
  /*margin-top: 120px;*/
  /*margin-right: 10%;*/
}

  .president p,
  .teck-officer p,
  .opera-officer p,
  .teck-advisor p,
  .fin-advisor p {
      margin: 0;
  }

.teck-officer {
  position: relative;
  display: block;
  width: 70%;
  height: 824px;
  margin-top: 120px;
  margin-right: 10%;
}

.opera-officer {
  position: relative;
  display: block;
  width: 70%;
  height: 800px;
  margin-top: 120px;
  margin-left: 10%;
}

.teck-advisor {
  position: relative;
  display: block;
  width: 70%;
  height: 880px;
  margin-top: 120px;
  margin-left: 10%;
}

.fin-advisor {
  position: relative;
  display: block;
  width: 70%;
  height: 840px;
  margin-top: 120px;
  margin-right: 10%;
  z-index: 1;
}

.fred-left-top {
  /*position: absolute;*/
  left: 0;
  top: 0;
  z-index: 3;
  width: 28%;
}

.fred-middle-top {
  /*position: absolute;*/
  top: 9%;
  left: 36%;
  z-index: 2;
}

  .fred-middle-top > p {
      color: #000;
      font-family: Violet Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      line-height: 72px;
  }

.fred-left-middle {
  /*position: absolute;*/
  left: 132px;
  z-index: 2;
  padding-right: 24px;
  bottom: 2px;
  padding-bottom: 198px;
  width: calc(28% - 130px);
  background: #F2FFF2;
  padding-top: 70px;
}

  .fred-left-middle > p {
      color: #000;
      text-align: right;
      font-family: Violet Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.fred-right-bottom {
  /*position: absolute;*/
  bottom: 0;
  padding: 80px;
  padding-left: 434px;
  border-radius: 32px;
  border: 1px solid #82FD7A;
  background: #FFF;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
  width: 100%;
  margin-left: 4%;
}

  .fred-right-bottom > p {
      color: #000;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.steve-right-top {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.steve-right-top-middle {
  position: absolute;
  top: 20%;
  left: 13%;
  z-index: 2;
}

  .steve-right-top-middle > p {
      color: #000;
      font-family: Violet Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      line-height: 72px;
  }

.steve-right-middle {
  position: absolute;
  right: 128px;
  z-index: 2;
  padding-left: 24px;
  bottom: 2px;
  padding-bottom: 236px;
  width: calc(28% - 125px);
  background: #FFE9EA;
  padding-top: 70px;
}

  .steve-right-middle > p {
      color: #000;
      font-family: Violet Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.steve-left-bottom {
  position: absolute;
  bottom: 0;
  padding: 80px;
  padding-right: 411px;
  border-radius: 32px;
  border: 1px solid #FF545C;
  background: #FFF;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
  width: 100%;
  margin-left: -4%;
}

  .steve-left-bottom > p {
      color: #000;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.david-left-top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.david-middle-top {
  position: absolute;
  top: 7%;
  left: 34%;
  z-index: 2;
}

  .david-middle-top > p {
      color: #000;
      font-family: Violet Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      line-height: 72px;
  }

.david-left-middle {
  position: absolute;
  left: 132px;
  z-index: 2;
  padding-right: 24px;
  bottom: 2px;
  padding-bottom: 240px;
  width: calc(28% - 130px);
  background: #F5F8FF;
  padding-top: 130px;
}

  .david-left-middle > p {
      color: #000;
      text-align: right;
      font-family: Violet Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.david-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 80px;
  padding-left: 398px;
  border-radius: 32px;
  border: 1px solid #5F7CB5;
  background: #FFF;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
  margin-right: -4%;
  width: 100%;
}

  .david-right-bottom > p {
      color: #000;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.andrew-right-top {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.andrew-right-top-middle {
  position: absolute;
  top: 4%;
  left: 21%;
  z-index: 2;
}

.andrew-right-top-middle > p {
  color: #000;
  font-family: Violet Sans;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 68px;
  text-align: right;
}

.andrew-right-middle {
  position: absolute;
  right: 132px;
  z-index: 2;
  padding-left: 24px;
  bottom: 2px;
  padding-bottom: 320px;
  width: calc(28% - 129px);
  background: #FFF3E8;
  padding-top: 70px;
}

  .andrew-right-middle > p {
      color: #000;
      font-family: Violet Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.andrew-left-bottom {
  left: 0;
  position: absolute;
  bottom: 0;
  padding: 80px;
  margin-left: -4%;
  padding-right: 400px;
  border-radius: 32px;
  border: 1px solid #FC8A1B;
  background: #FFF;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
  width: calc(100% - 52px);
  width: 100%;
}

  .andrew-left-bottom > p {
      color: #000;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.adam-left-top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 28%;
}

  .adam-left-top img {
      width: 100%;
      height: auto;
  }

.adam-middle-top {
  position: absolute;
  top: 10%;
  left: 35%;
  z-index: 2;
}

  .adam-middle-top > p {
      color: #000;
      font-family: Violet Sans;
      font-size: 64px;
      font-style: normal;
      font-weight: 400;
      line-height: 72px;
      margin: 0;
  }

.adam-left-middle {
  position: absolute;
  left: 128px;
  z-index: 2;
  padding-right: 24px;
  bottom: 2px;
  padding-bottom: 280px;
  width: calc(28% - 128px);
  background: #EFFFFF;
  padding-top: 70px;
}

  .adam-left-middle > p {
      color: #000;
      text-align: right;
      font-family: Violet Sans;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
  }

.adam-right-bottom {
  position: absolute;
  bottom: 0;
  padding: 80px;
  padding-left: 414px;
  border-radius: 32px;
  border: 1px solid #168C8C;
  background: #FFF;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
  width: 100%;
  margin-left: 4%;
}

  .adam-right-bottom > p {
      color: #000;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
      margin: 0;
  }


/*BLOGS*/

.blogHeadImg {
  display: flex;
  /*justify-content: flex-start;*/
  align-items: center;
  /*padding-left: 90px;*/
  /*gap: 70px;*/
}

.blogHeadImg img {
 width: 100%;
}

.resourceHub {
  width: 50%;
  min-width: 50%;
  padding-left: 100px;
}

.resourceHub > h2 {
  color: #01010D;
  font-family: Violet Sans;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 60px*/
}

.resourceHub > p {
  color: #01010D;
  font-family: Lato;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  /*line-height: 60px;*/
}

.blogs {
  padding: 5% 0 ;
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*flex-direction: row;*/
  /*justify-content: flex-start;*/
  gap: 32px;
  /*margin-left: 90px;*/

  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.blog {
  position: relative;
  height: 100%;
  /*width: 27%;*/
  border-radius: 32px;
  background: #FFF;
  box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
  overflow: hidden;
}

.resource-detailes {
  padding: 0 20px 20px 20px;
}

.blogImg {
  height: 304px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.blog img {
  /*height: -webkit-fill-available;*/
  object-fit: cover;
  width: 100%;
}

.article {
  position: absolute;
  top: 16px;
  left: 16px;
  color: white;
  font-size: 16px;
  display: inline-flex;
  height: 7%;
  padding: 22px 24px;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 10px;
  flex-shrink: 0;
  flex-wrap: wrap;
  border-radius: 32px;
  border: 1px solid #FC8A1B;
  background: #FC8A1B;
}

.date {
  text-align: right;
  color: #000;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px;
  width: max-content;
  margin-left: auto;
  background: #F2FFF2;
  padding: 10px;
}

.title {
  color: #000;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
}
.resource-detailes .markdown ul {
  display: none
}

.markdown {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #000;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px
}

.readArticle {
  display: flex;
  width: 100%;
  height: 50px;
  /*padding: 22px 158px;*/
  justify-content: center;
  align-items: center;
  /*align-content: center;*/
  /*gap: 10px;*/
  /*flex-shrink: 0;*/
  /*flex-wrap: wrap;*/
  border-radius: 40px;
  background: #67DB60;
  margin-top: 20px;

}

  .readArticle a {
      color: #FCFEFF;
      font-family: Lato;
      font-size: 21px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      text-transform: uppercase;
      text-decoration: none;
  }

.articleImg {
  display: flex;
  /*height: 840px;*/
  width: 100%;
  justify-content: center;
}

  .articleImg img {
      height: 100%;
      width: 100%;
  }

.article-wrapper {
  display: flex;
}

.articleTitle {
  /*width: 60%;*/
  background: #F2FFF2;
  padding-left: 100px;
  /*margin-left:a 5%;*/
}

.article-description {
  /*width: 60%;*/
}

.articleTitle > p {
  margin-bottom: 10px;
  padding-top: 10px;
}

  .articleTitle > h2 {
      margin: 24px 0;
      padding-bottom: 20px;
  }

  .articleMarkdown > p {
      color: #000;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      /*line-height: 40px;*/
  }

.allArticles {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  /*gap: 10px;*/
  overflow-y: hidden;
  overflow-x: hidden;
}


.privacyPolicy > h2:first-child {
  color: #000;
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
}

.privacyPolicy > p:last-child {
  color: #000;
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.privacyAll {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 0px 13% 0px;
}

  .privacyAll p {
      color: #000;
      font-family: Lato;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px
  }

.eula {
  color: #FFB906;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.login {
    width: 100%;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 40px;
    text-transform: uppercase;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.5rem;
    border: 1px solid #336D30;
    color: #336D30 !important;
}

#myBtn {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: flex-start; */
}


/* FAQ */
.all.faq {
      font-family: Lato;
      font-weight: 500;
      font-size: 40px;
      line-height: 48px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      max-width: 1116px;
      margin: 56px auto;
      gap: 48px;
      padding: 40px;
  }
  .all.faq h1 {
      font-size: 64px;
      line-height: 80px;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: normal;
  }
  .all.faq h2 {
      font-size: 40px;
      line-height: 58px;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: normal;
  }
  .all.faq p {
      font-size: 24px;
      line-height: 40px;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: normal;
  }
  .faq-heading {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 33px;
  }
  .faq-heading img {
      width: 312px;
      max-width: 100%;
  }
  .faq-heading-text {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      gap: 40px;
  }
  .toggle-box {
      display: flex;
      justify-content: start;
      align-items: center;
      flex-direction: column;
      gap: 20px;
      width: 100%;
      border-bottom: 1px solid #1B1B1B;
      padding-bottom: 48px;
  }
  .toggle-box:last-child {
    border: none;
  }
.toggle-box-arrow {
  width: 40px;
}
  .toggle-box-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      width: 100%;
      cursor: pointer;
  }
  .all.faq .toggle-box-heading h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 58px;
  }
  .toggle-box > p {
      display: none;
      margin-right: 90px;
  }
  .toggle-box > p.show {
      display: block;
  }

/* Responsive styles */
@media only screen and (max-width: 1440px) {

  .ourpricing {
      padding-right: 15%;
  }

  .footer {
      padding: 30px 70px;
  }

  .fraggletexthead {
      font-size: 32px !important;
  }

  .block-container {
      padding: 0 80px;
  }

  .articleTitle {
      padding-left: 80px;
  }

  .cybercrimeinleft,
  .cybercrimeinright {
      padding: 0 80px;
  }

  .resourceHub {
      padding-left: 80px;
  }
  /*company part*/
  .company-containers {
      margin-top: 200px !important;
  }

  .resourceHub h2,
  .benefitsinright h1 {
      font-size: 60px;
  }

  .resourceHub p,
  .cybercrimeinright p,
  .cybercrimeinleft p,
  .puzzle p {
      font-size: 40px;
  }

  .company-containers p {
      margin-top: 12px !important;
      font-size: 23px !important;
  }

  .content-description {
      padding: 60px !important;
  }

  .weAre > h2 {
      font-size: 41px;
  }

  .weAre > p {
      font-size: 32px;
  }
}

@media only screen and (max-width: 1200px) {
  .ourpricing {
      padding-right: 5%;
  }

  .articleTitle {
      padding-left: 70px;
  }

  /*.send-modal-content,*/
  .modal-inner, .umbraco-forms-submitmessage-html {
      background-color: #fefefe;
      margin: 8vh auto 0;
      padding: 60px 60px 80px 60px !important;
      border: 1px solid #888;
      border-radius: 32px;
      width: 46%;
  }

  .cybercrimeinleft,
  .cybercrimeinright {
      padding: 0 70px;
  }

  .resourceHub {
      padding-left: 70px;
  }
  /*company part*/

  .company-containers p {
      margin-top: 10px !important;
      font-size: 22px !important;
  }

  .content-description {
      /* padding: 30px !important; */
  }

  .company-containers_alt h2 {
      /* right: 290px; */
  }

  .articlesBookmycall {
      gap: 40px;
  }

  .resourceHub h2,
  .benefitsinright h1 {
      font-size: 36px;
  }

  .resourceHub p,
  .cybercrimeinright p,
  .cybercrimeinleft p,
  .puzzle p {
      font-size: 2.5rem;
  }
  
  .company-containers h2 {
      font-size: 48px;
  }

  .weAre > p {
      font-size: 24px;
  }
  
  .company-containers {
      margin-top: 250px !important;
  }
}

@media screen and (max-width: 1024px) {
  :root {
      font-size: 2vw;
  }

  .all {
      margin-top: 60px;
      gap: 0px;
  }
  .weAre {
      max-width: 85%;
      gap: 16px;
  }
  .content-image-title {
      font-size: 26px;
  }

  body {
      margin-top: 60px;
  }

  .pricingbody .white-bg {
      display: none;
  }
  
  .lock-down {
      font-size: 1.7rem;
  }


  .articleMarkdown p {
      font-size: 15px;
   }

  .fraggleinleft > div {
      width: 100%;
  }

  /*.send-modal-content,*/
  .modal-inner,
  .umbraco-forms-submitmessage-html {
      margin: 150px auto 0;
      padding: 40px 40px 60px 40px !important;
      width: 60%;
  }

  .chevron,
  .active .chevron {
      display: none !important;
  }
  .hidden_images {
      display: block !important;
  }

  .dynamic-image {
      display: none;
  }


  .cybercrime h1,
  .block-container h1,
  .benefitsinright h1 {
      font-size: 32px !important;
  }

  .cybercrime h2 {
      font-size: 28px !important;
  }


  .block-container h2 {
      font-size: 28px !important;
  }

  .cybercrime > h2 {
      text-align: center;
      padding: 0 !important;
      margin-bottom: 20px;
  }


  .block-container {
      padding: 0 60px;
  }

  .articleTitle {
      padding-left: 60px;
  }

  .cybercrimeinleft,
  .cybercrimeinright {
      padding: 0 60px;
  }

  .resourceHub {
      padding-left: 60px;
  }

      .cybercrimeinleft .fraggleImg {
          order: 1;
      }

      .cybercrimeinleft > div {
          order: 2;
          width: 100%;
      }

      .cybercrimeinright > div {
          width: 100%;
      }

  .mobile-header {
      display: flex;
      height: 60px;
      background-color: white;
      justify-content: space-between;
      align-items: center;
      /*border: 1px solid green;*/
      padding: 0 20px;
      top: 0;
      z-index: 111111;
      position: fixed;
      width: 100%;
      transition: top 0.3s;
  }

  .video-block {
      padding: 0 !important;
  }

  .header {
      display: none;
  }

  .imginleft {
      display: flex;
      justify-content: space-evenly;
      flex-direction: column-reverse;
      align-items: center;
  }

  .imginright {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      /*padding-left: 90px;*/
      padding: 0;
      gap: 24px;
      flex-direction: column-reverse;
  }

  .container-run-line-2 {
      padding: 52px;
  }

  .pricingbody.monthly {
      border-radius: 48px;
      border: 1px solid #67DB60;
      background: #F2FFF2;
      box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: space-around;
      gap: 80px;
      padding: 35px;
      flex-direction: column;
  }

  .pricingbody.yearly {
      border-radius: 48px;
      border: 1px solid #FF545C;
      background: #F2FFF2;
      box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: space-around;
      flex-direction: column;
  }

  .corporate {
      display: flex;
      width: 100%;
      border-bottom-right-radius: 48px;
      border-bottom-left-radius: 48px;
      background: transparent;
      box-shadow: 0px 16px 32px 0px rgba(38, 54, 153, 0.04);
      margin-right: 30%;
      padding-top: 10px;
      border: 1px solid #8EFF54;
      border-top: none;
      height: 15rem;
      margin-top: -38px;
      align-items: center;
  }

  .contactUsPurchase {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 20px;
      padding: 35px;
      flex-direction: column;
      padding-bottom: 0px;
margin-left: 0;
  }

  .buybtncorporate {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center;
      align-content: center;
      gap: 10px;
      font-size: 1.5rem;
      flex-wrap: wrap;
      border-radius: 40px;
      background: #FCFEFF;
      font-weight: 600;
      line-height: 20px;
      border: 1px solid;
      cursor: pointer;
  }
  .contactUsPurchase > p {
  width: 100%;
  font-size: 2rem;
}

.btncorporate {
  width: 100%;
}

  .certificates {
      margin-top: 34px;
      position: static;
  }

  .certificates p {
      font-size: 20px;
  }

  .not-ready-block > p:nth-child(2) {
      font-size: 20px;
  }

  .price.yearly > p:first-child {
      font-size: 3.125rem;
  }

  .certificates a {
      text-decoration: none;
      font-size: 20px;
  }

  .footer {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px;
      padding: 20px;
  }

  .fragglestorm {
      align-items: center;
      grid-row: 2/ 3;
  }

  .footer-addresses {
      padding: 0 !important;
  }

  .footer-cyberlogo {
      width: 300px;
      margin: auto;
  }

  .bookmycall .img {
      display: none;
  }

  .fraggle-video,
  .fraggleinright,
  .fraggleinleft,
  .benefitsinright,
  .platformsRight,
  .fraggleOurPricing {
      flex-direction: column !important;
      align-items: center;
      padding-left: 0;
      gap: 30px;
  }

  .cybercrimeinleft,
  .cybercrimeinright {
      flex-direction: column !important;
      align-items: center;
      gap: 30px;
  }
      .fraggle-video .video-container {
          order: 1;
          width: 100%;
      }

  .fraggleRequestDemobtn {
      order: 2;
      align-items: center;
  }

  .video-container video {
      border-radius: 0 !important;
  }

  .company-containers h2 {
      font-size: 34px !important;
      top: -100px;
  }

  .weAre > h2 {
      font-size: 40px;
  }

  .weAre > p {
      font-size: 26px;
  }

  .resourceHub h2 {
      font-size: 50px;
  }

  .resourceHub p,
  .cybercrimeinright p,
  .cybercrimeinleft p,
  .puzzle p {
      font-size: 30px;
  }
  .benefitsinright_first {
      width: 100%;
  }

  .benefitsinright .selects {
      justify-content: space-between;
  }

  .benefitsinright .active {
      color: #01010D;
      font-weight: 400;
  }
  .pricingbodyBuy {
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 48px;
  }
    .ourpricing {
        padding-right: 1rem;
        padding-left: 1rem;
        width: 100%;
    }
  .bookmycall .questions {width: 100%;}
  .pricinghead.yearly {width: 100%;}
  label.umbraco-forms-label {
    font-size: 1.6rem !important;
    font-weight: 400 !important;
}
  .buybtn,
  .buybtnreverse,
  .buybtncorporate {
    padding: 2rem;
    font-size: 1.5rem;
  }
}

@media (max-width: 992px) {
  .mobile-title-img_block {
      display: flex;
      align-items: center;
      gap: 50px;
  }

  .selects .dynamic-image {
      position: inherit;
      display: block !important;
      width: 80px;
  }

  .articleTitle > p {
      font-size: 18px;
  }

  .articleTitle > h2 {
      font-size: 20px;
      padding-bottom: 20px;
      font-weight: 400;
  }

  /*.send-modal-content,*/
  .modal-inner,
  .umbraco-forms-submitmessage-html {
      margin: 150px auto 0;
      padding: 40px 40px 60px 40px !important;
      width: 70%;
  }

  .mobile-title-img_block img {
      width: 100px;
      display: block;
  }

  .hide_img_block {
      display: none;
  }

  .fraggleImg .futuristic-image {
      display: block;
      margin-left: auto;
      width: 50% !important;
  }

  .purchase {
      flex-direction: column-reverse;
  }

  .fraggleImg img {
      width: 100%;
  }

  .price-block {
      padding: 0 10px !important;
  }

  .footer {
      margin-top: 80px;
  }

  .pricinghead.yearly {
      width: 100%;
      margin: auto;
  }

  .pricinghead.monthly {
      width: 100%;
      margin: auto;
  }

  .fraggleinright {
      padding: 0 !important;
  }

  .cybercrimeinright {
      gap: 50px !important;
  }

  .company-content-block {
      flex-direction: column !important;
  }

  .content-image-block {
      width: 26px;
      height: 84px;
  }

  .content-image-block-wrapper {
      margin-top: 40px !important;
      flex-direction: row !important;
      margin-left: 110px;
  }

  .content-image-block-wrapper_alt {
      flex-direction: row-reverse !important;
      justify-content: space-between;
  }

  .company-content-block_alt {
      flex-direction: column !important
  }

  .content-image-title {
      text-align: start !important;
  }
  .content-image-block img {
      width: 158px;
      height: auto;
      top: -95px;
  }

  .company-containers_alt h2 {
      left: 0;
      margin-left: 0 !important;
      text-align: left;
      right: 15vw;
  }

  .company-containers_alt h2 {
  }

  /*blogs*/
  .blogs {
      grid-template-columns: repeat(2, 1fr);
  }

  .articlesBookmycall {
      margin-top: 50px;
      flex-direction: column;
  }

  .questions-title-block img {
      display: flex;
  }

  .contactus .questions-title-block img {
      display: none;
  }

  .resource-image-block img {
      display: none;
  }

  .resourceHub h2 {
      font-size: 28px;
  }

  .resourceHub p,
  .cybercrimeinright p,
  .cybercrimeinleft p,
  .puzzle p {
      font-size: 22px;
  }

  .company-containers h2 {
      margin-left: 88px;
      top: -55px;
      font-size: 23px !important;
  }

  .weAre > p {
      font-size: 22px;
  }
  .weAre > h2 {
      font-size: 30px;a
  }

  .company-containers {
      margin-top: 135px !important;
  }

  
  .ssl_wrapper {
  flex-direction: column;
  align-items: center;
  }

  .all.faq {
    width: 100%;
    gap: 20px;
  }

  .all.faq p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
  }
  .all.faq h1 {
      font-size: 38px;
      line-height: 40px;
  }
  .all.faq h2 {
      font-size: 22px;
      line-height: 26px;
  }
  .all.faq .toggle-box-heading h2 {
    font-size: 20px;
    line-height: 24px;
  }
  
  .faq-heading {
    flex-direction: column-reverse;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .toggle-box {
    padding-bottom: 20px;
  }
  
.toggle-box-arrow {
  width: 26px;
}
  .pricing-top-text {
    
font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .fraggleinright,
  .fraggleinleft,
  .cybercrimeinleft,
  .cybercrimeinright,
  .benefitsinright,
  .platformsRight,
  .fraggleOurPricing {
      /*width: 90%;*/
  }

  .price.yearly > p:first-child {
      font-size: 6.125rem;
  }

  .lowercase.yearly {
      font-size: 3.125rem;
  }
  
  .saving {
    font-size: 1.3rem;
  }

.corporate {
      height: 250px;
  }

  .bookmycall {
      margin-top: 80px;
  }

  .questions-title-block {
      font-size: 28px !important;
  }

  .texthead {
      font-size: 24px;
  }
  .second_title {
      display: none;
  }

  .pricing-home {
      margin-top: 2rem;
  }

  .requestDemobtn {
      gap: 0px;
      padding: 0 30px 40px;
      width: 100%;
  }

  .textone {
      padding: 0 30px;
      font-size: 24px;
      display: flex;
      flex-direction: column;
      justify-content: start;
      gap: 2rem;

  }

  .container-run-line-3 {
      display: none;
  }

  .hidden_text_head {
      margin: auto;
      display: block;
  }

  .content-image-title {
      font-size: 24px;
      padding: 10px 8px;
  }

  .cybercrime {
      margin: 80px 0;
  }

  .company-containers p {
      margin-top: 10px !important;
      font-size: 16px !important;
  }

  .intro > p {
      font-size: 24px;
  }

  .articleMarkdown > p {
      font-size: 18px;
  }

  .carousel {
      width: 97% !important;
  }

  .purchase {
      font-size: 20px;
  }

  .not-ready-block {
      font-size: 20px;
  }

  .price.yearly > p:nth-child(2) {
      font-size: 1.5rem;
  }

  .price-block {
      margin-top: 80px;
  }
  .pricinghead > p {
      padding: 16px 0 16px 8%;
      font-size: 20px;
  }

  .fraggleOurPricing > h1:first-child {
      margin-top: 28px;
  }

  .pricinghead.yearly {
      padding: 0;
  }

  .pricing p,
  .pricing h4,
  .buybtn,
  .footer-addresses,
  .pricingbodyPunkt p,
  .buybtnreverse,
  .buybtncorporate {
      font-size: 2rem;
  }

  .article-wrapper {
      flex-direction: column;
  }

  .questions > p:last-child {
      font-size: 1.8rem !important;
  }

  
.questions > p:last-child > a > span {
  font-size: 1.8rem !important;
}

  .pricing-check-signs,
  .pricing-support {
      padding: 10px 0;
      flex-direction: column;
      gap: 0;
  }

  .pricinghead.yearly h3 {
      font-size: 32px;
  }

  .pricinghead > p {
      padding-left: 15%;
      font-size: 15px;
  }

  /*.send-modal-content,*/
  .modal-inner,
  .umbraco-forms-submitmessage-html {
      margin: 150px auto 0;
      padding: 40px 40px 60px 40px !important;
      width: 90%;
  }

  .block-container {
      padding: 0 75px;
  }

  .articleTitle {
      padding-left: 50px;
  }

  .cybercrimeinleft,
  .cybercrimeinright {
      padding: 0 50px;
  }

  .resourceHub {
      padding-left: 50px;
  }

  .puzzle p {
      font-size: 20px !important;
  }

  .company-containers {
      width: 100% !important;
      margin: 100px auto 0 !important;
  }

  .security img {
      object-fit: cover;
      height: 330px;
  }

  .weAre > h2 {
      font-size: 20px;
  }

  .weAre > p {
      font-size: 18px;
  }

  /*blogs*/

  .blogs {
      grid-template-columns: repeat(1, 1fr);
  }
  .resourceHub h2 {
      font-size: 28px;
  }

  .resourceHub p,
  .cybercrimeinright p,
  .cybercrimeinleft p,
  .puzzle p {
      font-size: 22px;
  }

  .blogHeadImg {
      padding: 0 50px;
      flex-direction: column;
  }

  .resourceHub {
      width: 100%;
      padding: 0;
      order: 2;

  }

  .ourpricing > h1:first-child {
    padding-bottom: 0;
  }

  .resource-image-wrapper {
      order: 1;
  }

  .benefitsinright h1 {
      font-size: 28px !important;
  }
}

@media (max-width: 576px) {
  .content-image-block {
  }

  
  .saving {
    font-size: 2.3rem;
  }
  .btn {
      padding: 15px 45px;
      font-size: 15px !important;
      width: 100%;
  }

  .switcher-elem {
      font-size: 20px !important;
  }

  .pricing {
      flex-direction: column;
      gap: 0;
  }

  .ourpricing {
      width: 90%;
      padding-right: 0px;
  }

  .corporate {
      height: 25rem;
  }

  .content-image-block_alt {
      margin-left: 0 !important;
      margin-right: 32px;
  }

  .block-container {
      padding: 0 30px !important;
  }

  .articleTitle {
      padding-left: 30px;
  }

  .blogHeadImg {
      padding: 0 30px;
  }

  .weAre > h2 {
      font-size: 20px;
  }

  .weAre > p {
      font-size: 18px;
  }

  .video-block {
      padding: 0 !important;
  }

  .content-image-block img {
      height: auto;
      top: -95px;
  }    
  
  .content-image-block-wrapper {
      margin-left: 110px;
  }
  .company-containers h2 {
      margin-left: 120px;
      font-size: 20px !important;
      max-width: 55%;
  }

  .content-description {
      padding: 25px !important;
  }
}

@media only screen and (max-width: 480px) {
  .video-container {
      width: 100%;
  }

  .pricingbodyPunkt .switcher,
  .pricingbodyPunkt .switcher .switcher-input {
      width: 100% !important;
  }

  .price.monthly > p:first-child {
      font-size: 50px !important;
  }

  .fraggleinright,
  .fraggleinleft,
  .cybercrimeinleft,
  .cybercrimeinright,
  .benefitsinright,
  .platformsRight,
  .fraggleOurPricing {
      /*padding-left: 5%;*/
  }
}

.point_text > ul {
  display: flex;
  flex-direction: column;
  justify-content:start;
  gap: 4rem;
}

#myModal .umbraco-forms-submitmessage-html {
  margin: 0px;
  width: 100%;
  border: 0px;
  padding: 0px !important;
}
#myModal1 .umbraco-forms-submitmessage-html {
  margin: 0px;
  width: 100%;
  border: 0px;
  padding: 0px !important;
}
.img_certificate{
  cursor: pointer;
}