.home_hero{
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.home_hero::before{
   /* position: absolute;
    content: '';
    background: url(../images/bgart1.2.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: darken;
    opacity: 0.1;*/


        /*position: absolute;
    content: '';
    background: url(../images/bgart1.1.png);
    background-position: top center;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: darken;
    opacity: 0.1;*/

    position: absolute;
    content: '';
    background: url(../images/bgart2.png);
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: darken;
    opacity: .2;
    z-index: -1;
    animation: waveMove 100s linear infinite;
}

.home_stats{
  position: relative;
  overflow: hidden;
  z-index: 9;
}

.home_stats::before{
    position: absolute;
    content: '';
    background: url(../images/bgart2.png);
    background-position: bottom center;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: darken;
    opacity: .2;
    z-index: -1;
}












.hero_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap50);
}

.home_hero-left{
    flex:1;
}

.home_hero_main_img{
    position: relative;
}

.home_hero_main_img::before{
    content: '';
    position: absolute;
    background: url('../images/Banner Img/leafs-02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation: up_down_rotate_animate 15s ease-in-out infinite; 
}

@keyframes up_down_rotate_animate {
    0% {transform:translate(0px);}
    25% {transform:translate(-5px, 10px) rotate(-5deg);}
    50% {transform:translate(-10px, 10px)  rotate(10deg);}
    75% {transform:translate(-10px);}
    100% {transform:translate(0px) ;}
}


.home_hero_main_img img {
    height: 580px;
    object-fit: contain;
    width: 100%;
    animation: up_down_animate 8s ease-in-out infinite;      
}

@keyframes up_down_animate {
    0% {transform:translateY(0px);}
    25% {transform:translateY(-5px)}
    50% {transform:translateY( 0px)}
    75% {transform:translateY(-10px);}
    100% {transform:translateY(0px) ;}
}



.home_hero_up h1 span{
    color:var(--headingColor5);
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
}

.home_hero_up p{  
    margin-bottom:15px;
    color: var(--peraColor4);
}

.home_hero_up ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    flex-wrap: wrap;
}

.home_hero_up ul li{
    font-size: var(--customSize14);
    filter: brightness(0) saturate(100%) invert(10%) sepia(22%) saturate(7098%) hue-rotate(255deg) brightness(91%) contrast(108%);
}


.home_hero_up .btn_box{
    margin-top: 35px;
    justify-content: flex-start;
}

.home_reviews{
    margin-top: 30px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.home_rating p {
    margin-bottom: 0;
    color: var(--peraColor4);
    font-size: var(--customSize16);
    line-height: 1.4;
}

.home_rating p strong{
    color: var(--peraColor3);
}

.home_rating p span {
    filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(3618%) hue-rotate(310deg) brightness(95%) contrast(94%);
}

.home_user_rev{
    display:flex;
    align-items:center;
    padding-left: 21px;
}

.home_reviews img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-left: -21px;
    border: 3px solid #fff;
}

.home_hero-right{
    flex:1;
    position:relative;
}

.home_info-card {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #3c1f7ae8;
    color: #fff;
    padding: 25px;
    border-radius: 15px;
    font-size: 14px;
    box-shadow: 0 10px 30px #3c1f7ae8;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.home_info-card span {
    font-size: 14px;
    opacity: 0.8;
    display: block;
    color: var(--peraColor2);
    margin: 0;
    font-family: var(--pera_font_family);
}

.home_info-card strong {
    font-size: 20px;
    font-family: var(--heading_font_family);
    line-height: normal;
}

/*=====================(2)======================*/

.home_stats_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor5);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 30px #3c1f7a33;
    flex-wrap: wrap;
    max-width: var(--innercontainer);
    margin: 0 auto;

}

.home_stat_item {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    border-right: 1px solid #4e338530;
    justify-content: center;
    padding: 0 15px;
}

.home_stat_item:last-child {
    border: none;
}

.home_stat_icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background-color: #ebd8ff;

}

.home_stat_icon img {
    width: 100%;
    object-fit: contain;
    padding: 10px;
}

.home_stat_number {
    margin-bottom: 0;
}

.home_stat_label {
    font-size: 16px;
    color: var(--peraColor4);
    white-space: nowrap;
    text-transform: capitalize;
}

/*=====================(3)======================*/

.home_exp_section {
    background-color: var(--bgColor3);
    background-color: var(--bgColor5);
}

.home_exp_section .comman_tag,
.home_buy_section .comman_tag,
.home_contact_section .comman_tag,
.program_go .comman_tag{
    background: var(--bgColor2);
}

.home_exp_grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--gap30);
    max-width: var(--innercontainer);
    margin: 0 auto;
}

