/*https://fonts.googleapis.com/css2?family=Work+Sans:wght@400..700&display=swap*/
 
/* vietnamese */
@font-face {
    font-family: 'Work Sans';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'Work Sans';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'Work Sans';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    :root{
      --dark:#0E0541;
      --text:#0A043D;
      --bs-body-color:#0A043D;
      --white:#ffffff;
      --light:#f6f5ff;
      --primary:#FF1CF7;
      /*--container:1240px;*/
    }
    html,body{max-width:100vw;overflow-x:hidden}
    body{
      font-family:"Work Sans",sans-serif;
      font-size:16px;
      color:var(--text);
      line-height:1.4
    }
    /*body.dark{
      background:var(--bg);
      color:var(--white);
    }*/
    .caps{text-transform:uppercase}
    .br-6px{border-radius:6px}
    .br-12px{border-radius:12px}
    .br-18px{border-radius:18px}
    .container{max-width:var(--container)}
    .btn{padding:12px 20px;border-radius:16px;font-size:18px;font-weight:700;text-transform:uppercase;cursor:pointer}
    .color-primary{color:var(--primary)}
    .color-white{color:var(--white)}
    .btn-primary{background:linear-gradient(90deg,#D66DF3 0%,#9424B3 100%)}
    .btn-outline{border-color:#918f9e;color:var(--text)}
    .btn-primary:hover,.btn-primary:focus,.btn-outline:hover,.btn-outline:focus{background:linear-gradient(90deg,#B24ACB 0%,#741E8F 100%);color:var(--white)}
    .font-12px{font-size:12px}
    .font-18px{font-size:18px}
    .font-20px{font-size:20px}
    .font-148{font-size:148%}
    .bg-dark{background:var(--dark)!important}
    .bg-light{background:var(--light)!important}
    .bg-lprimary{background:#f8edfb}
    .lh-1{line-height:1}
    .lh1d14{line-height:1.14}
    .lh1d4{line-height:1.4}
    .lh1d75{line-height:1.75}
    .btn-box{display:flex;gap:20px 20px}
    .lm::before{content:"learn more"}
    .rm::before{content:"read more"}
    [class^="bw-"]{max-width:100%}
    .bw-230{width:230px}
    img[src^="https://rdcdn.com"]{display:none!important}
    .py-2rem{padding-top:2rem;padding-bottom:2rem}
    .py-3rem{padding-top:3rem;padding-bottom:3rem}
    .py-4rem{padding-top:4rem;padding-bottom:4rem}
    .pt-1rem{padding-top:1rem!important}.pb-1rem{padding-bottom:1rem!important}
    .pt-2rem{padding-top:2rem!important}.pb-2rem{padding-bottom:2rem!important}
    .pt-3rem{padding-top:3rem!important}.pb-3rem{padding-bottom:3rem!important}
    .pt-4rem{padding-top:4rem!important}.pb-4rem{padding-bottom:4rem!important}
    .pt-5rem{padding-top:5rem!important}.pb-5rem{padding-bottom:5rem!important}
    .mb-2rem{margin-bottom:2rem}.mb-3rem{margin-bottom:3rem}.mb-4rem{margin-bottom:4rem}.mb-5rem{margin-bottom:5rem}
    .my-2rem{margin:2rem 0!important}
    .gap-y-1rem{gap:1rem 0}
    .gap-y-2rem{gap:2rem 0}
    /*Header*/
    
    
    .hero-1{position:relative;padding:3rem 0}
    
    /* Menu */
    .nav-icon{box-shadow:none!important;padding:0!important; border:0; cursor: pointer; display: inline-block; vertical-align: middle;outline:none!important; width: 2em; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }.nav-icon:after, 
    .nav-icon:before, .nav-icon span  { display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; content: ''; margin: 7px 0; height: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background-color: #333; }
    .nav-icon[aria-expanded="true"]:before { transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); -moz-transform: translateY(12px) rotate(135deg); }
    .nav-icon[aria-expanded="true"]:after { transform: translateY(-12px) rotate(-135deg); -moz-transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); }
    .nav-icon[aria-expanded="true"] span { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }
    .nav-secondary {
        display: inline-block;
        list-style: none;
        margin: 15px 0 15px auto;
    }
    .nav-secondary li {
        display: inline-block;
    }
    .ns-dropdown{position:relative}
    .ns-dropdown:hover .nsd-dropdown-menu{display:block}
    .nsd-dropdown-menu {
        position: absolute;
        right: 0;
        display: none;
        top: 100%;
        z-index: 99;
        background: var(--white);
        padding: 9px 0;
        min-width: 252px;
        box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
        border-radius:8px
    }
    .navbar-xcitium{background:transparent!important}
    .navbar-xcitium .dropdown-title{font-weight:600;width:100%;color:#000;text-decoration:none;margin:0 0 15px;font-size:16px;padding-bottom:10px;border-bottom:2px solid #90A0AF80;display:inline-block;padding-bottom:10px}
    .nsd-dropdown-menu>li{width:100%}
    .nsd-dropdown-menu>li>a:hover,.nsd-dropdown-menu>li>a:focus{background:#8036ef;color:var(--white);}
    .nsd-dropdown-menu>li>a {
        padding: 8px 11px;
        display: inline-block;
        width: 100%;
    }
    .dropdown-toggle::after{display:none}
    .btn-nav{font-size:14px;font-weight:500;border-radius:3px!important;padding:8.5px 15px!important;border-radius:4px;min-height:initial;line-height:initial;text-decoration:none!important;white-space:nowrap;margin:0 8px;height:44px;line-height:1.7!important}
    .btn-nav:hover,.btn-nav:focus{background:#6412e0!important;color:var(--white)!important}
    .btn-nav.btn-primary{border:3px solid var(--primary);background:var(--primary);color:var(--white)}
    .btn-nav.btn-primary-outline{border:3px solid var(--primary);color:var(--primary)}
    .btn-nav.btn-primary-outline:hover,.btn-primary-outline:focus{color:var(--white);background:var(--primary);border-color:var(--primary)}
    .navbar-xcitium .nav-link{padding:18px 0!important;border-bottom:2px solid transparent;color:#000;font-weight:500}
    .navbar-xcitium .nav-item:hover .nav-link{color:#8036ef;border-bottom-color:#8036ef;opacity:1}
    .navbar-xcitium .nav-item{margin:0 15px}
    .btn-nav.btn-primary {border:3px solid #8036ef;background:#8036ef;color:var(--white);}
    
    .hp::before{content:"";position:absolute;background:url(/assets/img/bg/bg-p-1.svg) center center / cover no-repeat;width:73%;top:0; aspect-ratio:1026 / 375; z-index: -1; }
    [class^="gt-"]{display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
    .gt-1{background-image:linear-gradient(90deg, #FF3BFF 0%, #ECBFBF 38%, #5C24FF 76%, #D94FD5 100%)}
    .gt-2{background-image:linear-gradient(90deg, rgba(255,59,255,1) 0%, rgba(255,146,1,1) 38%, rgba(92,36,255,1) 76%, rgba(217,79,213,1) 100%);}
    .tns-row{margin:0 -1rem;position:relative;padding-bottom:6rem}
    .x-slide .tns-item{padding:0 1rem;cursor:grab}
    .x-slide .tns-item>div{background:rgba(214,109,243,.2);color:#9424B3;padding:2rem;border-radius:20px}
    .x-slide .xs-title,.b-title,.a-title{font-size:26px;line-height:1.14;font-weight:600;margin-bottom:.7rem}
    .x-slide .tns-item p{margin:0}
    .tns-nav{position:absolute;bottom:1rem;margin:auto;width:100%;text-align:center}
    .tns-nav button{width:28px;height:28px;border:0;border-radius:50%;margin:0 .4rem;background:rgba(214,109,243,.24);outline:none}
    .tns-nav .tns-nav-active{background:rgba(214,109,243,.75)}
    .tns-nav+button{display:none}
    .x-269 .tns-item>div{min-height:269px}
    .x-208 .tns-item>div{min-height:208px}
    .row-box{gap:4rem 1rem;align-items:stretch;justify-content:center;color:var(--white)}
    .box{background:linear-gradient(96.79deg,#D158DA -22.62%,#C531A9 93.6%);padding:3rem 2rem 2rem;border-radius:2rem;position:relative;height:100%}
    .box::before{content:""; background:linear-gradient(180deg,#D158DA 0%,#C02DBA 100%);width:60px;height:60px;position:absolute;top:-30px;border-radius:50%;left:0;right:0;margin:auto;border:1px solid rgba(255,255,255,.4)}
    .box::after {content:"";background:url(/assets/images/icons/b-icon.svg) no-repeat;width:60px;height:60px;position:absolute;top:-30px;left:0;right:0;margin:auto}
    .bi1::after{background-position:-70px 10px}.bi2::after{background-position:7px 9px}.bi3::after{background-position:-105px -94px}.bi4::after{background-position:9px -93px}
    .clients{display: inline-flex ; padding: 0; width: 100%; justify-content: space-around; align-items: center; margin-top: 40px; flex-wrap: wrap; gap: 0 20px;}
    .clients li{background:url("/assets/img/icon/clients.webp");display:inline-block}
    .clients .distilogix{width:125px;height:25px;background-position:-10px -34px}
    .clients .it-partners{width:125px;height:43px;background-position:-157px -28px}
    .clients .micro-center{width:125px;height:32px;background-position:-303px -29px}
    .clients .pinnacle{width:125px;height:34px;background-position:-445px -31px}
    .clients .plexus{width:125px;height:34px;background-position:-586px -30px}
    .clients .secure-data{width:125px;height:34px;background-position:-737px -30px}
    .clients .secure-tasks{width:125px;height:16px;background-position:-870px -38px}
    
    .row-abox{gap:2rem 0}
    .aicon{background:url(/assets/images/icons/a-icon.svg) no-repeat;display:inline-block;margin:0 0 1rem;width:64px;height:64px}
    .ai1{background-position:-173px -130px}
    .ai2{background-position:0 -130px}
    .ai3{background-position:-180px 0}
    .ai4{background-position:0 0}
    .abox{padding:2rem;color:var(--white);background:linear-gradient(96.79deg,#D158DA -22.62%,#C531A9 73.73%);border-radius:16px;height:100%}
    
    
    .t-card{padding:2rem;background:rgba(170, 170, 170, .1);border-radius:18px;height:100%}
    /*.t-img{width:56px;height:56px;background:#dbdbdb;border-radius:50%;}*/
    .t-info{color:var(--primary);/*width: calc(100% - 70px);margin-left:14px*/}
    .t-title{font-size:24px;font-weight:600;line-height:1}
    .t-title+p{font-size:15px}
    .t-star{background:url(/assets/img/icon/icon-star.svg);background-repeat:space;display:inline-block;height:15px;width:90px}
    .section-2{background:rgba(44,12,81,.92) url("/assets/images/bg/bg-2.svg") center center/cover no-repeat;color:var(--white);padding:2rem 3rem;border-radius:12px}
    .section-2 .btn-outline{color:var(--white)}
    .form-1{background:linear-gradient(96.79deg,#171717 -62.94%,#323335 -62.92%,rgba(90,90,90,0) 54.42%,#171717 174.24%);color:#fff;border-radius:30px;padding:2rem;border:2px solid var(--white)}
    
    .awards{display:inline-flex;list-style:none;padding:0;width:100%;justify-content:space-between;align-items:center;max-width:1000px}
    
    .arrow{display:inline-block;width:12px;height:10px;position:relative}
    .arrow::before{content:"";width:100%;height:2px;background:#fff;position:absolute;top:4px;left:0}
    .arrow::after{content:"";width:10px;height:10px;display:inline-block;position:absolute;border-left:2px solid #fff;border-bottom:2px solid #fff;right:0;transform:rotate(225deg)}
    .form-1 label:not(.error){font-size:14px;font-weight:600;margin-bottom:5px}
    .form-1 .error{font-size:10px;color:red}
    .form-1 .form-control{--bs-border-radius:5px;height:40px}
    .form-1 .iti{height:40px;width:100%}
    .form-1 .iti__country-name{color:var(--text)}
    .form-1 .btn-primary{width:400px;max-width:100%;font-size:16px;border-radius:5px}
    .terms{font-size:12px;opacity:.9;margin-top:1.5rem}
    .cnt{text-align:center;display:inline-block;text-transform:uppercase;font-size:18px;line-height:1.3}
    .cnt>div{position:relative;padding:0 1rem;display:inline-flex;align-items:center;clear:both}
    .cnt>div::before{content:"";width:100%;height:2px;background:#fff;position:absolute;top:50%;z-index:1;left:0}
    .cnt span{position:relative;background:#0e0541;padding:0 7px;z-index:1}
    #faq button{outline:none!important;box-shadow:none!important}
    #faq .accordion-body{padding-top:0}
    #faq .accordion-button,#faq .accordion-collapse{background:rgba(72,20,136,.1);border:0!important}
    #faq .accordion-item{--bs-accordion-btn-color:rgba(10,4,61,.8);--bs-accordion-color:rgba(10,4,61,.8);border:0!important;border-radius:6px;overflow:hidden;margin-bottom:1rem}
    [class^="ifeat-"]{background-image:url(/assets/img/icon/icon-feature.svg);display:inline-block;margin:0 0 1rem}
    .ifeat-1{width:55px;height:45px;background-position:0 0}
    .ifeat-2{width:41px;height:46px;background-position:0px -109px}
    .ifeat-3{width:42px;height:39px;background-position:-123px 0}
    .cd1 .card{--bs-card-border-radius:16px;--bs-card-border-width:0;margin-top:3rem}
    .cd1 .card-title{color:#481488;font-weight:bold;text-transform:uppercase;line-height:1.25;text-align:left}
    .cd1 .card-text{color:#481488;font-size:14px;line-height:1.428;text-align:left}
    .cd1 .card-img-top{border-radius:16px 16px 0 0;height:182px;object-fit:cover;border:2px solid #ff3bff;border-bottom:0}
    .cd1 .card-body{background: linear-gradient(96.79deg, rgba(209,88,218,.2) -62.94%,rgba(197,49,169,.2) 137.54%);border:2px solid #FF3BFF;border-radius:0 0 16px 16px;border-top:0;padding:2rem;text-align:center}
    .cd1 .btn-primary{background:linear-gradient(90deg,#D66DF3 0%,#9424B3 100%);font-size:14px;font-weight:600;width:200px;max-width:100%;border:0}
    .list-tick>li:before{content:"";width:15px;height:8px;border-left:2px solid #d94fd5;border-bottom:2px solid #d94fd5;display:inline-block;position:absolute;left:0;top:9px;transform:rotate(-45deg)}
    .list-tick>li{position:relative;padding-left:30px;margin-bottom:.7rem}
    .list-tick{display:inline-block;list-style:none;padding:0}
    .pc::before {content:"";position:absolute;width:50vh;height:50vh;background:#A600FD;border-radius:50%;right:-20%}
    .cc2{column-count:2}
    .tb1{border-radius:16px;border:2px solid #E0E0E0}.tb1 table{border-radius:16px;overflow:hidden}
    .tb1 th,.tb1 td{padding:1.5rem 1rem}
    .tb1 thead tr>*{background:rgba(245,245,245,.75)}
    .tb1 tbody tr:nth-last-of-type(odd)>td{background:rgba(255,255,255,.5)}
    .tb1 tbody tr:nth-last-of-type(even)>td{background:rgba(255,255,255,1)}
    .tb1 tbody tr:last-child>td{border:0}
    
    /* Footer */
    footer{background:#00042B;color:rgba(255,255,255,0.8);padding:90px 15px 40px;font-size:14px}
    footer a{color:rgba(255,255,255,0.8);text-decoration:none;}
    footer a:hover,footer a:focus{color:var(--white-color)!important}
    .footer-title{font-weight:600;margin:0 0 10px}
    .footer-list { width: 100%; display: inline-block; list-style: none; padding: 0; margin: 0 0 10px; }
    .footer-list li{ display: inline-block; width: 100%; margin: 0 0 5px; }
    .list-socials{display:inline-block;padding:0;list-style:none;}
    .list-socials li{display:inline-block;margin-right:8px;}
    .list-socials li a{width:38px;height:38px;background:#aa4d9b;display:inline-block;border-radius:3px;position:relative;}
    .list-socials li a::after{content:"";background:url("/assets/images/icons/socials.png");background-repeat:no-repeat;display:inline-block;inset:0;margin:auto;top:0;bottom:0;left:0;right:0;position:absolute}
    .list-socials li a:hover{background-color:#d753c2!important}
    .list-socials li a.socials-linkedin::after{width:15px;height:15px;background-position:-2px -5px;}
    .list-socials li a.socials-x::after{width:16px;height:14px;background-position:-20px -5px;}
    .list-socials li a.socials-youtube::after{width:18px;height:20px;background-position:-41px -2px;}
    
    
    @media screen and (min-width:1200px){
       header{position:absolute;width:100%}
       header+section{padding-top:180px!important}
      .only-mobile{display:none}
      .pl-lg-3rem{padding-left:3rem}
      .pl-xl-5rem{padding-left:5rem}
      .font-20px{font-size:20px}
      .font-36px{font-size:36px}
      .font-41px{font-size:41px}
      .font-43px{font-size:43px}
      .font-50px{font-size:50px}
      .font-55px{font-size:55px}
      .font-70px{font-size:70px}
      .tb1 table{margin:0!important}
      /*.font-20px{font-size:calc(20 * (100vw/1440))!important}
      .font-36px{font-size:calc(36 * (100vw/1440))!important}
      .font-50px{font-size:calc(50 * (100vw/1440))!important}
      .font-55px{font-size:calc(55 * (100vw/1440))!important}
      .font-70px{font-size:calc(70 * (100vw/1440))!important}*/
    
      .xd{max-width:86%;margin-top:4rem;filter:drop-shadow(2px 20px 46px rgba(0,0,0,.2));border-radius:12px}
      .col-xl-22{flex:0 0 auto;width:22%}
      .col-xl-34{flex:0 0 auto;width:34%}
    }
    @media screen and (max-width:1199px){.only-mobile{display:inline-block}.nav-secondary{display:none}.font-18px,.font-20px{font-size:16px}.font-36px{font-size:24px}.font-41px,.font-43px,.font-50px,.font-55px,.font-70px{font-size:30px}.x-slide .xs-title,.b-title,.a-title{font-size:20px}}
    @media screen and (max-width:767px){.tns-nav button{width:16px;height:16px}.btn-box{display:inline-flex;justify-content:center;margin:0 0 2rem;gap:10px 0;flex-wrap:wrap}.x-slide{padding-right:1.25rem}.mb-m-1rem{margin-bottom:1rem}.mb-m-2rem{margin-bottom:2rem}.mb-m-3rem{margin-bottom:3rem}.clients{display:inline-block}.clients>li{display:inline-block;margin:.5rem 2rem}}
    
    
    @media screen and (min-width:1601px){:root{--container:1512px;}.container{max-width:var(--container)}.navbar-nav{max-width:calc(100% - 290px);width:100%;}}
    @media screen and (min-width:1350px){.navbar-xcitium .nav-item{margin:0 auto}.navbar-nav .nav-link{margin:0 15px}}
    @media screen and (min-width:992px) and (max-width:1273px){:root{--font-scale:0.7}.navbar-brand{margin-right:0!important}.navbar-xcitium .nav-item{margin:0 10px!important}}
    @media screen and (min-width:1200px){
        :root{
            --container:1512px;
        }
        .cc2-xl{column-count:2}
        .navbar-xcitium .container{position:relative;}
        .navbar-xcitium .nav-item.nav-cart{order:8}
        .navbar-brand img{position:relative;top:-6px}
        .nav-item.nav-cart .icon-cart{top:4px}
        .nav-secondary{margin:0.65rem 0 0 auto;display:inline-block;}
        .nav-secondary>li{margin-right:1rem}
        .nav-secondary span, .nav-secondary a{padding:0.95rem 1rem 5px;border-bottom:2px solid transparent;display:inline-block;color:#000;text-decoration:none;font-weight:500}
        .nav-secondary span.active, .nav-secondary a.active{border-bottom-color:var(--primary);color:var(--primary)}
        .mega-menu{position:initial}
        .mega-menu .mega-dropdown{width:836px;margin:auto;left:0;right:0;box-shadow: 0px 8px 24px 0px #90A0AF4D;border:0;padding:40px 25px}
        .mega-2-col{position:relative}
        .mega-menu.mega-5-col .mega-dropdown{width:1380px}
        .mega-menu.mega-4-col .mega-dropdown{width:1100px}
        .mega-menu.mega-2-col .mega-dropdown{width:500px;transform:translate(calc(-50% + 55px),0)}
        .nav-item.dropdown:not(.mega-menu) .dropdown-menu{width:279px;margin: auto; left: 0; right: 0; box-shadow: 0px 8px 24px 0px #90A0AF4D; border: 0; padding: 40px 25px;}
        .navbar-xcitium .dropdown-item{padding:0}
        .navbar-xcitium{padding:0;max-width:100vw!important;background:var(--white);z-index:50;padding:1rem 0}
        .navbar-xcitium.nx-sticky{box-shadow:0 10px 60px 0 rgba(0,0,0,0.2)!important}
        .navbar-xcitium [class^="col-lg-"]{padding:0 15px}
        .navbar-xcitium .dropdown-title, .navbar-xcitium .dropdown-title+ul,.nul{width:calc(100% - 10px);margin-left:5px;list-style:none;padding:0}
        .navbar-xcitium .dropdown-title+ul>li>a{display:inline-block}
        .navbar-xcitium .dropdown-item{padding:6px 4px 6px 10px;border-left:1px solid transparent;transition:all 0.4s ease;margin-left:-10px;display:inline-flex;flex-wrap:wrap;min-height:56px;white-space:pre-line}
        .navbar-xcitium .dropdown-item:hover{border-left:1px solid #8036ef;padding-left:10px;background:linear-gradient(90deg, rgba(128, 54, 239, 0.16) 0%, rgba(128, 54, 239, 0) 50%, rgba(128, 54, 239, 0) 100%)!important;margin-left:0px;color:var(--bs-body-color)}
        .navbar-xcitium .nav-title{font-weight:500;font-size:16px;display:inline-block;width:100%;margin-top:auto;line-height:1.1!important;padding-bottom:0px}
        .navbar-xcitium .nav-title:not(:last-child){padding-bottom:4px}
        .navbar-xcitium .nav-desc{font-weight:500;font-size:12px;display:inline-block;color:#697580;line-height:1.1!important;margin-bottom:auto;float:left;max-width:100%}
        .nav-secondary>li:last-child{margin-right:0}
        .nav-item>.dropdown-menu,.mega-dropdown{top:56px}
        .mega-center{position:relative}
        .nav-item.mega-center>.dropdown-menu{transform:translate(calc(-50% + 50px), 0px)!important;top:100%}
        .nav-item>.dropdown-menu{z-index:-1;opacity:0;visibility: hidden;/*transform: translateX(0) translateY(20%);transition:opacity 0.4s ease, transform 0.4s ease;*/display:flex}
        .nav-item:hover>.dropdown-menu{z-index:1;opacity:1;visibility: visible;/*transform: translateX(0) translateY(0%);*/min-width:279px}
        .nav-item:hover>.dropdown-menu.ft{flex-wrap:wrap}
        .mh-initial{min-height:initial!important}
        .nav-item > .dropdown-menu:not(:hover) {transition:none}
        .no-navdesc>li>a,.no-navdesc>li>a span{margin-top:0!important;line-height:1.4!important;margin-bottom:0!important;min-height:initial!important}
        .mega-dropdown .col-lg-3,.mega-dropdown .col-lg-4,.mega-dropdown .col-lg-6{padding:0 15px;}
    }
    
    @media screen and (max-width:1199px){
        /* from max-width: 991px begin*/
        .nav-desc,.xcitium-top-navbar{display:none}
        .navbar-xcitium .nav-item:hover>.dropdown-menu{display:block!important;border:0;background:#f2f2f2;border-radius:0}
        .navbar-xcitium{padding:2rem 0 2rem}
        .navbar-xcitium .nav-link, .nav-secondary span, .nav-secondary a{font-size:16px}
        #xcitiumMenu{position:absolute;top:calc(100% + 20px);z-index:99;background:rgb(255, 255, 255);width:100%;border:1px solid rgb(204, 204, 204);border-radius:12px;overflow:hidden;box-shadow:0 18px 24px 0 rgba(0,0,0,.18);max-width:calc(100% - 3rem);padding-bottom:15px}
        .nav-item.mega-menu>.dropdown-menu{flex-wrap:wrap}
        .navbar-xcitium .dropdown-title{margin:0 15px 10px}
        .navbar-xcitium .nav-item:hover>.dropdown-menu{margin:0}
        .btn-nav{margin:0 0 15px 15px;height:45px;display:inline-block}
        .mega-dropdown ul{width:100%;}
    }
    
    @media screen and (min-width:992px) and (max-width:1199px){
        .nav-secondary>li{margin-right:15px}
        .container{max-width:100%}
        .nav-item.dropdown:not(.mega-menu) .dropdown-menu{width:279px}
        
    }
    @media screen and (min-width:360px) and (max-width:1199px){.container{padding:0 1.5rem}.cart-dropdown{max-width:calc(100% - 3rem);right:1.5rem}}
    @media screen and (max-width:991px){
        .navbar-xcitium .nav-item{margin:0}.navbar-xcitium .nav-link{padding:15px 20px!important}
        .navbar-xcitium .nav-item:hover .nav-link{border-color:transparent}
        .navbar-xcitium .nav-item:hover .nav-link:hover{background:#8036ef;color:var(--white)}
        .navbar-xcitium .dropdown-title{margin:0px -2px 9px -2px;border-color:transparent;padding:15px 20px;background:#ddd;}
        .navbar-xcitium .nav-item:hover>.dropdown-menu{padding:0}
        .mega-dropdown ul>li>a{padding:6px 20px;}
    }
    @media screen and (min-width:768px) and (max-width:1199px){
        .mega-dropdown>div{width:100%}
    }
    @media screen and (min-width:768px) and (max-width:991px){
        .navbar-xcitium .container{position:relative}
    }
    @media screen and (max-width:767px){
        .navbar-xcitium .container{position:relative}
        .pc::before{right:-96vw}
    }
    @media screen and (min-width:1401px){
        .footer-link-row>.footer-lg-3:nth-child(1){width:30%}.footer-link-row>.footer-lg-3:nth-child(2){width:29%}.footer-link-row>.footer-lg-3:nth-child(3){width:25%}.footer-link-row>.footer-lg-3:nth-child(4){width:16%}
    }
    @media screen and (min-width:1401px) and (max-width:1600px){
        :root{--container:1330px}
        .container{max-width:max(86.11%,var(--container))!important;}
        .navbar-nav{max-width:calc(100% - 240px);width:100%;margin-left:1.5rem !important;margin-right:auto !important;}.btn-nav{padding:6px 15px!important;font-size:13px!important;}
        .nav-secondary{margin-bottom:0!important;padding-bottom:0.15rem!important}.nav-secondary span, .nav-secondary a{font-size:13px;padding:0.6rem 1rem 5px!important}
        .nav-secondary>li{margin-right:0.65rem!important}.navbar-nav .nav-link{font-size:14px!important}
        .navbar-nav{width:100%;margin-left:0!important}
        .navbar-nav .nav-link{margin:0 12px!important}
        .btn-nav{height:38px;line-height:1.7!important}
    }
    @media screen and (min-width:1200px) and (max-width:1400px){
        .btn-nav{height:38px;line-height:1.2!important}
        .navbar-nav .nav-link{margin:0!important}
        .nav-title{font-size:15px}
    }
    @media screen and (min-width:1301px) and (max-width:1400px){
        :root{--container:1243px}
        .container{max-width:var(--container)}
        .nav-secondary{margin-bottom:0!important}
        .mega-menu.mega-5-col .mega-dropdown{width:var(--container)!important}
        .nav-secondary span, .nav-secondary a{font-size:13px!important}
        .nav-secondary>li{margin-right:0!important}
        .footer-link-row>.footer-lg-3:nth-child(1){width:30%}.footer-link-row>.footer-lg-3:nth-child(2){width:29%}.footer-link-row>.footer-lg-3:nth-child(3){width:25%}.footer-link-row>.footer-lg-3:nth-child(4){width:16%}
        .navbar-expand-xl .navbar-nav{margin:0}
        .navbar-nav .nav-link{font-size:13px!important}
        .navbar-nav .nav-item{margin:0 1rem!important}
    }
    @media screen and (min-width:360px) and (max-width:574px){.btn-nav{width:170px;text-align:center}}
    @media screen and (min-width:1200px) and (max-width:1300px){
        body{font-size:15px;max-width:100vw}
        .container{max-width:var(--container);}
        .nav-secondary{margin-bottom:0!important}
        .mega-menu.mega-5-col .mega-dropdown{max-width:var(--container)}
        .navbar-xcitium .nav-link{font-size:14px}
        .nav-secondary span, .nav-secondary a{font-size:13px!important}
        .nav-secondary>li{margin-right:0!important}
        .footer-link-row>.footer-lg-3:nth-child(1){width:30%}.footer-link-row>.footer-lg-3:nth-child(2){width:29%}.footer-link-row>.footer-lg-3:nth-child(3){width:25%}.footer-link-row>.footer-lg-3:nth-child(4){width:16%}
        .navbar-nav .nav-link{font-size:13px!important}
        .navbar-nav .nav-item{margin:0 1rem!important}
        .btn-nav{padding:8.5px 6px!important;font-size:13px;margin:0 3px}
        .navbar-brand img{max-width:150px;top:-3px}
        .navbar-xcitium .nav-title{font-size:14px;}
        .navbar-xcitium .nav-desc{font-size:10px;}
    }
    @media screen and (min-width:1301px){.uzt .dropdown-title{min-height:84px}}
    @media screen and (min-width: 1201px) and (min-width:1300px){.uzt .dropdown-title{min-height:60px}}
    @media screen and (max-width:359px){
        .btn-nav{min-width:170px;text-align:center}
    }