/*
** Header - Footer New Post Design
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  /* all dark cyan */
  --dark-cyan-1: #2c5363;
  --dark-cyan-2: #40788f;
  --dark-cyan-3: #68a3bc;
  --dark-cyan-4: #8dc1d6;
  --dark-cyan-5: #b1d8e8;
  --dark-cyan-6: #e5f7ff;
  --dark-cyan-7: #effaff;
  --dark-cyan-8: #f8fcff;
  --dark-cyan-9: #f1fafe;
  --dark-cyan-10: #0e2333;
  --dark-cyan-11: #355261;
  
  --dark-blue:#F4F4F6;

  /* all deep green */
  --deep-green-1: #00b087;
  --deep-green-2: #00d7a5;
  --deep-green-3: #b0ffed;
  --deep-green-4: #d7fff6;
  --deep-green-5: #ebfffa;
  --deep-green-6: #f1fafe;

  /* all deep yellow */
  --deep-yellow-1: #ffbb17;
  --deep-yellow-2: #ffec57;
  --deep-yellow-3: #fff3ac;
  --deep-yellow-4: #fff9d6;
  --deep-yellow-5: #fffceb;

  /* all grey */
  --grey-1: #e5e5e5;
  --grey-2: #efefef;
  --grey-3: #f9f9f9;
  --grey-4: #fdfdfd;
  --grey-5: #dbe2e5;
  --grey-7: #d0d0d0;
  --grey-8: #ffffff;

  /* font colors */
  --text-deep-green: #00b087;
  --text-dark-cyan: #36677b;
  --text-grey-1: #333333;
  --text-grey-2: #757575;
  --text-grey-3: #a9a9a9;
  --text-grey-4: #dddddd;
  --text-grey-5: #424242;
  --text-danger-1: #ff4545;
  --text-danger-2: #ff6e6e;

  /* footer */
  --color-footer: #283646;
}

/* body *:not(#wpadminbar, #wpadminbar *) {
  font-family: "Helvetica Neue", sans-serif !important;
  text-shadow: rgba(0, 0, 0, .4) 0 0 .05rem !important;
} */

h4,
h5,
h6,
.pricing-table .top-header h3 {
  font-weight: 500;
}

.h-40px {
  height: 40px !important;
}

.fs-17px {
  font-size: 17px;
}

.navbar .nav-item .dropdown-menu {
  margin-top: 0 !important;
}

.bg-hover-grey:hover,
.bg-hover-grey:focus,
.bg-hover-grey:active {
  background-color: var(--grey-2);
}

.navbar .nav-item:hover .dropdown-menu {
  display: block;
  left: 0;
}

.btn {
  border-radius: .25rem !important;
}

.w-300px {
  width: 300px !important;
}

.white-space-unset {
  white-space: unset !important;
}

.btn-deep-green {
  color: #fff !important;
  background-color: var(--deep-green-1) !important;
  border-color: var(--deep-green-1) !important;
  font-weight: 600 !important;
}

