/*=== Header area start ===*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {	
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;    
	background: #fff;
	color: #333333;	
}

@font-face {
    font-family: 'BAHNSCHRIFT';
    src: url('fonts/BAHNSCHRIFT.TTF');
}

h6,
p {
    font-family: 'BAHNSCHRIFT';
}

a {
    text-decoration: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

input:focus,
textarea:focus,
button:focus {
    outline: none;
}

::selection {
    color: white; 
    background: #ff7675;
}

::-webkit-selection {
    color: white; 
    background: #ff7675;
}

::-moz-selection {
    color: white; 
    background: #ff7675;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: rgba(0,0,0,.5);   
    text-align: center;
    padding-top: 8px;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.scrolltotop:hover {   
    background: #000;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);   
}

.header-area {
    padding: 25px 0;
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99999999999;
}

.header-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-item-inner {
    display: flex;
    align-items: center;
}

.header-item-inner2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-item-inner2 img {
    max-width: 100%;
}

.header-item-inner3 {
    display: flex;
    align-items: center;
    padding-left: 35px;
    margin-left: 35px;
    border-left: 1px solid #E5E5E5;
}

.header-item-inner4 {
    display: flex;
    align-items: center;
}

.header-item-inner4 i {
    width: 42px;
    flex: 0 0 42px;
    height: 42px;
    border-radius: 50%;
    background: #E6EFFC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #423EAF;
    margin-right: 16px;
}

.header-item-inner4 h6 {
    font-size: 16px;
    font-weight: 400;
    color: #54657D;
    margin: 0;
}

.header-item-inner4 h6 a {
    font-size: 20px;
    color: #000813;
    font-weight: 700;
}

.header-item-inner5 {
    padding-left: 35px;
}

.navbar {
    padding: 0;
}

.navbar-toggler {
    padding: 0;
}

.navbar-nav {
    align-items: center;
}

.navbar-nav .nav-link {
    font-family: 'BAHNSCHRIFT';
    font-weight: 400;
    font-size: 18px;
    color: #000813;
    padding: 0!important;
    margin-left: 52px;
    text-transform: uppercase;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.navbar-nav li:nth-of-type(7) a,
.navbar-nav li:nth-of-type(8) a {
    color: #fff;
    width: 126px;
    height: 55px;
    background: #423EAF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-nav li:nth-of-type(7) a i,
.navbar-nav li:nth-of-type(8) a i {
    margin-right: 11px;
} 

.navbar-nav li:nth-of-type(8) a {
    width: 137px;
    background: #E19100;
    margin-left: 16px;
}

.navbar-nav .nav-link:hover {
    opacity: .8;
}

/*hamburger css*/

