@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*COMMON CSS==================================================*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

html {
  font-size: 10px;width: 100%;height: 100%;overflow-x: hidden;
}

body {
  height: 100%;width: 100%;  font-family: "Inter", serif;  color: #ffffff;font-size: 1.6rem; background-image: url(../images/body-bg1.png);
background-repeat:no-repeat; background-size: contain; background-position: top; background-color: rgba(241, 240, 246, 1);}

body, html, div, p, span, ul, li, ol, a, img, label, form, iframe, i, h1, h2, h3, h4, h5, h6 {
  margin: 0px;padding: 0px;outline: 0px;border: 0px;text-decoration: none;list-style-type: none;
}
body.home{background-image: url(../images/body-bg.png); background-repeat:no-repeat; background-size: contain; background-position: top;}


/*--------------------*/
a {
 -webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;display: inline-block;
}


h1,h2,h3,h4,h5,h6 {
  display: inline-block;width: 100%;font-weight: 500; line-height: normal;padding: 0 ;width: 100%;color: #39393F;
} 
h1{ font-size: 6rem;}
h2{font-size: 3.2rem;}
h3{font-size: 2.4rem;line-height: 2.8rem;}
h4{font-size: 2rem;}
h5{font-size: 1.8rem;line-height:2.4rem;}
h6{font-size: 1.4rem;}
p{margin-bottom: 15px;padding: 0;font-size: 1.5rem;width: 100%; line-height: 2.2rem; font-weight: 300;color:rgba(57, 57, 62, 1);}
a{display: inline-block; cursor: pointer;}
/*--------------------*/
/*SCROLL BAR CSS===================================*/
/* :root{
  scrollbar-color: rgb(210,210,210) transparent !important;
  scrollbar-width: thin !important;
}
::-webkit-scrollbar {
  width: 5px;height: 1px;
}

::-webkit-scrollbar-track {
  background: #c7c8ca;
}

::-webkit-scrollbar-thumb {
  background: #3a31a0;padding: 0px 0px;
} */

/* form */
/* 
.form-wrap{width: 100%; display: flex; flex-flow: row wrap;justify-content: space-between;}
.form-list{width: 100%; display: flex; flex-flow: row wrap; margin: 0; padding: 0;    align-items: flex-start;
}
.form-list label{display: none;}
.form-list li{ display: flex;flex-flow:wrap;  margin: 0 5px 10px; padding: 0;} */



label {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: capitalize;
}

a.button, input.button {
    display: inline-flex
;
    justify-content: center;
    align-items: center;
     font-family: "Inter", serif;
    /* border: 1px solid #13aff0; */
   background: rgb(17,53,157);
background: linear-gradient(180deg, rgba(17,53,157,1) 0%, rgba(144,25,163,1) 100%);
    padding: 10px 24px;
    color: #ffffff;
    cursor: pointer;
   
    transition: all ease-in-out 0.3s;
    text-align: center;
    border-radius: 4px;
    border: 0px ;
}
a.button:hover, input.button:hover{background-color: transparent; border-color:#F31A83 ;}
input[type='text'],
div.select-box,
div.select-box select,
input[type='password'],
input[type='email'],
input[type='search'],
input[type='number'],
textarea {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  color: rgba(57, 57, 63, 0.6);
  padding: 12px 15px;
  resize: none;
  background-color: #F1F0F6;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  outline: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  border: 0px solid #D0D5DD;
  border-radius: 8px;
  margin: 0;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  transform: scale(1);
  -webkit-transform: scale(1);
}

input[type='text']+p,
div.select-box+p,
input[type='password']+p,
input[type='email']+p,
input[type='number']+p,
textarea+p {
  margin: 6px 0 0;
}

input[type='search'] {
  padding-left: 45px;
  /* background-image: url(../images/icons/search-icon.svg); */
  background-size: 20px;
  background-position: 15px center;
  background-repeat: no-repeat;
}

::placeholder {
  color: rgba(57, 57, 63, 0.6);
  opacity: 1;
}

::-ms-input-placeholder {
  color: rgba(57, 57, 63, 0.6);
}


.disabled em {
  border-color: #D0D5DD;
}

/*PROGRESS BAR==================================================*/
div.mxdialog,
div#mxloader {position: fixed;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-y: auto;
  scrollbar-width: thin;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10011;
  background: rgba(0, 0, 0, 0.75);}
