/* Sora (mapped to local Be Vietnam Pro for 100% Vietnamese support) */
/* 400 */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-400-viet.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;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-400-latin.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;
}
/* 500 */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-500-viet.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;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-500-latin.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;
}
/* 600 */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-600-viet.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;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-600-latin.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;
}
/* 700 */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-700-viet.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;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-700-latin.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;
}
/* 800 */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-800-viet.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;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../font/bevietnampro/be-vietnam-pro-800-latin.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;
}

@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/baloo2/v23/wXK0E3kTposypRydzVT08TS3JnAmtdgozapv.ttf') format('truetype');
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/baloo2/v23/wXK0E3kTposypRydzVT08TS3JnAmtdj9yqpv.ttf') format('truetype');
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/baloo2/v23/wXK0E3kTposypRydzVT08TS3JnAmtdiayqpv.ttf') format('truetype');
}


:root {
/* color variables */
	--_1: #fff;
	--_2: #f8f9fa;
	--_3: #f1f1f1;
	--_4: #d2d2d2;
	--_5: #969696;
	--_6: #646d69;
	--_7: #343a40;
	--_8: #333;
	--_9: #000;
	--ios: #f3f5f7;
	--_10: #ffc107;
	--_11: #26a9e0;
	--_12: #fb7800;
	--_13: #39b44a;
	--_14: #fd1d1d;
	--_15: #04c;
	--_16: #25806d;
	--jpc: #199f5a;
	--jpc2: #0f4d98;
	--jpc3: #ee1d23;
	--jpc1: #ee1d23;
	--colors-default-static-static-100: #fff;
	--colors-default-static-static-200: #000;
	--colors-default-text-text-200: #8c8c8c;
	--colors-default-text-text-100: #fff;
	--colors-default-text-text-300: #000;
	--color-blue-19: #231f40;
	--color-white-solid: #fff;
	--color-grey-9: #181818;
	--color-white-70: rgba(255, 255, 255, 0.7);
	--color-azure-89: #dee2e6;
	--color-cyan-41: #1ab69d;
	--color-white-58: rgba(255, 255, 255, 0.58);
	--color-red-50: #c33;
	--color-cyan-41-15: rgba(26, 182, 157, 0.15);
	--color-orange-55: #f8b81f;
	--color-red-61: #ee4a62;
	--color-grey-50: #808080;
	--color-grey-90: #e5e5e5;
	--color-grey-89: #e3e3e3;
	--color-grey-88: #e1e1e1;
	--color-blue-11: #171a23;
	--color-azure-52: #1877f2;
	--color-grey-12: #1c1e21;
	--color-azure-63: #4080ff;
	--color-white-0-2: rgba(255, 255, 255, 0);
	--color-white-15: rgba(255, 255, 255, 0.15);
	--color-white-10: rgba(255, 255, 255, 0.1);
	--color-cyan-41-7: rgba(26, 182, 157, 0.07);
	--color-red-61-7: rgba(238, 74, 98, 0.07);
	--color-spring-green-43-7: rgba(14, 205, 115, 0.07);
	--color-orange-55-7: rgba(248, 184, 31, 0.07);
	--color-violet-67-7: rgba(142, 86, 255, 0.07);
	--color-rose-56-7: rgba(249, 37, 150, 0.07);
	--color-grey-95: #f3f3f3;
	--color-cyan-41-20: rgba(26, 182, 157, 0.2);
	--color-grey-96: #f5f5f5;
	--color-grey-46: #6c757d;
	--color-grey-93: #ebeff0;
	--color-grey-14: #232323;
	--color-white-20: rgba(255, 255, 255, 0.2);
	--color-black-solid: #000;
	--color-grey-47: #777;
	--color-red-44: #d0102c;
	--color-grey-97: #f7f7f7;
	--color-azure-37: #485674;
	--color-azure-26: #363f50;
	--color-grey-35: #5c5656;
	--color-grey-53: #888;
	--color-black-40: rgba(0, 0, 0, 0.4);
	--color-grey-62: #9f9f9f;
	--color-grey-24: #3c3c3c;
	--color-grey-27: #454545;
	--color-violet-62: #a943f9;
	--color-black-0: rgba(0, 0, 0, 0);
	--color-violet-14: #280048;
	--color-violet-84: #daabff;
	--color-orange-63: #ffb241;
	--color-violet-15: #2b0649;
	--color-rose-54: #f41e92;
	--color-white-16: rgba(255, 255, 255, 0.16);
	--color-spring-green-51: #14ef6c;
	--color-orange-54: #f5851e;
	--color-grey-23: #3a3a3a;
	--color-violet-59: #a32dff;
	--color-magenta-54: #a166ab;
	--color-violet-61: #9b37ff;
	--color-violet-63-0: rgba(173, 68, 255, 0);
	--color-yellow-51: #f2de10;
	--color-violet-22: #400071;
	--color-violet-37: #6a00bf;
	--color-violet-28: #510091;
	--color-spring-green-8: #002910;
	--color-green-46: #2ac34d;
	--color-violet-9: #180527;
	--color-grey-76: #c2c2c2;
	--color-violet-26: #48097a;
	--color-violet-27: #4c0088;
	--color-violet-33: #530d99;
	--color-cyan-53: #1ec0f2;
	--color-azure-67: #5ba0fc;
	--color-violet-29: #530094;
	--color-violet-44: #7c0fd1;
	--color-grey-59: #979797;
	--color-orange-89: #e5e3df;
	--color-grey-36: #5b5b5b;
	--color-azure-51: #1a73e8;
	--color-grey-92: #ebebeb;
	--color-grey-72: #b8b8b8;
	--color-grey-98: #f9f9f9;
	--color-grey-83: #d3d3d3;
	--color-grey-33: #555;
	--color-violet-44-0: rgba(124, 15, 210, 0);
	--color-grey-38: #616161;
	--color-green-13: #0b3916;
	--color-orange-8: #231808;
	--color-violet-19: #35075a;
	--color-violet-61-5: rgba(165, 78, 232, 0.05);
	--color-white-95: rgba(255, 255, 255, 0.95);
	--color-grey-37: #5f5f5f;
	--color-red-65: #ff5a4f;
	--color-white-90: rgba(255, 255, 255, 0.9);
	--color-white-54: rgba(255, 255, 255, 0.54);
	--color-white-30: rgba(255, 255, 255, 0.3);
	--color-orange-58: #f58635;
	--color-red-64: #f37055;
	--color-rose-62: #ef4e7b;
	--color-cyan-37: #1098ad;
	--color-cyan-36: #07b39b;
	--color-spring-green-58: #6fba82;
	--color-violet-23: #410a6d;
	--color-azure-54: #2686ec;
	--color-black-50: rgba(0, 0, 0, 0.5);
	--color-violet-23-0: rgba(64, 8, 109, 0);
	--color-black-16: rgba(0, 0, 0, 0.16);
	--color-black-10: rgba(0, 0, 0, 0.1);
	--color-violet-76: #ca85ff;
	--color-azure-47: #1074df;
	--color-cyan-44: #00a9df;
	--color-cyan-48: #0fb5e8;
	--color-violet-24: #430476;
	--color-white-32: rgba(255, 255, 255, 0.32);
	--color-rose-47-0: rgba(227, 15, 130, 0);
	--color-grey-23-80: rgba(58, 58, 58, 0.8);
	--color-grey-23-20: rgba(58, 58, 58, 0.2);
	--color-orange-52: #c09148;
	--color-cyan-12: #002d3b;
	--color-azure-56: #208cff;
	--color-cyan-71: #6dddff;
	--color-azure-31: #2d4373;
	--color-azure-41: #3b5998;
	--color-red-36: #a11918;
	--color-red-46: #cd201f;
	--color-blue-48: #1c3dd7;
	--color-blue-58: #405de6;
	--color-red-51: #ff4406;
	--color-azure-38: #0e51b6;
	--color-azure-48: #1266e5;
	--color-grey-91: #e0e8ee;
	--color-black-30: rgba(0, 0, 0, 0.3);
	--color-grey-49: #7e7e7e;
	--color-grey-80: #ccc;
	--color-grey-40: #666;
	--color-grey-16: #282828;
	--color-orange-57: #f68d2e;
	--color-grey-9-80: rgba(23, 23, 23, 0.8);
	--color-grey-77: #c4c4c4;
	--color-rose-80: #f99fc9;
	--color-grey-13: #222;
	--color-grey-20: #333;
	--color-grey-61: #9b9b9b;
	--color-grey-18: #2f2f2f;
	--color-grey-60: #989898;
	--color-red-35: #981c20;
	--color-grey-94: #efefef;
	--color-red-36-90: rgba(155, 30, 33, 0.9);
	--color-grey-86: #dcdcdc;
	--color-white-40: rgba(255, 255, 255, 0.4);
	--color-cyan-23: #255149;
	--color-cyan-23-89: rgba(37, 81, 73, 0.89);
	--color-cyan-23-80: rgba(37, 81, 73, 0.8);
	--color-azure-26-95: rgba(26, 61, 105, 0.95);
	--color-azure-26-80: rgba(26, 61, 105, 0.8);
	--color-grey-74: #bdbdbd;
	--color-orange-47-80: rgba(242, 181, 0, 0.8);
	--color-rose-42: #d5007a;
	--color-grey-87: #dddedc;
	--color-azure-25: #004c80;
	--color-green-74-60: rgba(158, 217, 172, 0.6);
	--color-spring-green-14: #004514;
	--color-azure-60-60: rgba(64, 179, 243, 0.6);
	--color-azure-15: #001d4d;
	--color-orange-47-60: rgba(242, 181, 0, 0.6);
	--color-azure-17: #001d55;
	--color-orange-47: #f2b500;
	--color-rose-43: #d50578;
	--color-azure-13: #011341;
	--color-black-15: rgba(0, 0, 0, 0.15);
	--color-red-54: #ff1814;
	--color-red-45: #be2b29;
	--color-spring-green-39: #00c986;
	--color-azure-58: #297fff;
	--color-black-90: rgba(0, 0, 0, 0.9);
	--color-black-70: rgba(0, 0, 0, 0.7);
	--color-black-20: rgba(0, 0, 0, 0.2);
	--color-grey-65: #a1a1aa;
	--color-red-49: #d22630;
	--color-azure-65: #9ca3af;
	--color-azure-27: #374151;
	--color-red-49-90: rgba(210, 38, 48, 0.9);
	--color-azure-38-90: rgba(43, 87, 151, 0.9);
	--color-azure-84: #d1d5db;
	--color-white-80: rgba(255, 255, 255, 0.8);
	--color-red-49-10: rgba(210, 38, 48, 0.1);
	--color-red-49-30: rgba(210, 38, 48, 0.3);
	--color-azure-34: #4b5563;
	--color-azure-38-5: rgba(43, 87, 151, 0.05);
	--color-red-48-90: rgba(212, 31, 53, 0.9);
	--color-red-48: #d41f35;
	--color-azure-18: #001f5b;
	--color-azure-5: #020817;
	--color-azure-18-90: rgba(0, 31, 91, 0.9);
	--white: #fff;

	/* string variables */
	--fonts-family-h1: "Arial";
	--text: "伝統の家";
	--text-discover-your-sanctuary: "Discover your sanctuary";
	--text-vibrantly-designed-to-capture-your-attention: "Vibrantly designed to capture your attention";
	--fonts-family-h2: "Inter";
	--text-indulge-in-luxury: "Indulge in luxury";
	--text-space: "Space";
	--text-4: "4";
	--text-home-haven: "Home Haven";
	--text-4-8: "4,8";
	--text-15-night: "15/night";
	--text-hotelier: "hotelier";
	--text-find-space: "Find Space";
	--text-start-luxury-vacation: "Start luxury vacation";
	--text-28-ocean-drive-cape-may: "28 Ocean Drive, Cape May";
	--text-your-next-vacation-starts-here: "Your next vacation starts here";
	--text-urban-oasis-loft-urban-oasis-loft-urban-oasis-lo: "Urban Oasis Loft Urban Oasis Loft Urban Oasis Lo";
	--text-it-s-like-a-vacation-home-but-taken-to-the-next-level-where-every-detail-is-thoughtfully-curated: "It’s like a vacation home, but taken to the next level - where every detail is thoughtfully curated";
	--fonts-family-body: "Arial";
	--fonts-family-caption: "Arial";
	--fonts-family-small: "Arial";
	--font-family-font-1: "Segoe UI";
	--font-family-font-2: "Font Awesome 5 Brands";
	--font-family-font-3: "Roboto";
	--font-family-font-4: "Font Awesome 5 Free";
	--font-family-font-5: "Arial";
	--font-style-italic: "Italic";

	/* number variables */
	--fonts-weight-h1: 700px;
	--fonts-size-h1: 30px;
	--fonts-weight-h2: 600px;
	--fonts-size-h2: 24px;
	--fonts-size-body: 16px;
	--fonts-weight-body: 400px;
	--fonts-size-caption: 12px;
	--fonts-weight-caption: 400px;
	--fonts-size-small: 14px;
	--fonts-weight-small: 400px;
	--font-weight-400: 400px;
	--line-height-21: 21px;
	--font-size-17: 17px;
	--line-height-20-4: 20.399999618530273px;
	--font-weight-700: 700px;
	--line-height-39: 39px;
	--font-size-18: 18px;
	--line-height-21-6: 21.600000381469727px;
	--line-height-22-5: 22.5px;
	--font-size-16: 16px;
	--line-height-24: 24px;
	--width-260: 260px;
	--stroke-weight-1: 1px;
	--width-270: 270px;
	--width-1920: 1920px;
	--font-size-26: 26px;
	--font-size-20: 20px;
	--line-height-90: 90px;
	--item-spacing-5: 5px;
	--font-weight-300: 300px;
	--width-100: 100px;
	--font-size-12: 12px;
	--font-size-13: 13px;
	--line-height-19-5: 19.5px;
	--font-size-14: 14px;
	--font-size-15: 15px;
	--line-height-16-88: 16.8799991607666px;
	--opacity-0: 0.0003337470116093755px;
	--width-250: 250px;
	--font-size-11: 11px;
	--line-height-50: 50px;
	--item-spacing-xxs: 4px;
	--width-650: 649.9993286132812px;
	--line-height-14-08: 14.079999923706055px;
	--line-height-16-5: 16.5px;
	--line-height-35: 35px;
	--item-spacing-30-5: 30.5px;
	--width-600: 600px;
	--line-height-55: 55px;
	--line-height-30: 30px;
	--line-height-27: 27px;
	--line-height-49: 49px;
	--line-height-23-8: 23.799999237060547px;
	--font-size-17-5: 17.5px;
	--line-height-60: 60px;
	--width-1200: 1200px;
	--font-size-45: 45px;
	--line-height-54: 54px;
	--item-spacing-9-8: 9.800000190734863px;
	--item-spacing-14-5: 14.5px;
	--font-size-24-5: 24.5px;
	--line-height-29-4: 29.399999618530273px;
	--item-spacing-19: 19px;
	--stroke-weight-2: 2px;
	--font-size-16-48: 16.479999542236328px;
	--letter-spacing-1-6: 1.600000023841858px;
	--opacity-50: 50px;
	--line-height-36: 36px;
	--item-spacing-20: 20px;
	--width-101-72: 101.72000122070312px;
	--line-height-16-9: 16.899999618530273px;
	--width-177-69: 177.69000244140625px;
	--width-59-28: 59.279998779296875px;
	--width-58-55: 58.54999923706055px;
	--width-71-55: 71.55000305175781px;
	--opacity-100: 100px;
	--width-320: 320px;
	--height-78: 78px;
	--letter-spacing-1-8: 1.7999999523162842px;
	--line-height-23-4: 23.399999618530273px;
	--width-138-38: 138.3800048828125px;
	--width-84-55: 84.55000305175781px;
	--width-576-66: 576.6599731445312px;
	--width-192-03: 192.02999877929688px;
	--width-530: 530px;
	--stroke-weight-3: 3px;
	--height-90: 90px;
	--line-height-26: 26px;
	--width-220: 220px;
	--width-231: 231px;
	--width-155: 155px;
	--font-size-22: 22px;
	--line-height-33: 33px;
	--height-650: 650px;
	--line-height-25-5: 25.5px;
	--font-size-60: 60px;
	--item-spacing-7: 7px;
	--width-874: 874px;
	--line-height-63: 63px;
	--line-height-40: 40px;
	--item-spacing-70: 70px;
	--font-size-23: 23px;
	--line-height-46: 46px;
	--font-size-38: 38px;
	--line-height-57: 57px;
	--item-spacing-25: 25px;
	--item-spacing-32-5: 32.5px;
	--item-spacing-32-6: 32.599998474121094px;
	--line-height-32: 32px;
	--item-spacing-12: 12px;
	--opacity-0-01: 0.00602895999327302px;
	--letter-spacing-1-2: 1.2000000476837158px;
	--item-spacing-35: 35px;
	--item-spacing-34-54: 34.540000915527344px;
	--letter-spacing-1-5: 1.5px;
	--stroke-weight-18: 18px;
	--font-weight-600: 600px;
	--item-spacing-19-53: 19.530000686645508px;
	--font-weight-500: 500px;
	--font-size-24: 24px;
	--font-size-40: 40px;
	--line-height-52: 52px;
	--line-height-48: 48px;
	--width-60: 60px;
	--item-spacing-xs: 8px;
	--radius-2: 2px;
	--item-spacing-0-5: 0.5px;
	--font-size-32: 32px;
	--line-height-93-6: 93.5999984741211px;
	--line-height-72: 72px;
	--item-spacing-120: -120px;
	--opacity-70: 70px;
	--font-size-10: 10px;
	--height-800: 800px;
	--line-height-44-8: 44.79999923706055px;
	--opacity-80: 80px;
	--item-spacing-81-8: 81.80000305175781px;
	--stroke-weight-4: 4px;
	--line-height-17: 17px;
	--width-708: 708px;
	--item-spacing-0: -1.4210854715202004e-14px;
	--width-357-4: 357.3999938964844px;
	--line-height-7: 7px;
	--line-height-62-4: 62.400001525878906px;
	--line-height-57-6: 57.599998474121094px;
	--line-height-28-8: 28.799999237060547px;
	--line-height-350: 350px;
	--letter-spacing-4-8: 4.800000190734863px;
	--line-height-66: 66px;
	--height-680: 680px;
	--opacity-0-04: 0.03660320118069649px;
	--width-942: 942px;
	--width-1446: 1446px;
	--item-spacing-2-5: 2.5px;
	--item-spacing-64: 64px;
	--item-spacing-0-31: -0.3050000071525574px;
	--font-size-56: 56px;
	--line-height-72-8: 72.80000305175781px;
	--width-1606: 1606px;
	--item-spacing-9-92: 9.920000076293945px;
	--letter-spacing-3-6: 3.5999999046325684px;
	--font-size-28: 28px;
	--line-height-42: 42px;
	--width-336: 336px;
	--width-265: 265px;
	--width-276: 276px;
	--letter-spacing-1-4: 1.399999976158142px;
	--line-height-20-8: 20.799999237060547px;
	--line-height-24-2: 24.200000762939453px;
	--width-450: 450px;
	--width-360: 360px;
	--letter-spacing-1-3: 1.2999999523162842px;
	--line-height-38-4: 38.400001525878906px;
	--font-weight-900: 900px;
	--line-height-22-4: 22.399999618530273px;
	--font-size-34: 34px;
	--line-height-44: 44px;
	--line-height-28: 28px;
	--width-80: 80px;
	--opacity-90: 90.0000991821289px;
	--line-height-18-2: 18.200000762939453px;
	--width-1440: 1440px;
	--line-height-25-6: 25.600000381469727px;
	--width-105-09: 105.08999633789062px;
	--height-56: 56px;
	--width-1224: 1224px;
	--width-96: 96px;
	--item-spacing-0-01: -0.009999999776482582px;
	--width-1320-53: 1320.530029296875px;
	--width-700: 700px;
	--font-size-19: 19px;
	--width-462: 462px;
	--item-spacing-9: 9px;
	--width-768: 768px;
	--item-spacing-14-9: 14.899999618530273px;
	--width-594: 594px;
	--item-spacing-10-19: 10.194999694824219px;
	--item-spacing-9-89: 9.890000343322754px;
	--item-spacing-14-89: 14.895000457763672px;
	--width-380: 380px;
	--item-spacing-44-8: 44.79999923706055px;
	--width-378: 378px;
	--item-spacing-3-6: 3.5999999046325684px;
	--font-size-6: 6px;
	--line-height-9-6: 9.600000381469727px;
	--width-357: 357px;
	--width-1410: 1410px;
	--width-1380: 1380px;
	--item-spacing-42: 42px;
	--width-120: 120px;
	--width-197: 197px;
	--item-spacing-15-99: 15.989999771118164px;
	--line-height-31-2: 31.200000762939453px;
	--width-460: 460px;
	--item-spacing-11: 11px;
	--width-1170: 1170px;
	--width-252: 252px;
	--height-810: 810px;
	--height-60: 60px;
	--width-390: 390px;
	--width-430-95: 430.95001220703125px;
	--width-485: 485px;
	--width-338: 338px;
	--item-spacing-14-8: 14.795000076293945px;
	--font-size-8: 8px;
	--width-294: 294px;
	--item-spacing-12-8: 12.800000190734863px;
	--width-273: 273px;
	--width-330: 330px;
	--width-251: 251px;
	--item-spacing-24-01: 24.010000228881836px;
	--width-48-8: 48.79999923706055px;
	--height-702: 702px;
	--line-height-25-2: 25.200000762939453px;
	--height-82-8: 82.80010223388672px;
	--item-spacing-17-99: 17.989999771118164px;
	--line-height-18: 18px;
	--line-height-14-4: 14.399999618530273px;
	--width-180: 180px;
	--radius-27: 27px;
	--width-223-22: 223.22000122070312px;
	--item-spacing-10-79: 10.789999961853027px;
	--item-spacing-10-8: 10.800000190734863px;
	--item-spacing-18-01: 18.010000228881836px;
	--item-spacing-14-41: 14.40999984741211px;
	--width-126: 126px;
	--item-spacing-12-59: 12.59000015258789px;
	--width-54: 54px;
	--item-spacing-7-2: 7.199999809265137px;
	--width-113-89: 113.88999938964844px;
	--item-spacing-25-39: 25.389999389648438px;
	--item-spacing-9-56: 9.5600004196167px;
	--width-1209-6: 1209.5999755859375px;
	--item-spacing-17-61: 17.604999542236328px;
	--width-604-79: 604.7899780273438px;
	--width-568-8: 568.7999877929688px;
	--line-height-50-4: 50.400001525878906px;
	--opacity-30: 30px;
	--item-spacing-36-07: 36.06999969482422px;
	--width-144: 144px;
	--item-spacing-13-6: 13.600000381469727px;
	--height-801: 801px;
	--width-503-99: 503.9920654296875px;
	--item-spacing-604-99: 604.989990234375px;
	--item-spacing-40: 40px;
	--item-spacing-36-08: 36.08000183105469px;
	--item-spacing-17-7: 17.700000762939453px;
	--radius-72: 72px;
	--radius-45: 45px;
	--line-height-20-48: 20.479999542236328px;
	--font-size-20-5: 20.5px;
	--line-height-25-59: 25.59000015258789px;
	--line-height-20-47: 20.469999313354492px;
	--line-height-22-75: 22.75px;
	--line-height-14-04: 14.039999961853027px;
	--line-height-17-14: 17.139999389648438px;
	--item-spacing-14-62: 14.619999885559082px;
	--width-23-4: 23.399999618530273px;
	--item-spacing-14-63: 14.630000114440918px;
	--item-spacing-5-84: 5.840000152587891px;
	--width-103-82: 103.82365417480469px;
	--width-131-63: 131.6300048828125px;
	--radius-21-94: 21.940000534057617px;
	--item-spacing-5-8: 5.800000190734863px;
	--item-spacing-8-77: 8.770000457763672px;
	--width-102-38: 102.375px;
	--width-43-88: 43.880001068115234px;
	--item-spacing-7-3: 7.301000118255615px;
	--item-spacing-17-05: 17.049999237060547px;
	--item-spacing-8-8: 8.800000190734863px;
	--width-276-91: 276.9100036621094px;
	--width-382-2: 382.20001220703125px;
	--item-spacing-96-42: 96.41999816894531px;
	--item-spacing-11-69: 11.6899995803833px;
	--item-spacing-5-85: 5.849999904632568px;
	--width-38-23: 38.22999954223633px;
	--item-spacing-158-45: 158.4499969482422px;
	--item-spacing-8-2: 8.199999809265137px;
	--line-height-32-09: 32.09000015258789px;
	--item-spacing-13-53: 13.524999618530273px;
	--item-spacing-1-05: -1.0499999523162842px;
	--width-352-94: 352.94000244140625px;
	--width-186-22: 186.22000122070312px;
	--item-spacing-13-62: 13.619999885559082px;
	--item-spacing-4-85: 4.849999904632568px;
	--item-spacing-4-88: -4.880000114440918px;
	--item-spacing-1-9: 1.899999976158142px;
	--line-height-30-71: 30.709999084472656px;
	--height-613-52: 613.5189819335938px;
	--item-spacing-17-55: 17.549999237060547px;
	--item-spacing-17-54: 17.540000915527344px;
	--item-spacing-11-7: 11.699999809265137px;
	--width-117: 117px;
	--item-spacing-8-27: 8.270000457763672px;
	--item-spacing-23-39: 23.389999389648438px;
	--item-spacing-8-76: 8.760000228881836px;
	--item-spacing-1-01: -1.0099999904632568px;
	--radius-58-5: 58.5px;
	--width-357-84: 357.8399963378906px;
	--radius-36-56: 36.560001373291016px;
	--item-spacing-12-7: 12.699999809265137px;
	--radius-20: 20px;
	--radius-15: 15px;
	--width-341-33: 341.3299865722656px;
	--width-341-34: 341.3399963378906px;
	--height-500: 500px;
	--width-304-7: 304.70001220703125px;
	--letter-spacing-0-8: 0.800000011920929px;
	--line-height-10: 10px;
	--line-height-14: 14px;
	--line-height-12: 12px;
	--item-spacing-15-5: 15.5px;
	--font-size-27: 27px;
	--letter-spacing-2-7: 2.700000047683716px;
	--item-spacing-11-14: 11.140000343322754px;
	--letter-spacing-2-2: 2.200000047683716px;
	--item-spacing-0-1: -0.10000000149011612px;
	--letter-spacing-1-1: 1.100000023841858px;
	--item-spacing-13-06: 13.05803108215332px;
	--item-spacing-9-15: 9.152396202087402px;
	--width-172: 172px;
	--letter-spacing-1-44: 1.440000057220459px;
	--width-128: 128px;
	--letter-spacing-1-04: 1.0399999618530273px;
	--width-73-05: 73.05000305175781px;
	--width-73-02: 73.0199966430664px;
	--letter-spacing-0-6: 0.6000000238418579px;
	--font-size-9: 9px;
	--item-spacing-832-98: 832.97998046875px;
	--radius-150: 150px;
	--width-95: 95px;
	--width-168: 168px;
	--item-spacing-55-27: 55.27000045776367px;
	--item-spacing-6-05: 6.050000190734863px;
	--width-77: 77px;
	--width-130: 130px;
	--item-spacing-3: 3px;
	--item-spacing-30-88: 30.8799991607666px;
	--item-spacing-29-8: 29.799999237060547px;
	--font-size-94: 94px;
	--letter-spacing-1-88: 1.8799999952316284px;
	--letter-spacing-4-4: 4.400000095367432px;
	--item-spacing-99-12: 99.12000274658203px;
	--item-spacing-1: -1px;
	--item-spacing-0-3: -0.30000001192092896px;
	--letter-spacing-2-16: 2.1600000858306885px;
	--line-height-65-75: 65.75px;
	--letter-spacing-1-19: 1.190000057220459px;
	--item-spacing-71: 71px;
	--item-spacing-6-87: -6.869686126708984px;
	--item-spacing-19-12: 19.119998931884766px;
	--letter-spacing-0-84: 0.8399999737739563px;
	--item-spacing-0-25: -0.25px;
	--line-height-25-75: 25.75px;
	--item-spacing-37-99: -37.9900016784668px;
	--letter-spacing-2-5: 2.5px;
	--item-spacing-21-95: 21.94782066345215px;
	--letter-spacing-2: 2px;
	--item-spacing-81-02: 81.0199966430664px;
	--item-spacing-13-27: 13.270000457763672px;
	--letter-spacing-0-9: 0.8999999761581421px;
	--line-height-29-75: 29.75px;
	--width-873: 873px;
	--item-spacing-166: 166px;
	--item-spacing-s: 24px;
	--font-size-186: 186px;
	--letter-spacing-7-44: 7.440000057220459px;
	--width-1140: 1140px;
	--width-182: 182px;
	--item-spacing-30-29: 30.290000915527344px;
	--line-height-21-43: 21.43000030517578px;
	--item-spacing-1010: 1010px;
	--item-spacing-154: -154px;
	--letter-spacing-1-96: 1.9600000381469727px;
	--item-spacing-12-3: 12.300000190734863px;
	--font-size-48: 48px;
	--letter-spacing-0-96: 0.9599999785423279px;
	--item-spacing-66-01: 66.01000213623047px;
	--item-spacing-51-7: 51.70000076293945px;
	--line-height-30-67: 30.670000076293945px;
	--letter-spacing-1-26: 1.2599999904632568px;
	--item-spacing-xl: 64px;
	--item-spacing-5-5: -5.500326633453369px;
	--letter-spacing-0-56: 0.5600000023841858px;
	--item-spacing-35-85: 35.849998474121094px;
	--item-spacing-13-5: 13.5px;
	--line-height-16: 16px;
	--item-spacing-70-88: 70.87999725341797px;
	--item-spacing-9-33: 9.329999923706055px;
	--letter-spacing-0-7: 0.699999988079071px;
	--item-spacing-0-2: -0.20000000298023224px;
	--line-height-16-8: 16.799999237060547px;
	--radius-40: 40px;
	--width-371-27: 371.2699890136719px;
	--item-spacing-57: 57px;
	--item-spacing-22-6: 22.600000381469727px;
	--font-size-74: 74px;
	--letter-spacing-2-96: 2.9600000381469727px;
	--width-164: 164px;
	--item-spacing-5-01: 5.013299942016602px;
	--item-spacing-110: 110px;
	--stroke-weight-1-54: 1.5384615659713745px;
	--stroke-weight-0-77: 0.7692307829856873px;
	--stroke-weight-1-33: 1.3333333730697632px;
	--stroke-weight-1-6: 1.600000023841858px;
	--stroke-weight-1-67: 1.6666666269302368px;
	--stroke-weight-0-07: 0.06659267842769623px;
	--opacity-60: 60px;
	--line-height-20: 20px;
	--height-780: 780px;
	--width-497-25: 497.25px;
	--width-48: 48px;
	--font-size-21: 21px;
	--width-552: 552px;
	--item-spacing-300: 300px;
	--width-1280: 1280px;
	--width-576: 576px;
	--font-size-36: 36px;
	--item-spacing-31-89: 31.889999389648438px;
	--width-62-23: 62.22999954223633px;
	--width-54-23: 54.22999954223633px;
	--item-spacing-4: 4px;
	--height-1200: 1200px;
	--width-2715: 2715px;
	--width-372: 372px;
	--item-spacing-185-8: 185.8000030517578px;
	--width-1400: 1400px;
	--item-spacing-l: 48px;
	--width-1240: 1240px;
	--item-spacing-m: 32px;
	--letter-spacing-0-45: -0.44999998807907104px;
	--item-spacing-585-24: 585.239990234375px;
	--width-672: 672px;
	--font-size-72: 72px;
	--width-512: 512px;
	--item-spacing-410-85: 410.8500061035156px;
	--stroke-weight-2-67: 2.6666667461395264px;
	--font-size-30: 30px;
	--width-896: 896px;
	--item-spacing-12-5: 12.5px;
	--item-spacing-213-34: 213.33999633789062px;
	--item-spacing-539-33: 539.3300170898438px;
	--height-80: 80px;
	--item-spacing-247-6: 247.60000610351562px;

	/* responsive margins / paddings */
	--margin-sm: 16px;
	--margin-md: 32px;
}