.hamburger {
    padding: 0px 0px;
    padding-right: 5px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger.is-active:hover {
    opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-box {
    width: 30px;
    height: 20px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 35px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
        transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
        transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*=== trade area start ===*/

.trade-area {
    background-image: url(images/01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.trade-area-inner {
    max-width: 915px;
}

.trade-item h2 {
    font-size: 100px;
    font-weight: 700;
    color: #000813;
    margin: 0 0 48px;
}

.trade-item-inner {
    padding: 24px 24px 13px;
    background: #FFFFFF;
    border-radius: 15px;
    margin-bottom: 30px;
}

.trade-item-inner h3 {
    font-size: 50px;
    font-weight: 700;
    color: #423EAF;
    margin: 0 0 5px;
}

.trade-item-inner h4 {
    font-size: 28px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 5px;
}

.trade-item-inner h6 {
    font-size: 18px;
    font-weight: 400;
    color: #54657D;
    margin: 0 0 20px;
}

.trade-item-inner h6 span {
    font-weight: 700;
    color: #423EAF;
}

.trade-item-inner ul li {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 300;
    color: #54657D;
    margin: 0 0 11px;
}

.trade-item-inner ul li span {
    font-weight: 700;
    color: #423EAF;
}

.trade-item-inner ul li i {
    color: #56BB64;
    margin-right: 10px;
}

.trade-item2 h3 {
    font-size: 28px;
    font-weight: 600;
    color: #000813;
    margin: 20px 0 35px;
}

.trade-item2-inner {
    display: flex;
    align-items: center;
}

.trade-item2-inner2 {
    display: flex;
    align-items: center;
    margin-right: 60px;
}

.trade-item2-inner2 div {
    margin: -14px 0 -26px -20px;
}

.trade-item2-inner2 div img {
    max-width: 100%;
}

.trade-item2-inner2 h6 {
    font-size: 16px;
    font-weight: 400;
    color: #54657D;
    margin: 0;
}

.trade-item2-inner2 h6 span {
    font-weight: 600;
    font-size: 30px;
    color: #000813;
    display: block;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.trade-item2-inner2 h6 span img {
    max-width: 100%;
    margin-left: 12px;
}

/*=== work area start ===*/

.work-area {
    padding: 100px 0 180px;
    background: #000813;
}

.work-item h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 50px;
}

.work-item-inner {
    display: flex;
    justify-content: space-between;
}

.work-item-inner2 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.work-item-inner2 span {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    width: 124px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #544FF3;
    margin-right: 30px;
}

.work-item-inner2 h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px;
}

.work-item-inner2 p {
    font-size: 16px;
    font-weight: 300;
    color: #52575E;
    margin: 0;
    max-width: 264px;
}

.work-item2 {
    margin-top: 70px;
    background: #F9FAFC;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 12px;
}

.work-item2-inner {
    width: 64%;
}

.work-item2-inner img {
    width: 100%;
}

.work-item2-inner2 {
    width: 36%;
    background: #fff;
    border-radius: 12px;
    padding: 45px 50px;
}

.work-item2-inner2 h2 {
    font-size: 50px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 35px;
}

.work-item2-inner2 h6 {
    font-size: 25px;
    font-weight: 400;
    color: #54657D;
    margin: 0 0 35px;
}

.work-item2-inner2 p {
    font-size: 16px;
    font-weight: 300;
    color: #54657D;
    margin: 0 0 35px;
}

.work-item2-inner2 p span {
    display: block;
    margin-top: 30px;
}

.work-item2-inner2 a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #E49807, #F8C02F);
    border-radius: 12px;
}

.work-item2-inner2 a i {
    margin-left: 16px;
}

.work-item2-inner2 a:hover {
    background-image: linear-gradient(to left, #E49807, #F8C02F);
}

/*=== solution area start ===*/

.solution-area {
    background: #F9FAFC;
}

.solution-item {
    background-image: url(images/07.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -160px;
    transform: translateY(-160px);
    border-radius: 12px 12px 0 0;
}

.solution-item-inner {
    background-image: url(images/08.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 24%;
    padding: 50px 0;
}

.solution-item-inner h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0;
}

.solution-item-inner2 {
    width: 76%;
}

.solution-item-inner2 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
}

.solution-item-inner2 ul li {
    display: flex;
    align-items: center;
    width: auto;
}

.solution-item-inner2 ul li:nth-of-type(2) span,
.solution-item-inner2 ul li:nth-of-type(4) span,
.solution-item-inner2 ul li:nth-of-type(6) span {
    width: 1px;
    height: 62px;
    background: #485B80;
    display: block;
}

.solution-item-inner2 ul li img {
    max-width: 100%;
    margin-right: 24px;
}

.solution-item-inner2 ul li h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.solution-item-inner2 ul li h3 small {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    display: block;
}

.solution-item2 {
    background: #FFFFFF;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    background-image: url(images/13.png);
    background-repeat: no-repeat;
    background-size: 658px;
    background-position: 0 100%;
    border-radius: 0 0 12px 12px;
    box-shadow: 0px 15px 10px -15px #F4F5F7, -25px 0px 10px -15px #F4F5F7, 15px 0px 10px -15px #F4F5F7;
}

.solution-item2-inner {
    width: 50%;
    padding: 0 50px;
    border-right: 1px solid #E5E5E5;
}

.solution-item2-inner2 {
    max-width: 600px;
}

.solution-item2-inner2 h2 {
    font-size: 50px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 35px;
}

.solution-item2-inner2 p {
    font-size: 25px;
    font-weight: 400;
    color: #54657D;
    margin: 0 0 50px;
}

.solution-item2-inner2 ul li {
    font-size: 16px;
    font-weight: 300;
    color: #54657D;
    margin: 0 0 30px;
    display: flex;
    align-items: flex-start;
}

.solution-item2-inner2 ul li img {
    max-width: 100%;
    margin-top: 4px;
    margin-right: 20px;
}

.solution-item2-inner2 a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin-top: 20px;
    background-image: linear-gradient(to right, #E49807, #F8C02F);
    border-radius: 12px;
}

.solution-item2-inner2 a i {
    margin-left: 30px;
}

.solution-item2-inner2 a:hover {
    background-image: linear-gradient(to left, #E49807, #F8C02F);
}

.solution-item2-inner3 {
    width: 50%;
    padding-left: 120px;
    padding-right: 20px;
}

.solution-item2-inner3 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.solution-item2-inner3 ul li {
    width: 50%;
    padding: 0 10px;
}

.solution-item2-inner3 ul li img {
    max-width: 100%;
    margin: -50px -70px -56px;
}

.solution-item2-inner3 ul li h3 {
    font-size: 28px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 24px;
}

.solution-item2-inner3 ul li p {
    font-size: 16px;
    font-weight: 300;
    color: #54657D;
    margin: 0;
    max-width: 290px;
}

.solution-item2-inner3 ul li:nth-of-type(1),
.solution-item2-inner3 ul li:nth-of-type(2) {
    margin-bottom: 110px;
}

.team-item {
    background: #000813;
    padding: 75px 75px 0;
    border-radius: 12px 12px 0 0;
    margin-top: 100px;
}

.team-item h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 70px;
}

.team-item ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
}

.team-item ul li {
    padding: 0 15px;
    margin-bottom: 100px;
}

.team-item ul li img {
    max-width: 100%;
}

.team-item ul li h3 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin: 24px 0;
}

.team-item ul li p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    max-width: 382px;
}

.team-item-inner {
    background-image: url(images/25.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    border-radius: 0 0 12px 12px;
    display: flex;
    align-items: center;
    transform: translateY(174px);
    margin-top: -174px;
}

.team-item-inner2 {
    background-image: url(images/26.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 39px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 0 12px;
    width: 36%;
}

.team-item-inner2 img {
    max-width: 100%;
    margin-right: 24px;
}

.team-item-inner2 h4 {
    font-size: 35px;
    font-weight: 600;
    color: #000813;
    margin: 0;
}

.team-item-inner2 h4 span {
    font-family: 'BAHNSCHRIFT';
    font-size: 20px;
    margin-top: 13px;
    display: block;
}

.team-item-inner3 {
    width: 64%;
    padding: 25px;
}

.team-item-inner4 {
    max-width: 815px;
    margin: 0 auto;
}

.team-item-inner3 h5 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 14px;
}

.team-item-inner3 p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0;
}

/*=== invest area start ===*/

.invest-area {
    background-image: url(images/31.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 274px 0 100px;
}

.invest-item {
    max-width: 464px;
    margin: 0 auto;
    text-align: center;
}

.invest-item h5 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.invest-item h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 30px;
}

.invest-item p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 75px;
}

