.textMain .videoTabs {
           width: 100%;
           margin: 0 0 38px;
       }

       .textMain .videoTabs ul {
           display: flex;
           align-items: stretch;
           justify-content: center;
           gap: 10px;
           margin: 0;
           padding: 8px;
           background: #ebe8e5;
           border: 1px solid #d9d5d1;
           border-radius: 16px;
           list-style: none;
           box-shadow:
               0 8px 20px rgba(45, 44, 48, 0.08),
               inset 0 1px 0 rgba(255, 255, 255, 0.8);
       }

       .textMain .videoTabs li {
           position: relative;
           flex: 1 1 0;
           margin: 0;
           padding: 0;
       }

       .textMain .videoTabs li a {
           position: relative;
           display: flex;
           align-items: center;
           justify-content: center;
           min-height: 62px;
           padding: 12px 20px;
           color: var(--themeTwoBg);
           background: #fff;
           border: 1px solid #d8d5d2;
           border-radius: 11px;
           font-size: 15px;
           line-height: 1.35;
           font-weight: 700;
           text-align: center;
           text-decoration: none;
           overflow: hidden;
           box-shadow:
               0 4px 10px rgba(45, 44, 48, 0.06),
               inset 0 1px 0 rgba(255, 255, 255, 0.9);
           transition:
               color 0.3s ease,
               background 0.3s ease,
               border-color 0.3s ease,
               box-shadow 0.3s ease,
               transform 0.3s ease;
       }

       .textMain .videoTabs li a::before {
           content: "";
           position: absolute;
           left: 0;
           top: 0;
           width: 5px;
           height: 100%;
           background: var(--themeOneBg);
           border-radius: 11px 0 0 11px;
           transition: background 0.3s ease, width 0.3s ease;
       }

       .textMain .videoTabs li a::after {
           content: "";
           position: absolute;
           left: 50%;
           bottom: 0;
           width: 0;
           height: 4px;
           background: var(--themeFourBg);
           border-radius: 4px 4px 0 0;
           transform: translateX(-50%);
           transition: width 0.3s ease;
       }

       .textMain .videoTabs li:nth-child(1) a::before {
           background: var(--themeOneBg);
       }

       .textMain .videoTabs li:nth-child(2) a::before {
           background: #7b9bad;
       }

       .textMain .videoTabs li:nth-child(3) a::before {
           background: #8b858e;
       }

       .textMain .videoTabs li:nth-child(4) a::before {
           background: #7f9384;
       }

       .textMain .videoTabs li a:hover {
           color: var(--themeFourBg);
           background: #fff;
           border-color: rgba(200, 97, 31, 0.35);
           box-shadow:
               0 9px 20px rgba(45, 44, 48, 0.12),
               0 2px 5px rgba(200, 97, 31, 0.08);
           transform: translateY(-3px);
       }

       .textMain .videoTabs li a:hover::after {
           width: 55px;
       }

       .textMain .videoTabs li a:hover::before {
           width: 7px;
           background: var(--themeFourBg);
       }

       .textMain .videoTabs li.active a,
       .textMain .videoTabs li a.active {
           color: #fff;
           background: var(--themeTwoBg);
           border-color: var(--themeTwoBg);
           box-shadow:
               0 10px 22px rgba(45, 44, 48, 0.22),
               0 3px 7px rgba(45, 44, 48, 0.1);
       }

       .textMain .videoTabs li.active a::before,
       .textMain .videoTabs li a.active::before {
           width: 7px;
           background: var(--themeFourBg);
       }

       .textMain .videoTabs li.active a::after,
       .textMain .videoTabs li a.active::after {
           width: 55px;
           background: var(--themeOneBg);
       }

       .textMain .videoTabs li.active a:hover,
       .textMain .videoTabs li a.active:hover {
           color: #fff;
           background: var(--themeTwoBg);
           border-color: var(--themeTwoBg);
           transform: translateY(-3px);
       }

       .textMain .vidList {
           width: 100%;
           margin: 30px 0 45px;
       }

       .textMain .vidList ul {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
           gap: 24px;
           margin: 0;
           padding: 0;
           list-style: none;
       }

       .textMain .vidList li {
           min-width: 0;
           background: none;
           padding: 0;
       }

       .textMain .vidList li a {
           position: relative;
           display: flex;
           flex-direction: column;
           height: 100%;
           min-height: 100%;
           overflow: hidden;
           background: #fff;
           border: 1px solid rgba(54, 53, 58, 0.12);
           border-radius: 16px;
           color: var(--themeTwoBg);
           text-decoration: none;
           box-shadow: 0 7px 22px rgba(45, 44, 48, 0.08);
           transition:
               transform 0.35s ease,
               box-shadow 0.35s ease,
               border-color 0.35s ease;
       }

       .textMain .vidList .videoThumb {
           position: relative;
           width: 100%;
           aspect-ratio: 16 / 9;
           overflow: hidden;
           background: #e9e7e5;
       }

       .textMain .vidList .videoThumb img {
           display: block;
           width: 100%;
           height: 100%;
           object-fit: cover;
           transition: transform 0.5s ease;
       }

       .textMain .vidList .videoThumb::after {
           content: "";
           position: absolute;
           inset: 0;
           background: linear-gradient(to bottom,
                   rgba(45, 44, 48, 0.02),
                   rgba(45, 44, 48, 0.35));
           pointer-events: none;
       }

       .textMain .vidList .playButton {
           position: absolute;
           z-index: 2;
           left: 50%;
           top: 50%;
           width: 40px;
           height: 40px;
           display: flex;
           align-items: center;
           justify-content: center;
           color: #fff;
           background: var(--themeFourBg);
           border: 4px solid rgba(255, 255, 255, 0.92);
           border-radius: 50%;
           font-family: "fontello";
           font-size: 16px;
           transform: translate(-50%, -50%);
           box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
           transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
       }

       .textMain .vidList .playButton::before {
           content: "\e815";
       }

       .textMain .vidList li a > span {
           position: relative;
           display: block;
           flex: 1;
           padding: 17px 18px 19px;
           color: var(--themeTwoBg);
           background: #fff;
           font-size: 16px;
           line-height: 1.55;
           font-weight: 600;
           transition: color 0.3s ease;
       }

       .textMain .vidList li a > span::before {
           content: "";
           position: absolute;
           left: 18px;
           top: 0;
           width: 38px;
           height: 3px;
           background: var(--themeFourBg);
           border-radius: 0 0 3px 3px;
           transition: width 0.35s ease;
       }

       .textMain .vidList li a:hover {
           border-color: rgba(208, 145, 106, 0.45);
           box-shadow:
               0 16px 34px rgba(45, 44, 48, 0.14),
               0 4px 10px rgba(208, 145, 106, 0.08);
           transform: translateY(-5px);
       }

       .textMain .vidList li a:hover .videoThumb img {
           transform: scale(1.07);
       }

       .textMain .vidList li a:hover .playButton {
           background: var(--themeTwoBg);
           transform: translate(-50%, -50%) scale(1.1);
           box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
       }

       .textMain .vidList li a:hover > span {
           color: var(--themeFourBg);
       }

       .textMain .vidList li a:hover > span::before {
           width: 58px;
       }

       .videoPopup {
           position: fixed;
           z-index: 99999;
           inset: 0;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 55px 90px;
           background: rgba(45, 44, 48, 0.95);
           opacity: 0;
           visibility: hidden;
           transition:
               opacity 0.3s ease,
               visibility 0.3s ease;
       }

       .videoPopup.active {
           opacity: 1;
           visibility: visible;
       }

       .videoPopupContent {
           position: relative;
           width: min(1000px, 90vw);
           aspect-ratio: 16 / 9;
           background: #000;
           border-radius: 10px;
           overflow: hidden;
           box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
           transform: scale(0.94);
           transition: transform 0.35s ease;
       }

       .videoPopup.active .videoPopupContent {
           transform: scale(1);
       }

       .videoPopup iframe {
           display: block;
           width: 100%;
           height: 100%;
           border: 0;
       }

       .videoPopupClose {
           position: absolute;
           z-index: 5;
           top: 18px;
           right: 22px;
           width: 44px;
           height: 44px;
           padding: 0;
           border: 0;
           border-radius: 50%;
           color: #fff;
           background: var(--themeFourBg);
           font-size: 28px;
           line-height: 42px;
           cursor: pointer;
           transition:
               transform 0.3s ease,
               background 0.3s ease;
       }

       .videoPopupClose:hover {
           background: var(--themeOneBg);
           transform: rotate(90deg);
       }

       .videoPopupPrev,
       .videoPopupNext {
           position: absolute;
           z-index: 5;
           top: 50%;
           width: 52px;
           height: 52px;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 0;
           border: 1px solid rgba(255, 255, 255, 0.22);
           border-radius: 50%;
           color: #fff;
           background: rgba(255, 255, 255, 0.12);
           font-size: 21px;
           cursor: pointer;
           transform: translateY(-50%);
           transition:
               background 0.3s ease,
               border-color 0.3s ease,
               transform 0.3s ease;
       }

       .videoPopupPrev {
           left: 24px;
       }

       .videoPopupNext {
           right: 24px;
       }

       .videoPopupPrev:hover,
       .videoPopupNext:hover {
           background: var(--themeFourBg);
           border-color: var(--themeFourBg);
       }

       .videoPopupPrev.disabled,
       .videoPopupNext.disabled {
           opacity: 0.25;
           pointer-events: none;
       }

       .videoPopupCounter {
           position: absolute;
           z-index: 5;
           top: 20px;
           left: 50%;
           padding: 6px 14px;
           color: #fff;
           background: rgba(255, 255, 255, 0.1);
           border: 1px solid rgba(255, 255, 255, 0.16);
           border-radius: 20px;
           font-size: 13px;
           line-height: 1.4;
           transform: translateX(-50%);
       }

       body.videoPopupOpen {
           overflow: hidden;
       }

       @media (max-width: 1100px) {
           .textMain .vidList ul {
               grid-template-columns: repeat(3, 1fr);
               gap: 20px;
           }
       }

       @media (max-width: 950px) {
           .textMain .videoTabs ul {
               flex-wrap: wrap;
           }

           .textMain .videoTabs li {
               flex: 1 1 calc(50% - 10px);
           }
       }

       @media (max-width: 768px) {
           .textMain .vidList {
               margin: 25px 0 35px;
           }

           .textMain .vidList ul {
               grid-template-columns: repeat(2, 1fr);
               gap: 16px;
           }

           .textMain .vidList li a > span {
               padding: 15px 16px 17px;
               font-size: 15px;
               line-height: 1.5;
           }

           .textMain .vidList li a > span::before {
               left: 16px;
           }

           .textMain .vidList .playButton {
               width: 52px;
               height: 52px;
               font-size: 17px;
           }

           .videoPopup {
               padding: 70px 55px;
           }

           .videoPopupContent {
               width: 100%;
           }

           .videoPopupPrev,
           .videoPopupNext {
               width: 44px;
               height: 44px;
               font-size: 17px;
           }

           .videoPopupPrev {
               left: 10px;
           }

           .videoPopupNext {
               right: 10px;
           }
       }

       @media (max-width: 600px) {
           .textMain .videoTabs {
               margin-bottom: 30px;
           }

           .textMain .videoTabs ul {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               gap: 8px;
               padding: 7px;
               border-radius: 14px;
           }

           .textMain .videoTabs li {
               width: 100%;
           }

           .textMain .videoTabs li a {
               min-height: 56px;
               padding: 10px 12px;
               font-size: 14px;
           }
       }

       @media (max-width: 480px) {
           .textMain .vidList ul {
               grid-template-columns: 1fr;
               gap: 18px;
           }

           .textMain .vidList li a > span {
               padding: 16px 17px 18px;
               font-size: 15px;
           }

           .videoPopup {
               padding: 80px 15px 70px;
           }

           .videoPopupContent {
               width: 100%;
               border-radius: 7px;
           }

           .videoPopupClose {
               top: 18px;
               right: 15px;
               width: 40px;
               height: 40px;
               font-size: 25px;
               line-height: 38px;
           }

           .videoPopupPrev,
           .videoPopupNext {
               top: auto;
               bottom: 15px;
               width: 42px;
               height: 42px;
               transform: none;
           }

           .videoPopupPrev {
               left: 20px;
           }

           .videoPopupNext {
               right: 20px;
           }

           .videoPopupCounter {
               top: 25px;
               font-size: 12px;
           }

           .textMain .videoTabs ul {
               grid-template-columns: 1fr;
           }

           .textMain .videoTabs li a {
               min-height: 52px;
               justify-content: flex-start;
               padding: 10px 17px;
           }
       }