body{color:var(--color-01); background-color: #000; /*background: url("hero-about.jpg") no-repeat center center;background-size: cover;background-attachment:fixed;*/}

h2 {font-size: var(--rfs-54);}
/*section.hero-sec{padding-top: 100px;display:flex;align-items: center;justify-content: center;pisition:relative;z-index:9; }*/
/*section.hero-sec svg{max-width:75vw;width:100%;}*/
/*section.hero-sec h1{font-size:13vw;font-weight:700;line-height: .7;text-transform:uppercase;}*/

/*
section.about-sec-01{text-align:center;    background: #0b0627; border-radius: 60px 60px 0px 0px; }
section.about-sec-01 h2{margin-bottom:20px;}

section.about-sec-01 .container-fluid{height: 100vh; position: relative; z-index: 999;}
section.about-sec-01 .main-row{   
    align-content: flex-start;
    gap: 1rem;}
section.about-sec-01 .main-row .columns{transform: translateY(80%);}
section.about-sec-01 .main-row .columns p{margin-bottom: 2rem;}
section.about-sec-01  video{position: absolute; left: 0; width: 100%; top:9%; height: 33%;
    transform: scaleX(1.5);}
*/

/*
section.about-sec-01 .ptfos_wrpper{display: inline-block;position: relative;}
section.about-sec-01 .ptfos_wrpper .ptfos_image{max-width: 1620px;width: 100%;}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points{margin:0px;list-style-type:none;padding: 0px;width: 100%;max-width: 820px;position: absolute;top: 42%;left: 50%;transform: translate(-50%,-50%);z-index: 9;gap: 80px;display: flex;flex-wrap: wrap;}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points li{text-align:left;padding: 30px;width: calc(50% - 40px);min-height: 160px;border-radius: 15px;border: 1px solid var(--border-white);backdrop-filter: blur(20px);position: relative;}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points li h3{font-size: var(--rfs-24);}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points li p{max-width: 300px;margin-bottom: 0px;}

section.about-sec-01 .ptfos_wrpper ul.ptfos_points li.pp_01{top: 0px;}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points li.pp_02{top: 80px;}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points li.pp_03{top: 0px;}
section.about-sec-01 .ptfos_wrpper ul.ptfos_points li.pp_04{top: 80px;}
*/

section.hawkai-about-hero{height: 100vh;position: relative;overflow: hidden;}
section.hawkai-about-hero h1{pointer-events: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:9;display: flex;flex-direction: column; text-align: center;     font-weight: 300;
}
section.hawkai-about-hero h1 img{}
section.hawkai-about-hero h1 p{font-size: clamp(0.875rem, 1.75vw, 21px);}
section.hawkai-about-hero h3{font-size: 2rem;}
section.hawkai-about-hero .home-hero-video{width:100%;}
section.hawkai-about-hero section.hawkai-about-hero spline-viewer{/*pointer-events: none;*/}
section.hawkai-about-hero .icon-shape{width: 10px;display: flex;position: absolute;top: 20px;right: 100%;opacity:0;}
section.hawkai-about-hero .icon-shape .is-01{}
section.hawkai-about-hero .icon-shape .is-02{position: absolute;top: 0;left: 2px;transform: rotate(180deg);}
section.hawkai-about-hero:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #080808, transparent);
    position: absolute;
    bottom: 0%;
    left: 0;
    z-index: 9;
}

