*,
::after,
::before{
    box-sizing: border-box;
}

a{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;
} 
:root{
    --font-primary:"Montserrat", sans-serif;
    --white:#fff;
    --black:#000;
    --primar-color:#45E3FF;

}
body{
    font-family: var(--font-primary);
    background-color: #0E0E0E;
} 
img{
    width: 100%;
}
.typo p,.p{
    font:400 20px/1.6 var(--font-primary); 
}
.typo h1,.h1{
    font: 800 150px/0.76 var(--font-primary);
}     
.typo h2{
    font:500 80px/1.43 var(--font-primary); 
}       
.typo  h3 ,.h3{
    font: 700 48px/1 var(--font-primary);
}
.typo  h4,.h4 { 
    font: 800 32px/1.1 var(--font-primary); 
}

/* ======================== */
/* ===========Header============ */
.hero {
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}   
header {
    position: relative;
    width: 100%;
    height: auto;
    background: transparent;
} 
header .cont-wrap {
    border: 1px solid #FFFFFF1A;
    background: #FFFFFF0D;
    border-radius: 30px;
    backdrop-filter: blur(60px);
    padding: 21px 40px;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 43px;
    transform: translateX(-50%); 
} 
header .cont-wrap .navbar-collapse {
    justify-content: center;
}
header .cont-wrap .navbar-collapse ul.navbar-nav {
    gap: 80px;
} 
header .cont-wrap .navbar-collapse ul.navbar-nav a {
    padding: 0;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--white);
} 
header .cont-wrap a.navbar-brand img {
    width: 100%;
    max-width: 104px;
    height: 42px;
    object-fit: contain;
}
.navbar-brand,
.navbar-expand-lg{
    padding: 0;
}

/* Hero===================== */
.flux {
    padding: 120px 0;
} 
.flux .cont-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
    align-items: center;
} 
.flux .cont-wrap h1 {
    color: var(--white);
    text-transform: uppercase;
} 
.flux .cont-wrap  h2 { 
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--white);
} 
.flux .cont-wrap p { 
    max-width: 914px;
}
.flux .cont-wrap >p{
    opacity: 0.63;
    color: var(--white);
} 
.flux .quant-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
} 
.flux .quant-block .q-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 57px 0px;
    background: #FFFFFF0D;
    border-radius: 30px;
}   
.flux .quant-block .q-item h3{
    color: var(--primar-color);
}
.flux .quant-block .q-item p {
    font: 300 16px/1 var(--font-primary);
    text-align: center;
    color: var(--white);
}

/* Program===================== */
.program .head {
    margin-bottom: 100px;
}
.program h2{
    color: var(--white);
    text-transform: uppercase;
    max-width: 620px;
}
.program p{
    color: var(--white);
    opacity: 0.63;
    transition: 0.3s ease-in-out;
}
.program  .cont-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 159px;
    align-items: flex-end;
}

