@charset "utf-8";

@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gotham-bold.woff2') format('woff2'),
         url('../fonts/gotham-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gotham-medium.woff2') format('woff2'),
         url('../fonts/gotham-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamlight';
    src: url('../fonts/gotham-light.woff2') format('woff2'),
         url('../fonts/gotham-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gotham-book.woff2') format('woff2'),
         url('../fonts/gotham-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{  background:#E4FDFF url(../new-images/bg.png) center center no-repeat; font-family: 'gothambook'; font-weight: 300; background-size: cover;}

.form-control::-moz-placeholder {
  color: #005159  !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #005159  !important;
}
.form-control::-webkit-input-placeholder { color: #005159  !important; }
a {color: #005159;text-decoration: none}
a:hover,a:focus {color: #002945; text-decoration: none;}

#toTop {background:#52B9CC;  border-radius:0; bottom:10px; color: #fff; cursor: pointer; display: none; font-size: 24px; padding:8px 12px; position: fixed; right: 10px; z-index: 999;}

.mobile-header{display: none;}
.wrapper {display: flex;height: 100vh;width: 100%;}
#sidebar_area{height: 100%; position: fixed; top: 0px; left: 0px; width: 315px; padding: 15px 0 15px 15px;}
#sidebar_area .inner-sidebar{width: 100%; height: 100%; padding: 30px 20px; background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px;}
#sidebar_area .inner-sidebar .logo{width: 178px; margin: 0 auto 30px auto;}
#sidebar_area .inner-sidebar .logo a{display: block;}
#sidebar_area .inner-sidebar .logo img{width: 100%;}
#sidebar_area .inner-sidebar ul{margin: 0px; padding: 0px; list-style: none;}
#sidebar_area .inner-sidebar ul li a{display: flex; align-items: center; color: #005159; padding: 13px 20px; font-size: 15px; font-family: 'gothammedium'; line-height: 24px; border-radius: 5px;}
#sidebar_area .inner-sidebar ul li a span{display: none;}
#sidebar_area .inner-sidebar ul li a .icon{width: 24px; height: 24px; margin-right: 15px;}
#sidebar_area .inner-sidebar ul li a svg path,
#sidebar_area .inner-sidebar ul li a svg circle{stroke: #005159;}
#sidebar_area .inner-sidebar ul li a:hover,
#sidebar_area .inner-sidebar ul li a.active{background: #005159; background: linear-gradient(90deg, rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); color: #fff;}
#sidebar_area .inner-sidebar ul li a:hover svg path,
#sidebar_area .inner-sidebar ul li a:hover svg circle,
#sidebar_area .inner-sidebar ul li a.active svg path,
#sidebar_area .inner-sidebar ul li a.active svg circle{stroke: #fff;}
.page-content{height: 100vh; overflow-x: scroll; width: 100%; padding: 30px 30px 30px 345px;}

.inner-header{display: flex; align-items: center; justify-content: space-between; margin: 0 0 30px 0;}
.inner-header h1{font-size: 24px; line-height: 30px; color: #047F8A; font-family: 'gothambook'; margin: 0px;}
.inner-header h1 span{font-family: 'gothambold'; color: #C31431;}
.inner-header .info{background: #fff; font-family: 'gothambook'; color:#005159; font-size: 16px; display: flex; align-items: center; padding: 3px 20px 3px 3px; margin-left: 15px; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 30px;}
.inner-header .info .icon{width: 40px; height: 40px; background: #005159; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px;}

ul.four-box{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
ul.four-box li{padding: 0 10px; width: 25%;;}
ul.four-box li .white-block{position: relative;}
ul.four-box li .white-block::before{content: ''; position: absolute; width: 96%; height: 100%; background: #fff; border-radius: 20px; left: 2%; transition: all .5s ease; bottom: -8px;}
ul.four-box li .white-block .chart-box{background: #fff; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; padding: 20px 30px 20px 20px; position: relative; min-height: 120px; position: relative; z-index: 1;}
ul.four-box li .white-block .chart-box .chart-mini{width: 90px; height: 80px;}
ul.four-box li .white-block .chart-box .chart-mini canvas{width: 100%; height: 100%;}
ul.four-box li .white-block .chart-box span{font-family: 'gothambold'; font-size: 20px; line-height: 24px; color: #005159; width: 75px; text-align: right;}
ul.four-box li .white-block .inner-box{background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; padding: 20px; position: relative; z-index: 1;}
ul.four-box li .white-block .inner-box span{display: block; font-family: 'gothambook'; font-size: 15px; line-height: 16px; color: #000000;}
ul.four-box li .white-block .inner-box strong{font-family: 'gothambold';  font-size: 44px; color: #000; line-height: 34px; display: block; margin-bottom: 30px;}
ul.four-box li .white-block .inner-box.green strong{color: #20D17C;}
ul.four-box li .white-block .inner-box.yellow strong{color: #FBBB21;}
ul.four-box li .white-block .inner-box.red strong{color: #E6544C;}
ul.four-box li:hover .white-block::before{bottom: -8px; transition: all .5s ease;}

.inner-title{display: flex; align-items: center; margin: 28px 0 20px 0; justify-content: space-between;}
.inner-title h2{font-family: 'gothambook'; font-size: 18px; line-height: 24px; margin: 0px; color: #005159;}
.inner-title .btn-view{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; color: #fff; padding: 12px 25px;  border-radius: 6px; display: flex; align-items: center; }
.inner-title .btn-view svg{margin-left: 10px;}

.result-list{margin: 0px; padding: 0px; list-style: none;}
.result-list li{margin: 0 0 15px 0; position: relative;}
.result-list li::before{content: ''; position: absolute; width: 98%; height: 100%; background: #fff; border-radius: 20px; left: 1%; transition: all .5s ease; bottom: 0px;}
.result-list li:hover::before{bottom: -8px; transition: all .5s ease;}
.result-list .result-block{background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; position: relative; z-index: 1;}
.result-list .result-block .result-titlebar{display: flex; align-items: center; justify-content: space-between;  padding: 20px 85px 20px 20px; cursor: pointer; position: relative;}
.result-list .result-block .result-titlebar .chart{width: 100px; height: 90px; margin-right: 30px}
.result-list .result-block .left-part{display: flex; align-items:center; width: 70%;}

.result-list .result-block .result-titlebar .info {font-size: 15px; line-height: 18px; color: #20BBC0; font-family: 'gothambold'; max-width: 54%;}
.result-list .result-block .result-titlebar .info span{ display: block; color: #005159; font-size: 14px; font-family: 'gothammedium';}

.result-list .result-block .result-titlebar .btn-area{display: flex; flex-direction: column; gap: 10px;}
.result-list .result-block .result-titlebar .btn-click{background: #3B3A3A; background: linear-gradient(90deg,rgba(59, 58, 58, 1) 0%, rgba(113, 113, 113, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; color: #fff; padding: 12px 15px; min-width: 150px; border-radius: 6px; display: block; text-align: center;}
.result-list .result-block .result-titlebar .btn-click:hover{background: #717171; background: linear-gradient(90deg, rgba(113, 113, 113, 1) 0%, rgba(59, 58, 58, 1) 100%);}
.result-list .result-block .result-titlebar .btn-download{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; color: #fff; padding: 12px 15px; min-width: 150px; border-radius: 6px; display: block; text-align: center;}
.result-list .result-block .result-titlebar .btn-download:hover{background: #047F8A; background: linear-gradient(90deg,rgba(4, 127, 138, 1) 0%, rgba(0, 81, 89, 1) 100%);}
.result-list .result-block .result-titlebar .date{font-family: 'gothambold'; font-size: 13px; line-height: 15px; color: #E6544C; text-align: center;  left: 50%; width: 122px; position: absolute; right: 0;}
.result-list .result-block .result-titlebar .date span{display: block; font-family: 'gothammedium'; font-size: 14px; color: #005159; line-height: 20px;}

.result-list .result-block .result-content{border-top: #A6D8DD 1px dashed; padding: 20px}
.result-list .result-block .result-content .chart-number{margin: 0px -10px 0px -10px; padding: 0px; list-style: none; display: flex;}
.result-list .result-block .result-content .chart-number li{padding: 0 10px; width: 33.33%; margin: 0px;}
.result-list .result-block .result-content .chart-number li .number-block{width: 100%;  border: #EAD5EE 1px dashed; padding: 12px 0 12px 20px; text-align: center; font-family: 'gothammedium'; font-size: 16px; color:#20D17C; border-radius: 8px; display: flex; align-items: center; position: relative;}
.result-list .result-block .result-content .chart-number li .number-block .number{background: #20D17C; border-radius: 25px 8px 8px 25px; width: 48px; height: 48px; color: #fff; font-family: 'gothambold'; text-align: center; font-size: 24px; line-height: 48px; position: absolute; top: 0px; right: 0px;}
.result-list .result-block .result-content .chart-number li .number-block.green{border: #86D5AF 1px dashed; background: #F0FFF8; color: #01BD63;}
.result-list .result-block .result-content .chart-number li .number-block.green .number{background: #01BD63;}
.result-list .result-block .result-content .chart-number li .number-block.yellow{border: #FAD681 1px dashed; background: #FFFBF1; color: #FBBB21;}
.result-list .result-block .result-content .chart-number li .number-block.yellow .number{background: #FBBB21;}
.result-list .result-block .result-content .chart-number li .number-block.red{border: #FFBEBA 1px dashed; background: #FFF4F3; color:#E6544C ;}
.result-list .result-block .result-content .chart-number li .number-block.red .number{background: #E6544C;}

.result-list .result-block .result-content .parameter-main-block{border: #A6D8DD 1px dashed; background: #F9FDFF; border-radius: 10px; margin-top: 16px;}
.result-list .result-block .result-content .parameter-main-block .pd{padding: 15px;}
.result-list .result-block .result-content .parameter-main-block .title-tab{display: flex; align-items: center; justify-content: space-between;}
.result-list .result-block .result-content .parameter-main-block .title-tab .left{display: flex;}
.result-list .result-block .result-content .parameter-main-block .title-tab .info{background: #fff; padding: 10px 20px; border: #A6D8DD 1px dashed; border-radius: 8px 0 0 0; font-size: 15px; line-height: 18px; color: #20BBC0; font-family: 'gothambold'; border-top: none; border-left: none; }
.result-list .result-block .result-content .parameter-main-block .title-tab .info span { display: block; color: #005159; font-size: 14px; font-family: 'gothammedium';}
.result-list .result-block .result-content .parameter-main-block .title-tab .info.ml{border-radius: 0 0 8px 0;}
.result-list .result-block .result-content .parameter-main-block .title-tab .range-text{background: #fff; padding: 10px 20px; border: #A6D8DD 1px dashed; border-radius: 0 8px 0 8px; font-size: 14px; line-height: 18px; color: #005159; font-family: 'gothammedium'; border-top: none; border-right: none; }
.result-list .result-block .result-content .parameter-main-block .title-tab .range-text span { display: block; font-size: 15px; font-family: 'gothambold';}
.result-list .result-block .result-content .parameter-main-block .title-tab .parameter-name{font-size: 18px; line-height: 22px; font-family: var(--content-font); font-weight: 700; color: var(--color1);}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab{background: #fff; border-bottom: #A6D8DD 1px dashed; border-radius: 10px 10px 0 0; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .left{display: flex;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .info{border-right: #A6D8DD 1px dashed; font-size: 15px; max-width: 180px; line-height: 18px; color: #20BBC0; font-family: 'gothambold'; border-top: none; border-left: none; padding-right: 25px; margin-right: 25px;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .info span {  white-space: nowrap; display: block; color: #005159; font-size: 14px; font-family: 'gothammedium';}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .info:last-child{border-right: none;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .nav .nav-link{font-family: 'gothambold'; background: #BFFDFF; color: #005159; border: none; font-size: 12px; line-height: 16px; padding: 8px 20px; border-radius: 6px; margin-left: 8px;     margin-bottom: 5px;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .nav .nav-link.active{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); color: #fff;}

.result-list .result-block .result-content .parameter-main-block .result_area {width: 100%; display: flex;align-items: center;  position: relative;}
.result-list .result-block .result-content .parameter-main-block .result_area .lower-red{width: 20% ;margin-right: 3px; position: relative;}
.result-list .result-block .result-content .parameter-main-block .result_area .lower-red .progress {height: 10px ; background-color: #E6544C;}
.result-list .result-block .result-content .parameter-main-block .result_area .lower-red .result-detail {text-align: center;width: 100%; position:absolute;  font-size: 10px;line-height: 10px; margin-top: 10px; color: #E6544C ;}
.result-list .result-block .result-content .parameter-main-block .result_area .lower-yellow{width: 20% ;margin-right: 3px; position: relative;}
.result-list .result-block .result-content .parameter-main-block .result_area .lower-yellow .progress {height: 10px ; background-color:#FBBB21;}
.result-list .result-block .result-content .parameter-main-block .result_area .lower-yellow .result-detail {text-align: center; width: 100%;position: absolute;font-size: 10px;line-height: 10px; margin-top: 10px; color: #FBBB21;}
.result-list .result-block .result-content .parameter-main-block .result_area .normal-green{width: 20% ;margin-right: 3px; position: relative;}
.result-list .result-block .result-content .parameter-main-block .result_area .normal-green .progress {height: 10px ; background-color:#20D17C;}
.result-list .result-block .result-content .parameter-main-block .result_area .normal-green .result-detail {text-align: center;width: 100%;position: absolute;font-size: 10px;line-height: 10px; margin-top: 10px; color: #20D17C;}
.result-list .result-block .result-content .parameter-main-block .result_area .higher-yellow{width: 20% ;margin-right: 3px; position: relative;}
.result-list .result-block .result-content .parameter-main-block .result_area .higher-yellow .progress {height: 10px ;  background-color:#FBBB21;}
.result-list .result-block .result-content .parameter-main-block .result_area .higher-yellow .result-detail {text-align: center;width: 100%;position: absolute;font-size: 10px;line-height: 10px; margin-top: 10px; color: #FBBB21;}
.result-list .result-block .result-content .parameter-main-block .result_area .higher-red{width: 20% ; position: relative;}
.result-list .result-block .result-content .parameter-main-block .result_area .higher-red .progress {height: 10px ; background-color: #E6544C;}
.result-list .result-block .result-content .parameter-main-block .result_area .higher-red .result-detail {text-align: center;width: 100%; position: absolute; font-size: 10px;line-height: 10px; margin-top: 10px; color: #E6544C ;}
.result-list .result-block .result-content .parameter-main-block .result_area .normal-range {position: absolute; left: 50%; top: -25px; margin-left: -10.5px; font-size: 14px;}
.result-list .result-block .result-content .parameter-main-block .result_area .test-range{position: absolute; left: 50%; top: -19px; margin-left: -10.5px;  font-size: 24px; z-index: 2;}
.result-list .result-block .result-content .parameter-main-block .bottom-content{margin: 8px 0px 0px 0px; text-align: start; background: #fff; border-radius: 10px; padding: 15px; font-size: 12px; line-height: 16px; color: #005159; font-family: 'gothambook'; box-shadow: 0px 0px 25px 0px rgba(198,233,245,0.70); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,0.70); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,0.70);}
.result-list .result-block .result-content .parameter-main-block .bottom-content span { font-family: 'gothambook' !important; text-align: start; display: block; font-size: 12px !important;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info{display: flex; border: #A6D8DD 1px dashed; background: #fff; border-radius: 10px; padding: 10px 20px 0px 10px; align-items: center;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .chart-box{width: 70%;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info{width: 30%; padding-bottom: 20px;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box{font-family: 'gothambook'; border: #A6D8DD 1px dashed; background: #fff; font-size: 16px; line-height: 20px; color: #090909; padding: 14px 20px; border-radius: 10px; margin-top: 10px;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box strong{font-family: 'gothambold'; display: block;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box.red{border: #FFBEBA 1px dashed; background: #FFF4F3;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box.red strong{color:#E6544C ;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box.yellow{border: #FAD681 1px dashed; background: #FFFBF1;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box.yellow strong{color:#FBBB21 ;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box.green{border: #86D5AF 1px dashed; background: #F0FFF8;}
.result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box.green strong{color:#01BD63 ;}
.result-list .result-block .result-content .parameter-main-block .result_area .test-range span{ font-size: 14px; position: absolute; display: inline-block; left: 20px; font-weight: 500; color: #000; top: -3px;}
.tooltips{display: none; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #005159; color: #fff; padding: 5px 12px; border-radius: 3px; white-space: nowrap; z-index: 1; font-size: 14px;}
.test-range {position: relative; /* Ensure the tooltip is positioned relative to this element */}
.test-range:hover .tooltips{display: block; /* Show the tooltip on hover */}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box { list-style: none; margin: 0; padding: 3px 10px; display: flex;  align-items: center; flex-wrap: wrap; gap: 10px; max-width: 470px;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li::before{ display: none;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li { margin: 0;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block { display: flex; gap: 4px; font-size: 12px; line-height: 18px; font-family: 'gothambook'; }
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block .box { width: 18px; height: 18px; border-radius:4px; border: 1px dashed ;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block.red .box { border: #E6544C 1px dashed; background: #FFF4F3; }
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block.red { color: #E6544C;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block.yellow .box { border: #FBBB21 1px dashed; background: #FFFBF1; }
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block.yellow { color: #FBBB21; }
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block.green .box { border: #20D17C 1px dashed; background: #F0FFF8; }
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block.green { color: #20D17C;}

.footer_copyright{background: #fff; padding:15px 25px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; position: relative; z-index: 1;}
.footer_copyright ul.link{margin: 0px; padding: 0px; list-style: none; display: flex;}
.footer_copyright ul.link li{margin-right: 20px;}
.footer_copyright ul.link li a{font-size: 16px; color: #005159; font-family: 'gothambook'; line-height: 24px; margin: 0px;}
.footer_copyright p{font-size: 16px; color: #212529; font-family: 'gothambook'; line-height: 24px; margin: 0px;}

.full-screen-sign-page{background:#E4FDFF url(../new-images/bg.png) center center no-repeat; font-family: 'gothambook'; font-weight: 300; background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center;}
.full-screen-sign-page .form-area{background: #fff; border-radius: 20px; padding: 40px; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); width: 500px;}

.full-screen-sign-page .form-area .logo{width: 132px; margin: 0px auto;}
.full-screen-sign-page .form-area .logo img{width: 100%;}
.full-screen-sign-page .form-area h1{font-size: 28px; line-height: 35px; color: #005159; font-family: 'gothambook'; margin: 15px 0 10px 0; text-align: center;}
.full-screen-sign-page .form-area h1 strong{color: #C31431; font-family: 'gothambold';}
.full-screen-sign-page .form-area p{text-align: center; font-size: 18px; line-height: 18px; color: #1F1F1F;  font-family: 'gothambook'; margin: 0 0 20px 0;}
.full-screen-sign-page .form-area .form-group{margin-bottom: 12px; position: relative;}
.full-screen-sign-page .form-area .form-control{border: #A5D8DD 1px dashed; background: #F9FDFF; border-radius: 6px; font-size: 14px; line-height: 16px; color: #5D7F91; font-family: 'gothambook'; padding: 14px 16px;}
.full-screen-sign-page .form-area .form-control:focus{box-shadow: none;}
.full-screen-sign-page .form-area .otp-block { display: flex; gap: 10px;}
.full-screen-sign-page .form-area .otp-block .form-control{text-align: center; font-size: 20px; line-height: 20px;}
.full-screen-sign-page .form-area .iti{width: 100%;}
.full-screen-sign-page .form-area .iti .iti__flag-container .iti__selected-flag{background: transparent; border-right: #A5D8DD 1px dashed; padding: 0 20px;}
.full-screen-sign-page .form-area .send_otp{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; color: #fff; padding: 12px 15px;  border-radius: 6px; display: block; text-align: center; width: 100%; border:none; margin-bottom: 12px;}
.full-screen-sign-page .form-area .btn-login{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; color: #fff; padding: 12px 15px;  border-radius: 6px; display: block; text-align: center; width: 100%; border:none;}


.searchbar-area{margin: 0 0 15px 0; position: relative;}
.searchbar-area::before{content: ''; position: absolute; width: 98%; height: 100%; background: #fff; border-radius: 20px; left: 1%; transition: all .5s ease; bottom: -8px;}
.searchbar-area .inner-white-box{background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; position: relative; z-index: 1; padding: 15px; display: flex; align-items: center; justify-content: space-between;}
.searchbar-area .inner-white-box .left{position: relative; padding-left: 58px;}
.searchbar-area .inner-white-box .left svg {position: absolute; top: 2px; left: 0px; width: 38px; height: 38px;}
.searchbar-area .inner-white-box h1{font-size: 20px; line-height: 20px; color: #005159; font-family: 'gothambold'; margin: 0px 0px 4px 0px;}
.searchbar-area .inner-white-box p{font-size: 14px; line-height: 18px; font-family: 'gothambook'; color: #575757; margin: 0px;}
.searchbar-area .inner-white-box .search_test_result{display: flex;}
.searchbar-area .inner-white-box .form-group{margin: 0px 0px 0px 15px; position: relative;}
.searchbar-area .inner-white-box .form-group svg{position: absolute; top: 14px; right: 14px;}
.searchbar-area .inner-white-box .form-control {-webkit-appearance: none;  appearance: none;     background-color: #F9FDFF !important;  border: #A5D8DD 1px dashed; border-radius: 6px; max-width: 200px; font-size: 14px; line-height: 16px; font-family: 'gothambook'; color: #5D7F91; padding: 15px !important;  height: auto !important; }
.searchbar-area .inner-white-box .form-control:focus{box-shadow: none;}
.searchbar-area .inner-white-box .search{display: flex;}
.searchbar-area .inner-white-box .search-btn{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; width: 48px; height: 48px; color: #fff; border: none; border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-left: 10px;}
.searchbar-area .inner-white-box .search-btn:hover{background: #047F8A; background: linear-gradient(90deg,rgba(4, 127, 138, 1) 0%, rgba(0, 81, 89, 1) 100%);}

.feedback_form{background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; position: relative; z-index: 1; padding: 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.feedback_form form{width: 100%;}
.feedback_form h2{font-size: 24px; font-family: 'gothamlight'; color: #005159;}
.feedback_form .info{font-size: 14px; line-height: 18px; font-family: 'gothambook'; color: #575757; margin: 0px 0px 20px 0px;}
.feedback_form p{font-size: 12px;}
.feedback_form ul.result-lists{margin: 0px -8px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.feedback_form ul.result-lists li{width: 50%; padding: 0 8px; margin-bottom: 16px;}
.feedback_form ul.result-lists li .form-group{border: #A5D8DD 1px dashed; background: #F9FDFF; border-radius: 6px; margin: 0px; display: flex; align-items: center; justify-content: space-between; padding: 15px;}
.feedback_form ul.result-lists li .form-group h5{margin: 0px; font-size: 16px; color: #005159; font-family: 'gothambold';}
.feedback_form ul.result-lists li .form-group .br-widget {height: 20px; display: flex; gap: 5px; align-items: center;}
.feedback_form ul.result-lists li .form-group .br-widget a{margin: 0px;}
.feedback_form ul.result-lists li .form-group .br-widget .br-current-rating{width: 24px; height: 24px; background: #005159; color: #fff; text-align: center; line-height: 24px; font-size: 14px; border-radius: 50%; display: block; margin-left: 10px;}
.feedback_form .form-control{border: #A5D8DD 1px dashed; background: #F9FDFF; border-radius: 6px; width: 100%; font-size: 14px; line-height: 16px; font-family: 'gothambook'; color: #5D7F91; padding: 15px; height: auto !important;}
.feedback_form .form-control:focus{box-shadow: none;}
.feedback_form .send-feedback{background: #005159; background: linear-gradient(90deg,rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); font-family: 'gothambold'; font-size: 14px; line-height: 16px; color: #fff; padding: 12px 15px; min-width: 150px; border-radius: 6px; display: block; text-align: center;}

.profile-page{background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 20px; position: relative; z-index: 1; padding: 20px 20px 4px 20px; margin-bottom: 15px;}
.profile-page h1{font-size: 20px; line-height: 20px; color: #005159; font-family: 'gothambold'; margin: 0px 0px 20px 0px;}
.profile-page ul{margin: 0 -8px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.profile-page ul li{width: 50%; padding: 0 8px; margin-bottom: 16px;}
.profile-page ul li .info{font-family: 'gothambook'; border: #A6D8DD 1px dashed; background: #F9FDFF; font-size: 16px; line-height: 20px; color: #090909; padding: 14px 20px; border-radius: 10px; }
.profile-page ul li .info strong{font-family: 'gothambold'; display: block; color: #005159;}

#loader-wrapper { width: 100%; height: 100vh; position: fixed; display: flex ; align-items: center; z-index: 111111; background: #000000a8; justify-content: center; }
#loader { width: 182px; height: 182px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #047f8a #047f8a transparent transparent; box-sizing: border-box; animation: rotation 1.2s linear infinite; z-index: 111111111111;  }
#loader-wrapper img { width: 55px; height: 55px; position: absolute;  }
#loader::after, #loader::before { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 111111111111; margin: auto; border: 3px solid; border-color: transparent transparent #FF3D00 #FF3D00; width: 140px; height: 140px; z-index: 111111111111; border-radius: 50%; box-sizing: border-box; animation: rotationBack 0.7s linear infinite; transform-origin: center center; }
#loader::before { width: 162px; height: 162px; border: 4px solid; border-color: #005159 #005159 transparent transparent; animation: rotation 1.8s linear infinite; }
.result-list .result-block .result-content .parameter-main-block .result-main.text-result p { margin: 0 ; text-align: start; font-size: 12px; line-height: 16px; color: #005159; font-family: 'gothambook'; }
.result-list nav .pagination { display: flex; gap: 5px;}
.result-list nav .pagination .page-item a, .result-list nav .pagination .page-item span { border-radius: 50% !important; display: block; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); font-family: 'gothammedium'; font-size: 14px; color: #005159; line-height: 20px; min-width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; }
.result-list nav .pagination .page-item.active .page-link { z-index: 1; color: #fff;  background: linear-gradient(90deg, rgba(0, 81, 89, 1) 0%, rgba(4, 127, 138, 1) 100%); }
.result-list nav .pagination { align-items: center; width: 100%; display: flex; justify-content: center; padding: 15px 0 10px 0; }

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

.result-content .parameter-main-block .title-tab .center .parameter-box {
  list-style: none;
  margin: 0;
  padding: 3px 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 470px;
}
.result-content .parameter-main-block .title-tab .center .parameter-box li::before{ display: none;}
.result-content .parameter-main-block .title-tab .center .parameter-box li { margin: 0;}
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block { display: flex; gap: 4px; font-size: 12px; line-height: 18px; font-family: 'gothambook'; }
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block .box { width: 18px; height: 18px; border-radius:4px; border: 1px dashed ;}
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block.red .box { border: #E6544C 1px dashed; background: #FFF4F3; }
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block.red { color: #E6544C;}
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block.yellow .box { border: #FBBB21 1px dashed; background: #FFFBF1; }
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block.yellow { color: #FBBB21; }
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block.green .box { border: #20D17C 1px dashed; background: #F0FFF8; }
.result-content .parameter-main-block .title-tab .center .parameter-box li .parameter-block.green { color: #20D17C;}

.result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab { background: #fff;border-bottom: #A6D8DD 1px dashed; border-radius: 10px 10px 0 0; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .info { border-bottom: 0;}
.result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .info.ml { border-right: 0;}
.result-list .result-block .result-content .parameter-main-block .fullbar-tab .left { display: flex; width: 43%; }
.result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .left { width: 43% ;}
.result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .range-text {border: 0 ;}
.result-list .result-block .result-content .parameter-main-block .bottom-content p { margin: 0; }


.searchbar-area .inner-white-box .form-control { background-image: url("data:image/svg+xml;utf8,<svg fill='%235D7F91' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 10px center; background-size: 26px;}



@supports (-webkit-touch-callout: none) {
    .searchbar-area .inner-white-box .form-control { padding-right: 30px;}
}

@media(max-width:1440px){
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box {    max-width: 358px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .info { padding-right: 15px; margin-right: 15px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .nav .nav-link { margin-left: 0; margin-bottom: 5px;}

  .parameter-main-block .nav { flex-direction: column;}
  .result-content .parameter-main-block .title-tab.parameter-title-tab .center .parameter-box {max-width: 341px;}
}

@media (max-width:1199px) {
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .left { display: flex; width: 52%; }
}

@media (max-width: 1024px) {
  #sidebar_area{height: auto; position: fixed; top: auto; left: 0px; width: 100%; padding: 0px; bottom: 0px; z-index: 5;}
  #sidebar_area .inner-sidebar{padding: 0px; border-radius: 10px 10px 0 0;}
  #sidebar_area .inner-sidebar .logo{display: none;}
  #sidebar_area .inner-sidebar ul{display: flex;}
  #sidebar_area .inner-sidebar ul li{width: 20%;}
  #sidebar_area .inner-sidebar ul li:last-child{display: none;}
  #sidebar_area .inner-sidebar ul li a{flex-direction: column; padding: 10px 4px; font-size: 0px; font-family: 'gothambook'; line-height: 0px; border-radius: 10px 10px 0 0;}
  #sidebar_area .inner-sidebar ul li a .icon{width: 20px; height: 20px; margin: 0 0 5px 0;}
  #sidebar_area .inner-sidebar ul li a .icon svg{width: 100%; height: 100%;}
  #sidebar_area .inner-sidebar ul li a span{font-size: 10px; line-height: 10px; display: block}

  .page-content {height: 100vh; overflow-x: scroll; width: 100%; padding: 68px 10px 65px 10px;}
  .inner-header{display: none;}
  .mobile-header{display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 25px 0px rgba(198,233,245,1); border-radius: 0 0 14px 14px; padding: 10px 15px; position: fixed; top: 0px; left: 0px; z-index: 10; width: 100%;}
  .mobile-header .left{display: flex;}
  .mobile-header .left .logo{width: 34px; margin-right: 10px;}
  .mobile-header .left .logo img{width: 100%;}
  .mobile-header .left h1{font-family: 'gothambook'; font-size: 14px; line-height: 18px; color: #047F8A; margin: 0px;}
  .mobile-header .left h1 span{color: #C31431; font-family: 'gothambold'; display: block;}
  .mobile-header .btn-logout{width: 38px; height: 38px; background: #005159; display: flex; justify-content: center; align-items: center; border-radius: 50%;}

  ul.four-box{margin: 0px -5px;}
  ul.four-box li{padding: 0 5px;}
  ul.four-box li .white-block .inner-box{padding: 16px 13px;}
  ul.four-box li .white-block .inner-box strong{font-size: 30px; line-height: 20px;}
  ul.four-box li .white-block .inner-box span{font-size: 12px; line-height: 12px;}
  ul.four-box li .white-block .chart-box{padding: 15px 16px 15px 13px; min-height: auto;}
  ul.four-box li .white-block .chart-box .chart-mini{width: 72px;height: 64px;}
  ul.four-box li .white-block .chart-box span{font-size: 15px; line-height: 18px;}
  .result-list .result-block .result-content{padding: 15px;}
  .result-list .result-block .result-content .chart-number li .number-block{padding: 12px 0 12px 10px; font-size: 12px;}
  .result-list .result-block .result-content .chart-number li .number-block .number{width: 42px; height: 42px; font-size: 18px; line-height: 42px;}
  .result-list .result-block .result-content .chart-number{margin: 0 -5px;}
  .result-list .result-block .result-content .chart-number li{padding: 0 5px;}
  .result-list .result-block .result-content .parameter-main-block{margin-top: 15px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .info{font-size: 13px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .info span{font-size: 12px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .range-text{font-size: 12px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .range-text span{font-size: 13px;}


  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box { gap: 10px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block .box { width: 14px; height: 14px; }
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box li .parameter-block {font-size: 10px; line-height: 12px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box { column-gap: 5px; row-gap: 10px; display: grid ; grid-template-columns: repeat(2, 1fr); }
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .left { display: flex; width: 65%; }
  .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .left { width: auto; }
}

@media(max-width:991px) {

  .result-list .result-block .result-titlebar { padding: 20px 25px 20px 20px;}
  .result-list .result-block .result-titlebar .info { max-width: 45%;}
  .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .center { width: 30%; }

}

@media (max-width: 767px) {
  ul.four-box{margin: 0px -2px;}
  ul.four-box li{padding: 0 2px; width: 50%; margin-bottom: 4px;}
  ul.four-box li .white-block::before {content: none;}
  ul.four-box li .white-block .inner-box{box-shadow: 0px 0px 10px 0px rgba(198,233,245,1); -webkit-box-shadow: 0px 0px 10px 0px rgba(198,233,245,1); -moz-box-shadow: 0px 0px 10px 0px rgba(198,233,245,1); padding: 16px 13px; display: flex; flex-direction: column; min-height: 90px; justify-content: space-between;}
  ul.four-box li .white-block .inner-box span{font-size: 12px; line-height: 14px;}
  ul.four-box li .white-block .inner-box strong{margin-bottom: 10px;}
  ul.four-box li .white-block .chart-box .chart-mini{width: 66px; height: 60px;}
  ul.four-box li .white-block .chart-box span{font-size: 12px; line-height: 15px;}
  .inner-title .btn-view{font-size: 0px; line-height: 0px; padding: 0px; width: 38px; line-height: 38px;}
  .inner-title h2{font-size: 16px; line-height: 19px; width: 80%;}

  .result-list .result-block .result-titlebar{padding: 0px; display: block;}
  .result-list .result-block .result-titlebar .chart{width: 100px; height: 90px; margin-right: 0; position: absolute; top: 12px; left: 15px;}
  .result-list .result-block .result-titlebar .btn-area{gap: 6px; position: absolute; right: 10px; top: 24px; max-width: 100%;}
  .result-list .result-block .result-titlebar .btn-click,
  .result-list .result-block .result-titlebar .btn-download{font-size: 12px; line-height: 14px; padding: 8px 5px; min-width: 120px;}
  .result-list .result-block .result-titlebar .date{ right: 10px; top: auto; bottom: 12px; left: auto; transform: rotate(0deg); width: 115px; }
  .result-list .result-block .left-part{width: 100%; padding: 114px 0 0 0;}
  .result-list .result-block .result-titlebar .info{font-size: 12px; line-height: 16px; width: 100%; padding: 12px 15px; max-width: 63%;}
  .result-list .result-block .result-titlebar .info span{font-size: 12px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab{display: block; font-size: 12px; padding: 7px 0; border-bottom: #A6D8DD 1px dashed; background: #fff; border-radius: 8px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .left{display: block;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .info{padding: 2px 12px; border-radius: 8px 8px 0 0; border: none; font-size: 12px; display: flex; justify-content: space-between; align-items: center;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .info.ml{border-radius: 0px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .range-text{padding: 2px 12px; border: none; border-radius: 0 0 8px 8px; display: flex; align-items: center; justify-content: space-between; font-size: 12px;}
  .result-list .result-block .result-content .parameter-main-block .title-tab .range-text span{font-size: 12px;}
  .result-list .result-block .result-content .chart-number{display: block;}
  .result-list .result-block .result-content .chart-number li{width: 100%; margin-bottom: 6px;}
  .result-list .result-block .result-content .chart-number li .number-block{padding: 10px 0 10px 10px;}
  .result-list .result-block .result-content .chart-number li .number-block .number{width: 20px; height: 20px; font-size: 12px; line-height: 19px; border-radius: 50%; top: 10px; right: 10px;}
  .result-list .result-block .result-content .parameter-main-block .bottom-content{padding: 10px; font-size: 10px; line-height: 14px;}

  .full-screen-sign-page .form-area .logo{width: 90px;}
  .full-screen-sign-page .form-area h1{font-size: 24px; line-height: 30px;}
  .full-screen-sign-page .form-area p{font-size: 14px; margin: 0 0 12px 0;}
  .full-screen-sign-page .form-area{width: 90%; padding: 20px; min-width: auto;}
  .full-screen-sign-page .form-area .iti .iti__flag-container .iti__selected-flag{padding: 0 12px; }

  .searchbar-area .inner-white-box{display: block;}
  .searchbar-area .inner-white-box .search_test_result{display: block;}
  .searchbar-area .inner-white-box .form-group{margin: 10px 0 0 0;}
  .searchbar-area .inner-white-box .form-control{width: 100%; max-width: 100%;}
  .searchbar-area .inner-white-box .search{margin-top: 10px; justify-content: end;}
  .searchbar-area .inner-white-box .search-btn{margin: 0 3px 0 0;}

  .result-list .result-block .result-content .parameter-main-block .fullbar-tab{display: block; padding: 7px 0;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .left {display: block; width: 100%;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .info{padding: 2px 12px; max-width: 100%; border-radius: 8px 8px 0 0; border: none; font-size: 12px; display: flex; justify-content: space-between; align-items: center; margin-right: 0px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .info span{font-size: 12px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .nav{display: flex; justify-content: center; margin-top: 10px;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .nav .nav-link{margin: 0 3px;}
  .result-list .result-block .result-content .parameter-main-block .chart-main-info{display: block; padding: 10px;}
  .result-list .result-block .result-content .parameter-main-block .chart-main-info .chart-box{width: 100%;  transform: translateX(12px);}
  .result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info{width: 100%; padding: 0px;}
  .result-list .result-block .result-content .parameter-main-block .chart-main-info .apexcharts-legend{display: none;}
  .result-list .result-block .result-content .parameter-main-block .chart-main-info .trend-info .trend-box{padding: 5px 10px 7px 10px; font-size: 12px; line-height: 15px;}
  .parameter-main-block .nav { flex-direction: row;}
  .result-list .result-block .result-content .parameter-main-block .fullbar-tab .parameter-box {         row-gap: 6px;}

  .profile-page{padding: 15px 15px 7px 15px;}
  .profile-page h1{margin: 0 0 15px 0;}
  .profile-page ul li{width: 100%; margin-bottom: 8px;}
  .profile-page ul li .info{font-size: 14px; padding: 10px 16px;}

  .footer_copyright{flex-direction: column; padding: 10px 25px;}
  .footer_copyright ul.link li{margin: 0 10px;}
  .footer_copyright ul.link li a{font-size: 12px; line-height: 18px; display: block;}
  .footer_copyright p {font-size: 12px; line-height: 18px; display: flex; gap: 42px;}
  .footer_copyright ul.link { gap: 30px; margin-bottom: 5px; }

  .feedback_form{padding: 15px;}
  .feedback_form h2{font-size: 18px;}
  .feedback_form .info {font-size: 12px; line-height: 15px; margin: 0px 0px 10px 0px;}
  .feedback_form ul.result-lists li{width: 100%; margin-bottom: 8px;}
  .feedback_form ul.result-lists li .form-group{display: block; position: relative; padding: 10px 15px;}
  .feedback_form ul.result-lists li .form-group h5{font-size: 14px; margin: 0 0 10px 0;}
  .feedback_form ul.result-lists li .form-group .br-widget .br-current-rating{position: absolute; top: 21px; right: 12px;}


  .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab { padding: 10px 6px; flex-wrap: wrap; gap: 10px; }
  .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .info { border-bottom: 0; gap: 5px; padding: 2px 8px; }
  .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .range-text { border: 0; gap: 5px; padding: 2px 8px; }
  .result-content .parameter-main-block .title-tab.parameter-title-tab .center .parameter-box li .parameter-block .box { width: 14px; height: 14px; }
  .result-content .parameter-main-block .title-tab.parameter-title-tab .center .parameter-box li .parameter-block { font-size: 10px;  line-height: 16px;}
   .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .center { width: 100%;}
   .result-list .result-block .result-content .parameter-main-block .title-tab.parameter-title-tab .left { width: 100%;}

  .result-list nav .pagination .page-item a, .result-list nav .pagination .page-item span {  min-width: 28px; font-size: 12px; padding: 0; height: 28px; }
  .result-list .result-block .result-content .parameter-main-block .bottom-content span {  font-size: 10px !important; }
  .result-list nav .pagination { gap: 3px;}


  #loader-wrapper img { width: 40px; height: 40px; }
  #loader { width: 142px; height: 142px; }
  #loader::after, #loader::before { width: 100px; height: 100px; }
  #loader::before { width: 122px; height: 122px; }

  .result-list .result-block .result-content .parameter-main-block .result_area .test-range span { left: 15px; top: -2px; font-size: 12px;}
  .full-screen-sign-page .form-area .otp-block .form-control { font-size: 16px; padding: 7px 8px; }


}