div#mxloader {display: block;z-index: 99;}
div#mxmsg {display: none;min-height: 30px;min-width: 100%;padding: 10px;text-align: center;vertical-align: middle;font-size: 2.0rem;color: #ee3c2d;background-color: #FFF;}
div.progress {display: block;width: 100%;height: 1px;margin: 0;padding: 0;position: absolute;top: 50%;background: rgba(0, 0, 0, 0.50);display: none;}
.spinner {width: 100%;height: 100%;background-image: url(../images/loader.svg);background-repeat: no-repeat;background-position: center;font-size: 1.8rem;line-height: 1.8rem;text-align: right;vertical-align: top;color: #dc0000;padding: 3px;}
.spinner div {display: none;}


/*SELECT BOX CSS==================================================*/
div.select-box {
  padding: 0 !important;
  border: 0 !important;
}

div.select-box select {
  appearance: none;
  position: relative;
  z-index: 2;
}


div.select-box::after {
  content: '';
  aspect-ratio: 1;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(0%);
  background-image: url(../images/icons/down-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
  z-index: 1;
}

textarea {
  height: 120px;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #667085 !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #EF258A;
}

form {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
}
ul.form-list {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  gap: 0;
  padding: 0;
}

ul.form-list>li {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
  transition: all ease-in-out 0.3s;
}

ul.form-list>li label{display: none;}

/*--------------------*/
/* file upload ---- */
div.mx-file-upload {
 float: left;
    min-width: 100px;
    width: 100%;
    padding: 4px;
    border: 1px solid #edeff4;
    background: #f5f5f5;
    height: 50px;
}

div.mx-file-upload div.drop {
 
  float: right;
    width: 42px;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    background-color: #EF258A;

}

div.mx-file-upload div.drop a {
 float: left;
    width: 100%;
    height: 100%;
    color: transparent !important;
    line-height: 200px;
    padding: 4px;
    cursor: pointer;
    background-image: url(../images/ico-upload-file.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center center;
    overflow: hidden;
}

div.mx-file-upload div.drop input {
  display: none;
}
div.mx-file-upload ul {
    float: left;
    height: 100%;
    width: calc(100% - 64px);
}
div.mx-file-upload ul li {
    float: left;
    width: 42px;
    height: 42px;
    margin: 0px 6px 8px 0px;
    padding: 0;
    position: relative;
}
a.del.rs {
    width: 15px;
    height: 15px;
    right: -7px;
    top: -7px;
}
a.del.rl, a.del.rs {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    position: absolute;
}
div.mx-file-upload ul li a {
    float: left;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 1px solid #790000;
}
/*ERROR MESSAGE==================================================*/
p.e,
label.error {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #B42318;
  text-align: left;
}

img {
  vertical-align: middle;
}

/* .img-box {
  width: 100%;

} */

.img-box img {
  max-width: 100%;
}

/*COMMON CSS ENDS====================================*/
button {
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}


button:hover,
.btn-light:hover,
.btn:hover,
.btn-outline:hover,
a.btn:hover {
  background: #D6BBFB;
  border-color: #D6BBFB;
  color: #344054;
}

.btn:hover svg path {
  stroke: #344054;
}

.disable {
  opacity: .6;
  cursor: not-allowed;
}


/*MX SCROLLBAR CSS==================================================*/
::-webkit-scrollbar {
  width: 2px;
  height: 1px;
}

::-webkit-scrollbar-track {
  background: #D0D5DD;
}

::-webkit-scrollbar-thumb {
  background: #3a31a0;
  padding: 0px 0px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(16, 24, 40, 0.051);
  background: #D0D5DD;
}

/*MX SCROLLBAR CSS==================================================*/

/*MXDIALOG CSS==================================================*/

div#mxalert,
div.mxdialog,
div.mxpopup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 49999 !important;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  background-color: rgba(52, 64, 84, 0.7);
  backdrop-filter: blur(16px)
}

div#mxalert div.body,
div.mxdialog div.body,
div.mxpopup div.body {
  max-width: 600px;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 8px 8px -4px #10182808;
  box-shadow: 0px 20px 24px -4px #10182814;
  border: 0;
  border-radius: 12px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.mxdialog h2 {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin-bottom: 5px;
}

div.mxdialog div.body>p {
  padding: 0 15px 10px;
}

div.mxdialog div.content {
  max-height: 60vh;
  padding: 15px;
  overflow: auto;
}

div.mxdialog.alert-popup div.body {
  width: 600px;
}

div.mxdialog.alert-popup div.content {
  text-align: center;
}

div.mxdialog div.content .mx-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 30px;
}

div.mxdialog div.content .mx-btn .btn {
  margin: 0;
}

div.mxdialog.alert-popup div.content p {
  line-height: 2rem;
  text-align: left;
}

.mx-list {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}

div.mxdialog .popup-heding {
  padding: 0;
}



/*CUSTOM RADIO AND CHECKBOX CSS==================================================*/
i.rdo,
i.chk {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  vertical-align: top;
  min-width: 14px;
  min-height: 14px;
  position: relative;
  font-style: normal;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-user-select: none;
  text-transform: none !important;
  line-height: 2.4rem;
  padding: 0;
  padding-left: 28px;
  color: #1D2939;
  border-radius: 8px;
}



i.rdo input,
i.chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

i.rdo em,
i.chk em {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  z-index: 0;
  font-style: normal;
  border: 1px solid #D0D5DD;
  border-radius: 4px;
}


i.rdo em,
i.chk em {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  z-index: 0;
  font-style: normal;
  border-radius: 6px;
  border: 1px solid #111111;
}

i.rdo em:after,
i.chk em:after {
  content: '';
  position: absolute;
  display: none;
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #EF258A;
}

i.chk input:checked~em,
i.rdo input:checked~em {
  border-color: #EF258A;
  background: #F9F5FF;
}

i.chk input:checked~em:after {
  display: block;
}

i.rdo input:checked~em:after {
  display: block;
  background-color: #EF258A;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

i.rdo input[type='radio']~em {
  border-radius: 100%;
  -webkit-border-radius: 100%;
}

i.rdo input[type='radio']~em:after {
  top: 4px;
  left: 4px;
}


.hide-lable label {
  display: none;
}


/*----------*/

a.close,
a.del {
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
  border: 0;
  transition: all ease-in-out 0.3s;
}

a.close:before,
a.del:before {
  transform: rotate(45deg);
}

a.close:after,
a.del:after {
  transform: rotate(-45deg);
}

a.close:before,
a.close:after,
a.del:before,
a.del:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all ease-in-out 0.3s;
  width: 2px;
  border-radius: 2px;
  height: 20px;
  margin-left: -1px;
  margin-top: -9px;
  background: #667085;
}

a.close:hover:before,
a.del:hover:before {
  transform: rotate(-45deg);
}

a.close:hover:after,
a.del:hover:after {
  transform: rotate(45deg);
}


header {
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.35);
   backdrop-filter: blur(20px);
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    z-index: 9;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.header-wrap { width: 100%;display: flex;align-items: center;padding: 0px 0;}
.logo {display: inline-block;max-width: 150px;}
.logo img {width: 100%;}
.menu-wrap {flex: 1}
ul.menu-list {width: 100%;display: flex;flex-flow: row wrap; justify-content: center;}
ul.menu-list>li {display: inline-block; position: relative;}
/* ul.menu-list>li::before{content: ""; display: inline-block; width: 0%; height: 2px; background-color: #E20074; position: absolute; bottom: 10px; left: 0; visibility: hidden; opacity: 0;} */
ul.menu-list>li:hover:before{visibility: visible; opacity: 1; width: 100%; transition: all ease-in-out 0.5s;}
ul.menu-list li a {display: inline-block;padding: 30px 15px;color: #000000;font-size: 1.4rem; cursor: pointer;}
ul.menu-list li a{background-image: url(../images/chevron-down.png); background-repeat: no-repeat; background-size: 14px; display: inline-block; background-position: right center;}
ul.menu-list li:first-child a{background-image: none;}
ul.menu-list li a:hover, ul.menu-list li a.active {color: #D23C96;}
ul.sub-menu { min-width: 205px;  position: absolute;top: 100%;padding: 12px 0; background-color: #fff; border-radius: 0px; visibility: hidden;opacity: 0;transition: opacity calc(300* 1ms) cubic-bezier(0.42, 0.01, 0.58, 1); display:none;}

ul.sub-menu li a {padding: 8px 20px; font-size: 14px; background-image: none;}
ul.menu-list>li:hover>ul.sub-menu { opacity: 1;visibility: visible;}




/* Heambeger menu ----- */

#nav-icon {
  position: relative;
  width: 30px;
  height: 20px;
  cursor: pointer;
  z-index: 98;
  display: none;
  position: absolute;
  left: 20px;
  text-align: center;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #1A1717;
  opacity: 1;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#nav-icon span:nth-child(even) {
  left: 50%;
}

#nav-icon span:nth-child(odd) {
  left: 0;
}

#nav-icon span:nth-child(1),
#nav-icon span:nth-child(2) {
  top: 0;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(6){display:none;}
#nav-icon.active span:nth-child(2),#nav-icon.active span:nth-child(6){display:block;}
#nav-icon span:nth-child(1),#nav-icon span:nth-child(5){left: 50%;transform: translateX(-50%);}
#nav-icon span:nth-child(3),
#nav-icon span:nth-child(4) {
  top: 8px;
}

#nav-icon span:nth-child(5),
#nav-icon span:nth-child(6) {
  top: 16px;
}

#nav-icon.active span {
  background: #1A1717;
}

