.menu-custom .nav-contact:after {content: ""; display: block; width: 1px; height: 20px; background: #fff; position: absolute; top: 5px; right: 0px;  margin-left: 10px;margin-right: 10px;}
.menu-custom .nav-contact { padding-right: 20px;position: relative;/* border-right: solid 1px #fff; */}

.nav-contact a {color: #fff;font-weight: 500;display: block;float: left;width: 75px;height: 35px;text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-decoration: unset;display: inline-block;font-size: 24px;color: #fff;vertical-align: super;position: relative;top: 12px;
}
.nav-contact a.active { border: solid 1px;}
.nav-contact ul {padding: 0; margin: 0; display: inline-block; vertical-align: sub;}
.nav-contact li {display: inline-block;}

.form-group .note{margin-top: 10px; font-size: 16px; color: #ff0000;}



/*-G-edition-*/
.global-container{overflow: hidden;}
.logo,
.menu-bottom,
.menu-bottom .menu-main,
.menu-bottom .menu-main .name-title,
.menu-sub li a{
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
}

header.site-header.tiny .menu-bottom .menu-main{display: block;}
header.site-header.tiny .menu-bottom .menu-main .name-title{display: block; opacity: 0; pointer-events: none;}
header.site-header.tiny .menu-custom{display: block; opacity: 0; pointer-events: none;}

.menu-bottom .menu-main .member:hover a img,
.menu-bottom .menu-main .search button:hover img{
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}




.coral-contact .info-box .content-3 .title a:hover img,
.coral-contact .info-box .content-4 .title a:hover img,
.breadcrumb-block a.back:hover svg,
.coral-home-content .bg-content-1 a.view-all:hover img, 
.coral-home-content .bg-content-2 a.view-all:hover img, 
.coral-home-content .bg-content-3 a.view-all:hover img, 
.coral-home-content .bg-content-4 a.view-all:hover img, 
.news .head-title a:hover img,
.coral-map .head-title a:hover img,
.coral-report .head-title a:hover img,
.coral-knowledge .head-title a:hover img,
.coral-knowledge .bg-item .read-more-1:hover img{
    animation-name: hvr-icon-wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bg-item figure.cover{
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
    animation-name: bg-item-figure-cover;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes bg-item-figure-cover {
  to {border-color: #005994;}
}

.coral-profile .head-title img,
.coral-contact .head-title img,
.news .head-title > img,
.coral-map .head-title > img,
.coral-report .head-title > img,
.coral-knowledge .head-title > img{
    -webkit-transition: All 500ms ease;
    -moz-transition: All 500ms ease;
    -o-transition: All 500ms ease;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.head-title .desc{font-size: 24px; color: #212529; display: block;font-weight: normal; line-height: 1; margin-top: -3px;}
.news .head-title .desc{color: #fff;}

.nav-size span {top: -6px;}
.menu-sub ul:after{content: ''; display: table; clear: both;}

.coral-knowledge-detail > .ck-editor > .about-coral.coral-map{padding: 0;}
.coral-knowledge-detail > .ck-editor > .about-coral.coral-map > .head-title{padding-bottom: 40px;}

/*---- checkbox-control ----*/
.checkbox-control{position: relative; display: inline-block;}
.checkbox-control+.checkbox-control{margin-left: 10px;}
.checkbox-control .icon{
    width: 20px; height: 20px; border:2px solid #ccc; background-color: transparent; position: absolute; margin: 0; display: inline-block; vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.checkbox-control .icon:before{content: '✓'; position: absolute; top:2px; left: 2px; line-height: 1; margin: auto; 
    color: transparent; font-size: 17px; font-weight: normal; text-align: left;
    -webkit-transition:All 200ms ease; 
    -moz-transition:All 200ms ease; 
    -o-transition:All 200ms ease;
}
.checkbox-control .title{padding-left: 30px; font-size: 21px; color: #999999; font-weight: normal; vertical-align: middle;}
.checkbox-control input[type='checkbox']{position: absolute; z-index: 5; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; margin: 0;}
.checkbox-control input[type='checkbox']:checked ~ .icon{border-color: #29C4FF; background-color: transparent;}
.checkbox-control input[type='checkbox']:checked ~ .icon:before{color: #29C4FF; background-color: transparent; content: '✓'; text-align: center;line-height: 21px;}



.abcc{position: relative; font-family: 'db_helvethaica', sans-serif;}
.abcc p{font-size: 25px; line-height: 1.25; color: #707070;text-indent: 20px;
    margin-bottom: 20px;}
.abcc .h-cover{margin-bottom: 40px; text-align: center;}
.abcc .h-tab{margin: 0 -10px; margin-bottom: 40px;}
.abcc .h-tab:after{content: ''; display: table; clear: both;}
.abcc .h-tab > .item{float: left; width: 25%; padding: 0 10px;}
.abcc .h-tab .wrapper {height: 72px;border:1px solid #DBDBDB; background-color: #fff;
    text-align: center; display: table; width: 100%;
    border-radius: 10px; cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.abcc .wrapper.active .inner:before{
    content: "";
    position: absolute;
    top: 100%;
    margin: auto;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 13px solid #9549EC;

}
.abcc .h-tab .wrapper:hover,
.abcc .h-tab .wrapper.active{background-color: #9549EC; border-color: #9549EC;}
.abcc .h-tab .inner{display: table-cell; vertical-align: middle; width: 100%; padding: 10px 15px; position: relative;}
.abcc .h-tab .txt{
    font-size: 24px; font-weight: 500; color: #707070;
    line-height: 1em; max-height: 2em; overflow: hidden; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.abcc .h-tab .wrapper:hover .txt,
.abcc .h-tab .wrapper.active .txt{color: #fff;}
.abcc .b-tab{position: relative;}
.abcc .b-tab-pane{display: none;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.abcc .b-tab-pane.active{display: block;}
.abcc .b-tab .head-title {padding-bottom: 0;border-bottom: none;}
.abcc .b-tab .head-title.fc-sky,
.abcc .b-tab .head-title.fc-sky h2{color: #05c9aa;}
.abcc .b-tab .head-title.fc-pink,
.abcc .b-tab .head-title.fc-pink h2{color: #FC8796;}
.abcc .b-tab .head-title.fc-cyan,
.abcc .b-tab .head-title.fc-cyan h2{color: #00ADE1;}
.abcc .b-tab .head-title.line:before{content: ''; position: absolute; left: 0; bottom: -20px; width: 70px; height: 5px; background-color: #9549EC;}
.abcc .content-I{position: relative; margin-bottom: 40px;}
.abcc .content-I .title{font-size: 38px; font-weight: bold; color: #30409F; line-height: 1; margin-bottom: 15px;}
.abcc .content-I .desc{font-size: 26px; font-weight: normal; color: #707070; line-height: 1.2em;text-indent: 20px;}
.abcc .content-I .desc strong{color: #f00;}
.abcc .content-II{position: relative; color: #ACACAC; text-indent: 20px;
font-size: 24px; margin: auto; display: block;}
.abcc .content-II table{margin: 0; width: 100% !important;}
.abcc .content-II thead{background-color: #7B1CE8;}
.abcc .content-II th{font-size: 24px; font-weight: normal; color: #fff; padding: 5px 20px; text-align: center; line-height: 1;}
.abcc .content-II th:first-child{border-radius: 10px 0 0 0; width: 30%; text-align: left; padding: 15px 15px;}
.abcc .content-II th:last-child{border-radius: 0 10px 0 0; width: 40%;}
.abcc .content-II tbody{}
.abcc .content-II tbody tr{border-top: 1px dashed #9687F5;}
.abcc .content-II tbody tr:last-child{border-bottom: 1px solid #9687F5;}
.abcc .content-II td{font-size: 24px; color: #707070; padding: 10px 15px; text-align: center; line-height: 1;}
.abcc .content-II td:first-child{text-align: left;}
.abcc .content-III{margin-bottom: 40px; text-align: center;}
.abcc .content-IV{position: relative; margin-bottom: 30px;}
.abcc .content-IV .h-title{font-size: 40px; font-weight: bold; color: #003ADB; line-height: 1; margin-bottom: 30px;}
.abcc .content-IV .title{font-size: 37px; font-weight: bold; color: #FF3952; line-height: 1; margin-bottom: 10px;}
.abcc .content-IV .desc{font-size: 29px; font-weight: normal; color: #404040; line-height: 1.2em; margin-bottom: 20px;margin-top: 20px;}
.abcc .content-IV .desc strong{font-size: 41px; font-weight: normal;}
.abcc .content-VI .h-title{font-size: 40px; font-weight: bold; color: #003ADB; line-height: 1; margin-bottom: 10px;}
.abcc .content .h{font-size: 40px; font-weight: bold; color: #003ADB; line-height: 1;margin-bottom: 30px;margin-top: 30px; margin-left: 18px; margin-right: 18px;}
.abcc .content-VI .desc{font-size: 29px; font-weight: normal; color: #404040; line-height: 1.2em; margin-bottom: 20px;}
.abcc .content-VI .cover{text-align: center;}
.abcc .content-VII{position: relative; margin-bottom: 40px;}
.abcc .content-VIII .cover{text-align: center; margin-top: 40px;}
.abcc .col-lg-6 .desc{font-size: 18px; color: #707070; line-height: 1; text-align: right; font-weight: bold;}
/* .col-lg-6 img{margin-bottom: 30px;} */
.col-lg-2 img{margin-bottom: 30px; margin-top: 30px;}
.col-lg-6 .corners img{ border-radius: 12px 12px 0 0;}
.col-lg-12 .h-title img{ border-radius: 12px 12px 0 0;}
.h-title img {
    margin-bottom: 40px;
}
.col-lg-7 img{display: block;
    margin: auto;
    width: 100%;}

.col-lg-12 .h-title img{
    display: block;
    margin: auto;
    width: -webkit-fill-available;
    margin-bottom: 30px;
    margin-top: 0px;
}
.col-lg-7 .table-responsive {margin-top: 80px;}
.active .content-II .col-lg-5 {margin: auto auto; display: block;}
.active .content-II .col-lg-7 {margin:auto; display: block; margin-bottom: 50px;}
.abcc .content-IV .col-md-7{margin: auto auto; display: block; margin-bottom: 30px;margin-top: 30px;}
.abcc .content-IV .row .col-md-5 img {width: auto; margin-bottom: 30px;}
.abcc .active .col-lg-6 h6{font-size: 40px; text-align: center; color: #FC8796; margin: auto;}
.abcc .active .col-lg-14 img {margin: auto; display: block; width: 100%; margin-bottom: 30px;}
.abcc .align-items-center .content-IV .col-lg-11{max-width: 100%;}
.abcc .align-items-center .content-IV .col-lg-11 img{margin-bottom: -25px; margin-right: 0;}
.abcc .align-items-center .content-IV .col-lg-10 h6{    
    text-align: right;
    font-size: 30px;
    color: #707070;
    font-weight: bold;
    margin-bottom: auto;
    margin-left: 170px;}
.abcc .active .col-lg-6 h5{    
    color: #FFFFFF;
    height: 51px;
    margin: auto;
    text-align: center;
    padding: 1.5%;
    font-size: 28px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: normal;}
.abcc .active .col-lg-6 .h5 img {
    margin: auto;
    width: 50%;
    float: left;
}
.abcc .col-lg-6 .card {margin: auto; width: 50%; float: left; height: 215px;}
.abcc .col-lg-6 .card-img-overlay .card-text {background-color: rgba(0, 0, 0, 0.52);margin-left: -12px;margin-top: 170px; margin-right: 123px; color: #fff;}
.abcc .col-lg-12 .row .col-lg-4 p{font-size: 28px; padding: 0.5%; color: #FFFFFF; margin: auto;}
.abcc .active .row-0 div p{font-size: 28px;/* background-color: #34D3A3; */margin: auto;height: 51px;padding: 1.8%; text-align: center; color: #FFFFFF;}

.card_body{width: 100%;position: relative;}
.card_body .card_overlay{position: absolute; left: 2px; bottom: 2px; width: 150px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.443);}
.card_body .card_overlay .card_text{color: #ffffff;margin-bottom: 0;margin-left: -20px;}
.card_body .card_img{max-width: 100%;}
.row-0 .color h6{background-color: #34D3A3;color: #FFFFFF;height: 51px;margin: auto;text-align: center;font-size: 28px;font-weight: normal;padding: 1.5%;}
.corel_slide .cover_slide{position: relative; padding-top: 20%;}
.corel_slide  .slick-slide {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.corel_slide  .slick-center {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1.2);
    position: relative;
    z-index: 9;
}
.corel_slide .slick-slide  .cover:before{ content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;opacity: 0.6;background-color: #0051DC;}
.corel_slide .slick-slide.slick-active .cover:before{opacity: 0;}
.menu-sub-page .slick-list{margin: 0 114px;}
.active .text1{margin-bottom: 45px; margin-top: 25px;}
.active .text{margin-top: 10px;}
.active .row .botton img{margin-bottom: 30px;}
.active .text-desc{margin-top: 30px;}
.active .img-abcc17 img{margin-bottom: 30px; margin-top: 30px;}    
.active .align-items-center .color-purple h5{background-color: #7B1CE8;}
.active .align-items-center .color-red h5{background-color: #FF3952;}



.coral-main-map .img .cover{width: 240px; height: 160px; margin-bottom: 10px;}
.coral-main-map .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover; object-position: center; margin-bottom: 0;}
/*.coral-main-map .content{display: none;}*/
.gm-style-iw-d a .title{font-size: 21px;}
.gm-style-iw-d a .date{font-size: 18px; color: #666;}


/*RESPONSIVE*/

@media (max-width: 1600px) {
    .col-lg-7 .table-responsive{margin-top: 50px;}
    .active .content-IV .text-data{margin-top: -40%; margin-left: 20%;}
    .col-lg-2 img{margin-bottom: 30px; margin-top: 30px; max-width: 300%; width: 123%;}
    .abcc .align-items-center .content-IV .col-lg-11 img{margin-bottom: -25px; margin-right: 159px;}
    .active .text-desc{margin-top: 0;}
    .active .img-abcc17 img{margin-bottom: 30px; margin-top: -5px;}

}

@media (max-width: 1440px) {
    .abcc .content-IV{position: relative;margin-bottom: 20px; margin-top: -14%;}
    .nav-contact a {font-size: 20px;top: 13px;}

    .coral-knowledge-detail > .ck-editor > .about-coral.coral-map > .head-title{padding-bottom: 25px;}

    .head-title .desc {font-size: 20px;}

    .abcc p { font-size: 24px; margin-bottom: auto;}
    .abcc .content-I .title {font-size: 32px; margin-top: 3%;}
    .abcc .content-I .desc {font-size: 24px;}
    .abcc .content-IV .h-title,
    .abcc .content-VI .h-title{font-size: 40px; margin-top: 17%;}
    .abcc .content-IV .title {font-size: 26px;}
    .abcc .content-IV .desc {font-size: 24px;}
    .abcc .content-IV .desc strong{font-size: 26px;}
    .abcc .content-VI .desc {font-size: 24px;}
    .abcc .content .h{font-size: 32px;padding-bottom: 30px;}
    .abcc .active p {margin-bottom: 20px;}
    .abcc .col-lg-6 .h-title{margin-top: 60px;}
    .about-coral.coral-map .head-title h2{margin-left: auto;}
    .abcc .align-items-center .content-IV .col-lg-11{margin: 0%;margin-left: -2%;}
    .abcc .align-items-center .content-IV .col-lg-10 h6{ margin-left: 0px;}
    .abcc .col-lg-6 .card-img-overlay .card-text{margin-top: 158px;}
    .col-lg-10{max-width: initial;}
    .col-lg-6 img{margin-bottom: 30px;}
    .slick-dots{margin-bottom: 15px;}
    .row-0 .card_body .card_img{margin-bottom: auto;}
    .active .text1{margin-top: -5px;}
    .active .text{margin-top: -1px;}
    .active .text-title{margin-bottom: -20px;}
    .active .text-desc{margin-left: 15px;}

}

@media (max-width: 1199px) {
    .site-container { padding-top: 208px;}
    
    header.site-header .logo {width: 120px;}
    .menu-main h2 {font-size: 25px;padding: 10px 0; margin-bottom: 0;}
    .menu-bottom .menu-main, .menu-top .menu-main {padding-left: 130px;}
    .menu-bottom .menu-main a strong {font-size: 28px;}
    header.site-header.tiny .menu-sub li a{font-size: 18px;}
    .abcc .head-title img{margin-right: 5px;width: 35px!important;}
    .abcc .content .h{font-size: 32px;padding-bottom: 30px;}
    .abcc .content-I .title{margin-top: 40px;}
    .abcc .content-IV{position: relative; margin-top: -32%;}
    .abcc .col-lg-6 .content-I{margin-top: -15%;}
    .abcc .content-IV .h-title {padding-top: 167px;}
    .abcc .active .col-lg-6 p {margin-bottom: 20px;margin-top: 20px;margin: auto;}
    .about-coral.coral-map .head-title h2{margin-top: -7px;}
    .abcc .col-lg-6 .desc{text-align: center;}
    .abcc .col-lg-7 .table-responsive thead{display: none;} 
    .abcc .col-lg-7 .table-responsive tbody, .abcc .col-lg-7 .table-responsive tr, .abcc .col-lg-7 .table-responsive td{
        display: block;
        width: 100%;
    }
    .abcc .col-lg-7 .table-responsive tr{margin-bottom: 15px; width: auto;
        background-color: #f5f5f5;}
    .abcc .col-lg-7 .table-responsive  td{
        text-align: right;
        padding-left: 22%;
        text-align: left;
        position: relative;
        font-size: 20px;
        border: 1px solid #ffffff;
        
    }
    .abcc .col-lg-7 .table-responsive td::before{
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 21%;
        padding-left: 28px;
        font-size: 20px;
        width: 187px;
        background-color: #7B1CE8;
        text-align: center;
        color: #ffffff;
        padding: 10px;
        margin-top: -10px;
        
    }

    .abcc .content-II tbody tr{border-top: 1px dashed #ffff;}
    .abcc .content-II tbody tr:last-child {display: none;}
    .abcc .content-II th:first-child{
        background-color: #7B1CE8;
        padding: 10px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        width: 18%;
        border-top-left-radius: 0px;
    }
    .abcc .content-II th:last-child{
        font-size: 20px;
        color: #707070;
        padding-left:48%;
        background-color: #f5f5f5;
        border-top-right-radius: 0px;
        text-align: end;
    } 
    .col-lg-2 img{width: inherit; margin-bottom: 0;}
    .abcc .align-items-center .content-IV .col-lg-11 img{margin-bottom: 30px; margin-right: -40px; margin-left: 195px;    max-width: 79%;    margin: auto;}
    .abcc .align-items-center .content-IV .col-lg-10 h6{ margin-left: -12%;font-size: 24px;}
    .abcc .col-lg-6 .card{height: 351px;}
    .abcc .col-lg-6 .card-img-overlay .card-text{margin-top: 69%; margin-left: -2%;}
    .abcc .active .col-lg-6 h5{margin-top: 30px;}
    .col-lg-6 img{margin-bottom: 30px;}
    .active .text {margin-bottom: 20px; margin-top: 20px;}
    .row-0 .card_body .card_img{margin-bottom: auto;}
    .active .text-title{margin-bottom: -20px;}
    .active .content-IV .text-data{margin: auto;}
    .active .row .text-data1{margin-top: -65px;}
    .active .text-desc{margin-left: 0;}
    .active .img-abcc17 img{margin-bottom: 30px; margin-top: 20px;}
}

@media (max-width: 991px) {
    
    .menu-bottom .menu-main, .menu-top .menu-main {padding-left: 0;}
    .menu-bottom .menu-main .name-title .logo-mobile { margin-right: 7px;}
    .menu-bottom .menu-main .name-title a.logo-mobile img {width: 50px;}
    .site-header .menu-sub{top: 75px;}
    .menu-bottom .menu-main a strong { font-size: 24px;}
    .site-container { padding-top: 76px;}
    .abcc .b-tab-pane img{height: auto !important;display: block; margin-bottom: 20px;}
    .abcc .h-cover { margin-bottom: 25px;}
    .abcc .h-tab {margin-bottom: 15px;}
    .abcc .h-tab > .item{width: 50%; margin: 10px 0;}
    .abcc .content-I,
    .abcc .content-II,
    .abcc .content-III,
    .abcc .content-IV,
    .abcc .content-V,
    .abcc .content-VI,
    .abcc .content-VII{margin-bottom: 25px; margin-top: -15%; padding-top: 15%;}
    .abcc .content-I img{margin-bottom: 20px;}
    .abcc .content-I .title br{display: none;}
    /* .abcc .content-II table { min-width: inherit; display: table;} */
    /* .abcc .content-II tbody{display: table-row-group;} */
    /* .abcc .content-II td{display: table-cell; padding: 5px 20px; width: 33.33% !important;} */
    /* .abcc .content-II th:nth-child(1), */
    /* .abcc .content-II td:nth-child(1){width: 30% !important;} */
    /* .abcc .content-II th:nth-child(2), */
    /* .abcc .content-II td:nth-child(2){width: 30% !important;} */
    /* .abcc .content-II th:nth-child(3), */
    /* .abcc .content-II td:nth-child(3){width: 40% !important;} */
    .abcc .content-VII img,
    .abcc .content-VIII img{margin-bottom: 20px;}
    .abcc .content-VIII .cover img{margin-bottom: 0;}
    .content-I .col-lg-7 img{display: block; margin: auto; margin-bottom: 30px;}
    .abcc .wrapper.active .inner:before{display: none;}
    .abcc .content-I .title{display: inline;}
    .abcc .content .h{font-size: 32px; padding-bottom: 0px;}
    .abcc .content-II .col-lg-7 {margin-bottom: 15px;margin-top: -40px;}
    .abcc .content-IV .h-title{margin: 0%; padding-left: initial; margin-top: 0%;margin-bottom: -1%;}
    .abcc .content-IV .col-md-7 {margin-top: auto;; margin-bottom: -4%;}
    .abcc .content-IV .title{font-size: 24px; }
    .abcc .content-IV .col-md-7 .td {margin: auto;margin-bottom: 30px; font-size: 16px;}
    /* .abcc .b-tab .active .fc-pink {margin-bottom: -30%;} */
    .abcc .col-lg-6 .content-I{padding-top: 10px;}
    .abcc .b-tab .active .fc-cyan {margin-bottom: 0%;}
    .abcc p {margin-bottom: -19px; padding-top: 2%;}
    /* .abcc .content-IV .col-md-7 .desc {margin-bottom: auto;} */
    .col-lg-12 .slide .item img { width: 100%; margin-bottom: auto;}
    .col-lg-12 .slide .overlay{position: absolute;
        top: 0;
        left: -4px;
        width: 511px;
        height: 450px;
        background-color: rgba(0, 0, 0, 0.64);}
    .abcc .active p{margin-bottom: 20px;}
    .abcc .b-tab .head-title.fc-pink h2{margin-bottom: 20px;}
    .abcc .active .content-IV .h-title{padding-top: 0px; margin-bottom: 20px;}
    .abcc .active .col-lg-6 p{margin-bottom: auto;}
    .col-lg-7 .table-responsive{padding-top: 0px;}
    .abcc .active .col-lg-6 h6{font-size: 24px;margin-bottom: 10px;}

    .abcc .col-lg-7 .table-responsive thead{display: none;} 
    .abcc .col-lg-7 .table-responsive tbody, .abcc .col-lg-7 .table-responsive tr, .abcc .col-lg-7 .table-responsive td{
        display: block;
        width: 100%;
    }
    .abcc .col-lg-7 .table-responsive tr{margin-bottom: 15px; width: auto;
        background-color: #f5f5f5;}
    .abcc .col-lg-7 .table-responsive  td{
        text-align: right;
        padding-left: 29%;
        text-align: left;
        position: relative;
        font-size: 20px;
        border: 1px solid #ffffff;
        
    }
    .abcc .col-lg-7 .table-responsive td::before{
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 28%;
        padding-left: 28px;
        font-size: 20px;
        width: 187px;
        background-color: #7B1CE8;
        text-align: center;
        color: #ffffff;
        padding: 10px;
        margin-top: -10px;
        
    }

    .abcc .content-II tbody tr{border-top: 1px dashed #ffff;}
    .abcc .content-II tbody tr:last-child {display: none;}
    .abcc .content-II th:first-child{
        background-color: #7B1CE8;
        padding: 10px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        width: 18%;
        border-top-left-radius: 0px;
    }
    .abcc .content-II th:last-child{
        font-size: 20px;
        color: #707070;
        padding-left:48%;
        background-color: #f5f5f5;
        border-top-right-radius: 0px;
        text-align: end;
    } 
    .abcc .align-items-center .content-IV .col-lg-11 img{
        margin: auto;
        max-width: fit-content;
    }

    .col-lg-2 img{width: 100%;}
    .abcc .col-lg-6 .card{height: -1%;}
    .active .text {margin-bottom: 20px; margin-top: -10px;}
    .align-items-center .row{margin-bottom: 30px;}
    .abcc .content-IV .row .col-md-5 img{width: 100%;}
    .active .text-desc{margin-left: 7px;}
    .active .text1{margin-bottom: 20px; margin-top: -20px;}
    .active .img-abcc img{margin-bottom: auto;}
    .slick-dots{margin-bottom: 20px;}
}


@media (max-width: 767px) {
    .abcc .content .h{font-size: 32px;padding-bottom: 0px;}
    .content-II .row .col-lg-5 img{padding: 0%; padding-bottom: 20px;}
    /* .content-II .row .col-lg-7 {padding: 11%;} */
    .menu-bottom .menu-main > .row{margin: 0;}
    .menu-bottom .menu-main > .row > div{padding: 0;}
    .menu-bottom .menu-main .name-title a.logo-mobile img {width: 35px;}
    .menu-bottom .menu-main .name-title a+a {width: 270px;}
    .menu-bottom .menu-main a strong { font-size: 17px;}

    .menu-mobile-btn {width: 20px;}
    .menu-mobile-btn .btn-mobile{margin-left: 0;}

    .site-header .menu-sub {top: 56px;}

    .site-container {padding-top: 57px;}

    .abcc p {font-size: 20px; margin-bottom: 30px;}
    .abcc .active  p{margin-bottom: -24%; padding-top: inherit;}
    .abcc .h-cover { margin-bottom: 5px;}
    .abcc .h-tab > .item{width: 100%; margin: 5px 0;}
    .abcc .h-tab .wrapper { height: 42px;}
    .abcc .h-tab .txt {font-size: 20px;}
    .abcc .h-tab .txt br{display: none;}
    .abcc .b-tab .head-title{padding-bottom: 10px; margin-bottom: 10px;}
    .abcc .b-tab .head-title h2{padding-left: initial;}
    .abcc .b-tab .head-title.line:before {bottom: -3px;}
    .abcc .content-I,
    .abcc .content-II,
    .abcc .content-III,
    .abcc .content-IV,
    .abcc .content-V,
    .abcc .content-VI,
    .abcc .content-VII{margin-bottom: 20x;}
    .abcc .content-I .title {font-size: 26px; margin-top: 5%;}
    .abcc .content-I .desc {font-size: 20px;}
    .abcc .content-II table {min-width: 100%;}
    .abcc .content-IV .h-title,
    .abcc .content-VI .h-title {font-size: 30px; }
    .abcc .content-IV .desc {font-size: 20px;}
    .abcc .content-VI .desc {font-size: 20px;}
    .abcc .content-VI .cover,
    .abcc .content-VIII .cover{height: auto !important;}
    .abcc .wrapper.active .inner:before{
        
        display: none;
    }
    .abcc .b-tab-pane img{margin-bottom: 30px;}
    .abcc .active .col-lg-6 p{margin-bottom: -23px;}
    .abcc .active .desc {margin-bottom: 20px; margin-top: 0%;}
    .abcc .col-lg-6 .content-I {padding-bottom: initial; margin-top: -24%;}
    
    .botton-nav {margin-top: 0%;}
    .abcc .active .content-IVVVV {margin-top: 0%;}
    /* .abcc .active .col-lg-6 img{margin: auto; padding-top: 32%; margin-left: -4%; margin-bottom: 20px;} */
    /* .abcc .active .col-lg-6 p{margin: auto; margin-left: -11%;} */
    /* .abcc .active .align-items-center {margin-top: 30%;} */
    /* .abcc .content-I .col-lg-7 img{margin-top: -34%;} */
    .abcc .content-III img {margin-bottom: -10%;}
    .col-lg-12 .slide .overlay {display: none;}
    /* .col-lg-12 .slide .item img {margin-left: 11%;} */
    /* .abcc .b-tab-pane img{margin: auto;} */
    .col-lg-12 .slide .item img{ width: 100%;}
    .abcc .content-VII {margin-bottom: 20x;}
    .abcc .col-lg-12 .h-title p{margin-bottom: 20px;}
    .abcc .active .content-III {padding-top: 30px;}
    .abcc .content-II .col-lg-7{margin-bottom: 40px;}
    .abcc .col-lg-7 .table-responsive thead{display: none;} 
    .abcc .col-lg-7 .table-responsive tbody, .abcc .col-lg-7 .table-responsive tr, .abcc .col-lg-7 .table-responsive td{
        display: block;
        width: 100%;
        
    }
    .abcc .col-lg-7 .table-responsive tr{margin-bottom: 15px; width: auto;
        background-color: #f5f5f5;}
    .abcc .col-lg-7 .table-responsive  td{
        text-align: right;
        padding-left: 40%;
        text-align: left;
        position: relative;
        font-size: 20px;
        border: 1px solid #ffffff;
        
    }
    .abcc .col-lg-7 .table-responsive td::before{
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 28%;
        padding-left: 28px;
        font-size: 20px;
        width: 187px;
        background-color: #7B1CE8;
        text-align: center;
        color: #ffffff;
        padding: 10px;
        margin-top: -10px;
        
    }

    .abcc .content-II tbody tr{border-top: 1px dashed #ffff;}
    .abcc .content-II tbody tr:last-child {display: none;}
    .abcc .content-II th:first-child{
        background-color: #7B1CE8;
        padding: 10px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        width: 18%;
        border-top-left-radius: 0px;
    }
    .abcc .content-II th:last-child{
        font-size: 20px;
        color: #707070;
        padding-left:48%;
        background-color: #f5f5f5;
        border-top-right-radius: 0px;
        text-align: end;
    } 
    .abcc .align-items-center .content-IV .col-lg-10 h6{font-size: 24px;}
    .row-0 .color h6{
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        margin-top: 30px;}
    .abcc .content-IV .col-md-7 {margin-top: -50px;}
    .align-items-center .row{margin-bottom: 40px;}
    .align-items-center .row .img{margin-bottom: -30px;}
    .row-0 .card_body .card_img{margin-bottom: auto;}
    .active .text {margin-bottom: 15px; margin-top: -50px;}
    .active .text1{margin-top: 40px; margin-bottom: 0;}
    .active .row .img{margin-bottom: 70px; margin-top: 10px;}
    .active .row .text-data1{margin-top: -5px;}
    .active .row .botton-1 img{margin-bottom: -40px;}
    .active .img-abcc17 img{margin-top: 40px;}
    .active .img-abcc img{margin-bottom: auto;}
    .slick-dots{margin-bottom: 15px;}

}

@media (max-width: 575px) {
    .col-lg-12 .slide .slick-center img{
        width: 60%;
    }
    .abcc .content .h{font-size: 30px; padding-bottom: inherit;
    }
    .col-lg-12 .slide .item img{width: 100%; }
    .abcc .b-tab-pane img{margin-bottom: 20px;}
    .abcc .content-IV .h-title{padding-top: 0%;}
    .abcc .content-I .title{margin-top: 5%;}
    .botton-nav{margin-top: 0px;}
    .abcc .col-lg-6 .content-I{padding-bottom: 0%; margin-top: -40%;}
    .abcc .active .align-items-center{margin-top: 0%;}
    .abcc .b-tab .head-title.fc-pink h2{margin-bottom: 30px;}
    /* .content-II .row .col-lg-5 img{padding: 0px;} */
    .abcc .active .content-VII {margin-bottom: 30px;}
    .abcc .col-lg-12 .h-title p{margin-bottom: 30px;}
    .abcc .content-VII{margin-bottom: 20x;}
    .abcc .b-tab .head-title h2{margin-top: auto; margin-left: 42px;}
    .abcc .content-I .col-lg-7 img{margin-top: auto;}
    .abcc .content-VII {margin-bottom: 20x;}
    .abcc .active .col-lg-6 p{margin-bottom: 20px;}
    .abcc .active p{margin-bottom: 20px;}
    .abcc .active .content-III {padding-top: inherit;}
    .abcc .active .content-IV .h-title{margin-top: 80px; margin-bottom: 4px;}
    .abcc .content-IV{padding-top: inherit;}
    .abcc .content-IV .col-md-7 .desc{margin-bottom: 20px;}
    .abcc .content-II{padding-top: inherit;}
    .abcc .col-lg-7 .table-responsive thead{display: none;} 
    .abcc .col-lg-7 .table-responsive tbody, .abcc .col-lg-7 .table-responsive tr, .abcc .col-lg-7 .table-responsive td{
        display: block;
        width: 206%;}
    .abcc .col-lg-7 .table-responsive tr{margin-bottom: 15px; width: 49%;
        background-color: #f5f5f5;}
    .abcc .col-lg-7 .table-responsive  td{
        text-align: right;
        padding-left: 56%;
        text-align: left;
        position: relative;
        font-size: 17px;
        border: 1px solid #ffffff;
        
    }
    .abcc .col-lg-7 .table-responsive td::before{
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 28%;
        padding-left: 28px;
        font-size: 17px;
        width: 160px;
        background-color: #7B1CE8;
        text-align: center;
        color: #ffffff;
        padding: 10px;
        margin-top: -10px;
        display: table-cell;
        vertical-align: middle;
    }

    .abcc .content-II tbody tr{border-top: 1px dashed #ffff;}
    .abcc .content-II tbody tr:last-child {display: none;}
    .abcc .content-II th:first-child{
        background-color: #7B1CE8;
        padding: 10px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        width: 18%;
        border-top-left-radius: 0px;
    }
    .abcc .content-II th:last-child{
        font-size: 20px;
        color: #707070;
        padding-left:48%;
        background-color: #f5f5f5;
        border-top-right-radius: 0px;
        text-align: end;
    } 
    .abcc .align-items-center .content-IV .col-lg-10 h6{
        font-size: 20px;
    }
    .row-0 .card_body .card_img{margin-bottom: auto;}
    .row-0 .col-md-4  .card-img {margin-bottom: auto;}
    .abcc .active .row-0 div p{font-size: 20px;}
    .abcc .content-IV .col-md-7{margin-top: -20px;}
    .align-items-center .row{margin-bottom: -30px;}
    .active .text {margin-bottom: -30px; margin-top: 0px;}
    .active .row .img{margin-bottom: 0;}
    .active .row .text-data1{margin-top: -30px;}
    .active .text1{margin-bottom: 30px;}
    .active .row .botton-1 img{margin-bottom: 30px;}
    .align-items-center .img-abcc43 .card_img{margin-bottom: 30px;}
    /* .abcc .content-IV .col-md-7{} */
    .slick-dots{margin-bottom:0;}
} 

/*---- layout 404 ----*/
.site-404-container {position: relative; z-index: 50;padding-top: 110px;display: block;}
.default-404-body {
    padding: 25px 0 0 0;
    border-left: 1px solid #e1e1e1;
}
.page-404-about {font-family: 'db_helvethaica';}
.page-404-about .subject-404 {padding: 25px 0 25px 0;}
.page-404-about .subject-404 .text-404 {font-size:125px; text-align:center; padding-bottom:35px}
.page-404-about .title-404 {padding: 25px 0 5px 0;}
.page-404-about .title-404 .text-404 {font-size:65px; text-align:center;color:#999999;}
.page-404-about .detail-404 {padding: 35px 0 25px 0;}
.page-404-about .detail-404 .text-404 {font-size:28px; text-align:center;color:#999999;}





/* edit guide 24/10/2567 */
.dashboard-page .container-dashboard .chart-card.chart-1 .header{
    flex-direction: column;justify-content: center; align-items: flex-start;
}
.dashboard-page .container-dashboard .chart-card.chart-1 .header .desc{font-size: 26px;font-weight: bold; color: #fff; margin: 0; line-height: 1em;}

.dashboard-page .sc-chart .chart-wrapper .chart-header .date{font-size: 20px; color: #333;}

.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series .highcharts-graph,
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series .highcharts-graph{display: none;}
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series .highcharts-point,
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series .highcharts-point,
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series .highcharts-point{
    d: path("M 10 44 A 10 10 0 1 1 10.0002 44 Z");
}
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series text{font-size: 20px;}
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series text{font-size: 20px;}
.dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series text{font-size: 20px;}


.dashboard-page .sc-dashbaord-map .iframe-container{padding-top: 1257px;}


/* edit guide 05/11/2567 */
header.site-header.tiny ~ section .sc-map-wrapper .sc-map-bar{top: 0px;}
.sc-map-wrapper .sc-gg-map .iframe-container{padding-top: calc(911px - 182px);}
.sc-map-wrapper .sc-map-bar .map-bar-card {height: calc(911px - 30px - 182px);}

.dashboard-page .sc-advanced-filter .collapse-btn ~ .collapse-content{display: none;}

.dashboard-page .sc-chart .chart-wrapper .highcharts-axis-labels.highcharts-xaxis-labels.highcharts-grid-axis text{
    font-size: 20px !important; font-family: db_helvethaica, sans-serif;
}

.coral-member.coral-profile .coral-map.coral-rate-detail-page .coral-rate-detail .head-title{margin-top: 0;}

@media (max-width: 1480px) {
    .dashboard-page .sc-dashbaord-map .iframe-container{padding-top: 1114px;}
}
@media (max-width: 1199px) {
    header.site-header .logo{width: 95px;}
    header.site-header .menu-bottom .menu-main {padding-left: 90px;}
    header.site-header .menu-bottom .menu-main .name-title a{font-size: 20px;}
    header.site-header .menu-bottom .menu-main .name-title a strong{font-size: 24px;}

    .menu-bottom .menu-main, 
    .menu-top .menu-main{padding-left: 90px;}
    .menu-bottom .menu-main .member{padding: 10px 11.5px;}
    .menu-bottom .menu-main .member a{font-size: 0;}
    .menu-bottom .menu-main .member a img{margin-right: 0;}

    header.site-header.tiny .menu-sub .main-menu{padding-left: 62px;}

    .site-container {padding-top: 174px;}


    .sc-map-wrapper .sc-gg-map .iframe-container{padding-top: calc(100dvh - 174px);}
    .sc-map-wrapper .sc-map-bar .map-bar-card {height: calc(100dvh - 30px - 174px);}

    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series .highcharts-point,
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series .highcharts-point,
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series .highcharts-point{
        d: path("M 10 41 A 8 8 0 1 1 10.0002 41 Z");
    }
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series .highcharts-point{
        d: path("M 10 39 A 8 8 0 1 1 10.0002 39 Z");
    }

    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series .highcharts-point{
        x: 0; y: 24; rx: 8; ry: 8; width: 16px; height: 16px;
    }
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series.highcharts-color-undefined .highcharts-point{
        y:3;
    }

    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series text,
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series text,
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series text{font-size: 16px !important;}


    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-column-series text{font-size: 16px;}
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series text{font-size: 16px;}
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series text{font-size: 16px;}

    .dashboard-page .sc-chart .chart-wrapper .legend-list{gap: 15px;}
    .dashboard-page .sc-chart .chart-wrapper .legend-list .link{font-size: 16px;}
    .dashboard-page .sc-chart .chart-wrapper .legend-list .link .symbol{width: 16px; height: 16px;}



    .dashboard-page .sc-dashbaord-map .iframe-container{padding-top: 100dvh;}
}
@media (max-width: 991px) {
    header.site-header .menu-bottom .menu-main{padding-left: 0px;}
    header.site-header .menu-bottom .menu-main .name-title a{font-size: 16px;}
    header.site-header .menu-bottom .menu-main .name-title a strong{font-size: 18px;}


    .sc-map-wrapper .sc-map-bar {transform: translatex(-100%);}
    .sc-map-wrapper .sc-map-bar.active{transform: translateX(0);}
    .sc-map-wrapper .sc-map-bar.hide{transform: translateX(-100%);}
    .sc-map-wrapper .sc-gg-map .iframe-container{padding-top: calc(100dvh - 115px);}
    .sc-map-wrapper .sc-map-bar .map-bar-card {height: calc(100dvh - 115px);}
    .sc-map-wrapper .map-coral-list.mcscroll {max-height: calc(100% - 126px);}
    .sc-map-wrapper .sc-map-bar.fix-height .map-coral-list.mcscroll {max-height: calc(100% - 329px);}

    .layout-sub-header .toggle-search-advanced.active{background-color: #1b43ab;}
    .layout-sub-header .toggle-search-advanced{background-color: transparent;}


    .dashboard-page .container-dashboard .chart-card.chart-1 .header .desc{font-size: 22px;}

    .dashboard-page .sc-chart .chart-wrapper .chart-header .date{font-size: 18px;}


    .dashboard-page .sc-dashbaord-map .iframe-container{padding-top: 80dvh;}
}
@media (max-width: 767px) {
    header.site-header .menu-bottom .menu-main .name-title a{font-size: 15px;}
    header.site-header .menu-bottom .menu-main .name-title a strong{font-size: 17px;}

    .dashboard-page .container-dashboard .chart-card .header{padding: 15px;}
    .dashboard-page .container-dashboard .chart-card.chart-1 .header{padding: 15px; gap: 5px;}
    .dashboard-page .container-dashboard .chart-card.chart-1 .header .desc{font-size: 20px;}

    .dashboard-page .sc-chart .chart-wrapper .chart-header .date{font-size: 16px;}



    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-line-series .highcharts-point,
    .dashboard-page .sc-chart .chart-wrapper .highcharts-legend-item.highcharts-areaspline-series .highcharts-point{
        width: 16px; height: 16px; border-radius: 50%;
        d: path("M 10 39 A 8 8 0 1 1 10.0002 39 Z");
    }


    .coral-member.coral-profile .coral-map.coral-rate-detail-page {margin-top: 25px; padding: 0 0 25px;}
    .coral-member.coral-profile .coral-map.coral-rate-detail-page .container .coral-rate-detail{padding: 15px;}

    .dashboard-page .sc-table tr.sum td{background: #c3daff; color: #333;}
    .dashboard-page .sc-table tr.sum td .txt-mb{color: #003ADA;}
}