.comp-section{width: 100%;float: left;padding: 35px 0;}
.comp_tittle{width: 100%;float: left;margin-bottom: 40px;}
.comp_tittle h2{font-size: 32px;font-weight: 400;line-height: 34px;color: #000000;margin-bottom: 20px;width: 100%;float: left;}
.comp_tittle p{font-size: 20px;font-weight: 400;line-height: 26px;color: #454545;width: 100%;float: left;}
.comp-table{width: 100%;float: left;border: 1px solid #B6D9F2;border-radius: 10px;}
.comp-table table{width: 100%;border-collapse: collapse;}
.comp-table table tr th{background: linear-gradient(360deg, rgba(182, 217, 242, 0.2) 0%, rgba(182, 217, 242, 0) 100%);font-size: 24px;color: #000;vertical-align: bottom;    padding: 30px 52px 30px;text-align: left;border-bottom: 1px solid #B6D9F2;border-right: 1px solid #B6D9F2;position: relative;    font-weight: 400;}
.edit_box{display: flex;flex-direction: column;align-items: center;row-gap: 10px;}
.edit_tittle{display: flex;align-items: center;column-gap: 15px;}
.edit_tittle p{font-size: 24px;font-weight: 400;line-height: 28px;color: #454545; }
.edit_tittle a{float: left;}
.edit_tittle a img{width: 23px;height: 23px;margin-top: 5px;}
.comp-table table tr td{padding: 20px 55px;border-bottom: 1px solid #B6D9F2;border-right: 1px solid #B6D9F2;font-size: 20px;color: #454545;    text-align: center;width: 400px;}
.comp-table table tr th:last-child{border-right: 0;}
.comp-table table tr:last-child td{border-bottom: 0;}
.comp-table table tr td:last-child{border-right: 0;}
.comp-table table tr td:first-child{text-align: left;}
.listedit{width: 88%;padding: 12px;background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(203 230 252) 100%);position: absolute;top: 155px;left: 6%;box-shadow: 0px 10px 20px 0px #0000001A;border-radius: 10px;display: none;}
.listedit ul{width: 100%;float: left;list-style-type: none;}
.listedit ul li{width: 100%;float: left;padding-bottom: 24px;}
.edtiradio {display: flex;position: relative;cursor: pointer;font-size: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #454545;font-weight: 400;    column-gap: 10px;}
.edtiradio input {position: absolute;opacity: 0;cursor: pointer;}
.edtiradio .checkmark{position: absolute;top: 0;right: 0;height: 24px;width: 24px;border:1px solid #005DAC;border-radius: 50%;}
.edtiradio input:checked ~ .checkmark {background-color: #fff;border:1px solid #005DAC}
.edtiradio .checkmark:after {content: "";position: absolute;display: none;}
.edtiradio input:checked ~ .checkmark:after {display: block;}
.edtiradio .checkmark:after {top: 2px;left: 2px;width: 18px;height: 18px;border-radius: 50%;background: #005DAC;}
.listedit ul li:last-child{padding-bottom: 0;}
.edtiradio img{width: 30px;}
.comp-table table tr td.extracare{display: none;}
.comp-table table tr td.doubleextracare{display: none;}
.comp-table table tr td.standalone{display: none;}

.comp-table table tr th.extracare{display: none;}
.comp-table table tr th.doubleextracare{display: none;}
.comp-table table tr th.standalone{display: none;}
.disabledradio{opacity: 0.5;}

@media screen and (max-width: 1600px) 
{
    .comp_tittle h2{font-size: 24px;margin-bottom: 16px;line-height: 35px;}
    .comp_tittle p{font-size: 14px;}
    .comp_tittle{margin-bottom: 36px;}
    .comp-table table tr th{padding: 30px 30px;}
    .comp-table table tr td{padding: 24px 30px;}
    .comp-table table tr td{font-size: 20px;}
    .comp-table table tr th{font-size: 20px;}
    .edit_tittle p {font-size: 20px;}
    .edtiradio{font-size: 16px;}
    .edtiradio img {width: 23px;}
    
}

@media screen and (max-width: 1366px) 
{
    .comp_tittle h2{font-size: 24px;margin-bottom: 16px;line-height: 35px;}
    .comp_tittle p{font-size: 14px;}
    .comp_tittle{margin-bottom: 36px;}
    .comp-table table tr th{padding: 20px;}
    .comp-table table tr td{padding:20px;}
    .comp-table table tr td{font-size: 16px;}
    .comp-table table tr th{font-size: 20px;}
    .edit_tittle p {font-size: 20px;}
    .edtiradio{font-size: 16px;}
    .edtiradio img {width: 20px;}
    .edtiradio .checkmark{height:20px;width: 20px;}
    .edtiradio .checkmark:after{width: 14px;height: 14px;}
    
}
@media screen and (max-width: 1280px) {
    .comp_tittle h2{font-size: 22px;margin-bottom: 16px;line-height: 23px;}
    .comp_tittle p{font-size: 14px;}
    .comp_tittle{margin-bottom: 24px;}
    .comp-table table tr td{font-size: 16px;}
    .comp-table table tr th{font-size: 20px;}
    .edit_tittle p {font-size: 20px;}
    .edit_tittle a img {width: 20px;height: 20px;}
    .edit_tittle{column-gap: 5px;}
    .comp-table table tr th{padding: 30px 30px;}
    .comp-table table tr td{padding: 24px 30px;}

    .edtiradio{font-size: 14px;}
    .edtiradio img {width: 20px;}
    .edtiradio .checkmark{height: 18px;width: 18px;}
    .edtiradio .checkmark:after{width: 12px;height: 12px;}
    .comp-table{overflow-x: scroll;overflow-y: hidden;}
    .comp-table table{white-space: nowrap;}

    .comp-table table thead tr > th {
        background:#fff;
        position: sticky;
        padding:.5rem;
        z-index:2;
        top: 0;
      }
      .comp-table table tbody tr > :first-child {
        background:#fff;
        position: sticky;
        z-index:1;
        left:0;
      }

      .comp-section{padding: 50px 0;}
    
}


@media screen and (max-width: 760px) 
{
  .comp-section{padding: 25px 0;}
    .comp_tittle h2{font-size: 24px;margin-bottom: 12px;    line-height: 30px;}
    .comp_tittle p{font-size: 16px;}
    .comp_tittle{margin-bottom: 24px;}
    .comp-table table tr td{font-size: 14px;}
    .comp-table table tr th{font-size: 14px;}
    .edit_tittle p {font-size: 14px;}
    .edit_tittle a img {width: 20px;height: 20px;}
    .edit_tittle{column-gap: 5px;}
    .comp-table table tr th{padding: 15px 15px;}
    .comp-table table tr td{padding: 15px 15px;}
    .edtiradio{font-size: 14px;}
    .edtiradio img {width: 20px;}
    .edtiradio .checkmark{height: 18px;width: 18px;}
    .edtiradio .checkmark:after{width: 12px;height: 12px;}
    .comp-table{overflow-x: scroll;overflow-y: hidden;}
    .comp-table table{white-space: nowrap;}
    .edit_box img{width: 40px;height: 40px;}

    .comp-table table thead tr > th {
        background:#fff;
        position: sticky;
        padding:.5rem;
        z-index:2;
        top: 0;
      }
      .comp-table table tbody tr > :first-child {
        background:#fff;
        position: sticky;
        z-index:1;
        left:0;
      }
      
      @media screen and (max-width: 760px) {
        .comp-section {
            display: none;
        }
    }

}


