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;
}

:root {
    --PrimaryColor:#002868;
    --blackColor:#000;
    --whiteColor:#fff; 
    --grayColor:#F3F3F3; 
}


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

body{padding: 0; margin: 0;  font-family: 'Plus Jakarta Sans'; font-weight: 400;  overflow-x: hidden; }

ul{padding: 0; margin: 0; list-style: none;}
a{text-decoration: none; transition: all .2s ease;}


.container-fluid{padding:0 3vw;}

p{font-size: 1.8rem; color: #181818; line-height: 1.9; font-weight: 300;}
.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;}



.same-section{padding: 7rem 0;}

.same-heading {margin-bottom: 6rem;}
.same-heading h2{font-size: 3.6rem; color: var(--PrimaryColor); font-weight: 600; line-height: normal; margin-bottom: 1.5rem;}
.same-heading.white-text :is( h2, p){color: var(--whiteColor);}
.half-width-text{width: 100%; max-width: 75%;}
.same-heading.text-center .half-width-text{margin: auto;}

.section-bottom-btn{margin-top: 3rem;}
.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;  position: relative; z-index: 2;}
.header .navbar-menu{display: flex; align-items: center; gap: 1rem;}
.header .navbar-menu .nav-link{color: var(--blackColor); font-weight: 500; font-size: 1.8rem;line-height: normal;}
.header .navbar-menu .nav-link:hover{color: var(--PrimaryColor);}
.search-with-language{display: flex; align-items: center;  gap: 1rem;}
.search-with-language .dropdown .btn{color: var(--blackColor); font-weight: 500; font-size: 1.8rem;} */




.header { padding:1.6rem 0; width: 100%;  position: relative;    transform: translateZ(0); transition: all 0.5s;  z-index:999;      min-height: 90px;     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: 87%;  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: 60%; right: 0; left: 0; background: transparent; border: 0; }
.header .mega-menu .dropdown{ position: inherit; }
.header .mega-menu .mega-menu-box{ background: #FFFFFF; margin-top:34px; box-shadow:0px 20px 100px rgb(64 64 64 / 78%); border-top: 1px solid #DFDFDF; overflow-x: hidden; }
.header .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: all; }
.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;}
.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: 150px;}

.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 22px 8px 8px ; margin: 0; color: #161616; font-size: 14px; font-weight: 500;  }
.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-menu li.Active .dropdown-item { background: #b2100b08; color: var(--PrimaryColor); }
.header.header_fix{ position: fixed; top: 0; left: 0; right: 0; box-shadow:0 2px 6px rgba(0,0,0,0.2); animation:headerfixdown 0.7s; background: var(--whiteColor);  z-index: 99;}

.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 - 90px); 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: 150%; width: 100%; background-size: 100%; }
.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 p{font-size: 2.4rem; color:#181818; line-height: 1.6;}




.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;}




.texan-life-app{background: url(../images/texan-life-bg.jpg)no-repeat center top/cover;}
.texan-life-app .social-icon-list .icon-list li a{    color: var(--whiteColor); border-color: var(--whiteColor);}
.texan-life-app .social-icon-list .icon-list li a img{filter: invert(1) brightness(1.5);    width: 22px;}

.txse-exchange-wrap .same-heading .icon-box{width: 100%; max-width: 320px; margin: 0 auto 3rem;}

.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%;}






/* footer */
.footer .footer-top-section{padding: 7rem 0 5rem;}
.footer h4{font-size: 2rem; color: var(--PrimaryColor); font-weight: 700; padding-bottom: 1.5rem; margin-bottom: 2rem; 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.6rem; color: var(--blackColor); display: block; line-height: normal; margin: 0.5rem 0; padding: 1rem 0; transition: all .2s ease; font-weight: 400;}
.footer .footer-menu li a:hover{color: var(--PrimaryColor);}
.footer .chatus-content .btn-primaryx{width: 100%; max-width: 80%; margin:3rem auto; display: block;padding: 1.3rem 2.1rem;}
.footer .social-icon{display: flex; align-items: center; justify-content: center;}
.footer .social-icon li a { color: var(--blackColor); 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.6rem; color: var(--whiteColor); text-align: center; background:var(--PrimaryColor); padding: 2rem 0;  }