@charset "utf-8";
body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%}
.select2 .select2-selection--single{height: 100%;}
.select2 .select2-selection--single .select2-selection__rendered {line-height: 36px;}
.select2 .select2-selection--single .select2-selection__arrow{height: 36px;}
.select2 .select2-selection,.select2-dropdown,.select2-search__field{border-color: var(--tblr-border-color)!important;}
.select2-results{box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb),.15)!important;}
.input-group>.select2{flex: 1 1 auto;}
.input-group>.select2 .select2-selection{border-color: var(--tblr-border-color)!important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .select2 .select2-selection{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) + .select2 .select2-selection{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.codegroup .form-control.is-valid, .was-validated .codegroup .form-control:valid,.codegroup .form-control.is-invalid, .was-validated .codegroup .form-control:invalid,.datepicker.is-valid,.was-validated .datepicker:valid,.datepicker.is-invalid,.was-validated .datepicker:invalid{padding-right: .75rem;background-image:none;}
.was-validated .form-select:invalid + .select2,.was-validated .form-select:valid + .select2{z-index: 4;}
.was-validated .form-select:invalid + .select2 .select2-selection{border-color: var(--tblr-danger)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.was-validated .form-select:valid + .select2 .select2-selection{border-color: var(--tblr-success)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.select2-container--default .select2-selection--single .select2-selection__clear{height: 36px;}
.select2-container .disabled,.opt-label.disabled,.related-unavailable {opacity: .5;position: relative;}
.select2-container .select2-selection.form-select-lg{padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;border-radius: 8px;}
.select2 .select2-selection--single.form-select-lg .select2-selection__arrow{top:5px;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;justify-content: flex-start;}
#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}
#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}

.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}

.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.header .navbar-nav .dropdown-menu{min-width: auto;width: auto;transition: all 0.3s ease-out;display: block;top:50px;max-height: 0px;height:0px;visibility: hidden;overflow: hidden;padding: 0;}
.header .navbar-nav .nav-item:hover .dropdown-menu,.header .navbar-nav .nav-item a:hover+.dropdown-menu{display: block;visibility: visible;max-height: 100vh;height: auto;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-indigo);color: #fff;}



:root{
  --tblr-theme1-color:rgba(30,64,175,1);/*#1e40af*/
  --tblr-theme1-color-hover:rgba(30,64,175,.8);
  --tblr-theme2-color:rgba(30,58,138,.1);
  --tblr-theme2-color-hover:rgba(30,58,138,.8);
  --tblr-theme3-color:rgba(234,179,8,1);/*#eab308*/
  --tblr-theme3-color-hover:rgba(234,179,8,.8);
}
.bg-theme{background: var(--tblr-theme1-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.bg-theme3{background: var(--tblr-theme3-color);}
.text-theme{color: var(--tblr-theme1-color);}
.text-theme1{color: var(--tblr-theme1-color);}
.text-theme2{color: var(--tblr-theme2-color);}
.text-theme3{color: var(--tblr-theme3-color);}

.header{width: 100%;position: fixed;z-index: 999;}
.header .navbar-nav .nav-item{margin:0 2rem;}
.header .navbar-nav .nav-link{padding:30px 0;color:#333;font-size: 1rem;}
.logobox span{width: 50px;height: 50px;line-height: 50px;color:#fff;}
.logobox span svg{}


.banner .space-y-4{gap: 0rem;}




.banbox{--tw-gradient-to: #0f172a var(--tw-gradient-to-position);--tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to)}

@media (min-width:992px){
    
}

.pay-btn{position:relative;padding:12px 24px;font-size:16px;background:#1a1a1a;color:white;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.3s ease;}
.pay-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.4);}
.icon-container{position:relative;width:24px;height:24px;}
.icon-container .icon{position:absolute;top:0;left:0;width:24px;height:24px;color:#22c55e;opacity:0;visibility:hidden;}
.default-icon{opacity:1;visibility:visible;}
.pay-btn:hover .icon{animation:none;}
.pay-btn:hover .wallet-icon{opacity:0;visibility:hidden;}
.pay-btn:hover .card-icon{animation:iconRotate 2.5s infinite;animation-delay:0s;}
.pay-btn:hover .payment-icon{animation:iconRotate 2.5s infinite;animation-delay:0.5s;}
.pay-btn:hover .dollar-icon{animation:iconRotate 2.5s infinite;animation-delay:1s;}
.pay-btn:hover .check-icon{animation:iconRotate 2.5s infinite;animation-delay:1.5s;}
.pay-btn:active .icon{animation:none;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.pay-btn:active .check-icon{animation:checkmarkAppear 0.6s ease forwards;visibility:visible;}
.btn-text{font-weight:600;font-family:system-ui,-apple-system,sans-serif;}
@keyframes iconRotate{0%{opacity:0;visibility:hidden;transform:translateY(10px) scale(0.5);}5%{opacity:1;visibility:visible;transform:translateY(0) scale(1);}15%{opacity:1;visibility:visible;transform:translateY(0) scale(1);}20%{opacity:0;visibility:hidden;transform:translateY(-10px) scale(0.5);}100%{opacity:0;visibility:hidden;transform:translateY(-10px) scale(0.5);}}
@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0.5) rotate(-45deg);}50%{opacity:0.5;transform:scale(1.2) rotate(0deg);}100%{opacity:1;transform:scale(1) rotate(0deg);}}


.w-4{width: 1rem !important;}
.h-4{height: 1rem  !important;}
.w-5{width: 1.25rem !important;}
.h-5{height: 1.25rem  !important;}
.space-y-3,.space-y-4{gap: 0rem;}
.header a,.header a:hover{text-decoration: none;}
.p-8{padding:2rem}
p{font-size: 1rem;}
.text-grey-max{color:#333;}
.text-grey{color:#666;}
.accordion .accordion-item{border:2px solid #e2e8f0;box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);transition: all 0.4s;}
.accordion .accordion-item:hover{border:2px solid #93c5fd;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition: all 0.4s;}
.accordion .accordion-item.active{border:2px solid #1e3a8a;transition: all 0.4s;}

.fgqq img{width:80%;margin: auto;}
.footer .fs-3.mt-3 span{color:#aba9ff;cursor: pointer;}
.footer p span:hover{text-decoration: revert;}
.popform{border-top-left-radius: 1.5rem !important;border-top-right-radius: 1.5rem !important;}
.hbox{border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.fform input{height: 40px;color: #333 !important;padding-left: 2.5rem;background: #f5f5f5; font-size: .9rem;border:none;width: 100%;}
.fform .inpbox{position:relative;}
.fform .inpbox svg{position:absolute;fill:#333; width: 18px;height: 18px;left: .8rem;top: 28%;z-index: 2;}
.fform .a-btn{padding:.6rem 2rem;border-radius: 3px;background: #59cb74;transition: all 0.3s;}
.fform .a-btn:hover{background: #64df81;transition: all 0.3s;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder{color:#aaa;font-size: .9rem;}

@media (min-width:992px){
    /*.container{width: 76%;max-width: 1400px;margin:auto;}
    .container-nav{width: 90%;margin:auto;}
    .logo img{height: 45px;}*/
    .navbar-toggler{display: none !important;}
    .logobox{width: 22%;}
    .nav-toptwo{margin-top:60px;}
    .app-down{display: none;}
    .jc-start{display: flex;justify-content: flex-start;}
    .jc-end{display: flex;justify-content: flex-end;}
    .jc-center{display: flex;justify-content: center;}
    .jc-between{display: flex;justify-content: space-between;}
    .ai-center{display: flex;align-items: center;}
    .h-150{width: 100%;height: 150px;object-fit: cover;}
    .h-250{width: 100%;height: 250px;object-fit: cover;}
    .h-300{width: 100%;height: 300px;object-fit: cover;}
    .h-400{width: 100%;height: 400px;object-fit: cover;}
    .h-500{width: 100%;height: 500px;object-fit: cover;}
    .mh-400{width: 100%;max-height: 400px;object-fit: cover;}
    .mh-500{width: 100%;max-height: 500px;object-fit: cover;}

    .hover-box .showl{margin-left: 0rem;transition: all 0.5s ease;}
    .hover-box .tab-content .show .showl,.hover-box .show:hover .showl{margin-left: 1rem !important;transition: all 0.5s ease;}
    .hover-box .showr{margin-right: 0rem;transition: all 0.5s ease;}
    .hover-box .tab-content .show .showr,.hover-box .show:hover .showr{margin-right: 1rem !important;transition: all 0.5s ease;}
    .hover-box .showt{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
    .hover-box .tab-content .show .showt,.hover-box .show:hover .showt{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
    .hover-box .op .opbox{opacity: 1;transition: all 0.5s ease;}
    .hover-box .op:hover .opbox{opacity: .5;transition: all 0.5s ease;}
    .hover-box .circle .circlebox{transform: rotate(0deg);transition: all 0.4s;}
    .hover-box .circle:hover .circlebox{transform: rotate(360deg);transition: all 0.4s;}

    .hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
    .hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
    .w-md-90{width: 90%;}
    .w-md-80{width: 80%;}
    .w-md-70{width: 70%;}
    .w-md-60{width: 60%;}
    .w-md-50{width: 50%;}
    .w-md-40{width: 40%;}
    .w-md-30{width: 30%;}
    .w-md-20{width: 20%;}
    .w-md-10{width: 10%;}

    .page .text-5xl svg{width: 50px;height: 50px;}

}





@media screen and (min-width: 1500px) and (max-width: 1920px){
     .page .text-5xl svg{width: 65px;height: 65px;}
}
@media screen and (min-width: 1171px) and (max-width: 1499px){

}
@media screen and (min-width: 992px) and (max-width: 1170px){

}

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

}

@media (max-width:768px){
    .page .text-5xl svg{width: 30px;height: 30px;}
}