html { font-size: 62.5%; }

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Medium.eot');
    src: url('../fonts/Inter28pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter28pt-Medium.woff') format('woff'),
        url('../fonts/Inter28pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Regular.eot');
    src: url('../fonts/Inter28pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter28pt-Regular.woff') format('woff'),
        url('../fonts/Inter28pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-SemiBold.eot');
    src: url('../fonts/Inter28pt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter28pt-SemiBold.woff') format('woff'),
        url('../fonts/Inter28pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Bold.eot');
    src: url('../fonts/Inter28pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter28pt-Bold.woff') format('woff'),
        url('../fonts/Inter28pt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-ExtraBold.eot');
    src: url('../fonts/Inter28pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter28pt-ExtraBold.woff') format('woff'),
        url('../fonts/Inter28pt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter28pt-Light.eot');
    src: url('../fonts/Inter28pt-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter28pt-Light.woff2') format('woff2'),
        url('../fonts/Inter28pt-Light.woff') format('woff'),
        url('../fonts/Inter28pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body { margin: 0; padding: 0;  font-family: 'Inter'; overflow-x: hidden;  font-weight: 400; font-size: 1.6rem;}
:root { --PrimaryColor:#DE4C2C; --blackColor:#000000; --whiteColor:#fff; --SecondaryColor:#2C2421; --TextMainColor:#7E6F67;}

a{text-decoration: none;}



ul{list-style: none; padding: 0; margin: 0;}
a{transition: all .2s ease; text-decoration: none;}
.bg-gray{background: var(--gray-bg-color); }

/* .same-section { padding: 5.729166666666667vw 0; } */
/* .same-heading { padding-bottom: 6rem; } */
/* .same-heading h2 { font-weight: 400; font-size: 1.8229166666666667vw; line-height: 1.4; text-transform: capitalize; color: #282828; margin-bottom: 1rem; }
.same-heading h2 strong { font-weight: 600; }
.same-heading h3{font-size: 1.563vw; color: #282828; font-weight: 600;}
.same-heading h3 strong{font-weight: 600;}
.same-heading p, p { font-weight: 400; font-size: 1.0416666666666667vw; line-height:1.4; color: #232323; } */
/* .same-heading .wid-550{width: 100%; max-width: 90%; } */
.container-fluid { padding: 0 2vw; }
.w-70 { width: 100%; max-width: 65%; margin: auto; }
.btn {     text-transform: capitalize;  transition: .3s; border-radius: 5px; font-size: 16px;  padding:1.4rem 3rem;border: 1px solid transparent; font-weight: 500; transition: all .2s ease; }
.btn-primaryx{font-size: 16px; font-weight: 500; background-color: var(--PrimaryColor); color: var(--whiteColor);    transition: .3s; border-radius: 5px; border: solid 1px var(--PrimaryColor); text-transform: capitalize; padding:1.4rem 3rem; display: inline-block;}
.btn-primaryx:hover{background: var(--whiteColor); color: var(--PrimaryColor);  box-shadow: 0px 8px 9px rgb(178 16 11 / 28%); transform: translateY(-5px); }
.btn-outline-primaryx{font-size: 16px; font-weight: 500; background-color: var(--whiteColor); color: #9B9B9B; border-radius: 5px;    transition: .3s; border: solid 1px #9B9B9B; text-transform: capitalize; padding:1.4rem 3rem; display: inline-block;}
.btn-outline-primaryx:hover{background: var(--PrimaryColor); color: var(--whiteColor); border-color: var(--PrimaryColor); box-shadow: 0px 8px 9px rgb(178 16 11 / 28%); transform: translateY(-5px);}
:is(.btn-primaryx, .btn-outline-primaryx):focus{outline: none; box-shadow: none;}
.btn-white{background: var(--whiteColor); color: var(--PrimaryColor); border-color: var(--PrimaryColor);}
.btn-white:hover{background: var(--PrimaryColor); color: var(--whiteColor); border-color: var(--PrimaryColor); transform: translateY(-5px);box-shadow: 0px 8px 9px rgb(178 16 11 / 28%); }

.btn-blackx{background: #222222; color: var(--whiteColor); border-color: #222222;}
.btn-blackx:hover{background: var(--whiteColor); color: #222222; border-color: var(--whiteColor); transform: translateY(-5px);box-shadow: 0px 8px 9px rgba(97, 90, 90, 0.28); }
.hawaiian-group-btn-list a.btn-blackx{background: #222222; color: var(--whiteColor); border-color: #222222;}
.hawaiian-group-btn-list a.btn-blackx:hover{border-color: #222222;background: #222222;  box-shadow: 0px 8px 9px rgba(97, 90, 90, 0.28);}



/* new hawai css start */
.hawai-video-section-box { position: relative; border-radius: 10px; overflow: hidden; }
.hawai-video-section-box img{width: 100%; height: 100%; object-fit: cover;}
.video-play-icon { width: 4.2rem; height: 4.2rem; font-size: 16px; line-height: 4.2rem; border: solid 1px var(--PrimaryColor); background: var(--PrimaryColor); color: var(--whiteColor); text-align: center; display: inline-block; cursor: pointer; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;  z-index: 2;}
.video-play-icon:after, .video-play-icon:before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; visibility: visible; border: 1px solid  var(--PrimaryColor); border-image: initial; transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25) 0s; border-radius: 100%; animation: ripple 2s linear infinite; }
.video-play-icon:hover{color: var(--whiteColor);}
.hawai-video-section-box.meeting-img-box{height: 500px;}



.hawaiian-group-btn-list{    display: flex; align-items: center; flex-wrap: wrap;}
.hawaiian-group-btn-list a{    display: flex; align-items: center; flex-wrap: wrap; font-size: 18px; font-weight: 600; color: var(--whiteColor); background: var(--PrimaryColor); border: solid 1px var(--PrimaryColor); padding: 7px 20px; border-radius: 5px; text-align: left;}
.hawaiian-group-btn-list a + a{margin: 15px 0 15px 15px;}
.hawaiian-group-btn-list a .btn-icon{width: 38px; text-align: center; margin-right: 10px;}
.hawaiian-group-btn-list a .text-box span{display: block; font-weight: 300; font-size: 14px; text-transform: uppercase;}
.hawaiian-group-btn-list a:hover{background: var(--PrimaryColor); color: var(--whiteColor);}
.hawaiian-group-btn-list a .text-box{text-transform: capitalize;}

/* .header { padding:1.6rem 2vw; width: 100%; border-bottom: 1px solid #ffffff42; position: relative;    transform: translateZ(0); transition: all 0.5s;  z-index:999;      min-height: 90px;     display: flex; align-items: center; background: var(--black-color);} */
/* .homepage-header .header {background: transparent;} */


/* .header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; max-width: 100%; }
.header .container .header-menu-wrap{ width: 87%;  margin-left: auto; } */
/* .header .btn-primaryx {padding:0.7vw 1.5vw} */
/* .header nav { display: flex; align-items: center; justify-content: end; width: 100%; vertical-align: middle; }
.header nav ul { display: inline-flex; vertical-align: middle; }
.header nav ul li { display:inline-flex; vertical-align: middle; }
.header nav ul li a { font-weight: 500; font-size: 16px; line-height: normal; color: var(--whiteColor); position: relative; padding: 2px; margin: 0 10px; display: inline-flex; align-items: center;}
.header nav ul .dropdown-hover{ background: transparent; border-radius: 5px; padding: 10px ; text-transform: uppercase; }
.header nav ul li a::after { content: ""; position: absolute; bottom: 0px; background-color: var(--PrimaryColor); height: 2px; width: 100%; -webkit-transform: scale(0); transform: scale(0); right: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.header nav ul li a:hover { color: var(--PrimaryColor); }
.header nav ul .dropdown-hover i { margin-left: 9px; }
.header nav ul li a:hover::after { -webkit-transform: scale(1); transform: scale(1); }
/* .header nav .user-click{margin-left: 1.5rem;} */
/* .header nav .sign-btn{display: flex; align-items: center;}

.header .user-login-warp{ padding: 1vw; height: 100%; border-left: solid 1px #CDCDCD; }
.header .user-login-warp .user-img { font-size: 70px;      width: 100%; max-width: 180px; border-radius: 50%; margin: 20px auto;}
.header .user-login-warp h4{ font-weight: 400; font-size: 15px; color: var(--black-color); text-align: left; line-height: 1.5; }
.header .user-login-warp .p{    font-size: 16px; color: var(--black-color);}
.header .user-login-warp .userlogin ul{    display: flex; justify-content: center; margin: 45px 0;}
.header .user-login-warp .userlogin ul li { width: 37%; }
.header .user-login-warp .userlogin ul li + li { border-left: 1px solid rgba(28, 28, 28, 0.1); padding-left: 20px;}
.header .user-login-warp .userlogin ul li .nobx { font-weight: 700; font-size: 40px; color: var(--black-color); line-height: normal; }
.header .user-login-warp .userlogin ul li p { font-weight: 500; font-size: 18px; color: var(--black-color); }
.header .without-login .barcode{width: 100%; max-width: 200px; margin: 20px auto; max-height: 200px;position: relative;    display: flex; align-items: center;}
.header .without-login .barcode img{object-fit: cover; }
.header .without-login .barcode .btn-primaryx {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 12px; padding: 7px 15px; width: 100%; max-width: max-content; visibility: hidden; opacity: 0; color: var(--whiteColor);}
.header .without-login .barcode .btn-primaryx:hover,.header .without-login .barcode .btn-primaryx:focus,.header .without-login .barcode .btn-primaryx:active{background: #fff !important; color: var(--PrimaryColor) !important;}
.header .without-login .barcode.blurcode img{opacity: 0.2;}
.header .without-login .barcode.blurcode  .btn-primaryx {visibility: visible; opacity: 1;}
.header .without-login .btn-list{margin-top: 2rem;}
.header .without-login .btn-list .btn.btn-primaryx { margin: 5px; }
.mobile-userlogin{display: none;}
.header .dropdown .dropdown-menu { padding: 0px; display: block !important; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25); transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25); top: 60%; right: 0; left: 0; background: transparent; border: 0; }
.header .mega-menu .dropdown{ position: inherit; }
.header .mega-menu .mega-menu-box{ background: #FFFFFF; margin-top:34px; box-shadow:0px 20px 100px rgb(64 64 64 / 78%); border-top: 1px solid #DFDFDF; overflow-x: hidden; }
.header .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: all; }




@media (min-width:1199px) {
  .header nav > ul > li > .dropdown:hover{    background: #ffe2e2; color: var(--PrimaryColor);}
}

.header nav > ul > li > .dropdown:hover > a{color: var(--PrimaryColor) !important;}
.header .dropdown a::after { display: none; }
.header .dropdown .dropdown-item { padding: 8px 15px; color: var(--black-color); }
.header .dropdown .dropdown-item:hover { color: var(--black-color); background: #eee; }
.header .btn-custom { display: inline-block; vertical-align: middle; margin-left: 4rem; }
.header .mega-menu .mega-menu-box h2 { font-weight: 700; font-size: 40px; color: var(--black-color); margin-bottom: 15px; } 
.header .mega-menu .mega-menu-box h2{font-weight: 700; font-size: 40px;color: var(--black-color); margin-bottom: 15px;}
.header .mega-menu .mega-menu-box p{font-weight: 400; font-size: 16px; color: var(--black-color); line-height: 1.6;}
.header .mega-menu .mega-menu-box .learn-more-btn{color: var(--PrimaryColor);font-weight: 600; font-size: 16px; margin: 0; display: inline-block;}
.header .mega-menu .left-mega-menu-title{padding: 1vw}
.header .mega-menu .middle-menu{padding: 1vw;}
.header .mega-menu .middle-menu ul{display: flex; flex-wrap: wrap; }
.header .mega-menu .middle-menu ul li{width: 50%; padding: 0 9px;}
.header .mega-menu .middle-menu ul li .dropdown-item{background: #fff url('../images/menu-arrow-left.png')no-repeat center left; font-weight: 500; padding: 11px 5px 11px 30px; font-size: 16px; display: block; width: 100%; white-space: normal; color: var(--black-color);  background-size: 0;}
.header .mega-menu .middle-menu ul li .dropdown-item:hover{    background-size: 26px;}



.header .user-login-warp .digital-qrcode {    max-width: 116px;    max-height: 116px;}
.header .user-login-warp .digital-qrcode .btn-qrcode{    padding: 7px 9px; width: 100%; max-width: 160px; margin: auto; font-size: 12px; background: #D9D9D9; border-color: #D9D9D9; color: #000 !important; border-radius: 12px;}
.header .user-login-warp .digital-qrcode .btn-qrcode:hover{box-shadow: none;} */ */


/* 

.homepage-header .header nav ul li a { color: var(--whiteColor); }
.homepage-header .nation-flag-title li a { color: var(--black-color); }
.homepage-header .header nav ul .dropdown-hover:hover { color: var(--PrimaryColor);  }
.homepage-header header.header_fix { background: var(--black-color); }
.header .user-click .search-icon-bx {margin:0 20px 0 16px;}
.header .user-click  .search-icon-bx { filter: invert(1) brightness(7.5);}
.header  .site-logobx {width: 100%; max-width: 250px;}
.header .decentralized-box{padding: 1.5vw 1vw; border-top: solid 1px #A5A5A5;    display: flex; align-items: center;}
.header .decentralized-box .digital-store-btn{margin: 0 0 0 2vw;}
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list){flex-wrap: wrap ;}
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a{width: 100%; max-width: 290px; margin: 0 auto; background: var(--whiteColor);  color: var(--black-color); }
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a .light-title{    font-size: 12px; color: #000;}
.header .decentralized-box .digital-store-btn .btn-box:not(:last-child){border-right: solid 1px #B8B8B8;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(2) a{color: #C8102E;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(3) a{color: #0186B3;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(4) a{color: #694E70;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(5) a{color: #000;}
 */

/* .header .nation-top-title h3{font-size: 2.8rem; font-weight: 700; color:var(--black-color);}
.header .phase-invite-title{font-weight: 700; font-size: 20px; color:var(--black-color);}
.header .bottom-nation-flag .nation-flag-title{    flex-wrap: wrap;}
.header .bottom-nation-flag .nation-flag-title li{ width: 12%; padding: 7px 0;}
.header .bottom-nation-flag .nation-flag-title li a{font-size: 0.8vw;  margin: 0; }
.header .bottom-nation-flag .nation-flag-title li .natin-flag {     min-width: 23px; max-width: 23px; margin-right: 7px;}
.header .mega-menu .middle-menu ul li .dropdown-item .event-title{display: inline-block; min-height: 46px;}
.header .mega-menu .middle-menu ul li .dropdown-item .eventimg-box { border: solid 1px #b2100b08; border-radius: 5px; overflow: hidden; }
.header nav ul li .digital-store-btn a{padding: 5px 10px;}
 */

/* commmon css start */
.same-heading p + p {padding-top: 1rem;}
.same-heading .btn.mt-30{margin-top: 1.3020833333333333vw;}
.skyblue-gradient-bg{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #D9EEF9 100%);}
.video-modal-dialog .modal-content { border-width: 7px; border:solid 7px #fff;}
.video-modal-dialog .btn-close { position: absolute; width: 30px; height: 30px; z-index: 1; opacity: 1; text-align: center; line-height: 30px; right: -18px; top: -18px; font-size: 18px; border-radius: 50%; background: var(--whiteColor); transition: all 0.2s ease 0s; outline: none !important;  border: 0; font-weight:600}
.video-modal-dialog .btn-close:hover{    background: var(--PrimaryColor);
  color: #ffffff;}
.video-modal-dialog .modal-body { padding: 0px; }
.video-player { text-align: center; overflow: hidden;  }
.video-modal-dialog video { width: 100%; display: block; }







.banner-wrapper .banner-text-heading h1 span b{     font-family: 'Built Titling Rg'; font-weight: 400;}
/* .banner-wrapper{padding: 12vw  0 3vw;} */
/* .banner-wrapper .banner-text-heading h1 { font-weight: 400; font-size: 7.8125vw; line-height: 6.25vw; color: var(--whiteColor); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7); font-family: 'Bebas Neue'; }
.banner-wrapper .banner-text-heading h1 small { font-size: 2.9vw; line-height: 1.2; color: var(--whiteColor); }
.banner-wrapper  p {font-weight: 300; width: 100%; color: var(--whiteColor); max-width: 625px; text-shadow: 0px 4px 4px rgb(0 0 0 / 70%); line-height: 1.6; margin-bottom: 2rem; }
.banner-wrapper p strong{font-weight: 600;} */
/* .banner-wrapper .video-play-icon {width: 6.2rem;height: 6.2rem; line-height: 6.2rem; font-size: 2rem; position: relative;}  */



.hawai-home-banner .banner-icon-logo{text-align: right;}
.hawai-home-banner .banner-icon-logo img { filter: invert(0) grayscale(1);  }
.hawai-home-banner{margin-top: -12rem;}
.hawai-home-banner .banner-text-heading { display: flex; align-items: center; }
.hawai-home-banner .banner-text-heading .video-banner-icon { position: relative; top: 3.5vw; left: 4vw; }
.banner-wrapper .video-play-icon {width: 6.2rem;height: 6.2rem; line-height: 6.2rem; font-size: 2rem; position: relative;}
.hawai-home-banner .banner-text-heading h1 .kingdom-text-img {display: block; margin: 1rem 0 2rem; width: 100%; max-width: 26.042vw;}
/* .hawai-home-banner #hawaiian-banner-slider .bannerslide-bg-img{height: 904px;} */
.hawai-home-banner .carousel-caption{text-align: left;}
/* .hawai-home-banner #hawaiian-banner-slider .bannerslide-bg-img img{width: 100%; height: 100%; object-fit: cover;} */
.hawai-home-banner #hawaiian-banner-slider .carousel-item{min-height: 100vh; padding: 10vw 0 0;  height: 100%; }
.hawai-home-banner #hawaiian-banner-slider  .carousel-caption {     top: inherit; bottom: inherit; transform: inherit; left: inherit; right: inherit; position: relative; min-height: calc(100vh - 19vh); display: flex; align-items: flex-end; height: 100%;}


.hawai-home-banner .banner-text-heading h1 { font-weight: 400; font-size: 7.8125vw; line-height: 6.25vw; color: var(--whiteColor);font-family: 'Montserrat', sans-serif; text-align: left;}
.hawai-home-banner .banner-text-heading small { font-weight: 300; font-size: 3.125vw;  line-height: 1.2; color: var(--whiteColor); display: block;}
.hawai-home-banner p{text-align: left; font-weight: 300; width: 100%; color: var(--whiteColor); max-width: 625px; line-height: 1.6; margin-bottom: 3rem; }
.hawai-home-banner  p strong{font-weight: 600;}
.hawai-home-banner .first-slide-carousel .video-play-icon {transform: inherit; left: 0; top: 0; margin-top: 3rem;} 
.hawai-home-banner .second-slide-carousel .video-banner-icon { height: 100%; display: flex; align-items: center; justify-content: center; }
.hawai-home-banner .second-slide-carousel .video-play-icon{border: solid 1px var(--whiteColor); background: var(--whiteColor); color: var(--PrimaryColor); transform: inherit; top: inherit; left: inherit;}
.hawai-home-banner .second-slide-carousel .video-play-icon:after, .hawai-home-banner .second-slide-carousel .video-play-icon:before{border-color: var(--whiteColor);}
.hawai-home-banner .second-slide-carousel .banner-bottom-btn{padding-top: 1vw;}

.hawai-home-banner .carousel-indicators [data-bs-target]{width: 12px; height: 12px; border-radius: 50%; margin: 0 5px;}
.hawai-home-banner .hawaiian-king-img-box{text-align: center; width: 100%; max-width: 20vw; margin: auto;}
.hawaiian-red-banner .header .sign-btn .btn-primaryx {background: var(--whiteColor); color: var(--PrimaryColor); border-color:var(--whiteColor) ;}
.hawaiian-redbanner-logo{display: none;}
.hawaiian-red-banner .hawaiian-redbanner-logo { display: block; }
.hawaiian-red-banner .logo-img { display: none; }
.hawaiian-red-banner  .homepage-header header.header_fix .hawaiian-redbanner-logo{display: none;}
.hawaiian-red-banner  .homepage-header header.header_fix .logo-img { display: block; }
.hawai-home-banner button:focus{outline: none;}
.hawai-home-banner .banner-bottom-btn{padding-top: 3vw;}
.hawai-home-banner .banner-bottom-btn .hawain-download-titleicon{display: flex; align-items: center; margin-bottom: 6px;}
.hawai-home-banner .banner-bottom-btn h3{font-size: 16px; color: var(--whiteColor); font-weight: 600; margin-left: 15px; }
.hawai-home-banner .banner-bottom-btn .hawaiian-group-btn-list a{background: var(--black-color); border-color: var(--black-color);}
.hawai-home-banner .carousel-indicators{    bottom: -9px;}



.principles-list-wraapper{position: relative;}
.principles-list-wraapper .middle-line-bx{width: 100%; position: absolute; left: 0; right: 0; height: 2px; content: ''; top: 50%; transform: translateY(-50%); border: dashed 1px var(--PrimaryColor);}
.principles-list-wraapper .middle-line-bx:before{position: absolute; left: -8px; width: 8px; height: 8px; background: var(--PrimaryColor); border-radius: 50%; content: ''; top: 50%; transform: translateY(-50%);}
.principles-list-wraapper .middle-line-bx:after{position: absolute; right: -8px; width: 8px; height: 8px; background: var(--PrimaryColor); border-radius: 50%; content: ''; top: 50%; transform: translateY(-50%);}
.principles-list-wraapper .principles-list{ display: flex; flex-wrap: wrap; justify-content: center; position: relative;  }
.principles-list-wraapper .principles-list li{width: 25%; }
.principles-list-wraapper .principles-list li .principles-content{text-align: center; display: flex; flex-direction: column; min-height: 180px;}
.principles-list-wraapper .principles-list li .principles-content h4{font-size: 20px; color: var(--black-color); font-weight: 600;}
.principles-list-wraapper .principles-list li .principles-content p{font-size:16px; color: var(--black-color); font-weight: 400; line-height: normal; min-height: 5rem;}
.principles-list-wraapper .principles-list li .principles-content .no-box{width: 30px; height: 30px; line-height: 30px; text-align: center; background: var(--PrimaryColor); color: var(--whiteColor); font-size: 16px; font-weight: 600; border-radius: 50%; margin: 1rem auto; position: relative; z-index: 9;}
.principles-list-wraapper .principles-list li .principles-content .no-box:before{position: absolute; width: 19px; height: 19px; border-radius: 50%; background: var(--PrimaryColor); content: ''; top: 68px; left: 50%; transform: translateX(-50%); z-index: -2;}
.principles-list-wraapper .principles-list li .principles-content .no-box::after{position: absolute; width: 2px; height: 7rem; background: var(--PrimaryColor); content: ''; top: 0; left: 50%; transform: translateX(-50%); z-index: -2;}

.principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7))  .principles-content{position: relative; top: 50px;}
.principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content .no-box{order: 1;     margin-bottom: 3rem;}
.principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content .no-box:before{top: -68px;}
.principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content .no-box:after{top: -68px;}
.principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content h4 { order: 2; }
.principles-list-wraapper .principles-list :is(li:nth-child(5),li:nth-child(6),li:nth-child(7)) .principles-content p { order: 3; }


.style-hawai-nation-wrapper .vertical-bordermiddle-row{position: relative;}
.style-hawai-nation-wrapper .vertical-bordermiddle-row:before{position: absolute; left: 50%; top: 0; height:100%;  content: ''; border: dashed 0.1px var(--black-color);}


.upload-better-choice-bx h3{font-size: 1.146vw;  color: #282828; font-weight: 600; text-align: center; line-height: 1.5;}
.upload-better-choice-bx p{font-size: 16px;  color: var(--black-color); font-weight: 300; text-align: center; line-height: 1.5;}
.upload-btn{position: relative; min-height: 203px; margin: 4rem 0 2rem;}
.upload-btn input[id="upload-choice-img"] { display: none; }
.upload-btn label[for="upload-choice-img"] { background: #fff url('../images/upload-file-icon.svg')no-repeat center top 50px; position: absolute; color: transparent; margin: auto; width: 100%; max-width: 530px; margin: auto; height: 203px; top: 50%; left: 0; right: 0; transform: translateY(-50%); box-sizing: border-box; border-radius: 3rem; }
.upload-btn label[for="upload-choice-img"]:before { content: "Upload Design"; display: inline-flex; position: absolute; font-size: 22px; color: #DFDFDF; font-weight: 600; left: 9px; right: 9px; top: 9px; bottom: 9px; margin: auto; text-align: center; border: 1px dashed var(--black-color); border-radius: 30px; align-items: center; padding-top: 40px; justify-content: center; }
.upload-btn label[for="upload-choice-img"] { cursor: pointer; transition: 400ms ease; }
.upload-btn .file_names { display: block; position: absolute; color: black; left: 0; right:0;  bottom: 30px; font-size: 16px; font-weight: 300;  text-align: center;}



.become-member-wrap .member-list { display: flex; align-items: center; justify-content: center; }
.become-member-wrap .member-list li { width: auto; padding: 0px 15px; }
.hawaiian-video-wrapper .hawaiian-middle-video{margin-bottom: 3rem;}
.hawaiian-video-wrapper .hawaiian-middle-video .video-img { height: 250px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 2rem; }
.hawaiian-video-wrapper .hawaiian-middle-video .video-img::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); content: '';     z-index: 1;}
.hawaiian-video-wrapper .hawaiian-middle-video h4 { color: #282828; font-size: 2rem; text-align: center; }
.hawaiian-video-wrapper .hawaiian-middle-video .video-img img { width: 100%; height: 100%; object-fit: cover;     filter: grayscale(1); }

@keyframes ripple{
  0% { transform: scale(1); }
  50% { transform: scale(1.3); opacity:1; }
  100% { transform: scale(1.6); opacity:0; }
}


.hawainflag-detail-warpper .hawainflag-detail-list { display: flex; flex-wrap: wrap; }
.hawainflag-detail-warpper .hawainflag-detail-list li { width: 50%; padding-bottom: 4rem; }
.hawainflag-detail-warpper .hawainflag-detail-list li h4 { font-weight: 600; font-size: 2rem; color: var(--black-color); }
.hawainflag-detail-warpper .hawainflag-detail-list li p { font-size: 16px; color: var(--black-color); margin-bottom: 2px; }
.hawainflag-detail-warpper .img-box img{max-width: 109%;}
.style-hawai-nation-wrapper .hawai-natrion-logo{width: 100%; max-width: 80%; margin: 0 auto;}
.style-hawai-nation-wrapper .download-style-btn{margin-top: 10rem;}


.digital-store-btn {display: flex; justify-content: center; margin-top: 4rem; flex-wrap: wrap;} 
.digital-store-btn :is(.downloadapps-btn-list ,.buy-phone-list){  display: flex; width: 100%; justify-content: center; flex-wrap: nowrap; }  
.digital-store-btn.store-full-btn{max-width: 840px; margin: 4rem auto 0;}
.digital-store-btn .text-note{font-size: 14px; color: #000;    font-weight: 500;margin-top: 2.6rem;}
.digital-store-btn a { font-size: 2rem; line-height: normal; text-transform: capitalize; font-weight: 500; color: var(--whiteColor); line-height: normal; display: flex; align-items: center;  background: var(--PrimaryColor); border-radius: 5px; padding: 11px 16px 11px 10px;  text-align: left; transition: all .2s ease; min-width: 200px;}
.digital-store-btn a + a  {margin-left: 11px;}
.digital-store-btn .btn-box{padding:5px;}
.digital-store-btn .coming-soon{font-weight: 400; font-size: 10px;color: #8C8B8B; margin-bottom: 0;text-align: center; margin-top: 5px;}
.digital-store-btn .light-gray-bg { background: #D2D2D2; color: #A9A9A9;}
.digital-store-btn .dark-gray-bg {background: #2F2F2F;}
.digital-store-btn .purple-bg { background: rgb(104, 79, 110);}
.digital-store-btn .black-bg{background: var(--black-color);}
.digital-store-btn .orange-bg{background: #EF4449;}
.digital-store-btn .light-bluebg{background: #0295F0;}
.digital-store-btn a .left-icon { width: 38px; text-align: center; margin-right: 10px;}
.digital-store-btn a .light-title { font-weight: 400; font-size: 10px; display: block;  text-transform: uppercase;}
.digital-store-btn .gray-bg{background: #2F2F2F; border-color: #2F2F2F; text-align: center;}
.digital-store-btn .gray-bg:hover{background: #fff; border-color: #2F2F2F;color: #2F2F2F; text-align: center; box-shadow: none!important; transform: inherit;}
.digital-store-btn a:hover{transform: translateY(-5px);}
.digital-store-btn .min-width310{min-width: 305px;}


.footer .copyright {background: #E3E1E1; padding: 13px 0px; text-align: center; }
.footer .copyright p{font-size: 18px; color: var(--black-color); font-weight: 300; margin: 0; line-height: normal;}



.step-cardbx{border: 0; margin-bottom: 3rem; background: transparent; border-radius: 10px;}
.step-cardbx.bg-gray{background: #EEEEEE;}
.step-cardbx .img-box{background: #FFFFFF; overflow: hidden; border: 1px solid transparent; border-radius: 20px; text-align: center; min-height: 300px;     display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2rem;}
.step-cardbx .img-box.fullcover-img{padding: 0; display: block; min-height: inherit; border: 0; background: transparent;}
.step-cardbx .img-box.fullcover-img img{width: 100%; height: 100%; object-fit: cover; }
.step-cardbx .img-box.full-gray-img {padding: 0; display: block; min-height: inherit; border: 0; background: transparent;}
/* .step-cardbx p{font-weight: 400; font-size: 1.0416666666666667vw; line-height: 2.1; color: #232323;} */
.digital-land-map-section{ background: linear-gradient(to top, #f6f6f6 20% ,#fff 0%);}

.step-cardbx .img-box h5{font-size: 2rem; color: var(--black-color); font-weight: 600; margin-top: 3rem;}
.step-cardbx .title-heading span { font-weight: 800; font-size: 3rem; color: var(--PrimaryColor); padding-right: 8px; }
.step-cardbx .title-heading { font-size: 1.21vw; color: var(--black-color); font-weight: 600; margin-bottom: 10px; line-height: normal; text-transform: capitalize; }

.image-textuppr-section .fullimg-bx img{width: 100%; height: 100%;}
.image-textuppr-section .same-heading {background: #FFFFFF; padding: 4.2rem 3rem; text-align: center; width: 100%; max-width: 80%; margin: -8rem auto 0; z-index: 1; position: relative; }
.image-textuppr-section .same-heading.box-shadow-bx {box-shadow: 0px -31px 40px rgba(0, 0, 0, 0.25);}

.digital-reputation-icon{background: #FFFFFF; border-radius: 22px; padding: 19px; width: 120px; height: 120px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; box-shadow: 0px 6px 42px rgba(0, 0, 0, 0.25);}
.digital-reputation-icon.no-bxshadow{box-shadow: none;}


.autonomous-digital-section .col-md-6{margin-bottom: 15px;}
.autonomous-digital-section .step-cardbx{background: #F4F4F4; border: 1px solid #D2D2D2; border-radius: 10px; padding: 4rem 2rem; height: 100%;}
.autonomous-digital-section .step-cardbx .img-box{min-height: inherit; background: #F4F4F4;justify-content: flex-start; text-align: left; flex-direction: inherit; padding: 0; margin-bottom: 2rem;}
.why-digital-dao{margin-top: -5rem; position: relative;}



.get-started-wrap .started-list { background: url(../images/started-list-border.png)no-repeat center top 50px; display: flex; align-items: center; justify-content: center; }
.get-started-wrap .started-list li { width: 20%; text-align: center; }
.get-started-wrap .started-list li:nth-child(even) { position: relative; top: 45px; }
.get-started-wrap .started-list li .icon-box { width: 100px; height: 100px; border-radius: 50%; background: var(--whiteColor); line-height: 100px; text-align: center; margin: 0 auto 30px; }



.green-check-icon {margin-top: 2rem;}
.green-check-icon li{display: inline-block; vertical-align: top;  position: relative; padding: 2px 0 2px 34px;  margin-right:1rem; font-size: 16px; line-height:1.6; color: #000; font-weight: 500;     background: url(../images/greencheck-icon.svg)no-repeat left top;} 
.identy-verification-text { font-weight: 500; font-size: 14px; color: #686565; line-height: 1.6; margin-top: 3rem; }


.digital-wallet-section .step-cardbx { height: 100%; padding: 4rem 1rem 1rem; }

.assets-card{filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));border-radius: 10px; overflow: hidden; border: 0; margin-bottom: 30px;}
.assets-card .authoriz-text{font-size: 12px; margin-bottom: 0;}
.assets-card .card-title{padding: 10px; }
.assets-card .logo-imgbx{margin-bottom: 1rem;}
.assets-card h4{font-size: 1.5rem;}

.digital-organization-section .step-cardbx { padding: 2rem; height: 100%; background: var(--whiteColor);border-radius: 10px; overflow: hidden;}



.digitaltown-hall-wrap { background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(178 16 11 / 13%) 100%), url("../images/generation-step-left-img.png") left center no-repeat; }
.digitaltown-hall-wrap  .town-metting { width: 100%; max-width: 800px; margin: 5rem auto; display: flex; align-items: center; background: url(../images/white-circle-icon.png)no-repeat right bottom; background-size: 60px; }
.digitaltown-hall-wrap  .town-metting  .left-text{font-size: 7rem; font-weight: 800; text-transform: uppercase; line-height: 54px; text-align: end; color: var(--PrimaryColor); width: 50%; padding-right: 20px;}
.digitaltown-hall-wrap  .town-metting  .left-text .towntext {font-size: 3.2rem;}
.digitaltown-hall-wrap  .town-metting  .left-text .border-text {color: #fff; text-shadow: -1px 1px 0 var(--PrimaryColor), 1px 1px 0 var(--PrimaryColor), 1px -1px 0 var(--PrimaryColor), -1px -1px 0 var(--PrimaryColor); display: block;}
.digitaltown-hall-wrap  .town-metting  .right-text { width: 50%; background: url(../images/global-reset.png)no-repeat left center; padding: 10px 10px 10px 40px; min-height: 170px; display: flex; flex-direction: column; justify-content: center;   }
.digitaltown-hall-wrap .town-metting .right-text p { font-size: 3rem; color: #282828; text-transform: uppercase; line-height: 26px; font-weight: 800; margin-bottom: 0;}
.digitaltown-hall-wrap .town-metting .right-text p + p{margin-top: 3rem;}
.digitaltown-hall-wrap .town-metting .right-text p small { font-size: 18px; color: #282828; font-weight: 800; display: block; }
.digitaltown-hall-wrap .join-metting-btns {display: flex; align-items: center; justify-content: center;} 
.digitaltown-hall-wrap .join-metting-btns a{margin: 5px;}
.digitaltown-hall-wrap .join-metting-btns .btn.btn-primaryx .btn-icon > img { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); margin-right: 6px; max-width: 25px; }
.digitaltown-hall-wrap .join-metting-btns .btn.btn-primaryx:hover .btn-icon > img{    filter: none; -webkit-filter: none;}




.sign-up-newsletter{background: var(--whiteColor); border-radius: 12px; padding: 4rem 3rem; text-align: center; position: relative; filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.25));}
.sign-up-newsletter .icon-box { width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background: #fff; position: absolute; }
.sign-up-newsletter .icon-box img{    width: 100%; max-width: 40px; margin: auto;}
.sign-up-newsletter .icon-box.top-icon { top: 61px; left: -38px; }
.sign-up-newsletter .icon-box.bottom-icon { bottom: 61px; right: -38px; } 
.sign-up-newsletter h3 { font-size: 1.6rem; font-weight: 400; color: var(--PrimaryColor); }
.sign-up-newsletter h2 { font-size: 1.8229166666666667vw; font-weight: 300; color: var(--black-color); margin: 10px 0; }
.sign-up-newsletter h2 strong { font-weight: 600; }
.sign-up-newsletter hr { border: solid 2px var(--PrimaryColor); width: 100%; max-width: 60px; margin: 25px auto 40px; }
.sign-up-newsletter p{width: 100%; max-width: 85%; margin: auto;}
.scan-qrcode-digitalworld { background: #fff; padding: 40px 10px; border-radius: 40px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); text-align: center;width: 100%; margin: auto;}
.scan-qrcode-digitalworld h4 { font-size: 2rem; font-weight: 600; color: var(--PrimaryColor); line-height: 1.4; width: 100%; max-width:240px; margin: 0 auto; }
.digital-qrcode {width: 100%; max-width: 220px; margin: 0px auto 7px; max-height: 220px;  border-radius: 11px; overflow: hidden; position: relative;    padding: 20px}
.digital-qrcode .btn-qrcode{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);    font-size: 12px; padding: 7px 15px; width: 100%; max-width: max-content;  margin: auto;}
.digital-qrcode img{width: 100%; height: 100%; object-fit: cover;}
.digital-qrcode.blur-barcode img{ opacity: 0.2;}
.scan-qrcode-digitalworld .btn-list{display: flex; justify-content: center; margin-top: 2rem;}
.scan-qrcode-digitalworld  .btn-list .btn-outline-primaryx{border: solid 1px var(--PrimaryColor); background: var(--whiteColor); color:var(--PrimaryColor);}
.scan-qrcode-digitalworld  .btn-list .btn{margin: 0 5px; }



.supplements-wrap .filter-top-tab { box-shadow: 0px 9px 38px 4px rgba(0, 0, 0, 0.05); padding: 2rem 0; margin-bottom: 6rem;}
.supplements-wrap .filter-top-tab p { font-size: 16px; font-weight: 600; color: #232323; margin: 0;}
.supplements-wrap .filter-top-tab select.form-control {background: url(../images/arrow-down.png)no-repeat right 14px center #b2100b0f; border: 1px solid rgb(178 16 11 / 25%); font-size: 16px; color: #101010; height: 50px; padding: 10px 20px; margin-left: 20px; width: 300px; }
.supplements-wrap .list-fliter-content h2{    font-size: 2.6rem; font-weight: 300; color: #232323; margin-bottom: 10px;}

.supplements-wrap .filter-top-tab .btn-outline-light{border: 1px solid rgba(0, 0, 0, 0.1); color: #232323;}
.supplements-wrap .list-box-wrap .title-box{margin-bottom: 30px;}
.supplements-wrap .list-box-wrap h2{font-size: 1.5vw; font-weight: 600; color: #232323; margin-bottom: 10px;}
.filter-buttons button{background: #b2100b0f; border:solid 1px #b2100b0f; font-size: 12px;color: #232323;font-weight: 500; padding: 5px 10px;}
.filter-buttons button:hover,.filter-buttons button.btn-active{background: var(--PrimaryColor); border-color:var(--PrimaryColor); color: #fff;}
.filter-buttons button:first-child{border-radius: 50px 0 0 50px; }
.filter-buttons button:last-child{border-radius: 0 50px 50px 0;}
.supplements-wrap .more-btn .btn-primaryx{ min-width: auto;}
.supplements-wrap .list-box-wrap :is(.detail-view,.list-detail) .col-lg-4{margin-bottom: 30px;}
.supplements-wrap .list-box-wrap .card {border: none;box-shadow: 0px 9px 38px 4px rgba(0, 0, 0, 0.1);border-radius:12px;height: 100%; overflow: hidden;}
.supplements-wrap .list-box-wrap .card .img-box { position: relative; height: 220px; overflow: hidden; display:flex;}
.supplements-wrap .list-box-wrap .card .img-box:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgb(0 0 0 / 48%); }
.supplements-wrap .list-box-wrap .card .card-body{padding: 24px;}
.supplements-wrap .list-box-wrap .card .img-box img{height: -webkit-fill-available;     object-fit: cover;     object-position: right center; width: 100%;}
.supplements-wrap .list-box-wrap .card h3 { position: absolute; left: 2rem; bottom: 2rem;  font-size: 2rem; font-weight: 400; z-index: 1;}
.supplements-wrap .list-box-wrap .card h3 a {color:#fff; font-size:1.24vw;   font-weight: 500;}
.supplements-wrap .list-box-wrap .card p{    font-weight: 400; font-size: 1.0416666666666667vw; line-height: 1.9; color: #232323; margin-bottom: 16px;}
.supplements-wrap .list-box-wrap .card p a{color: var(--PrimaryColor); font-weight: 600; text-transform: uppercase; font-size: 16px;}
.supplements-wrap .share-btn a{color: var(--PrimaryColor);font-size: 14px; font-weight: 600; margin-top: 10px; display: inline-block;}
.supplements-wrap .share-btn a img{margin-left: 5px; vertical-align: initial;}
.supplements-wrap .list-box-wrap .center-card {text-align: center;}
.supplements-wrap .list-box-wrap .center-card h3 {font-size: 24px; font-weight: 600; bottom: unset; top:55px ; left: 0; right: 0;}
.supplements-wrap .list-box-wrap .center-card .card-body{display: flex; flex-direction: column; justify-content: space-between;}
.supplements-wrap .list-box-wrap + .list-box-wrap{border-top: 1px solid #00000014; padding: 34px 0; margin-top: 40px; }
.list-box-wrap.private .card, .list-box-wrap.private h3 { filter: blur(7px); pointer-events: none; user-select: none; }
.supplements-wrap .list-detail h3 a{ font-size: 2rem; font-weight: 600; color:#232323;}
.supplements-wrap .list-detail h3:hover{color: var(--PrimaryColor);}

.mt-30{margin-top: 3rem;}
/* .section-bottom-btn{display: flex; flex-wrap: wrap; align-items: center;} */
.section-bottom-btn a + a{margin: 2px 2px 2px 10px;}





.companies-register-form {margin-top: 3rem; width: 100%; max-width: 800px;}
.companies-register-form .input-group{ position: relative; z-index: 10; background: var(--whiteColor); border-radius: 14px;}
.companies-register-form .input-group .form-control{    border: solid 1px #E1E1E1; border-radius: 5px; height: 55px; color: var(--black-color); font-size: 16px; font-weight: 500; padding: 1rem 2rem; }
.companies-register-form .input-group .btn-primaryx{background: var(--PrimaryColor); padding:9px 20px; border-radius: 5px; border: solid 1px var(--PrimaryColor); font-size: 23px; color: var(--whiteColor);}
.companies-register-form .input-group .btn-primaryx:hover{transform: translateY(0);}
.companies-register-form .input-group .form-control:focus{outline: none !important; box-shadow: none !important; border:solid 1px var(--PrimaryColor) !important;}


.companies-register-result-table .table-content-box{position: relative; background: #e3e1e187; padding: 0 20px 20px; border-radius: 14px; overflow: hidden;}  
.companies-register-result-table .table th{font-weight: 600; font-size: 1.09vw; color: var(--black-color); padding: 24px 10px; text-align: left;     white-space: pre;}
.companies-register-result-table .table td{background: var(--whiteColor); padding: 15px 10px; font-weight: 500; text-align: left; font-size: 1vw; color: var(--black-color); border-bottom: 1px solid #DADADA; vertical-align: middle;}
.companies-register-result-table .table td a{color: var(--black-color);}
.companies-register-result-table p{ font-weight: 400; font-size: 1vw; line-height: 1.4; text-decoration-line: underline; color: var(--black-color);}
.companies-register-result-table .company-imagebx{display: inline-flex; align-items: center;}
.companies-register-result-table .company-imagebx :is(h3,a) { font-size: 1.09vw; font-weight: 600; margin-bottom: 0; color:var(--black-color);}
.companies-register-result-table .company-imagebx .img-box {border: 1px solid #cccccc; border-radius: 8px; width:100%; max-width:65px; min-width: 65px; height: 65px; text-align: center; background: var(--whiteColor); padding: 8px; margin-right: 8px;}
.companies-register-result-table .company-imagebx .img-box img {width: 100%;    height: 100%; object-fit: contain;}
.companies-register-result-table .company-imagebx .img-box a { height: 100%; display: block; }
.table-content-box.loader-overlay-search:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background:#0000002b;     background-size: 70px;}




/* .company-summary-wrap .summary-back-btn{margin-bottom:30px;} */
.company-summary-wrap .summary-back-btn a{font-size: 1.8rem; color: var(--black-color); font-weight: 500; display: inline-block;}
.company-summary-wrap .summary-back-btn i{margin-right: 5px;}
.company-summary-wrap .summary-back-btn:hover{color: var(--PrimaryColor);}
.company-summary-wrap .top-title {margin: 2rem 0;}
.company-summary-wrap .top-title .company-title{font-size: 3rem;color: var(--PrimaryColor); margin-bottom:5px; line-height: normal;}
.company-summary-wrap .top-title .summery-title{font-weight: 600; font-size: 2rem;color: var(--black-color);}

.company-summary-wrap .top-title h4 a{color: var(--PrimaryColor);}

/* .company-summary-wrap .top-title h3{font-weight: 600; font-size: 2.4rem;color: var(--black-color); margin-top: 20px;} */
.company-summary-wrap .btn-icon {display: inline-block; margin-right: 10px;}
.company-summary-wrap .company-detail-wrap{background: #F3F3F3; border-radius: 10px; padding: 15px;margin-bottom: 20px;}
.company-summary-wrap .detail-list .detail-content{display: flex; padding: 10px; align-items: center;}
.company-summary-wrap .detail-list .titlebx{font-weight: 400; font-size: 1.8rem; color: var(--black-color); width: 42%;}
.company-summary-wrap .detail-list .detailbox{font-weight: 600; font-size: 1.8rem; color: var(--black-color);width: 58%; word-break: break-all;}
.company-summary-wrap .detail-list .detailbox a{color: var(--PrimaryColor);}
.company-summary-wrap .detail-list .view-all{color: var(--PrimaryColor); font-weight: 400; font-size:1.8rem}
.company-summary-wrap .detail-list p{font-size: 16px; font-weight: 400; line-height: 26px; color:var(--black-color)}
.company-summary-wrap .additional-information{background: var(--whiteColor); border-radius: 10px; padding: 25px;}

.company-summary-wrap  h3{font-weight: 600; font-size: 2.2rem;color: var(--black-color); margin-bottom: 15px;}

.company-summary-wrap .additional-information ul li{font-weight: 400; font-size: 1.8rem;color: var(--black-color); padding: 7px 0;}
.company-summary-wrap .additional-information .view-all-btn{color: var(--PrimaryColor); font-weight: 500; font-size: 2rem; margin-top: 25px;}
.company-summary-wrap .gray-border-top{  border-top: 1px solid #CBCBCB; margin-top: 15px; padding-top: 20px !important;}
.company-summary-wrap .org-summary-title { display: flex; align-items: center; }
.company-summary-wrap .org-summary-title .company-logobx {border: 1px solid #cccccc; border-radius: 8px; width:100%; max-width: 70px; min-width:70px; height: 70px; text-align: center; background: #fff; padding: 6px; }
.company-summary-wrap .org-summary-title .text-bx {margin-left: 15px;}
.company-summary-wrap .org-summary-title .company-logobx img { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; }
/* .company-summary-wrap .org-summary-title .same-heading {padding-left: 20px;} */
.company-summary-wrap .org-summary-title .text-bx :is( h3, p) {margin-bottom: 0;}




.email-note{font-size: 14px; color: var(--black-color); font-weight: 500; display: inline-block; margin-top: 13px;}
.reputation-score-content { background: var(--whiteColor); border-radius: 10px; padding: 20px; margin-top: 20px; }
.reputation-score-content p {font-weight: 500; font-size: 16px;color: #403F3F;}
.reputation-score-content .progress {background-color: #D9D9D9; border-radius: 100px; margin: 15px 0 25px; }
.reputation-score-content .progress-bar { background: var(--PrimaryColor); border-radius: 100px; }
.reputation-score-content .reputation-list { display: flex; flex-wrap: wrap;     margin: 0 -1%;}
.reputation-score-content  .reputation-list li { width: 32.40%; border: 1px solid #AFAFAF; border-radius: 5px; font-weight: 500; font-size: 18px; color: var(--black-color); padding: 14px 42px 14px 18px; margin: 5px; background: url(../images/check-icon.svg)no-repeat right 20px center;  filter: grayscale(1);    background-size: 20px;}
.reputation-score-content  .reputation-list li.selected {filter: inherit;}




.score-graph-outer {width: 100%; max-width: 383px; margin: 8rem auto 0;}
.score-graph-outer h4 { font-size: 0.5vw; color: var(--black-color); font-weight: 400; line-height: 1.6; }
.score-graph-outer .no-bx { font-weight: 600; font-size: 0.8vw; color: var(--black-color); }
.score-graph-outer .cell-title { font-weight: 500; font-size: 0.6vw; color: var(--whiteColor); padding: 0 0.3vw; }
.score-graph-outer .score-graph-inner { display: flex;position: relative;   align-items: center; background: linear-gradient(90deg, #c00 -0.08%, #e9a100 31.31%, #608923 61.13%, var(--PrimaryColor) 89.39%); border-radius: 5px; padding: 7px 6px; width: 100%;  min-height: 31px;}
.score-graph-outer .score-graph-inner .graph-cell { width: 20%; text-align: center; position: relative; }
.score-graph-outer .score-graph-inner .graph-cell .graphcell-innertext { font-weight: 500; font-size: 10px; color: var(--black-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: -33px; }
.score-graph-outer .score-graph-inner .graph-cell .graphcell-innertext:before { width: 1px; background: #716f6f; height: 8px; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; content: ""; }
.score-graph-outer .score-graph-inner .graph-hover-text { border-radius: 3px; padding: 5px; position: absolute; left: 7%; top: -71px; min-width: 68px; filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)); background: var(--whiteColor);  min-height: 50px;}
.score-graph-outer .score-graph-inner .graph-hover-text:before { width: 20px; background: #fff; height: 16px; clip-path: polygon(0 0, 0% 100%, 100% 0); position: absolute; left: 33%; transform: translateX(-50%); bottom: -14px; content: ""; clip-path: polygon(11% 0, 0 100%, 100% 0); box-shadow: 0px 0px 0px #000; }
.score-graph-outer .score-graph-inner .graph-hover-text:after { position: absolute; left: 5px; bottom: -23px; content: ""; width: 10px; height: 10px; border-radius: 50%; border: solid 1px #fff; background: #4e8e58; }
.score-graph-outer .score-static-bx { position: relative; text-align: center; width: 180px; left:50%; }
.score-graph-outer .score-static-bx:nth-child(1) { margin-left: -137px;}
.score-graph-outer .score-static-bx:nth-child(2) {     margin-left: -43px;}
.score-graph-outer .score-static-bx .no-bx { font-size: 12px; } 
.score-graph-outer .score-static-bx .dash-border-top { border: dashed 1px #716f6f; width: 1px; height: 50px; margin: 0 auto; }
.score-graph-outer .score-static-bx hr { border: 1px solid #716f6f; width: 100%; margin: 0 auto 1rem; max-width: 40%; }
.additional-information .reputation-text { margin-top: 4rem; border-top: 1px solid #CBCBCB; padding-top: 2rem; }
.additional-information .reputation-text  h3{  margin-bottom: 0px;} 
.additional-information .reputation-text .reputation-score{ font-size: 4rem; font-weight: 600; color: var(--black-color); margin-bottom: 0;  display: flex; align-items: center;}
.additional-information .reputation-text .reputation-score .badge { font-weight: 500; font-size: 14px;  padding: 5px 8px; border-radius: 5px; margin-left: 5px;}
:is(.no-result, .no-record) { font-size: 18px; color: var(--black-color); font-weight: 400;}



.dot-listing { margin: 2rem 0 2rem 2rem; }
.dot-listing li { padding: 5px 0; list-style: disc; font-weight: 400; font-size: 1.0416666666666667vw;    line-height: 2.1; color: var(--black-color); }

.declear-unity-content {background: url(../images/handshake-img.png)no-repeat right center; background-size: 210px;}
.appendix-local-section .middle-imgsection{margin-bottom: 3rem;}
.decentralization-help-section p a{    color: var(--PrimaryColor); font-weight: 700; word-break: break-all;}
.council-list-team{    margin-bottom: 3rem; border: solid 1px #DEDEDE; border-radius: 10px; overflow: hidden; padding: 2rem;}
.council-list-team .img { background: #E7E7E7; position: relative; overflow: hidden; width: 85px; height: 85px; border-radius: 50px; margin:3rem auto 4rem;}
.council-list-team .img>img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; filter: grayscale(100%); object-position: top; }
.council-list-team .face-mask { position: absolute; top: 0; right: -10px; bottom: 0;     width: 60%; display: none;}
.council-list-team .face-mask>img { width: 100%; height: 100%; pointer-events: none; user-select: none;  object-fit: contain;}
.council-list-team :is(p, h4){font-size:14px; font-weight: 500; color: #323232; line-height: 1.6; text-align: center;     line-break: anywhere;   }
.council-list-team :is(p, h4) span{display: block;  text-align: center;     word-wrap: break-word;}


.arbitration-panel-wrapper .col { flex: 1 0 auto; max-width: 20%; width: 20%; }
.arbitration-panel-wrapper .col a{display: block; margin-bottom: 2rem;}
.arbitration-panel-wrapper .col a .img-box{border-radius: 18px; overflow: hidden;}
.arbitration-panel-wrapper .col a .img-box img { width: 100%; height: 100%; object-fit: cover; }
.coming-soon { height: calc(100vh - 50vh); display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600; text-align: center; color: var(--black-color); }

.get-started-wrap{    position: relative; margin-top: -130px;}
.digital-wallet-section .step-cardbx .icon-bx {min-height: 100px;}

.judge-detail-wrapper .judge-description ul { margin: 2rem 0 2rem 2rem; }
.judge-detail-wrapper .judge-description ul li{padding: 5px 0; list-style: disc; font-weight: 400; font-size:1.0416666666666667vw; color: #232323; line-height: 1.4;}
.judge-detail-wrapper .judge-sidebar{    box-shadow: 0px 9px 38px 4px rgba(0, 0, 0, 0.1); border-radius: 12px;background: var(--whiteColor); padding: 3.8rem 1.5rem 2.8rem;}
.judge-detail-wrapper .judge-sidebar h3{    font-size: 2rem; font-weight: 600;     color: #232323;}
.judge-detail-wrapper .judge-sidebar ul li a{     background: url(../images/double-arrow-gray-icon.svg)no-repeat left center; display: block; font-size: 1.0416666666666667vw; line-height: normal; color: #232323; font-weight: 400; padding: 7px 0px 7px 25px; transition: all .2s ease;}
.judge-detail-wrapper .judge-sidebar hr { border: 1px solid #000000; opacity: 0.1; margin: 28px 0; }

.assets-detail-list .left-img-box { text-align: center; }
.assets-detail-list .left-img-box .img-box-asset { text-align: center; margin-bottom: 20px; }
.assets-detail-list .left-img-box .titlebx { font-size: 16px; font-weight: 600; color: var(--black-color); }
.assets-detail-list .left-img-box .qty-bx{margin-top: 20px;}
.assets-detail-list .left-img-box .qty-bx h4{font-weight: 600; font-size: 12px;color: var(--black-color); margin-bottom: 4px;}
.assets-detail-list .left-img-box .detailbox{font-weight: 600; font-size: 16px;color: var(--black-color);}
.assets-detail-list > .row { background: var(--whiteColor); border-radius: 10px; margin: 0; padding: 20px; align-items: center; }
.assets-detail-list .detail-content { background: #EEEEEE; border-radius: 10px; padding: 20px 12px; display: flex; align-items: center; justify-content: space-between;  margin-bottom: 4px;}
.assets-detail-list .detail-content :is(.titlebx , .detailbox){font-weight: 400; font-size: 18px;color: var(--black-color);}
.assets-detail-list .detail-content :is(.titlebx){max-width: 75%;      white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.assets-detail-list .top-title{margin-bottom: 15px;}
.transactions-model .modal-header {border:0;     border-bottom: 1px solid #dee2e6;}
.transactions-model .btn-close { width: 30px; height: 30px; line-height: 32px; border-radius: 50%; background: var(--PrimaryColor); font-size: 16px; color: #fff; opacity: 1; padding: 0; position: absolute; right: 15px; top: 12px; }
.transactions-model .btn-close:hover{color: #fff;}
.transactions-model h5{ font-size: 1.8rem; font-weight: 600; color: var(--black-color);    line-height: 1.7;padding-right: 29px; }
.transactions-model h5 .account_id{    word-break: break-all; display: block;}
.transactions-model .transaction_list td { font-size: 14px; color: var(--black-color); font-weight: 500; padding: 2px; }
.transactions-model .modal-footer .btn-primaryx { padding: 1rem 2rem;    font-size: 14px;}

.marriage-certificate-section .same-heading { padding-bottom: 4rem; border-bottom: 1px solid #CECECE; width: 100%; max-width: 70%; margin: 0 auto; }
.marriage-certificate-section .same-heading h2{    font-weight: 600; font-size: 2rem;}
.marriage-certificate-section .same-heading h2 .name-bx{display: block; font-size: 3rem; color: var(--PrimaryColor);}

.marriage-certificate-section .marriage-scan-bx{padding: 5rem 0; text-align: center; position: relative;}
/* .marriage-certificate-section .marriage-scan-bx p{font-weight: 300; font-size: 18px; color: var(--black-color);} */
.marriage-certificate-section .marriage-scan-bx :is(.self-img,.spouse-img){width: 240px; height: 240px; border-radius: 14px; overflow: hidden; margin: 0 5px;}
.marriage-certificate-section .marriage-scan-bx :is(.self-img img,.spouse-img img){width: 100%; height: 100%; object-fit: cover;}
.marriage-certificate-section .marriage-scan-bx .name-bx{font-weight: 300; font-size: 4.8rem; line-height: normal; color: var(--black-color); margin-bottom: 10px;}
.marriage-certificate-section :is(.marriage-date, .marriage-time){font-weight: 700; font-size: 2.4rem; color: var(--black-color);}
.marriage-certificate-section .marriage-person-img { display: flex; align-items: center; justify-content: center; position: relative; padding: 30px 0; }
.marriage-certificate-section .marriage-person-img .center-bar-code { width: 130px; height: 130px; border-radius: 50%; background: white; padding: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; }

.life-hawaination-wrap .step-cardbx .img-box{min-height: inherit; background: transparent; margin-bottom: 3rem; overflow: visible;}
.life-hawaination-wrap .step-cardbx .title-heading{min-height: 6rem; line-height: 1.5;}
.digital-poll-list :is(.expiring-date, .date-box){ font-weight: 600; font-size: 1.4rem; color: var(--black-color); text-align: right;}

/* .companies-register-result-table .organizations_ajax_result td:nth-child(4){display: none;} */


.citytreaties-report-list { position: relative;padding: 30px 0; }
.citytreaties-report-list > li{  position: relative;}
.citytreaties-report-list > li .details-outer-box { width: 50%; position: relative;     text-align: end;}
.citytreaties-report-list > li:nth-child(odd) .details-outer-box{ margin-left: auto;     text-align: start;}
.citytreaties-report-list:before { position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ''; width: 5px; background: #212121; height: 100%; border-radius: 50px; }
.citytreaties-report-list .year-bx { font-size: 18px; font-weight: 700; color: #212121; padding: 0 50px 10px; margin-bottom: 10px; border-bottom: dashed 1px #212121; position: relative;}
.citytreaties-report-list .year-bx:before { position: absolute; left: -3px; width: 6px; height: 6px; background: #212121; content: ''; transform: rotate(45deg); bottom: -3px; }
.citytreaties-report-list .year-bx:after { position: absolute; right:-7px; bottom: -7px; content: ''; width: 15px; height: 15px; background: #fff; border-radius: 50%; border: solid 4px #212121;  }
.citytreaties-report-list li:nth-child(odd) .year-bx { text-align: right; }
.citytreaties-report-list li:nth-child(odd) .year-bx:before {left: unset; right: 0;}
.citytreaties-report-list li:nth-child(odd) .year-bx:after {right: unset; left: -7px;}
.citytreaties-report-list li .details-bx{display: inline-block;}

.citytreaties-report-list .treaties-details{padding: 0 15px;}
.citytreaties-report-list .treaties-details ul li{display: inline-flex; padding: 5px; align-items: center; text-align: left;}
.citytreaties-report-list .treaties-details ul li h5 a{ font-size: 16px; color: #005B8C; font-weight: 500; text-decoration: underline; margin-bottom: 0;  width: calc(100% - 25px);}
.citytreaties-report-list .treaties-details ul li .cities-icon {width: 25px; height: 25px; overflow: hidden; margin: 0 7px;     border-radius: 50%;}
.citytreaties-report-list .treaties-details ul li .cities-icon img{width: 100%; height: 100%; object-fit: contain;}
.citytreaties-report-list > li:nth-child(odd) .treaties-details{text-align: right;}
.citytreaties-report-list > li:nth-child(odd) .treaties-details ul li .cities-icon{order: 1;}
.citytreaties-report-list > li:nth-child(odd) .treaties-details ul li{text-align: right;}


.petition-form-wrapper h5{font-size: 2.4rem; color: var(--black-color); margin-bottom: 5rem;}
.petition-form-wrapper p{font-size: 1.8rem; color: var(--black-color);  line-height: 2.6; margin-bottom: 5rem;}
.petition-form-wrapper .underline-text{border-bottom: solid 1px var(--black-color); padding: 0 6px 10px  6px; display: inline; line-height: normal; word-break: break-all; font-weight: 500;}
.petition-form-wrapper .bottom-signaturebx {    display: flex; justify-content: end; margin-top: 15rem;}
.petition-form-wrapper .bottom-signaturebx .signaturebx{ border-bottom: solid 1px var(--black-color); padding: 0 15px 20px; font-size: 2rem; color: #005B8C; text-align: center; font-weight: 500; margin: 0 4rem 4rem; min-width: 220px; }
.petition-form-wrapper .bottom-signaturebx .signaturebx + .signaturebx{margin-right: 0;}


.meeting-tabs-wrapper h3{font-size: 2rem; color: var(--black-color); font-weight: 600; margin-bottom: 2rem;} 
.meeting-tabs-wrapper .nav {margin-bottom: 3rem;}
.meeting-tabs-wrapper .nav .nav-link{padding: 7px 20px; border-radius: 50px; background: #E3E3E3; color: #656565; font-size: 16px; border: solid 1px #E3E3E3; margin-right: 5px; font-weight: 500;}  
.meeting-tabs-wrapper .nav .nav-link.active{background: var(--PrimaryColor); color: var(--whiteColor); border-color: var(--PrimaryColor);} 
.meeting-tabs-wrapper .meeting-table-content .table { border-radius: 20px; overflow: hidden;  border: 0; box-shadow: 0px 0px 1.5px rgba(0,0,0,0.9);}
.meeting-tabs-wrapper .meeting-table-content .table .btn-primaryx{ font-size: 15px;padding: 0.6rem 1.7rem; border-radius: 50px; white-space: pre; }
.meeting-tabs-wrapper .meeting-table-content .table :is(td){border: 0; vertical-align: middle; }
.meeting-tabs-wrapper .meeting-table-content .table thead tr{border-bottom: solid 1px var(--black-color); background: var(--PrimaryColor);}
.meeting-tabs-wrapper .meeting-table-content .table thead th{font-size: 2rem; color: var(--whiteColor); font-weight: 600; padding: 2rem 1rem;vertical-align: middle; }
.meeting-tabs-wrapper .meeting-table-content .table :is(th, td):first-child{padding-left: 3rem;}
.meeting-tabs-wrapper .meeting-table-content .table td{font-size: 15px; color: var(--black-color); font-weight: 500; padding: 1.5rem 1rem; font-weight: 500; position: relative;}
.meeting-tabs-wrapper .meeting-table-content .table tbody tr:nth-child(even){background: #EAEAEA;}
.meeting-tabs-wrapper .meeting-table-content .table .date-box span{display: inline-block; margin-right: 5px;}
.meeting-tabs-wrapper .meeting-table-content .table .agenda-pdf-btn{font-size: 15px; color: var(--PrimaryColor); font-weight: 500; font-size: 15px; display: inline-flex; align-items: center; white-space: pre;}
.meeting-tabs-wrapper .meeting-table-content .table .agenda-pdf-btn .pdf-icon{display: inline-block; min-width: 20px;}
.meeting-tabs-wrapper .meeting-table-content .table tbody td:before{content: attr(data-title); font-size: 15px; color: var(--black-color); font-weight: 600; display: none;}


.council-meetings-wrapper{background: var(--whiteColor); padding: 1.5vw; border-radius: 24px; }
.council-meetings-wrapper .meeting-title{margin-bottom: 2rem;}
.council-meetings-wrapper .meeting-title h3{font-size: 2.4rem; color: var(--black-color); font-weight: 600; margin: 0;}
.council-meetings-wrapper .view-all-btn{font-size: 1.6rem; color: var(--PrimaryColor); font-weight: 500; text-decoration: underline; display: inline-flex; align-items: center; position: relative; padding: 5px 20px 5px 5px;}
.council-meetings-wrapper .view-all-btn i{    margin-left: 5px; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 17px;}
.council-meetings-wrapper :not(.list-view) .table thead td{font-size: 16px; color: var(--PrimaryColor); font-weight: 600; padding: 1.5rem 1rem; border: 0; vertical-align: middle;}
.council-meetings-wrapper :not(.list-view) .table tr{border-bottom: solid 1px #DDDDDD; }
.council-meetings-wrapper :not(.list-view) .table tbody td{font-size: 15px; color: #282828; font-weight: 500; padding: 1.5rem 1rem; vertical-align: middle; position: relative;}
.council-meetings-wrapper :not(.list-view) .table td:first-child{padding-left: 0;}
.council-meetings-wrapper :not(.list-view) .table a:not(.btn-primaryx){font-size: 15px; color: #282828; font-weight: 500;}
.council-meetings-wrapper :not(.list-view) .table a:hover{color: var(--PrimaryColor);}
.council-meetings-wrapper .meetings-detail + .meetings-detail{margin-top: 4rem;}
.council-meetings-wrapper .upcoming-meetings .table tr:last-child{border-bottom: solid 1px transparent;}
.council-meetings-wrapper :not(.list-view) .table td:before{content: attr(data-title); font-size: 15px; color: var(--black-color); font-weight: 600; display: none; margin-bottom: 6px;}
.council-meetings-wrapper :not(.list-view) .table .date-box span{display: inline-block; margin-right: 5px;}

.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table .title-with-img{display: flex; align-items: center; }
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table .title-with-img .img-box { width: 100%; max-width: 80px; height: 60px; border-radius: 5px; overflow: hidden;}
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table .title-with-img .img-box img { width: 100%; height: 100%; object-fit: contain; }
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table .text-bx{padding-left: 1.5rem;}
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table h3{font-size: 1.8rem; color: #282828; font-weight: 500; }
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table .light-text{font-weight: 300;}
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table .btn-primaryx{font-size: 1.8rem; border-radius: 50px; padding: 4px 30px;} 
.council-voting-wrapper .council-meetings-wrapper :not(.list-view) .table tbody tr:first-child{border-top: solid 1px #DDDDDD;}
.council-meetings-wrapper .list-view .table td a{color: #282828; font-weight: 500;}
.council-meetings-wrapper .list-view .table td a:hover{color: var(--PrimaryColor);}





.public-notice-wrapper .public-notice-content{width: 100%; max-width:50vw; margin: 4rem auto 0; text-align: center; }
.public-notice-wrapper .public-notice-content h3{font-size: 1.250vw; color: #282828; font-weight: 600; line-height: 1.6; margin-bottom: 2rem;}
.public-notice-wrapper .public-notice-content p{width: 100%; max-width:45vw; margin: auto;}


.online-webinar-wrap  .same-heading h3{font-size: 2rem; color: #282828; font-weight: 600; line-height: 1.6;}
.online-webinar-wrap  .webinar-content-bx h4{font-size: 1.8rem; color: var(--black-color); font-weight: 600;}
.online-webinar-wrap  .webinar-list li{font-size: 1.6rem; color: var(--black-color); font-weight: 500; padding: 1rem 0;}
.online-webinar-wrap  .webinar-list li a{color: var(--PrimaryColor);}

/* .online-webinar-wrap  .or-middle-text { text-align: center; position: relative; height: 100%; display: flex; align-items: center; justify-content: center; }
.online-webinar-wrap  .or-middle-text:before{position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background:#D9D9D9; content: ''; top: 0; bottom: 0;}
.online-webinar-wrap  .or-middle-text span{width: 6.5rem; height: 6.5rem; line-height: 6.5rem; text-align: center; font-size: 16px; font-weight: 500; background: #D9D9D9; border-radius: 50%; position: relative; display: inline-block;} */

.online-webinar-wrap .webinar-content-bx{text-align: center;}
.online-webinar-wrap .webinar-content-bx + .webinar-content-bx{margin-top: 2rem;}




.wasatch-country-wrap .same-heading p{font-weight: 500;}
.wasatch-country-wrap .same-heading p a{color: var(--PrimaryColor); }
.wasatch-country-wrap .ameneded-bx{background: #F8F6F6; border:solid 1px #CACACA; padding: 3vw 2vw; border-radius: 20px; text-align: center;}
.wasatch-country-wrap .ameneded-bx .ameneded-red-title{color: #D2120D; font-size: 2.2rem; font-weight: 600; margin-bottom: 2.5rem; } 
.wasatch-country-wrap .ameneded-bx h4{font-size:1.146vw; color: var(--black-color); font-weight: 600; margin-bottom: 2.5rem;} 
.wasatch-country-wrap .ameneded-bx p{color: #282828; font-weight: 500;} 


.inner-banner .agenda-file-btns .btn-primaryx{padding: 1rem 2rem;}
.inner-banner .agenda-file-btns .btn-primaryx .pdf-icon{display: inline-block; margin-right: 6px;}
.inner-banner .agenda-file-btns a + a{margin-left: 1rem;}




.inner-banner .banner-pagelink-btn{display: flex; align-items: center;}
.inner-banner .banner-pagelink-btn .page-url { font-size: 16px; color: var(--black-color); font-weight: 500; line-height: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.inner-banner .banner-pagelink-btn .external-link { font-size: 2rem; color: var(--black-color); cursor: pointer; display: inline-block; margin-left: 1rem; }
.inner-banner .voting-banner-title h3{    font-size: 2.622vw; color: var(--black-color); text-shadow: none; line-height: 1.1; font-family: 'Bebas Neue'; margin-bottom: 0;}

.voting-card-detail { padding: 1rem; background: var(--whiteColor); border-radius: 10px; overflow: hidden; border: 0;    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));}
.voting-card-detail .toptitle-withimg {position: relative;}
.voting-card-detail .toptitle-withimg .img-box{border-radius: 10px; overflow: hidden; position: relative; height: 500px;}
.voting-card-detail .toptitle-withimg .img-box:before{position: absolute; left: 0; right: 0 ; top: 0; bottom: 0; content: ''; background: rgba(0, 0, 0, 0.5);}
.voting-card-detail .toptitle-withimg .img-box img{width: 100%; height: 100%; object-fit: cover;}
.voting-card-detail .toptitle-withimg h2{ font-size: 1.8229166666666667vw;; color: var(--whiteColor); font-weight: 600; line-height: normal; text-transform: capitalize; margin-bottom: 0; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px;}

.voting-card-detail .progressbar-bx{display: flex; align-items: center;}
.voting-card-detail .progressbar-row-wrap{margin-bottom: 4rem;}
.voting-card-detail  :is(label, h3){font-size: 1.21vw; font-weight: 600; margin-bottom: 1rem; color: var(--black-color);}
.voting-card-detail  .form-check .form-check-input{width: 2.5rem; height: 2.5rem;}
.voting-card-detail  .progress{width: 100%; margin-left: 1rem; height: 3.5rem; background: var(--gray-bg-color); border-radius:5px;}
.voting-card-detail  .progress .progress-bar{height: 3.5rem; background-color: var(--PrimaryColor);font-size: 14px; font-weight: 500; }
.voting-card-detail .form-check-input:checked{    background-color: var(--PrimaryColor); border-color: var(--PrimaryColor);}
.voting-card-detail .progressbar-content{margin: 2rem 0 4rem;}
.voting-card-detail  .discription-bx { border-bottom: solid 2px #DFDFDF; padding-bottom: 2rem; margin-bottom: 4rem;    font-weight: 400; font-size: 1.0416666666666667vw; line-height: 2.1; color: #232323; }

.poll-public-openion-wrapper{ text-align: center; }
.poll-public-openion-wrapper { text-align: center; }
.opinion-percentbx { padding: 2rem 3rem; text-align: center; }
.opinion-percentbx .percent-icon-bx { position: relative; width: 100%; max-width: 100px; margin: 1rem 0; cursor: pointer;}
.opinion-percentbx .percent-icon-bx svg { position: relative; width: 100px; height: 100px; transform: rotate(-90deg); }
.opinion-percentbx .percent-icon-bx svg circle { width: 100%; height: 100%; fill: none; stroke: #d3d3d3; stroke-width: 8; stroke-linecap: round; }
.opinion-percentbx .percent-icon-bx svg circle:last-of-type { stroke-dasharray: 280px; stroke-dashoffset: calc(280px - 280px * var(--percent) / 100); stroke: #009140; }
.opinion-percentbx.dislike-percent svg circle:last-of-type { stroke: #fc0606; }
.opinion-percentbx .percent-icon-bx .icon-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.4rem; color: #9c9c9c; }
.opinion-percentbx .number { font-size: 2rem; font-weight: 700; color: #009140; }
.opinion-percentbx .percent-icon-bx .icon-box.active { color: #009140; }
.opinion-percentbx.dislike-percent .number { color: #fc0606; }

/* 
.voting-table .vote-progressbar-list { width: 100%; display: flex; }
.voting-table .vote-progressbar-list :is(.progressbar-bx) { flex: 0 0 50%; }
.voting-table .vote-progressbar-list :is(.progressbar-bx) .border-bx {border-bottom:solid 24px #007e0a; font-size: 12px; color: #282828; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.voting-table .vote-progressbar-list .progressbar-bx.left-progresbarbx .border-bx { margin-left: auto;}
.voting-table .vote-progressbar-list  .dislike .border-bx{border-bottom-color: #da0202;}
.voting-table .date-box{    margin-left: 92px;} */


.council-voting-wrapper .col-md-6{margin-bottom: 15px;}
.voting-card { border: solid 1px #BCBCBC; border-radius: 20px;  position: relative; height: 100%;    display: flex; flex-direction: column; justify-content: space-between;}
.voting-card .card-middle-content{padding: 2rem 3rem 2rem 2rem;}
.voting-card .voting-card-content h4{color: var(--PrimaryColor); font-size: 16px; font-weight: 600; margin: 0; line-height: 1.5; }
.voting-card .voting-card-content p{color: var(--black-color);     line-height: 1.6; font-size: 14px; font-weight: 500; margin: 0; }
.voting-card .voting-card-content a{color: var(--PrimaryColor); font-size: 14px; font-weight: 500; text-decoration: underline; }
.voting-card .voting-card-content + .voting-card-content{margin-top: 1rem;}
.voting-card .description-content{min-height: 100px;}
.voting-card .green-icon-bx { position: absolute; right: 1rem; top: 1rem; }
.voting-card .card-footer-content{border-top: solid 1px #BCBCBC; padding: 1rem 0;}
.voting-card .card-footer-content .like-list-bx{display: flex; align-items: center; justify-content: end; }
.voting-card .card-footer-content .like-list-bx li:not(:first-child){border-left: solid 1px #C9C9C9; }
.voting-card .card-footer-content .like-list-bx .list-btn { padding: 3px 8px; display: inline-flex; align-items: center; cursor: pointer;}
.voting-card .card-footer-content .like-list-bx .list-btn span{font-size: 14px; color: var(--black-color); font-weight: 500;margin: 0 6px}


.council-meetings-wrapper .list-view {border: solid 1px #BCBCBC; border-radius: 20px;}
.council-meetings-wrapper .list-view .table {margin: 0;}
.council-meetings-wrapper .list-view .table th{font-size: 18px; color: var(--PrimaryColor); font-weight: 600; border-bottom: solid 1px #BCBCBC; padding: 10px 15px; vertical-align: middle;}
.council-meetings-wrapper .list-view .table td{color: var(--black-color);  line-height: 1.6; font-size: 16px; font-weight: 500; margin: 0; padding: 10px 15px; vertical-align: middle;}
.council-meetings-wrapper .list-view .table tbody tr{border-bottom: solid 1px #BCBCBC;}
.council-meetings-wrapper .list-view .table .green-icon-bx{text-align: center;}
.council-meetings-wrapper .list-view .table .time-bx{min-width: 70px; text-transform: uppercase;}
.council-meetings-wrapper .list-view .table tr:last-child td{border-bottom: 0;}
.council-meetings-wrapper .list-view .table tr:last-child {border-bottom: 0;}

.council-meetings-wrapper .list-view .table .like-list-bx{display: flex; align-items: center; justify-content: end; }
.council-meetings-wrapper .list-view .table .like-list-bx li:not(:first-child){border-left: solid 1px #C9C9C9; }
.council-meetings-wrapper .list-view .table .like-list-bx li{width: 50%;}
.council-meetings-wrapper .list-view .table .like-list-bx li:first-child{text-align: right;}
.council-meetings-wrapper .list-view .table .like-list-bx .list-btn { padding: 3px 8px; display: inline-flex; align-items: center; cursor: pointer;}

.council-meetings-wrapper .list-view .table .like-list-bx .list-btn span{font-size: 14px; color: var(--black-color); font-weight: 500;margin: 0 6px; min-width: 30px; text-align: center;}
.mb-15{margin-bottom: 15px;}


.council-voting-wrapper .gridlist-icons{text-align: end;margin-top: -46px; position: relative;}
.council-voting-wrapper .gridlist-icons a{display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #fff; border: solid 1px #fff; color:#000;  border-radius: 50%; transition: all .2s ease; font-size: 20px; text-align: center;}
.council-voting-wrapper .gridlist-icons a.active{background: #D9D9D9; color: #000;}

.profile-detail-wrapper .profile-detail-left{display: flex;flex-wrap: wrap;}
.profile-detail-wrapper .profile-detail-left .profile-img{border: solid 1px #DEDEDE; border-radius: 10px; padding: 1.0417vw; width: 100%; max-width: 250px ; height:100%; min-height:260px; display: flex; align-items: center;  justify-content: center;}
.profile-detail-wrapper .profile-detail-left .profile-img .img-box{width: 147px; height: 147px; border-radius: 50%; overflow: hidden;} 
.profile-detail-wrapper .profile-detail-left .blur-profile .img-box{filter:blur(3px)} 
.profile-detail-wrapper .profile-detail-left .profile-content{width: calc(100% - 250px); padding: 0 3rem; }
.profile-detail-wrapper .profile-detail-left .profile-content .text-box{margin-bottom: 2vw;}
.profile-detail-wrapper .profile-detail-left .profile-content h4{font-size: 2rem; color: #282828; font-weight: 600;line-height: normal; }
.profile-detail-wrapper .profile-detail-left .profile-content p{font-size:1.8rem; color: #282828; font-weight: 500; line-height: normal;     word-break: break-all; } 



.profile-detail-wrapper .right-profilebarcode {width:100%; max-width: 190px; margin-left: auto; text-align: center;}
.profile-detail-wrapper .right-profilebarcode .barcode-img{width:100%; max-width: 190px; height: 190px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 1rem;}

.profile-detail-wrapper .right-profilebarcode .barcode-img.blur-barcode:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(255, 255, 255, 0.7); }
.profile-detail-wrapper .right-profilebarcode .barcode-img .lock-icon{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 5rem; color: #000; }
.profile-detail-wrapper .right-profilebarcode p{font-size: 14px; color: #000; font-weight: 300; font-style: italic; line-height: normal; margin-bottom: 5px;}
.profile-detail-wrapper .right-profilebarcode a{font-size: 16px; color: var(--PrimaryColor); font-weight: 500; font-style: italic; text-decoration: underline;}

.profile-tab-wrapper .nav .nav-item {padding: 0 0.7813vw;}
.profile-tab-wrapper .nav .nav-item:first-child {padding-left:0;}
.profile-tab-wrapper .nav .nav-item .nav-link { border: 0; background: transparent; font-size: 16px; color: #6B6B6B; font-weight: 600;    line-height: normal;  border-bottom: solid 3px transparent; text-transform: uppercase; padding:0.7813vw;background:var(--whiteColor); }
.profile-tab-wrapper .nav .nav-item .nav-link.active {border-bottom-color:var(--PrimaryColor); color: var(--PrimaryColor); }
.profile-tab-wrapper .tab-content{background: #F5F5F7; padding: 6rem 0;}
.profile-tab-wrapper :is(.organizations-title-box,.certificate-title-box){margin-bottom: 3.1250vw;}
.profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) h3{font-size: 3rem; color: #282828; font-weight: 600; line-height: normal; margin-bottom: 0;}
.profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) .view-certificate-request{display: flex; align-items: center; justify-content: end;}
.profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) .view-certificate-request p{font-size: 14px !important; color: #282828; font-weight: 500; line-height: normal; margin: 0 15px; }
.profile-tab-wrapper :is(.certificate-title-box, .organizations-title-box) .view-certificate-request .btn-primaryx{font-size: 14px; border-radius: 50px; padding: 5px 16px;}
.profile-tab-wrapper .certificate-card{border: solid 1px #CAC9C9; background: var(--whiteColor); padding: 0.5208vw 1.0417vw; border-radius: 10px; position: relative; text-align: center; height: 100%;}
.profile-tab-wrapper .certificate-card .certificate-lock{text-align: right; color: var(--black-color); font-size: 2rem;}
.profile-tab-wrapper :is(.certificate-card, .tabcard-box ) p{font-size: 16px; color: #747474; text-transform: uppercase; font-weight: 600; line-height: normal; word-break: break-all; }
.profile-tab-wrapper .certificate-card .pdf-iconbx{min-height:160px; display: flex; align-items: center; justify-content: center; cursor: pointer;} 
.profile-tab-wrapper .certificate-tab-content .col-lg-3{margin-bottom: 15px;}
.profile-tab-wrapper :is(.certificate-card, .tabcard-box) .btn-primaryx{font-size: 12px; padding: 8px 13px;border-radius: 50px;}





.header .language-dropdown {margin-left: 20px;}
.header .language-dropdown .btn{background: transparent; padding: 4px; font-size: 16px; font-weight: 500; color: #fff;}
.header .language-dropdown .btn:focus{outline: none !important; box-shadow: none !important;}
.header .language-dropdown .dropdown-toggle::after{display: none;}
.header .language-dropdown .flag-icon{    width: 20px; display: inline-block; height: 15px; margin-right: 5px; vertical-align: middle;}
.header .language-dropdown .flag-icon-en{background: url(../images/english-flag-icon.png)no-repeat center top;}
.header .language-dropdown .flag-icon-hawaiian{background: url(../images/hawai-flag-icon.png)no-repeat center top;}
.header .language-dropdown .dropdown-menu { background: #fff; top: 100%; min-width: fit-content; border-radius: 5px; overflow: hidden;}
.header .language-dropdown .dropdown-item { padding: 8px 22px 8px 8px ; margin: 0; color: #000; font-size: 16px; font-weight: 500;  }
.header .language-dropdown .down-arrow { display: inline-block;     color: #fff;    margin-left: 7px; }
.header .language-dropdown .dropdown-item:hover { background: #fff;}
.header .language-dropdown  .dropdown-menu li.Active .dropdown-item { background: #b2100b08; color: var(--PrimaryColor); }



.certificates-detail-modal .modal-dialog{max-width: 730px;}
.certificates-detail-modal .certificates-detail{display: flex;flex-wrap: wrap;align-items: center;}
.certificates-detail-modal .modal-content{background: #D9D9D9; border-radius: 20px;}
.certificates-detail-modal .modal-body{padding: 2rem;}
.certificates-detail-modal .modal-content .btn-close{background: var(--PrimaryColor); color: var(--whiteColor); border-radius: 20px; font-size: 16px; width: 35px; height: 35px; line-height: 37px; position: absolute; right: -10px; top: -10px; opacity: 1; padding: 0;z-index: 1;}
.certificates-detail-modal .profile-img .img-box{width: 147px; height: 147px; border-radius: 50%; overflow: hidden;} 
.certificates-detail-modal .profile-img .img-box img{width: 100%; height: 100%; background-size: cover;}
.certificates-detail-modal .profile-content{width: calc(100% - 147px); padding: 0 1rem 0 2rem; }
.certificates-detail-modal .profile-content .text-box{margin-bottom: 1.5rem;}
.certificates-detail-modal .profile-content h4{font-size: 2rem; color: #282828; font-weight: 600;line-height: normal; }
.certificates-detail-modal .profile-content p{font-size:16px; color: #323232; font-weight: 500; line-height: normal; word-break: break-all; } 

.coming-soon-title{    font-size: 2rem; color: #282828; font-weight: 600; line-height: normal; text-align: center; padding: 15px 0;}



.tabcard-box{border: solid 1px #CAC9C9; background: var(--whiteColor); padding: 2rem; border-radius: 10px;text-align: center; height: 100%;}
.tabcard-box .cardimg-bx{min-height: 160px; display: flex; align-items: center; justify-content: center;}
.tabcard-box .cardimg-bx .inner-img-bx{ width: 100%; max-width: 100px; height: 100px; text-align: center; margin:0 auto 1.5rem;border-radius: 50%; overflow: hidden;}
.tabcard-box .cardimg-bx .inner-img-bx img{width: 100%; height: 100%; object-fit: cover;}
.profile-tab-wrapper .tab-content .tab-pane .col-lg-3{margin-bottom: 15px;}
.organizations-tabcard .cardimg-bx .inner-img-bx{max-width: inherit; border-radius: inherit;  overflow: visible;  }
.organizations-tabcard .cardimg-bx .inner-img-bx img{ object-fit: contain;}


.invited-agreement-wrapper .same-heading h3{ font-weight: 600; font-size: 2rem; line-height: 1.6; padding-bottom: 2rem; border-bottom: 1px solid #CECECE; width: 100%; max-width: 70%; margin: 0 auto 2rem;}
.invited-agreement-wrapper .same-heading h3 .name-bx{display: block; font-size: 3rem; color: var(--PrimaryColor);}


.gettouch-wrap .q-as { list-style: none; padding: 0; }
.gettouch-wrap .q-as li { margin-bottom: 15px; border-left: 2px solid var(--PrimaryColor); padding-left: 20px; }
.gettouch-wrap .q-as li h3 { font-size: 1.21vw; line-height: normal; font-weight: 600; color: var(--PrimaryColor); }
.gettouch-wrap .quo { margin: 30px 0; border-radius: 10px; border: 1px solid #ededed; padding: 15px 20px;line-height: 1.8; font-size: 1.21vw; font-weight: 500; box-shadow: inset 0px 4px 0px var(--PrimaryColor); }
.gettouch-wrap .quo .name { display: block; margin-top: 5px; }
.gettouch-wrap .detail-action h2 { font-weight: 600; font-size: 1.21vw; color: #282828; line-height: 1.8; }
.gettouch-wrap .light-red { margin: 10px 0; }
.gettouch-wrap .light-red li { font-size: 1.0416666666666667vw; line-height: 1.7; color: var(--black-color); font-weight: 400; padding: 5px 0 5px 20px; display: block; position: relative; }
.gettouch-wrap .light-red li:before { width: 7px; height: 7px; border-radius: 50%; background: var(--black-color); content: ''; position: absolute; left: 0; top: 16px; }

.get-touch-form { background: var(--gray-bg-color); border-radius: 10px; padding: 30px; margin-left: 30px; }
.get-touch-form .form-group label { font-size: 1.0416666666666667vw; font-weight: 500; color: var(--black-color); margin-bottom: 10px; display: block; }
.get-touch-form .form-group .form-control { padding: 15px;    font-size: 16px; height: 50px; border: 1px solid #d6d6d6; background: #fff; border-radius: 5px; }
.get-touch-form .form-group{margin-bottom: 20px;}


.thank-youpage {padding: 5.729166666666667vw 0 0;}
.thank-youpage .thank-content { width: 100%; max-width: 80%; box-shadow: 0px 0px 70px rgb(0 0 0 / 12%); padding: 2.5vw 3vw; margin: auto; text-align: center; border-radius: 20px; }
.thank-youpage .thank-content .same-heading h3 { font-size:3.646vw; line-height: 1.1; color: var(--PrimaryColor); font-weight: 700; margin: 0 0 10px 0; }
.thank-youpage .thank-content h3 { font-size: 1.21vw; font-weight: 600; margin: 20px 0; color: var(--black-color); }



.hawaiian-councils-sections + .hawaiian-councils-sections { padding-top: 0; }
.decentralized-wrapper .decentralized-icon-list{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 30px 0;}
.decentralized-wrapper .decentralized-icon-list li{background: #FEE2E1; font-size: 18px; color: var(--PrimaryColor); padding: 12px 30px; border-radius: 50px; font-weight: 500; margin: 0 10px; text-align: center;}
.decentralized-wrapper .decentralized-icon-list span { display: inline-block; margin-right: 10px; }
.decentralized-wrapper .decentralized-content{text-align: center; padding: 0 3vw;}
.decentralized-wrapper .decentralized-content h3{font-size: 2.2rem; color: var(--black-color); font-weight: 600; margin-top: 4rem;}
.decentralized-wrapper .decentralized-content .img-box { min-height: 16vw; display: flex; align-items: center; justify-content: center; }

.hawaiian-phone-wrapper{position: relative; min-height: 34vw;}
.hawaiian-phone-wrapper .hawaiian-mobile-img{width: 100%;  max-width: 46vw; position: absolute; left: 0; top: 0;}
.hawaiian-phone-wrapper .price-box{font-size: 7rem; color: #282828; font-weight: 800; line-height: normal;     margin: 0 0 2rem;}
.hawaiian-phone-wrapper .price-box small{font-size: 3.5rem;    vertical-align: super; }
.hawaiian-phone-wrapper .same-heading .btn-primaryx .arrow-icon {filter: invert(1) brightness(3.5);}
.hawaiian-phone-wrapper .same-heading .btn-primaryx:hover .arrow-icon {filter:inherit;}

:is(.financial-flow-wrapper , .reclamation-wrapper) .same-heading h2 strong{font-size: 1.563vw; }
:is(.financial-flow-wrapper , .reclamation-wrapper) .same-heading h2{font-size: 2.083vw; }
.reclamation-wrapper .reclamation-content .icon-box{position: relative;}
.reclamation-wrapper .reclamation-content .icon-box span{width: 135px; height: 135px; line-height: 135px; border: solid 1px var(--PrimaryColor); border-radius: 50%; margin: 0 auto 1.5rem; text-align: center;    position: relative; z-index: 1; background: #fff; display: block;}
.reclamation-wrapper .reclamation-content .icon-box:before{border: dashed 1px var(--PrimaryColor); content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.reclamation-wrapper .reclamation-content .year-box{font-size: 1.563vw; color: var(--black-color); font-weight: 800; margin: 15px 0 8px; line-height: normal;}
.reclamation-wrapper .reclamation-content ul{padding-left: 9vw;}
.reclamation-wrapper .reclamation-content ul li h3{font-size: 1.042vw; color: var(--black-color); font-weight: 600;}
.reclamation-wrapper .reclamation-content ul li{font-size: 0.833vw; color: var(--black-color); font-weight: 500;padding: 5px 0; }
.reclamation-wrapper .col{padding: 0;}

/* .financial-flow-wrapper .financial-flow-img{border-right: dashed 1px var(--black-color);     padding-right: 3vw;} */
.financial-flow-wrapper .hawaiian-pay-img{text-align: center;}
.financial-flow-wrapper .hawaiian-pay-img .btn-primaryx{margin: 10rem 0 2rem;}
.decentralized-wrapper h3.sub-title-text{    font-weight: 600; font-size:1.250vw; line-height: 2.1; color: #232323; margin-bottom: 0;}




.financial-flow-wrapper .financial-list { display: flex; flex-wrap: wrap; align-items: center;     border-right: dashed 1px #000; }
.financial-flow-wrapper .financial-list .content-box :is(.iconBx, .bariconbx){ position: relative; }
.financial-flow-wrapper .financial-list .content-box .iconBx .inner-icon-img { width: 79px; height: 79px; border-radius: 50%; background: #fff; margin: 0 auto; border: solid 1px #B2100B; padding: 5px; display: flex; align-items: center; justify-content: center;  position: relative; z-index: 3;}
.financial-flow-wrapper .financial-list .content-box .iconBx:before{ position: absolute; content: ''; width: 50%; height: 1px; background: #B2100B; top: 50%; transform: translateY(-50%); z-index: 1; left: 67%; }
.financial-flow-wrapper .financial-list>li { width: 25%; }
.financial-flow-wrapper .financial-list .content-box .title { font-size: 14px; color: #000; font-weight: 500; text-align: center; margin: 10px 0; }
.financial-flow-wrapper .financial-list .content-box .bariconbx { width: 142px; height: 142px; border-radius: 15px; border: solid 1px #B2100B; display: flex; align-items: center; justify-content: center; margin: 155px auto 36px; padding: 10px;  position: relative; background:#fff ;z-index: 3;}
.financial-flow-wrapper .financial-list .content-box .bariconbx:before {position: absolute; content: ''; width: 80%; height: 1px; background: #B2100B; top: 50%; transform: translateY(-50%); z-index: 1; left: 100%;}
.financial-flow-wrapper .financial-list .content-box .bariconbx img { opacity: 0.4; }
.financial-flow-wrapper .financial-list .content-box .bariconbx img { width: 100%; height: 100%; object-fit: cover; }
.financial-flow-wrapper .financial-list .inner-list .content-box .iconBx:before{left: unset; right:50%;    top: 40%;}
.financial-flow-wrapper .financial-list .inner-list{overflow: hidden;}
.financial-flow-wrapper .financial-list .inner-list .content-box .iconBx:after{position: absolute; content: ''; width: 1px; height: 108%; background: #B2100B; top: -16px; transform: translateY(-50%); z-index: 1; left: 0;}
.financial-flow-wrapper .financial-list .inner-list li:first-child .content-box .iconBx:after{display: none;}
.financial-flow-wrapper .financial-list > li:nth-child(3) .content-box .iconBx:before { left: 50%;}
.financial-flow-wrapper .financial-list .hk-content .iconBx:before{left: 50%; transform: translateX(-50%); height: 100%; width: 1px !important; top: -100%; }