.vt-cst-page {
         font-family: 'Kanit', sans-serif;
         color: #323232 !important;
      }
      .vt-cst-page p{
         --size: 16px;
         font-size: var(--size);
         line-height: 1.6;
      }
      .row-gap-2r {
          row-gap: 2rem;
      }
      .vt-csd-banner-2{
           height: unset !important;
           min-height: 430px;
           background-position: center;
           background-size: cover;
           padding-block: 100px;
           padding-top: clamp(80px, 6vw, 120px);
           padding-bottom: clamp(80px, 10vw, 120px);
           background-color: #000;

       }
       .vt-arti-h1{
           font-size: 50px;
           font-size: clamp(32px, calc(1rem + 3vw), 80px);
       }
       /* NEW  */
       .vt-csd-banner-2 h1{
           font-size: 32px;
           font-size: clamp(28px, calc(1rem + 2.3vw), 52px);
           line-height: 1.2;
       }
       .vt-glance-card{
         background-color: #fff;
         border-radius: 27px;
         position: absolute;
         width: calc(100% - 30px);
         min-height: 400px;
         z-index: 1;
       }
       .csd-border{
         border: 1px solid #DADADA;
       }
       .vt-glance-card-wrap{
         padding: 30px;
       }
       .vt-glance-card img{
         width: 100%;
       }
       .hr-orange{
         border-top-width: 6px !important;
       }
       .vt-csd-otl-card{
         padding: 20px;
         border-radius: 10px;
         border: 1px solid #DADADA;
       }
       .vt-cst-lead{
         font-size: 17px;
         color: #222;
       }
      .vt-cs-chlg-card > span{
         background-color: #3E3E3F;
         color: #fff;
         width: 40px;
         height: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 18px;
         font-weight: 600;
         border-radius: 4px;
         flex-shrink: 0;
      }
      .vt-cs-chlg-card{
         display: flex;
         gap: 20px;
         background-color: #F4F4F4;
         border-radius: 12px;
         border: 1px solid #DADADA;
         padding: 20px;
         padding: clamp(15px, calc(1rem + 1.5vw) , 38px) clamp(18px, calc(1rem + 1vw), 28px);
         height: 100%;
      }
       .vt-glance-card p{
         letter-spacing: 0.5px !important;
         font-size: 18px;
       }

      .vt-arti-h2{
            font-size: 30px;
            line-height: 1.2;
            letter-spacing: 0.6px !important;
            font-size: clamp(28px, calc(0.75rem + 2vw), 44px);
      }
      .vt-arti-h3{
            font-size: 30px;
            line-height: 1.2;
            letter-spacing: 0.6px !important;
           font-size: clamp(24px, calc(0.5rem + 2vw), 40px);
      }
      .vt-arti-h5{
            font-size: 26px;
            line-height: 1.2;
            font-size: clamp(20px, calc(0.1rem + 2vw), 34px);
            letter-spacing: 0.6px !important;
      }
      .vt-arti-h6{
            font-size: 16px;
            line-height: 1.2;
            font-size: clamp(16px, calc(0.05rem + 2vw), 24px);
            letter-spacing: 0.6px !important;
      }
      .ls-06{
         letter-spacing: 0.6px !important;
      }
      
      
       .vt-arti-bnr-p{
           font-size: 34px;
           font-size: clamp(24px, calc(1rem + 1.3vw), 40px);
           line-height: 1.2;
       }
       .vt-bg-light-orgn{
           background-color: rgba(250, 174, 11, 0.2);
       }

      .vt-bg-light-orgn p,
      .vt-bg-light-orgn li{
         color: #303030 !important;
         font-weight: normal;
         font-weight: 300;
      }
      .vt-csd-list-1,
      .vt-csd-list-2{
         margin-bottom: 0px;
         padding-left: 22px;
      }
       .vt-csd-list-1 li{
         margin-bottom: 20px;
       }
      .vt-csd-list-2 li{
         margin-bottom: 4px;
         font-weight: 300;
       }
       .vt-csd-list-1 li:last-child,
       .vt-csd-list-2 li:last-child{
         margin-bottom: 0px;
       }
      .vt-bg-light-orgn .border-bottom{
         border-bottom: 1px solid #000 !important;
      }
       .obj-fit-cover{
         object-fit: cover;
       }
       .obj-position-center{
         object-position: center;
       }

      .whitepaper-btn a{
         border: 1px solid #F6911D;
         font-weight: 500 !important;
         padding: 8px 15px;
      }
      .whitepaper-btn a:hover,
      .whitepaper-btn a:focus,
      .whitepaper-btn a:active{
         background-color: transparent !important;
         color: #F6911D !important;
      }
      .sec-py-40{
         padding-top: 40px;
         padding-bottom: 40px;
      }
      .sec-pt-40{
         padding-top: 40px;
      }

      .f-s-18{
         font-size: 18px;
      }
      .vt-cst-soul-img{
         width: 100%;
         height: 100%;
         object-fit: cover;
         border-radius: 10px;
      }
      .vt-csd-impact-card{
         border: 1px solid #DADADA;
         background-color: #fff;
         padding: 20px;
         border-radius: 10px;
         height: 100%;
      }
      .vt-csd-impact-card-title{
         display: flex;
         gap: 10px;
         margin-bottom: 12px;
      }
      .vt-csd-impact-card img{
         width: 60px;
         height: 60px;
         object-fit: contain;
         margin-bottom: 12px;
      }
      .vt-csd-impact-card-title img{
         width: 35px;
         height: 35px;
         object-fit: contain;
      }
      .vt-csd-impact-card h4{
         font-size: 20px;
         letter-spacing: 0.3px !important;
         font-weight: 600;
         margin-bottom: 12px;
         align-self: center;
      }

      @media (min-width: 768px){
         .sec-py-md-80{
           padding-top: 80px;
           padding-bottom: 80px;
         }
         .sec-pt-md-80{
            padding-top: 80px;
         }

       }
       @media screen and (max-width: 1200px){
           .vt-cst-page{
               margin-top: 80px;
           }
       }
      @media screen and (max-width: 992px){
             .vt-cst-page{
               min-height: 400px;  
             }
            .vt-glance-card {
               position: relative;
               width: 100%;
            }
       }

       @media screen and (min-width: 1600px){

         .sec-py-xxl-100{
           padding-top: 100px;
           padding-bottom: 100px;
         }
         .sec-pt-xxl-100{
            padding-top: 100px;
         }
       }
       .glightbox{
         position: relative;
         overflow: hidden;
       }
       .glightbox::before{
         content: '';
         background-color: rgba(0, 0, 0, 0.4);
         position: absolute;
         inset: 0;
         opacity: 0;
         transition: opacity 0.35s, transform 0.35s;
         z-index: 1;
      }
       .glightbox:hover::before{
         opacity: 1;
       }
       .glightbox img{
         transition: transform 0.5s;
         transform: translate3d(0, 0, 0) scale(1);
       }
       .glightbox:hover img{
         transform: translate3d(5%, 0, 0) scale(1.2);
       }
       @media screen and (max-width: 500px) {
         .vt-csd-otl-card,
         .vt-csd-impact-card{
            padding: 15px;
         }
       }