@font-face {
     src: url("../fonts/quicksandsemibold.woff2") format("truetype");
     font-display: swap;
 }

 @font-face {
     font-family: "QuicksandRegular";
     src: url("../fonts/quicksandregular.woff2") format("truetype");
     font-display: swap;
 }

 body {
     margin: 0px;
     padding: 0px;
     font-family: "QuicksandRegular", "lato", sans-serif;
     background-position: top center;
     background-repeat: no-repeat;
     font-weight: normal;
     font-size: 16px;
     line-height: 30px;
     -webkit-text-size-adjust: none;
     color: #111;
     letter-spacing: 0.1px;
     overflow-x: hidden;
 }

 @media screen and (max-width: 1080px) {
     body {
         padding: 10px;
     }
 }

 a:hover {
     text-decoration: none;
 }

 :root {
     --orange-color: rgba(255, 110, 1, 1);
     --Green-color: #11C27F;
     --blue-color: rgba(0, 142, 206, 1);
     --light-blue-color: rgba(58, 130, 254, 1);
     --white-color: rgba(255, 255, 255, 1);
     --yellow-color: rgba(245, 166, 1, 1);
     --light-green-color: rgba(7, 171, 177, 1);
     --dark-blue--color: #070A3D;
     --black-color: rgba(61, 61, 61, 1);
     --light-blackColor: #7d7f80;
     --red-color: rgba(228, 60, 92, 1);
     --light-red-color: rgba(253, 239, 242);
     --darkBlack-color: #111;
     --purple-color: #6959A1;
     --dark-purple-color: #45367b;
     --light-purple-color: #6959A1;
     --purple-color-100: rgba(230, 224, 236, 1);
     --transition: all 0.28s ease;
     --page-width:min(92%, 1400px);
     --h-full-minus: calc(100vh - 80px);
     --gray-bg:#f2f2f2;
 }

 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }

 a:hover {
     color: var(--Green-color);
     transition: color 0.3s;
 }

 a {
     color: var(--purple-color);
     text-decoration: none;
 }

 h1,
 h2,
 h3 {
     font-weight: bold;
 }

 h4,
 h5,
 h6 {
     margin: 0.1em 0;
     font-weight: bold;
 }

 p {
     margin: 0;
     padding-top: 5px;
     padding-bottom: 5px;
 }

 @media screen and (max-width: 1080px) {
     p {
         line-height: 1.6em;
     }
 }

 img {
     max-width: 100%;
     height: auto;
 }

 sub,
 sup {
     position: relative;
     font-size: 50%;
     line-height: 0;
 }

 .clear {
     clear: both;
 }

 p a[href],
 li>a[href] {
     transition: all ease-in-out 0.4s;
 }

 p a[href]:hover,
 li>a[href]:hover {
     color: var(--Green-color);
 }

 .row-layout {
     display: flex;
     z-index: 1;
 }

 @media screen and (max-width: 1080px) {
     .row-layout {
         flex-direction: column;
         background-color: var(--purple-color);
     }

     .header-shell .logo img:first-child {
         display: none;
     }

     .header-shell.fixed_header-shell .logo img:first-child {
         display: none;
     }

     .header-shell.fixed_header-shell .logo img:last-child {
         display: block;
     }
 }

 @media screen and (min-width: 1081px) {
     .row-layout {
         flex-direction: row;
     }

     .header-shell .logo img:first-child {
         display: none;
     }

     .header-shell.fixed_header-shell .logo img:first-child {
         display: block;
     }

     .header-shell.fixed_header-shell .logo img:last-child {
         display: none;
     }
 }

 .gotop {
     position: fixed;
     border: 1px solid white;
     background: none;
     height: 40px;
     width: 40px;
     border-radius: 40px;
     bottom: 140px;
     right: 10px;
     z-index: 100;
     box-shadow: 1px 0 20px rgba(126, 126, 126, 0.5);
     cursor: pointer;
     outline: none;
     display: none;
     background: var(--purple-color);
 }

 .gotop>span {
     font-size: 24px;
     color: #d4d0d0;
 }

 .headLayout {
     position: fixed;
     top: 0px;
     width: 100%;
     background-color: var(--white-color);
     z-index: 1000;
 }

 .navinquiry {
     position: absolute;
     background-color: #11C27F;
     color: #fff;
     width: 70px;
     text-align: center;
     top: 10px;
     right: 90px;
     border-radius: 5px;
 }

 .navinquiry,
 .navinquiry a {
     color: #fff;
 }

 .riginquiry {
     position: fixed;
     right: 0px;
     top: 50%;
     width: 60px;
     height: 60px;
     background-color: #11C27F;
     color: #fff;
     line-height: 60px;
     border-radius: 60px;
     text-align: center;
     z-index: 100;
     font-weight: bold;
     font-size: 14px;
 }

 .riginquiry:hover {
     background-color: #6959A1;
 }

 .riginquiry,
 .riginquiry a {
     color: #fff;
 }

 nav>ul>li>a {
     color: #fff;
 }

 nav>ul>li>ul>li>ul{
    max-height:200px;
    overflow-y: auto;
 }