.home_exp_card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.home_exp_icon_circle {
    width: 90px;
    height: 90px;
    background-color: var(--bgColor3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.home_exp_card:nth-child(1) .home_exp_icon_circle{
    animation: home_blobAnimate1 5s ease-in-out infinite; 
    animation-delay: .5s;
}
.home_exp_card:nth-child(2) .home_exp_icon_circle{
    animation: home_blobAnimate2 7s ease-in-out infinite; 
}
.home_exp_card:nth-child(3) .home_exp_icon_circle{
    animation: home_blobAnimate3 6s ease-in-out infinite; 
    animation-delay: .7s;
}
.home_exp_card:nth-child(4) .home_exp_icon_circle{
    animation: home_blobAnimate4 7s ease-in-out infinite; 
}


@keyframes home_blobAnimate1 {
    0% {border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;transform:translateY(0px);}
    25% {border-radius:40% 60% 65% 35% / 35% 40% 60% 65%;transform:translateY(-10px);}
    50% {border-radius:60% 40% 40% 60% / 30% 60% 40% 70%;transform:translateY(10px);}
    75% {border-radius:45% 55% 70% 30% / 60% 40% 60% 40%;transform:translateY(-5px);}
    100% {border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;transform:translateY(0px);}
}

@keyframes home_blobAnimate2 {
    0% {border-radius:50% 50% 40% 60% / 60% 40% 60% 40%;transform:translateY(0px);}
    25% {border-radius:60% 40% 50% 50% / 50% 60% 40% 50%;transform:translateY(-10px);}
    50% {border-radius:40% 60% 60% 40% / 40% 50% 60% 50%;transform:translateY(10px);}
    75% {border-radius:55% 45% 45% 55% / 60% 40% 50% 50%;transform:translateY(-5px);}
    100% {border-radius:50% 50% 40% 60% / 60% 40% 60% 40%;transform:translateY(0px);}
}

@keyframes home_blobAnimate3 {
    0% {border-radius:20% 80% 30% 70% / 60% 30% 70% 40%;transform:translateY(0px);}
    25% {border-radius:70% 30% 60% 40% / 40% 70% 30% 60%;transform:translateY(-10px);}
    50% {border-radius:50% 50% 20% 80% / 70% 40% 60% 30%;transform:translateY(10px);}
    75% {border-radius:30% 70% 80% 20% / 50% 60% 40% 70%;transform:translateY(-5px);}
    100% {border-radius:20% 80% 30% 70% / 60% 30% 70% 40%;transform:translateY(0px);}
}

@keyframes home_blobAnimate4 {
    0% {border-radius:45% 55% 60% 40% / 40% 60% 40% 60%; transform:translateY(0px);}
    25% {border-radius:60% 40% 50% 50% / 50% 40% 60% 50%; transform:translateY(-10px);}
    50% {border-radius:50% 50% 40% 60% / 60% 50% 50% 40%; transform:translateY(10px);}
    75% {border-radius:55% 45% 65% 35% / 45% 55% 45% 55%; transform:translateY(-5px);}
    100% {border-radius:45% 55% 60% 40% / 40% 60% 40% 60%; transform:translateY(0px);}
}

.home_exp_icon_circle img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(69%) saturate(2303%) hue-rotate(181deg) brightness(104%) contrast(107%);
}

.home_exp_card:hover .home_exp_icon_circle {
    transform: translateY(-5px);
}

.home_exp_card_title {

    font-size: var(--h5_size);
}

.home_exp_card_desc {
    font-size: var(--customSize16);
    line-height: 1.5;
}


/*=====================( 4 )======================*/

.home_teacher_section {
    overflow: hidden;
}

.home_teacher_wrapper {
    display: grid;
    gap: var(--gap50);
    grid-template-columns: 600px 1fr;
}

.home_teacher_image_wrapper {
    position: relative;
}

.home_teacher_main_img {
    max-height: 600px;
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.home_teacher_mini_card {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 160px;
    height: 110px;
    background: #000;
    border: 3px solid #fff;
    border-radius: 12px;
    overflow: hidden;
    z-index: 4;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.home_teacher_mini_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_teacher_content .comman_pera {
    margin-left: inherit;
}

.home_teacher_list {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.home_teacher_list li {
    display: flex;
    align-items: flex-start;
    margin: 0;
    width: calc(50% - 15px);
    padding: 15px;
    box-shadow: 0 10px 30px #3c1f7a33;
    border-radius: 15px;
    gap: 8px;
}

.htl_img_box img {
    width: 24px;
    transform: translateY(3px);
}

.htl_text_box {
    display: flex;
    flex-direction: column;
}

.htl_text_box span {
    margin-bottom: 0;
    font-size: 14px;
}
.htl_text_box strong {
    color: var(--headingColor3);
    line-height: normal;
}

.home_teacher_content .btn_box {
    justify-content: flex-start;
}


/*=====================( Section-5 )======================*/
/*=====================( Section-5 )======================*/
/*=====================( Section-5 )======================*/

.home_buy_section{
    background-color: var(--bgColor3);
    background-color: var(--bgColor5);
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.home_buy_section::before {
    content: '';
    background-color: #2a0b5008;
    width: 200%;
    height: 200%;
    position: absolute;
    animation: home_blobAnimate1 7s ease-in-out infinite;
    bottom: -200px;
    z-index: -1;
}

.home_buy_section .comman_pera {
    margin-left: inherit;
}

.home_buy_wrapper {
    display: flex;
    align-items: center;
    gap: var(--gap50);
}

.home_buy_left {
    width: 60%;
}

.home_buy_right {
    width: 40%;
    height: 500px;
}
.home_buy_right img {
    animation: home_blobAnimate4 7s ease-in-out infinite;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 12px solid var(--bgColor4);
}

.home_buy_section .custom_heading2 .comman_pera{
    margin-left: inherit;
}


.hbf_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.hbf_box {
    padding: 15px;
    box-shadow: 0 10px 30px #3c1f7a33;
    border-radius: 15px;
    background-color: var(--bgColor5);
    position: relative;
    padding-bottom: 50px;
    transition: var(--transition);
    position: relative;
    z-index: 9;
    overflow: hidden;
    transition: var(--transition);
}

.hbf_box::before {
    content: '';
    background-color: #2a0b5008;
    width: 300%;
    height: 200%;
    position: absolute;
    z-index: -1;
    animation: home_blobAnimate4 7s ease-in-out infinite;
}

.hbf_box:nth-child(odd)::before{
    animation: home_blobAnimate3 15s ease-in-out infinite;
}

.hbf_box:nth-child(2)::before{
    animation: home_blobAnimate4 15s ease-in-out infinite;
}

.hbf_box:nth-child(4)::before{
    animation: home_blobAnimate2 15s ease-in-out infinite;
}

.hbf_box:nth-child(odd){
    background-color: var(--bgColor2);
}

.hbf_box:hover{
    background-color: var(--bgColor4);
    box-shadow: 0 5px 20px #ffffff78;
    transform: translateY(-2px);
}

.hbf_box a {
    display: block;
    width: 100%;
    height: 100%;
}

.hbf_img{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebd8ff;
    margin-bottom: 15px;
    padding: 10px;
}

.hbf_box a img {
    object-fit: contain;
}
.hbf_box a h6{
    margin-bottom: 5px;
}

.hbf_box a p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 0;
}

.hbf_box a span {
    color: var(--headingColor3);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    bottom: 20px;
}

.hbf_box a span::before {
    content: '';
    position: absolute;
    background-color: var(--headingColor3);
    width: 0;
    height: 1px;
    bottom: -4px;
    transition: var(--transition);
}

.hbf_box:hover a span::before{
    width: 100%;
}

.custom_link{
    color: var(--bgColor7);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.custom_link::before {
    content: '';
    position: absolute;
    background-color: var(--bgColor7);
    width: 0;
    height: 1px;
    bottom: 0;
    transition: var(--transition);
}

.custom_link:hover::before{
    width: 100%;
}

/*=====================( Section-6 )======================*/
/*=====================( Section-6 )======================*/
/*=====================( Section-6 )======================*/


.home_blog{
    position: relative;
    background-color: var(--bgColor4);
}

.home_blog-card{
    background:var(--bgColor2);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.3s;
}

.home_blog-card:hover{
    transform:translateY(-8px);
}

.home_blog-img{
    position:relative;
    height:220px;
    overflow:hidden;
}

.home_blog-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.4s;
}

.home_blog-card:hover img{
    transform:scale(1.1);
}

.home_blog-tag{
    position:absolute;
    top:15px;
    left:15px;
    background:var(--bgColor7);
    color:var(--peraColor2);
    padding:5px 12px;
    border-radius:20px;
    font-size:12px;
}

.home_blog-content{
    padding:20px;
}

.home_blog-content h3{
    margin-bottom: 10px;
    font-size: var(--h5_size);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home_blog-content> p{
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.home_blog-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:var(--customSize14);
}


.home_blog .btn_box{
    justify-content: center;
    margin-top: 60px;
}

/*=====================( Section-7 )======================*/
/*=====================( Section-7 )======================*/
/*=====================( Section-7 )======================*/


.home_testi_section {
    background-color: var(--bgColor2);
}

.home_testi_card {
    background: var(--bgColor4);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    transition: transform 0.3s ease;
    border: 1px solid var(--bgColor6);
    height: 100%;
    padding-bottom: 110px;
    z-index: 9;
    overflow: hidden;
}

.home_testi_card::before {
    position: absolute;
    content: '';
    background: url(../images/icons/testimonial_quote.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
    width: 150px;
    height: 150px;
    bottom: 0;
    right: 20px;
    opacity: 0.1;
}

.home_testi_section .slick-track {
    display: flex;
}

.home_testi_section .slick-slide {
    height: auto;
}
.home_testi_section .slick-slide > div {
    height: 100%;
}

.home_testi_text {
    font-style: italic;
    margin-bottom: 20px;
    border-bottom: 1px dotted var(--bgColor5);
    padding-bottom: 20px;
}

.home_testi_user {
    display: flex;
    align-items: center;
    gap: 15px;    
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.home_testi_user_img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    object-fit: cover;
    border: 2px solid #8b5cf6;
}

.home_testi_user_name {
    margin: 0;
    font-size: var(--h6_size);
    font-weight: 700;
}

.home_testi_user_location {
    margin: 0;
    font-size: var(--customSize14);
}


/*=====================( Section-8 )======================*/
/*=====================( Section-8 )======================*/
/*=====================( Section-8 )======================*/

.home_faq_section {
    background-color: var(--bgColor4);
}

.home_faq_wrapper {
    display: grid;
    gap: var(--gap50);
    grid-template-columns: 500px 1fr;
    align-items: center;
}
.home_faq_image_side {
    width: 100%;
    display: flex;
    gap: 15px;
    position: relative;
}

.home_faq_main_img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    z-index: 2;
    position: relative;
    overflow: hidden;
}
.home_faq_img_decoration{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home_faq_img_decoration::before {
    position: absolute;
    content: '';
    top: -20px;
    left: -20px;
    width: 100px;
    height: 100px;
    background-color: #e9d5ff;
    border-radius: 50%;
    box-shadow: 0 10px 30px #3c1f7a33;
    z-index: 1;
}
.home_faq_img_decoration::after {
    position: absolute;
    content: 'FAQ';
    bottom: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    background-color: #e9d5ff;
    border-radius: 50%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 10px 30px #3c1f7a33;
}
.home_faq_content_side {
    width: 100%;
}

.home_faq_accordion {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.home_faq_item {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f3e8ff;
    overflow: hidden;
}

.home_faq_item input[type="radio"] {
    display: none;
}

.home_faq_content_side .comman_pera {
    margin-left: inherit;
}

.home_faq_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: var(--headingColor3);
    cursor: pointer;
    margin: 0;
    transition: background 0.3s;
    font-weight: 600;
    font-size: var(--customSize16);
}

.home_faq_question:hover {
    background: #fdfbff;
}

.home_faq_icon::after {
    content: "+";
    font-size: 20px;
    color: var(--bgColor7);
}

.home_faq_answer {
    max-height: 0;
    overflow: hidden;
    transition:
    max-height 0.4s ease-out,
    padding 0.3s;
    padding: 0 20px;
}

.home_faq_item input[type="radio"]:checked ~ .home_faq_answer {
    max-height: 200px; /* Adjust based on content */
    padding: 0 20px 15px 20px;
    overflow-y: auto;
}

.home_faq_item input[type="radio"]:checked ~ .home_faq_question .home_faq_icon::after {
    content: "-";
}

/*=====================( Section-9 )======================*/
/*=====================( Section-9 )======================*/
/*=====================( Section-9 )======================*/

.home_contact_section {
    background-color: var(--bgColor5);
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.home_contact_section::before{
    position: absolute;
    content: '';
    background: url(../images/bg_art5.png);
    background-position: left bottom;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.05;
    z-index: -1;
}

.home_contact_wrapper {
    display: flex;
    gap: var(--gap50);
    align-items: center;
    max-width: var(--innercontainer);
    margin: 0 auto;
}

.home_contact_info {
    width: 50%;
}

.home_contact_details {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-top: 1px dashed var(--bgColor3);
    padding-top: 30px;
}

.home_contact_item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.home_contact_icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: #decdf1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_contact_icon img {
    width: 20px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(6%) sepia(61%) saturate(4452%) hue-rotate(262deg) brightness(101%) contrast(103%);
}

.home_contact_item h4 {
    margin: 0;
    font-size: var(--h6_size);
}

.home_contact_item p {
    margin: 0;
}

.home_contact_form_wrapper {
    flex: 1;
    width: 50%;
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 0 50px -12px rgb(0 0 0 / 37%);
}

.home_form_group {
    margin-bottom: 15px;
}

.home_form_group input,
.home_form_group select,
.home_form_group textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
    line-height: 1.2;
}

.home_form_group input:focus,
.home_form_group select:focus,
.home_form_group textarea:focus {
    border-color: #8b5cf6;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.1);
}

.home_date_input {
    width: 100%;
    padding: 15px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    font-size: 15px;
    color: #6b7280; 
    outline: none;
    transition: 0.3s;
    cursor: pointer;
}

.home_date_input:focus {
    border-color: #8b5cf6;
    background: #fff;
    color: #1e1b4b;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.1);
}

.home_date_input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(45%) sepia(87%) saturate(300%) hue-rotate(220deg) brightness(90%) contrast(90%);
}

.home_contact_form .btn_box .custom_btn img{
    transition: 0.3s all ease;
}

.home_contact_form .btn_box .custom_btn:hover img{
    transform: rotate(15deg);
}


/*=====================( Section-10 )======================*/
/*=====================( Section-10 )======================*/
/*=====================( Section-10 )======================*/

.home_price_section {
    background-color: var(--bgColor4);
    position: relative;    
}

.home_price_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--gap30);
}

.home_price_card {
    background: var(--bgColor2);
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid var(--bgColor6);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    z-index: 9;
}

.home_price_card:hover {
    transform: translateY(-10px);
}

.home_price_featured {
    border: 1px solid var(--bgColor7);
    background: var(--bgColor5);
}

.home_badge {
   position: absolute;
   top: 10px;
   right: 10px;
   background: var(--bgColor6);
   color: var(--peraColor2);
   padding: 5px 12px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 600;
   left: 50%;
   transform: translateX(-50%);
   width: 140px;
}

.home_price_plan_name {
    margin-bottom: 15px;
    font-size: var(--h3_size);
}

.home_price_plan_desc {
    margin-bottom: 15px;
    line-height: 1.5;
}

.home_currency {
    margin-bottom: 30px;
    color: var(--headingColor5);
    font-family: var(--heading_font_family);
    line-height: var(--heading_line_height);
    font-size: var(--h2_size);
    font-weight: 800;
}

.home_duration {
    font-size: var(--customSize16);
    font-weight: 500;
    text-transform: capitalize;
}

.home_price_value {
    margin-bottom: 25px;
}

.home_price_features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
}

.home_price_features li {
    margin-bottom: 5px;
    font-size: 16px;
    color: var(--peraColor4);
    padding-left: 25px;
    position: relative;
}

.home_price_features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #c0a080;
    font-weight: bold;
}

