.tooltip_main {
        position: relative;
        display: inline-block;
        /*border-bottom: 1px dotted black;*/
    }

    .list_drop_protocol_main_inner {
        overflow: hidden;
        height: 1436px;
    }
    .list_drop_protocol_main_inner:hover {
        overflow-y: scroll;
    
    }
    .list_drop_protocol_main_inner:hover {
        overflow-y: scroll;
        /*-webkit-mask-image: none;*/
        
    }

    .list_drop_protocol_main_inner::-webkit-scrollbar {
      width: 5px;
    }
    /* Track */
    .list_drop_protocol_main_inner::-webkit-scrollbar-track {
      /*box-shadow: inset 0 0 5px grey;*/ 
      border-radius: 10px;
    }
     
    /* Handle */
    .list_drop_protocol_main_inner::-webkit-scrollbar-thumb {
      background: #F3926B; 
      border-radius: 10px;
    }
    
    /* Handle on hover */
    .list_drop_protocol_main_inner::-webkit-scrollbar-thumb:hover {
      background: #F3926B; 
    }

    .tooltip_main .tooltiptext_inner {
        visibility: hidden;
        width: 100%;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 25px;
        left: 0%;
    }

    .tooltip_main:hover .tooltiptext_inner {
        visibility: visible;
    }
    .list_drop_protocol_main{
        width: 250px; height: 882px; border-radius: 16px 0 0 16px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: inline-flex
    }
    .content_main_body {
        width: 100%;
    }
    .list_drop_protocol_main_inner{
        align-self: stretch; height: 1452px; padding-top: 24px; padding-left: 12px; padding-right: 12px; background: rgba(64, 84, 178, 0.20); flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex
    }
    .list_drop_search_main{
        align-self: stretch; height: 48px; padding: 12px; background: white; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.10) inset; border-radius: 8px; border: 1px rgba(143, 146, 161, 0.20) solid; justify-content: space-between; align-items: center; display: inline-flex;margin-bottom: 10px;
    }
    .search_btn_main{
        color: #8F92A1; font-size: 14px; font-family: Poppins; font-weight: 400; word-wrap: break-word;border: none;
    width: 100%;
    }
    .search_icon_main{
        width: 18px; height: 18px; /*background: #B6B6B6*/
    }
    .protocol_list_item_main{
        align-self: stretch; height: 60px; padding-left: 12px; padding-right: 12px; padding-top: 16px; padding-bottom: 16px; border-radius: 8px; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex;cursor: pointer;width: 100%;
    }
    .active_tab {
        background: #FFFFFF;
        border-bottom: 8px;
    }
    .protocol_list_icon{
        width: 30px; height: 30px
    }
    .protocol_list_name{
        color: #020381; font-size: 14px; font-family: Poppins; font-weight: 500; line-height: 21px; word-wrap: break-word
    }
    .protocol_body_main{
        flex: 1 1 0; align-self: stretch; padding: 24px; /*border-top-left-radius: 16px;*/ border-top-right-radius: 16px; overflow: hidden; border: 1px #D9DDF0 solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex
    }
    .protocol_body_header div{
        align-self: stretch; height: 48px; border-radius: 8px; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_body_header {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .logo_header_right a {
        font-family: Poppins;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
        color: #fff;
    }
    .logo_header_right {
        gap: 10px;
        border-radius: 4px;
        padding-top: 13px;
        padding-right: 21px;
        padding-bottom: 13px;
        padding-left: 21px;
        background: #020381;
        color: #fff;
    }
    .protocol_header_logo{
        width: 30px; height: 30px
    }
    .protocol_header_title{
        color: #09122D; font-size: 16px; font-family: Poppins; font-weight: 500; line-height: 36px; word-wrap: break-word
    }
    .protocol_body_body_main{
        align-self: stretch; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex
    }
    .protocol_properties_main{
        width: 193px; padding-top: 180px; padding-bottom: 96px; border-radius: 16px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex
    }
    .protocol_properties_items{
        align-self: stretch; height: 60px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px #E1E1E1 solid; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_properties_item_heading{
        flex: 1 1 0; color: #4D4D4E; font-size: 16px; font-family: Poppins; font-weight: 500; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_plan_main{
        flex: 1 1 0; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 16px; overflow: hidden; border: 1px #E1E1E1 solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex
    }
    .protocol_basic_price_sec{
        align-self: stretch; height: 180px; padding-top: 48px; padding-bottom: 24px; padding-left: 16px; padding-right: 16px; background: #FAFAFA; /*backdrop-filter: blur(25px);*/ flex-direction: column; justify-content: flex-end; align-items: center; gap: 20px; display: flex
    }
    .protocol_basic_price_title{
        align-self: stretch; text-align: center; color: #32B8B2; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: uppercase; /*line-height: 30px;*/ letter-spacing: 4px; word-wrap: break-word
    }
    .protocol_basic_price_desc_main{
        align-self: stretch; justify-content: flex-start; align-items: center; gap: 4px; display: inline-flex;
    }
    .protocol_basic_price{
        color: #09122D; font-size: 30px; font-family: Poppins; font-weight: 600; text-transform: capitalize; line-height: 30px; word-wrap: break-word
    }
    .protocol_basic_price_divider{
        color: #09122D; font-size: 24px; font-family: Poppins; font-weight: 600; text-transform: capitalize; line-height: 30px; word-wrap: break-word
    }
    .protocol_basic_price_period{
        color: #09122D; font-size: 14px; font-family: Poppins; font-weight: 600; text-transform: capitalize; line-height: 30px; word-wrap: break-word
    }
    .protocol_basic_uptime_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_uptime_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_server_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_server_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_location_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_location_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_bandwidth_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_bandwidth_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_suport_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_suport_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_access_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_access_title{
       flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word 
    }
    .protocol_basic_software_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_software_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_domain_main{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_domain_title{
        width: 24px; height: 24px; position: relative
    }
    .protocol_basic_quarterly_main{
        align-self: stretch; height: 60px; padding-left: 10px; padding-right: 10px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_quarterly_inner{
        justify-content: flex-end; align-items: center; gap: 8px; display: flex
    }
    .protocol_basic_quarterly_title{
        text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_quarterly_diescount{
        flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex
    }
    .protocol_basic_quarterly_diescount_inner{
        padding: 6px; border-radius: 4px; border: 1px #5761D7 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_quarterly_diescount_btn{
        color: #5761D7; font-size: 12px; font-family: Poppins; font-weight: 500; line-height: 18px; word-wrap: break-word
    }
    .protocol_basic_annual_main{
        align-self: stretch; height: 60px; padding-left: 10px; padding-right: 10px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_annual_inner{
        justify-content: flex-end; align-items: center; gap: 8px; display: flex
    }
    .protocol_basic_annual_title{
        text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_basic_annual_diescount_main{
        flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex
    }
    .protocol_basic_annual_diescount_inner{
        padding: 6px; border-radius: 4px; border: 1px #5761D7 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_annual_diescount_btn{
        color: #5761D7; font-size: 12px; font-family: Poppins; font-weight: 500; line-height: 18px; word-wrap: break-word
    }
    .protocol_basic_plan_main_sec{
        align-self: stretch; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; background: white; border-top: 1px #E1E1E1 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_basic_plan_inner{
        flex: 1 1 0; height: 48px; padding-left: 27px; padding-right: 27px; padding-top: 14px; padding-bottom: 14px; background: #020381; border-radius: 4px; justify-content: center; align-items: center; gap: 10px; display: flex
    }
    .protocol_basic_plan_btn{
        color: white; font-size: 16px; font-family: Poppins; font-weight: 600; word-wrap: break-word
    }
    .protocol_advance_plan_main{
        flex: 1 1 0; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 16px; overflow: hidden; border: 1px #E1E1E1 solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex
    }
    .active_price{
        border: 1px solid #4054B2;
        box-shadow: 0px 4px 20px 0px #00000026;

    }
    .find_active .plan_btn_sec{
        background: transparent;
    }
    .find_active .plan_price_sec{
        background: transparent;
    }
    .find_active .plan_price_sec .title_sec{
        color: #32B8B2;
    }
    .find_active .plan_price_sec .price_sec{
        color: #09122D;
    }
    .find_active .plan_price_sec .price_sub_sec{
        color: #09122D;
    }

    .active_price .plan_btn_sec{
        background: #020381;
    }
    .active_price.find_active  .plan_price_sec{
        background: #020381;
    }
    .active_price.find_active  .plan_price_sec .title_sec{
        color: white;
    }
    .active_price.find_active  .plan_price_sec .price_sec{
        color: white;
    }
    .active_price.find_active  .plan_price_sec .price_sub_sec{
        color: white;
    }
    .active_price.find_active .protocol_advance_select_plan_inner{
        background: white;

    }
    .find_active .protocol_advance_select_plan_inner.select_btn{
        background: #020381;
    }

    .protocol_advance_price_sec{
        align-self: stretch; height: 180px; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; background: #020381; backdrop-filter: blur(25px); flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
    }
    .protocol_advance_popular_tage{
        padding: 10px; border-radius: 20px; border: 1px #FF9653 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_popular_title{
        text-align: center; color: #FF9653; font-size: 11px; font-family: Poppins; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; word-wrap: break-word
    }
    .protocol_advance_plan_title{
        align-self: stretch; text-align: center; color: white; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; word-wrap: break-word
    }
    .protocol_advance_plan_price_sec{
        align-self: stretch; justify-content: center; align-items: center; gap: 4px; display: inline-flex
    }
    .protocol_advance_plan_price_inner{
        width: 154px; text-align: center
    }
    .protocol_advance_plan_price_price{
        color: white; font-size: 30px; font-family: Poppins; font-weight: 600; text-transform: capitalize;  word-wrap: break-word
    }
    .protocol_advance_plan_price_divider{
        color: white; font-size: 24px; font-family: Poppins; font-weight: 600; text-transform: capitalize;  word-wrap: break-word
    }
    .protocol_advance_plan_price_time{
        color: white; font-size: 14px; font-family: Poppins; font-weight: 600; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_uptime{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_server{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_server_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_location{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_location_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_bandwidth{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_bandwidth_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_support{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_support_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_access{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_access_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_software{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_software_title{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_domain{
       align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex 
    }
    .protocol_advance_domain_inner{
        width: 24px; height: 24px; position: relative
    }
    .protocol_advance_domain_icon{
        width: 19.50px; height: 19.50px; left: 2.25px; top: 2.25px; position: absolute; background: white; border-radius: 9999px;width: 24px; height: 24px; left: 0px; top: 0px; position: absolute; background: #FF4141
    }
    .protocol_advance_quarterly{
        align-self: stretch; height: 60px; padding-left: 10px; padding-right: 10px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_quarterly_inner{
        justify-content: flex-end; align-items: center; gap: 8px; display: flex
    }
    .protocol_advance_quarterly_price{
        text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_quarterly_off_btn{
        flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex
    }
    .protocol_advance_quarterly_off_btn_inner{
        padding: 6px; border-radius: 4px; border: 1px #5761D7 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_quarterly_btn_main{
        color: #5761D7; font-size: 12px; font-family: Poppins; font-weight: 500; line-height: 18px; word-wrap: break-word
    }
    .protocol_advance_annual{
        align-self: stretch; height: 60px; padding-left: 8px; padding-right: 8px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_annual_inner{
        justify-content: flex-end; align-items: center; gap: 8px; display: flex
    }
    .protocol_advance_annual_price{
        text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_advance_annual_off_btn{
        flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex
    }
    .protocol_advance_annual_off_btn_inner{
        padding: 6px; border-radius: 4px; border: 1px #5761D7 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_advance_annual_btn_main{
        color: #5761D7; font-size: 12px; font-family: Poppins; font-weight: 500; line-height: 18px; word-wrap: break-word
    }
    .protocol_advance_select_plan{
        align-self: stretch; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; background: #020381; border-top: 1px #E1E1E1 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }      
    .protocol_advance_select_plan_inner{
        flex: 1 1 0; height: 48px; padding-left: 27px; padding-right: 27px; padding-top: 14px; padding-bottom: 14px; background: white; border-radius: 4px; justify-content: center; align-items: center; gap: 10px; display: flex
    }    
    .protocol_advance_select_plan_icon_sec{
        width: 24px; height: 24px; justify-content: center; align-items: center; display: flex
    } 
    .protocol_advance_select_plan_heading{
        color: #4054B2; font-size: 16px; font-family: Poppins; font-weight: 600; word-wrap: break-word
    }
    .protocol_enterprise_plan_main{
        flex: 1 1 0; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 16px; overflow: hidden; border: 1px #E1E1E1 solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex
    }
    .protocol_enterprise_price_sec{
        align-self: stretch; height: 180px; padding-top: 48px; padding-bottom: 24px; padding-left: 16px; padding-right: 16px; background: #FAFAFA; /*backdrop-filter: blur(25px);*/ flex-direction: column; justify-content: flex-end; align-items: center; gap: 20px; display: flex
    }
    .protocol_enterprise_price_plan_title{
        align-self: stretch; text-align: center; color: #32B8B2; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: uppercase; /*line-height: 30px;*/ letter-spacing: 4px; word-wrap: break-word
    }
    .protocol_enterprise_price_plan{
        align-self: stretch; justify-content: center; align-items: center; gap: 4px; display: inline-flex
    }
    .protocol_enterprise_price_price{
        color: #09122D; font-size: 30px; font-family: Poppins; font-weight: 600; text-transform: capitalize; line-height: 30px; word-wrap: break-word
    }
    .protocol_enterprise_price_divider{
        color: #09122D; font-size: 24px; font-family: Poppins; font-weight: 600; text-transform: capitalize; line-height: 30px; word-wrap: break-word
    }
    .protocol_enterprise_price_time{
        color: #09122D; font-size: 14px; font-family: Poppins; font-weight: 600; text-transform: capitalize; line-height: 30px; word-wrap: break-word
    }
    .protocol_enterprise_uptime{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_uptime_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_server{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_server_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_location{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_location_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_bandwidth{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_bandwidth_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_support{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_support_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_access{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_access_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_software{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_software_heading{
        flex: 1 1 0; text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_domain{
        align-self: stretch; height: 60px; padding-left: 15px; padding-right: 15px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_domain_inner{
        width: 24px; height: 24px; position: relative
    }
    .protocol_enterprise_quarterly{
        align-self: stretch; height: 60px; padding-left: 10px; padding-right: 10px; padding-top: 18px; padding-bottom: 18px; background: #F1F1F1; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_quarterly_inner{
        justify-content: flex-end; align-items: center; gap: 8px; display: flex  
    }
    .protocol_enterprise_quarterly_price_heading{
        text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_quarterly_btn_sec{
        flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex
    }
    .protocol_enterprise_quarterly_btn_sec_inner{
        padding: 6px; border-radius: 4px; border: 1px #5761D7 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_quarterly_btn_btn{
        color: #5761D7; font-size: 12px; font-family: Poppins; font-weight: 500; line-height: 18px; word-wrap: break-word
    }
    .protocol_enterprise_annual{
        align-self: stretch; height: 60px; padding-left: 8px; padding-right: 8px; padding-top: 18px; padding-bottom: 18px; background: white; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_annual_inner{
        justify-content: flex-end; align-items: center; gap: 8px; display: flex
    }
    .protocol_enterprise_annual_price_heading{
        text-align: center; color: #4D4D4E; font-size: 14px; font-family: Poppins; font-weight: 400; text-transform: capitalize; word-wrap: break-word
    }
    .protocol_enterprise_annual_btn_sec{
        flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex
    }
    .protocol_enterprise_annual_btn_sec_inner{
        padding: 6px; border-radius: 4px; border: 1px #5761D7 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_annual_btn_btn{
        color: #5761D7; font-size: 12px; font-family: Poppins; font-weight: 500; line-height: 18px; word-wrap: break-word
    }
    .protocol_enterprise_select_plan{
        align-self: stretch; padding-left: 16px; padding-right: 16px; padding-top: 24px; padding-bottom: 24px; background: white; border-top: 1px #E1E1E1 solid; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .protocol_enterprise_select_plan_inner{
        flex: 1 1 0; height: 48px; padding-left: 27px; padding-right: 27px; padding-top: 14px; padding-bottom: 14px; background: #020381; border-radius: 4px; justify-content: center; align-items: center; gap: 10px; display: flex
    }
    .protocol_enterprise_select_plan_btn{
        color: white; font-size: 16px; font-family: Poppins; font-weight: 600; word-wrap: break-word
    }
    .list_drop_protocol_main_inner_mobile{
        display: none;
    }
    .main_container{
        width: 1067px; height: 885px; justify-content: flex-start; align-items: flex-start; display: inline-flex;position: relative;
    }
    .loading-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6); /* Semi-transparent */
        backdrop-filter: blur(5px); /* Blur effect */
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }

    .loading-overlay.active {
        display: flex;
    }

    .loading-spinner {
        width: 50px;
        height: 50px;
        border: 5px solid #ccc;
        border-top: 5px solid #007bff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    .price_individual .protocol_body_main {
        border: unset !important;
    }
    .price_individual .protocol_basic_plan_btn a, .price_individual .protocol_enterprise_select_plan_btn a {
        color: #fff;
    }
    .price_individual .protocol_advance_select_plan_heading a{
        color: #020381;
    }
    .archive_pages .protocol_properties_main{
        width: 200px;
    }
    .archive_pages .price_individual .protocol_body_main{
        width: 100%;
    }
    .protocol_body_main {
        width: 100%;
    }
    @media (max-width: 1024px){
        .protocol_body_main{
            padding: 12px;
        }
        .protocol_body_body_main{
            gap: 10px;
        }
        .protocol_properties_main{
            width: 100px;
            padding-top: 220px;
        }
        .protocol_properties_item_heading{
            font-size: 14px;
        }
        .protocol_basic_plan_inner{
            padding-left: 15px;
            padding-right: 15px;
        }
        .protocol_basic_plan_main{
            width: 145px;
        }
        .protocol_advance_plan_main{
            width: 145px;
        }
        .protocol_enterprise_plan_main{
            width: 145px;
        }
        .protocol_advance_price_sec{
            height: 220px;
        }
        .protocol_basic_price_sec{
            height: 220px;
        }
        .protocol_enterprise_price_sec{
            height: 220px;
        }
        
        .protocol_basic_quarterly_inner{
            display: block;
            text-align: center;
        }
        .protocol_basic_annual_inner{
            display: block;
            text-align: center;
        }
        .protocol_advance_quarterly_inner{
            display: block;
            text-align: center;
        }
        .protocol_advance_annual_inner{
            display: block;
            text-align: center;
        }
        .protocol_enterprise_quarterly_inner{
            display: block;
            text-align: center;
        }
        .protocol_enterprise_annual_inner{
            display: block;
            text-align: center;
        }
        .protocol_basic_plan_main_sec{
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 18px;
            padding-bottom: 18px;
        }
        .protocol_advance_select_plan_inner{
            padding-left: 12px;
            padding-right: 12px;
        }
        .protocol_advance_select_plan{
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 18px;
            padding-bottom: 18px;
        }
        .protocol_enterprise_select_plan{
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 18px;
            padding-bottom: 18px;
        }
        .protocol_enterprise_select_plan_inner{
            padding-left: 15px;
            padding-right: 15px;
        }
        .list_drop_protocol_main{
            width: 210px;
        }
        .price_individual .protocol_basic_plan_btn a, .price_individual .protocol_enterprise_select_plan_btn a {
            color: #fff;
        }
        .price_individual .protocol_advance_select_plan_heading a{
            color: #020381;
        }
        .price_individual .protocol_body_main {
            border: unset;
        }
        .price_individual .protocol_properties_main {
            width: 130px;
        }
        .price_individual .protocol_basic_plan_main {
            width: 210px;
        }
    }
    @media (min-width: 360px) and (max-width: 767px) {
        .protocol_body_body_main {
            gap: 6px;
        }
        .protocol_properties_item_heading {
            font-size: 11px;
        }
        .protocol_properties_main {
            width: 80px;
        }
        
        .protocol_basic_plan_main {
            width: 90px !important;
        }
        .protocol_basic_price_sec{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_basic_price_title{
            font-size: 12px;
        }
        .protocol_basic_price{
            font-size: 20px;
        }
        .protocol_basic_price_period{
            font-size: 10px;
        }
        .protocol_basic_uptime_main, .protocol_basic_server_main, .protocol_basic_location_main, .protocol_basic_bandwidth_main, .protocol_basic_suport_main, .protocol_basic_access_main, .protocol_basic_software_main, .protocol_basic_domain_main, .protocol_basic_quarterly_main, .protocol_basic_annual_main, .protocol_basic_plan_main_sec{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_basic_uptime_title, .protocol_basic_server_title, .protocol_basic_location_title, .protocol_basic_bandwidth_title, .protocol_basic_suport_title, .protocol_basic_access_title, .protocol_basic_software_title, .protocol_basic_quarterly_title, .protocol_basic_annual_title{
            font-size: 12px;
        }
        .protocol_basic_domain_title {
            width: 18px;
            height: 18px;
            position: relative;
        }
        .protocol_basic_plan_inner {
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_basic_plan_btn{
            font-size: 12px;
        }
        .protocol_advance_plan_main {
            width: 90px;
        }
        .protocol_advance_price_sec{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_advance_popular_tage{
            padding: 6px;
        }
        .protocol_advance_popular_title{
            font-size: 8px;
        }
        .protocol_advance_plan_title{
            font-size: 12px;
            letter-spacing: 2px;
        }
        .protocol_advance_plan_price_price{
            font-size: 20px;
        }
        .protocol_advance_plan_price_time{
            font-size: 12px;
        }
        .protocol_advance_uptime, .protocol_advance_server, .protocol_advance_location, .protocol_advance_bandwidth, .protocol_advance_support, .protocol_advance_access, .protocol_advance_software, .protocol_advance_domain, .protocol_advance_quarterly, .protocol_advance_annual, .protocol_advance_select_plan{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_advance_title, .protocol_advance_server_title, .protocol_advance_location_title, .protocol_advance_bandwidth_title, .protocol_advance_support_title, .protocol_advance_access_title, .protocol_advance_software_title, .protocol_advance_quarterly_price, .protocol_advance_annual_price{
            font-size: 12px;
        }
        .protocol_advance_domain_inner{
            width: 18px;
            height: 18px;
        }
        .protocol_advance_select_plan_inner {
            padding-left: 4px;
            padding-right: 4px;
            gap: 4px;
        }
        .protocol_advance_select_plan_icon_sec{
            width: 16px;
                height: 16px;
        }
        .protocol_advance_select_plan_heading{
            font-size: 12px;
        }
        .protocol_advance_select_plan{
            padding-left: 4px;
            padding-right: 4px;
        }
        .protocol_enterprise_plan_main{
            width: 90px;
        }
        .protocol_enterprise_price_sec{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_enterprise_price_plan_title{
            font-size: 12px;
            letter-spacing: 1px;
        }
        .protocol_enterprise_price_price{
            font-size: 20px;
        }
        .protocol_enterprise_price_time{
            font-size: 10px;
        }
        .protocol_enterprise_uptime, .protocol_enterprise_server, .protocol_enterprise_location, .protocol_enterprise_bandwidth, .protocol_enterprise_support, .protocol_enterprise_access, .protocol_enterprise_software, .protocol_enterprise_domain, .protocol_enterprise_quarterly, .protocol_enterprise_annual, .protocol_enterprise_select_plan_inner{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_enterprise_uptime_heading, .protocol_enterprise_server_heading, .protocol_enterprise_location_heading, .protocol_enterprise_bandwidth_heading, .protocol_enterprise_support_heading, .protocol_enterprise_access_heading, .protocol_enterprise_software_heading, .protocol_enterprise_quarterly_price_heading, .protocol_enterprise_annual_price_heading{
            font-size: 12px;
        }
        .protocol_enterprise_domain_inner{
            width: 18px;
            height: 18px;
        }
        .protocol_enterprise_select_plan{
            padding-left: 6px;
            padding-right: 6px;
        }
        .protocol_enterprise_select_plan_btn{
            font-size: 12px;
        }
        .protocol_body_main{
            padding: 8px;
        }
        .list_drop_protocol_main_inner_mobile{
            display: block !important;
            margin-left: 16px;
            margin-bottom: 20px;
            width: 344px;
        }
        .list_drop_protocol_main_inner{
            display: none;
        }
        .list_drop_protocol_main {
            width: 100%;
            height: auto;
        }
        .main_container{
            display: block;
        }
        select.protocol_list_main_mobile {
            font-family: Poppins;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: #020381;
            padding: 10px 18px;
            border: 1px solid #020381;
            border-radius: 6px;
            box-shadow: 0px 1px 2px 1px #0000001A inset;
        }
        .main_container{
            height: 948px;
        }
        .price_individual .protocol_basic_plan_btn a, .price_individual .protocol_enterprise_select_plan_btn a {
            color: #fff;
        }
        .price_individual .protocol_advance_select_plan_heading a{
            color: #020381;
        }
    }
    @media (min-width: 360px) and (max-width: 767px) {
        .archive_pages .protocol_properties_main {
            width: 80px !important;
        }
    }
    /*//////////////////////tab///////////////////////////*/
    .protocol_body_header .tab {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .protocol_body_header .tab button.active.tablinks {
        background-color: #020381;
        width: 280px;
        height: 56px;
        padding: 10px 40px 10px 40px;
        border-radius: 10px;
        opacity: 0px;
        color: #FFFFFF;
    }
    .protocol_body_header .tablinks.active .white_image{
        display: block !important;
    }
    .protocol_body_header .tab button.tablinks:hover {
        transform: scale(0.9);
        opacity: 0.85;
    }
    .protocol_body_header .tab button.active.tablinks:hover {
        transform: scale(0.98);
        opacity: 0.85;
    }
    .protocol_body_header .tab button.tablinks {
        width: 280px;
        height: 56px;
        padding: 10px 40px 10px 40px;
        border-radius: 10px;
        opacity: 0px;
        color: #020381;
        border: none;
        font-family: Poppins;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        cursor: pointer;
        transition-duration: 1s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .protocol_body_header .tab_inner {
        background: #FAFAFA;
        border: 1px solid #E1E1E1 !important;
        width: auto /*842px*/;
        height: 58px;
        border-radius: 10px;
        opacity: 0px;
        display: flex;
        flex-direction: row;
    }
    .protocol_body_header .full_node_display{
        display: block;
    }
    .protocol_body_header .archive_display{
        display: none;
    }
    @media (max-width: 1024px){
        .protocol_body_header .tab_inner {
            width: 100%;
        }
    }
    @media (min-width: 360px) and (max-width: 767px) {
        .protocol_body_header .tab{
            margin-top: 50px;
        }
        .protocol_body_header .tab_inner {
            width: 100%;
            height: 44px;
        }
        .protocol_body_header .tab button.tablinks {
            width: 33%;
            height: 43px;
            padding: 10px 10px 10px 10px;
            border-radius: 10px;
            opacity: 0px;
            color: #020381;
            border: none;
            font-family: Poppins;
            font-size: 9px;
            font-weight: 500;
            line-height: 10px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        .protocol_body_header .tab button.active.tablinks{
            padding: 10px 10px 10px 10px;
            height: 43px;
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        .protocol_body_header .tablinks img {
            width: 15px;
        }
        .protocol_body_header .tab_inner{
            background: unset;
            border: unset;
            align-items: center;
            justify-content: center;
        }
    }