:root {
  /* --et-primary: #1c4b42; */
  --et-primary: #022d62;
  --et-secondary: #1fb789;
  /* --et-secondary: rgb(0 174 239); */
  --et-white: #F8F8F8;
  --et-2-primary: #1fb789;
  --et-3-primary: #4033ff;
  --et-4-primary: #022d62;
  --et-blue: #1260FE;
  --et-purple: #550ECA;
  --et-purple-rgb: 85, 14, 202;
  --et-pink: #DE0977;
  --et-pink-rgb: 222, 9, 119;
  --et-Lpink: #F929BB;
  --et-gray: #58595B;
  --et-gray2: #5C707E;
  --black: #181818;
  --white: #ffffff;
  --font-jakarta: "Plus Jakarta Sans", sans-serif;
}
/* HEADER */
.header-section.header-white.sticky
{
    background: rgb(2, 45, 98) !important;
    /* background: #004d40 !important; */
}

/* TITLES */
.et-section-title
{
    /* color: #1c4b42 !important; */
    color: #022d62 !important;
}
.et-2-section-sub-title
{
    /* border-color: #004d40 !important;
    color: #004d40 !important; */
    border-color: #1eb789 !important;
    color: #1eb789 !important;
}
.text-dark-blue
{
    color: var(--et-4-primary);
}
.et-section-title.text-white
{
    color: #ffffff !important;
}
.bg-dark-blue{
    background-color: var(--et-4-primary);
}
/* BUTTONS */
.et-2-btn
{
    color: #ffffff !important;
    background-color: #022d62 !important;
}

/* OFFCANVAS */
.offcanvas__info
{
    border-left: 2px solid #1fb789;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close, .offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn
{
    background-color: #022d62 !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i
{
    color: #022d62 !important;
}
.mean-container .mean-nav ul li a:hover
{
    color: #1fb789 !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover 
{
    background-color: #022d62;
    border-color: #1fb789;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover  i
{
    color: #ffffff !important;
}
/* BANNER */
.banner-content2 .et-2-btn
{
    background-color: #1fb789 !important;
}
/* FOOTER */
.footer-widget-wrapper
{
    background: #022d62 !important;
}
.footer-widget-wrapper .et-btn{
    background-color: #1fb789;
}

.et-container
{
    /* padding-inline: 0px !important; */
}