.invest-item2 ul {
    max-width: 923px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.invest-item2 ul li {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.invest-item2 ul li img {
    max-width: 100%;
    display: block;
    margin-bottom: 30px;
}

/*=== plan area start ===*/

.plan-area {
    padding: 135px 0 80px;
    background: #F9FAFC;
}

.plan-item {
    padding-right: 17px;
}

.plan-item h2 {
    font-size: 50px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 50px;
}

.plan-item2 {
    margin-bottom: 20px;
}

.plan-item-inner {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 50px 0;
    position: relative;
}

.plan-item-inner2 {
    width: 40%;
    display: flex;
    align-items: center;
    padding: 0 50px;
    border-right: 1px solid #E5E5E5;
}

.plan-item-inner2 img {
    max-width: 100%;
    margin-right: 24px;
}

.plan-item-inner2 h3 {
    font-size: 35px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 13px;
}

.plan-item-inner2 p {
    font-size: 20px;
    font-weight: 600;
    color: #423EAF;
    margin: 0;
}

.plan-item-inner3 {
    width: 72.5%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 68px;
}

.plan-item-inner4 ul li {
    font-family: 'BAHNSCHRIFT';
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 300;
    color: #54657D;
    margin-bottom: 12px;
}

.plan-item-inner4 ul li span {
    font-weight: 600;
    color: #423EAF;
    margin-left: 5px;
}

.plan-item-inner4 ul li:nth-of-type(2) {
    margin-bottom: 0;
}

.plan-item-inner4 ul li img {
    max-width: 100%;
    margin-right: 16px;
}

.plan-item-inner4 a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #E49807, #F8C02F);
    border-radius: 12px;
}

.plan-item-inner4 a:hover {
    background-image: linear-gradient(to left, #E49807, #F8C02F);
}

.plan-item-inner5 {
    position: absolute;
    top: 0;
    right: -17px;
}

.plan-item-inner5 small {
    font-family: 'BAHNSCHRIFT';
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    width: 283px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7934EC;
    border-radius: 0 12px 0 12px;
}

.plan-item-inner5 small img:nth-of-type(1) {
    max-width: 100%;
    margin-right: 16px;
}

.plan-item-inner5 small img:nth-of-type(2) {
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 100%;
}

/*=== deposit area start ===*/

.deposit-area {
    background-image: url(images/31.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 232px;
    position: relative;
    z-index: 0;
}

.deposit-area:after {
    content: '';
    position: absolute;
    width: 53.5%;
    height: 100%;
    background: #000813;
    top: 0;
    right: 0;
    z-index: -1;
}

.deposit-item h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 24px;
}

.deposit-item p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 60px;
}

.deposit-area-inner {
    display: flex;
    flex-wrap: wrap;
}

.deposit-item2 {
    width: 55%;
}

.deposit-item2-inner2 {
    background-image: url(images/58.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 24px;
    border-radius: 12px 12px 0 0;
}

.deposit-item2-inner2 h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.deposit-item2-inner3 {
    padding: 6px 16px 25px;
    background: #9069E4;
    border-radius: 0 0 12px 12px;
}

.deposit-item2-inner3 h4 {
    font-family: 'BAHNSCHRIFT';
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #A281E8;
}

.deposit-item2-inner3 h4 span {
    display: flex;
    align-items: center;
}

.deposit-item2-inner3 h4 span img {
    max-width: 100%;
    margin-right: 11px;
}

.deposit-item3 {
    width: 45%;
    padding: 0 40px;
}

.deposit-item3-inner {
    max-width: 565px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
}

.deposit-item3-inner3 {
    display: flex;
    align-items: center;
    margin-bottom: 42px;
}

.deposit-item3-inner3 img {
    max-width: 100%;
    margin-right: 25px;
}

.deposit-item3-inner3 h5 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px;
}

.deposit-item3-inner3 p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0;
}

/*=== partner area start ===*/

.partner-area {
    background: #F9FAFC;
}

.partner-area-inner {
    transform: translateY(-160px);
    margin-bottom: -160px;
}

