/*
Theme Name: Altrunet Theme
Theme URI: https://myaltrunet.io
Author: Altrunet
Author URI: https://myaltrunet.io
Description: A custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-altrunet
*/



@font-face {
  font-family: Mont;
  src: url(assets/fonts/Mont-Black-eaf262f3.otf);
  font-weight: 900
}

@font-face {
  font-family: Mont;
  src: url(assets/fonts/Mont-Bold-9706ebde.otf);
  font-weight: 800
}

@font-face {
  font-family: Mont;
  src: url(assets/fonts/Mont-SemiBold-03a5517d.otf);
  font-weight: 700
}

@font-face {
  font-family: Mont;
  src: url(assets/fonts/Mont-Light-7dcdc3c6.otf);
  font-weight: 600
}

@font-face {
  font-family: Mont;
  src: url(assets/fonts/Mont-Regular-a085d7b7.otf);
  font-weight: 650
}




:root {
  --background-color: #121212;
  --background-blur-color: rgba(49, 49, 49, .6);
  --menus-background-color: #000000;
  --menu-item-active-color: #FFFFFF;
  --clasic-color: #3D3D3D;
  --description-color: #FFFFFF;
  --mission-vission-branches-background-color: #3D3D3D;
  --inverse-color: #FFFFFF;
  --black-button-background: #FFFFFF;
  --sidebar-black-button-background: #FFFFFF;
  --invert: invert(0%);
  --colormision: #fff;
  --colormisionMobile: #fff;
  --borderColor: #2F2F2F;
  --colorAbout: #384652;
  --colorAboutBoder: #353f47;
  --faqs-background-color: #323232;
  --faqs-answer-color: #C1C1C1;
  --faqs-border-color: #A1A1A2;
  --faqs-arrow-color: white;
  --primary-color: #fdc200;
  --purple-color: #F1F1F1;
  --purple-color-light: #8851C8;
  --purple-color-third: #c9c9c9;
  --shadow-box: 0 0 20px #ce39eb4d;
}

.light-mode:root {
  --background-color: #FFFFFF;
  --background-blur-color: rgba(0, 0, 0, .6);
  --menus-background-color: #FFFFFF;
  --menu-item-active-color: #121212;
  --clasic-color: #FFFFFF;
  --description-color: #282828;
  --mission-vission-branches-background-color: #F0F0F0;
  --inverse-color: #3D3D3D;
  --black-button-background: #000000;
  --sidebar-black-button-background: #282828;
  --invert: invert(100%);
  --colormision: #fff;
  --colormisionMobile: #000;
  --borderColor: #F7F7F7;
  --colorAbout: white;
  --colorAboutBoder: #F1F1F1;
  --faqs-background-color: #F1F1F1;
  --faqs-answer-color: #545454;
  --faqs-border-color: #545454;
  --faqs-arrow-color: #323232;
  --primary-color: #fdc200;
  /* --purple-color: #3D3D3D; */
  /* --purple-color-light: #8851C8; */
  --shadow-box: 0 0 50px #dddddd;
}
a {text-decoration: none;}
img {max-width: 100%;}
p {color: var(--description-color);}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: Mont;  font-size: 1.1rem;}

body, html {
  margin: 0;
  padding: 0;
  background: var(--background-color);
}

/* Full-width header with space between logo and navbar */
header {
  width: 100%;
  padding: 5px 20px;
  position: fixed;
  z-index: 9999;
  background: var(--background-color);
  top: 0;
  box-shadow: 0 0 50px #95909054;
}
.header_space {display: block; min-height: 100px;width: 100%;}

/* Ensure the header stays below the WordPress admin bar */
#wpadminbar {
position: fixed;
z-index: 9999; /* Ensure the admin bar stays on top */
}

/* Adjust the header when the admin bar is present */
body.admin-bar header {
margin-top: 32px; /* Move header below the 32px admin bar */
}

/* When not logged in, no extra margin */
body:not(.admin-bar) header {
margin-top: 0;
}



.logo img {
  max-height: 50px;
  margin: 8px 0;
}
.img_box {box-shadow: var(--shadow-box);border-radius: 20px;margin-top: 25px;}
.img_op {
  max-width: 160px;
}

.nav-link {
  color: var(--menu-item-active-color) !important;
  opacity: 0.6;
}

.navbar {
  display: flex;
  justify-content: flex-end;
}

