   :root {  --font-default:'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  --font-primary:'Source Sans Pro', sans-serif;  --font-secondary:'Poppins', sans-serif; --color-default:#1a1f24;  --color-default-rgb:26, 31, 36;  --color-links:#0ea2bd;  --color-links-hover:#1ec3e0;  --color-primary:#0ea2bd;  --color-primary-light:#1ec3e0;  --color-primary-dark:#0189a1;   --color-primary-rgb:14, 162, 189;  --color-primary-light-rgb:30, 195, 224;  --color-primary-dark-rgb:1, 137, 161;  --color-secondary:#485664;  --color-secondary-light:#8f9fae;  --color-secondary-dark:#3a4753;   --color-secondary-rgb:72, 86, 100;  --color-secondary-light-rgb:143, 159, 174;  --color-secondary-dark-rgb:58, 71, 83;  --color-blue:#0d6efd;  --color-blue-rgb:13, 110, 253;   --color-indigo:#6610f2;  --color-indigo-rgb:102, 16, 242;   --color-purple:#6f42c1;  --color-purple-rgb:111, 66, 193;   --color-pink:#f3268c;  --color-pink-rgb:243, 38, 140;   --color-red:#df1529;  --color-red-rgb:223, 21, 4;   --color-orange:#fd7e14;  --color-orange-rgb:253, 126, 20;   --color-yellow:#ffc107;  --color-yellow-rgb:255, 193, 7;   --color-green:#059652;  --color-green-rgb:5, 150, 82;   --color-teal:#20c997;  --color-teal-rgb:32, 201, 151;   --color-cyan:#0dcaf0;  --color-cyan-rgb:13, 202, 240;   --color-white:#ffffff;  --color-white-rgb:255, 255, 255;   --color-gray:#6c757d;  --color-gray-rgb:108, 117, 125;   --color-black:#000000;  --color-black-rgb:0, 0, 0;   }   :root {   --bs-blue:var(--color-blue);  --bs-indigo:var(--color-indigo);  --bs-purple:var(--color-purple);  --bs-pink:var(--color-pink);  --bs-red:var(--color-red);  --bs-orange:var(--color-orange);  --bs-yellow:var(--color-yellow);  --bs-green:var(--color-green);  --bs-teal:var(--color-teal);  --bs-cyan:var(--color-cyan);  --bs-white:var(--color-white);  --bs-gray:var(--color-gray);  --bs-gray-dark:#343a40;  --bs-gray-100:#f8f9fa;  --bs-gray-200:#e9ecef;  --bs-gray-300:#dee2e6;  --bs-gray-400:#ced4da;  --bs-gray-500:#adb5bd;  --bs-gray-600:#6c757d;  --bs-gray-700:#495057;  --bs-gray-800:#343a40;  --bs-gray-900:#212529;  --bs-primary:var(--color-blue);  --bs-secondary:var(--color-blue);  --bs-success:#198754;  --bs-info:#0dcaf0;  --bs-warning:#ffc107;  --bs-danger:#dc3545;  --bs-light:#f8f9fa;  --bs-dark:#212529;  --bs-primary-rgb:var(--color-primary-rgb);  --bs-secondary-rgb:var(--color-secondary-rgb);  --bs-success-rgb:25, 135, 84;  --bs-info-rgb:13, 202, 240;  --bs-warning-rgb:255, 193, 7;  --bs-danger-rgb:220, 53, 69;  --bs-light-rgb:248, 249, 250;  --bs-dark-rgb:33, 37, 41;  --bs-white-rgb:var(--color-white-rgb);  --bs-black-rgb:var(--color-black-rgb);  --bs-body-color-rgb:var(--color-default-rgb);  --bs-body-bg-rgb:255, 255, 255;  --bs-font-sans-serif:var(--font-default);  --bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));  --bs-body-font-family:var(--font-default);  --bs-body-font-size:1rem;  --bs-body-font-weight:400;  --bs-body-line-height:1.5;  --bs-body-color:var(--color-default);  --bs-body-bg:#fff;  } .font-default { font-family:var(--font-default) !important; } .font-primary { font-family:var(--font-primary) !important;} .font-secondary { font-family:var(--font-secondary) !important; }   .color-default { color:var(--color-default) !important; } .color-links { color:var(--color-links) !important; } .color-links:hover { color:var(--color-links-hover) !important; } .color-primary { color:var(--color-primary) !important; } .color-primary-light { color:var(--color-primary-light) !important; } .color-primary-dark { color:var(--color-primary-dark) !important; } .color-secondary { color:var(--color-secondary) !important; } .color-secondary-light { color:var(--color-secondary-light) !important; } .color-secondary-dark { color:var(--color-secondary-dark) !important; } .color-blue { color:var(--color-blue) !important; } .color-indigo { color:var(--color-indigo) !important; } .color-purple { color:var(--color-purple) !important; } .color-pink { color:var(--color-pink) !important; } .color-red { color:var(--color-red) !important; } .color-orange { color:var(--color-orange) !important; } .color-yellow { color:var(--color-yellow) !important; } .color-green { color:var(--color-green) !important; } .color-teal { color:var(--color-teal) !important; } .color-cyan { color:var(--color-cyan) !important; } .color-white { color:var(--color-white) !important; } .color-gray { color:var(--color-gray) !important; } .color-black { color:var(--color-black) !important; }   .bg-default { background-color:var(--color-default) !important; } .bg-primary { background-color:var(--color-primary) !important; } .bg-primary-light { background-color:var(--color-primary-light) !important; } .bg-primary-dark { background-color:var(--color-primary-dark) !important; } .bg-secondary { background-color:var(--color-secondary) !important; } .bg-secondary-light { background-color:var(--color-secondary-light) !important; } .bg-secondary-dark { background-color:var(--color-secondary-dark) !important; } .bg-blue { background-color:var(--color-blue) !important; } .bg-indigo { background-color:var(--color-indigo) !important; } .bg-purple { background-color:var(--color-purple) !important; } .bg-pink { background-color:var(--color-pink) !important; } .bg-red { background-color:var(--color-red) !important; } .bg-orange { background-color:var(--color-orange) !important; } .bg-yellow { background-color:var(--color-yellow) !important; } .bg-green { background-color:var(--color-green) !important; } .bg-teal { background-color:var(--color-teal) !important; } .bg-cyan { background-color:var(--color-cyan) !important; } .bg-white { background-color:var(--color-white) !important; } .bg-gray { background-color:var(--color-gray) !important; } .bg-black { background-color:var(--color-black) !important; } :root {  scroll-behavior:smooth; } a {  color:var(--color-links);  text-decoration:none; } a:hover {  color:var(--color-links-hover);  text-decoration:none; } h1, h2, h3, h4, h5, h6 {  font-family:var(--font-primary); }  #preloader {  position:fixed;  inset:0;  z-index:9999;  overflow:hidden;  background:var(--color-white);  transition:all 0.6s ease-out;  width:100%;  height:100vh; } #preloader:before, #preloader:after {  content:"";  position:absolute;  border:4px solid #113559;  border-radius:50%;  animation:animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite; } #preloader:after {  animation-delay:-0.5s; } @keyframes animate-preloader {  0% {   width:10px;   height:10px;   top:calc(50% - 5px);   left:calc(50% - 5px);   opacity:1;  }  100% {   width:72px;   height:72px;   top:calc(50% - 36px);   left:calc(50% - 36px);   opacity:0;  } }  section {  padding:20px 0;  overflow:hidden; } .section-header {  text-align:center;  padding-bottom:40px; } .section-header h2 {  font-size:48px;  font-weight:800;  margin-bottom:10px;  color:var(--color-secondary); } .section-header p {  font-style:italic;  font-weight:500;  font-size:24px;  margin:0 auto;  color:#5d768f; } @media (min-width:1280px) {  .section-header p {   max-width:80%;  } }  .scroll-top {  position:fixed;  visibility:hidden;  opacity:0;  right:15px;  bottom:15px;  z-index:995;  background:#113559;  width:40px;  height:40px;  border-radius:4px;  transition:all 0.4s; } .scroll-top i {  font-size:24px;  color:var(--color-white);  line-height:0; } .scroll-top:hover {  background:rgba(var(--color-primary-rgb), 0.85);  color:var(--color-white); } .scroll-top.active {  visibility:visible;  opacity:1; }  @media screen and (max-width:768px) {  [data-aos-delay] {   transition-delay:0 !important;  } }  #topbar {  background:#053558;  height:40px;  font-size:18px;  transition:all 0.5s;  color:#fff;  padding:0; } #topbar .contact-info i {  font-style:normal;  color:#fff; } #topbar .contact-info i a, #topbar .contact-info i span {  padding-left:5px;  color:#fff; } #topbar .contact-info i a {  line-height:0;  transition:0.3s;  transition:0.3s; } #topbar .contact-info i a:hover {  color:#fff;  text-decoration:underline; } #topbar .social-links a {  color:rgba(255, 255, 255, 0.7);  line-height:0;  transition:0.3s;  margin-left:20px; } #topbar .social-links a:hover {  color:white; }  #header {  background:#fff;  transition:all 0.5s;  z-index:997;  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.1); } #header.fixed-top {  height:70px; } #header .logo {  font-size:30px;  margin:0;  padding:0;  line-height:1;  font-weight:600;  letter-spacing:0.8px;  font-family:"Poppins", sans-serif; } #header .logo a {  color:#222222; } #header .logo a span {  color:#106eea; } #header .logo img {  max-height:120px; } .scrolled-offset {  margin-top:70px; }  #hero {  width:100%;  background:url("../img/hero.webp") top center;  background-size:cover;  position:relative; } #hero:before {  content:"";  background:rgba(0, 0, 0, 0.5);  position:absolute;  bottom:0;  top:0;  left:0;  right:0; } #hero h1 {  margin:0 0 10px 0;  font-size:64px;  font-weight:700;  text-transform:uppercase;  color:#fff; } #hero h1 span {  border-bottom:4px solid #3498db; } #hero h2 {  color:#eee;  font-size:36px;  margin-top:5px;  margin-bottom:25px;  font-weight:600;  font-style:italic; } #hero h3 {  color:#fff00b;  font-size:38px;  margin-top:5px;  margin-bottom:25px;  font-weight:600; } #hero h4 {  font-weight:700;  color:rgb(0, 0, 0);  font-size:36px; } #hero h5 {  text-align:center;  font-weight:600;  font-size:24px; }  #hero .btn-get-started {  font-family:"Raleway", sans-serif;  text-transform:uppercase;  font-weight:500;  font-size:14px;  letter-spacing:0.5px;  display:inline-block;  padding:10px 28px;  transition:0.5s;  border:2px solid #fff;  color:#fff; } #hero .btn-get-started:hover {  background:#cc1616;  border-color:#cc1616; } @media (min-width:1024px) {  #hero {   background-attachment:fixed;  } } @media (max-width:768px) {  #hero {   height:auto;   text-align:center;   width:100%;   background:url("../img/hero.webp") top center;   background-size:cover;   position:relative;  } #hero h1 {   font-size:32px;   line-height:36px;   margin-top:0px;  }  #hero h2 {   font-size:24px;   line-height:24px;   margin:0px;   font-weight:600;   font-style:italic;  }  #hero h3 {   margin-bottom:5px;   font-size:24px;   line-height:24px;   color:#fff006;  }  #hero h4 {   font-weight:700;   text-align:center;   font-size:20px;   color:rgb(255 255 255);  }  #hero h5 {   font-weight:600;   text-align:center;   font-size:18px;  } }  .services .icon-box {  padding:50px 20px;  margin-top:35px;  margin-bottom:25px;  text-align:center;  height:100px;  position:relative;  background:#fff;  box-shadow:0px 2px 15px rgba(0, 0, 0, 0.1); } .services .icon {  position:absolute;  top:-36px;  left:calc(50% - 36px);  transition:0.2s;  border-radius:50%;  border:6px solid #fff;  display:flex;  justify-content:center;  align-items:center;  flex-direction:column;  text-align:center;  width:72px;  height:72px;  background:#113559; } .services .icon i {  color:#fff;  font-size:24px;  line-height:0; } .services .title {  font-weight:700;  margin-bottom:15px;  font-size:18px;  text-transform:uppercase; } .services .title a {  color:#343a40; } .services .icon-box:hover .icon {  background:#fff;  border:2px solid #113559; } .services .icon-box:hover .icon i {  color:#113559; } .services .icon-box:hover .title a {  color:#113559; } .services .description {  line-height:24px;  font-size:14px; }  .about .about-img {  position:relative;  margin:60px 0 0 60px; } .about .about-img:before {  position:absolute;  inset:-60px 0 0 -60px;  z-index:-1;  content:"";  background:url("../img/about-bg.webp") top left;  background-repeat:no-repeat; } @media (max-width:575px) {  .about .about-img {   margin:30px 0 0 30px;  }  .about .about-img:before {   inset:-30px 0 0 -30px;  } } .about h3 {  color:var(--color-secondary);  font-family:var(--font-secondary);  font-weight:300;  font-size:32px;  margin-bottom:20px; } @media (max-width:768px) {  .about h3 {   font-size:28px;  } } .about .nav-pills {  border-bottom:1px solid rgba(var(--color-secondary-rgb), 0.2); } .about .nav-pills li+li {  margin-left:40px; } .about .nav-link {  background:none;  font-size:18px;  font-weight:400;  color:var(--color-secondary);  padding:12px 0;  margin-bottom:-2px;  border-radius:0;  font-family:var(--font-secondary); } .about .nav-link.active {  color:#113559;  background:none;  border-bottom:3px solid #113559; } @media (max-width:575px) {  .about .nav-link {   font-size:16px;  } } .about .tab-content h4 {  font-size:18px;  margin:0;  font-weight:700;  color:var(--color-secondary); } .about .tab-content i {  font-size:22px;  line-height:0;  margin-right:8px;  color:#113559; }  .clients {  padding:12px 0;  text-align:center; } .clients img {  display:inline-block; } .clients img:hover {  filter:none;  transform:scale(1.1); } @media (max-width:768px) {  .clients img {   max-width:40%;  } }  .cta {  padding:0;  margin-bottom:10px; } .cta .container {  padding:80px;  background:rgba(var(--color-secondary-rgb), 0.1);  border-radius:15px; } @media (max-width:992px) {  .cta .container {   padding:60px;  } } .cta .content h3 {  color:var(--color-secondary);  font-size:48px;  font-weight:700; } .cta .content h3 em {  font-style:normal;  position:relative; } .cta .content h3 em:after {  content:"";  position:absolute;  left:0;  right:0;  bottom:10px;  height:10px;  background:rgba(var(--color-primary-rgb), 0.5);  z-index:-1; } .cta .content p {  color:var(--color-secondary);  font-weight:600;  font-size:18px; } .cta .content .cta-btn {  color:var(--color-white);  font-weight:500;  font-size:16px;  display:inline-block;  padding:12px 40px;  border-radius:5px;  transition:0.5s;  margin-top:10px;  background:#113559; } .cta .content .cta-btn:hover {  background:#1e5b99; } .cta .img {  position:relative; } .cta .img:before {  content:"";  position:absolute;  inset:0;  background:rgba(var(--color-white-rgb), 0.5);  border-radius:15px;  transform:rotate(12deg); } .cta .img:after {  content:"";  position:absolute;  inset:0;  background:rgba(var(--color-white-rgb), 0.9);  border-radius:15px;  transform:rotate(6deg); } .cta .img img {  position:relative;  z-index:3;  border-radius:15px; }  .onfocus {  padding:0; } .onfocus .content2 {  background:url("../img/health.webp") center center;  background-size:cover;  color:rgba(var(--color-white-rgb), 0.8);  padding:80px; } .onfocus .content {  background:linear-gradient(rgba(var(--color-secondary-rgb), 0.5), rgba(var(--color-secondary-rgb), 0.8)), url("../img/onfocus-content-bg.webp") center center;  background-size:cover;  color:rgba(var(--color-white-rgb), 0.8);  padding:40px; } @media (min-width:768px) {  .onfocus .content {   padding:80px;  } } .onfocus .content h3 {  font-weight:600;  font-size:32px;  color:var(--color-white); } .onfocus .content ul {  list-style:none;  padding:0; } .onfocus .content ul li {  padding-bottom:10px; } .onfocus .content ul i {  font-size:20px;  padding-right:4px;  color:#efdb59; } .onfocus .content p:last-child {  margin-bottom:0; } .onfocus .content .read-more {  font-family:var(--font-primary);  font-weight:500;  font-size:16px;  letter-spacing:1px;  padding:12px 24px;  border-radius:5px;  transition:0.3s;  display:-nline-flex;  align-items:center;  justify-content:center;  color:black;  background:#efdb59; } .onfocus .content .read-more i {  font-size:18px;  margin-left:5px;  line-height:0;  transition:0.3s; } .onfocus .content .read-more:hover {  background:#c7b645;  padding-right:19px; } .onfocus .content .read-more:hover i {  margin-left:10px; } .onfocus .play-btn {  width:94px;  height:94px;  background:radial-gradient(#113559 50%, rgba(var(--color-primary-rgb), 0.4) 52%);  border-radius:50%;  display:block;  position:absolute;  left:calc(50% - 47px);  top:calc(50% - 47px);  overflow:hidden; } .onfocus .play-btn:before {  content:"";  position:absolute;  width:120px;  height:120px;  animation-delay:0s;  animation:pulsate-btn 2s;  animation-direction:forwards;  animation-iteration-count:infinite;  animation-timing-function:steps;  opacity:1;  border-radius:50%;  border:5px solid rgba(var(--color-primary-rgb), 0.7);  top:-15%;  left:-15%;  background:rgba(198, 16, 0, 0); } .onfocus .play-btn:after {  content:"";  position:absolute;  left:50%;  top:50%;  transform:translateX(-40%) translateY(-50%);  width:0;  height:0;  border-top:10px solid transparent;  border-bottom:10px solid transparent;  border-left:15px solid var(--color-white);  z-index:100;  transition:all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .onfocus .play-btn:hover:before {  content:"";  position:absolute;  left:50%;  top:50%;  transform:translateX(-40%) translateY(-50%);  width:0;  height:0;  border:none;  border-top:10px solid transparent;  border-bottom:10px solid transparent;  border-left:15px solid var(--color-white);  z-index:200;  animation:none;  border-radius:0; } .onfocus .play-btn:hover:after {  border-left:15px solid #113559;  transform:scale(20); } @keyframes pulsate-btn {  0% {   transform:scale(0.6, 0.6);   opacity:1;  }  100% {   transform:scale(1, 1);   opacity:0;  } }  @media (max-width:991px) {  .faq {   padding:0;  } } .faq .content h3 {  font-weight:400;  font-size:34px;  color:var(--color-secondary); } .faq .content h4 {  font-size:20px;  font-weight:700;  margin-top:5px; } .faq .content p {  font-size:15px;  color:var(--color-gray); } .faq .img {  background-size:cover;  background-repeat:no-repeat;  background-position:center center;  min-height:400px; } .faq .accordion-item {  border:0;  margin-top:15px;  box-shadow:0px 5px 25px 0px rgba(var(--color-black-rgb), 0.06); } .faq .accordion-collapse {  border:0; } .faq .accordion-button {  padding:15px 40px 20px 60px;  font-weight:600;  border:0;  font-size:18px;  color:var(--color-default);  text-align:left;  background:var(--color-white);  box-shadow:none;  border-radius:5px; } .faq .accordion-button:not(.collapsed) {  color:#113559;  border-bottom:0;  box-shadow:none; } .faq .question-icon {  position:absolute;  top:14px;  left:25px;  font-size:20px;  color:#113559; } .faq .accordion-button:after {  position:absolute;  right:15px;  top:15px;  color:#113559; } .faq .accordion-body {  padding:0 30px 25px 60px;  border:0;  border-radius:5px;  background:var(--color-white);  box-shadow:none; }  .contact {  border-radius:4px;  box-shadow:rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;  text-align:left;  background:#fcfcfd; } .contact .info-item {  background:#059652;  padding:30px; } .contact .info-item i {  font-size:38px;  line-height:0;  color:var(--primary-color); } .contact .info-item h3 {  font-size:20px;  font-weight:700;  margin:20px 0 10px 0; } .contact .info-item p {  color:#bebebe;  line-height:12px;  font-size:12px; } .contact .php-email-form {  background:rgba(var(--default-color-rgb), 0.03);  padding:30px;  height:100%; } .contact .php-email-form .error-message {  display:none;  background:#df1529;  color:#ffffff;  text-align:left;  padding:15px;  margin-bottom:24px;  font-weight:600; } .contact .php-email-form .sent-message {  display:none;  color:#ffffff;  background:#059652;  text-align:center;  padding:15px;  margin-bottom:24px;  font-weight:600; } .contact .php-email-form .loading {  display:none;  background:var(--background-color);  text-align:center;  padding:15px;  margin-bottom:24px; } .contact .php-email-form .loading:before {  display:inline-block;  border-radius:50%;  width:24px;  height:24px;  margin:0 10px -6px 0;  border:3px solid var(--primary-color);  border-top-color:var(--background-color);  animation:animate-loading 1s linear infinite; } .contact .php-email-form label {  color:rgb(0, 0, 0);  font-weight:600; }  .contact .php-email-form input[type=text], .contact .php-email-form input[type=email], .contact .php-email-form input[type=tel], .contact .php-email-form input[type=zip], .contact .php-email-form textarea {  font-size:14px;  padding:10px 15px;  border-radius:0;  color:var(--default-color);  } .contact .php-email-form input[type=text]:focus, .contact .php-email-form input[type=email]:focus, .contact .php-email-form textarea:focus {  border-color:var(--primary-color); } .contact .php-email-form input[type=text]::-moz-placeholder, .contact .php-email-form input[type=email]::-moz-placeholder, .contact .php-email-form textarea::-moz-placeholder {  color:rgba(var(--default-color-rgb), 0.3); } .contact .php-email-form input[type=text]::placeholder, .contact .php-email-form input[type=email]::placeholder, .contact .php-email-form textarea::placeholder {  color:rgba(var(--default-color-rgb), 0.3); } .contact .php-email-form button[type=submit] {  font-weight:700;  background:#efdb59;  color:#1c1c1c;  border:0;  padding:10px 30px;  transition:0.4s;  border-radius:4px; } .contact .php-email-form button[type=submit]:hover {  background:#dac74f; }  .form-control {  display:block;  width:100%;  padding:.375rem .75rem;  font-size:1rem;  font-weight:400;  line-height:1.5;  color:var(--bs-body-color);  -webkit-appearance:none;  -moz-appearance:none;  appearance:none;  background-clip:padding-box;  background-color:#ede9e7;  transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-check-input[type=radio] {  border-color:black;  box-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;  border-radius:50%; } @keyframes animate-loading {  0% {   transform:rotate(0deg);  }  100% {   transform:rotate(360deg);  } }  .footer {  color:var(--color-white);  font-size:14px; } .footer .footer-content {  background:#18355a;  padding:60px 0 30px 0; } .footer .footer-content .footer-info {  margin-bottom:30px; } .footer .footer-content .footer-info h3 {  font-size:28px;  margin:0 0 20px 0;  padding:2px 0 2px 0;  line-height:1;  font-weight:700;  text-transform:uppercase; } .footer .footer-content .footer-info h3 span {  color:#113559; } .footer .footer-content .footer-info p {  font-size:14px;  line-height:24px;  margin-bottom:0;  font-family:var(--font-primary);  color:var(--color-white); } .footer .footer-content h4 {  font-size:16px;  font-weight:600;  color:var(--color-white);  position:relative;  padding-bottom:12px;  margin-bottom:15px; } .footer .footer-content h4::after {  content:"";  position:absolute;  display:block;  width:20px;  height:2px;  background:#18355a;  bottom:0;  left:0; } .footer .footer-content .footer-links {  margin-bottom:30px; } .footer .footer-content .footer-links ul {  list-style:none;  padding:0;  margin:0; } .footer .footer-content .footer-links ul i {  padding-right:2px;  color:var(--color-white);  font-size:12px;  line-height:1; } .footer .footer-content .footer-links ul li {  padding:10px 0;  display:flex;  align-items:center; } .footer .footer-content .footer-links ul li:first-child {  padding-top:0; } .footer .footer-content .footer-links ul a {  color:rgba(var(--color-white-rgb), 0.7);  transition:0.3s;  display:inline-block;  line-height:1; } .footer .footer-content .footer-links ul a:hover {  color:var(--color-white); } .footer .footer-content .footer-newsletter form {  margin-top:30px;  background:var(--color-white);  padding:6px 10px;  position:relative;  border-radius:4px; } .footer .footer-content .footer-newsletter form input[type=email] {  border:0;  padding:4px;  width:calc(100% - 110px); } .footer .footer-content .footer-newsletter form input[type=email]:focus-visible {  outline:none; } .footer .footer-content .footer-newsletter form input[type=submit] {  position:absolute;  top:0;  right:-2px;  bottom:0;  border:0;  background:none;  font-size:16px;  padding:0 20px;  background:#113559;  color:var(--color-white);  transition:0.3s;  border-radius:0 4px 4px 0; } .footer .footer-content .footer-newsletter form input[type=submit]:hover {  background:rgba(var(--color-primary-rgb), 0.85); } .footer .footer-legal {  padding:30px 0;  background:var(--color-secondary-dark); } .footer .footer-legal .credits {  padding-top:4px;  font-size:13px;  color:var(--color-white); } .footer .footer-legal .credits a {  color:var(--color-primary-light); } .footer .footer-legal .social-links a {  font-size:18px;  display:inline-block;  background:rgba(var(--color-white-rgb), 0.1);  color:var(--color-white);  line-height:1;  padding:8px 0;  margin-right:4px;  border-radius:4px;  text-align:center;  width:36px;  height:36px;  transition:0.3s; } .footer .footer-legal .social-links a:hover {  background:#113559;  text-decoration:none; } .error   {   border:2px solid #C00 !important; color:#333;   }