.partner-item {
    background-image: url(images/07.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.partner-item-inner {
    width: 35.5%;
    background-image: url(images/59.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    border-radius: 12px 0 0 0;
    padding: 50px 0 50px 74px;
}

.partner-item-inner h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.partner-item-inner2 {
    width: 64.5%;
    padding: 0 30px;
}

.partner-item-inner2 ul {
    max-width: 854px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.partner-item-inner2 ul li {
    display: flex;
    align-items: center;
}

.partner-item-inner2 ul li img {
    max-width: 100%;
    margin-right: 24px;
}

.partner-item-inner2 ul li h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.partner-item-inner2 ul li h3 small {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin-top: 10px;
}

.partner-item-inner2 ul li span {
    width: 1px;
    height: 62px;
    display: block;
    background: #5C657A;
}

.partner-item2 {
    background-color: #FFFFFF;
   /* background-image: url(images/62.png); */
    background-repeat: no-repeat;
    background-size: 775px;
    background-position: 100% 100%;
    border-radius: 0 0 12px 12px;
    box-shadow: 0px 15px 10px -15px #F4F5F7, -25px 0px 10px -15px #F4F5F7, 15px;
    padding: 50px;
}

.partner-item2-inner {
    display: flex;
    flex-wrap: wrap;
}

.partner-item2-inner2 {
    width: 385px;
    border-right: 1px solid #E5E5E5;
}

.partner-item2-inner3 {
    display: flex;
    align-items: center;
    margin-bottom: 56px;
}

.partner-item2-inner3 img {
    max-width: 100%;
    margin-right: 24px;
}

.partner-item2-inner3 h4 {
    font-size: 35px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 13px;
}

.partner-item2-inner3 p {
    font-size: 20px;
    font-weight: 600;
    color: #54657D;
    margin: 0;
}

.partner-item2-inner4 {
    width: 850px;
    padding-left: 50px;
}

.partner-item2-inner4 h2 {
    font-size: 50px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 35px;
}

.partner-item2-inner4 p {
    font-size: 16px;
    font-weight: 300;
    color: #54657D;
    margin: 0 0 65px;
}

.partner-item2-inner4 p span {
    display: block;
    margin: 30px 0;
}

.partner-item2-inner4 a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #E49807, #F8C02F);
    border-radius: 12px;
}

.partner-item2-inner4 a i {
    margin-left: 30px;
}

.partner-item2-inner4 a:hover {
    background-image: linear-gradient(to left, #E49807, #F8C02F);
}

/*=== question area start ===*/

.question-area {
    background-color: #F9FAFC;
    padding-top: 100px;
    background-image: url(images/67.png);
    background-repeat: no-repeat;
    background-size: 775px;
    background-position: 0 100%;
    padding-bottom: 30px;
}

.question-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.question-item-inner h5 {
    font-size: 20px;
    font-weight: 400;
    color: #6A66DB;
    margin: 0;
}

.question-item-inner h2 {
    font-size: 50px;
    font-weight: 600;
    color: #000813;
    margin: 0;
}

.question-item-inner2 {
    display: flex;
    align-items: center;
}

.question-item-inner2 h4 {
    font-size: 24px;
    font-weight: 600;
    color: #000813;
    margin: 0;
    margin-right: 58px;
}

.question-item-inner2 a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 200px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #463EB3, #7A33EE);
    border-radius: 12px;
}

.question-item-inner2 a i {
    margin-left: 30px;
}

.question-item-inner2 a:hover {
    background-image: linear-gradient(to left, #463EB3, #7A33EE);
}

.question-item2 {
    display: flex;
    flex-wrap: wrap;
}

.question-item2-inner {
    width: 33%;
}

.question-item2-inner ul li a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 600;
    color: #000813;
    display: flex;
    align-items: center;
    width: 244px;
    height: 60px;
    margin-bottom: 10px;
    padding-left: 20px;
    border-radius: 15px;
}

.question-item2-inner ul li a img {
    max-width: 100%;
    margin-right: 16px;
}

.question-item2-inner ul li.ui-state-active a {
    background: #FFFFFF;
}

.question-item2-inner ul li a:hover {
    opacity: .8;
}

.question-item2-inner2 {
    width: 67%;
}

.question-item2-inner2 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.question-item2-inner2 ul li {
    width: 50%;
    padding: 0 12px;
    margin-bottom: 70px;
}

.question-item2-inner3 {
    max-width: 476px;
}

.question-item2-inner2 ul li:nth-of-type(even) .question-item2-inner3 {
    margin-left: auto;
}

.question-item2-inner3 h3 {
    font-size: 28px;
    font-weight: 600;
    color: #000813;
    margin: 0 0 24px;
}

.question-item2-inner3 p {
    font-size: 16px;
    font-weight: 300;
    color: #000813;
    margin: 0;
}

/*=== news area start ===*/

.news-area {
    padding: 95px 0 65px;
    overflow: hidden;
}

.news-area .question-item-inner2 a {
    padding: 0 27px;
    justify-content: space-between;
}

.news-area .row {
  --bs-gutter-x: 50px;
}

.news-item {
    margin-bottom: 30px;
}

.news-item img {
    width: 100%;
    display: block;
}

.news-item h3 {
    margin: 35px 0 24px;
}

.news-item h3 a {
    font-size: 28px;
    font-weight: 600;
    color: #000813;
}

.news-item h3 a:hover {
    color: #423EAF;
}

.news-item h2 p {
    font-size: 16px;
    font-weight: 300;
    color: #000813;
    margin: 0 0 45px;
}

.news-item-inner a {
    font-family: 'BAHNSCHRIFT';
    font-size: 16px;
    font-weight: 400;
    color: #423EAF;
    text-transform: uppercase;
}

.news-item-inner a i {
    margin-left: 30px;
}

.news-item-inner a:hover {
    opacity: .8;
}

/*=== footer area start ===*/

.footer-area {
    padding: 100px 0 70px;
    background: #010914;
}

.footer-item {
    display: flex;
    justify-content: space-between;
}

.footer-item-inner {
    width: 421px;
    padding: 35px 30px;
    background: #423EAF;
    border-radius: 12px;
    margin-bottom: 30px;
}

.footer-item-inner img {
    max-width: 100%;
}

.footer-item-inner p {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    margin: 24px 0 50px;
}

.footer-item-inner h6 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin: 0;
}

.footer-item-inner2 {
    margin-bottom: 30px;
}

.footer-item-inner2 h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 35px;
}

.footer-item-inner2 ul li a {
    font-family: 'BAHNSCHRIFT';
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    display: inline-block;
    margin-bottom: 35px;
}

.footer-item-inner2 ul li:last-of-type a {
    margin-bottom: 0;
}

.footer-item-inner2 ul li a:hover {
    opacity: .8;
}

.footer-item-inner3 {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.footer-item-inner3 i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #293039;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    margin-right: 16px;
}

.footer-item-inner3 h6 {
    font-size: 16px;
    font-weight: 300;
    color: #CCCDCF;
    margin: 0;
}

.footer-item-inner3 h6 a {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    margin-top: 5px;
}

.footer-item-inner4 {
    padding-top: 65px;
}

.footer-item-inner4 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-item-inner4 ul li a {
    font-size: 28px;
    color: #fff;
    margin: 0;
}

.footer-item-inner4 ul li a:hover {
    opacity: .8;
}

/*=== about page start ===*/

.about-page {
    font-family: 'Rubik', sans-serif;
}

.about-page h2,
.about-page h6 {
    font-family: 'Oswald', sans-serif;
}

.service-area {
    background-image: url(images/79.png);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 0 0;
    overflow: hidden;
}

.service-area-inner {
    background-image: url(images/80.png);
    background-repeat: no-repeat;
    background-size: 189px;
    background-position: calc(100% - 16px) calc(100% - 22px);
    padding: 72px 0 68px;
    background-color: #F9FAFC;
}

.service-item {
    max-width: 1102px;
    margin: 0 auto;
    text-align: center;
}

.service-item h2 {
    font-weight: 600;
    font-size: 50px;
    color: #000000;
    margin: 0;
}

.service-item p {
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    margin: 0 0 48px;
}

.service-item-inner ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -10px;
}

