/* html { font-size: 62.5%; } */
*{  font-family: "Inter", sans-serif; }

html {
    font-size: 16px;
}

/* @font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.eot');
  src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
      url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.eot');
  src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Montserrat-Thin.woff') format('woff'),
      url('../fonts/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
 */



body { color: #3a3a3a; margin: 0; padding: 0;  font-family: "Inter", sans-serif; overflow-x: hidden;  font-weight: normal; }
:root { 
--PrimaryColor:#247DC6;
 --BlackColor:#000000;
 --WhiteColor:#fff;
--LightGrayColor: #ECECEC;
--heading-text: #262626;
}

a { text-decoration: none !important; }
 ul{padding: 0; margin: 0; list-style: none;} 

.btn {font-size: 1rem; padding: 0.5rem 1.2rem; border-radius: 5px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
     transition: all .2s ease;
}
.btn svg{
    width: 1.2rem;
}


 .shift-btn {
      overflow: hidden;
      position: relative;
      text-decoration: none;
      transition: background 300ms ease;
      -webkit-tap-highlight-color: transparent;
    }
    .shift-btn:active { transform: translateY(1px); }
    /* .shift-btn .ct,
    .shift-btn .clone {
      display: inline-block;
      white-space: nowrap;
    } */

    /* Each character is wrapped in a div so we can animate them individually */
    .shift-btn .ct div,
    .shift-btn .clone div {
      display: inline-block;
      transform-origin: center;
      line-height: 1;
      will-change: transform, opacity;
    }

    .shift-btn .clone {
        position: absolute;
          left: 50%;
       transform: translateX(-40%);
      pointer-events: none;    white-space: pre;
    }

    .shift-btn .ct {
      position: relative;
      display: inline-block;
    }

/* .btn:hover,
.btn:focus,
.btn.active {
    outline-offset: -6px;  outline: 1px solid transparent;
   box-shadow: 0 0.5em 0.5em -0.4em var(--PrimaryColor); transform: translateY(-3px);

} */

.btn:hover,
.btn:focus,
.btn.active{
   outline: none !important;
  box-shadow: none !important;
border:solid 1px transparent;
}

.btn-primary {
    color: var(--WhiteColor);
    background: var(--PrimaryColor);
    border-color: var(--PrimaryColor);
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
   color: var(--PrimaryColor) !important;
    background: var(--WhiteColor)!important;
    border-color: var(--PrimaryColor) !important;
    /* outline: 1px solid var(--PrimaryColor) !important; */

}



.btn-black {
    color: var(--WhiteColor);
    background: var(--BlackColor);
    border-color: var(--BlackColor);
}


.btn-black:hover,
.btn-black:focus,
.btn-black.active {
   color: var(--BlackColor) !important;
    background: var(--WhiteColor)!important;
    border-color: var(--BlackColor) !important;
  /* outline: 1px solid var(--BlackColor) !important; */
}

.btn-gray {
    background: #ECECEC;
    color: var(--BlackColor);
    border: solid 1px #ECECEC;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.active {
    background: var(--BlackColor) !important;
    color: var(--WhiteColor) !important;
    border-color: var(--BlackColor) !important;
/* outline: 1px solid var(--WhiteColor) !important; */


}





/* .btn:hover{ box-shadow: 0 0.5em 0.5em -0.4em var(--PrimaryColor); transform: translateY(-0.25em);} */
.btn-primaryx { background-color: var(--PrimaryColor); border-color: var(--PrimaryColor); color: #ffffff; }
.btn-primaryx:hover {   color: var(--PrimaryColor) !important;
    background: var(--WhiteColor)!important;
    border-color: var(--PrimaryColor) !important;
/* outline: 1px solid var(--PrimaryColor) !important; */

}


.btn-outline-primaryx { background-color: var(--PrimaryColor); border-color: var(--WhiteColor); color: var(--WhiteColor);}
.btn-outline-primaryx:hover { background-color: var(--WhiteColor); border-color: var(--PrimaryColor); color: var(--PrimaryColor);}


.btn-outline-primary { background-color: var(--WhiteColor); border-color: var(--PrimaryColor); color: var(--PrimaryColor);}
.btn-outline-primary:hover { background-color: var(--PrimaryColor); border-color: var(--WhiteColor); color: var(--WhiteColor);}


.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); 
/* outline: 1px solid var(--WhiteColor) !important; */

}


.bg-gray{background: #f6f6f6;}
.gl-auto { padding-left: calc(100% - 670px); }
.gr-auto { padding-right: calc(100% - 670px); }

@media (min-width: 1500px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1420px;
  }

}

@media only screen and (min-device-width: 1200px) and (max-device-width:1499px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
  .gl-auto { padding-left: calc(100% - 540px); }
  .gr-auto { padding-right: calc(100% - 540px); }
}
@media only screen and (min-device-width: 990px) and (max-device-width:1199px) {
  .gl-auto { padding-left: calc(100% - 450px); }
  .gr-auto { padding-right: calc(100% - 450px); }
}



.header { padding:1rem 2vw; width: 100%; background-color: #fff; border-bottom: 1px solid #E9E9E9; position: relative;    transform: translateZ(0); transition: all 0.5s;  z-index:999; min-height: 70px; }
.header.header_fix{    position: fixed; top: 0; left: 0;right: 0; box-shadow:0 2px 6px rgba(0,0,0,0.2); animation:headerfixdown 0.7s;}

@keyframes headerfixdown {
    0% {
    opacity: 0;
    transform: translateY(-100%);
} 
100% {
    opacity: 0.9;
    transform: translateY(0);
    } 
}


.header .header-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%;padding: 0;   margin: auto;  gap: 1.5rem; }
@media (min-width: 1920px) {
   .header .header-container {
        max-width: 1480px;
        margin: auto;
    }
}

.header .header-container .header-menu-wrap{ width: 100%; }
.header .btn-primary { font-size: 0.9rem;  padding:0.6rem 0.8rem; gap: 0.2rem; }
.header .btn-primary svg{ width: 1.1rem; height: 1.1rem;}

.header nav { display: flex; align-items: center; justify-content: space-between; width: 100%; vertical-align: middle; }
.header nav ul { display: inline-flex;align-items: center;  gap: 0.5vw; }
.header nav .header-menu-ul-list { gap: 1vw; }

