body{color:var(--color-01);background: url("hero-about.jpg") no-repeat center center;background-size: cover;background-attachment:fixed;}


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{padding:100px 0px;text-align:center;position:relative;z-index: 9;background:var(--color-02);border-radius: 60px 60px 0px 0px;margin-top: -20px;}
section.about-sec-01 h2{margin-bottom:20px;}
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.about-sec-02{padding: 70px 0px 0px 0px;background: var(--color-02);position:relative;}
section.about-sec-02 .ln-an{position:relative;z-index:9;}
section.about-sec-02 .border-line{/* width:calc(100% - 140px); */height: calc(100% - 220px);/* border:1px solid var(--border-white); */border-radius:30px;position: absolute;top: 0px;left: 80px;right:0px;margin:auto;transform: translateX(-30px);z-index: 9;}

section.about-sec-02 .gradient-cover{padding: 60px 0px 150px 0px;width:100%;height:100%;background: url("hero-about.jpg") no-repeat center center;background-size:cover;background-attachment:fixed;position:relative;}
section.about-sec-02 h2{line-height: .7;gap: 15px;margin-bottom:50px;display:flex;align-items: flex-end;justify-content: center;}
section.about-sec-02 h2 .icon-cms{max-width: 167px;}
section.about-sec-02 p{font-size:var(--rfs-21);}


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: 170px 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;}
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;}

 
/* `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;}
	
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px)
{

}

/* `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)
{ 


}
 