/* start first sec */
a{
    cursor: pointer;
}
.us_stock_inner_page_main {
    padding: 10px 0px 30px 0px;
    width: 100%;
    display: block;
}

.us_stock_inner_page_main .container{
    padding: 0;
}


.top_performing_right {
    width: 100%;
}

.ibm_inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 15px;
    align-items: center;
}

.ibm_left {
    display: flex;
    align-items: center;
}

.ibm_left img{
    width: 90px;
}

.ibm_left h1{
   font-size: 20px;
   font-family: 'Manrope-ExtraBold';
   color: #212529;
}
.ibm_left h2{
    font-size: 20px;
    font-family: 'Manrope-ExtraBold';
    color: #212529;
 }

.ibm_left p{
    color: #848484;
    font-size: 18px;
    font-family: 'Manrope-Medium';
}

.ibm_left h3{
    color: #848484;
    font-size: 18px;
    font-family: 'Manrope-Medium';
}
.ibm_right h4{
    font-size: 20px;
    display: block;
    margin-bottom: 8px;
}

.green {
    color: #51ba87 !important;
}

.red {
    color: red;
}

.active{
    display: block;
}
.hide{
    display: none;
}


.International_tab_up{
   width: 100%;
   margin-top: 16px;
   display: block;
}

.International_tab_up ul {
    list-style: none;
    display: flex;
    column-gap: 22px;
}

.International_tab_up ul li{
    display: inline-block;
}

.International_tab_up ul li a{
    border: 1px solid #ebedee;
    outline: none;
    cursor: pointer;
    padding: 8px 14px;
    font-family: 'Manrope-Medium';
    font-size: 12px;
    background-color: #fff;
    border-radius: 12px;
    color: #212529;
}

.International_tab_up ul li a:hover{
    background-color: #0461e5;
    color: #fff;
}

.International_tab_up ul li a.activelink{
    background-color: #0461e5;
    color: #fff;
}

.year_graph_main {
    width: 100%;
    margin-top: 30px;
}

.graph_timing{
    width: 100%;
}

.graph_timing img{
    width: 100%;
}

.top_performing_right {
    border-radius: 30px;
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    background: #fff;
    padding: 48px 16px;
}

.top_performing_right{
    width: 100%;
}

.top_performing_right ul{
    list-style: none;
    display: flex;
    column-gap: 16px;
}

.top_performing_right ul li{
    flex-grow: 1;
}


