/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

 :root {
	--cnvs-body-font: "Open Sans", sans-serif;
	--cnvs-primary-font: "Open Sans", sans-serif;
	--cnvs-secondary-font: "Playfair Display", serif;
    --cnvs-topbar-submenu-padding:0.625rem;
    --cnvs-topbar-submenu-font-size:0.75rem;
    --cnvs-primary-menu-font-size: 16px;
    --cnvs-primary-menu-color: #0B1B32;
    --cnvs-primary-menu-active-color: #0B1B32;
    --cnvs-themecolor:  #0B1B32;
}
.download a {
  color: #fff;
}

.hide{
    display: none;
}
[role="tablist"] a.active{
color: #fff;
}

.glossesNav .top-links-item a{
    padding-top: var(--cnvs-topbar-submenu-padding);
    padding-bottom: var(--cnvs-topbar-submenu-padding);
}

#logo{
    width: 25%;
}

 .menu-link {
    color: var(--cnvs-primary-menu-color);
    font-size: var(--cnvs-primary-menu-font-size);
    font-weight: 400;
 }

 .menu-item.current > .menu-link {
    color: #0B1B32 !important;
    font-weight: 700;
}

#header-wrap .container{
    border-radius:100px;
}

.button-rounded{
    border-radius:50px;
}
.vertical-middle{
  background: url('/site/images/sliderbg.svg');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom
}
.undline {
  box-shadow: inset 0 -0.45em 0 0 #5FFF45;
}
#slider .badge.rounded-pill.badge-default {
  background: #FFFFFF36 !important;
  border: none;
  color: #fff;
}
.titlecenter {
  text-align: center;
}
.button.button-rounded.button-large.button-light.text-dark.bg-white.border.text-transform-none.m-0.ls-0 {
  float: right;
  border-color: black !important;
}
.buildmindset .badge.rounded-pill.badge-default {
  background: #9B5EFF;
  color: #fff;
  border: 0;
  font-size: 14px;
}
.mentoringguidlines .badge.rounded-pill.badge-default {
  background: rgba(255, 152, 94, 1) ;
  color: #fff;
  border: 0;
  font-size: 14px;
}

.mindset-flebox {
  width: 100%;
  height: 120px;
  border-radius: 26px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; /* centers content horizontally */
  align-items: center;
}
.mindset-flebox.first {
  background: url('/site/images/flexbox1.png');
  margin-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
.mindset-flebox.two {
  background: url('/site/images/flexbox2.png');
  margin-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
.mindset-flebox.three {
  background: url('/site/images/flexbox3.png');
  background-size: cover;
  background-repeat: no-repeat;
}
.buildmindset p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 20px;
}
.mindset-title h3 {
  font-size: 36px;
  font-weight: 700;
}
.accordion h3 {
  margin-bottom: 0;
}
.mindset-flebox img {
  margin-right: 20px;
  margin-left: 50px;
}
.galazio {
  background: #53C1F9;
  color: #fff !important;
  border: 0 !important;
  font-size: 14px;
}
.contactform {
  background: url('/site/images/contactbg.svg');
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
}
.contactform h3 {
  text-align: center;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 0;
}
.contactform p {
  text-align: center;
  color: #fff;
}
#template-contactform-submit {
  background: #fff;
  color: black;
  border-radius: 20px;
  margin-bottom: 30px;
}
.form-control.required {
  border-radius: 16px;
  border: 1px solid #FFF;
  background: linear-gradient(94deg, #FFF -10.93%, rgba(255, 255, 255, 0.00) 126.21%);
}
.slider-title p {
  color: black;
}
.accordion-title {
  font-size: 20px;
}
.accordion-header .fas.fa-chevron-down {
  background: #E7E7F0;
  text-align: center;
  border-radius: 20px;
  align-items: center;
  display: flex;
  padding: 0 9px 0 9px;
  max-height: 34px;
}
.form-widget {
  padding: 0 20px;
}
.accordion-active .fas.fa-chevron-down {
  background: black;
  color: #fff;
}
.fullwidthfeua{
    background: url(/site/images/mplebg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-x: right;
    background-size: contain;
    
}
.fullwidthblog{
    background: url(/site/images/mwvbg.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-x: left;
    background-size: contain;
    
}
/*#wrapper {
  overflow-x: hidden;
}*/
#oc-clients .oc-item img {
  height: 100px !important;
  filter: grayscale(100%);
}
#oc-clients img:hover
{
  filter: none !important;
}
.keno{
    margin-top: 50px;
}
.col-lg-6.mt-4.mt-lg-0.right {
    text-align: right;
}
p.nomargin {
    margin: 0 !important;
}
section#content\ buildmindset .container {
    display: flex;
}
#content\ buildmindset #footer .container {
    display: block !important;
}
.content-contact {
    margin-top: 60px;
}
.toggle.faq.pb-3.mb-4 {
    border: 1px solid #9B5DFF;
    padding: 20px;
    border-radius: 10px;
}
.toggle-icon.color {
    border: 2px solid #9B5DFF;
    border-radius: 14px;
    padding: 0 4px;
    height: 28px;
}
i.toggle-closed.fa-solid.fa-chevron-down.text-black-50, i.toggle-open.fa-solid.fa-chevron-up.color {
    color: #9B5DFF !important;
}
.col-lg-6.mt-4.mt-lg-0 {
    margin-bottom: 20px;
}
.buildbox {
    text-align: center;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 20px;
    border-radius: 26px;
}