.program .cont-wrap .left {
    width: calc(60% - 80px);
       background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.program .img-wrap{
    -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzEAAALICAMAAAB4oo7XAAAAAXNSR0IB2cksfwAAAhZQTFRF////+vr6/v7+/f398fHxv7+/3t7e+Pj4/Pz8+/v77u7ugICAQ0NDAAAAAgICMjIymZmZ4eHh9PT0gYGBFRUVBAQECAgIYGBg+fn5Hx8fAQEBAwMDBQUFnp6egoKCBwcHfHx86+vrZmZmPz8/7e3t9fX1MTExMzMzXV1dQUFB9/f3fX19cHBwjo6OkZGR4+PjExMTDw8Py8vLGxsbNDQ0j4+P2traJiYmERER4ODgYmJiT09PxcXFXl5ePT092dnZwcHBYWFh39/fDg4OBgYGEhISIiIivr6+a2tr0dHRfn5+QEBAtra2ioqKODg4HBwc8PDwCQkJ4uLinZ2dk5OTaWlpR0dHLS0tISEh09PTzs7OwMDAw8PDvLy8vb29zMzM5ubmHh4eX19feXl5o6OjLi4ucXFxoKCg3NzcdHR0n5+fu7u7bW1tFBQUiIiI9vb2ICAgRERE7OzsEBAQPj4+3d3dRkZGb29vjIyMOjo67+/vsrKyCwsLh4eHDAwMQkJCW1tbhYWFGhoawsLC29vbg4OD8/PzHR0dNzc3dnZ25+fnMDAwPDw8DQ0Nt7e35OTkJCQkampqoaGhSEhITU1NY2Nje3t7rKys6enp4ODgUlJSs7OzUVFRc3Nz8vLyr6+v7OzsZGRkCgoKZ2dnxMTE4eHh4uLiXFxcKysr6OjoysrKLCwsOzs7sbGxoqKi6+vrqamp7u7uW4T+UgAAALJ0Uk5TAAAAAAD//wAAABD////////gAP//////AP//////////QP//IAD/////AP/////A////////////8P////////////////////////////8A/9D/////////////////kP//////////////////AP//MP////////8A//////////////8A////gP////+w//////////9g0/////8A/wH/////rIn//xX//////wT/AIVOx/sAABaWSURBVHic7d19lGRnXeDx57mV6a7GqWoYXGjY5SUriTiBRT3iHOCEVYwra86qG3APIRsMbxGMZ1kgQhB2YYmgsmExWbNssigKSIwCh0RhAZP1GF8nWQQjRjYEDi8HGEEGuqq1a3qountvdSbTOenpqd90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');
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.program .img-wrap img{
    aspect-ratio: 816/711;
}
.program .cont-wrap .right {
    width: calc(40% - 80px);
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.program .right .e-item {
    display: flex;
    flex-direction: column;
    gap: 23px;
    align-items: flex-start;
    cursor: pointer;
}
.program .right .e-item h6 {
    width: fit-content;
    color: #45E3FF;
    padding: 11px 27px;
    border: 1px solid #FFFFFF4A;
    border-radius: 46px;
    background: #FFFFFF14;
}
.program .img-wrap img{
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.program .img-wrap img.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.program .right .e-item:hover p{
    opacity: 1;
}
/* Gallery===================== */
.galeery {
    padding: 120px 0;
} 
.galeery h2{
    color: var(--white);
    text-transform: uppercase;
    max-width: 620px;
}
.galeery .gal-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    row-gap: 100px;
} 
.galeery .gal-block .gal-item {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
} 
.galeery .gal-block .gal-item img {
    aspect-ratio: 474/485;
    object-fit: cover;
}  
.galeery .gal-block .gal-item h5 {
    text-align: center;
    color: var(--white);
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

/* Message===================== */
.message .quote {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}
.message h2{
    color: var(--white);
    text-transform: uppercase;
    max-width: 620px;
}
.message .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.message .quote .q-list {
    background:url(../img/q-bg.png) center no-repeat;
    background-size: 100% 100%;
    padding: 68px 43px 44px 100px;
    position: relative;
    width: 100%;
    display: flex;
    align-content: center;
    flex-direction: column;
    gap: 60px;
    justify-content: space-between;
}
.message .quote .q-list p {
    font:700 24px/1.29 var(--font-primary);
    text-transform: capitalize;
    color: var(--white);
}
.message .quote .q-list  img.q-img-1 {
    position: absolute;
    top: -24px;
    left: -61px;
}
.message .quote .q-list img {
    width: 51px;
}
.message .quote .q-list img.q-img-2 {
    position: absolute;
    bottom: -40px;
    right: 0;
}
.message .quote .q-list .q-content {
    position: relative;
  }
.message .quote .q-list .q-footer {
    display: flex;
    justify-content: flex-end;
}
.message .quote .q-footer .inner p {
    font: 300 16px/1 var(--font-primary);
    text-transform: capitalize;
    padding-top: 24px;
    border-top: 1px solid #45E3FF;
}
.message .quote .q-footer .inner p span {
    font-weight: 700;
}

/* ======== Structual=========== */
.structual {
    padding: 120px 0;
}
.structual .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: 126px;
}
.structual .cont-wrap .head {
    display: flex;
    gap: 28px;
    align-items: flex-end;
    flex-wrap: wrap;
}
.structual .cont-wrap .head h2 {
    width: 60%;
    color: var(--white);
    text-transform: uppercase;
}
.structual .cont-wrap .head p {
    width: 38%;
    color: var(--white);
    opacity: 0.63;
}
.structual .inner {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.structual .inner .right {
    width: 60%;
}
.structual .inner .left  img{
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}
.structual .inner .left {
    width: 36%;
    border-radius: 30px;
    overflow: hidden;
}
.structual .inner .right ol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 44px;
}
.structual .inner .right ol li {
    font: 400 16px/2.125 var(--font-primary);
    color: #FFFFFFA1;
    padding-left: 30px;
}
.structual .inner .right ol li span {
    font-weight: 700;
    color: var(--primar-color);
}
.structual .inner .right ol li::marker {
    color: var(--primar-color);
}

/* ======== Structual=========== */
.structual {
    padding: 120px 0;
}

.structual .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: 126px;
}

.structual .cont-wrap .head {
    display: flex;
    gap: 28px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.structual .cont-wrap .head h2 {
    width: 60%;
}

.structual .cont-wrap .head p {
    width: 38%;
}
.structual .inner {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.structual .inner .right {
    width: 60%;
}

.structual .inner .left {
    width: 36%;
    border-radius: 30px;
    overflow: hidden;
}

.structual .inner .right ol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 44px;
}
.structual .inner .right ol li {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFFA1;
    padding-left: 30px;
}

.structual .inner .right ol li span {
    font-weight: 700;
    color: var(--primar-color);
}
.structual .inner .right ol li::marker {
    color: var(--primar-color);
}
/*Intergration*/
.inte .cont-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 117px;
}
.inte h2{
    color: var(--white);
    text-transform: uppercase;
}
.inte .cont-wrap .inner {
    display: flex;
    justify-items: center; 
    flex-wrap: wrap;
    gap: 43px;
    justify-content: center;
    row-gap: 60px;
}
.inte .cont-wrap .inner .in-item {
    width: calc(33% - 25px);
    padding: 46px 10px;
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    background: #FFFFFF0D;
    border-radius: 30px;
    gap: 40px;
}

.inte .cont-wrap .inner .in-item h3 {
    text-align: center;
    color: var(--primar-color);
    font-weight: 300;
    font-size: 40px;
}

.inte .cont-wrap .inner .in-item p {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFFA1;
    text-align: center;
}
/* ======================== */
.expended {
    padding: 120px 0;
}
.expended h2{
    color: var(--white);
    text-transform: uppercase;
}
.expended .inner {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.expended .inner .left {
    width: calc(40% - 30px);
}

.expended .inner .left ol {
    display: flex;
    flex-direction: column;
    row-gap: 44px;
    padding: 0;
}

.expended .inner .left ol li {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #FFFFFFA1;
    padding-left: 20px;
}

.expended .cont-wrap {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.expended .inner .left ol li span {
    font-weight: 700;
    color: var(--primar-color);
}

.expended .inner .left ol li::marker {
    color: var(--primar-color);
}

.expended .inner .right {
    width: calc(60% - 30px);
    position: relative;
}

.expended .inner .right img {
    max-width: 565px;
    border-radius: 30px;
    max-height: 455px;
    object-fit: cover;
    object-position: bottom;
}
.expended .inner .right img.ex-1 {
    position: absolute;
    top: -140px;
    z-index: 2;
}

.expended .inner .right img.ex-2 {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
}
/*=Work together*/
.work-together {
    padding: 60px 0 112px;
    background-color: #000;
}
.work-together h2 {
    font:500 64px/1.21 var(--font-primary);
    color: var(--white);
    text-align: center;
    margin-bottom: 65px;
}
.work-together h3 {
    font:500 128px/1.5 var(--font-primary);
    text-align: center;
    color: var(--white);
    font-style: italic;
}
/*=Footer*/
footer{
    padding: 100px 0;
}
footer a.navbar-brand{
     width: 200px;
    display: inline-block;
}
footer a.navbar-brand img{
    width: 100%;
}
footer .social-icon{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 35px;
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .social-icon img{
    width: 35px;
}
footer .center-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 44px;
}
footer .center-text h3{
    font: 700 32px/1.2 var(--font-primary);
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
}
footer a.icon-links {
    display: flex;
    align-items: center;
    gap: 10px;
    font: 400 16px/1 var(--font-primary);
    color: #fff;
    text-decoration: none;
}
footer a.icon-links img{
    width: 35px;
}

.copyright-text p{
    margin: 100px 0 0;
    padding-top: 50px;
    border-top: 2px solid #ccc;
    text-align: center;
    font: 400 18px/1.2 var(--font-primary);
    color: var(--white);
}