.btn-deep-green:hover {
  color: white !important;
  background-color: var(--deep-green-1) !important;
  border-color: var(--deep-green-1) !important;
  box-shadow: rgba(50, 50, 93, 0.151) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fs-12px {
  font-size: 12px;
}

.text-focus-dark-cyan:focus {
  color: var(--dark-cyan-1) !important;
}

.bg-hover-grey:hover,
.bg-hover-grey:focus,
.bg-hover-grey:active {
  background-color: var(--grey-2);
}

.bg-deep-green-1 {
  background-color: var(--deep-green-1) !important;
  }


.bg-footer {
  background-image: url(../images/footerBg.svg) !important;
  background-color: #000000 !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important
}

.fs-15px {
  font-size: 15px;
}

.border-blue {
  border-color: #468AF7 !important;
}

.cursor-default {
  cursor: default;
}

.fw-600 {
  font-weight: 600;
}

.fs-22px {
  font-size: 22px;
}

.text-deep-green {
  color: var(--text-deep-green) !important;
}

.duration-3 {
  transition-duration: .3s !important;
}

.w-25px {
  width: 25px !important;
}

.mt-3px {
  margin-top: 3px;
}

.fs-18px {
  font-size: 18px;
}

.fill-svg-deep-green-1 {
  fill: var(--deep-green-1) !important;
}

.bg-dark-cyan-1 {
  background-color: var(--dark-cyan-1) !important;
}

.bg-dark-blue{
	background-color:#F4F4F6 !important;
}

.br-4px {
  border-radius: 4px;
}

.ul-blog li a {
  text-decoration: none !important;
  color: #fff;
}

.text-hover-deep-green-1:hover {
  color: var(--deep-green-1) !important;
}

.fill-svg-white {
  fill: white;
}

.fill-svg-hover-daap-green:hover {
  fill: var(--deep-green-1) !important;
}

.content button:not(.accordion-button) {
  border: none;
  background-color: var(--deep-green-1);
  color: white;
  font-weight: 500;
  border-radius: 0.25rem;
  transition: all 300ms ease-in-out;
  box-shadow: rgba(0, 176, 135, 0.16) 0px 3px 6px, rgba(0, 176, 135, 0.23) 0px 3px 6px;
  padding: 0.375rem 0.75rem;
}

.content button:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media (min-width: 767px) {
  .bg-banner+section .bg-dark-cyan-1 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

}

@media (max-width: 767px) {
  .signdesk-brand img {
    height: 2rem !important;
  }
}

/*Footer Widget Section*/
.footer-nav-widgets aside div .widget-title,
.footer-nav-widgets .widget-title {
  color: #fff !important;
  border: none !important;
  font-family: "DN Sans", sans-serif !important;
  font-weight: bold !important;
  margin-bottom: 0px !important;
  font-size: 20px !important;
}

.menu-products-footer-menu-container ul,
.menu-about-footer-menu-container ul,
.menu-resources-footer-menu-container ul {
  padding: 0px !important;
  margin: 0px !important;
  list-style: none !important;
}

.menu-about-footer-menu-container ul li ul {
  margin-left: 15px !important;
  padding-top: 10px !important;
  list-style: disc !important;
}

.menu-resources-footer-menu-container ul li,
.menu-resources-footer-menu-container ul li a,
.menu-about-footer-menu-container ul li,
.menu-about-footer-menu-container ul li a,
.menu-products-footer-menu-container ul li,
.menu-products-footer-menu-container ul li a {
  margin: 0px !important;
  text-decoration: none !important;
  color: #EFEFEF !important;
  padding: 0px !important;
  margin-bottom: 10px !important;
  font-family: "DN Sans", sans-serif !important;
  font-size: 14px !important;
  opacity: 0.9 !important;
}



.gradient-border-theme-primary {
  position: relative;
  padding: 20px;
  border-radius: 12px;
  background: transparent;
  /* inner background */
  color: #fff;
}

.gradient-border-theme-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  /* border thickness */
  background: linear-gradient(90deg, #ff0080, #7928ca);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.gradient-button-theme-primary {
  background: linear-gradient(45deg, #ff00cc, #3333ff) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Gradient border wrapper */
.gradient-input {
  background: linear-gradient(90deg, #ff0080, #7928ca);
  /* pink → purple */
  border-radius: 5px;
  padding: 2px;
  /* border thickness */
  display: flex;
  align-items: center;
  width: 100%;
  /* full width */
  max-width: 600px;
  /* optional: limit width */
  margin: auto;
  /* center horizontally */
}

input::placeholder {
color:#A18FAD !important;
}
#email_input{
  color: #fff !important;

}

/* Transparent input inside */
.custom-input {
  /* background: #000 !important;
  border: none !important; */
  color: #fff;
  /* border-radius: 5px;
  padding: 12px 16px;
  font-size: 1rem; */
}

.custom-input:focus {
  box-shadow: none;
  /* remove Bootstrap glow */
  outline: none;
}

.custom-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* Gradient button */
.gradient-btn {
  background: linear-gradient(90deg, #C02871, #4608F4);
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 40px;
  transition: opacity 0.2s ease-in-out;
  white-space: nowrap;
  /* keeps text on one line */
}

.gradient-btn:hover {
  opacity: 0.85;
  color: #fff;
}

.hover-none {
  cursor: pointer;
}

.hover-none:hover {
  text-decoration: none !important;
  color: #fff !important;
}

.footer_widget_recent_posts {
  background-color: #402D50 !important;
  border-color: #0045FF57 !important;
}

.footer_widget_recent_posts ul {
  padding: 0px !important;
  margin: 0px;
  list-style: none;
}

.footer_widget_recent_posts ul li a {
  color: #fff !important;
  text-decoration: none !important;
  padding: 5px 0px !important;
  margin-bottom: 10px !important;
  font-family: "DN Sans", sans-serif !important;
  font-size: 14px !important;
  opacity: 0.9 !important;
}

.footer_widget_recent_posts ul li a:href {
  text-decoration: none !important;
  color: #fff !important;
}

.footer_widget_recent_posts.rounded {
  border-radius: 20px !important;
}

.footer_widget_recent_posts ul li {
  margin: 0px auto 20px auto !important;
}

.contact-info h5 {
  font-size: 12px !important;
  font-weight: bold !important;
}