@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --color-red: #e31f25;
    --color-black: #2b2b2a;
    --color-gray: #595469;
    --color-white: #ffffff;
    --color-white1: #f5f5f7;
    --color-white2: #eeeeee;
    --color-white3: #cccccc;
    --size-0: 0px;
    --size-1: 1px;
    --size-2: 2px;
    --size-3: 3px;
    --size-4: 4px;
    --size-5: 5px;
    --size-6: 6px;
    --size-7: 7px;
    --size-8: 8px;
    --size-9: 9px;
    --size-10: 10px;
    --size-11: 11px;
    --size-12: 12px;
    --size-13: 13px;
    --size-14: 14px;
    --size-15: 15px;
    --size-16: 16px;
    --size-17: 17px;
    --size-18: 18px;
    --size-19: 19px;
    --size-20: 20px;
    --size-21: 21px;
    --size-22: 22px;
    --size-23: 23px;
    --size-24: 24px;
    --size-25: 25px;
    --size-30: 30px;
    --size-35: 35px;
    --size-40: 40px;
    --size-45: 45px;
    --size-50: 50px;
    --size-60: 60px;
    --size-70: 70px;
    --size-75: 75px;
    --size-80: 80px;
    --size-90: 90px;
    --size-100: 100px;
    --size-110: 110px;
    --size-120: 120px;
    --size-125: 125px;
    --size-130: 130px;
    --size-140: 140px;
    --size-150: 150px;
    --size-180: 180px;
    --size-200: 200px;
    --size-225: 225px;
    --size-250: 250px;
    --size-270: 270px;
    --size-300: 300px;
    --size-350: 350px;
}
body {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;color: var(--color-black);font-size: var(--size-16);line-height: 1.6;}
::selection {color: var(--color-white);background: var(--color-red);}
::-moz-selection {color: var(--color-white);background: var(--color-red);}
*:focus {outline: none!important;box-shadow: none!important;}
a {color: var(--color-red);text-decoration: none;transition: all 0.3s ease;}
a:focus,a:hover {color: var(--color-black);}
h1,h2,h3,h4,h5,h6 {margin: var(--size-0);padding: var(--size-0);font-weight: 500;}
p {margin: var(--size-0);padding: var(--size-0);font-size: var(--size-16);}
ul,ol,li {margin: var(--size-0);padding: var(--size-0);list-style: none;}

