#footer{display:flex; flex-direction: column; justify-content: flex-start; align-items: stretch; width: 100%;}
            #footer .styleline{width: 100%; height:8px; background: linear-gradient(to right, #66381b 0%, #f5e4bf 27%, #c4a368 46%,#66381b 63%,#f5e4bf 83%,#c4a368 100%) ;}
            #footer .contentArea{display:flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; padding:20px 5% 40px; background: linear-gradient(to bottom, #dbe7ff 0%, #d8e5ff 37%, #fff 100%); gap:2%; }
            #footer .contentArea > .company_data{ display:inline-flex; flex-direction: row; justify-content: flex-start; align-items: center; flex:1 0 65%; gap: 5%;}
            #footer .contentArea > .company_data > .logo{ flex:1 0 40%; }
            #footer .contentArea > .company_data > .logo img{ max-width: 100%; min-width: 280px; }
            #footer .contentArea > .company_data > .companyMessage{ flex:1 1 60%; padding: 0 0 0 1%}
            #footer .contentArea > .company_data > .companyMessage > ul{ width:100%; display:flex; flex-direction: column;align-items: flex-start; justify-content: flex-start; font-size:18px; list-style: none; gap:8px;}
            #footer .contentArea > .company_data > .companyMessage > ul > li{ text-align: left;}
            #footer .contentArea > .company_data > .companyMessage > ul > li > img{width:18px; height:auto;}
            #footer .contentArea > .company_data > .companyMessage > ul > li > a{color:var(--main); text-decoration: underline;}
            #footer .contentArea > .company_data > .companyMessage > ul > li > a:hover{color:var(--purplered); text-decoration: none;}
            #footer .contentArea > .copyright{ flex:1 1 32.5%; }
            #footer .contentArea > .copyright > .footer_link{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:3%}
            #footer .contentArea > .copyright > .warning{font-size:18px; line-height: 1.5;padding:10px 0}

            @media screen and (max-width:1280px){
                #footer .contentArea{padding:20px 3% 20px }
            }

            @media screen and (max-width:1179px){  
                #footer .contentArea{gap:3%; align-items: flex-start; flex-direction: column;}
                #footer .contentArea > .company_data{flex-direction: row; width: 100%; flex:1 1 100%; min-width: 400px;justify-content: flex-start; align-items: flex-start;}
                #footer .contentArea > .company_data > .logo{ width: 100%; text-align: left; flex:1 1 30% }
                #footer .contentArea > .company_data > .logo img{max-width: 360px; min-width: 250px;;}
                #footer .contentArea > .company_data > .companyMessage{ padding: 0 0 0 1%; margin-top:20px}
                #footer .contentArea > .copyright{ flex:1 1 100%; margin-top: 20px; }
            }


            @media screen and (max-width:640px){
                #footer .contentArea > .company_data{flex-direction: column;}
                #footer .contentArea > .company_data > .logo img{max-width: 280px; min-width: 200px;}
                #footer .contentArea > .copyright > .footer_link > a > img{width:40px}
            }

            @media screen and (max-width:519px){
                #footer .contentArea > .company_data > .logo{text-align: center;}
                #footer .contentArea > .company_data{flex-direction: column; min-width: 100%;}
            }