.home_price_card .custom_btn,
.home_price_card .custom_btn{
    justify-content: center;
    width: 100%;
}

.price_bg_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .2s all;
    z-index: -1;
}

.home_price_card:hover .price_bg_img {
    opacity: 0.1;
}


/*============================================( Blog Listing )==============================================*/
/*============================================( Blog Listing )==============================================*/
/*============================================( Blog Listing )==============================================*/


.blog_listing_grid {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap:var(--gap30);
    display: grid;
}


/*.inner_header {
    text-align: center;
    margin-bottom: 35px;
    background: var(--bgColor5);
    padding: 50px;
    border-radius: 15px;
    }*/

    /*============================================( Blog Details )==============================================*/
    /*============================================( Blog Details )==============================================*/
    /*============================================( Blog Details )==============================================*/

    .home_blog_detail_section {

    }

    .home_blog_detail_container {
        max-width: calc(var(--innercontainer) + 80px);
        margin: 0 auto;
     /*   padding-left: 15px;
        padding-right: 15px;*/
    }

    .home_blog_detail_header {
        text-align: center;
        margin-bottom: 25px;
    }

    .home_detail_category {
     background: var(--bgColor7);
     color: var(--peraColor2);
     padding: 5px 12px;
     border-radius: 20px;
     font-size: 14px;
     font-weight: 600;
     display: inline-block;
     margin-bottom: 10px;
 }

 .home_detail_title {
    font-size: var(--h1_size);
}

