.footer.light{
    --footet__top__: #ffffff;
    --footer__top-company-logo__: #000000;
    --footer__top-company-subscribe-text-1__: #000000;
    --footer__top-company-subscribe-text-2__: #444;
    --footer__top-company-subscribe-buton__color: rgb(31, 35, 40);
    --footer__top-company-subscribe-buton__bordercolor: #cccccc;
    --footer__top-company-subscribe-buton__bordercolor-hover: #000000;
    --footer__top-categories-category-head__: rgb(89, 99, 110);
    --footer__top-categories-category-subs-sub__: rgb(89, 99, 110);
    --footer__bot__: #f6f8fa;
    --footer__bot-links-company: rgb(89, 99, 110);
    --footer__bot-links-link__: rgb(89, 99, 110);
}
.footer.dark{
    --footet__top__: #0d1117;
    --footer__top-company-logo__: #ffffff;
    --footer__top-company-subscribe-text-1__: rgb(240, 246, 252);
    --footer__top-company-subscribe-text-2__: rgb(145, 152, 161);
    --footer__top-company-subscribe-buton__color: rgb(240, 246, 252);
    --footer__top-company-subscribe-buton__bordercolor: #4e5156;
    --footer__top-company-subscribe-buton__bordercolor-hover: #dfdfdf;
    --footer__top-categories-category-head__: rgb(224 224 224);
    --footer__top-categories-category-subs-sub__: #9198a1;
    --footer__bot__: #151b23;
    --footer__bot-links-company: rgb(145, 152, 161);
    --footer__bot-links-link__: rgb(145, 152, 161);
}
.footer *                                                                       {font-family: "Source Sans 3", sans-serif; letter-spacing: .1px;}
.footer                                                                         {display: flex; width: 100%; flex-direction: column;}
.footer__top                                                                    {background: var(--footet__top__); width: 100%; display: flex; padding: 50px 0 30px 0; justify-content: center;}
.footer__top-company                                                            {display: flex; flex-direction: column; min-width: 285px; margin-right: 150px; margin-left: -8px;}
.footer__top-company-logo                                                       {width: 50px; height: 50px;}
.footer__top-company-logo > svg                                                 {width: 50px; height: 50px;}
.footer__top-company-logo > svg > path                                          {fill: var(--footer__top-company-logo__); stroke: var(--footer__top-company-logo__); stroke-width: 20px;}
.footer__top-company-logo > svg > path#dis-katman                               {fill: none; stroke: none;}
.footer__top-company-subscribe                                                  {display: flex; flex-direction: column; margin-top: 25px; margin-left: 8px; gap: 15px;}
.footer__top-company-subscribe-text                                             {display: flex; flex-direction: column; gap: 2px;}
.footer__top-company-subscribe-text-1                                           {font-size: 14px; font-weight: 600; color: var(--footer__top-company-subscribe-text-1__);}
.footer__top-company-subscribe-text-2                                           {color: var(--footer__top-company-subscribe-text-2__); font-size: 14px; font-weight: 450;}
.footer__top-company-subscribe-buton                                            {color: var(--footer__top-company-subscribe-buton__color); font-size: 14px; font-weight: 700; border: 1px solid var(--footer__top-company-subscribe-buton__bordercolor); padding: 7px 15px 9px 15px; width: fit-content; border-radius: 4px; cursor: pointer;}
.footer__top-company-subscribe-buton:hover                                      {border-color: var(--footer__top-company-subscribe-buton__bordercolor-hover);}
.footer__top-categories                                                         {display: flex; flex-direction: row; width: 40%; gap: 40px; justify-content: space-around; min-width: 355px; flex-wrap: wrap;}
.footer__top-categories-category                                                {display: flex; flex-direction: column; gap: 15px; flex-wrap: wrap;}
.footer__top-categories-category-head                                           {color: var(--footer__top-categories-category-head__); font-size: 14px; font-weight: 550;}
.footer__top-categories-category-subs                                           {display: flex; flex-direction: column; gap: 7px;}
.footer__top-categories-category-subs-sub                                       {text-decoration: none; font-size: 14px; color: var(--footer__top-categories-category-subs-sub__);}
.footer__top-categories-category-subs-sub:hover                                 {color: rgb(68, 147, 248); text-decoration: underline;}
.footer__bot                                                                    {background: var(--footer__bot__); width: 100%; display: flex; padding: 20px 0; gap: 120px; justify-content: center;}
.footer__bot-links                                                              {display: flex; gap: 15px;}
.footer__bot-links-company                                                      {color: var(--footer__bot-links-company); font-size: 12px; font-weight: 450; margin-right: 15px;}
.footer__bot-links-container                                                    {display: flex; gap: 15px; align-items: flex-start;}
.footer__bot-links-link                                                         {color: var(--footer__bot-links-link__); text-decoration: none; font-size: 12px;}
.footer__bot-links-link:hover                                                   {text-decoration: underline; color: rgb(68, 147, 248);}
.footer__bot-socials                                                            {display: flex; gap: 15px; align-items: center; margin-right: 50px;}

@media screen and (max-width: 950px)
{
    .footer__top                                                                {display: flex; flex-direction: column; padding: 50px 30px 30px 30px; gap: 30px;}
    .footer__top-company                                                        {min-width: unset; margin-right: unset;}
    .footer__top-categories                                                     {width: 100%; min-width: unset; flex-direction: row; justify-content: space-between;}
    .footer__bot                                                                {gap: 0; display: flex; justify-content: space-between; padding: 20px 30px;}
    .footer__bot-socials                                                        {margin: 0;}
}
@media screen and (max-width: 700px)
{
    .footer__bot                                                                {display: flex; flex-direction: column; align-items: center; gap: 15px; padding: 20px 0 15px 0;}
}
@media screen and (max-width: 500px)
{
    .footer__top-company-subscribe                                              {gap: 10px; margin-top: 15px;}
    .footer__top-company-subscribe-text                                         {gap: 0px;}
    .footer__top-company-subscribe-text-1,.footer__top-company-subscribe-text-2 {font-size: 16px;}
    .footer__bot-links                                                          {display: flex; flex-direction: column;}
    .footer__bot-links-company                                                  {margin: 0;}
    .footer__bot-links-container                                                {justify-content: center;}
    .footer__bot-links-link,.footer__bot-links-company                          {font-size: 11px;}
    .footer__top-categories                                                     {display: flex; flex-direction: row; gap: 20px 10px; justify-content: space-between; flex-wrap: wrap;}
    .footer__top-categories-category-subs-sub                                   {font-size: 12px;}
    .footer__top-categories-category-head                                       {font-size: 13px;}
    .footer__top-categories-category-subs                                       {gap: 4px;}
    .footer__top-categories-category                                            {gap: 8px;}
}