.brand-guidlines{background:url(/assets/brand-guidlines/bg.svg) top center repeat-y;background-size:cover;padding-bottom:150px}.brand-guidlines .container{max-width:1160px;margin-left:auto;margin-right:auto}@media screen and (max-width: 567px){.brand-guidlines .container{max-width:90%}}.brand-guidlines .blackWrapper .container{color:var(--color-primary);padding-bottom:64px;min-height:80vh;display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center;background:url(/assets/brand-guidlines/logoArt.png) right no-repeat;background-size:60%}@media screen and (max-width: 912px){.brand-guidlines .blackWrapper .container{min-height:70vh;background-position:center top;background-size:100%;padding-bottom:32px}}@media screen and (max-width: 912px){.brand-guidlines .blackWrapper .container .head_container{margin-top:85%;padding:20px}}.brand-guidlines .blackWrapper .container .head_container h1{font-style:normal;font-weight:700;font-size:64px;line-height:120%;text-transform:capitalize;margin-bottom:32px}@media screen and (max-width: 567px){.brand-guidlines .blackWrapper .container .head_container h1{margin-bottom:16px;font-size:32px;padding:0}.brand-guidlines .blackWrapper .container .head_container h1 br{display:none}}.brand-guidlines .blackWrapper .container .head_container p{width:45%;font-style:normal;font-weight:400;font-size:20px;line-height:160%;letter-spacing:.02em;color:#000}@media screen and (max-width: 912px){.brand-guidlines .blackWrapper .container .head_container p{width:100%;font-size:35px}}@media screen and (max-width: 567px){.brand-guidlines .blackWrapper .container .head_container p{width:100%;font-size:20px}}.brand-guidlines .blackWrapper .container .head_container a{text-decoration:underline;color:#009fff}.brand-guidlines .brandImages .container{padding:0 20px}.brand-guidlines .brandImages .container h1{font-style:bold;font-weight:700;font-size:28px;line-height:120%}@media screen and (max-width: 567px){.brand-guidlines .brandImages .container h1{font-size:24px;padding:0}.brand-guidlines .brandImages .container h1 br{display:none}}.brand-guidlines .brandImages .sec{font-size:16px;position:relative;border-top-width:0;background:linear-gradient(to right,transparent 50%,#fff 50%);padding:64px 0 64px 48px}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec{padding:40px 32px}}.brand-guidlines .brandImages .sec>ul>li{position:relative;display:flex;line-height:1.5}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec>ul>li{flex-direction:column;margin-left:28px}}.brand-guidlines .brandImages .sec>ul>li ul{list-style-type:disc;padding-left:15px}.brand-guidlines .brandImages .sec>ul>li ul li{margin-bottom:8px}.brand-guidlines .brandImages .sec>ul>li~li{margin-top:32px}.brand-guidlines .brandImages .sec>ul>li:before{content:"";height:24px;width:24px;border-radius:12px;background:var(--color-lightBlue);position:absolute;left:40%;transform:translate(-50%)}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec>ul>li:before{left:0;transform:translate(-28px);height:16px;top:4px;width:16px}}.brand-guidlines .brandImages .sec>ul>li .liLeft{width:40%;padding-right:96px}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec>ul>li .liLeft{width:100%}}.brand-guidlines .brandImages .sec>ul>li .liRight{width:60%;padding:0 48px}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec>ul>li .liRight{padding:16px 0 0;width:100%}}.brand-guidlines .brandImages .sec>ul>li .liRight img{width:75%}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec>ul>li .liRight img{width:100%}}.brand-guidlines .brandImages .sec.sec-0{padding:0;border-width:1px 1px 0}@media screen and (min-width: 568px){.brand-guidlines .brandImages .sec.sec-1 li,.brand-guidlines .brandImages .sec.sec-4 li{align-items:center}.brand-guidlines .brandImages .sec.sec-2 .liRight img,.brand-guidlines .brandImages .sec.sec-3 .liRight img{transform:translateY(-50px)}}.brand-guidlines .brandImages .sec.sec-5 li,.brand-guidlines .brandImages .sec.sec-6 li{align-items:center}@media screen and (max-width: 567px){.brand-guidlines .brandImages .sec.sec-5 li,.brand-guidlines .brandImages .sec.sec-6 li{margin-left:0}}.brand-guidlines .brandImages .sec.sec-5 li:before,.brand-guidlines .brandImages .sec.sec-6 li:before{content:none}.container_main{border:2px solid var(--color-lightBlue);border-radius:8px;display:flex;width:100%;height:100%}@media screen and (max-width: 912px){.container_main{flex-direction:column}}.container_main .brand_logo{border-radius:8px 0 0 8px;background:var(--color-lightGreyBlue);flex:1;display:flex;align-items:center;justify-content:center;padding:40px}@media screen and (max-width: 890px){.container_main .brand_logo{border-radius:8px 8px 0 0}}.container_main .bg_dark{background:var(--deep-blue)}.container_main .brand_desc{padding:45px 32px;justify-content:center;flex:1.5;display:flex;flex-direction:column;gap:10px;position:relative}.container_main .brand_desc h2{font-style:normal;font-weight:700;font-size:24px;line-height:130%;letter-spacing:-.02em;margin:0;color:var(--black)}.container_main .brand_desc p{font-style:normal;font-weight:400;font-size:14px;line-height:140%;color:var(--black)}.container_main .brand_desc .download_button{display:flex;gap:10px}.container_main .brand_desc .download_button button{background:var(--color-white);border:1px solid var(--deep-blue);border-radius:8px;padding:5px 10px;display:flex;align-items:center;gap:10px;color:var(--deep-blue)}.container_main .brand_desc .download_button button:hover{background:#f3f2f2}.container_main .brand_desc .download_button .png_buttons{display:flex}.container_main .brand_desc .download_button .png_buttons button:nth-child(1){border-radius:8px 0 0 8px}.container_main .brand_desc .download_button .png_buttons button:nth-child(2){border-left:none;border-radius:0 8px 8px 0}.container_main .brand_desc .download_button .copy_clipboard{padding:0 10px}.container_main .brand_desc .copiedText{padding:5px;width:60%;position:absolute;bottom:10px;background-color:#000;border-radius:5px}.brand_container{display:flex;gap:40px;width:100%;flex-wrap:wrap}.brandLight,.brandDark{display:flex;flex-direction:column;flex:1;gap:40px}