.buildbox img {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

.buildbox h4 {
    text-align: center;
}
.buildbox .badge {
    display: inline-block;
    margin-right: 5px; /* Adjust the margin as needed for spacing between badges */
        border: 1px solid #9B5DFF;
    color: #9B5DFF;
    border-radius: 6px !important;
}
.badge.rounded-pill.badge-default.download {
    background: #9B5DFF;
    color: #fff !important;
}
.badge.rounded-pill.badge-default.download::before {
    content: url('/site/images/download.svg');
    padding-right: 13px;
}
.badge.rounded-pill.badge-default.view::before {
    content: url('/site/images/view.svg');
    padding-right: 13px;
}
#footer .container {
    display: block !important;
}
.section.p-0.m-0.h-100.position-absolute.login {
    background: linear-gradient(115deg, #F08CA4 2.76%, #7B8DEF 80.96%);
}
h2.titlelogin {
    color: #FFF;
    font-family: Open Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 53px;
    padding: 42px 64px 42px 60px;
}
.position-absolute.nobg{
    background: #fff;
}
.card-body.login, h2.card-headerent {
    margin-top: 150px;
}
.login img{
width: 700px !important;
}
button#login-form-submit, button#forgot-form-submit,  button#newpasssword-form-submit, button#register-form-submit {
    background: var(--Primary, #9B5DFF);
    width: 100%;
}
p.register, h2.card-headerent {
    text-align: center;
}
.register a {
    color: #9B5DFF;
    font-weight: 800;
}
#login-form h3 {
    text-align: center;
}
button.btn.btn-primary.btn-block.register, button.btn.btn-primary.btn-block.forgot {
    background: var(--Primary, #9B5DFF);
    width: 100%;
    border: 0;
}
.gradient-horizon, .h-gradient-horizon:hover
{
  background-image: linear-gradient(90deg, rgb(131, 58, 180) 0%, #7B8DEF 50%, #0093C9 100%) !important;
}
.buttonpdf
{
  text-align: center !important;
  margin-top: 10px;
}
li a
{
  color: rgb(24, 119, 255);
}
/***/

.mt-3
{
  margin-top: 1rem !important;
  margin-bottom: 1rem;
}
.section.py-6.my-0{
    background: linear-gradient(115deg, #F08CA4 2.76%, #7B8DEF 80.96%);
    border-radius: 38px;
    height: 410px;
}

#slider {
    position: relative;
    overflow: hidden;
}

#slider:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px; /* Adjust the height of the separator as needed */
    background: linear-gradient(to bottom right, transparent 49.5%, #ffffff 49.5%, #ffffff 50.5%, transparent 50.5%);
    z-index: 1;
}

.slider-inner {
    z-index: 2;
}

#copyrights{
    background: radial-gradient(at center, rgba(12, 20, 50, 1.0), rgba(74, 21, 58, 1.0));
}
#copyrights .col-10.text-center.text-lg-start
{
    color: #fff;
}
#copyrights p{
    margin-bottom: 0;
}

.footer {
    background: -moz-linear-gradient(45deg, #f7bdd5 0%, #b5bafd 25%, #f7bdd5 50%, #b5bafd 75%, #f7bdd5 100%);
    background: -webkit-linear-gradient(45deg, #f7bdd5 0%, #b5bafd 25%, #f7bdd5 50%, #b5bafd 75%, #f7bdd5 100%);
    background: linear-gradient(45deg, #f7bdd5 0%, #b5bafd 25%, #f7bdd5 50%, #b5bafd 75%, #f7bdd5 100%);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    /*min-height: calc(100vh - 2rem);*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
    overflow: hidden;
    position: relative;
}  

.footer::before,
.footer::after {
    content: "";
    width: 70vmax;
    height: 70vmax;
    position: absolute;
    background: rgba(255, 255, 255, 0.07);
    left: -20vmin;
    top: -20vmin;
    animation: morph 15s linear infinite alternate, spin 20s linear infinite;
    z-index: 1;
    will-change: border-radius, transform;
    transform-origin: 55% 55%;
    pointer-events: none;
}

.footer::after {
        width: 70vmin;
        height: 70vmin;
        left: auto;
        right: -10vmin;
        top: auto;
        bottom: 0;
        animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
        transform-origin: 20% 20%;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

@keyframes morph {
    0% {
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
    100% {
        border-radius: 40% 60%; }
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

.st0{display:none;}
.st1{display:inline;}
.st2{opacity:0.29;}
.st3{fill:#FFFFFF;}
.st4{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
.st5{clip-path:url(#SVGID_4_);}
.st6{clip-path:url(#SVGID_6_);}
.st7{clip-path:url(#SVGID_8_);}
.st8{clip-path:url(#SVGID_10_);}
.st9{fill:none;}
.st10{clip-path:url(#SVGID_12_);}
.st11{opacity:0.7;}
.st12{clip-path:url(#SVGID_14_);}
.st13{opacity:0.2;}
.st14{clip-path:url(#SVGID_16_);}
.st15{opacity:0.3;fill:#FFFFFF;enable-background:new;}