@media (max-width: 767.98px) {
    body {font-size: var(--size-14);}
    p {font-size: var(--size-14);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    body {font-size: var(--size-15);}
    p {font-size: var(--size-15);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    body {font-size: var(--size-15);}
    p {font-size: var(--size-15);}
}

/* ==== general ==== */
.btn-primary {border: var(--size-1) solid var(--color-black)!important;background-color: var(--color-black);color: var(--color-white)!important;padding: var(--size-10) var(--size-25)!important;border-radius: var(--size-0);font-size: var(--size-16);transition: background-color 0.3s ease;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: var(--color-white)!important;color: var(--color-black)!important;}
.btn-light {border: var(--size-1) solid var(--color-white)!important;background-color: var(--color-white);color: var(--color-black)!important;padding: var(--size-10) var(--size-25)!important;border-radius: var(--size-0);font-size: var(--size-16);transition: background-color 0.3s ease;}
.btn-light:hover, .btn-light:focus, .btn-light:active {background-color: transparent!important;color: var(--color-white)!important;}
@media (max-width: 767.98px) {
    .btn-primary {font-size: var(--size-14);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-primary {font-size: var(--size-15);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .btn-primary {font-size: var(--size-15);}
}
/* ==== header ==== */
.header {padding: var(--size-10) var(--size-0);}
.header .navbar-brand img {width: var(--size-60);height: auto;}
.header .offcanvas-title img {width: var(--size-50);height: auto;}
.header .navbar {padding: var(--size-0);}
.header .nav-link {color: var(--color-black);font-size: var(--size-16);font-weight: 500;}
.header .nav-link:hover,.header .nav-link:focus, .header .nav-link:active {color: var(--color-red);}
.header .navbar-toggler {padding: var(--size-0);border: var(--size-0);color: var(--color-black);}
.header .navbar-toggler svg {width: var(--size-25);height: var(--size-25);stroke-width: 2.5;}
input, select, textarea {border: var(--size-1) solid var(--color-white3)!important;border-radius: var(--size-0)!important;}
input:focus, select:focus, textarea:focus {border: var(--size-1) solid var(--color-black)!important;}
textarea {min-height: var(--size-100)!important;}
@media (min-width: 992px) {
    .header .nav-link {margin-left: var(--size-15)!important;margin-right: var(--size-15)!important;}
}
@media (max-width: 767.98px) {
    .header {padding: var(--size-5) var(--size-0);}
    .header .navbar-brand img {width: var(--size-45);height: auto;}
    .header .nav-link {font-size: var(--size-15);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .header {padding: var(--size-10) var(--size-0);}
    .header .navbar-brand img {width: var(--size-45);height: auto;}
    .header .nav-link {font-size: var(--size-15);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header .nav-link {font-size: var(--size-15);}
}
/* ==== footer ==== */
.footer {padding: var(--size-70) var(--size-0);background-color: var(--color-black);color: var(--color-white);}
.footer .logo img {width: var(--size-80);height: auto;margin-bottom: var(--size-20);}
.footer h5 {font-size: var(--size-20);margin-bottom: var(--size-30);}
.footer p {color: var(--color-white2);font-size: var(--size-14);}
.footer a {color: var(--color-white2);}
.footer a:hover {color: var(--color-red);}
.footer ul>li {margin-bottom: var(--size-10);}
.footer ul.socila-media {margin-bottom: var(--size-10);}
.footer ul.socila-media li {display: inline-block;margin-right: var(--size-10);}
.footer ul.socila-media li:last-child {margin-right: var(--size-0);}
.footer ul.socila-media svg {width: var(--size-20);height: var(--size-20);}
@media (max-width: 767.98px) {
    .footer .logo {text-align: center;margin-top: var(--size-50);}
    .footer .logo img {width: var(--size-60);height: auto;}
    .footer ul.socila-media {text-align: center;}
    .footer p {text-align: center;font-size: var(--size-13);}
    .footer h5 {font-size: var(--size-18);margin-bottom: var(--size-25);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer .logo {text-align: center;margin-top: var(--size-50);}
    .footer .logo img {width: var(--size-60);height: auto;}
    .footer ul.socila-media {text-align: center;}
    .footer p {text-align: center;}
    .footer h5 {font-size: var(--size-18);margin-bottom: var(--size-25);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer .logo img {width: var(--size-60);height: auto;}
    .footer h5 {font-size: var(--size-18);margin-bottom: var(--size-25);}
}
/* ==== home ==== */
.home-header {position: relative;}
.home-header::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/bg-home-01.jpg') no-repeat center center/cover;z-index: -2;}
.home-header::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));z-index: -1;}
.home-header .content {color: var(--color-white);z-index: 1;padding: var(--size-100) var(--size-0);}
.home-header .content h1 {font-size: var(--size-70);font-weight: 600;margin-bottom: var(--size-20);}
.home-header .content p {font-size: var(--size-25);margin-bottom: var(--size-20);}
.home-about {padding: var(--size-80) var(--size-0)}
.home-about h2 {font-size: var(--size-23);margin-bottom: var(--size-20);}
.home-about h3 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.home-about h4 {font-size: var(--size-25);font-weight: 300;line-height: var(--size-40);margin-bottom: var(--size-30);}
.home-about p {margin-bottom: var(--size-20);}
.home-projects {padding: var(--size-80) var(--size-0);background-color: var(--color-white2);}
.home-projects h2 {font-size: var(--size-25);margin-bottom: var(--size-20);}
.home-projects h6 {font-size: var(--size-18);color: var(--color-gray);margin-bottom: var(--size-10);}
.home-projects p {margin-bottom: var(--size-20);}
.home-rd {padding: var(--size-80) var(--size-0);background: url(../img/bg-home-02.jpg) no-repeat center center/cover;color: var(--color-white);}
.home-rd h2 {font-size: var(--size-25);margin-bottom: var(--size-20);}
.home-rd h3 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.home-rd h6 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.home-rd p {margin-bottom: var(--size-20);}
.home-rd svg {width: var(--size-100);height: var(--size-100);color: var(--color-white);stroke-width: 1.5;margin-bottom: var(--size-20);}
.home-info {padding: var(--size-80) var(--size-0)}
.home-info h2 {font-size: var(--size-25);margin-bottom: var(--size-20);}
.home-info h6 {font-size: var(--size-18);color: var(--color-gray);margin-bottom: var(--size-10);}
.home-info p {margin-bottom: var(--size-20);}
.home-blog {padding: var(--size-20) var(--size-0) var(--size-100)}
.home-blog h1 {font-size: var(--size-21);color: var(--color-black);transition: color 0.3s ease;}
.home-blog h2 {font-size: var(--size-25);margin-bottom: var(--size-20);}
.home-blog h3 {font-size: var(--size-16);color: var(--color-gray);margin-bottom: var(--size-10);font-weight: 400;}
.home-blog h6 {font-size: var(--size-18);color: var(--color-gray);margin-bottom: var(--size-10);}
.home-blog p {margin-bottom: var(--size-20);}
.home-blog .blog-list img {margin-bottom: var(--size-20);}
.home-blog .blog-list:hover h1 {color: var(--color-red);}

@media (max-width: 767.98px) {
    .home-header .content {padding: var(--size-60) var(--size-0);}
    .home-header .content h1 {font-size: var(--size-40);}
    .home-header .content p {font-size: var(--size-20);}
    .home-about {padding: var(--size-60) var(--size-0)}
    .home-about h2 {font-size: var(--size-20);}
    .home-about h3 {font-size: var(--size-16);}
    .home-about h4 {font-size: var(--size-20);line-height: var(--size-35);}
    .home-projects {padding: var(--size-60) var(--size-0);}
    .home-projects h2 {font-size: var(--size-20);margin-bottom: var(--size-20);}
    .home-projects h6 {font-size: var(--size-16);}
    .home-rd {padding: var(--size-80) var(--size-0);background: url(../img/bg-home-02.jpg) no-repeat right center/cover;}
    .home-rd h2 {font-size: var(--size-20);}
    .home-rd h3 {font-size: var(--size-16);}
    .home-rd h6 {font-size: var(--size-16);}
    .home-rd p {margin-bottom: var(--size-20);}
    .home-rd svg {width: var(--size-80);height: var(--size-80);}
    .home-info {padding: var(--size-60) var(--size-0)}
    .home-info h2 {font-size: var(--size-20);}
    .home-info h6 {font-size: var(--size-16);}
    .home-blog {padding: var(--size-20) var(--size-0) var(--size-80)}
    .home-blog h1 {font-size: var(--size-18);}
    .home-blog h2 {font-size: var(--size-20);}
    .home-blog h3 {font-size: var(--size-14);}
    .home-blog h6 {font-size: var(--size-16);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .home-header .content {padding: var(--size-60) var(--size-0);}
    .home-header .content h1 {font-size: var(--size-40);}
    .home-header .content p {font-size: var(--size-20);}
    .home-about {padding: var(--size-60) var(--size-0)}
    .home-about h2 {font-size: var(--size-20);}
    .home-about h3 {font-size: var(--size-16);}
    .home-about h4 {font-size: var(--size-20);line-height: var(--size-35);}
    .home-projects {padding: var(--size-60) var(--size-0);}
    .home-projects h2 {font-size: var(--size-20);margin-bottom: var(--size-20);}
    .home-projects h6 {font-size: var(--size-16);}
    .home-rd {padding: var(--size-80) var(--size-0);background: url(../img/bg-home-02.jpg) no-repeat right center/cover;}
    .home-rd h2 {font-size: var(--size-20);}
    .home-rd h3 {font-size: var(--size-16);}
    .home-rd h6 {font-size: var(--size-16);}
    .home-rd p {margin-bottom: var(--size-20);}
    .home-rd svg {width: var(--size-80);height: var(--size-80);}
    .home-info {padding: var(--size-60) var(--size-0)}
    .home-info h2 {font-size: var(--size-20);}
    .home-info h6 {font-size: var(--size-16);}
    .home-blog {padding: var(--size-20) var(--size-0) var(--size-80)}
    .home-blog h1 {font-size: var(--size-18);}
    .home-blog h2 {font-size: var(--size-20);}
    .home-blog h3 {font-size: var(--size-14);}
    .home-blog h6 {font-size: var(--size-16);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-header .content {padding: var(--size-90) var(--size-0);}
    .home-header .content h1 {font-size: var(--size-40);}
    .home-header .content p {font-size: var(--size-20);}
    .home-about {padding: var(--size-70) var(--size-0)}
    .home-about h2 {font-size: var(--size-20);}
    .home-about h3 {font-size: var(--size-16);}
    .home-about h4 {font-size: var(--size-20);line-height: var(--size-35);}
    .home-projects {padding: var(--size-70) var(--size-0);}
    .home-projects h2 {font-size: var(--size-20);margin-bottom: var(--size-20);}
    .home-projects h6 {font-size: var(--size-16);}
    .home-rd h2 {font-size: var(--size-20);}
    .home-rd h3 {font-size: var(--size-16);}
    .home-rd h6 {font-size: var(--size-16);}
    .home-rd p {margin-bottom: var(--size-20);}
    .home-rd svg {width: var(--size-80);height: var(--size-80);}
    .home-info {padding: var(--size-70) var(--size-0)}
    .home-info h2 {font-size: var(--size-20);}
    .home-info h6 {font-size: var(--size-16);}
    .home-blog h1 {font-size: var(--size-18);}
    .home-blog h2 {font-size: var(--size-20);}
    .home-blog h3 {font-size: var(--size-14);}
    .home-blog h6 {font-size: var(--size-16);}
}
/* ==== blog ==== */
.blogs {padding: var(--size-80) var(--size-0)}
.blogs .blog-list img {margin-bottom: var(--size-20);}
.blogs h1 {font-size: var(--size-21);color: var(--color-black);margin-bottom: var(--size-20);transition: color 0.3s ease;}
.blogs h3 {font-size: var(--size-16);color: var(--color-gray);margin-bottom: var(--size-10);font-weight: 400;}
.blogs .blog-list:hover h1 {color: var(--color-red);}
.blog-details {padding: var(--size-80) var(--size-0)}
.blog-details img {margin-bottom: var(--size-30);}
.blog-details h2 {font-size: var(--size-25);margin-bottom: var(--size-20);}
.blog-details h3 {font-size: var(--size-20);margin-bottom: var(--size-10);}
.blog-details p {margin-bottom: var(--size-20);}
.blog-details ul {margin-bottom: var(--size-40);}
.blog-details ul>li {margin-bottom: var(--size-5);}

@media (max-width: 767.98px) {
    .blogs {padding: var(--size-60) var(--size-0)}
    .blogs h1 {font-size: var(--size-18);}
    .blogs h3 {font-size: var(--size-14);}
    .blog-details {padding: var(--size-60) var(--size-0)}
    .blog-details h2 {font-size: var(--size-20);}
    .blog-details h3 {font-size: var(--size-16);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .blogs {padding: var(--size-60) var(--size-0)}
    .blogs h1 {font-size: var(--size-18);}
    .blogs h3 {font-size: var(--size-14);}
    .blog-details {padding: var(--size-60) var(--size-0)}
    .blog-details h2 {font-size: var(--size-20);}
    .blog-details h3 {font-size: var(--size-16);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .blogs {padding: var(--size-60) var(--size-0)}
    .blogs h1 {font-size: var(--size-18);}
    .blogs h3 {font-size: var(--size-14);}
    .blog-details {padding: var(--size-70) var(--size-0)}
    .blog-details h2 {font-size: var(--size-20);}
    .blog-details h3 {font-size: var(--size-16);}
}

/* ==== pages ==== */
.page-header {background-color: var(--color-white1);padding: var(--size-60) var(--size-0);}
.page-header h1 {font-size: var(--size-70);font-weight: 600;margin-bottom: var(--size-20);}
.page-header p {font-size: var(--size-18);margin-bottom: var(--size-20);}
.page-header p span {font-weight: 500;}
.page-header .breadcrumb {margin-bottom: var(--size-0);color: var(--color-gray);font-size: var(--size-14);}
.page-header .breadcrumb a {color: var(--color-black);}

.page-invest {padding: var(--size-80) var(--size-0)}
.page-invest h1 {font-size: var(--size-40);font-weight: 600;margin-bottom: var(--size-15);}
.page-invest h2 {font-size: var(--size-30);margin-bottom: var(--size-30);}
.page-invest h3 {font-size: var(--size-20);margin-bottom: var(--size-20);}
.page-invest h5 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.page-invest h6 {font-size: var(--size-16);margin-bottom: var(--size-10);}
.page-invest p {margin-bottom: var(--size-20);}
.page-invest ul {margin-bottom: var(--size-30);}
.page-invest ul>li {margin-bottom: var(--size-10);}
.page-invest .info-content {border-radius: var(--size-25);background-color: var(--color-white1);padding: var(--size-50) var(--size-50) var(--size-30);}
.page-invest .info-box {border: var(--size-1) solid var(--color-white3);padding: var(--size-40) var(--size-50);}

.page-invest-dark {padding: var(--size-80) var(--size-0);background-color: var(--color-black);color: var(--color-white);}
.page-invest-dark h2 {font-size: var(--size-30);margin-bottom: var(--size-30);}
.page-invest-dark p {margin-bottom: var(--size-20);}

.page-invest-gray {padding: var(--size-80) var(--size-0);background-color: var(--color-white2);}
.page-invest-gray h2 {font-size: var(--size-30);margin-bottom: var(--size-30);}
.page-invest-gray h6 {font-size: var(--size-18);}
.page-invest-gray p {margin-bottom: var(--size-20);}

.page-contact {padding: var(--size-80) var(--size-0)}
.page-contact h2 {font-size: var(--size-30);margin-bottom: var(--size-25);}
.page-contact h3 {font-size: var(--size-20);}
.page-contact h5 {font-size: var(--size-18);margin-bottom: var(--size-5);}
.page-contact p {margin-bottom: var(--size-20);}
.page-contact ul.socila-media li {display: inline-block;margin-right: var(--size-10);}
.page-contact ul.socila-media li a {color: var(--color-black)!important;}
.page-contact ul.socila-media li svg {width: var(--size-25);height: var(--size-25);}
.page-contact .info-box {border: var(--size-1) solid var(--color-white3);padding: var(--size-40) var(--size-50);}

.page-career {padding: var(--size-80) var(--size-0)}
.page-career h2 {font-size: var(--size-30);margin-bottom: var(--size-30);}
.page-career h3 {font-size: var(--size-20);margin-bottom: var(--size-20);}
.page-career h5 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.page-career p {margin-bottom: var(--size-20);}
.page-career .info-box {border: var(--size-1) solid var(--color-white3);padding: var(--size-40) var(--size-50);}

.page-info {padding: var(--size-80) var(--size-0);}
.page-info h2 {font-size: var(--size-25);margin-bottom: var(--size-20);margin-top: var(--size-50);}
.page-info h3 {font-size: var(--size-18);margin-bottom: var(--size-10);}
.page-info p {margin-bottom: var(--size-20);}
.page-info p span {font-weight: 500;}
.page-info ul {margin-bottom: var(--size-20);}
.page-info ul>li {margin-bottom: var(--size-10);}
.page-info ul>li span {font-weight: 500;}
.page-info .accordion-button {padding-left: var(--size-0);padding-right: var(--size-0);color: var(--color-black);font-weight: 500;}
.page-info .accordion-button:not(.collapsed) {color: var(--color-black);background-color: var(--color-white);box-shadow: none;}
.page-info .accordion-body {padding-left: var(--size-0);padding-right: var(--size-0);color: var(--color-gray);padding-top: var(--size-0);}

@media (max-width: 767.98px) {
    .page-header h1 {font-size: var(--size-40);}
    .page-header p {font-size: var(--size-16);}
    .page-info {padding: var(--size-60) var(--size-0);}
    .page-info h2 {font-size: var(--size-20);}
    .page-info h3 {font-size: var(--size-16);}
    .page-contact {padding: var(--size-60) var(--size-0)}
    .page-contact h2 {font-size: var(--size-25);}
    .page-contact h3 {font-size: var(--size-18);}
    .page-contact h5 {font-size: var(--size-16);}
    .page-contact ul.socila-media {margin-bottom: var(--size-50);}
    .page-contact .info-box {padding: var(--size-25) var(--size-30);}
    .page-career {padding: var(--size-60) var(--size-0)}
    .page-career h2 {font-size: var(--size-20);}
    .page-career h3 {font-size: var(--size-18);}
    .page-career h5 {font-size: var(--size-16);}
    .page-career .info-box {padding: var(--size-25) var(--size-30);}
    .page-invest {padding: var(--size-60) var(--size-0)}
    .page-invest h2 {font-size: var(--size-20);}
    .page-invest h3 {font-size: var(--size-18);}
    .page-invest h5 {font-size: var(--size-16);}
    .page-invest h6 {font-size: var(--size-14);}
    .page-invest .info-content {padding: var(--size-40) var(--size-40) var(--size-20);}
    .page-invest .info-box {padding: var(--size-25) var(--size-50);}
    .page-invest-dark {padding: var(--size-60) var(--size-0);}
    .page-invest-dark h2 {font-size: var(--size-20);}
    .page-invest-gray {padding: var(--size-60) var(--size-0);}
    .page-invest-gray h2 {font-size: var(--size-20);}
    .page-invest-gray h6 {font-size: var(--size-16);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .page-header h1 {font-size: var(--size-50);}
    .page-header p {font-size: var(--size-17);}
    .page-info {padding: var(--size-60) var(--size-0);}
    .page-info h2 {font-size: var(--size-20);}
    .page-info h3 {font-size: var(--size-16);}
    .page-contact {padding: var(--size-60) var(--size-0)}
    .page-contact h3 {font-size: var(--size-18);}
    .page-contact h5 {font-size: var(--size-17);}
    .page-contact ul.socila-media {margin-bottom: var(--size-50);}
    .page-contact .info-box {padding: var(--size-25) var(--size-35);}
    .page-career {padding: var(--size-60) var(--size-0)}
    .page-career h2 {font-size: var(--size-20);}
    .page-career h3 {font-size: var(--size-18);}
    .page-career h5 {font-size: var(--size-16);}
    .page-career .info-box {padding: var(--size-25) var(--size-35);}
    .page-invest {padding: var(--size-60) var(--size-0)}
    .page-invest h2 {font-size: var(--size-20);}
    .page-invest h3 {font-size: var(--size-18);}
    .page-invest h5 {font-size: var(--size-16);}
    .page-invest h6 {font-size: var(--size-14);}
    .page-invest .info-content {padding: var(--size-40) var(--size-40) var(--size-20);}
    .page-invest .info-box {padding: var(--size-25) var(--size-50);}
    .page-invest-dark {padding: var(--size-60) var(--size-0);}
    .page-invest-dark h2 {font-size: var(--size-20);}
    .page-invest-gray {padding: var(--size-60) var(--size-0);}
    .page-invest-gray h2 {font-size: var(--size-20);}
    .page-invest-gray h6 {font-size: var(--size-16);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .page-header h1 {font-size: var(--size-60);}
    .page-header p {font-size: var(--size-17);}
    .page-info {padding: var(--size-70) var(--size-0);}
    .page-contact {padding: var(--size-70) var(--size-0)}
    .page-contact h5 {font-size: var(--size-17);}
    .page-career {padding: var(--size-70) var(--size-0)}
    .page-invest-dark {padding: var(--size-70) var(--size-0);}
    .page-invest-dark h2 {font-size: var(--size-20);}
    .page-invest-gray {padding: var(--size-70) var(--size-0);}
    .page-invest-gray h2 {font-size: var(--size-20);}
    .page-invest-gray h6 {font-size: var(--size-16);}
}

/* ==== auth ==== */
.auth-access {padding: var(--size-20);}
.auth-access h3 {font-size: var(--size-25);margin-bottom: var(--size-30);}
.auth {padding: var(--size-70) var(--size-0);}
.auth h2 {text-align: center;margin-bottom: var(--size-40);}
.auth .auth-bar {display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;word-wrap: break-word;margin-bottom: var(--size-40);}
.auth .auth-bar::-webkit-scrollbar {display: none;}
.auth .auth-bar a {display: flex;flex-direction: column;color: var(--color-black);text-align: center;margin-right: var(--size-10);border: var(--size-1) solid var(--color-white3);background-color: var(--color-white1);padding: var(--size-5) var(--size-23);border-radius: 999px;}
.auth .auth-bar a:hover {background-color: var(--color-white3);}
.auth .auth-bar a.active {color: var(--color-white);border-color: var(--color-black);background-color: var(--color-black);}
.auth .auth-info {margin-bottom: var(--size-50);}
.auth .auth-info .info-box {border: var(--size-1) solid var(--color-white2);text-align: center;padding: var(--size-30);border-radius: var(--size-15);}
.auth .auth-info .info-box h1 {font-size: var(--size-30);color: var(--color-black);}
.auth .auth-info .info-box h5 {font-size: var(--size-18);margin-bottom: var(--size-10);color: var(--color-gray);}

.auth .auth-details {margin-bottom: var(--size-30);}
.auth .auth-details h2 {font-size: var(--size-20);margin-bottom: var(--size-20);}
.auth .auth-details hr {opacity: 0.1;margin: var(--size-25) var(--size-0);}
.auth .auth-details table th {font-weight: 500;}
.auth .auth-details table img {height: var(--size-50);width: auto;}
.auth .auth-details table svg {width: var(--size-40);height: var(--size-40);stroke-width: 1.5;}
.auth .auth-details .page-link {color: var(--color-black);}
.auth .auth-details .page-item:first-child .page-link {border-top-left-radius: var(--size-5);border-bottom-left-radius: var(--size-5);}
.auth .auth-details .page-item:last-child .page-link {border-top-right-radius: var(--size-5);border-bottom-right-radius: var(--size-5);}
.auth .auth-details div.dataTables_wrapper div.dataTables_info {font-size: var(--size-14);}
.auth .auth-details div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top: var(--size-10)!important;}
.auth .auth-details .active>.page-link, 
.auth .auth-details .page-link.active {color: var(--color-white);background-color: var(--color-black);border-color: var(--color-black);}
.auth .auth-details .btn-link {padding: var(--size-0);color: var(--color-black);text-decoration: none;}
.auth .auth-details .btn-link svg {width: var(--size-25);height: var(--size-25);}
.auth .auth-details .btn-link:hover,
.auth .auth-details .btn-link:focus,
.auth .auth-details .btn-link:active {color: var(--color-red);}
.auth .auth-details .dropdown-item {color: var(--color-black);background-color: var(--color-white);}
.auth .auth-details .dropdown-item:hover {color: var(--color-red);}
.auth .auth-details .modal-header {padding: var(--size-15) var(--size-30);background-color: var(--color-white1);}
.auth .auth-details .modal-body {padding: var(--size-30);}
.auth .auth-details .modal-title {font-size: var(--size-18);font-weight: 500;}
.auth .auth-details .modal h3 {font-size: var(--size-18);margin-bottom: var(--size-15);color: var(--color-gray);}
.auth .auth-details .modal h6 {font-size: var(--size-16);margin-bottom: var(--size-15)!important;}
.auth .auth-details .modal h6 span {float: right;font-weight: 400;color: var(--color-gray);width: 60%;}
.auth .auth-details .modal .img-thumbnail {height: var(--size-100);width: auto;margin-bottom: var(--size-10);}
.auth .auth-details .card-header {background-color: var(--color-white);border-radius: var(--size-5);}

@media (max-width: 767.98px) {
    .auth {padding: var(--size-50) var(--size-0);}
    .auth-access {padding: var(--size-50) var(--size-20);}
    .auth .auth-info .info-box h1 {font-size: var(--size-25);}
    .auth .auth-info .info-box h5 {font-size: var(--size-16);}
    .auth .auth-details .dropdown-item {font-size: var(--size-14);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .auth {padding: var(--size-60) var(--size-0);}
    .auth-access {padding: var(--size-50) var(--size-20);}
    .auth .auth-info .info-box h1 {font-size: var(--size-25);}
    .auth .auth-info .info-box h5 {font-size: var(--size-16);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .auth-access {padding: var(--size-20) var(--size-10);}
    .auth .auth-info .info-box h1 {font-size: var(--size-25);}
    .auth .auth-info .info-box h5 {font-size: var(--size-16);}
}