/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300; 400; 600; 700; 800&display=swap');
@import url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css);

#ct{ font-size: 1rem; font-weight: 400; line-height: 1.5; } 
.brand-awonder { overflow: hidden; } 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } 
.brand-visual-wrp h1 { color: #fff; } 
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } 
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } 
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } 
.justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; } 

.col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } 
.flex-md-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important; } 
.text-right { text-align: right!important; } 
.text-center { text-align: center!important; } 
.col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } 
.w-100 { width: 100%!important; } 
.justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important; } 
.position-absolute { position: absolute!important; } 
.motion-section>.main-title, .motion-section section { padding-top: 0 !important; } 
.text-white { color: #fff!important; } 
.h4, h4 { font-size: 1.5rem; } 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } 
.sect-brand-product .bx-media .display-3 { color: #fff; } 


.modal-open .modal { overflow-x: hidden; overflow-y: auto; } 
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } 
.fade { transition: opacity .15s linear; } 
.modal.show .modal-dialog { -webkit-transform: none; transform: none; } 
.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px); } 
.modal-dialog.modal-lg { max-width: 800px; } 
.modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } 
.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } 
.modal-content { border-radius: 1.667em; padding: 2.222em; } 
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 0.3rem; outline: 0; } 
.brand-lnb li a { font-size: 1.222rem; } 
/* BASIC css end */