.cocautochuc-page-wrapper /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

::before, .cocautochuc-page-wrapper ::after {
--tw-content: '';
}

.cocautochuc-page-wrapper, .cocautochuc-page-wrapper :host {
line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

.cocautochuc-page-wrapper {
margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

.cocautochuc-page-wrapper * {
box-sizing: border-box;
}

.cocautochuc-page-wrapper hr {
height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

.cocautochuc-page-wrapper abbr:where([title]) {
text-decoration: underline dotted;
}

.cocautochuc-page-wrapper h1, .cocautochuc-page-wrapper h2, .cocautochuc-page-wrapper h3, .cocautochuc-page-wrapper h4, .cocautochuc-page-wrapper h5, .cocautochuc-page-wrapper h6 {
font-size: inherit;
  font-weight: inherit;
}

.cocautochuc-page-wrapper a {
color: inherit;
  text-decoration: inherit;
}

.cocautochuc-page-wrapper b, .cocautochuc-page-wrapper strong {
font-weight: bolder;
}

.cocautochuc-page-wrapper code, .cocautochuc-page-wrapper kbd, .cocautochuc-page-wrapper samp, .cocautochuc-page-wrapper pre {
font-size: 1em; /* 4 */
}

.cocautochuc-page-wrapper small {
font-size: 80%;
}

.cocautochuc-page-wrapper sub, .cocautochuc-page-wrapper sup {
font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.cocautochuc-page-wrapper sub {
bottom: -0.25em;
}

.cocautochuc-page-wrapper sup {
top: -0.5em;
}

.cocautochuc-page-wrapper table {
text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

.cocautochuc-page-wrapper button, .cocautochuc-page-wrapper input, .cocautochuc-page-wrapper optgroup, .cocautochuc-page-wrapper select, .cocautochuc-page-wrapper textarea {
font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
	border:0;
}

.cocautochuc-page-wrapper button, .cocautochuc-page-wrapper select {
text-transform: none;
}

.cocautochuc-page-wrapper button, .cocautochuc-page-wrapper [type='button'], .cocautochuc-page-wrapper [type='reset'], .cocautochuc-page-wrapper [type='submit'] {
-webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

.cocautochuc-page-wrapper :-moz-focusring {
outline: auto;
}

.cocautochuc-page-wrapper :-moz-ui-invalid {
box-shadow: none;
}

.cocautochuc-page-wrapper progress {
vertical-align: baseline;
}

.cocautochuc-page-wrapper ::-webkit-inner-spin-button, .cocautochuc-page-wrapper ::-webkit-outer-spin-button {
height: auto;
}

.cocautochuc-page-wrapper [type='search'] {
-webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

.cocautochuc-page-wrapper ::-webkit-search-decoration {
-webkit-appearance: none;
}

.cocautochuc-page-wrapper ::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.cocautochuc-page-wrapper summary {
display: list-item;
}

.cocautochuc-page-wrapper blockquote, .cocautochuc-page-wrapper dl, .cocautochuc-page-wrapper dd, .cocautochuc-page-wrapper h1, .cocautochuc-page-wrapper h2, .cocautochuc-page-wrapper h3, .cocautochuc-page-wrapper h4, .cocautochuc-page-wrapper h5, .cocautochuc-page-wrapper h6, .cocautochuc-page-wrapper hr, .cocautochuc-page-wrapper figure, .cocautochuc-page-wrapper p, .cocautochuc-page-wrapper pre {
margin: 0;
}

.cocautochuc-page-wrapper fieldset {
margin: 0;
  padding: 0;
}

.cocautochuc-page-wrapper legend {
padding: 0;
}

.cocautochuc-page-wrapper ol, .cocautochuc-page-wrapper ul, .cocautochuc-page-wrapper menu {
list-style: none;
  margin: 0;
  padding: 0;
}

.cocautochuc-page-wrapper dialog {
padding: 0;
}

.cocautochuc-page-wrapper textarea {
resize: vertical;
}

.cocautochuc-page-wrapper button, .cocautochuc-page-wrapper [role="button"] {
cursor: pointer;
}

.cocautochuc-page-wrapper :disabled {
cursor: default;
}

.cocautochuc-page-wrapper img, .cocautochuc-page-wrapper svg, .cocautochuc-page-wrapper video, .cocautochuc-page-wrapper canvas, .cocautochuc-page-wrapper audio, .cocautochuc-page-wrapper iframe, .cocautochuc-page-wrapper embed, .cocautochuc-page-wrapper object {
display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

.cocautochuc-page-wrapper img, .cocautochuc-page-wrapper video {
/* disable max-width solves bug img-export/propagation > nested-img-bigger */
	/* max-width:100%;
  height: auto; */
}

.cocautochuc-page-wrapper [hidden] {
display: none;
}

.cocautochuc-page-wrapper * {
text-underline-offset: 0.134em;
}

.cocautochuc-page-wrapper * {
--min-screen-size: 430;
	--max-screen-size: 1440;
	--interpolate-diff: calc(var(--max-font-size) - var(--min-font-size));
	--interpolate: clamp(calc(var(--min-font-size) * 1px), calc((var(--min-font-size) * 1px) + var(--interpolate-diff) * ((100vw - calc(var(--min-screen-size) * 1px)) / (var(--max-screen-size) - var(--min-screen-size)))), calc(var(--max-font-size) * 1px));
}

.cocautochuc-page-wrapper {
height: 100%;
	font-size: 16px;
}

.cocautochuc-page-wrapper /* text utility classes */

.text2 {
font-size: 20px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .text-6 {
color: var(--_6);
	font-size: 13.59px;
	font-family: 'Noto Sans JP';
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0px;
}

.cocautochuc-page-wrapper .text-8 {
color: var(--_8);
	font-size: 14px;
	font-family: 'Noto Sans JP';
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0px;
}

.cocautochuc-page-wrapper .subtitle {
font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.48px;
}

.cocautochuc-page-wrapper .text-jpc {
color: var(--jpc);
	font-size: 16px;
	font-family: 'Noto Sans JP';
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0px;
}

.cocautochuc-page-wrapper .text3 {
font-size: 16px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .text1 {
font-style: normal;
	letter-spacing: 0px;
}

.cocautochuc-page-wrapper .bold2 {
font-weight: 600;
}

.cocautochuc-page-wrapper .sub-text2 {
font-size: 14px;
	font-weight: 400;
}

.cocautochuc-page-wrapper .bold {
font-size: 16px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .bold3 {
font-size: 16px;
	font-weight: 600;
}

.cocautochuc-page-wrapper .sub-text {
font-weight: 400;
}

.cocautochuc-page-wrapper .bold-8 {
color: var(--_8);
	font-family: 'Noto Sans JP';
	font-weight: 700;
}

.cocautochuc-page-wrapper .sub-text3 {
font-family: 'Noto Sans JP';
	font-weight: 400;
}

.cocautochuc-page-wrapper .bold4 {
font-family: 'Noto Sans JP';
	font-weight: 700;
}

.cocautochuc-page-wrapper /* ui objects utility classes */

.circle-white {
background-color: #fff;
	border-radius: 50%;
}

.cocautochuc-page-wrapper .card-white {
display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 15px 15px 0 15px;
}

.cocautochuc-page-wrapper .card-dark {
display: flex;
	align-items: flex-start;
	background-color: rgba(51, 51, 51, 0.5);
	padding: 48px;
	border-radius: 16px;
}

.cocautochuc-page-wrapper /* button hover utility classes */

.hover-zoom:hover {
scale: 1.05;
}

.cocautochuc-page-wrapper .hover-dark:hover {
filter: brightness(0.85);
}

.cocautochuc-page-wrapper .hover-bright:hover {
filter: brightness(1.2);
}

.cocautochuc-page-wrapper {
min-height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	font-family: 'Noto Sans JP';
	letter-spacing: 0px;
	text-align: center;
	background-color: #fff;
	overflow: auto;
}

.cocautochuc-page-wrapper /* header */

.header {
container: header / inline-size;
	position: relative;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
	margin-right: -1px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	background-color: #fff;
	padding-bottom: 8px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .header-group1 {
position: absolute; z-index: 2; top: 0; left: 0; 
	width: 256px;
	padding: 11px 50px 12px 50px;
}

.cocautochuc-page-wrapper .header-img1 {
position: absolute; top: -16px; left: -8px; right: -24px; 
	width: calc(100% - -8px - -24px);
	max-width: none;
}

.cocautochuc-page-wrapper .header-img2 {
position: relative; z-index: 1;
	width: 137px;
}

.cocautochuc-page-wrapper .header-row-top {
container: header-row-top / inline-size;
	margin-left: auto;
	width: 90%;
	max-width: 1243px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	background-color: #0f4d98;
	padding: 11px 50px;
}

.cocautochuc-page-wrapper .header-row-left {
display: flex;
	align-items: flex-start;
	gap: 6px;
}

.cocautochuc-page-wrapper .header-social-icons1 {
position: relative;
	width: 24px;
	flex-shrink: 0;
	aspect-ratio: 1 / 1;
}

.cocautochuc-page-wrapper .header-bg {
position: absolute; top: 0; left: 0; 
	width: 24px;
}

.cocautochuc-page-wrapper .header-img3 {
position: absolute; top: 4px; left: 4px; 
	width: 15px;
}

.cocautochuc-page-wrapper .header-circle-white {
position: relative;
	width: 24px; height: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .header-tik-tok {
position: absolute; top: 3px; left: 50%; 
	translate: -50% 0;
	width: 18px;
}

.cocautochuc-page-wrapper .header-circle-white-right {
position: relative;
	width: 24px; height: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .header-img4 {
position: absolute; top: 2px; left: 50%; 
	translate: -50% 0;
	width: 20px;
}

.cocautochuc-page-wrapper .header-line {
margin-left: 1px;
	width: 0; height: 26px;
	flex-shrink: 0;
	border-left: 1px solid #fff;
}

.cocautochuc-page-wrapper .header-row1 {
display: flex;
	align-items: center;
	gap: 16px;
}

.cocautochuc-page-wrapper /* row-a */

.row-a {
display: flex;
	align-items: center;
	gap: 8px;
}

.cocautochuc-page-wrapper .row-text1 {
text-align: left;
}

.cocautochuc-page-wrapper /* end row-a*/


.header-frame-right {
margin-left: 1px;
	width: 38px;
	flex-shrink: 0;
	background-color: #fff;
	padding: 5px 8px;
	border-radius: 4px;
}

.cocautochuc-page-wrapper .header-group2 {
position: relative;
	height: 16px;
	background-color: #d60a2e;
}

.cocautochuc-page-wrapper .header-img5 {
position: absolute; top: 3px; left: 50%; 
	translate: -50% 0;
	width: 9px;
}

.cocautochuc-page-wrapper .header-row-bottom {
container: header-row-bottom / inline-size;
	margin-left: auto; margin-right: 42px;
	width: 90%;
	max-width: 1129px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}

.cocautochuc-page-wrapper .header-btn-left {
display: flex;
	color: var(--_1);
	text-align: left;
	padding: 7px 15px;
	border: 1px solid #0f4d98;
	border-radius: 4px;
}

.cocautochuc-page-wrapper .header-menu-list {
margin-left: 28px; margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-grow: 1;
	color: #333;
	font-size: 16px;
	font-weight: 400;
}

.cocautochuc-page-wrapper .header-icon {
width: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .header-text {
text-align: left;
}

.cocautochuc-page-wrapper .header-text-jpc-la-gi-question {
color: #0f4d98;
	text-align: left;
}

.cocautochuc-page-wrapper .header-row2 {
display: flex;
	align-items: flex-start;
	gap: 4px;
}

.cocautochuc-page-wrapper .header-text-tuyen-dung {
text-align: left;
}

.cocautochuc-page-wrapper .header-btn-hot {
margin-top: 5px;
	width: 32px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 9.79px;
	font-family: 'Sora';
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0px;
	text-align: center;
	background: linear-gradient(90deg, #f2b500 0%, #d50578 100%) top left / auto auto no-repeat, linear-gradient(#fff, #fff) top left / auto auto no-repeat;
	padding: 3px 3px 1px 3px;
	border-radius: 8px;
}

.cocautochuc-page-wrapper .header-btn-right {
display: flex;
	color: #fff;
	text-align: left;
	background: linear-gradient(90deg, #f2b500 0%, #d50578 100%) top left / auto auto no-repeat;
	padding: 8px 16px;
	border-radius: 50px;
}

.cocautochuc-page-wrapper /* end header*/


.social-icons {
width: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper /* column-a */

.column-a {
display: flex;
	flex-direction: column;
	align-self: stretch;
}

.cocautochuc-page-wrapper .column-title {
--min-font-size: 33; --max-font-size: 60; font-size: var(--interpolate);
	font-family: 'Sora';
	font-weight: 400;
	line-height: 1.4;
}

.cocautochuc-page-wrapper .column-text1 {
--min-font-size: 16; --max-font-size: 18; font-size: var(--interpolate);
	font-weight: 500;
}

.cocautochuc-page-wrapper /* end column-a*/




/* card */

.card {
width: 276px;
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-shrink: 0;
	text-align: center;
	background-color: #fff4d8;
	border-radius: 16px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .card-gemini {
flex-shrink: 0;
}

.cocautochuc-page-wrapper /* end card*/




/* column-b */

.column-b {
box-shadow: 0px 8.72px 5.81px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	gap: 6px;
	background-color: #fff;
	padding: 17px;
}

.cocautochuc-page-wrapper .column-col-top {
display: flex;
	flex-direction: column;
}

.cocautochuc-page-wrapper .column-subtitle {
color: #aa6405;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .column-text2 {
color: var(--_8);
	font-size: 16px;
	font-weight: 600;
}

.cocautochuc-page-wrapper .column-text3 {
color: #646d69;
	font-size: 14px;
	font-weight: 400;
}

.cocautochuc-page-wrapper /* end column-b*/


.layer-a {
width: 21px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .text-a {
font-size: 20px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .text-b {
font-size: 14px;
	font-weight: 400;
}

.cocautochuc-page-wrapper .layer-b {
width: 21px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .text-c {
font-size: 20px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .chevron-down {
width: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper /* frame-a */

.frame-a {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	font-size: 14px;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.77px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .frame-frame1 {
position: relative;
	height: 159px;
	flex-shrink: 0;
	background-color: #fff;
}

.cocautochuc-page-wrapper .frame-img1 {
position: absolute; top: 0; left: 0; right: -9px; 
	width: calc(100% - 0px - -9px);
	max-width: none;
}

.cocautochuc-page-wrapper .card-bottom1 {
gap: 4px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.cocautochuc-page-wrapper .card-text-top1 {
color: var(--jpc);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-text-dien-gia1 {
color: var(--_6);
}

.cocautochuc-page-wrapper /* end frame-a*/




/* row-d */

.row-d {
margin: 0 1px;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.cocautochuc-page-wrapper .row-text4 {
color: var(--_6);
	text-align: left;
}

.cocautochuc-page-wrapper .row-text5 {
flex-grow: 1;
	color: var(--_8);
	text-align: right;
}

.cocautochuc-page-wrapper /* end row-d*/


.text-h {
color: var(--jpc);
	font-size: 15.54px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper /* row-e */

.row-e {
display: flex;
	align-items: flex-start;
	gap: 4px;
}

.cocautochuc-page-wrapper .row-text-trinh-do {
color: var(--_6);
	text-align: left;
}

.cocautochuc-page-wrapper .row-text6 {
flex-grow: 1;
	color: var(--_8);
	text-align: right;
}

.cocautochuc-page-wrapper /* end row-e*/




/* frame-c */

.frame-c {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .frame-frame3 {
position: relative;
	height: 155px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .frame-thai-hong1 {
position: absolute; top: 0; left: 0; right: -1px; 
	width: calc(100% - 0px - -1px);
	max-width: none;
}

.cocautochuc-page-wrapper .card-bottom3 {
gap: 4px;
	padding-bottom: 13px;
}

.cocautochuc-page-wrapper .card-text-top2 {
color: var(--jpc);
	font-size: 15.54px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper /* end frame-c*/


.text-dien-gia {
color: var(--_6);
}

.cocautochuc-page-wrapper /* frame-f */

.frame-f {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.77px;
}

.cocautochuc-page-wrapper .frame-img3 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom6 {
gap: 4px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.cocautochuc-page-wrapper .card-text-top5 {
color: var(--jpc);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-text-giao-vien-tieng1 {
color: var(--_6);
}

.cocautochuc-page-wrapper /* end frame-f*/


.text-giao-vien-tieng {
color: var(--_6);
	font-size: 14px;
}

.cocautochuc-page-wrapper /* row-f */

.row-f {
display: flex;
	align-items: flex-start;
	gap: 4px;
	font-size: 13.98px;
}

.cocautochuc-page-wrapper .row-text7 {
color: var(--_6);
	text-align: left;
}

.cocautochuc-page-wrapper .row-text8 {
flex-grow: 1;
	color: var(--_8);
	text-align: right;
}

.cocautochuc-page-wrapper /* end row-f*/




/* row-i */

.row-i {
display: flex;
	align-items: center;
	gap: 16px;
}

.cocautochuc-page-wrapper .row-text10 {
text-align: left;
}

.cocautochuc-page-wrapper /* end row-i*/


.background {
width: 4px; height: 6px;
	flex-shrink: 0;
	background: linear-gradient(90deg, #f2b500 0%, #d50578 100%) top left / auto auto no-repeat, linear-gradient(#333, #333) top left / auto auto no-repeat;
}

.cocautochuc-page-wrapper .header1 .row-left .row-carbon-phone {
width: 20px;
}

.cocautochuc-page-wrapper .header1 .row1 .row-carbon-phone {
width: 20px;
}

.cocautochuc-page-wrapper .col1 {
position: relative;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	padding-top: 983px;
}

.cocautochuc-page-wrapper .col2 {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background: url(/statics/asset/default/images/gioithieu/cocautochuc/assets/col.png) top center / 100% auto no-repeat;
}

.cocautochuc-page-wrapper .group {
position: relative;
	width: 100%; height: 869px;
	max-width: 1280px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .gemini-generated {
position: absolute; top: 0; left: 0; 
	width: calc(100% - 0px);
	max-width: 1261px;
}

.cocautochuc-page-wrapper .img1 {
position: absolute; top: 508px; left: 304px; 
	width: calc(100% - 304px);
	max-width: 628px;
}

.cocautochuc-page-wrapper .col3 {
position: relative; z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
	background: linear-gradient(180deg, rgba(15, 77, 152, 0.9) 3%, rgba(28, 123, 75, 0.9) 100%) top left / auto auto no-repeat, linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 78%, #fff 97%) top left / auto auto no-repeat;
	padding: 100px 24px 127px 24px;
}

.cocautochuc-page-wrapper .img2 {
position: absolute; top: 690px; left: 50%; 
	translate: -50% 0;
	margin-left: -334px;
	width: calc(100% - 32px);
	max-width: 753px;
}

.cocautochuc-page-wrapper .col-top1 {
width: 100%;
	max-width: 592px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 19px;
	color: #fff;
}

.cocautochuc-page-wrapper .col4 .column-text1 {
line-height: 1.6;
}

.cocautochuc-page-wrapper .svg1 {
position: relative;
	width: 24px; height: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .svg-clip-path1 {
position: absolute; top: 0; left: 0; right: 0; 
	width: 100%;
}

.cocautochuc-page-wrapper .col5 {
position: relative; z-index: 1;
	width: 100%;
	max-width: 1032px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-family: 'Sora';
	line-height: 1.6;
}

.cocautochuc-page-wrapper .row-top1 {
backdrop-filter: blur(4px);
	gap: 24px;
}

.cocautochuc-page-wrapper .card-left1 {
padding-top: 30px;
}

.cocautochuc-page-wrapper .card-left1 .card-gemini {
margin-left: 10px; margin-right: 10px;
}

.cocautochuc-page-wrapper .col6 {
display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
	color: #fff;
	text-align: justify;
}

.cocautochuc-page-wrapper .frame-top {
position: relative;
	padding-left: 37px;
}

.cocautochuc-page-wrapper .layer1 {
position: absolute; top: 0; left: 0; 
	width: 21px;
}

.cocautochuc-page-wrapper .col7 {
display: flex;
	flex-direction: column;
	gap: 8px;
}

.cocautochuc-page-wrapper .text4 {
margin-right: -8px;
	min-height: 44px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 400;
}

.cocautochuc-page-wrapper .row18 {
display: flex;
	align-items: flex-start;
	gap: 16px;
}

.cocautochuc-page-wrapper .col8 {
display: flex;
	flex-direction: column;
	gap: 8px;
	flex-grow: 1;
	text-align: justify;
}

.cocautochuc-page-wrapper .text5 {
align-self: start;
}

.cocautochuc-page-wrapper .row-bottom14 {
display: flex;
	align-items: flex-start;
	gap: 16px;
	font-size: 14px;
	font-weight: 400;
}

.cocautochuc-page-wrapper .col9 {
display: flex;
	flex-direction: column;
	gap: 8px;
	flex-grow: 1;
	text-align: justify;
}

.cocautochuc-page-wrapper .text10 {
min-height: 73px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .row19 {
backdrop-filter: blur(4px);
	gap: 24px;
}

.cocautochuc-page-wrapper .col10 {
display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
	color: #fff;
}

.cocautochuc-page-wrapper /* row-b */

.row-b {
display: flex;
	align-items: flex-start;
	gap: 16px;
}

.cocautochuc-page-wrapper .row-col1 {
display: flex;
	flex-direction: column;
	gap: 8px;
	flex-grow: 1;
	text-align: justify;
}

.cocautochuc-page-wrapper /* end row-b*/


.card-right1 {
width: 276px;
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-shrink: 0;
	text-align: center;
	background-color: #fff4d8;
	padding-top: 34px;
	border-radius: 16px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .card-right-img1 {
margin-left: 17px; margin-right: 14px;
	flex-shrink: 0;
	border-radius: 5.75px;
}

.cocautochuc-page-wrapper .row23 {
backdrop-filter: blur(4px);
	gap: 24px;
}

.cocautochuc-page-wrapper .card-left2 {
margin-top: 1px;
	padding-top: 38px;
}

.cocautochuc-page-wrapper .card-left2 .card-gemini {
width: 233px;
	align-self: center;
}

.cocautochuc-page-wrapper .card-left2 .col-bottom {
align-items: center;
}

.cocautochuc-page-wrapper .card-left2 .col-bottom .column-col-top {
width: 241px;
}

.cocautochuc-page-wrapper .card-left2 .col-bottom .column-text3 {
align-self: stretch;
}

.cocautochuc-page-wrapper .col11 {
display: flex;
	flex-direction: column;
	gap: 48px;
	flex-grow: 1;
}

.cocautochuc-page-wrapper .col12 {
display: flex;
	flex-direction: column;
	gap: 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.cocautochuc-page-wrapper /* row-c */

.row-c {
display: flex;
	align-items: flex-start;
	gap: 16px;
}

.cocautochuc-page-wrapper .row-col2 {
display: flex;
	flex-direction: column;
	gap: 8px;
	flex-grow: 1;
	text-align: justify;
}

.cocautochuc-page-wrapper /* end row-c*/


.row-bottom15 {
display: flex;
	align-items: flex-start;
	gap: 16px;
}

.cocautochuc-page-wrapper .col13 {
display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
	text-align: justify;
}

.cocautochuc-page-wrapper .col14 {
display: flex;
	flex-direction: column;
	gap: 8px;
}

.cocautochuc-page-wrapper .text-e {
font-size: 16px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .col-bottom3 {
display: flex;
	flex-direction: column;
	gap: 8px;
}

.cocautochuc-page-wrapper .card-bottom17 {
box-shadow: 0px 18px 5.3px 0px rgba(0, 0, 0, 0.16);
	display: flex;
	flex-direction: column;
	gap: 8px;
	background-color: #fff;
	padding: 24px 14px 24px 15px;
	border-radius: 48px 16px;
}

.cocautochuc-page-wrapper .card-bottom-text {
font-size: 14px;
	font-weight: 400;
	text-align: justify;
}

.cocautochuc-page-wrapper .card-bottom-subtitle {
margin: 0 10px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.cocautochuc-page-wrapper .card-bottom-text2 {
margin-left: 10px; margin-right: 10px;
	color: var(--_8);
}

.cocautochuc-page-wrapper .card-bottom-text3 {
color: var(--_8);
}

.cocautochuc-page-wrapper .card-bottom-text-bottom {
align-self: center;
	color: #000;
}

.cocautochuc-page-wrapper .col15 {
display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	font-weight: 400;
	line-height: 1.6;
	padding: 70px 24px;
}

.cocautochuc-page-wrapper /* row-g */

.row-g {
display: flex;
	align-items: flex-start;
	gap: 23px;
	font-size: 14px;
}

.cocautochuc-page-wrapper /* end row-g*/


.col-top2 {
width: 100%;
	max-width: 970px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 19px;
}

.cocautochuc-page-wrapper .col16 .column-title {
color: #0f4d98;
}

.cocautochuc-page-wrapper .col16 .column-text1 {
color: #333;
}

.cocautochuc-page-wrapper .svg2 {
position: relative;
	width: 24px; height: 24px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .svg-clip-path2 {
position: absolute; top: 0; left: 0; right: 0; 
	width: 100%;
}

.cocautochuc-page-wrapper .row25 {
margin-top: 1px;
	width: 100%;
	max-width: 1105px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 16px;
	color: var(--_8);
	font-size: 16px;
	line-height: 1.4;
}

.cocautochuc-page-wrapper .row-left2 {
width: 200px;
	min-height: 40px;
	display: flex;
	align-items: center;
	gap: 71px;
	flex-shrink: 0;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 7px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
}

.cocautochuc-page-wrapper .text-he-dao-tao {
flex-grow: 1;
	text-align: center;
}

.cocautochuc-page-wrapper .row-right {
width: 305px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 7px;
	border: 1px solid var(--_4);
	border-radius: 4px;
}

.cocautochuc-page-wrapper .text-khoa-dao-tao {
text-align: center;
}

.cocautochuc-page-wrapper .row26 {
margin-left: 9px; margin-top: 1px;
	display: flex;
	align-items: flex-start;
	gap: 23px;
	padding-right: 9px;
}

.cocautochuc-page-wrapper /* frame-b */

.frame-b {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .frame-frame2 {
position: relative;
	height: 155px;
	flex-shrink: 0;
	background-color: #fff;
}

.cocautochuc-page-wrapper .frame-phan-thi1 {
position: absolute; top: 0; left: 0; right: -1px; 
	width: calc(100% - 0px - -1px);
	max-width: none;
}

.cocautochuc-page-wrapper .card-bottom2 {
gap: 4px;
	padding-bottom: 15px;
}

.cocautochuc-page-wrapper .card-bottom-row-bottom1 {
display: flex;
	align-items: flex-start;
	gap: 4px;
}

.cocautochuc-page-wrapper .card-bottom-text-chuyen-nganh1 {
text-align: left;
}

.cocautochuc-page-wrapper .card-bottom-text-tieng-nhat {
flex-grow: 1;
	text-align: right;
}

.cocautochuc-page-wrapper /* end frame-b*/


.frame6 .row3 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame7 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame7 .frame-frame3 {
background-color: #fdfcfa;
}

.cocautochuc-page-wrapper .frame8 .frame-frame1 {
background-color: #e5eeed;
}

.cocautochuc-page-wrapper .row27 {
margin-left: 1px;
	display: flex;
	align-items: flex-start;
	gap: 23px;
	font-size: 13.59px;
	padding-right: 1px;
}

.cocautochuc-page-wrapper /* frame-d */

.frame-d {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .frame-frame4 {
position: relative;
	height: 155px;
	flex-shrink: 0;
	background: linear-gradient(271deg, #e0eff6 15%, #cfd7e4 83%) top left / auto auto no-repeat;
}

.cocautochuc-page-wrapper .frame-thai-hong2 {
position: absolute; top: 0; left: 0; right: -1px; 
	width: calc(100% - 0px - -1px);
	max-width: none;
}

.cocautochuc-page-wrapper .card-bottom4 {
gap: 4px;
	padding-bottom: 13px;
}

.cocautochuc-page-wrapper .card-text-top3 {
color: var(--jpc);
	font-size: 15.54px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper /* end frame-d*/


.frame10 .frame-frame3 {
background-color: #fff;
}

.cocautochuc-page-wrapper .frame10 .card-bottom3 {
padding-bottom: 15px;
}

.cocautochuc-page-wrapper .frame12 .frame-frame3 {
background-color: #dddfeb;
}

.cocautochuc-page-wrapper .row28 {
margin-left: 9px;
	display: flex;
	align-items: flex-start;
	gap: 23px;
	font-size: 14px;
	padding-right: 9px;
}

.cocautochuc-page-wrapper /* frame-e */

.frame-e {
width: 259px;
	min-height: 317px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.77px;
	overflow: hidden;
}

.cocautochuc-page-wrapper .frame-frame-top {
position: relative;
	height: 159px;
	flex-shrink: 0;
	background-color: #fff;
}

.cocautochuc-page-wrapper .frame-img2 {
position: absolute; top: 0; left: 0; right: -9px; 
	width: calc(100% - 0px - -9px);
	max-width: none;
}

.cocautochuc-page-wrapper .card-bottom5 {
gap: 4px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.cocautochuc-page-wrapper .card-text-top4 {
color: var(--jpc);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-text-dien-gia4 {
color: var(--_6);
}

.cocautochuc-page-wrapper /* end frame-e*/


.frame14 .frame-frame-top {
background-color: #eff3f4;
}

.cocautochuc-page-wrapper .frame16 .card-text-top4 {
align-self: center;
}

.cocautochuc-page-wrapper .row29 {
display: flex;
	align-items: flex-start;
	gap: 23px;
	font-size: 13.59px;
}

.cocautochuc-page-wrapper /* frame-g */

.frame-g {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-phan-thi2 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom7 {
gap: 4px;
}

.cocautochuc-page-wrapper .card-text-top6 {
color: var(--jpc);
	font-size: 15.54px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper /* end frame-g*/




/* frame-h */

.frame-h {
width: 259px;
	min-height: 295px;
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-img4 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom8 {
gap: 4px;
	padding-bottom: 15px;
}

.cocautochuc-page-wrapper .card-bottom-text-top2 {
color: var(--jpc);
	font-size: 15.53px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper /* end frame-h*/


.frame17 {
font-size: 14px;
}

.cocautochuc-page-wrapper .frame17 .card-text-top5 {
align-self: center;
}

.cocautochuc-page-wrapper .frame18 .card-bottom7 {
padding-bottom: 15px;
}

.cocautochuc-page-wrapper .frame19 .card-bottom7 {
padding-bottom: 13px;
}

.cocautochuc-page-wrapper .row30 {
display: flex;
	align-items: flex-start;
	gap: 23px;
	font-size: 14px;
}

.cocautochuc-page-wrapper /* frame-i */

.frame-i {
width: 259px;
	min-height: 289px;
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-ta-thi-ha {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom9 {
gap: 4px;
	padding-bottom: 15px;
}

.cocautochuc-page-wrapper .card-text-top7 {
color: var(--jpc);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-text-giao-vien-tieng3 {
color: var(--_6);
}

.cocautochuc-page-wrapper /* end frame-i*/


.frame21 .row10 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame21 .row-bottom8 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame22 .card-bottom9 {
padding-bottom: 12px;
}

.cocautochuc-page-wrapper .frame22 .row10 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame22 .row-bottom8 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame23 .row10 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame23 .row-bottom8 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame24 .row10 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .frame24 .row-bottom8 {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .row31 {
display: flex;
	align-items: flex-start;
	gap: 23px;
}

.cocautochuc-page-wrapper /* frame-j */

.frame-j {
width: 259px;
	min-height: 311px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-nguyen-huy {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom10 {
gap: 4px;
	padding-bottom: 15px;
}

.cocautochuc-page-wrapper .card-text-top8 {
color: var(--jpc);
	font-size: 15.97px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper /* end frame-j*/


.frame28 .card-text-top8 {
align-self: center;
}

.cocautochuc-page-wrapper .row32 {
display: flex;
	align-items: flex-start;
	gap: 23px;
}

.cocautochuc-page-wrapper /* frame-k */

.frame-k {
width: 259px;
	min-height: 288px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-ho-thi-thien {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom11 {
gap: 4px;
}

.cocautochuc-page-wrapper /* end frame-k*/


.frame29 .card-bottom11 {
padding-bottom: 15px;
}

.cocautochuc-page-wrapper .frame29 .row12 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame29 .row-bottom10 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame30 .card-bottom11 {
padding-bottom: 13px;
}

.cocautochuc-page-wrapper .frame30 .row12 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame30 .row-bottom10 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame31 .card-bottom11 {
padding-bottom: 15px;
}

.cocautochuc-page-wrapper .frame31 .row12 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame31 .row-bottom10 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame32 .card-bottom11 {
padding-bottom: 13px;
}

.cocautochuc-page-wrapper .frame32 .row12 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame32 .row-bottom10 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .row33 {
display: flex;
	align-items: flex-start;
	gap: 23px;
}

.cocautochuc-page-wrapper /* frame-l */

.frame-l {
width: 259px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	font-size: 14px;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.77px;
}

.cocautochuc-page-wrapper .frame-img5 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom12 {
gap: 4px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.cocautochuc-page-wrapper .card-text-top10 {
text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-text-giao-vien-tieng5 {
color: var(--_6);
}

.cocautochuc-page-wrapper /* end frame-l*/




/* frame-m */

.frame-m {
width: 259px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	padding-bottom: 5px;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-phan-thi3 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom13 {
gap: 4px;
	padding-bottom: 15px;
}

.cocautochuc-page-wrapper .card-bottom-text-top3 {
text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-bottom-row-bottom2 {
display: flex;
	align-items: flex-start;
	gap: 4px;
}

.cocautochuc-page-wrapper .card-bottom-text-chuyen-nganh2 {
text-align: left;
}

.cocautochuc-page-wrapper .card-bottom-text-dong-phuong1 {
flex-grow: 1;
	text-align: right;
}

.cocautochuc-page-wrapper /* end frame-m*/




/* frame-n */

.frame-n {
width: 259px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	padding-bottom: 8px;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-thai-hong3 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom14 {
gap: 4px;
	padding-bottom: 12px;
}

.cocautochuc-page-wrapper .card-bottom-text-top4 {
text-transform: uppercase;
}

.cocautochuc-page-wrapper /* end frame-n*/




/* frame-o */

.frame-o {
width: 259px;
	display: flex;
	flex-direction: column;
	gap: 0;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.54px;
}

.cocautochuc-page-wrapper .frame-img6 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom15 {
margin-bottom: -1px;
	gap: 4px;
	padding-bottom: 15px;
}

.cocautochuc-page-wrapper .card-bottom-text-top5 {
align-self: center;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-bottom-row-bottom3 {
display: flex;
	align-items: flex-start;
	gap: 4px;
}

.cocautochuc-page-wrapper .card-bottom-text-chuyen-nganh3 {
text-align: left;
}

.cocautochuc-page-wrapper .card-bottom-text-dong-phuong2 {
flex-grow: 1;
	text-align: right;
}

.cocautochuc-page-wrapper /* end frame-o*/


.frame34 .row14 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame35 .row15 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame35 .row-bottom12 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .frame36 .row16 {
font-size: 13.59px;
}

.cocautochuc-page-wrapper .row36 .frame2 .card-text-top5 {
align-self: center;
}

.cocautochuc-page-wrapper .row36 .frame3 .card-text-top5 {
align-self: center;
}

.cocautochuc-page-wrapper .row36 .frame4 .card-text-top5 {
align-self: center;
}

.cocautochuc-page-wrapper .row37 {
display: flex;
	align-items: flex-start;
	gap: 23px;
	font-size: 14px;
}

.cocautochuc-page-wrapper /* frame-p */

.frame-p {
width: 259px;
	min-height: 317px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	text-align: center;
	border: 1px solid var(--_3);
	border-radius: 7.77px;
}

.cocautochuc-page-wrapper .frame-img7 {
max-width: none;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-bottom16 {
gap: 4px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.cocautochuc-page-wrapper .card-text-top11 {
align-self: center;
	color: var(--jpc);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.cocautochuc-page-wrapper .card-text-giao-vien-tieng6 {
color: var(--_6);
}

.cocautochuc-page-wrapper /* end frame-p*/


.frame38 .card-text-top11 {
align-self: unset;
}

.cocautochuc-page-wrapper .footer {
margin-top: 31px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.cocautochuc-page-wrapper .footer-row {
display: flex;
	align-items: flex-start;
	gap: 33px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	background-color: #fff;
	padding-left: 46px;
	padding-right: 33px;
	border-radius: 16px;
}

.cocautochuc-page-wrapper .footer-col-left {
margin-top: 28px;
	width: 405px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex-shrink: 0;
	font-size: 18px;
	text-align: left;
}

.cocautochuc-page-wrapper .footer-img {
margin-left: -4px; margin-top: -4px;
	width: 205px;
	flex-shrink: 0;
	align-self: start;
}

.cocautochuc-page-wrapper .footer-text {
color: #0f4d98;
	font-family: var(--font-family-font-1);
	font-weight: 600;
	letter-spacing: 2px;
}

.cocautochuc-page-wrapper .footer-col {
display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	color: var(--_8);
	letter-spacing: 0px;
}

.cocautochuc-page-wrapper /* row-h */

.row-h {
display: flex;
	gap: 8px;
}

.cocautochuc-page-wrapper .row-mdi-location {
flex-shrink: 0;
}

.cocautochuc-page-wrapper .row-text9 {
flex-grow: 1;
	text-align: left;
}

.cocautochuc-page-wrapper /* end row-h*/


.row39 {
align-items: flex-start;
	align-self: stretch;
}

.cocautochuc-page-wrapper .row39 .row-mdi-location {
width: 32px;
}

.cocautochuc-page-wrapper .row40 {
align-items: flex-start;
	align-self: stretch;
}

.cocautochuc-page-wrapper .row40 .row-mdi-location {
width: 32px;
}

.cocautochuc-page-wrapper .row41 {
width: 100%;
	max-width: 363px;
	align-items: center;
}

.cocautochuc-page-wrapper .row41 .row-mdi-location {
width: 24px;
}

.cocautochuc-page-wrapper .row42 {
width: 100%;
	max-width: 363px;
	align-items: center;
	color: var(--_14);
}

.cocautochuc-page-wrapper .row42 .row-mdi-location {
width: 24px;
}

.cocautochuc-page-wrapper .card-list {
margin-left: 29px;
	width: 246px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex-shrink: 0;
	text-align: left;
	background-color: #eefff4;
	padding: 106px 24px 123px 24px;
}

.cocautochuc-page-wrapper .card-list-subtitle {
align-self: stretch;
	color: #199f5a;
}

.cocautochuc-page-wrapper .row46 {
width: 72px;
	justify-content: space-between;
	gap: unset;
}

.cocautochuc-page-wrapper .row47 {
width: 72px;
	justify-content: space-between;
	gap: unset;
}

.cocautochuc-page-wrapper .card-right2 {
width: 329px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex-shrink: 0;
	text-align: left;
	background-color: #eef6ff;
	padding: 106px 28px 61px 35px;
}

.cocautochuc-page-wrapper .card-right-col-top {
display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.cocautochuc-page-wrapper .card-right-subtitle {
align-self: stretch;
	color: #0f4d98;
}

.cocautochuc-page-wrapper .row50 {
width: 153px;
	justify-content: space-between;
	gap: unset;
}

.cocautochuc-page-wrapper .card-right-row {
margin-right: -40px;
	display: flex;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.cocautochuc-page-wrapper .card-right-text {
flex-grow: 1;
	text-align: left;
}

.cocautochuc-page-wrapper .row52 {
width: 152px;
	justify-content: space-between;
	gap: unset;
}

.cocautochuc-page-wrapper .card-right-col-bottom {
display: flex;
	flex-direction: column;
	gap: 8px;
}

.cocautochuc-page-wrapper .card-right-img2 {
flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-right-row-bottom {
display: flex;
	align-items: flex-start;
	gap: 9px;
	padding-right: 12px;
}

.cocautochuc-page-wrapper .card-right-social-icons {
min-width: 0;
	flex-grow: 1;
}

.cocautochuc-page-wrapper .card-right-social-icons1 {
position: relative;
	flex-grow: 1;
	aspect-ratio: 1 / 1;
}

.cocautochuc-page-wrapper .card-right-bg2 {
position: absolute; top: 0; left: 0; 
	width: 35px;
}

.cocautochuc-page-wrapper .card-right-img3 {
position: absolute; top: 6px; left: 6px; 
	width: 22px;
}

.cocautochuc-page-wrapper .card-right-circle-white {
position: relative;
	width: 35px; height: 35px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-right-tik-tok {
position: absolute; top: 4px; left: 50%; 
	translate: -50% 0;
	width: 26px;
}

.cocautochuc-page-wrapper .card-right-circle-white-right {
position: relative;
	width: 35px; height: 35px;
	flex-shrink: 0;
}

.cocautochuc-page-wrapper .card-right-img4 {
position: absolute; top: 3px; left: 50%; 
	translate: -50% 0;
	width: 28px;
}

.cocautochuc-page-wrapper .footer-copyright {
align-self: stretch;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 2px;
	background-color: #0f4d98;
	padding: 10px 24px 14px 24px;
}

.cocautochuc-page-wrapper /** breakpoints (margin / paddings) **/

@media screen and (max-width: 1280px) {
.cocautochuc-page-wrapper .header-row-top {
padding-inline: var(--margin-md);
}
}

.cocautochuc-page-wrapper .header-menu-list {
margin-inline: 0;
}

.cocautochuc-page-wrapper .col2 {
padding-inline: var(--margin-md);
}

.cocautochuc-page-wrapper .col3 {
padding-inline: var(--margin-sm);
}

.cocautochuc-page-wrapper .img2 {
margin-inline: 0;
}

.cocautochuc-page-wrapper .card-left1 .card-gemini {
margin-inline: 0;
}

.cocautochuc-page-wrapper .frame-top {
padding-inline: 0;
}

.cocautochuc-page-wrapper .text4 {
margin-inline: 0;
}

.cocautochuc-page-wrapper .card-right-img1 {
margin-inline: 0;
}

.cocautochuc-page-wrapper .card-bottom-subtitle {
margin-inline: 0;
}

.cocautochuc-page-wrapper .card-bottom-text2 {
margin-inline: 0;
}

.cocautochuc-page-wrapper .col15 {
padding-inline: var(--margin-sm);
}

.cocautochuc-page-wrapper .row26 {
padding-inline: 0;
}

.cocautochuc-page-wrapper .row28 {
padding-inline: 0;
}

.cocautochuc-page-wrapper .footer-row {
padding-inline: var(--margin-sm);
}

.cocautochuc-page-wrapper .card-right2 {
padding-inline: var(--margin-sm);
}

.cocautochuc-page-wrapper .footer-copyright {
padding-inline: var(--margin-sm);
}

@media screen and (max-width: 576px) {
.cocautochuc-page-wrapper .header-row-top {
padding-inline: var(--margin-sm);
}
}

.cocautochuc-page-wrapper .col2 {
padding-inline: var(--margin-sm);
}


.cocautochuc-page-wrapper .row23 > .col11 {
width: 100%;
}

@media screen and (max-width: 1105px) {
.cocautochuc-page-wrapper .row-g {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row-g > * {
margin-left: unset !important;
}

@media screen and (max-width: 520px) {
.cocautochuc-page-wrapper .row25 {
flex-direction: column;
		align-items: center;
		gap: 14px;
}
}

.cocautochuc-page-wrapper .col15 > * {
margin-left: 0; margin-right: 0;
}

.cocautochuc-page-wrapper .row25 > * {
text-align: center;
}

@media screen and (max-width: 1131px) {
.cocautochuc-page-wrapper .row26 {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row26 > * {
margin-left: unset !important; margin-top: unset !important;
}

@media screen and (max-width: 1108px) {
.cocautochuc-page-wrapper .row27 {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row27 > * {
margin-left: unset !important; margin-top: unset !important;
}

@media screen and (max-width: 1131px) {
.cocautochuc-page-wrapper .row28 {
margin-left: 0;
		flex-direction: column;
		align-items: center;
		gap: 40px;
}
}

.cocautochuc-page-wrapper .row28 > * {
margin-left: unset !important;
}

@media screen and (max-width: 1105px) {
.cocautochuc-page-wrapper .row29 {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row29 > * {
margin-left: unset !important; margin-top: unset !important;
}

@media screen and (max-width: 1105px) {
.cocautochuc-page-wrapper .row30 {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row30 > * {
margin-left: unset !important;
}

@media screen and (max-width: 1105px) {
.cocautochuc-page-wrapper .row31 {
flex-direction: column;
		align-items: center;
		gap: 39px;
}
}

.cocautochuc-page-wrapper .row31 > * {
margin-left: unset !important;
}

@media screen and (max-width: 1104px) {
.cocautochuc-page-wrapper .row32 {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row32 > * {
margin-left: unset !important; margin-right: unset !important;
}

@media screen and (max-width: 1105px) {
.cocautochuc-page-wrapper .row33 {
flex-direction: column;
		align-items: center;
		gap: 15px;
}
}

.cocautochuc-page-wrapper .row33 > * {
margin-left: unset !important; margin-top: unset !important;
}

@media screen and (max-width: 1105px) {
.cocautochuc-page-wrapper .row37 {
flex-direction: column;
		align-items: center;
		gap: 40px;
}
}

.cocautochuc-page-wrapper .row37 > * {
margin-left: unset !important;
}

@media screen and (max-width: 1153px) {
.cocautochuc-page-wrapper .footer-row {
flex-direction: column;
		align-items: center;
		gap: 100px;
		padding: 24px 12px;
}
}

.cocautochuc-page-wrapper .footer-row > * {
margin-left: unset !important; margin-top: unset !important;
		text-align: center;
}

.cocautochuc-page-wrapper .footer-row .footer-img {
align-self: center;
}

.cocautochuc-page-wrapper .footer-row > .footer-col-left {
width: 100%;
		max-width: 405px;
}

.cocautochuc-page-wrapper .footer-row .card-list-subtitle {
align-self: center;
}

.cocautochuc-page-wrapper .footer-row > .card-list {
align-items: center;
}

.cocautochuc-page-wrapper .footer-row > .card-right2 {
width: 100%;
		max-width: 329px;
}










/* Outer Row Dark Box with 8px Gold Gradient Border (Glassmorphism) */
.cocautochuc-page-wrapper .card-dark {
    position: relative !important;
    border: none !important;
    border-radius: 16px !important;
    background-color: rgba(51, 51, 51, 0.5) !important;
    background-image: none !important;
    backdrop-filter: blur(8px) !important;
    padding: 48px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.25) !important;
}

.cocautochuc-page-wrapper .card-dark::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 16px !important;
    padding: 8px !important; /* border width */
    background: linear-gradient(90deg, #C28130 0%, #F1DA7C 49%, #E9A03B 96%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Inner Portrait Card with 5px Gold Gradient Border (Unified) */
.cocautochuc-page-wrapper .inner-portrait-card {
    border: none !important;
    border-radius: 16px !important;
    padding: 5px !important;
    background-image: linear-gradient(to bottom, #FFF4D8, #FFF4D8), 
                      linear-gradient(90deg, #C28130 0%, #F1DA7C 49%, #E9A03B 96%) !important;
    background-origin: content-box, border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 0px 8.7px 5.8px 0px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    flex-shrink: 0 !important;
    width: 276px !important;
    height: auto !important;
    min-height: 431px !important;
}

/* Inner Card Image alignment */
.cocautochuc-page-wrapper .inner-portrait-card .portrait-img {
    width: 233px !important;
    height: 287px !important;
    margin-top: 33px !important;
    margin-bottom: 0px !important;
    align-self: center !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    display: block !important;
}

/* White Nameplate inside Card */
.cocautochuc-page-wrapper .inner-portrait-card .nameplate {
    border: none !important;
    border-radius: 0px 0px 11px 11px !important;
    box-shadow: none !important;
    background-color: #FFFFFF !important;
    width: auto !important;
    align-self: stretch !important;
    flex-grow: 1 !important;
    margin: 0 !important;
    padding: 17px 17px 18px 17px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Name and title container inside nameplate */
.cocautochuc-page-wrapper .inner-portrait-card .column-col-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
}

/* Match typography & capitalization with Figma */
.cocautochuc-page-wrapper .inner-portrait-card .member-name {
    text-transform: uppercase !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 32px !important;
    color: #AA6405 !important;
    margin: 0 !important;
    text-align: center !important;
}

.cocautochuc-page-wrapper .inner-portrait-card .member-title {
    font-family: 'Sora', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    color: #333333 !important;
    margin: 0 !important;
    text-align: center !important;
}

.cocautochuc-page-wrapper .inner-portrait-card .member-desc {
    font-family: 'Sora', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #646D69 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* BGH Section Title & Subtitle Styling */
.cocautochuc-page-wrapper .col4 .column-title {
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 60px !important;
    font-weight: 800 !important;
    line-height: 84px !important;
    color: #ffffff !important;
    text-transform: none !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}

.cocautochuc-page-wrapper .col4 .column-text1 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 29px !important;
    color: #ffffff !important;
    text-align: center !important;
    text-transform: uppercase !important; /* Match Figma all-caps subtitle */
}

.cocautochuc-page-wrapper .col-top1 {
    max-width: 970px !important;
}

/* Mission Box */
.cocautochuc-page-wrapper .card-bottom17 {
    border: none !important;
    border-radius: 48px 16px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 18px 5.3px 0px rgba(0, 0, 0, 0.16) !important;
    padding: 24px 14px 24px 15px !important;
}

/* Mission Box Quote text gradient */
.cocautochuc-page-wrapper .card-bottom-text3 {
    font-family: 'Sora', sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 32px !important;
    text-align: center !important;
    background: linear-gradient(90deg, #E9A03B 0%, #EE1D23 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    margin: 16px 0 !important;
    letter-spacing: -0.4px !important;
}

/* Responsive Banner & BGH Section using safe px units for parser compatibility */
.cocautochuc-page-wrapper .col1 {
    background-color: #ffffff !important;
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Laptop screens (1200px <= width < 1600px): Scale 0.78 for optimal view */
@media screen and (min-width: 1200px) and (max-width: 1599.98px) {
    .cocautochuc-page-wrapper .col1 {
        padding-top: 652px !important; /* 836 * 0.78 */
    }
    .cocautochuc-page-wrapper .col2 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: url('/statics/asset/default/images/gioithieu/cocautochuc/banner-bg.png') top center / 100% 100% no-repeat !important;
        padding: 9px 60px 310px 60px !important; /* 12*0.78, 77*0.78, 397*0.78, 77*0.78 */
        height: auto !important;
    }
    .cocautochuc-page-wrapper .group {
        position: relative !important;
        width: 100% !important;
        height: 576px !important; /* 739 * 0.78 */
        max-width: 849px !important; /* 1088 * 0.78 */
        flex-shrink: 0 !important;
    }
    .cocautochuc-page-wrapper .gemini-generated {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 836px !important; /* 1072 * 0.78 */
        height: auto !important;
    }
    .cocautochuc-page-wrapper .img1 {
        position: absolute !important;
        top: 337px !important; /* 432 * 0.78 */
        left: 201px !important; /* 258 * 0.78 */
        width: calc(100% - 201px) !important;
        max-width: 417px !important; /* 534 * 0.78 */
    }
}

/* Large screens (min-width: 1600px): Original 0.85 scale */
@media screen and (min-width: 1600px) {
    .cocautochuc-page-wrapper .col1 {
        padding-top: 836px !important; /* 983 * 0.85 */
    }
    .cocautochuc-page-wrapper .col2 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: url('/statics/asset/default/images/gioithieu/cocautochuc/banner-bg.png') top center / 100% 100% no-repeat !important;
        padding: 12px 77px 397px 77px !important; /* 14*0.85, 90*0.85, 467*0.85, 90*0.85 */
        height: auto !important;
    }
    .cocautochuc-page-wrapper .group {
        position: relative !important;
        width: 100% !important;
        height: 739px !important; /* 869 * 0.85 */
        max-width: 1088px !important; /* 1280 * 0.85 */
        flex-shrink: 0 !important;
    }
    .cocautochuc-page-wrapper .gemini-generated {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 1072px !important; /* 1261 * 0.85 */
        height: auto !important;
    }
    .cocautochuc-page-wrapper .img1 {
        position: absolute !important;
        top: 432px !important; /* 508 * 0.85 */
        left: 258px !important; /* 304 * 0.85 */
        width: calc(100% - 258px) !important;
        max-width: 534px !important; /* 628 * 0.85 */
    }
}

/* Medium screens (992px <= width < 1200px): Scale 0.6 */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .cocautochuc-page-wrapper .col1 {
        padding-top: 590px !important;
    }
    .cocautochuc-page-wrapper .col2 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: url('/statics/asset/default/images/gioithieu/cocautochuc/banner-bg.png') top center / 100% 100% no-repeat !important;
        padding: 8px 60px 280px 60px !important;
        height: auto !important;
    }
    .cocautochuc-page-wrapper .group {
        position: relative !important;
        width: 100% !important;
        height: 521px !important;
        max-width: 768px !important;
        flex-shrink: 0 !important;
    }
    .cocautochuc-page-wrapper .gemini-generated {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 757px !important;
        height: auto !important;
    }
    .cocautochuc-page-wrapper .img1 {
        position: absolute !important;
        top: 305px !important;
        left: 182px !important;
        width: calc(100% - 182px) !important;
        max-width: 377px !important;
    }
}

/* Small screens (768px <= width < 992px): Scale 0.5 */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .cocautochuc-page-wrapper .col1 {
        padding-top: 491px !important;
    }
    .cocautochuc-page-wrapper .col2 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: url('/statics/asset/default/images/gioithieu/cocautochuc/banner-bg.png') top center / 100% 100% no-repeat !important;
        padding: 7px 30px 233px 30px !important;
        height: auto !important;
    }
    .cocautochuc-page-wrapper .group {
        position: relative !important;
        width: 100% !important;
        height: 434px !important;
        max-width: 640px !important;
        flex-shrink: 0 !important;
    }
    .cocautochuc-page-wrapper .gemini-generated {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 630px !important;
        height: auto !important;
    }
    .cocautochuc-page-wrapper .img1 {
        position: absolute !important;
        top: 254px !important;
        left: 152px !important;
        width: calc(100% - 152px) !important;
        max-width: 314px !important;
    }
}

/* Mobile screens (width < 768px): Scale 0.38 */
@media screen and (max-width: 767.98px) {
    .cocautochuc-page-wrapper .col1 {
        padding-top: 373px !important;
    }
    .cocautochuc-page-wrapper .col2 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        background: url('/statics/asset/default/images/gioithieu/cocautochuc/banner-bg.png') top center / 100% 100% no-repeat !important;
        padding: 5px 15px 177px 15px !important;
        height: auto !important;
    }
    .cocautochuc-page-wrapper .group {
        position: relative !important;
        width: 100% !important;
        height: 330px !important;
        max-width: 486px !important;
        flex-shrink: 0 !important;
    }
    .cocautochuc-page-wrapper .gemini-generated {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 479px !important;
        height: auto !important;
    }
    .cocautochuc-page-wrapper .img1 {
        position: absolute !important;
        top: 193px !important;
        left: 115px !important;
        width: calc(100% - 115px) !important;
        max-width: 238px !important;
    }
}


/* BGH Gradient Band styling - clean and optimized */
.cocautochuc-page-wrapper .col3 {
    padding: 70px 24px 80px 24px !important;
    gap: 30px !important;
}

.cocautochuc-page-wrapper .img2 {
    display: block !important;
    position: absolute !important;
    top: 690px !important;
    left: max(-450px, calc(50% - 1020px)) !important;
    translate: none !important;
    margin-left: 0 !important;
    width: calc(100% - 32px) !important;
    max-width: 753px !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Card Portrait block minimum heights to prevent truncation */
/* Unified in inner-portrait-card class */

/* Teacher Grid Layout & Spacing */
.cocautochuc-page-wrapper .about_cocau_row {
    padding: 100px 167px 70px !important;
}
@media screen and (max-width: 1200px) {
    .cocautochuc-page-wrapper .about_cocau_row {
        padding: 40px 40px !important;
    }
}
@media screen and (max-width: 768px) {
    .cocautochuc-page-wrapper .about_cocau_row {
        padding: 20px 15px !important;
    }
}

/* Teacher Card Hover translation and box-shadow styling */
.cocautochuc-page-wrapper .about_gv_col {
    background: #ffffff !important;
    border: 1px solid #F1F1F1 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    height: calc(100% - 24px) !important;
    box-shadow: none !important;
    float: none !important;
    width: auto !important;
}
.cocautochuc-page-wrapper .about_gv_col:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
    transform: translateY(-4px) !important;
}
.cocautochuc-page-wrapper .about_gv_img {
    width: 100% !important;
    height: 180px !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0px 0px !important;
    float: none !important;
}
.cocautochuc-page-wrapper .about_gv_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px 8px 0px 0px !important;
}
.cocautochuc-page-wrapper .about_gv_ct {
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    float: none !important;
    width: 100% !important;
}
.cocautochuc-page-wrapper .about_gv_name {
    color: #199F5A !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-bottom: 8px !important;
    float: none !important;
    width: 100% !important;
}
.cocautochuc-page-wrapper .about_gv_cv {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 14px !important;
    color: #666666 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
    float: none !important;
    width: 100% !important;
    flex-grow: 1 !important;
}
.cocautochuc-page-wrapper .about_gv_td,
.cocautochuc-page-wrapper .about_gv_cn {
    font-size: 13px !important;
    margin-bottom: 4px !important;
    border-top: 1px solid #f1f1f1 !important;
    padding-top: 4px !important;
    float: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
}
.cocautochuc-page-wrapper .about_gv_lablel {
    font-weight: 600 !important;
    color: #333333 !important;
    float: none !important;
    width: auto !important;
}
.cocautochuc-page-wrapper .about_gv_na {
    color: #666666 !important;
    float: none !important;
    width: auto !important;
}

/* Custom Gold Bullet Points for Biography lists inside BGH cards */
.cocautochuc-page-wrapper .col7 ul,
.cocautochuc-page-wrapper .col8 ul,
.cocautochuc-page-wrapper .col9 ul,
.cocautochuc-page-wrapper .col12 ul,
.cocautochuc-page-wrapper .column-b ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 0 16px 0 !important;
}
.cocautochuc-page-wrapper .col7 li,
.cocautochuc-page-wrapper .col8 li,
.cocautochuc-page-wrapper .col9 li,
.cocautochuc-page-wrapper .col12 li,
.cocautochuc-page-wrapper .column-b li {
    position: relative !important;
    padding-left: 20px !important;
    margin-bottom: 8px !important;
    font-family: 'Sora', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #ffffff !important;
}
.cocautochuc-page-wrapper .col7 li::before,
.cocautochuc-page-wrapper .col8 li::before,
.cocautochuc-page-wrapper .col9 li::before,
.cocautochuc-page-wrapper .col12 li::before,
.cocautochuc-page-wrapper .column-b li::before {
    content: "▪" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

/* --- Additional Figma Typography and Bug Fixes --- */

/* Fix invisible title in white card */
.cocautochuc-page-wrapper .card-bottom-subtitle {
    font-family: 'Sora', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    color: #199f5a !important;
}

/* Remove uppercase transformation on subtitle to match Figma */
.cocautochuc-page-wrapper .col4 .column-text1 {
    text-transform: none !important;
}

/* Member name and description typography overrides */
.cocautochuc-page-wrapper .column-subtitle {
    font-family: 'Sora', sans-serif !important;
    font-size: 20px !important;
    line-height: 32px !important;
}

.cocautochuc-page-wrapper .column-text2 {
    font-family: 'Sora', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    color: #333333 !important;
}

.cocautochuc-page-wrapper .column-text3 {
    font-family: 'Sora', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #646D69 !important;
}

/* Specific section headers inside the cards */
.cocautochuc-page-wrapper .col6 .text2,
.cocautochuc-page-wrapper .col6 .text-a,
.cocautochuc-page-wrapper .col6 .text-c,
.cocautochuc-page-wrapper .col10 .text2,
.cocautochuc-page-wrapper .col10 .text-a,
.cocautochuc-page-wrapper .col10 .text-c,
.cocautochuc-page-wrapper .col12 .text2,
.cocautochuc-page-wrapper .col12 .text-a,
.cocautochuc-page-wrapper .col12 .text-c {
    font-family: 'Sora', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    color: #FFFFFF !important;
}

/* List Item Descriptions (body text) inside the cards */
.cocautochuc-page-wrapper .col6 .text4,
.cocautochuc-page-wrapper .col6 .text-b,
.cocautochuc-page-wrapper .col6 .text3,
.cocautochuc-page-wrapper .col6 .text10,
.cocautochuc-page-wrapper .col6 .text-d,
.cocautochuc-page-wrapper .col10 .text-b,
.cocautochuc-page-wrapper .col12 .text-d,
.cocautochuc-page-wrapper .col12 .text-f,
.cocautochuc-page-wrapper .col12 .text-g {
    font-family: 'Sora', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #FFFFFF !important;
}

/* Card list sub-headers (Bí quyết thành công cá nhân & Chiến lược phát triển đội ngũ JPC) */
.cocautochuc-page-wrapper .col12 .text-e,
.cocautochuc-page-wrapper .col12 .text3 {
    font-family: 'Sora', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important;
}

/* Fix jagged bold text font-size mismatch */
.cocautochuc-page-wrapper .bold,
.cocautochuc-page-wrapper .bold2,
.cocautochuc-page-wrapper .bold3 {
    font-size: inherit !important;
}

/* --- Card Bottom 17 Figma Adjustments --- */
.cocautochuc-page-wrapper .card-bottom17 {
    max-width: 636px !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.cocautochuc-page-wrapper .card-bottom-text2 {
    text-align: center !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.cocautochuc-page-wrapper .card-bottom-text-bottom {
    text-align: center !important;
    align-self: center !important;
}

/* Equal height for teacher cards without collapsing */
#resultContainer > div {
    display: flex !important;
    flex-direction: column !important;
}
.cocautochuc-page-wrapper .about_gv_col {
    flex-grow: 1 !important;
}

/* Align labels and values in teacher cards next to each other (applied globally to affect both BGH and Teacher List) */
.about_gv_td,
.about_gv_cn {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 8px !important;
    float: none !important;
    width: 100% !important;
    margin-bottom: 4px !important;
}

.about_gv_lablel {
    width: auto !important;
    float: none !important;
    text-align: left !important;
    color: #646D69 !important;
    flex-shrink: 0 !important;
    font-weight: 600 !important;
}

.about_gv_na {
    width: auto !important;
    float: none !important;
    text-align: left !important;
    color: #333333 !important;
}

/* --- Filter bar (Danh sách giáo viên) --- */
#vn-teachers-section-title {
    border-top: 2px solid #e8e8e8;
    padding-top: 24px;
    margin-top: 8px;
}

.classification-title {
    font-family: 'Baloo 2', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #222222;
}

.gv-filter-bar {
    align-items: center;
}

/* Override Bootstrap form-select to be inline and consistent */
.gv-filter-select {
    display: inline-block !important;
    width: auto !important;
    min-width: 140px !important;
    max-width: 200px !important;
    font-size: 14px !important;
    padding: 6px 32px 6px 12px !important;
    height: auto !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    cursor: pointer;
}
.gv-filter-select:focus {
    border-color: #00796B !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 121, 107, 0.18) !important;
    outline: none !important;
}
.gv-filter-select:hover {
    border-color: #adb5bd !important;
}

@media (max-width: 576px) {
    #vn-teachers-section-title {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .gv-filter-bar {
        width: 100%;
    }
    .gv-filter-select {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* --- Mobile Responsive Optimizations by Antigravity --- */
.cocautochuc-page-wrapper {
    overflow-x: hidden !important;
}

@media screen and (max-width: 991.98px) {
    /* Hide breadcrumbs on mobile/tablet to remove the white gap below the header */
    .breadcrumb {
        display: none !important;
    }

    .cocautochuc-page-wrapper .card-dark {
        flex-direction: column !important;
        align-items: center !important;
        padding: 32px 24px !important;
        gap: 24px !important;
    }
    .cocautochuc-page-wrapper .row19.card-dark {
        flex-direction: column-reverse !important; /* Force image portrait to be on top of description */
    }
    .cocautochuc-page-wrapper .inner-portrait-card {
        width: 100% !important;
        max-width: 276px !important;
        margin: 0 auto !important;
        flex-shrink: 0 !important;
    }
    .cocautochuc-page-wrapper .inner-portrait-card .portrait-img {
        width: calc(100% - 24px) !important;
        height: auto !important;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
        align-self: center !important;
    }
    .cocautochuc-page-wrapper .col6,
    .cocautochuc-page-wrapper .col10,
    .cocautochuc-page-wrapper .col11,
    .cocautochuc-page-wrapper .col12 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .cocautochuc-page-wrapper .img1 {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
        max-width: 238px !important;
    }
}

@media screen and (max-width: 575.98px) {
    .cocautochuc-page-wrapper .col3 {
        padding: 50px 16px 60px 16px !important;
    }
    .cocautochuc-page-wrapper .card-dark {
        padding: 24px 20px !important;
        gap: 20px !important;
    }
    .cocautochuc-page-wrapper .card-dark::before {
        padding: 5px !important; /* Elegant thin border on mobile */
    }
    .cocautochuc-page-wrapper .inner-portrait-card {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    .cocautochuc-page-wrapper .inner-portrait-card .portrait-img {
        width: calc(100% - 24px) !important;
        height: auto !important;
        margin-top: 16px !important;
        margin-bottom: 0px !important;
        align-self: center !important;
    }
    /* Convert Teacher List and Advisor List to Horizontally Scrollable Carousel on Mobile */
    #jp-advisors-section .row,
    #resultContainer {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 12px !important;
        padding-top: 8px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        scroll-snap-type: x mandatory !important;
    }
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    #jp-advisors-section .row::-webkit-scrollbar,
    #resultContainer::-webkit-scrollbar {
        display: none !important;
    }
    
    #jp-advisors-section .row > div,
    #resultContainer > div {
        flex: 0 0 240px !important;
        max-width: 240px !important;
        width: 240px !important;
        scroll-snap-align: start !important;
        margin-right: 16px !important;
    }
    
    #jp-advisors-section .row > div:last-child,
    #resultContainer > div:last-child {
        margin-right: 15px !important;
    }
    
    /* Clean vertical card styles within scroll slider */
    .about_gv_col {
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
        border: 1px solid #F1F1F1 !important;
        border-radius: 8px !important;
        margin-bottom: 0 !important;
        height: 100% !important;
        box-shadow: 0 8px 16px rgba(0,0,0,0.04) !important;
        width: 100% !important;
        float: none !important;
    }
    
    .about_gv_img {
        width: 100% !important;
        height: 160px !important;
        border-radius: 8px 8px 0 0 !important;
        overflow: hidden !important;
        float: none !important;
    }
    
    .about_gv_img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 8px 8px 0 0 !important;
    }
    
    .about_gv_ct {
        padding: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
        width: 100% !important;
        float: none !important;
    }
    
    .about_gv_name {
        font-size: 14px !important;
        text-align: center !important;
        margin-bottom: 4px !important;
        color: #199F5A !important;
        width: 100% !important;
        float: none !important;
    }
    
    .about_gv_cv {
        font-size: 12px !important;
        text-align: center !important;
        margin-bottom: 8px !important;
        color: #666666 !important;
        width: 100% !important;
        float: none !important;
    }
    
    .about_gv_td,
    .about_gv_cn {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 6px !important;
        margin-bottom: 4px !important;
        border-top: 1px solid #f1f1f1 !important;
        padding-top: 4px !important;
        font-size: 11px !important;
        width: 100% !important;
        float: none !important;
    }
    
    .about_gv_lablel {
        width: auto !important;
        font-weight: 600 !important;
        color: #646D69 !important;
        float: none !important;
    }
    
    .about_gv_na {
        width: auto !important;
        color: #333333 !important;
        float: none !important;
        text-align: right !important;
    }
    
    /* Premium dot indicators navigation */
    .carousel-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 12px !important;
        margin-bottom: 24px !important;
        width: 100% !important;
    }
    .carousel-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background-color: #E2E8F0 !important;
        transition: all 0.3s ease !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
    }
    .carousel-dot.active {
        background-color: #199F5A !important;
        width: 20px !important;
        border-radius: 4px !important;
    }
}