.home_detail_meta {
 font-size: 15px;
 color: var(--peraColor4);
 font-family: var(--pera_font_family);
 text-transform: capitalize;
}

.home_meta_divider {
    margin: 0 5px;
    color: #cbd5e1;
}

/* Image */
.home_detail_featured_img {
 border-radius: 12px;
 object-fit: cover;
 position: relative;
 width: 100%;
 padding-top: 44%;
 overflow: hidden;
 margin-bottom: 25px;
 box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.home_detail_featured_img img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: var(--transition);
}

.home_detail_layout {
    gap: var(--gap50);
    align-items: start;
    display: flex;
}



.home_detail_article {
    flex: 2;
    min-width: 300px;
    color: #334155;
    font-size: 18px;
    line-height: 1.8;
}

/*.home_detail_article h1, 
.home_detail_article h2,
.home_detail_article h3, 
.home_detail_article h4,
.home_detail_article h5,
.home_detail_article h6{
    font-size: var(--h3_size);
}
*/
.home_detail_article h1{font-size: var(--h3_size);} 
.home_detail_article h2{font-size: var(--h3_size);}
.home_detail_article h3{font-size: var(--h3_size);} 
.home_detail_article h4{font-size: var(--h4_size);}
.home_detail_article h5{font-size: var(--h5_size);}
.home_detail_article h6{font-size: var(--h6_size);}





.home_detail_article ul {
    display: grid;
    gap: 5px;
    margin-bottom: 15px;
    padding-left: 20px;
    font-family: var(--pera_font_family);
}

.home_detail_article ul li {
    list-style-type: disc;
}

.home_detail_article p,
.home_detail_article ul li,
.home_detail_article ul li a {
    color: var(--peraColor4);
    font-family: var(--pera_font_family);
    line-height: 1.6;
}

.home_detail_article ul li a {
    display: inline-block;
    color: var(--peraColor5);
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
}

.home_detail_article p strong,
.home_detail_article strong {
 display: inline;
 margin: 0;
 color: var(--peraColor1);
 font-family: var(--pera_font_family);
 font-weight: 700;
 font-style: italic;
}

.home_detail_article strong{
    margin-bottom: 15px;
    display: inline-block;
}
.home_detail_article small{
    margin-bottom: 15px;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
}

.home_detail_article ul li strong{
    margin-bottom: 0;
}

.inner_grid_box ul {
    margin-bottom: 0;
}

.home_detail_article p{
    color: var(--peraColor4);
}

.home_detail_article p mark {
    font-style: italic;
    font-size: 14px;
    background: transparent;
    color: red;
}

.home_detail_article p a {
    color: var(--peraColor5);
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
}

.home_detail_article blockquote {
    border-left: 5px solid var(--bgColor7);
    padding: 20px 30px;
    margin-bottom:15px;
    background: var(--bgColor5);    
    border-radius: 0 15px 15px 0;    
}

.home_detail_article blockquote p{
    font-style: italic;
    color: var(--bgColor7);
    font-family: var(--pera_font_family);
    font-weight: 600;
    font-size: var(--peraSize);
    line-height: 1.6;
    /*line-height: calc(var(--peraSize) * var(--pera_line_height));*/
}

.home_detail_article blockquote p strong{
    margin-bottom: 0;
}

.bog_inner_faq{
  margin-bottom: var(--gap15);
}

.inner_grid_box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--gap15);
    margin-bottom: var(--gap15);
}

.igb_box {
    background: var(--bgColor9);
    border-radius: 24px;
    padding: var(--gap15);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 2px solid #fff;
}

.igb_box span {
    font-size: 14px;
    color: var(--peraColor5);
    text-transform: uppercase;
    font-weight: 600;
}

.igb_box h6{
    font-size: var(--h6_size);
    margin: 5px 0 5px;
}

.igb_box .btn_box a{
    background-color: var(--button_bg7)
}

.igb_box .btn_box a:hover{
    background-color: var(--buttonHover_bg6);
}


.igb_mb15{
    margin-bottom: var(--gap15);
}


.table_box{
    margin-bottom: var(--gap15);
    overflow-x: auto;
}

.table_box table{
    text-align: left;        
}

.inner_grid_box.column_one {
    grid-template-columns: 1fr;
}

.linker_scroll ul li a{
    background-color: transparent;
    text-decoration: underline;
    color: var(--peraColor5);
    font-weight: 600;
}

.youtube-cta {
    /*margin-bottom: var(--gap15);*/
    margin: var(--gap15) 0;
}

/* Sidebar */

.hodela_indide {
    width: calc(100% - 380px);
}