#nav-icon.active span:nth-child(1),
#nav-icon.active span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.active span:nth-child(2),
#nav-icon.active span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.active span:nth-child(1) {
  left: 4px;
  top: 5px;
}

#nav-icon.active span:nth-child(2) {
  left: calc(50% - 4px);
  top: 5px;
}

#nav-icon.active span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon.active span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon.active span:nth-child(5) {
  left: 4px;
  top: 12px;
}

#nav-icon.active span:nth-child(6) {
  left: calc(50% - 4px);
  top: 12px;
}

/* arrow slick css */
.slick-arrow {height: 50px;width: 50px;display: inline-block;background-color: transparent;color: transparent;font-size: 0;position: absolute;border: 0;z-index: 3;cursor: pointer; bottom: -50px;}
.slick-arrow:hover{background-color: transparent; color:transparent;}
.slick-next {right: 44%;}
.slick-prev {left: 44%;}
.slick-arrow:before {
    font-family: "FontAwesome";
    font-size: 50px;
    display: inline-block;
    text-align: center;
    background: none;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #4B4D4E;
    font-weight: 600;
}
.slick-next:before {
  content: ""; background-image: url(../images/arrow.png);background-repeat: no-repeat; width: 33px; height: 15px; background-size: 100%;
}
.slick-prev:before {
   content: ""; background-image: url(../images/arrow.png);background-repeat: no-repeat; width: 33px; height: 15px; background-size: 100%;transform: rotate(-180deg);}