section.about-sec-02{ background: #000;}
section.about-sec-02 h2{ margin-bottom:2rem;}
section.about-sec-02 p{ font-size: clamp(0.875rem, 1.75vw, 21px);}
section.about-sec-02 .container-fluid{padding-block:100px;}
section.about-sec-02 .main-row{ /*height:100vh;*/     padding-top: 100px; align-content: center; gap:2rem;}
section.about-sec-02 .main-row .columns:nth-child(1){ text-align: center;}

/*section.about-sec-02 .main-row .columns:nth-child(2) ul{ border:1px solid #fff; list-style: none; display: flex;  flex-wrap:wrap; max-width:80%; margin-inline:auto; padding:2rem; border-radius:10px; background: linear-gradient(0deg, #16003c 0%, #673AB7 100%)}*/

section.about-sec-02 .main-row .columns:nth-child(2) ul li{ width:50%;  padding: 2rem; }
section.about-sec-02 .main-row .columns:nth-child(2) ul li:not(:last-of-type){ /*border-right:1px solid #ffffff38;*/ }

section.about-sec-02 .main-row .columns:nth-child(2) ul span.left {position: absolute; width:100%; height:1px; display: block; background-color: white;}
section.about-sec-02 .main-row .columns:nth-child(2) ul span.right{position: absolute; }

section.about-sec-02 .main-row .columns:nth-child(2) ul {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
    margin-inline: auto;
   
    border-radius: 16px;

    /* Your gradient */
    background: linear-gradient(0deg, #16003c 0%, #673AB7 100%);


    box-shadow: 
        0 0 25px rgba(103, 58, 183, 0.35),
        0 0 60px rgba(103, 58, 183, 0.25),
        0 0 100px rgba(22, 0, 60, 0.4);


    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    position: relative;

}


section.about-sec-02 .main-row .columns:nth-child(2) ul::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.05),
                inset 0 0 60px rgba(103, 58, 183, 0.25);
    pointer-events: none;
}

/* WRAPPER BACKGROUND (matches your image) */
.stats-wrapper {
/*  background: linear-gradient(180deg, #5f2c82 0%, #3a1c71 100%);*/
	background: linear-gradient(0deg, #16003c 0%, #673AB7 100%);
  border-radius: 16px;
  padding: 2.5rem 2rem;
}

/* GLASS CARD */
.glass-card {
  flex: 1 1 0;

  min-width: 140px;

  padding: 2rem 1.5rem;
  border-radius: 14px;

  /* Glass effect */
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(255, 255, 255, 0.2);

  transition: 0.3s ease;
}

/* HOVER */
.glass-card:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-5px);
}

/* TEXT */
.glass-value {
  font-size: 2.3rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
}

.glass-desc {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.6;
  margin: 0;
}

/* DIVIDER */
.divider {
  width: 1px;
  background: rgba(255, 255, 255, 0.15);
}

/* MOBILE */
@media (max-width: 600px) {
  .divider { display: none; }
  .glass-card { min-width: 45%; }
}


section.about-cms {
	min-height:60vh; 
	background: #000;
	color:#fff;
	align-content: center;
}

h2{font-weight: 300;}

section.about-cms .main-row{}
section.about-cms h2{/*font-size: clamp(1.75rem, 4vw, 54px); */ font-weight: 300;}
section.about-cms p{font-size: clamp(0.875rem, 1.75vw, 21px); margin-bottom:1.5rem;}