::-webkit-scrollbar {
    width: 8px; 
    height: 8px; 
  }
  

  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 4px;
    transition: background 0.3s; 
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
  }
  

  ::-webkit-scrollbar-corner {
    background: transparent; 
  }
  
  ::-webkit-scrollbar-button {
    display: none; 
  }
 @media screen and (min-width: 1081px) {
     .headLayout {
         width: 100%;
         background: none;
     }

     .header-shell .naviBlock {
         padding: 5px 0;
     }

     .header-shell .naviBlock>.row-layout {
         justify-content: space-between;
         align-items: center;
     }

     .navinquiry {
         display: none;
     }

     .riginquiry {
         display: block;
     }
 }

 @media screen and (max-width: 1080px) {
     .navinquiry {
         display: block;
     }

     .riginquiry {
         display: none !important;
     }
 }

 .logo {
     position: relative;
     width: 300px;
     transition: all ease-in-out 0.4s;
     display: block;
     padding: 5px 0px;
 }

 .navactive {
     display: block;
 }

 @media screen and (max-width: 1080px) {
     .mobile-menu svg {
         height: 40px;
         position: absolute;
         width: 40px;
     }

     .mobile-menu {
         height: 40px;
         width: 40px;
         position: absolute;
         right: 10px;
         top: 5px;
         z-index: 200;
     }

     .mobile-menu .x {
         transform: scale(0);
         transition: transform 400ms;
     }

     .mobile-menu .line {
         fill: none;
         stroke: white;
         stroke-width: 6px;
         stroke-linecap: round;
         stroke-linejoin: round;
         transform-origin: 50%;
         transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
     }

     .x .line {
         stroke-width: 5.5px;
     }

     .mobile-menu .line2 {
         stroke-dasharray: 40 200;
         stroke-dashoffset: 0px;
     }

     .mobile-menu .line3 {
         stroke-dasharray: 40 179;
         stroke-dashoffset: 0px;
     }

     .active .line {
         transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
     }

     .active.mobile-menu .line1 {
         transform: scale(0, 1);
         transition: transform 500ms 100ms;
     }

     .active.mobile-menu .line2 {
         stroke-dasharray: 5px 200;
         stroke-dashoffset: -164px;
     }

     .active.mobile-menu .line3 {
         stroke-dasharray: 5px 179;
         stroke-dashoffset: -142px;
     }

     .active.mobile-menu .x {
         transform: scale(1);
         transition: transform 400ms 350ms;
     }
 }

 @media screen and (min-width: 1081px) {
     .mobile-menu {
         display: none;
     }
 }

 @media screen and (max-width: 1080px) {
     .header-contact {
         display: none;
     }
 }

 nav {
     position: relative;
 }

 nav>ul {
     position: relative;
 }

 nav>ul>li {
     position: relative;
 }

 nav>ul>li>a {
     position: relative;
 }

 /* nav>ul>li span {
     position: relative;
     color: #fff;
 } */

 nav>ul>li>ul {
     position: relative;
     display: none;
 }

 nav>ul>li ul a {
     color: #fff;
 }

 nav>ul>li ul li {
     line-height: 1.5em;
 }

 nav>ul>li ul li>a {
     line-height: 1.8em;
     display: block;
 }

 nav>ul>li ul li>a:hover {
     color: var(--yellow-color) !important;
 }

 nav .nav-btn {
     display: none;
 }

 @media screen and (max-width: 1080px) {
     nav {
         min-height: 50px;
         background: var(--purple-color);
         display: none;
     }

     nav>ul {
         display: none;
         padding: 0.2em 0.7em;
         margin-top: 1.5em;
         z-index: 1000;
     }

     nav>ul>li {
         position: relative;
         margin: 0.3em 0;
     }

     nav>ul>li>a {}

     nav>ul>li li {
         position: relative;
     }

     nav>ul>li ul {
         position: relative;
         padding-left: 0.8em;
         background: none;
         display: none;
     }

     nav>ul>li span {
         position: absolute;
         right: 0;
         display: block;
         top: 0;
         z-index: 1000;
         color:#000;
     }

     nav>ul>li span::before {
         width: 26px;
         height: 26px;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     nav .nav-btn {
         display: block;
         position: absolute;
         right: 10px;
         top: 2px;
         width: 34px;
         height: 44px;
         overflow: hidden;
         white-space: nowrap;
         color: transparent;
         z-index: 100;
     }

     nav .nav-btn i,
     nav .nav-btn i::before,
     nav .nav-btn i::after {
         position: absolute;
         display: inline-block;
         height: 3px;
         width: 24px;
         background: #ffffff;
     }

     nav .nav-btn i {
         position: absolute;
         top: 50%;
         right: 5px;
         margin-top: -2px;
         transition: background 0.2s;
     }

     nav .nav-btn i::after,
     nav .nav-btn i::before {
         content: "";
         right: 0;
         transform: translateZ(0);
         backface-visibility: hidden;
         transform-origin: 0% 50%;
         transition: transform 0.2s;
     }

     nav .nav-btn i::after {
         top: 6px;
     }

     nav .nav-btn i::before {
         top: -6px;
     }

     nav.visible .nav-btn i {
         background: rgba(255, 255, 255, 0);
     }

     nav.visible .nav-btn i::after,
     nav.visible .nav-btn i::before {
         background: white;
     }

     nav.visible .nav-btn i::after {
         transform: translateX(4px) translateY(2px) rotate(-45deg);
     }

     nav.visible .nav-btn i::before {
         transform: translateX(4px) translateY(-3px) rotate(45deg);
     }

     nav.visible>ul {
         display: block;
     }

     .fixed_header-shell .header-search>span {
         color: #fff;
     }
     .fixed_header-shell{
        background-color: #f2f2f2;
     }
     .fixed_header-shell nav>ul>li span {
        color: #000;
    }
 }

 @media screen and (min-width: 1081px) {
     /* nav {
         margin-top: 0.5em;
         position: unset;
     } */

     nav>ul {
         display: flex;
         justify-content: flex-end;
         position: unset;
     }

     /* nav>ul>li {
         position: unset;
         margin: 0 1em;
         padding: 1.1em 0.2em;
     } */

     nav>ul>li.normal>a {
         position: relative;
     }

     nav>ul>li.normal>a::after {
         position: absolute;
         content: "\e90e";
         font-family: "icomoon";
         color: #fff;
         right: -20px;
         top: -5px;
         font-weight: normal;
     }

     /* nav>ul>li>a {
         text-transform: uppercase;
     } */

     nav>ul>li.normal .full-screen>div>ul>li>ul .naviView>li {
         position: relative;
         padding-left: 0.8em;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul .naviView>li::before {
         position: absolute;
         content: "\e923";
         left: 0;
         font-family: "icomoon";
         color: #111;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul .naviView>li span {
         display: none;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul ul {
         position: relative;
         left: 0;
         padding-top: 0;
         padding-left: 0;
         width: 100%;
         max-height: 260px;
         overflow-y: auto;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul ul::-webkit-scrollbar {
         width: 10px;
         height: 1px;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul ul::-webkit-scrollbar-thumb {
         border-radius: 10px;
         box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
         background: #d6b007;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul ul::-webkit-scrollbar-track {
         box-shadow: inset 0 0 5px rgba(21, 21, 21, 0.2);
         border-radius: 10px;
         background: #EDEDED;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul>li>a {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         padding-right: 1em;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul>li a {
         color: var(--white-color) !important;
         transition: all ease-in-out 0.4s;
     }

     nav>ul>li.normal .full-screen>div>ul>li>ul>li a:hover {
         color: var(--yellow-color) !important;
     }

     .fixed_header-shell nav>ul>li a {
         transition: all ease-in-out 0.4s;
         color: #111;
     }

     nav>ul>li:hover>a,
     nav>ul>li:hover>span {
         color: var(--Green-color) !important;
     }

     /* nav>ul>li {
         position: relative;
         padding-left: 10px;
         padding-right: 13px;
     } */
/* 
     nav>ul>li span {
         position: absolute;
         top: 0.5em;
         right: 0.5em;
     }

     nav>ul>li>span {
         top: 1.4em;
         right: 0em;
     } */

     nav>ul>li>ul {
         padding: 1em 1.5em;
         height: calc(100vh - 80px);
         overflow-y: auto;
         overflow-x: hidden;
     }

     nav>ul>li>ul>li {
         margin-bottom: 1em;
         position: relative;
     }

     nav>ul>li>ul>li>ul ul {
         display: none;
     }

     nav>ul>li>ul>li>a {
         position: relative;
         border-bottom: 1px solid rgba(255, 255, 255, 0.5);
         font-size: 1.2em;
     }

     nav>ul>li .full-screen {
         position: absolute;
         top: 80px;
         right: 0;
         padding-top: 1.5em;
         display: none;
         height: calc(100vh - 82px);
     }

     nav>ul>li .full-screen .logo-nav {
         position: absolute;
         bottom: 3em;
         right: 2em;
         width: 12em;
     }

     nav>ul>li .full-screen>div {
         position: relative;
         overflow: hidden;
         height: 100%;
         padding: 1.5em 0;
         display: flex;
         justify-content: flex-end;
         padding-left: 17vw;
     }

     nav>ul>li .full-screen>div>ul {
         position: relative;
         display: grid;
         height: 100%;
         width: -moz-max-content;
         width: max-content;
         grid-template-columns: repeat(3, 1fr);
         align-content: flex-start;
     }

     nav>ul>li .full-screen>div>ul>li {
         border-right: 1px solid var(--white-color);
         margin-right: 2em;
     }

     nav>ul>li .full-screen>div>ul>li:first-child {
         grid-row-start: 1;
         grid-row-end: 3;
     }

     nav>ul>li .full-screen>div>ul>li:nth-child(3n+3) {
         border: none;
     }

     nav>ul>li .full-screen>div>ul::before {
         content: "";
         position: absolute;
         top: -100vh;
         left: -10vw;
         border-radius: 2000px;
         width: 160vw;
         aspect-ratio: 1;
         background-color: var(--purple-color);
         z-index: -1;
     }

     nav>ul>li .full-screen>div>ul::after {
         content: "";
         position: absolute;
         top: -110vh;
         left: -12vw;
         border-radius: 2000px;
         width: 160vw;
         aspect-ratio: 1;
         background-color: rgba(230, 224, 236, 0.6);
         z-index: -2;
     }

     nav>ul>li .full-screen>div>ul>li {
         padding: 0.8em 1em;
         width: 22em;
     }

     nav>ul>li .full-screen>div>ul>li>a {
         color: var(--white-color);
         font-size: 1.4em;
     }

     nav>ul>li .full-screen>div>ul>li ul li {
         position: relative;
     }

     nav>ul>li .full-screen>div>ul>li>span {
         display: none;
     }

     nav>ul>li .full-screen>div>ul>li .angle-down::before {
         position: absolute;
         content: "\e90e";
         font-family: "icomoon";
         right: 0.5em;
     }

     nav>ul>li:hover>ul {
         position: fixed;
         top: 75px;
         left: 0;
         display: grid;
         grid-template-columns: repeat(auto-fill, 24%);
         width: 100%;
         height: auto;
         justify-content: space-between;
         /* overflow: hidden; */
         padding-top: 60px;
     }

     nav>ul>li:hover>ul a {
         color: #fff;
     }

     nav>ul>li>ul::before {
         content: "";
         position: absolute;
     }

     nav>ul>li:hover>ul::before {
         content: "";
         position: absolute;
         top: -90vh;
         left: 0vw;
         width: 100vw;
         aspect-ratio: 1/0.8;
         background-color: #6959a1;
         z-index: -1;
         visibility: visible !important;
     }

     .fixed_header-shell .header-search>span {
         color: #111;
     }
     .fixed_header-shell{
        background-color: #fff;
     }
     .fixed_header-shell nav>ul>li span {
        color: #000;
    }
 }

 nav>ul>li:hover .full-screen {
     display: block;
 }

 .head-contact {
     display: flex;
 }

 .head-contact.contact-data>li {
     color: var(--purple-color) !important;
     margin-left: 2em;
     font-size: 0.9em;
 }

 .head-contact>li::before {
     color: var(--purple-color) !important;
 }

 .head-contact>li a {
     color: var(--purple-color) !important;
 }

 .rotate-angle {
     transform: rotateZ(90deg);
 }

 .header-search>input {
     position: relative;
     padding: 10px 20px;
     outline: none;
     border: none;
     border-radius: 20px;
 }

 .header-search>input::-webkit-input-placeholder {
     color: var(--light-green-color);
 }

 .header-search>input::-moz-placeholder {
     color: var(--light-green-color);
 }

 .header-search>input:-ms-input-placeholder {
     color: var(--light-green-color);
 }

 .header-search>.search-close {
     display: none;
 }

 .header-search.open>.search-close {
     display: flex;
 }

 .header-search.open>.search-show {
     display: none;
 }

 .search-platform {
     position: absolute;
     padding: 6px 15px;
     background: var(--white-color);
     border-radius: 4px;
     box-shadow: 1px 1px 4px 2px #b5b5b6;
     display: flex;
     justify-content: center;
     top: 60px;
     right: 0;
     display: none;
 }

 @media screen and (min-width: 1081px) {
     .header-search {
         position: relative;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
     }

     .header-search>span {
         position: relative;
         /* top: 5px; */
         border: none;
         border-radius: 50%;
         cursor: pointer;
         padding: 10px;
         color: #fff;
         width: 40px;
         height: 40px;
         justify-content: center;
         align-items: center;
     }

     /* .header-search>input {
         width: 600px;
     } */
 }

 @media screen and (max-width: 1080px) {
     .header-search {
         position: absolute;
         top: 6px;
         right: 0px;
         z-index: 100;
     }

     .header-search span {
         position: absolute;
         top: 0px;
         border: none;
         border-radius: 50%;
         cursor: pointer;
         padding: 10px;
         color: #fff;
         width: 30px;
         height: 30px;
         right: 55px;
     }

     .search-platform {
         position: relative;
         box-shadow: none;
         border: 1px solid rgba(21, 21, 21, 0.1);
         width: 100%;
         margin-top: 10px;
         top: 40px;
     }

     .search-platform>input {
         width: 100%;
     }
 }

 .search-platform>input {
     position: relative;
     padding: 10px 20px;
     border: 1px solid var(--purple-color);
     outline: none;
     width:90vw;
 }

 .search-platform>button {
     position: relative;
     /* margin-left: 10px; */
     outline: none;
     border-radius: 4px;
     background: var(--purple-color);
     border: 1px solid var(--purple-color);
     color: var(--white-color);
     cursor: pointer;
     margin-top:10px;
     padding:10px 15px ;
     font-weight:bold;
 }

 * {
     box-sizing: border-box;
 }

 .container {
     width: 100%;
     margin-right: auto;
     margin-left: auto;
 }

 @media (min-width: 576px) {

     .container-sm,
     .container {
         width: 100%;
     }
 }

 @media (min-width: 768px) {

     .container-md,
     .container-sm,
     .container {
         width: 100%;
     }
 }

 @media (min-width: 992px) {

     .container-lg,
     .container-md,
     .container-sm,
     .container {
         width: 100%;
     }
 }

 @media (min-width: 1200px) {

     .container-xl,
     .container-lg,
     .container-md,
     .container-sm,
     .container {
         max-width: 1200px;
     }
 }

 @media (min-width: 1300px) {

     .container-xxl,
     .container-xl,
     .container-lg,
     .container-md,
     .container-sm,
     .container {
         /* max-width: 1320px; */
         width: 88%;
         max-width:88%;

     }
 }

 .row {
     margin-left: -15px;
     margin-right: -15px;
 }

 .col-xs-1,
 .col-sm-1,
 .col-md-1,
 .col-lg-1,
 .col-xs-2,
 .col-sm-2,
 .col-md-2,
 .col-lg-2,
 .col-xs-3,
 .col-sm-3,
 .col-md-3,
 .col-lg-3,
 .col-xs-4,
 .col-sm-4,
 .col-md-4,
 .col-lg-4,
 .col-xs-5,
 .col-sm-5,
 .col-md-5,
 .col-lg-5,
 .col-xs-6,
 .col-sm-6,
 .col-md-6,
 .col-lg-6,
 .col-xs-7,
 .col-sm-7,
 .col-md-7,
 .col-lg-7,
 .col-xs-8,
 .col-sm-8,
 .col-md-8,
 .col-lg-8,
 .col-xs-9,
 .col-sm-9,
 .col-md-9,
 .col-lg-9,
 .col-xs-10,
 .col-sm-10,
 .col-md-10,
 .col-lg-10,
 .col-xs-11,
 .col-sm-11,
 .col-md-11,
 .col-lg-11,
 .col-xs-12,
 .col-sm-12,
 .col-md-12,
 .col-lg-12 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
 }

 .col-xs-12 {
     width: 100%;
 }

 .col-xs-11 {
     width: 91.66666667%;
 }

 .col-xs-10 {
     width: 83.33333333%;
 }

 .col-xs-9 {
     width: 75%;
 }

 .col-xs-8 {
     width: 66.66666667%;
 }

 .col-xs-7 {
     width: 58.33333333%;
 }

 .col-xs-6 {
     width: 50%;
 }

 .col-xs-5 {
     width: 41.66666667%;
 }

 .col-xs-4 {
     width: 33.33333333%;
 }

 .col-xs-3 {
     width: 25%;
 }

 .col-xs-2 {
     width: 16.66666667%;
 }

 .col-xs-1 {
     width: 8.33333333%;
 }

 .col-xs-pull-12 {
     right: 100%;
 }

 .col-xs-pull-11 {
     right: 91.66666667%;
 }

 .col-xs-pull-10 {
     right: 83.33333333%;
 }

 .col-xs-pull-9 {
     right: 75%;
 }

 .col-xs-pull-8 {
     right: 66.66666667%;
 }

 .col-xs-pull-7 {
     right: 58.33333333%;
 }

 .col-xs-pull-6 {
     right: 50%;
 }

 .col-xs-pull-5 {
     right: 41.66666667%;
 }

 .col-xs-pull-4 {
     right: 33.33333333%;
 }

 .col-xs-pull-3 {
     right: 25%;
 }

 .col-xs-pull-2 {
     right: 16.66666667%;
 }

 .col-xs-pull-1 {
     right: 8.33333333%;
 }

 .col-xs-pull-0 {
     right: auto;
 }

 .col-xs-push-12 {
     left: 100%;
 }

 .col-xs-push-11 {
     left: 91.66666667%;
 }

 .col-xs-push-10 {
     left: 83.33333333%;
 }

 .col-xs-push-9 {
     left: 75%;
 }

 .col-xs-push-8 {
     left: 66.66666667%;
 }

 .col-xs-push-7 {
     left: 58.33333333%;
 }

 .col-xs-push-6 {
     left: 50%;
 }

 .col-xs-push-5 {
     left: 41.66666667%;
 }

 .col-xs-push-4 {
     left: 33.33333333%;
 }

 .col-xs-push-3 {
     left: 25%;
 }

 .col-xs-push-2 {
     left: 16.66666667%;
 }

 .col-xs-push-1 {
     left: 8.33333333%;
 }

 .col-xs-push-0 {
     left: auto;
 }

 .col-xs-offset-12 {
     margin-left: 100%;
 }

 .col-xs-offset-11 {
     margin-left: 91.66666667%;
 }

 .col-xs-offset-10 {
     margin-left: 83.33333333%;
 }

 .col-xs-offset-9 {
     margin-left: 75%;
 }

 .col-xs-offset-8 {
     margin-left: 66.66666667%;
 }

 .col-xs-offset-7 {
     margin-left: 58.33333333%;
 }

 .col-xs-offset-6 {
     margin-left: 50%;
 }

 .col-xs-offset-5 {
     margin-left: 41.66666667%;
 }

 .col-xs-offset-4 {
     margin-left: 33.33333333%;
 }

 .col-xs-offset-3 {
     margin-left: 25%;
 }

 .col-xs-offset-2 {
     margin-left: 16.66666667%;
 }

 .col-xs-offset-1 {
     margin-left: 8.33333333%;
 }

 .col-xs-offset-0 {
     margin-left: 0;
 }

 @media (min-width: 768px) {
     .col-sm-12 {
         width: 100%;
     }

     .col-sm-11 {
         width: 91.66666667%;
     }

     .col-sm-10 {
         width: 83.33333333%;
     }

     .col-sm-9 {
         width: 75%;
     }

     .col-sm-8 {
         width: 66.66666667%;
     }

     .col-sm-7 {
         width: 58.33333333%;
     }

     .col-sm-6 {
         width: 50%;
     }

     .col-sm-5 {
         width: 41.66666667%;
     }

     .col-sm-4 {
         width: 33.33333333%;
     }

     .col-sm-3 {
         width: 25%;
     }

     .col-sm-2 {
         width: 16.66666667%;
     }

     .col-sm-1 {
         width: 8.33333333%;
     }

     .col-sm-pull-12 {
         right: 100%;
     }

     .col-sm-pull-11 {
         right: 91.66666667%;
     }

     .col-sm-pull-10 {
         right: 83.33333333%;
     }

     .col-sm-pull-9 {
         right: 75%;
     }

     .col-sm-pull-8 {
         right: 66.66666667%;
     }

     .col-sm-pull-7 {
         right: 58.33333333%;
     }

     .col-sm-pull-6 {
         right: 50%;
     }

     .col-sm-pull-5 {
         right: 41.66666667%;
     }

     .col-sm-pull-4 {
         right: 33.33333333%;
     }

     .col-sm-pull-3 {
         right: 25%;
     }

     .col-sm-pull-2 {
         right: 16.66666667%;
     }

     .col-sm-pull-1 {
         right: 8.33333333%;
     }

     .col-sm-pull-0 {
         right: auto;
     }

     .col-sm-push-12 {
         left: 100%;
     }

     .col-sm-push-11 {
         left: 91.66666667%;
     }

     .col-sm-push-10 {
         left: 83.33333333%;
     }

     .col-sm-push-9 {
         left: 75%;
     }

     .col-sm-push-8 {
         left: 66.66666667%;
     }

     .col-sm-push-7 {
         left: 58.33333333%;
     }

     .col-sm-push-6 {
         left: 50%;
     }

     .col-sm-push-5 {
         left: 41.66666667%;
     }

     .col-sm-push-4 {
         left: 33.33333333%;
     }

     .col-sm-push-3 {
         left: 25%;
     }

     .col-sm-push-2 {
         left: 16.66666667%;
     }

     .col-sm-push-1 {
         left: 8.33333333%;
     }

     .col-sm-push-0 {
         left: auto;
     }

     .col-sm-offset-12 {
         margin-left: 100%;
     }

     .col-sm-offset-11 {
         margin-left: 91.66666667%;
     }

     .col-sm-offset-10 {
         margin-left: 83.33333333%;
     }

     .col-sm-offset-9 {
         margin-left: 75%;
     }

     .col-sm-offset-8 {
         margin-left: 66.66666667%;
     }

     .col-sm-offset-7 {
         margin-left: 58.33333333%;
     }

     .col-sm-offset-6 {
         margin-left: 50%;
     }

     .col-sm-offset-5 {
         margin-left: 41.66666667%;
     }

     .col-sm-offset-4 {
         margin-left: 33.33333333%;
     }

     .col-sm-offset-3 {
         margin-left: 25%;
     }

     .col-sm-offset-2 {
         margin-left: 16.66666667%;
     }

     .col-sm-offset-1 {
         margin-left: 8.33333333%;
     }

     .col-sm-offset-0 {
         margin-left: 0;
     }
 }

 @media (min-width: 992px) {
     .col-md-12 {
         width: 100%;
     }

     .col-md-11 {
         width: 91.66666667%;
     }

     .col-md-10 {
         width: 83.33333333%;
     }

     .col-md-9 {
         width: 75%;
     }

     .col-md-8 {
         width: 66.66666667%;
     }

     .col-md-7 {
         width: 58.33333333%;
     }

     .col-md-6 {
         width: 50%;
     }

     .col-md-5 {
         width: 41.66666667%;
     }

     .col-md-4 {
         width: 33.33333333%;
     }

     .col-md-3 {
         width: 25%;
     }

     .col-md-2 {
         width: 16.66666667%;
     }

     .col-md-1 {
         width: 8.33333333%;
     }

     .col-md-pull-12 {
         right: 100%;
     }

     .col-md-pull-11 {
         right: 91.66666667%;
     }

     .col-md-pull-10 {
         right: 83.33333333%;
     }

     .col-md-pull-9 {
         right: 75%;
     }

     .col-md-pull-8 {
         right: 66.66666667%;
     }

     .col-md-pull-7 {
         right: 58.33333333%;
     }

     .col-md-pull-6 {
         right: 50%;
     }

     .col-md-pull-5 {
         right: 41.66666667%;
     }

     .col-md-pull-4 {
         right: 33.33333333%;
     }

     .col-md-pull-3 {
         right: 25%;
     }

     .col-md-pull-2 {
         right: 16.66666667%;
     }

     .col-md-pull-1 {
         right: 8.33333333%;
     }

     .col-md-pull-0 {
         right: auto;
     }

     .col-md-push-12 {
         left: 100%;
     }

     .col-md-push-11 {
         left: 91.66666667%;
     }

     .col-md-push-10 {
         left: 83.33333333%;
     }

     .col-md-push-9 {
         left: 75%;
     }

     .col-md-push-8 {
         left: 66.66666667%;
     }

     .col-md-push-7 {
         left: 58.33333333%;
     }

     .col-md-push-6 {
         left: 50%;
     }

     .col-md-push-5 {
         left: 41.66666667%;
     }

     .col-md-push-4 {
         left: 33.33333333%;
     }

     .col-md-push-3 {
         left: 25%;
     }

     .col-md-push-2 {
         left: 16.66666667%;
     }

     .col-md-push-1 {
         left: 8.33333333%;
     }

     .col-md-push-0 {
         left: auto;
     }

     .col-md-offset-12 {
         margin-left: 100%;
     }

     .col-md-offset-11 {
         margin-left: 91.66666667%;
     }

     .col-md-offset-10 {
         margin-left: 83.33333333%;
     }

     .col-md-offset-9 {
         margin-left: 75%;
     }

     .col-md-offset-8 {
         margin-left: 66.66666667%;
     }

     .col-md-offset-7 {
         margin-left: 58.33333333%;
     }

     .col-md-offset-6 {
         margin-left: 50%;
     }

     .col-md-offset-5 {
         margin-left: 41.66666667%;
     }

     .col-md-offset-4 {
         margin-left: 33.33333333%;
     }

     .col-md-offset-3 {
         margin-left: 25%;
     }

     .col-md-offset-2 {
         margin-left: 16.66666667%;
     }

     .col-md-offset-1 {
         margin-left: 8.33333333%;
     }

     .col-md-offset-0 {
         margin-left: 0;
     }
 }

 @media (min-width: 1200px) {
     .col-lg-12 {
         width: 100%;
     }

     .col-lg-11 {
         width: 91.66666667%;
     }

     .col-lg-10 {
         width: 83.33333333%;
     }

     .col-lg-9 {
         width: 75%;
     }

     .col-lg-8 {
         width: 66.66666667%;
     }

     .col-lg-7 {
         width: 58.33333333%;
     }

     .col-lg-6 {
         width: 50%;
     }

     .col-lg-5 {
         width: 41.66666667%;
     }

     .col-lg-4 {
         width: 33.33333333%;
     }

     .col-lg-3 {
         width: 25%;
     }

     .col-lg-2 {
         width: 16.66666667%;
     }

     .col-lg-1 {
         width: 8.33333333%;
     }

     .col-lg-pull-12 {
         right: 100%;
     }

     .col-lg-pull-11 {
         right: 91.66666667%;
     }

     .col-lg-pull-10 {
         right: 83.33333333%;
     }

     .col-lg-pull-9 {
         right: 75%;
     }

     .col-lg-pull-8 {
         right: 66.66666667%;
     }

     .col-lg-pull-7 {
         right: 58.33333333%;
     }

     .col-lg-pull-6 {
         right: 50%;
     }

     .col-lg-pull-5 {
         right: 41.66666667%;
     }

     .col-lg-pull-4 {
         right: 33.33333333%;
     }

     .col-lg-pull-3 {
         right: 25%;
     }

     .col-lg-pull-2 {
         right: 16.66666667%;
     }

     .col-lg-pull-1 {
         right: 8.33333333%;
     }

     .col-lg-pull-0 {
         right: auto;
     }

     .col-lg-push-12 {
         left: 100%;
     }

     .col-lg-push-11 {
         left: 91.66666667%;
     }

     .col-lg-push-10 {
         left: 83.33333333%;
     }

     .col-lg-push-9 {
         left: 75%;
     }

     .col-lg-push-8 {
         left: 66.66666667%;
     }

     .col-lg-push-7 {
         left: 58.33333333%;
     }

     .col-lg-push-6 {
         left: 50%;
     }

     .col-lg-push-5 {
         left: 41.66666667%;
     }

     .col-lg-push-4 {
         left: 33.33333333%;
     }

     .col-lg-push-3 {
         left: 25%;
     }

     .col-lg-push-2 {
         left: 16.66666667%;
     }

     .col-lg-push-1 {
         left: 8.33333333%;
     }

     .col-lg-push-0 {
         left: auto;
     }

     .col-lg-offset-12 {
         margin-left: 100%;
     }

     .col-lg-offset-11 {
         margin-left: 91.66666667%;
     }

     .col-lg-offset-10 {
         margin-left: 83.33333333%;
     }

     .col-lg-offset-9 {
         margin-left: 75%;
     }

     .col-lg-offset-8 {
         margin-left: 66.66666667%;
     }

     .col-lg-offset-7 {
         margin-left: 58.33333333%;
     }

     .col-lg-offset-6 {
         margin-left: 50%;
     }

     .col-lg-offset-5 {
         margin-left: 41.66666667%;
     }

     .col-lg-offset-4 {
         margin-left: 33.33333333%;
     }

     .col-lg-offset-3 {
         margin-left: 25%;
     }

     .col-lg-offset-2 {
         margin-left: 16.66666667%;
     }

     .col-lg-offset-1 {
         margin-left: 8.33333333%;
     }

     .col-lg-offset-0 {
         margin-left: 0;
     }
 }

 @media screen and (min-width: 1081px) {
     .row-layout {
         display: flex;
     }

     .row {
         display: flex;
         flex-flow: wrap;
     }

     .rowCenter {
         align-items: center;
     }
 }

 .new-nuka-btn {
     position: relative;
     max-width: 200px;
     width: 160px;
     height: 40px;
     color: var(--white-color);
     display: flex;
     justify-content: center;
     align-items: center;
     background: transparent;
     text-transform: uppercase;
     --bordercolor: var(--yellow-color);
     border: 1px solid var(--bordercolor);
     background: none;
     --bckgroundHeight: 100%;
     z-index: 10;
     border-radius: 40px;
     overflow: hidden;
 }

 .new-nuka-btn::before {
     position: absolute;
     content: "";
     width: 100%;
     left: 0;
     height: var(--bckgroundHeight);
     background: var(--yellow-color);
     transition: all ease-in-out 0.2s;
     z-index: -1;
 }

 .new-nuka-btn:hover {
     --bckgroundHeight: 0;
     --bordercolor: var(--white-color);
     color: var(--white-color);
 }

 .btnWord {
     border: none;
     outline: none;
     border-radius: 40px;
     padding: 5px 30px;
     cursor: pointer;
     display: flex;
     flex-direction: row;
     justify-content: center;
     position: relative;
     overflow: hidden;
     border: 2px solid var(--white-color);
 }

 .btnWord>span {
     color: white;
     display: block;
     position: relative;
 }

 .btnWord:hover>span:nth-child(odd) {
     animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
 }

 .btnWord:hover>span:nth-child(even) {
     animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;
 }

 @keyframes word_to_up {
     0% {
         transform: translate3d(0, -100px, 0);
     }

     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes wordtodown {
     0% {
         transform: translate3d(0, 100px, 0);
     }

     100% {
         transform: translate3d(0, 0, 0);
     }
 }

 .btnWord:hover>span:nth-child(2) {
     animation-delay: 0.01s;
 }

 .btnWord:hover>span:nth-child(3) {
     animation-delay: 0.1s;
 }

 .btnWord:hover>span:nth-child(4) {
     animation-delay: 0.15s;
 }

 .btnWord:hover>span:nth-child(5) {
     animation-delay: 0.2s;
 }

 .btnWord:hover>span:nth-child(6) {
     animation-delay: 0.25s;
 }

 .btnWord:hover>span:nth-child(7) {
     animation-delay: 0.3s;
 }

 .btnWord:hover>span:nth-child(8) {
     animation-delay: 0.35s;
 }

 .btnWord:hover>span:nth-child(9) {
     animation-delay: 0.4s;
 }

 .btnWord:hover>span:nth-child(10) {
     animation-delay: 0.45s;
 }

 .btnWord:hover>span:nth-child(11) {
     animation-delay: 0.5s;
 }

 .btnWord:hover>span:nth-child(12) {
     animation-delay: 0.55s;
 }

 .btnWord:hover>span:nth-child(13) {
     animation-delay: 0.6s;
 }

 .btnWord:hover>span:nth-child(14) {
     animation-delay: 0.65s;
 }

 .btnWord:hover>span:nth-child(15) {
     animation-delay: 0.7s;
 }

 .btnWord:hover>span:nth-child(16) {
     animation-delay: 0.75s;
 }

 .btnWord:hover>span:nth-child(17) {
     animation-delay: 0.8s;
 }

 .btnWord:hover>span:nth-child(18) {
     animation-delay: 0.85s;
 }

 .btnWord:hover>span:nth-child(19) {
     animation-delay: 0.9s;
 }

 .footerLayout {
     position: relative;
     width: 100%;
     background: #DBD9F1;
 }

 .bottom_message {
     position: relative;
     display: grid;
     padding: 10px;
     margin: auto;
     grid-gap: 20px;
 }

 .bottom_message .header-contact {
     width: -moz-max-content;
     width: max-content;
     margin: 20px 0;
 }

 .bottom_message .newFont {
     font-size: 1.4rem;
 }

 .bottom_message .row-layout {
     align-items: center;
 }

 .bottom_message a:hover {
     color: var(--blue-color);
 }

 @media screen and (min-width: 1081px) {
     .bottom_message {
         padding: 50px 0;
         grid-template-columns: 20% 20% 20% 20% 20%;
         justify-content: space-between;
     }
 }

 .footer-data {
     color: var(--black-color);
     position: relative;
 }

 .footer-data * {
     position: relative;
     z-index: 10;
 }

 .contact-data {
     position: relative;
 }

 .contact-data>li {
     position: relative;
     margin: 10px 0 10px 0;
 }

 .contact-data>li {
     position: relative;
     padding-left: 35px;
     margin: 10px 0 10px 0;
     color: var(--black-color);
 }

 .contact-data>li a {
     color: var(--black-color);
 }

 .contact-data>li a:hover {
     color: var(--yellow-color);
 }

 .contact-data a:hover {
     color: var(--yellow-color);
 }

 .contact-address::before,
 .contact-email::before,
 .contact-call::before,
 .contact-fax::before {
     position: absolute;
     content: "";
     border-radius: 50%;
     font-family: "icomoon";
     width: 30px;
     height: 30px;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     top: 0;
     font-size: 1.2rem;
     color: var(--light-purple-color);
 }

 .contact-address::before {
     content: "\e904";
 }

 .contact-email::before {
     content: "\e931";
 }

 .contact-call::before {
     content: "\e97b";
 }

 .contact-fax::before {
     content: "\e942";
 }

 @media screen and (min-width: 1081px) {
     .header-contact {
         justify-content: space-between;
     }
 }

 .header-contact {
     position: relative;
     display: flex;
 }

 .header-contact>li {
     margin: 0 10px;
 }

 .header-contact>li:nth-child(1)>a {
     background: #375999;
 }

 .header-contact>li:nth-child(2)>a {
     background: #00ABF1;
 }

 .header-contact>li:nth-child(3)>a {
     background: #127BB5;
 }

 .header-contact>li>a {
     color: var(--white-color) !important;
     transition: all ease 0.6s;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 1rem;
     width: 30px;
     height: 30px;
     padding: 10px;
     border-radius: 50%;
 }

 .header-contact>li>a:hover {
     background: var(--orange-color) !important;
 }

 .bottom_median {
     position: relative;
     text-align: center;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     padding: 0.8em 0;
     font-size: 0.9em;
     background: #DBD9F1;
     border-top: 1px solid rgba(21, 21, 21, 0.2);
     padding-bottom: 120px;
 }

 .footer-link {
     position: relative;
     align-items: center;
     margin: 20px 0;
 }

 .footer-link li {
     position: relative;
     margin-right: 10px;
     margin: 10px 0;
 }

 .footer-link li a {
     position: relative;
     color: var(--black-color) !important;
     display: block;
     line-height: 1.5em;
     padding-left: 20px;
 }

 .footer-link li a::before {
     position: absolute;
     content: ">";
     left: 0;
     color: var(--light-purple-color);
 }

 .footer-link a:hover {
     color: var(--light-purple-color) !important;
 }

 @media screen and (max-width: 1080px) {
     .footer-link li a {
         line-height: 2.2em;
     }

     .bottom_median {
         padding-bottom: 230px;
     }
 }

 .footer-link a[href]:hover {
     color: #AD9BEC !important;
 }

 .cap-title {
     position: relative;
     width: 100%;
     font-size: 1.4rem;
     padding-bottom: 10px;
     color: var(--light-purple-color);
 }

 .cap-title::before {
     position: absolute;
     content: "";
     bottom: 0;
     width: 20%;
     height: 2px;
     background: var(--light-purple-color);
 }

 .cap-title>a {
     transition: all ease-in-out 0.5s;
     color: var(--white-color);
 }

 .cap-title>a:hover {
     color: var(--blue-color);
 }

 .contact-data {
     position: relative;
 }

 .contact-data>li {
     position: relative;
     margin: 10px 0 10px 0;
 }

 .contact-data a[href]:hover {
     color: #AD9BEC !important;
 }

 .listBtn {
     position: relative;
     padding: 10px 30px;
     border-radius: 6px;
     color: var(--white-color);
     transition: all ease-in-out 0.4s;
 }

 .bannerBtn {
     position: relative;
     color: var(--white-color) !important;
     padding: 8px 20px;
     --width: 50%;
     width: -moz-max-content;
     width: max-content;
     margin: 30px 0;
     font-size: 1.4rem;
     text-transform: uppercase;
     z-index: 1;
 }

 .bannerBtn::before {
     position: absolute;
     content: "";
     height: 100%;
     width: var(--width);
     transition: all ease-in-out 0.4s;
     top: 0;
     left: 0;
     background: var(--orange-color);
     z-index: -1;
 }

 .bannerBtn:hover {
     --width: 100%;
 }

 .center-layout {
     position: relative;
     display: flex;
     justify-content: center;
 }

 .slideHorizontal {
     position: relative;
     margin: 60px -50px;
     display: flex;
     align-items: center;
 }

 .slideHorizontal .operateLeft,
 .slideHorizontal .operateRight {
     position: absolute;
     width: 28px;
     height: 28px;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 10;
     font-size: 2em;
     cursor: pointer;
 }

 .slideHorizontal .operateLeft {
     left: 10px;
 }

 .slideHorizontal .operateRight {
     right: 10px;
 }

 .slideHorizontal .border_ {
     position: relative;
     display: flex;
     align-items: center;
     overflow: hidden;
 }

 .slideHorizontal .border_ .moveCurrent {
     transition: all linear 0.4s;
 }

 .slideHorizontal .border_>ul {
     position: relative;
     display: flex;
     width: 9000px;
 }

 .slideHorizontal .border_>ul li {
     position: relative;
     margin: 0 10px;
 }

 .categoriesList {
     position: relative;
     color: var(--black-color);
 }

 .categoriesList li {
     position: relative;
     background: var(--white-color);
     box-shadow: 1px 0 20px rgba(21, 21, 21, 0.1);
 }

 .categoriesList li a {
     position: relative;
     color: var(--black-color);
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .categoriesList li a h4 {
     font-size: 1.4em;
     font-family: GALANOGROTESQUEDEMOBOLD;
     text-align: center;
 }

 .categoriesList li a p {
     text-align: center;
 }
 .newBtn {
    position: relative;
    display: inline-block;
    max-width: 100%;
    color: var(--white-color) !important;
    --width: 100%;
    margin: 5px 0;
    font-size: 1rem;
    text-transform: uppercase;
    background: var(--black-color);
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    white-space: normal;
    word-break: break-word; 
    padding: 8px 30px; 
    vertical-align: top;
}

.newBtn::before {
    position: absolute;
    content: "";
    height: 100%;
    width: var(--width); 
    transition: all ease-in-out 0.4s;
    top: 0;
    left: 0;
    background: var(--purple-color);
    z-index: -1;
}

.newBtn:hover {
    --width: 50%; 
}

@media screen and (max-width: 1024px) {
    .newBtn {
        display: block; 
        width: 100%;
        --width: 100%;
    }
}

 .boldFont {
     font-weight: bold;
 }

 .pc-list {
     position: relative;
     margin: 30px 0;
 }

 .pc-list li {
     position: relative;
     margin: 20px 0;
     transition: all ease-in-out 0.4s;
 }

 .pc-list li a {
     display: flex;
     flex-direction: column;
     height: 100%;
     color: var(--black-color);
 }

 .pc-list li a h4 {
     font-size: 1.2rem;
     margin: 6px 0;
 }

 .pc-list li .listBtn {
     color: var(--light-blue-color);
     padding: 0;
     font-weight: bold;
     transition: all ease-in-out 0.4s;
 }

 .pc-list li:hover .listBtn {
     color: var(--orange-color);
 }

 @media screen and (min-width: 1081px) {
     .pc-list {
         display: grid;
         grid-template-columns: repeat(auto-fill, 22%);
         justify-content: space-between;
     }
 }

 .grecaptcha-badge {
     opacity: 0;
 }

 .card-box {
     position: relative;
     margin: 20px 0;
 }

 .nav-tabs {
     position: relative;
     --child-width: 23%;
     margin: 20px 0;
     background-color: #f2f1f4;
 }

 @media screen and (max-width: 1080px) {
     .nav-tabs {
         display: none;
     }
 }

 @media screen and (min-width: 1081px) {
     .nav-tabs {
         display: grid;
         grid-template-columns: repeat(auto-fill, var(--child-width));
         justify-content: space-between;
         border-top: 1px solid rgba(21, 21, 21, 0.2);
     }
 }

 .nav-tabs>li {
     position: relative;
     padding: 0.5em 1em;
     transition: all ease-in-out 0.3s;
     --borderColor: rgba(222, 222, 222, 1);
     cursor: pointer;
     font-size: 1.2em;
     text-align: center;
     color: rgba(21, 21, 21, 0.5);
     z-index: 1;
 }

 .nav-tabs>li:first-child {
     padding-left: 0;
 }

 .nav-tabs>li.active {
     color: rgb(105, 89, 161);
     background: none;
     font-weight: bold;
 }

 .nav-tabs>li.liCurrent {
     position: absolute !important;
     content: "";
     height: 3px;
     top: -1.5px;
     left: 0;
     background-color: #6959a1;
     padding: 0 !important;
     z-index: 0 !important;
     color: var(--white-color);
 }

 .tab-pane {
     position: relative;
     display: none;
 }

 .tab-pane .pathMap {
     max-width: 1000px;
     width: 100%;
 }

 .tab-pane.active {
     display: block;
 }

 .square-info {
     position: relative;
     --child-width: 32%;
     --aspect-ratio: auto;
     --display-flex: block;
 }

 .square-info a {
     position: relative;
     display: block;
 }

 .square-info .item {
     position: relative;
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .square-info>li {
     position: relative;
     --img-src: url(../images/by-rare-diseases-pic1.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     border: 2px solid rgba(209, 199, 246, 0.6);
     padding: 0.3em;
     margin-bottom: 1.5em;
     aspect-ratio: var(--aspect-ratio);
     --translate: 100%;
     --opacity: 0;
     --title-color: var(--purple);
 }

 .square-info>li:hover {
     --translate: 0;
     --opacity: 1;
     --title-color: rgba(75, 50, 161, 1);
 }

 .square-info .img-content {
     position: relative;
     background-image: var(--img-src);
     height: 100%;
     background-repeat: no-repeat;
     background-size: auto 100%;
     background-position: center;
 }

 .square-info .img-content .text {
     position: relative;
     opacity: 1;
     overflow: hidden;
     height: 100%;
 }

 .square-info .img-content .text::before,
 .square-info .img-content .text::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgba(75, 50, 161, 0.8);
     z-index: 1;
     transition: all 0.4s ease-in-out;
 }

 .square-info .img-content .text::before {
     -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
     clip-path: polygon(0 0, 0% 100%, 100% 0);
     transform: translate3d(calc(-1 * var(--translate)), calc(-1 * var(--translate)), 0);
 }

 .square-info .img-content .text::after {
     -webkit-clip-path: polygon(100% 100%, 0% 100%, 99.9% 0);
     clip-path: polygon(100% 100%, 0% 100%, 99.9% 0);
     transform: translate3d(var(--translate), var(--translate), 0);
 }

 .square-info .img-content .text div {
     position: relative;
     padding: 1.2em 1em;
     z-index: 2;
     opacity: var(--opacity);
     color: var(--white-color);
     line-height: 1.5em;
     transition: all 0.5s ease-in-out;
     height: 100%;
     display: var(--display-flex);
     justify-content: center;
     align-items: center;
 }

 .square-info .content {
     text-align: center;
 }

 .square-info .content .title {
     font-size: 1.1em;
     color: var(--title-color);
     transition: all 0.4s ease-in-out;
 }

 @media screen and (min-width: 1081px) {
     .square-info {
         display: grid;
         grid-template-columns: repeat(auto-fill, var(--child-width));
         justify-content: space-between;
     }
 }

 .check-list {
     position: relative;
 }

 .check-list>li {
     padding-left: 1.8em;
 }

 .check-list>li::before {
     position: absolute;
     content: "\e9dd";
     font-family: "icomoon";
     left: 0;
     color: var(--light-purple-color);
     font-weight: bold;
     font-size: 1.2em;
 }

 .inquiry-form {
     position: relative;
     width: 100%;
 }

 .inquiry-form .row>div {
     margin: 10px 0;
 }

 .inquiry-form .row>div label {
     position: relative;
 }

 .inquiry-form>div {
     position: relative;
 }

 .inquiry-form img {
     height: 40px;
     width: -moz-max-content;
     width: max-content;
 }

 .inquiry-form input,
 .inquiry-form textarea {
     position: relative;
     padding: 15px;
     outline: none;
     width: 100%;
     border-radius: 4px;
     outline: none;
     border: none;
 }

 .inquiry-form button {
     position: relative;
     width: -moz-max-content;
     width: max-content;
     height: auto;
     cursor: pointer;
     padding: 0.8em 3em;
     font-size: 1.1em;
     margin-bottom: 0;
     border: none;
 }

 .inquiry-form input::-webkit-input-placeholder,
 .inquiry-form textarea::-webkit-input-placeholder {
     color: #bebebe;
     font-size: 1em;
 }

 .inquiry-form input::-moz-placeholder,
 .inquiry-form textarea::-moz-placeholder {
     color: #bebebe;
     font-size: 1em;
 }

 .inquiry-form input::-ms-input-placeholder,
 .inquiry-form textarea::-ms-input-placeholder {
     color: #bebebe;
     font-size: 1em;
 }