li.nav-item {
  padding: 0 15px;
}
.text-active {
  color: var(--primary-color)
}
.orange-button {
    background-image: none;
    color: var(--description-color);
    display: inline-block;
    font-weight: 800;
    padding: .5rem 1rem;
    cursor: pointer;
    border-radius: 20px;
    padding: 10px 20px;
    border: 1px solid #dfdfdf;
    background: none;
}
.banner .orange-button {color: #ddd;}
.td-underline {
text-decoration: underline;
color: var(--faqs-border-color);
}

.orange-title {
  font-weight: 900;
  font-size: 27px;
  color: var(--description-color);
  margin: 0 0 10px;
}

.text-xxl {
font-size: 7rem!important;
line-height: 7rem!important
}
.text-upper {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}

.opportunity {color: var(--description-color);}
.text-xl {
  font-size: 3rem !important
  line-height: 4rem !important;
}

.text-lg {
font-size: 2.5rem!important
}

.text-m {
font-size: 2rem!important
}

.text-s {
font-size: 1.5rem!important
}

.text-xs {
font-size: 1rem!important
}

.oppr_textnew {
  max-width: inherit;
  margin: 0 0 15px;
}
.oppr_text_leftnew {
  margin: 0 5% 15px 0;
}
.oppr_text_leftnew .text-s {
  font-size: 20px !important;
}
.oppr_textnew .text-s {
  margin-bottom: 10px;
  padding: 0 0  0 5px;
  font-size: 20px !important;
  color: var(--description-color);
}

.sn_opfeature {
max-width: 370px;
overflow: hidden;
box-shadow: var(--shadow-box);
margin: 0 1% 30px;
width: 31%;
min-width: 280px;
border-radius: 10px;
}
.sn_opfeature .of_title {
background: var(--purple-color);
color: #fff;
text-align: center;
padding: 10px 15px;
border-top: 5px solid #b88aff;
}
.of_desc {
padding: 12px 0;
margin: 0 0 0;
}
.of_desc .text {
padding: 8px 18px;
}



.exchanges-bar {
background-color: var(--clasic-color);
display: flex;
justify-content: space-between;
gap: 1rem;
padding: 2rem 3rem;
align-items: center;
box-shadow: 0 24px 50px #0000001a;
border-radius: 25px;
position: relative;
z-index: 1;
white-space: nowrap
}

.exchanges-bar img {
max-width: 200px
}

@media (max-width: 900px) {
.exchanges-bar a {
    width:100%
}
}

.exchanges-bar a img {
width: 100%
}

@media (max-width: 900px) {
.exchanges-bar a img {
    width:100%;
    height: 100%;
    object-position: cover
}
}

@media (max-width: 900px) {
.exchanges-bar {
    transform:translateY(-10%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 50px
}

.exchanges-bar .orange-button,.exchanges-bar .chat-panel .chat .messages-panel .message.outbound .content-message,.chat-panel .chat .messages-panel .message.outbound .exchanges-bar .content-message,.exchanges-bar .chat-panel .chat .messages-panel .message.inbound .content-message,.chat-panel .chat .messages-panel .message.inbound .exchanges-bar .content-message {
    display: none
}
}

.mar_cont {
    margin: 15px auto;
    max-width: 1400px;
}
.mar_cont_hor {margin: 0 2%;}
.toplogosbar {
    margin: -75px auto 0;
}

.about-us {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10%;
    margin-bottom: 2rem;
    margin-top: 3rem;
}

@media (max-width: 900px) {
.about-us {
    padding:20px;
    grid-template-columns: 1fr
}
}

.about-us.products-page {
margin-bottom: 15rem
}

.about-us.tokenomics-page {
display: grid;
grid-template-columns: 1fr 40%;
justify-content: space-between;
margin-bottom: 5rem;
gap: 80px
}

@media (max-width: 900px) {
.about-us.tokenomics-page {
    grid-template-columns:1fr
}
}

.about-us.tokenomics-page .description {
line-height: 32px;
text-align: justify
}

@media (max-width: 900px) {
.about-us.tokenomics-page .description {
    font-size:20px;
    line-height: 24px
}
}

@media (max-width: 600px) {
.about-us.tokenomics-page .description {
    font-size:12px;
    line-height: 18px
}
}

@media (max-width: 600px) {

}

@media (max-width: 900px) {
.about-us {
    font-size: 20px;
    line-height: 24px;
    margin-top: 30px;
}
}

.about-us.about-us-page {
line-height: 32px;
text-align: justify
}

.about-us .about-images {
  display: flex;
  border-radius: 30px;
  max-width: 500px;
  gap: 2rem;
  margin: 0 0 0 15px;
}

@media (max-width: 900px) {
.about-us .about-images {
    display:grid
}
}

.about-us .about-images img {
object-fit: cover;
width: 100%;
border-radius: 30px
}

.about-us .about-images .up-left {
width: 100%
}

@media (max-width: 900px) {
.about-us .about-images img:not(.up-left) {
    display:none
}
}

.about-us .about-images>div {
display: flex;
flex-direction: column
}

.about-us .about-images>div:first-child {
gap: 2rem
}

.about-us .about-images>div:last-child {
gap: 2rem
}

.about-us .about-images.custom-page {
align-self: center
}


.mission-vision {
    padding: 20px
}

.mission-vision .background {
background-image: url('assets/img/mission.jpg');
background-repeat: no-repeat;
background-size: cover;
padding: 2rem;
border-radius: 50px;
margin-bottom: 3rem
}

@media (max-width: 600px) {
.mission-vision .background {
    background-image:none;
    padding: .5rem
}

.w-25 {
    width: 80%!important; margin: 0 auto;
}	
.w-75 {
    width: 90%!important; margin: 0 auto;
}	
	
	
}

.mission-vision .background .description {
	color: var(--colormision)
}

@media (max-width: 900px) {
.mission-vision .background .description {
    color:var(--colormisionMobile);
    max-width: 100%
}
}

@media (max-width: 600px) {
.mission-vision .background .description {
    background-image:none
}
}

.mission-vision .branches {
display: flex;
width: 100%;
background-color: var(--mission-vission-branches-background-color);
align-items: center;
justify-content: space-around;
padding: 1rem 0rem;
border-radius: 20px;
gap: 40px
}

@media (max-width: 900px) {
.mission-vision .branches::-webkit-scrollbar {
    display:none
}
}

@media (max-width: 900px) {
.mission-vision .branches {
    overflow:scroll;
    border-radius: 0;
    width: 100%;
    justify-content: start;
    padding-left: 10px
}
}

.mission-vision .branches img {
width: 50%;
max-width: 250px
}

@media (max-width: 600px) {
.mission-vision .branches img {
    width:40%
}
}



.team {
  padding: 3rem;
  margin-bottom: 5rem;
  color: #fff;
  width: 100%;
  padding-bottom: 0;
  box-sizing: border-box;
}

.team__container {
background-color: var(--background-color);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 20px;
border-radius: 25px
}

@media (max-width: 900px) {
.team {
    padding:20px
}
}

.team .main-members,.team .members-down {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
grid-auto-rows: 240px;
gap: 1rem
}

@media (max-width: 900px) {
.team .main-members,.team .members-down {
    display:flex;
    min-height: 350px;
    overflow: scroll
}

.team .main-members::-webkit-scrollbar,.team .members-down::-webkit-scrollbar {
    display: none
}
}

.team .members-up {
display: flex;
flex-flow: wrap;
gap: 1rem
}

.team .member {
position: relative;
min-width: 240px
}



.team .member:nth-child(1):hover .info-member {
display: none
}

@media (max-width: 600px) {
.team .member:nth-child(1):hover .info-member {
    display:block
}
}

.team .member:nth-child(1):hover .back-info-member {
display: block
}

@media (max-width: 600px) {
.team .member:nth-child(1):hover .back-info-member {
    display:none
}
}

.team .member .background-shadow {
position: absolute;
height: 100%;
width: 100%;
border-radius: 25px;
transform: rotate(-180deg);
background: linear-gradient(180deg,#000000 0%,rgba(0,0,0,0) 50%);
z-index: 0
}

.team .member .info-member {
position: relative;
padding: 0 0 10px 30px
}

.team .member .info-member .name-member {
font-size: 1.2rem
}

@media (max-width: 900px) {
.team .member .info-member .name-member {
    font-size:2rem
}
}

.team .member .info-member .position-member {
font-size: .8rem;
margin-bottom: .5rem
}

@media (max-width: 900px) {
.team .member .info-member .position-member {
    font-size:1.5rem;
    margin-bottom: 1rem
}
}

.team .member .info-member .social-networks-member {
display: flex;
gap: 1rem
}

.team .member .info-member .social-networks-member img {
width: 100%
}

.team .member.main {
display: flex;
border-radius: 25px;
align-items: flex-end;
background-size: cover
}

@media (max-width: 600px) {
.team .member.main {
    background-position:center
}
}

.team .member.main .back-info-member {
background-color: #ee7402;
display: none;
align-self: flex-start;
opacity: .9;
border-radius: 25px;
padding: 2rem 2rem 2rem 1rem;
margin: .5rem
}

@media (max-width: 600px) {
.team .member.main .back-info-member {
    display:none
}
}

.team .member.main .back-info-member:hover {
display: block
}

.team .member.main .back-info-member .description,.team .member.main .back-info-member .own-words {
font-size: .9rem;
color: #fff;
line-height: 15px
}

.team .member.main .back-info-member .own-words {
margin-bottom: 2rem
}

.team .member.main .back-info-member .social-networks-member {
display: flex;
gap: 1rem
}

.team .member.main .back-info-member .social-networks-member img {
width: 100%
}

.team .member:not(.main) {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
display: flex;
align-items: flex-end;
border-radius: 25px
}

.team .member.more {
background-image: url(/assets/more-team-members-13e89ddc.png);
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px
}

.footer {
  background: var(--faqs-background-color);
  background-repeat: no-repeat;
  height: auto;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  border-radius: 60px 60px 0 0;
  padding: 15px 50px 0;
}



@media (max-width: 900px) {
.footer {
    background:none;
    height: auto;
    padding: 0 20px 0 0
}
}

.footer .snapwidget-widget {
height: 100%
}

.footer .footer-content {
color: var(--description-color);
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
gap: 30px
}

@media (max-width: 900px) {
.footer .footer-content {
    padding:0;
    flex-direction: column
}
}

@media (max-width: 900px) {
.footer .footer-content .latest-posts {
    display:none
}
}

.footer .footer-content .logo img {
width: 210px
}

.footer .footer-content .info {
width: 500px;
color: var(--description-color)
}

@media (max-width: 900px) {
.footer .footer-content .info {
    width:auto;
    background-color: var(--clasic-color);
    padding: 20px;
    border-radius: 25px
}
}

.footer .footer-content .info img {
width: 100%;
max-width: 250px
}

.footer .footer-content .posts {
display: flex;
gap: .8rem;
flex-wrap: wrap;
width: 320px
}

.footer .footer-content .contact-us {
width: 440px
}

@media (max-width: 900px) {
.footer .footer-content .contact-us {
    width:auto;
    background-color: var(--clasic-color);
    padding: 20px;
    border-radius: 25px;
    margin-top: 30px
}
}

.footer .footer-content .contact-us .title {
margin-bottom: .5rem
}

.footer .footer-content .contact-us .countries {
font-size: 2.3rem;
font-weight: 900
}

@media (max-width: 900px) {
.footer .footer-content .contact-us .countries {
    font-size:24px
}
}

.footer .footer-content .contact-us ul {
font-size: 1rem;
padding: 0
}

@media (max-width: 900px) {
.footer .footer-content .contact-us ul {
    font-size:14px
}
}

.footer .footer-content .contact-us ul li {
list-style: none;
margin-bottom: 1rem
}

.footer .footer-content .contact-us ul li img {
margin-right: 1rem
}

@media (max-width: 900px) {
.footer .footer-content .contact-us .subscribe {
    display:flex;
    align-items: stretch;
    box-sizing: border-box
}
}

.footer .footer-content .contact-us .subscribe input {
box-sizing: border-box;
height: 56px;
width: 100%;
border: 1px solid #D8D8D8;
border-right: none;
border-radius: 8px 0 0 8px;
outline: none;
padding-left: 1rem
}

@media (max-width: 900px) {
.footer .footer-content .contact-us .subscribe input {
    width:100%
}
}

.footer .footer-content .contact-us .subscribe .orange-button,.footer .footer-content .contact-us .subscribe .chat-panel .chat .messages-panel .message.outbound .content-message,.chat-panel .chat .messages-panel .message.outbound .footer .footer-content .contact-us .subscribe .content-message,.footer .footer-content .contact-us .subscribe .chat-panel .chat .messages-panel .message.inbound .content-message,.chat-panel .chat .messages-panel .message.inbound .footer .footer-content .contact-us .subscribe .content-message {
align-items: center;
border-radius: 0 8px 8px 0;
cursor: pointer
}

@media (max-width: 900px) {
.footer .footer-content .contact-us .subscribe .orange-button,.footer .footer-content .contact-us .subscribe .chat-panel .chat .messages-panel .message.outbound .content-message,.chat-panel .chat .messages-panel .message.outbound .footer .footer-content .contact-us .subscribe .content-message,.footer .footer-content .contact-us .subscribe .chat-panel .chat .messages-panel .message.inbound .content-message,.chat-panel .chat .messages-panel .message.inbound .footer .footer-content .contact-us .subscribe .content-message {
    display:flex;
    width: auto
}
}

.footer .description {
line-height: 30px
}

@media (max-width: 900px) {
.footer .description {
    font-size:14px;
    line-height: 16px
}
}

.copyright-line {
position: relative;
background-color: var(--inverse-color);
justify-content: space-between;
width: -webkit-fill-available;
display: flex;
color: var(--clasic-color);
padding: 1.3rem 3rem;
align-items: center
}

@media (max-width: 900px) {
.copyright-line {
    display:none
}
}

.copyright-line .copyright {
font-size: .8rem;
flex-grow: 6
}

.copyright-line>a {
color: var(--clasic-color) !important;
flex-grow: 1;
text-align: end;
font-size: .8rem
}

/* Product page */

.sn_product {}
.pd_image {
min-width: 250px;
}
.pd_image img {max-height: 800px;}
.pd_text {
margin: 10px 50px;
max-width: 800px;
}
.pd_text ul li {padding-bottom: 20px;}

.secure {
background: #FFE455;
padding: 10px 12px;
border-radius: 20px;
margin: 30px 0 0;
}
.secure img {width: 40px;margin-right: 10px;}
.secure span {color: #333;}


/* Overview  */

.pd_overview ul {
--col-gap: 2rem;
--row-gap: 2rem;
--line-w: 0.25rem;
display: grid;
grid-template-columns: var(--line-w) 1fr;
grid-auto-columns: max-content;
column-gap: var(--col-gap);
list-style: none;
width: min(60rem, 90%);
margin-inline: auto;
}

/* line */
.pd_overview ul::before {
content: "";
grid-column: 1;
grid-row: 1 / span 20;
background: rgb(225, 225, 225);
border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
.pd_overview ul li:not(:last-child) {
margin-bottom: var(--row-gap);
}

/* card */
.pd_overview ul li {
grid-column: 2;
--inlineP: 1.5rem;
margin-inline: var(--inlineP);
grid-row: span 2;
display: grid;
grid-template-rows: min-content min-content min-content;
}

/* date */
.pd_overview ul li .date {
--dateH: 3rem;
height: var(--dateH);
margin-inline: calc(var(--inlineP) * -1);
text-align: left;
background-color: var(--accent-color);
color: white;
font-size: 1.25rem;
font-weight: 700;
display: grid;
padding: 0 50px;
position: relative;
align-items: center;
border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
.pd_overview ul li .date::before {
content: "";
width: var(--inlineP);
aspect-ratio: 1;
background: var(--accent-color);
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
position: absolute;
top: 100%;
clip-path: polygon(0 0, 100% 0, 0 100%);
right: 0;
}

/* circle */
.pd_overview ul li .date::after {
content: "";
position: absolute;
width: 2rem;
aspect-ratio: 1;
background: var(--bgColor);
border: 0.3rem solid var(--accent-color);
border-radius: 50%;
top: 50%;
transform: translate(50%, -50%);
right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.pd_overview ul li .title,
.pd_overview ul li span,
.pd_overview ul li .descr {
background: var(--bgColor);
position: relative;
padding-inline: 1.5rem;
}
.pd_overview ul li .title {
overflow: hidden;
padding-block-start: 1.5rem;
padding-block-end: 1rem;
font-weight: 700;
}
.pd_overview ul li span {padding-block-end: 1.5rem;}
.pd_overview ul li .descr {
padding-block-end: 1rem;
font-weight: 400;
padding-block-start: 1.5rem;
}

/* shadows */
.pd_overview ul li .title::before,
.pd_overview ul li .descr::before {
content: "";
position: absolute;
width: 90%;
height: 0.5rem;
background: rgba(0, 0, 0, 0.5);
left: 50%;
border-radius: 50%;
filter: blur(4px);
transform: translate(-50%, 50%);
}
.pd_overview ul li .title::before {
bottom: calc(100% + 0.125rem);
}

.pd_overview ul li .descr::before {
z-index: -1;
bottom: 0.25rem;
}

@media (min-width: 40rem) {
.pd_overview ul {
  grid-template-columns: 1fr var(--line-w) 1fr;
}
.pd_overview ul::before {
  grid-column: 2;
}
.pd_overview ul li:nth-child(odd) {
  grid-column: 1;
}
.pd_overview ul li:nth-child(even) {
  grid-column: 3;
}

/* start second card */
.pd_overview ul li:nth-child(2) {
  grid-row: 2/4;
}

.pd_overview ul li:nth-child(odd) .date::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  left: 0;
}

.pd_overview ul li:nth-child(odd) .date::after {
  transform: translate(-50%, -50%);
  left: calc(100% + var(--col-gap) + var(--line-w) / 2);
}
.pd_overview ul li:nth-child(odd) .date {
  border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
}
}


/* Ai Educators */
.educators {}
.educators .sn_avatar {
padding: 15px 15px;
min-width: 150px;
max-width: 340px;
border-radius: 20px;
position: relative;
}

.ai_educators .sn_avatar {
  padding: 15px 15px;
  min-width: 150px;
  max-width: 245px;
  border-radius: 20px;
  position: relative;
}

.educators .sn_avatar img {border-radius: 20px;}
.educators .sn_avatar span {
background: #7729d2bd;
float: right;
margin: 0 0 0;
position: absolute;
bottom: 40px;
color: #fff;
z-index: 999;
right: 15px;
font-weight: 700;
padding: 4px 15px;
border-radius: 5px 0px 0 5px;
}

.ov_single {}
.ov_title {
    background-image: url(assets/img/tex-3.png);
    background-color: #8b8b8b;
    border-radius: 20px;
    text-align: center;
    padding: 15px 10px;
    margin: 0 0 5px;
    
}

.overviewpagess .ov_title {background: none !important;}

.ov_title_bg_2 {background-image: url(assets/img/tex-2.png);}
.ov_title_bg_3 {background-image: url(assets/img/tex-3.png);}
.ov_title_bg_4 {background-image: url(assets/img/tex-4.png);}

.ov_title img {
max-width: 120px;
padding: 10px 0;
}
.ov_title p {
font-weight: 800;
text-transform: uppercase;
color: #fff;
font-size: 25px;
text-shadow: 0 0 20px #959595;
}
.ov_text {
  text-align: center;
  margin: 10px 0 0;
}
.ov_text a {
margin: 20px 0 0;
}
.ov_text p {
margin: 15px 0 10px;
font-weight: 700;
font-size: 16px;
color: var(--description-color);
}


/* media */


.media_sn .sn_avatar img {
  border-radius: 20px;
  /* filter: grayscale(100%); */
  margin: 20px 0;
}
.media_sn .ov_title {
  box-shadow: var(--shadow-box);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 8% 15px;
}




.product_navs {}
.sn_nav {
  text-align: center;
  padding: 20px 0px 12px;
  margin: 10px;
  border-radius: 20px;
  width: 115px;
  min-width: 100px !important;
}
.sn_nav p {
margin: 10px 0 0;
font-weight: 700;
color: var(--description-color);
font-size: 15px;
}
.icon_bg {
  box-shadow: var(--shadow-box);
  border-radius: 20px;
  width: 70px;
  height: 70px;
  line-height: 82px;
  margin: 0 auto 15px;
}
.icon_bg i {
  color: #8851c891;
  font-size: 30px;
  line-height: 35px;
}

.sn_nav.active .icon_bg{background-color: #8851c891;}
.sn_nav.active .icon_bg i {color: #fff;}



/*  Join page */

.join_points {}
.join_points span {
background: #f5efce;
padding: 4px 10px;
border-left: 4px solid #7940BB;
}




/* Plugins  */

/* join packs  */

.snip1404 {
color: #3c3c3c;
text-align: left;
font-size: 16px;
margin: 30px auto 15px;
}
.snip1404 img {
position: absolute;
left: 0;
top: 0;
height: 100%;
z-index: -1;
}
.snip1404 .plan {
  margin: 0 5px 15px;
  width: 310px;
  min-width: 300px;
  float: left;
  overflow: hidden;
  border: 2px solid var(--purple-color-third);
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); */
  background-color: var(--purple-color);
}
.snip1404 .plan:hover i,
.snip1404 .plan.hover i {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.snip1404 .plan:first-of-type {
border-radius: 8px 0 0 8px;
}
.snip1404 .plan:last-of-type {
border-radius: 0 8px 8px 0;
}
.snip1404 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.snip1404 .pack_div {
  background-color: var(--purple-color);
  color: #3c3c3c;
}
.snip1404 .plan-title {
background-color: var(--purple-color-third) ;
position: relative;
margin: 0;
padding: 20px 20px 0;
text-transform: uppercase;
letter-spacing: 4px;
}
.snip1404 .plan-title:after {
position: absolute;
content: '';
top: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 300px 0 0;
border-color: var(--purple-color-third) transparent transparent;
}
.snip1404 .plan-cost {
padding: 40px 20px 10px;
text-align: right;
}
.snip1404 .plan-price {
font-weight: 600;
font-size: 3em;
}
.snip1404 .plan-type {
opacity: 0.8;
font-size: 0.7em;
text-transform: uppercase;
}
.snip1404 .plan-features {
    padding: 0 0 0px;
    margin: 0;
    list-style: outside none none;
    min-height: 200px;
}
.snip1404 .plan-features li {
padding: 8px 5%;
}
.snip1404 .plan-features i {
  margin-right: 8px;
  color: rgb(137 137 137);
  font-size: 18px;
}
.snip1404 .plan-select {
  border-top: 1px solid rgb(159 159 159 / 14%);
  padding: 20px;
  text-align: center;
}
.snip1404 .plan-select a {
  background-color: var(--purple-color-third);
  color: #000000;
  text-decoration: none;
  padding: 12px 20px;
  font-size: 0.75em;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 4px;
  display: inline-block;
}
.snip1404 .plan-select a:hover {
  background-color: #ffffff;
}
.snip1404 .plan:hover {
margin-top: -10px;
border-color: #331926;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
z-index: 1;
border-radius: 8px;cursor:pointer;
}
.snip1404 .plan .plan-select {
    padding: 0px 20px 20px;
}

.snip1404 .plan-title,
.snip1404 .plan-select a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.snip1404 .plan-select,
.snip1404 .featured .plan-select {
  padding: 20px;
}
.snip1404 .featured {
  margin-top: 0;
}
}
@media only screen and (max-width: 440px) {
.snip1404 .plan {
  width: 100%;
}
}



/* join packs end  */



.rowfix {
padding: 0 20px;
}
.oppor-images img {
max-width: 100%;
width: 650px;
border-radius: 30px;
}
/* .oppor-images img {max-height: 100%;} */

/* Banner  */
.swiper {
    width: 100%;
    height: auto;
    max-height: 60vh;
}

.swiper_single {
max-height: 30vh
}

.swiper_about {
max-height: 50vh
}
.swiper_single .banner .banner-slide {
background-position: top left;
}


.swiper-pagination-bullet {
  background-color: #fff;    opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #EE7402;
}

@media (max-width: 767px) {
.swiper {
  width: 100%;
  height: auto;
  max-height:35vh
}
}

.swiper * {
  box-sizing: border-box
}

.banner {
    position: relative;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1600px;
}

.banner .mySwiper {
  border-radius: 50px
}

.description {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 35px;
  text-align: start;
  color: var(--description-color);
  text-align: justify;
}



@media (max-width: 900px) {
  /* .banner .mySwiper {
      border-radius:0
  } */
}

.banner .swiper-slide {
  height: 90vh
}

@media (max-width: 900px) {
  /* .banner .swiper-slide {
    height: 305px !important;
} */
}

@media (max-width: 900px) {
  /* .banner .banner-slide {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    height: 300px !important;
    padding: 5%;
  }
  .banner .banner-slide .description {
    width: 90% !important;
    color: #fff;
    margin-bottom: 1rem;
} */
}

.banner.customPage .swiper-slide {
  height: auto
}


.banner .banner-slide {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    height: 60%;
    padding: 2.5%;
    display: flex;
    align-items: center;
}

#homebanner .banner-slide {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    padding: 5%;
	display: block;
}


.banner .banner-slide .up-title {
  font-size: 4rem;
  color: #fff
}

.banner .banner-slide .title {
  font-size: 4rem;
  max-width: 700px;
  font-weight: 900;
  color: #fff;
  text-align: start;
  margin-bottom: 0;
}

@media (max-width: 900px) {
  /* .banner .banner-slide .title {
      font-size:20px;
      margin-bottom: 0;
      line-height: auto
  } */

  .mission-vision .background {
    background:none;
  }
}

.banner .banner-slide .description {
  width: 50%;
  color: #fff;
  margin-bottom: 2rem
}

@media (max-width: 767px) {

  .banner .banner-slide .description {
    width: 95%;
    font-size: 16px;
    line-height: 26px;
}
.banner .banner-slide .title {
  font-size: 1.5rem !important;
  line-height: 1.7rem;
}
.banner .banner-slide {
  max-height: 800px !important;
}
.banner .swiper-slide {
  /* max-width: 800px; */
}
.about-us .about-images {
    margin: -100px auto 0;
    display: none;
}
.ai_educators .sn_avatar {
  max-width: 205px;
}



}

.banner .banner-slide .actions {
  display: flex;
  align-items: center;
  gap: 3rem
}

@media (max-width: 900px) {
  /* .banner .banner-slide .actions {
      margin-top:40px;
      gap: 10px
  }

  .banner .banner-slide .actions .orange-button,.banner .banner-slide .actions .chat-panel .chat .messages-panel .message.outbound .content-message,.chat-panel .chat .messages-panel .message.outbound .banner .banner-slide .actions .content-message,.banner .banner-slide .actions .chat-panel .chat .messages-panel .message.inbound .content-message,.chat-panel .chat .messages-panel .message.inbound .banner .banner-slide .actions .content-message {
      padding: 10px
  }

  .banner .banner-slide .actions a {
      font-size: 10px
  } */
}

.banner .banner-slide .actions .play-video {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #fff;
  gap: 1rem
}

@media (max-width: 900px) {
  /* .banner .banner-slide .actions .play-video {
      font-size:10px
  }

  .banner .banner-slide .actions .play-video img {
      width: 20px
  } */
}

.banner .banner-branches {
  background-color: var(--clasic-color);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 1rem;
  max-width: 80%;
  width: 80%;
  padding: 2rem;
  align-items: center;
  transform: translateY(-15%);
  box-shadow: 0 24px 50px #0000001a;
  border-radius: 25px;
  border: 2px solid #F69F00;
  position: relative;
  z-index: 1;
  white-space: nowrap
}

.banner .banner-branches .text1 {
  font-size: 20px;
  font-weight: 900;
  background: linear-gradient(0deg,#F69F00 -36.71%,#F28A00 5.37%,#EF7901 52.32%,#EE7402 87.93%,#E74210 125.16%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.banner .banner-branches .images {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center
}

.banner .banner-branches .btn {
  font-size: 12px;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 12px;
  background: linear-gradient(0deg,#F69F00 -36.71%,#F28A00 5.37%,#EF7901 52.32%,#EE7402 87.93%,#E74210 125.16%);
  color: #fff
}

.banner .banner-branches img {
  max-width: 200px
}

@media (min-width: 600px) {
  .banner .banner-branches {
      max-width:80%
  }
}

.banner .banner-branches a img {
  width: 100%
}

@media (max-width: 900px) {
  .banner .banner-branches a img {
      width:100%;
      height: 100%;
      object-position: cover
  }
}

@media (max-width: 900px) {
  .banner .banner-branches {
      display:flex;
      flex-direction: column
  }

  .banner .banner-branches br {
      display: none
  }
}

@media (max-width: 900px) {
  .privacy {
      padding:20px
  }
}



/* Mood Swith styles */
.moodswitch {
  margin: 8px 20px 0 0;
}
#hide-checkbox {
opacity: 0;
height: 0;
width: 0;
}

.toggle {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 55px;
  height: 21px;
  background: #211042;
  border-radius: 50px;
  transition: 500ms;
  overflow: hidden;
}

.toggle-button {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FAEAF1;
  overflow: hidden;
  box-shadow: 0 0 35px 4px rgba(255, 255, 255);
  transition: all 500ms ease-out;
}

.crater {
position: absolute;
display: inline-block;
background: #FAEAF1;
border-radius: 50%;
transition: 500ms;
}

.crater-1 {
background: #FFFFF9;
width: 86px;
height: 86px;
left: 10px;
bottom: 10px;
}

.crater-2 {
width: 20px;
height: 20px;
top: -7px;
left: 44px;
}

.crater-3 {
width: 16px;
height: 16px;
top: 20px;
right: -4px;
}

.crater-4 {
width: 10px;
height: 10px;
top: 24px;
left: 30px;
}

.crater-5 {
width: 15px;
height: 15px;
top: 40px;
left: 48px;
}

.crater-6 {
width: 10px;
height: 10px;
top: 48px;
left: 20px;
}

.crater-7 {
width: 12px;
height: 12px;
bottom: 5px;
left: 35px;
}

.star {
position: absolute;
display: inline-block;
border-radius: 50%;
background: #FFF;
box-shadow: 1px 0 2px 2px rgba(255, 255, 255);
}

.star-1 {
width: 6px;
height: 6px;
right: 90px;
bottom: 40px;
}

.star-3 {
  width: 2px;
  height: 2px;
  right: 8px;
  bottom: 0;
}

.star-3 {
width: 5px;
height: 5px;
right: 60px;
bottom: 15px;
}

.star-4 {
width: 3px;
height: 3px;
right: 40px;
bottom: 50px;
}

.star-5 {
width: 4px;
height: 4px;
right: 10px;
bottom: 35px;
}

.star-6, .star-7, .star-8 {
width: 10px;
height: 2px;
border-radius: 2px;
transform: rotate(-45deg);
box-shadow: 5px 0px 4px 1px #FFF;
animation-name: travel;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

.star-6 {
  right: 0;
  bottom: -10px;
  animation-delay: -2s;
}

.star-7 {
  right: 80px;
  bottom: 0;
}

.star-8 {
right: 90px;
top: 10px;
animation-delay: -4s;
}

@keyframes travel {
0% {
  transform: rotate(-45deg) translateX(70px);
}

50% {
  transform: rotate(-45deg) translateX(-20px);
  box-shadow: 5px 0px 6px 1px #FFF;
}

100% {
  transform: rotate(-45deg) translateX(-30px);
  width: 2px;
  height: 2px;
  opacity: 0;
  box-shadow: none;
}
}

#hide-checkbox:checked + .toggle {
background: #24D7F7;
}

#hide-checkbox:checked + .toggle .toggle-button {
background: #F7FFFF;
transform: translateX(30px);
box-shadow: 0 0 35px 5px rgba(255, 255, 255);
}

#hide-checkbox:checked + .toggle .toggle-button .crater {
transform: rotate(-45deg) translateX(70px);
}

#hide-checkbox:checked + .toggle .star {
animation: move 2s infinite;
transform: none;
box-shadow: none;
}

#hide-checkbox:checked + .toggle .star-1 {
width: 40px;
height: 10px;
border-radius: 10px;
background: #FFF;
left: 20px;
top: 25px;
box-shadow: none;
}

#hide-checkbox:checked + .toggle .star-2 {
width: 12px;
height: 12px;
background: #FFF;
left: 26px;
top: 23px;
box-shadow: -1px 0 2px 0 rgba(0, 0 , 0, 0.1);
}

#hide-checkbox:checked + .toggle .star-3 {
  width: 16px;
  height: 16px;
  background: #FFF;
  left: 55px;
  top: 19px;
  box-shadow: -1px 0 2px 0 rgba(0, 0 , 0, 0.1);
}

#hide-checkbox:checked + .toggle .star-4 {
width: 14px;
height: 14px;
background: #FFF;
left: 46px;
top: 21px;
box-shadow: -1px 0 2px 0 rgba(0, 0 , 0, 0.1);
}

