@font-face {
  font-family: acme-regular;
  src: url("../Fonts/Acme/Acme-Regular.ttf");
}
@font-face {
  font-family: borel-regular;
  src: url("../Fonts/Borel/Borel-Regular.ttf");
}
@font-face {
  font-family: cinzel-regular;
  src: url("../Fonts/Cinzel/Cinzel-Regular.ttf");
}
@font-face {
  font-family: comfortaa-regular;
  src: url("../Fonts/Comfortaa/Comfortaa-Regular.ttf");
}
@font-face {
  font-family: comfortaa-semibold;
  src: url("../Fonts/Comfortaa/Comfortaa-SemiBold.ttf");
}
@font-face {
  font-family: kaushan-regular;
  src: url("../Fonts/Kaushan-Script/KaushanScript-Regular.ttf");
}
@font-face {
  font-family: permanent-regular;
  src: url("../Fonts/Permanent_Marker/PermanentMarker-Regular.ttf");
}
@font-face {
  font-family: quicksand-regular;
  src: url("../Fonts/Quicksand/Quicksand-Regular.ttf");
}
@font-face {
  font-family: teko-regular;
  src: url("../Fonts/Teko/Teko-Regular.ttf");
}
@font-face {
  font-family: yanone-regular;
  src: url("../Fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-Regular.ttf");
}
/* BODY */
body {
  background: #141414;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}
body a {
  font-size: 20px;
}
body h1 {
  color: #ffffff;
  font-family: cinzel-regular;
  font-size: 75px;
  margin: 0;
  padding: 0;
}
body h2 {
  color: #ffffff;
  font-family: comfortaa-regular;
  font-size: 40px;
  margin: 0;
}
body h3 {
  color: #ffffff;
  font-family: kaushan-regular;
  font-size: 28px;
}
body h4 {
  color: #000000;
  font-size: 25px;
}
body h5 {
  color: #ffffff;
  font-family: quicksand-regular;
  font-size: 22px;
}
body h6 {
  color: #ffffff;
  font-size: 20px;
}
body p {
  color: #ffffff;
  font-family: quicksand-regular;
  font-size: 16px;
}
body .demos {
  font-size: 0;
  margin: 0;
  padding: 0 0 125px 0;
}
body .demos .contentArea {
  font-size: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
body .demos .contentArea .headingText {
  margin: 0 0 125px 0;
}
body .demos .contentArea .layoutsArea {
  display: flex;
  justify-content: center;
}
body .demos .contentArea .layoutsArea .layouts {
  display: inline-grid;
  gap: 45px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 95%;
}
body .demos .contentArea .layoutsArea .layouts .blockArea {
  font-size: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
  bottom: 5px;
  transition: bottom 0.5s;
}
body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
  background: #202020;
  border-radius: 10px;
  font-size: 0;
  margin: 0;
  padding: 0;
}
body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
  padding: 10px 0 10px 0;
}
body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
  font-family: comfortaa-regular;
  margin: 0;
  padding: 3px;
}
body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
  color: #ffffff;
  font-family: quicksand-regular;
  margin: 0;
  padding: 3px;
  text-align: center;
}
body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 0;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 300px) {
  body .demos {
    padding: 0 0 74px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 74px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 26px;
    grid-template-columns: auto;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 2.9px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 5.9px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 5.9px 0 5.9px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    font-size: 16px;
    padding: 1.8px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    font-size: 16px;
    padding: 1.8px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea .imgContainer {
    display: flex;
    justify-content: center;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea .imgContainer img {
    border-top-left-radius: 5.9px;
    border-top-right-radius: 5.9px;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body .demos {
    padding: 0 0 82px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 82px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 29px;
    grid-template-columns: auto;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 3.2px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 6.6px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 6.6px 0 6.6px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    font-size: 18px;
    padding: 2px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    font-size: 16px;
    padding: 2px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea .imgContainer {
    display: flex;
    justify-content: center;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea .imgContainer img {
    border-top-left-radius: 6.6px;
    border-top-right-radius: 6.6px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body .demos {
    padding: 0 0 91px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 91px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 32px;
    grid-template-columns: auto auto;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 3.6px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 7.3px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 7.3px 0 7.3px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    font-size: 20px;
    padding: 2.2px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    font-size: 18px;
    padding: 2.2px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea .imgContainer {
    display: flex;
    justify-content: center;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea .imgContainer img {
    border-top-left-radius: 7.3px;
    border-top-right-radius: 7.3px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .demos {
    padding: 0 0 101px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 101px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 36px;
    grid-template-columns: auto auto;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 4px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 8.1px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 8.1px 0 8.1px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    font-size: 22px;
    padding: 2.4px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    font-size: 20px;
    padding: 2.4px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
    border-top-left-radius: 8.1px;
    border-top-right-radius: 8.1px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .demos {
    padding: 0 0 112px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 112px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 40px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 4.5px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 9px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 9px 0 9px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    font-size: 25px;
    padding: 2.7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    font-size: 22px;
    padding: 2.7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .demos {
    padding: 0 0 156px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 156px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 56px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 6px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 12px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 12px 0 12px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    padding: 3.7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    padding: 3.7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .demos {
    padding: 0 0 195px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 195px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 70px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 15px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 15px 0 15px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    padding: 5px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    padding: 5px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .demos {
    padding: 0 0 244px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 244px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 87px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 8px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 18px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 18px 0 18px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    padding: 6px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    padding: 6px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
}
@media (min-width: 3751px) {
  body .demos {
    padding: 0 0 305px 0;
  }
  body .demos .contentArea .headingText {
    margin: 0 0 305px 0;
  }
  body .demos .contentArea .layoutsArea .layouts {
    gap: 109px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea:hover {
    bottom: 10px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea {
    border-radius: 22px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo {
    padding: 22px 0 22px 0;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h3 {
    padding: 7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea a .versionInfo h4 {
    padding: 7px;
  }
  body .demos .contentArea .layoutsArea .layouts .blockArea .transitionArea img {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
  }
}
body .gridSystem {
  display: flex;
  justify-content: center;
}
body .gridSystem .gridSystem-elements {
  margin: 0 0 150px 0;
  width: 80%;
}
body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo {
  display: inline-grid;
  grid-template-columns: auto auto;
}
body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left {
  align-items: center;
  display: flex;
}
body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h3 {
  font-family: cinzel-regular;
}
body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  font-family: quicksand-regular;
  font-size: 20px;
  margin: 20px 0 0 0;
  text-align: initial;
  width: 90%;
}
body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
  height: auto;
  width: 600px;
}
@media (max-width: 300px) {
  body .gridSystem {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements {
    margin: 0 0 88px 0;
    width: 100%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content {
    display: inline-block;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo {
    grid-template-columns: auto;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent {
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h2 {
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h3 {
    font-size: 16px;
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 16px;
    margin: 14px 0 0 0;
    padding: 0;
    text-align: center;
    width: 90%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right {
    margin: 14px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 354px;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body .gridSystem {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements {
    margin: 0 0 98px 0;
    width: 100%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content {
    display: inline-block;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo {
    grid-template-columns: auto;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent {
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h2 {
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h3 {
    font-size: 18px;
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 16px;
    margin: 16px 0 0 0;
    padding: 0;
    text-align: center;
    width: 90%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right {
    margin: 16px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 393px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body .gridSystem {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements {
    margin: 0 0 109px 0;
    width: 100%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content {
    display: inline-block;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo {
    grid-template-columns: auto;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent {
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h2 {
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h3 {
    font-size: 20px;
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 16px;
    margin: 16px 0 0 0;
    padding: 0;
    text-align: center;
    width: 90%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right {
    margin: 18px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 437px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .gridSystem {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements {
    margin: 0 0 121px 0;
    width: 100%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content {
    display: inline-block;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo {
    grid-template-columns: auto;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent {
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h2 {
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h3 {
    font-size: 22px;
    text-align: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 16px;
    margin: 16px 0 0 0;
    padding: 0;
    text-align: center;
    width: 90%;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right {
    margin: 20px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer {
    display: flex;
    justify-content: center;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 486px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .gridSystem .gridSystem-elements {
    margin: 0 0 135px 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-heading h3 {
    font-size: 25px;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 18px;
    margin: 18px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 540px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .gridSystem .gridSystem-elements {
    margin: 0 0 187px 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 25px;
    margin: 25px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 750px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .gridSystem .gridSystem-elements {
    margin: 0 0 234px 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 31px;
    margin: 31px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 938px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .gridSystem .gridSystem-elements {
    margin: 0 0 293px 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 38px;
    margin: 38px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 1173px;
  }
}
@media (min-width: 3751px) {
  body .gridSystem .gridSystem-elements {
    margin: 0 0 366px 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-left .gridSystem-elements-content-sectionInfo-left-leftContent .gridSystem-elements-content-sectionInfo-left-leftContent-text h4 {
    font-size: 47px;
    margin: 47px 0 0 0;
  }
  body .gridSystem .gridSystem-elements .gridSystem-elements-content .gridSystem-elements-content-sectionInfo .gridSystem-elements-content-sectionInfo-right .gridSystem-elements-content-sectionInfo-right-imgContainer img {
    width: 1466px;
  }
}
body .section {
  font-size: 0;
  margin: 0;
  padding: 0;
}
body .section header {
  background: url("../Images/Header/Background.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 0 4000px rgba(0, 0, 0, 0.8);
  height: 100vh;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}
body .section header .content {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
body .section header .content .buttonContainer {
  display: flex;
  justify-content: center;
  margin: 30px 0 0 0;
}
body .section header .content .buttonContainer .buttonArea {
  background: transparent;
  border: 2px solid #44403f;
  cursor: pointer;
  height: 70px;
  width: 33%;
}
body .section header .content .buttonContainer .buttonArea .buttonInside {
  background: rgba(25, 23, 34, 0.85);
  bottom: 8px;
  height: 100%;
  left: 8px;
  position: relative;
  width: 100%;
}
body .section header .content .buttonContainer .buttonArea .buttonInside:hover {
  background: #44403f;
}
body .section header .content .buttonContainer .buttonArea .buttonInside h6 {
  color: #ffffff;
  font-family: comfortaa-regular;
  font-size: 20px;
}
body .section header .content h1 .type {
  color: #1781a5;
}
body .section header .content h2 {
  margin: 15px 0 0 0;
}
body .section header .hamburger {
  background: rgba(52, 98, 136, 0.85);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 50px;
  justify-content: space-around;
  padding: 10px;
  position: fixed;
  right: 62.5px;
  top: 37.5px;
  visibility: hidden;
  width: 55px;
  z-index: 11;
}
body .section header .hamburger .lineBottom {
  background: #ffffff;
  height: 3px;
  transition: all 0.8s;
  width: 100%;
}
body .section header .hamburger .lineMiddle {
  background: #ffffff;
  height: 3px;
  transition: all 0.8s;
  width: 75%;
}
body .section header .hamburger .lineTop {
  background: #ffffff;
  height: 3px;
  transition: all 0.8s;
  width: 100%;
}
body .section header .mobileMenu {
  display: none;
}
body .section header .verticalTop {
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(56, 173, 189, 0.2);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  height: 100px;
  position: relative;
  z-index: 1;
}
body .section header .verticalTop .navbar {
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 2;
}
body .section header .verticalTop .navbar nav {
  margin: 0 62.5px 0 0;
}
body .section header .verticalTop .navbar nav a {
  color: #ffffff;
  font-family: comfortaa-regular;
  text-decoration: none;
}
body .section header .verticalTop .navbar nav a:hover {
  color: #1781a5;
}
body .section header .verticalTop .navbar nav .linkMargin {
  margin: 0 30px 0 0;
}
body .section header .verticalTop .templateName a {
  margin: 0 0 0 62.5px;
  padding: 0;
}
body .section header .verticalTop .templateName a .templateText {
  background: initial;
  border-radius: initial;
  display: inline-block;
  font-family: cinzel-regular;
  font-size: 0;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
body .section header .verticalTop .templateName a .templateText .dot {
  color: #1781a5;
}
body .section header .verticalTop .templateName a .templateText span {
  display: inline-block;
  font-size: 28px;
}
@media (max-width: 300px) {
  body .section .change .lineBottom {
    transform: rotateZ(405deg) translate(-5.9px, -4.4px);
  }
  body .section .change .lineMiddle {
    opacity: 0;
  }
  body .section .change .lineTop {
    transform: rotateZ(-405deg) translate(-5.9px, 4.4px);
  }
  body .section .change .mobileMenu {
    left: 0;
    transition: left 1s;
    width: 100%;
  }
  body .section header .content div .buttonContainer {
    margin: 18px 0 0 0;
  }
  body .section header .content div .buttonContainer .buttonArea {
    border: 1.2px solid #44403f;
    height: 41px;
    width: 58%;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside {
    bottom: 4.8px;
    left: 4.8px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section header .content div div h1 {
    font-size: 29px;
  }
  body .section header .content div div h1 .game {
    text-align: center;
  }
  body .section header .content div div h1 span {
    display: block;
  }
  body .section header .hamburger {
    height: 32px;
    padding: 6.6px;
    right: 37px;
    top: 13px;
    visibility: visible;
    width: 32px;
  }
  body .section header .hamburger .lineBottom {
    height: 2px;
  }
  body .section header .hamburger .lineMiddle {
    height: 2px;
  }
  body .section header .hamburger .lineTop {
    height: 2px;
  }
  body .section header .mobileMenu {
    align-items: center;
    background: #000000;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: -100%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  body .section header .mobileMenu nav a {
    color: #ffffff;
    display: block;
    font-family: comfortaa-regular;
    margin: 29px;
    text-align: center;
  }
  body .section header .verticalTop {
    -webkit-backdrop-filter: blur(5.9px);
            backdrop-filter: blur(5.9px);
    box-shadow: 0 2.3px 3.6px rgba(0, 0, 0, 0.1);
    height: 59px;
    width: 100%;
  }
  body .section header .verticalTop .navbar {
    display: none;
  }
  body .section header .verticalTop .templateName {
    align-items: center;
    display: flex;
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 60%;
  }
  body .section header .verticalTop .templateName a {
    align-items: center;
    display: flex;
    margin: 0 0 0 37px;
  }
  body .section header .verticalTop .templateName a .templateText {
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 16px;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body .section .change .lineBottom {
    transform: rotateZ(405deg) translate(-6.5px, -4.9px);
  }
  body .section .change .lineMiddle {
    opacity: 0;
  }
  body .section .change .lineTop {
    transform: rotateZ(-405deg) translate(-6.5px, 4.9px);
  }
  body .section .change .mobileMenu {
    left: 0;
    transition: left 1s;
    width: 100%;
  }
  body .section header .content div .buttonContainer {
    margin: 20px 0 0 0;
  }
  body .section header .content div .buttonContainer .buttonArea {
    border: 1.3px solid #44403f;
    height: 46px;
    width: 53%;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside {
    bottom: 5.3px;
    left: 5.3px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section header .content div div h1 {
    font-size: 36px;
  }
  body .section header .content div div h1 .game {
    text-align: center;
  }
  body .section header .content div div h1 span {
    display: block;
  }
  body .section header .hamburger {
    height: 36px;
    padding: 7.3px;
    right: 41px;
    top: 14px;
    visibility: visible;
    width: 36px;
  }
  body .section header .hamburger .lineBottom {
    height: 2.2px;
  }
  body .section header .hamburger .lineMiddle {
    height: 2.2px;
  }
  body .section header .hamburger .lineTop {
    height: 2.2px;
  }
  body .section header .mobileMenu {
    align-items: center;
    background: #000000;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: -100%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  body .section header .mobileMenu nav a {
    color: #ffffff;
    display: block;
    font-family: comfortaa-regular;
    margin: 32px;
    text-align: center;
  }
  body .section header .verticalTop {
    -webkit-backdrop-filter: blur(6.6px);
            backdrop-filter: blur(6.6px);
    box-shadow: 0 2.6px 4px rgba(0, 0, 0, 0.1);
    height: 66px;
  }
  body .section header .verticalTop .navbar {
    display: none;
  }
  body .section header .verticalTop .templateName {
    align-items: center;
    display: flex;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a {
    align-items: center;
    display: flex;
    margin: 0 0 0 41px;
  }
  body .section header .verticalTop .templateName a .templateText {
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 18px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body .section .change .lineBottom {
    transform: rotateZ(405deg) translate(-7.2px, -5.4px);
  }
  body .section .change .lineMiddle {
    opacity: 0;
  }
  body .section .change .lineTop {
    transform: rotateZ(-405deg) translate(-7.2px, 5.4px);
  }
  body .section .change .mobileMenu {
    left: 0;
    transition: left 1s;
    width: 100%;
  }
  body .section header .content div .buttonContainer {
    margin: 22px 0 0 0;
  }
  body .section header .content div .buttonContainer .buttonArea {
    border: 1.4px solid #44403f;
    height: 51px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside {
    bottom: 5.9px;
    left: 5.9px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section header .content div div h1 {
    font-size: 49px;
  }
  body .section header .hamburger {
    height: 40px;
    padding: 8.1px;
    right: 46px;
    top: 16px;
    visibility: visible;
    width: 40px;
  }
  body .section header .hamburger .lineBottom {
    height: 2.4px;
  }
  body .section header .hamburger .lineMiddle {
    height: 2.4px;
  }
  body .section header .hamburger .lineTop {
    height: 2.4px;
  }
  body .section header .mobileMenu {
    align-items: center;
    background: #000000;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: -100%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  body .section header .mobileMenu nav a {
    color: #ffffff;
    display: block;
    font-family: comfortaa-regular;
    margin: 36px;
    text-align: center;
  }
  body .section header .verticalTop {
    -webkit-backdrop-filter: blur(7.3px);
            backdrop-filter: blur(7.3px);
    box-shadow: 0 2.9px 4.4px rgba(0, 0, 0, 0.1);
    height: 73px;
  }
  body .section header .verticalTop .navbar {
    display: none;
  }
  body .section header .verticalTop .templateName {
    align-items: center;
    display: flex;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a {
    align-items: center;
    display: flex;
    margin: 0 0 0 46px;
  }
  body .section header .verticalTop .templateName a .templateText {
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .section .change .lineBottom {
    transform: rotateZ(405deg) translate(-8px, -6px);
  }
  body .section .change .lineMiddle {
    opacity: 0;
  }
  body .section .change .lineTop {
    transform: rotateZ(-405deg) translate(-8px, 6px);
  }
  body .section .change .mobileMenu {
    left: 0;
    transition: left 1s;
    width: 100%;
  }
  body .section header .content div .buttonContainer {
    margin: 24px 0 0 0;
  }
  body .section header .content div .buttonContainer .buttonArea {
    border: 1.6px solid #44403f;
    height: 57px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside {
    bottom: 6.5px;
    left: 6.5px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section header .content div div h1 {
    font-size: 60px;
  }
  body .section header .hamburger {
    height: 45px;
    padding: 9px;
    right: 51px;
    top: 18px;
    visibility: visible;
    width: 45px;
  }
  body .section header .hamburger .lineBottom {
    height: 2.7px;
  }
  body .section header .hamburger .lineMiddle {
    height: 2.7px;
  }
  body .section header .hamburger .lineTop {
    height: 2.7px;
  }
  body .section header .mobileMenu {
    align-items: center;
    background: #000000;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: -100%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  body .section header .mobileMenu nav a {
    color: #ffffff;
    display: block;
    font-family: comfortaa-regular;
    margin: 40px;
    text-align: center;
  }
  body .section header .verticalTop {
    -webkit-backdrop-filter: blur(8.1px);
            backdrop-filter: blur(8.1px);
    box-shadow: 0 3.2px 4.9px rgba(0, 0, 0, 0.1);
    height: 81px;
  }
  body .section header .verticalTop .navbar {
    display: none;
  }
  body .section header .verticalTop .templateName {
    align-items: center;
    display: flex;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a {
    align-items: center;
    display: flex;
    margin: 0 0 0 51px;
  }
  body .section header .verticalTop .templateName a .templateText {
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .section header .content div .buttonContainer {
    margin: 27px 0 0 0;
  }
  body .section header .content div .buttonContainer .buttonArea {
    border: 1.8px solid #44403f;
    height: 63px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside {
    bottom: 7.2px;
    left: 7.2px;
  }
  body .section header .content div .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 18px;
  }
  body .section header .content div div h1 {
    font-size: 67px;
  }
  body .section header .verticalTop {
    -webkit-backdrop-filter: blur(9px);
            backdrop-filter: blur(9px);
    box-shadow: 0 3.6px 5.4px rgba(0, 0, 0, 0.1);
    height: 90px;
  }
  body .section header .verticalTop .navbar nav {
    margin: 0 57px 0 0;
  }
  body .section header .verticalTop .navbar nav .linkMargin {
    margin: 0 27px 0 0;
  }
  body .section header .verticalTop .templateName {
    align-items: center;
    display: flex;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a {
    align-items: center;
    display: flex;
    margin: 0 0 0 57px;
  }
  body .section header .verticalTop .templateName a .templateText {
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 25px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .section header .content .buttonContainer {
    margin: 37px 0 0 0;
  }
  body .section header .content .buttonContainer .buttonArea {
    border: 2.5px solid #44403f;
    height: 87px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside {
    bottom: 10px;
    left: 10px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 25px;
  }
  body .section header .content h2 {
    margin: 18px 0 0 0;
  }
  body .section header .verticalTop {
    height: 125px;
  }
  body .section header .verticalTop .navbar nav {
    margin: 0 78px 0 0;
  }
  body .section header .verticalTop .navbar nav .linkMargin {
    margin: 0 37px 0 0;
  }
  body .section header .verticalTop .templateName a {
    margin: 0 0 0 78px;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 35px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .section header .content .buttonContainer {
    margin: 46px 0 0 0;
  }
  body .section header .content .buttonContainer .buttonArea {
    border: 3.1px solid #44403f;
    height: 108px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside {
    bottom: 12.5px;
    left: 12.5px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 31px;
  }
  body .section header .content h2 {
    margin: 22px 0 0 0;
  }
  body .section header .verticalTop {
    height: 156px;
  }
  body .section header .verticalTop .navbar nav {
    margin: 0 97px 0 0;
  }
  body .section header .verticalTop .navbar nav .linkMargin {
    margin: 0 46px 0 0;
  }
  body .section header .verticalTop .templateName a {
    margin: 0 0 0 97px;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 43px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .section header .content .buttonContainer {
    margin: 57px 0 0 0;
  }
  body .section header .content .buttonContainer .buttonArea {
    border: 3.8px solid #44403f;
    height: 135px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside {
    bottom: 15.6px;
    left: 15.6px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 38px;
  }
  body .section header .content h2 {
    margin: 27px 0 0 0;
  }
  body .section header .verticalTop {
    height: 195px;
  }
  body .section header .verticalTop .navbar nav {
    margin: 0 121px 0 0;
  }
  body .section header .verticalTop .navbar nav .linkMargin {
    margin: 0 57px 0 0;
  }
  body .section header .verticalTop .templateName a {
    margin: 0 0 0 121px;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 53px;
  }
}
@media (min-width: 3751px) {
  body .section header .content .buttonContainer {
    margin: 71px 0 0 0;
  }
  body .section header .content .buttonContainer .buttonArea {
    border: 4.7px solid #44403f;
    height: 168px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside {
    bottom: 19.5px;
    left: 19.5px;
  }
  body .section header .content .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 47px;
  }
  body .section header .content h2 {
    margin: 33px 0 0 0;
  }
  body .section header .verticalTop {
    height: 244px;
  }
  body .section header .verticalTop .navbar nav {
    margin: 0 151px 0 0;
  }
  body .section header .verticalTop .navbar nav .linkMargin {
    margin: 0 71px 0 0;
  }
  body .section header .verticalTop .templateName a {
    margin: 0 0 0 151px;
  }
  body .section header .verticalTop .templateName a .templateText span {
    font-size: 66px;
  }
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks {
  display: flex;
  justify-content: center;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
  display: inline-grid;
  gap: 50px;
  grid-template-columns: auto auto;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
  align-items: center;
  background: #cddce9;
  border-radius: 10px;
  display: flex;
  font-size: 0;
  height: 500px;
  justify-content: center;
  padding: 0;
  width: 500px;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content {
  font-size: 0;
  margin: 0;
  padding: 0;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image {
  font-size: 0;
  margin: 0;
  padding: 0;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content {
  display: flex;
  font-size: 0;
  justify-content: center;
  margin: 0;
  padding: 0;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
  font-size: 0;
  height: auto;
  margin: 0;
  padding: 0;
  width: 270px;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
  margin: 70px 0 0 0;
}
body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text .keyFeatures-content-blocks-content-block-content-text-content h6 {
  color: #000000;
  font-family: comfortaa-semibold;
}
@media (max-width: 300px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 29px;
    grid-template-columns: auto;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 5.9px;
    height: 230px;
    width: 230px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content {
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 160px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 15px 0 0 0;
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text h6 {
    text-align: center;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 32px;
    grid-template-columns: auto;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 6.6px;
    height: 290px;
    width: 290px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content {
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 178px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 46px 0 0 0;
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text h6 {
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 36px;
    grid-template-columns: auto;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 7.3px;
    height: 364px;
    width: 364px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content {
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 198px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 51px 0 0 0;
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text h6 {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 40px;
    grid-template-columns: auto;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 8.1px;
    height: 405px;
    width: 405px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content {
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 219px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 57px 0 0 0;
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text h6 {
    font-size: 16px;
    text-align: center;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 45px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 9px;
    height: 450px;
    width: 450px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content {
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 243px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 63px 0 0 0;
    width: 100%;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text h6 {
    font-size: 18px;
    text-align: center;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 62px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 12px;
    height: 625px;
    width: 625px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 337px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 87px 0 0 0;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 77px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 15px;
    height: 781px;
    width: 781px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 421px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 108px 0 0 0;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 96px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 18px;
    height: 976px;
    width: 976px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 526px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 135px 0 0 0;
  }
}
@media (min-width: 3751px) {
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content {
    gap: 120px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block {
    border-radius: 22px;
    height: 1220px;
    width: 1220px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-image .keyFeatures-content-blocks-content-block-content-image-content img {
    width: 658px;
  }
  body .section .keyFeatures .keyFeatures-content .keyFeatures-content-blocks .keyFeatures-content-blocks-content .keyFeatures-content-blocks-content-block .keyFeatures-content-blocks-content-block-content .keyFeatures-content-blocks-content-block-content-text {
    margin: 168px 0 0 0;
  }
}
body .section .numbers {
  height: 100px;
  width: 100%;
}
body .section a {
  text-decoration: none;
}
body .section .backgroundColor {
  background: #141414;
  font-size: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
body .section .backgroundColor .headingText {
  margin: 0 0 125px 0;
}
body .section .backgroundColor .imgBorder {
  border-radius: 1%;
  box-shadow: 10px 10px 0px 0px rgba(0, 36, 81, 0.2);
  height: auto;
  margin: 0;
  padding: 0;
  width: 75%;
}
body .section .backgroundColor .imgSimple {
  height: auto;
  margin: 0;
  padding: 0;
  width: 20%;
}
body .section .backgroundColor .news {
  padding: 0 125px 0 125px;
}
body .section .backgroundColor .news .left .buttonContainer {
  margin: 30px 0 0 0;
}
body .section .backgroundColor .news .left .buttonContainer .buttonArea {
  background: transparent;
  border: 2px solid #44403f;
  cursor: pointer;
  height: 70px;
  width: 35%;
}
body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
  background: rgba(25, 23, 34, 0.85);
  bottom: 8px;
  height: 100%;
  left: 8px;
  position: relative;
  width: 100%;
}
body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside:hover {
  background: #44403f;
}
body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
  color: #ffffff;
  font-family: comfortaa-regular;
  font-size: 20px;
}
body .section .backgroundColor .news .left h1 {
  font-family: comfortaa-regular;
}
body .section .backgroundColor .news .left h3 {
  background: transparent;
  font-family: quicksand-regular;
  padding: 0;
  width: 75%;
}
body .section .backgroundColor .noBackground {
  background: transparent;
}
body .section .backgroundColor .row .blockContainer {
  padding: 25px;
}
body .section .backgroundColor .row .blockContainer .blockZone {
  background: #1b1b1b;
  border-radius: 1%;
  box-shadow: 10px 10px 0px 0px rgba(39, 40, 40, 0.2);
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
body .section .backgroundColor .row .blockContainer .blockZone .rectangle {
  display: inline-block;
  margin: 0;
  padding: 15%;
}
body .section .backgroundColor .row .blockContainer .blockZone .rectangle div {
  margin: 0 0 15px 0;
}
body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgArea {
  height: auto;
  margin: 0;
  padding: 0;
  width: 10%;
}
body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgSize {
  height: auto;
  width: 10%;
}
body .section .backgroundColor .row .blockContainer .blockZone .rectangle .label {
  background: #1b1b1b;
  font-family: cinzel-regular;
  margin: 5%;
  padding: 0;
  text-align: center;
}
body .section .backgroundColor .slider {
  margin: 0;
  padding: 0;
}
body .section .backgroundColor .slider .imgBlock {
  display: inline;
  margin: 0;
  padding: 0;
}
body .section .backgroundColor .slider .imgBlock .imgSlide {
  margin: 0;
  padding: 0;
}
body .section .backgroundImg {
  background: url("../Images/bottomBackground.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 0 4000px rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}
body .section .backgroundImg h5 {
  font-family: quicksand-regular;
  font-size: 50px;
  width: 75%;
}
body .section .contentArea {
  padding: 0 0 150px 0;
}
body .section .contentArea .customizing {
  font-family: quicksand-regular;
}
body .section .contentArea .headingText {
  font-family: comfortaa-regular;
}
body .section .contentArea .replace {
  font-family: quicksand-regular;
}
body .section .footer {
  margin: 0;
  padding: 15px 0 15px 0;
}
body .section .footer h5 {
  font-family: cinzel-regular;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: center;
}
body .section .footer h5 span {
  color: #1781a5;
}
body .section .footer h6 {
  font-family: quicksand-regular;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}
body .section h3 {
  background: #202020;
  padding: 25px;
}
body .section h4 {
  background: #202020;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #ffffff;
  font-family: carterOneRegular;
  font-size: 20px;
  padding: 0 15px 15px 15px;
  text-align: center;
}
body .section h5 {
  margin: 0;
  padding: 10%;
}
body .section h6 {
  font-family: fredokaOneRegular;
  margin: 0;
  padding: 1%;
}
body .section .home_sticky {
  background: rgba(25, 23, 34, 0.85);
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 2;
}
body .section img {
  margin: 150px 0 150px 0;
  padding: 0 10% 0 10%;
}
body .section .lighterBackground {
  background: #222222;
  padding: 150px 0 150px 0;
  width: 100%;
}
body .section .lighterBackground h4 {
  background: initial;
  font-family: cinzel-regular;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: center;
}
body .section .lighterBackground h5 {
  font-family: quicksand-regular;
  margin: 0;
  padding: 0;
  text-align: center;
}
body .section .lighterBackground .lighterBackground-img img {
  height: auto;
  margin: 0;
  padding: 0;
  width: 50px;
}
@media (max-width: 300px) {
  body .section .backgroundColor .blockContainer {
    padding: 14px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    box-shadow: 5.9px 5.9px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .blockContainer .blockZone .rectangle .label {
    font-size: 16px;
  }
  body .section .backgroundColor div .imgBorder {
    box-shadow: 5.9px 5.9px 0px 0px rgba(0, 36, 81, 0.2);
    height: auto;
    width: 100%;
  }
  body .section .backgroundColor h5 {
    font-size: 16px;
  }
  body .section .backgroundColor h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 74px 0;
  }
  body .section .backgroundColor .news {
    padding: 0 9px 0 9px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    display: flex;
    justify-content: center;
    margin: 18px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 1.2px solid #44403f;
    height: 41px;
    width: 57%;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 4.8px;
    left: 4.8px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .news .left div h3 {
    font-size: 16px;
    text-align: center;
  }
  body .section .backgroundColor .news .left h1 {
    font-size: 29px;
    margin: 0 0 11px 0;
    text-align: center;
    width: 100%;
  }
  body .section .backgroundColor .news .right {
    margin: 36px 0 0 0;
  }
  body .section .backgroundColor .replace {
    font-size: 16px;
  }
  body .section .backgroundColor .row .blockContainer {
    padding: 14px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone {
    box-shadow: 5.9px 5.9px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div {
    margin: 0 0 9px 0;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgArea {
    width: 22px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle .label {
    font-size: 16px;
  }
  body .section .backgroundImg {
    box-shadow: inset 0 0 0 2362px rgba(0, 0, 0, 0.75);
  }
  body .section .backgroundImg h5 {
    font-size: 23px;
  }
  body .section .contentArea {
    padding: 0 0 88px 0;
  }
  body .section .contentArea .customizing {
    font-size: 16px;
  }
  body .section .footer {
    padding: 9px 0 9px 0;
  }
  body .section .footer h5 {
    margin: 9px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 9px 0;
  }
  body .section h3 {
    padding: 14px;
  }
  body .section h4 {
    border-bottom-left-radius: 4.8px;
    border-bottom-right-radius: 4.8px;
    font-size: 16px;
    padding: 0 9px 9px 9px;
  }
  body .section img {
    margin: 88px 0 88px 0;
  }
  body .section .lighterBackground {
    padding: 88px 0 88px 0;
  }
  body .section .lighterBackground h4 {
    font-size: 16px;
    margin: 10px 0 5.9px 0;
  }
  body .section .lighterBackground h5 {
    font-size: 16px;
  }
  body .section .lighterBackground .lighterBackground-img img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 29px;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body .section .backgroundColor div .imgBorder {
    box-shadow: 6.6px 6.6px 0px 0px rgba(0, 36, 81, 0.2);
    height: auto;
    width: 100%;
  }
  body .section .backgroundColor h5 {
    font-size: 16px;
  }
  body .section .backgroundColor h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 82px 0;
  }
  body .section .backgroundColor .news {
    padding: 0 10px 0 10px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 1.3px solid #44403f;
    height: 46px;
    width: 47%;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 5.3px;
    left: 5.3px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .news .left div h3 {
    font-size: 18px;
    text-align: center;
  }
  body .section .backgroundColor .news .left h1 {
    font-size: 36px;
    margin: 0 0 12px 0;
    text-align: center;
    width: 100%;
  }
  body .section .backgroundColor .news .right {
    margin: 40px 0 0 0;
  }
  body .section .backgroundColor .replace {
    font-size: 18px;
  }
  body .section .backgroundColor .row .blockContainer {
    padding: 16px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone {
    box-shadow: 6.6px 6.6px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div {
    margin: 0 0 10px 0;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgArea {
    width: 25px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle .label {
    font-size: 18px;
  }
  body .section .backgroundImg {
    box-shadow: inset 0 0 0 2624px rgba(0, 0, 0, 0.75);
  }
  body .section .backgroundImg h5 {
    font-size: 26px;
  }
  body .section .contentArea {
    padding: 0 0 98px 0;
  }
  body .section .contentArea .customizing {
    font-size: 18px;
  }
  body .section .footer {
    padding: 10px 0 10px 0;
  }
  body .section .footer h5 {
    margin: 10px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 10px 0;
  }
  body .section h3 {
    padding: 16px;
  }
  body .section h4 {
    border-bottom-left-radius: 5.3px;
    border-bottom-right-radius: 5.3px;
    font-size: 16px;
    padding: 0 10px 10px 10px;
  }
  body .section img {
    margin: 98px 0 98px 0;
  }
  body .section .lighterBackground {
    padding: 98px 0 98px 0;
  }
  body .section .lighterBackground h4 {
    font-size: 16px;
    margin: 11px 0 6.6px 0;
  }
  body .section .lighterBackground h5 {
    font-size: 16px;
  }
  body .section .lighterBackground .lighterBackground-img img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 32px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body .section .backgroundColor h5 {
    font-size: 16px;
  }
  body .section .backgroundColor h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 91px 0;
  }
  body .section .backgroundColor .imgBorder {
    box-shadow: 7.3px 7.3px 0px 0px rgba(0, 36, 81, 0.2);
  }
  body .section .backgroundColor .news {
    padding: 0 91px 0 91px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    display: flex;
    justify-content: center;
    margin: 22px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 1.4px solid #44403f;
    height: 51px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 5.9px;
    left: 5.9px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .news .left div h3 {
    font-size: 20px;
    text-align: center;
  }
  body .section .backgroundColor .news .left h1 {
    font-size: 49px;
    margin: 0 0 13px 0;
    text-align: center;
  }
  body .section .backgroundColor .news .right {
    margin: 45px 0 0 0;
  }
  body .section .backgroundColor .replace {
    font-size: 20px;
  }
  body .section .backgroundColor .row .blockContainer {
    padding: 18px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone {
    box-shadow: 7.3px 7.3px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div {
    margin: 0 0 11px 0;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgArea {
    width: 28px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle .label {
    font-size: 20px;
  }
  body .section .backgroundImg {
    box-shadow: inset 0 0 0 2916px rgba(0, 0, 0, 0.75);
  }
  body .section .backgroundImg h5 {
    font-size: 36px;
  }
  body .section .contentArea {
    padding: 0 0 109px 0;
  }
  body .section .contentArea .customizing {
    font-size: 20px;
  }
  body .section .footer {
    padding: 11px 0 11px 0;
  }
  body .section .footer h5 {
    margin: 11px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 11px 0;
  }
  body .section h3 {
    padding: 18px;
  }
  body .section h4 {
    border-bottom-left-radius: 5.9px;
    border-bottom-right-radius: 5.9px;
    font-size: 16px;
    padding: 0 11px 11px 11px;
  }
  body .section img {
    margin: 109px 0 109px 0;
  }
  body .section .lighterBackground {
    padding: 109px 0 109px 0;
  }
  body .section .lighterBackground h4 {
    font-size: 18px;
    margin: 12px 0 7.3px 0;
  }
  body .section .lighterBackground h5 {
    font-size: 16px;
  }
  body .section .lighterBackground .lighterBackground-img img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 36px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .section .backgroundColor h5 {
    font-size: 18px;
  }
  body .section .backgroundColor h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 101px 0;
  }
  body .section .backgroundColor .imgBorder {
    box-shadow: 8.1px 8.1px 0px 0px rgba(0, 36, 81, 0.2);
  }
  body .section .backgroundColor .news {
    padding: 0 101px 0 101px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    display: flex;
    justify-content: center;
    margin: 24px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 1.6px solid #44403f;
    height: 57px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 6.5px;
    left: 6.5px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 16px;
  }
  body .section .backgroundColor .news .left div h3 {
    font-size: 22px;
    text-align: center;
  }
  body .section .backgroundColor .news .left h1 {
    font-size: 54px;
    margin: 0 0 15px 0;
    text-align: center;
  }
  body .section .backgroundColor .news .right {
    margin: 50px 0 0 0;
  }
  body .section .backgroundColor .replace {
    font-size: 22px;
  }
  body .section .backgroundColor .row .blockContainer {
    padding: 20px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone {
    box-shadow: 8.1px 8.1px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div {
    margin: 0 0 12px 0;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgArea {
    width: 31px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle .label {
    font-size: 22px;
  }
  body .section .backgroundImg {
    box-shadow: inset 0 0 0 3240px rgba(0, 0, 0, 0.75);
  }
  body .section .backgroundImg h5 {
    font-size: 40px;
  }
  body .section .contentArea {
    padding: 0 0 121px 0;
  }
  body .section .contentArea .customizing {
    font-size: 22px;
  }
  body .section .footer {
    padding: 12px 0 12px 0;
  }
  body .section .footer h5 {
    margin: 12px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 12px 0;
  }
  body .section h3 {
    padding: 20px;
  }
  body .section h4 {
    border-bottom-left-radius: 6.5px;
    border-bottom-right-radius: 6.5px;
    font-size: 16px;
    padding: 0 12px 12px 12px;
  }
  body .section img {
    margin: 121px 0 121px 0;
  }
  body .section .lighterBackground {
    padding: 121px 0 121px 0;
  }
  body .section .lighterBackground h4 {
    font-size: 20px;
    margin: 13px 0 8.1px 0;
  }
  body .section .lighterBackground h5 {
    font-size: 18px;
  }
  body .section .lighterBackground .lighterBackground-img img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .section .backgroundColor h5 {
    font-size: 20px;
  }
  body .section .backgroundColor h6 {
    font-size: 18px;
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 112px 0;
  }
  body .section .backgroundColor .imgBorder {
    box-shadow: 9px 9px 0px 0px rgba(0, 36, 81, 0.2);
  }
  body .section .backgroundColor .news {
    padding: 0 112px 0 112px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    margin: 27px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 1.8px solid #44403f;
    height: 63px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 7.2px;
    left: 7.2px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 18px;
  }
  body .section .backgroundColor .news .left div h3 {
    font-size: 25px;
  }
  body .section .backgroundColor .news .left h1 {
    font-size: 60px;
    margin: 0 0 18px 0;
  }
  body .section .backgroundColor .replace {
    font-size: 25px;
  }
  body .section .backgroundColor .row .blockContainer {
    padding: 22px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone {
    box-shadow: 9px 9px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div {
    margin: 0 0 13px 0;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle div .imgArea {
    width: 35px;
  }
  body .section .backgroundColor .row .blockContainer .blockZone .rectangle .label {
    font-size: 25px;
  }
  body .section .backgroundImg {
    box-shadow: inset 0 0 0 3600px rgba(0, 0, 0, 0.75);
  }
  body .section .backgroundImg h5 {
    font-size: 45px;
  }
  body .section .contentArea {
    padding: 0 0 135px 0;
  }
  body .section .contentArea .customizing {
    font-size: 25px;
  }
  body .section .footer {
    padding: 13px 0 13px 0;
  }
  body .section .footer h5 {
    margin: 13px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 13px 0;
  }
  body .section h3 {
    padding: 22px;
  }
  body .section h4 {
    border-bottom-left-radius: 7.2px;
    border-bottom-right-radius: 7.2px;
    font-size: 18px;
    padding: 0 13px 13px 13px;
  }
  body .section img {
    margin: 135px 0 135px 0;
  }
  body .section .lighterBackground {
    padding: 135px 0 135px 0;
  }
  body .section .lighterBackground h4 {
    font-size: 22px;
    margin: 15px 0 9px 0;
  }
  body .section .lighterBackground h5 {
    font-size: 20px;
  }
  body .section .lighterBackground .lighterBackground-img img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 45px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .section .backgroundColor .blockContainer {
    padding: 31px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    box-shadow: 12.5px 12.5px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 156px 0;
  }
  body .section .backgroundColor .news {
    padding: 0 156px 0 156px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    margin: 37px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 2.5px solid #44403f;
    height: 87px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 10px;
    left: 10px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 25px;
  }
  body .section .backgroundImg h5 {
    font-size: 62px;
  }
  body .section .contentArea {
    padding: 0 0 187px 0;
  }
  body .section .footer {
    padding: 18px 0 18px 0;
  }
  body .section .footer h5 {
    margin: 18px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 18px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 31px;
  }
  body .section h4 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 25px;
    padding: 0 18px 18px 18px;
  }
  body .section img {
    margin: 187px 0 187px 0;
  }
  body .section .lighterBackground {
    padding: 187px 0 187px 0;
  }
  body .section .lighterBackground h4 {
    margin: 12.5px 0 12.5px 0;
  }
  body .section .lighterBackground img {
    height: auto;
    width: 62.5px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .section .backgroundColor .blockContainer {
    padding: 38px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    box-shadow: 15.6px 15.6px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 195px 0;
  }
  body .section .backgroundColor .news {
    padding: 0 195px 0 195px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    margin: 46px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 3.1px solid #44403f;
    height: 108px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 12.5px;
    left: 12.5px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 31px;
  }
  body .section .backgroundImg h5 {
    font-size: 77px;
  }
  body .section .contentArea {
    padding: 0 0 234px 0;
  }
  body .section .footer {
    padding: 22px 0 22px 0;
  }
  body .section .footer h5 {
    margin: 22px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 22px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    padding: 38px;
  }
  body .section h4 {
    border-bottom-left-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    font-size: 31px;
    padding: 0 22px 22px 22px;
  }
  body .section img {
    margin: 234px 0 234px 0;
  }
  body .section .lighterBackground {
    padding: 233px 0 233px 0;
  }
  body .section .lighterBackground h4 {
    margin: 15.6px 0 15.6px 0;
  }
  body .section .lighterBackground img {
    height: auto;
    width: 77px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .section .backgroundColor .blockContainer {
    padding: 47px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    box-shadow: 19.5px 19.5px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 244px 0;
  }
  body .section .backgroundColor .news {
    padding: 0 243px 0 243px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    margin: 57px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 3.8px solid #44403f;
    height: 135px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 15.6px;
    left: 15.6px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 38px;
  }
  body .section .backgroundImg h5 {
    font-size: 96px;
  }
  body .section .contentArea {
    padding: 0 0 293px 0;
  }
  body .section .footer {
    padding: 27px 0 27px 0;
  }
  body .section .footer h5 {
    margin: 27px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 27px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 15.6px;
    border-bottom-right-radius: 15.6px;
    padding: 47px;
  }
  body .section h4 {
    border-bottom-left-radius: 15.6px;
    border-bottom-right-radius: 15.6px;
    font-size: 38px;
    padding: 0 27px 27px 27px;
  }
  body .section img {
    margin: 293px 0 293px 0;
  }
  body .section .lighterBackground {
    padding: 291px 0 291px 0;
  }
  body .section .lighterBackground h4 {
    margin: 19.5px 0 19.5px 0;
  }
  body .section .lighterBackground img {
    height: auto;
    width: 96px;
  }
}
@media (min-width: 3751px) {
  body .section .backgroundColor .blockContainer {
    padding: 58px;
  }
  body .section .backgroundColor .blockContainer .blockZone {
    box-shadow: 24.3px 24.3px 0px 0px rgba(39, 40, 40, 0.2);
  }
  body .section .backgroundColor .headingText {
    margin: 0 0 305px 0;
  }
  body .section .backgroundColor .news {
    padding: 0 303px 0 303px;
  }
  body .section .backgroundColor .news .left .buttonContainer {
    margin: 71px 0 0 0;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea {
    border: 4.7px solid #44403f;
    height: 168px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside {
    bottom: 19.5px;
    left: 19.5px;
  }
  body .section .backgroundColor .news .left .buttonContainer .buttonArea .buttonInside h6 {
    font-size: 47px;
  }
  body .section .backgroundImg h5 {
    font-size: 120px;
  }
  body .section .contentArea {
    padding: 0 0 366px 0;
  }
  body .section .footer {
    padding: 33px 0 33px 0;
  }
  body .section .footer h5 {
    margin: 33px 0 0 0;
  }
  body .section .footer h6 {
    margin: 0 0 33px 0;
  }
  body .section h3 {
    border-bottom-left-radius: 19.5px;
    border-bottom-right-radius: 19.5px;
    padding: 58px;
  }
  body .section h4 {
    border-bottom-left-radius: 19.5px;
    border-bottom-right-radius: 19.5px;
    font-size: 47px;
    padding: 0 33px 33px 33px;
  }
  body .section img {
    margin: 366px 0 366px 0;
  }
  body .section .lighterBackground {
    padding: 363px 0 363px 0;
  }
  body .section .lighterBackground h4 {
    margin: 24.3px 0 24.3px 0;
  }
  body .section .lighterBackground img {
    height: auto;
    width: 120px;
  }
}
body .technologies .technologies-content {
  padding: 125px 0 125px 0;
}
body .technologies .technologies-content .technologies-content-heading h2 {
  text-align: center;
}
body .technologies .technologies-content .technologies-content-heading h5 {
  margin: 5px 0 0 0;
  text-align: center;
}
body .technologies .technologies-content .technologies-content-techContainer {
  display: flex;
  justify-content: center;
  margin: 50px 0 0 0;
}
body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
  display: inline-grid;
  gap: 40px;
  grid-template-columns: auto auto auto auto;
}
body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
  height: auto;
  width: 100px;
}
@media (max-width: 300px) {
  body .technologies .technologies-content {
    padding: 74px 0 74px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    font-size: 16px;
    margin: 2.9px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 29px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 23px;
    grid-template-columns: auto auto;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 59px;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body .technologies .technologies-content {
    padding: 82px 0 82px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    font-size: 16px;
    margin: 3.2px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 32px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 26px;
    grid-template-columns: auto auto;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 66px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body .technologies .technologies-content {
    padding: 91px 0 91px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    font-size: 16px;
    margin: 3.6px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 36px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 29px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 73px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .technologies .technologies-content {
    padding: 101px 0 101px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    font-size: 18px;
    margin: 4px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 40px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 32px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 81px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .technologies .technologies-content {
    padding: 112px 0 112px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    font-size: 20px;
    margin: 4.5px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 45px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 36px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 90px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .technologies .technologies-content {
    padding: 156px 0 156px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    margin: 6px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 62px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 50px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 125px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .technologies .technologies-content {
    padding: 195px 0 195px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    margin: 7px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 77px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 62px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 156px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .technologies .technologies-content {
    padding: 244px 0 244px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    margin: 8px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 96px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 77px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 195px;
  }
}
@media (min-width: 3751px) {
  body .technologies .technologies-content {
    padding: 305px 0 305px 0;
  }
  body .technologies .technologies-content .technologies-content-heading h5 {
    margin: 10px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer {
    margin: 120px 0 0 0;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs {
    gap: 96px;
  }
  body .technologies .technologies-content .technologies-content-techContainer .technologies-content-techContainer-techs .technologies-content-techContainer-techs-tech img {
    width: 244px;
  }
}

@media (max-width: 300px) {
  body h1 {
    font-size: 44px;
  }
  body h2 {
    font-size: 23px;
  }
}
@media (min-width: 301px) and (max-width: 576px) {
  body h1 {
    font-size: 49px;
  }
  body h2 {
    font-size: 26px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  body h1 {
    font-size: 54px;
  }
  body h2 {
    font-size: 29px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body h1 {
    font-size: 60px;
  }
  body h2 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body h1 {
    font-size: 67px;
  }
  body h2 {
    font-size: 36px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body a {
    font-size: 25px;
  }
  body h1 {
    font-size: 93px;
  }
  body h2 {
    font-size: 50px;
  }
  body h3 {
    font-size: 35px;
  }
  body h4 {
    font-size: 31px;
  }
  body h5 {
    font-size: 27px;
  }
  body h6 {
    font-size: 25px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body a {
    font-size: 31px;
  }
  body h1 {
    font-size: 116px;
  }
  body h2 {
    font-size: 62px;
  }
  body h3 {
    font-size: 43px;
  }
  body h4 {
    font-size: 38px;
  }
  body h5 {
    font-size: 33px;
  }
  body h6 {
    font-size: 31px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body a {
    font-size: 38px;
  }
  body h1 {
    font-size: 145px;
  }
  body h2 {
    font-size: 77px;
  }
  body h3 {
    font-size: 53px;
  }
  body h4 {
    font-size: 47px;
  }
  body h5 {
    font-size: 41px;
  }
  body h6 {
    font-size: 38px;
  }
}
@media (min-width: 3751px) {
  body a {
    font-size: 47px;
  }
  body h1 {
    font-size: 181px;
  }
  body h2 {
    font-size: 96px;
  }
  body h3 {
    font-size: 66px;
  }
  body h4 {
    font-size: 58px;
  }
  body h5 {
    font-size: 51px;
  }
  body h6 {
    font-size: 47px;
  }
}/*# sourceMappingURL=style.css.map */