.service-item-inner ul li {
    padding: 0 10px;
}

.service-item-inner2 {
    margin: 0 auto 30px;
}

.service-item-inner2 img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.service-item-inner2 h3 {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    margin: 29px 0 12px;
}

.service-item-inner2 p {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin: 0 0 10px;
}

.service-item-inner2 a {
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 14px;
    padding-right: 18px;
    width: 130px;
    height: 38px;
    margin: 0 auto;
    background: linear-gradient(90deg, #443DB0 0%, #7B33EF 100%);
    border-radius: 9px;
}

.service-item a:hover {
    background: linear-gradient(90deg, #7B33EF 0%, #443DB0 100%);
}

.service-item-inner ul li span {
    width: 1px;
    height: 174px;
    display: block;
    background: #DADADA;
}

.service-item h6 {
    font-weight: 600;
    font-size: 42px;
    color: #000000;
    margin: 18px 0;
}

.service-item-inner3 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -18.5px;
}

.service-item-inner3 ul li {
    padding: 0 18.5px;
}

.service-item-inner3 ul li a {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 11px;
    padding-right: 16px;
    width: 159px;
    height: 46px;
    background: linear-gradient(90deg, #443DB0 0%, #7B33EF 100%);
    border-radius: 9px;
}

.service-item-inner3 ul li:last-of-type a {
    justify-content: center;
    background: linear-gradient(90deg, #000000 0%, #484848 100%);
}

.service-item-inner3 ul li:last-of-type a:hover {
    background: linear-gradient(90deg, #484848 0%, #000000 100%);
}

/*=== professional area start ===*/

.professional-area {
    background-image: url(images/81.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 78px 0 89px;
    background-color: #000813;
}

.professional-item {
    max-width: 1280px;
    margin: 0 auto;
}

.professional-item h3 {
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;
    margin: 0;
}

.professional-item h2 {
    font-weight: 500;
    font-size: 50px;
    color: #FFFFFF;
    margin: 0 0 30px;
}

.professional-item-inner {
    display: flex;
    flex-wrap: wrap;
}

.professional-item-inner2 {
    width: 35%;
    padding: 15px 35px;
    background: #FFFFFF;
    border-radius: 21px 0px 0px 21px;
}

.professional-item-inner2 img {
    width: 100%;
}

.professional-item-inner3 {
    width: 65%;
    padding: 38px 21px 38px 33px;
    background: rgba(152, 185, 255, 0.13);
    box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 0px 20px 20px 0px;
}

.professional-item-inner3 p {
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0 0 42px;
    padding-left: 7px;
}

.professional-item-inner3 p span {
    display: block;
    margin-top: 25px;
}

.professional-item-inner4 {
    display: flex;
    flex-wrap: wrap;
}

.professional-item-inner5 {
    width: 50%;
    display: flex;
    align-items: flex-start;    
    margin-bottom: 23px;
}

.professional-item-inner5 i {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F6FF;
    font-size: 20px;
    color: #453EB2;
    margin-right: 19px;
}

.professional-item-inner5 h6 {
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0 0 4px;
}

.professional-item-inner5 h5 {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0;
}

.professional-item-inner5 h5 a {
    color: #FFFFFF;
}

.professional-item-inner6 ul {
    display: flex;
    align-items: center;
    margin: 0 -6.5px;
    padding-top: 13px;
}

.professional-item-inner6 ul li {
    padding: 0 6.5px;
}

.professional-item-inner6 ul li a {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 11px;
    padding-right: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 190px;
    height: 46px;
    background: linear-gradient(90deg, #E19101 0%, #F9C83A 100%);
    border-radius: 9px;
}

.professional-item-inner6 ul li:last-of-type a {
    width: 159px;
    justify-content: center;
    background: rgba(255, 255, 255, 0.13);
}

.professional-item-inner6 ul li a:hover {
    background: linear-gradient(90deg, #F9C83A 0%, #E19101 100%);
}

.professional-item-inner6 ul li:last-of-type a:hover {
    background: rgba(255, 255, 255, 0.13);
    opacity: .8;
}

.professional-item-inner7 ul {
    display: flex;
    align-items: center;
    margin: 0 -6px;
    padding-top: 32px;
}

.professional-item-inner7 ul li {
    padding: 0 6px;
}

.professional-item-inner7 ul li a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    font-size: 16px;
    color: #864EF3;
}

.professional-item-inner7 ul li a:hover {
    opacity: .8;
}

/*=== client area start ===*/

.client-area {
    padding: 115px 0 234px;
    background-color: #F9FAFC;
    background-image: url(images/85.png);
    background-repeat: no-repeat;
    background-size: 99px;
    background-position: 0 60%;
    overflow: hidden;
}

.client-area-inner {
    padding: 0 15px;
    text-align: center;
}

.client-area-inner h2 {
    font-weight: 500;
    font-size: 50px;
    color: #000;
    margin: 0 0 4px;
}

.client-area-inner h2 span {
    color: #453EB2;
    mix-blend-mode: normal;
}

.client-area-inner p {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin: 0;
}

.client-item {
    padding-left: calc(calc(100% - 1304px) / 2);
}

.client-item-inner {
    padding-left: 12px;
    overflow: hidden;
    margin-right: -28px;
}

.carousel-cell {
    padding: 78px 28px 34px 0;
    width: 39%;
}

.client-item-inner2 {
    padding: 0 25px 27px;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.client-item-inner3 {
    display: flex;
    align-items: flex-end;
    margin-bottom: -32px;
    transform: translateY(-32px);
}

.client-item-inner4 img {
    max-width: 100%;
    margin-right: 20px;
}

.client-item-inner5 {
    padding-bottom: 8px;
}

.client-item-inner3 h2 {
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    margin: 0 0 5px;
}

.client-item-inner3 h2 img {
    margin-left: 11px;
}

.client-item-inner3 p {
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    margin: 0;
}

.client-item-inner2 h3 {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin: 10px 0 0;
}

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- page dots ---- */

.flickity-page-dots {
    list-style: none;
    text-align: center;
    line-height: 1;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 3.5px;
    background: #D9D9D9;
    border-radius: 50%;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    width: 13px;
    height: 13px;
    background: #E19000;
}

/*=== drive area start ===*/

.drive-area {
    padding-bottom: 123px;
    background: linear-gradient(180.17deg, #443DB1 3.41%, #8530FB 99.77%);
    text-align: center;
}

.drive-item {
    padding: 52px 30px 44px;
    background: #FFFFFF;
    box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    transform: translateY(-131px);
    margin-bottom: -131px;
}

.drive-item-inner h2 {
    font-weight: 500;
    font-size: 50px;
    color: #000000;
    mix-blend-mode: normal;
    margin: 0 0 4px;
}

.drive-item-inner p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin: 0 0 55px;
}

.drive-item-inner2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -7.5px 25px;
    overflow: hidden;
}

.drive-item-inner2 ul li {
    padding: 0 7.5px;
}

.drive-item-inner2 ul li a {
    font-weight: 400;
    font-size: 30px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    height: 66px;
    background: #FFFBEF;
    border-radius: 10px;
}

.drive-item-inner2 ul li:last-of-type a {
    width: 255px;
}

.drive-item-inner2 ul li.ui-state-active a {
    font-weight: 500;
    color: #000813;
    background: #F0C751;
    box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
}

.drive-item-inner2 ul li a:hover {
    opacity: .8;
}

.drive-item-inner3 {
    max-width: 962px;
    margin: 0 auto;
    overflow: hidden;
}

.drive-item-inner3 p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin: 0;
}

.drive-item-inner5 {
    max-width: 808px;
    margin: 0 auto;
}

.drive-item-inner3 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
    padding-top: 20px;
}

.drive-item-inner3 ul li {
    width: 25%;
    padding: 0 14px;
    margin-bottom: 44px;
}

.drive-item-inner3 ul li:nth-of-type(even) {
    margin-top: 47px;
}

.drive-item-inner4 {
    background: rgba(152, 185, 255, 0.13);
    box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    padding: 16px 15px 28px;
}

.drive-item-inner4 img {
    max-width: 100%;
}

.drive-item-inner4 h2 {
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin: 1px 0 7px;
}

.drive-item .service-item-inner3 ul li:first-of-type a:hover {
    background: linear-gradient(90deg, #7B33EF 0%, #443DB0 100%);
}

/*=== get area start ===*/

.get-area {
    background-image: url(images/89.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 81px 0 72px;
    background-color: #000813;
    overflow: hidden;
}

.get-area-inner {
    max-width: 1180px;
    margin: 0 auto;
}

.get-item h5 {
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    margin: 0 0 5px;
}

.get-item h2 {
    font-weight: 500;
    font-size: 50px;
    color: #fff;
    margin: 0 0 35px;
}

.get-item h2 span {
    color: #FED03D;
    mix-blend-mode: normal;
}

.get-item ul {
    max-width: 620px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 41px;
}

.get-item ul li {
    width: 50%;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 17px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.get-item ul li i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 241, 169, .1);
    margin-right: 27px;
    font-size: 12px;
    color: #FED03E;
}

.get-area .row {
    --bs-gutter-x: 30px;
}

.get-item2 {
    margin-bottom: 30px;
    padding: 30px 10px;
    background: rgba(255, 255, 255, 0.13);
    box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    min-height: 280px;
}

.get-item2 img {
    max-width: 100%;
}

.get-item2 h3 {
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
    margin: 22px 0 0;
}

.get-item2 h4 {
    font-weight: 700;
    font-size: 72px;
    color: #FFFFFF;
    margin: 0 0 12px;
}

.get-item2-inner {
    width: 213px;
    background: linear-gradient(0deg, #0A505A, #0A505A), #0A505A;
    border-radius: 10px;
    margin: 0 auto 20px;
    height: 10px;
}

.get-item2-inner span {
    background: linear-gradient(0deg, #FA6DE3, #FA6DE3), #0A505A;
    border-radius: 10px;
    width: 144px;
    height: 10px;
    display: block;
}

.get-item2-inner2 {
    position: relative;
}

.get-item2-inner3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 39px;
}

.get-item2-inner2 h5 {
    font-weight: 700;
    font-size: 44px;
    color: #FFFFFF;
    margin: 0;
}

.get-item2-inner2 h5 span {
    font-weight: 400;
    font-size: 16px;
    display: block;
    margin-top: 6px;
}

.get-area .professional-item-inner6 ul {
    padding-top: 7px;
}

.get-item3 {
    padding-top: 144px;
}

.get-item3 > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.get-item3 > ul > li {
    width: 24%;
    padding: 0 14px;
}

.get-item3 > ul > li:first-of-type {
    width: 28%;
}

.get-item3-inner {
    margin-bottom: 30px;
}

.get-item3-inner h3 {
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    margin: 0;
}

.get-item3-inner h2 {
    font-weight: 500;
    font-size: 50px;
    color: #fff;
    margin: 0 0 24px;
}

.get-item3-inner h2 span {
    font-weight: 600;
    color: #FED03D;
    mix-blend-mode: normal;
}

.get-item3-inner ul li {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.get-item3-inner ul li:last-of-type {
    margin-bottom: 0;
}

.get-item3-inner ul li i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 241, 169, .1);
    margin-right: 26px;
    font-size: 12px;
    color: #FED03E;
}

.get-item3-inner2 {
    padding: 0 15px 23px;
    background: rgba(152, 185, 255, 0.13);
    box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 7px;
    min-height: 320px;
    margin-bottom: 30px;
    text-align: center;
}

.get-item3-inner2 img {
    max-width: 100%;
    display: block;
    margin: 0 auto -31px;
    transform: translateY(-51px);
}

.get-item3-inner2 h4 {
    font-weight: 700;
    font-size: 30px;
    color: #FFFFFF;
    margin: 0 0 22px;
}

.get-item3-inner2 p {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0 auto;
    max-width: 202px;
}

.get-item3-inner2 p a {
    color: #ECAA1B;
}

/*=== payment area start ===*/

.payment-area {
    background-image: url(images/105.png);
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: 100% 15px;
    padding: 95px 0;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.payment-item {
    max-width: 1313px;
    margin: 0 auto;
}

.payment-item h2 {
    font-weight: 500;
    font-size: 50px;
    color: #000000;
    mix-blend-mode: normal;
    margin: 0 0 10px;
}

.payment-item p {
    font-weight: 400;
    font-size: 22px;
    color: #000000;
    margin: 0 0 27px;
}

.payment-item-inner ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.payment-item-inner ul li {
    width: 16.666%;
    padding: 0 8px;
}

.payment-item-inner ul li a {
    width: 100%;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background: #F2F6FF;
    border-radius: 10px;
    padding: 0 15px;
}

.payment-item h3 {
    font-weight: 500;
    font-size: 26px;
    color: #000000;
    margin: 49px 0 8px;
}

.payment-item h4 {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    max-width: 606px;
    margin: 0 auto 30px;
}

/*=== payment area start ===*/

.contact-area {
    background-image: url(images/109.png);
    background-repeat: no-repeat;
    background-size: 182px;
    background-position: 18px 26px;
    background-color: #F9FAFC;
}

.contact-area-inner {
    background-image: url(images/109.png);
    background-repeat: no-repeat;
    background-size: 182px;
    background-position: calc(100% - 20px) calc(100% - 23px);
    padding: 97px 0 114px;
    overflow: hidden;
}

.contact-item {
    max-width: 880px;
    margin: 0 auto;
}

.contact-item h2 {
    font-weight: 600;
    font-size: 46px;
    text-align: center;
    color: #000000;
    mix-blend-mode: normal;
    margin: 0 0 4px;
}

.contact-item p {
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    color: #000000;
    margin: 0 0 38px;
}

.contact-item-inner {
    padding: 25px 25px 32px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 48px;
}

.contact-item-inner img {
    max-width: 100%;
    margin-bottom: 24px;
}

.contact-item-inner h6 {
    font-weight: 600;
    font-size: 26px;
    color: #473EB5;
    margin: 0 0 4px;
}

.contact-item-inner p {
    font-weight: 400;
    font-size: 16px;
    color: #6B6B6B;
    text-align: left;
    margin: 0;
}

.contact-item-inner ul {
    display: flex;
    align-items: center;
}

.contact-item-inner ul li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #473EB5;
    font-size: 20px;
    color: #fff;
    margin-right: 7px;
}

.contact-item-inner ul li a:hover {
    opacity: .8;
}

.contact-item-inner2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.contact-item-inner2 div {
    width: 50%;
    padding: 0 8px;
}

.contact-item input,
.contact-item textarea {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    border: none;
    margin-bottom: 14px;
    padding: 0 14px;
}

.contact-item textarea {
    padding: 12px 18px;
    height: 164px;
}

.contact-item button {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 11px;
    padding-right: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    width: 216px;
    height: 46px;
    background: linear-gradient(90deg, #443DB0 0%, #7B33EF 100%);
    border-radius: 9px;
}

.contact-item button:hover {
    background: linear-gradient(90deg, #7B33EF 0%, #443DB0 100%);
}

/*=== signup page start ===*/
.signup-area {
    background: #ECEFF8;
    padding: 100px 0;
}

.signup-main {
    max-width: 850px;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 60px 60px;
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}

.signup-upper h2 {
    font-size: 46px;
    font-weight: 500;
    color: #01133D;
    text-align: center;
}

.signup-upper p {
    font-size: 18px;
    font-weight: 400;
    color: #01133D;
    text-align: center;
    margin: 20px 0;
    opacity: 0.85;
}

.signup-form {
    padding-top: 60px;
}

.signup-form label {
    font-size: 16px;
    font-weight: 400;
    color: #01133D;
    display: block;
    margin-bottom: 10px;
}

.signup-form input {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #01133D;
    background: #ECEFF8;
    border: none;
    outline: none;
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

/*custom-checkbox*/
.form-group {
  display: block;
  margin-bottom: 15px;
}

.form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group label {
  position: relative;
  cursor: pointer;
}

.form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0060DF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 20px;
}

.form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5.5px;
  left: 7px;
  width: 6px;
  height: 14px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form-group input:checked + label:before {
    background: #0060DF;
}

.signup-btm .form-group {
    padding: 20px 0;
}

.signup-btm label {
    font-size: 16px;
    font-weight: 400;
    color: #01133D;
}

.signup-btm label a {
    color: #0d6efd;
}

.signup-btm button {
    width: 220px;
    display: block;
    margin: 30px auto;
    background: #0060DF;
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    border: none;
    outline: none;
    padding: 16px 16px;
    border-radius: 10px;
    transition: 0.2s all ease;
}

.signup-btm button:hover {
    opacity: 0.85;
}

.signup-btm p {
    font-size: 16px;
    font-weight: 400;
    color: #01133D;
    text-align: center;
    margin: 0;
}

.signup-btm p a {
    color: #0d6efd;
}

/*=== login page start ===*/
.login-main {
    max-width: 750px;
}

.login-upper a {
    font-size: 16px;
    font-weight: 400;
    color: #01133D;
    display: block;
    text-align: center;
    background: transparent;
    border: 1px solid #01133D;
    padding: 12px 15px;
    border-radius: 8px;
    margin-top: 25px;
    transition: 0.2s all ease;
}

.login-upper a:hover,
.login-upper .active {
    color: #FFF;
    background: #01133D;
}

.login-upper span {
    font-size: 16px;
    font-weight: 400;
    color: #01133D;
    display: block;
    text-align: center;
    margin-top: 25px;
}

.login-form {
    padding-top: 40px;
}

.login-btm label {
    display: flex;
    align-items: flex-end;
}

.login-btm label a  {
    display: block;
    margin-left: auto;
    color: #01133D;
}

.login-btm p a {
    font-weight: 700;
}