﻿/*$secondary-color: #cf0921;
$primary-color: #014eff;
$text-active: #FCE731;*/
footer {
  position: relative;
  z-index: 2;
  background-color: #00051E;
  display: flex;
  flex-direction: column;
  align-items: center; }
  footer .top {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 20px;
    padding: 30px 0; }
    footer .top .content-right {
      display: flex;
      gap: 20px; }
      footer .top .content-right img {
        width: 50px;
        object-fit: cover; }
      footer .top .content-right .img-text-right h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 125%;
        text-transform: uppercase;
        color: #FFFFFF; }
      footer .top .content-right .img-text-right a {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 125%;
        color: #1A479E;
        background-color: #fff;
        border-radius: 8px;
        width: 100%;
        display: inline-block;
        padding: 8px; }
    footer .top .content-left {
      display: flex;
      align-items: center; }
      footer .top .content-left h3 {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 25px;
        color: #FAFAFA; }
  footer .line {
    width: 83%;
    border: 1px solid #FFEC9F; }
  footer .bottom {
    display: flex;
    justify-content: center; }
    footer .bottom .bottom-row {
      position: relative;
      padding: 50px 0 50px 0; }
      footer .bottom .bottom-row .bot-top {
        color: #fff;
        padding-right: 20px; }
        footer .bottom .bottom-row .bot-top .content-right {
          display: flex;
          align-items: center; }
          footer .bottom .bottom-row .bot-top .content-right img {
            object-fit: cover;
            height: 50px; }
          footer .bottom .bottom-row .bot-top .content-right .img-text-right h2 {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            font-size: 25px;
            line-height: 30px;
            color: #FFFFFF;
            margin-bottom: 1px; }
          footer .bottom .bottom-row .bot-top .content-right .img-text-right a {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 18px;
            color: #A2ADFF;
            float: right; }
        footer .bottom .bottom-row .bot-top .content-left p {
          font-family: 'Montserrat';
          color: #ABABAB;
          font-size: 16px; }
      footer .bottom .bottom-row .bot-right {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 12px;
        padding-right: 20px; }
        footer .bottom .bottom-row .bot-right h3 {
          font-style: normal;
          font-weight: 700;
          font-size: 20px;
          line-height: 125%;
          text-transform: uppercase;
          color: #FFFFFF;
          margin-bottom: 0 !important; }
        footer .bottom .bottom-row .bot-right h5 {
          font-size: 16px;
          font-weight: 700;
          line-height: 125%;
          text-transform: uppercase;
          color: #FFFFFF;
          margin-bottom: unset; }
        footer .bottom .bottom-row .bot-right .info-link {
          color: #ABABAB;
          margin-top: 0 !important;
          font-size: 15px;
          color: #ABABAB;
          font-size: 16px; }
          footer .bottom .bottom-row .bot-right .info-link p {
            margin-left: 10px;
            font-size: 16px; }
      footer .bottom .bottom-row .bot-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px; }
        footer .bottom .bottom-row .bot-left h3 {
          font-style: normal;
          font-weight: 700;
          font-size: 20px;
          line-height: 125%;
          text-transform: uppercase;
          color: #FFFFFF;
          margin-bottom: unset; }
        footer .bottom .bottom-row .bot-left .bot-left-bottom {
          display: flex;
          flex-direction: column;
          gap: 10px; }
          footer .bottom .bottom-row .bot-left .bot-left-bottom p {
            font-family: 'Roboto';
            font-style: normal;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0.1px;
            margin-left: 0px; }
            footer .bottom .bottom-row .bot-left .bot-left-bottom p a {
              color: #ABABAB; }
              footer .bottom .bottom-row .bot-left .bot-left-bottom p a:hover {
                text-decoration: underline; }

/******** RESPONSIVE **********/
@media (min-width: 320px) {
  footer .bottom .bottom-row .bot-right {
    margin-top: 30px; }
  footer .bottom .bottom-row .bot-left {
    margin-top: 30px; }
  .coll {
    padding: 0; } }

@media (min-width: 768px) {
  .coll {
    padding-right: 15px;
    padding-left: 15px; } }

@media (min-width: 992px) {
  footer .bottom .bottom-row .bot-top .content-left p {
    font-size: 14px; }
  footer .bottom .bottom-row .bot-right .info-link span {
    font-size: 14px; }
  footer .bottom .bottom-row .bot-right .info-link p {
    font-size: 14px; }
  footer .bottom .bottom-row .bot-right {
    margin-top: unset; }
  footer .bottom .bottom-row .bot-left {
    margin-top: unset; } }

@media (min-width: 1280px) {
  footer .bottom .bottom-row .bot-top .content-left p {
    font-size: 16px; }
  footer .bottom .bottom-row .bot-right .info-link span {
    font-size: 16px; }
  footer .bottom .bottom-row .bot-right .info-link p {
    font-size: 16px; } }