.home_detail_sidebar {
     flex: 1;
    min-width: 380px;
    position: sticky;
    top: 150px;
}

.home_sidebar_box {
    background: var(--bgColor2);
    padding: var(--gap30);
    border-radius: 20px;
    margin-bottom: 30px;
    border: 1px solid #f3e8ff;
}

.home_sidebar_box h4 {
    color: #1e1b4b;
    margin-bottom: 15px;
    border-bottom: 2px solid #f3e8ff;
    padding-bottom: 10px;
    font-size: var(--h5_size);
}

.home_sidebar_box small {
    font-size: 12px;
    font-style: italic;
    margin: 0 0 15px 0;
    display: inline-block;
    line-height: 1.5;
    color: var(--headingColor3);
    font-weight: 500;
}

.home_related_list {
    list-style: none;
    padding: 0;
}

.home_related_list li {
  margin-bottom: 5px;
  color: var(--peraColor6);
}

.home_related_list li> a {
  text-decoration: none;
  color: var(--peraColor3);
  font-weight: 500;
  transition: 0.3s;
}

.home_related_list li >a:hover {
    color: var(--peraColor6);
    text-decoration: underline;
}


.author_img{
    border-radius: 6px;
    object-fit: cover;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.author_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
    object-position: top;
}

.author_detail{
    text-align: center;
}

.author_detail h5{
    margin-bottom: 5px;
}

.side_socail ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.side_socail ul li{
    transition: 0.2s all;
}
.side_socail ul li img {
    width: 40px;
    box-shadow: 0 10px 30px #3c1f7a33;
    border-radius: 50px;
}

.side_socail ul li:hover{
    transform: translateY(-5px);
}

.sidebar_buy_link h6 {
    font-size: 16px;
    margin-bottom: 3px;
}

.sidebar_buy_link p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 3px;
}

.sidebar_buy_link span {
    font-size: 14px;
    color: var(--peraColor5);
    font-weight: 700;
    text-decoration-line: underline;
}

.sidebar_buy_link a {
    display: block;
}

.sidebar_buy_wrap {
    display: grid;
    gap: 10px;
}


/*.home_detail_article >p:first-of-type::first-letter{
  color: var(--bgColor7);
  font-size: 80px;
  font-weight: 600;
  }*/


  /*----------2---------*/

  .youtube-cta-content{
    max-width: 100%;
    text-align: center;
    padding: var(--gap30);
    border-radius: 12px;
    background: linear-gradient(135deg, #fff7e8, #ffffff);
    border: 1px solid #f1e3b8;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.youtube-cta-content .comman_tag{
    font-size: 12px;
    line-height: 1;
}

.youtube-cta h4{
    font-size: var(--h5_size);
    margin: 10px 0;
}

.youtube-btn{
    display: inline-flex;
    background: #ff0000;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.youtube-btn svg{
    width:22px;
    height:22px;
}

.youtube-btn:hover{
    transform:translateY(-3px);
}

.youtube-cta-content .youtube-btn{
    margin-top: 15px;
}

/* Buy Link */

.book-recommendation{
    margin-top: var(--gap30);
    padding: var(--gap30);
    border-radius: 12px;
    background: linear-gradient(135deg, #fff7e8, #ffffff);
    border: 1px solid #f1e3b8;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    margin-bottom: var(--gap15);
}

.book-recommendation h3{
    font-size: var(--h3_size);
    margin-bottom: 10px;
}


.book-recommendation .comman_tag {
    margin-bottom: 15px;
}

.book-list{
    display: flex;
    gap: var(--gap15);
    flex-wrap: wrap;
}


.book-item span{
    display: block;
    color: var(--peraColor5);
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: capitalize;
}

.book-item{
    background: #fff;
    padding: var(--gap30);
    border-radius: 18px;
    border: 1px solid #ececec;
    flex: auto;
    width: calc(50% - 7.5px);
}

.book-item h4{
    margin-bottom: 5px;
    font-size: var(--h5_size);
}

.book-item a {
    display: inline-flex;
    background: #ff9900;
}

.book-recommendation small {
    font-size: 12px;
    font-style: italic;
    margin: 9px 0 0 0 ;
    display: inline-block;
    line-height: 1.3;
}

/*  free Guide */


.insie_link ul li{

}

.blog-cta-content .comman_tag {
    margin-bottom: 10px;
    font-size: 12px;
}

.blog-cta-content{
    padding:var(--gap30);
    border-radius:12px;
    background:#111827;
    border:1px solid #e5e7eb;
    text-align:center;
    margin-bottom: var(--gap15);
}

.blog-cta-content h3,
.blog-cta-content p{
    color:var(--headingColor2);
}

.blog-cta-btn{
    background: var(--button_bg6);
    color: var(--buttonColor2);
}

.blog-cta-btn:hover{
    background-color: var(--buttonHover_bg5);
    transform:translateY(-2px);
}

.blog-cta-content .btn_box {
    justify-content: center;
}


/*=======( conatct Start )========*/

.contact_us .home_contact_section{
    background-color: var(--bgColor2);
}

.contact_us .home_contact_section .comman_tag{
    background: var(--bgColor5);
}

/*=======( conatct End )========*/




/*==================================( About us Design Start )===============================*/
/*==================================( About us Design Start )===============================*/
/*==================================( About us Design Start )===============================*/


.home_bio_section {
   background: var(--bgColor5);
}

.home_bio_wrapper{

}

.home_bio_wrapper .home_bio_gird:last-child {
    flex-direction: row-reverse;
}

.home_bio_gird {
    max-width: var(--innercontainer);
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: var(--gap50);
    flex-wrap: wrap;
}

.home_bio_visuals {
    flex: 1;
    position: relative;
    min-width: 400px;
}

.home_bio_main_img_wrapper {
    z-index: 2;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.home_bio_img {
    border-radius: 50px 150px 50px 50px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.home_bio_small_card {
    position: absolute;
    bottom: -30px;
    left: -20px;
    width: 220px;
    border: 5px solid #fff;
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    overflow: hidden;
    height: 200px;
}

.home_bio_small_card img { 
    width: 100%; 
    display: block;
    height: 100%;
    object-fit: cover;
}

.home_bio_content {
    flex: 1.2;
    min-width: 350px;
}

.home_bio_quote {
  background: var(--bgColor2);
  color: var(--bgColor7);
  padding: 30px;
  border-radius: 0 50px 20px 50px;
  position: relative;
  margin-top: 30px;
  font-style: italic;
  border-left: 5px solid var(--bgColor7);
}

.home_bio_quote p{
    color: inherit;
}

/*5*/

.home_teachings_section {

}

.home_wrapper {
    max-width: var(--innercontainer);
    margin: 0 auto;
}

.home_title_line {
    width: 60px;
    height: 3px;
    background: #c0a080; 
    margin: 0 auto;
}


.home_teachings_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--gap30);
    margin-bottom: 100px;
}

.home_teaching_card {
    background: var(--bgColor2);
    padding: 40px 30px;
    border-radius: 20px;
    border: 1px solid #f3e8ff;
    transition: 0.3s ease;
    box-shadow: 0 10px 30px #3c1f7a33;
}

.home_teaching_card:hover {
    transform: translateY(-5px);
    border-color: #8b5cf6;
    box-shadow: 0 20px 40px rgba(139, 92, 246, 0.08);
}

.home_card_icon {
    font-size: 32px;
    margin-bottom: 15px;
}

.home_teaching_card h3 {
 font-size: var(--h5_size);
}


.home_trust_box {
    background: var(--bgColor7);
    border-radius: 40px;
    padding: 60px;
    display: flex;
    align-items: center;
    gap: var(--gap50);
    color: var(--peraColor2);
    flex-wrap: wrap;
}

.home_trust_content {
    flex: 1.2;
    min-width: 350px;
}

.home_trust_title {
  color: var(--headingColor5);
}

.home_trust_title span {
    color: var(--headingColor4);
}

.home_trust_text p {
 color: var(--peraColor2);
}

.home_mission_statement {
    margin-top: 30px;
    padding: 20px;
    border-left: 4px solid #8b5cf6;
    background: rgba(139, 92, 246, 0.1);
    border-radius: 0 15px 15px 0;
}

.home_mission_statement p{
    color: var(--peraColor5);
}

/* Visual Video Style */
.home_trust_visual {
    flex: 1;
    position: relative;
    min-width: 300px;
}

.home_video_wrapper {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.home_trust_img {
    width: 100%;
    display: block;
}

.home_play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: #c0a080;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #1e1b4b;
    cursor: pointer;
    transition: 0.3s;
}

.home_play_btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/*===================*/

.yoga-trial-section{
    position:relative;  
    overflow:hidden;
    background:var(--bgColor8);
    z-index: 9;
}

.yoga-trial-section::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transform: rotate(45deg);
    z-index: -1;
    opacity: 0.1;
    top: 0;
    left: 0;
}

.yoga-trial-section::after{
 position: absolute;
 content: '';
 width: 20%;
 height: 100%;
 background-color: #ffffff;
 transform: rotate(135deg);
 z-index: -1;
 opacity: 0.1;
 top: 0;
 right: 0;
}

.ytc_inside{
    display: grid;
    grid-template-columns: 1.4fr .6fr;
    gap: var(--gap30);
    align-items: center;
    position: relative;
  /*  max-width: calc(var(--innercontainer) + 100px);
    margin-left: auto;
    margin-right: auto;*/
}

.trial-content .custom_heading{
    text-align: left;
    margin-bottom: 20px;
}

.trial-content .custom_heading .comman_title span{
    color: var(--headingColor2);
}
.trial-content .custom_heading .comman_title {
    font-size: calc(var(--h1_size) + 10px);
}
.trial-content .custom_heading .comman_pera{
    margin-left: inherit;
    color: var(--peraColor2);
    max-width: 100%;
}

.benefits{
    display:flex;
    flex-wrap: wrap;
    gap:var(--gap15);
}

.benefit-card{
    display: flex;
    gap: var(--gap15);
    align-items: center;
    padding: 5px 14px;
    border-radius: 7px;
    background: #00696cba;
    border: 2px solid #ffffff82;
    transition: .4s;
    backdrop-filter: blur(12px);
}

.benefit-card:hover{
    transform:translateY(-6px);
    border-color:#f6c453;
    background:rgba(255,255,255,.06);
}

.benefit-icon{
    min-width:70px;
    height:70px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    background:linear-gradient(135deg,#f6c453,#ffdb8d);
    display: none;
}

.benefit-card p{
    color: var(--peraColor2);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 14px;
}

.trial-box{
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    background: var(--bgColor8);
    border: 2px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
}

.trial-image{
    height:300px;
    overflow:hidden;
}

.trial-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s;
}

.trial-box:hover img{
    transform:scale(1.08);
}

.trial-details{
    padding:var(--gap30);
    position:relative;
    z-index:2;
    text-align: center;
}

.trial-details .btn_box {
    margin-top: 0;
    justify-content: center;
}
.trial-details small{
    display:block;
    margin-top:20px;
    color:rgba(255,255,255,.55);
    font-size:14px;
}

.floating-ring{
 position: absolute;
 width: 260px;
 height: 260px;
 border: 10px solid rgba(255, 255, 255, .08);
 border-radius: 50%;
 top: -120px;
 right: -120px;
 z-index: 9;
}

.bg-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
}