#hide-checkbox:checked + .toggle .star-5 {
  width: 60px;
  height: 15px;
  border-radius: 15px;
  background: #FFF;
  left: 50px;
  bottom: 20px;
  box-shadow: none;
}

#hide-checkbox:checked + .toggle .star-6 {
  width: 10px;
  height: 10px;
  background: #FFF;
  border-radius: 50%;
  left: -22px;
  bottom: 16px;
  box-shadow: -1px 0 2px 0 rgba(0, 0 , 0, 0.1);
}

#hide-checkbox:checked + .toggle .star-7 {
width: 24px;
height: 24px;
background: #FFF;
border-radius: 50%;
left: 52px;
bottom: 20px;
box-shadow: -1px 0 2px 0 rgba(0, 0 , 0, 0.1);
}

#hide-checkbox:checked + .toggle .star-8 {
width: 21px;
height: 21px;
background: #FFF;
border-radius: 50%;
left: 70px;
top: 59px;
box-shadow: -1px 0 2px 0 rgba(0, 0 , 0, 0.1);
}

@keyframes move {
0% {
  transform: none;
}

25% {
  transform: translateX(2px);
}

100% {
  transform: translateX(-2px);
}
}




/* Mood Swith styles End */

.switch {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 25px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 2.1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.navbar-toggler {
  background-color: #c1c0c0;
}


.advantages {
  margin-bottom: 3rem;
  padding: 20px
}

.advantages .up-message {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 800;
  margin-bottom: 5rem;
  color: var(--description-color)
}

.advantages .items-advantages {
  margin-bottom: 2rem;
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  flex-wrap: wrap
}

@media (max-width: 900px) {
  .advantages .items-advantages {
      display:grid;
      gap: 100px;
      margin-top: 100px
  }
}

.advantages .items-advantages .item {
  background-color: var(--colorAboutBoder);
  position: relative;
  padding: 4rem 2rem 1rem;
  border-radius: 37px;
  text-align: center;
  flex: 1 1 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 900px) {
  .advantages .items-advantages .item {
      padding:80px 20px 20px
  }
}

.advantages .items-advantages .item .number {
  height: 105px;
  width: 105px;
  background-color: var(--colorAbout);
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 6px solid var(--colorAboutBoder);
  border-radius: 50%;
  position: absolute;
  top: -50px;
  color: var(--description-color)
}

.advantages .items-advantages .item .description-advantage {
  font-size: 1.5rem;
  line-height: 34px;
  font-weight: 800;
  color: var(--description-color)
}

.advantages .down-message {
  font-size: 1.3rem;
  line-height: 32px;
  text-align: center;
  color: var(--description-color)
}


/* New styles */

.banner .singup_slide {
  padding: 2% 30px;
  display: flex;
  align-items: center;
  justify-content: end;
  max-height: 780px;
}

.sign_up_contents {
  width: 500px;
  text-align: center;
  /* float: right; */
  max-width: 100%;
  margin: 0 auto;
}

.sign_up_contents .text-lg, .singup_left .text-lg {
  font-weight: 800;
  color: #fff;
  line-height: 50px;
}
.singup_left iframe {
  border-radius: 30px;
  margin: 10px 0;
}
.sign_up_contents .form-control {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  margin: 20px auto;
  height: 55px;
  border-radius: 40px;
  max-width: 420px;
  background: #ffffff3d;
  color: #fff;
  border: 1px solid #ffffff4f;
}
.sign_up_contents .btn-outline-warning {
  font-size: 25px;
  border-radius: 35px;
  padding: 10px 25px;
  font-weight: 700;
  border-width: 3px;
}

.sign_up_contents .form-control::placeholder {
  color: #ddd; /* Change to desired color */
  opacity: 0.8;   /* Ensures full opacity in most browsers */
}

.sign_up_contents p {
  color: #fff;
  font-weight: 700;
  margin: 30px 0 -10px;
}
.pd_overview .ov_title p {
    margin: 0;
    line-height: 25px;
    color: #555;
    text-shadow: none;
}

.video_ov {}
.video_ov iframe {
  border-radius: 20px;
  margin: 10px 0;
}

.pd_overview .educators .sn_avatar {
    min-width: 350px;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

.form_area_bg {
  background-image: url('assets/img/banner-sign.jpg');
  background-color: #823BB1;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 30px 40px 50px;
  border-radius: 50px;
  padding: 50px 2%;
}
.form_bottom_area {
  margin: 50px auto;
  max-width: 1500px;
  color: var(--description-color);
  padding: 0 25px;
}
.footer_snavt {
  padding: 15px 0 !important;
}

.the_bullets {}
.the_bullets ul {
  margin: 0;
  padding: 0;
}
.the_bullets ul li {
  list-style: none;
  font-size: 24px;
  line-height: 30px;
  padding: 10px 0;
}
.the_bullets ul li  i {font-size: 24px ;}


.new_members {}
.sn_member {
  background-repeat: no-repeat;
  width: 300px;
  background-size: cover;
  height: 290px;
  border-radius: 30px;
  max-width: 100%;
}


/* Team  */
.member_name {}
.member_position {}



.team-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0;
}

.team-slider-container {
  display: flex;
  transition: transform 0.5s ease;
}

.team-slider-item {
  box-sizing: border-box;
  padding: 10px;
}

/* Default: 6 items per row for large screens */
.team-slider-item {
  min-width: 16.66%; /* 100% / 6 = 16.66% */
}





/* Medium screens: Show 4 items per row */
@media (max-width: 1400px) {
  .team-slider-item {
    min-width: 25%; /* 100% / 4 = 25% */
  }
}

/* Small screens: Show 2 items per row */
@media (max-width: 992px) {
  .team-slider-item {
    min-width: 33%; /* 100% / 2 = 50% */
  }
}

/* Small screens: Show 2 items per row */
@media (max-width: 768px) {
  .team-slider-item {
    min-width: 50%; /* 100% / 2 = 50% */
  }
}

/* Extra small screens: Show 1 item per row */
@media (max-width: 480px) {
  .team-slider-item {
    min-width: 100%; /* 100% / 1 = 100% */
  }
}

.sn_member {
  /* height: 200px; */
  background-size: cover;
  background-position: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: transform 0.3s ease;
}

.sn_member:hover {
  transform: scale(1.05);
}

.member_name, .member_position {
  position: absolute;
  left: 10px;
  color: white;
}

.member_name {
  bottom: 50px;
  font-size: 18px;
  font-weight: bold;
}

.member_position {
  bottom: 25px;
  font-size: 14px;
}

/* Navigation button styles */
.team-slider-prev, .team-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  font-size: 24px;
  padding: 10px;
  cursor: pointer;
}