.header nav ul li { display:inline-flex; vertical-align: middle;align-items: center; }
.header nav ul li a:not(.btn) { font-weight: 500; font-size:0.9rem; line-height: normal; color:#4D4D4D; position: relative; padding: 2px; display: inline-flex; align-items: center;    gap: 4px;}
.header nav ul li .dropdown-hover svg { width: 1rem; }

@media (min-width: 1560px) {
   .header .site-logobx {
        min-width: 200px;
    }
}


.header nav ul .dropdown-hover{ background: transparent; border-radius: 5px; padding:0.2rem 0.3rem; }
.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 li a:hover::after { -webkit-transform: scale(1); transform: scale(1); }
.header nav .sign-btn{display: flex; align-items: center;gap: .6rem;}

.header .sign-btn .btn-primary { white-space: pre; }
.header .sign-btn .btn-outline-primary {    font-size: 0.9rem;
    padding: 0.6rem 0.8rem;
    gap: 0.2rem;background: var(--WhiteColor);color: var(--PrimaryColor); border:1px solid var(--PrimaryColor); }
.header .sign-btn .btn-outline-primary:hover {background: var(--PrimaryColor); color: var(--WhiteColor); }

.header .sign-btn .search-icon-bx {margin-right: 0.5rem;color: #4D4D4D; padding-left: 0.8rem;border-left: solid 1px #DEDEDE;}
.header .sign-btn .search-icon-bx svg{width: 1.1rem; height: 1.1rem;}


.header .user-login-warp{ background: var(--WhiteColor); height: 100%; padding: 2rem; height: 100%; }
.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-size: 1rem; color: #959595; line-height: 1.5; font-weight: 400; text-align: center;}
.header .user-login-warp .p{  font-size: 0.8rem; color: var(--BlackColor);     font-weight: 500;}

.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(--BlackColor); line-height: normal; }
.header .user-login-warp .userlogin ul li p { font-weight: 500; font-size: 18px; color: var(--BlackColor); }
.header .without-login .barcode{width: 100%; max-width: 10rem; margin:1.2rem auto; max-height: 10rem; position: relative;    display: flex; align-items: center;}
.header .without-login .barcode img{object-fit: cover; }
.header .without-login .barcode .btn-primary {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;}
.header .without-login .barcode .btn-primary:hover,.header .without-login .barcode .btn-primary:focus,.header .without-login .barcode .btn-primary:active{background: #fff !important; color: var(--PrimaryColor) !important;}
.header .without-login .barcode.blurcode img{opacity: 0.2;}
.header .without-login .barcode.blurcode  .btn-primary {visibility: visible; opacity: 1;}
.header .without-login .btn-list{margin-top: 2rem;}
.header .without-login .btn-list .btn.btn-primary { 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 .dropdown-menu{overflow-y: auto;padding-bottom: 30px;}
.header .mega-menu .dropdown{ position: inherit; }
.header .mega-menu .mega-menu-box{ background: #FFFFFF; margin-top:28px; box-shadow: 0px 59px 50px rgb(0 0 0 / 10%); 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: #E8F7FF; color: var(--PrimaryColor);} */
  .header nav > ul > li > .dropdown:hover{   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: #4D4D4D; }
.header .dropdown .dropdown-item:hover { color: #000; 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: 2rem; color: var(--BlackColor); margin-bottom: 15px; } 
.header .mega-menu .mega-menu-box p{color: #4D4D4D; font-size: 0.9rem;}
.header .mega-menu .mega-menu-box .learn-more-btn{color: #1C83B7;font-weight: 600; font-size: 1rem;  display: none;}
.header .mega-menu .left-mega-menu-title,.header .mega-menu .middle-menu{padding: 40px 30px;}
.header .mega-menu .middle-menu ul{display: flex; flex-wrap: wrap;}
.header .mega-menu .middle-menu ul li{ border-left: 4px solid #DFDFDF; width:49%; padding: 0 15px;}




.header .mega-menu .middle-menu.event-middle-menu{padding: 40px 15px;}
.header .mega-menu .middle-menu.event-middle-menu .meetings-menu{margin-top: 1.5rem;}
.header .mega-menu .middle-menu.event-middle-menu .meetings-menu h6{font-weight: 600;
    font-size: 1rem;
    color: var(--BlackColor);
    margin-bottom: 0.5rem}

/* .header .mega-menu .middle-menu.event-middle-menu .meetings-menu ul li{width: 100%;} */
.header .mega-menu .middle-menu.event-middle-menu .meetings-menu .btn-primary{margin-top: 0.5rem;}
.header .mega-menu .middle-menu.event-middle-menu .event-menu-list li{ width: 19%; padding: 0 5px;}
.header .mega-menu .middle-menu ul li .dropdown-item{background: #fff; box-shadow: inset 3px 0px 0px #fff; border-radius: 5px; font-weight: 500; padding: 0.6rem 0.5rem 0.6rem 0.6rem; font-size: 0.9rem; display: block; width: 100%; white-space: normal; }
.header .mega-menu .middle-menu ul li .dropdown-item:hover{    background:#3a799b12; color:var(--PrimaryColor); box-shadow: inset 3px 0px 0px var(--PrimaryColor);}
/* .header .user-click .search-icon-bx {margin-right: 1vw;    min-width: 17px} */
/* .header .user-click .search-icon-bx{color: #4D4D4D;   } */

.header .digital-store-btn{margin-top: 0;}
.header .digital-store-btn :is(.downloadapps-btn-list){flex-wrap: wrap;    flex-direction: column; }
.header .digital-store-btn :is(.downloadapps-btn-list) a{width: 100%; max-width: 290px; margin: 0 auto; color: var(--WhiteColor);}
.header .nation-top-title h3{font-size: 2.8rem; font-weight: 700; color:var(--BlackColor);}
.header .phase-invite-title{font-weight: 700; font-size: 20px; color:var(--BlackColor);}
.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 .nation-top-title .phase-box{border: solid 1px #D3D3D3; border-radius: 19px; padding: 7px;}
.header .nation-top-title .phase-box + .phase-box{margin-top: 10px;}
.header .nation-top-title .phase-box p{color: #BBBBBB; font-size: 1rem; font-weight: 600; margin-bottom: 0.8rem;}
.header .nation-top-title .phase-box .country-list{display: flex; gap: 3px; flex-wrap: wrap; }
.header .nation-top-title .phase-box .country-list li{ width: 18.5%; margin: 0; display: block;}
.header .nation-top-title .phase-box .country-list li a{margin: 0; padding: 0;}
.header .mega-menu .middle-menu ul li .dropdown-item .event-title{display: block;
    min-height: unset;
    margin: 0.6rem 0 0;
    font-size: 0.9rem;
    font-weight: 400;
    color: #4D4D4D;
    transition: color 0.2s ease;}

    
.header .mega-menu .middle-menu ul li .dropdown-item .eventimg-box { border: solid 1px #e8f7ff; border-radius: 5px; overflow: hidden; }
/* .header .site-logobx a.blue-logo{ width: 100%; max-width: 13.125rem; display: inline-block;} */

.header .site-logobx a{display: block;}
/* header .site-logobx a.blue-logo img{    max-height: 50px;} */



.clearsummit-header .container{display: flex; align-items: center; justify-content: space-between; }
@media (min-width:1200px){
	.header .mega-menu .service-middle-menu ul li{
		width:32%;
	}
}




/* commmon css start */
.same-heading .btn.mt-30 { margin-top: 1.5625rem; } /* 25px */
.skyblue-gradient-bg { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #D9EEF9 100%); }
.video-modal-dialog .modal-content { border-width: 0.4375rem; /* 7px */ border-style: solid; border-color: var(--WhiteColor); border-image: initial; }
.video-modal-dialog .close { position: absolute; width: 1.875rem; /* 30px */ height: 1.875rem; /* 30px */ z-index: 1; opacity: 1; text-align: center; line-height: 1.875rem; /* 30px */ right: -1.125rem; /* -18px */ top: -1.125rem; /* -18px */ font-size: 1.25rem; /* 20px */ border-radius: 50%; background: var(--WhiteColor); transition: all 0.2s ease 0s; outline: none !important; } 
.video-modal-dialog .btn-close {    position: absolute;
    background: var(--PrimaryColor);
    color: #ffffff;
    z-index: 1;
    opacity: 1;
    text-align: center;
    right: -1.125rem;
    top: -1.125rem;
    font-size: 1rem;
    transition: all 0.2s ease 0s;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;} 

.video-modal-dialog .modal-body { padding: 0; }
.video-player { text-align: center; overflow: hidden; }
.video-modal-dialog video { width: 100%; display: block; }
.modal-backdrop.show { opacity: .8; }
.wht-bg { background: #fff !important; }
.w-70 { width: 100%; max-width: 65%; }
.same-heading.text-center .w-70{margin: 0 auto;}
.fullimagebx .border-lt-radius { border-radius: 2.5rem 0 0 2.5rem; width: 100%; } /* 40px */
.fullimagebx .border-rt-radius { border-radius: 0 2.5rem 2.5rem 0; width: 100%; }

.step-cardbx { border: 0; margin-bottom: 3rem; background: transparent; border-radius: 0.625rem; /* 10px */ }
.step-cardbx.bg-gray { background: #EEEEEE; }
.step-cardbx .img-box { background: #FFFFFF; overflow: hidden; border: 0.0625rem solid transparent; border-radius: 1.25rem; /* 20px */ text-align: center; min-height: 21.875rem; /* 350px */ 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 .img-box h5 { font-size: 2rem; color: var(--BlackColor); font-weight: 600; margin-top: 3rem; } 
.step-cardbx .title-heading span { font-weight: 800; font-size: 2.2rem; color: var(--PrimaryColor); padding-right: 0.5rem; /* 8px */ }
.step-cardbx .title-heading { font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem; }
.section-top-margin { padding: 0; margin-bottom: 11rem; }
.section-top-margin .fullimagebx { position: relative; top: 10rem; }
.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: 0 -1.9375rem 2.5rem rgba(0, 0, 0, 0.25); /* was 0px -31px 40px */ } 
.digital-app-section .application-list { display: flex; align-items: center; justify-content: center; }
.digital-app-section .application-list li { padding: 0 5rem 5rem; }

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

/* commmon css end */

.global-reset-section {
  background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(217, 238, 249, 0.63) 100%),
    url("../images/globel-rest-left-layer.png") left center no-repeat,
    url("../images/globel-rest-right-layer.png") right center no-repeat;
  padding: 10rem 0 13rem;
}
.global-reset-section .genrate-stepimg { margin: 6rem 0 8rem; }

.learn-peoplehumnity-section { position: relative; display: flex; align-items: center; }
.learn-peoplehumnity-section .same-heading { position: relative; }
.learn-peoplehumnity-section .right-circle-img { position: absolute; right: 5.375rem; bottom: -8.75rem; z-index: 1; }
.learn-peoplehumnity-section .left-boy-img img {
  max-width: 120%;
  margin: -5.625rem 0 0 -5.625rem;
}

.hope-future-section { position: relative; }
.hope-future-section .text-box {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  max-width: 45.625rem; /* 730px */
}
.hope-future-section h2 {
  font-size: 7rem;
  color: var(--WhiteColor);
  font-weight: 800;
  text-transform: uppercase;
}
.hope-future-section h2 span {
  color: rgb(110, 122, 122);
  text-shadow:
    var(--WhiteColor) -1px 1px 0,
    var(--WhiteColor) 1px 1px 0,
    var(--WhiteColor) 1px -1px 0,
    var(--WhiteColor) -1px -1px 0;
}
.hope-future-section .video-play {
  width: 6.2rem;
  height: 6.2rem;
  background-color: var(--WhiteColor);
  color: rgb(35, 150, 207);
  font-size: 1.5rem; /* 24px */
  position: relative;
  text-align: center;
  line-height: 6.2rem;
  margin-top: 2rem;
  border-radius: 100%;
  border-width: 0.0625rem; /* 1px */
  border-style: solid;
  border-color: var(--WhiteColor);
  display: inline-block;
}
.hope-future-section .video-play::after,
.hope-future-section .video-play::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  border-width: 0.0625rem; /* 1px */
  border-style: solid;
  border-color: var(--WhiteColor);
  transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
  border-radius: 100%;
}
.hope-future-section .video-play:hover::before { opacity: 1; visibility: visible; transform: scale(1.4); }
.hope-future-section .video-play:hover::after  { opacity: 1; visibility: visible; transform: scale(1.2); }

.digital-corporation-sec {
  background: #F1F1F1 url(../images/circle-small-img.png) no-repeat left 3% center;
}
.digital-corporation-sec .same-heading { margin: 12% 0 10%; }
.digital-corporation-sec .same-heading p { width: 100%; max-width: 38.125rem; } /* 610px */

.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: 52.5rem; margin: 4rem auto 0; } /* 840px */

.digital-store-btn a {
  font-size: 2rem;
  line-height: normal;
  text-transform: capitalize;
  font-weight: 500;
  color: var(--WhiteColor);
  display: flex;
  align-items: center;
  background: rgb(34, 150, 207);
  border-radius: 0.3125rem; /* 5px */
  padding: 0.6875rem 1rem 0.6875rem 0.625rem; /* 11px 16px 11px 10px */
  text-align: left;
  transition: all .2s ease;
  min-width: 12.5rem; /* 200px */
}
.digital-store-btn a + a { margin-left: 0.6875rem; } /* 11px */
.digital-store-btn .btn-box { padding: 0.3125rem; } /* 5px */
.digital-store-btn .coming-soon {
  font-weight: 400;
  font-size: 0.625rem; /* 10px */
  color: #8C8B8B;
  margin-bottom: 0;
  text-align: center;
  margin-top: 0.3125rem; /* 5px */
}
.digital-store-btn .light-gray-bg { background: #D2D2D2; color: #A9A9A9; }
.digital-store-btn .dark-gray-bg { background: #52525b; }
.digital-store-btn .purple-bg { background: rgb(104, 79, 110); }
.digital-store-btn .black-bg { background: var(--BlackColor); }
.digital-store-btn .orange-bg { background: #EF4449; }
.digital-store-btn .light-bluebg { background: #0295F0; }
.digital-store-btn a .left-icon { width: 2.375rem; text-align: center; margin-right: 0.625rem; } /* 38px, 10px */
.digital-store-btn a .light-title {
  font-weight: 400;
  font-size: 0.625rem; /* 10px */
  display: block;
  text-transform: uppercase;
}
.digital-store-btn .gray-bg {
  background: #52525b;
  border-color: #52525b;
  text-align: center;
}
.digital-store-btn .gray-bg:hover {
  background: #fff;
  border-color: #52525b;
  color: #52525b;
  text-align: center;
  box-shadow: none !important;
  transform: inherit;
}
.digital-store-btn a:hover { transform: translateY(-0.3125rem); } /* -5px */
.digital-store-btn .min-width310 { min-width: 19.0625rem; } /* 305px */

.digital-phone-row { display: flex; justify-content: center; }
.digital-phone-row li { padding: 0 2.1875rem; } /* 35px */
.digital-phone-row li .digital-phonebx figure {
  min-height: 25rem; /* 400px */
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  padding-bottom: 1.6875rem; /* 27px */
  background: url("../images/shadow-mobile-bottom.png") center bottom no-repeat;
  margin: 0;
}
.digital-phone-row li .digital-phonebx figcaption a {
  font-weight: 600;
  font-size: 1.125rem; /* 18px */
  color: rgb(40, 40, 40);
  text-align: center;
  display: block;
  white-space: nowrap;
}

.decenterlized-phone-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.decenterlized-phone-row li { padding: 0 0.9375rem; } /* 15px */
.decenterlized-phone-row .phone-cardbx { text-align: center; }
.decenterlized-phone-row .phone-cardbx .img-box {
  min-height: 27.8125rem; /* 445px */
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.decenterlized-phone-row .phone-cardbx .title-box { padding: 1.5625rem 0.3125rem; } /* 25px 5px */
.decenterlized-phone-row .phone-cardbx h3 {
  font-weight: 700;
  font-size: 1.125rem; /* 18px */
  color: #2E2E2E;
  white-space: pre;
}
.decenterlized-phone-row .phone-cardbx .mobile-price {
  font-weight: 500;
  font-size: 1.125rem; /* 18px */
  line-height: 1.375rem; /* 22px */
  color: #494949;
  letter-spacing: -0.03em;
}
.decenterlized-phone-row .phone-cardbx .phone-btn-box { margin-top: 3rem; }
.decenterlized-phone-row .phone-cardbx .phone-btn-box a {
  font-weight: 600;
  font-size: 1rem; /* 16px */
  letter-spacing: -0.03em;
  color: #494949;
  border: 0.0625rem solid #494949;
  border-radius: 3.125rem; /* 50px */
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  padding: 0.5625rem 0.8125rem; /* 9px 13px */
  width: 100%;
  max-width: 12.5rem; /* 200px */
  margin: 1rem auto;
  background: transparent;
}
.decenterlized-phone-row .phone-cardbx .phone-btn-box .without-google {
  border: 0.0625rem solid #694E70;
  color: #694E70;
}
.decenterlized-phone-row .phone-cardbx .phone-btn-box .without-google img { opacity: 0.1; }
.decenterlized-phone-row .phone-cardbx.sold_div {
  position: relative;
  pointer-events: none;
  user-select: none;
}
.decenterlized-phone-row .phone-cardbx.sold_div .soldout {
  font-size: 1.125rem; /* 18px */
  font-weight: 700;
  display: block;
  color: #404040;
  position: absolute;
  text-align: center;
  z-index: 99;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
}
.decenterlized-phone-row .phone-cardbx.sold_div :is(.img-box, .title-box) { opacity: 0.3; }

.digital-phone-wrapper .clearphone-card {
  background: #F4F4F4;
  border-radius: 0.625rem; /* 10px */
  border: 0.0625rem solid #C1C1C1;
  overflow: hidden;
  text-align: center;
  padding: 1.875rem 0; /* 30px 0 */
}
.digital-phone-wrapper .clearphone-card .phone-imgbx {
  margin-bottom: 1.25rem; /* 20px */
  min-height: 23.125rem; /* 370px */
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.digital-phone-wrapper .clearphone-card .mobile-price {
  font-size: 1.125rem; /* 18px */
  font-weight: 500;
  color: #494949;
}
.digital-phone-wrapper .clearphone-card h3 {
  font-weight: 600;
  font-size: 1.125rem; /* 18px */
  color: rgb(40, 40, 40);
}
.digital-phone-wrapper .clearphone-card .btn {
  font-size: 0.875rem; /* 14px */
  border: 0.125rem solid #000; /* 2px */
  font-weight: 600;
  text-align: left;
  color: #000;
  border-radius: 3.125rem; /* 50px */
  background: transparent;
  padding: 0.5625rem 1.25rem; /* 9px 20px */
  width: 100%;
  max-width: 12.5rem; /* 200px */
  margin: 1rem auto;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.digital-phone-wrapper .clearphone-card .title-box { min-height: 5.625rem; } /* 90px */
.digital-phone-wrapper .clearphone-card .btn:hover {
  background: var(--BlackColor);
  color: var(--WhiteColor);
  box-shadow: 0 0.5em 0.5em -0.4em #f4f4f4;
}
.digital-phone-wrapper .clearphone-card .btn:hover img { filter: brightness(0) invert(1); opacity: 1; }
.digital-phone-wrapper .clearphone-card .btn-outline-primaryx { border-color: #694E70; color: #694E70; }
.digital-phone-wrapper .clearphone-card .btn-outline-primaryx:hover {
  background: #694E70;
  color: var(--WhiteColor);
}
.digital-phone-wrapper .clearphone-card.sold_div {
  position: relative;
  pointer-events: none;
  user-select: none;
}
.digital-phone-wrapper .clearphone-card.sold_div:before {
  font-size: 1.125rem; /* 18px */
  font-weight: 500;
  color: #FFFFFF;
  padding: 0.75rem 1.25rem; /* 12px 20px */
  display: block;
  background-color: #A70606;
  position: absolute;
  top: 1.5625rem; /* 25px */
  left: -5.4375rem; /* -87px */
  width: 16.875rem; /* 270px */
  transform: rotate(-45deg);
  text-align: center;
  z-index: 99;
  content: 'Sold out';
}
.digital-phone-wrapper .clearphone-card.sold_div:after {
  opacity: 0.5;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background-color: #f4f4f4;
}

.digital-phone-wrapper .full-height-mobile-box .clearphone-card { height: 48%; margin-bottom: 2rem; }
.digital-phone-wrapper .full-height-mobile-box .clearphone-card .phone-imgbx { min-height: inherit; margin-bottom: 0; }
.control-life-section .android-phone-text {
  font-weight: 700;
  font-size: 1.25rem; /* 20px */
  color: rgb(34, 150, 207);
  margin: 1.25rem 0 2.1875rem; /* 20px 0 35px */
}
.declare-unity-section {
  height: 51.25rem; /* 820px */
  padding: 12rem 0 0;
  margin-bottom: 13rem;
}
.declare-unity-section .half-img-bottombx { top: 7rem; position: relative; }
.digital-payment-section { background: url("../images/circle-small-img.png") right 3% top 3% no-repeat; }
.physical-citizen-section { background: url("../images/circle-small-img.png") left 3% center no-repeat; }

.citizen-card-list { display: flex; flex-wrap: wrap; }
.citizen-card-list li { width: 20%; padding: 0.625rem; } /* 10px */
.citizen-card-list li .card-box {
  background: #2296CF;
  border: 0.1875rem solid #000; /* 3px */
  border-radius: 0.625rem; /* 10px */
  height: 100%;
  padding: 1.25rem; /* 20px */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
}
.citizen-card-list li .card-box .top-icon-bx {
  width: 4.3125rem; /* 69px */
  height: 4.3125rem;
  background: #FFFFFF;
  border: 0.125rem solid #000; /* 2px */
  box-shadow: 0 0.3125rem 0 #0D3A4C; /* 5px */
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -2.125rem; /* -34px */
  display: flex;
  align-items: center;
  justify-content: center;
}
.citizen-card-list li .card-box h4 {
  font-weight: 400;
  font-size: 1.25rem; /* 20px */
  color: #fff;
  line-height: normal;
}
.citizen-card-list li .card-box .nobx {
  font-weight: 700;
  font-size: 1.25rem; /* 20px */
  color: #fff;
  margin: 0.375rem 0; /* 6px */
}
.citizen-card-list li .card-box p {
  font-weight: 400;
  font-size: 0.875rem; /* 14px */
  color: #fff;
  line-height: 1.5;
}

.video-fullimagebox { position: relative; border-radius: 0.625rem; overflow: hidden; }
.video-fullimagebox .video-play {
  width: 4rem;
  height: 4rem;
  background-color: var(--WhiteColor);
  color: rgb(35, 150, 207);
  font-size: 1.2rem;
  position: relative;
  text-align: center;
  line-height: 4rem;
  border-radius: 100%;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--WhiteColor);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
}
.video-fullimagebox .video-play::after,
.video-fullimagebox .video-play::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--PrimaryColor);
  transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
  border-radius: 100%;
}
.video-fullimagebox .video-play:hover::before { opacity: 1; visibility: visible; transform: scale(1.4); }
.video-fullimagebox .video-play:hover::after  { opacity: 1; visibility: visible; transform: scale(1.2); }
.video-fullimagebox { height: 21.875rem; } /* 350px */
.video-fullimagebox img { width: 100%; height: 100%; object-fit: cover; }

.digital-service-wrap .service-btn-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -1.875rem; /* -30px */
}
.digital-service-wrap .service-btn-list li {
  font-weight: 500;
  font-size: 0.875rem; /* 14px */
  color: rgb(34, 150, 207);
  background: rgb(223, 239, 248);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgb(34, 150, 207);
  border-radius: 3.125rem; /* 50px */
  padding: 0.375rem 0.5625rem; /* 6px 9px */
  margin: 0.25rem;
}

.join-digitalworld {
  background: #F1F1F1 url(../images/white-circle-icon.png) no-repeat left 3% center;
}
.join-digitalworld .meeting-box { margin-top: 7rem; }
.join-digitalworld .meeting-middle-bx { text-align: center; }
.join-digitalworld .meeting-middle-bx h4 {
  font-size: 1.25rem; /* 20px */
  color: #232323;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 2.25rem; /* 36px */
}
.join-digitalworld .meeting-middle-bx h3 {
  font-size: 2rem;
  color: #282828;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.625rem; /* 10px */
}
.join-digitalworld .meeting-middle-bx h6 {
  font-size: 1.125rem; /* 18px */
  color: #282828;
  font-weight: 600;
  line-height: 1.5;
}
.join-digitalworld .meeting-middle-bx .btn-group-list {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.join-digitalworld .meeting-middle-bx .btn-group-list .btn {
  display: flex;
  align-items: center;
  padding: 0.625rem 1.25rem 0.625rem 0.625rem; /* 10px 20px 10px 10px */
  text-align: left;
  margin: 0.25rem;
}
.join-digitalworld .meeting-middle-bx .btn-group-list .btn .right-text { padding-left: 0.625rem; }
.join-digitalworld .meeting-middle-bx .btn-group-list .btn .left-icon {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #fff;
  line-height: 1.875rem;
  text-align: center;
}
.join-digitalworld .meeting-middle-bx .btn-group-list .btn .light-text {
  display: block;
  font-size: 0.75rem; /* 12px */
  font-weight: 500;
}
.join-digitalworld .meetingbar-box .barbx {
  border-radius: 1.3125rem; /* 21px */
  background: #fff;
  padding: 1.25rem; /* 20px */
  width: 100%;
  max-width: 12.5rem; /* 200px */
  height: 12.5rem; /* 200px */
  margin: 0 auto 2rem;
  opacity: 0.3;
}
.join-digitalworld .meetingbar-box p {
  font-size: 1rem; /* 16px */
  color: var(--BlackColor);
  line-height: 1.6;
  text-align: center;
}

.join-digitalworld .meeting-img-box {
  position: relative;
  width: 20.3125rem; /* 325px */
  height: 14.75rem;   /* 236px */
  margin: auto;
}
.join-digitalworld .meeting-img-box .open-councilbx {
  width: 15rem;  /* 240px */
  height: 15rem; /* 240px */
  border-radius: 50%;
  background: #fff;
  border: 0.875rem solid #2296CF; /* 14px */
  font-size: 1.2rem;
  color: #2296CF;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  padding-top: 3.4375rem; /* 55px */
  position: relative;
  margin: auto;
  z-index: 1;
}
.join-digitalworld .meeting-img-box .open-councilbx .no-bx {
  background: #2296CF;
  border: 0.125rem solid #FFFFFF; /* 2px */
  width: 2.875rem;  /* 46px */
  height: 2.875rem;
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  line-height: 2.875rem; /* 46px */
  position: absolute;
  right: 0;
  top: 0;
}
.join-digitalworld .meeting-img-box .shape-listwrap .no-bx.ylo-bg { background: #F29D00; }
.join-digitalworld .meeting-img-box .shape-listwrap .no-bx.green-bg { background: #3B8E44; }
.join-digitalworld .meeting-img-box .shape-listwrap li {
  position: absolute;
  top: -6.875rem; /* -110px */
  left: 50%;
  transform: translateX(-50%);
}
.join-digitalworld .meeting-img-box .shape-listwrap .shape-img {
  position: relative;
  width: 100%;
  max-width: 7rem; /* 112px */
  height: 6.875rem; /* 110px */
}
.join-digitalworld .meeting-img-box .shape-listwrap .no-bx {
  width: 1.75rem; /* 28px */
  height: 1.75rem;
  border-radius: 50%;
  border: 0.125rem solid #FFFFFF; /* 2px */
  font-size: 0.6875rem; /* 11px */
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #009494;
  line-height: 1.625rem; /* 26px */
  margin: auto;
  top: -1.3125rem; /* -21px */
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -0.875rem; /* -14px */
}
.join-digitalworld .meeting-img-box .shape-listwrap .shape-img img { filter: grayscale(1); }

.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(2) {
  top: -5.9375rem; /* -95px */
  left: unset;
  right: -3.125rem; /* -50px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(2) .no-bx {
  top: -0.0625rem; /* -1px */
  left: 4.375rem; /* 70px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(3) {
  top: -1.1875rem; /* -19px */
  left: unset;
  right: -7.0625rem; /* -113px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(3) .no-bx {
  left: 6.5rem; /* 104px */
  top: 1.375rem; /* 22px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(4) {
  top: 5.6875rem; /* 91px */
  left: unset;
  right: -7.125rem; /* -114px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(4) .no-bx {
  top: 2.6875rem; /* 43px */
  left: 7.25rem;   /* 116px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(5) {
  top: 11.75rem;   /* 188px */
  left: unset;
  right: -5.9375rem; /* -95px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(5) .no-bx {
  top: 3.75rem; /* 60px */
  left: 5.5625rem; /* 89px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(6) {
  top: 14.6875rem; /* 235px */
  left: unset;
  right: -0.8125rem; /* -13px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(6) .no-bx {
  top: 6rem; /* 96px */
  left: 4.25rem; /* 68px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(7) {
  top: 14.375rem; /* 230px */
  left: 6.75rem; /* 108px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(7) .no-bx {
  top: 6.25rem; /* 100px */
  left: 3.125rem; /* 50px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(8) {
  top: 11.8125rem; /* 189px */
  left: 1.3125rem; /* 21px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(8) .no-bx {
  top: 4.125rem; /* 66px */
  left: 1.25rem; /* 20px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(9) {
  top: 5.8125rem; /* 93px */
  left: -0.6875rem; /* -11px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(9) .no-bx {
  top: 2.875rem; /* 46px */
  left: -0.125rem; /* -2px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(10) {
  top: -1.0625rem; /* -17px */
  left: -0.0625rem; /* -1px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(10) .no-bx {
  top: 1.1875rem; /* 19px */
  left: 0.625rem; /* 10px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(11) {
  top: -5.625rem; /* -90px */
  left: 3.1875rem; /* 51px */
}
.join-digitalworld .meeting-img-box .shape-listwrap li:nth-child(11) .no-bx {
  top: -0.1875rem; /* -3px */
  left: 2.375rem; /* 38px */
}

.video-play { cursor: pointer; }

.digital-flag-wrap .flag-bx { margin-top: 5rem; }
.ask-eve-section .video-fullimagebox {
  width: 100%;
  max-width: 39.5rem; /* 632px */
  margin: 3.75rem auto 0; /* 60px auto 0 */
  border-radius: 1.25rem; /* 20px */
  overflow: hidden;
}
.ask-eve-section .video-fullimagebox .video-play {
  color: var(--WhiteColor);
  background: var(--PrimaryColor);
  border-color: var(--PrimaryColor);
}
.become-member-wrap .member-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.become-member-wrap .member-list li { width: auto; padding: 0 0.9375rem; } /* 15px */
.become-member-wrap { position: relative; display: none !important; }

.member-pagination .btn {
  font-size: 0.875rem; /* 14px */
  font-weight: 600;
  margin: 0.1875rem; /* 3px */
  top: 60%;
  transform: translateY(-50%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member-pagination .btn img {
  padding: 0 !important;
  width: 1.3125rem; /* 21px */
  height: 1.3125rem;
  margin: 0 0.1875rem;
}
.member-pagination .next-btn {
  right: 3.75rem; /* 60px */
  padding: 0.8125rem 0.625rem 0.8125rem 1.125rem; /* 13px 10px 13px 18px */
}
.member-pagination .prev-btn {
  left: 3.75rem; /* 60px */
  padding: 0.8125rem 1.125rem 0.8125rem 0.625rem; /* 13px 18px 13px 10px */
}
.member-pagination .btn:hover { background: var(--PrimaryColor); color: var(--WhiteColor); }
.member-pagination .btn-primaryx.prev-btn {
  background: #AAAAAA;
  border-color: #AAAAAA;
}
.member-pagination .btn-primaryx.prev-btn:hover {
  box-shadow: 0 0.5em 0.5em -0.4em #aaaaaa;
  color: #fff !important;
}

.country-tab-wrap .countrytabouter-bx { position: relative; }
.country-tab-wrap .countrytabouter-bx:before {
  position: absolute;
  left: -1.25rem; /* -20px */
  right: 1.25rem; /* 20px */
  bottom: -1.25rem; /* -20px */
  top: -1.25rem; /* -20px */
  border: 0.1875rem solid #000; /* 3px */
  content: '';
  border-radius: 0.625rem; /* 10px */
  z-index: 1;
}
.country-tab-wrap .nav {
  z-index: 1;
  position: relative;
  flex-direction: column;
  background: #2296CF;
  border: 0.1875rem solid #000; /* 3px */
  border-radius: 0.625rem; /* 10px */
  overflow: hidden;
}
.country-tab-wrap .nav li .nav-link {
  width: 100%;
  border: 0;
  background: #2296CF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem; /* 18px */
  color: #fff;
  padding: 0.3125rem 1.25rem; /* 5px 20px */
  margin-bottom: 0.125rem; /* 2px */
  text-align: left;
  position: relative;
  transition: all .2s ease;
  min-height: 4rem; /* 80px */
}
.country-tab-wrap .nav li .nav-link:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.0625rem; /* -1px */
  content: '';
  width: 95%;
  height: 0.0625rem; /* 1px */
  background: #0C5A81;
  margin: auto;
}
.country-tab-wrap .nav li:last-child .nav-link:after { display: none; }
.country-tab-wrap .nav li .nav-link .no-bx {
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
}
.country-tab-wrap .nav li .nav-link.active,
.country-tab-wrap .nav li .nav-link:hover {
  background: linear-gradient(90.13deg, #FFFFFF 0.91%, rgba(255,255,255,0) 84.9%);
  color: #2296CF;
  font-weight: 700;
}
.country-tab-wrap .nav li .nav-link.active .no-bx { color: #fff; }
.country-tab-wrap .nav li button:focus { outline: none !important; box-shadow: none !important; }


.declear-unity-content {background: url(../images/handshake-img.png)no-repeat right center; background-size: 210px;}
.appendix-local-section .middle-imgsection{margin: 0 0 3rem;}
.decentralization-help-section p a{color: var(--PrimaryColor);font-weight: 700; word-break: break-all;}

/* decentralized page */
.clearos-app-wrap { margin-bottom: 1.875rem; } /* 3rem × 0.625 */

.clearos-app-wrap .col {
  flex: 0 0 14.28%;
  max-width: 14.28%;
}

.clearos-app-wrap .osapp-content {
  background: #FFFFFF;
  border: 0.0625rem solid #DFDFDF;
  box-shadow: 0px 1.25rem 1.875rem rgba(0, 0, 0, 0.1);
  border-radius: 0.4375rem;
  padding: 0.4375rem;
  margin-bottom: 1.25rem;
  display: block;
}

.clearos-app-wrap .osapp-content .iconbx {
  background: #D9D9D9;
  text-align: center;
  padding: 0.625rem;
  margin-bottom: 0.625rem;
  height: 7.8125rem;
  overflow: hidden;
}
.clearos-app-wrap .osapp-content .iconbx img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.clearos-app-wrap .osapp-content h3 {
  font-weight: 500;
  font-size: 0.75rem;
  color: var(--BlackColor);
  min-height: 2.1875rem;
}
.clearos-app-wrap .rating-star span {
  font-size: 0.625rem;
  color: #BE521E;
  display: inline-block;
}
.clearos-app-wrap .rating-star .gray-clr { color: #B4B4B4; }
.clearos-app-wrap .osapp-content .price {
  font-weight: 600;
  font-size: 0.75rem;
  color: var(--BlackColor);
  text-align: right;
  width: 50%;
  white-space: pre;
}
.clearos-app-wrap .mobile-btn { margin-top: 6.25rem; text-align: center; }
.clearos-app-wrap .osapp-content .rating-star { width: 50%; }
.clearos-app-wrap.clearos-mobile-app .osapp-content .iconbx { background: #694e70; }

/* digital-domaine */
.instant-notar-section :is(.step-cardbx, .step-cardbx .img-box) { background: transparent; }
.domain-register-steps-wrap .step-cardbx .img-box { min-height: inherit; }
.domain-register-steps-wrap .step-cardbx p { min-height: 5rem; }

.assets-card {
  filter: drop-shadow(0px 0.25rem 1.875rem rgba(0, 0, 0, 0.15));
  border-radius: 0.625rem;
  overflow: hidden;
  border: 0;
  margin-bottom: 1.875rem;
}
.assets-card .authoriz-text { font-size: 0.75rem; margin-bottom: 0; }
.assets-card .card-title { padding: 0.625rem; }
.assets-card .logo-imgbx { margin-bottom: 0.625rem; }
.assets-card h4 { font-size: 1rem; }

.digital-organization-section .step-cardbx {
  padding: 1.25rem;
  height: 100%;
  background: var(--WhiteColor);
  border-radius: 0.625rem;
  overflow: hidden;
}

.digital-chart-slider .step-cardbx .img-box {
  height: 16.875rem;
  padding: 0;
  margin-bottom: 0.625rem;
}
.digital-chart-slider .step-cardbx .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.video-slider-tranining, .digital-chart-slider) .owl-nav button {
  position: absolute;
  top: 50%;
  font-size: 1.375rem !important;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: transparent !important;
  line-height: 2.5rem !important;
  padding: 0 !important;
  transform: translateY(-50%);
  border: 0 !important;
}
:is(.video-slider-tranining, .digital-chart-slider) .owl-nav button:focus {
  outline: none !important;
  box-shadow: none !important;
}
:is(.video-slider-tranining, .digital-chart-slider) .owl-nav button:hover {
  background: #2396cf !important;
  color: var(--WhiteColor);
}
:is(.video-slider-tranining, .digital-chart-slider) .owl-nav .owl-prev { left: -3.75%; }
:is(.video-slider-tranining, .digital-chart-slider) .owl-nav .owl-next { right: -3.75%; }

/* digital-reputation page */
.future-genration-imgbx { position: relative; }
.future-genration-imgbx .image-box {
  filter: drop-shadow(0px 0.25rem 0.25rem rgba(0, 0, 0, 0.25));
  border-radius: 0 6.25rem 0 6.25rem;
  overflow: hidden;
}
.future-genration-imgbx .content-bx {
  width: 100%;
  max-width: 50rem;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 1.875rem;
}
.future-genration-imgbx .content-bx h3 {
  font-size: 1.625rem;
  font-weight: 500;
  color: #fff;
  line-height: 2.375rem;
}
.future-genration-imgbx .content-bx .btn-primaryx { margin-top: 5rem; }

.digital-marrige-certificate-section { position: relative; }
.digital-marrige-certificate-section .row { position: relative; z-index: 1; }
.digital-marrige-certificate-section:after {
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  width: 100%;
  background: #F2F2F2;
  height: 60%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.digital-tax-logosection .img-box { margin-bottom: 5rem; }

/* digital-land */
.communication-council-box .council-person ul {
  display: flex;
  justify-content: center;
}
.communication-council-box .council-person ul li { padding: 0.5rem; }
.communication-council-box .council-person .sign-btn {
  font-size: 0.75rem;
  color: #181818;
  font-weight: 400;
  background: #E2E2E2;
  border-radius: 6.25rem;
  padding: 0.1875rem 0.75rem;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.communication-council-box .council-person .open-btn {
  font-size: 0.75rem;
  color: #fff;
  font-weight: 400;
  background: #2296CF;
  border-radius: 6.25rem;
  padding: 0.1875rem 0.75rem;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.communication-council-box .person-box {
  overflow: hidden;
  position: relative;
  width: 11.25rem;
  height: 14.8125rem;
}
.communication-council-box .person-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: solid 0.0625rem #0000002e;
}
.communication-council-box .first-person-row ul { align-items: end; }
.communication-council-box .second-person-row ul { align-items: center; }
.communication-council-box .third-person-row ul { align-items: start; }

.communication-council-box .first-person-row ul li:first-child .person-box {
  width: 11.625rem;
  height: 10.625rem;
}
.communication-council-box .first-person-row ul li:nth-child(2) .person-box {
  width: 16rem;
  height: 15.75rem;
}
.communication-council-box .first-person-row ul li:nth-child(3) .person-box {
  width: 11.625rem;
  height: 9.125rem;
}

.communication-council-box .second-person-row ul li:first-child .person-box,
.communication-council-box .second-person-row ul li:last-child .person-box {
  width: 11.625rem;
  height: 10.625rem;
}
.communication-council-box .second-person-row ul li:nth-child(2) .person-box {
  width: 14.75rem;
  height: 14.8125rem;
}
.communication-council-box .second-person-row ul li:nth-child(3) .person-box,
.communication-council-box .second-person-row ul li:nth-child(4) .person-box {
  width: 11.25rem;
  height: 14.8125rem;
}
.communication-council-box .second-person-row ul li:nth-child(5) .person-box {
  width: 14.75rem;
  height: 14.8125rem;
}

.communication-council-box .third-person-row ul li:first-child .person-box {
  width: 11.625rem;
  height: 9.125rem;
}
.communication-council-box .third-person-row ul li:nth-child(2) .person-box {
  width: 14.875rem;
  height: 15rem;
}
.communication-council-box .third-person-row ul li:nth-child(3) .person-box {
  width: 11.625rem;
  height: 10.625rem;
}
/* digital-mortgage */
.same-heading .home-icon { width: 100%; max-width: 40px; display: inline-block; vertical-align: top; }
.same-heading .double-btn-list{margin-top: 4rem;}
.same-heading .double-btn-list a{margin-right:1rem;}
.payless-month-wrap{margin-bottom: 10rem;}
.payless-month-wrap .half-img-bottombx { top: 10rem; position: relative; }
.unlock-equity-section .step-cardbx.bg-gray{background: #EDEDED;}
.unlock-equity-section .step-cardbx {height: 100%;}
.unlock-equity-section .step-cardbx .card-body{padding: 3rem 2rem 2rem; }
.digital-mortage-coinsection .img-box{left: 70px; 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; }
.digitallife-card .img-box { min-height: inherit; border: 0;  align-items: start; padding: 0;}

/* digital-dispute-resolution */
.lawsuits-banner .same-heading { padding-right: 3.125rem; } /* 5rem → 3.125rem */

.sign-up-newsletter {
  background: var(--WhiteColor);
  border-radius: 0.75rem; /* 12px */
  padding: 2.5rem 1.875rem; /* 4rem 3rem → 2.5rem 1.875rem */
  text-align: center;
  position: relative;
  filter: drop-shadow(0px 0.25rem 1.5625rem rgba(0, 0, 0, 0.25));
}

.sign-up-newsletter .icon-box {
  width: 5rem; /* 80px */
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  position: absolute;
}
.sign-up-newsletter .icon-box.top-icon { top: 3.8125rem; left: -2.375rem; }
.sign-up-newsletter .icon-box.bottom-icon { bottom: 3.8125rem; right: -2.375rem; }

.sign-up-newsletter h3 { font-size: 1rem; font-weight: 400; color: #2396CF; }
.sign-up-newsletter h2 {
  font-size: 2.25rem; /* 3.6rem × 0.625 */
  font-weight: 300;
  color: #000000;
  margin: 0.625rem 0;
}
.sign-up-newsletter h2 strong { font-weight: 600; }
.sign-up-newsletter hr {
  border: solid 0.125rem #37A0F4;
  width: 100%;
  max-width: 3.75rem;
  margin: 1.5625rem auto 2.5rem;
}

.supplements-wrap { padding-top: 0; }

.supplements-wrap .filter-top-tab {
  box-shadow: 0px 0.5625rem 2.375rem 0.25rem rgba(0, 0, 0, 0.05);
  padding: 1.25rem 0;
  margin-bottom: 3.75rem;
}

.supplements-wrap .filter-top-tab p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #000000;
}

.supplements-wrap .filter-top-tab select.form-control {
  background: url(../images/arrow-down.png) no-repeat right 0.875rem center #EBF4F9;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  color: #101010;
  height: 3.125rem;
  padding: 0.625rem 1.25rem;
  margin-left: 1.25rem;
  width: 18.75rem;
}

.supplements-wrap .list-fliter-content h2 {
  font-size: 1.625rem;
  font-weight: 300;
  color: #000000;
  margin-bottom: 0.625rem;
}

.supplements-wrap .filter-top-tab .btn-outline-light {
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  color: #000000;
}

.supplements-wrap .list-box-wrap .title-box { margin-bottom: 1.875rem; }
.supplements-wrap .list-box-wrap h2 {
  font-size: 1.625rem;
  font-weight: 300;
  color: #000000;
  margin-bottom: 0.625rem;
}

.filter-buttons button {
  background: #EBF4F9;
  border: solid 0.0625rem #EBF4F9;
  font-size: 0.75rem;
  color: #000000;
  font-weight: 400;
  padding: 0.3125rem 0.625rem;
}
.filter-buttons button:hover,
.filter-buttons button.btn-active {
  background: #2396CF;
  border-color: #2396CF;
  color: #fff;
}
.filter-buttons button:first-child { border-radius: 3.125rem 0 0 3.125rem; }
.filter-buttons button:last-child  { border-radius: 0 3.125rem 3.125rem 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: 1.875rem;
}

.supplements-wrap .list-box-wrap .card {
  border: none;
  box-shadow: 0px 0.5625rem 2.375rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0.75rem;
  height: 100%;
  overflow: hidden;
}

.supplements-wrap .list-box-wrap .card .img-box {
  position: relative;
  height: 10rem;
  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: rgba(0, 0, 0, 0.48);
}
.supplements-wrap .list-box-wrap .card .card-body { padding: 1.5rem; }

.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: 1.25rem;
  bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: 400;
  z-index: 1;
}
.supplements-wrap .list-box-wrap .card h3 a { color: #fff; }

.supplements-wrap .list-box-wrap .card p {
  font-size: 0.875rem;
  color: #000000;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.supplements-wrap .list-box-wrap .card p a {
  color: #2396CF;
  font-weight: 400;
  text-transform: uppercase;
}

.supplements-wrap .share-btn a {
  color: #2396CF;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.625rem;
  display: inline-block;
}
.supplements-wrap .share-btn a img { margin-left: 0.3125rem; vertical-align: initial; }

.supplements-wrap .list-box-wrap .center-card { text-align: center; }
.supplements-wrap .list-box-wrap .center-card h3 {
  font-size: 1.5rem;
  font-weight: 600;
  bottom: unset;
  top: 3.4375rem;
  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: 0.0625rem solid #00000014;
  padding: 2.125rem 0;
  margin-top: 2.5rem;
}

.supplements-wrap .list-detail h3 a {
  font-size: 1.25rem;
  font-weight: 400;
  color: #000;
}
.supplements-wrap .list-detail h3:hover { color: #2396CF; }

.list-box-wrap.private .card,
.list-box-wrap.private h3 {
  filter: blur(0.4375rem);
  pointer-events: none;
  user-select: none;
}

select:focus, button:focus { outline: none !important; box-shadow: none !important; }

.judge-team { display: flex; flex-wrap: wrap; margin: 0 -0.9375rem 0; }
.judge-team li { width: 20%; padding: 0.9375rem; text-align: center; }
.judge-team li a { display: block; }
.judge-team li .img-box img { border-radius: 0.5rem; width: 100%; }

/* digital store */
.features-faq-wrapper .card { margin-bottom: 0.8125rem; } /* 13px */
.features-faq-wrapper .card .card-header { padding: 0; }
.features-faq-wrapper .card .card-header .btn-block {
  padding: 1.25rem 0.9375rem; /* 20px 15px */
  background: #D9D9D9;
  font-weight: 500;
  font-size: 1.25rem; /* 20px */
  color: #252525;
  position: relative;
}
.features-faq-wrapper .card .btn-block:not(.collapsed) { color: #AC1F23; }
.features-faq-wrapper .card p {
  font-size: 1rem; /* 16px */
  color: #3D3D3D;
  font-weight: 500;
  margin-bottom: 1rem; /* 16px */
}
.features-faq-wrapper .card .card-header .btn-block::after {
  width: 1.25rem; /* 20px */
  height: 1.25rem;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.375rem; /* 22px */
  transition: transform .2s ease-in-out;
  position: absolute;
  right: 0.9375rem; /* 15px */
  top: 1.875rem; /* 30px */
  transform: rotate(-90deg);
}
.features-faq-wrapper .card .card-header .btn-block:not(.collapsed):after {
  transform: rotate(0deg);
}

.ave-section {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(217, 238, 249) 80%, rgba(255, 255, 255, 0) 20%);
}

.borderfullvideo {
  background: #FFFFFF;
  border: 0.1875rem solid #000000; /* 3px */
  border-radius: 1.25rem; /* 20px */
  padding: 0.875rem; /* 14px */
  position: relative;
  overflow: inherit;
  height: 100%;
}
.borderfullvideo img {
  border: 0.1875rem solid #000000;
  border-radius: 1.25rem;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.borderfullvideo:before {
  width: 100%;
  height: 100%;
  inset: 1rem 0 0 -1rem; /* 16px */
  position: absolute;
  content: '';
  background: #2296CF;
  border: 0.1875rem solid #000000;
  border-radius: 1.25rem;
  z-index: -1;
}

.member-your-plan-table { position: relative; }
.member-your-plan-table::before {
  position: absolute;
  left: -1rem; /* 16px */
  top: 1rem; /* 16px */
  width: 17.625rem; /* 282px */
  height: 100%;
  bottom: 0;
  content: '';
  background: #2296CF;
  border: 0.125rem solid #000000; /* 2px */
  border-radius: 0.625rem; /* 10px */
}

.member-your-plan-table .table-memberprice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem; /* 12px */
  border: solid 0.0625rem transparent;
  border-radius: 0.4375rem; /* 7px */
  background: transparent;
  cursor: pointer;
}
.member-your-plan-table .table-memberprice .price {
  font-size: 1rem; /* 16px */
  color: #101010;
  font-weight: 500;
}
.member-your-plan-table .table-memberprice .right-price .add {
  display: inline-block;
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  opacity: 0;
}
.member-your-plan-table .table-memberprice:hover {
  background: #DEDCDC;
  border-color: #DEDCDC;
}
.member-your-plan-table .table-memberprice:hover .right-price .add { opacity: 1; }
.member-your-plan-table .table-memberprice.added {
  border-color: #2296CF;
  background: #fff;
}
.member-your-plan-table .table-memberprice .learn-more {
  color: #888888 !important;
  font-size: 0.875rem;
  text-decoration: underline !important;
}
.member-your-plan-table .no-border-row .btn {
  display: block;
  width: 100%;
  max-width: max-content;
  margin: 0.625rem auto;
  font-size: 0.875rem;
  padding: 0.5rem 1.875rem;
  border-radius: 0.3125rem;
}
.member-your-plan-table .no-border-row .detail-btn {
  font-weight: 600;
  display: block;
  width: 100%;
  max-width: 80%;
  margin: 0.625rem auto;
  font-size: 0.875rem;
  color: #2396CF;
  text-transform: uppercase;
}

.member-your-plan-table .plan-table-wrap {
  border-collapse: collapse;
  margin-bottom: 0;
  position: relative;
  border: 0.125rem solid #000000;
  background: var(--WhiteColor);
}
.member-your-plan-table h2 {
  font-weight: 700;
  font-size: 1.5rem; /* 2.4rem → adjusted */
  color: #000000;
  text-align: left;
}
.member-your-plan-table .img-bx {
  width: 100%;
  max-width: 6.25rem; /* 100px */
  margin-bottom: 1.875rem;
}
.member-your-plan-table thead th,
.member-your-plan-table thead tr { padding: 0; border: 0; }

.member-your-plan-table .plan-details-th {
  background: #F9FAF7;
  box-shadow: 0 6.25rem 5rem rgba(0, 0, 0, 0.07),
              0 2.611rem 2.088rem rgba(0, 0, 0, 0.05),
              0 1.396rem 1.117rem rgba(0, 0, 0, 0.04),
              0 0.7826rem 0.6261rem rgba(0, 0, 0, 0.035),
              0 0.4156rem 0.3325rem rgba(0, 0, 0, 0.028),
              0 0.173rem 0.138rem rgba(0, 0, 0, 0.02);
  border-radius: 0.625rem; /* 10px */
  padding: 1.875rem 0.9375rem; /* 30px 15px */
  margin: 0.375rem; /* 6px */
  min-height: 14.375rem; /* 230px */
}

.member-your-plan-table .img-bx img { filter: invert(1) brightness(22.5); }
.member-your-plan-table .first-row-large-title td:nth-child(2) .plan-details-th { background: #D2D2D2; }
.member-your-plan-table .first-row-large-title td:nth-child(2) .plan-details-th h3 { color: #656565; }
.member-your-plan-table .first-row-large-title td:nth-child(2) .img-bx img { filter: grayscale(1); }
.member-your-plan-table .first-row-large-title td:nth-child(3) .plan-details-th { background: #684F6E; }
.member-your-plan-table .first-row-large-title td:nth-child(4) .plan-details-th { background: #050505; }
.member-your-plan-table .first-row-large-title td:nth-child(5) .plan-details-th { background: #2296CF; }

.member-your-plan-table .plan-details-th h3 {
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  text-transform: capitalize;
  text-align: left;
  margin-bottom: 1.25rem; /* 2rem */
}
.member-your-plan-table td:first-child {
  background: #F1F1F1;
  border: 0.0625rem solid #f1f1f1;
}
.member-your-plan-table td {
  font-weight: 500;
  font-size: 1rem;
  color: #141414;
  text-align: center;
  padding: 0.4375rem 0.625rem; /* 7px 10px */
  width: 14.75rem; /* 236px */
  border: 0.0625rem solid #D3D3D3;
  text-align: left;
  vertical-align: middle;
}
.member-your-plan-table tbody td:first-child {
  text-align: left;
  width: 19.125rem; /* 306px */
  height: 3.625rem; /* 58px */
  border-left: 0.0625rem solid #AFAFAF;
}
.member-your-plan-table .usd-row td {
  font-weight: 700;
  font-size: 1.125rem; /* 18px */
  color: #282828;
  border-bottom: 0.0625rem solid #AFAFAF;
  border-left: 0;
  border-right: 0;
}
.member-your-plan-table .blue-bg-row td {
  background: #2296CF;
  font-size: 1.25rem; /* 2rem */
  color: #FFFFFF;
  font-weight: 400;
  border-color: #ffffff40;
}
.member-your-plan-table .blue-bg-row .total-selected-bx .total-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 400;
}
.member-your-plan-table .blue-bg-row .total-selected-bx .total-price {
  font-weight: 700;
  font-size: 1.375rem; /* 22px */
  line-height: normal;
}
.member-your-plan-table .blue-bg-row .total-selected-bx .total-price sub {
  font-weight: 400;
  font-size: 0.75rem; /* 12px */
  bottom: 0;
}
.member-your-plan-table .blue-bg-row select {
  background: url(../images/select-white-down-arrow.png) no-repeat right 0.4375rem center #2296CF;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 400;
  border-radius: 0.375rem;
  display: inline-block;
  width: auto;
  padding: 0.25rem 1.75rem 0.25rem 0.8125rem; /* 4px 28px 4px 13px */
  border: solid 0.0625rem #fff;
  margin-left: 0.625rem;
}

.download-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.download-list li { margin: 0 0.9375rem; text-align: center; }
.download-list li .img-box {
  width: 6.5625rem; /* 105px */
  height: 6.5625rem;
  line-height: 6.5625rem;
  border-radius: 50%;
  background: #F1F1F1;
  border: 0.0625rem solid #DCDCDC;
  margin: 0 auto 1.125rem;
  transition: all 0.2s ease;
}
.download-list li h4 {
  font-size: 1rem;
  color: #3D3D3D;
  font-weight: 500;
  transition: all 0.2s ease;
  margin-bottom: 1.25rem;
}
.download-list li:hover .img-box {
  background: #2296CF;
  border-color: #2296CF;
}
.download-list li:hover .img-box img { filter: brightness(29.5); }





/* digtal provider page */
.digital-provid-logo {
  position: relative;
  margin-bottom: 1.875rem; /* 3rem */
}

.digital-provid-logo .provide-logo {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.3;
  border: 0.0625rem solid #BBBBBB;
  border-radius: 0.625rem; /* 10px */
  transition: all 0.2s ease;
  height: 8.125rem; /* 130px */
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.digital-provid-logo .provid-hover-content {
  background: #fff;
  border-radius: 2.125rem; /* 34px */
  position: absolute;
  left: 50%;
  bottom: 110%;
  width: 31.25rem; /* 500px */
  padding: 1rem; /* 3rem */
  text-align: center;
  border: 0.0625rem solid #D9D9D9;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.15); /* 40px */
  display: none;
  transition: all 0.2s ease;
  transform: translateX(-50%);
  z-index: 1;
}

.digital-provid-logo .provid-hover-content::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.8125rem; /* 29px */
  content: '';
  border: solid 1rem transparent; /* 16px */
  border-top-color: #fff;
  z-index: 1;
}

.digital-provid-logo .provid-hover-content::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.875rem; /* 30px */
  content: '';
  border: solid 1rem transparent; /* 16px */
  border-top-color: #D9D9D9;
}

.digital-provid-logo .provid-hover-content h3 {
  font-weight: 600;
  font-size: 1.6rem; /* 34px */
  color: var(--BlackColor);
  margin-bottom: 0.8rem; /* 1.5rem */
}

.digital-provid-logo .provid-hover-content p {
  font-weight: 400;
  color: #494949;font-size: 0.9rem;
}

.digital-provid-logo .provide-logo img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3.75rem; /* 60px */
  width: 10rem; /* 160px */
}

.digital-provid-logo:hover .provid-hover-content { display: block; }
.digital-provid-logo:hover .provide-logo { -webkit-filter: initial; filter: initial; opacity: 1; }

/* Provider Slider */
.digital-provider-sliderwrap {
  background: linear-gradient(to bottom, #fff 50%, #f1f1f1 50%);
}

.digital-provider-sliderwrap .container-fluid { padding-right: 0; }

.digital-provider-sliderwrap .providers-listslider { padding-left: 3.75rem; } /* 60px */

.providers-listslider .item {
  background: #FFFFFF;
  border: 0.0625rem solid #797272;
  border-radius: 1.25rem; /* 20px */
  padding: 1.25rem 1.25rem; /* 2rem */
  margin-bottom: 0.625rem; /* 1rem */
  height: 100%;
}

.providers-listslider .item .icon-bx {
  font-weight: 600;
  font-size: 1.625rem; /* 2.6rem */
  color: #2296CF;
  line-height: 1.4;
  margin-bottom: 1.25rem; /* 20px */
  display: flex;
  align-items: center;
}

.providers-listslider .item .icon-bx .left-icon {
  width: 2.125rem; /* 34px */
  height: 2.125rem;
  border-radius: 50%;
  background: #2296CF;
  text-align: center;
  display: flex;
  align-items: center;
  margin-right: 0.4375rem; /* 7px */
}

.providers-listslider .item .icon-bx .left-icon img {
  width: auto;
  margin: auto;
}

.providers-listslider .item .discription {
  font-size: 1rem; /* 2rem */
  line-height: 1.5;
  color: var(--BlackColor);
  font-weight: 400;
  min-height: 8rem; /* 160px */
}

.providers-listslider .item .learn-more {
  font-size: 1rem; /* 16px */
  color: var(--BlackColor);
  font-weight: 500;
  display: flex;
  align-items: center;
}

.providers-listslider .item .learn-more img {
  margin-left: 0.625rem; /* 10px */
  width: auto;
}

.providers-listslider .owl-nav button {
  width: 3rem; /* 48px */
  height: 3rem; /* 48px */
  padding: 0 !important;
  text-align: center;
  background: #4B4A4A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 50%;
  font-size: 1rem !important; /* 16px */
}

.providers-listslider .owl-nav button.owl-prev {
  left: 0 !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.providers-listslider .owl-nav button.owl-next {
  right: 0 !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

/* Join Digital World */
.join-digitalworld .gradient-wht-bg {
  background: linear-gradient(
    89.88deg,
    rgba(255, 255, 255, 0) 7.42%,
    #FFFFFF 49.93%,
    rgba(255, 255, 255, 0) 101.95%
  );
  border-radius: 1.3125rem; /* 21px */
  padding: 2.5rem 0; /* 40px 0 */
  position: relative;
}

.join-digitalworld .gradient-wht-bg:before {
  position: absolute;
  top: -0.0625rem; /* 1px */
  content: '';
  right: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(
    90deg,
    rgba(34, 150, 207, 0) 24.56%,
    #2296CF 50.88%,
    rgba(34, 150, 207, 0) 78.9%
  );
}

.join-digitalworld .gradient-wht-bg:after {
  position: absolute;
  bottom: -0.0625rem; /* 1px */
  content: '';
  right: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(
    90deg,
    rgba(34, 150, 207, 0) 24.56%,
    #2296CF 50.88%,
    rgba(34, 150, 207, 0) 78.9%
  );
}


/* digital-news */
.training-video-bx{margin-bottom: 3rem;}
.training-video-bx .video-thumbnail { border-radius: 10px; overflow: hidden; position: relative; height: 260px; border: 1px solid #ccc;  transition: all .2s ease;}
.training-video-bx .video-thumbnail img { filter: grayscale(1); -webkit-filter: grayscale(1); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;  max-width: 100%;}
.training-video-bx .video-thumbnail:hover img{filter: inherit; -webkit-filter: inherit;}
.training-video-bx  .video-play { display: inline-block; height: 35px; width: 35px; text-align: center; line-height: 37px; background: #fff; border-radius: 100%; color: #7f7f7f; font-size: 13px; box-shadow: 0 0 0 7px rgba(255,255,255,.35); -webkit-box-shadow: 0 0 0 7px rgba(255,255,255,.35); transition: .2s ease-out; -webkit-transition: .2s ease-out; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); cursor: pointer; }
.training-video-bx h3 { font-size: 1.2rem; color: #000; font-weight: 500; margin-top: 15px; line-height: 1.4;}

.digital-event-videosection .training-video-bx .video-thumbnail img {object-fit: contain;}


/* digital events */
.summitbanner-section {
  background: url(../images/summit-banner1.jpg) no-repeat bottom center/cover;
  padding: 4rem 0; /* 125px */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.summitbanner-section:before {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  content: '';
}
.summitbanner-section .banner-content {
  width: 100%;
  max-width: 46.875rem; /* 750px */
  margin: 0 auto 2rem; /* 106px */
  position: relative;
  z-index: 1;
}
.summitbanner-section .banner-content .yearbx {
  font-size: 5rem; /* 80px */
  color: #fff;
  font-weight: 800;
  line-height: 1.2;
}
.summitbanner-section .banner-content h1 {
font-size: 3.1rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
}
.summitbanner-section .banner-content p {
  font-size: 1.3rem; /* 28px */
  color: #fff;
  font-weight: 400;
}
.summitbanner-section .banner-content .banner-btn {
  display: flex;
  justify-content: center;
}
.summitbanner-section .banner-content .banner-btn li a {
  border-radius: 0.625rem; /* 10px */
  background: #fff;
  padding: 0.9375rem; /* 15px */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem; /* 15px */
}
.summitbanner-section .banner-content .banner-btn li a img {
  max-height: 2.4rem; /* 38.4px (approx) */
}

.summitbanner-section .banner-content .banner-btn li:nth-child(2) a {
  background: #2396CF;
}

/* TRIP OFFER */
.trip-offer-wrap .blue-bg-title {
  background: #2396CF;
  padding: 0.5625rem 2.1875rem; /* 9px 35px */
  font-size: 1.25rem; /* 20px */
  color: #fff;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  margin: 0.9375rem 0; /* 15px */
}
.trip-offer-wrap h2 {
  font-weight: 700;
  font-size: 2.3125rem; /* 37px */
  line-height: 1.3;
  color: #000;
}
.trip-offer-wrap h3 {
  font-weight: 300;
  font-size: 2.1875rem; /* 35px */
  line-height: 1.2;
  color: #676767;
  margin-bottom: 0.9375rem; /* 15px */
}
.trip-offer-wrap p {
  font-size: 1.125rem; /* 18px */
  color: #4A4A4A;
}
.trip-offer-wrap .offer-list {
  margin-top: 1.25rem; /* 20px */
}
.trip-offer-wrap .offer-list li {
  font-size: 1rem; /* 18px */
  color: #2396CF;
  padding: 0.3125rem 0; /* 5px 0 */
  font-weight: 500;
}
.trip-offer-wrap .offer-list li .icon-box {
  width: 1.5625rem; /* 25px */
  display: inline-block;
  margin-right: 0.625rem; /* 10px */
}
.trip-offer-wrap .offer-form-card {
  border-radius: 1.25rem; /* 20px */
  background: #F0F0F0;
  overflow: hidden;
  margin-bottom: 0.9375rem; /* 15px */
}
.trip-offer-wrap .offer-form-card .top-header {
  background: #2396CF;
  padding: 1.225rem 1rem; /* 26px 28px */
}
.trip-offer-wrap .offer-form-card .top-header p {
  color: #fff;
  font-size: 1rem; /* 16px */

}
.trip-offer-wrap .offer-form-card .top-header .person-price {
  font-weight: 400;
  font-size: 1.25rem; /* 20px */
  line-height: 1.5;
  color: #fff;
}
.trip-offer-wrap .offer-form-card .top-header .person-price strong {
  font-weight: 800;
  font-size: 3.125rem; /* 50px */
}
.trip-offer-wrap .offer-form-card .top-header .person-price + p {
  font-size: 0.875rem; /* 14px */
  font-weight: 400;
  margin-top: 0.625rem; /* 10px */
}

.trip-offer-wrap .middle-content {
  padding: 0 1rem 1rem; /* 30px */
}
.trip-offer-wrap .offer-form-card .offer-body {
  padding: 2rem 1rem; /* 46px 10px 10px */
}
.trip-offer-wrap .offer-form-card h4 {
  font-size: 0.875rem; /* 14px */
  color: #000;
  font-weight: 600;
  line-height: 1.3;
}
.trip-offer-wrap .offer-form-card h4 strong {
  font-size: 1rem; /* 16px */
}
.trip-offer-wrap .offer-form-card .get-offer {
  font-size: 0.875rem; /* 14px */
  color: #2396CF;
  font-weight: 600;
  position: relative;
  margin: 1.0625rem 0; /* 17px 0 */
}
.trip-offer-wrap .offer-form-card .get-offer span {
  display: inline-block;
  background: #F0F0F0;
  padding-right: 0.625rem; /* 10px */  
  position: relative;
    z-index: 2;
}
.trip-offer-wrap .offer-form-card .get-offer:before {
  width: 100%;
  height: 0.0625rem; /* 1px */
  background: #2396CF;
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
}
.trip-offer-wrap .offer-form-card p {
  font-weight: 400;
  font-size: 0.875rem; /* 14px */
  color: #000;
  line-height: 1.6;
}
.trip-offer-wrap .clearphone-includebox {
  background: #E2F5FF;
  border: 0.0625rem solid #2396CF; /* 1px */
  border-radius: 0.625rem; /* 10px */
  padding: 1.5625rem 1.125rem; /* 25px 18px */
}
.trip-offer-wrap .clearphone-includebox .get-offer {
  color: #000;
  text-transform: uppercase;
}
.trip-offer-wrap .clearphone {
  display: flex;
  align-items: center;
}
.trip-offer-wrap .clearphone .img-box {
  width: 40%;
}
.trip-offer-wrap .clearphone .text-box {
  padding: 0 0.9375rem; /* 15px */
  width: 60%;
}
.trip-offer-wrap .clearphone h3 {
  font-size: 1.25rem; /* 20px */
  font-weight: 700;
  color: #000;
  line-height: 1.6;
}
.trip-offer-wrap .clearphone h3 span {
  font-size: 1rem; /* 16px */
}
.trip-offer-wrap .clearphone .pricebx {
  font-size: 2.5rem; /* 40px */
  font-weight: 800;
  color: #000;
  line-height: 1.4;
}

/* ------- HOLIDAYS -------- */

.holidays-wrap .nav {
  background: #fff;
  position: relative;
  height: 37.5rem; /* 600px */
  overflow-y: scroll;
}
.holidays-wrap .nav li {
  width: 100%;
  display: block;
}
.holidays-wrap .nav:before {
  position: absolute;
  left: 1.875rem; /* 30px */
  top: 1.875rem;  /* 30px */
  width: 0.0625rem; /* 1px */
  background: #D2D2D2;
  content: '';
  height: 90%;
}
.holidays-wrap .nav .nav-link {
  border: 0;
  width: 100%;
  padding: 0.625rem 0 0.625rem 5rem; /* 10px 0 10px 80px */
  position: relative;
  transition: all 0.2s ease;
  display: block;
  text-align: left;
  background: transparent; cursor: pointer;
}
.holidays-wrap .nav .nav-link:after {
  position: absolute;
  left: 0;
  top: 0;
  border-left: 0.125rem solid #ffff; /* 2px */
  content: '';
  height: 100%;
  transition: all 0.2s ease;
}

.holidays-wrap .nav .nav-link.active:after {
  border-color: #2396CF;
}
.holidays-wrap .nav .nav-link:before {
  width: 1.875rem; /* 30px */
  line-height: 1.875rem; /* 30px */
  height: 1.875rem; /* 30px */
  border-radius: 50%;
  background: #2396CF url(../images/location-icon.svg) no-repeat center center;
  position: absolute;
  content: '';
  top: 50%;
  left: 1rem; /* 16px */
  transform: translateY(-50%);
}

.holidays-wrap .nav .holiday-content p {
  color: #767272;
  font-size: 1rem; /* 16px */
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}
.holidays-wrap .nav .holiday-content h3 {
  font-size: 1.125rem; /* 18px (≈1.8rem original visually) */
  font-weight: 700;
  color: #000;
}
.blue-txt { color: #2396CF; }
.holidays-wrap .nav .holiday-content .timebx {
  font-weight: 400;
  font-size: 0.875rem; /* 14px */
  line-height: 1.0625rem; /* 17px */
  color: #767272;
}
.holidays-wrap .discription-bx h3 {
  font-weight: 700;
  font-size: 2.4rem; /* preserved (originally rem) */
  color: #000000;
  margin-bottom: 0.9375rem; /* 15px */
}
.holidays-wrap .discription-bx p {
  color: #4A4A4A;
}
.bottom-btn {
  margin-top: 3.75rem; /* 60px */
  width: 100%;
}
.bottom-btn .btn-primaryx {
  width: 100%;
  max-width: 18.75rem; /* 300px */
  margin: 0 auto 0.625rem; /* 0 auto 10px */
}
.goldrush-wrap .bottom-btn p,
.bottom-btn p {
  font-size: 0.75rem; /* 12px */
  color: #656565;
}

/* feature-excursion */
.feature-excursion-wrap .feature-content h4 {
  font-weight: 700;
  font-size: 1.2rem; /* preserved */
  color: #595959;
}
.feature-excursion-wrap .feature-content .ratingbx { margin: 0.625rem 0 1.875rem; /* 10px 0 30px */ }
.feature-excursion-wrap .feature-content h5 {
  font-weight: 700;
  font-size: 2rem; /* preserved */
  color: #6F6F6F;
}
.feature-excursion-wrap .pricebox {
  display: flex;
  margin: 0.9375rem 0 1.25rem; /* 15px 0 20px */
}
.feature-excursion-wrap .pricebox .price {
  font-size: 1rem; /* 16px */
  font-weight: 400;
  color: #000;
}
.feature-excursion-wrap .pricebox .price + .price { margin-left: 0.125rem  /* placeholder (2rem was px)*/; } 
/* NOTE: original `margin-left: 2rem;` — if you want exact same spacing convert: 2rem = 32px.
   Keep as 2rem if that was intended: */
.feature-excursion-wrap .pricebox .price + .price { margin-left: 2rem; /* 32px */ }

.feature-excursion-wrap .pricebox .price strong {
  font-size: 5rem; /* preserved */
  font-weight: 700;
}
.feature-excursion-wrap .feature-content p {
  color: #000;
}

/* staterooms / gallery */
.staterooms-wrap p strong { color: #000; }
.galler-imgbx {
  position: relative;
  display: flex;
  height: 100%;
}
.galler-imgbx img { object-fit: cover; width: 100%; }
.galler-imgbx .datebx {
  background: #FFFFFF;
  border-radius: 0.625rem; /* 10px */
  width: 100%;
  max-width: 4.375rem; /* 70px */
  min-height: 4rem; /* 80px */
  color: #000;
  font-size: 0.875rem; /* 14px */
  font-weight: 700;
  padding: 0.625rem; /* 10px */
  line-height: 1.2;
  position: absolute;
  right: 0.625rem; /* 10px */
  top: 0.9375rem; /* 15px */
}
.galler-imgbx .datebx sup { font-size: 0.875rem; /* 14px */ }
.galler-imgbx .datebx strong { font-size: 1.4rem; /* preserved */ }
.galler-imgbx .titlebx {
  font-size: 1rem; /* 16px */
  background: #FFFFFF;
  line-height: 1.25rem; /* 20px */
  font-weight: 500;
  color: #000000;
  padding: 0.25rem 1.625rem; /* 4px 26px */
  display: inline-block;
  position: absolute;
  left: 0.625rem; /* 10px */
  bottom: 0.9375rem; /* 15px */
  margin-right: 0.625rem; /* 10px */
}
.galler-imgbx.height50 { height: 49%; }
.galler-imgbx.height50 + .galler-imgbx.height50 { margin-top: 0.9375rem; /* 15px */ }
.gallery-wrap { width: 100%; max-width: 87.5rem; /* 1400px */ margin: auto; }

/* entertainment */
.enterment-wrap .nav li .nav-link {
  font-weight: 500;
  font-size: 1rem; /* 16px */
  color: #000;
  background: #fff;
  padding: 1.0625rem 1.25rem; /* 17px 20px */
  display: block;
  width: 100%;
  border: 0;
  text-align: left; cursor: pointer;
}
.enterment-wrap .nav li .nav-link.active {
  background: linear-gradient(90deg, #2396CF 0.4%, rgba(35,150,207,0) 64.06%);
}

/* map wrap */
.map-wrap {
  background: url(https://www.digitalworld.earth/assets/front/images/map-bg.jpg) no-repeat center top/cover;
  min-height: 41.875rem; /* 670px */
  display: flex;
  align-items: center;
}
.map-wrap .map-content {
  background: var(--WhiteColor);
  border-radius: 1.8rem; /* preserved */
  padding: 2rem 1rem; /* 45px 30px */
}
.map-wrap .map-content h3 {
    color: var(--BlackColor);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;

}
.map-wrap .map-content p { color:var(--BlackColor); }

/* summit-same-heading / goldrush */
.summit-same-heading .light-text { font-weight: 300; }
.goldrush-wrap p { color:var(--BlackColor); }

/* win-wrap */
.win-wrap {
  background: url(https://www.digitalworld.earth/assets/front/images/win-bg.jpg) no-repeat center top/cover;
}
.win-wrap .win-text-bx {
  min-height: 57.6875rem; /* 923px */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.win-wrap .win-title h2 {
  font-size: 4rem; /* preserved */
  color: #fff;
  font-weight: 700;
  position: relative;
}
.win-wrap .win-title h2 span {
  padding: 0 0.9375rem; /* 15px */
  position: relative;
  z-index: 1;
  background: #1781a9;
}
.win-wrap .win-title h2:before {
  position: absolute;
  width: 23.75rem; /* 380px */
  margin: auto;
  height: 0.0625rem; /* 1px */
  background: #000;
  content: '';
  top: 50%;
  left: 0;
  right: 0;
}
.win-wrap .win-title h2:after {
  position: absolute;
  width: 23.75rem; /* 380px */
  margin: auto;
  height: 0.0625rem; /* 1px */
  background: #000;
  content: '';
  top: 54%;
  left: 0;
  right: 0;
}
.win-wrap .win-title h3 {
  font-weight: 700;
  font-size: 2.4rem; /* preserved */
  color: #FFFFFF;
}
.win-wrap .win-title h3 .light-text { font-weight: 300; display: block; }
.win-wrap .bottom-btn .btn-primaryx { background: #fff; color: #2396CF; }
.win-wrap .bottom-btn p { color: #C7C7C7; }


/* digital payment */
.digital-doller-cards .step-cardbx .img-box { min-height: 21.875rem; } /* 350px */
.multiple-view-cards .step-cardbx .img-box { background: transparent; }

/* digital-productivity */
.clear-price-table .price-text {
  background: url(../images/productivity-banner-img.png) no-repeat top center/cover;
  padding:4rem 0 15rem;
}
.clear-price-table .price-text h2 {
  font-size: 3rem;
  line-height: 1.3;
  color: #fff;
  font-weight: 500;
  margin-bottom: 2rem;
}
.clear-price-table .price-text h3 {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
}
.clear-price-table .price-text p {
  font-weight: 400;
  font-size: 1.125rem; /* 18px */
  line-height: 1.5;
  color: #fff;
  margin: 1rem auto;
  max-width: 90rem;
}
.clear-price-table .table-responsive {
  position: relative;
  z-index: 1;
  margin: -13.75rem auto 2.1875rem; /* -220px auto 35px */
  width: 100%;
  max-width: 86%;
}
.clear-price-table .price-table { border: 0; }
.clear-price-table .price-table thead th {
  padding: 1.875rem 0.9375rem; /* 30px 15px */
  text-align: center;
  background: transparent;
  border: solid 0.0625rem #ddd; /* 1px */
  border-bottom: 0;
  width: 20%;
}
.clear-price-table .price-table tbody th {
  font-weight: 600;
  font-size: 1.125rem; /* 18px */
  line-height: 1.375rem; /* 22px */
  color: #694E70;
  vertical-align: middle;
  border: 0;
  border-right: solid 0.0625rem #ddd; /* 1px */
  text-align: center;
  border-collapse: collapse;
}
.clear-price-table .price-table tbody td {
  font-weight: 400;
  font-size: 1.125rem; /* 18px */
  line-height: 1.375rem; /* 22px */
  color: #000;
  text-align: center;
  vertical-align: middle;
  border: 0;
  border-right: solid 0.0625rem #ddd; /* 1px */
  border-collapse: collapse;
}

.clear-price-table .price-table tbody .green-icon { color: #93AD0C; }
.clear-price-table .price-table tbody .red-icon { color: #BF572E; }
.clear-price-table .price-table tbody :is(td, th):first-child {
  text-align: left;
  padding: 0.625rem 0 0.625rem 0.9375rem; /* 10px 0 10px 15px */
}
.clear-price-table .price-table thead th:first-child { border: 0 !important; width: 40%; }

.classprice-toggle-parent { position: relative; }
.select-plan-btn .btn {
  margin: 1.25rem 0 0.3125rem; /* 20px 0 5px */
  padding: 0.75rem 0.9375rem; /* 12px 15px */
  width: 100%;
}

/* switch */
.swtich-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.swtich-btn .btn-toggle {
  position: relative;
  border: none;
  height: 1.75rem; /* 28px */
  width: 3.75rem;  /* 60px */
  padding: 0;
  border-radius: 0.875rem; /* 14px */
  background: #fff;
}
.swtich-btn .btn-toggle:before,
.swtich-btn .btn-toggle:after {
  color: #fff;
  width: 9rem;
  text-align: center;
  font-size: 1.6rem;
  text-transform: capitalize;
  position: absolute;
  bottom: 0;
  opacity: 0.8;
  font-weight: 500;
  transition: opacity 0.25s;
}
.swtich-btn .btn-toggle:before { content: "Monthly "; left: -9rem; }
.swtich-btn .btn-toggle:after  { content: "Yearly"; right: -9rem; opacity: 0.5; }
.swtich-btn .btn-toggle .handle {
  position: absolute;
  top: 0.125rem;      /* 2px */
  left: 0.125rem;     /* 2px */
  width: 1.5rem;      /* 24px */
  height: 1.5rem;     /* 24px */
  border-radius: 1.375rem; /* 22px */
  background: #F1511B;
  transition: left 0.25s;
}
.swtich-btn .btn-toggle.switch-border .handle { left: 2.125rem; /* 34px */ transition: left 0.25s; }
.swtich-btn .btn-toggle.active .handle { left: 2.125rem; /* 34px */ transition: left 0.25s; }

.clear-price-table .price-table thead h3 {
  font-weight: 600;
  font-size: 1.875rem; /* 30px */
  line-height: 2.5rem; /* 40px */
  color: #fff;
}
.clear-price-table .price-table thead h3 span.team { font-size: 1.25rem; /* 20px */ }
.clear-price-table .price-table thead h3 span.t-light { font-weight: 300; display: block; }
.clear-price-table .price-table thead .t-price {
  font-weight: 600;
  font-size: 2rem; /* 40px */
  line-height: 1.2; /* 49px */
  color: #fff;
}
.yearly-plan { display: none; }
.yearly-plan.show { display: block; }
.monthly-plan.hide { display: none; }
.clear-price-table .price-table tr:last-child td { border-bottom: solid 0.0625rem #ddd; } /* 1px */
.clear-price-table .price-table .border-none { border: 0 !important; }

/* passport page */
.passport-citizen-listbx { margin-top: -12.5rem; position: relative; } /* -200px */
.investment-programe-section { margin-bottom: 6.25rem; } /* 100px */
.investment-programe-section .globe-bx { top: 6.875rem; position: relative; } /* 110px */
.benefits-citizenship-wrapper .benifits-citizen-content {
  text-align: center;
  margin-bottom: 5rem;
  padding: 0.9375rem; /* 15px */
}
.benefits-citizenship-wrapper .benifits-citizen-content .top-icon {
  width: 5rem; /* 80px */
  height: 5rem; /* 80px */
  background: #2296CF;
  border-radius: 50%;
  text-align: center;
  line-height: 5rem;
  margin: 0 auto 1.25rem;
}
.benefits-citizenship-wrapper .benifits-citizen-content h3 {
  font-weight: 600;
  font-size: 1.2rem;
  color: #000000;
  margin-top: 0.375rem; /* 6px */
}
.dolpment-fundstep-section .fundstep-content {
  text-align: center;
  margin-bottom: 7rem;
}
.dolpment-fundstep-section .fundstep-content p {
  font-weight: 400;
  font-size: 1rem; /* 16px */
  color: #000000;
}
.dolpment-fundstep-section .fundstep-content h3 {
  font-weight: 600;
  font-size: 3rem;
  color: #000000;
  margin-top: 0.375rem; /* 6px */
}
.dolpment-fundstep-section .fundstep-content .iconbx { margin-bottom: 0.625rem; } /* 10px */
.physical-banner .section-bottom-btn a { margin: 0 0.3125rem; } /* 5px */
/* .passport-comparecards {background: #F3F3F3;} */
.passport-comparecards .card {
  border: 0;
  background: transparent;
  position: relative;
  margin-bottom: 8rem;
}
.passport-comparecards .card .card-body { position: relative; z-index: 1; }
.passport-comparecards .card:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 5rem; /* 80px */
  border: 0.0625rem solid #CCC9C9; /* 1px */
  border-radius: 1.25rem; /* 20px */
  content: '';
}
.passport-comparecards .card .flag-title { display: flex; align-items: center; margin-bottom: 2rem; }
.passport-comparecards .card .flag-title h4 {
  font-size: 2rem;
  color: #282828;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.passport-comparecards .card .flag-title .left-flag {
  margin-right: 0.625rem; /* 10px */
  min-width: 3.125rem; /* 50px */
  max-width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
}
.passport-comparecards .card ul li .ranke-title {
  font-weight: 700;
  font-size: 1.6rem;
  color: #282828;
}
.passport-comparecards .card ul li p { font-size: 1rem; } /* 16px */
.passport-comparecards .card .passport-img {
  text-align: center;
  margin-top: 3.75rem; /* 6rem */
  position: relative;
  z-index: 1;
}
.donation-section { background: linear-gradient(to bottom ,#f6f6f6 80% , #fff 20%); }

.why-digital-dao { margin-top: -4.375rem; z-index: 1; position: relative; } /* -70px */
/* .autonomous-digital-section .col-md-6 { margin-bottom: 3rem; } */
.autonomous-digital-section .step-cardbx { background: #F4F4F4; border: 0.0625rem solid #D2D2D2; /* 1px */ border-radius: 0.625rem; /* 10px */ padding:2rem;}
.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; }
.digital-chart-organtion-sec { padding-bottom: 0; margin-bottom: 6.25rem; } /* 100px */
.digital-chart-organtion-sec .half-img-bottombx { top: 5.625rem; position: relative; } /* 90px */

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

/* digital-forensics page */
.setup-digitalwallet-section { overflow: hidden; }
.setup-digitalwallet-section .step-cardbx { margin-top: -6.25rem; } /* -100px */
.setup-digitalwallet-section .step-cardbx .img-box.fullcover-img { overflow: inherit; }
.setup-digitalwallet-section .step-cardbx .img-box.fullcover-img img {
  max-width: 53.125rem; /* 850px */
  width: auto;
  left: -7.5rem; /* -120px */
  position: relative;
}

/* digital-login */
.scan-qrcode-digitalworld {
  background: #e8f7ff;
  padding: 2.5rem 0.625rem; /* 40px 10px */
  border-radius: 2.5rem; /* 40px */
  box-shadow: 0 0 0.625rem rgba(0,0,0,0.2); /* 10px */
  text-align: center;
  width: 100%;
  margin: auto;
}
.scan-qrcode-digitalworld h4 {
  font-size: 1.25rem; /* 20px */
  font-weight: 600;
  color: #2396cf;
  line-height: 1.6;
  width: 100%;
  max-width: 20rem; /* 320px */
  margin: 0 auto 1.875rem; /* 3rem */
}
.digital-qrcode {
  width: 100%;
  max-width: 12.5rem; /* 200px */
  margin: 0 auto 0.4375rem; /* 7px */
  max-height: 12.5rem; /* 200px */
  border-radius: 0.6875rem; /* 11px */
  overflow: hidden;
  position: relative;
}
.digital-qrcode .btn-qrcode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 0.75rem; /* 12px */
  padding: 0.4375rem 0.9375rem; /* 7px 15px */
  width: 100%;
  max-width: max-content;
}
.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 0.0625rem var(--PrimaryColor); /* 1px */
  background: var(--WhiteColor);
  color: var(--PrimaryColor);
}
.scan-qrcode-digitalworld .btn-list .btn {
  margin: 0 0.3125rem; /* 5px */
  font-size: 0.875rem; /* 14px */
  padding: 0.9375rem; /* 15px */
}

/* minor helpers */
.member-your-plan-table .table-responsive { overflow-x: unset; }
.digital-perspective-section .training-video-bx .video-thumbnail { border: 0; height: auto; }
.digital-perspective-section .training-video-bx .video-thumbnail img { object-fit: contain; }

.tuvalu-citizenship-wrapper .tuvalu-imgbx img { margin-top: -1.5625rem; } /* -25px */

.mapdiv { width: 100%; height: 31.25rem; } /* 500px */

/* digital-step-box */
.digital-step-box { padding: 2rem 4rem; background-color: #fff; }
.digital-step-box .steps-list { display: flex; align-items: center; justify-content: end; }
.digital-step-box .steps-list li { border-right: 0.0625rem solid #D8D8D8; padding: 0 3rem; }
.digital-step-box .steps-list li:last-child { border-right: 0; padding-right: 0; }
.digital-step-box .steps-list a .step {
  color: #8C8C8C;
  font-size: 0.75rem; /* 12px */
  text-transform: uppercase;
  font-weight: 400;
  transition: all .2s ease;
  line-height: 1.3125rem; /* 21px */
  display: none;
}
.digital-step-box .steps-list a h3 {
  color: #8C8C8C;
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
  transition: all .2s ease;
}
.digital-step-box .steps-list a:hover .step,
.digital-step-box .steps-list a:hover h3,
.digital-step-box .steps-list a.active .step,
.digital-step-box .steps-list a.active h3 { color: #2396CF; }

/* digital-jury-tril */
.digitaljury-card {
  background: #eee;
  border-radius: 0.625rem; /* 10px */
  padding: 2rem;
  margin-bottom: 3rem;
}
.digitaljury-card .jury-detaillist li { padding-bottom: 1.5rem; }
.digitaljury-card .jury-detaillist li h3 {
  font-size: 2rem;
  color: var(--PrimaryColor);
  font-weight: 600;
  line-height: normal;
}
.digitaljury-card .jury-detaillist li h4 {
  font-size: 1.125rem; /* 18px */
  color: var(--BlackColor);
  font-weight: 600;
  line-height: normal;
}
.digitaljury-card .btn-primaryx { font-size: 0.875rem; padding: 0.75rem 1.125rem; } /* 14px, 12px 18px */
.btn-primaryx .plus-icon { margin-right: 0.3125rem; /* 5px */ display: inline-block; }
:is(.no-result, .no-record) {
  font-size: 1.125rem; /* 18px */
  color: var(--BlackColor);
  font-weight: 500;
  padding: 0 0.9375rem; /* 15px */
}

/* attorneys */
.attorneys-banner {
  background: var(--PrimaryColor);
  padding: 6.25rem 0 3.75rem; /* 100px 0 60px */
}
.attorneys-banner .middle-box { text-align: center; position: relative; overflow: hidden; }
.attorneys-banner .middle-box .content {
  z-index: 1;
  position: relative;
  text-align: center;
  background: var(--WhiteColor);
  padding: 3rem;
  border-radius: 0.625rem; /* 10px */
  margin-bottom: 3rem;
}
.attorneys-banner .middle-box .content:before {
  border: dashed 0.0625rem #2396cf; /* 1px */
  content: '';
  position: absolute;
  left: 0.625rem; /* 10px */
  right: 0.625rem;
  bottom: 0.625rem;
  top: 0.625rem;
  border-radius: 0.625rem;
}
.attorneys-banner h3 {
  font-size: 3.1rem;
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.attorneys-banner .middle-box h4 { font-size: 3rem; font-weight: 700; color: #FFFFFF; }
.attorneys-banner .info-box .titlebx { font-size: 1.125rem; font-weight: 400; color: #FFFFFF; line-height: normal; }
.attorneys-banner .info-box .detailbx { font-size: 2.8rem; font-weight: 600; color: #FFFFFF; line-height: normal; }
.dash-border { border-top: dashed 0.0625rem #2396cf7d; width: 50%; margin: 0.625rem auto; } /* 10px */
.attorneys-banner .info-box p { font-size: 1.25rem; font-weight: 500; color: #FFFFFF; }
.attorneys-banner .info-box + .info-box { margin-top: 2.5rem; }
.attorneys-banner .middle-box h3 { margin-bottom: 6rem; color: var(--PrimaryColor); }
.attorneys-banner .middle-box :is(.titlebx, h3, .detailbx) { color: var(--PrimaryColor); }
.attorneys-banner .middle-box .info-box { margin-top: 2rem; }
.attorneys-banner .middle-box .blue-radial-bg {
  width: 3.75rem; /* 60px */
  height: 3.75rem;
  border-radius: 50%;
  background: var(--WhiteColor);
  border: dashed 0.0625rem var(--PrimaryColor); /* 1px */
  position: absolute;
  z-index: 9;
  top: 43%;
  transform: translateY(-50%);
  left: -1.875rem; /* -30px */
  display: flex;
  align-items: center;
  justify-content: center;
}
.attorneys-banner .middle-box .blue-radial-bg:before {
  width: 2.9375rem; /* 47px */
  height: 2.9375rem;
  border-radius: 50%;
  background: #2396cf;
  content: '';
  display: block;
}
.attorneys-banner .middle-box .blue-radial-bg.right-blueradial { right: -1.875rem; left: unset; }
.attorneys-banner .banner-right { text-align: right; padding-top: 5rem; }
.attorneys-banner .banner-left { padding-top: 5rem; }

.attorneys-content .attorneyscard-box {
  background: #F9F9F9;
  border: 0.0625rem solid rgba(0, 0, 0, 0.08);
  padding: 3.125rem 1.875rem; /* 50px 30px */
  border-radius: 0.9375rem; /* 15px */
  height: 100%;
}
.attorneys-content .attorneyscard-box h3 { font-size: 1.2rem; font-weight: 500; color: #2E2E2E; }
.attorneys-content .attorneyscard-box .top-title { display: flex; justify-content: space-between; flex-wrap: wrap; }
.attorneys-content .attorneyscard-box .tier-list .gray-btn {
  background: #4F5055;
  display: inline-block;
  font-size: 0.875rem; /* 14px */
  color: #fff;
  font-weight: 400;
  padding: 0.25rem 0.9375rem; /* 4px 15px */
  border-radius: 3.125rem; /* 50px */
}
.attorneys-content .attorneyscard-box :is(.sumsion-box, p) {
  font-size: 1.125rem; /* 18px */
  font-weight: 500;
  color: #2E2E2E;
  margin-top: 0.9375rem; /* 15px */
}
.attorneys-content .attorneyscard-box .sumsion-box span { font-weight: 400; }
.attorneys-content .no-list li {
  font-size: 1.125rem; /* 18px */
  color: #313131;
  line-height: 1.375rem; /* 22px */
  font-weight: 500;
  padding: 0.375rem 0 0.375rem 2.1875rem; /* 6px 0 6px 35px */
  position: relative;
}
.attorneys-content .no-list li .no { position: absolute; left: 0; top: 0.4375rem; } /* 7px */
.attorneys-content .right-caret-list li {
  font-size: 1.125rem; /* 18px */
  color: #2E2E2E;
  font-weight: 500;
  padding: 0.3125rem 0; /* 5px 0 */
}
.attorneys-content .detail-info { margin: 0.9375rem 0 2.5rem; } /* 15px 0 40px */
.attorneys-content .detail-info li { display: flex; padding: 0.25rem 0; } /* 4px */
.attorneys-content .detail-info li .title-box { width: 20%; }
.attorneys-content .detail-info li .detail { width: 80%; }
.attorneys-content .detail-info li :is(.title-box, .detail) {
  font-size: 1.125rem; /* 18px */
  color: #2E2E2E;
  font-weight: 500;
}
.attorneys-content .detail-info .dash-border { border-top: dashed 0.0625rem #64616175; }

.digital-viewdetail-wrap .btn-content h3 {
  font-size: 2.4rem;
  color: #2E2E2E;
  font-weight: 400;
  line-height: 1.6;
}
.digital-viewdetail-wrap .btn-content :is(p, a) {
  font-size: 1.125rem; /* 18px */
  color: #2E2E2E;
  font-weight: 400;
}
.digital-viewdetail-wrap .detail-content .title {
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
  color: var(--BlackColor);
  transition: all .2s ease;
}
.digital-viewdetail-wrap .detail-content .detail-text {
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--BlackColor);
  transition: all .2s ease;
}
.digital-viewdetail-wrap .detail-content { margin-bottom: 2rem; }
.digital-viewdetail-wrap hr { margin: 3rem 0 5rem; }

.digital-mediation-banner .banner-text { max-width: 100%; }
body .blue-title { color: var(--PrimaryColor); }




/* digital search page */
.companies_register_form { margin-top: 3rem; } /* 3rem */
.companies_register_form .input-group {
  position: relative;
  z-index: 10;
  background: #fff;
  border-radius: 0.875rem; /* 14px */
}
.companies_register_form .input-group .form-control {
  border: 0;
  border-radius: 0.875rem 0 0 0.875rem;
  height: auto;
  color: var(--BlackColor);
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem 1.25rem;
}
.companies_register_form .input-group .btn-primaryx {
  background: var(--PrimaryColor);
  padding: 0.625rem 1.25rem; /* 10px 20px */
  border-radius: 0.625rem;
  border: solid 0.0625rem #fff;
}
.companies_register_form .input-group .btn-primaryx:hover { transform: translateY(0); }
.companies_register_form .input-group .form-control:focus { outline: none !important; }

.companies-register-result-table .table-content-box {
  position: relative;
  background: #e3e1e187;
  padding: 0 1.25rem 1.25rem;
  border-radius: 0.875rem;
  overflow: hidden;
}
.companies-register-result-table .table th {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--BlackColor);
  padding: 1.5rem 0.625rem;
  text-align: left;
}
.companies-register-result-table .table td {
  background: #fff;
  padding: 0.9375rem 0.625rem;
  font-weight: 500;
  text-align: left;
  font-size: 1.125rem;
  color: var(--BlackColor);
  border-bottom: 0.0625rem solid #DADADA;
  vertical-align: middle;
}
.companies-register-result-table .table td a { color: var(--BlackColor); }
.companies-register-result-table p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4;
  text-decoration-line: underline;
  color: var(--BlackColor);
}
.companies-register-result-table .company-imagebx { display: flex; align-items: center; }
.companies-register-result-table .company-imagebx :is(h3,a) {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--BlackColor);
}
.companies-register-result-table .company-imagebx .img-box {
  border: 0.0625rem solid #cccccc;
  border-radius: 0.5rem;
  width: 4.0625rem;
  height: 4.0625rem;
  text-align: center;
  background: #fff;
  padding: 0.5rem;
  margin-right: 0.5rem;
}
.companies-register-result-table .company-imagebx .img-box img { height: 100%; object-fit: cover; }
.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: 4.375rem;
}

.company-summary-wrap .summary-back-btn a {
  font-size: 1.125rem;
  color: var(--BlackColor);
  font-weight: 400;
  margin-bottom: 1.875rem;
  display: inline-block;
}
.company-summary-wrap .summary-back-btn i { margin-right: 0.3125rem; }
.company-summary-wrap .summary-back-btn:hover { color: var(--PrimaryColor); }

.company-summary-wrap .top-title h2 {
  font-size: 1.2rem;
  color: var(--PrimaryColor);
  margin-bottom: 0.3125rem;
  line-height: normal;
}
.company-summary-wrap .top-title h4 {
  font-weight: 400;
  font-size: 1rem;
  color: var(--BlackColor);
}
.company-summary-wrap .top-title h4 a { color: var(--PrimaryColor); }

.company-summary-wrap .top-title h3 {
  font-weight: 600;
  font-size: 1.2rem;
  color: #263238;
  margin-top: 1.25rem;
}

.company-summary-wrap .btn-icon { display: inline-block; margin-right: 0.625rem; }

.company-summary-wrap .company-detail-wrap {
  background: #F3F3F3;
  border-radius: 0.625rem;
  padding: 0.9375rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.company-summary-wrap .detail-list .detail-content {
  display: flex;
  padding: 0.625rem;
  align-items: center;
}
.company-summary-wrap .detail-list .titlebx {
  font-weight: 400;
  font-size: 1rem;
  color: var(--BlackColor);
  width: 42%;
  padding: 0 0.3125rem;
}
.company-summary-wrap .detail-list .detailbox {
  font-weight: 600;
  font-size: 1rem;
  color: var(--BlackColor);
  width: 58%;
  word-break: break-all;
}
.company-summary-wrap .detail-list .view-all {
  color: var(--PrimaryColor);
  font-weight: 400;
  font-size: 1.125rem;
}
.company-summary-wrap .detail-list p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: var(--BlackColor);
}
.company-summary-wrap .additional-information {
  background: var(--WhiteColor);
  border-radius: 0.625rem;
  padding: 1.5625rem;
}
.company-summary-wrap .additional-information h3 {
  font-weight: 500;
  font-size: 1.375rem;
  color: var(--BlackColor);
  margin-bottom: 0.9375rem;
}
.company-summary-wrap .additional-information ul li {
  font-weight: 400;
  font-size: 1.125rem;
  color: var(--BlackColor);
  padding: 0.4375rem 0;
}
.company-summary-wrap .additional-information .view-all-btn {
  color: var(--PrimaryColor);
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 1.5625rem;
}
.company-summary-wrap .gray-border-top {
  border-top: 0.0625rem solid #CBCBCB;
  margin-top: 0.9375rem;
  padding-top: 1.25rem !important;
}

.email-note {
  font-size: 0.875rem;
  color: var(--BlackColor);
  font-weight: 500;
  display: inline-block;
  margin-top: 0.8125rem;
}
.reputation-score-content {
  background: var(--WhiteColor);
  border-radius: 0.625rem;
  padding: 1.25rem;
  margin-top: 1.25rem;
}
.reputation-score-content p {
  font-weight: 500;
  font-size: 1rem;
  color: #403F3F;
}
.reputation-score-content .progress {
  background-color: #D9D9D9;
  border-radius: 6.25rem;
  margin: 0.9375rem 0 1.5625rem;
}
.reputation-score-content .progress-bar {
  background: var(--PrimaryColor);
  border-radius: 6.25rem;
}
.reputation-score-content .reputation-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.125rem;
}
.reputation-score-content .reputation-list li {
  width: 32.40%;
  border: 0.0625rem solid #AFAFAF;
  border-radius: 0.3125rem;
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--BlackColor);
  padding: 0.875rem 2.625rem 0.875rem 1.125rem;
  margin: 0.3125rem;
  background: url(../images/check-circle-icon.png) no-repeat right 1.25rem center;
  filter: grayscale(1);
}
.reputation-score-content .reputation-list li.selected { filter: inherit; }

.assets-detail-list .left-img-box { text-align: center; }
.assets-detail-list .left-img-box .img-box-asset { text-align: center; margin-bottom: 1.25rem; }
.assets-detail-list .left-img-box .titlebx {
  font-size: 1rem;
  font-weight: 600;
  color: var(--BlackColor);
}
.assets-detail-list .left-img-box .qty-bx { margin-top: 1.25rem; }
.assets-detail-list .left-img-box .qty-bx h4 {
  font-weight: 600;
  font-size: 0.75rem;
  color: var(--BlackColor);
  margin-bottom: 0.25rem;
}
.assets-detail-list .left-img-box .detailbox {
  font-weight: 600;
  font-size: 1rem;
  color: var(--BlackColor);
}
.assets-detail-list > .row {
  background: var(--WhiteColor);
  border-radius: 0.625rem;
  margin: 0;
  padding: 1.25rem;
  align-items: center;
}
.assets-detail-list .detail-content {
  background: #EEEEEE;
  border-radius: 0.625rem;
  padding: 1.25rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.assets-detail-list .detail-content :is(.titlebx, .detailbox) {
  font-weight: 400;
  font-size: 1rem;
  color: var(--BlackColor);
}
.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: 0.9375rem; }

.company-detail-wrap .digital-poll-list {
  background: var(--WhiteColor);
  border-radius: 0.625rem;
  padding: 0.875rem;
}
.company-detail-wrap .digital-poll-list .expiring-date {
  font-weight: 400;
  font-size: 0.875rem;
  color: #494949;
}
.company-detail-wrap .digital-poll-list :is(.date-box, p) {
  font-weight: 400;
  font-size: 1rem;
  color: var(--BlackColor);
}
.company-detail-wrap .digital-poll-list + .digital-poll-list { margin-top: 0.5rem; }

.digital-documents-tabs .nav { margin: 0 1.6875rem; }
.digital-documents-tabs .nav .nav-item .nav-link {
  padding: 0.625rem 0.9375rem;
  font-weight: 400;
  font-size: 1.25rem;
  color: #494949;
  background: #f3f3f3;
  border-radius: 0.625rem 0.625rem 0 0;
  position: relative;
  min-height: 3.75rem;
  border: 0;
}
.digital-documents-tabs .nav .nav-item:not(:last-child) .nav-link:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  height: 1.5625rem;
  width: 0.0625rem;
  background: #AEAEAE;
  transform: translateY(-50%);
}
.digital-documents-tabs .nav .nav-item .nav-link.active {
  background: var(--WhiteColor);
  color: var(--BlackColor);
}
.digital-documents-tabs .nav .nav-item .nav-link.active:after { background: var(--WhiteColor); }
.digital-documents-tabs .tab-content {
  background: var(--WhiteColor);
  border-radius: 0.625rem;
  padding: 0.9375rem;
}
.digital-documents-tabs .no-file-upload {
  padding: 0.9375rem;
  min-height: 15.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.digital-documents-tabs .no-file-upload p {
  font-size: 1.25rem;
  color: #ABABAB;
  margin-top: 0.9375rem;
}
.digital-documents-tabs ul li a {
  font-size: 1.125rem;
  color: var(--BlackColor);
  font-weight: 500;
}


.article-card-wrap .article-card {
  background: var(--WhiteColor);
  border-radius: 0.625rem; /* 10px */
  padding: 2rem;
  margin-bottom: 3rem;
}
.article-card-wrap .article-card h3 {
  font-weight: 600;
  font-size: 1.25rem; /* 20px */
  line-height: 1.6;
  color: var(--BlackColor);
  margin-bottom: 0.5rem; /* 8px */
}
.article-card-wrap .article-card p {
  font-weight: 400;
  font-size: 1rem; /* 16px */
  color: var(--BlackColor);
  line-height: 1.7;
}
.article-card-wrap .article-card .read-more-btn {
  display: inline-flex;
  align-items: center;
  color: #2296CF;
  font-weight: 600;
  font-size: 1rem; /* 16px */
  margin-top: 1.125rem; /* 18px */
}
.article-card-wrap .article-card .read-more-btn i {
  margin-left: 0.4375rem; /* 7px */
  font-size: 0.875rem; /* 14px */
}

/* Nations page */
/* .nation-banner-section { background: var(--PrimaryColor); } */
.nation-banner-section .banner-text { width: 100%; max-width: 100%; }
.nation-banner-section .mapimg-box { margin-top: 2rem; }

.nation-flag-title li {
  font-weight: 500;
  font-size: 1rem;
  color: var(--BlackColor);
  padding: 0.75rem 0; /* 12px 0 */
  display: flex;
  align-items: center;
}
.nation-flag-title li a {
  font-weight: 500;
  font-size: 1rem;
  color: var(--BlackColor);
}
.nation-flag-title li .nation-no-box { display: inline-block; min-width: 1.5rem; /* 40px */ }
.nation-flag-title li .natin-flag { display: inline-block; min-width: 2.125rem; /* 50px */ max-width: 2.125rem; margin-right:0.4rem; /* 15px */ }

/* class action view page css */
.digital-class-action-banner { padding: 16rem 0; } /* kept as provided */

ul.q-as { list-style: none; padding: 0; }
ul.q-as li {
  margin-bottom: 0.9375rem; /* 15px */
  border-left: 0.125rem solid var(--PrimaryColor); /* 2px */
  padding-left: 1.25rem; /* 20px */
}
ul.q-as li h3 {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 600;
  color: var(--PrimaryColor);
}
ul.q-as li p { font-weight: 500; font-size: 1rem; color: #313131; }

.gettouch-wrap .quo {
  margin: 1.875rem 0; /* 30px */
  border-radius: 0.625rem; /* 10px */
  border: 0.0625rem solid #F1D1D3; /* 1px */
  padding: 0.9375rem 1.25rem; /* 15px 20px */
  font-size: 1rem;
  font-weight: 500;
  box-shadow: inset 0 0.25rem 0 #2396CF; /* 0px 4px 0px */
}
.gettouch-wrap .quo .name { display: block; margin-top: 0.3125rem; /* 5px */ }

.gettouch-wrap .detail-action h2 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #303030;
  margin-bottom: 0.9375rem; /* 15px */
}

.get-touch-form {
  background: #E6E6E6;
  border-radius: 0.625rem; /* 10px */
  padding: 1rem; /* 30px */
  margin-left: 1rem; /* 30px */
}
.get-touch-form .form-group{margin-bottom: 1rem;}
.get-touch-form .form-group label {
  font-size: 1rem;
  font-weight: 500 !important;
  color: #565656;
  margin-bottom: 0.4375rem; /* 7px */
  display: block;
}
.get-touch-form .form-group .form-control {
  padding: 0.875rem 1.5625rem; /* 14px 25px */
  font-size: 1rem; /* 16px */
  height: 3rem; /* 57px */
  border: 0.0625rem solid #A8A8A8; /* 1px */
  background: #fff;
  border-radius: 0.3125rem; /* 5px */
}

.digital-meditaion-banner {
  background: url(../images/attorneys-banner-bg.jpg) no-repeat center top/cover;
  padding: 10rem 0;
}
.digital-meditaion-banner .middle-box .content {
  background: #2396cf;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 11.25rem; /* 180px */
}
.digital-meditaion-banner .middle-box :is(.titlebx, h3, .detailbx) { color: #ffffff; }


.tuvalu-citizenship-wrapper .purchase-text {
  font-weight: 400;
  font-size: 1rem; /* 16px */
  color: #000000;
  text-align: end;
  margin-top: 0.375rem; /* 6px */
}
.companies-register-result-table .table td a { word-break: break-all; }

/* marriage certificate */
.marriage-certificat-title .same-heading h2 {
  font-weight: 600;
  font-size: 1.75rem; /* 28px */
  color: var(--BlackColor);
}
.marriage-certificate-section .same-heading {
  padding-bottom: 4rem;
  border-bottom: 0.0625rem solid #CECECE; /* 1px */
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
}
.marriage-certificate-section .same-heading h3 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.7;
  color: var(--BlackColor);
}
.marriage-certificate-section .same-heading h3 .name-bx {
  display: block;
  font-size: 1.875rem; /* 30px */
  color: #2396cf;
}
.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: 1.125rem; /* 18px */
  color: var(--BlackColor);
}
.marriage-certificate-section .marriage-scan-bx :is(.self-img, .spouse-img) {
  width: 15rem; /* 240px */
  height: 15rem; /* 240px */
  border-radius: 0.875rem; /* 14px */
  overflow: hidden;
  margin: 0 0.3125rem; /* 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(--BlackColor);
  margin-bottom: 0.625rem; /* 10px */
}
.marriage-certificate-section :is(.marriage-date, .marriage-time) {
  font-weight: 700;
  font-size: 2.4rem;
  color: var(--BlackColor);
}
.marriage-certificate-section .marriage-person-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 1.875rem 0; /* 30px 0 */
}
.marriage-certificate-section .marriage-person-img .center-bar-code {
  width: 9.375rem; /* 150px */
  height: 9.375rem; /* 150px */
  border-radius: 50%;
  background: white;
  padding: 1.25rem; /* 20px */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

/* company summary header */
.company-summary-wrap .org-summary-title { display: flex; align-items: center; }
.company-summary-wrap .org-summary-title .company-logoimagebx {
  width: 5.625rem; /* 90px */
  border: 0.0625rem solid #cccccc; /* 1px */
  border-radius: 0.5rem; /* 8px */
  height: 5.625rem; /* 90px */
  text-align: center;
  background: #fff;
  padding: 0.5rem; /* 8px */
}
.company-summary-wrap .org-summary-title .company-logoimagebx img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.5rem; /* 8px */
}
.company-summary-wrap .org-summary-title .same-heading { padding-left: 1.25rem; /* 20px */ }
.company-summary-wrap .org-summary-title .same-heading h3 { margin-top: 0; }

/* transactions modal */
.transactions-model .modal-header { border: 0; }
.transactions-model button.close {
  width: 1.875rem; /* 30px */
  height: 1.875rem; /* 30px */
  border-radius: 50%;
  background: #2396cf;
  font-size: 1.125rem; /* 18px */
  color: #fff;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 1.25rem; /* 20px */
  top: 1.25rem; /* 20px */
}
.transactions-model button.close:hover { color: #fff; }
.transactions-model .modal-title { font-size: 1.125rem; /* 18px */ font-weight: 600; color: #000; }
.transactions-model .transaction_list td { font-size: 0.875rem; /* 14px */ color: #000; font-weight: 500; }
.transactions-model .modal-footer .btn-primaryx { padding: 1rem 2rem; font-size: 0.875rem; /* 14px */ }

/* score graph */
.score-graph-outer {
  width: 100%;
  max-width: 23.9375rem; /* 383px */
  margin: 8rem auto 0;
}
.score-graph-outer h4 {
  font-size: 0.5vw;
  color: var(--BlackColor);
  font-weight: 400;
  line-height: 1.6;
}
.score-graph-outer .no-bx { font-weight: 600; font-size: 0.8vw; color: var(--BlackColor); }
.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%, #2396cf 89.39%);
  border-radius: 0.3125rem; /* 5px */
  padding: 0.4375rem 0.375rem; /* 7px 6px */
  width: 100%;
  min-height: 1.9375rem; /* 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: 0.625rem; /* 10px */
  color: var(--BlackColor);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.0625rem; /* -33px */
}
.score-graph-outer .score-graph-inner .graph-cell .graphcell-innertext:before {
  width: 0.0625rem; /* 1px */
  background: #716f6f;
  height: 0.5rem; /* 8px */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.375rem; /* -6px */
  content: "";
}
.score-graph-outer .score-graph-inner .graph-hover-text {
  border-radius: 0.1875rem; /* 3px */
  padding: 0.3125rem; /* 5px */
  position: absolute;
  left: 7%;
  top: -4.4375rem; /* -71px */
  min-width: 4.25rem; /* 68px */
  filter: drop-shadow(0 0 0.125rem rgba(0,0,0,0.2)); /* 2px */
  background: var(--WhiteColor);
  min-height: 3.125rem; /* 50px */
}
.score-graph-outer .score-graph-inner .graph-hover-text:before {
  width: 1.25rem; /* 20px */
  background: #fff;
  height: 1rem; /* 16px */
  /* clip-path kept as is */
  position: absolute;
  left: 33%;
  transform: translateX(-50%);
  bottom: -0.875rem; /* -14px */
  content: "";
  clip-path: polygon(11% 0, 0 100%, 100% 0);
  box-shadow: 0 0 0 #000;
}
.score-graph-outer .score-graph-inner .graph-hover-text:after {
  position: absolute;
  left: 0.3125rem; /* 5px */
  bottom: -1.4375rem; /* -23px */
  content: "";
  width: 0.625rem; /* 10px */
  height: 0.625rem; /* 10px */
  border-radius: 50%;
  border: 0.0625rem solid #fff; /* 1px */
  background: #4e8e58;
}
.score-graph-outer .score-static-bx {
  position: relative;
  text-align: center;
  width: 11.25rem; /* 180px */
  left: 50%;
}
.score-graph-outer .score-static-bx:nth-child(1) { margin-left: -8.5625rem; /* -137px */ }
.score-graph-outer .score-static-bx:nth-child(2) { margin-left: -2.6875rem; /* -43px */ }
.score-graph-outer .score-static-bx .no-bx { font-size: 0.75rem; /* 12px */ }
.score-graph-outer .score-static-bx .dash-border-top { border: dashed 0.0625rem #716f6f; width: 0.0625rem; /* 1px line */ height: 3.125rem; /* 50px */ margin: 0 auto; }
.score-graph-outer .score-static-bx hr { border: 0.0625rem solid #716f6f; width: 100%; margin: 0 auto 1rem; max-width: 40%; }

.additional-information .reputation-text {
  margin-top: 4rem;
  border-top: 0.0625rem solid #CBCBCB; /* 1px */
  padding-top: 2rem;
}
.additional-information .reputation-text h3 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--BlackColor);
  margin-bottom: 0;
}
.additional-information .reputation-text .reputation-score {
  font-size: 3rem;
  font-weight: 600;
  color: var(--BlackColor);
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.additional-information .reputation-text .reputation-score .badge {
  font-weight: 500;
  font-size: 0.875rem; /* 14px */
  padding: 0.3125rem 0.5rem; /* 5px 8px */
  border-radius: 0.3125rem; /* 5px */
  margin-left: 0.3125rem; /* 5px */
}

/* featured talks slider padding */
.featured-talks-sliderwrap { padding: 0 1.25rem; /* 20px */ }

/* banners & headings */
:is(.page-banner, .judge-banner) {
  background: #E4E4E4;
  padding: 3rem 0;
}
:is(.page-banner h1, .judge-banner h2) {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 1.25rem; /* 20px */
  color: var(--BlackColor);
}
:is(.page-banner h1) { color: #fff; }

.judge-detail p + ul { margin: 0.625rem 0; /* 10px */ }
.judge-detail .judge-sidebar {
  box-shadow: 0 0.5625rem 2.375rem 0.25rem rgba(0,0,0,0.1); /* approx 9px 38px 4px */
  border-radius: 0.75rem; /* 12px */
  background: #FFFFFF;
  padding: 2.375rem 0.9375rem; /* 38px 15px */
}
.judge-detail .judge-sidebar h3 {
  font-size: 1.2rem;
  color: var(--BlackColor);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.625rem; /* 10px */
}
.judge-detail .judge-sidebar hr {
  border: 0.0625rem solid #000;
  opacity: 0.1;
  margin: 1.75rem 0; /* 28px */
}
.doublearrow-list li a {
  background: url(../images/double-arrow-gray-icon.svg) no-repeat left top 10px;
  display: block;
  font-size: 1rem; /* 18px */
  line-height: normal;
  color: var(--BlackColor);
  font-weight: 500;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5rem; /* 5px 5px 5px 24px */
  transition: all .2s ease;
}
.doublearrow-list li a:hover { color: #2396CF; }

.neutral_description ul, .light-red { margin: 0.625rem 0; /* 10px */ }
.neutral_description ul li, .light-red li {
  font-size: 1rem; /* 18px */
  line-height: 1.7;
  color: var(--BlackColor);
  font-weight: 400;
  padding: 0.3125rem 0 0.3125rem 1.25rem; /* 5px 0 5px 20px */
  display: block;
  position: relative;
}
.neutral_description ul li:before, .light-red li:before {
  width: 0.4375rem; /* 7px */
  height: 0.4375rem; /* 7px */
  border-radius: 50%;
  background: var(--BlackColor);
  content: '';
  position: absolute;
  left: 0;
  top: 0.8125rem; /* 13px */
}


/* event banners (background images only) */
.event-2025-banner { background: url(../images/event-2025-banner-bg.jpg) no-repeat bottom center/cover; }
.event-2026-banner { background: url(../images/event-2026-banner-bg.jpg) no-repeat bottom center/cover; }
.event-2024-banner { background: url(../images/event-2024-banner-bg.jpg) no-repeat bottom center/cover; }
.event-2023-banner { background: url(../images/event-2023-banner-bg.jpg) no-repeat bottom center/cover; }
.event-2022-banner { background: url(../images/event-2022-banner-bg.jpg) no-repeat bottom center/cover; }

/* digital-pdf-document */


header .mega-menu .middle-menu ul li.new-menu-label .dropdown-item { position: relative; padding-right: 30px !important; } 
header .mega-menu .middle-menu ul li.new-menu-label .dropdown-item:before { content: 'New'; position: absolute; right: 10px; top: 11px; background: #2396cf; color: #fff; padding: 1px 3px; border-radius: 2px; font-size: 10px; line-height: normal; font-weight: 400; }


.same-heading.white-text :is(h2, p) { color: #fff; }

.black-border-card {
  background: #000;
  border-color: #000;
  position: relative;
}
.border-card.black-border-card .content-bx {
  background: #000;
  color: #fff;
  margin: 0.0625rem; /* 1px */
  position: relative;
}
.border-card.black-border-card .content-bx .iconBx {
  width: 100%;
  max-width: 6.25rem; /* 100px */
  min-height: 8.125rem; /* 130px */
}
.border-card.black-border-card :is(h3, p) { color: #fff; }
.border-card.black-border-card:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #686666, #1b1b1b, #000000);
  background-size: 50% 100%;
  border-radius: 0.625rem; /* 10px */
}

/* Alliance members */
.alliance-member-wrap { overflow: hidden; }
.alliance-member-wrap .same-heading { padding-bottom: 3rem; }
.alliance-member-wrap .col-2 { margin-top: 0.625rem; /* 10px */ padding: 0 0.3125rem; /* 0 5px */ }
.alliance-member-wrap .logo-img-bx {
  background: #E7E7E7;
  border-radius: 0.9375rem; /* 15px */
  padding: 1.25rem; /* 20px */
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}
.alliance-member-wrap .logo-img-bx img { width: 100%; max-width: 85%; }

/* 16-04-2025 - homepage banner */
.homepage-banner {
  background: url(../img/banner-right-top-img.png) no-repeat right top,
              url(../img/banner-left-bottom-img.png) no-repeat left bottom 100%;
  min-height: 100vh;
  position: relative;
  padding: 6.25rem 0; /* 100px */
  background-size: 50%;
}
.homepage-banner .banner-text h1 {
  font-size: 6rem;
  color: var(--BlackColor);
  font-weight: 600;
  text-align: center;
}
.homepage-banner .globe-map-img {
  width: 100%;
  max-width: 26vw;
  margin: 3.125rem auto 0; /* 50px */
  text-align: center;
}

/* small global adjustments kept as provided */
.global-reset-section { background: #F6F6F6; }

.btn-transparent.mt-30 { margin-top: 1.875rem; /* 30px */ display: inline-block; }
.btn-transparent span { display: inline-block; margin-left: 0.625rem; /* 10px */ }

.same-heading .wid-70 { width: 100%; max-width: 70%; }
.arrow-transparent-btn.mt-30 { margin-top: 2.5rem; /* 40px */ }

/* duplicates retained (intentional) */
.alliance-member-wrap .same-heading { padding-bottom: 3rem; }
.alliance-member-wrap .col-2 { margin-top: 0.9375rem; /* 15px */ }
.alliance-member-wrap .logo-img-bx { background: #E7E7E7; border-radius: 0.9375rem; padding: 1.25rem; height: 100%; display: flex; align-items: center; text-align: center; }
.alliance-member-wrap .logo-img-bx img { width: 100%; max-width: 85%; }

/* Jurisdiction modal */
#jurisdictionModal .modal-header { padding: 0.8125rem; /* 13px */ }
#jurisdictionModal h5 {
  font-size: 1.25rem; /* 20px */
  color: #000;
  font-weight: 500;
  line-height: normal;
}
#jurisdictionModal .close {
  width: 1.6875rem; /* 27px */
  height: 1.6875rem; /* 27px */
  background: #2396cf;
  color: #fff;
  border-radius: 50%;
  opacity: 1;
  font-size: 1.25rem; /* 20px */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
#jurisdictionModal #jurForm .form-label {
  font-size: 0.875rem; /* 14px */
  color: #000;
  font-weight: 600;
  margin-bottom: 0.625rem; /* 10px */
}
#jurisdictionModal #jurForm .form-select {
  border: 0.0625rem solid #ced4da; /* 1px */
  height: 2.5625rem; /* 41px */
  color: #000;
  font-size: 0.875rem; /* 14px */
  font-weight: 400;
  width: 100%;
}
.form-select:focus { outline: none !important; box-shadow: none !important; border-color: #2396cf !important; }
/* #jurisdictionModal #jurForm .btn-primary { background: #2396cf; color: #fff; border: solid 0.0625rem #2396cf; } */
/* #jurisdictionModal #jurForm .btn-secondary { background: #52525b; color: #fff; border: solid 0.0625rem #52525b; } */
#jurisdictionModal .model-footer-btn { gap: 0.625rem; /* 10px */ display: flex; align-items: center; justify-content: end; }

/* CTA wrapper */
.cta-wrap-section .cta-row {
  gap: 0.625rem; /* 10px */
  margin-top: 1.875rem; /* 30px */
  flex-wrap: wrap;
}







/* new design css start  */

.search-banner { padding: 4rem 0; }
.search-banner .input-group { border: solid 1px #DBDBDB; border-radius: 0.625rem; /* was 1rem */ padding: 0.375rem 0.625rem 0.375rem 0; width: 100%; max-width: 50rem; /* was 80rem */ margin: 2.5rem auto 0; background-color: var(--WhiteColor); }
.search-banner .input-group .form-select { border: 0; height: 3rem; /* was 3rem */ font-size: 1rem; /* was 1rem */ color: var(--BlackColor); font-weight: 600; text-transform: uppercase; width: 100%; max-width: 12.5rem; /* was 20rem */ margin-right: 0.625rem; /* was 1rem */ background-color: var(--WhiteColor); padding: 0.625rem 0.625rem 0.625rem 0.75rem; /* was 1rem 1rem 1rem 1.2rem */ }
.search-banner .input-group input.form-control { background: #fff; border: 0; color: var(--BlackColor); font-size: 1rem; /* was 1.3rem */ font-weight: 500; padding: 0.3125rem 0.3125rem 0.3125rem 1.25rem; /* was 0.5rem 0.5rem 0.5rem 2rem */ height: 3rem; /* was 3rem */ border-left: solid 0.0625rem #DCDCDC; /* was 0.1rem */ } 
.search-banner .input-group input.form-control::placeholder { color: #999999; } 
.search-banner .input-group .btn-search { color: var(--BlackColor); padding: 0.3125rem 0.625rem; /* was 0.5rem 1rem */ font-size: 1.0625rem; /* was 1.7rem */ border: 0; } 
.search-banner .input-group .btn-search:hover { transform: translateY(0); }
.search-banner .input-group .btn-search:focus { outline: none !important; box-shadow: none !important; }
.search-banner select:focus,
.search-banner input:focus { outline: none !important; box-shadow: none !important; }
.searchListWrapper { padding-top: 0; min-height: 50vh; }
.searchListWrapper .searchtopBx { padding: 1.25rem 0; } /* was 2rem */
.searchListWrapper .searchtopBx .resultsBx { font-size: 0.9rem; font-weight: 600; color: var(--BlackColor); } /* was 1.3rem */
.searchListWrapper .searchtopBx :is(.filterDatebx, .filter-GridList) { display: flex; align-items: center; gap: 0.625rem; } /* was 1rem */
.searchListWrapper .searchtopBx .filterDatebx { justify-content: end; max-width: max-content; width: 100%; margin: 0 0.625rem; } /* was 0 1rem */
.searchListWrapper .searchtopBx .filterDatebx h4 { font-size: 0.9rem; /* was 1.3rem */ color: #7D7D7D; font-weight: 500; margin-bottom: 0; white-space: pre; }
.searchListWrapper .searchtopBx .filterDatebx .form-select { width: 100%; max-width: 14.4375rem; /* was 23.1rem */ border: solid 0.0625rem #DBDBDB; /* was 0.1rem */ height: 2.8125rem; /* was 4.5rem */ border-radius: 0.25rem; /* was 0.4rem */ font-size: 0.9rem; /* was 1.3rem */ font-weight: 500; color: #000; margin-left: 0.3125rem; /* was 0.5rem */ } 
.searchListWrapper .searchtopBx .filter-GridList :is(.list-view-button, .grid-view-button) { font-size: 1.0625rem; /* was 1.7rem */ border: solid 1px #DBDBDB; width: 2.875rem; /* was 4.6rem */ height: 2.875rem; /* was 4.6rem */ border-radius: 50%; color: #7D7D7D; padding: 0; cursor: pointer; line-height: normal; display: inline-flex; align-items: center; justify-content: center; }
.searchListWrapper .searchtopBx .filter-GridList :is(.list-view-button, .grid-view-button) svg { width: 1.25rem; } /* was 2rem */ 
.searchListWrapper .searchtopBx .sortListBx { text-align: end; display: flex; align-items: center; justify-content: end; flex-wrap: wrap; }
.searchListWrapper .card { border: solid 0.0625rem #DBDBDB; /* was 0.1rem */ border-radius: 0.625rem; /* was 1rem */ padding: 0 0.625rem; /* was 0 1rem */ margin-bottom: 1.875rem; /* was 3rem */ }
.searchListWrapper .card .cardTitleWithImg { display: flex; align-items: center; padding: 0.625rem 0; /* was 1rem 0 */ border-bottom: solid 0.0625rem #E7E7E7; /* was 0.1rem */ }
.searchListWrapper .card .cardTitleWithImg .imgBx { border: 0.0625rem solid #cccccc; /* was 0.1rem */ border-radius: 0.5rem; /* was 0.8rem */ width: 100%; max-width: 3.75rem; /* was 6rem */ height: 3.75rem; /* was 6rem */ text-align: center; background: var(--WhiteColor); padding: 0.25rem; /* was 0.4rem */ } .searchListWrapper .card .cardTitleWithImg .imgBx img { width: 100%; height: 100%; object-fit: contain; } .searchListWrapper .card .cardTitleWithImg .titleBx { font-size: 0.9375rem; /* was 1.5rem */ color: var(--BlackColor); font-weight: 600; width: calc(100% - 3.75rem); /* was calc(100% - 6rem) */ padding-left: 0.625rem; /* was 1rem */ }
.searchListWrapper .card :is(.cardbottomContent, .cardMiddleContent) { padding: 0.625rem 0; } /* was 1rem 0 */
.searchListWrapper .card .listBx .titleBx { font-size: 0.875rem; /* was 1.4rem */ line-height: 1.6; color: var(--PrimaryColor); font-weight: 400; } 
.searchListWrapper .card .cardbottomContent .listBx .titleBx { color: #4c4f50; }
.searchListWrapper .card .reputationscorebx .titleBx { font-size: 0.875rem; /* was 1.4rem */ line-height: 1.6; color: var(--PrimaryColor); font-weight: 400; flex-basis: 0; flex-grow: 1; max-width: 100%; }
.searchListWrapper .card .cardMiddleContent .listBx li { padding: 0.3125rem 0; }
.searchListWrapper .card .listBx .detailBx { font-size: 0.9375rem; /* was 1.5rem */ line-height: 1.6; color: #52525b; font-weight: 600; line-height: normal; }
.searchListWrapper .card .listBx .detailBx a { color: var(--BlackColor); } 
.searchListWrapper .card .listBx .detailBx a:hover { color: var(--PrimaryColor); } /* .searchListWrapper .card .cardbottomContent { border-top: 0.1rem solid #cccccc; } */ 
.searchListWrapper .card .assetsNolist { display: flex; flex-wrap: wrap; margin: 0 -0.3125rem; /* was 0 -0.5rem */ padding: 0.625rem 0; /* was 1rem 0 */ border-top: solid 1px #EAEAEA; border-bottom: solid 1px #EAEAEA; }
.searchListWrapper .card .assetsNolist li { width: 33.33%; padding: 0 0.3125rem; } /* was 0 0.5rem */
.searchListWrapper .card .assetsNolist .assetsBx { width: 100%; height: 100%; display: flex; flex-direction: column; text-align: left; } 
.searchListWrapper .card .assetsNolist .detailBx { font-size: 1.1875rem; } /* was 1.9rem */
.searchListWrapper .reputationscorebx { margin-top: 0.625rem; display: flex; align-items: center; } /* was 1rem */ 
.searchListWrapper .slider-container { --label: 1.7188rem; /* was 2.75rem */ --width: 100%; --thumb: clamp(1.875rem, calc(1.425rem + 1.9875vw), 2.425rem); /* was 3rem..3.88rem */ inline-size: var(--width); aspect-ratio: 10.665 / 1; position: relative; margin: 0; flex-basis: 0; flex-grow: 1; max-width: 100%; display: flex; align-items: center; gap: 0.3125rem; /* was 0.5rem */ }
.searchListWrapper .slider-container .number--label { position: relative; bottom: 0; left: 0; font-size: 0.8125rem; /* was 1.3rem */ color: #000000; font-weight: 600; text-align: left; margin: 0; width: 100%; } 
.searchListWrapper .slider-container .input-slider { place-self: center; border-radius: 100vh; width: 100%; height: 0.5625rem; /* was 0.9rem */ background: linear-gradient(to right, #BD281B, #DEA038, #959136, #275301); -webkit-appearance: none; appearance: none; outline: none; min-width: 110px; }
.searchListWrapper .slider-container .input-slider::-webkit-slider-thumb { background: var(--PrimaryColor); border: solid 0.125rem var(--WhiteColor); /* was 0.2rem */ border-radius: 50%; width: 1.0625rem; /* was 1.7rem */ height: 1.0625rem; /* was 1.7rem */ -webkit-appearance: none; appearance: none; }
.searchListWrapper .slider-container .input-slider::-moz-range-thumb { background: var(--PrimaryColor); border: solid 0.125rem var(--WhiteColor); /* was 0.2rem */ border-radius: 50%; width: 1.0625rem; /* was 1.7rem */ height: 1.0625rem; /* was 1.7rem */ -webkit-appearance: none; appearance: none; }
.searchListWrapper .listview-visibleContent { display: none; }
.searchListWrapper .filterlistContent.list-view-filter div[class*="col-"] { flex: 0 0 100%; width: 100%; max-width: 100%; }
.searchListWrapper .filterlistContent.list-view-filter .card { flex-direction: row; padding: 10px; } 
.searchListWrapper .filterlistContent.list-view-filter .listview-visibleContent { display: block; }
.searchListWrapper .filterlistContent.list-view-filter .listview-visibleContent .assetsNolist { margin-top: 20px; border-bottom: 0; }
.searchListWrapper .filterlistContent.list-view-filter :is(.listViewBox, .cardbottomContent) { flex: 0 0 auto; width: 25%; border: 0; }
.searchListWrapper .filterlistContent.list-view-filter :is(.cardMiddleContent) { flex: 0 0 auto; width: 50%; padding: 10px 30px; }
.searchListWrapper .filterlistContent.list-view-filter .listBx:not(.assetsNolist) { display: flex; flex-wrap: wrap; } 
.searchListWrapper .filterlistContent.list-view-filter .listBx:not(.assetsNolist) li { width: 50%; margin-bottom: 20px; }
.searchListWrapper .filterlistContent.list-view-filter .cardbottomContent .assetsNolist { display: none; }
.searchListWrapper .filterlistContent.list-view-filter .card .cardTitleWithImg { border: 0; }
.searchListWrapper .filterlistContent.list-view-filter .cardbottomContent { border-left: 1px solid #cccccc; padding-left: 20px; } 
.searchListWrapper { position: relative; overflow: hidden; }
.searchListWrapper .individualCard .cardTitleWithImg { align-items: flex-start; }
.searchListWrapper .individualCard .cardTitleWithImg .imgBx { max-width: 66.25px; /* was 106px */ height: 87.5px; /* was 140px */ padding: 0; border: 0; border-radius: 3.125px; /* was 5px */ overflow: hidden; } 
.searchListWrapper .individualCard .cardTitleWithImg .imgBx img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.searchListWrapper .individualCard .cardTitleWithImg .imgBx .blur-profile { filter: blur(2px); object-position: top; }
.searchListWrapper .individualCard .cardTitleWithImg .personNameInfo { width: calc(100% - 66.25px); padding-left: 6.25px; /* was 10px */ }
.searchListWrapper .individualCard .cardTitleWithImg .titleBx { width: 100%; padding-left: 0; }
.searchListWrapper .individualCard .full-details { display: flex; align-items: center; margin-top: 12.5px; /* was 20px */ } 
.searchListWrapper .individualCard .full-details .barcode { width: 100%; max-width: 31.875px; /* was 51px */ height: 31.25px; /* was 50px */ border-radius: 1.875px; /* was 3px */ position: relative; overflow: hidden; }
.searchListWrapper .individualCard .full-details .barcode img { object-fit: cover; width: 100%; height: 100%; opacity: 0.3; }
.searchListWrapper .individualCard .full-details .barcode .lockIcon { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.searchListWrapper .individualCard .full-details .contentBx { width: calc(100% - 31.875px); padding-left: 6.25px; /* was 10px */ }
.searchListWrapper .individualCard .full-details .contentBx p { font-size: 0.875rem; /* was 14px */ line-height: normal; color: var(--BlackColor); font-weight: 400; margin-bottom: 3.125px; /* was 5px */ }
.searchListWrapper .individualCard .full-details .contentBx .click-here { color: var(--PrimaryColor); font-weight: 600; text-decoration: underline; font-size: 0.875rem; /* was 14px */ }
.searchListWrapper .assetscard .cardTitleWithImg { border-bottom: 0; }
.searchListWrapper .assetscard .cardTitleWithImg .imgBx { max-width: 100%; height: 131.25px; /* was 210px */ padding: 0; background: #fff; overflow: hidden; }
.searchListWrapper .assetscard .cardTitleWithImg .imgBx img { width: 100%; height: 100%; object-fit: contain; } 
.searchListWrapper .assetscard .reputationscorebx .scoreValueBx { font-size: 0.75rem; /* was 12px */ color: var(--WhiteColor); font-weight: 700; text-align: center; background: #F7A404; border-radius: 3.125px; /* was 5px */ padding: 3.125px 9.375px; /* was 5px 15px */ width: 100%; max-width: max-content; margin: auto; } 
.searchListWrapper .assetscard .reputationscorebx .scoreValueatitle { font-size: 0.75rem; /* was 12px */ font-weight: 600; text-align: center; padding-top: 1.25px; /* was 2px */ color: #F7A404; }
.searchListWrapper .assetscard .middlereputations-with-List { display: flex; align-items: center; } 
.searchListWrapper .assetscard .middlereputations-with-List .listBx { flex: 0 0 auto; width: 57%; }
.searchListWrapper .assetscard .middlereputations-with-List .reputationscorebx { flex: 0 0 auto; width: 43%; }
.searchListWrapper .assetscard .reputationscorebx { text-align: center; margin-top: 0; flex-direction: column; } 
.searchListWrapper .assetscard .reputationscorebx .iconBx { margin-bottom: 3.125px; /* was 5px */ }
.searchListWrapper .card .assetsNolist .assetsBx .iconBx { margin-bottom: 3.125px; /* was 5px */ }
.searchListWrapper .assetscard .reputationscorebx.good .scoreValueBx { background: #54B700; }
.searchListWrapper .assetscard .reputationscorebx.good .scoreValueatitle { color: #54B700; }
.searchListWrapper .assetscard .averageScore .titleBx { font-size: 0.625rem; /* was 10px */ }
.searchListWrapper .assetscard .listBx.assetsNolist { border-bottom: 0; }
.searchListWrapper .assetscard .reputationscorebx.poor .scoreValueBx { background: #D02500; }
.searchListWrapper .assetscard .reputationscorebx.poor .scoreValueatitle { color: #D02500; }
.searchListWrapper .assetscard .homeAssetsRowList { display: flex; align-items: center; flex-wrap: wrap; }
.searchListWrapper .homeassetscard .homeAssetsRowList { margin-top: 6.25px; /* was 10px */ }
.searchListWrapper .homeassetscard .homeAssetsRowList li { width: 33.33%; }
.searchListWrapper .homeassetscard .cardTitleWithImg .imgBx { border: solid 1px transparent; } 
.searchListWrapper .homeassetscard .cardTitleWithImg .imgBx img { object-fit: cover; } 
.searchListWrapper.loader-overlay-search:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: #0000002b url(../images/loader-img.svg) no-repeat center center; background-size: 56.25px; /* was 90px */ } 
.searchListWrapper .searchtopBx .sortListBx.sortsGridNone .filter-GridList { display: none !important; }
.searchListWrapper .searchtopBx .sortListBx.sortsGridNone .filterDatebx { margin-right: 0; }


.blur-text span { display: inline-block; will-change: transform, opacity, filter; }

.same-section{padding: clamp(5rem, 7vw, 5rem) 0;}
.same-heading { padding-bottom: 4rem; }
.same-heading h2 { color: var(--BlackColor); font-size: 2.5rem; font-weight: 500; line-height:115%; margin-bottom: 1rem;}
.same-heading h3 { color: var(--BlackColor); font-size: 1.6rem; font-weight: 600; line-height: 1.4; margin-bottom: 1rem;}
.same-heading :is(h2, h3) strong { font-weight: 500; }
.same-heading p, p { color: #3B3B3B; font-size: 1rem; font-weight: 400; line-height: 1.7;}
.inner-banner{    padding: clamp(5rem, 7vw, 5rem) 0;}
:is(.layer-bg, .inner-banner) { position: relative; }
:is(.layer-bg, .inner-banner)::before { content: ""; position: absolute; inset: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC'); background-repeat: repeat; opacity: .04; pointer-events: none; }
:is(.layer-bg, .inner-banner) h1{ color: var(--BlackColor); font-size: 2.8rem; line-height: 1.2; margin-bottom: 1.2rem; font-weight: 400;}
:is(.layer-bg, .inner-banner) h1 strong{font-weight: 600;}
.max-wid-50 { width: 100%; max-width: 60%; } 
.inner-banner .banner-text p a{color: var(--PrimaryColor);}


.same-heading.text-center .max-wid-50{margin: auto;}
.dot-listing{margin: 1rem 0 1rem 1rem;}
.dot-listing li{padding: 5px 0; list-style: disc; font-weight: 400; font-size: 1rem;color: #3B3B3B; line-height: 1.6;}
.border-card{ border: solid 1px #CCCCCC; border-radius: 10px; overflow: hidden;padding: 1.3rem 1rem 1rem;  background: var(--WhiteColor);}
.border-card .content-bx { border-radius: 10px;  color: var(--WhiteColor); background: var(--WhiteColor); } 
.border-card .iconBx img{max-height: 64px; margin-bottom: 1rem; }
.border-card h3{ font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem; }
.border-card h4{ font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem;}
.border-card p{ color: #555555; font-size: 0.9rem; margin-bottom: 0;} 

.same-section .section-bottom-btn{margin-top: 2rem;}
.section-bottom-btn{display: flex; gap: 1rem; align-items: center; }
.section-bottom-btn.text-center{justify-content: center;}


.digitaltown-hall-wrap { position: relative;}
.digitaltown-hall-wrap:before{ content: ""; position: absolute; inset: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC'); background-repeat: repeat; opacity: .04; pointer-events: none; } 

.digitaltown-hall-wrap  .town-metting { width: 100%; max-width: 800px; margin: 3rem auto 0; display: flex; align-items: center; background: url(../images/white-circle-icon.png)no-repeat right bottom; background-size: 60px;gap: 1rem; }
.digitaltown-hall-wrap  .town-metting  .left-text{font-size: 2.8rem; font-weight: 800; text-transform: uppercase; line-height: 1.1; text-align: end; color: var(--PrimaryColor); width: 50%;}
.digitaltown-hall-wrap  .town-metting  .left-text .towntext {font-size: 2.5rem;}
.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 #2396CF; 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: 2rem; color: #282828; text-transform: uppercase; line-height: 1.1; font-weight: 800; margin-bottom: 0;}
.digitaltown-hall-wrap .town-metting .right-text p + p{margin-top: 1.1rem;}
.digitaltown-hall-wrap .town-metting .right-text p small { font-size: 1.2rem; color: #282828; font-weight: 800; display: block; }



/* legislation page css */
.digital-pdf-document .card{ background: #F4F4F4; border: 1px solid #D2D2D2; border-radius: 10px;    padding: 1.3rem 1rem 1rem;  height: 100%; text-align: center; display: block; overflow: hidden;}
.digital-pdf-document .card .img-box{ width: 100%; max-width: 50px; margin:0 auto 1rem;}
.digital-pdf-document .card .title-heading{font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem;}
 /* .row.gy-4>* { margin-top: 2rem; } */
.digital-pdf-document .card .label-title{background: #2396cf; font-size: 12px; color: #fff; font-weight: 400; padding: 1px 3px; text-align: center; width: 80px;}
.digital-pdf-document .card .label-title.draft-title { position: absolute; left: -24px; top: 5px; transform: rotate(-42deg); }
.digital-pdf-document .card .label-title.law-title { position: absolute; right: -24px; top: 5px; transform: rotate(42deg); } 

.border-list-content .border-text-bx{ padding:0.8rem 0; }
.border-list-content .border-text-bx:last-child{border-bottom: none;}
.border-list-content h3{ font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem;}
.border-list-content p{ color: #555555; font-size: 0.9rem; margin-bottom: 0;}

.join-blue-bg{background: #00000085 url(../images/join-blue-bg.jpg);background-position: bottom;background-size: cover;background-repeat: no-repeat; padding: 2.5rem;}
.join-blue-bg h3{ font-size: 1.6rem; font-weight: 600; line-height: 1.4; color:var(--WhiteColor)}
.join-blue-bg .join-btn{color: var(--PrimaryColor); background: var(--WhiteColor); border-color: var(--WhiteColor); font-size: 1rem; padding: 0.5rem 1.2rem; border-radius: 5px; font-weight: 400; transition: all 0.2s ease; display: inline-flex ; align-items: center; gap: 0.4rem; margin-top: 2rem;} 

.get-involved-section .border-card { text-align: center; min-height: 170px; border:0; padding: 0;  position: relative;}
.get-involved-section .border-card:before { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #cacaca, #f6f6f6);  background-size: 50% 100%; border-radius: 10px; }
.get-involved-section .border-card .content-bx { padding: 1rem; background: #f6f6f6d9; min-height: 170px; margin: 1px; position: relative;} 
.get-involved-section .border-card .right-arrow-btn { display: block; margin-top: 2.8rem; }



/* digital council */
/* .council-list-team {margin-bottom: 3rem;} */
.council-list-team .img{background: #E7E7E7; border-radius: 15px; border: 0px solid #E7E7E7; height: 305px; position: relative; overflow: hidden;}
.council-list-team .img>img{ width: 100%; height: 100%; object-fit: cover; border-radius: 15px; filter: grayscale(100%);}
.council-list-team h4{ font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem; margin-top: 1rem; text-align: center;}
.council-list-team .face-mask{ position: absolute; top: 0; right: -10px; bottom: 0;}
.council-list-team .face-mask>img{width:100px; height: 100%; pointer-events: none; user-select: none;}

/* digital-corporations page */

.business-force-section .business-icon-list { margin: 2rem 0 1rem; display: flex ; align-items: center; column-gap: 1rem;}
.business-force-section .business-icon-list .icon-box{margin-bottom: 1rem;}
.business-force-section .business-icon-list p{margin-bottom: 0; margin-top: 1rem; font-size: 0.9rem;}
.black-gradient-card{border-radius: 10px; position: relative;}
.black-gradient-card:before{content: ""; position: absolute; top: -1px; z-index: 1; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #686666, #1b1b1b, #000000); background-size: 50% 100%; border-radius: 10px;}
.black-gradient-card .content-bx{ margin: 1px; border-radius: 10px; color: var(--WhiteColor); background: var(--BlackColor); position: relative; z-index: 2; padding: 1.5rem 1rem;}
.black-gradient-card .content-bx .steps { background:var(--WhiteColor); height: 45px; width: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--BlackColor); font-size: 1.3rem;    margin: -3rem 0 1rem;}
.black-gradient-card h3{ font-size: 1.2rem; color: var(--WhiteColor); font-weight: 600; }
.black-gradient-card p{color: var(--WhiteColor);    font-size: 0.9rem;}
.black-gradient-card .iconBx { min-height: 140px; } 


.blue-border-contentList{ padding: 1rem; background: linear-gradient(to right, #DAEBF9, #fff); border-left: 3px solid var(--PrimaryColor); margin: 0.5rem 0; color: var(--BlackColor); line-height: 1.5; }
.blue-border-contentList h3{font-size: 1.2rem; color: var(--BlackColor); font-weight: 600;}
.blue-border-contentList p{margin-bottom: 0;}

.arrow-btn{ justify-content: flex-start; align-items: flex-start; display: flex ;}
.arrow-btn .btn-transparent{font-size: 1.2rem;position: relative; color: var(--WhiteColor); font-weight: 400; z-index: 3; grid-column-gap:1.5rem; text-align: center; justify-content: flex-start; align-items: center; max-width: 100%; text-decoration: none; display: flex; position: relative; overflow: hidden;} 
.arrow-btn .btn-icon-wrap { z-index: 2; width: 20px; height: 20px; position: relative; overflow: hidden; }

.arrow-btn .btn-icon { flex: none; width: 20px; height: 20px; transition: transform .45s; }
.arrow-btn .btn-icon.cc-large { width: 20px; height: 20px; }
.arrow-btn svg:not(:root) { overflow: hidden; }
.arrow-btn .btn-icon.cc-second { position: relative; bottom: -100%; right: 200%; }
.arrow-btn .btn-transparent:hover .btn-icon { transform: translate(200%, -200%); } 
.arrow-btn .btn-icon-wrap.cc-large svg{ top: -4px; position: relative; left: 2px;}
.arrow-btn.white-text-btn .btn-transparent{color: var(--whiteColor);}


.digital-world-trademark{background: url(../images/digital-trademark-bg.png)no-repeat center top/cover; }
.arrow-btn.white-text-btn .btn-transparent { color: var(--WhiteColor); }


/* homepage css */
.hero-banner{padding: 5rem 0 0; position: relative;}
.hero-banner:after{ position: absolute; left: 0; right: 0; bottom: 0; height: 10rem; content: ''; background: linear-gradient(to top, #ffffff, #ffffff0a);}
.hero-banner h1{color: #52525b; font-size: 3.1rem; line-height: 1.2; margin-bottom: 1.2rem; font-weight: 400;}
.hero-banner h1 strong{font-weight: 600;}
.hero-banner p{font-size: 1.2rem; color: #52525b; font-weight: 500; line-height: 150%;  width: 100%; max-width: 87%; margin: auto;}
.hero-banner .banner-btn-list{display: flex; align-items: center; gap: 1rem; justify-content: center; margin-top: 2rem;}
.hero-banner .globe-graph{text-align: center; margin-top: 5rem; }
.hero-banner .globe-graph img{width: 100%; max-width: 70%; margin: auto;}

.brightright-wrapper .bright-content{display: flex; align-items: center; gap: 1rem;}
.brightright-wrapper .bright-content h3{font-size: 1.2rem; color: var(--BlackColor); font-weight: 500; line-height: 1.5; margin-bottom: 0;}
.brightright-wrapper .bright-content p{ color: #555555; font-size: 0.9rem; margin-bottom: 0;}
.brightright-wrapper .bright-content .iconBx { max-width: 3.5rem; }

.digital-centralized-card{background: linear-gradient(to right, #F7F7F7 50%, #247DC6 50%); position: relative;}
.digital-centralized-card:before{background: url(../images/shape-layer-bg.png) right; content: ''; position: absolute; right: 0;top: 0; height: 100%; width:50%; }
.digital-centralized-card .row{margin: 0; }
.digital-centralized-card .col-lg-6{padding: 0;}
.digital-centralized-card .digital-card{padding: 4rem;  position: relative;}
.digital-centralized-card .digital-card .img-bx{margin-bottom: 1.5rem;}
.digital-centralized-card .digital-card h3{color: var(--BlackColor); font-weight: 600; font-size: 1.6rem; line-height: 1.4;}
.digital-centralized-card .digital-card ul li{font-size: 1rem; color: #7D7D7D; padding: 0.3rem 0; font-weight: 300;}

.digital-centralized-card .primary-card h3{color: var(--WhiteColor);}
.digital-centralized-card .primary-card ul li{color: var(--WhiteColor);}
.graph-bx video { width: 100%; height: 19rem; object-fit: cover; }


.tools-wrapper{border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC;}
.tools-wrapper .tools-card{border:solid 1px #CCCCCC; border-radius: 10px;transition: all .2s ease; padding: 1.3rem 1rem 1rem;}
.tools-wrapper .tools-card .icon-bx{width: 100%; max-height:64px; margin-bottom: 3rem;}

.tools-wrapper .tools-card h3{font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem; } 
.tools-wrapper .tools-card p{color: #555555; font-size: 0.9rem; margin-bottom: 0;} 



.why-now-wrap .competitive-card{border:solid 1px #CCCCCC; border-radius: 10px; padding: 1.5rem 1rem; text-align: center; transition: all .2s ease;} 
.why-now-wrap .competitive-card:hover,.tools-wrapper .tools-card:hover{transform: translateY(-5px); box-shadow: 0px 0px 13px rgb(0 0 0 / 15%);} 
.why-now-wrap .competitive-card h3{font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; } 
.why-now-wrap .competitive-card p{color: #555555; font-size: 0.9rem; margin-bottom: 0;} 
.why-now-wrap .competitive-map{width: 100%; max-width: 80%; margin:4rem auto 0;}



.primary-outline-btn-list{display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 2rem;}
.primary-outline-btn-list li{border: solid 1px var(--PrimaryColor); color: var(--PrimaryColor); font-size: 0.95rem; border-radius: 50px; text-align: center; padding: 0.4rem 1rem; }
.primary-title{color: var(--PrimaryColor); font-weight: 500; font-size: 0.9rem; line-height: 1.5; margin-bottom: 0.5rem;}





.footer .footer-top-content{border-top: solid 1px #D2D2D2;  border-bottom: solid 1px #D2D2D2; padding: 3rem 0;}
.footer .container-fluid{padding: 0 3rem;}
.footer .footer-content h4{color: var(--BlackColor); font-weight: 500; font-size: 1.2rem; margin-bottom: 0.6rem;}
.footer .footer-menu-list li{padding: 0.5rem 0;}
.footer .footer-menu-list a{color: var(--BlackColor); font-weight: 400; font-size: 0.9rem;}
.footer .footer-menu-list a:hover{color: var(--PrimaryColor);}
.footer .copyright{padding: 1rem  0;}
.footer .copyright p{color: var(--BlackColor); font-size: 0.9rem; font-weight: 400; margin-bottom: 0; text-align: center;}




.timeline-section { padding: 2.5rem 0; } 
.timeline-section .timeline-top-labels { display: flex; gap: 1rem; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; }
.timeline-section  .tl-item { flex: 1 1 0; min-width: 6rem; text-align: center; padding: 0 0.5rem; } 
.timeline-section  .tl-item .eagles-icon{margin-top: 2rem;} 
.timeline-section .tl-title { font-size: 1rem;  font-weight: 600; color: var(--BlackColor); margin-bottom: 0.4rem; line-height: 1.4; }
.timeline-section .tl-sub { font-size: 0.75rem;  color: #7F7F7F; line-height: 1.5; margin-bottom: 0; }
.timeline-section .tl-sub.large{ font-size: 0.95rem; margin-bottom: 0.5rem; }
.timeline-section .timeline-track { display: flex; align-items: center; background-image: repeating-linear-gradient(135deg, #D6D6D6 0 1px, #d6d6d629 1px 7px); border-radius: 0.65rem; border: 1px solid #e9ecef; margin: 5rem 0 6rem; }
.timeline-section  .tl-item.life-item .tl-title{color: var(--PrimaryColor); } 
.timeline-section  .tl-item.life-item .tl-sub.large{color: var(--PrimaryColor);}
.timeline-section .tl-item.life-item {position: relative;top: -63px; }



.timeline-section .segment { display: flex; align-items: center; justify-content: center; padding: 0.45rem 0.25rem; position: relative; height: 5rem; font-size: 1rem; font-weight: 400; color: var(--BlackColor); text-align: center; }
.timeline-section .segment:before{ left: 0; content: ''; position: absolute; bottom: 0; height: 200%; width: 1px; background: linear-gradient(45deg, #000, transparent);}
.timeline-section .segment:nth-child(odd):before{ top: 0; background: linear-gradient(45deg, transparent, #000);} 
.timeline-section .segment:nth-child(3):before{display: none;}
.timeline-section .segment.pending { background-image: repeating-linear-gradient(135deg, #1f6fb240 0 1px, #d6d6d629 1px 7px); color: #1f6fb2; }
.timeline-section .segment .pct { font-size: 0.875rem; /* 14px */ font-weight: 500; letter-spacing: 0.03em; } 
.timeline-section .timeline-bottom { display: flex; gap: 1rem; justify-content: space-between; align-items: start; flex-wrap: nowrap; } 
.timeline-section .timeline-bottom .tl-item:first-child {position: relative; left:-6%;} 
.timeline-section .timeline-bottom  .coin-figure { display: inline-block; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #f6f3e9 25%, #e6d8a8 60%, #b8862e 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.06); margin-right: 0.75rem; }
.timeline-section .w-1 { flex: 0 0 6%; }
.timeline-section .w-2 { flex: 0 0 8%; }
.timeline-section .w-3 { flex: 0 0 9%; }
.timeline-section .w-4 { flex: 0 0 12%; }
.timeline-section .w-5 { flex: 0 0 18%; }
.timeline-section .w-6 { flex: 0 0 16%; }


/* SECTION WRAPPER + BACKGROUND PATTERN */
.stack-section { position: relative; overflow: hidden; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; }
.stack-section::before { content: ""; position: absolute; inset: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC'); background-repeat: repeat; opacity: .04; pointer-events: none; }


.stack-section  #menuList {padding: 0; margin: 0; display: grid; gap: .5rem; }
.stack-section  #menuList .menu-item { padding: 0.2rem 0; line-height: 1; font-size: 0.9rem; font-weight: 500; color: #3B3B3B; user-select: none; transition: color 220ms ease, transform 220ms cubic-bezier(.2,.9,.2,1); transform-origin: 0 50%; outline: none; cursor: pointer;}
.stack-section  #menuList .menu-item:hover,.stack-section  #menuList .menu-item.active span { color: var(--PrimaryColor); }

.stack-section #menuList .menu-item .line { width: 100%; height: 1px; position: relative; background: var(--PrimaryColor); top: -3px; display: inline-block; opacity: 0; transform: scaleX(0.6); transform-origin: 0 50%; transition: opacity 220ms ease, transform 280ms cubic-bezier(.2,.9,.2,1); } 

.stack-section #menuList .menu-item .line:after { position: absolute; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid var(--PrimaryColor); right: -4px; top: -1px; content: ''; transform: rotate(90deg); opacity: 0; transition: opacity 220ms ease;}
.stack-section  #menuList .menu-item.active .line {  opacity: 1; transform: scaleX(1); }
.stack-section  #menuList .menu-item.active .line:after { opacity: 1;   }

.stack-section .canvas-wrap { position: relative; min-height: 360px; display: grid; place-items: center; touch-action: none; } 
.stack-section .connector { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; display: none; }
.stack-section .connector-line { fill: none; stroke: var(--PrimaryColor); stroke-width: 2.5; stroke-linecap: round; opacity: 0; display:none; } 
.stack-section .svg-container { width: 100%; display: grid; place-items: center; } svg.stack { width: 100%; height: auto; overflow: visible; } 

.stack-section .detail-box { min-height: 80px; }
.stack-section .detail-title { font-weight: 400; color: #3B3B3B; margin-bottom: .25rem; }


.stack-section #detailBox{ position: relative; min-height: 72px; height: 0;  transition: height .28s ease; } 
.stack-section .detail-hidden{ position: absolute; inset: 0; opacity: 0; transform: translateY(6px); pointer-events: none; transition: opacity .28s ease, transform .28s ease; }
.stack-section .detail-hidden.is-active{ opacity: 1; transform: translateY(0); pointer-events: auto; }
.stack-section .detail-title{ font-weight: 400; color: #3B3B3B; margin-bottom: .25rem; } 
.stack-section svg.stack g{cursor: pointer; transition: transform 0.35s ease, opacity 0.25s ease, filter 0.25s ease; transform-origin: center;}


.stack-section .stack g rect { transition: fill 0.3s ease, stroke 0.3s ease; fill: #ffffff; stroke: #d0d6dc; } 
.stack-section .stack g text, .stack-section .stack g path { stroke: none; transition: fill 0.3s ease, stroke 0.3s ease; } 
.stack-section .stack g.active rect { fill: #e0e9f0; stroke: var(--PrimaryColor); stroke-width: 1; } 
.stack-section .stack g.active text, .stack-section .stack g.active path { fill: var(--PrimaryColor); stroke: var(--PrimaryColor); stroke-width: 0.2; paint-order: stroke fill; }
.stack-section .stack g { transition: transform 0.28s ease, opacity 0.25s ease, filter 0.25s ease; transform-box: fill-box; transform-origin: center; }



.foundation-wrapper .asset-title { font-weight: 700; font-size: 14px; letter-spacing: 0.3px; } 
.foundation-wrapper .asset-sub { font-size: 12px; color: #6b7280; margin-top: 3px; }

/* Colors */
.foundation-wrapper .text-orange { color: #f49b2e; }
.foundation-wrapper .text-blue { color: #2fa8ff; }
.foundation-wrapper .text-green { color: #3bbf64; }
.foundation-wrapper .text-yellow { color: #f59e0b; }
.foundation-wrapper .text-gray { color: #6b7280; }

/* ---------- Matrix ---------- */
.foundation-wrapper .matrix {  margin-top: 2rem; } 
/* Range rows */
.foundation-wrapper .matrix .ranges { display: flex; justify-content: space-between;    margin: 3rem 0 5rem; }
.foundation-wrapper .matrix .ranges .ranges-cell{padding: 1.2rem 0 2rem;  }
.foundation-wrapper .matrix .ranges .ranges-title{font-size: 1rem;    min-height: 24px; color: var(--BlackColor); font-weight: 600; text-align: center;margin-bottom: 0.5rem;}
.foundation-wrapper .matrix .cells-row { display: flex; justify-content: space-between; }
.foundation-wrapper .matrix .cells-row .cell{width: 100%;font-size: 1rem;    border: solid 1px #0000000f;   color: var(--BlackColor); font-weight: 400; position: relative; padding: 2rem 0; display: flex; align-items: center; justify-content: center;  text-align: center;}
.foundation-wrapper .matrix .cells-row .cell:before { content: ""; position: absolute; inset: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC'); background-repeat: repeat; opacity: .08; pointer-events: none; }
.foundation-wrapper .matrix .cells-row .cell.top-border:after {right:-2px; content: ''; position: absolute; bottom: 0; height: 250%; width: 1px; background: linear-gradient(45deg, #000000ab, transparent);}
.foundation-wrapper .matrix .cells-row .cell.top-bottom:after {bottom: unset; top: 0; right:-3px;content: ''; position: absolute;height: 250%; width: 1px; background: linear-gradient(180deg, #000000ab, transparent);}
/* .foundation-wrapper .inst .cells-row .top-bottom::after{} */

.foundation-wrapper .phys { background-color:#FF950014; border: solid 1px #FF9500; }     
.foundation-wrapper .dhard { background-color:#247DC612; border: solid 1px #247DC6; }     
.foundation-wrapper .inst { background-color: #00892912; border: solid 1px #008929; }      
.foundation-wrapper .eco { background-color: #FFC30012; border: solid 1px #FFC300;}
.foundation-wrapper  .timeline-top-labels { display: flex; gap: 1rem; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; }
.foundation-wrapper  .tl-item { flex: 1 1 0; min-width: 6rem; text-align: center; padding: 0 0.5rem; } 
.foundation-wrapper  .tl-item .eagles-icon{margin-top: 2rem;} 
.foundation-wrapper  .tl-title { font-size: 1rem;  font-weight: 600; color: var(--BlackColor); margin-bottom: 0.4rem; line-height: 1.4; }
.foundation-wrapper  .tl-sub { font-size: 0.75rem;  color: #7F7F7F; line-height: 1.5; margin-bottom: 0; }
.foundation-wrapper  .tl-sub.large{ font-size: 0.95rem; margin-bottom: 0.5rem; }
.foundation-wrapper  .timeline-track { display: flex; align-items: center; background-image: repeating-linear-gradient(135deg, #D6D6D6 0 1px, #d6d6d629 1px 7px); border-radius: 0.65rem; border: 1px solid #e9ecef; margin: 5rem 0 6rem; }
.foundation-wrapper  .tl-item.life-item .tl-title{color: var(--PrimaryColor); } 
.foundation-wrapper  .tl-item.life-item .tl-sub.large{color: var(--PrimaryColor);}
.foundation-wrapper  .tl-item.life-item {position: relative;top: 47px; }
.foundation-wrapper .legend { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; font-size: 12px; color: var(--BlackColor); font-weight: 500; margin-top: 2rem; }
.foundation-wrapper .legend .dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 6px; }
.foundation-wrapper .legend .dot.phys { background: #f49b2e; }
.foundation-wrapper .legend .dot.dhard { background: #2fa8ff; }
.foundation-wrapper .legend .dot.inst { background: #3bbf64; }
.foundation-wrapper .legend .dot.eco { background: #ffd34d; }
.foundation-wrapper .timeline-bottom-section{ width: 100%; max-width: 84%; margin: auto;}




.animated-text {   font-kerning: none;} 
/* .gsap-heading { display:flex; flex-wrap: wrap; flex-direction:column; align-items: center; }
.gsap-heading .maskOut { display: inline-block; line-height: 1; }
.gsap-heading .mask { overflow: hidden; display: inline-block; width: fit-content; }
.gsap-heading .mask div { display: inline-block; will-change: transform, opacity; }
.gsap-heading .thin { font-weight: 400; }
.gsap-heading .strong { font-weight: 600; }
.gsap-heading .mask div { opacity: 1; } */
.gsap-heading {
  width: 100%; max-width: 90%; margin: auto;
    display: flex;
    align-items: center; justify-content: center;
    gap: 10px;
    overflow: hidden;    padding-right: 13%;
}

.gsap-heading .animated-words {
    position: relative;
   height: 1.2em;

}




.gsap-heading .word {
    position: absolute;
    left: 0;
    top: 0;
  font-weight: 600;    white-space: nowrap;
    will-change: transform, opacity;
}

.animate-icon{ will-change: transform; }

.fade-heading-animation .word { display: inline-block; white-space: nowrap; }
.fade-heading-animation .word:empty{display: none;}


/* login page css */
.login-banner{padding: 4rem 0 0;}
.login-banner .same-title :is( h2, p) { color: var(--BlackColor); }
.login-banner .scan-mobile-box{ background: url(../images/mobile-border.png) no-repeat center top; background-size: 100%; padding: 8rem 1rem 2.8rem; width: 100%; max-width: 31rem; margin: auto; text-align: center;}

.login-banner .scan-mobile-box{ background: url(../images/mobile-border.png) no-repeat center top; background-size: 100%; padding: 5rem 1rem 1.8rem; width: 100%; max-width: 19rem; margin: auto; text-align: center;}
.login-banner .scan-mobile-box p{font-size: 16px; color: var(--blackColor); font-weight: 300; line-height: 1.6; text-transform: uppercase;} 
.login-banner .scan-mobile-box p strong{font-weight: 600;} 
.login-banner .barcode{ width: 100%; max-width: 12rem; margin: 1rem auto 0; position: relative; padding: 10px;} 
.login-banner .barcode img { opacity: 0.3;border-radius: 15px; }
.login-banner .barcode .btn { line-height: normal; text-align: center; justify-content: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; border-radius: 10px; padding: 5px 27px; font-size: 14px; background: #D9D9D9; border: solid 1px #D9D9D9; font-weight: 600; color: #000; line-height: normal; } 


.login-decentralized-box {padding: 10px 0; border-top: solid 1px #00000036; border-bottom: solid 1px #00000036;}
.login-decentralized-box .decentralized-box{display: flex; align-items: center; }
.login-decentralized-box .decentralized-box p{margin-bottom: 0;}
.login-decentralized-box .digital-store-btn{margin-top: 0;    padding-left: 30px;}
.login-decentralized-box .digital-store-btn .btn-box{padding: 0;}
.login-decentralized-box .digital-store-btn .btn-box:last-child{border: 0;}
.login-decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a { width: 100%; max-width: 290px; margin: 0 auto; background: var(--WhiteColor); color: var(--BlackColor); } 

.login-decentralized-box .digital-store-btn {display: flex; flex-wrap: wrap;} 
.login-decentralized-box .digital-store-btn :is(.downloadapps-btn-list ,.buy-phone-list){  display: flex;     gap: 2rem;}  
.login-decentralized-box .digital-store-btn.store-full-btn{max-width: 840px; margin: 4rem auto 0;}
.login-decentralized-box .digital-store-btn .text-note{font-size: 14px; color: #000;    font-weight: 500;margin-top: 2.6rem;}
.login-decentralized-box .digital-store-btn a { font-size: 14px; 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:9px 10px;  text-align: left; transition: all .2s ease; min-width: max-content;}

.login-decentralized-box .digital-store-btn a .left-icon { width: 30px; text-align: center; margin-right: 10px;}
.login-decentralized-box .digital-store-btn a .light-title { font-weight: 400; font-size: 10px; display: block;  text-transform: uppercase;}
.login-decentralized-box .digital-store-btn .gray-bg{background: #52525b; border-color: #52525b; text-align: center;}
.login-decentralized-box .digital-store-btn .gray-bg:hover{background: #fff; border-color: #52525b;color: #52525b; text-align: center; box-shadow: none!important; transform: inherit;}
.login-decentralized-box .digital-store-btn a:hover{transform: translateY(-5px);}

.loginThreeStepswrapper .same-title{margin-bottom: 10rem;}
.loginThreeStepswrapper .same-title h2{color: var(--BlackColor);}
.loginThreeStepswrapper .step-cardbx{text-align: center;}
.loginThreeStepswrapper .step-cardbx .imgBx{ min-height: 450px; position: relative; width: 100%; max-width: 80%; margin: auto;}
.loginThreeStepswrapper .step-cardbx .imgBx:after { position: absolute; left: 64%; top: 40%; transform: translateY(-50%); content: ''; background: url(../images/login-border-right.png)no-repeat; width: 100%; height: 10px; background-position: center center; background-size: 40%; } 
.loginThreeStepswrapper .col-lg-4:last-child .step-cardbx .imgBx:after {display: none;}
.loginThreeStepswrapper .step-cardbx h3{color:var(--BlackColor);  font-size: 1.2rem;}




/* Digital Citizenship Section */
.digital-citizenship-steprow .col { flex: 0 0 20%; max-width: 20%; padding: 0.1875rem; /* 3px */ }
.digital-citizenship-steprow .stepbluebx { height: 100%; background: #2296CF; padding: 1.875rem 1.25rem; /* 3rem 2rem */ text-align: center; } 
.digital-citizenship-steprow .stepbluebx h3, .member-your-plan-wrapper .stepbluebx h3 { font-weight: 500; font-size: 1.5rem; /* 2.4rem */ line-height: 1.4; color: var(--WhiteColor); min-height: 4.1875rem; /* 67px */ } 
.digital-citizenship-steprow .stepbluebx p, .member-your-plan-wrapper .stepbluebx p { font-weight: 400; font-size: 1rem; /* 16px */ color: var(--WhiteColor); }
.digital-citizenship-steprow .stepbluebx .icon-box, .member-your-plan-wrapper .stepbluebx .icon-box { min-height: 4rem; /* 120px */ display: flex; align-items: center; justify-content: center; width: 100%; max-width: 3rem; /* 100px */ margin: auto; }

/* Gradient/Color Variations */
.digital-citizenship-steprow .col:nth-child(2) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(2) { background: #32AAE6; }
.digital-citizenship-steprow .col:nth-child(3) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(3) { background: #3FBCF9; }
.digital-citizenship-steprow .col:nth-child(4) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(4) { background: #5AC8FF; }
.digital-citizenship-steprow .col:nth-child(5) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(5) { background: #75D1FF; }
.digital-citizenship-steprow .col:nth-child(6) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(6) { background: #75D1FF; }
.digital-citizenship-steprow .col:nth-child(7) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(7) { background: #5AC8FF; }
.digital-citizenship-steprow .col:nth-child(8) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(8) { background: #3FBBF9; }

.digital-citizenship-steprow .col:nth-child(9) .stepbluebx,
.member-your-plan-wrapper .stepbluebx:nth-child(9) { background: #32AAE5; }




/* digital Membership */
.member-your-plan-wrapper { margin-bottom: 10.625rem; } /* 17rem */
.member-your-plan-wrapper .member-your-plan { display: flex; overflow-x: hidden; }
.member-your-plan-wrapper .plan-blank { height: 14.375rem; } /* 230px */
.member-your-plan-wrapper .plan-details-th { text-align: center; padding: 1.25rem 0.625rem; /* 2rem 1rem */ height: 14.375rem; /* 230px */ display: flex; flex-direction: column; justify-content: center; }
.member-your-plan-wrapper .plan-details-th h3 { font-size: 1.2rem; color: var(--BlackColor); font-weight: 600; margin-bottom: 0.2rem; margin-top: 1rem;}
.member-your-plan-wrapper .member-your-plan .flex-col { flex: 1 0; }
.member-your-plan-wrapper .member-left-plan { max-width: 15.625rem; } /* 250px */
.member-your-plan-wrapper .member-right-plan { background: #FBFBFB; border: 0.0625rem solid #E4E4E4; border-radius: 0.625rem; /* 10px */ }
.member-your-plan-wrapper .member-right-plan .img-bx img { width: auto; margin: auto; } .member-your-plan-wrapper .stepbluebx { background: #2296CF; padding: 1.25rem; /* 2rem */ text-align: center; }
.member-your-plan-wrapper .plan-details-td { color: var(--BlackColor); border: 0.0625rem solid #E4E4E4; border-bottom: 0; border-right: 0; font-size: 1rem; /* 18px */ position: relative; height: 3.88rem; /* 74px */ display: flex; align-items: center; padding: 0.625rem; /* 1rem */ justify-content: center; }
.member-your-plan-wrapper .owl-item:nth-child(1) .plan-details-td { justify-content: left; }
.member-your-plan-wrapper .owl-dots { position: absolute; bottom: -3.75rem; } /* 60px */
.member-your-plan-wrapper .owl-dots span { width: 0.5625rem; /* 9px */ height: 0.5625rem; /* 9px */ border-radius: 100%; margin: 0 0.25rem; /* 4px */ display: inline-block; background: transparent; border: 0.0625rem solid #C1C1C1; }
.member-your-plan-wrapper .owl-dots .owl-dot.active span { background: var(--PrimaryColor); border-color: var(--PrimaryColor); } 


/* digital Nations */
/* .nation-banner-section .banner-text h1{color:var(--WhiteColor)} */


.nation-home-section .country-list{ display: flex ; flex-wrap: wrap; gap: 0.7rem;}
.nation-home-section .phase-list-wrap .phase-box{margin-bottom: 2rem;}
.nation-home-section .phase-list-wrap p{ font-weight: 500; font-size: 1rem; color: var(--BlackColor);}
.nation-home-section .country-list li a{ max-width: 2.4rem; display: inline-block;}



.monsh-table-wrapper {position: relative;width: 100%; max-width: 1300px; margin: 0 auto; padding-right: 50px; background: #fff; }
.monsh-table-wrapper.fullWidth-tablecontent {max-width: 100%; ;}
.monsh-table-wrapper .inner-table-data{font-size: 14px; color: #7D7D7D;  font-weight: 400;}
.monsh-table-wrapper .inner-table-data :is(th,td){border: 0;  vertical-align: middle; }
.monsh-table-wrapper .inner-table-data thead td{  writing-mode: vertical-rl; transform:scale(-1); text-align: left;}
.monsh-table-wrapper .inner-table-data td{ vertical-align: middle; text-align: center; font-size: 14px; color: #7D7D7D;  font-weight: 400; }
.monsh-table-wrapper .inner-table-data td:last-child{border-right: solid 1px #C6C6C6;}
.monsh-table-wrapper .inner-table-data th:not(:empty){text-align: center; border: 0; background: var(--WhiteColor); color: #7D7D7D; border: solid 1px #C6C6C6; font-weight: 600;}
.monsh-table-wrapper .expend-click{writing-mode: vertical-rl; background: var(--WhiteColor); padding: 10px; transform: scale(-1); font-size: 20px; color:var(--PrimaryColor); font-weight: 600; position: absolute; right:0; height: 100%; top: 0; text-align: center; text-transform: uppercase; bottom: 0; cursor: pointer;}
.monsh-table-wrapper .tabletitle-bx{border-right: 1px solid #C6C6C6 !important; white-space: pre;}
.monsh-table-wrapper .default-hide{display: none;}
/* .monsh-table-wrapper .table>:not(:last-child)>:last-child>*{border-bottom-color: transparent;} */
.monsh-table-wrapper .table>:not(caption)>*>* { background: inherit; } 
.monsh-table-wrapper .inner-table-data{margin-bottom: 0;}

.date-price-section .table {border: solid 1px #d6d6d6; margin-bottom: 0;}
.date-price-section .table thead{background: var(--PrimaryColor); }
.date-price-section .table th{border: 0; text-align:center; font-size: 18px; font-weight: 500; color: var(--whiteColor); padding: 10px;}
.date-price-section .table td{ font-size: 18px;text-align:center; font-weight: 500; border: solid 1px #d6d6d6; color: #4A4A4A;padding: 10px; vertical-align: middle;}
.date-price-section .event-date{font-size: 16px; color: #4A4A4A; text-align: left;}
.date-price-section .event-date + .event-date{margin-top: 1rem; position: relative;}
.date-price-section .event-date + .event-date:before{width: 15px; height: 2px; content: ''; position: absolute; left: 0; top: -6px; background: #4A4A4A;}
.date-price-section .price .icon-clear{display: inline-block; padding-right: 7px; width: 100%; max-width: 30px;}
.date-price-section .sold-out{color:#808080}

.training-video-bx .date { font-size: 1rem; color: #000; font-weight: 400; line-height: 1.4;}






.hope-full-video { width: 100%; overflow: hidden; background: #000; }
.hope-full-video .video-wrapper { position: relative; width: 100%; }
.hope-full-video .video-wrapper .video-el{width: 100%;     display: block;}
.hope-full-video .video-wrapper .video-controls { position: absolute; right: 1rem; bottom: 1rem; display: flex; gap: 0.7rem; z-index: 20; }
.hope-full-video .video-wrapper .control-btn { background: rgba(0,0,0,0.45); border: none; width: 45px; height: 45px; color: #fff; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.hope-full-video .video-wrapper  .control-btn svg { width: 22px; height: 22px; }
.hope-full-video .video-wrapper .hidden { display: none; }
/* .border-card{ border: solid 1px #CCCCCC; border-radius: 10px; padding: 1.5rem 1rem;  transition: all .2s ease;}
.border-card h3{ font-size: 1.2rem; color: var(--BlackColor); font-weight: 600;}
.border-card p{ color: #555555; font-size: 0.9rem; margin-bottom: 0;}

 */

.half-line-border-section{border-top: solid 1px #e4e4e7; border-bottom: solid 1px #e4e4e7; position: relative;}
.half-line-border-section .container{position: relative; z-index: 2;}
.half-line-border-section:after{position: absolute; left: 50%; top: 0; height:100%; background:  #e4e4e7; width: 1px;  content: '';}
.half-line-border-section .layer-img{width: 50%; height: 100%;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZSURBVHgBxcghAQAAAIMw+pf+C+CZHLilebfsBfsvTewEAAAAAElFTkSuQmCC"); background-repeat: repeat;    opacity: .04; position: absolute; left:0; top:0; }
.half-line-border-section .layer-img.right-align-layer{right: 0;left: unset;}



.gradient-img-section{position: relative;}
.gradient-img-section:before { position: absolute; right: 0; top: 0; content: ''; background: linear-gradient(to left, #ffffff, transparent); height: 100%; width: 30%; }
.gradient-img-section::after { position: absolute; right: 0; bottom: 0; content: ''; background: linear-gradient(to top, #ffffff, transparent); height: 30%; width: 100%; }





.video-grid .filter-video{display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem;}
.video-grid .filter-video .video-results-title{font-size: 0.9rem; font-weight: 600; color: var(--BlackColor);}
.video-grid .filter-video .video-results-title p{margin-bottom: 0;}
.video-grid .filter-video .sortListBx{display: flex; align-items: center; gap:1rem;}
.video-grid .filter-video .sortListBx p{font-size: 0.9rem; color: #7D7D7D; font-weight: 500; margin-bottom: 0;    white-space: pre;}
.video-grid .filter-video .date-sort{display: flex; align-items: center; gap:0.5rem;}



.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: 1.4rem; color: #282828; font-weight: 600;line-height: normal; }
.profile-detail-wrapper .profile-detail-left .profile-content p{font-size:1rem; color: #282828; font-weight: 500; line-height: normal;     word-break: break-all; } 


.profile-detail-wrapper .right-profilebarcode {width:100%; max-width: 160px; margin:0 auto; text-align: center;}
.profile-detail-wrapper .right-profilebarcode .barcode-img{width:100%; max-width: 160px; height: 160px; border-radius: 10px; overflow: hidden; position: relative;    margin: 0 auto 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 .barcode-img .lock-icon svg{width: 2rem; height: 2rem;}

.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: 1rem; 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: 4rem 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(--BlackColor);margin: 0 0 0.5rem;}
.profile-tab-wrapper .certificate-card .certificate-lock svg{width: 2rem; height: 2rem;}
.profile-tab-wrapper :is(.certificate-card, .tabcard-box ) p{font-size: 1rem; color: #747474; text-transform: uppercase; font-weight: 600; line-height: normal; }
.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;}


.video-copyright-section p{font-size: 0.8rem;}
.video-copyright-section h4{font-size: 0.9rem;color: #3B3B3B;font-weight: 600;}
.video-copyright-section ul{list-style: disc;     margin-left: 1rem; margin-bottom: 1rem;}
.video-copyright-section ul li{font-size: 0.8rem;color: #3B3B3B; font-weight: 400;     padding: 0.2rem 0;}
.video-copyright-section p a{color: var(--PrimaryColor);}


.right-hold-wrap .check-icon-list li {    color: #5B5B5B;font-size: 0.95rem;padding: 0.4rem 0rem 0.4rem 2rem;position: relative;}
.right-hold-wrap .check-icon-list li .check-icon{     color: #0A9621;  position: absolute;left: 0; top: 0.4rem;}
.right-hold-wrap .check-icon-list li .check-icon svg{    width: 1.5rem; height: 1.5rem;}

.Downloads{    background: #f6f6f6;}
.Downloads__hero {
	background: var(--PrimaryColor);
	padding: 6.25rem 0;
	color: #fff;
	position: relative;
	overflow: hidden
}

.Downloads__hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 1
}

.Downloads__hero__content {
	position: relative;
	z-index: 2
}

.Downloads__hero__title {
	font-size: 3rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
	line-height: 1.2;    color: #fff;
}

.Downloads__hero__subtitle {
	font-size: 1rem;
	opacity: .9;
	line-height: 1.5;    color: #fff;
}

.Downloads__content {
	padding: 5rem 0
}

.Downloads__section {
	margin-bottom: 5rem
}

.Downloads__section:last-child {
	margin-bottom: 0
}

.Downloads__section__header {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	gap: 1rem
}

.Downloads__section__icon {
	width: 2rem;
	height: 2rem;
	object-fit: contain
}

.Downloads__section__title {
	font-size: 2rem;
	font-weight: 600;
	color: var(--blackColor);
	margin: 0
}

.Downloads__section__subtitle {
	font-size: 1.6rem;
	font-weight: 300;
	text-align: left;
	margin: 2rem 0;
	color: var(--blackColor);
	position: relative;
	padding: .5rem 0 .5em 2.5rem
}

.Downloads__section__subtitle::before {
	content: "";
	position: absolute;
	top: 47%;
	left: 0;
	height: 1px;
	width: 2.2rem;
	background: #000;
	z-index: 1
}

.Downloads__section__subtitle::after {
	content: attr(data-text);
	position: relative;
	background: #f6f6f6;
	z-index: 2;
	display: inline-block
}

.Downloads__subsection {
	margin-bottom: 4rem
}

.Downloads__subsection:last-child {
	margin-bottom: 0
}

.Downloads__subsection__title {
	font-size: 1.75rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2rem;
	color: var(--blackColor);
	position: relative;
	padding: 1rem 0
}

.Downloads__subsection__title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2.5rem;
	height: .125rem;
	background: var(--PrimaryColor);
	border-radius: .0625rem
}

.Downloads__separator {
	text-align: center;
	margin: 3rem 0;
	padding: 0 1rem
}

.Downloads__separator__text {
	font-size: 1rem;
	font-weight: 600;
	color: var(--PrimaryColor);
	text-transform: uppercase;
	letter-spacing: .025rem;
	white-space: nowrap
}

.Downloads__app-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}

.Downloads__app-card__content-wrapper {
	background: #fff;
	border-radius: .75rem;
	padding: 1.5rem;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1);
	transition: all .3s ease;
	border: .0625rem solid #e5e7eb;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%
}

.Downloads__app-card__content-wrapper:hover {
	transform: translateY(-0.25rem);
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15)
}

.Downloads__app-card__content-wrapper--unavailable:hover {
	transform: none;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1)
}

.Downloads__app-card__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1.5rem;
	flex: 1
}

.Downloads__app-card__icon {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	flex-shrink: 0
}

.Downloads__app-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.Downloads__app-card__icon img[src*=apple-icon],
.Downloads__app-card__icon img[src*=clear-app-store],
.Downloads__app-card__icon img[src*=play-store-icon] {
	filter: brightness(0.7) contrast(1.2)
}

.Downloads__app-card__icon--placeholder {
	background: #e5e7eb;
	border: 1px solid #d1d5db
}

.Downloads__app-card__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.Downloads__app-card__name {
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--blackColor);
	margin-bottom: .5rem;
	line-height: 1.3
}

.Downloads__app-card__description {
	font-size: .875rem;
	color: #6b7280;
	line-height: 1.4;
	margin: 0 0 1rem 0
}

.Downloads__app-card__action {
	text-align: center;
	width: 100%
}

.Downloads__app-card__availability {
	font-size: .875rem;
	color: var(--PrimaryColor);
	margin-bottom: .5rem;
	font-weight: 600
}

.Downloads .download-with-login-btn {
	display: flex;
	align-items: center;
	gap: .5rem
}

.Downloads__download-btn {
	background: #fff;
	color: var(--PrimaryColor);
	border: 1px solid var(--PrimaryColor);
	padding: .5rem 1rem;
	border-radius: .25rem;
	font-size: .875rem;
	font-weight: 500;
	cursor: pointer;
	transition: all .3s ease;
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: center
}

.Downloads__download-btn:hover {
	background: var(--PrimaryColor);
	color: #fff
}

.Downloads__download-btn:active {
	transform: translateY(0)
}

.Downloads__download-btn:focus {
	outline: none;
	box-shadow: 0 0 0 .1875rem var(--PrimaryColorTransparent)
}

.Downloads__download-btn--disabled {
	background: #d6d6d6;
	color: #555;
	border: 1px solid #d6d6d6;
	cursor: not-allowed;
	pointer-events: none
}

.Downloads__download-btn--disabled:hover {
	background: #fff;
	color: var(--PrimaryColor);
	transform: none;
	box-shadow: none
}

.Downloads__download-btn--disabled:focus {
	box-shadow: none
}

.Downloads__login-btn {
	background: #fff;
	color: var(--PrimaryColor);
	border: 1px solid var(--PrimaryColor);
	padding: .5rem 1rem;
	border-radius: .25rem;
	font-size: .875rem;
	font-weight: 500;
	cursor: pointer;
	transition: all .3s ease;
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: center
}

.Downloads__login-btn:hover {
	background: var(--PrimaryColor);
	color: #fff
}

.Downloads__login-btn:active {
	transform: translateY(0)
}

.Downloads__login-btn:focus {
	outline: none;
	box-shadow: 0 0 0 .1875rem var(--PrimaryColorTransparent)
}

.Downloads__login-btn--disabled {
	background: #d6d6d6;
	color: #555;
	border: 1px solid #d6d6d6;
	cursor: not-allowed;
	pointer-events: none
}

.Downloads__login-btn--disabled:hover {
	background: #fff;
	color: var(--PrimaryColor);
	transform: none;
	box-shadow: none
}

.Downloads__login-btn--disabled:focus {
	box-shadow: none
}

.Downloads__status {
	display: inline-block;
	font-size: .9rem;
	font-weight: 600;
	padding: .12rem .8rem;
	border-radius: 50px;
	margin-top: 6px
}

.Downloads__status--in-review {
	background-color: #e0e0e0;
	color: #555
}

.Downloads__status--live {
	background-color: #28a745;
	color: #fff
}

.Downloads__featured {
	padding: 5rem 0;
	background: #fff
}

.Downloads__featured .Downloads__featured__title {
	font-size: 2rem;
	font-weight: 600;
	color: var(--blackColor);
	margin: 0 0 3rem;
	text-align: center
}

.Downloads__featured .download-platform-card {
	background: #fff;
	border-radius: .75rem;
	padding: 1.5rem;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1);
	transition: all .3s ease;
	border: .0625rem solid #e5e7eb;
	text-align: center;
	height: 100%
}

.Downloads__featured .iconbx {
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1rem;
	border-radius: 50%;
	background: #f6f6f6;
	display: flex;
	align-items: center;
	justify-content: center
}

.Downloads__featured .iconbx img {
	width: 100%;
	max-width: 39%
}

.Downloads__featured h3 {
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--blackColor);
	margin-bottom: 1rem;
	line-height: 1.3
}

.Downloads__featured .btn-disable {
	background: #d6d6d6;
	color: #555;
	border: 1px solid #d6d6d6;
	cursor: not-allowed;
	pointer-events: none;
	font-size: .9rem;
	padding: .5rem .9375rem;
	border-radius: 10px;
	font-weight: 400
}


/* Wrapper */
.dw-cookie-wrapper {
    /* position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #ffffff;
    box-shadow: 0 -0.3125rem 1.25rem rgba(0,0,0,0.1);
    padding: 1.25rem 2.5rem;  */



   position: fixed;
    box-sizing: border-box;
    z-index: 2147483647;
    background-color: #fff;
    opacity: 1;
    display: block;
    transform: translateY(0px);
    bottom: 0px;
    right: 0px;
    max-width: 320px;
    width: calc(100% - 20px);    
    box-shadow: 0 -0.3125rem 1.25rem rgba(0,0,0,0.1);
    transition: opacity 0.3s, transform, top, left, right, bottom, max-width, width;
    margin: 1rem;
    border-radius: 10px;
    padding: 2rem;



}

/* Inner layout */
.dw-cookie-card {
    max-width: 75rem; /* 1200px */
    margin: auto;
    display: flex; 
    align-items: center;
   flex-direction: column;
    gap: 1rem; 
}

/* Text */
.dw-cookie-text h4 {
  font-size: 1.2rem;
    color: var(--BlackColor);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.dw-cookie-text p {
      color: #555555;
    font-size: 0.9rem; line-height:1.6 ;
    margin-bottom: 0.5rem;
}

.dw-cookie-text a {
    color: var(--PrimaryColor);
    font-weight: 500;
    text-decoration: none;
}

.dw-cookie-wrapper .dw-cookie-actions .btn{    font-size: 0.9rem;}
/* Buttons */
.dw-cookie-actions {
display: flex;
    gap: 0.75rem;
    flex-direction: column;
    width: 100%;
}

.dw-btn {
    padding: 0.625rem 1.375rem; /* 10px 22px */
    border-radius: 0.625rem; /* 10px */
    border: none;
    font-size: 0.875rem; /* 14px */
    cursor: pointer;
    transition: 0.3s ease;
    white-space: nowrap; text-align: center;
}

/* Button styles */
/* .dw-accept {
    background: var(--PrimaryColor);
    color: #ffffff;
}

.dw-reject {
    background: #e5e7eb;
    color: #333;
}

.dw-btn:hover {
    opacity: 0.9;
} */

/* ========================= */
/* MOBILE VERSION */
/* ========================= */

.static-pages-outer .same-heading h2{    font-size: 2rem;}
.static-pages-outer .same-heading h3{    font-size: 1.4rem;}
.legal-highlight {
  background: #f5f9ff;
  padding: 1.2rem;
  border-left: 4px solid var(--PrimaryColor);
  margin: 1rem 0 1.5rem;
}
.legal-highlight p{margin-bottom: 0;}





.hope-full-video .video-thumbnail {
  position: relative;
  cursor: pointer;
}

.hope-full-video .video-thumbnail img {
  width: 100%;
  display: block;
  /* border-radius: 10px; */
}
/* .hope-full-video  .video-thumbnail::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.1);

} */

.hope-full-video  .play-btn {
  position: relative;

  width: 4rem;
  height: 4rem;
  background: var(--PrimaryColor);  color: var(--WhiteColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.hope-full-video .play-btn::before,
.hope-full-video .play-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
   background: rgb(89 157 212);
  animation: ripple 2s infinite;
  z-index: -1;
}
.hope-full-video .video-text {
  margin-top: 1rem;
  color: var(--WhiteColor);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.hope-full-video .video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;    flex-direction: column
}


.hope-full-video  .play-btn svg {
  color: var(--WhiteColor);
  width: 1.5rem;
  height: 1.5rem;
}





@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  70% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}




.validation-result-table table { width: 100%; padding: 1.5rem 2rem 0 2rem; border-radius: 10px; box-shadow: 0 0 50px 0px rgb(0 0 0 / 10%); background: #fff; }
.validation-result-table table  td { padding: 1rem; font-size: 1rem;    color: #000000; white-space: break-spaces;    font-weight: 500; }
.validation-result-table table tr:nth-child(even) { background-color: #F2F2F2; }







/* ============================================================
   LIFE STACK DOCS
   ============================================================ */
   .sec{padding: 1rem 0;}
   
.docs-hero{background:#EEF7FE;padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,3.75rem);border-bottom:0.0625rem solid #247DC64D}
.docs-hero .kick{display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--PrimaryColor);
    background: transparent;
    border: 0.0625rem solid var(--PrimaryColor);
    border-radius: 62.4375rem;
    padding: 0.35rem 0.9rem;
    margin-bottom: 1.25rem;}
.docs-hero h1{    color: var(--BlackColor);
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 115%;
    margin-bottom: 1rem;}
.docs-hero p{    color: #3B3B3B;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;     max-width: 52rem;}
.docs-hero p a:not(.btn){color: var(--PrimaryColor);}

.docs-hero .docs-content{    width: 100%;
    max-width: 70%;
    margin: 0 auto; }

.docs-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.docs-stats .st{display:flex; flex-direction: column; background:#fff;
  border:0.0625rem solid #247DC64D;border-radius:1.25rem;padding:1rem; min-width: 9.375rem;}
.docs-stats .st b{font-size:1.5rem; color:var(--PrimaryColor);font-weight:700;line-height:1.2; margin-bottom: 0.3rem;}
.docs-stats .st span{font-size:0.9rem;color:#727272;font-weight:400}



.docs-shell{display:grid;grid-template-columns:16.625rem minmax(0,1fr);align-items:start;border-top:0}
.docs-side{position:sticky;top:4.5rem;align-self:start;max-height:calc(100vh - 4.5rem); overflow:auto;padding:2.125rem 0rem 3.75rem;border-right:0.0625rem solid #247DC64D;background:#fff;  /* Hide scrollbar */
      /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #4f59686b #f6f6f6;
  }
/* Chrome, Safari, Edge */
.docs-side::-webkit-scrollbar {
    width: 1px;
}

.docs-side::-webkit-scrollbar-track {
    background: #f6f6f6;
}

.docs-side::-webkit-scrollbar-thumb {
    background: #4f59686b;
    border-radius: 10px;
}
.docs-side .grp{font-size:0.6875rem;font-weight:500;text-transform:uppercase;color:#D0D0D0; margin: 0.5rem 0 0.5rem; padding-top: 1rem;}

.docs-side a{display:flex;align-items:center;gap:0.5625rem;padding:0.4375rem 0.6875rem;border-radius:0.5625rem;font-size:0.875rem;font-weight:400;color:#686868;line-height:1.3}
.docs-side a .ln{display: none;  width:1.25rem;height:1.125rem;border-radius:0.3125rem;background:#eef4f9;color:var(--PrimaryColor);font-weight:600;font-size:0.625rem;}
.docs-side a:hover{background:#EEF7FE;color:var(--PrimaryColor)}
.docs-side a.active{background:#EEF7FE;color:var(--PrimaryColor);font-weight:600}
.docs-main{padding:2rem 3rem;max-width:100%}
.docs-main h2{font-size:clamp(1.75rem,3.3vw,2.5rem);color:#000000; font-weight: 500; line-height: 1.2; margin:0 0 0.8rem; scroll-margin-top:6.5rem}
/* .docs-main .sec{margin:0 0 4.5rem} */
.docs-main .lead{font-size:1rem;color:#707070;margin:0 0 1.625rem;line-height:1.6; font-weight: 400;}
.docs-howto{background:#EEF7FE;border-radius:0.625rem; padding:1rem;margin:1rem 0}
.docs-howto b{display:block;font-size:1rem; font-weight: 500; color:var(--PrimaryColor);margin-bottom:0.5rem}
.docs-howto p{color:#707070; width: 100%; max-width: 90%; font-size:0.9375rem;margin:0;line-height:1.6; letter-spacing: -2%;}





.flow7{display:flex; gap:0.6rem;margin:1rem 0;  }
.flow7 .step{background:#fff; border:0.0625rem solid #247DC64D; border-radius:0.625rem;padding:1rem;
    display: inline-flex; align-items: center; flex: 1 0 0%; }
.flow7 .step .n{display: none;}
.flow7 .step p{font-size:0.9rem; line-height: 1.2; color:var(--PrimaryColor);margin:0;font-weight:500}



.explorer{display:grid;grid-template-columns:.92fr 1.08fr;gap:1.375rem;align-items:start}

@media(max-width:1000px)
{
    .explorer{grid-template-columns:1fr}

}


.lstack{display:flex;flex-direction:column;gap:0.375rem}
.lrow{display:flex;align-items:center;gap:1rem;text-align:left;padding:0.5rem;border-radius:0.75rem;border:0.0625rem solid #247DC64D;background:#fff;cursor:pointer;width:100%;transition:transform .14s,border-color .14s}
.lrow:hover{transform:translateX(0.1875rem);border-color:#bcdcf6}
.lrow .n{width:1.875rem;height:1.5rem;border-radius:0.4375rem;background:#eef4f9;color:var(--PrimaryColor);font-weight:600;font-size:0.6875rem;display:grid;place-items:center;flex:0 0 auto}
.lrow .nm{font-weight:600;font-size:0.9375rem;color:var(--BlackColor);letter-spacing:-.01em}
.lrow .rl{font-size:0.71875rem;color:#707070}
.lrow .pill{margin-left:auto;font-size:0.6875rem;font-weight:500;color:#1b6eb1;background:#EEF7FE;border-radius:62.4375rem;padding:0.25rem 0.5625rem;white-space:nowrap}
.lrow[aria-selected=true]{background:var(--PrimaryColor);border-color:transparent;box-shadow:0 0.875rem 1.875rem rgba(20,126,211,.26)}
.lrow[aria-selected=true] .nm,.lrow[aria-selected=true] .rl{color:#fff}
.lrow[aria-selected=true] .n,.lrow[aria-selected=true] .pill{background:rgba(255,255,255,.22);color:#fff}
.lpanel{position:sticky;top:6.5rem;border:0.0625rem solid #247DC64D;border-radius:1.25rem;background:#fff;box-shadow:var(--shadow);padding:1rem;min-width:0}
.lpanel .pq{display:inline-block;font-size:0.78125rem;font-weight:500;color:var(--PrimaryColor);background:#EEF7FE;border-radius:62.4375rem;padding:0.3125rem 0.75rem;margin:0.25rem 0 0.875rem}
.lpanel h3{font-size:1.5rem;color:var(--BlackColor);margin:0 0 0.25rem;letter-spacing:-.02em}
.lpanel .role{font-size:0.8125rem;color:#707070;margin:0 0 1.125rem;font-weight:600}
.lpanel .caps{display:grid;gap:0.5625rem}
.lpanel .cap{border:0.0625rem solid #247DC64D;border-radius:0.75rem;padding:0.75rem 0.875rem;background:#fbfdff}
.lpanel .cap b{display:block;font-size:0.875rem;color:var(--BlackColor);font-weight:600}
.lpanel .cap span{font-size:0.78125rem;color:#5a6471;line-height:1.45}
@media(max-width:1000px){.lpanel{position:static}}



.layer-sec{border-top:0.0625rem solid #247DC64D;padding-top:2.5rem;margin-top:0.5rem;scroll-margin-top:6.5rem}
.layer-sec .lh{display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.375rem}
.layer-sec .lh .num{font-size:0.8125rem;color:var(--PrimaryColor);font-weight:600;     display: block;
    width: 100%}
.layer-sec .lh h3{font-size:1.625rem;color:var(--BlackColor);margin:0;letter-spacing:-.03em}
.layer-sec .lh .rl{font-size:0.8125rem;color:#8a97a6;font-weight:700}
.layer-sec .desc{font-size:1rem;color:#4f5968;margin:0 0 1.25rem;line-height:1.6;max-width:47.5rem}
.capgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:0.8125rem}
.capcard{border:0.0625rem solid #247DC64D;border-radius:0.875rem;background:#fff;padding:1.0625rem;transition:transform .14s,box-shadow .14s}
.capcard:hover{transform:translateY(-0.1875rem);box-shadow:0 0.875rem 1.875rem rgba(7,24,39,.09)}
.capcard .cn{font-weight:600;font-size:0.9375rem;color:var(--BlackColor);margin-bottom:0.5rem}
.capcard :is(.cn, h4){font-weight:600;font-size:0.9375rem;color:var(--BlackColor);margin-bottom:0.5rem}
.capcard :is(.cd, p){font-size:0.8125rem;color:#5a6471;line-height:1.5;margin:0 0 0.75rem}
.capcard :is(.cd, p){font-size:0.8125rem;color:#5a6471;line-height:1.5;margin:0 0 0.75rem}

/* .capcard .cd{font-size:0.8125rem;color:#5a6471;line-height:1.5;margin:0 0 0.75rem} */
.capcard .tags{display:flex;flex-wrap:wrap;gap:0.375rem}
.capcard .tags span{font-size:0.65625rem;font-weight:600;color:var(--PrimaryColor);background:#EEF7FE;border:0.0625rem solid #e4eaf0;border-radius:62.4375rem;padding:0.1875rem 0.5rem}
.layer-sec .repo{margin-top:1rem;font-size:0.8125rem;color:#6a7785}
.layer-sec .repo a{color:var(--PrimaryColor);font-weight:700}

.trust-foundation{margin:1rem 0 0.375rem;border:0.0625rem solid #bcdcf6; margin: 0.625rem 0; background:#EEF7FE;border-radius:0.875rem;padding:1rem 1.125rem}
.trust-foundation b{color:var(--PrimaryColor);font-weight:600}
.trust-foundation span{display:block;font-size:0.84375rem;color:#3a4658;margin-top:0.3125rem;line-height:1.5}

/* six principles */
.princ{display:grid;grid-template-columns:repeat(3,1fr);gap:0.875rem}
.princ .p{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.25rem;background:#fff}
.princ .p .pi{width:2.375rem;height:2.375rem;border-radius:0.6875rem;background:#EEF7FE;color:var(--PrimaryColor);display:grid;place-items:center;margin-bottom:0.8125rem}
.princ .p h4{margin:0 0 0.375rem;font-size:1rem;color:var(--BlackColor)}
.princ .p p{margin:0;font-size:0.84375rem;color:#5a6471;line-height:1.5}




.law-primary{border:0.0625rem solid #bfe0fb;border-left:0.3125rem solid var(--PrimaryColor);border-radius:1rem;background:linear-gradient(180deg,#f4fbff,#fff);padding:1.5rem 1.625rem;margin:0.375rem 0 0.875rem}
.law-primary .lt{display:inline-block;font-size:0.6875rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#fff;background:var(--PrimaryColor);border-radius:62.4375rem;padding:0.25rem 0.75rem;margin-bottom:0.625rem}
.law-primary h3{font-size:1.5rem;color:var(--ink);margin:0 0 0.5rem;letter-spacing:-.02em}
.law-primary > p{font-size:0.9375rem;color:#3a4658;line-height:1.6;margin:0 0 0.875rem;max-width:47.5rem}
.law-primary-list{margin:0;padding-left:1.125rem;display:block;gap:0.5rem;}
.law-primary-list li{font-size:0.875rem;color:#3a4658;line-height:1.5; padding: 0.2rem 0;}
.law-primary-list a{color:var(--PrimaryColor);font-weight:700}

.law-regions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0.375rem 0 0.75rem}
.region-card{border:0.0625rem solid #247DC64D;border-radius:1rem;background:#fff;padding:1.375rem;display:flex;flex-direction:column}
.region-card.first{border-color:#bfe0fb;box-shadow:0 0.875rem 2.25rem rgba(8,33,60,.06)}
.region-card.next{background:#fbfdff;border-style:dashed}
.region-card .rtag{align-self:flex-start;font-size:0.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--PrimaryColor);background:#e9f5ff;border-radius:62.4375rem;padding:0.25rem 0.6875rem;margin-bottom:0.625rem}
.region-card .rtag.open{color:#6a7785;background:#f1f5f9}
.region-card h4{font-size:1.1875rem;color:var(--ink);margin:0 0 0.5rem;letter-spacing:-.01em}
.region-card > p{font-size:0.875rem;color:#5a6471;line-height:1.55;margin:0 0 0.75rem}
.region-card .lawlist{margin:0 0 0.875rem}
.region-link{margin-top:auto;align-self:flex-start;font-size:0.84375rem;font-weight:600;color:var(--PrimaryColor);text-decoration:none}
.region-link:hover{text-decoration:underline}
.billrights{margin:0 0 0.5rem;padding-left:1.375rem;display:grid;gap:0.5625rem;max-width:51.25rem}
.billrights li{font-size:0.90625rem;color:#3a4658;line-height:1.55}
.lawmap{border:0.0625rem solid #247DC64D;border-radius:0.875rem;overflow:hidden;margin:0.25rem 0 0.625rem}
.lmrow{display:grid;grid-template-columns:1.1fr 1.2fr 1.7fr;gap:0.875rem;padding:0.8125rem 1rem;border-top:0.0625rem solid #247DC64D;font-size:0.84375rem;color:#3a4658;line-height:1.45}
.lmrow:first-child{border-top:0}
.lmrow span:first-child{font-weight:600;color:var(--PrimaryColor)}
.lmrow span:nth-child(2){font-size:0.78125rem;color:#41526a}
.lmhead{background:#EEF7FE}
.lmhead span{font-weight:800 !important;color:var(--PrimaryColor) !important;font-family:inherit !important;font-size:0.75rem !important;letter-spacing:.04em;text-transform:uppercase}
.law-free{border-left-color:var(--PrimaryColor);background:#EEF7FE}
.law-free b{color:var(--PrimaryColor)}





/* docs caps (outside the explorer panel) */
.docs-main .sec > .caps{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.875rem,1fr));gap:0.75rem;margin:0.375rem 0 0.625rem}
.docs-main .sec > .caps .cap{border:0.0625rem solid #247DC64D;border-radius:0.8125rem;padding:0.9375rem 1rem;background:#fbfdff}
.docs-main .sec > .caps .cap b{display:block;font-size:0.875rem;color:var(--BlackColor);font-weight:600;margin-bottom:0.3125rem}
.docs-main .sec > .caps .cap span{font-size:0.8125rem;color:#5a6471;line-height:1.5}

/* Digital World Identity figure */
.id-figure{margin:0 0 1.625rem;     width: 100%;
    max-width: 80%;
    margin: 2rem 0;}
.id-figure a{display:block;border:0.0625rem solid #247DC64D;border-radius:1.125rem;overflow:hidden;}
.id-figure img{display:block;width:100%;height:auto}
.id-figure figcaption{font-size:1rem;color:#6a7785;margin-top:0.75rem;line-height:1.5;max-width:47.5rem}

/* law cross-reference */
.lawcols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0.375rem 0 0.75rem}
.lawcol{border:0.0625rem solid #247DC64D;border-radius:1rem;background:#fff;padding:1.375rem}
.lawcol .lt{display:inline-block;font-size:0.6875rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--PrimaryColor);background:#EEF7FE;border-radius:62.4375rem;padding:0.25rem 0.6875rem;margin-bottom:0.625rem}
.lawcol h3{font-size:1.3125rem;color:var(--ink);margin:0 0 0.5rem;letter-spacing:-.02em}
.lawcol p{font-size:0.875rem;color:#5a6471;line-height:1.55;margin:0 0 0.75rem}
.lawlist{margin:0;padding-left:0;display:block; gap:0.5rem}
.lawlist li{font-size:0.875rem;color:#3a4658;line-height:1.5; padding: 0.2rem 0;}
.lawlist a{color:var(--PrimaryColor);font-weight:700}
.lawsub{font-size:1.3125rem;color:var(--ink);letter-spacing:-.02em;margin:1.875rem 0 0.5rem}



/* sdks */
.sdkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:0.75rem;margin-top:0.5rem}
.sdkcard{display:flex;align-items:center;gap:0.8125rem;border:0.0625rem solid #247DC64D;border-radius:0.875rem;padding:1rem 1.125rem;background:#fff;transition:border-color .14s,transform .14s}
.sdkcard:hover{border-color:#bcdcf6;transform:translateY(-0.125rem)}
.sdkcard .si{min-width:2.75rem;height:2.5rem;padding:0 0.5rem;border-radius:0.6875rem;background:var(--PrimaryColor);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:0.71875rem;letter-spacing:.02em;flex:0 0 auto}
.sdkcard b{display:block;font-size:0.90625rem;color:var(--PrimaryColor)}
.sdkcard span{font-size:0.75rem;color:#6a7785; word-break: break-all;}
.sdkcard.lang{flex-direction:column;align-items:flex-start;gap:0.75rem}
.sdkcard.lang .sdk-top{display:flex;align-items:center;gap:0.8125rem;width:100%}
.sdkcard.soon{background:#fbfdff;cursor:default}
.sdkcard.soon:hover{border-color:#247DC64D;transform:none}
.sdkcard .soon-badge{font-size:0.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6a7785;background:#f1f5f9;border-radius:62.4375rem;padding:0.1875rem 0.5rem;white-space:nowrap}
.sdkcard .view-docs{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.8125rem;font-weight:700;color:var(--PrimaryColor)}
.sdkcard .view-docs:hover{text-decoration:underline}
.repo a{color: var(--PrimaryColor);}

/* network details */
.netgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:0.75rem;margin:0.5rem 0 0.375rem}
.netitem{border:0.0625rem solid #247DC64D;border-radius:0.875rem;padding:0.9375rem 1.125rem;background:#fbfdff}
.netitem .nl{display:block;font-size:0.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6a7785;margin-bottom:0.375rem}
.netitem code{font-size:0.875rem;color:var(--PrimaryColor);font-weight:700;word-break:break-all}




/* responsive */
@media(max-width:1400px){
/* .flow7 .step{width: 16%; } */
.docs-main{max-width: 100%;}



}

@media(max-width:1080px){
.docs-shell{grid-template-columns:1fr}
.docs-side{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--hair);display:none}
.docs-main{max-width: 100%;}
.flow7{flex-wrap: wrap;}
.flow7 .step{max-width: 32%; flex: 0 0 auto;}
.docs-hero p{max-width: 100%;}
.docs-hero .docs-content{ max-width: 100%;}
}





@media(max-width: 991px) {


   .dw-cookie-wrapper {
        padding: 1rem.9375rem; /* 15px */
    }

.dw-cookie-card {
     gap: 0.5rem;
}

	.Downloads__hero {
		padding: 4rem 0
	}

	.Downloads__hero__title {
		font-size: 2.5rem
	}

	.Downloads__hero__subtitle br {
		display: none
	}

	.Downloads__content {
		padding: 3rem 0
	}

	.Downloads__section {
		margin-bottom: 3rem
	}

	.Downloads__section__title {
		font-size: 2rem
	}

	.Downloads__subsection {
		margin-bottom: 3rem
	}

	.Downloads__subsection__title {
		font-size: 1.5rem;
		margin-bottom: 1.5rem
	}

	.Downloads__separator {
		margin: 2rem 0
	}

	.Downloads__separator__text {
		font-size: .875rem;
		padding: 0 1rem
	}

	.Downloads__app-card__content {
		margin-bottom: 1rem
	}

	.Downloads__app-card__icon {
		width: 4rem;
		height: 4rem;
		margin-right: 1rem
	}

	.Downloads__app-card__icon img {
		width: 100%;
		height: 100%
	}

	.Downloads__app-card__icon img[src*=apple-icon],
	.Downloads__app-card__icon img[src*=clear-app-store],
	.Downloads__app-card__icon img[src*=play-store-icon] {
		filter: brightness(0.7) contrast(1.2)
	}

	.Downloads__app-card__name {
		font-size: 1.125rem
	}

	.Downloads__app-card__content-wrapper {
		padding: 1rem
	}

	.Downloads__section__header {
		margin-bottom: 2rem
	}

	.Downloads__section__subtitle {
		font-size: 1.4rem
	}

	.Downloads__section__subtitle::before {
		width: 1.5rem
	}

	.Downloads__section__subtitle {
		padding-left: 1.8rem;
		margin: 1.5rem 0
	}

	.Downloads__featured {
		padding: 3rem 0
	}

	.Downloads__featured .Downloads__featured__title {
		margin-bottom: 2.5rem;
		font-size: 1.75rem
	}
.hope-full-video .play-btn{width: 3rem;
    height: 3rem;}


       .princ{    grid-template-columns: repeat(2, 1fr);}
   .layer-sec .desc{font-size: 0.9rem;}
/* .flow7 .step{width: 48%;} */

.id-figure{max-width: 100%;}

}

@media(max-width: 576px) {
	.Downloads__hero {
		padding: 3rem 0
	}

	.Downloads__hero__title {
		font-size: 2rem
	}

	.Downloads__section__title {
		font-size: 1.75rem
	}

	.Downloads__section__grid {
		grid-template-columns: 1fr;
		justify-items: center
	}

	.Downloads__subsection__title {
		font-size: 1.25rem
	}

	.hope-full-video .video-thumbnail img {
		height: 280px;
		object-fit: cover;
	}
  .flow7 .step{        max-width: 47%;}
}




@media(max-width:480px){

    .docs-stats .st{width: 100%;}
  .flow7 .step{        max-width: 100%; display: flex; width: 100%;}
    .lawlist{display: block;}
    .lawlist li{padding: 0.5rem 0;}
    .law-primary{padding: 1rem;}
    .law-regions{ grid-template-columns: repeat(1, 1fr);}
    .docs-main{padding: 1rem 15px;}
    .princ{  grid-template-columns: repeat(1, 1fr);}
}

/* ============================================================
   ID-FIGURE MODAL
   ============================================================ */

/* zoom badge on hover */
.id-figure a {
  position: relative;
  display: block;
  cursor: zoom-in;
}
.id-figure-zoom {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
  background: rgba(36,125,198,0.88);
  backdrop-filter: blur(4px);
  border-radius: 999px;
  padding: 0.3rem 0.75rem;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  pointer-events: none;
}
.id-figure-zoom i { width: 0.875rem; height: 0.875rem; }
.id-figure a:hover .id-figure-zoom {
  opacity: 1;
  transform: translateY(0);
}

/* modal shell */
.id-modal-content {
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2rem 5rem rgba(0,0,0,0.5);    padding: 1rem;
}

/* modal header */
/* .id-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  background: #0d1526;
  border-bottom: 1px solid rgba(255,255,255,0.08);
} */
.id-modal-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #e8f3fd;
  letter-spacing: 0.01em;
}
.id-modal-close {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50px;
  background: var(--PrimaryColor);
  color: #fff;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  padding: 0;    position: absolute;
    right: 9px;
    top: 2px;
}
.id-modal-close:hover {
 background: var(--PrimaryColor);
  color: #fff;
}
.id-modal-close svg { width: 1rem; height: 1rem; }

/* modal body */
.id-modal-body {
  padding: 0;
  overflow: auto;
  max-height: 82vh;
  background: #0b1120;
}
.id-modal-body img {
  display: block;
  width: 100%;
  height: auto;
}

/* ============================================================
   DIGITAL ENGINEERING SPECIFICATION (DWES)
   ============================================================ */

/* --- hero (dark, layer-bg + same-heading carrying .hero-meta) --- */
/* .layer-bg:has(.hero-meta){background:#0b1120;} */
/* .layer-bg:has(.hero-meta)::before{opacity:.05;filter:invert(1);} */
.same-heading:has(.hero-meta){padding-bottom:2.75rem;}
/* .same-heading:has(.hero-meta) h2{color:#f4f8fc;} */
.same-heading:has(.hero-meta) p{max-width:52rem;}
.same-heading .tag{display:inline-block;font-size:0.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--PrimaryColor);background:transparent;border:0.0625rem solid var(--PrimaryColor);border-radius:62.4375rem;padding:0.35rem 0.9rem;margin-bottom:1.25rem}

.hero-chips{display:flex;flex-wrap:wrap;gap:0.625rem;margin:1.75rem 0 2.25rem}
.hero-chips span{font-size:0.8125rem;color:var(--PrimaryColor);background:transparent;border:0.0625rem solid var(--PrimaryColor);border-radius:62.4375rem;padding:0.4rem 0.9rem}

.hero-meta{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;border-top:0.0625rem solid rgba(255,255,255,0.12);padding-top:1.75rem;margin-top:0.25rem}
.hero-meta div{display:flex;flex-direction:column;gap:0.3rem;font-size:0.875rem;color:var(--PrimaryColor)}
.hero-meta b{font-size:0.9rem;font-weight:600;text-transform:uppercase;color:var(--BlackColor)}
.hero-meta a{color:var(--PrimaryColor);text-decoration:none}
.hero-meta a:hover{text-decoration:underline}
:is(.wrap,.hero-meta) .mono{font-size:0.85em;background:#EEF7FE;color:#1c5c96;border-radius:0.375rem;padding:0.1rem 0.4rem}
.hero-meta .mono{   color: var(--PrimaryColor);}

/* --- page shell: sticky contents nav + main column --- */
.wrap{background:#F6F9FC;padding:3.5rem 0 5.5rem}
/* .wrap .container{display:grid;grid-template-columns:16.625rem minmax(0,1fr);gap:2.5rem;align-items:start} */

.wrap .toc{position:sticky;top:6.5rem;max-height:calc(100vh - 8.5rem);overflow-y:auto;display:flex;flex-direction:column;gap:0.125rem;padding:1.5rem 1.25rem;background:#fff;border-radius:1.25rem;box-shadow:0 0.875rem 1.875rem rgba(7,24,39,.05)}
.wrap .toc strong{font-size:0.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a97a6;margin-bottom:0.625rem}
.wrap .toc a{font-size:0.84375rem;color:#3a4658;text-decoration:none;padding:0.4375rem 0.6875rem;border-radius:0.5625rem;line-height:1.3}
.wrap .toc a:hover{color:var(--PrimaryColor);background:#EEF7FE}
.wrap .toc a.active{color:var(--PrimaryColor);background:#EEF7FE;font-weight:600}

.wrap main{display:flex;flex-direction:column;gap:1.75rem;min-width:0}

/* --- panel (numbered section cards) --- */
.wrap .panel{background:#fff;border:0.0625rem solid #e3e8ef;border-radius:1.25rem;padding:2rem;scroll-margin-top:6.5rem;box-shadow:0 0.0625rem 0.125rem rgba(16,24,40,.04)}
.wrap .panel h2{display:flex;align-items:center;gap:0.875rem;font-size:clamp(1.4rem,2.2vw,1.875rem);color:var(--BlackColor);font-weight:600;margin:0 0 0.75rem;letter-spacing:-.01em}
.wrap .panel h2 .num{flex:none;display:inline-grid;place-items:center;width:2.625rem;height:2.625rem;border-radius:0.75rem;background:var(--PrimaryColor);color:#fff;font-size:0.875rem;font-weight:700}
.wrap .panel h3{font-size:1.125rem;color:var(--BlackColor);font-weight:600;margin:1.75rem 0 0.75rem}
.wrap .panel .sub{font-size:1rem;color:#5a6471;margin:0 0 1.25rem;font-weight:400}
.wrap .panel p{font-size:0.9375rem;color:#3a4658;line-height:1.7;margin:0 0 1.125rem}
.wrap .panel p:last-child{margin-bottom:0}
.wrap .panel p strong{color:var(--BlackColor)}
.wrap .panel .small{font-size:0.8125rem;color:#727272}
.wrap .panel ul,.wrap .panel ol{margin:0 0 1.125rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:0.5rem;    list-style: disc;}
.wrap .panel ul li,.wrap .panel ol li{font-size:0.9375rem;color:#3a4658;line-height:1.6}
.wrap .panel code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.85em;background:#EEF7FE;color:#1c5c96;border-radius:0.375rem;padding:0.1rem 0.4rem}
.wrap .panel pre{margin:0 0 1.25rem;padding:1.5rem;background:#0b1120;color:#cfe0f4;border-radius:1rem;overflow-x:auto;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.8125rem;line-height:1.7}
.wrap .panel pre code{background:none;color:inherit;padding:0}
.wrap .panel a:not(.btn){color: var(--PrimaryColor);}


/* dark variant panel (12-Layer LIFE Stack) */
.wrap .panel.dark{background:#0b1120;border-color:#0b1120}
.wrap .panel.dark h2{color:#f4f8fc}
.wrap .panel.dark .sub{color:#9FB6D6}
.wrap .panel.dark p{color:#c3d3e8}
.wrap .panel.dark p strong{color:#f4f8fc}
.wrap .panel.dark code{background:rgba(255,255,255,0.08);color:#cfe0f4}
.wrap .panel.dark .stack-note{margin-top:1.25rem;font-size:0.8125rem;color:#9FB6D6;line-height:1.6}

/* --- callouts --- */
.wrap .panel .callout{border:0.0625rem solid #bfe0fb;border-left:0.3125rem solid var(--PrimaryColor);border-radius:1rem;background:linear-gradient(180deg,#f4fbff,#fff);padding:1.25rem 1.5rem;margin:0 0 1.25rem;font-size:0.9375rem;color:#3a4658;line-height:1.65}
.wrap .panel .callout strong{color:var(--BlackColor);font-weight:700}
.wrap .panel .callout.gold{border-color:rgba(201,162,75,0.45);border-left-color:#C9A24B;background:linear-gradient(180deg,#fdf9f0,#fff)}
.wrap .cred-chip{display:inline-block;font-size:0.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a6a1f;background:rgba(201,162,75,0.14);border:0.0625rem solid rgba(201,162,75,0.4);border-radius:62.4375rem;padding:0.2rem 0.7rem;margin-left:0.5rem;vertical-align:middle}
.wrap .kfrag{display:inline-block;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.8125rem;background:#EEF7FE;color:#1c5c96;border-radius:0.5rem;padding:0.2rem 0.6rem;letter-spacing:.01em}

/* --- tables --- */
.wrap .panel table{width:100%;border-collapse:collapse;margin:0 0 1.25rem;font-size:0.875rem}
.wrap .panel table th,.wrap .panel table td{padding:0.75rem 1rem;text-align:left;border-bottom:0.0625rem solid #e3e8ef;line-height:1.5;vertical-align:top}
.wrap .panel table th{background:#EEF7FE;color:var(--BlackColor);font-weight:600;font-size:0.8125rem;letter-spacing:.02em;white-space:nowrap}
.wrap .panel table td{color:#3a4658}
.wrap .panel table tr:last-child td{border-bottom:none}
.wrap .panel.dark table th{background:rgba(156,196,241,0.1);color:#e8f3fd}
.wrap .panel.dark table td{color:#c3d3e8;border-bottom-color:rgba(255,255,255,0.08)}

/* --- card grids (principles, communication, vault) --- */
.wrap .grid2,.wrap .grid3{display:grid;gap:1rem;margin:0 0 1.25rem}
.wrap .grid2{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.wrap .grid3{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.wrap .grid2 .card,.wrap .grid3 .card{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.25rem 1.375rem;background:#fbfdff;font-size:0.875rem;color:#5a6471;line-height:1.6}
.wrap .grid2 .card .t,.wrap .grid3 .card .t{display:block;font-size:0.9375rem;color:var(--BlackColor);font-weight:600;margin-bottom:0.375rem}

/* --- 12-layer stack rows --- */
.wrap .stack{display:flex;flex-direction:column;gap:0.75rem;margin-top:1.5rem}
.wrap .stack .layer{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1.5rem;background:rgba(255,255,255,0.03);border:0.0625rem solid rgba(255,255,255,0.08);border-radius:1rem;padding:1rem 1.25rem;transition:background .15s}
.wrap .stack .layer:hover{background:rgba(255,255,255,0.06)}
.wrap .stack .layer .n{flex:0 0 2.75rem;font-size:1.375rem;font-weight:700;color:rgba(156,196,241,0.4)}
.wrap .stack .layer .t{flex:1 1 15rem;min-width:11rem;display:flex;flex-direction:column;gap:0.2rem}
.wrap .stack .layer .t b{font-size:0.9375rem;color:#f4f8fc;font-weight:600}
.wrap .stack .layer .t span{font-size:0.8125rem;color:#9FB6D6}
.wrap .stack .layer .chips{flex:2 1 18rem;display:flex;flex-wrap:wrap;gap:0.4rem}
.wrap .stack .layer .chips i{font-style:normal;font-size:0.6875rem;color:#cfe0f4;background:rgba(255,255,255,0.07);border:0.0625rem solid rgba(255,255,255,0.1);border-radius:62.4375rem;padding:0.2rem 0.6rem}
.wrap .stack .layer .acts{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:0.9rem}
.wrap .stack .layer .acts a{font-size:0.8125rem;color:#9CC4F1;text-decoration:none;font-weight:600}
.wrap .stack .layer .acts a:hover{text-decoration:underline}
.wrap .stack .layer .acts a.api{color:#C9A24B}

/* --- identity spine diagram --- */
.wrap .spine{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0 2rem}
.wrap .spine .root{width:100%;max-width:28rem;background:#0b1120;border-radius:1rem;padding:1.5rem 1.75rem;text-align:center;color:#e8f3fd}
.wrap .spine .root b{display:block;font-size:1.0625rem;margin-bottom:0.5rem}
.wrap .spine .root .kfrag{background:rgba(156,196,241,0.15);color:#cfe0f4;margin-top:0.625rem}
.wrap .spine .drop{width:0.0625rem;height:2rem;background:#247DC64D}
.wrap .spine .branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;width:100%;margin-top:1.5rem}
.wrap .spine .branch{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.125rem 1.25rem;background:#fbfdff;font-size:0.8125rem;color:#5a6471;line-height:1.55}
.wrap .spine .branch b{display:block;font-size:0.9375rem;color:var(--BlackColor);font-weight:600;margin-bottom:0.3rem}

/* --- onboarding flow steps --- */
.wrap .flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:0.875rem;margin:1.5rem 0 1.75rem}
.wrap .flow .box{border:0.0625rem solid #247DC64D;border-radius:1rem;padding:1.125rem;background:#fbfdff;display:flex;flex-direction:column;gap:0.4rem}
.wrap .flow .box b{font-size:0.875rem;color:var(--PrimaryColor);font-weight:700}
.wrap .flow .box span{font-size:0.8125rem;color:#5a6471;line-height:1.5}

.wrap .toc{
    scrollbar-width: thin;
    scrollbar-color: #4f59686b #f6f6f6;
  }
/* Chrome, Safari, Edge */
.wrap .toc::-webkit-scrollbar {
    width: 1px;
}

.wrap .toc::-webkit-scrollbar-track {
    background: #f6f6f6;
}

.wrap .toc::-webkit-scrollbar-thumb {
    background: #4f59686b;
    border-radius: 10px;
}


.meta-strip{padding:2rem 0;     background: #F6F9FC;}
.meta-strip .meta-card{background:#fff;border:0.0625rem solid #247DC64D;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(11,21,38,.05),0 0.5rem 1.5rem -0.75rem rgba(11,21,38,.10);display:grid;grid-template-columns:repeat(auto-fit,minmax(10.625rem,1fr));overflow:hidden}
.meta-strip .meta-cell{padding:1rem 1.25rem;border-left:0.0625rem solid #247DC64D}
.meta-strip .meta-cell:first-child{border-left:none}
.meta-strip .meta-cell .k{font-size:0.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;display:block;margin-bottom:0.3125rem}
.meta-strip .meta-cell .v{font-size:0.8125rem;font-weight:600;color:var(--BlackColor)}
.meta-strip .meta-cell .v a{color:var(--PrimaryColor);border-bottom:0.0625rem dashed #B9CDF3;text-decoration:none}
.meta-strip .meta-cell .v a.ext::after{content:"↗";font-size:0.6875rem;margin-left:0.3125rem;opacity:.65}
.meta-strip .dot{display:inline-block;width:0.4375rem;height:0.4375rem;border-radius:50%;background:var(--PrimaryColor);margin-right:0.4375rem;vertical-align:1px}
@media(max-width:37.5rem){.meta-strip .meta-card{grid-template-columns:repeat(2,1fr)}}

/* .knowledge-docs-wrap{    background: #F6F9FC;} */
/* .docs-main .sec{background:#fff;border:0.0625rem solid #247DC64D;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(11,21,38,.05),0 0.5rem 1.5rem -0.75rem rgba(11,21,38,.10);padding:1.875rem 2rem;margin-bottom:1.625rem;scroll-margin-top:6.5rem} */
.knowledge-docs-wrap .sec-head{display:flex;align-items:flex-start;gap:0.875rem;margin-bottom:0.875rem}
.knowledge-docs-wrap .badge{flex:none;width:2.125rem;height:2.125rem;border-radius:0.5625rem;background:var(--PrimaryColor);color:#fff;font-size:0.78125rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:0.125rem}
.knowledge-docs-wrap .sec h2{font-size:1.3125rem;font-weight:700;letter-spacing:-.015em;line-height:1.25;color:var(--BlackColor)}
.knowledge-docs-wrap .sec h3{font-size:0.9375rem;font-weight:700;margin:1.375rem 0 0.5rem;letter-spacing:-.01em;color:var(--BlackColor)}
.knowledge-docs-wrap .sec p{color:#565656;margin-bottom:0.625rem;font-size:0.9375rem;line-height:1.6}
.knowledge-docs-wrap .anchor-link{margin-left:auto;flex:none;font-size:0.6875rem;color:#8a8a8a;border:0.0625rem solid #247DC64D;border-radius:0.4375rem;padding:0.25rem 0.5625rem;background:#fbfdff;cursor:pointer;text-decoration:none}
.knowledge-docs-wrap .anchor-link:hover{color:var(--PrimaryColor);border-color:#bcdcf6}
.knowledge-docs-wrap #kb-search{    width: 100%;
    padding: 8px 11px;
    border: 1px solid #ebebeb;
    border-radius: 9px;
    background: #fff;
    color:var(--BlackColor);
}
.knowledge-docs-wrap #kb-search:focus{outline: none !important ; border-color: var(--PrimaryColor) !important; box-shadow: none !important;}

.knowledge-docs-wrap .xrefs{display:flex;flex-wrap:wrap;gap:0.4375rem;margin:0.25rem 0 1rem}
.knowledge-docs-wrap .chip{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.6875rem;font-weight:500;padding:0.25rem 0.625rem;border-radius:62.4375rem;border:0.0625rem solid #247DC64D;background:#fbfdff;color:#565656;text-decoration:none}
.knowledge-docs-wrap a.chip:hover,.knowledge-docs-wrap .chip.spec,.knowledge-docs-wrap .chip.sedi,.knowledge-docs-wrap .chip.layer,.knowledge-docs-wrap .chip.api{border-color:#247DC64D;background:#EEF7FE;color:var(--PrimaryColor);text-decoration:none}
.knowledge-docs-wrap .chip.ext::after{content:"↗";font-size:0.625rem;margin-left:0.125rem;opacity:.7}
.knowledge-docs-wrap .principle{border:0.0625rem solid #247DC64D;background:#EEF7FE;border-radius:0.6875rem;padding:0.875rem 1.125rem;margin:0.875rem 0 0.25rem}
.knowledge-docs-wrap .principle .p-k{font-size:0.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--PrimaryColor);display:block;margin-bottom:0.25rem}
.knowledge-docs-wrap .principle p{color:var(--BlackColor);font-weight:500;margin:0;font-size:0.875rem;max-width:none}
.knowledge-docs-wrap .tbl-wrap{overflow-x:auto;border:0.0625rem solid #247DC64D;border-radius:0.6875rem;background:#fbfdff; margin: 0.8rem 0;}
.knowledge-docs-wrap table{width:100%;border-collapse:collapse;font-size:0.8125rem;margin:0}
.knowledge-docs-wrap th{font-size:0.65625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;text-align:left;padding:0.5625rem 0.75rem;border-bottom:0.125rem solid #247DC64D;white-space:nowrap}
.knowledge-docs-wrap td{padding:0.625rem 0.75rem;border-bottom:0.0625rem solid #247DC64D;color:#565656;vertical-align:top}
.knowledge-docs-wrap tr:last-child td{border-bottom:none}
.knowledge-docs-wrap .pillgrid{display:flex;flex-wrap:wrap;gap:0.4375rem;margin:0.5rem 0 0.375rem}
.knowledge-docs-wrap .pill{font-size:0.78125rem;font-weight:500;color:#565656;background:#f6f9fc;border:0.0625rem solid #247DC64D;padding:0.3125rem 0.75rem;border-radius:62.4375rem}
/* .knowledge-docs-wrap .stack{background:#eef7fe;border:0.0625rem solid #247DC64D;border-radius:1rem;box-shadow:0 0.0625rem 0.125rem rgba(11,21,38,.05),0 0.5rem 1.5rem -0.75rem rgba(11,21,38,.10);padding:1.875rem 2rem;margin-bottom:1.625rem;scroll-margin-top:6.5rem} */
.knowledge-docs-wrap .stack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.25rem}
.knowledge-docs-wrap .stack-head h2{font-size:1.375rem;font-weight:700;letter-spacing:-.015em;color:var(--BlackColor);margin-bottom:0.375rem}
.knowledge-docs-wrap .stack-head .sub{color:#565656;font-size:0.9375rem;line-height:1.6;max-width:52rem}
.knowledge-docs-wrap .stack-head .sub a{color:var(--PrimaryColor);text-decoration:underline}
.knowledge-docs-wrap .stack-legend{display:flex;flex-wrap:wrap;gap:0.4375rem;flex:none}
.knowledge-docs-wrap #stack-rows{display:flex;flex-direction:column;gap:0.5625rem}
.knowledge-docs-wrap .lrow{display:flex;align-items:center;gap:1rem;padding:0.75rem 1rem}
.knowledge-docs-wrap .lno{flex:none;width:1.875rem;font-size:0.8125rem;font-weight:600;color:var(--PrimaryColor)}
.knowledge-docs-wrap .lname{flex:0 0 10.5rem;font-size:0.9375rem;font-weight:600;color:var(--BlackColor)}
.knowledge-docs-wrap .ldesc{flex:1 1 auto;font-size:0.8125rem;color:#707070;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.knowledge-docs-wrap .lchips{flex:none;display:flex;gap:0.375rem}
.knowledge-docs-wrap .lwrap.open .lrow{background:#EEF7FE;border-color:#bcdcf6}
.knowledge-docs-wrap .ldetail{display:none;padding:0 1.125rem 1rem}
.knowledge-docs-wrap .lwrap.open .ldetail{display:block}
.knowledge-docs-wrap .lwrap .ldetail .pillgrid{margin:0.75rem 0 0.625rem}
.knowledge-docs-wrap .lp{font-size:0.875rem;color:#565656;line-height:1.6;border-top:0.0625rem solid #247DC64D;padding-top:0.75rem}
.knowledge-docs-wrap .lp b{color:var(--BlackColor)}

* heritage stats */
.knowledge-docs-wrap .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0 6px}
.knowledge-docs-wrap .stat{border:1px solid#E4E9F1;border-radius:11px;background:#FBFCFE;padding:16px 16px 13px;text-align:left}
.knowledge-docs-wrap .stat .n{    font-weight: 600;
    font-size: 1.1rem;
    color: var(--BlackColor);
    margin-bottom: 0.5rem; display: block;}
.knowledge-docs-wrap .stat .l{font-size:11.5px;color:#67748B;line-height:1.45;display:block;margin-top:4px}
.knowledge-docs-wrap .stat.hl{background:linear-gradient(180deg,#F3F7FF,#EDF3FE);border-color:#CFE0FB}
.knowledge-docs-wrap .stat.hl .n{color:var(--PrimaryColor)}


@media(max-width:48rem){.knowledge-docs-wrap .lname{flex:0 0 8rem}.knowledge-docs-wrap .ldesc{display:none}}
@media(max-width:37.5rem){.knowledge-docs-wrap .sec,.knowledge-docs-wrap .stack{padding:1.375rem 1.125rem}}





/* --- responsive --- */
@media(max-width:1000px){
  /* .wrap .container{grid-template-columns:1fr} */
  .wrap .toc{position:static;max-height:none;flex-wrap:wrap;gap:0.375rem; margin-bottom: 1rem;}
  .wrap .toc strong{width:100%;margin-bottom:0.25rem;}
  .section-bottom-btn{flex-wrap: wrap;}
}

@media(max-width:767px){

  .hero-chips{justify-content: center;}
  .hero-meta{justify-content: center;}

}

@media(max-width:576px){
  .wrap{padding:2.5rem 0 3.5rem}
  .wrap .panel{padding:1.5rem 1.375rem}
  .wrap .panel h2{gap:0.625rem}
  .wrap .panel h2 .num{width:2.25rem;height:2.25rem;font-size:0.8125rem}
  .wrap .stack .layer{padding:0.875rem}
  .wrap .stack .layer .acts{margin-left:0}
  .hero-meta{gap:1.25rem 1.75rem}
  .digital-engineering-banner .section-bottom-btn{flex-wrap: wrap; justify-content: center;}
}