.orb-1{
    width:350px;
    height:350px;
    background:#6f31ff;
    top:-100px;
    left:-100px;
    opacity:.25;
}

.orb-2{
    width:280px;
    height:280px;
    background:#ffb347;
    bottom:-80px;
    right:-80px;
    opacity:.15;
}

/* 4 .2 End*/


/* 5.1 strat*/

.social-proof-section{
    position:relative;
    overflow:hidden;
    background:
    radial-gradient(circle at top left,#431a75 0%,transparent 35%),
    radial-gradient(circle at bottom right,#f6c45318 0%,transparent 30%),
    linear-gradient(135deg,#120320,#090312);

    /*background: var(--bgColor8);*/
    background: var(--bgColor7);
    z-index: 9;
}


.social-proof-section::before{
    position: absolute;
    content: '';
    background: url(../images/bgart4.png);
    background-position: left bottom;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    z-index: -1;
    animation: waveMove 100s linear infinite;
}

@keyframes waveMove {
    from {background-position: 0 0;}        
    to {background-position: 3840px 0;}     
}

.social_wrapper{
    display: grid;
    grid-template-columns: 550px 1fr;
    gap: var(--gap30);
    align-items: center;
    position: relative;
}

.social-left .custom_heading{
    text-align: left;
}


.scu_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.social-right{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:var(--gap15);
}

.social-card{
    position: relative;
    padding: var(--gap30);
    border-radius: 15px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    transition: .3s;
    overflow: hidden;
}

.social-card:hover{
    transform:translateY(-8px);
    border-color:#f6c453;
}

.platform-icon{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 700;
}

.platform-icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(259deg) brightness(103%) contrast(101%);
}

.youtube{
    background:linear-gradient(135deg,#ff4b4b,#ff0000);
    color:#fff;
}

.instagram{
    background:linear-gradient(135deg,#ffcc70,#ff4f81,#8c52ff);
    color:#fff;
}

.facebook{
    background:linear-gradient(135deg,#1877f2,#4e9dff);
    color:#fff;
}

.social-count h3{
    color: var(--headingColor6);
    margin-bottom: 5px;
}

.social-card h5 {
    color: var(--headingColor2);
    margin-bottom: 0; 
}

.social-count span{
    color: var(--peraColor2);
    margin-bottom: 0;
    display: block;
    font-family: var(--pera_font_family);
    font-size: var(--peraSize);
}

.social-count .custom_btn {
   margin-top: var(--gap20);
   justify-content: center;
}


/* BACKGROUND GLOW */

.social-bg-circle{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
}

.circle-1{
    width:350px;
    height:350px;
    background:#6d35ff;
    top:-120px;
    left:-120px;
    opacity:.25;
}

.circle-2{
    width:280px;
    height:280px;
    background:#f6c453;
    bottom:-100px;
    right:-100px;
    opacity:.12;
}

.youtube-card{
    background: #4a000b;
}

.instagram-card {
    background-color: #082d56;
}
.seeker-card{
    background-color: #1d645a6b;
}

.seeker-card .social-count span {
    font-weight: 600;
    color: var(--peraColor2);
    font-size: var(--h3_size);
}

.youtube-card .custom_btn{
    background-color: #f11132;
}

.instagram-card .custom_btn{
    background-color: #118bb7;
}
.social-count .custom_btn {
    position: relative;
    overflow: hidden;
    transition: 0.5s all;
}
.social-count .custom_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff21;
    transform: rotate(45deg);
    left: -120px;
    transition: 0.5s all;
}

.social-count .custom_btn:hover::before {
   left: 120px;   
}


/* section - 6 start */


/*==================================( privacy-page Design Start )===============================*/
/*==================================( privacy-page Design Start )===============================*/
/*==================================( privacy-page Design Start )===============================*/

/*
.cms-page {
    padding: 80px 0;
    background: #f7f9fc;
}

    .cms-banner {
     text-align: center;
     background: linear-gradient(135deg, #ffffff, #eef4ff);
     border-radius: 24px;
     padding: var(--gap50);
     margin-bottom: var(--gap30);
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
 }

 .cms-tag {
    display: inline-block;
    padding: 6px 15px;
    background: #0d6efd;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.cms-banner h1 {
    font-size: clamp(32px, 5vw, 52px);
    margin-bottom: var(--gap15);
    color: #111827;
    color: var(--headingColor5);
}

.cms-content {
    background: #fff;
    border-radius: 24px;
    padding: 50px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.06);
}

.cms-section {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e7eb;
}

.cms-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.cms-section h2 {
    font-size: 26px;
    color: #111827;
    margin-bottom: 15px;
}

.cms-section p,
.cms-section li {
    color: #4b5563;
    line-height: 1.9;
    font-size: 16px;
}

.cms-section ul {
    padding-left: 20px;
}


.cms_last_update {
    margin-bottom: var(--gap30);
    padding-bottom: var(--gap30);
    border-bottom: 1px solid #ccc;
}

.cms_last_update p {    
    line-height: normal;
}

.cms_last_update p strong{
    color: var(--peraColor1);
}
*/



/* ===============================( CMS Pages Start )=================================*/
/* ===============================( CMS Pages Start )=================================*/
/* ===============================( CMS Pages Start )=================================*/

.cms_pages_main {
    position: relative;
    padding-top: 30px;
    padding-bottom: 80px;
}


.cms_last_update {
    margin-bottom: var(--gap30);
    padding-bottom: var(--gap30);
    border-bottom: 1px solid #ccc;
}

.cms_last_update p {    
    line-height: normal;
}

.cms_last_update p strong{
    color: var(--peraColor1);
}

.cms-tag {
    display: inline-block;
    padding: 6px 15px;
    background: #0d6efd;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/*.cms_extra_wapper{
    background: linear-gradient(135deg, #ffffff, #eef4ff);
    border-radius: 24px;
    padding: var(--gap50);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
*/
.cms_pages_wrapper {
  background: linear-gradient(135deg, #ffffff, #eef4ff);
  border-radius: 24px;
  padding: var(--gap50);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.cms_pages_title {
 border-bottom: 4px solid #0d6efd;
 text-align: center;
 background: #fff;
 border-radius: 24px;
 padding: var(--gap50);
 margin-bottom: var(--gap30);
 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
 position: relative;
 z-index: 9;
 overflow: hidden;
}


.cms_pages_title::before {
    position: absolute;
    content: '';
    background: url(../images/bgart2.png);
    background-position: left bottom;
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    z-index: -1;
    animation: waveMove 100s linear infinite;
}

.cms_pages_title h1 {
    margin: 0 0 10px 0;
}

.cms_pages_wrap h1,
.cms_pages_wrap h2,
.cms_pages_wrap h3,
.cms_pages_wrap h4,
.cms_pages_wrap h5,
.cms_pages_wrap h6,
.cms_pages_wrap strong {
    margin: 0 0 15px;
    font-family: var(--heading_font_family);
    color: var(--headingColor1);
    display: block;
    font-size: var(--h3_size);
}

.cms_pages_wrap p strong,
.cms_pages_wrap ul li strong {
    display: inline-block;
    margin: 0;
}

.cms_pages_wrap p,
.cms_pages_wrap ul li,
.cms_pages_wrap ul li strong,
.cms_pages_wrap ul li a,
.cms_pages_wrap blockquote p {
    font-size: var(--peraSize);
    line-height: calc(var(--peraSize) * var(--pera_line_height));
    font-weight: 400;
    color: var(--peraColor4);
    font-family: var(--pera_font_family);
}

.cms_pages_wrap ul li strong{
    font-weight: 700;
}

.cms_pages_wrap ul li a{
   color: var(--peraColor5);
   font-weight: 700;
   font-style: italic;  
}

.cms_pages_wrap ul li a:hover{
    color: var(--hoverColor4);
}

.cms_pages_wrap p a {
    font-weight: 600;
    font-style: italic;
    color: var(--peraColor5);
}
.cms_pages_wrap p a:hover {
    color: var(--hoverColor4);
}

.cms_pages_wrap ul {
    display: grid;
    gap: 5px;
    margin-bottom: 15px;
    padding-left: 20px;
    font-family: var(--pera_font_family);
}

.cms_pages_wrap ul li {
    list-style-type: disc;
}

.cms_pages_wrap blockquote {
    border: 1px solid #e0e0e0;
    border-left: 5px solid #f0700a;
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 15px;
    max-width: 1200px;
}

.cms_pages_wrap blockquote p {
    margin-bottom: 0;
}

/* ===============================( CMS Pages End )=================================*/
/* ===============================( CMS Pages End )=================================*/
/* ===============================( CMS Pages End )=================================*/


/* ===============================( Course and free guide Pages End )=================================*/
/* ===============================( Course and free guide Pages End )=================================*/
/* ===============================( Course and free guide Pages End )=================================*/


.course_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: var(--gap30);
}

.course_box {
    background: var(--bgColor9);
    border-radius: 24px;
    padding: var(--gap30);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 2px solid #fff;
}

.course_box h3 {
    font-size: var(--h6_size);
}   

.course_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    filter: brightness(0) saturate(100%) invert(87%) sepia(100%) saturate(0%) hue-rotate(266deg) brightness(106%) contrast(103%);
}

.course_img_box {
  position: relative;
  width: 70px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  padding-top: 0;
}

.course_img_box::before {
    content: '';
    position: absolute;
    background: var(--bgColor8);
    width: 100%;
    height: 202px;
    bottom: 0;
    z-index: -1;
    border-radius: 0 0 75px 75px;
    outline: 4px solid var(--bgColor4);
}

.course_box span {
    display: inline-block;
    font-weight: 700;
    color: var(--peraColor5);
    margin: 15px 0;
}


/*===============================*/


.program_go_wrap{
    background-color: var(--bgColor9);
}

.program_go_wrap .btn_box{
    justify-content: center;
}


/*=======*/


.accessibility {
    background-color: var(--bgColor2);
}

.accessibility .custom_heading {
    margin-bottom: 15px;
}

.accessi_grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: var(--gap30);
}

.accessi_img_box {
    width: 90px;
    height: 90px;
    background-color: var(--bgColor3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: 15px;
    justify-content: center;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
    animation: home_blobAnimate1 5s ease-in-out infinite;
    animation-delay: .5s;
}

.accessi_box:nth-child(2) .accessi_img_box{
    animation: home_blobAnimate2 7s ease-in-out infinite;
}
.accessi_box:nth-child(3) .accessi_img_box{
    animation: home_blobAnimate3 6s ease-in-out infinite;
}


.accessi_img_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(99%) sepia(69%) saturate(2303%) hue-rotate(181deg) brightness(104%) contrast(107%);
}


.accessi_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    padding: var(--gap30);
    box-shadow: 0 10px 30px #3c1f7a33;
    border-radius: 15px;
    border: 2px solid #ffffff9e;
    background-color: var(--bgColor5);
}

.accessi_box:nth-child(even){
    background: var(--bgColor9);
}

.accessi_box p {
    color: var(--peraColor1);
}


/*------*/


.newsletter_sec {
  background: #f4f7f6;
  background: var(--bgColor8);
  text-align: center;
  position: relative;
  z-index: 9;
  overflow: hidden;
}

.newsletter_sec::before,
.newsletter-card::before {
    position: absolute;
    content: '';
    background: url(../images/bg_art5.png);
    background-position: left bottom;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.05;
    z-index: -1;
}

.newsletter-card::before{
    transform: rotate(180deg);
}

.newsletter-card {
    max-width: var(--innercontainer);
    margin: 0 auto;
    background: #fff;
    padding: var(--gap50);
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.newsletter-form {
    display: flex;
    gap: var(--gap15);
    margin: var(--gap30) auto 10px;
    max-width: 900px;
    width: 100%;
    align-items: center;
}

.newsletter-form input {
  flex: 1;
  padding: 12px 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  border-radius: 50px;
  width: 100%;
}

.form_box_wrap {
    width: 100%;
    display: flex;
    gap: var(--gap15);
    flex: 1;
}

.form_box{
    width: 50%;
}

.newsletter-features {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
}
.newsletter-features span {
    padding: 14px 24px;
    border-radius: 50px;
    border: 1px solid rgba(214, 178, 85, .35);
    background: rgb(255 0 0 / 3%);
    color: var(--peraColor3);
    font-size: 15px;
    font-weight: 500;
}

.newsletter_sec small{
    font-size: 13px;
    color: var(--peraColor4);
}

/* faq */

.faq-section {
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.faq-section::before{
    position: absolute;
    content: '';
    background: url(../images/bgart5.png);
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.1;
    z-index: -1;
    filter: brightness(0) saturate(100%) invert(10%) sepia(49%) saturate(5764%) hue-rotate(263deg) brightness(63%) contrast(103%);
}


.faq-item {
    border: 1px solid #e5e7eb;
    border-radius: 9px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    z-index: 9;
    position: relative;
}

.faq-item:last-child{
    margin-bottom: 0;
}

.faq-question {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 16px 36px 16px 16px;
    text-align: left;
    line-height: 1.4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--headingColor3);
    cursor: pointer;
    margin: 0;
    transition: background 0.3s;
    font-weight: 600;
    font-size: var(--customSize16);
    position: relative;
}

.faq-question span {
 font-size: 28px;
 transition: 0.3s ease;
 color: var(--headingColor3);
 font-weight: 400;
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.faq-content {
 padding: 0 16px 16px;
 font-family: var(--pera_font_family);
 font-size: var(--peraSize);
 line-height: calc(var(--peraSize) * var(--pera_line_height));
 color: var(--peraColor4);
 font-weight: 400;
}

.faq-item.active .faq-answer {
    max-height: 300px;
}

.faq-item.active .faq-question span {
    transform:translateY(-50%) rotate(45deg);
}

.cour_wrap_grid {
    display: grid;
    gap: var(--gap50);
    grid-template-columns: 1fr 500px;
    align-items: center;
}

.cour_faq_img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    z-index: 2;
    position: relative;
    overflow: hidden;
    height: clamp(500px, 50vh, 800px);
}

.cour_faq_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;

}

/*6*/

.stats_grid {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #0f0f1a;
    padding: var(--gap30);
    font-family: sans-serif;
    border-radius: 12px 12px 0 0;
    max-width: var(--innercontainer);
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 10px 30px #3c1f7a33;
    gap: 15px;
    flex-wrap: wrap;
}
.stat_item {
    text-align: center;
    color: #d4af37;
    flex: 1;
}
.stat_item h3{
    color: var(--headingColor2);
    margin-bottom: 0;
}

/*======================*/

.blog_table_inner {
    width: 100%;
    max-width: 900px;
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    margin-bottom: var(--gap15);
}

.blog_custom_table {
    width: 100%;
    border-collapse: collapse;
    background-color: #111827; 
    text-align: left;
    color: #d1cbd6; 
    font-size: 16px;
}

.blog_custom_table th {
    padding: 16px;
    font-weight: 600;
    font-size: 1.05rem;
    border-bottom: 2px solid #231833;
    color: var(--bgColor6);
}

.blog_custom_table td {
    padding: 16px;
    border-bottom: 1px solid #ffffff26;
    line-height: 1.5;
}

.blog_custom_table tbody tr:nth-child(even) {
    background-color: var(--bgColor9);
}

.blog_custom_table td:first-child {
    color: #ffffff;
    font-weight: 600;
    width: 20%;
    white-space: nowrap;
}
.blog_custom_table tbody tr:hover {
    background-color: var(--bgColor9);
    transition: background-color 0.3s ease;
}