html { font-size: 62.5%; }


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

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

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

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

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

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

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


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





body { margin: 0; padding: 0;font-family: 'Plus Jakarta Sans'; font-weight: 400; overflow-x: hidden;  font-weight: normal; }
:root {
    --PrimaryColor:#002868;
    --blackColor:#000;
    --whiteColor:#fff; 
    --grayColor:#F8F6F6; 

}


a{text-decoration: none;}

p{font-size: 1.8rem; color: #181818; line-height: 1.9; font-weight: 400;}
p strong{font-weight: 600;}

ul{margin: 0; padding: 0 ;list-style: none;}
.wrapperPage{overflow:hidden ;}
.same-section{padding: 7rem 0; }
.same-title{margin-bottom: 6rem;}
.same-title h2{color: var(--PrimaryColor); font-size: 3.6rem; font-weight: 600; line-height:normal; margin: 0 0 1rem;}
.same-title h2 strong{font-weight: 600;}
.same-title h2 + p{margin-top: 2rem;}
.same-title h3{color: var(--PrimaryColor); font-size: 2.6rem; font-weight: 600; line-height:normal; margin:  0 0 1rem;}
.same-title h3 strong{font-weight: 600;}

.same-heading.white-text :is( h2, p){color: var(--whiteColor);}
.half-width-text{width: 100%; max-width: 75%;}



.section-bottom-btn{margin-top: 3rem; gap: 10px; display: flex; flex-wrap: wrap; }
.section-bottom-btn.text-center{justify-content: center;}
.same-title.text-center .section-bottom-btn{justify-content: center;}
/* .section-bottom-btn .btn + .btn {margin-left: 10px;} */

.bg-gray{background: var(--grayColor);}

.same-title .sub-title{width: 100%; max-width: 79%;}
.same-title.text-center .sub-title{width: 100%; max-width: 60vw; margin: 0 auto;}
.same-title.text-center .sectionparagraph{ width: 100%; max-width: 65vw;margin: auto;}
.container-fluid { padding: 0 2vw; } 


.btn-primaryx{ font-size: 16px; font-weight: 500; text-align: center; background-color: var(--PrimaryColor); color: var(--whiteColor); transition: all .6s ease; border-radius:50px; border: solid 1px var(--PrimaryColor); text-transform: capitalize; padding:1.3rem 3.1rem; display: inline-block;}
.btn-primaryx:hover{background: var(--whiteColor); color: var(--PrimaryColor); box-shadow:0 0.5em 0.5em -0.4em var(--PrimaryColor); transform: translateY(-5px); }
.btn-primaryx:focus{outline: none !important;box-shadow: none !important;}


.btn-lightx{ font-size: 16px; font-weight: 500; text-align: center; background: #00286833; color: var(--PrimaryColor); transition: all .6s ease; border-radius:50px; border: solid 1px transparent; text-transform: capitalize; padding:1.3rem 3.1rem; display: inline-block;}
.btn-lightx:hover{background: var(--PrimaryColor); color: var(--whiteColor); box-shadow:0 0.5em 0.5em -0.4em #00286833; transform: translateY(-5px); }
.btn-lightx:focus{outline: none !important;box-shadow: none !important;}


.btn-outline-lightx{ font-size: 16px; font-weight: 500; text-align: center; background: #fff; color: var(--PrimaryColor); transition: all .6s ease; border-radius:50px; border: solid 1px #25374F; text-transform: capitalize; padding:1.3rem 3.1rem; display: inline-block;}
.btn-outline-lightx:hover{background: var(--PrimaryColor); color: var(--whiteColor); box-shadow:0 0.5em 0.5em -0.4em #00286833; transform: translateY(-5px); }
.btn-outline-lightx:focus{outline: none !important;box-shadow: none !important;}



.btn-whitex{ font-size: 16px; font-weight: 500; text-align: center; background-color: var(--whiteColor); color: #2B2B2B; transition: all .6s ease;border-radius:50px; border: solid 1px var(--whiteColor); text-transform: uppercase;  padding:1.3rem 3.1rem; display: inline-block; }
.btn-whitex:hover{background: var(--whiteColor); color: #2B2B2B; box-shadow:0 0.5em 0.5em -0.4em var(--whiteColor); transform: translateY(-5px); }
.btn-whitex:focus{outline: none !important;box-shadow: none !important;}


.social-icon-list{margin: 4rem 0 0;}
.social-icon-list .icon-list{display: flex; align-items: center; gap: 10px;}
.social-icon-list .icon-list li a{width: 6rem; height: 6rem; text-align: center; display: inline-flex; align-items: center; justify-content: center; line-height: 6rem; border: solid 1px var(--PrimaryColor); border-radius: 2rem; font-size: 2.2rem; color: var(--PrimaryColor); }
.social-icon-list .icon-list li a img{width: 22px;}
.social-icon-list p{font-size: 16px; color: var(--blackColor); font-weight: 600;}
.equal-container-margin{margin: 0 3vw;}

 
/* header */
.header { padding:1rem 0; width: 100%;  position: relative;    transform: translateZ(0); transition: all 0.5s;  z-index:999;      min-height: 80px;     display: flex; align-items: center;}
.header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:0 3vw; max-width: 100%; }
.header .container .header-menu-wrap{ width:calc(100% - 250px);  margin-left: auto; }
.header nav { display: flex; align-items: center; justify-content: end; width: 100%; vertical-align: middle; }
.header nav ul { display: inline-flex; vertical-align: middle; }
.header nav ul li { display:inline-flex; vertical-align: middle; }
.header nav ul li a { font-weight: 500; font-size: 14px; line-height: normal; color: #161616; position: relative; padding: 2px; margin: 0 5px; display: inline-flex; align-items: center;}
.header nav ul .dropdown-hover{ background: transparent; border-radius: 5px; padding: 10px ; text-transform: uppercase; }
.header nav ul li a::after { content: ""; position: absolute; bottom: 0px; background-color: var(--PrimaryColor); height: 2px; width: 100%; -webkit-transform: scale(0); transform: scale(0); right: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.header nav ul li a:hover { color: var(--PrimaryColor); }
.header nav ul .dropdown-hover i { margin-left: 9px; }
.header nav ul li a:hover::after { -webkit-transform: scale(1); transform: scale(1); }
.header nav .sign-btn{display: flex; align-items: center;}
.header .user-login-warp{ padding: 1vw; height: 100%; border-left: solid 1px #CDCDCD; }
.header .user-login-warp .user-img { font-size: 70px;      width: 100%; max-width: 180px; border-radius: 50%; margin: 20px auto;}
.header .user-login-warp h4{ font-weight: 400; font-size: 14px; color: var(--blackColor); text-align: left; line-height: 1.5; }
.header .user-login-warp .p{    font-size: 16px; color: var(--blackColor);}
.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: 200px; margin: 20px auto; max-height: 200px;position: relative;    display: flex; align-items: center;}
.header .without-login .barcode img{object-fit: cover; }
.header .without-login .barcode .btn-primaryx {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 10px; padding: 7px 15px; width: 100%; max-width: max-content; color: var(--whiteColor);}
.header .without-login .barcode .btn-primaryx:hover,.header .without-login .barcode .btn-primaryx:focus,.header .without-login .barcode .btn-primaryx:active{background: #fff !important; color: var(--PrimaryColor) !important;}


.header .without-login .barcode.blurcode img{opacity: 0.2;}
.header .without-login .barcode.blurcode  .btn-primaryx {visibility: visible; opacity: 1;}
.header .without-login .btn-list{margin-top: 2rem;}
.header .without-login .btn-list .btn.btn-primaryx { margin: 5px; }
.mobile-userlogin{display: none;}
.header .dropdown .dropdown-menu { padding: 0px; display: block !important; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25); transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25); top: 58%; right: 0; left: 0; background: transparent; border: 0; }
.header .mega-menu .dropdown{ position: inherit; }
.header .mega-menu .mega-menu-box{ background: #FFFFFF; margin-top:34px; box-shadow:0px 20px 100px rgb(64 64 64 / 78%); border-top: 1px solid #DFDFDF; overflow-x: hidden; }
.header .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: all; }
.header .emptyBx{display: none;}




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

.header nav > ul > li > .dropdown:hover > a{color: var(--PrimaryColor) !important;}
.header .dropdown a::after { display: none; }
.header .dropdown .dropdown-item { padding: 8px 15px; color: var(--blackColor); }
.header .dropdown .dropdown-item:hover { color: var(--blackColor); background: #eee; }
.header .btn-custom { display: inline-block; vertical-align: middle; margin-left: 4rem; }
.header .mega-menu .mega-menu-box h2 { font-weight: 700; font-size: 40px; color: var(--blackColor); margin-bottom: 15px; } 
.header .mega-menu .mega-menu-box h2{font-weight: 700; font-size: 40px;color: var(--blackColor); margin-bottom: 15px;}
.header .mega-menu .mega-menu-box p{font-weight: 400; font-size: 14px; color: var(--blackColor); line-height: 1.6;}
.header .mega-menu .mega-menu-box .learn-more-btn{color: var(--PrimaryColor);font-weight: 600; font-size: 14px; margin: 0; display: inline-block;}
.header .mega-menu .left-mega-menu-title{padding: 1vw}
.header .mega-menu .middle-menu{padding: 1vw;}
.header .mega-menu .middle-menu ul{display: flex; flex-wrap: wrap; }
.header .mega-menu .middle-menu ul li{width: 50%; padding: 0 9px;}
.header .mega-menu .middle-menu ul li .dropdown-item{background: #fff url('../images/menu-arrow-left.png')no-repeat center left; font-weight: 500; padding: 11px 5px 11px 30px; font-size: 14px; display: block; width: 100%; white-space: normal; color: var(--blackColor);  background-size: 0; transition: all .2s ease; margin: 0;}
.header .mega-menu .middle-menu ul li .dropdown-item:hover{    background-size: 26px;}
.header .user-login-warp .digital-qrcode {    max-width: 116px;    max-height: 116px;}
.header .user-login-warp .digital-qrcode .btn-qrcode{    padding: 7px 9px; width: 100%; max-width: 160px; margin: auto; font-size: 10px;}
.header .user-login-warp .digital-qrcode .btn-qrcode:hover{box-shadow: none;}
.header .user-click .search-icon-bx {margin:0 20px 0 10px;}
.header  .site-logobx {width: 100%; max-width: 250px;}

.header .mega-menu .middle-menu.council-menu-list{display: flex; }
.header .mega-menu .middle-menu.council-menu-list ul{width: 50%;}
.header .mega-menu .middle-menu.council-menu-list ul li{width: 100%;    height: max-content;}


.header .decentralized-box{padding: 1.5vw 1vw; border-top: solid 1px #A5A5A5;    display: flex; align-items: center;}
.digital-store-btn {display: flex;  margin-top: 4rem; flex-wrap: wrap;} 
.digital-store-btn :is(.downloadapps-btn-list ,.buy-phone-list){  display: flex; width: 100%;flex-wrap: nowrap; }  
.digital-store-btn.store-full-btn{max-width: 840px; margin: 4rem auto 0;}
.digital-store-btn .text-note{font-size: 14px; color: #000;    font-weight: 500;margin-top: 2.6rem;}
.digital-store-btn a { font-size: 16px; line-height: normal; text-transform: capitalize; font-weight: 500; color: var(--whiteColor); line-height: normal; display: flex; align-items: center;  background: var(--PrimaryColor); border-radius: 5px; padding: 11px 16px 11px 10px;  text-align: left; transition: all .2s ease; min-width: 200px;}

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


.header .decentralized-box .digital-store-btn{margin: 0 0 0 1vw;}
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list){display: flex; width: 100%; gap: 6px; }
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a{width: 100%; max-width: 290px; margin: 0 auto; background: var(--whiteColor);  color: var(--blackColor); }
.header .decentralized-box .digital-store-btn :is(.downloadapps-btn-list) a .light-title{    font-size: 12px; color: #000;}
.header .decentralized-box .digital-store-btn .btn-box:not(:last-child){border-right: solid 1px #B8B8B8;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(2) a{color: #C8102E;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(3) a{color: #0186B3;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(4) a{color: #694E70;}
.header .decentralized-box .digital-store-btn .btn-box:nth-child(5) a{color: #000;}


.header .nation-top-title h3{font-size: 2.8rem; font-weight: 700; color:var(--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 .mega-menu .middle-menu ul li .dropdown-item .event-title{display: inline-block; min-height: 46px;}
.header .mega-menu .middle-menu ul li .dropdown-item .eventimg-box { border: solid 1px #b2100b08; border-radius: 5px; overflow: hidden; }
.header nav ul li .digital-store-btn a{padding: 5px;}


.header .language-dropdown {margin-left: 10px;}
.header .language-dropdown .btn{background: transparent; padding: 4px; font-size: 14px; font-weight: 500; color: #313131;}
.header .language-dropdown .btn:focus{outline: none !important; box-shadow: none !important;}
.header .language-dropdown .dropdown-toggle::after{display: none;}
.header .language-dropdown .flag-icon{    width: 20px; display: inline-block; height: 15px; margin-right: 5px; vertical-align: middle;}
.header .language-dropdown .flag-icon-en{background: url(../images/english-flag-icon.png)no-repeat center top;}
.header .language-dropdown .flag-icon-texan{background: url(../images/texan-flag-icon.png)no-repeat center top;}
.header .language-dropdown .dropdown-menu { background: #fff; top: 100%; min-width: fit-content; border-radius: 5px; overflow: hidden;     border: solid 1px #f8f8f8;}
.header .language-dropdown .dropdown-item { padding: 8px 24px 8px 5px; margin: 0; color: #161616; font-size: 14px; font-weight: 500;   position: relative; white-space: normal;}
.header .language-dropdown .down-arrow { display: inline-block;     color: #313131;    margin-left: 7px; }
.header .language-dropdown .dropdown-item:hover { background: #fff;}

/* .header .language-dropdown .dropdown-item .flag-icon {position: absolute; left: 0;  top: 12px;} */



.header .language-dropdown  .dropdown-menu li.Active .dropdown-item { background: #b2100b08; color: var(--PrimaryColor); }
.header.header_fix{ position: fixed; padding: 8px 0; top: 0; left: 0; right: 0; box-shadow:0 2px 6px rgba(0,0,0,0.2); animation:headerfixdown 0.7s; background: var(--whiteColor);  z-index: 99;}
.header.header_fix .site-logobx{max-width: 180px;}

.header .dropdown .mobile-down-arrow{display: none;}



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


/* .banner-section{background: #fff; min-height: calc(100vh - 140px); position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;   }
.banner-section:after{background:url(../images/banner-bg.png)no-repeat center bottom; z-index: 1; opacity: 0.4; position:absolute; left: 0; bottom: 0; content: ''; height: 181%; width: 100%; background-size: 100%; }
.banner-section:before { background: url(../images/banner-bottom-img.png)no-repeat left bottom; z-index: 1; content: ''; position: absolute; left: 3%; bottom: -4px; background-size: 71%; width: 200px; height: 200px; z-index: 2; } 
.banner-section .banner-text{position: relative; z-index: 2; }
.banner-section h1{font-size: 3.9vw; color: var(--PrimaryColor); font-weight: 600; line-height: normal;  margin-bottom: 2vw;}
.banner-section h1 small{font-size: 2.2vw; display: block;}
.banner-section p{font-size: 2.4rem; color:#181818; line-height: 1.6; width: 100%; max-width: 87%; margin: auto;} */


.banner-section{background: url(../images/banner-left.png)no-repeat center left, url(../images/banner-right.png)no-repeat center right #fff ; min-height: calc(100vh - 90px); position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; background-size: 10%;}
.banner-section:after{background:url(../images/banner-bg.png)no-repeat center bottom; z-index: 1; opacity: 0.4; position:absolute; left: 0; bottom: 0; content: ''; height: 181%; width: 100%; background-size: 100%; }
/* .banner-section:before { background: url(../images/banner-bottom-img.png)no-repeat left bottom; z-index: 1; content: ''; position: absolute; left: 3%; bottom: -4px; background-size: 71%; width: 200px; height: 200px; z-index: 2; }  */
.banner-section .banner-text{position: relative; z-index: 2; }
.banner-section h1{font-size: 5vw; color: #000; font-weight: 400;    font-family: 'Classy Vogue';  line-height: 1.1;  margin-bottom: 0;}
.banner-section h1 .redcolor{display: block; color: #BF1C2F; }
.banner-section h1 .redcolor.big-text{font-size: 6vw; top: -20px; position: relative;}
.banner-section h1 .redcolor.america{top: -40px; }
/* .banner-section h1 small{font-size: 2.2vw; display: block;} */
.banner-section p{font-size: 2.4rem; color:#181818; line-height: 1.6; width: 100%; max-width: 87%; margin: auto;} 
.banner-section p strong{font-weight: 600;}



.service-card{padding: 3rem; background: var(--grayColor); }
.service-card h3{font-size: 3.2rem; min-height: 140px; font-weight: 600; color: var(--PrimaryColor); line-height:1.4;}
.service-card .service-btn{margin-top: 3rem;}
.service-card .service-btn .btn-lightx{width: 100%; padding: 1rem 1rem; display: block;}



.registration-wrap .same-heading{padding: 3rem; background: var(--grayColor);}
.registration-wrap .same-heading h2{min-height: 60px; }
.registration-wrap .same-heading .img-box{margin-top: 4rem;}
.registration-wrap .same-heading p{width: 100%; max-width: 88%;}



.certificate-card-anim {position: relative; display: flex; }
.certificate-card-anim .img-three img{max-width:150%;}
.certificate-card-anim .img-one img{max-width:120%; }
.certificate-card-anim .img-two img{max-width:120%;}

.certificate-card-anim .img-one { position: relative; left: 15%; top: 116px; z-index: 1; animation-duration: 5s;  }
.certificate-card-anim .img-two { position: relative; right: 8%; top: 40px; z-index: 1; animation-duration: 6s; }
.certificate-card-anim .img-three { animation-duration: 4s; } 



.animation-updown{ animation: mover 2s linear infinite alternate;}




@keyframes mover {
    0% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    100% { transform: translateY(0); }
}


.license-plate-wrap .certificate-card-anim .img-one{ top: 0;     left: 30px;}
.license-plate-wrap .certificate-card-anim .img-two{     top: -70px;}


.financial-management-wrap .certificate-card-anim .img-three img{max-width: 100%;}
.financial-management-wrap .certificate-card-anim .img-one{top: 40px;}
.financial-management-wrap .certificate-card-anim  .img-one img{max-width: 100%;}




.pledge-wrappper .pledge-signers-list{justify-content: center; margin-bottom: 60px; }
.pledge-wrappper .pledge-signers-list li{width: 100%; max-width: 170px;  }
.pledge-wrappper .pledge-signers-list li .signersBx{border: solid 1px #C7C7C7;height: 100%; background: var(--whiteColor); border-radius: 10px; padding: 1.5vw 1vw; text-align: center; display: block; width: 100%; transition: all .2s ease; }
.pledge-wrappper .pledge-signers-list li .signersBx .imgBx{width: 100%; max-width: 74px; height: 74px; border-radius: 50%; overflow: hidden; margin: 0 auto 2rem;}
.pledge-wrappper .pledge-signers-list li .signersBx .imgBx img{width: 100%; height: 100%; object-fit: cover;}
.pledge-wrappper .pledge-signers-list li .signersBx h3{font-size: 12px; color: var(--blackColor); font-weight: 600;  transition: all .2s ease; margin-bottom: 0;}
.pledge-wrappper .pledge-signers-list li .signersBx:hover{box-shadow: 0px 1px 2px 0px rgba(0,40,104,0.1), 1px 2px 4px 0px rgba(0,40,104,0.1), 2px 4px 8px 0px rgba(0,40,104,0.1), 2px 4px 16px 0px rgba(0,40,104,0.1);transform: translateY(-5px)}
/* .texan-countryWrapper .sub-title{font-weight: 600;} */



.checkList li{display: flex; flex-wrap: wrap; padding: 0.5vw 0;}
.checkList li .checkiconBx{width: 30px; height: 30px;  line-height: 30px; text-align: center; background: #D9D9D9; border-radius: 50%; font-size: 14px; color: var(--blackColor);  margin-top: 7px;}
.checkList li .titleBx{font-size: 16px; color: var(--blackColor); font-weight: 500; line-height: 33px; width: calc(100% - 30px);padding-left: 20px; }

.texasvideoBx{position: relative; border-radius: 1rem; overflow: hidden;}
.texasvideoBx img{width: 100%; height: 100%; object-fit: cover;}
.texasvideoBx .playiconbtn{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.playiconbtn{width: 60px; height: 60px; line-height: 60px; background: var(--PrimaryColor); color: var(--whiteColor); text-align: center; display: block; border-radius: 50%; font-size: 1.2vw;  position: relative; cursor: pointer;} 
.playiconbtn:after, .playiconbtn:before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; visibility: visible; border: 1px solid  var(--PrimaryColor); border-image: initial; transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25) 0s; border-radius: 100%; animation: ripple 2s linear infinite; }
.playiconbtn:hover{color: var(--whiteColor);}

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



.texantexas-wrapper .texasvimageBx{width: 100%; max-width: 80%; margin: auto;}
.same-title .sectionparagraph{font-weight: 500; width: 100%; max-width: 87%; }
.countryfinancialwrapper .same-title h3{margin-bottom: 30px;}

/* .financial-flow-wrapper .same-title h2 strong{font-size:30px;} */

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



.texan-country-wrapper .same-title h3{margin-bottom: 3rem;}
/* .texan-country-wrapper .same-title h3 strong{font-weight: 500;} */


.assets-managment-wrap .asset-list{display: flex; flex-wrap: wrap;  width: 100%; max-width: 640px; margin:0 auto;}
.assets-managment-wrap .asset-list li{width: 25%;  padding: 20px;}
.assets-managment-wrap .asset-list .iconBx{background: var(--PrimaryColor); width: 98px; height: 98px; line-height: 98px; border-radius: 50%; text-align: center; margin: 0 auto;}


:is(.landManagementWrapper, .assets-managment-wrap,.texanLicensePlateWrapper) .same-title h3{ margin-bottom: 30px;}
:is(.texan-country-wrapper, .assets-managment-wrap) .sectionparagraph{max-width: 100%;}

.texas-video-wrapper .texasvideoBx{position: relative; text-align: center;}
.texas-video-wrapper .texasvideoBx .videoimgBx{height: 12vw; position: relative;  border-radius: 5px; overflow: hidden; margin-bottom: 1.2vw;}
.texas-video-wrapper .texasvideoBx .videoimgBx:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0,0.5); content: ''; } 
.texas-video-wrapper .texasvideoBx .videoimgBx img{width: 100%; height: 100%; object-fit: cover;}
.texas-video-wrapper .playiconbtn{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.texas-video-wrapper .texasvideoBx h3{font-size:20px; color: #282828; font-weight: 500;}


/* footer */
.footer .footer-top-section{padding: 7rem 0 5rem;}
.footer h4{font-size: 1.8rem;
    color: var(--PrimaryColor);
    font-weight: 600;
    padding-bottom: 1.2rem;
    margin-bottom: 1.3rem;
    position: relative;}
.footer h4:before{position: absolute; left: 0; height: 3px; width: 39px; background: var(--PrimaryColor); content: ''; bottom: 0;}
.footer .footer-menu li a{font-size: 1.4rem; color: var(--blackColor); display: block; line-height: normal; margin: 0.2rem 0; padding: 0.6rem 0; transition: all .2s ease; font-weight: 400;}
.footer .footer-menu li a:hover{color: var(--PrimaryColor);}
.footer .chatus-content .btn-primaryx{ max-width: 100%; font-size: 1.4rem; white-space: nowrap; padding: 1rem 0; margin: 3rem auto; display: block;}  
.footer .social-icon{display: flex; align-items: center; justify-content: center;}
.footer .social-icon li a {width: 4rem; height: 4rem; line-height: 4rem; display: block; background: var(--grayColor); border: solid 1px var(--grayColor); border-radius: 50%; font-size: 2rem; margin: 0.3rem; text-align: center; }
/* .footer .social-icon li a:hover{background: var(--PrimaryColor); color: var(--whiteColor);} */
.footer .copyright{font-size: 1.4rem; color: var(--whiteColor); text-align: center; background:var(--PrimaryColor); padding: 2rem 0;  }


.horizontal{overscroll-behavior: none; width: 100%; height: 100%; display: flex; flex-wrap: nowrap;}
.horizontal .panel { width: 100%; max-width: 100%; height: 100vh;  padding: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.horizontal-scroll-section .same-title{margin-bottom: 2vw;}
.video-modal .modal-dialog{    max-width: 710px;}
.video-modal .modal-body{padding: 0; border: solid 5px #fff;}
.video-modal video{width: 100%; height: 100%; display: block;}
.video-modal .btn-close{ position: absolute; width: 30px; height: 30px; border-radius: 50%; background: var(--whiteColor); color: var(--blackColor); text-align: center; line-height: 30px; cursor: pointer; font-size: 14px; right:-15px; top:-15px; transition: .2s; -webkit-transition: .2s; z-index: 1; opacity: 1; padding: 0; } 



@media only screen and (max-width: 1920px) and (min-width: 991px)  {

.horizontal-scroll-section  :is(.col-7, .col-3){ width: max-content;}
/* .portfolio_more  :is(.col-7, .col-3){ width: max-content;} */

}


.horizontal-scroll-section .physical-card-img img{max-height: 36vh;}
.horizontal-scroll-section .digital-card-img img{max-height: 46vh;}



.horizontal-scroll-section .trigger { position: absolute; }
.horizontal-scroll-section .trigger--one { left: 0; }
.horizontal-scroll-section .scene { position: absolute; height: 100vh; top: 0; left: 0; right: 0; }
.horizontal-scroll-section .scene--active { position: fixed;  padding-top: 96px;}
.horizontal-scroll-section .scene--ended { position: absolute; bottom: 0; top: auto; } 
.horizontal-scroll-section { position: relative; min-height: 100vh; opacity: 0; transition: 0.2s opacity;  padding:7rem 0 ;}
.horizontal-scroll-section img { display: block; max-height: 80%; width: auto; }
.horizontal-scroll-section--init { opacity: 1; }
.horizontal-scroll-section__content { display: flex; align-items: center; }
.horizontal-scroll-section__content-wrapper { display: flex; height: 100%; align-items: center; position: relative; }
.horizontal-scroll-section__content-section { position: relative; min-width: 100vw; padding: 0; height: 100%;  display: flex; align-items: center; flex-wrap: wrap; }
.horizontal-scroll-section__content-section .container{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }







.inner-banner{padding: 50px 0;}
.inner-banner .international-institute-img{text-align: center;}
.inner-banner h1{ color: #282828; font-size: 4rem; font-weight: 600; line-height: normal; margin: 0; text-align: center;}
.inner-banner h1 strong{font-weight: 600;}

.dot-listing{margin: 10px 0;}
.dot-listing li{font-size: 18px; color: #232323; font-weight: 500; line-height: 33px; padding: 5px 0 5px 15px; position: relative;}
.dot-listing li:before{position: absolute; left: 0; top: 16px; width: 5px; height: 5px; border-radius: 50%; background: #232323; content:''; }
.dot-listing li .dot-listing{margin: 0 0px 0 20px;}

.border-radiusBx img { border-radius: 10px; }
.appendix-local-section .border-radiusBx{margin: 0 0 30px;}
.decentralization-help-section p a { color: var(--PrimaryColor); }




/* council page css */
.councilListWrapper { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 60px;}
.councilListWrapper li{padding: 10px;}

.councilListWrapper .council-list-team{ border: solid 1px #C7C7C7;  width: 100%; max-width: 170px;  height: 100%; background: var(--whiteColor); border-radius: 10px; padding: 20px 10px; text-align: center; display: block; width: 100%; transition: all .2s ease;}
.councilListWrapper .council-list-team .imgBx { width: 100%; max-width: 74px; height: 74px; border-radius: 50%; overflow: hidden; margin: 0 auto 2rem;  background: #f7f7f7;}
.councilListWrapper .council-list-team h3 { font-size: 12px; color: var(--blackColor); font-weight: 600; transition: all .2s ease; margin-bottom: 0; line-break: anywhere; }
.councilListWrapper .council-list-team:hover { box-shadow: 0px 1px 2px 0px rgba(0,40,104,0.1), 1px 2px 4px 0px rgba(0,40,104,0.1), 2px 4px 8px 0px rgba(0,40,104,0.1), 2px 4px 16px 0px rgba(0,40,104,0.1); transform: translateY(-5px); }




.council-meetings-wrapper{background: var(--whiteColor); padding: 20px; border-radius: 24px; }
.council-meetings-wrapper .table>:not(:first-child){border-top: 0;}
.council-meetings-wrapper .meeting-title{margin-bottom: 10px;}
.council-meetings-wrapper .meeting-title h3{font-size: 22px; color: #282828; font-weight: 600; margin: 0;}
.council-meetings-wrapper .view-all-btn{font-size: 18px; color: var(--PrimaryColor); font-weight: 500; text-decoration: underline; display: inline-flex; align-items: center; position: relative; padding: 5px 20px 5px 5px;}
.council-meetings-wrapper .view-all-btn i{margin-left: 5px; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 8;}

.council-meetings-wrapper :not(.list-view) .table thead td{font-size: 18px; color: var(--PrimaryColor); font-weight: 600; padding: 13px 10px; border: 0; vertical-align: middle;}
.council-meetings-wrapper :not(.list-view) .table tr{border-bottom: solid 1px #DDDDDD; }
.council-meetings-wrapper :not(.list-view) .table tbody td{font-size: 18px; color: #282828; font-weight: 500; padding: 13px 10px; vertical-align: middle; position: relative;}
.council-meetings-wrapper :not(.list-view) .table td:first-child{padding-left: 0;}
.council-meetings-wrapper :not(.list-view) .table a:not(.btn-primaryx){font-size: 18px; color: #282828; font-weight: 500;}
.council-meetings-wrapper :not(.list-view) .table a:hover{color: var(--PrimaryColor);}
.council-meetings-wrapper .meetings-detail + .meetings-detail { margin-top: 40px; }
.council-meetings-wrapper .upcoming-meetings .table tr:last-child{border-bottom: solid 1px transparent;}
.council-meetings-wrapper :not(.list-view) .table td:before{content: attr(data-title); font-size: 16px; color: #282828; font-weight: 600; display: none; margin-bottom: 6px;}



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





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

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



 .step-cardbx{margin-bottom: 30px;}
 .step-cardbx .imgBx{margin-bottom: 20px;}
 .step-cardbx .same-title h3{font-size: 22px;}
 .step-cardbx .same-title .noBx {color: var(--PrimaryColor);}
 .step-cardbx .texasvideoBx{height: 300px;}
 .step-cardbx .texasvideoBx img{border-radius: 10px;}


.assets-card{ border: solid 1px #ebebeb; border-radius: 10px; overflow: hidden;margin-bottom: 30px; }
.assets-card .card-title{font-size: 16px;    background: #f0f0f0;  line-height:normal; color: #282828; font-weight: 600; padding: 1rem; margin-bottom: 0;}
.assets-card .logo-imgbx { margin-bottom: 10px; border-radius: 10px; overflow: hidden; }
.assets-card h4 {font-size: 16px; color: #161616; font-weight: 600; margin: 0;}
.assets-card .progress{margin: 10px 0;}
.assets-card .authoriz-text{font-size: 12px; color: #161616;  }
.assets-card-wrapper .assets-card{margin-bottom: 20px;}



.digital-organization-section .step-cardbx{background: var(--whiteColor); padding: 20px; height: 100%; border-radius: 10px;}
.digital-organization-section .step-cardbx .same-title .noBx{display: block; margin-bottom: 10px;} 

:is(.flatCard-wrapper, .digitalChart-wrapper ) .img-box{width: 100%; max-width: 90%; margin: auto;}



.searchbannerBx .input-group{border: solid 1px #A8A8A8; border-radius: 10px;    padding: 6px 10px 6px 0px;width: 100%; max-width: 920px; margin: 0 auto; }
.searchbannerBx .input-group .form-select{ border: 0;   height: 50px; font-size: 16px; color: #161616; font-weight: 600; text-transform: uppercase; width: 100%; max-width: 200px; margin-right: 10px;     padding: 10px 23px 10px 20px;}
.searchbannerBx .input-group input.form-control{ border: 0; color: #161616; font-size: 16px; font-weight: 500; padding: 5px 5px 5px 20px; height: 50px; border-left: solid 1px #A8A8A8;}
.searchbannerBx .input-group input.form-control::placeholder{color: #999999; }
.searchbannerBx .input-group .btn-search{ color: #161616; padding: 5px 10px; font-size: 18px;}
.searchbannerBx .input-group .btn-search:focus{outline: none !important; box-shadow: none !important;}
.searchbannerBx  select:focus, .searchbannerBx  input:focus{outline: none !important; box-shadow: none !important;}

 .searchListWrapper {padding-top: 0px;}
.searchListWrapper .searchtopBx{padding: 10px 0;}
.searchListWrapper .searchtopBx .resultsBx{font-size: 16px; color: var(--blackColor); font-weight: 500; }
.searchListWrapper .searchtopBx :is(.filterDatebx, .filter-GridList) {display: flex; align-items: center; }
.searchListWrapper .searchtopBx .filterDatebx{justify-content: end;    max-width: max-content;}
.searchListWrapper .searchtopBx .filterDatebx{    width: 100%;  margin: 0 15px;}
.searchListWrapper .searchtopBx .filterDatebx h4{font-size: 16px; color: var(--blackColor); font-weight: 600;  margin-bottom: 0; white-space: pre;}
.searchListWrapper .searchtopBx .filterDatebx .form-select{width:100%; max-width: 231px;  border: solid 1px #fff; height: 50px; border-radius: 4px; font-size: 16px; font-weight: 500; color: #000; margin-left: 13px; } 
.searchListWrapper .searchtopBx .filter-GridList :is(.list-view-button, .grid-view-button){ font-size: 20px; color: var(--blackColor); padding: 10px; cursor: pointer; line-height: normal;}
.searchListWrapper .searchtopBx .sortListBx { text-align: end; display: flex; align-items: center; justify-content: end; flex-wrap: wrap; }


.searchListWrapper .card{border: solid 1px #fff; border-radius: 10px; padding:0 10px; margin-bottom: 30px;}
.searchListWrapper .card .cardTitleWithImg{display: flex; align-items: center; padding: 10px 0; border-bottom: solid 1px #E7E7E7;}
.searchListWrapper .card .cardTitleWithImg .imgBx{ border: 1px solid #cccccc; border-radius: 8px; width: 100%; max-width: 60px; height: 60px; text-align: center; background: var(--whiteColor); padding: 4px;}
.searchListWrapper .card .cardTitleWithImg .imgBx img{width: 100%; height: 100%; object-fit: contain;}
.searchListWrapper .card .cardTitleWithImg .titleBx{font-size: 16px; color: var(--blackColor); font-weight: 600; width: calc(100% - 60px); padding-left: 10px;}
.searchListWrapper .card :is(.cardbottomContent, .cardMiddleContent ){padding: 10px 0;}
.searchListWrapper .card  .listBx li{margin-bottom: 10px;}
.searchListWrapper .card  .listBx .titleBx,.searchListWrapper .card  .reputationscorebx .titleBx{font-size: 12px; line-height: 1.6;color: var(--blackColor); font-weight: 400;     margin: 0 0 2px; }
.searchListWrapper .card  .listBx .detailBx{font-size: 16px;     line-height: 1.6; color: var(--blackColor); 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: 1px solid #cccccc;}
.searchListWrapper .card  .assetsNolist{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.searchListWrapper .card  .assetsNolist li{width: 33.33%; padding: 0 5px;}
.searchListWrapper .card  .assetsNolist .assetsBx{ background: #DDDDDD; padding: 9px 4px; width: 100%; border-radius: 9px; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; } 
.searchListWrapper .card  .assetsNolist .detailBx{font-size: 22px;} 
.searchListWrapper .reputationscorebx{    margin-top: 10px;}
.searchListWrapper .slider-container { --label: 2.75rem; --width: 100%; --thumb: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem); inline-size: var(--width); aspect-ratio: 10.665 / 1; position: relative;  margin: 15px 0 10px;}
/* .searchListWrapper .slider-container .number--label { position: absolute; bottom: -2rem; left: 0; aspect-ratio: 1;  font-size: 16px; transition: 366ms cubic-bezier(0.3, 0.6, 0.4, 1.125); color: #000000; font-weight: 600; } */
.searchListWrapper .slider-container .number--label { position: relative; bottom: 0; left: 0; font-size: 16px; color: #000000; font-weight: 600; text-align: left; margin-top: 10px; width: 100%; }
.searchListWrapper .slider-container .input-slider { place-self: center; border-radius: 100vh; width: 100%; height: 9px; background: linear-gradient(to right, #BD281B, #DEA038, #959136, #275301); -webkit-appearance: none; appearance: none; outline: none; } 
.searchListWrapper .slider-container .input-slider::-webkit-slider-thumb { background:var(--PrimaryColor); border: solid 2px var(--whiteColor); border-radius: 50%; width:17px; height: 17px; aspect-ratio: 1; -webkit-appearance: none; appearance: none; } 
.searchListWrapper .slider-container .input-slider::-moz-range-thumb { background:var(--PrimaryColor); border: solid 2px var(--whiteColor); border-radius: 50%; width: 17px; height: 17px; aspect-ratio: 1; -webkit-appearance: none; appearance: none; } 
.searchListWrapper .listview-visibleContent{display: none;}




.searchListWrapper .filterlistContent.list-view-filter div[class*="col-"]{    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;}
.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 .reputationscorebx{text-align: center;}
.searchListWrapper .filterlistContent.list-view-filter .cardbottomContent{border-left: 1px solid #cccccc;    padding-left: 20px;}

/* .searchListWrapper .card .cardTitleWithImg .imgBx */
.searchListWrapper .individualCard .cardTitleWithImg {align-items: flex-start;}
.searchListWrapper .individualCard .cardTitleWithImg .imgBx{max-width: 106px; height:140px; padding: 0; border: 0; border-radius: 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% - 106px); padding-left: 10px;}
.searchListWrapper .individualCard .cardTitleWithImg .titleBx{width: 100%; padding-left: 0;}
.searchListWrapper .individualCard .full-details{display: flex; align-items: center; margin-top: 20px;}
.searchListWrapper .individualCard .full-details .barcode{width: 100%; max-width: 51px; height: 50px; border-radius: 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% - 51px); padding-left: 10px; }
.searchListWrapper .individualCard .full-details  .contentBx p{font-size: 14px; line-height:normal;  color: var(--blackColor); font-weight: 400; margin-bottom: 5px;}
.searchListWrapper .individualCard .full-details  .contentBx .click-here{color: var(--PrimaryColor); font-weight: 600; text-decoration: underline; font-size: 14px;}


.searchListWrapper .assetscard .cardTitleWithImg{border-bottom: 0;}
.searchListWrapper .assetscard .cardTitleWithImg .imgBx{ max-width: 100%; height: 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: 12px; color: var(--whiteColor); font-weight: 700; text-align: center; background: #F7A404; border-radius: 5px; padding: 5px 15px; width: 100%; max-width: max-content; margin: auto;}
.searchListWrapper .assetscard .reputationscorebx .scoreValueatitle{font-size: 12px; font-weight: 600; text-align: center; padding-top: 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;}
.searchListWrapper .assetscard .reputationscorebx .iconBx{margin-bottom: 5px;}

.searchListWrapper .assetscard .reputationscorebx.good .scoreValueBx{background: #54B700;}
.searchListWrapper .assetscard .reputationscorebx.good .scoreValueatitle{color: #54B700;}
.searchListWrapper .assetscard .averageScore .titleBx{font-size: 10px;}

 
.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: 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{position: relative;}
.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: 90px;}

.searchListWrapper .searchtopBx .sortListBx.sortsGridNone .filter-GridList{ display: none !important;}
.searchListWrapper .searchtopBx .sortListBx.sortsGridNone .filterDatebx{ margin-right: 0;}



/* dispute-resolution page */
.sign-up-newsletter{background: var(--whiteColor); border-radius: 12px; padding: 40px 20px; text-align: center; position: relative; filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.15));}
.sign-up-newsletter .icon-box { width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background: #fff; position: absolute; }
.sign-up-newsletter .icon-box img{    width: 100%; max-width: 40px; margin: auto;}
.sign-up-newsletter .icon-box.top-icon { top: 61px; left: -38px; }
.sign-up-newsletter .icon-box.bottom-icon { bottom: 61px; right: -38px; } 
.sign-up-newsletter h3 { font-size: 16px; font-weight: 500; color: var(--PrimaryColor); }
.sign-up-newsletter h2 { font-size: 30px; font-weight: 300; color: #282828; margin: 10px 0; }
.sign-up-newsletter h2 strong { font-weight: 600; }
.sign-up-newsletter hr { border: solid 1px var(--PrimaryColor); width: 100%; max-width: 60px; margin: 25px auto; }
.sign-up-newsletter p{width: 100%; max-width: 85%; margin: auto;}
.sign-up-newsletter .barcode{width: 100%; max-width: 200px; margin: auto; position: relative; overflow: hidden;}
.sign-up-newsletter .barcode img{opacity: 0.3;}
.sign-up-newsletter .barcode .btn{font-size: 12px; position: absolute; left: 50%; top: 50% ; transform: translate(-50%, -50%); width: 100%;} 


.filter-top-tab .filter-left{display: flex; align-items: center;}
.filter-top-tab .filter-left h5{ font-size: 16px; color: #232323;font-weight: 500; margin-bottom: 0; }
.filter-top-tab .filter-left .form-select{width: 100%; max-width: 250px; font-size: 16px; color: #161616; font-weight: 500; height: 50px; margin-left: 15px; border: solid 1px #ebebeb; }
.filter-top-tab .filter-left .form-select:focus{border-color: var(--PrimaryColor); box-shadow: none !important;}

.filter-buttons button{background: #e3e3e3; border:solid 1px #e3e3e3; font-size: 12px;color: #232323;font-weight: 500; padding: 5px 10px;}
.filter-buttons button:hover, .filter-buttons button.active{background: var(--PrimaryColor); border-color:var(--PrimaryColor); color: #fff;}
.filter-buttons button:first-child{border-radius: 50px 0 0 50px;}
.filter-buttons button:last-child{border-radius: 0 50px 50px 0;}

.filterListWrapper .same-title{margin-bottom: 30px;}
.filterListWrapper .step-cardbx{border-radius: 10px; overflow: hidden; background: var(--whiteColor); height: 100%; border-radius: 10px;}
.filterListWrapper .step-cardbx h3 a{font-size: 22px;display: block; font-weight: 500; color: #fff;  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 10px ;}
.filterListWrapper .step-cardbx .imgBx{height: 200px; overflow: hidden; position: relative; border-radius: 10px 10px 0px 0;}
.filterListWrapper .step-cardbx .imgBx:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: rgba(0,0,0,0.5);}
.filterListWrapper .step-cardbx .imgBx img{width: 100%; height: 100%; object-fit: cover;}
.filterListWrapper .step-cardbx .cardContent{padding: 15px;}
.filterListWrapper .step-cardbx .cardContent p a{font-weight: 600; color: var(--PrimaryColor);}



/* filter cards */
.publicfilterListWrapper{margin-bottom: 60px;}
.filterListWrapper .filerCardList.listCards .step-cardbx{height: auto;  background: transparent;}
.filterListWrapper .filerCardList.listCards .step-cardbx :is(.imgBx img, .cardContent){display: none; height: auto;}
.filterListWrapper .filerCardList.listCards .step-cardbx .imgBx{height: auto;}
.filterListWrapper .filerCardList.listCards .step-cardbx .imgBx:before{display: none;}
.filterListWrapper .filerCardList.listCards  .step-cardbx h3 a{color: #262626; position: relative; display: block;}

 .privatefilterListWrapper .step-cardbx{ filter: blur(7px); pointer-events: none; user-select: none;}


/* login page */
.texan-login-section .section-bottom-btn{display: flex; justify-content: center; gap: 10px;}
.texan-login-section .section-bottom-btn .btn{font-size: 14px; line-height: normal;}
.texan-login-section .section-bottom-btn .btn.btn-whitex{border-color: var(--PrimaryColor);}


.texan-download-btnList .downloadapps-btn-list{flex-wrap: wrap; justify-content: center; width: 100%; max-width:70vw; margin: 0 auto;} 
.texan-download-btnList .downloadapps-btn-list .btn-box{width: max-content; padding: 5px;} 
.digital-store-btn a.black-bg{background:var(--blackColor) !important; }
.digital-store-btn a.orange-bg{background:#EF4449 !important; }
.digital-store-btn a.light-bluebg{background:#0295F0 !important; }
.digital-store-btn a.purple-bg{background:#684f6e !important; }
.digital-store-btn a.dark-gray-bg{background:#2F2F2F !important; }
.digital-store-btn a.bluebg{background:var(--PrimaryColor) !important; }

.texan-download-btnList .text-note{text-align: center; width: 100%;}
.border-radius-imgBx img{ border-radius: 10px; }




.mobile-certificate-slider{display: none;}
.mobile-certificate-slider .same-section{padding-bottom: 0;}
.certificateMobileslider .slick-dots{display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.certificateMobileslider .slick-dots li{margin: 0 3px;}
.certificateMobileslider .slick-dots button{ background: var(--whiteColor); border: solid 1px var(--PrimaryColor); color: #fff; font-size: 0; border-radius: 50%; width: 11px; height: 11px; line-height: 0; padding: 0; } 
.certificateMobileslider .slick-dots .slick-active button{ background: var(--PrimaryColor);} 
.certificateMobileslider .slick-vertical .slick-slide{height: auto !important;}


.reputation-wrap .icon-box{ background: var(--whiteColor); border-radius: 15px; padding: 10px; width: 120px; height: 120px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0px 0px 42px rgba(0, 0, 0, 0.1);} 

.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 .icon-box { width: 100px; height: 100px; border-radius: 50%; background: var(--whiteColor); line-height: 100px; text-align: center; margin: 0 auto 30px; }
.get-started-wrap .started-list li:nth-child(even) { position: relative; top: 45px; } 




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



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



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

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


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








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

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

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

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

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




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




.score-graph-outer {width: 100%; max-width: 383px; margin: 80px 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%, var(--PrimaryColor) 89.39%); border-radius: 5px; padding: 7px 6px; width: 100%;  min-height: 31px;}
.score-graph-outer .score-graph-inner .graph-cell { width: 20%; text-align: center; position: relative; }
.score-graph-outer .score-graph-inner .graph-cell .graphcell-innertext { font-weight: 500; font-size: 10px; color: var(--blackColor); position: absolute; left: 50%; transform: translateX(-50%); bottom: -33px; }
.score-graph-outer .score-graph-inner .graph-cell .graphcell-innertext:before { width: 1px; background: #716f6f; height: 8px; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; content: ""; }
.score-graph-outer .score-graph-inner .graph-hover-text { border-radius: 3px; padding: 5px; position: absolute; left: 7%; top: -71px; min-width: 68px; filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)); background: var(--whiteColor);  min-height: 50px;}
.score-graph-outer .score-graph-inner .graph-hover-text:before { width: 20px; background: #fff; height: 16px; clip-path: polygon(0 0, 0% 100%, 100% 0); position: absolute; left: 33%; transform: translateX(-50%); bottom: -14px; content: ""; clip-path: polygon(11% 0, 0 100%, 100% 0); box-shadow: 0px 0px 0px #000; }
.score-graph-outer .score-graph-inner .graph-hover-text:after { position: absolute; left: 5px; bottom: -23px; content: ""; width: 10px; height: 10px; border-radius: 50%; border: solid 1px #fff; background: #4e8e58; }
.score-graph-outer .score-static-bx { position: relative; text-align: center; width: 180px; left:50%; }
.score-graph-outer .score-static-bx:nth-child(1) { margin-left: -137px;}
.score-graph-outer .score-static-bx:nth-child(2) {     margin-left: -43px;}
.score-graph-outer .score-static-bx .no-bx { font-size: 12px; } 
.score-graph-outer .score-static-bx .dash-border-top { border: dashed 1px #716f6f; width: 1px; height: 50px; margin: 0 auto; }
.score-graph-outer .score-static-bx hr { border: 1px solid #716f6f; width: 100%; margin: 0 auto 1rem; max-width: 40%; }
.additional-information .reputation-text { margin-top: 4rem; border-top: 1px solid #CBCBCB; padding-top: 2rem; }
.additional-information .reputation-text  h3{  margin-bottom: 0px;} 
.additional-information .reputation-text .reputation-score{ font-size: 40px; 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: 14px;  padding: 5px 8px; border-radius: 5px; margin-left: 5px;}
:is(.no-result, .no-record) { font-size: 16px; color: var(--blackColor); font-weight: 400;}


.digital-documents-tabs .nav { margin: 0 27px; }
.digital-documents-tabs .nav .nav-item .nav-link {padding: 10px 15px; font-weight: 400; font-size: 18px; color: #494949; background: #f3f3f3; border-radius: 10px 10px 0 0;  position: relative;min-height: 55px; border: 0;}
.digital-documents-tabs .nav .nav-item:not(:last-child) .nav-link:after { position: absolute; right: 0; top: 50%; content: ''; height: 25px; width: 1px; 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: 10px;     padding: 15px;}
.digital-documents-tabs .no-file-upload { padding: 15px; min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.digital-documents-tabs .no-file-upload p { font-size: 16px; color: #ABABAB; margin-top: 15px; }
.digital-documents-tabs ul li a{ font-size: 16px; color: var(--blackColor);    font-weight: 500; }


.assets-detail-list .left-img-box { text-align: center; }
.assets-detail-list .left-img-box .img-box-asset { text-align: center; margin-bottom: 20px; }
.assets-detail-list .left-img-box .titlebx { font-size: 16px; font-weight: 600; color: var(--blackColor); }
.assets-detail-list .left-img-box .qty-bx{margin-top: 20px;}
.assets-detail-list .left-img-box .qty-bx h4{font-weight: 600; font-size: 12px;color: var(--blackColor); margin-bottom: 4px;}
.assets-detail-list .left-img-box .detailbox{font-weight: 600; font-size: 16px;color: var(--blackColor);}
.assets-detail-list > .row { background: var(--whiteColor); border-radius: 10px; margin: 0; padding: 20px; align-items: center; }
.assets-detail-list .detail-content { background: #EEEEEE; border-radius: 10px; padding: 20px 12px; display: flex; align-items: center; justify-content: space-between;  margin-bottom: 4px;}
.assets-detail-list .detail-content :is(.titlebx , .detailbox){font-weight: 400; font-size: 18px;color: var(--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: 15px;}




.council-list-team{    margin-bottom: 20px; border: solid 1px #DEDEDE; border-radius: 10px; overflow: hidden; padding: 2rem;}
.council-list-team .img { background: #E7E7E7; position: relative; overflow: hidden; width: 85px; height: 85px; border-radius: 50px; margin:3rem auto 4rem;}
.council-list-team .img>img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; filter: grayscale(100%); object-position: top; }
.council-list-team .face-mask { position: absolute; top: 0; right: -10px; bottom: 0;     width: 60%; display: none;}
.council-list-team .face-mask>img { width: 100%; height: 100%; pointer-events: none; user-select: none;  object-fit: contain;}
.council-list-team :is(p, h4, a){font-size:14px; font-weight: 500; color: #323232; line-height: 1.6; text-align: center;     line-break: anywhere;   }
.council-list-team :is(p, h4) span{display: block;  text-align: center;     word-wrap: break-word;}







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




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


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

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




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


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

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


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

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

.council-meetings-wrapper .list-view .table td a{color: #282828; font-weight: 500;}
.council-meetings-wrapper .list-view .table td a:hover{color: var(--PrimaryColor);}

 





.public-notice-wrapper .hawai-video-section-box {     height: 500px; position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.public-notice-wrapper .hawai-video-section-box img{ width: 100%; height: 100%; object-fit: cover;}
 


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

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



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


/* 17-06-2024 */
.inner-banner .agenda-file-btns .btn-primaryx{padding: 1rem 2rem;}
.inner-banner .agenda-file-btns .btn-primaryx .pdf-icon{display: inline-block; margin-right: 6px;}
.inner-banner .agenda-file-btns {display: flex; gap: 10px; justify-content: end;  margin-top:2rem;}


.voting-table .date-box{ font-size: 14px; color: #000; font-weight: 600;     margin-top: 10px;}
.voting-table .date-box .light-text{font-weight: 400; }





.inner-banner .banner-pagelink-btn{display: flex; align-items: center; justify-content: center;}
.inner-banner .banner-pagelink-btn .page-url { font-size: 16px; color: var(--blackColor); font-weight: 500; line-height: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.inner-banner .banner-pagelink-btn .external-link { font-size: 18px; color: var(--blackColor); cursor: pointer; display: inline-block; margin-left: 1rem; }
.inner-banner  h3{font-size: 24px; color: var(--blackColor); text-shadow: none; line-height: 1.1;  margin: 10px 0; text-align: center;}









/* 01-07-2024 */
.voting-cards {background: var(--whiteColor); border-radius: 20px; overflow: hidden; margin-bottom: 30px;}
.voting-cards .card-top-title{padding: 2rem; border-bottom: solid 1px #D8D8D8;}
.voting-cards .card-middle-bx{padding: 2rem;}

.voting-cards .card-top-title h3{ color: #282828; font-size: 24px; font-weight: 600; line-height: normal; margin: 0 ;}
.voting-cards .card-top-title .date-box{font-size: 16px; color: var(--blackColor); font-weight: 500;}
.voting-cards .card-top-title .date-box .light-title{font-weight: 400;}

.voting-cards .voting-poll-progress-box { display: flex; gap: 15px; }
.voting-cards .voting-poll-progress-box .img-box { width: 100%; max-width: 124px; height: 124px; border-radius: 11px; overflow: hidden; border:solid 1px #C4C4C4;display: inline-flex; align-items: center; justify-content: center;}
.voting-cards .voting-poll-progress-box .img-box img { border-radius: 11px; overflow: hidden; width: 100%; height: 100%; object-fit: cover; }
.voting-cards .voting-poll-progress-box .voting-poll-detail { width: calc(100% - 124px); }
.voting-cards .voting-poll-progress-box .progress { margin: 15px 0; border: solid 1px #cfcfcf; background: var(--whiteColor); height: 35px; border-radius: 5px; }
.voting-cards .voting-poll-progress-box .progress .progress-bar { background: #2396cf66; color: var(--blackColor);font-size: 16px; font-weight: 600; }
.voting-cards .voting-poll-progress-box .top-title { display: flex; align-items: center; justify-content: space-between; }
.voting-cards .voting-poll-progress-box .top-title .person-name { font-size: 14px; color: #000; font-weight: 500; text-transform: capitalize; line-height: normal; }
.voting-cards .total-votebx { font-size: 12px; color: #000; font-weight: 300; line-height: normal; }
.voting-cards .total-votebx .vote-no { font-weight: 600; }
.voting-cards .voting-public-openion-btn .opinion-btn { width: 62px; height: 62px; border-radius: 50%; color: #608923; font-size: 20px; border: solid 5px #608923; background: #fff; text-align: center; display: inline-flex; align-items: center; justify-content: center;}

@media (min-width: 1200px) {
    .colum-wid-custom-for-voting {
        width: 49%;
    }
}



.succession-cards .col-voting{    max-width: max-content; text-align: center;}
.voting-gold-standard-bx .voting-poll-detail p {font-size: 14px;}
.voting-gold-standard-bx .voting-poll-progress-box .img-box {background: #f8f6f6; }
.voting-gold-standard-bx .voting-poll-progress-box .img-box img{    width: auto;
    height: auto;object-fit: contain;}




.texan-life-app{background: url(../images/republck-bg.jpg)no-repeat center top/cover;}
.texan-life-app .same-title :is( h2, p) {color: var(--whiteColor);}
.texan-life-app .social-icon-list{margin: 4rem 0 0;}
.texan-life-app .social-icon-list .icon-list{display: flex; align-items: center; gap: 10px;}
.texan-life-app .social-icon-list .icon-list li a{width: 6rem; height: 6rem; text-align: center; display: inline-flex; align-items: center; justify-content: center; line-height: 6rem; border: solid 1px var(--whiteColor); border-radius: 2rem; font-size: 2.4rem; color: var(--whiteColor); }
.texan-life-app .social-icon-list .icon-list li a img{filter: invert(1) brightness(1.5);    width: 22px;}






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

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

.marriage-certificate-section .adoption-scan-bx .marriage-person-img {    padding: 0;}
.marriage-certificate-section .adoption-scan-bx .marriage-person-img .center-bar-code{ width: 150px; height: 150px; position: relative; left: unset; top: unset; transform: inherit; margin: 0 auto; padding: 0; border-radius: 0;} 

.footer_service ul{ display: flex; flex-wrap: wrap;}
.footer_service ul li{ width: 33%;}



/* .election_user{ display: flex; flex-wrap: wrap;} */

/* .election_poll{ display: inline !important;} */

/* .election_r{ padding-right: 30px;} */

.voting-cards .card-middle-bx .border-middle { position: relative; }
.voting-cards .card-middle-bx .border-middle:before { position: absolute; left: 50%; top: 33px; content: ''; width: 1px; height: 90%; background-color: #D8D8D8; transform: translateX(-50%); } 
.voting-cards .card-middle-bx .border-middle .img-box{margin-bottom:20px;}
.voting-cards .card-middle-bx  .election_r .total-votebx{ text-align: right; margin-top: 15px;}

.blue_c{ color: #000 !important;}


.god-gov-section{background: url(../images/courage-bg-banner.jpg)no-repeat center top/cover; position: relative; min-height: 42vw; display: flex; align-items: center; }
.god-gov-section:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgb(0 0 0 / 70%); content: '';}
.god-gov-section h3{color: var(--whiteColor); font-weight: 400;    margin: 0 0 3rem; line-height: 1.5;}
.god-gov-section .same-title{position: relative; z-index: 1; }
.god-gov-section .same-title .playiconbtn{background:var(--whiteColor); border-color: var(--whiteColor); color: var(--PrimaryColor); font-size: 2.8rem; }



.constitution-wrap .same-title h3{font-size: 2.2rem;}
.constitution-wrap .constitution-body{ margin-bottom: 2rem; padding-bottom: 2rem; }

.login-banner{    background: var(--PrimaryColor); }
.login-banner .same-title :is( h2, p) { color: var(--whiteColor); }

.login-banner .scan-mobile-box{background: url(../images/mobile-border.png)no-repeat center top #002868;  background-size: 100%;    padding: 100px 35px 40px; width:100%; max-width: 400px; margin: auto;text-align: center;     min-height: 500px;}
.login-banner .scan-mobile-box p{font-size: 16px; color: var(--whiteColor); 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: 200px; margin: 50px auto 0; position: relative;     padding: 10px;}
.login-banner .barcode img { opacity: 0.3;border-radius: 15px; }
.login-banner .barcode .btn { 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;}
.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{border-right: solid 1px #B8B8B8; 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); } 

.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);    min-height: 65px; font-size: 2rem;}


 .voting-cards .card-middle-bx .common-title-bx { color: #282828; font-size: 18px; font-weight: 600; line-height: normal; margin-bottom: 1.5rem; } 


/* events page css */

.america-banner{background: url(../images/america-banner.jpg?v=1723206570)no-repeat center bottom/cover; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 4rem 0;}

.america-banner h1{font-size: 48px; color: #fff; font-weight: 700; margin-bottom: 15px; line-height: normal;}
.america-banner p{font-size: 20px; line-height: normal; color: #fff; font-weight: 400; width: 100%; max-width: 80%; margin: 0 auto 2rem; }
.america-banner .btn-primaryx{ background: #fff; border-color: #fff; color: var(--PrimaryColor); text-transform: capitalize; }

.park-card-wrap{background: #F1F1F1;}
.park-card-wrap .row{margin: 0 -5px;}
.park-card-wrap .col{    max-width: 33.33%; padding: 5px;        flex: 0 0 auto}
.park-card-wrap .same-heading-bx{margin-bottom: 80px;}
.park-card-wrap h2{margin-bottom: 20px;}
.park-card-wrap h2 .light-title{display: block; font-weight: 400;    font-size: 28px;}
.park-card-wrap p{ width: 100%; max-width: 60%; margin: auto; line-height: 1.8;}

.park-card-wrap .park-card{background: linear-gradient(to bottom, #1C246D , #020739); border-radius: 20px; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height:500px}
.park-card-wrap .park-card h3{color: #fff; font-size: 26px; line-height: 1.2; font-weight: 400;margin-bottom: 0; }
.park-card-wrap .park-card .price{color: #fff; font-size: 37px; line-height: 1.2; font-weight: 700; }
.park-card-wrap .park-card .card-title{position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.park-card-wrap .park-card .card-title::before{position:absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background: linear-gradient(to left, transparent, #fff,transparent); content: '';}
.park-card-wrap .park-card ul li{font-size: 14px; color: #fff; font-weight: 400; padding: 6px 0; line-height: normal;}
.park-card-wrap .park-card .bottom-btn{margin-top: 30px;}
.park-card-wrap .park-card .bottom-btn .btn{width: 100%; max-width: 100%; display: block; background: #fff; color: #001F50; text-transform: uppercase; font-size: 14px; border-radius: 5px; padding: 7px 25px; font-weight: 500; transition: all .2s ease;}
.park-card-wrap .park-card.red-bg-card{background: linear-gradient(to bottom, #A7092A , #6A0218);}
.park-card-wrap .park-card.red-bg-card .btn{color: #6A0218 !important;}
.park-card-wrap .park-card .bottom-btn .btn:hover{transform: translateY(-5px);}
.park-card-wrap .park-card .iconbx{    position: absolute;  right: 0; top: -2px; width: 100%; max-width: 40px;}
.park-card-wrap .available-seat{color:#A7092A; font-size:30px; text-transform:uppercase; font-weight:700; margin:30px 0;}

.plan-tab-wrapper .trump-committe-text{text-align:center;    margin-bottom: 40px; }
.plan-tab-wrapper .location-text{color:#737373; font-size:14px; line-height:1.5;    margin-top: 40px;}
.product-btn-section .buy-btn{text-align:center; margin-top:30px}
.product-btn-section .btn-blackx{background:#000;color:#fff;  }

.decentralize-orders-div {border:dashed 1px #000000}
.decentralize-orders-div h3{font-size: 20px; line-height: normal; color:#3A3A3A; margin-bottom:15px}
.decentralize-orders-div h3 small{font-size: 16px;}
.decentralize-orders-div p:after{display:none}

.decentralize-card-title {font-size: 30px;font-weight: 400;color: #000000;margin-bottom: 20px;}
.user-right-part .tickets-btn a{background:linear-gradient(to right, #020739, #A7092A); font-size:16px; color:#fff !important; padding:7px 13px; border-radius:13px; display:block}

.park-card.exclusive-bg-card{background: linear-gradient(to bottom, #151515, #6A0218);}
.plan-tab-wrapper .half-width-content{ font-size: 18px; width: 100%; max-width: 80%; margin: 0 auto 3rem;} 

.america-banner .decentralizelogo-list{width:100%; max-width:60% ;margin:20px auto 30px; }

.decentralizelogo-list ul{display: flex; align-items: center; justify-content: center; gap:15px}
.decentralizelogo-list ul li{ position: relative; padding: 5px 15px; min-height: 70px; display: flex; align-items: center;}
.decentralizelogo-list ul li:after{position: absolute; right: -6px; top: 18px; width: 1px; height: 40px; background: #fff; content: '';;}
.decentralizelogo-list ul li:last-child::after{display: none;}

.plan-tab-wrapper .product-cart-bx {
    background: #EAEAEA;
    border-radius: 15px;
    padding: 30px 15px 0;
    overflow: hidden;
    text-align: left;
    position: relative;
}
.plan-tab-wrapper .product-cart-bx .product-content-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.plan-tab-wrapper .product-cart-bx .product-detailbx {
    min-height: 120px;
}
.plan-tab-wrapper .product-cart-bx .product-toptitle {
    border-bottom: solid 1px #CBCBCB;
    padding-bottom: 10px;
}
.plan-tab-wrapper .product-cart-bx .product-detailbx h3 {

    font-size: 22px;
    color: #0E0E0E;
    font-weight: 600;
    line-height: 1.3;

}

.plan-tab-wrapper .product-cart-bx .product-detailbx .price-bx {
 color: #0E0E0E; font-size: 18px; font-weight: 600; line-height: normal;
}

.plan-tab-wrapper .product-cart-bx .assets-iconlist {
    display: flex;
    align-items: center;
    margin: 0 -5px;
    padding: 10px 0;
}

.plan-tab-wrapper .product-cart-bx .assets-iconlist .assets-content {
    display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 auto;
    padding: 0 5px;
}

.plan-tab-wrapper .product-cart-bx .assets-iconlist .iconBx {
    width: 100%;
    max-width: 2.2vw;
}

.plan-tab-wrapper .product-cart-bx .assets-iconlist .textBx {
    width: calc(100% - 2.2vw);
    padding: 0 0 0 8px;
}

.plan-tab-wrapper .product-cart-bx .assets-iconlist .title {
    font-size: 10px;
    color: #000;
    font-weight: 500;
    line-height: normal;
}

.plan-tab-wrapper .product-cart-bx .assets-iconlist h4 {
    font-size: 1vw;
    color: #000;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin: 0;
}

.plan-tab-wrapper .product-cart-bx .mobile-image-bx {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.plan-tab-wrapper .product-cart-bx .mobile-image-bx img {
    position: relative;
    top: 24px;
}

.product-btn-section .buy-btn {
    text-align: center;
    margin-top: 30px;
}




.country-management-wrap .nav{border: solid 1px var(--PrimaryColor); border-radius: 10px; padding: 5px;justify-content: space-between; margin-bottom: 10rem; flex-wrap: nowrap;}
.country-management-wrap .nav .nav-link{background: transparent; border: solid 1px transparent; color: #101010; font-weight: 400; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; border-radius: 10px; padding: 1rem 2rem;}
.country-management-wrap .nav .nav-link.active{background: var(--PrimaryColor); border-color:var(--PrimaryColor); color: var(--whiteColor);}

.certificate-img-box{background: url(../images/certificate-circle-img.png)no-repeat center center; position: relative;  background-size: 70%; display: flex; align-items: center; justify-content: center; padding: 5rem;}
.certificate-img-box .certificate-left{width: 50%;}
.certificate-img-box .certificate-right{ position: absolute; right: -2%; bottom:16%;  width: 60%; z-index: 1;   animation-duration: 6s;}




.business-management-wrap .nav{ flex-wrap: nowrap; justify-content: space-between; border-bottom: solid 1px #A3A3A3;}
.business-management-wrap .nav .nav-link{font-size: 16px;    letter-spacing: 1px; color: var(--blackColor); font-weight: 400; background: transparent;  border: 0; border-radius: 0; border-bottom: solid 3px transparent;  padding: 1rem 1.3rem; text-align: center;     position: relative; top: 1px;}
.business-management-wrap .nav .nav-link.active{border-bottom-color: var(--PrimaryColor); color: var(--PrimaryColor);}
.business-management-wrap .tab-content{padding-top: 3rem;}


.event-banner{background:  url(../images/event-bg-img.svg)no-repeat center center/cover; min-height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.event-banner h1{color:#fff;}

.event-date-bx{border: solid 1px #25374F; border-radius: 20px; display: flex;}
.event-date-bx .left-section{width: 70%; border-right: solid 1px #25374F;  padding: 20px;}
.event-date-bx .right-section{width: 30%; text-align: center;  padding: 20px;}
.event-date-bx h3{font-size: 27px; color: #25374F; font-weight: 700; line-height: normal; }
.event-date-bx .right-section h3{color: #BF1C2F; padding: 0; margin-bottom: 20px;}

.business-management-wrap ul {
    display: flex;
    flex-wrap: wrap;
}

.business-management-wrap ul li {
    font-size: 1.6rem;
    position: relative;
    color: var(--blackColor);
    font-weight: 600;
    width: 50%;
    padding: 3px 0px;
}
.copyright_content { float: right; margin-right: 15px;}
.right{ text-align :right;}

/* new timline section */
.newtimlineSection{
    background: #e8e8e8;
    position: relative;
}

.newtimlineSection .container{
    position: relative;
    z-index: 5;
    max-width: 760px;
}

.newtimlineSection:after{
    content: "";
    width: 260px;
    height: 100%;
    background: #002868;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.timeline-img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #000;
    margin: 0 auto;
    overflow: hidden;
}

.timeline-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.timline-head{
    display: flex;
    align-items: center;
    gap: 2rem;
    text-align: center;
}

.timline-head span{
    display: block;
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
}

.timline-head i{
    position: relative;
    width: 120px;
    height: 2px;
    background: #000000;
    display: block;
}

.timline-head i::after{
    content: "";
    width: 16px;
    height: 16px;
    background-color: #000000;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -7px;

}

.timline-head span{
    text-transform: uppercase;
    display: block;
}


.timeline-text{
    display: flex;
    align-items:  center;
    gap: 2rem;
}

.timeline-text h3{
    margin-right: -100px;
    line-height: 1.5;
}

.timeline-text h3 span{
    font-size: 18px;
    color: #515151;
    text-transform: uppercase;
    display: block;
}

.timeline-text h3 span b{
    color: #000000;
}

.newtimlineSection .container > div:nth-child(even){
    flex-direction: row-reverse;
}

.newtimlineSection .container > div:nth-child(even) .timeline-text, .newtimlineSection .container > div:nth-child(even) .timline-head{
    flex-direction: row-reverse;
}
.newtimlineSection .container > div:nth-child(even) .timline-head i::after{
    left: 0;
}
.newtimlineSection .container > div:nth-child(even) .timeline-text h3{
    margin-right: 0;
    margin-left: -100px;
}


@media only screen and (max-width: 991px) {
    .newtimlineSection .container{
        transform: scale(.5);
        transform-origin: top;
    }
    .newtimlineSection{
        height: 900px;
    }

    .timeline-img{
        width: 150px;
        height: 150px;
    }

    .newtimlineSection:after{
        width: 110px;
    }
  }

.newAmericaBanner{
    background: url(../images/banner-img.jpg)no-repeat center bottom/cover;
    min-height: 50vh;
}

.servicesList{
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.services{
    background-color: #ffffff;
    padding: 5rem 1rem 3rem 1rem;
    border-radius: 15px;
    text-align: center;
    min-height: 209px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
    border: 1px solid transparent;
    width: 19%;
    color: #000000;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.services:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
}

.services.highlight{
    background-color: #6A0218;
    color: #ffffff;
}

.services:hover{
    background: #EFF6FF;
    color: #000000;
    border: 1px solid #25374F;  
}

.services.highlight:hover{
    color: #000000;
}

.services:hover img{
    filter: brightness(0);
}

.services img{
    margin-bottom: 2rem;
    transition: 0.3s;
    cursor: pointer;
}

.services h2{
    margin: 0;
    font-size: 18px;
}


.health_main_video{background: url(../images/health_video_bg.png) no-repeat center top / cover;
    position: relative;
    min-height: 42vw;
    display: flex;
    align-items: center;}

    .health_main_video h2{ color:#fff;}




    .health_main_video .playiconbtn {width: 60px;
        height: 60px;
        line-height: 60px;
        background: #fff;
        color: #002868;
        text-align: center;
        display: inline-block;
        border-radius: 50%;
        font-size: 1.2vw;
        position: relative;
        cursor: pointer;}




@media only screen and (max-width: 1400px) {
    .services{width: 18%;}
  }
@media only screen and (max-width: 1199px) {
    .services{width: 23%;}
  }

  @media only screen and (max-width: 768px) {
    .services{width: 48%;
        padding: 3rem 1rem 3rem 1rem;
        min-height: 169px;
    }


.health_main_video h2{ font-size: 15px !important;}

.health_main_video .playiconbtn{ font-size: 30px;}

  }