/* Generl */
body {
    font-family: 'Inter', sans-serif;
    color: #0C0537;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.contact-form {
    display: none;
}

.text-gradient {
    background: linear-gradient(89deg, rgba(0, 219, 222, 0.80) 1.86%, rgba(252, 0, 255, 0.80) 97.66%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a.btn:hover {
    color: #fff;
}

.heading-medium,
.heading-small {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
    font-weight: 400;
}

.heading-medium {
    font-size: 56px;
}

.heading-small {
    font-size: 34px;
}

.forcefullwidth_wrapper_tp_banner {
    position: absolute !important;
    top: 0;
    left: 0;
}

.rev_slider_wrapper {
    background-color: #222948;
}

.forcefullwidth_wrapper_tp_banner,
.rev_slider_wrapper{
    height: 100% !important;
}

.jssocials-share .jssocials-share-logo {
    font-size: 1em !important;
}
/*-----------------------
* Header
-------------------------*/

.header-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 991;
    padding: 5px 0;
    background-color: #2b1748;
    transition: all 1s;
    transition-delay: 1s;
    
}

.header-nav.slide-up {
    transform: translateY(-100px);
}

.header-nav.slide-down {
    transform: translateY(0px);
}


.nav-link-btn {
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	padding: 8px 20px;
	background: transparent;
	border-radius: 100px;
	font-weight: 300;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	outline: none !important;
}

.nav-link-btn a, .nav-item a {
	color: #ffffff;
	display: inline-block;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
}

.nav-link-btn a:before {
	display: none;
}


.navbar-brand {
	padding-bottom: 0;
}

.header-nav {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-nav .navbar-brand .light-logo {
	display: block;
	margin: 5px 0;
	height: 38px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navbar-brand-holder {
	display: flex;
	align-items: center;
}

.navbar-brand-holder .v-hr {
	width: 1px;
	background-color: var(--white);
	margin-top: 20px;
	height: 36px;
	margin-right: 15px;
}

.header-nav.header-transparent .navbar-brand-holder .v-hr {
	background-color: var(--primary);
}

.navbar-brand-title {
	padding-top: 0.3125rem;
	font-size: 12px;
	display: flex;
	align-items: center;
	max-width: 150px;
	line-height: 16px;
	font-family: "gilroy";
	color: var(--white);
}

.fixed-header .navbar-brand-title {
	color: #fff;
}


.fixed-header.header-nav.header-transparent .navbar-brand-holder .v-hr {
	background-color: var(--white);
}


.main-background {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('/feex-template/images/matrix/matrix-baner.webp') 0 0 no-repeat;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}



/* Matrix form tabs */
.matrix-form-container {
    margin-top: 40px;
}

.matrix-form-tabs {
    max-width: 510px;
    margin: 0 auto 3px auto;
    border-bottom: none;
}



.matrix-form-tabs .nav-link {
    padding: 1rem 1rem;
    cursor: pointer;
    outline: none !important;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

/* Video section */
.video-section {
    padding: 60px 0;
}

.video-slides-container {
    overflow: auto;
    padding-bottom: 30px;
}

::-webkit-scrollbar {
    height: 3px;
}

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

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.video-slides {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.wideo-poster {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-play-btn {
    cursor: pointer;
}

.videoiframe-holder {
    min-width: 193px;
    width: 193px;
    height: 336px;
    position: relative;
    border-width: 5px;
    border-radius: 9px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-color: #808185;
    border-style: solid;
    box-shadow: 4px 4px 20px 0px rgba(179,179,179,1);
    background: rgb(238,174,202);
    background: radial-gradient(circle, hwb(334 68% 7%) 0%, rgba(148,187,233,1) 100%);
}

.videoiframe-capture {
    position: absolute;

}

@media only screen and (max-width: 480px) {
    .video-slides {
        justify-content: start;
    }
}

/* Header */
.header {
    padding: 15px 0;
    position: absolute;
    z-index: 1;
    width: 100%;
}

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

.header-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-menu li {
    margin-left: 30px;
}

.header-menu li a {
    color: #fff;
    font-weight: 400;
}

.brand-item svg {
    margin-right: 12px;
}

.brand-text {
    color: #FFF;
    font-family: 'DM Serif Display', serif;
    font-size: 16px;
    text-transform: uppercase;
}

/* Btn gradient */
.btn-gradient {
    border-radius: 6px;
    border: 1px solid #202FAA;
    background: linear-gradient(91deg, #4859DC 0%, #881EAC 100%);
    color: #fff;
}

.btn-gradient i {
    margin-right: 10px;
}

/* Matrix clue item */
.matrix-clue-item {
    display: inline-flex;
    padding: 16px 45px;
    border-radius: 6px;
    border: 1px solid #4859DC;
    background: rgba(25, 18, 68, 0.50);
    margin: 0 auto;
    display: block;
    color: #fff;
    max-width: 510px;
}

/* Top matrix banner */
.input_data .row {
    margin-left: -3px;
    margin-right: -3px;
}

.input_data .row div[class^="col"] {
    padding-left: 3px;
    padding-right: 3px;
}

.input_data .btn {
    width: 100%;
}

.top-matrix-heading {
    max-width: 510px;
    margin: 0 auto;
}

.top-matrix-slogan {
    font-family: 'DM Serif Display', serif;
    font-size: 72px;
    padding-top: 25%;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.top-matrix-desc {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
}

.dot-glow-gradient {
    display: block;
    margin-left: -25px;
    margin-top: 7px;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #8923e1f2;
    box-shadow: -1px -1px 18px 5px rgba(137, 35, 225, 0.949);
    -webkit-box-shadow: -1px -1px 18px 5px rgba(137, 35, 225, 0.95);
    -moz-box-shadow: -1px -1px 18px 5px rgba(137, 35, 225, 0.95);
}


.benefit-list-item {
    display: flex;
    padding: 14px 15px 14px 22px;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #DDDBDB;
    margin-bottom: 14px;
}

.benefit-list-item .icon {
    margin-right: 14px;
    min-width: 20px;
}


/* What is for */
.what-is-for {
    padding: 80px 0;
}


.way-to-success {
    padding: 120px 0;
}

.way-to-success-bg {
    background: url('/feex-template/images/matrix/destiny_matrix_main_page-min.jpg');
    background-size:cover;
    background-position: right;

}  

/* Notes card */

.notes-card {
    position: relative;
    z-index: 1;
    background: #FFF;
    border-radius: 14px;
    max-width: 426px;
    width: 100%;
}


.notes-card.tnotes-card-default::before,
.notes-card.tnotes-card-default::after {
    display: none;
}

.notes-card.tnotes-card-default .notes-card-content {
    margin-top: 10px;
    padding-bottom: 60px;
    box-shadow: none;
}

.notes-card.tnotes-card-default .notes-card-head {
    margin-top: -100px;
}

.notes-card-content.yellow-light-bg {
    background-color: #FCF8F6;
}

.notes-card-content {
    padding: 50px 15px 15px 15px;
    box-shadow: 0px 8px 8px 0px rgba(24, 18, 65, 0.24);
    border-radius: 14px;
    background: #FFF;
    position: relative;
    z-index: 1;
}

.notes-card-icon {
    background: #000;
    border-radius: 50%;
}

.notes-card-head {
    display: flex;
    justify-content: center;
    margin-top: -80px;
}
.notes-card-body {
    padding-top: 30px;
}

.notes-card-body h3 {
    font-family: 'DM Serif Display', serif;
    text-align: center;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 116%;
}

.notes-card-body small {
    font-size: 18px;
    text-align: center;
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    line-height: 134%;
    margin-bottom: 10px;
}

.notes-card-body p {
    text-align: center;
}

.notes-card::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 100px;
    left: 5%;
    bottom: -15px;
    background: #FFF;
    box-shadow: 0px 8px 8px 0px rgba(24, 18, 65, 0.24);
    border-radius: 14px;
}

.notes-card::after {
    content: "";
    position: absolute;
    width: 80%;
    left: 10%;
    height: 100px;
    bottom: -30px;
    background: #FFF;
    box-shadow: 0px 8px 8px 0px rgba(24, 18, 65, 0.24);
    border-radius: 14px;
    z-index:-1;
}

.notes-text-box {
    display: flex;
}

.notes-text-box p {
    color: #DDB591;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* Package section */

.package-section {
    background: url('/feex-template/images/matrix/planet-bg-min.webp');
    background-size: cover;
    background-position: top;
    background-color: #0C0537;
    position: relative;
    margin-top: -1px;
}

.package-section .heading-medium {
    margin-bottom: 35px;
}

.package-tabs .nav-tabs {
	display: flex;
	text-align: center;
}

.package-tabs .nav-tabs li {
	flex-grow: 1;
	text-align: center;

}

.package-tabs .nav-tabs {
	border-bottom: none;
}

.package-tabs .nav-tabs li a {

	cursor: pointer;
	position: relative;
	font-family: 'DM Serif Display', serif;
    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	border: 1px solid #d3d5d6;
	padding: 28px 0;
    color: #7F8186;
	background-color: #ffffff;
	font-size: 28px;
	text-transform: uppercase;
}

/* Package tabs */

.package-tabs .nav-tabs li a svg {
    margin-right: 10px;
}

.package-tabs .nav-tabs li.active a {
	color: #0C0537;
	background-color: #ffffff;
}

.package-tabs .nav-tabs li.active a svg path {
    fill: #202FAA;
}

.responsive-tabs-container .accordion-link {
    cursor: pointer;
	position: relative;
	font-family: 'DM Serif Display', serif;
    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	border: 1px solid #d3d5d6;
	padding: 28px 0;
    color: #7F8186;
	background-color: #ffffff;
	font-size: 28px;
	text-transform: uppercase;
}

.responsive-tabs-container .accordion-link.active svg path {
    fill: #202FAA;
}

.package-tabs .tab-content {
	padding: 50px;
	border: 1px solid #d3d5d6;
	border-top: none;
	background-color: #ffffff;
}

.package-tabs .tab-content .benefit-list-item {
    border: none;
    padding-left: 0;
    margin-bottom: 0;
    padding: 10px 15px 10px 0;
}

.package-tabs .tab-content h3 {
    font-size: 24px;
    font-family: 'DM Serif Display', serif;
}

.responsive-tabs-container .tab-pane h5 {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.package-tabs .tab-content .btn {
    max-width: 440px;
}

.offers-section .accordion .card-body li {
    white-space: normal !important;
}

.offers-section .section-heading {
    font-size: 34px;
}

.user-name-output {
    font-size: 36px;
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
    margin-top: -55px;
    text-align: center;
    width: 100%;
}

.card-header .control {
    pointer-events: none;
}

.card-header .control_indicator {
    border: none;
   
}


/*
    Extend matris diagram 
*/

.diagram-value {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #cacace;
    font-size: 17px;
    border: 2px solid transparent;
    transition: background-color 0.3s, border-color 0.3s;
}

.diagram-value.-active {
    border-color: #222831;
    background-color: #fff;
}

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

.diagram-values-item-horizontal__title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
    padding-right: 30px;
}

.diagram-values-item-horizontal__values {
    margin-right: -2px;
}

.round-values-list {
    display: flex;
    align-items: center;
}

.round-values-list__item {
    margin: 2px;
}

.diagram-values-list {
    max-width: 470px;
}

.diagram-values-list__item:not(:last-child) {
    margin-bottom: 10px;
}

.diagram-values-item {
    margin-bottom: 50px;
}

.diagram-values-item__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.diagram-values-item__description {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.375;
}

.small-diagram-values {
    display: flex;
    align-items: center;
    min-height: 80px;
}

.small-diagram-values__titles-block {
    padding-right: 25px;
    min-width: 70px;
}

@media only screen and (min-width: 768px) {
    .small-diagram-values__titles-block {
        min-width: auto;
    }
}

.small-diagram-values__title {
    margin-bottom: 20px;
}

.small-diagram-values__title:last-child {
    margin-bottom: 0;
}

.small-diagram-values__values-block {
    position: relative;
    width: 130px;
    height: 80px;
}

.small-diagram-values__path-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
}

.small-diagram-values__value {
    position: absolute;
}

.small-diagram-values__value.-top-left {
    top: 0;
    left: 0;
}

.small-diagram-values__value.-bottom-left {
    bottom: 0;
    left: 0;
}

.small-diagram-values__value.-center {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.extend-matrix-content {
    margin-top: 150px;
}

.extend-matrix {
    position: relative;
}

.matrix-diagram {
    position: relative;
    width: 100%;
    font-size: 4px;
    margin: 0 auto;
}


.kenburns-top-left {
	-webkit-animation: kenburns-top-left 5s ease-out both;
	        animation: kenburns-top-left 5s ease-out both;
}

.mobile-screens-section {
    padding: 50px 0;
}

.mobile-screens-section .phone-screen-item .img-size-80 {
    max-width: 80%;
}


.phone-screen-item {
    display: flex;
    flex-direction: column;
}

.phone-screen-item img {
    width: 100%;
}

.sicial-link-item {
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;
}

.sicial-link-item img {
    width: 38px;
}

.sicial-link-text {
    display: flex;
    flex-direction: column;
}

/*
    Review
*/
.review-section {
    padding: 80px 0;
    background: #FCF8F6;
}

.review-slides-container {
    overflow: auto;
    padding-bottom: 30px;
}

.review-slides {
    justify-content: flex-start;
    gap: 30px;
}

.review-item {
    min-width: 280px;
}
.review-item img {
    width: 100%;
}


/**
 * ----------------------------------------
 * Animation kenburns-top-left
 * ----------------------------------------
 */
 @-webkit-keyframes kenburns-top-left {
    0% {
      -webkit-transform: scale(1) translate(0, 0);
              transform: scale(1) translate(0, 0);
      -webkit-transform-origin: 16% 16%;
              transform-origin: 16% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translate(-20px, -15px);
              transform: scale(1.25) translate(-20px, -15px);
      -webkit-transform-origin: top left;
              transform-origin: top left;
    }
  }
  @keyframes kenburns-top-left {
    0% {
      -webkit-transform: scale(1) translate(0, 0);
              transform: scale(1) translate(0, 0);
      -webkit-transform-origin: 16% 16%;
              transform-origin: 16% 16%;
    }
    100% {
      -webkit-transform: scale(1.25) translate(-20px, -15px);
              transform: scale(1.25) translate(-20px, -15px);
      -webkit-transform-origin: top left;
              transform-origin: top left;
    }
  }
  



@media only screen and (min-width: 400px) {
    .matrix-diagram {
        font-size: 5px;
    }
}

@media only screen and (min-width: 576px) {
    .matrix-diagram {
        font-size: 6px;
    }
}

@media only screen and (min-width: 1260px) {
    .matrix-diagram {
        font-size: 8px;
    }
}

.matrix-diagram__circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 5;
    border-radius: 50%;
    border: 2px solid transparent;
    background-color: #cacace;
    color: #a3a3a6;
    font-weight: 500;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.matrix-diagram__circle.-position-a {
    top: 50%;
    left: 3.9%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-a2 {
    top: 50%;
    left: 13%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-a1 {
    top: 50%;
    left: 19.4%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-a3 {
    top: 50%;
    left: 32.4%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-b {
    top: 3.9%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-b2 {
    top: 13.1%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-b1 {
    top: 19.5%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-b3 {
    top: 32.5%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-c {
    top: 50.1%;
    right: 4%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-c2 {
    top: 50.1%;
    right: 13.1%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-c1 {
    top: 50.1%;
    right: 19.5%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-d {
    bottom: 3.9%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-d2 {
    bottom: 13.1%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-d1 {
    bottom: 19.5%;
    left: 50%;
    transform: translate(-50%, 0);
}

.matrix-diagram__circle.-position-e {
    top: 50%;
    left: 49.9%;
    transform: translate(-50%, -50%);
}

.matrix-diagram__circle.-position-e1 {
    top: 50%;
    right: 39.2%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-e2 {
    top: 50%;
    right: 34.7%;
    transform: translate(0, -50%);
}

.matrix-diagram__circle.-position-f {
    top: 16%;
    left: 16.2%;
}

.matrix-diagram__circle.-position-g {
    top: 16.1%;
    right: 16.1%;
}

.matrix-diagram__circle.-position-y {
    bottom: 15.9%;
    right: 16.3%;
}

.matrix-diagram__circle.-position-p1 {
    top: 27.8%;
    right: 27.8%;
}

.matrix-diagram__circle.-position-p2 {
    top: 23%;
    right: 23%;
}

.matrix-diagram__circle.-position-p3 {
    bottom: 27.8%;
    left: 27.8%;
}

.matrix-diagram__circle.-position-p4 {
    bottom: 23%;
    left: 23%;
}

.matrix-diagram__circle.-position-k {
    bottom: 16.1%;
    left: 16%;
}

.matrix-diagram__circle.-position-s1 {
    top: 27.8%;
    left: 27.8%;
}

.matrix-diagram__circle.-position-s2 {
    top: 23%;
    left: 23%;
}

.matrix-diagram__circle.-position-s3 {
    bottom: 23%;
    right: 23%;
}

.matrix-diagram__circle.-position-s4 {
    bottom: 27.8%;
    right: 27.8%;
}

.matrix-diagram__circle.-position-x {
    bottom: 33.7%;
    right: 33.7%;
}

.matrix-diagram__circle.-position-x1 {
    bottom: 26.6%;
    right: 40.7%;
}

.matrix-diagram__circle.-position-x2 {
    bottom: 40.6%;
    right: 26.6%;
}

.matrix-diagram__circle.-size-lg {
    width: 9.143%;
    height: 9.143%;
    font-size: 2.8rem;
}

.matrix-diagram__circle.-size-md {
    width: 6.4%;
    height: 6.4%;
    font-size: 3em;
}

.matrix-diagram__circle.-size-sm {
    width: 4.572%;
    height: 4.572%;
    font-size: 2em;
}

.matrix-diagram.couple .matrix-diagram__circle.-active {
    background-color: #fff;
    border-color: #222831;
    color: #222831;
}

.matrix-diagram__circle.-active {
    color: #fff;
}

.matrix-diagram__circle.-purple.-active {
    background-color: #8a46a3;
    border-color: #8a46a3;
}

.matrix-diagram__circle.-red.-active {
    background-color: #ef4141;
    border-color: #ef4141;
}

.matrix-diagram__circle.-yellow.-active {
    background-color: #ffed47;
    border-color: #ffed47;
    color: #222831;
}

.matrix-diagram__circle.-white.-active {
    background-color: #fff;
    border-color: #222831;
    color: #222831;
}

.matrix-diagram__circle.-blue.-active {
    background-color: #526dfa;
    border-color: #526dfa;
}

.matrix-diagram__circle.-cyan.-active {
    background-color: #45cfe1;
    border-color: #45cfe1;
}

.matrix-diagram__circle.-orange.-active {
    background-color: #ffae34;
    border-color: #ffae34;
}

.matrix-diagram__circle.-green.-active {
    background-color: #afde61;
    border-color: #afde61;
}


.matrix-diagram__number {
    position: absolute;
    font-size: 1.5em;
    z-index: 10;
    min-width: 14px;
    text-align: center;
}

.matrix-diagram__number.-bold {
    font-weight: 700;
}

.matrix-diagram__number.-position-b8 {
    top: 3.3%;
    right: 40.2%;
}

.matrix-diagram__number.-position-b7 {
    top: 4.8%;
    right: 36.9%;
}

.matrix-diagram__number.-position-k2 {
    top: 5.8%;
    right: 34.1%;
}

.matrix-diagram__number.-position-k1 {
    top: 7.4%;
    right: 30.5%;
}

.matrix-diagram__number.-position-k4 {
    top: 8.8%;
    right: 27.2%;
}

.matrix-diagram__number.-position-k3 {
    top: 9.9%;
    right: 24.3%;
}

.matrix-diagram__number.-position-k5 {
    top: 11.4%;
    right: 21%;
}

.matrix-diagram__number.-position-k8 {
    top: 21.9%;
    right: 10.5%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-k8 {
        top: 22.3%;
        right: 10.9%;
    }
}

.matrix-diagram__number.-position-k7 {
    top: 25.2%;
    right: 9.2%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-k7 {
        top: 25.6%;
        right: 9.6%;
    }
}

.matrix-diagram__number.-position-k6 {
    top: 28.3%;
    right: 7.8%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-k6 {
        top: 28.7%;
        right: 8.2%;
    }
}

.matrix-diagram__number.-position-c4 {
    top: 31.2%;
    right: 6.5%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-c4 {
        top: 31.6%;
        right: 6.9%;
    }
}

.matrix-diagram__number.-position-c6 {
    top: 34.3%;
    right: 5.4%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-c6 {
        top: 34.7%;
        right: 5.8%;
    }
}

.matrix-diagram__number.-position-c5 {
    top: 37.5%;
    right: 4%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-c5 {
        top: 37.9%;
        right: 4.4%;
    }
}

.matrix-diagram__number.-position-c7 {
    top: 41.2%;
    right: 2.3%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-c7 {
        top: 41.6%;
        right: 2.7%;
    }
}

.matrix-diagram__number.-position-y3 {
    bottom: 40.2%;
    right: 2.8%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y3 {
        bottom: 40.6%;
        right: 3.2%;
    }
}

.matrix-diagram__number.-position-y2 {
    bottom: 37.3%;
    right: 4%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y2 {
        bottom: 37.7%;
        right: 4.4%;
    }
}

.matrix-diagram__number.-position-y4 {
    bottom: 34%;
    right: 5.2%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y4 {
        bottom: 34.4%;
        right: 5.6%;
    }
}

.matrix-diagram__number.-position-y1 {
    bottom: 30.8%;
    right: 6.5%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y1 {
        bottom: 31.2%;
        right: 6.9%;
    }
}

.matrix-diagram__number.-position-y6 {
    bottom: 27.7%;
    right: 7.7%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y6 {
        bottom: 28.1%;
        right: 8.1%;
    }
}

.matrix-diagram__number.-position-y5 {
    bottom: 24.2%;
    right: 9.2%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y5 {
        bottom: 24.6%;
        right: 9.6%;
    }
}

.matrix-diagram__number.-position-y7 {
    bottom: 20.8%;
    right: 10.5%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-y7 {
        bottom: 21.2%;
        right: 10.9%;
    }
}

.matrix-diagram__number.-position-d6 {
    bottom: 11.1%;
    right: 21%;
}

.matrix-diagram__number.-position-y8 {
    bottom: 9.7%;
    right: 24.3%;
}

.matrix-diagram__number.-position-d5 {
    bottom: 8.4%;
    right: 27.4%;
}

.matrix-diagram__number.-position-d4 {
    bottom: 6.5%;
    right: 31.3%;
}

.matrix-diagram__number.-position-d8 {
    bottom: 5.1%;
    right: 35%;
}

.matrix-diagram__number.-position-d7 {
    bottom: 3.7%;
    right: 38.7%;
}

.matrix-diagram__number.-position-d9 {
    bottom: 2.3%;
    right: 42.8%;
}

.matrix-diagram__number.-position-g3 {
    bottom: 2.5%;
    left: 41.7%;
}

.matrix-diagram__number.-position-g2 {
    bottom: 3.7%;
    left: 38.6%;
}

.matrix-diagram__number.-position-g4 {
    bottom: 5%;
    left: 35.3%;
}

.matrix-diagram__number.-position-g1 {
    bottom: 6.5%;
    left: 31.3%;
}

.matrix-diagram__number.-position-g7 {
    bottom: 7.8%;
    left: 28.3%;
}

.matrix-diagram__number.-position-g5 {
    bottom: 9.1%;
    left: 25.3%;
}

.matrix-diagram__number.-position-g6 {
    bottom: 10.5%;
    left: 22.1%;
}

.matrix-diagram__number.-position-t3 {
    bottom: 21.8%;
    left: 10.4%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t3 {
        bottom: 22.2%;
        left: 10.8%;
    }
}

.matrix-diagram__number.-position-t2 {
    bottom: 24.9%;
    left: 9.4%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t2 {
        bottom: 25.3%;
        left: 9.8%;
    }
}

.matrix-diagram__number.-position-t4 {
    bottom: 28%;
    left: 7.9%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t4 {
        bottom: 28.4%;
        left: 8.3%;
    }
}

.matrix-diagram__number.-position-t1 {
    bottom: 31.4%;
    left: 6.3%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t1 {
        bottom: 31.6%;
        left: 6.7%;
    }
}

.matrix-diagram__number.-position-t6 {
    bottom: 34.3%;
    left: 5.3%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t6 {
        bottom: 34.7%;
        left: 5.7%;
    }
}

.matrix-diagram__number.-position-t5 {
    bottom: 37.6%;
    left: 4.1%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t5 {
        bottom: 38%;
        left: 4.1%;
    }
}

.matrix-diagram__number.-position-t7 {
    bottom: 41.2%;
    left: 2.3%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-t7 {
        bottom: 41.6%;
        left: 2.7%;
    }
}

.matrix-diagram__number.-position-a5 {
    top: 40.4%;
    left: 2.8%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-a5 {
        top: 40.8%;
        left: 3.2%;
    }
}

.matrix-diagram__number.-position-a4 {
    top: 37.3%;
    left: 4.1%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-a4 {
        top: 37.7%;
        left: 4.5%;
    }
}

.matrix-diagram__number.-position-a6 {
    top: 34%;
    left: 5.2%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-a6 {
        top: 34.4%;
        left: 5.6%;
    }
}

.matrix-diagram__number.-position-f1 {
    top: 30.8%;
    left: 6.4%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-f1 {
        top: 31.2%;
        left: 6.8%;
    }
}

.matrix-diagram__number.-position-f3 {
    top: 27.6%;
    left: 7.8%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-f3 {
        top: 28%;
        left: 8.2%;
    }
}

.matrix-diagram__number.-position-f2 {
    top: 24.4%;
    left: 9.3%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-f2 {
        top: 24.8%;
        left: 9.7%;
    }
}

.matrix-diagram__number.-position-f4 {
    top: 20.7%;
    left: 10.7%;
}

@media only screen and (min-width: 400px) {
    .matrix-diagram__number.-position-f4 {
        top: 21.1%;
        left: 11.1%;
    }
}

.matrix-diagram__number.-position-f7 {
    top: 10.8%;
    left: 22.1%;
}

.matrix-diagram__number.-position-f6 {
    top: 9.4%;
    left: 25.5%;
}

.matrix-diagram__number.-position-f8 {
    top: 8%;
    left: 28.8%;
}

.matrix-diagram__number.-position-f5 {
    top: 6.4%;
    left: 32%;
}

.matrix-diagram__number.-position-b5 {
    top: 5.3%;
    left: 35.1%;
}

.matrix-diagram__number.-position-b4 {
    top: 4%;
    left: 38.4%;
}

.matrix-diagram__number.-position-b6 {
    top: 3%;
    left: 42%;
}
/* 
    End extend matris diagram 
*/

/* 
    Blog
*/
.page-banner-small-title {
    position: relative;
    font-size: 24px;
    color: #DDB591;
    text-align: center;
}

.page-banner-heading {
    max-width: 620px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    font-family: 'DM Serif Display', serif;
    font-size: 28px;
    color: white;
}

.recent-posts {
    padding-bottom: 60px;
}

/* 
    Blog post 
*/

.blog-posts {
    
}

.post-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #DDDBDB;
    background-color: #FCF8F6;
}


.post-item a {
    text-decoration: none;
    color: #0C0537;
}

.post-content {
    background-color: #FCF8F6;
}

.post-item .post-img {
    height: 180px;
    object-fit: cover;
}

.post-body {
    padding: 20px;
}

.recent-post .post-body {
    padding: 15px;
}

.post-body .post-title {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
    font-weight: 400;
    color: #0C0537;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
}

.recent-post .post-body .post-title {
    font-size: 14px;
}

/* 
    Recent post 
*/

.recent-post {
    height: 90px;
    flex-direction: row;
}

.recent-post .post-img .media-object {
    height: 90px;
    width: 130px;
    object-fit: cover;
}

.recent-post .post-body {
    padding: 15px;
}

.recent-post .post-body .post-title {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
    font-weight: 400;
    color: #0C0537;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}

.recent-posts-block {
    display: flex;
}

.blog-heading-medium {
    display: flex;
    align-items: center;
    font-family: 'DM Serif Display', serif;
    font-size: 24px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .mobile-screens-section .heading-small,
    .mobile-screens-section p {
        text-align: center;
    }
    .mobile-screens-section .phone-screen-item img.img-size-80 {
        max-width: 100%;
    }

    .control {
        min-width: 35px;
    }
    
    .user-name-output {
        text-align: center;
    }

    .user-name-output {
        margin-top: -100px;
        padding: 30px 0 30px 0;
    }

    .user-name-output span{
        background: linear-gradient(89deg, rgba(0, 219, 222, 0.80) 1.86%, rgba(252, 0, 255, 0.80) 97.66%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

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

    .slot-menu {
        display: none;
    }

    .top-matrix-slogan {
        font-size: 42px;
        margin-top: 70px;
    }

    .top-matrix-desc {
        font-size: 14px;
    }

    .brand-item {
        flex-direction: column;
    }

    .brand-item svg {
        margin: 0;
        width: 40px;
        min-height: 60px;
    }

    

    .responsive-tabs-container.accordion-xs .accordion-link {
        display: flex !important;
        align-items: center;
    }

    .responsive-tabs-container.accordion-xs .accordion-link svg {
        margin-right: 10px;
    }

    .heading-medium {
        font-size: 34px;
    }

    .benefits-list {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 20px;
    }
    
    /* .top-matrix-slogan {
        padding-top: 15%;
    } */


    .acordion-container {
        padding: 16px;
    }

    .control_indicator {
        left: 0;
    }

    .offers-section {
        padding-bottom: 30px;
    }

    .what-is-for {
        padding: 0 0 20px 0;
    }

    .benefits-list + .btn {
        margin-bottom: 40px;
    }

    .what-is-for .heading-medium,
    .what-is-for p {
        text-align: center;    
    }

    .what-is-for p br,
    .package-section .heading-medium br{
        display: none;   
    }

    .notes-card {
        max-width: 100%;
    }

    .notes-card-content {
        margin-top: 160px;
    }


    .way-to-success .row .col-md-6 {
        order: 3;
    }

    .way-to-success .row .col-md-3 {
        width: 50%;
    }

    .way-to-success .row .col-md-3 .notes-text-box  {
        margin-top: -20% !important;
    }
    .way-to-success .row .col-md-3 + .col-md-3 .notes-text-box  {
        margin-top: -40% !important;
    }

    .way-to-success-bg {
        background: url('/feex-template/images/matrix/destiny-book-mobile-new.webp');
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        background-color: #0C0537;
    } 


    .package-tabs .tab-content h3 {
        margin-top: 30px;
    }

    .package-tabs .tab-content {
        padding: 30px;
        border-radius: 15px;
    }

    .responsive-tabs-container .accordion-link.active {
        background: none;
        padding-left: 0;
        border: none;
        text-align: center;
    }

    .responsive-tabs-container .accordion-link+.tab-pane h3{
        text-align: center;
    }

   
}


/*-----------------------
* Social block
-------------------------*/
.social-block {
    display: flex;
    flex-direction: column;
    height: 250px;
    justify-content: center;
    align-items: center;
    background: #F5F8FB;
    border-radius: 5px;
    margin-bottom: 30px;
}

.social-block.title {
    font-family: 'DM Serif Display', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
}

.social-block .sub-title {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    text-align: center;
    color: #666;
}

.social-block .img-responsive {
    width: 68px;
}



/*-----------------------
* Anchors
-------------------------*/
.anchor {
    position: absolute;
}

.menu-social-block {
    display: none;
}
/*-----------------------
* Header media queries
-------------------------*/

@media (max-width: 991px) {
    .menu-social-block {
        display: flex;
        flex-direction: column;
    }

    .menu-social-block a svg {
        width: 40px;
        height: 40px;
    }

    .header-nav {
        background-repeat: no-repeat;
        background-color: #0C0537;
    }

	.header-nav .navbar {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		padding: 0;
	}

	.header-nav .navbar-nav>li {
		padding: 15px 5px;
		position: relative;
        border-bottom: 1px solid;
        border-image: linear-gradient(#fff, #fff) 30;
        border-image-source: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 0) 0%, rgba(255, 255, 255, 0.18) 17.71%, rgba(255, 255, 255, 0.18) 82.55%, rgba(255, 255, 255, 0) 100%);    
	}


	.header-nav .navbar-nav>li.m-dropdown .m-dropdown-menu {
		position: absolute;
		top: 120%;
		left: 0;
		background: #ffffff;
		box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.1);
		width: 200px;
		margin: 0;
		padding: 0;
		list-style: none;
		pointer-events: none;
		-moz-transition: ease all 0.55s;
		-o-transition: ease all 0.55s;
		-webkit-transition: ease all 0.55s;
		transition: ease all 0.55s;
		opacity: 0;
	}


	.header-nav.header-white-bg {
		background: #ffffff;
	}


	.header-nav .navbar-collapse {
		margin-top: 20px;
	}
	.header-nav .navbar-collapse.show {
		position: relative;
		z-index: 1;
		margin-top: 20px;
		height: 100vh;
		min-width: 100%;
		justify-content: center;
		align-items: center;
	}
	.header-nav .navbar-collapse.collapsing {
		overflow: visible;
		height: auto;
		transition: none;
	}

	.header-nav.header-transparent .navbar-brand .light-logo {
		display: block;
	}

	.header-nav.header-transparent .navbar-brand .dark-logo {
		display: none;
	}

	.header-nav.header-transparent .navbar-brand-title {
		color: var(--white);
	}

	.header-nav.header-transparent .navbar-nav>li>a:not(.nav-link-btn) {
		color: var(--white);
	}

	.header-nav.fixed-header {
		box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
	}

	.header-nav .navbar-toggler {
		width: 30px;
		height: 30px;
		position: relative;
		outline: none !important;
        margin-left: auto;
	}

	.header-nav .navbar-toggler span {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 3px;
		background: #ffffff;
		box-shadow: 0px 9px #ffffff, 0px -9px #ffffff;
	}

	.header-nav .navbar-nav>li {
		padding-left: 0;
	}

	.header-nav .navbar-nav>li a {
		color: #ffffff;

	}

	.navbar-nav .nav-item {
        opacity: 0;
    }

    .navbar-nav  .nav-item:nth-child(1) {
        transform: translateY(40px);
    }

    .navbar-nav  .nav-item:nth-child(2) {
        transform: translateY(80px);
    }

    .navbar-nav  .nav-item:nth-child(3) {
        transform: translateY(120px);
    }

    .navbar-nav  .nav-item:nth-child(4) {
        transform: translateY(160px);
    }

    .navbar-nav  .nav-item:nth-child(5) {
        transform: translateY(200px);
    }

    .navbar-nav  .nav-item:nth-child(6) {
        transform: translateY(240px);
    }

	.header-nav .navbar-collapse.show .nav-item {
		transition: all 1s cubic-bezier(0, 0.995, 0.99, 1) 0.2s;
		opacity: 1;
		transform: translateY(0);
	}

	/* Video-background */
	.header-nav .navbar-collapse.show + .video-background {
		opacity: 0.5;
		z-index: 0;
	}

	.header-nav .navbar-nav .dropdown-menu li a {
		color: #333;
	}

    .navbar-collapse.show .header-nav .navbar-nav {
        display: flex;
        flex-direction: column;
    }

	.header-nav .navbar-nav {
        display: flex;
        flex-direction: column;
		overflow-y: hidden;
        min-width: 100%;
        height: calc(100% - 160px);
	}

	.header-nav .navbar-nav>li {
		position: relative;
		display: block;
		width: 100%;
	}


	.header-nav .navbar-nav>li>a {
		text-align: center;
		color: #ffffff;
		display: block;
		width: 100%;
		text-shadow: 2px 2px 2px #000;
		font-size: 32px;
		font-weight: 400;
		position: relative;
		padding: .5rem 1rem;
		line-height: 35px;
        font-family: 'Inter';
	}


	.header-nav .navbar-nav>li>a.active {
		color: #ffffff;
	}

	.header-nav .navbar-nav>li>a.nav-link-btn {
		color: #ffffff;
	}

	.header-nav .navbar-nav>li .m-dropdown-toggle {
		position: absolute;
		right: 0;
		height: 35px;
		width: 45px;
		text-align: center;
		line-height: 35px;
	}

	.header-nav .navbar-nav>li.m-dropdown .m-dropdown-menu {
		margin: 0;
		padding: 0;
		border-left: 1px solid #ddd;
		list-style: none;
		display: none;
	}

	.header-nav .navbar-nav>li.m-dropdown .m-dropdown-menu>li>a {
		display: inline-block;
		padding: 5px 15px;
		font-size: 14px;
		color: #2e3280;
		font-weight: 500;
		vertical-align: top;
	}

	.header-nav .navbar-nav>li.m-dropdown.open-menu-parent .m-dropdown-menu {
		display: block;
	}
}

@media (min-width: 991px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media (max-width: 575px) {

    .header-nav{
        padding: 0 15px;
    }
}