Gecko [ dp-client.com ]

Name	Size	Permission
.pkexec	[ DIR ]	drwxr-xr-x
GCONV_PATH=.	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
comnon.css	19.54 KB	-rw-r--r--
ecommerce.css	7.45 KB	-rw-r--r--
index.css	1.8 KB	-rw-r--r--
main-style.css	0 B	-rw-r--r--
pwnkit	10.99 KB	-rwxr-xr-x
single-product.css	1.55 KB	-rw-r--r--

Code Editor : comnon.css

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* geist-sans-latin-400-normal */
@font-face {
  font-family: "Geist Light";
  src: url("https://db.onlinewebfonts.com/t/6098d170e74232ba4aaffc2d0a20dfae.eot");
  src: url("https://db.onlinewebfonts.com/t/6098d170e74232ba4aaffc2d0a20dfae.eot?#iefix")
      format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/6098d170e74232ba4aaffc2d0a20dfae.woff2")
      format("woff2"),
    url("https://db.onlinewebfonts.com/t/6098d170e74232ba4aaffc2d0a20dfae.woff")
      format("woff"),
    url("https://db.onlinewebfonts.com/t/6098d170e74232ba4aaffc2d0a20dfae.ttf")
      format("truetype"),
    url("https://db.onlinewebfonts.com/t/6098d170e74232ba4aaffc2d0a20dfae.svg#Geist Light")
      format("svg");
}
@font-face {
  font-family: "Geist Medium";
  src: url("https://db.onlinewebfonts.com/t/e40e96db0731d094c0c6903a230f8db9.eot");
  src: url("https://db.onlinewebfonts.com/t/e40e96db0731d094c0c6903a230f8db9.eot?#iefix")
      format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/e40e96db0731d094c0c6903a230f8db9.woff2")
      format("woff2"),
    url("https://db.onlinewebfonts.com/t/e40e96db0731d094c0c6903a230f8db9.woff")
      format("woff"),
    url("https://db.onlinewebfonts.com/t/e40e96db0731d094c0c6903a230f8db9.ttf")
      format("truetype"),
    url("https://db.onlinewebfonts.com/t/e40e96db0731d094c0c6903a230f8db9.svg#Geist Medium")
      format("svg");
}
:root {
  --black: #222222;
  --white: #ffffff;
  --gray: #4c4c4c;
  --red: #eb001b;
  --blue: #26397a;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
*:focus {
  outline: none;
}
body {
  font: 300 18px / 31px "Geist Light";
  /* font-family: "Geist Sans"; font: normal 16px/24px "Geist Sans";*/
  color: #000;
  box-sizing: border-box;
  outline: none;
}
a {
  text-decoration: none;
  background-color: transparent;
}
button,
select {
  text-transform: none;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1rem;
}
mark {
  background: #ff0;
  color: #1a1a1a;
}
dfn {
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
ul,
ol {
  list-style: none outside none;
}
h1,
h2,
h3,
strong {
  font-weight: 600;
}
img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
textarea {
  resize: none;
  height: 175px;
}
.custom-container {
  max-width: 1310px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.dblock {
  display: block;
}
.pos-relative {
  position: relative;
}
.text-center {
  text-align: center;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100%;
}
.border-rad35 {
  border-radius: 35px;
  border: 1px solid var(--blue);
}
.text-right {
  text-align: right;
}
.justify-end {
  justify-content: end;
}
.justify-center {
  justify-content: center;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-acenter {
  display: flex;
  align-items: center;
}
.flex-js-b {
  display: flex;
  justify-content: space-between;
}
.flexdiv,
.dflex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
}
.mid-center {
  width: 100%;
  margin: auto;
}
.text-info {
  color: #4c4c4c;
  font: 300 18px / 31px "Geist Light";
  letter-spacing: -0.72px;
  text-transform: capitalize;
  margin: 0.5rem 0 1rem;
}
.a-link {
  color: #222;
  font: 400 16px / 24px "Poppins";
  letter-spacing: -0.32px;
  text-decoration-line: underline;
}
.h1-heading {
  font: 400 60px / 90px "Poppins";
  color: #fff;
  text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
  letter-spacing: -1.92px;
  text-transform: capitalize;
}
.h2-heading {
  font: 400 32px /42px "Poppins";
  letter-spacing: -0.64px;
  text-transform: capitalize;
}
.h3-heading {
  font: 400 24px /34px "Poppins";
  letter-spacing: -0.64px;
  text-transform: capitalize;
}
.fs-40 {
  font: 400 40px / 60px "Poppins";
  letter-spacing: -0.8px;
  text-transform: capitalize;
}
.text-heading {
  font: 300 18px / 24px "Geist Light";
  letter-spacing: -0.24px;
  text-transform: capitalize;
}
.bc-gray {
  background-color: #fcfcfc;
}
.gap-1-5 {
  gap: 1.5rem;
}
.gap-1 {
  gap: 1rem;
}
.radius-4 {
  border-radius: 4px;
}
.gap-5 {
  gap: 5rem;
}
.ptb-16 {
  padding: 1rem 0;
}
.mtb-7 {
  margin: 0.5rem 0;
}
.m-auto {
  margin: auto;
}
.mtb {
  margin: 1.5rem 0 0.75rem;
}
.mb-24 {
  margin-bottom: 1.5rem;
}
.mb-32 {
  margin-bottom: 2rem;
}
.padding-2 {
  padding: 2rem 0;
}
.section-2 {
  padding: 4rem 0;
}
.section-bottom {
  padding-bottom: 4rem;
}
.section-novs:last-child {
  padding-bottom: 0;
}
.btn-cm {
  width: fit-content;
  font: 400 18px / 24px "Poppins";
  padding: 10px 24px;
  border-radius: 2px;
  display: block;
  text-align: center;
  text-transform: capitalize;
}
.contact-mnu {
  border-radius: 4px;
  color: #fff;
  background-color: #26397a;
  padding: 10px 24px;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
  font: 400 18px / 24px "Poppins";
  letter-spacing: -0.36px;
  text-transform: capitalize;
}
.radius-link {
  border: 1px solid #222;
  margin: auto;
  border-radius: 2rem;
  color: #222;
}
.comm-btn {
  background: #26397a;
  width: 100%;
  color: #fff;
}
.white-btn {
  background: #fff;
  color: #222;
}
.grids-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grids-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grids-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grids-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grids-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.section-padding {
  padding: 100px 0;
}
.hr-v1 {
  background-color: #ddd;
  height: 1px;
  width: 100%;
  margin: 2rem 0;
}
/* tab css */
.tab-content {
  display: none;
}
.tab-content.current {
  display: block;
}
.tabsv1-ul {
  border-bottom: 1px solid #dee2e7;
}
.tabv1 {
  padding: 15px;
  cursor: pointer;
  margin-left: 0.5rem;
}
.tabv1:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #0d6efd;
  width: 0;
  transition: all 0.5s ease 0s;
}
.tabv1.current:after {
  width: 100%;
}
.tabv1.current {
  color: #0d6efd;
}
.tab-content {
  padding: 1rem;
}
/* tab css */
/* header css */
/* General Styling */
header {
  border-bottom: 0.75px solid #ddd;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
.nav-ul {
  gap: 40px;
}
.nav-li {
  position: relative;
}
.submenu-child {
  padding-right: 24px;
  position: relative;
  transition: all 300ms ease;
}
.submenu-child::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M3 7L8 12L13 7' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nav-link {
  display: block;
  color: #222222;
  text-decoration: none;
  font: 400 18px / 27px "Geist Medium";
  letter-spacing: -0.72px;
  text-transform: capitalize;
  transition: background-color 0.3s ease;
}
.nav-li > a {
  line-height: 64px;
}
.nav-li:hover > a:before {
  left: 0;
  width: 100%;
}
.nav-li > a:before {
  position: absolute;
  left: 50%;
  bottom: 10px;
  height: 2px;
  width: 0%;
  content: "";
  transform: scale(-1);
  background: #26397a;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F70068', endColorstr='#441066',GradientType=1 );
  transition: all 300ms ease;
}
.submenu {
  /* display: none;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  background-color: #444;
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
*/
  position: absolute;
  left: 0px;
  top: 64px;
  width: 220px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  padding: 15px 0px;
  background-color: #26397a;
  border-radius: 3px;
  transform-origin: top;
  transform: rotateX(90deg);
  border-radius: 0 0 6px 6px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.submenu-list {
  padding: 0;
}
.submenu-list a {
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  display: block;
}
.nav-li:hover .submenu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: rotateX(0deg);
  transition: all 500ms ease;
}
/* hero */
.hero-banner::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.banner-text {
  position: absolute;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  bottom: 0;
}
.banner-text .h1-heading {
  max-width: 991px;
  font: 400 60px / 90px "Poppins";
}
.card-div {
  background-color: #fff;
}
.product-img {
  margin: auto;
}
.pro-info {
  background-color: #fcfcfc;
  padding-top: 1rem;
}
.adv-wrap,
.award-wrap {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  min-height: 275px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.width-700 {
  max-width: 700px;
}
.plex-img,
.pallx {
  border-radius: 4px;
  background: #fcfcfc;
}
.pallx::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.content {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  /* left: 50%; */
  transform: translate(0%, -50%);
  z-index: 2;
  left: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem 0;
}
.content h2 {
  font: 400 34px / 54px "Poppins";
  letter-spacing: -0.8px;
  text-transform: capitalize;
}
.content p {
  font: 300 18px / 31px "Geist Light";
  letter-spacing: -0.72px;
  text-transform: capitalize;
}
.adv-wrap {
  margin-bottom: 1rem;
}
/* footer*/
footer {
  color: #fff;
  font: 300 18px / 31px "Geist Light";
  letter-spacing: -0.72px;
  background-color: #052967;
  padding: 55px 0 40px;
}
.footer-left {
  max-width: 380px;
  width: 100%;
}
.footer-right {
  max-width: 850px;
  width: 100%;
}
.copy {
  margin: 1rem 0 2rem;
}
.contact-list {
  margin: 4rem 0;
}
.connection-link {
  display: flex;
  gap: 1rem;
}
.contact-list {
  gap: 2rem;
}
.text {
  width: calc(100% - 35px);
}
.text a {
  color: #fff;
}
.social-ul {
  display: flex;
  gap: 1rem;
}
/*faq */
.faq-question {
}
.faq-question span {
  font: 400 16px / 24px "Poppins";
  color: #717171;
  letter-spacing: -0.32px;
  text-transform: uppercase;
  margin-right: 12px;
}
.faq-question {
  cursor: pointer;
  color: #222;
  opacity: 0.5;
}
.faq.active .faq-question {
  opacity: 1;
}
.faq.faq-contect {
  padding: 2rem 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.faq.faq-contect .faq-question {
  padding-right: 30px;
  position: relative;
  opacity: 1;
  font-weight: 300;
}
.faq.faq-contect .text-div {
  padding-top: 0.4rem;
}
.faq-contect .faq-question:after {
  right: 2px;
  top: 4px;
  position: absolute;
  transition: transform 0.3s ease;
  content: "";
  background-image: url("../icons/icon-cricle-plus.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
.faq-contect.active .faq-question:after {
  background-image: url("../icons/icon-cricle-minus.svg");
}
/*
.icon {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.faq-question.active .icon {
  transform: rotate(45deg);
}*/
.faq-answer {
  height: 0;
  font: 300 18px / 31px "Geist Light";
  overflow: hidden;
  transition: height 0.4s ease-in-out;
  color: #555;
}
.faq-answer .text-div {
  padding-top: 1.5rem;
}
.faq-left {
  width: 100%;
  max-width: 584px;
}
.faq-img-rt {
  width: 100%;
  max-width: 632px;
}
.faq-img-rt img {
  border-radius: 5px;
  height: 445px;
}
.width-605 {
  width: 100%;
  max-width: 605px;
}
.loop-with-txt {
  gap: 1rem;
  justify-content: center;
}
.content-text {
  font: 300 18px / 31px "Geist Light";
}
.req-mn {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
.req-mn .loop-text:nth-child(even) {
  flex-direction: row-reverse;
}
.loop-img img {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fcfcfc;
}
.input-div label {
  color: #717171;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.form-input {
  padding: 10px 16px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  line-height: 24px;
  font-size: 18px;
}
.fm-btn {
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
  color: #fff;
  padding: 10px 64px;
  border-radius: 4px;
  background: #26397a;
}
/* about */
.left-img {
  width: 100%;
  max-width: 630px;
}
.left-img img {
  border-radius: 4px;
}
.right-text {
  width: 100%;
  max-width: 615px;
}
.text-qns p {
  margin-bottom: 2rem;
}
.text-qns p:last-child {
  margin-bottom: 0;
}
.width-865 {
  width: 100%;
  max-width: 870px;
  margin: auto;
  text-align: center;
} /* highlight */
.light-div {
  border-radius: 4px;
  border: 1px solid #ddd;
  position: relative;
  background: #fafafa;
  padding: 40px;
  background-position: right;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: contain;
}
.width-582 {
  width: 100%;
  max-width: 590px;
}
.span-n {
  display: inline-block;
  padding: 2px 8px;
  background: #f15959;
  color: #fff;
  font-size: 16px;
}
.editor-part p {
  margin-bottom: 2rem;
}
.editor-part img {
  height: 449px;
  display: flex;
  border-radius: 4px;
  margin: auto;
}
/* products */
.card-img {
  background-color: #e7e7e7;
}
.tags {
  font: 300 16px / 24px "Geist Light";
  display: inline-flex;
  padding: 10px 16px;
  border-radius: 0px 2px 0px 0px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.products-left {
  width: 100%;
  max-width: 865px;
}
.products-right {
  width: 100%;
  max-width: 352px;
}
.margin-h2 {
  margin: 4rem 0 2rem;
}
.products-info {
}
.product-list {
  padding: 1rem;
  border-top: 1px solid #ddd;
  border-bottom: 0px solid #ddd;
}
.product-list:last-child {
  border-bottom: 1px solid #ddd;
}
.faq.product-list .faq-question {
  padding-right: 30px;
  position: relative;
  opacity: 1;
  font-weight: 300;
}
.faq.product-list .faq-question:after {
  background-image: url(../icons/icon-cricle-minus.svg);
}
.faq.product-list .faq-question:after {
  background-image: url(../icons/icon-arrow-angle.svg);
}
.product-list .faq-answer .text-div {
  margin-top: 1rem;
  padding: 0 0 0 2rem;
  border-left: 1px solid #222;
}
.products-ul a {
  margin-bottom: 1rem;
  color: #717171;
  font: 300 18px / 27px "Geist Light";
}
.text-ship img {
  display: block;
  margin: auto;
  margin-top: 4rem;
}
/* Responsive Design for Mobile */
@media (max-width: 768px) {
  .nav-ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .nav-link {
    padding: 10px 15px; /* Reduce padding on mobile */
  }
  .submenu {
    position: static;
    min-width: 100%;
  }
  .nav-li:hover .submenu {
    display: block;
    position: static;
  }
  /***** menu *****/
  .nav-right {
    transition: all 0.2s ease-in-out;
    background-color: var(--white);
    visibility: hidden;
    opacity: 0;
    height: calc(100vh - 63px);
    width: 100%;
    display: unset;
    position: absolute;
    inset: 0;
    top: 63px;
  }
  .nav-ul {
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header-v1 {
    padding: 15px 0;
  }
  .mobileview.active {
    visibility: visible;
    opacity: 1;
  }
  body.no-scroll {
    overflow: hidden;
  }
  .menuToggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
  }
  .menuToggle .overlay-input {
    height: 2px;
    width: 35px;
    border-radius: 2px;
    background-color: var(--primary);
    position: relative;
    display: block;
    transition: all 0.2s ease-in-out;
  }
  .menuToggle.active .overlay-input {
    background-color: transparent;
  }
  .menuToggle .overlay-input span:before,
  .menuToggle .overlay-input span:after {
    height: 2px;
    width: 35px;
    border-radius: 2px;
    background-color: var(--primary);
    position: absolute;
    content: "";
    transition: all 0.2s ease-in-out;
  }
  .menuToggle .overlay-input span:before {
    top: -10px;
    visibility: visible;
  }
  .menuToggle .overlay-input span:after {
    top: 10px;
  }
  .menuToggle.active .overlay-input span:hover span,
  .menuToggle.active .overlay-input ~ span {
    background: transparent;
  }
  .menuToggle.active .overlay-input span:before {
    transform: rotate(45deg) translate(7px, 7px);
    opacity: 1;
  }
  .menuToggle.active .overlay-input span:after {
    transform: rotate(-45deg) translate(7px, -7px);
  }
  .header-v1.scrolled {
    padding: 15px 0;
  }
  .nav-wrap {
    display: none;
  }
  /*****mobile  menu end  *****/
  .banner-text .h1-heading {
    font: 400 40px / 44px "Poppins";
  }
  .hero-img {
    height: auto;
  }
  .banner-text {
    top: 140px;
  }
  .section-padding {
    padding: 4rem 0;
  }
  .hr-v1 {
    margin: 1rem 0;
  }
  .grids-4,
  .grids-3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .content {
    left: 15px;
    gap: 1rem 0;
    width: calc(100% - 30px);
  }
  .h2-heading,
  .content h2 {
    font: 400 28px / 34px "Poppins";
  }
  .h3-heading {
    font: 400 18px / 32px "Poppins";
  }
  .faq-answer,
  .text-info,
  .btn-cm,
  .content p {
    font: 300 16px / 24px "Geist Light";
  }
  .faq-img-rt {
    display: none;
  }
  .req-mn .loop-text:nth-child(even),
  .loop-text {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .contact-list {
    margin: 2rem 0 1rem;
  }
  .copy {
    margin: 1rem 0;
  }
  .req-mn {
    gap: 3rem;
  }
  .contact-list {
    gap: 1rem;
  }
  .footer-right,
  .footer-left {
    max-width: 100%;
  }
  .footer-container {
    flex-direction: column;
  }
  footer {
    font: 300 16px / 31px "Geist Light";
    padding: 55px 0 10px;
  }
  .footer-right {
    margin-top: 1rem;
  }
}

${this.title}

Code Editor : comnon.css