.team-slider-prev {
  left: 10px;
}

.team-slider-next {
  right: 10px;
}

.logo img.logo_light {display: none;}
.light-mode .logo img.logo_light {display: block;}
.light-mode .logo img.logo_dark {display: none;}




/* Ai educators  */

.educator-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

.educator-slider-container {
  display: flex;
  transition: transform 0.5s ease;
}

.sn_avatar {
  min-width: 16.66%; /* 100% / 6 items per view */
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.sn_avatar img {
  width: 100%;
  height: auto;
  border-radius: 10%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.sn_avatar span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

/* Responsive adjustments for educator slider */
@media (max-width: 1399px) {
  .sn_avatar {
    min-width: 25%; /* Show 4 items per view */
  }
  .pd_overview .educators .sn_avatar {
    min-width: 300px;
    width: 50%;
    max-width: 100%;
}
}



@media (max-width: 1024px) {
  .sn_avatar {
    min-width: 25%; /* Show 4 items per view */
  }

}

@media (max-width: 768px) {
  .sn_avatar {
    min-width: 50%; /* Show 2 items per view */
  }

  .pd_overview .educators .sn_avatar {
    min-width: 300px;
    width: 100%;
    max-width: 100%;
  }
.sn_nav {
    width: 110px !important;
}


.sn_opp_half {
  width: 100% !important;
}



.sn_opp_top_sec {
  width: 100% !important;
}


.form_area_bg {
  background-image: none;
  background-color: #823BB1;
}

.text-lg {
  font-size: 1.5rem!important;
}

}

@media (max-width: 480px) {
  .sn_avatar {
    min-width: 100%; /* Show 1 item per view */
  }




  
}

.educator-slider-prev, .educator-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  font-size: 24px;
  padding: 10px;
  cursor: pointer;
}

.educator-slider-prev {
  left: 10px;
}

.educator-slider-next {
  right: 10px;
}

.sn_opp_top_sec {width: 50%;}

.img_op {
  min-width: 180px;
  margin: 0 15px 0 0;
}

.img_op .img_box {
  margin-top: 5px;
}
.sn_opp_half {width: 50%;}

.text-right {text-align: right;}
.text-right .description {text-align: right;}

.op_cont_img .img_box {
  margin-top: 0;
  max-width: 120px;
  margin: 10px 0;
  border: 4px solid #cca0ff;
  border-radius: 29px;
}

.description-advantage .description {margin-top: 15px;}
.right_opp .text-s {color: var(--description-color);}

.docmaker .logo {
  max-width: 300px;
  margin: 10px auto 20px;
}






/* Scoped to .gpcont */

.gpcont h1 {
  text-align: center;
  color: #54169d;
  font-size: 28px;
}

.gpcont .subtitle {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 20px;
  color: #555;
}

.gpcont section {
  margin-bottom: 20px;
}

.gpcont h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #54169d;
}