.top_performing_right ul li a{
    background-color: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E1ECFC;
    padding: 8px 16px;
    display: block;
    text-align: center;
    color: #181636;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}


.top_performing_right ul li a.activelink{
    color: #0461E5;
    background-color: #E1ECFC !important;
    border-color: #0461E5;
}


.by_in_rupee{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.by_in_rupee span{
  font-size: 14px;
  color: #181636;
  font-family: 'Manrope-Medium';
}

.by_in_rupee span.bold_part{
    font-family: 'Manrope-Bold';
}


.bylist {
    background-color: #f6f6f9;
    border-radius: 16px;
    padding: 16px;
    margin-top: 30px;
}

.amount_form{
    width: 100%;
    margin-top: 16px;
    display: block;
}

.amount_form label{
    font-family: 'Manrope-Medium';
    font-size: 16px;
    color: #181636;
    display: block;
}

.amount_form input{
    margin-top: 16px;
    font-size: 20px;
    opacity: 1;
    height: calc(3rem + 2px);
    border-radius: 16px;
    font-weight: 900;
    padding: 15px;
    color: #181636;
    border: 1px solid #ced4da;
    background: #fff;
    width: 100%;
}

.gap_arrom {
    width: 100%;
    text-align: center;
    margin-top: -16px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.by_button button, .by_button a{
    width: 100%;
    padding: 10px 70px;
    border-radius: 4px;
    text-align: center;
}

.innter_srock_title{
    font-size: 22px;
    width: 100%;
    color: #181636;
    display: block;
    font-family: 'Manrope-ExtraBold';
}

.inner_flex{
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
    align-items: flex-start;
}


.inner_left_flex{
    flex: 0 0 66%;
    width: 66%;
}


/* end first sec */



/* start second section */

.international_business .container{
    padding: 0;
}

.international_business_left {
    padding: 0px 0px 50px 0px;
    border-bottom: 1px solid #e9e9e9;
}

.international_business_left .title_part {
    width: 100%;
    margin-bottom: 25px;
}


.week_range_part{
    width: 100%;
}

.week_range_part h3{
  font-size: 14px;
  color: #55555a;
  font-family: 'Manrope-ExtraLight';
}

.range_cnt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}


.range_left {
    font-size: 14px;
    color: #181636;
    font-family: 'Manrope-ExtraBold';
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.range_left span{
    width: 10px;
}

.range_left span img{
    width: 100%;
}

.range_right {
    font-size: 14px;
    color: #181636;
    font-family: 'Manrope-ExtraBold';
    display: flex;
    align-items: center;
    column-gap: 50px;
}

.range_right span{
    width: 10px;
}

.range_right span img{
    width: 100%;
}

.line_bg{
    height: 5px;
    background: linear-gradient(270deg, #00B871 -0.11%, #EA3636 99.95%);
    border-radius: 5px;
    border: none;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 16px;
}

.center_icon{
    width: 100%;
    text-align: center;
    line-height: 0px;
}

.center_icon img{
    width: 13px;
}

.icon_cntent_center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    margin-top: 5px;
}

.bold_part {
    font-family: 'Manrope-Bold';
}

.icon_cntent_center span{
    font-size: 14px;
    color: #55555a;
}


.stock_current_data{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    column-gap: 20px;
}


.stock_current_data h3, .stock_current_data span{
    color: #000;
    font-size: 16px;
    padding-bottom: 8px;
    display: block;
    font-weight: 700;
}

.stock_current_data p{
    font-size: 14px;
    color: #55555a;
}

.international_business_right {
    width: 100%;
    border-radius: 30px;
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    background: #fff;
    padding: 15px 15px;
}

.year_return_up{
    width: 100%;
}

.year_return_up ul {
    list-style: none;
    display: flex;
    column-gap: 15px;
    align-items: center;
    justify-content: center;
}

.year_return_up ul li a{
    border: 2px solid #f6f6f9;
    outline: none;
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    background-color: #fff;
    color: #181636;
    display: inline-block;
}

.year_return_up ul li a.activelink{
    color: #0461E5;
    background-color: #E1ECFC !important;
    /* border-color: #0461E5; */
    border: 1px solid #0461E5;
}

.year_return_up ul li{
    display: inline-block;
}

.rear_graph {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.rear_graph img{
    width: 100%;
}


/* end second section */




/* start third section */

.key_metrics{
    display: block;
    width: 100%;
    position: relative;
}

.key_metrics .container{
    padding: 0;
}

.key_metrics .title_part {
    width: 100%;
    margin-bottom: 5px;
    display: inline-block;
}

.key_metrics_inner {
    padding-top: 50px;
}



.Metrics_left {
    padding: 50px 0px;
    padding-top: 0;
}


.Metrics_left .stock_current_data {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 50px;
    padding-top: 10px;
}


.Metrics_right {
    width: 100%;
    border-radius: 30px;
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    background: #fff;
    padding: 16px;
}

.Metrics_right p{
    display: inline-block;
    padding: 16px 0px;
}

.key_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 14px;
    overflow: hidden;
    margin-top: 16px;
}

.key_left {
    font-size: 16px;
    font-family: 'Manrope-Bold';
    flex: 0 0 33.3%;
    color: #000;
    padding: 8px 16px;
}

.color_one{
    background-color: #DFF4DF;
    color: #00B871;
}

.color_two{
    background-color: #F4E9DF;
    color: #9B771B;
}


.color_three{
    background-color: #FFE3E3;
    color: #EA3636;
}

.color_four{
    background-color: #00B871;
    color: #fff;
    font-size: 14px;
}

.color_five{
    background-color: #F0C206;
    color: #fff;
    font-size: 14px;
}

.color_six{
    background-color: #EA3636;
    color: #fff;
    font-size: 14px;
}



/* end third section */


/* start four sec */

.apple_earnings{
    width: 100%;
    position: relative;
}

.apple_earnings .container{
    padding: 0;
}


.apple_earnings_right{
    width: 100%;
}


.flex{
    display: flex;
}


.apple_graph_inner_earing {
    padding: 30px 0px 20px 0px;
    width: 100%;
    column-gap: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.apple_graph_inner_earing_left img{
    width: 100%;
}

.apple_graph_inner_earing_right {
    width: 100%;
}

.expenced_sec{
    align-items: center;
    justify-content: flex-start;
}

.expenced_sec span img{
    width: 44px;
}

.expenced_sec span{
    font-size: 16px;
    color: #181636;
}


.apple_earnings_right{
    padding: 24px;
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    border-radius: 30px;
}

.apple_earnings_right ul {
    list-style: none;
    display: block;
    margin-top: 10px;
}

.apple_earnings_right ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f2;
    padding: 18px 0px;
}

.apple_earnings_right ul li span{
    font-size: 16px;
    color: #55555a;
    font-family: 'Manrope-Bold';
}

.apple_earnings_right ul li span:last-child{
    color: #181636;
    font-size: 12px;
    font-family: 'Manrope-Medium';
    text-align: right;
    padding-left: 3rem;
}

.apple_earnings_right ul li:last-child {
    border: none;
    padding-bottom: 0;
}

/* end four sec */




/* start five section */

.financial_trend{
    width: 100%;
    position: relative;
}



.financial_trend .container{
    padding: 0;
}



.financial_trend_left {
    padding: 50px 0 40px 0px;
    border-bottom: 1px solid #e9e9e9;
}

.financial_trend_left .title_part{
  justify-content: space-between;
  column-gap: 30px;
  align-items: start;
  width: 130%;
}

.financial_tab{
    display: block;
}

.financial_tab ul{
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, .2) 0px 8px 24px;
    border-radius: 14px;
}

.financial_tab ul li{
    display: inline-block;
}

.financial_tab ul li a{
    display: inline-block;
    background: #fff;
    cursor: pointer;
    padding: 15px;
    color: #a3a2af;
    font-size: 16px;
    font-family: 'Manrope-Medium';
}

.financial_tab ul li a.activelink{
    color: #0461e5;
    font-family: 'Manrope-Bold';
}


.trend_inner{
   justify-content: space-between;
   column-gap: 40px;
   margin-top: 0px;
   align-items: center;
}

.trend_left{
    flex: 0 0 64%;
    width: 64%;
}

.trend_left img{
    width: 100%;
}


.trend_right{
    width: 100%;
}

.trend_right select {
    width: 132%;
    color: #181636;
    border-radius: 12px;
    border: 1px solid #e1ecfc;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Manrope-SemiBold';
    outline: none;
    padding: 8px;
    appearance: none;
}


.financial_trend_right {
    width: 100%;
}



/* end five section */



/* start six section */

.about_apple_inc {
    width: 100%;
    display: inline-block;
}

.about_apple_inc .container{
    padding: 0;
}

.about_apple_inner {
    column-gap: 30px;
}

.about_apple_inc_left {
    flex: 0 0 80%;
    width: 80%;
    padding: 50px 0px;
    padding-bottom: 80px;
}

.about_apple_inc_left p{
    display: block;
    margin-top: 24px;
    color: #55555a;
}

.about_apple_inc_right{
    width: 100%;
}


/* end six section */



.custom_inc_pop .custom-model-inner {
    width: 500px;
}

.custom_inc_pop .custom-model-wrap{
    padding: 40px;
}


.custom_inc_pop .form_popup_main {
    width: 100%;
    margin: 0% auto;
}

.custom_inc_pop .popup_title {
    margin-bottom: 30px;
}

.custom_inc_pop .popup_title p {
    margin-top: 20px;
    font-size: 16px;
    width: 100%;
    font-family: 'Manrope-Medium';
    color: #000;
}
.sector_index_li_img img {
    width: 8%;
  }
/* start media */


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

    .ibm_left img {
        width: 60px;
    }

}

@media only screen and (max-width: 991px) {
    .inner_flex {
        flex-wrap: wrap;
        row-gap: 60px;
    }

    .inner_left_flex {
        flex: 0 0 100%;
        width: 100%;
    }

    .rear_graph {
        margin-top: 20px;
        text-align: center;
    }

    .rear_graph img {
        width: 40%;
    }

    .key_metrics_inner {
        padding-top: 26px;
    }

    .Metrics_left {
        padding-top: 0;
        padding-bottom: 0;
    }

    .key_metrics {
        padding-bottom: 55px;
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 55px;
    }

    .apple_earnings .inner_left_flex {
        flex: 0 0 100%;
        width: 100%;
    }

    .apple_earnings .inner_left_flex .inner_left_flex {
        flex: 0 0 66%;
        width: 66%;
    }

    .apple_earnings .inner_flex {
        row-gap: 25px;
    }

    .apple_graph_inner_earing {
        border: none;
        padding: 0;
    }

    .trend_right select {
        width: fit-content;
    }

    .trend_left {
        flex: 0 0 45%;
        width: 45%;
    }

    .about_apple_inc_left {
        flex: 0 0 100%;
        width: 100%;
    }

    .Metrics_left .stock_current_data:last-child {
        border: none;
        padding-bottom: 0;
    }

    .international_business_left {
        padding-top: 0;
    }
    .financial_trend_left .title_part {
        width: 100%;
      }
      .sector_index_ul {
        width: 90%;
      }
      .sector_index_li_img img {
        width: 15%;
      }
      .peers_comparsion_border {
        overflow-x: scroll;
        width: 100%;
    }
  
        .peers_comparsion .peers_comparsion_table tr td:not(:nth-child(1)), .peers_comparsion .peers_comparsion_table tr th:not(:nth-child(1)) {
        width: 150px;
        font-size: 16px;
    padding: 15px 20px;
    }
    .peers_comparsion .peers_comparsion_table tr td:nth-child(1), .peers_comparsion .peers_comparsion_table tr th:nth-child(1) {
        width: 200px;
        font-size: 16px;
        padding: 15px;

    }
    .corporate_content_table tr td:nth-child(1) {
        width: 8%;
        padding: 5px;
      }
      .corporate_content_table tr td:nth-child(2) {
        width: 40%;
      }
      .sector_index_border {
        width: 100%;
    }
}


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

    .inner_flex {
        row-gap: 50px;
    }

    .International_tab_up ul {
        column-gap: 12px;
        flex-wrap: wrap;
        row-gap: 22px;
    }

    .ibm_left h1 {
        font-size: 16px;
    }

    .ibm_right h4 {
        font-size: 16px;
    }

    .ibm_right p{
        font-size: 14px;
    }

    .International_tab_up ul li a {
        display: inline-block;
    }

    .top_performing_right ul li a {
        padding: 10px 14px;
    }

    .top_performing_right {
        padding: 24px 16px;
    }

    .stock_current_data {
        column-gap: 50px;
        flex-wrap: wrap;
        row-gap: 35px;
        justify-content: flex-start;
    }

    .mobile_shadow_box {
        box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px;
        border-radius: 30px;
        padding: 25px 16px;
        background-color: #fff;
    }

    .international_business_left {
        padding-top: 0;
        border: none;
        padding-bottom: 0;
    }

    .international_business .inner_flex {
        row-gap: 30px;
    }

    .rear_graph img {
        width: 100%;
    }

    .key_metrics_inner {
        padding-top: 40px;
    }

    .Metrics_left .stock_current_data div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: center;
    }

    .Metrics_left .stock_current_data {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 0;
        padding-top: 0;
        border: none;
        margin: 0;
        row-gap: 7px;
    }

    .Metrics_left .stock_current_data:last-child{
        margin-top: 7px;
    }

    .innter_srock_title {
        font-size: 22px;
    }

    .key_metrics{
        padding-bottom: 0;
        border: none;
    }


    .apple_graph_inner_earing {
        flex-wrap: wrap;
        margin-top: 30px;
        row-gap: 10px;
    }

    .apple_earnings .inner_left_flex .inner_left_flex {
        flex: 0 0 100%;
        width: 100%;
    }

    .expenced_sec {
        justify-content: flex-start;
    }

    .apple_graph_inner_earing_right {
        display: flex;
        column-gap: 15px;
    }

    .expenced_sec span {
        font-size: 14px;
    }

    .trend_inner {
        align-items: center;
        flex-wrap: wrap;
        row-gap: 40px;
    }

    .trend_left {
        flex: 0 0 100%;
        width: 100%;
    }

    .financial_trend_left .title_part {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .trend_right {
        text-align: center;
    }

    .financial_trend_left {
        border: none;
        padding-bottom: 0;
    }

    .about_apple_inc_left {
        padding: 50px 0px;
        padding-bottom: 50px;
    }

    .stock_current_data h3 {
        font-size: 14px;
    }

    .about_apple_inc_left p {
        font-size: 14px;
    }

    .custom_inc_pop .custom-model-inner {
        width: 94%;
    }

    .custom_inc_pop .close-btn {
        width: 30px;
        top: 14px;
    }

    .custom_inc_pop .custom-model-wrap {
        padding: 30px;
    }
    .sector_index_li_img img {
        width: 40%;
      }
      .sector_index_li_text {
        font-size: 16px;
        width: 60%;
      }
      .sector_index_li_img {
        width: 40%;
      }
      .sector_index .sector_index_table tr td:nth-child(1), .sector_index .sector_index_table tr th:nth-child(1) {
        padding-left: 30px;
        font-size: 16px;
      }
    .corporate_content_inner {
        overflow-x: scroll;
        width: 100%;
    }
    .corporate_action .corporate_content_table tr {
        display: flex;
    }
   
    .corporate_action .corporate_content_table tr th, .corporate_action .corporate_content_table tr td {
        width: 180px;
    }
    .corporate_content_table tr td:nth-child(1) {
        margin: auto;
        width: 50px;
    }
    .popular_stock_row .stock_prt {
        width: 85%;
        margin: auto;
        align-self: stretch;
    }
    .popular_stock_row a {
        width: 100%;
    }
      .popular_stock_row .stock_prt img {
        width: auto;
    }
}






