h1, h2, h3, h4, h5, h6, p{
    margin: 0;
}

@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-Light.eot');
    src: local('☺'), 
         url('../fonts/Trap-Light.woff') format('woff'), 
         url('../fonts/Trap-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-Regular.eot');
    src: local('☺'), 
         url('../fonts/Trap-Regular.woff') format('woff'), 
         url('../fonts/Trap-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-Medium.eot');
    src: local('☺'), 
         url('../fonts/Trap-Medium.woff') format('woff'), 
         url('../fonts/Trap-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-SemiBold.eot');
    src: local('☺'), 
         url('../fonts/Trap-SemiBold.woff') format('woff'), 
         url('../fonts/Trap-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-Bold.eot');
    src: local('☺'), 
         url('../fonts/Trap-Bold.woff') format('woff'), 
         url('../fonts/Trap-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-ExtraBold.eot');
    src: local('☺'), 
         url('../fonts/Trap-ExtraBold.woff') format('woff'), 
         url('../fonts/Trap-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Trap';
    src: url('../fonts/Trap-Black.eot');
    src: local('☺'), 
         url('../fonts/Trap-Black.woff') format('woff'), 
         url('../fonts/Trap-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

.display-none{ display: none !important; }

a { text-decoration: none; color: inherit; font-weight: inherit; }

body { font-family: 'Trap', Helvetica, Arial, sans-serif; background-color: #FAFBFC; color: #0E0F13; /* overflow-y: hidden; */ }

.wrapper { overflow-x: hidden; }

nav { padding-top: 2rem; padding-bottom: 0.6875rem; padding-left: 1.875rem; padding-right: 1.875rem; background-color: #FAFBFC; position: fixed; top: 0; left: 0; z-index: 10; font-weight: 500; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; width: 100vw; border-bottom: 1px solid #E5E5E5; }

.nav-links { margin-top: 0.84375rem; display: inline-block; }

.burger-menu-icon { display: none !important; }

.nav-line { margin-bottom: 1.3125rem; padding-left: 1.875rem; padding-right: 1.875rem; width: 95vw; }

.logo { display: inline-block; width: 6.0625rem; }

.logo img { width: 100%; }

.nav-links li { list-style: none; display: inline-block; margin-left: 2rem; }

.first-fold { display: flex; margin-left: 7.9375rem; margin-right: 28.25rem;/*28.25*/ height: 30.1875rem; align-items: center; margin-top: 5.25rem; }

h1 { font-size: 2.625rem; font-weight: 600; }

span.blue { color: #357DEB; }

.second-fold { position: relative; background-color: #FAFBFC; }

.second-fold-heading { position: absolute; top: -9.8125rem; right: 10.125rem; z-index: -1; border: 1px solid #E5E5E5; border-radius: 60%; width: 12.25rem; height: 12.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #727283; }

.second-fold-heading h2 { font-size: 1rem; font-weight: 600; }

.sectors-list-outer { overflow-x: hidden; overflow:hidden; width:100%; position: relative; }

#drag-proxy { position: absolute; width: 1px; height: 1px; top: -100px; left: 0; z-index: 100; }

.sectors-list { width: 370rem; padding-top: 1rem; padding-bottom: 1rem; }

.sectors-list-card { margin-right: 1rem; width: 28.75rem; height: 28.75rem; overflow: hidden; display: inline-block; position: relative; }

.sectors-list-card p { position: absolute; top: 1.3125rem; left: 2.1875rem; color: #EAF2F4; font-size: 1.25rem; font-weight: 600; }

.sectors-list-card img { width: 100%; }

.third-fold { background-color: #0E0F13; color: #ffffff; }

.third-fold h2 { color: #5D6C7A; font-size: 1.125rem; margin-top: 0.4rem; }

.third-fold .content { display: flex; padding-left: 3rem; padding-top: 6.625rem; padding-bottom: 6.625rem; column-gap: 4.6875rem; align-items:start; }

.third-fold .content-text { width: 68.875rem; }

.third-fold .big-bold-text { font-size: 3.125rem; font-weight: 500; line-height: 132%; margin-bottom: 1rem; }

.third-fold .secondary-para { font-size: 1.5rem; font-weight: 500; color: #74859E; line-height: 141%; }

.third-fold .stats { display: flex; justify-content: space-between; padding-top: 5.1875rem; padding-bottom: 5.1875rem; padding-left: 3rem; padding-right: 3rem; border-top: 1px solid #1A2A2E; }

.third-fold .stats h2 { font-size: 1rem; font-weight: 700; line-height: 160.4%; text-transform: uppercase; margin-bottom: 0.5rem; margin-left: 0.25rem; }

.third-fold .stats p { font-size: 3rem; font-weight: 400; letter-spacing: -0.1rem; }

.fourth-fold { padding-top: 3rem; padding-bottom: 3rem; }
.fourth-fold .leader-content {  margin-left: 3rem; margin-right: 3rem; }

.leader-content h2 { color: #0E0F13 !important; }

.fourth-fold h2 { color: #5D6C7A; font-size: 2rem;  margin-bottom: 2rem; }
.fourth-fold h3 { font-size: 1.5rem; font-weight: 600; line-height: 100%; margin-top: 0.5rem; margin-bottom: 0.5rem; text-align: left; }

.fourth-fold h4 { color: #727283; font-size: 1.25rem; font-weight: 600; text-align: left; }

.leader-list { display: flex; column-gap: 1.5rem; justify-content: flex-end; width: 100%; }

.leader-list-item { width: 16.125rem; text-align: center; }

.leader-list-item img { width: 100%; }

.team-heading-wrapper { display: flex; align-items: center; column-gap: 0.625rem; margin-left: 3rem; margin-bottom: 3.375rem; margin-top: 3.375rem; }
.team-heading-wrapper h2 { font-size: 1.5rem; font-weight: 600; line-height: 100%; cursor: pointer; margin-bottom: 0; }

.teams-list { margin-left: 3rem; width: 48.75rem; display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 3rem; }
.team-list-item { width: 21.25rem; }

.next-fourth-fold { padding-top: 3rem; padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; /* border-top: 1px solid #e5e5e5; */ display: flex; column-gap: 2rem; row-gap: 2rem; justify-content: space-between; background-color: #F6F6F6; }

.next-fourth-fold h2 { /* color: #727283; */ font-size: 2rem; font-weight: 700; line-height: 100%; margin-top: 4rem; }

.next-fourth-fold p { color: #1B1C1D; font-size: 1.25rem; font-weight: 400; line-height: 160%; }

.next-fourth-fold-summary { width: 35.75rem; display: flex; flex-direction: column; column-gap: 2rem; row-gap: 1rem; }

.next-fourth-fold h3 { font-size: 1.5rem; font-weight: 400; }

.next-fourth-fold-details-list { width: 35.75rem; display: flex; flex-direction: column; column-gap: 2rem; row-gap: 2rem; }

.next-fourth-fold-details-item { display: flex; flex-direction: column; row-gap: 1rem; }

.next-fourth-fold-details-item div { display: flex; justify-content: space-between; align-items: end; border-bottom:1px solid #e5e5e5; padding-bottom: 1rem; cursor: pointer; }

.fifth-fold { background-color: #0E0F13; color: #ffffff; padding-top: 3rem; padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; }

.fifth-fold h2 { color: #5D6C7A; font-size: 2rem; line-height: 160.4%; margin-bottom: 1.25rem; }

.fifth-fold h5 { color: #5D6C7A; font-size: 1rem; line-height: 160.4%; margin-bottom: 0.25rem; }

.fifth-fold .principle-list { margin-top: 0.5rem; display: flex; justify-content: space-between; gap: 3rem; }

.fifth-fold .principle-list p { font-size: 1.5rem; font-weight: 600; line-height: 130%; }

.fifth-fold .principle-list .secondary-para { font-size: 1rem; font-weight: 300; color: #74859E; line-height: 141%; }

.fifth-fold .principle-list-item { position: relative; }

.fifth-fold .principle-list-item-icon { margin-bottom: 1.5rem; padding-bottom: 3rem; margin-left: -0.75rem; }

.principles-section { height: 808px; background-color: #0E0F13; overflow: hidden; position: relative; }
.principles-section .inner { height: 808px; padding: 0; position: relative; background-color: #0E0F13; overflow: visible; display: flex; flex-direction: column; justify-content: center; gap: 80px; }
.principles-section .section-title { position: absolute; top:60px; right:80px; font-size: 32px; color: #4B5F61 }
.principles-section .center-wrapper { display: flex; align-items: center; justify-content: center; gap: 16px; }
.principles-section .center { height: 104px; overflow: hidden; }
.principles-section .center-2 { height: 104px; overflow: hidden; }
.principles-section .center-content { display: flex; flex-direction: column; align-items: center; overflow: hidden; }
.principles-section .center-content-2 { display: flex; flex-direction: column-reverse; align-items: center; }
.principles-section .center-content .unit { display: flex; gap: 21px; align-items: center; height: 104px; }
.principles-section .center-content-2 .unit { height: 100px; display: flex; align-items: center; justify-content: center; padding-top: 7px; }
.principles-section .center-content-2 .unit .big-num { color: #4B5F61; opacity: 0.5; font-size: 108px; letter-spacing: -0.2rem; font-weight: 600; line-height: 100%; position: relative; top: 5px; }
.principles-section .center-content h3 { font-size: 40px; font-weight: 600; width: 334px; color: #fff; }
.principles-section .icon { width: 104px; height: 104px; }
.principles-section .icon img { width: 100%; height: 100%; }
.principles-section .rotate-box { overflow: hidden; width: 200px; height: 100%; position: absolute; left: 0; top: 0; }
.principles-section .rotate-box .circle { color: rgba(255,255,255,0.1) ; border: 2px solid #4B5F61; border-radius: 60%; width: 784px; height: 784px; position: absolute; top: 0; left: -640px; image-rendering: -webkit-optimize-contrast; box-sizing: border-box; padding: 0; margin: 0; }
.principles-section .rotate-box .division { width: 0; height: 784px; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); display: flex; flex-direction: column; align-items: center; justify-content: flex-start;  }
.principles-section .rotate-box .division .num { color: #4B5F61; font-weight: 700; position: relative; top: -22px; }
.principles-section .rotate-box .division .dot { background-color: #4B5F61; width: 7px; height: 7px; border-radius: 6px; position: relative; top: -2px; }
.principles-section .rotate-box .division.active .num { color: #CFD7DE; transition: all 0.5s;}
.principles-section .rotate-box .division.active .dot { background-color: #CFD7DE; transition: all 0.5s; }


.principles-section .rotate-box-2 { overflow: hidden; height: 132px; width: 100%; position: relative; display: none; }
.principles-section .rotate-box-2 .circle { color: rgba(255,255,255,0.1) ; border: 2px solid #4B5F61; border-radius: 60%; width: 4089px; height: 4089px; position: absolute; top: 40px; left: calc(50% - 2044.5px); image-rendering: -webkit-optimize-contrast; box-sizing: border-box; padding: 0; margin: 0; }
.principles-section .rotate-box-2 .division { width: 0; height: 4089px; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); display: flex; flex-direction: column; align-items: center; justify-content: flex-start;  }
.principles-section .rotate-box-2 .division .num { color: #4B5F61; font-weight: 700; position: relative; top: -22px; }
.principles-section .rotate-box-2 .division .dot { background-color: #4B5F61; width: 7px; height: 7px; border-radius: 6px; position: relative; top: -22px; }
.principles-section .rotate-box-2 .division.active .num { color: #CFD7DE; transition: all 0.5s;}
.principles-section .rotate-box-2 .division.active .dot { background-color: #CFD7DE; transition: all 0.5s; }


footer { padding: 3rem; display: flex; justify-content: space-between; }

footer .footer-left { display: flex; flex-direction: column; justify-content: space-between; }

footer h4 { color: #6F7683; font-size: 1.25rem; }

footer form input { display: block; margin-top: 1.5rem; margin-bottom: 1.5rem; border: none; border-bottom: 1px solid #C3C3C3; border-radius: 0; width: 28rem; color: #6B7280; background-color: inherit; padding-left: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; }

footer .button { font-size: 1.25rem; font-weight: 600; background-color: #1B1C1D; color: #ffffff; cursor: pointer; text-align: center; padding: 0.90625rem; }

footer .logo-footer { margin-bottom: 2.125rem; }

.footer-address { color: #6B7280; }

/* Animation Style */
.line { position: relative; }

.line-mask { position: absolute; top: 0; right: 0; z-index: 3; width: 100%; height: 100%; background-color: #0E0F13; opacity: 50%; }

.pop-up { background-color: rgba(14, 15, 19, 0.4); position: fixed; width: 100vw; height: 100vh; z-index: 40; display: flex; align-items: center; justify-content: center; }
.pop-up-content { background-color: #ffffff; display: flex; flex-direction: column; padding: 1rem; }

/* 
@media screen and (min-width: 1800px) {
    .wrapper > section {
        padding-left: calc( calc(100vw - 1800px) / 2);
        padding-right: calc( calc(100vw - 1800px) / 2);
    }
    .wrapper > nav {
        padding-left: calc( calc(100vw - 1800px) / 2);
        padding-right: calc( calc(100vw - 1800px) / 2);
    }
    .wrapper > footer {
        padding-left: calc( calc(100vw - 1800px) / 2);
        padding-right: calc( calc(100vw - 1800px) / 2);
    }

    .second-fold-heading {
        margin-right: calc( calc(100vw - 1800px) / 2);
    }

    #sectors {
        padding-left: 0;
        padding-right: 0;
    }
} 
*/

@media screen and (max-width: 1000px) {
    .stats { flex-direction: column; }
}

@media screen and (max-width: 800px){

    .wrapper { position: relative; }
    #disable-menu { display: none; position: absolute; top: 0; left: 0; background-color: #ff0000; opacity: 0; width: 100vw; height: 100vh; z-index: 10; }
    nav { align-items: center !important; }

    .burger-menu-icon { display: inline-block !important; position: relative; width: 24px; height: 24px; }
    .burger-menu-icon img { position: absolute; top: 0; }
    .nav-links { display: none; position: absolute; bottom: -11.7rem; right: 0rem; padding-right: 2rem; padding-top: 1.25rem; text-align: right; background-color: #F6F6F6; color: #0E0F13; }
    .nav-links li { display: block; margin-bottom: 1rem; font-size: 1.25rem; }

    .first-fold { margin-left: 1.5rem; margin-right: 1.5rem; padding-bottom: 1.5rem; }

    .second-fold-heading { top: -7.8125rem; right: 3.125rem; border-radius: 60%; width: 11rem; height: 11rem; }

    .sectors-list-card { width: 21rem; height: 21rem; overflow-x: hidden; }
    
    .third-fold h2 { margin-bottom: 1rem; }
    .third-fold .content { flex-direction: column; padding-left: 1.5rem; padding-right: 0.75rem; padding-top: 3rem; padding-bottom: 3rem; }

    .third-fold .content-text { width: auto; }

    .third-fold .big-bold-text { font-size: 1.7rem; line-height: 162%; }

    .third-fold .secondary-para { margin-top: 1rem; font-size: 1.3rem; font-weight: 500; line-height: 152%; }

    .third-fold .stats { flex-wrap: none; flex-direction: column; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 3rem; padding-bottom: 3rem; row-gap: 1.5rem; }

    .third-fold .stats h2 { font-size: 1rem; margin-bottom: 0.6rem; font-weight: 500; }

    .third-fold .stats p { font-size: 3rem; font-weight: 400; letter-spacing: -0.1rem; }

    .fourth-fold { /* padding-top: 4rem; */ padding-bottom: 2rem; }

    .fourth-fold .leader-content { align-items: center; flex-direction: column; margin-left: 2rem; margin-right: 2rem; }
    
    .fourth-fold .leader-list { flex-direction: column; }

    .fourth-fold .leader-content h2 { width: 100%; font-size: 2rem; }

    .fourth-fold .leader-list-item { width: 100%; margin-top: 3rem; text-align: left; }

    .fourth-fold h3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }

    .fourth-fold .team-heading-wrapper { margin-top: 4rem; margin-left: 1rem; margin-bottom: 2rem; }

    .fourth-fold .teams-list { margin-left: 1.5rem; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 3rem; margin-bottom: 2rem; }

    .next-fourth-fold { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 5rem; flex-direction: column; row-gap: 3rem; }
    .next-fourth-fold-summary { width: 100%; }
    .next-fourth-fold-details-list { width: 100%; row-gap: 3rem; }
    .next-fourth-fold h2 { margin-bottom: 0.75rem; margin-top: 2rem; }

    .fifth-fold { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 4rem; }
    .fifth-fold .principle-list { flex-wrap: wrap; /* align-items: center; */ row-gap: 3rem; }
    .fifth-fold h2 { margin-bottom: 2rem; }
    .fifth-fold .principle-list-item-icon { padding-bottom: 1rem; }

    .mobile-display-none { display: none; }

    footer { flex-direction: column; padding: 1.5rem; row-gap: 2.125rem; }
    footer .footer-left { flex-direction: row; align-items: center; }
    .footer-address { line-height: 140%; font-weight: 500; }

    footer .logo-footer { margin-bottom: 0; }
    footer form input { width: 100%; }

    .footer-right form input { margin-top: 0.5rem; }

}


@media screen and (max-width: 800px){

    .principles-section { height: 90vh; }
    .principles-section .inner { height: 90vh; }
    .principles-section .section-title { right: unset; left: 24px; }
    .principles-section .rotate-box { display: none; }
    .principles-section .desk-btn { display: none; }
    .principles-section .rotate-box-2 { display: block; position: absolute; bottom: 0; }
    .principles-section .rotate-box-2 .circle { width: 1188px; height: 1188px; position: absolute; top: 40px; left: calc(50% - 600.5px); display: block; }
    .principles-section .rotate-box-2 .division { height: 1188px; }
    .principles-section .rotate-box-2 .division .dot { top: -10px; }

    /* .principles-section .center-wrapper .center { height: 120px; } */
    /* .principles-section .center-content-2 .unit .big-num { font-size: 80px; opacity: 0; } */
    /* .principles-section .center { margin-left: 80px; margin-top: -10px; } */
    .principles-section .center-content .unit { gap: 0; }
    /* .principles-section .icon { height: 80px; width: 80px; } */

    
    .principles-section .center-wrapper { gap: 10px; position: relative; width: 100vw; padding: 24px; justify-content: flex-start; }
    /* .principles-section .center-2 { position: absolute; left: 80px; opacity: 1; } */
    .principles-section .center { z-index: 10; }
    .principles-section .center-content-2 .unit .big-num { font-size: 70px; }
    /* .principles-section .center-content h3 {  width: 300px; } */
    .principles-section .icon { height: 60px; width: 60px; }

    

}
 
@media screen and (max-width: 500px){

    /* .principles-section .center { margin-left: -40px; } */
    .principles-section .center-content .unit { width: 100%; justify-content: flex-start; }
    .principles-section .center-content h3 { font-size: 32px; width: 100%; }
    .principles-section .center-content br { display: none; }
    .principles-section .center-2 { width: 160px; }

}

@media screen and (max-width: 400px){

    /* .principles-section .section-title { right: unset; left: 24px; font-size: 1.125rem; } */
    
    .principles-section .icon { height: 40px; width: 40px; }
    .principles-section .center-content .unit { gap: 6px; }

}

.fade-in { overflow: none; }