#investor-relations .investor-buttons{display:inline-block;width:13%;background: #242424;text-align: center;padding: 0px 0px;}
#investor-relations .investor-buttons a{ position: relative;transition: all .35s;display:inline-block;float:left;width:100%;}
#investor-relations .investor-buttons a span{position: relative;z-index: 2;vertical-align: middle;display: table-cell; }
/*#investor-relations .investor-buttons:hover,#investor-relations .investor-buttons:hover a{background:#FAC30F !important;color:#242424;}*/
#investor-relations .active-btn,#investor-relations .active-btn a{background:#FAC30F !important;color:#242424;}
#investor-relations .investor-buttons a{    font-size: 1rem;display: table;height: 70px;padding: 0 15px;line-height: 1.2rem;}
#investor-relations .investor-buttons:nth-child(2){width: 9%;}
#investor-relations .investor-buttons:nth-child(3){width: 17%;}
#investor-relations .investor-buttons:nth-child(4),#investor-relations .investor-buttons:nth-child(7){width: 12%;}
#investor-relations .investor-buttons:nth-child(5){width: 13%;}
#investor-relations .investor-buttons:nth-child(6){width: 16%;}
#investor-relations .investor-buttons a:after{position: absolute; content: ""; top: 0; left: 0; width: 0; height: 100%; background: #FAC30F; transition: all .5s; }
#investor-relations .investor-buttons a:hover{color: #fff; }
#investor-relations .investor-buttons a:hover:after{width: 100%;} 
.investor-download-section{display:inline-block;width:99%;float:left}
.investor-download-section .year-section .year-box .year-button{display: inline-block; text-decoration: none; width: 17.2%; background: #e4e4e4;float:left; padding:2% 1%; text-align: center; font-weight: 600;margin: 0px 0 0% 1%;position: relative;transition: all .35s;min-height:35px;box-shadow: 3px 4px 8px #b4aaaa}
.investor-download-section .year-section .year-box,.investor-download-section .year-section{display: inline-block; width: 100%; float: left;position:relative;box-shadow: 4px 5px #d5d5d5;}
.investor-download-section .year-section .year-box .year-button:nth-child(1),.investor-download-section .year-section .year-box .year-button:nth-child(6){margin: 0px 0 0% 0%;}
.investor-download-section .year-section .year-box .year-buttona.active{background:#242424;color:#fff;}
.investor-download-section .year-section .year-box .year-button span{position: relative; z-index: 2; }
.investor-download-section .year-section .year-box .year-button:after{position: absolute; content: ""; top: 0; left: 0; width: 0; height: 100%; background: #242424; transition: all .5s;}
.investor-download-section .year-section .year-box .year-button:hover{color: #fff;}
.investor-download-section .year-section .year-box .year-button:hover:after{width: 100%;color:#fff;}
.investor-download-section .year-section{margin-top:2vw;background: #242424;}
.investor-download-section .year-section .year-box .content{position: relative;top:0px;display: inline-block;width: 100%;background: #242424;left: 0;z-index:1;}
.investor-download-section .year-section .year-box .content .financial-section{display: inline-block; float: left; width: 100%;}
.investor-download-section .year-section .year-box .content .financial-section .financial-result{display: inline-block; float: left; width: 19.9%; font-size: 1rem; color: #fff; padding:1% 2% 2% 2%;border-right: 1px solid #434343;}
.investor-download-section .year-section .year-box .content .financial-section .financial-result h2,.investor-download-section .year-section .year-box .content .related-section .relaated-party h2{    font-size: 1.35rem; margin: 5% 0% 0 0%;}
.investor-download-section .year-section .year-box .content .financial-section .months,.investor-download-section .year-section .year-box .content .related-section .months{    display: inline-block; width: 97%; padding: 2% 1.5% 1% 1.5%;    margin: 0% 0% 0 0%;float: left;border-bottom: 1px solid #fff;min-height: 50px;}
.investor-download-section .year-section .year-box .content .financial-section .months .left,.investor-download-section .year-section .year-box .content .related-section .months .left{display: inline-block;width:2%;float: left;padding-right: 1%;}
.investor-download-section .year-section .year-box .content .financial-section .months .right,.investor-download-section .year-section .year-box .content .related-section .months .right{display: inline-block;width: 87%;float: left;}
.investor-download-section .year-section .year-box .content .financial-section .months .right a,.investor-download-section .year-section .year-box .content .related-section .months .right a{text-decoration: none;display: inline-block; width: 100%; background: unset;box-shadow: unset; color: #fff; font-weight: 400;text-align: left;padding-right:5%;    line-height: 1.5rem;}
.investor-download-section .year-section .year-box .content .related-section .relaated-party{    display: inline-block; float: left; width: 19.9%; font-size: 1rem; color: #fff; padding: 1% 2% 3% 2%;border-right: 1px solid #434343;}
.investor-download-section .year-section .year-box .content .related-section {display: inline-block; float: left; width: 100%;}
.investor-download-section .year-section .year-box .content .financial-section .months:nth-child(3n) .right a,.investor-download-section .year-section .year-box .content .related-section .months:nth-child(3n) .right a{border-right:unset;}
.investor-download-section .year-section .year-box .year-button.active{background:#242424;color: #fff;}
/*.investor-download-section .year-section .year-box .content{display:none;}*/
.investor-download-section .year-section .year-box .content .financial-section .months .left a img{display:inline-block;width:100%;}
/*.investor-download-section .year-section .year-box .content .financial-section .months:nth-child(5){width:20%;}*/
.financial-lead-form{display:inline-block;width:100%;float:left;}
.financial-lead-form .form-input{display: inline-block; width: 93%; padding: 3%; border-radius: 10px;margin-bottom: 2%;}
.financial-lead-form .input-element{color:#fff;opacity:0;}
.financial-lead-form .submit-btn{display: inline-block; width: 95%; text-align: center;padding-bottom: 2rem;padding-top: 1rem;}
.financial-lead-form .submit-btn .submit-form{display: inline-block; padding: 2%; border-radius: 30px; color: #FAC30F; padding-top: 12px; padding-right: 42px; padding-bottom: 12px; padding-left: 20px; background: #242424; border: 1px solid #FAC30F; font-weight: 600; background-image: url(https://www.blkashyap.com/wp-content/uploads/2023/07/Arrow-7.png); background-repeat: no-repeat; background-position: 85% 50%; background-size: 20px;}
.financial-lead-form .submit-btn .submit-form:hover{background:#e4e4e4;}
.investor-download-section .year-section .year-box .content .financial-section .months:nth-last-child(1){border-bottom:none;}
.financial-lead-form .submit-btn .submit-form:hover{color:#242424;}

.box-close:target {
    visibility: none;
    opacity: 0;
}

/* Popup Form */
.box {background-color: black; height: 100vh; display: flex; align-items: center; justify-content: center; }
.box a {display: inline-block; background-color: #fff; padding: 15px; border-radius: 3px; }
.modal {backdrop-filter: blur(5px);align-items: center; display: flex; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background:#d6d6d6e3; transition: all 0.4s; visibility: hidden; opacity: 0; z-index: 10; }
.financial-lead-popup-content {position: absolute; background: white; width: 40%; padding: 1rem 4rem; border-radius: 25px;background-color: #242424;opacity: 0.9; }
.modal:target {visibility: visible; opacity: 1; }
.box-close {position: absolute; top: 5%; right: 10%; color: #FAC30F; text-decoration: none; font-size: 45px; }
.financial-lead-popup-content h5{color:#fff;}


@media only screen and (max-width: 920px) and (min-width: 641px)
{
    #investor-relations .investor-buttons,#investor-relations .investor-buttons:nth-child(2),#investor-relations .investor-buttons:nth-child(3),#investor-relations .investor-buttons:nth-child(4),#investor-relations .investor-buttons:nth-child(5),#investor-relations .investor-buttons:nth-child(6),#investor-relations .investor-buttons:nth-child(7){width: 48%;}
    #investor-relations .gap1{gap:0.5rem !important}
    #investor-relations .investor-buttons a {font-size: 18px; }
    .investor-download-section .year-section .year-box-mob .year-button{width:98%;box-shadow:unset;margin: 2% 0 0% 0%;}
      .investor-download-section .year-section .year-box-mob .months .right a, .investor-download-section .year-section .year-box .content .related-section .months .right a {font-size:1.25rem;border-right: unset;}
    .investor-download-section .year-section .year-box-mob .months, .investor-download-section .year-section .year-box .content .related-section .months {width: 44%;padding: 2%;}
    .investor-download-section .year-section .year-box-mob governance_section .months:nth-child(2) .right a, .investor-download-section .year-section .year-box .content .related-section .months:nth-child(2) .right a {border-right: unset;}
    .investor-download-section .year-section .year-box-mob .months:nth-child(2),.investor-download-section .year-section .year-box .months:nth-child(4){padding: 2% 2% 2% 5%;}  
    .investor-download-section .year-section .year-box-mob .months .left a img,.investor-download-section .year-section .year-box .content .related-section .months .left a img{width:55%;}
    .investor-download-section .year-section .year-box .content .related-section .relaated-party{width:90%;border-right:unset;padding: 1% 2% 0% 5%;}
    .investor-download-section .year-section .year-box-mob .content .related-section .months:nth-child(2), .investor-download-section .year-section .year-box-mob .content .related-section .months:nth-child(4){padding: 2% 2% 2% 5%;}
   
    
}



@media only screen and (max-width: 640px)
{
    #investor-relations .investor-buttons,#investor-relations .investor-buttons:nth-child(2),#investor-relations .investor-buttons:nth-child(3),#investor-relations .investor-buttons:nth-child(4),#investor-relations .investor-buttons:nth-child(5),#investor-relations .investor-buttons:nth-child(6),#investor-relations .investor-buttons:nth-child(7){width: 100%;}
    #investor-relations .investor-buttons a {font-size: 16px; }
    #investor-relations .gap1{gap:0.5rem !important}
    .investor-download-section .year-section .year-box-mob .year-button{width:98%;box-shadow:unset;margin: 2% 0 0% 0%;}
    .investor-download-section .year-section .year-box-mob .financial-result{width:90%;border-right:unset;padding: 1% 2% 3% 5%;}
    .investor-download-section .year-section .year-box-mob .financial-result h2, .investor-download-section .year-section .year-box .content .related-section .relaated-party h2 {font-size: 1rem;}
    .investor-download-section .year-section .year-box-mob .months .right a, .investor-download-section .year-section .year-box .content .related-section .months .right a {font-size:0.9rem;border-right: unset;text-decoration: none;color: #fff;}
    .investor-download-section .year-section .year-box-mob .months, .investor-download-section .year-section .year-box .content .related-section .months {width: 96%;padding: 2%;    display: inline-block;}
    .investor-download-section .year-section .year-box-mob .months:nth-child(2) .right a, .investor-download-section .year-section .year-box .content .related-section .months:nth-child(2) .right a {border-right: unset;}
    .investor-download-section .year-section .year-box-mob .months:nth-child(2),.investor-download-section .year-section .year-box .months:nth-child(4){padding: 2%}  
    .investor-download-section .year-section .year-box-mob .months .left a img{width:80%;}
    .investor-download-section .year-section .year-box .content .related-section .relaated-party{width:90%;border-right:unset;padding: 1% 2% 3% 5%;}
    .investor-download-section .year-section .year-box-mob .content .related-section .months:nth-child(2), .investor-download-section .year-section .year-box-mob .content .related-section .months:nth-child(4){padding: 2% 2% 2% 5%;}
    .financial-lead-popup-content{top:7%;}
    .financial-lead-popup-content {width: 70%;padding: 1rem 2rem;}
    .investor-download-section .year-section .year-box-mob .months .left{display: inline-block; width: 10%; float: left;}
    .investor-download-section .year-section .year-box-mob .months .right{    display: inline-block; width: 90%; float: left;}
    
    
    
    
}