/* end media */


.graph_spinner_loader {
	width: 48px;
	height: 48px;
	border: 5px solid #ebebeb;
	border-bottom-color: #0461e5;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
	margin: 0px auto;
	justify-content: center;
	align-self: center;
}

@keyframes rotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
} 

.gtiminggg{
    display: flex;
    justify-content: center;  
    align-items: center;      
    height: 100%;             
    min-height: 200px;        
    position: relative;
    /* position: fixed;
    left: -15%;
    right: 0;
    top: 55%; */
}

/* Breadcrumb Section CSS */
.breadcrumb_section .container{
    padding: 0;
}
.breadcrumb_section {
    width: 100%;
    position: relative;
    padding: 30px 0px 10px;
}
.breadcrumb_inner {
    display: flex;
    list-style: none;
    padding: 10px 0;
}
.breadcrumb_inner {
    flex-wrap: wrap;
    gap: 10px 0;
}
.breadcrumb_inner li {
    margin-right: 8px;
    font-size: 14px;
    color: #007bff;
}
.breadcrumb_inner li a {
    text-decoration: none;
    color: #181636;
}
.breadcrumb_inner li a:hover {
    text-decoration: underline;
}
.breadcrumb_inner li::after {
    content: '›';
    margin-left: 8px;
    color: #181636;
    font-size: 14px;
}
.breadcrumb_inner li:last-child::after {
    content: '';
}

/* .breadcrumb_section {
    display: none;
} */

/* .us_stock_inner_page_main {
    padding: 48px 0px 30px 0px;
} */