.tk-page-tab{max-width: 1500px; margin: 0 auto;}
.carousel-container{display: none;}
.second-page-bg-2 .small_content-width{width:100% !important;}
                        .tkpage{margin:auto;}
                        .tkpage h1,.tkpage h2,.tkpage h3,.tkpage h4{font-weight:bold;}
                        .tkpage h2{font-size:1.5rem;}
                        .tkpage h3{font-size:1.2rem;}
                        .tkpage h4{font-size:1rem;}
                        .tkpage-unit {
                            display: block;
                            position: relative;
                            padding:50px 20px 50px 20px;
                            max-width: 1500px;
                            margin: 0 auto;
                       }
                        .tkpagebg{background-color: #f8f9fa;}
                        .tk-light-blue-bg{background-color: #E3F2FD;}
        :root {
            --primary-color: #2C3E50;
            --accent-color: #3498DB;
            --icon-bg: #E3F2FD;
            --text-color: #2C3E50;
            --light-bg: #f8f9fa;
            --white: #ffffff;
        }
   .pagebanner{ background-image: url(../images/video-index-mp4-1.jpg);
	background: -webkit-image-set(url(../images/video-index-mp4-1.webp) 1x,url(../images/video-index-mp4-2.webp) 2x);
	background: image-set(url(../images/video-index-mp4-1.webp) 1x,url(../images/video-index-mp4-1.webp) 2x);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
                    color:#fff;
                    min-height:500px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    }
                    .pagebanner h2{font-size:26px;margin-bottom:20px;line-height:36px;}
                        .pagebanner p{margin-bottom:20px;font-size:1rem;}
                    .descp{ display: grid;flex-wrap: wrap;}
                    .descp .descp-con{ }
                    .descp .descp-img{display: flex;align-items: center;justify-content: center;}
                    .descp .descp-img img{max-width: 100%;height:auto;margin:auto !important;}
                    .flow-chart{margin-bottom:0px !important;}
                    .butquote{display: inline-block !important; text-align: center; padding:10px 30px 10px 30px !important; background: linear-gradient(to right, #eb5c5f , #f8b41d);border-radius: 50px !important; cursor: pointer;color:#fff !important;}
                    .butquote a{color:#fff;}
                    .butquote:hover{background: linear-gradient(to right, #f8b41d , #eb5c5f)}
                    .downbut{display: inline-block !important; text-align: center; padding:10px 30px 10px 30px !important; background: #3498db;border-radius: 50px !important; cursor: pointer;color:#fff !important;}
                    .downbut a{color:#fff;}
                    .downbut:hover{background: linear-gradient(to right, #f8b41d , #eb5c5f)}
                    .wd{padding:40px 0px 40px 0px;margin:auto;border-radius: 15px;cursor: pointer;max-width: 1600px;}
                    .wd .tit{font-weight:bold; text-align: center;}
                    .wd .wdunitcon{display: flex; align-items: center;justify-content: center;}
                    .wd .wdunitcon div[class*="col"] img,.design div[class*="col"] img{display: block;max-width:100%;margin:auto;}
                    .wd .wdunitcon div[class*="col"]:nth-child(1),.pic-font{ text-align: center;line-height:1.3em;color:#1f3864;}
                     .pic-font{display: flex; align-items: center;justify-content: center;line-height:1.3em;color:#1f3864;text-align: center;margin-bottom:10px;}
                    .pic-font span{ display: inline-block; text-align: center;border-radius: 100%; background-color: #E3F2FD;padding:10px;margin-right:10px;}
.forma-pic-font{text-align: center;line-height:1.3em;color:#1f3864;font-size:14px;}
                    .design{padding:25px;border-radius:20px;margin:5px 5px 5px 5px !important;border:1px solid #eee;min-height:450px;max-height:100%; background-color: #fdfdfd; transition: transform 0.2s ease; cursor: pointer;}   
                    .design:hover {transform: translateY(-3px);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
                    .pagecolum{ display: flex;flex-wrap: wrap; padding-bottom:20px;}
                    .pagecolum .row{padding-bottom:0px;margin-bottom:0px;}
                    .pagecolum div[class*="col"]{padding-bottom:30px;margin-bottom:0px !important;}
                    .design div[class*="col"] img{margin-bottom:15px;}
                    .designs-unit{border:1px solid #eee;margin-bottom:20px;}
                    .designs-unit-tit,.designs-unit-con{padding:20px;}
                    .designs-unit-tit{ background-color: #f2f2f2;position: relative;}
                    .designs-unit-tit span.clk{width:50px;height:100%; display: inline-flex;align-items: center;justify-content: center; position: absolute;top:0px;right:0px;}
                   .f_angle{ transform: rotate(180deg);}
                    .designs-unit-con{display: none;}
                    .pagecolum .design{padding:25px 25px 0px 25px !important;}
                    .faq-section{}
                    .faq-section .faq-unit{border:1px solid #eee;padding:15px;margin-bottom:20px;}
                    .faq-section .faq-unit strong.quecont-tit{ display: block; position: relative; cursor: pointer;}
                    .faq-section .faq-unit strong.quecont-tit::after{content: "▼"; width:30px;height:30px;font-size:12px;display: inline-block; text-align: center;top:0px;right:0px;position: absolute;}
                    .faq-section .faq-unit .quecont{display: none;margin-top:10px;font-size:0.9rem;}
                        .faq-section .faq-unit strong{padding-right:40px;}
                    .faq-section .faq-unit strong.titicon::after{transform: rotate(180deg);}   
                    .reviews{border-radius: 10px;padding:20px; background-color:#E3F2FD;margin:10px auto 10px auto;}
                    .reviewsunit{margin-bottom:20px;padding-left:30px;padding-right:30px;}
                    .reviewsunit p{font-style: italic;}
                    .reviewsunit .reviews-name{margin-bottom:0px;padding-bottom:0px;text-align: right;}
                    .owl-nav{position:absolute;width:100%;z-index:10000;top:40%;left:0px;height:1px}
.owl-nav button{width:30px;height:40px;font-size:20px !important;font-weight:bold !important;background-color:rgba(150,150,150,0.3) !important;color:#fff !important;}
                    .owl-nav button span{line-height:34px; display:block;height:100%;}
.owl-nav button:hover{background-color:#f3e04e !important;color:#000 !important;}
.owl-nav button.owl-prev{float:left}
.owl-nav button.owl-next{float:right}
.owl-dots .owl-dot span{ width:12px !important;height:12px !important;}
.owl-dots .owl-dot.active span{background-color:#f3e04e !important;}
                    .resoursearea{width:100% !important;}
                    .resoursearea .owl-dots{display: none !important;}
                    .partnerships{ margin: 10px auto 10px auto;color:#002060;font-size:24px;border-radius: 15px; }
                    .partnerships .row{display: flex;flex-wrap: wrap; align-items: center;justify-content: center;border-radius: 15px;background-color:#E3F2FD;margin:0px;}
                    .partnerships .row strong{display: flex;flex-wrap: wrap; align-items: center;justify-content: center;}
                    .partnerships .row div[class*="col"]{margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
                    .partnerships span{display: inline-block;height:75px;margin:0px 8px 0px 8px;}
                    .partnerships img{max-width:100%;height:100%;object-fit:contain;}
                    .partnerships strong{display: inline-block;color:#fff;line-height:1.3em;background: linear-gradient(to bottom, #eb5c5f , #f8b41d); 
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
font-family: "gilroy-bold", "Arial", "sans-serif";
                        }
                    .infographictk{background-color:#fdfdfd;padding:20px;margin: auto; color:#002060;border-radius: 20px;min-height:271px;margin-bottom:20px;border:1px solid #eee;transition: transform 0.2s ease; cursor: pointer;}
                    .infographictk .stit{display: flex;width:100%; align-items: center;color:#F87806;font-size:20px !important;padding-top:5px;padding-bottom:15px;}
                    .infographictk .contit{font-size:20px !important; display: block;margin-top:10px;margin-bottom:10px;}
                    .infographictk .downarea{text-align: center;}
                    .infographictk .downarea img{margin-bottom:15px;max-width:100% !important;height:auto;}
                    .infographictk:hover {transform: translateY(-3px);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
                    .choosearea{display: flex;flex-wrap: wrap;}
                    .dg-car-design .row,.in-car-formats .row{padding:30px;}
.dg-car-design .col-md-9::-webkit-scrollbar,
.in-car-formats .col-md-9::-webkit-scrollbar,
.des-cont::-webkit-scrollbar{
  width: 10px; 
  background-color: #f9f9f9; 
}
.dg-car-design .col-md-9::-webkit-scrollbar-track,
.in-car-formats .col-md-9::-webkit-scrollbar-track,
.des-cont::-webkit-scrollbar-track{
  background: #e1e1e1; 
  border-radius: 10px; 
}
.dg-car-design .col-md-9::-webkit-scrollbar-thumb,
.in-car-formats .col-md-9::-webkit-scrollbar-thumb,
.des-cont .col-md-9::-webkit-scrollbar-thumb,{
  background-color: #c1c1c1; 
  border-radius: 10px; 
  border: 2px solid #ffffff; 
}
.dg-car-design .col-md-9::-webkit-scrollbar-thumb:hover,
.in-car-formats .col-md-9::-webkit-scrollbar-thumb:hover,
.des-cont .col-md-9::-webkit-scrollbar-thumb:hover{
  background: #a8a8a8; 
}
.dg-car-design .col-md-9::-webkit-scrollbar-thumb:active,
.in-car-formats .col-md-9::-webkit-scrollbar-thumb:active,
.des-cont .col-md-9::-webkit-scrollbar-thumb:active
{
  background-color: #919191; 
}
                    .customize_area{background:#fdfdfd !important;border-radius: 20px;min-height:270px;display: flex !important;align-items: center;justify-content: center; flex-wrap: wrap;border:1px solid #eee;transition: transform 0.2s ease; cursor: pointer;}
                        .customize_area:hover {transform: translateY(-3px);box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
@media (min-width: 1200px) {
     .design .pagerow_pt_unit,.wdunitcon .pagerow_pt_unit{height:280px;border:0px;}
     .wdunitcon .pagerow_pt_unit{height:200px;border:0px;}
     .descp{ grid-template-columns:4fr 1fr;}
    .partnerships .row strong{min-height:280px;}
    .dg-car-design .col-md-9,.in-car-formats .col-md-9,.des-cont{height:290px;overflow-y: auto;padding-bottom:0px !important;}
     .reviews{min-height:260px;}
}
@media (max-width: 1199px){
    .wdunitcon{padding-bottom:0px !important;margin-bottom:0px;}
    .design .pagerow_pt_unit,.wdunitcon .pagerow_pt_unit{height:180px;border:0px;}
    .descp{ grid-template-columns:1fr;}
    .partnerships .row strong{height:auto;padding-top:2rem;padding-bottom:1rem;}
    .reviews{padding-bottom:2rem;}
}
.section-title-blk{ text-align: center;
            padding: 2rem;
}
   .section-title {
       position: relative;
            text-align: center;
            padding: 0rem 0 2rem 0;
/*
            background: linear-gradient(45deg, var(--primary-color), var(--accent-color));
            color: white;
*/     margin-bottom:20px;
       font-family: "gilroy-bold", "Arial", "sans-serif";
        }
                        .section-title::after{content:"";width:6%;height:4px; background-color: #3498DB;left:47%;bottom:1rem;position: absolute;}
        .section-title h1,.section-title h2,.section-title-blk h1,.section-title-blk h2 {
            margin: 0;
            font-size: 2rem;
            font-weight:bold;
        }
       .stats-row {
            display: flex;
            justify-content: center;
            gap: 2rem;
            padding: 1.5rem;
        }
        .stat-box {
            text-align: center;
            padding: 0.5rem 1.5rem;
        }
        .stat-number {
            font-size: 1.8rem;
            font-weight: bold;
            color: var(--accent-color);
        }
        .stat-label {
            font-size: 0.9rem;
            color: var(--text-color);
        }
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 1.5rem;
            padding: 2rem;
max-width: 1600px;
            margin: 0 auto;
        }
        .benefit-item {
            display: flex;
            align-items: flex-start;
            padding: 1.5rem;
            background-color: var(--white);
            border: 1px solid #eee;
            border-radius: 12px;
            transition: transform 0.2s ease;
        }
        .benefit-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        .benefit-icon {
            width: 50px;
            height: 50px;
            background-color: var(--icon-bg);
            color: var(--accent-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
            flex-shrink: 0;
        }
        .benefit-icon svg {
            width: 24px;
            height: 24px;
            stroke: var(--accent-color);
        }
        .benefit-text h3 {
            margin: 0;
            font-size: 1.1rem;
            color: var(--primary-color);
        }
        .benefit-text p {
            margin: 0.5rem 0 0;
            color: #666;
        }
        @media (max-width: 768px) {
            .stats-row {
                flex-direction: column;
                gap: 1rem;
            }
            .benefits-grid {
                grid-template-columns: 1fr;
                padding: 1rem;
            }
        }
    
     .faq-container {
      max-width: 1600px;
      margin: 0 auto;
    }
    .faq-section {
      background: white;
      border-radius: 8px;
      margin-bottom: 20px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      transform: translateY(0);
    }
    .faq-section:hover {
      box-shadow: 0 4px 8px rgba(0,0,0,0.15);
      transform: translateY(-2px);
    }
    .faq-section-title {
      color: #2c3e50;
      padding: 20px;
      background: #fdfdfd;
      font-weight: bold;
      cursor: pointer;
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      border-radius: 8px;
      border: 1px solid #eee;
    }
    .faq-section-title:hover {
      background: white;
    }
    .faq-section-icon {
      margin-right: 12px;
      width: 24px;
      height: 24px;
    }
    .faq-section-icon svg {
      width: 100%;
      height: 100%;
    }
    .faq-section-arrow {
      margin-left: auto;
      width: 24px;
      height: 24px;
      transition: transform 0.3s ease;
    }
    .faq-section.faq-active .faq-section-arrow {
      transform: rotate(180deg);
    }
    .faq-section-content {
      padding: 10px 20px 20px 20px;
      display: none;
      background: white;
    }
    .faq-section.faq-active .faq-section-content {
      display: block;
    }
    .faq-regular-content {
      padding: 10px 20px 20px 20px;
      border-radius: 8px;
      margin: 20px 0;
    }
    .faq-citation {
      font-size: 0.6em;
      vertical-align: super;
      color: #2c3e50;
      font-weight: normal;
      margin-left: 2px;
    }
       .c-design-container {
      margin: 0 auto;
    }
    .c-design-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 2px;
      margin-bottom: 20px;
/*      background: #f5f5f5;*/
/*      border-radius: 8px;*/
      padding: 5px;
    }
    .c-design-tab {
      padding: 12px 20px;
      background: white;
      border: none;
      cursor: pointer;
      flex: 1;
      min-width: 200px;
      font-weight: bold;
      color: #666;
      border-radius: 6px;
      transition: all 0.3s ease;
      background: #f5f5f5;
    }
    .c-design-tab.c-design-active {
      background: #3498db;
      color: white;
    }
    .c-design-content {
      display: none;
      padding: 20px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .c-design-content.c-design-active {
      display: block;
    }
    .c-design-description {
      margin-bottom: 20px;
      color: #666;
    }
    .c-design-table-wrapper {
      overflow-x: auto;
      margin-bottom: 20px;
    }
    .c-design-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 800px;
    }
    .c-design-table th,
    .c-design-table td {
      padding: 12px;
      border: 1px solid #eee;
      text-align: left;
    }
    .c-design-table th {
      background: #fdfdfd;
      font-weight: bold;
    }
    .c-design-table td {
      vertical-align: top;
    }
    .c-design-table a {
      color: #0047ab;
      text-decoration: none;
    }
    .c-design-table a:hover {
      text-decoration: underline;
    }
    @media (max-width: 768px) {
      .c-design-tab {
        flex: 0 0 100%;
      }
      .c-design-container {
        padding: 10px;
      }
    }
       .case-container {
      margin: 0 auto;
      line-height: 1.6;
    }
    .case-header {
      text-align: center;
      margin-bottom: 40px;
    }
    .case-title {
      color: #2c3e50;
      font-size: 22px;
      margin-bottom: 40px;
    }
    .case-citation {
      font-size: 0.75em;
      vertical-align: super;
      color: #2c3e50;
      font-weight: normal;
      margin-left: 2px;
    }
    .case-section {
      background: white;
      border-radius: 8px;
      margin-bottom: 20px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      transform: translateY(0);
    }
    .case-section:hover {
      box-shadow: 0 4px 8px rgba(0,0,0,0.15);
      transform: translateY(-2px);
    }
    .case-section-title {
      color: #0047ab;
      padding: 20px;
      background: white;
      font-weight: bold;
      cursor: pointer;
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      border-radius: 8px;
    }
    .case-section-icon {
      margin-right: 12px;
      width: 24px;
      height: 24px;
      color: #60a5fa;
    }
    .case-section-icon svg {
      width: 100%;
      height: 100%;
      fill: currentColor;
    }
    .case-section-arrow {
      margin-left: auto;
      width: 24px;
      height: 24px;
      transition: transform 0.3s ease;
    }
    .case-section.active .case-section-arrow {
      transform: rotate(180deg);
    }
    .case-section-content {
      padding: 20px;
      display: none;
      background: white;
    }
    .case-section.active .case-section-content {
      display: block;
    }
    .case-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      margin: 20px 0;
    }
    .case-point {
      padding: 20px;
      border-radius: 8px;
    }
    .case-point-title {
      color: #0047ab;
      font-size: 16px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      font-weight: 600;
    }
    .case-point-title::before {
      content: "•";
      color: #60a5fa;
      margin-right: 8px;
      font-size: 24px;
    }
    .case-content {
      padding: 10px 20px 20px 20px;
      border-radius: 8px;
/*      margin: 20px 0;*/
    }

        .vector-container {
            max-width: 1600px;
            margin: 40px auto;
         padding: 20px;
           /* background: white;*/
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            border:1px solid #efefef;
        }
        .timeline {
            position: relative;
            padding: 20px;
        }
        .timeline-item {
            display: flex;
            margin-bottom: 30px;
            position: relative;
        }
        .timeline-icon {
            width: 40px;
            height: 40px;
            background: #e3f2fd;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: #1976d2;
            position: relative;
            z-index: 2;
        }
        .timeline-content {
            margin-left: 20px;
            padding-bottom: 20px;
            position: relative;
            flex-grow: 1;
        }
        .timeline-title {
            font-weight: 600;
            font-size: 18px;
            color: #1f3864;
            margin-bottom: 8px;
        }
        .timeline-description {
            color: #666;
            font-size: 16px;
            line-height: 1.6;
        }
        .timeline-line {
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: #e3f2fd;
            transform: translateX(19px);
            z-index: 1;
        }
        .icon {
            width: 24px;
            height: 24px;
        }
        @media (max-width: 640px) {
            .container {
                margin: 20px;
            }
            .timeline {
                padding: 10px;
            }
        }