/* -------- */
header nav {flex: 1;-webkit-transition: all .5s ease-in;-moz-animation: all .5s ease-in;transition: all .5s ease-in;}
header nav ul {justify-content: flex-end;display: flex;align-items: center;justify-content: flex-end;gap: 100px; padding-top: 15px;}
header nav ul li a{font-size: 12px; color: #EF258A; letter-spacing: 3px;}





/* Main Css strat =====================================*/
img{max-width: 100%; display: inline-block;}
.wrapper{max-width: 1200px;margin: 0 auto;position: relative;}
.container{width: 100%;  position: relative; margin: 0;  padding-top: 100px; }
section{width: 100%; margin: 0; padding: 0 0 50px; position: relative; }
section:last-child{padding: 0;}
.title{width: 100%; padding: 40px 0; text-align: center; display: block;}
.title h5{ width: auto; display: inline-block; position: relative; padding: 0 40px;font-size: 30px; font-weight: 400; }

.title span{display: inline-block;color:#E20074 ; font-size: 2.4rem;}  

.partners-wrap .title h5{font-size: 36px; font-weight: 600;}
/* home  page*/
.banner-wrap{width: 100%; background-image: url(../images/Union.png);background-repeat: no-repeat;background-size: cover;background-position: 0 320px; margin-bottom: 100px; }
.banner{display: flex; flex-flow: row wrap; align-items: center; }
.banner-data{width: 45%;}
.banner h1{font-weight: 600;color: #39393F; margin-bottom: 20px; font-size: 48px; padding-top: 0px; }
.banner h4{margin-bottom: 20px; color: #A9AAAA;}
.banner-img{width: 55%; text-align: right;}
.banner-img img{width: 600px; min-height: 430px;object-fit: cover;}
.home .banner h1{font-size: 36px; line-height: 42px;}

.Philosophy{width: 100%; display: flex; align-items: center; background-color: #ffffff; padding: 35px 80px;}
.Philosophy .img-box{width: 25%;}
.Philosophy .img-box img{margin: -120px 0 0;}
.Philosophy .data{padding-left: 65px;flex: 1;}
.Philosophy .data h2{margin-bottom: 15px; color: #39393F; text-transform: capitalize;}

.aboutus{width: 100%; display: flex; flex-direction: row-reverse; position: relative;}
.aboutus .img-box{width: 60%;text-align: right;}
.aboutus .data{width: 46%; padding: 30px; background-color: #ffffff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.aboutus .data h2{margin-bottom: 15px;}

.our-team{width: 100%;position: relative; margin-bottom: 80px;}
.our-team ul{width: 100%;position: relative; display: flex; }
/* .our-team ul::after{content: ""; display: inline-block;background-image: url(../images/after.png);background-repeat: no-repeat;  position: absolute;left: 0; top: 11px; width: 300px; height: 180px;z-index: 1;}
.our-team ul::before{content: ""; display: inline-block;background-image: url(../images/before.png);background-repeat: no-repeat;  position: absolute;right: 0; top: 11px; width: 300px; height:180px; z-index: 1;} */
.our-team ul li{width: 33.33%;position: relative;margin: 0 10px;}
.our-team ul li .contet-wrap{width: 100%; display: flex; align-items: center;padding: 15px; background-color: #ffffff;}
.our-team ul li .img-box{width: 30%;}
.our-team ul li .data{flex: 1; padding-left:15px;}
.our-team ul li p{margin: 0; font-size: 14px; color: #606068;}
.our-team ul li span{width: 100%; margin-bottom: 10px; display: block; color: #cb2bc0; font-size: 14px; font-weight: 500;}
.our-team ul li h3{font-size: 24px; color: #39393f; margin-bottom: 5px;}

 .slider-counter {position: absolute;bottom: -33px;left: 50%;transform: translateX(-50%);font-size: 16px;font-weight: 400ld;z-index: 10;color: #39393F;}




.connect{background-image: url(../images/connect-bg.png); background-repeat: no-repeat; background-size: 100%; margin-top: 50px; padding-bottom: 0;}
.connect-wrap{width: 100%;display: flex;flex-direction: row-reverse; align-items: center;}
.connect-wrap .img-box{width: 50%; text-align: center;}
.connect-wrap .data{width: 50%;}
.connect-wrap h2{color: #ffffff; margin-bottom: 30px;background: linear-gradient(90deg, #87878F 0%, #FFFFFF 43.03%, #FFFFFF 55.25%, #87878F 97.79%);width: auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.connect-wrap p{color: #EEEEEE;margin-bottom: 30px; }
.connect-wrap .img-box img{margin-top: -78px; height: 400px;}
.connect-wrap a.button{background: rgb(160,27,152);
background: linear-gradient(180deg, rgba(160,27,152,1) 0%, rgba(58,10,55,1) 69%);}


.banner-wrap.about{margin-bottom: 0;}
.banner-wrap.about h1{font-size: 3.2rem;}
.banner-wrap.about{margin-bottom: 0;}
.banner-wrap.about h6{font-size: 18px; margin-bottom: 15px; font-weight: 500;}
/* .banner-wrap.about .banner-img img{width: 480px;} */
/* .banner-wrap.about.investor .banner-img img{width: 480px;} */
.Philosophy.about{background-color: transparent; padding: 0;}
.Philosophy.about .img-box {width: 40%; text-align: center;}
.Philosophy.about .img-box img{margin: 0;}

.partners-wrap{width: 100%;}
.partners-wrap ul{width: 100%;}
.partners-wrap ul li{width: 100%;position: relative;margin: 0 0 40px;}
.partners-wrap ul li .contet-wrap{width: 100%; display: flex; align-items: center;padding: 20px; background-color: #ffffff;}
.partners-wrap ul li:nth-child(even) .contet-wrap{flex-direction: row-reverse;}
.partners-wrap ul li:nth-child(even) .data{padding-left:20px; padding-right:20px;}
.partners-wrap ul li .img-box{width: 30%;}
.partners-wrap ul li .data{flex: 1; padding-left:20px;}
.partners-wrap ul li p{margin: 0; font-size: 14px; color: #606068;}
.partners-wrap ul li span{width: 100%; margin-bottom: 10px; display: block; color: #cb2bc0; font-size: 14px; font-weight: 500;}
.partners-wrap ul li h2{font-size: 24px; color: #39393f; margin-bottom: 10px; font-weight: 600;}
.partners-wrap ul li h3{font-size: 18px; color: #606068; margin-bottom: 10px; font-weight: 400;}




.investment{width: 100%; display: block; padding-top: 100px;}
.investment ul{width: 100%;display: flex; gap:50px; padding-left:0;flex-direction: column; }
.investment ul li{width: 100%; background-color: #ffffff; padding: 0px;margin: 0;}
.investment .img-main{width: 100%; display: flex; flex-direction: row-reverse; align-items: center; }
.investment ul li:nth-child(even) .img-main{width: 100%; display: flex; flex-direction: row; }
.investment .img-box{width: 50%; position: relative; text-align: right; }
.investment ul li:nth-child(even) .img-box{ text-align: left; }
.investment .img-box img{width: 200px; max-width: 100%;  }

.investment .data{width: 50%;padding: 25px;}
.investment h3{margin-bottom: 20px;font-size: 28px; line-height: 32px;}

.investment .slick-list{padding-top: 100px !important;}

/* .process{background-color: #202123; text-align: center; padding: 30px 0;} */
.process  h1 {font-size: 3.2rem;}
.title-info{ width: 100%; display: inline-block; max-width: 500px; text-align: center;}
.title-info h2{margin-bottom: 20px;background: #87878F;
background: linear-gradient(90deg, #87878F 0%, #FFFFFF 43.03%, #FFFFFF 55.25%, #87878F 97.79%);width: auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title-info p{margin-bottom: 20px; color: #BEBECA;}
.process .img-box img{width: 700px;}



.s-process{padding-top: 40px;}

.rank-wrap{width: 100%; display: flex; justify-content: center; padding: 40px 0;}
.rank-wrap .ico{width: 100px;}
.rank-wrap ul{width: 100%; padding:  0;}
.rank-wrap ul li{width: 100%; display: flex; align-items: center; background-color: #ffffff; padding: 15px; border-bottom: 1px solid #F1F0F6;}
.rank-wrap ul li span{display: flex; text-align: center; align-items: center; justify-content: center; width:180px; height: 180px; font-size:60px; background: #B81BD0;
background: linear-gradient(to top, #B81BD0 0%, #3974CB 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; font-weight: bold; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.rank-wrap ul li p{flex: 1; margin: 0; padding-left: 20px;font-size: 1.8rem;}



.banner-wrap.disclosur h1{font-size: 3.2rem;}
/* .banner-wrap.disclosur .banner-data{width: 37%;}
.banner-wrap.disclosur .banner-img{ text-align: left;} */
.banner-wrap.disclosur .banner-img img{ width: 470px;}

/*-- ACCORDANCE --- ====================================*/
.acord-wrap{width: 100%; padding: 0 200px;}
ul.accordion-list li {margin-bottom: 10px;}
.accordion-title {position: relative; background-color: #ffffff; cursor: pointer;padding:15px;-webkit-transition: all .3s ease-in;-moz-animation: all .3s ease-in;transition: all .3s ease-in;}
.accordion-title h5 {margin-bottom: 0; font-weight: 500;}
.accordion-title i {position: absolute;right: 10px;top: 50%;transform: translate(0, -50%);width:30px;height: 30px;display: inline-flex;align-items: center;justify-content: center; border: 2px solid rgba(158, 158, 168, 1); padding: 10px; border-radius: 100%;}
.accordion-title i::before,
.accordion-title i::after {content: '';width: 60%;height: 2px;display: inline-block;background-color:rgba(158, 158, 168, 1);border-radius: 2px;position: absolute;}
.accordion-title i::after {transform: rotate(90deg);}
/* ul.accordion-list li.active .accordion-title {background: #eeeeee;} */
ul.accordion-list li.active .accordion-title i::after {transform: translate(0); background-color: #D332CA;}
ul.accordion-list li.active .accordion-title i{border-color: #D332CA;}
.accordion-content {display: none; background-color: #ffffff;}
.accordion-content h5{color: #D332CA; padding:20px; padding-top: 0;}
.accordion-content ul{width: 100%; display: block;}
.accordion-content ul li{width: 100%; display: flex; align-items: center;  border-bottom: 1px solid #E9E9E9; padding:10px 20px;}
.accordion-content ul li p{color: #39393E; margin-bottom: 0;}
.accordion-content ul li a.pdf{background-image: url(../images/pdf.png); background-size: 100%; background-position: center;width: 20px;height: 20px;}
.accordion-content ul li a.excel{background-image: url(../images/xls.png); background-size: 100%; background-position: center;width: 25px;height: 23px;}
.accordion-content ul li a img{opacity: 0;}
/*-- ACCORDANCE --- ====================================*/

.banner-wrap.contact{margin-bottom: 0;}
.contact-wrap{width: 100%; display: flex;padding-top: 0px; justify-content: space-between; align-items: center;}
.contact-wrap .data{width: 50%;}
.contact-wrap .img-box{width: 40%; text-align: center;}
.contact-wrap .img-box img{width: 400px; }
/* .contact-wrap .img-box img{width:260px;} */
.contact-wrap h2{font-size: 28px; margin-bottom: 15px;}
.contact-wrap p{ margin-bottom: 15px;}
.contact-wrap ul{width: 100%; display: block; margin-top: 20px;}
.contact-wrap ul li{width: 100%; display: flex; margin-bottom: 15px;}
.contact-wrap ul li span{width:28px; display: inline-block;}
.contact-wrap ul li h3{font-size: 15px; padding-left: 12px; font-weight: 400;}


.form-main{width: 100%; display: flex; justify-content: space-between; margin-bottom: 50px;}
.form-main .left-panel,.form-main .right-panel{width: 49%;}
.form-main .left-panel{background-color: #ffffff; padding: 20px;}
.left-panel h2{font-size: 28px; margin-bottom:15px ;}
.form-main .fa-save::before { font-size: 0;}

/* map */

#map {width: 50%;height: 460px;margin-left: 10px;padding-left: 2px;box-sizing: border-box; }


.disc-content{width: 100%; display: block; padding: 50px 0;}
.disc-content a{color: #d23c97;}
.disc-content a:hover{color: #7141b1;}



/* 404 page */
.page-404{width: 100%; display: block;  text-align: center;}
.page-404 .content{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: 50px;}
.page-404 .content img{width:320px; display: inline-block; margin-bottom: 30px;}
.page-404 .content h1{ font-size: 16px;}
/* 404 page */







footer{width: 100%; display: block; text-align: center; background-color: rgba(48, 48, 54, 1); }
footer p{width:100%; text-align: center;  color: rgba(255, 255, 255, 0.75); font-size: 13px;padding: 10px 0;}









 @media screen and (max-width:1400px) {
.banner h1{font-size: 40px; line-height: 45px;}
.banner-img img {width: 490px;}
.logo {max-width: 130px;}
.banner h1,.banner-wrap.about h1,.banner-wrap.disclosur h1,.process  h1  {font-size: 32px;line-height: 36px;}   
h2 {font-size: 2.8rem;}
.title h5{font-size: 24px;}
.our-team ul li h3{font-size: 20px;}
.connect-wrap .img-box img{height: 360px;}
 }

 @media screen and (max-width:1300px) {
.acord-wrap{padding: 0 150px;}
 } 
@media screen and (max-width:1200px) {
.wrapper{padding: 0 30px;}
 .banner h1,.banner-wrap.about h1,.banner-wrap.disclosur h1,.process  h1  {font-size: 28px;line-height: 32px;}  
 .connect-wrap .img-box img { height: 320px;}
 h2 {font-size: 2.4rem;}
 } 
@media screen and (max-width:1023px) {
  #nav-icon{display: block;}
.header-wrap{height: 60px;justify-content: space-between; padding-left: 40px;}
.menu-wrap{width: 100%; position: fixed; top:60px; left: 0;z-index: 1050; padding: 40px ; background-color: #ffffff; display: none; -webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;}
.menu-wrap.open{display:block;}
ul.menu-list li{width: 100%; text-align: center;}  
ul.menu-list li a{padding: 10px; font-size: 18px;} 
/* start */
.banner-data,.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-img{text-align: center;}
.banner-data{order: 2; margin-top: 20px;}
.banner-img{order: 1;}
.banner h1,.banner-wrap.about h1,.banner-wrap.disclosur h1,.process  h1  {font-size: 24px;line-height: 30px;}
.banner-wrap{margin: 0; background-size: contain;}

.Philosophy{flex-flow: row wrap;padding: 20px; margin-top: 115px;}
.Philosophy .img-box{width: 100%; text-align: center;}
.Philosophy .data{padding: 0; margin-top: 25px;}
.Philosophy .img-box img{width: 260px;}

.aboutus{position: relative;flex-flow: row wrap;}
.aboutus .img-box {width: 100%;text-align: center;}
.aboutus .data{position: relative;transform: none;width: 100%; top: auto; left: auto;padding: 20px;}

.connect{background-size: cover;}
.connect-wrap{flex-flow: row wrap;padding: 30px 0;}
.connect-wrap .img-box,.connect-wrap .data{width: 100%;}
.connect-wrap .img-box img {height: 260px;margin-top: -100px;}


.slick-next {right: 40%;}
.slick-prev {left:40%;}
.acord-wrap{padding: 0 50px;}

/*  */
.rank-wrap ul {padding: 0;}
.rank-wrap ul li span{width: 90px; height: 90px; font-size: 32px;}
.rank-wrap ul li p{font-size: 1.4rem; margin: 20px 0;}
/* */
.Philosophy.about .img-box {width: 100%; margin-bottom: 30px;}
.Philosophy.about{margin: 0;}
.title{padding: 20px 0;}

.contact-wrap{flex-flow: row wrap;}
.contact-wrap .data,.contact-wrap .img-box{width: 100%; }
.contact-wrap .img-box{ order: 1;}
.contact-wrap .data{order:2}
.form-main{flex-flow: row wrap;}
.form-main .left-panel, .form-main .right-panel {width: 100%;}
.form-main .left-panel{margin-bottom: 30px;}
.contact-wrap h2,.left-panel h2{font-size: 24px;}
#map {width: 100%;height: 450px;margin-left: 0;padding-left: 0;}


.contact-wrap .img-box img{width: 100%; }


.process .img-box img{width: 100%;}
 
.investment .img-box{padding-top: 15px;}



.investment .img-main{flex-flow: row wrap;}
.investment .img-box,.investment ul li:nth-child(even) .img-box{ text-align: center; }
.investment .img-box img {width: 140px;}
.investment .img-box,.investment .data{width: 100%;}
.investment .data{padding: 15px;}

 } 




 @media screen and (max-width:767px) {
.wrapper { padding: 0 20px;}
.logo {max-width: 100px;}
section{padding-bottom: 25px;}
.container{padding-top: 50px;}
a.button, input.button{padding: 7px 15px;font-size: 14px;}

.our-team ul li{margin: 0 10px;}
/* .our-team ul::before,.our-team ul::after{width: 220px;} */
.slick-next {right: 32%;}
.slick-prev {left: 32%;}
.our-team ul::before,.our-team ul::after{width: 0px;}
.our-team ul li h3 {font-size: 16px;}
/*  */
.investment ul{flex-flow: row wrap; gap: 20px; margin-bottom: 40px;}

.investment .data{min-height: none;}
.investment h3{font-size: 1.8rem; line-height: 2rem; text-align: center;}
.investment p{text-align: center;}
.rank-wrap{margin-top: -20px;}

/*  */
.partners-wrap ul li .contet-wrap{flex-flow: row wrap;}
.partners-wrap ul li .img-box{width: 100%; margin-bottom: 20px;}
.partners-wrap ul li .data{padding: 0;}
.partners-wrap ul li h2 { font-size: 24px;}

/*  */
.contact-wrap h2,.left-panel h2{font-size: 20px;}
.acord-wrap{padding: 0 15px;}
/*  */
.investment{padding-top: 0;}

.partners-wrap .title h5{font-size: 24px;}
.partners-wrap ul li{margin: 0 0 10px;}
.rank-wrap ul li{align-items: flex-start;flex-direction: column;
  justify-content: center;
  align-items: center;}

  .our-team ul li p{font-size: 13px;}
  .our-team ul li h3{font-size: 14px;}

  .banner-wrap.disclosur .banner-img img{width: 100%;}
  .banner-img img{ min-height: auto;}


  .page-404 .content h1 {font-size: 14px;}
  .page-404 .content img {width: 210px;}

  .home .banner h1 {
    font-size: 24px;
    line-height: 30px;
}

 }