section.about-sec-03{position:relative;z-index: 999;background: url("bg-checks-pattern.png") var(--color-02) no-repeat center center;background-size: cover;padding: 100px 70px 0px 0px;margin-top: -90px;border-radius: 60px 0px 1px 0px;}
section.about-sec-03 .tfm_wrpper{position: relative;height: 700px;}
section.about-sec-03 .tfm_wrpper .ptfos_image{}
section.about-sec-03 .tfm_wrpper ul.tfm_points{margin:0px;list-style-type:none;padding: 0px;width: 100%;max-width: 840px;position: absolute;top: 42%;left: 50%;transform: translate(-50%,-50%);z-index: 9;gap: 80px;display: flex;flex-wrap: wrap;align-items: flex-start;}
section.about-sec-03 .tfm_wrpper ul.tfm_points li{text-align:left;padding: 30px;width: calc(50% - 40px);border-radius: 15px;border: 1px solid #9e7cff61;backdrop-filter: blur(2px);background: linear-gradient(79deg, var(--Color-3, rgba(158, 124, 255, 0.2)) 1.07%, var(--Color-2, rgba(38, 22, 85, 0.2)) 66.73%);position: relative;     transition: all .3s ease-in-out;}
section.about-sec-03 .tfm_wrpper ul.tfm_points li{
	    background: linear-gradient(0deg, #16003c 0%, #673AB7 100%);
    box-shadow: 0 0 25px rgba(103, 58, 183, 0.35), 0 0 60px rgba(103, 58, 183, 0.25), 0 0 100px rgba(22, 0, 60, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

section.about-sec-03 .tfm_wrpper ul.tfm_points li::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.05), inset 0 0 60px rgba(103, 58, 183, 0.25);
    pointer-events: none;
}


/* Hover = slightly stronger, not crazy */
section.about-sec-03 .tfm_wrpper ul.tfm_points li:hover {
    transform: translateY(-6px);

    box-shadow:
        0 0 25px rgba(158, 124, 255, 0.35),
        0 0 60px rgba(158, 124, 255, 0.18);
}
section.about-sec-03 .tfm_wrpper ul.tfm_points li h3{font-size: var(--rfs-24);}
section.about-sec-03 .tfm_wrpper ul.tfm_points li p{color: #9E7CFF;max-width: 340px;margin-bottom: 0px;}

section.about-sec-03 .tfm_wrpper ul.tfm_points li.tp_01{top: 40px;}

section.about-sec-03 .tfm_wrpper ul.tfm_points li.tp_02{top: 0px;}
section.about-sec-03 .tfm_wrpper ul.tfm_points li.tp_03{top: 0px;left: 140px;}
section.about-sec-03 .tfm_wrpper ul.tfm_points li.tp_04{top: -80px;left: 130px;}




@media(max-width:1440px){
	section.about-cms {	min-height: 80vh; }
	section.about-sec-03{padding-top: 50px;}
}

@media(max-width:1366px){
	section.about-cms p{font-size: var(--rfs-16);}
}

@media(max-width:1280px){
	section.about-cms {padding-inline:2%;}
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px){ }

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px){ }
 
/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{
       section.hawkai-about-hero {  height: auto; }
	   section.about-cms{min-height: 500px;}
	   section.about-cms .main-row{}
}

/* `md` applies to small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px)
{ 
	section.about-sec-01{padding: 60px 5px 60px 15px;border-radius:30px 30px 0px 0px;}
	
	section.about-sec-01 .ptfos_wrpper ul.ptfos_points{gap: 15px;position:static !important;top: 42%;left: 50%;transform: inherit;margin-bottom: 110px;}
	section.about-sec-01 .ptfos_wrpper ul.ptfos_points li{padding: 14px;width: calc(50% - 8px);min-height: auto;border-radius: 10px;}

	section.about-sec-01 .ptfos_wrpper ul.ptfos_points li h3{font-size: 18px;}
	section.about-sec-01 .ptfos_wrpper ul.ptfos_points li p{font-size: 14px;}
	
	section.about-sec-02 .border-line{width:calc(100% - 30px) !important;height: calc(100% - 140px);transform: translateX(-60px);}
	section.about-sec-02 .gradient-cover{padding: 40px 30px 140px 30px;}
	section.about-sec-02 h2{font-size: 36px;top: -15px;position: relative;}
	section.about-sec-02 h2 .icon-cms{max-width: 110px;}

	section.about-sec-03{height: auto;padding: 50px 15px;}
	section.about-sec-03 .tfm_wrpper{height: auto;padding-bottom:30px;}
	section.about-sec-03 .tfm_wrpper ul.tfm_points{gap: 20px;margin-top: 15px;display: flex;flex-direction: column;position: static;transform: inherit;}
	section.about-sec-03 .tfm_wrpper ul.tfm_points li{padding: 20px;width: 100%;top: 0px !important;left: 0px !important;}
	section.about-sec-03 .tfm_wrpper ul.tfm_points li h3{font-size:18px;}
	
}


@media (max-width: 480px){
	section.hawkai-about-hero{ height: 500px;}
	section.hawkai-about-hero .home-hero-video { width: 100%; height: 100%; object-fit: cover; }
	section.hawkai-about-hero h1 {width: 100%; padding-inline: 20px; font-size: 28px;}
	section.about-cms h2, section.about-cms p {text-align: center;}
	section.about-cms h2{margin-bottom: 1rem;}
	section.about-cms .btn-km.white{display: block; text-align: center;}
	section.about-sec-03{background: none;}
}

@media(max-width:360px){
	section.about-cms .main-row {  padding-bottom: 1rem; }
	section.hawkai-about-hero h1{padding-inline:10px;}
}