.gpcont p {
  margin: 5px 0;
}

.gpcont ul {
  list-style: disc inside;
  margin: 10px 0;
  padding: 0;
}

.gpcont table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px auto;
  max-width: 600px;
}

.gpcont table th,
.gpcont table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.gpcont table th {
  background: #54169d;
  color: #fff;
}

.gpcont .footer-note {
  font-size: 0.9em;
  color: #555;
  text-align: center;
  margin-top: 20px;
}

.gpcont ul li {list-style: none;}

.footernew {background: #54169d;}

.gpcont .footer-note {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  margin: 20px 0;
}

.phllimg img {
  max-width: 50px;
  margin: 0 0 15px;
}
.multicol img {
  max-width: 100px;
  border-radius: 100px;
  border: 2px solid #e7e7e7;
  box-shadow: 0 0 30px #e7e7e7;
  margin: 0 0 25px;
}


.sniconcol {
  width: 13%;
  min-width: 150px;
  margin: 10px 0;
}
.sniconcol img {
  max-width: 75px;
}
.sniconcol h2 {
  font-size: 16px;
  font-weight: 700;
}
.sniconcol p {font-size: 15px;}




.sn_chart_top {text-align: left;
  margin: 30px 0;
  display: block;
  overflow: hidden;
}
.ct_icon {
  background: #54169d;
  width: 70px;
  text-align: center;
  height: 70px;
  line-height: 80px;
  border-radius: 50px;
  float: left;
  color: #fff;
}
.ct_icon i {
  font-size: 25px;
  color: #fff;
}
.ct_content {
  padding: 5px 0 0px 30px;
  width: calc(100% - 120px);
  float: left;
}
.ct_content h4 {
  color: #000;
  font-size: 26px;
  font-weight: 500;
  margin: 0;
  line-height: 30px;
}
.ct_content p {
  font-size: 16px;
  line-height: 25px;
}

.innercircle {  
  width: 300px;
  height: 300px;  
  /* border: 2px solid #5D1ED0; */
  border: none;
  border-radius: 50%;
}

.innertext {
  border: 0px solid #737373;
  border-radius: 50%;
  width: 220px;
  height: 220px;
  padding: 83px 0 0;
  background: #efe9f3;
  margin: -12px 0 0 1px;
}

.outercircle {
  width: 400px;
  height: 400px;
}

.social_circles {
  background-image: url('assets/spark.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 48%;
}




@media (max-width: 767px) { 


  .outercircle {
    width: 100px;
    height: 100px;
  }


  .innercircle {  
    width: 90px;
    height: 90px;
  }
  
.innertext {
    width: 80px;
    height: 80px;
    padding: 17px 0 0;
    font-size: 14px;
}

.sniconcol h2 {
  font-size: 12px;
  font-weight: 700;
}
.sniconcol p {
  font-size: 12px;
}
.sniconcol img {
  max-width: 60px;
  margin: 0 0 12px;
}
.sniconcol {
  width: 13%;
  min-width: 125px;
  margin: 10px 0;
}
  
}

.mar_cont .description {
    text-align: left;
}
.text-left {text-align: left;}


/* floating button  */

#floating-x-btn {
  position: fixed;
  bottom: 43px;
  right: 9.3%;
  width: 30px;
  height: 30px;
  background-color: #ff8383;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
  transition: opacity 0.3s ease;
}

#floating-x-btn:hover {
  background-color: #cc0000;
}


.potentials {
    background: var(--purple-color-third);
    padding: 15px 10px;
    margin: 15px;
    border-radius: 20px;
    text-align: center;
}
.potentials h3 {
    font-size: 20px;
    margin: 0 0 15px;
}
.potentials p {
  font-size: 15px;
  color: #3c3c3c;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}


.mission-vision .background .description {
  color:var(--colormisionMobile);
}
.mission-vision .background {
  background:none;
}

.greybg {
    background: #F1F1F1;
    padding: 0 2%;
    border-radius: 50px;
}
.greybg .orange-title {color: #282828;}
.greybg .description p {color: #282828;}


.scroll-container {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px 0;
}

.snip1404 {
  display: flex;
  gap: 0;
  min-width: max-content;
  margin: 0 auto;
}

.plan {
  flex: none;
  white-space: normal; /* Allow text to wrap inside the plan */
  word-wrap: break-word; /* Ensure long words break properly */
  overflow: hidden; /* Prevent overflow issues */
}





.custom-tabs-buttons {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.custom-tabs-buttons button.custom-active-tab {
  background: #ddd;
  color: #555;
  font-weight: bold;
}
.custom-tabs-content {
  flex-grow: 1;
  min-height: 200px;
}
.custom-tab-panel .video_ov {max-width: 1000px;margin: 0 auto;}
.custom-tab-panel {
  display: none;
  max-width: 100%;
  margin: 0 auto;
}
.custom-tab-panel.custom-active-content {
  display: block;
}

.custom-tabs-buttons .orange-button {
  padding: 7px 10px;
  margin: 0 0 7px;
}



/* Mobile devices bootsrap */
@media (max-width: 575.98px) {

  .custom-tabs-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
    flex-direction: row;
}

.orange-button {
    flex: 0 1 auto; /* Ensures the buttons take only as much width as needed */
}




  /* End Mob */
}



.potentials p font {
  color: #df7d00;
}