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

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins-v20-latin-regular.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-regulard41d.eot?#iefix") format("embedded-opentype"),
     
        url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"),
    
        url("../fonts/poppins-v20-latin-regular.woff") format("woff"),
   
        url("../fonts/poppins-v20-latin-regular.ttf") format("truetype"),
   
        url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg");
  
} */
/* @font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/poppins-v20-latin-300.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-300d41d.eot?#iefix") format("embedded-opentype"),
    
        url("../fonts/poppins-v20-latin-300.woff2") format("woff2"),
      
        url("../fonts/poppins-v20-latin-300.woff") format("woff"),
   
        url("../fonts/poppins-v20-latin-300.ttf") format("truetype"),
     
        url("../fonts/poppins-v20-latin-300.svg#Poppins") format("svg");
 
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins-v20-latin-regular.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-regulard41d.eot?#iefix") format("embedded-opentype"),
     
        url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"),
    
        url("../fonts/poppins-v20-latin-regular.woff") format("woff"),
   
        url("../fonts/poppins-v20-latin-regular.ttf") format("truetype"),
   
        url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg");
  
}


@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/poppins-v20-latin-italic.eot");
 
    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-italicd41d.eot?#iefix") format("embedded-opentype"),
   
        url("../fonts/poppins-v20-latin-italic.woff2") format("woff2"),
    
        url("../fonts/poppins-v20-latin-italic.woff") format("woff"),

        url("../fonts/poppins-v20-latin-italic.ttf") format("truetype"),
      
        url("../fonts/poppins-v20-latin-italic.svg#Poppins") format("svg");
  
}


@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/poppins-v20-latin-500.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-500d41d.eot?#iefix") format("embedded-opentype"),
     
        url("../fonts/poppins-v20-latin-500.woff2") format("woff2"),
     
        url("../fonts/poppins-v20-latin-500.woff") format("woff"),
    
        url("../fonts/poppins-v20-latin-500.ttf") format("truetype"),
       
   
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/poppins-v20-latin-500italic.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-500italicd41d.eot?#iefix") format("embedded-opentype"),
 
        url("../fonts/poppins-v20-latin-500italic.woff2") format("woff2"),
 
        url("../fonts/poppins-v20-latin-500italic.woff") format("woff"),
   
        url("../fonts/poppins-v20-latin-500italic.ttf") format("truetype"),
      
        url("../fonts/poppins-v20-latin-500italic.svg#Poppins") format("svg");
 
}


@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/poppins-v20-latin-600.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-600d41d.eot?#iefix") format("embedded-opentype"),
 
        url("../fonts/poppins-v20-latin-600.woff2") format("woff2"),
   
        url("../fonts/poppins-v20-latin-600.woff") format("woff"),
      
        url("../fonts/poppins-v20-latin-600.ttf") format("truetype"),
    
        url("../fonts/poppins-v20-latin-600.svg#Poppins") format("svg");
   
}


@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/poppins-v20-latin-700.eot");
 
    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-700d41d.eot?#iefix") format("embedded-opentype"),
 
        url("../fonts/poppins-v20-latin-700.woff2") format("woff2"),
      
        url("../fonts/poppins-v20-latin-700.woff") format("woff"),
   
        url("../fonts/poppins-v20-latin-700.ttf") format("truetype"),
    
        url("../fonts/poppins-v20-latin-700.svg#Poppins") format("svg");
 
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/poppins-v20-latin-800.eot");

    font-display: swap;
    src: local(""),
        url("../fonts/poppins-v20-latin-800d41d.eot?#iefix") format("embedded-opentype"),
   
        url("../fonts/poppins-v20-latin-800.woff2") format("woff2"),
   
        url("../fonts/poppins-v20-latin-800.woff") format("woff"),
     
        url("../fonts/poppins-v20-latin-800.ttf") format("truetype"),
    
        url("../fonts/poppins-v20-latin-800.svg#Poppins") format("svg");
  
} */

/* -----------Css-variable------ */

:root {
    --light-purple: #eafaff;
    /* --purple: #6a49f2; */
    --purple: #00c4b4;
    --bg-purple: #00c4b4;
    /* --dark-purple: #32236f; */
    --dark-purple: #005f7f;
    --body-text-purple: #3e3f66;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #d4d2dd;
    --light-bg: #dfdaf3;
    --white: #fff;
}

/* ------Common-Css------------- */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
    font-family: "Poppins", sans-serif;
    color: var(--body-text-purple);
    background-color: var(--bg-white);
}

.page_wrapper {
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: var(--body-text-purple);
}

a:hover {
    text-decoration: none;
    color: var(--body-text-purple);
}

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

button:focus,
.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.text-blue {
    color: #0d6efd !important;
}

.object-fit-cover {
    object-fit: cover !important;
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }

    .features_section .container {
        max-width: 88%;
    }
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 1300px;
    }

    .features_section .container {
        max-width: 88%;
    }

    .language-selector .btn-lang {
        top: 98px !important;
    }
}

.font_14 {
    font-size: 14px;
}

.section_title {
    text-align: center;
    min-height: 48px;
}

/* section heading h2 */
.section_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-transform: capitalize;
}

.section_title h1 {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
}

.section_title h2 span {
    color: var(--purple);
}

.row_am {
    padding: 100px 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* purple button */
.navbar-expand-lg .nav-link.dark_btn.get-btn {
    background-color: #ff8d00 !important;
    color: #fff !important;
    padding: 15px 36px;
    border: 1px solid #ffffff !important;
    border-radius: 50px;
}

.navbar-expand-lg .nav-link.dark_btn.get-btn.get-hover {
    animation: pulseHover 1.8s infinite;
    background: linear-gradient(186.88deg, #ff8d00 5.38%, #aa6006 108.97%);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);

}


@keyframes pulseHover {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.puprple_btn {
    background-color: var(--purple);
    color: var(--text-white);
    border-radius: 50px;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
}

.puprple_btn.btn-continue {
    background-color: #ffffff;
    border: 1px solid var(--dark-purple);
    color: var(--dark-purple);
}

.orange_button {
    background-color: #ae7915 !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
}

.puprple_btn.btn-continue::before {
    background-color: var(--dark-purple);
}

.puprple_btn.dark-green {
    background-color: #066A78;
}

.puprple_btn.dark-green:hover {
    color: #066A78;
}

.puprple_btn.dark-green1 {
    background-color: #e92b33;
    border-radius: 14px;
}

.puprple_btn.dark-green1:hover {
    color: #e92b33;
}

.puprple_btn.dark-green1:hover::before {
    border-radius: 14px;
}

.puprple_btn.btn-continue:hover {
    color: #ffffff;
}

.puprple_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-white);
    border-radius: 50px;
    transition: 0.6s all;
    z-index: -1;
}

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

.puprple_btn:hover {
    color: var(--purple);
}

.primary-btn.puprple_btn {
    background-color: var(--dark-purple);
}

.primary-btn.puprple_btn:hover {
    color: var(--dark-purple);
}

.puprple_btn.therapy-plan-btn {
    font-weight: 600;
    font-size: 18px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #e05b2e;
    background-color: #ec673a;
    color: #ffffff;
    min-width: 330px;
    text-transform: capitalize;
    display: inline-block;
}

.puprple_btn.therapy-plan-btn:hover {
    color: #ec673a;

}

.puprple_btn.therapy-plan-btn::before {
    border-radius: 14px;
}

.font_500 {
    font-weight: 500;
}

.font_600 {
    font-weight: 600;
}

.font_700 {
    font-weight: 700;
}

.text_secondary {
    color: var(--dark-purple);
}

.bg-lightgreen {
    background-color: var(--light-purple) !important;
}

.font_22 {
    font-size: 20px !important;
}

.bg-soft-light {
    background-color: rgba(248, 249, 250, 0.12) !important;
}

/* white button */
.white_btn {
    padding: 10px 45px;
    border: 1px solid var(--purple);
    color: var(--purple);
    border-radius: 50px;
    background-color: var(--bg-white);
    font-weight: 700;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: 500;
}

.white_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-purple);
    border-radius: 50px;
    transition: 0.6s all;
    z-index: -1;
}

.white_btn:hover::before {
    width: 110%;
}

.white_btn:hover {
    color: var(--text-white);
}

.highlited_block .white_btn:hover {
    border-color: var(--bg-white);
}

/* slider controls */
.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
}

.owl-carousel .owl-dots button {
    display: block;
    width: 15px;
    height: 15px;
    background-color: var(--slider-dots-color);
    border-radius: 15px;
    margin: 0 5px;
}

.owl-carousel .owl-dots button.active {
    background-color: var(--purple);
}

/* -------------Preloader-Css-Start-------------- */

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--bg-purple);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--body-text-purple);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--dark-purple);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* -----------Header-Css-Start------------------- */
/* header wraper */
.opacity-60 {
    opacity: 60%;
}

header {
    position: absolute;
    width: 100%;
    z-index: 999;
    transition: 0.4s all;
}

header.inner-header {
    background-color: #005f7f;
}

header.inner-header1 {
    background-color: #006674;
}

/* header.inner-header .navbar {
    padding-bottom: 28px;
    padding-top: 35px;
  } */
header.fix_style {
    position: fixed;
    top: 0;
    backdrop-filter: blur(5px);
    /* background-color: rgba(106, 73, 242, 0.9); */
    background-color: #006674;
    padding: 15px 0;
    transition: none;
    opacity: 0;
    pointer-events: none;
}

header.fixed {
    pointer-events: all;
    opacity: 1;
    transition: 0.4s all;
}

header.fixed .navbar {
    padding: 0;
}

.font_400 {
    font-weight: 400 !important;
}

/* navigation bar */
.navbar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 22px;
    padding-bottom: 22px;
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
    flex: 1;
}

.navbar-expand-lg .navbar-nav .nav-link {
    /* padding: 14px 17px; */
    padding: 7px 10px;
    font-weight: 400;
    color: var(--text-white);
    font-size: 16px;
    position: relative;
    transition: 0.4s all ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link.light_btn {
    background-color: #00bea4;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    border-radius: 18px;
    border: 1px solid #ffffff;
    padding: 12px 24px;
}

.nav-link.light_btn span {
    display: block;
}

.navbar-expand-lg .navbar-nav .nav-link.light_btn:hover {
    color: #ffffff !important;
}

.navbar-expand-lg .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    background-color: #00bea4;
    height: 5px;
    width: 0px;
    border-radius: 50px;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.4s all ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link:hover::after {
    width: 12px;

}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .nav-link~.drp_btn {
    color: #ffffff;
}

.navbar-expand-lg .navbar-nav .nav-link:hover~.drp_btn {
    color: var(--purple);
}

.navbar-expand-lg .nav-link.dark_btn {
    color: #000;
    background-color: var(--bg-white);
    font-size: 16px;
    padding: 9px 28px;
    border-radius: 25px;
    margin-left: 5px;
    position: relative;
    /* border: 1px solid var(--bg-purple); */
    font-weight: 500;
}

.navbar-expand-lg .nav-link.dark_btn::before,
.navbar-expand-lg .nav-link.dark_btn:hover::after {
    width: 100%;
}

.navbar-expand-lg .nav-link.resources-link {
    z-index: -1;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn::after {
    display: none;
}

/* .navbar-expand-lg .nav-link.dark_btn::before,
  .navbar-expand-lg .nav-link.dark_btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 42px;
    z-index: -1;
  }
  
  .navbar-expand-lg .nav-link.dark_btn::before {
    animation: pulse-blue-medium-sm 3.5s infinite;
  }
  
  .navbar-expand-lg .nav-link.dark_btn::after {
    animation: pulse-blue-small-sm 3.5s infinite;
  } */

/* .navbar-expand-lg .nav-link.dark_btn::before,
.navbar-expand-lg .nav-link.dark_btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  
    height: 100%;
 
    border-radius: 42px;
    z-index: -1;
 
    transform: scale(1);

    will-change: transform, opacity;
 
}


.navbar-expand-lg .nav-link.dark_btn::before {
    animation: pulse-blue-medium-sm 3.5s infinite;
}


.navbar-expand-lg .nav-link.dark_btn::after {
    animation: pulse-blue-small-sm 3.5s infinite;
}


@keyframes pulse-blue-medium-sm {
    0% {
        transform: scale(1);
      
        opacity: 0.5;
   
    }

    50% {
        transform: scale(1.1);
  
        opacity: 1;
   
    }

    100% {
        transform: scale(1);
      
        opacity: 0.5;
     
    }
}


@keyframes pulse-blue-small-sm {
    0% {
        transform: scale(0.9);
    
        opacity: 0.4;
      
    }

    50% {
        transform: scale(1);
      
        opacity: 0.6;
     
    }

    100% {
        transform: scale(0.9);
    
        opacity: 0.4;
  
    }
} */

.navbar-brand img {

    width: 160px;
    object-fit: contain;
    height: 62px;

}

/* navigation bar dropdown */
.navbar-expand-lg .navbar-nav .has_dropdown {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    transition: 0.4s all;
}

/* .navbar-expand-lg .navbar-nav .has_dropdown:hover {
    background-color: var(--bg-white);
    box-shadow: 0px 4px 10px #c5c5c580;
  } */

.navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
    position: relative;
    right: 11px;
    color: var(--text-white);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu {
    position: absolute;
    top: 100%;
    background-color: var(--bg-white);
    border-radius: 10px 10px 10px 10px;
    min-width: 310px;
    max-width: 330px;
    margin-top: -10px;
    transition: 0.4s all;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul {
    margin-left: 0;
    padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a {
    font-size: 15px;
    position: relative;
    transition: 0.4s all;
    line-height: 35px;
    font-weight: 500;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 2px solid var(--purple);
    border-radius: 10px;
    margin-right: 5px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover {
    padding-left: 15px;
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover::before {
    opacity: 1;
    left: 0;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover>a,
.navbar-expand-lg .navbar-nav .has_dropdown:hover>.drp_btn {
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover .sub_menu {
    opacity: 1;
    pointer-events: all;
    margin-top: -1px;
}

/* navigation toggle menu */
.toggle-wrap {
    padding: 10px;
    position: relative;
    cursor: pointer;

    /*disable selection*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-bar {
    width: 25px;
    margin: 10px 0;
    position: relative;
    border-top: 4px solid var(--bg-white);
    display: block;
}

.toggle-bar::before,
.toggle-bar::after {
    content: "";
    display: block;
    background: var(--bg-white);
    height: 4px;
    width: 30px;
    position: absolute;
    top: -12px;
    right: 0px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 13%;
    -webkit-transform-origin: 13%;
    transform-origin: 13%;
}

.toggle-bar::after {
    top: 4px;
}

.toggle-wrap.active .toggle-bar {
    border-top: 6px solid transparent;
}

.toggle-wrap.active .toggle-bar::before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle-wrap.active .toggle-bar::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* ---------Hero-banner-Css-Start------------------ */
/* hero banner wraper */


/* @keyframes AnimateBG {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  } */

.banner_section .container {
    position: relative;
}

/* wave backgound after banner */
.banner_section .banner_text p.stuttering-text {
    color: #ef9736 !important;
    margin-top: 55px;
    min-height: auto;
}

.banner_ss_img {
    height: 570px;
    width: 330px;
    margin-left: auto;
    margin: 0 auto;
}

.banner_hero {
    width: 420px;
    margin: 0;
}

.features_hero {
    width: 580px;
}

.banner_ss_img.customer_group_img {
    width: 360px;
}

.banner_ss_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.appstore-group .share-linkimage {
    height: 86px;
    width: 86px;
}

.appstore-group {
    display: flex;
    gap: 20px;
    /* align-items: baseline; */
    justify-content: center;
}

.subshare-qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qrcode {
    color: #fff;
    display: flex;
    gap: 18px;
    z-index: 1;
    font-size: 16px;
    position: relative;
    line-height: normal;
}

/* .download-text {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: normal;
      margin-bottom: 0;
} */

.arrow-left-icon {
    height: 46px;
    width: 58px;

    object-fit: contain;
}

.qrcode .qr-image {
    height: 120px;
    width: 120px;
    object-fit: contain;
    border: 2px solid var(--purple);
    position: relative;
    /* border-radius: 12px; */
    transition: 0.4s all;
}

.arrow-lefticon {
    height: 45px;
    width: 45px;
    object-fit: contain;
}

/* .banner_section::after {
    content: "";
    display: block;
  
    background-image: url('../images/banner-shape.webp');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 385px;
    background-position: center;
    margin-top: -50px;
  } */
.fluency-proof-section {

    padding: 60px 20px;
}

.fluency-proof-container {
    max-width: 900px;
}

.fluency-proof-stats {
    font-size: 30px;
    line-height: normal;
    font-weight: 600;
    color: #222;
    margin-bottom: 25px;
}

.fluency-proof-featured-title {
    color: #0c5a6b;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-size: 40px;
}

.fluency-proof-logos {
    gap: 40px;
    margin-bottom: 30px;
}

.fluency-logo-box {
    font-weight: 700;
    font-size: 18px;
    color: #111;
}

.fluency-logo-box img {
    height: 90px;
    width: 220px;
    object-fit: contain;
}

.fluency-proof-description {
    font-size: 18px;
    color: #333;
    max-width: 750px;
    margin: 0 auto 25px;
    font-weight: 500;
}

.fluency-proof-cta-heading {
    color: #0c5a6b;
    font-weight: 800;
    margin-bottom: 30px;
    font-size: 30px;
}

.fluency-proof-btn {
    background-color: #f6a03d;
    border: none;
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 600;
    color: #fff;
    transition: 0.3s ease;
    font-size: 18px;
}

.fluency-proof-btn:hover {
    background-color: #e48c25;
}

.banner_section .row {
    align-items: center;
    min-height: 620px;

}

.banner_section.therapy-banner-sec .banner_hero {
    position: relative;
    z-index: 1;
    width: 520px;
}

/* .banner_section.therapy-banner-sec .banner_hero::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 475px;
      height: 475px;
      border-radius: 100%;
      background-color: var(--purple);
      z-index: -5;
  } */
.banner_section.therapy-banner-sec .banner_text .banner_title {
    text-align: left;
}

.banner_section.therapy-banner-sec .banner_text p {
    text-align: left;
    padding: 0;
    font-size: 16px;
}

.banner_section .banner_text {
    position: relative;
}

/* hero banner text */
/* .banner_section .banner_text {
    padding-top: 50px;
  } */

/* hero banner heading h1 */
/* .banner_section .banner_text h1 {
    font-size: 44px;
    color: var(--text-white);
    letter-spacing: -1px;
    font-weight: 600;
    margin-bottom: 22px;
    text-align: center;
    line-height: 60px;
    text-transform: capitalize;
  } */
.banner_section .banner_text .banner_title {
    /* min-height: 70px;
    font-size: 44px; */
    color: var(--text-white);
    letter-spacing: -1px;
    margin-bottom: 22px;
    text-align: left;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
    min-height: 100px;
}

.banner-image-wrapper img {
    height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
}

.banner_section .banner_text .therapy_title {
    min-height: 70px;
    font-size: 36px;
    color: var(--text-white);
    letter-spacing: -1px;
    font-weight: 600;
    margin-bottom: 22px;
    text-align: center;
    line-height: normal;
    text-transform: capitalize;
}

/* .banner_section .banner_text h1 span {
    color: var(--purple);
  } */
.banner_section .banner_text .banner_title span {
    color: var(--purple);
}

.banner_section .banner_text h2 {
    font-size: 30px;
    color: var(--text-white);
    letter-spacing: -1px;
    font-weight: 700;
    padding: 15px 0 10px 0;
}

.banner_section .banner_text h2 span {
    color: var(--purple);
}

.banner_section .banner_text p {
    padding: 0px 0 10px 0;
    color: var(--text-white);
    font-size: 23px;
    line-height: normal;
    text-align: center;
    /* min-height: 100px; */
}

/* hero banner button */
/* .banner_section .app_btn {
    display: flex;
    align-items: center;
    position: absolute;
    left: 29%;
    top: 50%;
    z-index: 12;
  } */

/* hero banner list */
.banner_section .app_btn li a {
    display: block;
    /* padding: 12px 30px; */
    padding: 12px 20px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: 0.4s all;
}

/* .banner_section .app_btn li:last-child {
    margin-left: 25px;
  } */

.banner_section .app_btn li a img {
    transition: 0.4s all;
    /* filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg)
      brightness(59%) contrast(107%); */
    height: 33px;
}

.banner_section .app_btn li a .white_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    top: 20%;
}

.banner_section .app_btn li a:hover {
    background-color: var(--dark-purple);
    border: 2px solid var(--bg-white);
}

.banner_section .app_btn li a:hover .blue_img {
    opacity: 0;
    /* filter: brightness(0) invert(1); */
}

.banner_section .app_btn li a:hover .white_img {
    opacity: 1;
    filter: brightness(0) invert(1);
}

/* hero banner users */
.banner_section .used_app {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.banner_section .used_app ul img {
    height: 60px;
    object-fit: contain;
}

.banner_section .used_app ul {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.banner_section .used_app ul li:not(:first-child) {
    margin-left: -15px;
}

.banner_section .used_app p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 0;
    color: var(--text-white);
}

/* hero banner images */
.banner_section .banner_image {
    text-align: center;
    display: flex;
    position: relative;
    justify-content: center;
}

.banner_section .banner_image img {
    max-width: 100%;
}

.daily-routine-frame .frame_img {
    height: 580px;
    position: relative;
}

.daily-routine-frame .frame_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.daily-routine-frame .screen_img.right-side {
    position: absolute;

    right: 5%;
    top: 20%;
}

.daily-routine-frame .screen_img img {
    height: 300px;
}

.daily-routine-frame .screen_img.left-side {
    position: absolute;

    left: 10%;
    bottom: 20%;
}

.user-customer-group {
    position: relative;
    width: 577px;
    height: 582px;
    margin: 0 auto;
}

.user-customer-group .user-single {
    position: absolute;
}

.user-customer-group .user-single img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.user-customer-group .user-single.user-first {
    top: 4%;
    left: 0;
}

.user-customer-group .user-single.user-second {
    top: 0;
    left: 44%;
}

.user-customer-group .user-single.user-third {
    top: 50%;
    left: -3%;
}

.user-customer-group .user-single.user-fourth {
    top: 47%;
    left: 45%;
}

.user-cust-image {
    width: 288px;
    height: 279px;
}

.video-card {
    border: 5px solid #000;
    border-radius: 8px;
    overflow: hidden;
    height: 350px;
    width: 100%;
    object-fit: contain;
    background: #000;
}

/* how it works video  */
.yt_video {
    max-width: 1170px;
    margin: 0 auto;
    position: absolute;
    /*overflow: hidden;*/
    left: 53%;
    top: 57%;
    transform: translate(-50%, -50%);
    z-index: 12;
}

/* how it works video animation line  */
.yt_video .anim_line {
    z-index: 999;
}

.yt_video .thumbnil {
    /*width: 150px;*/
    height: 150px;
}

.yt_video .thumbnil img {
    max-width: 100%;
}

.yt_video .thumbnil a {
    /*position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);*/
    text-align: center;
    color: var(--text-white);
    font-weight: 600;
    z-index: 999;
    cursor: pointer;
}

.yt_video .thumbnil a span {
    display: block;
    font-weight: 700;
    font-size: 30px;
}

.yt_video .thumbnil a .play_btn {
    background-color: rgba(255, 255, 255, 0.1);
    width: 96px;
    height: 96px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 96px;
    position: relative;
    display: block;
}

.yt_video .thumbnil a .play_btn img {
    width: 50px;
    position: relative;
    z-index: 999;
}

/* how it works video model   */
.modal {
    z-index: 999999;
}

.modal-backdrop.show {
    z-index: 99999;
    opacity: 0.7;
}

.youtube-video .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    max-width: 1240px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.optional-tasks-sec .feature-box video#youtubevideo {
    object-fit: cover;
}

#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

iframe#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

video#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0;
}

.youtube-video .modal-content {
    background: none !important;
    border: none;
}

#close-video {
    color: #fff;
    font-size: 30px;
}

/* hero banner control dots */
.banner_section .owl-dots {
    margin-top: 40px;
}

.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}

/* ------------Trusted-Section-Css-Start----------- */

/* trusted logos wraper */
.trusted_section {
    margin-top: -50px;
}

.trusted_section .company_logos {
    padding-top: 20px;
}

.trusted_section .company_logos img {
    filter: grayscale(1);
    margin: 0 auto;
    transition: 0.4s all;
}

.trusted_section .company_logos img:hover {
    filter: grayscale(0);
}

/* ----------Feature-Detail-Section-start------ */

/* features section wraper */
.features_section .feature_detail {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    padding-top: 30px;
    padding-bottom: 20px;
    align-items: center;
}

/* features section image */
.features_section .feature_detail .feature_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    height: 600px;
}

.features_section .feature_detail .feature_img img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

/* features section box */

.features_section .feature_detail .feature_box {
    max-width: 100%;
}

.features_section .feature_detail .feature_box .icon {
    height: 74px;
    width: 74px;
    fill: #fff;
    background: var(--purple);
    padding: 12px;
    border-radius: 50px;
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(138.79deg, #00E2D4 2.07%, #006B85 100%);
    background: #B8FFF9;
}

.features_section .feature_detail .feature_box .icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.features_section .feature_detail .feature_box .data_block {
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 20px;
    border: solid 1px #eae8f5;
}

.features_section .feature_detail .feature_box .data_block.block1 {
    background: #f6f5ff;
}

.features_section .feature_detail .feature_box .data_block.block2 {
    background: #f2faff;
}

.features_section .feature_detail .feature_box .data_block.block3 {
    background: #fff2fc;
}

.features_section .feature_detail .feature_box .data_block.block4 {
    background: #e9fffe;
}

.features_section .feature_detail .feature_box .data_block h4 {
    font-size: 22px;
    /* color: var(--dark-purple); */
    font-weight: 600;
    margin-top: 20px;
}

.features_section .feature_detail .left_data {
    text-align: right;
    padding-left: 100px;
}

.features_section .feature_detail .right_data {
    padding-right: 100px;
}

.features_section .feature_detail .left_data .data_block .icon {
    margin-right: 0px;
}

.features_section .feature_detail .right_data .data_block .icon {
    margin-left: 0px;
}

.features_block {
    padding-top: 60px;
}

.features_block .title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: center;
    margin-bottom: 40px;
}

.section_title h2.feature-title {
    font-size: 35px;
    font-weight: 600;
    color: var(--purple);
    margin-bottom: 0;
    min-height: 50px;
    line-height: 1.2;
}

.user-cust-name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 7%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 2px 2px #3f3f3f;
}

.remark-text {
    font-size: 28px;
    font-weight: 600;
    color: #13b1d1;
    text-align: center;
    text-transform: capitalize;
}

.puprple_btn.therapy-plan-btn {
    font-weight: 600;
    font-size: 18px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #e05b2e;
    background-color: #ec673a;
    color: #ffffff;
    min-width: 330px;
    text-transform: capitalize;
    display: inline-block;
}

.puprple_btn.therapy-plan-btn:hover {
    color: #ec673a;

}

.puprple_btn.therapy-plan-btn::before {
    border-radius: 14px;
}


.pricing_section.pricing-custom .pricing_pannel .pricing_block {
    min-height: 100%;
    padding-bottom: 40px;
    margin-bottom: 0;
    padding: 16px;
    text-align: left;
    width: 100%;
}

.pricing_section.pricing-custom .pricing_pannel .pricing_block input[type="radio"] {
    float: right;
}

.pricing-custom .pricing_block {
    padding: 20px;
    border: 1px solid #ccc;
    transition: background-color 0.3s ease;
}

.pricing_section.pricing-custom .pricing_pannel .pricing_block input[type="radio"]:checked+span {
    color: #fff;
}

.pricing-custom .pricing_block:has(input[type="radio"]:checked) {
    background-color: #00c4b4;
    color: #fff;
}

.pricing_section.pricing-custom .pricing_pannel .pricing_block .price {
    font-size: 26px;
    color: var(--purple);
    margin: 6px 0 12px 0;
    display: block;
    font-weight: 600;
}

.pricing-custom .pricing_block:has(input[type="radio"]:checked) .price {
    color: #ffffff !important;
}

/* .pricing-custom .pricing_block:has(input[type="radio"]:checked) .pkg_name span {
    color: #ffffff;
} */

.pricing_section.pricing-custom .pricing_pannel .pricing_block input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #bbc0c7;
}

.pricing_section.pricing-custom .pricing_pannel .pricing_block input[type="radio"]:checked {
    background-color: #ffffff;
    box-shadow: inset 0 0 0 0.1875em #00c4b4;
    -webkit-transition: background 0.15s, box-shadow 0.1s;
    transition: background 0.15s, box-shadow 0.1s;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

/* -----------------About-App-Section-Css-Start------------------ */

/* about us section wraper */
.about_app_section {
    background-color: var(--light-purple);
    padding: 100px 0 70px 0;
}

.about_app_section .about_img {
    display: flex;
    align-items: center;
    position: relative;
}

.about_app_section .about_img .frame_img {
    /* height: 520px; */
    height: 520px;
    width: 450px;
}

.about_app_section .about_img .frame_img img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.about_app_section .about_img .frame_img.circular_img {
    height: 450px;
}

.about_app_section .about_img .frame_img.circular_img img {
    object-fit: cover;
    border-radius: 50%;
}

.about_app_section .about_img .screen_img {
    height: 200px;
}

.about_app_section .about_img .screen_img img {
    height: 100%;
    object-fit: contain;
}

/* about us section images*/
.about_app_section .about_img img {
    max-width: 100%;
}

.about_app_section .about_img::before {
    content: "";
    position: absolute;
    /* left: 38%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background-color: var(--bg-white);
    border-radius: 100%;
    z-index: -1;
}

.about_app_section .about_img .screen_img {
    margin-left: -135px;
    /* margin-top: 110px; */
    margin-top: 80px;
}

.about_app_section .about_text .section_title {
    text-align: left;
}

.about_app_section .about_text .section_title h2 {
    margin-bottom: 15px;
}

/* about us section  statastics nomber */
.about_app_section .about_text .app_statstic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 40px;
}

.about_app_section .about_text .app_statstic li {
    width: 248px;
    background-color: var(--bg-white);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 15px 10px;
    padding-left: 35px;
    box-shadow: 0px 4px 10px #ede9fe;
}

.about_app_section .about_text .app_statstic li .icon {
    margin-right: 9px;
}

.about_app_section .about_text .app_statstic li p {
    margin-bottom: 0;
    line-height: 1;
    color: var(--dark-purple);
}

.about_app_section .about_text .app_statstic li p:first-child {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
}

.joined-steps li {
    padding-bottom: 12px;
}

.app_text .sublist-alpha li {
    list-style-type: lower-alpha;
    padding-bottom: 8px;
}

.feature_box .features-icon {
    height: 95px;
    width: 95px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    color: #ffffff;
}

.features_block .feature_box {

    background-image: url(../images/program-card.svg);
    height: 100%;
    border-radius: 15px;
    background-size: 100% 100%;
    padding: 60px;
    padding-bottom: 25px;
    padding-top: 60px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
}

.feature_box .feature-title {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    color: #FFFFFF;
}

.feature_box .features-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;

    box-shadow: 0px 4px 12px rgba(0, 107, 133, 0.21);
    /* background: linear-gradient(180deg, #00C4B4 0%, #005F7F 100%); */
    background-color: #B8FFF9;
    padding: 13px;
}

/* -------------Modern-Ui-Section-Css-Start---------------- */
/* modern ui section wraper */
.banner_section .banner_text .program-text {
    position: absolute;
    bottom: -300px;
    left: 50%;
    text-align: center;
    width: 80%;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0;
    transform: translateX(-50%);
}

.modern_ui_section .row {
    align-items: center;
}

.modern_ui_section {
    background-color: var(--light-purple);
    padding: 100px 0 50px 0;
}

.banner_section {
    margin-top: 0px;
    padding-top: 172px;
    position: relative;

    /* background-image: url("../images/starss_11.webp"); */

    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    padding-bottom: 100px;
    background-attachment: scroll;
    margin-bottom: 0px;
    z-index: 1;
    height: 980px;

}

.banner_section::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #000000;
    /* background: linear-gradient(283.88deg, rgba(0, 0, 0, 0) 4.45%, #000000 156.72%); */
}

.modern_ui_section .design_block {
    margin-top: 45px;
}

/* modern ui text */
.modern_ui_section .section_title {
    text-align: left;
}

.modern_ui_section .ui_text {
    padding-right: 75px;
}

/* modern ui list */
.modern_ui_section .design_block li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
}

.modern_ui_section .design_block li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(../images/icons/right_icon.svg);
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.modern_ui_section .design_block li h4 {
    font-size: 20px;
    color: var(--dark-purple);
    font-weight: 600;
    margin-bottom: 8px;
}

.modern_ui_section .design_block li p {
    margin-bottom: 0;
}

/* modern ui images */
.modern_ui_section .ui_images {
    display: flex;
    position: relative;
}

.modern_ui_section .ui_images::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 450px;
    /* border-radius: 100%; */
    background: url("../images/bg-group.png") no-repeat;
    background-size: contain;
    /* background-color: var(--bg-white); */
    z-index: -1;
}

.modern_ui_section .ui_images .right_img img:nth-child(3) {
    margin-left: -140px;
    margin-top: 36px;
}

.modern_ui_section .ui_images .right_img img:nth-child(2) {
    margin-left: -90px;
    margin-top: 36px;
}

.modern_ui_section .ui_images .right_img img:nth-child(1) {
    position: relative;
    top: 15px;
    z-index: 99;
    margin-left: 52px;
}

.left_img {
    height: 230px;
    width: 164px;
    margin-bottom: 45px;

}

.left_img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* -------------How_It_Works-Section-Css-Start------------------ */

/* how it works wraper */
.how_it_works {
    background-color: var(--light-purple);
    /* padding: 100px 0 100px 0; */
}

.how_it_works .container {
    max-width: 1370px;
}

.how_it_works .how_it_inner {
    background-color: var(--purple);
    padding: 70px 0;
    border-radius: 30px;
    box-shadow: 0px 4px 30px #ede9fe;
}

/* section heading h2 */
.how_it_works .section_title h2 {
    color: var(--text-white);
}

.how_it_works .section_title p {
    color: var(--text-white);
}

/* how it works list */

.how_it_works .step_block {
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px;
    /*display: flex;*/
    position: relative;
}

.how_it_works .step_block .step_box {
    text-align: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* how it works image */
.how_it_works .step_block .step_box .step_img {
    display: inline-block;
    /*max-width: 100%;*/
    text-align: center;
    border-radius: 200px;
    background-color: var(--bg-white);
    padding: 50px;
    width: 200px;
    height: 200px;
    position: relative;
    box-shadow: 0px 4px 10px #005f7f;
}

.how_it_works .step_block .step_box .step_img img {
    max-width: 100%;
    text-align: center;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* how it works heading h4 */
.how_it_works .step_block .step_box .step_text h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text p {
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text.step2 p {
    padding: 20px 0 0 0;
}

.how_it_works .step_block .step_box .step_text.step3 p {
    padding: 20px 0 0 0;
}

.how_it_works .step_block .step_box .step_text .app_icon {
    margin-bottom: 10px;
}

.how_it_works .step_block .step_box .step_text .app_icon a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--bg-white);
    color: var(--purple);
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    transition: 0.4s all;
    text-decoration: none;
}

.how_it_works .step_block .step_box .step_text .app_icon a:hover {
    background-color: var(--purple);
    border: var(--bg-white) solid 1px;
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text {
    text-align: center;
    padding: 30px 30px 0 30px;
}

.how_it_works .step_block .step_box .step_text span {
    font-weight: 600;
    color: var(--text-white);
}

.how_it_works .step_block .step_box .step_text a {
    color: var(--purple);
    text-decoration: underline;
}

/* how it works numbers */
.how_it_works .step_block .step_box .step_number {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px var(--purple);
    border-radius: 100px;
    padding: 9px 0 0 0;
    top: 15px;
    right: 0;
    background-color: var(--bg-white);
}

/* how it works numbers heading h3 */
.how_it_works .step_block .step_box .step_number h3 {
    font-size: 14px;
    font-weight: normal;
}

/* ------------Testimonial-Slider-Css-Start------------- */
/* testimonials wraper  */
.testimonial_slider {
    max-width: 550px;
    margin: 0 auto;
}

.testimonial_slider .slick-dots {
    display: flex !important;
    justify-content: center;
    /* margin: 0; */
    /* padding: 1rem 0; */
    list-style-type: none;
    margin-top: 10px;
}

.testimonial_slider .slick-dots li {
    margin: 0 0.25rem;
}

.testimonial_slider .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: var(--slider-dots-color);
    text-indent: -9999px;
}

.testimonial_slider .slick-dots li.slick-active button {
    background-color: var(--purple);
}

.testimonial_section .testimonial_block {
    background-image: var(--image-url);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 65px;
}

.testimonial_section .testimonial_block .testimonial_slide_box {
    text-align: center;
    width: 430px;
    padding: 10px;
    margin: 0 auto;
}

/* testimonials rating  */
.testimonial_section .testimonial_block .rating span {
    color: #fc9400;
    font-size: 18px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .review {
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 12px;
}

/* testimonials image  */
.testimonial_section .testimonial_block .testimonial_slide_box .testimonial_img img {
    margin: 0 auto;
}

/* testimonials heading h3 */
.testimonial_section .testimonial_block .testimonial_slide_box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .designation {
    font-size: 15px;
}

/* testimonials total review */
.testimonial_section .total_review {
    text-align: center;
    margin-top: 60px;
}

.testimonial_section .total_review .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* testimonials paragraph */
.testimonial_section .total_review .rating p {
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 5px;
    color: var(--dark-purple);
}

/* testimonials heading */
.testimonial_section .total_review h3 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-purple);
}

.testimonial_section .total_review a {
    color: var(--purple);
    font-weight: 700;
}

.testimonial_section .testimonial_block .avtar_faces {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 1600px;
}

.testimonial_section .testimonial_block .avtar_faces img {
    max-width: 100%;
    object-fit: contain;
}

/* 404 error page */
.error-img {
    height: 320px;
    width: 400px;
    margin-bottom: 18px;
}

.error-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.error-main {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* 404 error page */

/* -------------------Pricing-Section---------------------- */
.w-fit-content {
    width: fit-content;
}

.funcs-sec {
    background-color: #005875;
    /* background: linear-gradient(0deg, #00C4B4 0%, rgba(0, 196, 180, 0) 100%); */
    padding: 80px 0;
    background-position: center;
    position: relative;
    z-index: 1;
}

.funcs-sec.features-list {
    background-color: #fff;
    /* background: linear-gradient(0deg, #00C4B4 0%, rgba(0, 196, 180, 0) 100%); */
    padding: 80px 0;
    background-position: center;
    position: relative;
    z-index: 1;
}

.funcs-sec.features-list .section_title h2 {
    color: var(--dark-purple);
}

.funcs-sec::before {
    content: "";
    position: absolute;
    background-image: var(--image-url);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-attachment: fixed;
}

.funcs-sec .nav-pills .nav-link {
    padding: 0;
}

.funcs-sec .section_title h2 {
    text-align: start;
    color: #fff;
    margin-bottom: 20px;
}

.funcs-sec .section_title h2 span {
    /* color: #00e1cf; */
    color: var(--purple);
}

.funcs-sec .frame-img {
    height: 440px;
    position: relative;

}

.funcs-sec .frame-img.testi-img {
    width: 440px;

}

.funcs-sec .frame-img.testi-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.funcs-sec .frame-img .resources-img {
    position: absolute;
    height: 560px;
    width: 980px;
}


.funcs-sec .frame-img img {
    height: 100%;

    object-fit: contain;
    width: 100%;

}

.funcs-sec .accordion-button::before {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    content: "";
    background-image: url("../images/icons/starwhite.svg");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    background-size: contain;
    margin-right: 4px;
    margin-top: 0;
    filter: brightness(0) invert(1);
}

.funcs-sec .accordion-button::after {
    display: none;
}

.funcs-sec .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
}

/* .funcs-sec.features-list .accordion-button:not(.collapsed) {
    color: var(--dark-purple);
} */

/* .funcs-sec .accordion-button:not(.collapsed)::before {
    transform: rotate(90deg);
    margin-top: auto;
    padding-bottom: 10px;
  } */
.funcs-sec .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: transparent;
}

.funcs-sec .accordion-item {
    border: none;
    border-bottom: 1px solid #dddd;
    border-radius: 0;
    background-color: transparent;
}

.funcs-sec .accordion-body {
    text-align: left;
    padding-top: 0;
    color: #fff;
    padding-left: 0;
}

.funcs-sec .accordion-button {
    padding: 18px 0;
    font-size: 18px;
    background-color: transparent;
    color: #fff;
    font-weight: 600;
}




.funcs-sec.features-list .accordion-item {
    border-bottom: none;
}

.funcs-sec.features-list .accordion-button {
    padding: 12px 14px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #ffffff;


    background: linear-gradient(90deg, #006675 0%, #FFFFFF 100%);
    border-radius: 10px 0px 0px 10px !important;

}

.funcs-sec.features-list .accordion-body {
    color: #000;
}

.funcs-sec.features-list .accordion-button::before {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    content: "\2022";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
    background-size: contain;
    margin-right: 4px;
    margin-top: 0;
    display: flex;
    align-items: center;

}

/* -------------------Pricing-Section---------------------- */

/* -------------------Pricing-Section---------------------- */

/* pricing wraper  */
.pricing_section {
    background-color: var(--light-purple);
    padding: 100px 0 100px 0;
}

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

/* pricing toggle button */
.pricing_section .toggle_block span {
    color: var(--dark-purple);
    font-weight: 600;
    display: block;
    margin: 0 5px;
}

.tog_btn.month_active {
    left: 35px !important;
}

.pricing_section .toggle_block span.deactive {
    color: var(--body-text-purple);
}

.pricing_section .toggle_block .offer {
    background-color: var(--bg-white);
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 13px;
    color: var(--purple);
}

.pricing_section .toggle_block .tog_block {
    width: 70px;
    height: 35px;
    background-color: var(--bg-white);
    border-radius: 18px;
    margin: 0 10px;
    position: relative;
    cursor: pointer;
}

.pricing_section .toggle_block .tog_block .tog_btn {
    height: 23px;
    width: 23px;
    border-radius: 25px;
    display: block;
    background-color: var(--purple);
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s all;
}

.pricing_section .toggle_block .month.active,
.pricing_section .toggle_block .years.active {
    color: var(--purple);
}

/* pricing pannel */
.pricing_section .pricing_pannel {
    margin-top: 50px;
    display: none;
}

.pricing_section .pricing_pannel.active {
    display: block;
}

.pricing_section .pricing_pannel .pricing_block {
    text-align: center;
    background-color: var(--bg-white);
    min-height: 700px;
    border-radius: 12px;
    padding-top: 60px;
    margin-bottom: 40px;
    box-shadow: 0px 4px 30px #ede9fe;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block {
    background-color: var(--purple);
}

.pricing_section .pricing_pannel .pricing_block.highlited_block p,
.pricing_section .pricing_pannel .pricing_block.highlited_block h3,
.pricing_section .pricing_pannel .pricing_block.highlited_block span,
.pricing_section .pricing_pannel .pricing_block.highlited_block .pkg_name span {
    color: var(--text-white);
}

.pricing_section .pricing_pannel .pricing_block .icon {
    margin-bottom: 35px;
}

/* pricing box image */
.pricing_section .pricing_pannel .pricing_block .icon img {
    max-width: 100%;
}

/* pricing box heading h3 */
.pricing_section .pricing_pannel .pricing_block .pkg_name h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.pricing_section .pricing_pannel .pricing_block .pkg_name span {
    color: var(--body-text-purple);
    font-size: 15px;
}

.pricing_section .pricing_pannel .pricing_block .price {
    font-size: 48px;
    color: var(--purple);
    margin: 25px 0;
    display: block;
    font-weight: 600;
}

/* pricing box list */
.pricing_section .pricing_pannel .pricing_block .benifits {
    margin-bottom: 40px;
}

.pricing_section .pricing_pannel .pricing_block .benifits li p {
    margin-bottom: 5px;
}

.pricing_section .contact_text {
    text-align: center;
    margin-bottom: 0;
}

.pricing_section .contact_text a {
    color: var(--purple);
    text-decoration: underline;
}

.content-table {
    border-collapse: collapse;
    margin: 14px 0;
    font-size: 16px;
    min-width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    table-layout: fixed;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
    width: 100%;
    margin-bottom: 42px;
    table-layout: fixed;
}

.content-table .cancel-btn {
    background-color: transparent;
    color: #808080;
    border: none;
}

.content-table input.quantity-input {
    width: 110px;
}

.content-table thead tr {
    background-color: var(--purple);
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

.content-table th,
.content-table td {
    padding: 12px 15px;
}

.content-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

/* .content-table tbody tr:nth-of-type(even) {
      background-color: #f3f3f3;
    } */

.content-table tbody tr:last-of-type {
    border-bottom: 2px solid var(--purple);
}

.content-table tbody tr.active-row {
    font-weight: 500;
    background-color: var(--light-purple);
}

.contact-info-title {
    font-weight: 600;
    font-size: 20px;
    color: var(--dark-purple);
}

.credit-card-details {
    /* background-color: var(--light-purple); */
    padding: 20px;
    border: 1px solid #e6e6e6;
    margin-bottom: 23px;
}

.success-modal .page-body {
    /* max-width: 300px; */
    background-color: #ffffff;
    margin: 10% auto;
    padding: 20px 20px 0 20px;
    text-align: center;
}

.success-modal .modal-content {
    border-radius: 24px;
}

.success-modal .page-body .head {
    text-align: center;
}

/* .success-modal .tic{
      font-size:186px;
    } */
.success-modal .close {
    opacity: 1;
    position: absolute;
    right: 0px;
    font-size: 30px;
    padding: 3px 15px;
    margin-bottom: 10px;
}

.success-modal .checkmark-circle {
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

.success-modal .checkmark-circle img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* -------------FAQ-Section-Css-Start----------------- */

/* faq wraper */
.faq_section {
    background-color: var(--light-purple);
    padding: 0 0 100px 0;
    padding-top: 80px;
}

.faq_section .faq_panel {
    margin-top: 40px;
}

/* faq box */
.faq_section .faq_panel .card {
    border: none;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px #ede9fe;
    padding: 16px 0;
}

.faq_section .faq_panel .card:last-child {
    margin-bottom: 0;
}

.faq_section .faq_panel .card-header {
    background-color: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
}

.faq_section .faq_panel .card-header .btn {
    padding: 0;
    color: var(--dark-purple);
    font-weight: 600;
    font-size: 20px;
}

.faq_section .faq_panel .card-header .btn.active {
    color: var(--purple);
}

.faq_panel .accordion button,
.faq_panel .accordion button:hover,
.faq_panel .accordion button:focus {
    text-decoration: none;
}

.faq_section .faq_panel .card-header .icon_faq {
    position: absolute;
    right: 20px;
    color: #839bc0;
}

/* faq heading h2 */
.faq_section .faq_panel .card-header h2 {
    line-height: 1;
}

/* faq paragraph */
.faq_section .faq_panel .card-body {
    padding-bottom: 0;
}

/* -----------Interface_Section-Css-Start----------------- */

/* interface wraper */
.interface_section .screen_slider {
    margin-top: 35px;
    min-height: 720px;
}

/* interface images */
.interface_section .owl-item .screen_frame_img {
    height: 820px;
}

.interface_section .owl-item .screen_frame_img img {
    transform: scale(0.9);
    /* border: 2px solid #000; */
    border-radius: 20px;
    transition: 1s all;
    margin: 20px auto;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.interface_section .owl-item.center .screen_frame_img img {
    transform: scale(1);
    /* border: 3px solid #000; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* -----------Download_App_Section-Start------------------ */

/* download app wraper */
.free_app_section {
    padding-top: 70px;
    position: relative;
    background-color: var(--dark-purple);
    scroll-margin-top: 90px;
}

.free_app_section .container {
    max-width: 1370px;
}

.free_app_section .container .free_app_inner {
    /* background-color: var(--bg-purple); */
    border-radius: 30px;
    padding: 20px 100px;
    padding-bottom: 50px;
    position: relative;
    z-index: 999999;
    background: linear-gradient(180deg, #006675 0%, #00C4B4 100%);


}

/* download app dark background */
.free_app_section .container .free_app_inner .dark_bg {
    overflow: hidden;
}

.free_app_section .container .free_app_inner .dark_bg span {
    z-index: 9999;
}

.free_app_section .container .free_app_inner .row {
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .section_title {
    text-align: left;
}

/* download app heading h2 */
.free_app_section .container .free_app_inner .free_text .section_title h2 {
    margin-bottom: 20px;
}

.free_app_section .container .free_app_inner .free_text .section_title h2,
.free_app_section .container .free_app_inner .free_text .section_title p {
    color: var(--text-white);
}

.free_app_section .container .free_app_inner .free_text .app_btn {
    display: flex;
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a {
    display: block;
    padding: 12px 30px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: 0.4s all;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a img {
    /* filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg)
      brightness(59%) contrast(107%); */
    height: 30px;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a:hover {
    -webkit-box-shadow: 1px 4px 8px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 4px 8px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 4px 8px -2px rgba(0, 0, 0, 0.5);
}

.free_app_section .container .free_app_inner .free_text .app_btn li:last-child {
    margin-left: 25px;
}

.free_app_section .container .free_app_inner .free_img {
    display: flex;
    align-items: center;
    margin-top: -120px;
    justify-content: center;
}

.free_app_section .container .free_app_inner .free_img .mobile_mockup {
    height: 600px;
}

.free_app_section .container .free_app_inner .free_img .mobile-child-mockup {
    height: 500px;
}

.free_app_section .container .free_app_inner .free_img img:last-child {
    margin-left: -65px;
}

.purple_backdrop {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 95, 127, 0.95);

    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    transition: 0.4s all;
    pointer-events: none;
}

/* ---------------Latest_Story-Css-Start------------- */

/* latest story wraper */
.latest_story {
    background-color: var(--light-purple);
    padding: 100px 0 130px 0;
}

.latest-story-sec.latest_story {
    padding-top: 170px;
}

/* latest story box */
.play-position {
    position: absolute;
    height: 55px;
    width: 55px;
    top: -17px;
    right: -17px;
    background-color: #fff;
    border-radius: 50%;
}

.play-position img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.latest_story .story_box {
    background-color: var(--bg-white);
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 30px #ede9fe;
    height: 100%;
}

.latest_story .story_box .story-text-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    white-space: normal;
}

.banner-story-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    white-space: normal;
}

/* latest story image */
.latest_story .story_box .story_img {
    position: relative;
}

.latest_story .story_box .story_img img {
    max-width: 100%;
    border-radius: 12px;
}

.latest_story .story_box .story_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--text-white);
}

.reviews-pts-main .reviews-pts-text {
    font-size: 18px;
    font-style: italic;
}

.reviews-pts-main {
    text-align: center;
    margin-bottom: 48px;
}

.reviews-pts-main.methods-explained {
    font-size: 18px;
    text-align: start;
}

.reviews-pts-main.methods-explained .methods-title {
    color: var(--dark-purple);
    font-weight: 600;
}

.review-title {
    margin-bottom: 22px;
}

.donate-btn {
    box-shadow: 2px 4px 12px 4px rgba(9, 96, 128, 0.16) !important;
    font-size: 18px;
}

.blog-card .story_img {
    width: auto;
    height: 273px;
}

.blog-card .story_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* latest story pargraph */
.latest_story .story_box .story_text {
    padding: 20px 30px;
}

/* latest story heading h3 */
.latest_story .story_box .story_text h3 {
    color: var(--dark-purple);
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* latest story link text */
.latest_story .story_box .story_text a {
    color: var(--purple);
    margin-top: 25px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.read-more-link {
    color: var(--purple);
    margin-top: 25px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.latest_story .story_box .story_text a:hover {
    text-decoration: underline;
}

.read-more-link:hover {
    text-decoration: underline;
}

/* -------------Newsletter-Section-Css-Start------------- */

/* newsletter  wraper */
.newsletter_section {
    background-color: var(--light-purple);
}

.newsletter_box {
    /* background-color: var(--bg-purple); */
    padding: 50px;
    position: relative;
    z-index: 99;
    background: linear-gradient(180deg, #00C4B4 -19.39%, #005F7F 100%), #006675;
    border-radius: 50px;

}

.connect-group {
    position: relative;
    padding: 28px;
    ;
    background: rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(10.3067px);
    margin-top: 40px;
    border-radius: 16.8px;

}

.connect-group .lock-sessions {
    position: absolute;
    top: -18px;
    right: 14px;
}

.connect-group .title {
    font-weight: 600;
    font-size: 38px;
    color: #FFFFFF;
}

.connect-group .connect-btn {
    font-size: 20px;
    font-weight: 600;
    background-color: #00C4B4;
    border-radius: 50px;
    padding: 17px 26px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;

}

.newsletter_box .time-title {
    font-size: 48px;
    font-weight: 600;

}

.newsletter_box .section_title {
    width: 45%;
}

.newsletter_box form {
    width: 60%;
}

/* newsletter heading h2 */
.newsletter_box .section_title h2 {
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.newsletter_box .section_title h2,
.newsletter_box .section_title p {
    color: var(--text-white);
    text-align: left;
}

/* newsletter paragraph */
.newsletter_box .section_title p {
    margin-bottom: 0;
}

/* newsletter input  */
.newsletter_box form {
    display: flex;
}

.newsletter_box form .form-group {
    margin-bottom: 0;
}

.newsletter_box form .form-group .form-control {
    width: 430px;
    height: 55px;
    border-radius: 6px;
    color: var(--dark-purple);
}

.newsletter_box form .form-group .form-control::placeholder {
    color: var(--dark-purple);
}

/* newsletter button */
.newsletter_box form .form-group .btn {
    height: 55px;
    width: 170px;
    text-transform: uppercase;
    color: var(--purple);
    background-color: var(--bg-white);
    border-radius: 6px;
    margin-left: 10px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.newsletter_box form .form-group .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-purple);
    border-radius: 0;
    transition: 0.6s all;
    z-index: -1;
}

.newsletter_box form .form-group .btn:hover::before {
    width: 100%;
}

.newsletter_box form .form-group .btn:hover {
    color: var(--text-white);
}

.therapy-sec {
    padding: 160px 0 50px 0;
}

.donate-section {
    padding: 80px 0 100px;
}

.donate-gift-title h2 {
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.12;
    text-transform: capitalize;
}

.donate-form {
    background-color: #EAFAFF;
    border-radius: 24px;
    padding: 34px 64px 42px;
}

.donate-form .form-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.donate-form .form-control {
    padding: 20px 24px;
    font-size: 20px;
    background-color: #c9f3f5;
    border: 1px solid rgba(0, 95, 127, 0.11);
    border-radius: 44px;
    color: #000000;
    min-height: 72px;

}

.donate-form .form-select {
    padding: 20px 24px;
    font-size: 20px;
    background-color: #c9f3f5;
    border: 1px solid rgba(0, 95, 127, 0.11);
    border-radius: 14px;
    color: #000000;
    min-height: 68px;
    min-width: 118px;
    /* font-weight: 700; */
}

.donate-form .form-label {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

.donate-form .form-control::-webkit-input-placeholder {
    color: #66727c;
    font-weight: 400;
}

.donate-form .form-control:focus {
    border: 1px solid rgba(0, 95, 127, 0.11);
    box-shadow: 0 0 0 0.2rem rgba(0, 95, 127, 0.08);
}

.donate-form-top-rule {
    width: min(50%, 470px);
    /* height: 3px; */
    margin: 0 auto 10px;
    background-color: rgba(255, 255, 255, 0.88);
    /* box-shadow: 0 28px 0 rgba(255, 255, 255, 0.88); */
}

/* .program-support-box {
    background-color: #ffffff;
    margin: 18px -32px 0;
    padding: 0 42px 34px;
} */

.program-support-box h3 {
    width: min(760px, 100%);
    margin: 0 auto 24px;
    padding: 12px 18px;
    /* background-color: #ffffff; */
    color: #000000;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.program-support-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 26px;
    align-items: start;
    max-width: 700px;
    margin: 0 auto;
}

.program-support-field {
    text-align: center;
}

.program-support-field p,
.program-support-field label {
    display: block;
    margin: 0 0 10px;
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.program-support-value,
.donate-form .program-support-input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(204px, 100%);
    min-height: 72px;
    margin: 0 auto;
    padding: 10px 16px;
    background-color: #c9f3f5;
    border: 1px solid rgba(0, 95, 127, 0.11);
    border-radius: 44px;
    color: #000000;
    font-size: 20px;
    /* font-weight: 700; */
    text-align: center;
}

.donate-form .program-support-input {
    font-size: 20px;
    line-height: 1.2;
}

.donate-form .program-support-input::-webkit-outer-spin-button,
.donate-form .program-support-input::-webkit-inner-spin-button {
    margin: 0;
}

.donate-other-amount {
    display: grid;
    grid-template-columns: 190px minmax(240px, 360px);
    justify-content: center;
    gap: 0;
    margin-top: 30px;
}

.donate-other-amount .form-select {
    border-radius: 44px 0 0 44px;
    min-width: 190px;
}

.donate-other-amount .form-control {
    min-height: 68px;
    background-color: #c9f3f5;
    border-radius: 0 44px 44px 0;
    text-align: center;
    font-size: 20px;
    /* font-weight: 700; */
}

.program-support-placeholder {
    color: #66727c;
    font-size: 20px;
    font-weight: 400;
}

.donate-submit {
    min-height: 70px;
    background-color: #2d6d89 !important;
    font-size: 28px;
    font-weight: 700;
}

.donate-error {
    margin-top: 10px;
    color: #d93025;
    font-size: 15px;
}

@media (max-width: 991px) {
    .donate-form {
        padding: 32px;
    }

    .program-support-box {
        margin-right: -16px;
        margin-left: -16px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .program-support-box h3 {
        font-size: 28px;
    }

    .program-support-grid {
        gap: 18px;
    }

    .program-support-field p,
    .program-support-field label {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .donate-form {
        padding: 26px 18px 32px;
        border-radius: 18px;
    }

    .donate-form .form-label {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .donate-form .form-control,
    .donate-form .form-select {
        min-height: 58px;
        padding: 14px 18px;
        font-size: 16px;
    }

    .donate-form-top-rule {
        width: 70%;
        margin-bottom: 22px;
        box-shadow: none;
    }

    .program-support-box {
        margin-top: 4px;
        padding-bottom: 26px;
    }

    .program-support-box h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .program-support-grid {
        grid-template-columns: 1fr;
        max-width: 260px;
    }

    .program-support-field p,
    .program-support-field label {
        font-size: 20px;
    }

    .program-support-value,
    .donate-form .program-support-input {
        min-height: 58px;
        font-size: 22px;
    }

    .donate-other-amount {
        grid-template-columns: 120px minmax(170px, 1fr);
    }

    .donate-other-amount .form-select {
        min-width: 120px;
    }

    .donate-submit {
        min-height: 58px;
        font-size: 22px;
    }
}

/* ------Footer-Css-Start-------------- */
/* footer wraper */
footer {
    position: relative;
    margin-top: 158px;
    min-height: 472px;
}

.footer-speech-downloads {
    background: var(--dark-purple);
    border-radius: 500px;
    color: #ffffff;
    padding: 30px 32px;
    position: absolute;
    top: -80px;
    z-index: 12;
    width: 80%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    min-height: 146px;

}

.footer-speech-downloads .form-control {
    font-size: 13px;
    color: #ffffff;
    background: rgba(240, 240, 240, 0.5);
    border: 1px solid #F0F0F0;
    border-radius: 37px;
    padding: 13px 18px;
}

.footer-speech-downloads .form-control:focus {
    border: 1px solid #F0F0F0;
}

.footer-speech-downloads .form-control::-webkit-input-placeholder {
    color: #ffffff;
}

.footer-speech-downloads .download-title {
    color: #f09837;
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 12px;
}

.footer-speech-downloads .download-text {
    color: #ffffff;
    /* opacity: 62%; */
    line-height: normal;
    text-align: left;
}

.footer-speech-downloads .download-btn {
    background-color: #f09837;
    font-weight: 500;
    border-radius: 14px;
    font-size: 16px;
    width: 100%;
    padding: 13px;
}

.footer-speech-downloads .download-btn:hover {
    color: #f09837;
}

.puprple_btn.download-btn:hover::before {
    border-radius: 14px;
}

footer .top_footer {
    /* background-image: url(../images/footer_bg.png); */
    /* background: var(--purple); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #EAFAFF;
    padding: 100px 0 60px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
    min-height: 394px;
}

/* footer .top_footer::after {
    content: "";
    position: absolute;
    background-image: url("../images/footer_bg.png");
    background-image: var(--image-url);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg) brightness(47%) contrast(107%);
} */

/* footer logo */
footer .top_footer .logo {
    margin-bottom: 40px;
}

footer .top_footer .logo img {
    width: 150px;
}

footer .top_footer .abt_side li {
    padding: 0 0 10px 0;
}

/* footer social media icon */
footer .bottom_footer .social_media {
    display: flex;

}

/* footer link list */
footer .bottom_footer .social_media li a {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    margin-right: 10px;
    transition: 0.4s all;
    background-color: #ffffff;
    color: var(--purple);
}

footer .bottom_footer .social_media li a:hover {
    background-color: var(--bg-white);
    color: var(--purple);
}

footer .top_footer .try_out {
    margin-left: -20px;
}

footer .top_footer .try_out .app_btn img {
    /* filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg)
      brightness(59%) contrast(107%); */
    height: 30px;
}

footer .app_btn li a {
    display: block;
    padding: 12px 10px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: 0.4s all;
    width: 175px;
    text-align: center;
}

footer .app_btn li a:hover {
    -webkit-box-shadow: 1px 4px 8px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 4px 8px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 4px 8px -2px rgba(0, 0, 0, 0.5);
}

footer .app_btn li:last-child {
    margin-top: 20px;
}

footer .bottom_footer {
    background-color: var(--bg-purple);
}

/* footer heading and text colors variable */
footer h2,
footer h3,
footer p,
footer a {
    color: #000000;
}

footer a:hover {
    color: #000000;
}

/* footer heading h3 */
footer h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 32px;
    padding-top: 10px;
    color: #000000;
}

footer .links ul li a {
    display: block;
    margin-bottom: 10px;
}

/* footer last */
footer .bottom_footer {
    padding: 20px 0;
    /* border-top: #5539cc solid 1px; */

}

footer .bottom_footer p {
    margin-bottom: 0;
    font-size: 15px;
    color: #ffffff;
}

footer .bottom_footer .developer_text {
    text-align: right;
}

footer .bottom_footer .developer_text a {
    text-decoration: underline;
}

/* footer go top button */
.go_top {
    position: fixed;
    right: 30px;
    bottom: 80px;
    cursor: pointer;
    transition: 0.4s all;
    opacity: 0;
    z-index: 999;
}


.go_top img {
    box-shadow: 3px 4px 8px #005f7f;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.go_top:hover {
    bottom: 82px;
}

#bookFreeStutterModal {
    background-color: rgb(0 0 0 / 50%);
}

/* -----------Animation-Css-Start-------------- */

/* animation line wraper */

/* footer .top_footer .anim_line span:first-child {
      left: 5%;
  }
  
  footer .top_footer .anim_line span:nth-child(2) {
      left: 13%;
  } */

@keyframes star_down_one {
    0% {
        opacity: 0;
        top: -250px;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

/* --------Object-Moving-Animation-Css-Start----- */

.moving_position_animatin {
    position: relative;
    animation: moving_position_animatin 6s infinite linear;
    z-index: -1;
}

.about_app_section .about_img .screen_img img {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(3) {
    animation-delay: 3s;

}

.modern_ui_section .ui_images .right_img img:nth-child(2) {
    animation-delay: 3s;
    object-fit: contain;
}

.modern_ui_section .ui_images .right_img img:nth-child(1) {
    animation-delay: 3s;
    object-fit: contain;
    width: 320px;
    height: 300px;
}

@keyframes moving_object {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes moving_object_revert {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes moving_position_animatin {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0);
    }
}

/* ------------Waves-Animation---------------- */

.waves {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}




@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

/*------Header Btn Animation------*/
@keyframes pulse-blue-small-sm {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    100%,
    30% {
        box-shadow: 0 0 0 12px transparent;
    }
}

@keyframes pulse-blue-medium-sm {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    100%,
    30% {
        box-shadow: 0 0 0 20px transparent;
    }
}

/* Inner Page banner shape animation */
.ul-list {
    list-style-type: disc;
    padding-left: 20px;
}

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

.bred_crumb .banner_shape1,
.banner_shape2,
.banner_shape3 {
    position: absolute;
}

.bred_crumb.faq_crumb::after {
    filter: none;
}

.bred_crumb .banner_shape1 {
    top: 200px;
    left: 15%;
    animation: mymove 10s infinite;
}

.bred_crumb .banner_shape2 {
    top: 100px;
    right: 10%;
    animation: mymove 5s infinite;
}

.bred_crumb .banner_shape3 {
    top: 230px;
    right: 20%;
    animation: mymove 3s infinite;
}

.bred_crumb .bred_text .read-text {
    font-size: 18px;
}

.body_color {
    background-color: var(--light-purple);
}

/* CTA section Shape animation */

.query_section .banner_shape1,
.banner_shape2,
.banner_shape3 {
    position: absolute;
}

.query_section .banner_shape1 {
    top: 200px;
    left: 15%;
    animation: mymove 10s infinite;
}

.query_section .banner_shape2 {
    top: 100px;
    right: 10%;
    animation: mymove 5s infinite;
}

.query_section .banner_shape3 {
    top: 350px;
    right: 20%;
    animation: mymove 3s infinite;
}

@keyframes mymove {
    50% {
        transform: rotate(180deg);
    }
}

/* ----------Other-Page-Css-Start---------- */

/* White Header Css Satart */

/* About Us Page Css Start */

/* Bredcrumb Css Start */
.bred_crumb {
    /*background: var(--purple);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 270px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    /* margin-top: 1px; */
}

.bred_crumb1 {
    background: #12c7b4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 270px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 30px 20px;
    text-align: center;
}

.bred_crumb1>a {
    position: absolute;
    top: 20px;
    left: 20px;
}

.bred_crumb::before {
    content: "";
    position: absolute;
    background-image: var(--image-url);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg) brightness(47%) contrast(107%);
}

/* .bred_crumb::after {
  content: "";
  background-image: url(../images/icons/inner_page_ovelay_cross.svg);
  position: absolute;
  bottom: -1px;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 225px;
  background-position: center;
  filter: brightness(0) invert(1);
} */
.featured-story-sec {
    background-image: linear-gradient(-45deg,
            rgba(217, 242, 255, 1) 0%,
            rgba(255, 232, 249, 1) 25%,
            rgba(217, 242, 255, 1) 51%,
            rgba(233, 230, 255, 1) 100%);
    padding-top: 146px;
    padding-bottom: 0px;
}

.featured-story-sec::after {
    display: none;
}

.featured-story-sec::before {
    display: none;
}

.bred_crumb.featured-story-sec .bred_text ul li a,
.bred_crumb.featured-story-sec .bred_text ul li span {
    color: var(--dark-purple);
}

.featured-story-sec .featured-story-card {
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px var(--bg-white);
    padding: 24px;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0px 4px 30px #ede9fe;
    width: 82%;
    margin-bottom: -100px;
}

.featured-story-sec .featured-story-card .title {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.featured-story-sec .featured-story-card .banner-story-detail {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    padding: 15px;
}

/* .featured-story-sec h2.title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: center;
    margin-bottom: 40px;
  } */
.featured-story-sec h1.title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: center;
    margin-bottom: 40px;
}

.bannner-story-img {
    height: 350px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

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

.bred_crumb .bred_text {
    text-align: center;
    z-index: 99;
    position: relative;
    padding-top: 72px;
}

.bred_crumb .bred_text h1 {
    color: var(--text-white);
    font-size: 40px;
    font-weight: 600;
    /* text-transform: capitalize; */
}

.bred_crumb .bred_text h1+p {
    color: var(--text-white);
    margin-top: -5px;
}

.bred_crumb .bred_text ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bred_crumb .bred_text ul li {
    margin: 0 5px;
}

.bred_crumb .bred_text ul li a,
.bred_crumb .bred_text ul li span {
    color: var(--text-white);
    font-size: 14px;
    transition: 0.4s all;
}

.bred_crumb .bred_text ul li a:hover {
    text-decoration: underline;
}

.bred_crumb .bred_text .search_bar {
    margin-top: 25px;
    position: relative;
    z-index: 1000;
}

.bred_crumb .bred_text .search_bar form .form-group {
    position: relative;
    max-width: 600px;
    height: 60px;
    margin: 0 auto;
}

.bred_crumb .bred_text .search_bar form .form-group .form-control {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid var(--bg-purple);
    font-size: 16px;
    padding-left: 30px;
    color: var(--body-text-purple);
}

.bred_crumb .bred_text .search_bar form .form-group .form-control::placeholder {
    color: var(--body-text-purple);
}

.bred_crumb .bred_text .search_bar form .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--dark-purple);
}

.bred_crumb .bred_text .search_bar form .form-group .btn {
    position: absolute;
    right: 2px;
    top: 2px;
    background-color: var(--bg-purple);
    width: 56px;
    height: 56px;
    padding: 0;
    border-radius: 100px;
    text-align: center;
    line-height: 56px;
    font-size: 23px;
    color: var(--text-white);
}

.bred_crumb .bred_text .search_bar form .form-group .btn:hover {
    background-color: var(--dark-purple);
}

/* ----About App Soluction Section--- */
.app_solution_section .quotes-text {
    color: var(--purple);
    padding: 0 30px;
    font-weight: 500;
}

.app_solution_section .row {
    align-items: center;
}

.app_solution_section .app_text .section_title {
    text-align: left;
    margin-bottom: 20px;
    min-height: auto;
}

.app_solution_section .app_text .section_title h2 {
    letter-spacing: -1px;
}

.app_solution_section .section_title h2 {
    font-size: 32px;
    font-weight: 500;
}

.app_solution_section .app_text p {
    padding-right: 40px;
    font-size: 18px;
}

.app_text a {
    color: #007bff;
    text-decoration: underline;
}

.app_text a:hover {
    color: #0056b3;
}

.app_solution_section .app_images {
    position: relative;
}

.app_solution_section .app_images ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.app_solution_section .app_images ul li {
    position: relative;
}

.app_solution_section .app_images ul li a {
    position: relative;
}

.app_solution_section .app_images ul li a .play_icon {
    background-color: rgba(255, 255, 255, 0.1);
    width: 96px;
    height: 96px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 96px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.app_solution_section .app_images ul li img {
    max-width: 100%;
}

.app_solution_section .app_images li:first-child {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.app_solution_section .app_images ul li:nth-child(2) {
    left: -5px;
    cursor: pointer;
}

.app_solution_section .app_images ul li:nth-child(3) {
    right: -5px;
}

.app_solution_section .app_images::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 570px;
    height: 570px;
    border-radius: 100%;
    background-color: var(--bg-white);
    z-index: -1;
}

.app_text ol li {
    list-style-type: decimal;
}

/* ------Why Section CSS Start------ */

.why_we_section {
    display: flex;
    justify-content: center;
}

.why_we_section .why_inner {
    background-color: var(--bg-white);
    border-radius: 30px;
    width: 1370px;
    margin: 0 15px;
    box-shadow: 0 4px 30px #ede9fe;
    padding: 85px 0;
}

.why_we_section .why_inner .section_title {
    margin-bottom: 50px;
}

.why_we_section .why_inner .why_box .icon {
    margin-bottom: 45px;
}

.why_we_section .why_inner .why_box .icon img {
    max-width: 100%;
}

.why_we_section .why_inner .why_box .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 10px;
}

.why_we_section .why_inner .why_box .text p {
    margin-bottom: 0;
}

/* About-Page-Sectino */

.about_page_sectino img {
    max-width: 100%;
}

/* -----------experts_team_sectio---------- */
.calendly-inline-widget {
    min-width: 320px;
    height: 700px;
}

.experts_team_section {
    background-color: var(--light-purple);
    padding: 100px 0 100px 0;
}

.experts_team_section .experts_box {
    position: relative;
    text-align: center;
    padding: 35px 30px;
    border-radius: 12px;
    background-color: transparent;
    transition: 0.4s all;
}

.experts_team_section .experts_box .expert-img {
    height: 285px;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 22px;
}

.experts_team_section .experts_box .expert-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 34px;
}

.experts_team_section .experts_box img {
    margin-bottom: 30px;
    max-width: 100%;
}

.experts_team_section .experts_box .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    transition: 0.4s all;
}

.experts_team_section .experts_box .text span {
    color: var(--body-text-purple);
}

.experts_team_section .experts_box .social_media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.experts_team_section .experts_box .social_media a {
    display: block;
    width: 33px;
    height: 33px;
    border: 1px solid #cccce2;
    border-radius: 50px;
    text-align: center;
    line-height: 31px;
    color: #898aae;
    margin: 0 5px;
    transition: 0.4s all;
    font-size: 15px;
}

.experts_team_section .experts_box .social_media a:hover {
    border-color: var(--purple);
    background-color: var(--bg-purple);
    color: var(--text-white);
}

.experts_team_section .experts_box:hover {
    background-color: var(--bg-white);
    box-shadow: 0 4px 10px #ede9fe;
}

.experts_team_section .experts_box:hover h3 {
    color: var(--purple);
}

/* ---------Query-Section-Css-Start-------- */
.query_section {
    display: flex;
    justify-content: center;
}

.query_inner {
    width: 1370px;
    margin: 0 15px;
    /*background-image: url(../images/query_bg.png);*/
    background: var(--purple);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
    /* min-height: 325px; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.query_inner .section_title h2,
.query_inner .section_title p {
    color: #fff;
}

.query_inner .section_title {
    margin-bottom: 40px;
}

.query_inner .white_btn {
    font-size: 25px;
    font-weight: 700;
}

.query_inner .white_btn:hover {
    border-color: #fff;
}

.about_trust_section {
    margin-bottom: 40px;
}

/* Blog List Css Start */
.blog_list_story {
    margin-bottom: 50px;
}

.blog_list_main {
    position: relative;
}

.blog_list_main>.container>.row {
    align-items: center;
}

.blog_list_main .blog_img {
    position: relative;
}

.blog_list_main .blog_img img {
    max-width: 100%;
    border-radius: 12px;
}

.blog_list_main .blog_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--text-white);
}

.blog_list_main .blog_text .section_title {
    text-align: left;
}

.blog_list_main .blog_text .choice_badge {
    font-size: 12px;
    background-color: #f8d979;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 4px;
    color: var(--dark-purple);
    font-weight: 700;
    margin-bottom: 10px;
}

.blog_list_main .blog_text a {
    color: var(--purple);
    margin-top: 25px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.blog_list_main .blog_text a:hover {
    text-decoration: underline;
}

.blog_list_story.row_am {
    padding-top: 30px;
}

.blog_list_story .story_box {
    margin-bottom: 40px;
    text-align: left;
}

/* Pagination Css Start */
.pagination_block ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.pagination_block ul li:not(:first-child, :last-child) a {
    margin: 0 5px;
    transition: 0.4s all;
    display: block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
}

.pagination_block ul li:first-child {
    margin-right: 20px;
}

.pagination_block ul li:last-child {
    margin-left: 20px;
}

.pagination_block ul li:not(:first-child, :last-child) a:hover,
.pagination_block ul li:not(:first-child, :last-child) a.active {
    background-color: var(--bg-purple);
    color: var(--text-white);
}

.pagination_block ul li:first-child a:hover {
    color: var(--purple);
}

.pagination_block ul li:last-child a:hover {
    color: var(--purple);
}

/* Blog Detail Css Start */
.blog_detail_section {
    margin-bottom: 40px;
}

.blog_detail_bredcrumb.bred_crumb .bred_text {
    margin-top: -30px;
}

.blog_detail_section .blog_inner_pannel {
    background-color: #ffffff;
    border-radius: 30px;
    padding: 45px 60px;
    margin-top: -38px;
    position: relative;
    box-shadow: 0 8px 30px #c0bad76b;
    overflow: visible;
    word-break: break-word;
    overflow-wrap: break-word;
}

.blog_detail_section .blog_inner_pannel .review {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .review span {
    line-height: 1;
}

.blog_detail_section .blog_inner_pannel .review span:first-child {
    color: var(--purple);
    display: inline-block;
    font-weight: 700;
}

.blog_detail_section .blog_inner_pannel .review span:last-child {
    color: var(--dark-purple);
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid var(--dark-purple);
}

.blog_detail_section .blog_inner_pannel .section_title {
    margin-bottom: 40px;
}

.blog_detail_section .blog_inner_pannel .section_title h2 {
    margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel .section_title h1 {
    margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel img {
    max-width: 100%;
}

.blog_detail_section .blog_inner_pannel .main_img {
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

ul.blog-list-item li,
ul.blog-list-item {
    list-style-type: disc;
}

ul.blog-list-item {
    /* color: var(--purple); */
    padding-left: 24px;
}

ul.blog-list-item li::marker {
    color: var(--dark-purple);
}

.blog-list-item h6 {
    font-weight: 600;
    color: var(--dark-purple);
    margin-top: 30px;
    font-size: 20px;
    margin-bottom: 10px;
}

.blog_detail_section .blog_inner_pannel .info,
.blog_detail_section .blog_inner_pannel .info * {
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

.blog_detail_section .blog_inner_pannel .info h3 {
    font-weight: 700;
    color: var(--dark-purple);
    margin-top: 30px;
    font-size: 25px;
    margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info h2 {
    font-weight: 700;
    color: var(--dark-purple);
    margin-top: 30px;
    font-size: 27px;
    margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info h4 {
    font-weight: 700;
    color: var(--dark-purple);
    margin-top: 30px;
    font-size: 23px;
    margin-bottom: 15px;
}

.blog_detail_section .blog_inner_pannel .info strong {
    /* font-weight: 700; */
    color: var(--dark-purple);
    /* margin-top: 30px;
    font-size: 23px;
    margin-bottom: 15px; */
}

.blog_detail_section .blog_inner_pannel .info ul {
    padding-left: 50px;
    padding-top: 10px;
    margin-bottom: 30px;
}

.blog_detail_section .blog_inner_pannel .info ul li p {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
}

.blog_detail_section .blog_inner_pannel .info ul li p .icon {
    position: absolute;
    left: 0;
    color: var(--purple);
}

.blog_detail_section .blog_inner_pannel .two_img {
    margin-bottom: 70px;
}

.blog_detail_section .blog_inner_pannel .quote_block {
    background-color: #f6f4fe;
    border-radius: 12px;
    padding: 55px 35px 35px 60px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 35px;
}

.blog_detail_section .blog_inner_pannel .quote_block h2 {
    font-size: 25px;
    line-height: 37px;
}

.blog_detail_section .blog_inner_pannel .quote_block p {
    margin-bottom: 0;
    margin-top: 15px;
}

.blog_detail_section .blog_inner_pannel .quote_block .name {
    color: var(--purple);
    font-weight: 700;
}

.blog_detail_section .blog_inner_pannel .quote_block .q_icon {
    position: absolute;
    top: -20px;
    width: 63px;
    height: 63px;
    background-color: var(--bg-white);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_detail_section .blog_inner_pannel .quote_block .q_icon img {
    width: 35px;
}

.blog_detail_section .blog_inner_pannel .blog_authore {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-top: 1px solid #d6d3e3;
    border-bottom: 1px solid #d6d3e3;
    margin: 35px 0;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text {
    margin-left: 20px;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 5px;
}

.blog_detail_section .blog_inner_pannel .blog_authore .authore_info .text span {
    font-size: 14px;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul {
    display: flex;
}

.blog_inner_pannel .main_img {
    height: 500px;
    width: 100%;
}

.blog_inner_pannel .main_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    /* object-position: center; */
}

/* Social Media link list */
.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li a {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 15px;
    border: 1px solid #ccc9d7;
    border-radius: 50px;
    margin-right: 10px;
    transition: 0.4s all;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li:last-child a {
    margin-right: 0;
}

.blog_detail_section .blog_inner_pannel .blog_authore .social_media ul li a:hover {
    background-color: var(--bg-purple);
    color: var(--text-white);
}

.blog_detail_section .blog_inner_pannel .blog_tags ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_detail_section .blog_inner_pannel .blog_tags ul .tags p {
    margin-bottom: 0;
    color: var(--dark-purple);
    font-weight: 500;
    margin-right: 5px;
}

.blog_detail_section .blog_inner_pannel .blog_tags ul li span {
    color: var(--purple);
    font-weight: 500;
}

.content-info {
    overflow-wrap: break-word;
    word-break: normal;
    max-width: 100%;
}

.content-info p,
.content-info span,
.content-info li,
.content-info h1,
.content-info h2,
.content-info h3,
.content-info h4,
.content-info h5,
.content-info h6 {
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal;
}

[class^="ql-indent-"] {
    margin-left: 20px;
}

.ql-indent-1 {
    margin-left: 60px;
}

.ql-indent-2 {
    margin-left: 80px;
}

.ql-indent-3 {
    margin-left: 100px;
}

.ql-indent-4 {
    margin-left: 120px;
}

.ql-indent-5 {
    margin-left: 140px;
}

.ql-indent-6 {
    margin-left: 160px;
}

.ql-indent-7 {
    margin-left: 180px;
}

.ql-indent-8 {
    margin-left: 200px;
}

.ql-indent-center {
    margin-left: 500x;
}

.ql-align-center {
    text-align: center;
}

.ql-align-justify {
    text-align: justify;
}

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

.content-info ul,
li {
    list-style-type: inherit !important;
}

/* comment section Css Start */
.comment_section ul {
    margin-top: 30px;
}

.comment_section ul li {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #d6d3e3;
}

.comment_section ul li:last-child {
    padding-bottom: 0;
}

.comment_section ul li.replay_comment {
    margin-left: 110px;
}

.comment_section ul li .authore_info {
    display: flex;
    align-items: center;
    width: 260px;
}

.comment_section ul li .authore_info .avtar {
    width: 88px;
    margin-right: 20px;
}

.comment_section ul li .authore_info .text {
    width: calc(100% - 108px);
}

.comment_section ul li .authore_info .text h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
}

.comment_section ul li .authore_info .text span {
    font-size: 14px;
}

.comment_section ul li .comment {
    width: calc(100% - 310px);
    margin-left: 50px;
}

.comment_section ul li .comment p {
    margin-bottom: 0;
}

/* comment-form-section */

.comment_form_section form {
    margin-top: 30px;
}

.comment_form_section form .form-group .form-control {
    border-radius: 12px;
    height: 60px;
    /* box-shadow: 0 3px 6px #ede9fe; */
    box-shadow: 0 3px 6px #cfe1df;
    border: transparent;
    margin-bottom: 30px;
    color: var(--body-text-purple);
    padding: 15px;
}

.comment_form_section form .form-group .form-control::placeholder {
    color: var(--body-text-purple);
}

.comment_form_section form .form-group textarea.form-control {
    height: 140px;
    padding-top: 15px;
    resize: none;
}

/* Sign Up Css Start */

/* Review List Section Css Start */

.review_list_section .review_box {
    padding: 40px 30px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px #ede9fe;
    margin: 20px 0;
}

.review_list_section .review_box .rating ul {
    display: flex;
}

.review_list_section .review_box .rating ul li span {
    color: #fc9400;
    font-size: 18px;
}

.review_list_section .review_box h3 {
    font-size: 20px;
    color: var(--purple);
    margin: 10px 0;
}

.review_list_section .review_box .reviewer {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.review_list_section .review_box .reviewer .avtar {
    width: 80px;
}

.review_list_section .review_box .reviewer .text {
    margin-left: 20px;
    width: calc(100% - 100px);
}

.review_list_section .review_box .reviewer .text h3 {
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 0;
}

/* review-freeapp */

.review_freeapp {
    margin: 60px 0;
}

.review_freeapp .free_app_inner {
    background: url("../images/free_review_bg.html");
    background-size: cover;
    background-position: 90%;
}

/* Contact Page Css Start */
.contact_page_section {
    background-color: var(--light-purple);
}

.upload-card {
    position: relative;
    border: 2px dashed rgb(62, 63, 102, 0.3);
    padding: 36px;
    border-radius: 22px;
    margin-bottom: 30px;
}

.uplaoded-doc {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    overflow: hidden;
    border-radius: 22px;
}

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

.upload-card .upload-file {
    border-radius: 22px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.upload-card input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.upload-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.upload-card .upload-icon {
    background-color: #E6E6E6;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

.contact_page_section .contact_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    /* margin-top: -150px; */
}

.contact_page_section .contact_inner .section_title h2 {
    font-weight: 600;
    font-size: 32px;
}

.contact_page_section .contact_inner .contact_form {
    width: 100%;
    padding: 40px 40px;

    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 4px 10px #ede9fe;
}

.contact_page_section .contact_inner .contact_form h2 {
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_form form {
    margin-top: 30px;
}

.contact_page_section .contact_inner .contact_form form .form-group {
    /* margin-bottom: 20px; */
    text-align: left;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-label {
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}

.popular-label {
    font-size: 12px;
    background: linear-gradient(0deg, #ff8c21 0%, #ffe040 100%);
    box-shadow: 0px 0px 5.3px rgba(255, 166, 42, 0.63);
    border-radius: 50px;
    color: #251a00;
    padding: 3px 10px;
    font-weight: 600;
    position: absolute;
    top: -15px;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-control {
    /* height: 54px; */
    padding: 12px 16px;
    color: var(--body-text-purple);
    border: 1px solid #e1dbf4;
    border-radius: 10px;
    font-weight: 400;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-select {
    /* height: 54px; */
    padding: 12px 16px;
    color: var(--body-text-purple);
    border: 1px solid #e1dbf4;
    border-radius: 10px;
    font-weight: 400;
}

.contact_page_section .contact_inner .contact_form form .form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--purple);
}

.contact_page_section .contact_inner .contact_form form .form-group .input-group-text {
    border-radius: 10px 0 0 10px;
}

.contact_page_section .contact_inner .contact_form form .term_check {
    display: flex;
    align-items: center;
}

.contact_page_section .contact_inner .contact_form form .term_check input {
    width: 17px;
    height: 17px;
    accent-color: var(--purple);
}

.contact_page_section .contact_inner .contact_form form .term_check label {
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 7px;
}

.contact_page_section .contact_inner .contact_form form .form-group button {
    width: 245px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}

.contact_page_section .contact_inner .contact_info {
    width: 480px;
}

.contact_page_section .contact_inner .contact_info .section_title {
    text-align: left;
    margin-top: 15px;
}

.contact_page_section .contact_inner .contact_info .section_title p a {
    color: var(--purple);
    text-decoration: underline;
}

.contact_page_section .contact_inner .contact_info .btn {
    width: 180px;
    margin: 10px 0 50px 0;
}

.form-select:focus {
    box-shadow: none;
}

/* Contact Page Css Start */

.map_section {
    margin: 50px 0;
}

/* MEDia */
.media-section {
    padding: 45px 0;
}

.media-card {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px -0.27479px 2.74791px 0px rgba(0, 0, 0, 0.02),
        0px -0.69497px 6.94968px 0px rgba(0, 0, 0, 0.03),
        0px -1.41767px 14.1767px 0px rgba(0, 0, 0, 0.04),
        0px -2.92013px 29.20132px 0px rgba(0, 0, 0, 0.05),
        0px -8px 80px 0px rgba(0, 0, 0, 0.07);
    padding: 20px;
    height: 100%;
    display: block;
}

.media-card .media-img {
    height: 240px;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.media-card .media-read-more {
    color: var(--purple);

    display: block;
    font-size: 14px;

    font-weight: 600;
}

.media-card .media-read-more:hover {
    text-decoration: underline;
}

.media-card .media-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.4s all ease-in-out;
}

.media-card .media-title {
    color: var(--dark-purple);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.media-card:hover .media-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.4s all ease-in-out;
}

.latest-story-sec.latest_story .story_box .story_img {
    height: 400px;
    width: 100%;
}

/* .latest-story-sec.latest_story .story_box .story_img {
    height: 400px;
    width: 100%;
  } */
.latest-story-sec.latest_story .story_box .story_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.latest-story-sec.latest_story .story_box {
    height: 100%;
}

.featured-story-card.inner-detail-card {
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}

.featured-story-sec.featured-indetail {
    padding-top: 125px;
    padding-bottom: 134px;

}

.featured-story-card.inner-detail-card .bannner-story-img {
    height: 270px;
    width: 270px;
    border-radius: 50%;
    margin-left: auto;
}

/* .featured-story-card.inner-detail-card h2.title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: left;
    margin-bottom: 0px;
  } */
.featured-story-card.inner-detail-card h1.title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: left;
    margin-bottom: 0px;
}

.latest_story.indetail {
    padding: 70px 0 70px 0;
}

.align-items-normal {
    align-items: normal !important;
}

.table-forum {
    width: 100%;
    /* border-radius: 14px; */
    overflow: hidden;
}

.table-forum th {
    padding: 15px;
    background-color: var(--bg-purple);
    color: #fff;
    border: 1px solid #d3d3d3;
}

.table-forum tr:last-child td:first-child {
    border-radius: 14px;
}

.table-forum td {
    padding: 15px;
    border: 1px solid #d3d3d3;
}

.table-forum .forum-link {
    display: block;
}

.latest_story .story_box.blog-card {
    box-shadow: none;
    margin-bottom: 0;
}

.latest_story .story_box.blog-card .story_text {
    padding: 16px 0;
    font-size: 14px;
}

.latest_story .story_box.blog-card .story_text h3 {
    font-size: 18px;
}

.recent-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.widget {
    padding: 20px 20px;

    background-color: #f5f5f5;
    margin-bottom: 40px;
    position: relative;
    border-radius: 5px;
}

.widget .widget_title {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-purple);
    margin-bottom: 18px;
}

.recent-post:last-child {
    margin-bottom: 0;
}

.recent-post .media-img {
    margin-right: 15px;

    overflow: hidden;
    border-radius: 5px;

    height: 80px;
    width: 95px;
}

.recent-post .media-img img {
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    height: 100%;
    object-fit: cover;
}

.recent-post .media-body {
    flex: 1;
}

.recent-post .post-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 8px 0;
    font-family: var(--title-font);
    text-transform: capitalize;
    margin-bottom: 2px;
}

.recent-post .recent-post-meta a {
    text-transform: capitalize;
    font-size: 14px;
    color: var(--body-color);

    font-family: var(--body-font);
}

.recent-post .recent-post-meta a i {
    margin-right: 6px;
    color: var(--theme-color);
}

.recent-post .recent-post-meta a:hover {
    color: var(--theme-color);
}

.recent-post:hover .media-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.choose-image4 .img1 {
    position: relative;
    width: 100%;
    border-radius: 100px 20px 150px 20px;
    z-index: 2;
    height: 350px;
}

.choose-image4 .img1 img {
    width: 100%;
    border-radius: 100px 20px 150px 20px;
    height: 100%;
    object-fit: cover;
}

.choose-image4 .img1:before {
    content: "";
    position: absolute;
    inset: 0;
    right: -25px;
    background-color: #fff;
    border-radius: 100px 20px 100px 20px;
    z-index: -1;
}

.about_app_section.club_meetings .about_text .app_statstic li {
    width: 100%;
    padding-left: 16px;
    /* border-radius: 15px 50px 15px 50px; */
}

.about_app_section.club_meetings .about_text .app_statstic li .icon {
    height: 57px;
    width: 57px;
    padding: 10px;
    background-color: #eafaff;
    border-radius: 50%;
    margin-right: 16px;
}

.about_app_section.club_meetings .about_text .app_statstic li .icon img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.about_app_section.club_meetings .about_text .app_statstic li .text {
    flex: 1;
}

.about_app_section .about_text .app_statstic li p:first-child {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 3px;
    line-height: 22px;
}


@media (max-width: 1299px) {}



.shape-mockup {
    position: absolute;
    z-index: -1;
}

.blog_detail_section.stutter_ebooks {
    background-color: var(--light-purple);
    padding: 100px 0 50px 0;
    background: linear-gradient(180deg, #eafaff 0%, rgba(0, 196, 180, 0) 100%);
}

.blog_detail_section.stutter_ebooks .blog_inner_pannel .main_img {
    margin-bottom: 30px;
    /* height: 500px; */
    height: 448px;
    text-align: center;
}

.blog_detail_section.stutter_ebooks .blog_inner_pannel .main_img img {
    height: 100%;
    object-fit: contain;
    z-index: 1;
}

/* hero slider images */
.banner_section .banner_slider {
    display: flex;
    position: relative;
}

.banner_section .banner_slider .left_icon {
    position: absolute;
    left: 15px;
    bottom: 70px;
    z-index: 9999;
}

.banner_section .banner_slider .right_icon {
    position: absolute;
    right: 15px;
    top: 70px;
}

/* hero slider mobile frame */
.banner_section .banner_slider .slider_frame {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 315px;
}

.banner_section .banner_slider #frmae_slider::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #fff;
    /* background-color: transparent; */
    width: calc(100% - 10px);
    height: 90%;
    border-radius: 30px;
}

.banner_section .banner_slider::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 475px;
    height: 475px;
    border-radius: 100%;
    background-color: var(--purple);
    z-index: -5;
}

.banner_section .banner_slider #frmae_slider {
    width: 305px;
    margin: 0 auto;
    border-radius: 35px;
    overflow: hidden;
}

.slide-banner-image {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.slide-banner-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slide-single {

    padding: 180px 0;
    position: relative;
    z-index: 1;
}

.slide-single::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    /* background: linear-gradient(278.88deg, rgba(0, 0, 0, 0) 4.45%, #000000 158.72%); */
}

.banner-slide-single {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/* hero slider control dots */
.banner_section .owl-dots {
    margin-top: 40px;
}

.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}

.slider_img {
    height: 640px;
    overflow: hidden;
    border-radius: 50px;
    width: 315px;
}

.slider_img img {
    height: 100%;
    width: calc(100% - 10px) !important;
    object-fit: contain;
    border-radius: 35px;
}

.video-library .story_img {
    height: 230px;
}

.video-library .story_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-library .story_img img.playbtn {
    height: 50px;
    width: 50px;
    object-fit: contain;
    position: absolute;
    z-index: 12;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.podcast-webcast-page {
    background: #ffffff;
    color: #202124;
    width: 100%;
}

.podcast-webcast-intro {
    padding: 45px 0 44px;
    width: 100%;
}

.podcast-webcast-intro .container,
.podcast-webcast-list .container {
    max-width: 1180px;
}

.podcast-webcast-hero {
    position: relative;
    width: min(100%, 1120px);
    aspect-ratio: 1120 / 380;
    min-height: auto;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 22px;
    background: #065e6f;
    box-shadow: 0 18px 45px rgba(6, 95, 112, 0.12);
}

.podcast-webcast-hero img {
    object-fit: cover;
    object-position: center;
}

.podcast-webcast-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.12) 100%);
}

.podcast-webcast-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    color: #ffffff;
}

.podcast-webcast-hero-overlay h2 {
    margin-bottom: 8px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.05;
    font-weight: 700;
}

.podcast-webcast-hero-overlay p {
    margin: 0;
    color: #ffffff;
    font-size: clamp(16px, 2vw, 22px);
    font-weight: 400;
}

.podcast-webcast-copy {
    max-width: 980px;
    margin: 78px auto 0;
    text-align: center;
}

.podcast-webcast-copy p {
    margin-bottom: 10px;
    color: #6b7280;
    font-size: 20px;
    line-height: 1.55;
}

.podcast-webcast-copy h3 {
    max-width: 920px;
    margin: 22px auto 0;
    /* color: #202124; */
    font-size: 25px;
    line-height: 1.42;
    font-weight: 700;
}

.podcast-webcast-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 70px;
    flex-wrap: wrap;
}

.podcast-webcast-tabs button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 230px;
    min-height: 64px;
    padding: 12px 18px;
    border: 1px solid rgba(0, 106, 132, 0.18);
    border-radius: 12px;
    background: #ffffff;
    color: #006a84;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
    transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.podcast-webcast-tabs button .tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    background: rgba(0, 106, 132, 0.1);
    color: #006a84;
    font-size: 18px;
}

.podcast-webcast-tabs button .tab-label {
    white-space: nowrap;
}

.podcast-webcast-tabs button .tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f7941e;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}

.podcast-webcast-tabs button.active,
.podcast-webcast-tabs button:hover {
    background: #006a84;
    color: #ffffff;
    border-color: #006a84;
    box-shadow: 0 16px 34px rgba(0, 106, 132, 0.22);
    transform: translateY(-1px);
}

.podcast-webcast-tabs button.active .tab-icon,
.podcast-webcast-tabs button:hover .tab-icon {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.podcast-webcast-tabs button.active .tab-count,
.podcast-webcast-tabs button:hover .tab-count {
    background: #ffffff;
    color: #006a84;
}

.podcast-webcast-tabs button:focus-visible {
    outline: 3px solid rgba(247, 148, 30, 0.45);
    outline-offset: 3px;
}

/* .podcast-webcast-list {
    padding: 0 0 72px;
} */

.podcast-webcast-list h2 {
    margin-bottom: 22px;
    color: #202124;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.podcast-webcast-list .video-container {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 6px;
    background: #000000;
    position: relative;
}

.podcast-webcast-list .video-container video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.podcast-webcast-video-error {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px;
    color: #ffffff;
    text-align: center;
    background: rgba(15, 23, 42, 0.86);
}

.podcast-webcast-video-error i {
    font-size: 28px;
    color: #fbbf24;
}

.podcast-webcast-video-error p {
    max-width: 320px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

.podcast-webcast-list .course-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.podcast-webcast-list .course-title h5 {
    min-height: 52px;
    margin-bottom: 0;
}

.podcast-webcast-list .summary-text {
    min-height: 54px;
    margin-top: 6px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.podcast-webcast-list .course-wrap .d-flex.justify-content-between {
    margin-top: auto !important;
    padding-top: 10px;
}

.podcast-webcast-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 22px;
}

.podcast-webcast-card {
    overflow: hidden;
    border: 1px solid #edf0f2;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.04);
}

.podcast-webcast-thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #062b33;
    cursor: pointer;
}

.podcast-webcast-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.podcast-webcast-card:hover .podcast-webcast-thumb img {
    transform: scale(1.035);
}

.podcast-webcast-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    transform: translate(-50%, -50%);
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    backdrop-filter: blur(4px);
}

.podcast-webcast-duration {
    position: absolute;
    right: 12px;
    bottom: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
}

.podcast-webcast-card-body {
    padding: 18px 18px 20px;
}

.podcast-webcast-card-body h3 {
    margin-bottom: 8px;
    color: #202124;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

.podcast-webcast-card-body p {
    margin: 0;
    color: #545b66;
    font-size: 14px;
    line-height: 1.4;
}

.podcast-webcast-loader,
.podcast-webcast-empty {
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.podcast-webcast-loader #loader {
    left: auto;
    top: auto;
    margin: 0;
}

.podcast-webcast-empty {
    flex-direction: column;
    gap: 14px;
    text-align: center;
}

.podcast-webcast-empty p {
    margin: 0;
    color: #5f6670;
    font-size: 18px;
    font-weight: 500;
}

.podcast-webcast-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: #101010;
}

.podcast-webcast-modal .modal-body {
    padding: 0;
}

.podcast-webcast-modal .video-container {
    aspect-ratio: 16 / 9;
}

.podcast-webcast-modal iframe,
.podcast-webcast-modal video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000000;
}

@media (max-width: 1199px) {

    .podcast-webcast-intro .container,
    .podcast-webcast-list .container {
        max-width: 960px;
    }

    .podcast-webcast-hero {
        aspect-ratio: 1120 / 380;
    }
}

@media (max-width: 991px) {
    .podcast-webcast-intro {
        padding: 54px 0 34px;
    }

    .podcast-webcast-hero {
        aspect-ratio: 1120 / 400;
        border-radius: 18px;
    }

    .podcast-webcast-copy {
        margin-top: 48px;
    }

    .podcast-webcast-copy p {
        font-size: 18px;
    }

    .podcast-webcast-copy h3 {
        font-size: 22px;
    }

    .podcast-webcast-tabs {
        gap: 18px;
        margin-top: 46px;
    }

    .podcast-webcast-tabs button {
        min-width: 190px;
        font-size: 21px;
    }

    .podcast-webcast-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .podcast-webcast-intro {
        padding-top: 40px;
    }

    .podcast-webcast-hero {
        aspect-ratio: 16 / 8;
        border-radius: 16px;
    }

    .podcast-webcast-hero-overlay {
        padding: 22px;
    }

    .podcast-webcast-copy {
        margin-top: 38px;
    }

    .podcast-webcast-copy p {
        font-size: 16px;
    }

    .podcast-webcast-copy h3 {
        font-size: 19px;
    }

    .podcast-webcast-tabs {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 34px;
    }

    .podcast-webcast-tabs button {
        width: 100%;
        min-height: 54px;
        justify-content: flex-start;
        font-size: 18px;
    }

    .podcast-webcast-tabs button .tab-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 16px;
    }

    .podcast-webcast-tabs button .tab-count {
        margin-left: auto;
        height: 28px;
        min-width: 32px;
        font-size: 14px;
    }

    .podcast-webcast-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .podcast-webcast-hero {
        aspect-ratio: 16 / 8;
    }

    .podcast-webcast-card-body {
        padding: 15px;
    }
}

.features_section.daily-curve .feature_detail .feature_box .data_block {
    padding-top: 80px;
}

.features_section .feature_detail .feature_box .data_block {
    backdrop-filter: blur(9.20245px);
    border-radius: 15px;
    border: 1px solid #ffffff;
    border: none;
    transition: 0.4s all ease-in-out;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.24) !important;
    color: #ffffff;
    padding-top: 55px;
    font-size: 18px;
}

.features_section .feature_detail .feature_box .data_block:hover {
    background: #e9fffe !important;
    transition: 0.4s all ease-in-out;
    color: var(--dark-purple);
}

.routine_mockups {
    height: 580px;
    width: 300px;
    margin: 0 auto;
}

.routine_mockups img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.routine_group_card {
    /* background-color: var(--light-purple); */
    padding: 28px 0;

    background: #e9fffe;
    padding-bottom: 48px;
    border-radius: 20px;
    border: solid 1px #eae8f5;
}

.routine_group_card .sec-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: center;
    margin-bottom: 38px;
    margin-top: 20px;
}

.privacy-list {
    list-style-type: disc;
    padding-left: 20px;
}

.privacy-list li {
    list-style-type: disc;
    margin-bottom: 12px;
    text-align: left;
}

.data-ulist {
    margin-bottom: 20px;
}

.data-ulist li {
    margin-bottom: 14px;
    text-align: left;
}

.slider-container .slick-track {
    display: flex !important;
    width: 100% !important;


}

.slider-container .slick-slide {
    flex: 0 0 100%;
    max-width: 100%;
}

.slider-container {
    width: 100%;
    /* height: 620px; */
    overflow: hidden;
}

.testimonial.therapist-card {
    margin: 0 20px 40px;
}

.testimonial.therapist-card .testimonial-content {
    padding: 35px 25px 35px 50px;
    /* margin-bottom: 35px; */
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}

.testimonial-content .testimonial-icon {
    width: 50px;
    height: 45px;
    background: var(--dark-purple);
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}

.testimonial-content .testimonial-icon:before {
    content: "";
    border-bottom: 16px solid var(--dark-purple);
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}

.testimonial.therapist-card .description {
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
    min-height: 72px;
    text-wrap: wrap;
    overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.testimonial.therapist-card .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.testimonial.therapist-card .post {
    display: block;
    font-size: 14px;
    color: var(--dark-purple);
}

.testimonial.therapist-card .therapist-img {
    height: 280px;
    width: 280px;
    margin-bottom: 18px;
}

.testimonial.therapist-card .therapist-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.stuttering-therapist .slick-slide>div {
    margin: 20px;
}

.stuttering-therapist {
    padding: 20px;
}

.navbar-expand-lg .navbar-nav .login-btn.nav-link {
    border: 1px solid var(--purple);
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 25px;
    cursor: pointer;
    background-color: #ffffff;
    color: var(--purple);
    cursor: pointer;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.navbar-expand-lg .navbar-nav .login-btn:hover {
    background-color: var(--purple);
    color: #ffffff;
    border-color: var(--bg-purple);
    box-shadow: -1px 6px 10px 0 rgba(120, 60, 20, 0.2);
}

.navbar-expand-lg .navbar-nav .login-btn.nav-link:after {
    content: "";
    position: absolute;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0;
    height: 100%;
    background: var(--purple);
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.navbar-expand-lg .navbar-nav .login-btn.nav-link:hover {
    color: #ffffff;
}

.navbar-expand-lg .navbar-nav .login-btn.nav-link:hover:after {
    width: 100%;
}

.therapy-point-section {
    background-color: var(--light-purple);
}

.therapy-point-section .sec-title {
    font-size: 34px;
}

a {
    text-decoration: none;
    color: unset;
}

.hide {
    display: none;
}

a:hover {
    color: inherit;

    transition: 0.4 all ease;
    text-decoration: none;
}

button:focus {
    box-shadow: none;
}

button {
    border: none;
    background-color: transparent;
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-close:focus {
    box-shadow: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.w-fit-content {
    width: fit-content !important;
}

.w-max-content {
    width: max-content !important;
}

.h-fit-content {
    height: fit-content !important;
}

.word-break {
    word-break: break-all;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border: none;
    border-color: none;
    padding: 0;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-label {
    padding-left: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.text-justify {
    text-align: justify;
}

.form-control:focus {
    box-shadow: none;
    border: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.form-select:focus {
    box-shadow: none;
}

.font_200 {
    font-weight: 200 !important;
}

.font_300 {
    font-weight: 300 !important;
}

.font_400 {
    font-weight: 400 !important;
}

.font_500 {
    font-weight: 500 !important;
}

.font_600 {
    font-weight: 600 !important;
}

.font_700 {
    font-weight: 700 !important;
}

.font_800 {
    font-weight: 800 !important;
}

.font_900 {
    font-weight: 900 !important;
}

.font_8 {
    font-size: 8px !important;
}

.font_10 {
    font-size: 10px !important;
}

.font_12 {
    font-size: 12px !important;
}

.font_14 {
    font-size: 14px !important;
}

.font_15 {
    font-size: 15px !important;
}

.font_16 {
    font-size: 16px !important;
}

.font_17 {
    font-size: 17px !important;
}

.font_18 {
    font-size: 18px !important;
}

.font_19 {
    font-size: 19px !important;
}

.font_20 {
    font-size: 20px !important;
}

.font_22 {
    font-size: 22px !important;
}

.font_24 {
    font-size: 24px !important;
}

.font_25 {
    font-size: 25px !important;
}

.font_26 {
    font-size: 26px !important;
}

.font_28 {
    font-size: 28px !important;
}

.font_30 {
    font-size: 30px !important;
}

.font_32 {
    font-size: 32px !important;
}

.font_36 {
    font-size: 36px !important;
}

.font_34 {
    font-size: 34px !important;
}

.font_40 {
    font-size: 40px !important;
}

.font_43 {
    font-size: 43px !important;
}

.font_46 {
    font-size: 46px !important;
}

.font_48 {
    font-size: 48px !important;
}

.font_52 {
    font-size: 52px !important;
}

.font_54 {
    font-size: 54px !important;
}

.font_64 {
    font-size: 64px !important;
}

.font_80 {
    font-size: 80px !important;
}

.text_black {
    color: #000 !important;
}

.text-gray {
    color: rgb(0, 0, 0, 50%) !important;
}

.text-primary {
    color: var(--dark-purple) !important;
}

.bg-light {
    background-color: var(--light-purple) !important;
}

.bg-green {
    background-color: var(--purple) !important;
}

.text-green {
    color: var(--purple) !important;
}

.radius-50 {
    border-radius: 50px !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: #e4e4e4;
}

button {
    border: none;
    background-color: transparent;
}

/* scrollbar */
/* scrollbar */
/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.vector-group {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    background-image: url("../images/SAM-auth.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.vector-group::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /* background: linear-gradient(180deg, rgba(0, 196, 180, 0.91) 2.01%, rgba(255, 255, 255, 0.92) 80.73%); */
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgb(109 255 243 / 74%);

}

/* .vector-group::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url("../images/form-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-position: bottom;
    filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg) brightness(47%) contrast(107%);
} */
/* .vector-group::before{
    content: "";
    position: absolute;
    height: 100px;
    width: 350px;
    border-radius: 15px;
    top: -20px;
    right: -20px;
    background-color: #bfeaf8;
    border-radius: 20px;
    z-index: 0;
}
.vector-group::after{
    content: "";
    position: absolute;
    height: 200px;
    width: 450px;
    border-radius: 15px;
    bottom: -20px;
    left: -20px;
    background-color: #bfeaf8;
    border-radius: 20px;
    z-index: 0;
} */

.login-form {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0px 4px 9px #171a1f1c, 0px 0px 2px #171a1f1f;
    padding: 56px 70px;
}

.center-align-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.form-control.form-input {
    padding: 12px 20px;
    background-color: rgba(240, 240, 240, 0.5);
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    font-size: 14px;
}

.input-group.form-input-group {
    padding: 12px 20px;
    background-color: rgba(240, 240, 240, 0.5);
    border: 1px solid #f0f0f0;
    border-radius: 8px;
}

.input-group.form-input-group .form-control {
    font-size: 14px;
}

.input-group.form-input-group .input-icon {
    height: 24px;
    width: 24px;
    object-fit: contain;
}

.form-control.form-input[type="date"] {
    position: relative;
}

.form-control.form-input[type="date"]::-webkit-calendar-picker-indicator {
    background-position: right;
    background-size: auto;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 20px;
    top: 0;
    width: auto;
    height: 100%;
}

.login-form .form-label {
    font-size: 14px;
}

.form-select.input-select {
    padding: 12px 20px;
    background-color: rgba(240, 240, 240, 0.5);
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    font-size: 14px;
}

.upload-image {
    position: relative;
    z-index: 0;
    width: max-content;
    margin-bottom: 28px;
}

.country-select {
    border: none;
    padding: 0;
    padding-right: 30px;
    font-size: 14px;
    background-color: transparent;
}

.upload-image img.user-img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.upload-image input[type="file"] {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.upload-image .camera-icon {
    width: 45px;
    background-color: var(--purple);
    height: 45px;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.upload-image .camera-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.input-check .form-check-input {
    height: 18px;
    width: 18px;
    border-radius: 3px;
}

.input-check .form-check-input[type="checkbox"]:checked {
    background-color: var(--purple);
    border: none;
}

.btn {
    padding: 12px;
    font-size: 16px;
    display: block;
    border-radius: 12px;
}

.primary-btn {
    background-color: var(--dark-purple);
    color: #ffffff;
}

.primary-btn-outline {
    color: var(--dark-purple);
    background-color: #ffffff;
    border: 1px solid var(--dark-purple);
}

.primary-btn.puprple_btn {
    background-color: var(--dark-purple);
}

.primary-btn.puprple_btn:hover {
    color: var(--dark-purple);
}

.puprple_btn {
    background-color: var(--purple);
    color: #ffffff;
    border-radius: 50px;
    /* padding: 10px 40px; */
    padding: 12px 50px;
    position: relative;
    font-size: 18px;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
    display: inline-block;
}

.puprple_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-white);
    border-radius: 50px;
    transition: 0.6s all;
    z-index: -1;
}

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

.puprple_btn:hover {
    color: var(--purple);
}

.access-btn.puprple_btn {
    background-color: #ff6400;
}

.access-btn.puprple_btn:hover {
    color: #ff6400;
}

.auth-modal .modal-content {
    border-radius: 14px;
    border: none;
}

.auth-modal .modal-body {
    padding: 42px;
}

.auth-modal .modal-footer {
    padding: 32px;
}

.modal-dialog .close-btn {
    height: 24px;
    width: 24px;
    padding: 0;
}

.modal-dialog .close-btn img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.verify-code {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 25px 10px;
    flex-wrap: wrap;
}

.verify-code .form-control {
    height: 50px;
    width: 50px;
    color: rgba(126, 135, 159, 1);
    text-align: center;
    margin-right: 10px;
    border: 2px solid #e6eaee;
    border-radius: 6px;
}

.verify-code .form-control:focus {
    border-color: var(--purple);
    color: var(--purple);
}

.verify-input-group {
    display: flex;
    gap: 12px;
    margin-top: 25px;
    margin-bottom: 40px;
    justify-content: center;
}

.verify-input {
    height: 50px;
    width: 50px;
    text-align: center;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    font-size: var(--font-16);
    font-weight: 600;
}

.verify-input-group .verify-input:focus {
    background-color: var(--purple);
    color: #ffffff;
}

.verify-input-group .verify-input:focus-visible {
    outline: none;
}

.feature-list {

    list-style-type: disc;
    padding-left: 20px;

}

.feature-list li {
    padding-bottom: 8px;

    font-weight: 400;
    font-size: 22px;
    line-height: 46px;

    color: #000000;


}

.single-item-slider {
    text-align: center;
    color: #ffffff;
    /* margin: 78px 0; */
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 134px;
}

.single-item-slider .slick-slide>div {
    min-height: 322px;
    display: flex;
    align-items: center;
}

.single-item-slider .slider-title {
    font-size: 46px;
    color: #ffffff;
    letter-spacing: 1.2px;
}

.single-item-slider .slick-dots li button:before {
    font-size: 16px;
    color: #ffffff;
    content: '◯';
}

.single-item-slider .slick-dots li.slick-active button:before {
    content: '•';
    top: 3px;
    font-size: 22px;
}

.single-item-slider .slick-dots li button:before {
    color: #ffffff;
    text-align: center;
    opacity: 1;
}

.subscribe-card {
    text-align: center;

    border-radius: 40px 40px 0 0;
    position: relative;
    padding: 30px 45px;
    background: linear-gradient(180deg,
            rgba(0, 196, 180, 1) 0%,
            rgba(0, 95, 127, 1) 100%);
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: 0.4s all ease-in-out;
    /* border: 2px solid var(--purple); */
    color: #ffffff;

}

/* .sale-label{
    position: absolute;
    text-align: center;
    max-width: fit-content;
    top: -7%;
    right: -4%;
} */
.sale-label {
    position: absolute;
    text-align: center;
    max-width: fit-content;
    top: -10%;
    right: -9%;
}

/* .sale-label img{
    height: 90px;
    width: 90px;
    position: relative;
} */
.sale-label img {
    height: 120px;
    width: 120px;
    position: relative;
}

.sale-label p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.subscribe-card:hover {
    transition: 0.4s all ease-in-out;
}

.subscribe-card .badge-icon {
    position: absolute;
    right: 24px;
    top: 24px;
}

.subscribe-card .badge-icon svg {
    fill: #ffffff;
}

.og-price-label {
    color: #ffffff;
    background: linear-gradient(0deg, #E50914 0%, #FF6B00 100%);
    padding: 8px 26px;
    font-size: 22px;
    position: absolute;
    top: -25px;
    left: 42px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.subscribe-card .title {
    font-size: 40px;
    font-weight: 700;
    display: flex;
    color: #ffffff;
    flex-direction: column;
    margin-bottom: 40px;
}

.subscribe-card:hover .price-title {
    color: #3e3f66;
    transition: 0.4s all ease-in-out;
}

.subscribe-card .price-title {
    color: #ffffff;
    font-size: 38px;
    font-weight: 700;

}

.subscribe-card.subscribe-second {
    background: #fff;
    color: #000;
    border: 1px solid #D4D4D4;
}

.subscribe-card.subscribe-second .title {
    color: #000000;

}

.subscribe-card.subscribe-second .price-title {
    color: #000000;

}

.subscribe-btn {
    color: #ffffff;
    transition: 0.4s all ease-in-out;
    position: relative;
    transition: color 0.15sease-in-out, background-color 0.15sease-in-out,
        border-color 0.15sease-in-out;
    background: linear-gradient(0deg, #E50914 0%, #FF6B00 100%);
    border-radius: 14px;
    font-size: 22px;
    padding: 16px 27px;
    width: 34%;
    border-radius: 20px;
    margin: 0 auto;
    margin-bottom: 45px;
}


.subscribe-btn:hover {
    background-color: #ffffff;
    color: #ff6400;
    transition: 0.4s all ease-in-out;
}

.subscribe-btn::before,
.subscribe-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Reserve full width */
    height: 100%;
    /* Reserve full height */
    border-radius: 42px;
    z-index: -1;
    /* Ensure it stays behind the content */
    transform: scale(1);
    /* Initial transform state */
    will-change: transform, opacity;
    /* Optimize for animation */
}

.subscribe-card:hover .subscribe-btn {
    background-color: #ff6400;
    color: #ffffff;
    transition: 0.4s all ease-in-out;
}

.subscribe-section {
    /* padding-bottom: 100px; */

}

.subscribe-section1 {
    /* padding-bottom: 100px; */
    background-color: #f9fcff;
    padding: 70px 0 50px;

}

.subscribe-features {
    padding: 60px;
    background: linear-gradient(0deg, #EAFAFF, #EAFAFF), #EAFAFF;
    border: 2px solid rgba(0, 95, 127, 0.13);
    border-radius: 0px 0px 40px 40px;

}

.testi-user img {
    height: 120px;
    width: 90px;
    object-fit: contain;
    margin: 0 auto;
}

.star-group {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: 12px 0;
}

.star-group .star-img {
    height: 20px;
    width: 20px;
    object-fit: contain;
}

.testi-user-card {
    color: var(--dark-purple);
    font-weight: 600;
    text-align: center;
}

.login-text {
    font-size: 22px;

    font-weight: 600;
    color: #000;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    gap: 160px;
    justify-content: center;
    padding-left: 0;
    margin-top: 30px;
}

#progressbar li .stage-count,

#progressbar li {
    list-style-type: none;
    position: relative;
}

#progressbar li .stage-count {
    font-size: 16px;
    line-height: 124.5%;
    font-weight: 500;
    text-align: center;
    border: 1px solid #e9e9e9;
    padding: 4px 6px 3px;
    color: #707070;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    justify-content: center;
    background-color: #e9e9e9;
}

#progressbar li.active .stage-count {
    background-color: var(--dark-purple);
    border: 3px solid var(--dark-purple);
    color: #ffffff;
    margin-bottom: 6px;
}

#progressbar li.active .stage-name {
    color: var(--dark-purple);
    font-weight: 500;
}

#progressbar li .stage-name {
    font-size: 14px;
    color: #ffffff;
}

#progressbar .count-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    min-width: 87px;
}

#progressbar li::before {
    content: "";
    position: absolute;
    width: 216px;
    background-color: #e9e9e9;
    height: 3px;
    right: 58px;
    border-radius: 10px;
    top: 27%;
}

#progressbar li.active::before {
    background-color: var(--dark-purple);
}

#progressbar li:nth-child(2)::before {
    right: 57px;
    background-color: var(--dark-purple);
}

#progressbar li:first-child::before {
    display: none;
}

.manage-notify {
    display: flex;
    justify-content: end;
}

.manage-notify .dropdown-toggle {
    background: radial-gradient(79.55% 70.83% at 50% 134.17%,
            #10ffdb 7%,
            #00efcc 28.07%,
            #00cfb2 47.9%,
            #00bea4 60.33%,
            #08a293 100%);
    box-shadow: 0px 4px 7.7px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    color: #ffffff;
}

/* .manage-notify .dropdown-toggle::after {
  display: none;
} */

.manage-notify .dropdown-menu {
    min-width: 24rem;
    border-radius: 14px;
    border: none;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.manage-notify .dropdown-menu>li {
    padding: 0 20px;
}

.manage-notify .hr-line {
    border-bottom: 1px solid rgba(0, 0, 0, 10%);
}

.login-form .hr-line {
    border-bottom: 1px solid rgba(0, 0, 0, 10%);
}

.toggle-subgroup {
    list-style-type: disc;
    padding-left: 22px;
}

.toggle-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0;
    text-align: start;
    color: #000;
}

.save-btn {
    padding: 10px;
}

.toggle-check .toggle {
    position: relative;
    width: 34px;
    height: 19px;
}

.toggle-check .toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-check .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 30px;
    transition: 0.4s;
}

.toggle-check .slider:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
}

.toggle-check input:checked+.slider {
    background-color: #00c4b4;
}

.toggle-check input:checked+.slider:before {
    transform: translateX(15px);
}

.nav-item.has-submenu {
    margin-right: 10px;
}

.has-submenu .submenu-nav {
    background-color: #ffffff;
    border: none;
    border-bottom: none;
    padding: 22px 20px;
    position: absolute;
    border-radius: 15px;
    left: 0;
    top: 70%;
    opacity: 0;
    min-width: 100%;
    pointer-events: none;
    margin-top: 30px;
    transition: all 0.3sease-out;
    -webkit-transition: all 0.3sease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    visibility: hidden;
    z-index: 16;
    -webkit-box-shadow: 0 5px 20px 0 rgb(17 0 255 / 23%);

    box-shadow: 0 5px 20px 0 rgb(17 0 255 / 23%);
}

.has-submenu:hover>.submenu-nav {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.listproducts li {
    padding: 8px 0;
    padding-bottom: 0;
}

.listproducts .icon {
    height: 30px;
    width: 30px;
    border: 1px solid #8989897d;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 5px;
    background-color: #ffffff;
}

.listproducts .icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.listproducts .resource-feature {
    display: flex;
    gap: 8px;
    border-radius: 8px;
    padding: 10px;
    line-height: normal;
    padding-right: 16px;
}

.listproducts .resource-feature .feature-text {
    text-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    white-space: normal;
}

.listproducts .resource-feature:hover {
    background-color: #eafaff;
}

.routine-frame {
    height: 400px;
    width: 340px;
    margin: 0 auto;
    position: absolute;
    bottom: -37%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--light-purple);
    border-radius: 12px;
}

.routine-frame img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.notify-video {
    background-color: #ececec;
    height: 50px;
    width: 50px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #00c4b4;
    cursor: pointer;
}

.notification-drop .bell-icon {
    height: 20px;
    width: 20px;
    object-fit: contain;
}

.notification-drop .dropdown-toggle {
    position: relative;
}

.notification-drop .dropdown-toggle::after {
    display: none;
}

.notification-drop .dropdown-toggle .notify-count {
    position: absolute;
    height: 18px;
    width: 18px;
    background-color: var(--bg-purple);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    border-radius: 50px;
    /* padding: 3px; */
    top: 8px;
    right: 10px;
    font-size: 11px;
}

.navbar-expand-lg .navbar-nav .account-dropdown .dropdown-toggle {
    border-radius: 12px;
    /* color: #787878; */
    padding: 9px 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    border: 1px solid #ffffff;
    margin-left: 10px;
}

.account-dropdown .user-account {
    height: 24px;
    width: 24px;
    /* object-fit: contain; */
}

.account-dropdown .dropdown-toggle.nav-link::after {
    background-image: url("../images/icons/arrow-down.svg");
    border: none;
    height: 12px;
    width: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: center;
    background-color: transparent;
    bottom: unset;
    transform: none;
    left: unset;
    right: 0;
    position: unset;
}

.account-dropdown .dropdown-menu {
    position: absolute;
    border-radius: 18px;
    border: none;
    min-width: 15rem;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    overflow: hidden;
}

.account-dropdown .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 20px;
}

.logout-modal .modal-content {
    border-radius: 12px;
}

.logout-modal .signout-vector {
    height: 60px;
    width: 60px;
    margin: 10px auto;
}

.logout-modal .signout-vector img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.logout-modal .modal-title {
    font-size: 18px;
}

.my-profile-sec {
    padding-top: 160px;
}

.speech-meeting-card {
    padding: 22px;
    background-color: #005f7f;
    border-radius: 12px;
    color: #ffffff;
    margin-bottom: 20px;
    max-width: 450px;
    width: 100%;

    margin-top: 30px;
}

.speech-club-img {
    width: 487px;
    height: 272px;
    max-width: 100%;
    margin: 0 auto;
}

.speech-club-img img {
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: contain;
}

.speech-meeting-card .lock-sessions {
    top: -14px;
}

.meeting-table tr td {
    padding: 5px;
    text-align: left;
}

.meeting-table .table-icon {
    height: 20px;
    width: 20px;
    object-fit: contain;
}

.meeting-btn {
    background-color: #ffffff;
    padding: 9px 18px;
    border-radius: 50px;
    color: var(--dark-purple);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 auto;
    margin-top: 20px;
}

.meeting-btn:hover {
    background-color: var(--bg-purple);
    color: #fff;
}

.meeting-btn:hover img {
    filter: brightness(0) invert(1);
}

.zoom-card {
    padding: 14px;
    background-color: #fafafbff;
    border-radius: 6px;
}

.masterclass-tab.nav-pills .class-text .mast-desc {
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}


.masterclass-tab.nav-pills .nav-link {
    text-align: left;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    color: #101010;
    margin-bottom: 16px;
}

.masterclass-tab.nav-pills .nav-link.active {
    background-color: rgba(0, 196, 180, 0.1);
    color: #101010;
    border: 1px solid #00c4b4;
    border-radius: 8px;
}

.masterclass-tab-content {
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.masterclass-tab-content .tab-pane {
    background-color: #ffffff;
    text-align: left;
    border-radius: 8px;
    padding: 12px;
    font-size: 16px;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.masterclass-tab.nav-pills .class-text {
    font-size: 14px;
    color: #b9b9b9;
    font-weight: 400;
}

.founder-name {
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-purple);
    text-transform: capitalize;
    text-align: center;
}

.book-image {
    height: 350px;
    width: 570px;
    margin: 12px auto;
    margin-bottom: 24px;
    max-width: 100%;
}

.book-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.usefull-points {
    list-style-image: url("../images/icons/correct-icon.svg");
    padding-left: 22px;
}

.usefull-points li {
    margin-bottom: 8px;
    line-height: normal;
}

.lesson-group .lesson-item {
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #ffffff;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.lesson-group .lesson-item:hover {
    border-color: var(--bg-purple);
    transition: 0.3s all ease-in-out;
}

.lesson-group .lesson-item .play-btn {
    height: 60px;
    width: 60px;
    cursor: pointer;
}

.lesson-group .lesson-item .course-detail {
    flex: 1;
    line-height: normal;
    text-align: left;
}

.lesson-group .lesson-item .play-btn img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transform: scale(0.9);
    transition: 0.3s all ease-in-out;
}

.lesson-group .lesson-item:hover .play-btn img {
    transform: scale(1);
    transition: 0.3s all ease-in-out;
}

.lesson-progress {
    padding: 28px 20px;
    border-radius: 12px;
    margin-bottom: 45px;
    margin-top: 50px;
    background: linear-gradient(138.79deg, #00e2d4 2.07%, #006b85 100%);
}

.lesson-title {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}

.lesson-progress .progress-container,
.lesson-progress .progress {
    background-color: rgb(255, 255, 255, 39%);
    border-radius: 8px;
    position: relative;
    height: 19px;
    width: 100%;
}

.lesson-progress .progress {
    background-color: #ffffff;
    width: 0;
    transition: width 0.4s linear;
}

.lesson-progress .percentage {
    background-color: var(--bg-purple);
    border-radius: 50px;
    box-shadow: 0 4px 5px rgb(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
    position: absolute;
    top: -7px;
    left: 0px;
    transform: translateX(-50%);
    width: 35px;
    text-align: center;
    transition: left 0.4slinear;
    border: 1px solid #ffffff;
    -webkit-animation: pulse 1.5s infinite;
}

@-webkit-keyframes pulse {
    0% {
        /* -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9); */
    }

    70% {
        /* -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); */
        box-shadow: 0 0 0 16px rgb(214 215 216 / 6%);
    }

    100% {
        /* -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9); */
        box-shadow: 0 0 0 16px rgb(214 215 216 / 6%);
    }
}

.video-layout {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px,
        rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.video-layout .video-thumbnail {
    object-fit: cover;
    height: 100%;
    max-width: 100%;
}

.quiz-section {
    background-color: var(--light-purple);
}

.quiz-vector {
    height: 280px;
    width: 280px;
    margin: 14px auto;
}

.quiz-vector img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.quiz-modal .modal-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-purple);
}

.quiz-modal .modal-content {
    padding: 14px;
    border-radius: 12px;
}

.step_progress {
    top: 40%;
    left: 230px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.step_progress .step {
    width: 3.7rem;
    height: 3.7rem;
    line-height: 2.4rem;
    font-size: 1.75rem;
    background-color: #ffffff;
    border: 0.7rem solid #dbdbdb;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.step_progress .step:after {
    content: "";
    width: 4px;
    height: 25px;
    top: 48px;
    left: 17px;
    position: absolute;
    background-color: #dbdbdb;
}

.step_progress .step:last-child:after {
    display: none;
}

.step_progress .step.active {
    background: -webkit-linear-gradient(#fe6300, #ffae15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-color: #fe6300;
}

.step_progress .step.active::after {
    background-color: #fe6300;
}

.step_progress .step.finish {
    background: -webkit-linear-gradient(#fe6300, #ffae15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-color: #fe6300;
}

.step_progress .step.finish::after {
    background-color: #fe6300;
}

/* .multisteps_form {
    width: 50%;
    height: 56.875rem;
    background-color: #ffffff;
    border-radius: 0.3rem;
    margin: -2rem auto;
  }
   */
/* .multisteps_form_panel {
    display: none;
  } */

.question_number {
    font-size: 1.426875rem;
    font-weight: 700;
}

.question_content {
    width: 90%;
    margin: 2rem auto;
}

.question_content:before {
    content: "?";
    top: -40%;
    right: 10%;
    position: absolute;
    color: rgb(0 95 127 / 20%);
    font-size: 12rem;
    font-weight: 700;
    z-index: 1;
}

.question_content h1 {
    font-size: 2.125rem;
    padding: 3rem 1rem;
    font-weight: 800;
    /* border: 0.8rem solid;
    -o-border-image: linear-gradient(45deg, #fe6300, #ffae15) 10;
       border-image: linear-gradient(45deg, #fe6300, #ffae15) 10; */
    z-index: 2;
}

.form_items label {
    width: 80%;
    font-size: 1.4375rem;
    padding: 0.8rem 0rem;
    padding-left: 4rem;
    margin-top: 1rem;
    font-weight: 500;
    background-color: var(--light-purple);
    cursor: pointer;
    -webkit-transition: 0.3scubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.3scubic-bezier(0.25, 1, 0.5, 1);
    color: unset;
}

.form_items label:before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-color: var(--dark-purple);
    border: 2px solid #dbdbdb;
    border-radius: 100%;
}

.form_items label span {
    top: 50%;
    left: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.96375rem;
    color: #ffffff;
}

.form_items label input {
    display: none;
}

.form_items label.active {
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(#fe6300),
            to(#ffae15));
    background: linear-gradient(to right, #fe6300, #ffae15);
    -webkit-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;

    background: var(--purple);
    color: #ffffff;
}

.form_items label.active:before {
    background-color: var(--dark-purple);
}

.form_items .green-marked {
    /* background-color: #36e367; */
    background-color: #0e8f26;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.form_items .red-marked {
    background-color: #ea073d;
    border: 1px solid #ffffff;
    color: #ffffff;
}

/* .percentage::after {
    background-color: #ffffff;
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    height: 10px;
    width: 10px;
    z-index: -1;
  } */

.quiz-card {
    background-color: var(--bg-purple);
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(180deg,
            rgba(0, 196, 180, 0.9) 0%,
            rgba(0, 95, 127, 0.72) 100%);
}

.cheer-card {
    background-image: url(../images/cheer-vector.png);
    padding: 20px 40px;
    background-color: #002b54;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 20px;
}

.ebook-card {
    border: 1px solid #0c0c0c21;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    gap: 22px;
    align-items: center;
}

.ebook-card .ebook-details {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ebook-card .ebook-image {
    height: 240px;
    width: 156px;
    margin: 0 auto;
}

.ebook-card .ebook-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    background: #ffffff;
}

.ebook-card .parent-img {
    /* background-color: var(--light-purple);
  border-radius: 20px;
  padding: 5px; */
    /* margin-bottom: 14px; */
    margin-right: auto;
}

.ebook-card .card-title {
    font-size: 18px;
}

.ebook-card .card-text {
    font-size: 14px;
}

.ebook-card .card-text>div {
    text-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    white-space: normal;
}

.reading-btn {
    /* border: 1px solid var(--dark-purple); */
    /* background-color: var(--dark-purple); */
    /* background-color: #ffffff; */
    /* color: var(--dark-purple); */
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 50px;
    width: 100%;
    font-weight: 500;
}

.reading-btn:hover {
    background-color: var(--dark-purple);
    color: #ffffff;
    transition: 0.4s all ease-in-out;
}

.lang-vector {
    height: 160px;
    width: 160px;
    margin: 20px auto;
}

.stutter-book {
    height: 300px;
    width: 350px;
    margin: 14px auto;
}

.stutter-book img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.lang-vector img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* .percent-card .progress-percent {
  position: absolute;
  height: 160px;
  width: 160px;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -80px;
}
.percent-card {
  width: 165px;
  position: relative;
  height: 165px;
} */
/* .percent-card .progress-circle {
  transform: rotate(-90deg);
  margin-top: -40px;
}

.progress-circle-back {
  fill: none;
  stroke: #d2d2d2;
  stroke-width: 10px;
}

.progress-circle-prog {
  fill: none;
  stroke: #00c4b4;
  stroke-width: 10px;
  stroke-dasharray: 100 999;
  stroke-dashoffset: 0px;
  transition: stroke-dasharray 0.7slinear 0s;
  stroke-linecap: round;
}

.progress-text {
  width: 100%;
  position: absolute;
  top: 60px;
  text-align: center;
  font-size: 2em;
  line-height: normal;
} */
@keyframes growProgressBar {

    0%,
    33% {
        --pgPercentage: 0;
    }

    100% {
        --pgPercentage: var(--value);
    }
}

@property --pgPercentage {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

.percent-card div[role="progressbar"] {
    --size: 8rem;
    --fg: #00c4b4;
    --bg: rgba(0, 0, 0, 0.11);
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side,
            white 85%,
            transparent 0 99.9%,
            white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 3);
    color: #005f7f;
    font-weight: 600;
}

.percent-card div[role="progressbar"]::before {
    counter-reset: percentage var(--value);
    content: counter(percentage) "%";
}

.que-main {
    display: flex;
    gap: 10px;
    font-size: 20px;
    font-weight: 500;
}

.que-correct {
    display: flex;
    justify-content: space-between;
}

.que-correct .correct {
    /* color: #36e367; */
    color: #0e8f26;
    font-size: 20px;
    font-weight: 500;
}

.que-correct .incorrect {
    color: #ea073d;
    font-size: 20px;
    font-weight: 500;
}

.option-list {
    padding-left: 28px;
    padding-right: 12px;
    margin-top: 20px;
}

.option-list li {
    background-color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
    padding: 12px 15px;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.option-list li .option-alpha {
    background-color: #002b54;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.option-list .green-marked {
    background-color: #0e8f26;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.option-list .red-marked {
    background-color: #ea073d;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.option-list .green-marked .option-alpha {
    color: #0e8f26;
    background-color: #ffffff;
}

.option-list .red-marked .option-alpha {
    color: #ea073d;
    background-color: #ffffff;
}

.que-summary {
    padding: 20px 0;
}

.pdf-content {
    height: 100vh;
}

.stutter-modal {
    border-radius: 16px;
    position: relative;
}

.stutter-modal .custom-close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}



.stutter-modal .modal-title {
    font-weight: 700;
    line-height: 1.2;
    color: #066A78;
    text-transform: uppercase;
    font-size: 20px;

}

.stutter-modal .modal-body {
    padding: 20px;
}

.stutter-modal .stutter-list {
    padding-left: 18px;
}

.stutter-modal .stutter-list li {
    margin-bottom: 8px;
    font-size: 14px;

    color: #000000;
    font-weight: 600;
    text-align: left;
}

.stutter-modal .email-input {
    height: auto;
    border-radius: 8px;
    padding: 12px;
}

.stutter-modal .email-input:focus {
    border: 1px solid #ced4da;
}

.stutter-modal .continue-btn {
    height: 52px;
    border-radius: 8px;
    background-color: #066A78;
    border: none;
    font-weight: 600;
}

.stutter-modal .no-thanks {
    color: #999;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
}

.stutter-modal .therapist-card {
    background: #fff;
    border-radius: 12px;
    text-align: center;
    padding: 9px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.stutter-modal .therapist-card img {
    width: 100%;
    height: 104px;

    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 8px;
}

.stutter-modal .therapist-card p {
    font-weight: 600;
    margin: 0;
    font-size: 14px;

}

.stutter-modal .therapist-note {
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}

.modal-width .modal-dialog {
    max-width: 640px;
}

/* notification */
.notification-list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 68px;
}

.notification-list .bell-icon {
    height: 55px;
    width: 55px;
    background-color: var(--light-purple);
    padding: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-list .bell-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.notification-list .notify-title {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
}

.notification-list .notify-subtext {
    font-weight: 400;
    font-size: 16px;
    color: #a9a9a9;
    text-align: left;
}

.notification-list li {
    display: flex;
    gap: 10px;

    margin-bottom: 24px;
}

.custom-pagination {
    justify-content: center;
    gap: 10px;
}

.custom-pagination .page-link {
    border-radius: 50px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    /* background-color: #FAFAFA; */
    color: #4f4d4d;
    font-size: 16px;
    line-height: normal;
}

.custom-pagination .page-link.active {
    background-color: var(--purple);
    color: #ffffff;
}

.about-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #707070;
}

.resources-offcanvas {
    z-index: 999999;
    border-radius: 0 20px 20px 0;
    width: 320px;
    background-color: #ffffff;
    display: none;
}

.resources-list {
    overflow-x: hidden;
}

.resources-list li {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1c9;
    text-align: left;
    transition: 0.4s all ease-in-out;
    font-weight: 400;
    position: relative;
}

.resources-list li a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resources-list li a::before {
    content: "";
    position: absolute;
    background-image: url("../images/icons/arrow-right.svg");
    right: -33px;
    top: 5px;
    height: 18px;
    width: 18px;
    background-size: contain;
    background-position: center;
    transition: 0.3s right ease-in-out;
}

.resources-list li a:hover::before {
    right: 0;
    transition: 0.3s right ease-in-out;
}

.resources-list li:hover {
    color: var(--purple);

    transition: 0.4s all ease-in-out;
}

.filter-sec {
    background: #f2faff;
    padding: 12px;
    border-radius: 9px;
    border: solid 1px #eae8f5;
}

.scrollable-container {
    max-height: 135px;
    overflow-y: auto;
    padding-right: 8px;
}

.filter-btn {
    font-size: 14px;
    padding: 10px 13px;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    display: none;
}

.price-filter {
    background-color: #fff;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 18px;
}

.price-filter .card-title {
    border-bottom: 1px solid #f2f0fd;
    margin-bottom: 14px;
    padding-bottom: 6px;
    font-weight: 500;
    font-size: 16px;
}

.price-filter .form-check-input {
    height: 16px;
    width: 16px;
    border: 1px solid var(--dark-purple);
    border-radius: 2px;
    margin-top: 0;
}

.price-filter .form-check-input:checked[type="checkbox"] {
    background-image: url("../images/icons/righttick.svg");
    background-color: #fff0;
    border: none;
}

.price-filter .select-options .form-check {
    display: flex;
    align-items: center;
    gap: 7px;
}

.filter-title {
    border-bottom: 1px solid #eae8f5;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.select-options .form-check-label {
    font-size: 14px;
}

.search-input {
    font-size: 14px;
    padding: 10px 17px;
    background-color: rgba(240, 240, 240, 0.5);
    border: 1px solid #f0f0f0;
    border-radius: 8px;
}

.search-shadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.search-input .search-icon {
    height: 18px;
    width: 18px;
    object-fit: contain;
}

.select-category {
    width: 100%;
    font-size: 14px;
    padding: 10px 17px;
    background-color: rgb(255 255 255);
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    margin-bottom: 16px;
}

.filter-offcanvas {
    height: calc(100vh - 68px);
    overflow: auto;
    padding-right: 10px;
}

.course-wrap {
    padding: 14px;
    background: #ffffff;
    box-shadow: 5px 15px 45px rgba(22, 27, 45, 0.03);
    border-radius: 6px;
    -webkit-transition: all 0.3slinear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3slinear 0s;
    margin-bottom: 40px;
    border: solid 1px #eae8f5;
    transition: 0.4s all ease-in-out;
}

.course-wrap .course-img {
    margin-bottom: 20px;
    border-radius: 6px;
    overflow: hidden;
}

.course-wrap .course-img img {
    width: 100%;
    border-radius: 6px;
}

.course-wrap .course-title {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 2px;
}

.course-wrap .course-title h5 {
    text-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 52px;
}

.contact__info {
    z-index: 1;
}

.contact__info-inner {
    padding: 45px 40px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
    -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
    box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
    position: relative;
    z-index: 1;
    background: #fff;
    margin-bottom: 54px;
    margin-top: 45px;
    z-index: 1;
    overflow: hidden;
}

.contact__info-inner::after {
    content: "";
    position: absolute;
    /* background: linear-gradient(180deg, #00C4B4 0%, rgba(0, 196, 180, 0) 100%); */
    height: 205px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(138.79deg, #00e2d4 2.07%, #006b85 100%);
}

.contact__shape img.contact-shape-1 {
    bottom: 75px;
    left: -30px;
    z-index: -1;
    animation: mymove 5s infinite;
}

.contact__shape img.contact-shape-2 {
    top: 30px;
    right: -30px;
}

.contact__shape img.contact-shape-3 {
    right: -18%;
    top: 50%;
    display: none;
}

.contact__shape img {
    position: absolute;
}

.bot-image {
    height: 175px;
    width: 175px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
    margin-top: 40px;
}

.bot-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.bot-label {
    position: absolute;
    background: #ffffff;
    box-shadow: 0px 1px 3.5px rgba(0, 0, 0, 0.1);
    border-radius: 28px;
    color: #00c4b4;
    padding: 5px 12px;
    font-size: 14px;
    bottom: -10px;
    left: 51%;
    white-space: nowrap;
    font-weight: 500;
    transform: translateX(-50%);
}

.chat-card-section {
    /* box-shadow: 0 4px 30px #ede9fe; */
    padding: 50px 20px;

    background-color: #ffffff;
    border-radius: 14px;
    margin: 55px 0;
    /* height: calc(100vh - 152px); */
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
    overflow: hidden;
}

.chat-card-section .section_title {
    height: 100%;
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

.bot-section {
    padding: 55px 0;
    /* padding-top: 165px; */
    position: relative;
    z-index: 1;
}

.bot-input-group {
    border-radius: 50px;
    overflow: hidden;
    padding-left: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.msg-body ul li.sender {
    display: block;
    width: 50%;
    position: relative;
}

.msg-body .user-card-img {
    height: 35px;
    width: 35px;
    background-color: var(--purple);
    padding: 5px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.msg-body .user-card-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.chat-card-text .msg-text {
    width: 345px;
    flex: 1;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    color: #000000;
    background-color: #e6e6e6;
    padding: 10px 14px;
    border-radius: 0px 18px 18px 18px;

    width: fit-content;
    text-align: left;
}

.chat-card-text {
    flex: 1;
    margin-left: 0px;
    text-align: left;
}

.replied-card .msg-text {
    color: #ffffff;
    background-color: #005f7f;
    padding: 10px 14px;
    border-radius: 18px 18px 0px 18px;

    font-size: 14px;
    /* width: 468px; */
    flex: 1;
}

.bot-title .icon {
    height: 66px;
    width: 66px;
}

.sender p {
    margin-bottom: 0;
}

.msg-body ul {
    /* height: 480px; */
    overflow: auto;
    /* max-height: 504px; */
    /* min-height: 550px;*/

}

.msg-body ul li.reply p {
    margin-bottom: 0;

    width: fit-content;
    margin-left: auto;
}

.msg-body ul li.reply {
    display: block;
    width: 50%;
    text-align: start;
    position: relative;

    margin-left: auto;
}

.msg-body ul li {
    list-style: none;
    margin: 15px 0;
}

.msg-body {
    padding: 14px;
    padding-top: 40px;
    background-color: #ffffff;
}

.msg-body .time {
    font-weight: 400;
    font-size: 13.2167px;
    padding-top: 4px;
    color: #7e879f;
}

.chat-day {
    background-color: #efefef;

    border-radius: 50px;
    color: #494343;
    padding: 5px 13px;
    font-size: 12px;
    width: fit-content;
    margin: 0 auto;
    font-weight: 500;
    margin-bottom: 25px;
}

/* .bot-section::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url("../images/shape-3.png");
    top: 0;
    left: 0;
    background-size: cover;
    filter: invert(64%) sepia(71%) saturate(4032%) hue-rotate(137deg) brightness(47%) contrast(107%);
    z-index: -1;
} */
.send-btn {
    background-color: var(--dark-purple);
    padding: 7px;
    border-radius: 50%;
}

.video-vector {
    height: 460px;
    width: 500px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;

}

.video-vector img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.video-preview .section_title {
    text-align: left;
}

.video-preview {

    background-color: #fff;
    background-repeat: no-repeat;
    height: 100%;

    padding-bottom: 170px;
    position: relative;
    z-index: 1;
}

.video-preview::after {
    content: "";
    position: absolute;
    background-image: url('../images/6.png');
    background-size: cover;
    background-position: bottom;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    filter: invert(18%) sepia(10%) saturate(1515%) hue-rotate(215deg) brightness(125%) contrast(101%);
}

.therapy-video-update video {
    border-radius: 26px;
    border-color: var(--light-purple);
}


.mockup-simulator {
    color: transparent;
    position: absolute;
    top: unset;
    height: 158px;
    right: 46px;
    width: 90px;
    bottom: 82px;
}


.ebook-section .section_title {
    text-align: left;
}

.bot-title {
    font-size: 22px;
    text-align: left;
    padding: 20px;

    font-weight: 600;
    background-color: var(--purple);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    background: linear-gradient(138.79deg, #00e2d4 2.07%, #006b85 100%);
    color: #fff;
}

.left-questions {
    color: #FF0000;
    width: fit-content;
    background-color: #FFD8D8;
    border-radius: 42px;
    padding: 6px 14px;
    margin: 0 auto;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 500;
}

.chat-ask {
    height: calc(100vh - 238px);
}

.solution-item-two {
    position: relative;
    flex-direction: column;
    transition: 0.5s;
    padding: 22px 28px;
    background: var(--light-purple);
    z-index: 1;
    height: 100%;
}

.solution-item-two:hover {
    background: white;
    box-shadow: 0px 0px 30px rgba(1, 126, 255, 0.1);
}

.solution-item-two .number {
    font-size: 200px;
    font-weight: 600;
    opacity: 0.03;
    right: 0;
    top: 0;
    line-height: 1;
    position: absolute;
    color: #141125;
    z-index: -1;
}

.how_it_works .step_block.purchase-token-group .step_box {
    width: 100%;
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}

.how_it_works .step_block.purchase-token-group .step_box hr {
    margin: 1.4rem 0;
}

.how_it_works .step_block.purchase-token-group .step_box .step_img {
    border-radius: 16px;
    height: auto;
    width: 100%;
    padding: 35px;
}

.how_it_works .step_block.purchase-token-group .step_box .step_img img {

    height: 100px;
    width: 100px;
    margin-bottom: 20px;
}

.how_it_works .step_block.purchase-token-group .step_box .step_number {
    width: fit-content;
    top: -15px;
    right: 50%;
    color: var(--body-text-purple);
    padding: 8px 15px;
    /* margin: 0 auto; */
    /* margin-bottom: 18px; */
    /* position: unset; */
    height: auto;
    transform: translateX(50%);
    white-space: nowrap;
}

.how_it_works .step_block.purchase-token-group .step_box .step_number h3 {
    margin-bottom: 0;
}

.bot-point-list {
    list-style-type: disc;

    padding: 60px 0;
    padding-left: 30px;
}

.bot-point-list li {
    text-align: left;
    color: #fff;
    list-style-type: disc;
    margin-bottom: 12px;
    font-size: 18px;
}

.token-title {
    font-size: 42px;
    color: var(--purple);
    margin: 10px 0;
    display: block;
    font-weight: 600;
    margin-bottom: 0;
}

.how_it_works .step_block.purchase-token-group .step_box:hover {

    transform: translateY(-12px);
    transition: 0.4s all ease-in-out;
}

.how_it_works .step_block.purchase-token-group .step_box input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #bbc0c7;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 12;

}

.how_it_works .step_block.purchase-token-group .step_box input[type="radio"]:checked {
    background-color: #ffffff;
    box-shadow: inset 0 0 0 0.1875em var(--dark-purple);
    -webkit-transition: background 0.15s, box-shadow 0.1s;
    transition: background 0.15s, box-shadow 0.1s;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.how_it_works .step_block.purchase-token-group .step_box input[type="radio"]:checked~.step_img {
    background-color: var(--dark-purple);
    box-shadow: 0 0 10px rgba(106, 13, 173, 0.5);
    border-radius: 10px;
    color: #ffffff;

}

.how_it_works .step_block.purchase-token-group .step_box input[type="radio"]:checked~.step_img .token-title {
    color: var(--light-purple);
}

.how_it_works .step_block.purchase-token-group {

    padding: 35px;
}

.bot-tokens {
    margin-top: 80px;
}

.toggle-check.group-check .slider {
    border: 1px solid var(--purple);
    background-color: #fff;
}

.toggle-check.group-check .slider:before {
    background-color: var(--bg-purple);
    height: 15px;
    width: 15px;
}

.toggle-check.group-check .toggle {
    position: relative;
    width: 44px;
    height: 24px;
}

.toggle-check.group-check input:checked+.slider {
    /* background-color: #ffffff; */
    border: 1px solid var(--purple);
    background-color: var(--bg-purple);
}

.toggle-check.group-check .slider:before {
    bottom: 3px;
}

.toggle-check.group-check {
    margin: 0;
}

.toggle-check.group-check input:checked+.slider:before {
    /* transform: translateX(18px); */
    background-color: #fff;
}

.blog_detail_section.stutter_ebooks .blog_inner_pannel .main_img.group-dicuss-img {
    height: 400px;
}

.gps-preview-page {
    background:
        radial-gradient(circle at top left, rgba(0, 196, 180, 0.12), transparent 28%),
        linear-gradient(180deg, #f8feff 0%, #ffffff 42%);
}

.gps-preview-shell {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.gps-preview-hero {
    max-width: 720px;
}

.gps-preview-kicker {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    color: #09a99b;
}

.gps-preview-hero h1 {
    margin: 0 0 18px;
    font-size: clamp(40px, 5vw, 62px);
    line-height: 0.98;
    font-weight: 700;
    color: #00627d;
}

.gps-preview-hero p {
    margin: 0;
    max-width: 650px;
    font-size: 18px;
    line-height: 1.55;
    color: #4f6472;
}

.gps-preview-hero p strong {
    color: #00627d;
    font-weight: 700;
}

.gps-preview-lock-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
    border: 1px solid rgba(0, 196, 180, 0.28);
    border-radius: 22px;
    background: #f3fbfe;
}

.gps-preview-lock-copy {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.gps-preview-lock-icon {
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(0, 196, 180, 0.12);
    color: #00627d;
    font-size: 22px;
}

.gps-preview-lock-copy h2 {
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    color: #00627d;
}

.gps-preview-lock-copy p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #5a6f7d;
}

.gps-preview-cta {
    border: none;
    border-radius: 14px;
    background: #21c6ba;
    color: #083f56;
    min-height: 56px;
    padding: 0 26px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(33, 198, 186, 0.22);
}

.gps-preview-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gps-preview-tab {
    min-height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid #cfe0ea;
    background: #fff;
    color: #00627d;
    font-size: 16px;
    font-weight: 600;
    transition: 0.2s ease;
}

.gps-preview-tab.is-active {
    background: #00627d;
    border-color: #00627d;
    color: #fff;
}

.gps-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.gps-preview-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 262px;
    padding: 22px;
    border: 1px solid #d9e7ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(9, 105, 140, 0.08);
}

.gps-preview-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.gps-preview-day-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    background: #00627d;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.gps-preview-day-name {
    font-size: 17px;
    font-weight: 600;
    color: #00627d;
}

.gps-preview-language {
    margin-left: auto;
    padding: 5px 11px;
    border: 1px solid #d9e7ef;
    border-radius: 999px;
    background: #f8fcff;
    color: #5b6d79;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.gps-preview-time {
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1;
    font-weight: 600;
    color: #00627d;
}

.gps-preview-time small {
    font-size: 18px;
    font-weight: 600;
    color: #90a4b0;
}

.gps-preview-host {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6d808c;
    font-size: 16px;
}

.gps-preview-spots {
    margin-top: auto;
    font-size: 16px;
    font-weight: 600;
    color: #00a89b;
}

.gps-preview-spots.is-full {
    color: #7c8c96;
}

.gps-preview-progress {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: #e5edf2;
    overflow: hidden;
}

.gps-preview-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #21c6ba;
}

.gps-preview-register {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    border-radius: 12px;
    border: 1px solid #cbdbe4;
    background: #fff;
    color: #00627d;
    font-size: 16px;
    font-weight: 600;
}

.gps-preview-register i {
    color: #7e93a0;
    font-size: 14px;
}

.gps-preview-card-event {
    justify-content: space-between;
    min-height: 186px;
    gap: 26px;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.gps-preview-card-event:hover,
.gps-preview-card-event:focus-visible {
    border-color: #09a99b;
    box-shadow: 0 14px 30px rgba(9, 105, 140, 0.12);
    outline: none;
    transform: translateY(-1px);
}

.gps-preview-event-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    background: #e2f8f5;
    color: #09a99b;
    font-size: 14px;
    font-weight: 600;
}

.gps-preview-card-event h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 600;
    color: #00627d;
}

.gps-preview-event-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid #e5edf2;
    color: #667b88;
    font-size: 16px;
    line-height: 1.4;
}

.gps-preview-event-meta strong {
    color: #a6b3bb;
    font-weight: 600;
}

.gps-preview-tab em {
    display: inline-flex;
    margin-left: 0;
    padding: 2px 6px;
    border-radius: 999px;
    background: #fbbf24;
    color: #1f2933;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle;
}

.gps-preview-empty {
    padding: 28px 24px;
    border: 1px solid #d9e7ef;
    border-radius: 20px;
    background: #fff;
    color: #5b6d79;
    font-size: 17px;
}

.gps-preview-note {
    margin: -4px 0 0;
    color: #8a9ca8;
    font-size: 15px;
    line-height: 1.5;
}

.gps-upgrade-modal-dialog {
    max-width: 760px;
}

.gps-upgrade-modal {
    position: relative;
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 26px 80px rgba(5, 53, 67, 0.28);
}

.gps-upgrade-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    height: 36px;
    width: 36px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    color: #d7edf2;
    display: grid;
    place-items: center;
    font-size: 18px;
}

.gps-upgrade-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 0.95fr;
    min-height: 560px;
}

.gps-upgrade-main {
    padding: 42px 38px 34px;
    background: #ffffff;
}

.gps-upgrade-side {
    padding: 42px 38px 34px;
    background: #083c4a;
}

.gps-upgrade-kicker {
    margin: 0 0 14px;
    color: #09a99b;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.gps-upgrade-main h5 {
    margin: 0 0 16px;
    color: #00627d;
    font-size: 30px;
    line-height: 0.98;
    font-weight: 600;
    max-width: 280px;
}

.gps-upgrade-copy {
    margin: 0 0 22px;
    color: #5a6f7d;
    font-size: 16px;
    line-height: 1.55;
    max-width: 310px;
}

.gps-upgrade-quote {
    margin-bottom: 24px;
    padding: 18px 20px;
    border: 1px solid #bdeef0;
    border-radius: 14px;
    background: #f8fdff;
    color: #5a6f7d;
    font-size: 16px;
    line-height: 1.5;
}

.gps-upgrade-quote strong {
    color: #00627d;
}

.gps-upgrade-button {
    width: 100%;
    min-height: 56px;
    border: 0;
    border-radius: 12px;
    background: #21c6ba;
    color: #083f56;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    box-shadow: 0 14px 30px rgba(33, 198, 186, 0.22);
}

.gps-upgrade-note {
    margin: 14px 0 0;
    color: #a0adb6;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}

.gps-upgrade-terms {
    margin: 14px 0 0;
    color: #8a9ca8;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

.gps-upgrade-terms-btn {
    padding: 0;
    border: 0;
    background: transparent;
    color: #00627d;
    text-decoration: underline;
    font-size: inherit;
}

.gps-upgrade-benefits {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 34px;
}

.gps-upgrade-benefit {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.gps-upgrade-benefit span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: rgba(9, 169, 155, 0.18);
    color: #21c6ba;
    font-size: 12px;
    margin-top: 2px;
}

.gps-upgrade-benefit p {
    margin: 0;
    color: #f0fbfd;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .gps-preview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gps-preview-page {
        padding-top: 56px !important;
    }

    .gps-preview-shell {
        gap: 24px;
    }

    .gps-preview-hero h1 {
        font-size: 40px;
    }

    .gps-preview-hero p {
        font-size: 17px;
    }

    .gps-preview-lock-banner {
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
        border-radius: 18px;
    }

    .gps-preview-lock-copy {
        align-items: flex-start;
    }

    .gps-preview-cta {
        width: 100%;
    }

    .gps-preview-tabs {
        gap: 10px;
    }

    .gps-preview-tab {
        flex: 1 1 calc(50% - 5px);
        justify-content: center;
    }

    .gps-preview-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gps-preview-card {
        min-height: auto;
        padding: 18px;
        border-radius: 18px;
        gap: 16px;
    }

    .gps-preview-card-event {
        gap: 20px;
    }

    .gps-preview-event-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .gps-upgrade-modal-dialog {
        max-width: calc(100% - 24px);
        margin: 12px auto;
    }

    .gps-upgrade-grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .gps-upgrade-main,
    .gps-upgrade-side {
        padding: 28px 22px;
    }

    .gps-upgrade-main h5 {
        max-width: none;
        font-size: 30px;
    }

    .gps-upgrade-copy {
        max-width: none;
        font-size: 17px;
    }

    .gps-upgrade-benefits {
        margin-top: 22px;
        gap: 16px;
    }

    .gps-upgrade-benefit p {
        font-size: 16px;
    }
}

.tools-point {
    list-style: disc;
}

.host-table tbody {
    border: 1px solid #dddddd;
}

.zoom-meet {
    height: 45px;
    width: 45px;
}

.zoom-meet img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.tools-section {
    padding: 100px 0;
    padding-top: 180px;
    background-image: linear-gradient(-45deg, rgba(217, 242, 255, 1) 0%, rgba(255, 232, 249, 1) 25%, rgba(217, 242, 255, 1) 51%, rgba(233, 230, 255, 1) 100%);
    min-height: calc(100vh - 66px)
}

.tools-section .title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark-purple);
    text-align: center;
    margin-bottom: 50px;
}

.speech-accordion .accordion-body {
    padding: 25px;
    border: 1px solid rgb(0 0 0 / 0.1);
    border-radius: 0 0 10px 10px;
}

.speech-accordion .accordion-button {
    border: none;
    background-color: var(--purple);
    color: #ffffff;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    padding: 26px;
}

.speech-accordion .accordion-button:not(.collapsed) {
    /* background-color: inherit; */
    border: none;
    color: #fff;
}

.speech-accordion .accordion-item {
    border: none;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
}

.speech-accordion .accordion-button::after {
    background-image: url("../images/icons/white-arrow.svg");

    background-size: contain;
    background-position: center;
    height: 1.05rem;
    width: 1.05rem;
}

.toolkit-accordion.speech-accordion .accordion-button::after {
    display: none;
}

.speech-audio {
    width: 100%;
}

.speech-audio {
    width: 100%;
    max-width: 100%;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 5px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}


.speech-audio::-webkit-media-controls-panel {
    background-color: transparent;
    color: #000000;
    border-radius: 10px;
}


.speech-audio::-webkit-media-controls-play-button {
    background-color: var(--bg-purple);
    border-radius: 50%;


}

.speech-audio::-webkit-media-controls-timeline {
    /* background-color: #eee; */
}

.speech-audio::-webkit-media-controls-current-time-display,
.speech-audio::-webkit-media-controls-time-remaining-display {
    color: #000000;
}

.save-btn1 {
    padding: 10px;
}

.copy-btn1.save-btn1 {
    /* border: 1px solid #000000; */
    padding: 7px 14px;
    border: 1px solid #666;
    /* Grey border */
    background-color: #ffffff;
    /* White background */
    color: #000000;
}

.copy-btn1.save-btn1 i {
    color: #666;
    /* black icon */
}

.copy-btn1 {
    height: fit-content;
    padding: 11px 20px;
    font-size: 14px;
    border-radius: 50px;
    color: #000000;
}

.copy-btn {
    height: fit-content;
    padding: 11px 20px;
    font-size: 14px;
    background-color: var(--dark-purple);
    color: #ffffff;
    border-radius: 50px;
}

.copy-btn.save-btn {
    background-color: var(--purple);
    padding: 7px 14px;
}

.speech-tools-section {
    padding: 80px 0;
}

.crutches-link li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    /* padding: 10px; */
    padding-bottom: 20px;
    margin-bottom: 18px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px;
    border-radius: 12px;
}

.crutches-link li:last-child {
    margin-bottom: 0;
}

.audio-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.yt-video-card {
    padding: 14px;
    height: 100%;
    margin-bottom: 0;
    text-align: left;
}

.yt-video-card .copy-dropdown {
    position: absolute;
    right: 0;
    height: 25px;
    width: 20px;
    background-color: #fff;
    top: -4px;
}

.yt-video-card .copy-dropdown .dropdown-toggle {
    width: 100%;
}

.yt-video-card .copy-dropdown .dropdown-toggle::after {
    border: none;
}

.speech-pills {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    gap: 10px;
    margin-bottom: 32px;
}

.yt-video-card .yt-title {
    text-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 38px;
    white-space: normal;

}

.tools-container {
    padding: 34px;
    background-color: #fff;
    box-shadow: 0 8px 30px #c0bad76b;
    border-radius: 18px;
}

.tools-container .nav-pills .nav-link.active {
    background-color: var(--purple);
    color: #fff;
}

.tools-container .nav-pills .nav-link {
    padding: 12px 20px;
    border-radius: 8px 8px 0 0;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.4s all ease-in-out;

}

.tools-container .nav-pills .nav-link:hover {
    background-color: var(--bg-purple);
    transition: 0.4s all ease-in-out;
    color: #fff;
}

.why_box .number {
    font-size: 62px;
    /* background-color: rgba(0, 200, 200, 0.1); */
    color: var(--purple);
    opacity: 0.2;
    font-weight: bold;
    /* padding: 3px 14px; */
    border-radius: 3px;
    margin-bottom: 0;

    font-family: "Inter", sans-serif;
    /* color: #FFFFFF00;
  -webkit-text-stroke: 3px;
  -webkit-text-stroke-color: #00ab9569;
  stroke: #00ab9569;; */
    margin-bottom: -66px;
    line-height: 1;
}

.about-us .about-features {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.about-us .about-features::before {
    content: "";
    position: absolute;
    background-image: url('../images/contentbg.png');
    height: 100%;
    width: 100%;
    background-size: contain;
    top: -13px;
    left: -62px;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: center;
    filter: invert(48%) sepia(100%) saturate(618%) hue-rotate(133deg) brightness(96%) contrast(101%);
}

.features-infobox .infobox-title {
    font-size: 45px;
    font-weight: 600;
    color: var(--purple);

}

.features-infobox {
    padding: 32px;
}

.infobox-icon img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    margin-bottom: 8px;
}

.streak-icon {
    height: 36px;
    width: auto;
    object-fit: contain;
}

.about-image-box {
    background: linear-gradient(138.79deg, #00E2D4 2.07%, #006B85 100%);
    padding: 40px 30px;
    border-radius: 15px;
    position: relative;
}

.about-image-box .new-label {
    padding: 5px 18px;
    position: absolute;
    left: 17px;
    top: -13px;
    background-color: #005F7F;
    border-radius: 50px;
    font-weight: 600;
    color: #ffffff;
}

.filter-white {
    filter: brightness(0) invert(1);
}

.about-us.about-features {
    padding: 96px 0;
}

.ah-headline {
    font-size: 42px;
}

.features-infobox .badge-icon {

    position: absolute;
    right: -34px;
    top: -34px;
}

.features-infobox .badge-icon img {
    height: 80px;
    width: 80px;
    object-fit: contain;
}

.features-infobox.progress-box {
    border: 3px solid #cafffb;
    background-color: #fff;
    font-size: 18px;
    /* transition: 0.3s all ease-in-out; */
}

.features-infobox.progress-box:hover {
    background-color: var(--purple);
    /* transition: 0.3s all ease-in-out; */
    color: #fff;
}

.features-infobox.progress-box:hover .infobox-icon img {
    filter: brightness(0) invert(1);
}

.required-tasks {
    padding: 80px 0;
    color: #ffffff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.required-tasks::before {
    content: "";
    position: absolute;
    background-color: var(--dark-purple);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    z-index: -1;
}

.required-tasks-card {
    position: relative;
    display: block;
    background: rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(10.3067px);
    border-radius: 16px;
    padding: 26px 26px;
    padding-top: 60px;
    font-size: 20px;
    font-weight: 600;
    transition: 0.4s all ease-in-out;
    color: #ffffff;
    height: 100%;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
}

/* .required-tasks-card .tools-text{
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
} */
.required-tasks-card:hover {
    background-color: #ffffff;
    color: #000;
    transition: 0.4s all ease-in-out;
}

.required-tasks-card .start-now {
    color: #ffffff;
}

.required-tasks-card:hover .start-now {
    color: var(--purple);
}

/* .required-tasks-card:hover .card-icon {
    background-color: var(--dark-purple);
    transition: 0.4s all ease-in-out;
} */

.required-tasks-card .card-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 20px;
    background: #B8FFF9;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);


}

.required-tasks-card .card-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.required-tasks-card .check-icon img {

    position: absolute;
    top: -12px;
    right: -12px;
    height: 36px;
    width: 36px;
}

.daily-tasks-video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;

    opacity: 0.2;
}

.daily-tasks-video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.optional-tasks-sec {
    background-color: var(--light-purple);
    box-shadow: rgb(237, 233, 254) 0px 4px 30px;
    padding: 70px 0px;
    border-radius: 30px;
}

/* .optional-tasks-sec  .features_block {
    max-width: 1170px;
    margin: 0px auto;
    padding: 10px;
} */

.optional-tasks-sec .features_block .feature-box {
    background-color: var(--bg-purple);
    padding-bottom: 14px;
    position: relative;
    z-index: 1;
    border-radius: 15px;
    text-align: center;
    color: #ffffff;
}

.optional-tasks-sec .features_block .feature-box .lock-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0 0 0 / 0.4);
    border-radius: 15px;
}

.optional-tasks-sec .feature-box video#youtubevideo {
    object-fit: cover;
}

.optional-tasks-sec .features_block .feature-box .play-overlay {
    top: -48px;
}

.optional-tasks-sec .image {
    height: 306px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;

    border-radius: 15px 15px 0 0;

}

.optional-tasks-sec .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.optional-tasks-sec .text {
    font-size: 24px;
}

.quote-section .banner_shape1 img,
.quote-section .banner_shape2 img,
.quote-section .banner_shape3 img {
    opacity: 0.5;
}

.quote-section {
    padding: 70px 0;
    background-image: url("../images/quote-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.quote-section::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 196, 180, 92%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.read-category-card {
    padding: 20px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.4s all ease-in-out;
    background-color: var(--light-purple);
    border: 2px solid #00c4b429;
}

.read-category-card:hover {
    color: var(--purple);
    transition: 0.4s all ease-in-out;
}

.read-category-card::before {
    content: "";
    position: absolute;
    background-image: url("../images/icons/bg-vector-card.svg");
    height: 50px;
    width: 50px;
    background-size: cover;
    bottom: 0;
    right: 0;
    opacity: 0.4;
    transition: 0.4s all ease-in-out;
}

/* .read-category-card:hover::before{
          height: 120px;
          width: 120px;
          transition: 0.4s all ease-in-out;
      } */
.read-category-card:hover .arrow-right {
    transform: rotate(-45deg);
    transition: 0.4s all ease-in-out;
}

.quote-section .query_inner {
    background-color: var(--dark-purple);
}

.service-list-widget.widget {
    background-color: #ffffff;
    padding: 30px 20px;
    position: relative;
}

.service-list-widget.widget:before {
    background-color: var(--bg-purple);
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70%;
}

.service-list-widget ul li .nav-link {
    background-color: #fff;
    color: var(--dark-purple);
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin: 6px 0;
    padding: 15px;
    width: 100%;
    border: none;
    border-radius: 5px;
}

.service-list-widget ul li {
    width: 100%;
}

.service-list-widget ul li .nav-link svg {
    float: right;
    margin: 7px 0;
}

.service-list-widget ul li .nav-link:hover {
    background-color: var(--light-purple);
    border: none;
}

.service-list-widget .nav-tabs .nav-item.show .nav-link,
.service-list-widget .nav-tabs .nav-link.active {
    background-color: var(--bg-purple);
    color: #ffffff;
}

.service-details {
    background-color: #fff;
    height: 100%;
    padding: 35px 25px;
}

.record-voice {
    padding: 14px 0;
    padding-bottom: 0;

}

.record-mic-icon {
    height: 50px;
    width: 50px;
    padding: 12px;
    border: 1px solid var(--dark-purple);
    border-radius: 50px;
    object-fit: contain;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.record-mic-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.record-mic-icon:hover {
    background-color: var(--dark-purple);
}

.record-mic-icon:hover img {
    filter: brightness(0) invert(1);
}

.service-details .recorded-text {
    height: 650px;
    overflow: auto;
}

.pdf-card {
    padding: 20px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    /* background-color: #eaeaea; */
}

.record-play-btn {
    background-color: var(--purple);
    color: #fff;
    /* padding: 6px 13px; */
    border-radius: 50%;
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.read-aloud-section {
    padding: 70px 0;
}

.widget-title {
    margin-bottom: 26px;
    font-size: 26px;
}

.delete-audio-btn {
    background-color: #DB5858;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
}

.delete-audio-btn img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.recent-recording-list li {
    border-radius: 0;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    padding: 0;
    padding-bottom: 20px;
    text-align: left;
}

.play-all-list li {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px;
}

.next-btn {
    color: var(--dark-purple);
    padding: 6px 24px;
    background: rgba(0, 95, 127, 0.1);
    border-radius: 37px;
    transition: 0.4s all ease-in-out;
}

.next-btn:hover {
    background-color: var(--dark-purple);
    transition: 0.4s all ease-in-out;
    color: #ffffff;
}

.play-all-list li.active {
    border-color: var(--purple);
}

.mic-btn {
    border: 1px solid var(--dark-purple);
    height: 40px;
    width: 40px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.mic-btn img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.edit-audio {
    height: 40px;
    width: 40px;
}

.edit-audio img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.history-stutter-card {
    padding: 14px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    background-color: var(--dark-purple);
    color: #fff;
    transition: 0.4s all ease-in-out;
}

.history-stutter-card:hover {
    background-color: var(--purple);
    transition: 0.4s all ease-in-out;
    color: #fff;
}

.label-group {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.label-group li {
    font-size: 16px;
    color: var(--dark-purple);
    position: relative;
}

.label-group li::before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    width: 2px;
    height: 56%;
    right: -12px;
    top: 22%;
    transform: translate(-50%);

}

.label-group li:last-child::before {
    display: none;
}

.incident-card {
    padding: 22px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.4s all ease-in-out;
    text-align: left;
}

.incident-form-card {

    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.incident-form-card .cancel-btn img {
    height: 16px;
    width: 16px;
    object-fit: contain;
}

.incident-form-card .form-control.form-input {
    border-radius: 50px;
    font-size: 16px;
}

.incident-form-card textarea.form-control.form-input {
    border-radius: 16px;
}

.incident-form-card .select-incident-type .dropdown-toggle {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background-color: rgba(240, 240, 240, 0.5);
    border: 1px solid #f0f0f0;
    border-radius: 50px;

    font-size: 16px;
}

.incident-form-card .select-incident-type .dropdown-menu {
    border-radius: 16px;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}

.incident-form-card .select-incident-type .dropdown-menu .form-check-input:checked {
    background-color: var(--purple);
    border-color: var(--purple);
}

.incident-form-card .select-incident-type .badge {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    font-size: 14px;
    padding: 7px 12px;

}

.incident-form-card .select-incident-type .badge .btn-close {
    background-size: 10px;
    height: 10px;
    width: 10px;
}

.incident-form-card .select-incident-type .dropdown-toggle::after {
    background-image: url("../images/icons/white-arrow.svg");
    border: none;
    height: 14px;
    width: 14px;
    filter: invert(1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.incident-btn {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.recite-section {
    padding: 100px 0;
    padding-top: 110px;
    background-image: linear-gradient(-45deg, rgba(217, 242, 255, 1) 0%, rgba(255, 232, 249, 1) 25%, rgba(217, 242, 255, 1) 51%, rgba(233, 230, 255, 1) 100%);
    min-height: calc(100vh - 66px);
}

.affirm-text {
    text-align: center;
    font-size: 38px;
    font-weight: 600;
    line-height: normal;
}

.recite-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
}

.recite-slider .slick-dots li.slick-active button:before {
    color: var(--purple);
    font-size: 18px;
}

.affirm-item {
    margin-bottom: 58px;
}

.recite-slider .slick-prev:before {
    content: "";
    background-image: url("../images/icons/slick-prev.svg");

}

.recite-slider .slick-next:before {
    content: "";
    background-image: url("../images/icons/slick-next.svg");

}

.recite-slider .slick-prev {
    left: -80px;
}

.recite-slider .slick-next {
    right: -80px;
}

.recite-slider .slick-prev:before,
.recite-slider .slick-next:before {
    content: "";
    top: 0;
    height: 30px;
    width: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.counter-group .progress-count {
    width: 90%;
    height: 80px;
    font-size: 54px;
    border-radius: 12px;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    font-weight: bold;
    drop-shadow: 0px 0px 20px rgba(0, 196, 180, 0.8), ;
    gap: 5px;
}

.counter-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 100px;

}

.recite-slider .slick-dots {
    left: 0;
}

.guided-card {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.audio-play-abs {
    position: absolute;
    bottom: 10px;
    width: 96%;
    left: 50%;
    transform: translateX(-50%);
}

.guided-card .guided-image {
    height: 320px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
    position: relative;
}

.guided-card .guided-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.guided-card .play-btn {
    background-color: rgba(0, 0, 0, 0.5);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;

}

.guided-card .audio-btn-group {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 10px;
    align-items: center;
}

.guided-card .play-btn img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.hypnosis-section {
    padding: 90px 0;
}

.guided-play-detail .play-image {
    height: 280px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 16px;
    overflow: hidden;
}

.guided-play-detail .play-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.checkin-time .newsletter_box form .form-control.time-picker-input {
    background-color: var(--purple);
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    width: 343px;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 16px 20px;
    height: auto;
    position: relative;
    z-index: 1;

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

.checkin-time {
    position: relative;
    padding: 90px 0;
    background-color: #ffffff;
}

.checkin-time .newsletter_section {
    position: absolute;
    width: 100%;
    top: -50px;
    background-color: #ffffff;
}

.checkin-time .newsletter_box form .form-control.time-picker-input:hover {
    background-color: var(--dark-purple);
}

.form-control.time-picker-input[type="time"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.checkin-time .newsletter_box form {
    justify-content: end;
}

.checkin-time .time-group {
    display: flex;
    align-items: center;
    gap: 20px;
}

.lock-sessions {
    position: absolute;
    background-color: #fff;
    height: 37px;
    width: 38px;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -1px;
    right: 12px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.lock-sessions img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: invert(1) brightness(0);
}

.daily-curve {
    position: relative;
    background-color: #006675;
    z-index: 1;
}

.daily-curve::after {
    content: "";
    position: absolute;
    background: url("../images/daily-routine-bg.webp") no-repeat;
    height: 100%;
    width: 100%;
    background-size: cover;
    left: 0;
    top: 0;
    background-position: center;
    z-index: -1;

}

.about-image-box .tracker-card {
    background-color: rgba(255, 255, 255, 20%);
}

.tracker-card {
    background-color: var(--bg-purple);
    color: #ffffff;
    padding: 22px;
    border-radius: 20px;
    text-align: center;
    position: relative;

}

.tracker-card .badge-icon {
    height: 112px;
    width: 88px;
    position: absolute;
    top: -50px;
    right: -30px;
}

.tracker-card .badge-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.tracker-card .incident-btn {
    background-color: #00aaab;
    justify-content: center;
    padding: 10px;
    border-radius: 50px;
    border: 3px solid #ffffff;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    line-height: normal;
    margin-top: 24px;

}

.tracker-sub {
    text-align: left;
    background-color: rgba(255, 255, 255, 20%);
    padding: 12px 16px;

    border-radius: 12px;
    height: 100%;
}

.tracker-sub .sub-title {
    font-size: 33px;
    font-weight: 600;
    line-height: normal;
}

.tracker-img {
    height: 600px;
    width: 100%;
    object-fit: contain;
}

.center-md {
    text-align: center;
    max-width: 450px;
}

.consult-btn {
    background-color: var(--dark-purple);
    padding: 12px 25px;
    border-radius: 10px 0 0 10px;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 20%;
    line-height: normal;
    font-weight: 500;
    position: fixed;
    font-size: 14px;
    transition: 0.4s all ease-in-out;
    padding-left: 30px;
    background: url("../images/icons/therapy-button-vector.svg");
    background-size: 100% 100%;
    height: fit-content;

}

.consult-btn:hover {
    background-color: var(--bg-purple);
    transition: 0.4s all ease-in-out;
    color: #ffffff;
}

.blog_inner_pannel .incident-btn {
    color: #ffffff;
    background-color: #006675;
    border-radius: 8px;
    padding: 15px 22px;
    font-size: 18px;
    border: 1px solid #ffffff;

    display: flex;
    justify-content: space-between;
}

.incident-btn .arrow-icon {
    opacity: 0.5;
}

.tracker-loud-btn {
    padding: 20px;
    border-radius: 18px;
    color: var(--dark-purple);
    background-color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
    cursor: default;
    /* pointer-events: none; */
}

.daily-preview-card {
    padding: 30px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    font-size: 16px;
    transition: 0.4s all ease-in-out;
    height: 100%;
    text-align: left;
}

.daily-preview-card .card-title {
    font-size: 25px;
    font-weight: 700;
    color: #000000;
    line-height: normal;
}

.daily-preview-card:hover {
    background-color: var(--light-purple);
    transition: 0.4s all ease-in-out;
}

.daily-preview-card.tab-content {
    height: 1100px;
    overflow: auto;
    margin-bottom: 30px;
}

.sutter-preview-card {
    padding: 37px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    font-size: 18px;
    margin-bottom: 34px;
}

.sutter-preview-card .card-title {
    font-size: 25px;
    color: #000;
    font-weight: 700;
}

.number-font {
    font-size: 60px;
    font-weight: 700;
    background-color: #B8FFF9;
    backdrop-filter: blur(9.11914px);
    height: 100px;
    width: 100px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--dark-purple);
    margin-bottom: 20px;
}

.preview-image {
    height: 505px;
    width: 545px;

}

.preview-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-width: 100%;
}

.member-table {
    padding: 22px 22px;
    background-color: #005F7F;
    border-radius: 17.665px;
    color: #ffffff;
    width: 519px;
    margin: 0 auto;
    max-width: 100%;
}

.member-options {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    align-items: center;
    padding-left: 22px;

}

.member-options>p {
    flex: 1;
    padding: 5px;
    font-size: 16px;
}

.member-options .member-price {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.member-options.selected-member {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 11.7766px;
    position: relative;
}

.member-options.selected-member::before {
    content: "";
    position: absolute;
    background-image: url("../images/icons/check-rounded-green.svg");
    height: 26px;
    width: 26px;
    background-size: contain;
    left: -10px;
    background-repeat: no-repeat;
}

.effective-label {
    height: 170px;
    width: 170px;
    position: absolute;
    top: 60px;
    left: 70px;
}

.effective-label img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.modal-box .modal-box-content {
    overflow-y: auto;
    max-height: calc(100vh - 3.5rem);
    overflow-x: hidden;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal-box {
    padding: 2rem;
    border-radius: 12px;
    max-width: 1020px;
    width: 100%;
    color: #ffffff;
    background: linear-gradient(180deg, #00C4B4 -19.39%, #005F7F 100%), #FFFFFF;
    text-align: left;

}

.upgrade-box {
    /* background: rgba(255, 255, 255, 0.24); */
    backdrop-filter: blur(10.3067px);
    border-radius: 17px;
    padding: 20px 28px;
    width: fit-content;
    font-size: 24px;
}

.upgrade-box .title {
    font-size: 35px;
    color: #f4f300;
    text-transform: capitalize;
}

.modal-box .plan-text {
    font-size: 20px;
    color: #FFFFFF;
}

.modal-box .premium-list {
    margin: 20px 0;
    margin-bottom: 34px;
    background-color: var(--dark-purple);
    padding: 12px 24px;
    border: 2px solid #ffffff;
}

.modal-box .premium-list li {
    display: flex;
    gap: 4px;
    align-items: flex-start;

    margin-bottom: 3px;
    font-size: 18px;
}

.modal-box .premium-list img {
    height: 30px;
    width: 25px;
}

.modal-box .upgrade-btn {
    padding: 18px 20px;
    font-size: 18px;
    height: fit-content;
    font-weight: 600;
    /* background-color: #ff8d00; */
    background-color: #e43d35;
    border-radius: 14px;
    border: 2px solid #ffffff;
    color: #ffffff;
    width: 50%;
    text-transform: uppercase;
}

.modal-box .upgrade-btn.outline-btn {
    background-color: var(--dark-purple);
    color: #ffffff;
    transition: 0.4s all ease-in-out;
}

.modal-box .upgrade-btn:hover {
    background-color: var(--purple);
    transition: 0.4s all ease-in-out;
    color: #ffffff;
}

.modal-content .step-item {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0 0 0 / 0.1);
    padding-bottom: 10px;
    position: relative;
}

.modal-content .step-item .bullet {
    position: relative;
    top: -2px;
    font-size: 18px;
}

.modal-content .step-item .bullet::after {
    content: "";
    position: absolute;
    background-color: #00C4B4;
    width: 1px;
    height: 45%;
    top: 23px;
    left: 5px;

}

.modal-content .step-item:last-child {
    border: none;
}

.inner-home {
    background-color: #006268;
    padding: 200px 0;
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
}

.inner-home::after {
    content: "";
    position: absolute;
    background-image: url("../images/daily-routine-bg.webp");
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.4;
    z-index: -1;
    background-position: center;
}

.inner-home .sec-title {
    font-size: 58px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

.practice-btn {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 22px;
    gap: 10px;
    font-weight: 500;
    color: #ffffff;
    background: #00C4B4;
    border: 6px solid #FFFFFF;
    border-radius: 20px;
    font-size: 36px;
    margin-top: 34px;
}

.practice-btn img {
    height: 62px;
    width: 62px;
    object-fit: contain;

}

.skiptranslate,
.goog-te-banner-frame,
.goog-logo-link,
.goog-te-gadget {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

body {
    top: 0 !important;
}

.language-selector .btn-lang {
    position: fixed;
    background-color: #6fcfeb;
    padding: 10px 14px;
    border-radius: 12px 0px 0px 12px;
    top: 0px !important;
    right: -107px !important;
    width: 158px;
    z-index: 999999;
    color: #ffffff;
    transition: all 0.5s ease;
}

.language-selector .btn-lang:hover {
    right: 0 !important;
}



.enroll-radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.enroll-radio-group label {
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 0;
}

.enroll-radio-group input {
    margin-right: 8px;
    height: 20px;
    width: 20px;
    accent-color: var(--dark-purple);
}

/* 3-line text clamp */
.summary-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #6c757d;
    font-size: 15px;
    line-height: 1.6;
}

/* Button */
.read-more-btn {
    font-size: 14px;
    color: var(--purple);
    text-decoration: none;
    cursor: pointer;

    text-align: end;
}

.read-more-btn:hover {
    text-decoration: underline;
}

/* Backdrop overlay */
.custom-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1500;
    animation: fadeIn 0.25s ease forwards;
}

/* Offcanvas drawer */
.custom-offcanvas {
    position: fixed;
    top: 0;
    right: -800px;
    width: 400px;
    height: 100vh;
    background-color: #fff;
    box-shadow: -8px 0 30px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    transition: right 0.3s ease;
    border-left: 1px solid #eee;
}

.custom-offcanvas.show {
    right: 0;
    /* slide in */
}

/* Header and body */
.custom-offcanvas .offcanvas-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-offcanvas .offcanvas-header h5 {
    margin: 0;
    font-weight: 600;
    color: #333;
}

.custom-offcanvas .offcanvas-body {
    padding: 1rem 1.25rem;
    overflow-y: auto;
    color: #555;
    line-height: 1.7;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.visit-card {
    border: 1px solid rgba(16, 16, 16, 0.14);
    filter: drop-shadow(0px 4px 26px rgba(0, 0, 0, 0.02));
    border-radius: 12px;
    padding: 20px;
}

.visit-card .form-control {
    padding: 8px 20px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 26px;
    width: 100%;
}

.tracker-modal .modal-content {
    background-color: var(--purple);
    color: #ffffff;

}

.tracker-modal .btn-close {
    opacity: 0.7;
    filter: brightness(1) invert(1);
}

.tracker-modal .modal-title {
    font-size: 28px;
}

.tracker-modal .modal-body {
    padding-bottom: 44px;
}

.tracker-modal .count-group {
    padding: 12px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    text-align: left;
    width: 40%;
}

.tracker-modal .count-group .title {
    font-weight: 600;
    line-height: 38px;
    font-size: 38px;
}

.tracker-modal .count-group .badge-icon {
    height: 80px;
    width: 58px;
    position: absolute;
    top: -38px;
    right: -24px;
}

.tracker-modal .count-group .badge-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.filter-search-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-search-box {
    display: flex;
    align-items: center;
    background: #f5f5f7;
    border-radius: 10px;
    padding: 10px 14px;
    gap: 10px;
    position: relative;
}

.filter-search-icon {
    width: 18px;
    opacity: 0.7;
}

.filter-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
}

.filter-clear {
    cursor: pointer;
    font-size: 22px;
    color: #888;
    padding: 0;
    height: 27px;
    display: flex;
    align-items: center;

}

.filter-clear:hover {
    color: #555;
}

.filter-chips-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-chip {
    background: #f5f5f7;
    font-style: italic;
    padding: 6px 12px;
    color: #000000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    line-height: normal;
}

.remove-chip {
    font-size: 16px;
    cursor: pointer;
    opacity: 0.9;
}

.remove-chip:hover {
    opacity: 1;
}

.go-back-btn {
    margin: 10px 0px 10px 20px;
}

/* subscription */
.subscribe-title {
    font-weight: 700;
    font-size: 40px;
    text-transform: capitalize;
    background: linear-gradient(180deg, #00C4B4 24.77%, #005F7F 94.4%), #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
}

.subscribe-title1 {
    padding-top: 25px;
    /* 90px */
    font-weight: 700;
    font-size: 45px;
    text-transform: capitalize;
    background: #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
}

.subscribe-title-solid {
    font-weight: 700;
    font-size: 32px;
    text-transform: capitalize;
    color: #00C4B4;
    text-align: center;
    line-height: normal;
}

.subscribe-subtitle {
    font-weight: 600;
    font-size: 30px;
    line-height: normal;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
}

.subscribe-group {
    background-image: url("../images/subscribe-banner.jpg");
}

.subscribe-group::before {
    display: none;
}

.subscribe-tabs {
    background-color: #ffffff;
    padding: 6px;

    width: fit-content;
    border-radius: 50px;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 70px;
    margin-top: 50px;

}

.subscribe-tabs .nav-link {
    font-size: 16px;
    color: #000;
    background-color: transparent;
    padding: 14px 55px;

    font-weight: 600;
    border-radius: 50px;
    line-height: normal;
}

.subscribe-tabs .nav-link.active {
    background: linear-gradient(180deg, #00C4B4 0%, #005F7F 100%), #FFFFFF;

}

/* WRAPPER */
.pricing-wrapper {
    background: #f4fbfc;
}

/* CARD BASE */
.pricing-card-box {
    /* background: #ffffff; */
    background: #e5e5e5;
    border-radius: 30px;
    padding: 30px 20px;
    cursor: pointer;
    height: 100%;
    position: relative;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
    color: #1f2937;
    display: flex;
    flex-direction: column;
}

.pricing-card-box .hr-line {
    border-bottom: 1px solid #00000026;
    margin-bottom: 22px;
}

.pricing-card-box:hover {
    transform: translateY(-6px);
}

/* ACTIVE CARD */
.pricing-card-box.is-active {
    background: linear-gradient(180deg, #00C4B4 0%, #005F7F 100%), #EAFAFF;
    box-shadow: 0px 7px 36.9px rgba(0, 0, 0, 0.59);

    color: #ffffff;
}

.pricing-card-box.is-active .hr-line {
    border: 1px solid #FFFFFF40;
}

/* TAGS */
.plan-tag {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding: 10px 24px;
    background: #005F7F;
    border-radius: 14px;
}


.trial-note {
    display: block;
    font-size: 16px;
}

/* PRICING */
.price-amount {
    font-size: 30px;
    font-weight: 700;
    color: var(--purple);
    margin-bottom: 0;
}

.price-caption {
    font-size: 16px;

}

/* FEATURES */
.feature-points {
    list-style: none;
    padding: 0;
    margin-bottom: 28px;
}

.feature-points li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    font-size: 16px;

}

.feature-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/right-arrow-green.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.feature-points li.basic-plan-li::before {
    background-image: url("../images/icons/check-white.svg");
}

.pricing-card-box.is-active .feature-points li::before {
    filter: brightness(0) invert(1);
}

.pricing-card-box.is-active .price-amount {
    color: #ffffff;
}

/* BUTTON */
.action-btn {
    font-size: 16px;
    width: 85%;
    border-radius: 30px;
    background: transparent;
    border: 2px solid #007c8a;
    color: #007c8a;
    font-weight: 600;
    transition: all 0.3s ease;
    padding: 12px;

}

/* ACTIVE BUTTON */
.pricing-card-box.is-active .action-btn {
    background: #ffffff;
    color: #006a78;
    border-color: #ffffff;
}

/* BUTTON ANIMATION */
.btn-active {
    animation: pulseGlow 1.8s infinite;
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 213, 0.6);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(0, 255, 213, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 213, 0);
    }
}

/* BADGES */
.card-tags {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.popular-chip {
    background: #f38a1d;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 15px;
    position: absolute;
    top: -15px;
    font-weight: 600;
    z-index: 10;
}

.discount-chip {
    background: #ff9800;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 14px;
    border-radius: 50%;
}

.access-group {
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 18px;
}

.see-benefits {
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
    background: linear-gradient(200.17deg, #00C4B4 24.77%, #005F7F 94.4%), #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.minheight-auto {
    min-height: auto;
    margin-top: 0;
    position: relative;
}

/* POSITIONS */
.left-top {
    top: 0%;
    left: 10%;
}

.right-top {
    top: -12%;
    right: 6%;
}

.left-bottom {
    bottom: 20%;
    left: 0;
}

.right-bottom {
    bottom: 18%;
    right: 0;
}

/* FLOAT ANIMATIONS */
/* .float-slow {
    animation: floatY 6s infinite;
  }
  
  .float-medium {
    animation: floatY 4.5s infinite;
  }
  
  .float-fast {
    animation: floatY 3.5s infinite;
  } */

@keyframes floatY {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-24px);
    }

    100% {
        transform: translateY(0);
    }
}


@keyframes pulseGlowIcon {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

.fluency-fixed-banner {
    position: fixed;
    top: 378px;
    right: 0px;
    z-index: 999999;
}

/* Card */
.fluency-fixed-banner .banner-card {
    width: 380px;
    background: #ffffff;
    border: 4px solid #18b7b1;
    border-radius: 10px;
    padding: 8px 16px;

    text-align: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

/* Icon */
.fluency-fixed-banner .banner-icon {
    font-size: 26px;
    margin-bottom: 0;
    text-align: left;
    line-height: normal;

}

/* Title */
.fluency-fixed-banner .banner-card h3 {
    color: #0da6c2;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 6px;
    text-transform: uppercase;
}

/* Dates */
.fluency-fixed-banner .banner-card .dates {
    font-size: 15px;
    color: #000;
    margin-bottom: 14px;
}



/* Footer text */
.fluency-fixed-banner .banner-card small {
    font-size: 12px;
    color: #000;
}

.fluency-video-card {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.video-wrapper {
    position: relative;
    height: 233px;
    width: 380px;
    border-radius: 5px;
    overflow: hidden;
}

.video-wrapper .play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: pulsePlay 3s ease-in-out infinite;
}

.play-btn:hover {
    animation-play-state: paused;
}

/* Pulse animation */
@keyframes pulsePlay {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
    }

    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 14px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.video-wrapper .play-btn:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}

.neuro-section {
    padding: 80px 16px;
    text-align: center;
    background-color: #ffffff;
}




.neuro-video-wrapper {
    max-width: 820px;
    margin: 0 auto;
    border-radius: 8px;
    border: 8px solid #2b7a9a;
    background-color: #fff;
}

.neuro-video {
    width: 100%;
    height: auto;
    display: block;
}

.therapy-subscribe {
    animation: pulseHover 1.8s infinite;
    background: linear-gradient(186.88deg, #ff8d00 5.38%, #aa6006 108.97%);
    color: #fff;
    padding: 10px 40px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    display: inline-flex;
    line-height: normal;
    font-weight: 600;
    margin-top: 24px;
    font-size: 16px;

}

.lan-dropdown .dropdown-toggle {
    color: #ffffff;
}

.lan-dropdown .radio-input {
    accent-color: #000000;
}

.lan-dropdown .radio-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.lan-dropdown .dropdown-menu {
    border-radius: 10px;
    border: none;
    position: absolute;

}

.lan-dropdown .dropdown-item {
    padding: 3px 10px;
}

.get-btn .program-text {
    display: block;
}

.lan-dropdown .dropdown-toggle::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -3px;
}

.language-modal-backdrop {
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    inset: 0;
    justify-content: center;
    overflow-y: auto;
    padding: 18px 16px;
    position: fixed;
    z-index: 9999;
}

.language-modal {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2);
    color: #222222;
    max-height: calc(100vh - 36px);
    max-width: 960px;
    overflow-y: auto;
    padding: 26px 38px 34px;
    position: relative;
    width: min(100%, 960px);
}

.language-modal-close {
    align-items: center;
    background: transparent;
    border: 0;
    color: #222222;
    display: inline-flex;
    font-size: 22px;
    height: 36px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 16px;
    width: 36px;
}

.language-modal h2 {
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 44px 18px 0;
}

.language-modal h3 {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    margin: 18px 0 10px;
}

.language-grid {
    display: grid;
    gap: 14px 28px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.language-grid-suggested {
    margin-bottom: 12px;
}

.language-option {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #222222;
    display: flex;
    gap: 10px;
    min-height: 48px;
    padding: 10px 38px 10px 12px;
    position: relative;
    text-align: left;
}

.language-option:hover,
.language-option:focus {
    background: #f2f7ff;
    outline: none;
}

.language-option.active {
    background: #edf4ff;
    color: #0d6efd;
}

.language-option .flag-icon {
    border-radius: 50%;
    flex-shrink: 0;
    height: 24px;
    object-fit: cover;
    width: 24px;
}

.language-option span {
    font-size: 14px;
    line-height: 1.35;
}

.language-option i {
    color: #0d6efd;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 991px) {
    .language-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .language-modal-backdrop {
        padding: 16px 10px;
    }

    .language-modal {
        max-height: calc(100vh - 32px);
        padding: 22px 14px 24px;
    }

    .language-grid {
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .language-option {
        min-height: 44px;
    }
}

.combined-label {
    background-color: var(--dark-purple);
    padding: 12px 16px;
    width: fit-content;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    left: 58px;
    line-height: normal;
}

@media (min-width: 1200px) {

    .video-library-section .container {
        max-width: 95%;
    }
}

@media (min-width: 1700px) {

    .video-library-section .container {
        max-width: 1680px;
    }

}

@media (max-width: 1700px) {
    .scrollable-container {
        max-height: 87px;
    }

    .optional-tasks-sec .text {
        font-size: 18px;
    }

    .optional-tasks-sec .image {
        height: 270px;
    }

    .banner_section .banner_text .program-text {
        bottom: -150px;
        width: 100%;
    }
}

@media (max-width: 1600px) {
    .banner-image-wrapper img {
        height: 400px;
    }

    .vector-group {
        height: 100%;
    }

    .funcs-sec .frame-img .resources-img {

        height: 560px;
        width: 780px;
    }

    .testimonial_section .testimonial_block .avtar_faces {
        width: 100%;
    }

    .features_block .feature_box {
        font-size: 18px;
        padding: 22px;
    }

    .feature_box .features-icon {
        height: 80px;
        width: 80px;
    }

    .feature_box .feature-title {
        font-size: 26px;
    }

    .incident-btn {

        padding: 15px 12px;
        font-size: 16px;
    }

    .tracker-loud-btn {
        padding: 15px;

        font-size: 18px;
    }

    .slide-single {
        padding: 120px 0;
    }

    .tracker-card .incident-btn {
        padding: 15px 12px;
        font-size: 16px;
    }

    .optional-tasks-sec .image {
        height: 245px;
    }

    .connect-group .title {
        font-size: 32px;
    }

    .newsletter_box .time-title {
        font-size: 50px;
    }

    .connect-group {
        padding: 35px;
    }

    .connect-group .connect-btn {
        font-size: 20px;
        gap: 8px;

    }

    .connect-group .connect-btn img {
        height: 33px;
        width: 33px;
        object-fit: contain;
    }

    .daily-preview-card.tab-content {
        height: 1200px;
    }

    .single-item-slider .slider-title {
        font-size: 40px;
    }

    #progressbar {
        gap: 115px;
    }

    #progressbar li::before {

        width: 170px;
    }

    .feature-list li {

        font-size: 20px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 14px 14px;
    }

    .navbar-expand-lg .nav-link.dark_btn.get-btn {
        font-size: 14px;
    }

    .inner-home .sec-title {
        font-size: 52px;
    }

    .practice-btn {
        padding: 17px;
        font-size: 30px;
    }

    .practice-btn img {
        height: 56px;
        width: 56px;
    }

    .media-card .media-img {
        height: 198px;
    }

    .consult-btn {
        top: 30%;
    }

    .banner_section {
        height: 760px;
    }

    .banner_section .banner_text .program-text {
        font-size: 12px;
    }

    .lan-dropdown .dropdown-toggle {
        font-size: 14px;
    }

    .lan-dropdown .dropdown-toggle .flag-icon {
        height: 20px;
        width: 20px;
        object-fit: contain;

    }

    .stutter-modal .therapist-note {
        font-size: 14px;
        line-height: normal;
    }

    .stutter-modal .therapist-card {
        padding: 9px;
    }
}


@media (max-width: 1400px) {
    .language-selector .btn-lang {
        top: 0px !important;
    }

    .font_26 {
        font-size: 22px !important;
    }

    .consult-btn {
        font-size: 14px;
    }

    .msg-body {
        padding: 12px;
        padding-top: 26px;
    }

    .widget-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .notification-drop .dropdown-toggle .notify-count {
        right: 5px;
    }

    .scrollable-container {
        min-height: 335px;
    }

    .banner_section {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .funcs-sec .frame-img .resources-img {
        height: 430px;
        width: 650px;

    }

    .navbar-brand img {
        width: 146px;

        height: 52px;
    }

    .features_block .feature_box {


        padding: 26px;
        padding-bottom: 25px;
        padding-top: 70px;

        font-size: 16px;
    }

    .feature_box .feature-title {
        font-size: 22px;
    }

    .feature_box .features-icon {
        height: 65px;
        width: 65px;
        margin: 0 auto 12px;
    }

    .incident-btn {

        padding: 15px 12px;
        font-size: 16px;
    }

    .tracker-loud-btn {
        padding: 14px;

        font-size: 18px;
    }

    .features_section .feature_detail .feature_box .data_block h4 {
        font-size: 20px;
    }

    .slide-single {
        padding: 90px 0;
    }

    .features_section .feature_detail .feature_box .data_block {
        font-size: 16px;
        padding: 12px;
        padding-top: 48px;
    }

    .footer-speech-downloads .download-btn {
        font-size: 14px;
    }

    .footer-speech-downloads {
        width: 1140px;
    }

    .newsletter_box {

        padding: 30px;
    }

    .newsletter_box .time-title {
        font-size: 44px;
    }

    .connect-group {
        padding: 24px;
    }

    .ah-headline {
        font-size: 36px;
    }

    .number-font {
        font-size: 50px;
    }

    .subscribe-card .title {
        font-size: 32px;
    }

    .subscribe-btn {

        font-size: 20px;
        padding: 16px 18px;
    }

    .subscribe-features {
        padding: 40px;
    }

    .single-item-slider {

        margin-bottom: 84px;
    }

    .daily-preview-card.tab-content {
        height: 1400px;
    }

    .subscribe-card {

        padding: 30px 26px;
    }

    .preview-image {
        height: 386px;
        width: 410px;
    }

    .member-table {
        margin-top: 30px;
    }

    .select-category {

        padding: 10px 8px;
    }

    .required-tasks-card {
        font-size: 18px;
    }

    .effective-label {
        height: 150px;
        width: 150px;
    }

    .feature-list li {

        font-size: 20px;
    }

    .navbar-expand-lg .nav-link.dark_btn.get-btn {
        padding: 12px 22px;
    }

    .optional-tasks-sec .text {
        font-size: 16px;
    }

    .optional-tasks-sec .image {
        height: 252px;
        margin-bottom: 16px;
    }

    .optional-tasks-sec .features_block .feature-box {

        padding-bottom: 8px;
    }

    .optional-tasks-sec .features_block .feature-box .play-overlay {
        top: -43px;
    }

    .media-card .media-img {
        height: 186px;
    }

    .media-card {

        padding: 16px
    }

    .banner_section .banner_text .program-text {
        font-size: 12px;
        bottom: -200px;
    }

    .subscribe-tabs .nav-link {


        padding: 12px 57px;
    }

    .plan-tag {
        font-size: 14px;
        padding: 10px 16px;
    }

    .feature-points li {
        font-size: 16px;
    }

    .action-btn {
        padding: 12px;
        font-size: 16px;
    }

    .popular-chip {
        font-size: 14px;
    }

    .login-text {
        font-size: 20px;
    }

    footer .bottom_footer {
        font-size: 14px;
    }

    .subscribe-title {
        font-size: 32px;
    }

    .subscribe-subtitle {

        font-size: 24px;
    }

    .video-wrapper {

        height: 203px;
        width: 332px;
    }

    .get-btn .program-text {
        display: inline-block;
    }

    .stutter-modal .modal-body {
        padding: 16px 30px;
    }

    .stutter-modal .therapist-note {
        line-height: normal;
        font-size: 14px;
    }

    .nav-link.light_btn span {
        display: inline-block;
    }

    .navbar-expand-lg .navbar-nav .nav-link.light_btn {

        padding: 12px 12px;
    }

    .banner-image-wrapper img {
        height: 350px;
    }

    .fluency-proof-stats {
        font-size: 22px;
    }

    .fluency-proof-featured-title {
        font-size: 34px;
    }

    .fluency-proof-description {
        font-size: 16px;
    }

    .fluency-proof-cta-heading {
        font-size: 24px;
    }

    .pricing-card-box .tier-track-name {
        font-size: 20px !important;
    }

}

@media (max-width: 1200px) {
    .font_30 {
        font-size: 26px !important;
    }

    .font_28 {
        font-size: 23px !important;
    }

    .font_24 {
        font-size: 20px !important;
    }

    .funcs-sec .frame-img .resources-img {
        height: 400px;
        width: 540px;
    }

    .puprple_btn {
        padding: 10px 40px;
        font-size: 16px;
    }


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

    .feature-list {
        font-size: 16px;
        padding-left: 20px;
    }

    .single-item-slider .slider-title {
        font-size: 35px;

    }

    .testi-user img {
        height: 100px;
        width: 80px;
    }

    .subscribe-card .price-title {
        font-size: 28px;
        margin-bottom: 35px;
    }

    .subscribe-card .price-title {
        margin-bottom: 35px;
    }

    .routine-frame {
        height: 312px;
        width: 246px;
    }

    .has-submenu .submenu-nav {
        padding: 15px 16px;
    }

    .routine-frame {
        height: 424px;
        width: 246px;
    }

    .notification-drop .dropdown-toggle .notify-count {
        height: 13px;
        width: 14px;
        top: 8px;
        right: 5px;
        font-size: 9px;
    }

    .navbar-expand-lg .navbar-nav .account-dropdown .dropdown-toggle {
        padding: 7px 8px;
        gap: 8px;
        font-size: 12px;
        margin-left: 8px;
        color: #ffffff;
    }

    .lesson-group .lesson-item .play-btn {
        height: 45px;
        width: 45px;
    }

    .form_items label {
        width: 85%;
    }

    .how_it_works .step_block .step_box.quiz-card .step_img {
        padding: 40px;
        width: 176px;
        height: 176px;
    }

    .ebook-card {
        flex-direction: column;
    }

    .chat-card-section {
        padding: 25px 20px;
    }

    .therapy-list li {
        padding-left: 36px;
        margin-bottom: 18px;
        font-size: 14px;
    }

    .modern_ui_section .therapy-list li::before {

        width: 20px;
        height: 20px;
    }

    .mockup-simulator {
        height: 160px;
        right: 23px;
        width: 100px;
    }

    .how_it_works .step_block.purchase-token-group .step_box .step_img img {
        height: 80px;
        width: 80px;
    }

    .how_it_works .step_block .step_box .step_number h3 {
        font-size: 14px;
    }

    .token-title {
        font-size: 38px;
    }

    .how_it_works .step_block.purchase-token-group .step_box .step_img {
        padding: 26px;
    }

    .navbar {

        padding-top: 12px;
        padding-bottom: 12px;
    }

    .bot-point-list {

        padding: 45px 0;
    }

    .yt-video-card {
        padding: 10px;
    }

    .tools-section .title {
        font-size: 35px;
    }

    .tools-container {
        padding: 28px;
    }

    .tools-container .nav-pills .nav-link {
        padding: 8px 18px;
    }

    .tools-section {

        padding-top: 140px;
    }

    .speech-accordion .accordion-body {
        padding: 16px;
    }

    .widget-title {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .service-list-widget ul li .nav-link {

        font-size: 14px;

        padding: 10px;
    }

    .service-details {

        padding: 30px 14px;
    }

    .widget {

        padding: 30px 12px;
    }

    .affirm-text {

        font-size: 30px;
    }

    .recite-section {
        padding: 70px 0;
        padding-top: 100px;
    }

    .counter-group {
        margin-top: 90px;
    }

    .guided-card .guided-image {
        height: 260px;
    }

    .quote-section .query_inner {
        min-height: 320px;
    }

    .checkin-time .newsletter_box form .form-control.time-picker-input {
        font-size: 18px;

        width: 226px;
    }

    .ah-headline {
        font-size: 30px;
    }

    /* .quote-section.row_am {
        padding-top: 126px;
    } */

    .checkin-time {
        margin-top: 60px;
    }

    .scrollable-container {
        min-height: 255px;
    }

    .features_section .feature_detail .feature_box .icon {
        width: 44px;
        height: 44px;
        padding: 8px;
        top: -24px;
    }

    .features_section .feature_detail .feature_box .data_block h4 {
        font-size: 20px;
    }

    .checkin-time .newsletter_section {

        top: -75px;
    }

    .feature_box .features-icon {
        height: 55px;
        width: 55px;
        margin: 0 auto 12px
    }

    .features_block .feature_box {
        padding: 14px;
        padding-bottom: 25px;
        padding-top: 56px;
        font-size: 14px;
    }

    .feature_box .feature-title {
        font-size: 18px;
    }

    .incident-btn {

        font-size: 14px;
    }

    .slide-single {
        padding: 40px 0;
    }

    .consult-btn {
        padding: 12px 12px;
        padding-left: 24px;
        top: 12%;
        font-size: 12px;

    }

    .optional-tasks-sec .text {
        font-size: 16px;
    }

    .optional-tasks-sec .image {
        height: 176px;
    }

    .optional-tasks-sec .features_block .feature-box {

        padding-bottom: 8px;
    }

    .optional-tasks-sec .text {
        font-size: 18px;
    }

    .footer-speech-downloads .download-title {

        font-size: 16px;
        line-height: normal;
    }

    .footer-speech-downloads {
        width: 960px;
        padding: 18px 20px;
    }

    .footer-speech-downloads .download-text {
        font-size: 14px;
    }

    .footer-speech-downloads .form-control {

        padding: 13px 13px;
    }

    .footer-speech-downloads .download-btn {
        font-size: 13px;
    }

    .connect-group .connect-btn {
        font-size: 18px;
    }

    .connect-group .title {
        font-size: 26px;
    }

    .newsletter_box .time-title {
        font-size: 38px;
    }

    .required-tasks-card .card-icon {
        width: 80px;
        height: 80px;

        padding: 16px;
    }

    .required-tasks-card {

        padding: 26px 18px;
        padding-top: 44px;
    }

    .required-tasks-card .tools-text {
        font-size: 16px;
    }

    .feature-list li {
        font-size: 16px;
        line-height: 36px;
    }

    .subscribe-features {
        padding: 28px;
    }

    .subscribe-card .title {
        font-size: 30px;
    }

    .subscribe-btn {
        font-size: 16px;
        padding: 12px 15px;
    }

    .daily-preview-card {
        padding: 22px;
    }

    .daily-preview-card .card-title {
        font-size: 22px;
    }

    .daily-preview-card.tab-content {
        height: 1500px;
    }

    .og-price-label {

        padding: 8px 20px;
        font-size: 18px;
    }

    .sale-label img {
        height: 120px;
        width: 120px;
    }

    .sale-label p {
        font-size: 16px;
    }

    .effective-label {
        height: 130px;
        width: 130px;
    }

    .modal-box {
        padding: 1.5rem;
        border-radius: 12px;
        max-width: 92%;
    }

    .upgrade-box .title {
        font-size: 30px;
    }

    .optional-tasks-sec .features_block .feature-box .play-overlay img {
        height: 32px;
        width: 32px;
    }

    .tracker-card {
        padding: 16px 20px;
    }

    .inner-home .sec-title {
        font-size: 44px;
    }

    .practice-btn {
        padding: 13px;
        font-size: 25px;
        border: 4px solid #FFFFFF;
    }

    .practice-btn img {
        height: 48px;
        width: 48px;
    }

    .language-selector .btn-lang {
        top: 0 !important;
        padding: 7px 12px;
        right: -114px !important;
    }

    .banner_section {
        height: 600px;
    }

    .input-group.form-input-group .input-icon {
        height: 22px;
        width: 22px;
    }

    .banner_section .banner_text .program-text {
        bottom: -108px;
        width: 100%;
        font-size: 12px;
    }

    .banner_section .banner_text p.stuttering-text {

        margin-top: 44px;
    }

    .subscribe-title {
        font-size: 34px;
    }

    .subscribe-subtitle {

        font-size: 24px;
    }

    .fluency-fixed-banner .banner-card h3 {
        font-size: 18px;
    }

    .fluency-fixed-banner .banner-icon {
        font-size: 20px;
    }

    .fluency-fixed-banner .banner-card .dates {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .fluency-fixed-banner .banner-card {
        width: 360px;
        border: 2px solid #18b7b1;
    }

    .video-wrapper {
        height: 183px;
        width: 300px;
    }

    .video-wrapper .play-btn {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .lan-dropdown .dropdown-toggle {

        font-size: 12px;
    }

    .lan-dropdown .dropdown-toggle .flag-icon {

        height: 14px;
        width: 14px;
        object-fit: contain;
    }

    .lan-dropdown .dropdown-item {
        font-size: 12px;
        padding: 3px;

    }

    .lan-dropdown .dropdown-item .flag-icon {
        height: 14px;
        width: 14px;
        object-fit: contain;
    }

    .lan-dropdown .dropdown-toggle::after {

        padding: 2px;
    }

    .combined-label {
        font-size: 16px;
    }

    .stutter-modal .therapist-card {
        padding: 7px;
    }

    .stutter-modal .therapist-note {
        font-size: 12px;
    }

    .stutter-modal .therapist-card p {
        font-size: 14px;
    }

    .stutter-modal .modal-body {
        padding: 18px 20px;
    }

    .stutter-modal .therapist-card {
        padding: 8px;
    }



}

@media (max-width: 991.5px) {
    .font_30 {
        font-size: 20px !important;
    }

    .font_28 {
        font-size: 20px !important;
    }

    .font_26 {
        font-size: 20px !important;
    }

    .font_22 {
        font-size: 20px !important;
    }

    .subscribe-card {
        padding: 18px;
    }

    .subscribe-card .price-title {
        font-size: 23px;
    }

    .subtitle-text {
        font-size: 16px !important;
    }

    .subscribe-card .title {
        font-size: 23px;
        margin-bottom: 28px;
    }

    .feature-list {
        font-size: 16px;
        text-align: left;
        padding-left: 25px;
    }

    .single-item-slider .slider-title {
        font-size: 36px;
    }

    .single-item-slider {
        margin: 0px 0;
        min-height: 200px;
        margin-bottom: 28px;

    }

    .subscribe-section {
        padding: 30px;
        padding-top: 73px;
    }

    .speech-meeting-card {
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .speech-club-img {
        width: 487px;
        height: 272px;
        max-width: 100%;
        margin: 0 auto;
    }

    .lesson-progress {
        padding: 23px 18px;

        margin-bottom: 34px;
        margin-top: 30px;
    }

    .lesson-progress .progress-container,
    .lesson-progress .progress {
        height: 14px;
    }

    .lesson-progress .percentage {
        font-size: 10px;
        padding: 6px 0;
        top: -9px;
        width: 32px;
    }

    .lesson-title {
        font-size: 23px;
        margin-bottom: 14px;
        line-height: normal;
        text-align: left;
    }

    .lesson-group .lesson-item {
        padding: 12px;
    }

    .quiz-vector {
        height: 240px;
        width: 240px;
    }

    .quiz-modal .modal-title {
        font-size: 20px;
    }

    .form_items label {
        width: 95%;
        font-size: 20px;
    }

    .question_content h1 {
        font-size: 28px;
        padding: 2rem 1rem;
    }

    .how_it_works .step_block .step_box.quiz-card .step_img {
        padding: 32px;
        width: 126px;
        height: 126px;
    }

    .question_content:before {
        font-size: 9rem;
    }

    .has-submenu:hover>.submenu-nav {
        display: none;
    }

    .ebook-card {
        flex-direction: column;
    }

    .single-item-slider .slick-dots {
        bottom: 0px;
    }

    .resources-offcanvas {
        display: block;
    }

    .navbar-expand-lg .navbar-nav .has-submenu .nav-link~.drp_btn {
        display: none;
    }

    .category-main .tab-content {
        padding: 32px 22px;
    }

    .category-menu .nav-pills .nav-link {
        font-size: 15px;
        padding: 16px 20px;
    }

    .category-section .cate-title {
        font-size: 30px;
    }

    .category-menu .nav-pills {
        height: 500px;
    }

    .filter-sec {
        display: none;
    }

    .price-filter {
        border: 1px solid #dfdfdf;
        margin-bottom: 10px;
    }

    .filter-btn {
        display: block;
    }

    .course-wrap .course-title h5 {
        font-size: 18px;
    }

    .msg-body {
        padding: 10px;
    }

    .msg-body ul {
        padding-left: 0;
    }

    .msg-body ul li.sender {
        width: 85%;
    }

    .msg-body ul li.reply {
        width: 74%;
    }

    .chat-card-section {
        padding: 30px 10px;
    }

    .video-preview {
        text-align: center;
    }

    .video-vector {
        margin-bottom: 16px;
    }

    .video-preview .section_title {
        text-align: center;
    }

    .video-preview .row {
        flex-direction: column;
    }

    .modern_ui_section .therapy-list {
        margin-top: 26px;
    }

    .video-preview {
        padding-bottom: 100px;
        background-color: var(--light-purple);
    }

    .video-preview::after {
        display: none;
    }

    .video-vector {
        height: 315px;
        width: 355px;

    }

    .order-video-2 {
        order: 2 !important;
    }

    .order-video-1 {
        order: 1 !important;
    }

    .mockup-simulator {

        height: 110px;
        right: 23px;
        width: 93px;
        bottom: 62px;
    }

    .solution-item-two {

        padding: 17px 18px;
    }

    .solution-item-two .number {
        font-size: 160px;
    }

    .ebook-card .ebook-image {
        height: 218px;
        width: 140px;
    }

    .how_it_works .step_block.purchase-token-group .step_box .step_img img {
        height: 70px;
        width: 70px;
    }

    .how_it_works .step_block.purchase-token-group .step_box .step_number {

        padding: 6px 12px;
    }

    .bot-point-list {
        padding: 25px 0;
    }

    .blog_detail_section.stutter_ebooks .blog_inner_pannel .main_img.group-dicuss-img {
        height: 300px;
    }

    .speech-accordion .accordion-button {
        font-size: 18px;
        padding: 18px;
    }

    .features-infobox {
        padding: 18px;
    }

    .infobox-icon img {
        height: 65px;
        width: 65px;
    }

    .features-infobox .infobox-title {
        font-size: 28px;
    }

    .required-tasks {
        padding: 100px 0;
    }

    .features-infobox .badge-icon {

        right: -29px;
        top: -29px;
    }

    .features-infobox .badge-icon img {
        height: 65px;
        width: 65px;
    }

    .required-tasks-card {
        padding: 20px 20px;
        font-size: 18px;
        padding-top: 35px;

    }

    .optional-tasks-sec .image {
        height: 198px;
    }

    .optional-tasks-sec .feature_box h4 {
        font-size: 16px;
    }

    .optional-tasks-sec .features_block .feature_box {
        padding: 12px;
    }

    .optional-tasks-sec .features_inner .features_block .feature_box {

        font-size: 12px;
    }

    .widget {
        padding: 20px 12px;
    }

    .streak-icon {
        height: 25px;
        width: auto;
    }

    .about-us .about-features::before {

        left: -40px;
    }

    .affirm-text {

        font-size: 25px;
    }

    .recite-slider .slick-prev:before,
    .recite-slider .slick-next:before {

        height: 24px;
        width: 24px;
    }

    .recite-slider .slick-dots li button:before {
        font-size: 10px;
    }

    .recite-slider .slick-dots li.slick-active button:before {

        font-size: 16px;
    }

    .recite-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 12px;
    }

    .affirm-item {
        margin-bottom: 38px;
    }

    .guided-card .play-btn {
        height: 36px;
        width: 36px;
        padding: 10px;
    }

    .checkin-time .newsletter_box form .form-control.time-picker-input {
        font-size: 20px;

        width: 168px;

        padding: 10px 15px;
    }

    .checkin-time .time-group {
        gap: 15px;
    }

    .navbar-expand-lg .nav-link.resources-link {

        z-index: 1;
    }

    .msg-body .user-card-img {
        height: 34px;
        width: 34px;

    }

    .funcs-sec .frame-img .resources-img {
        position: inherit;
        height: 100%;
        width: 100%;
        margin-bottom: 40px;
    }

    .tracker-img {
        height: 460px;
    }

    .center-md {
        text-align: center;
        max-width: 100%;
    }

    .consult-btn {
        padding: 14px 20px;
        font-size: 12px;


    }

    .testimonial.meet-card .therapist-img {
        width: 30%;
    }

    .features_block .feature_box {
        padding: 20px;
        padding-top: 50px;
    }

    .tracker-loud-btn {
        padding: 12px;
        font-size: 16px;
    }

    .slide-single {
        padding: 90px 0;
    }

    .play-position {

        height: 45px;
        width: 45px;
    }

    .number-font {
        font-size: 40px;

        height: 80px;
        width: 80px;
    }

    .sutter-preview-card {
        padding: 26px;
        font-size: 16px;
    }

    .sutter-preview-card .card-title {
        font-size: 20px;
    }

    .footer-speech-downloads {
        top: -118px;
        border-radius: 33px;
    }

    .footer-speech-downloads .download-btn {
        margin-top: 10px;
    }

    .footer-speech-downloads .download-title {
        font-size: 20px;
    }

    .footer-speech-downloads {

        width: 720px;
    }

    .connect-group .connect-btn {
        font-size: 16px;
        padding: 12px 18px;
        margin: 0 auto;
        margin-top: 10px;

    }

    .connect-group {
        text-align: center;
    }

    .newsletter_box .time-title {
        font-size: 30px;
    }

    .checkin-time .newsletter_box form .form-control.time-picker-input {
        width: 226px;
    }

    .connect-group .connect-btn img {
        height: 25px;
        width: 25px;
    }

    .required-tasks-card .card-icon {
        width: 75px;
        height: 75px;
        padding: 16px;
    }

    .subscribe-btn {
        font-size: 14px;
        padding: 11px 10px;
        width: 56%;
    }

    .subscribe-features {
        padding: 22px;
    }

    .login-text {
        font-size: 20px;
    }

    .og-price-label {

        padding: 6px 14px;
        font-size: 16px;
    }

    .preview-image {
        height: 356px;
        width: 410px;
        margin: 0 auto;
        margin-top: 30px;
    }

    footer .top_footer {

        padding-top: 150px;
    }

    .sale-label img {
        height: 100px;
        width: 100px;
    }

    .sale-label p {
        font-size: 12px;
    }

    .effective-label {
        height: 90px;
        width: 90px;
        left: 45px;
    }

    .modal-box .upgrade-btn {
        padding: 14px 13px;
        font-size: 16px;
    }

    .upgrade-box .title {
        font-size: 28px;
    }

    .upgrade-box {

        padding: 18px 22px;

        font-size: 20px;
    }

    .modal-box .plan-text {
        font-size: 18px;
    }

    .tracker-sub .sub-title {
        font-size: 28px;
    }

    .tracker-sub {
        font-size: 12px;
    }

    .about-image-box {

        padding: 33px 20px;
    }

    .media-card .media-img {
        height: 178px;
    }

    .media-card {
        padding: 12px;
    }

    .inner-home .sec-title {
        font-size: 32px;
    }

    .practice-btn {
        padding: 13px;
        font-size: 22px;
    }

    .practice-btn img {
        height: 37px;
        width: 37px;
    }

    .banner_section {
        height: 100%;
    }

    .banner_section .banner_text .program-text {
        bottom: -90px;
        font-size: 10px;
    }

    .banner_section .banner_text p.stuttering-text {
        margin-top: 20px;
    }

    .left-top {
        top: 0%;
        left: 0;
    }

    .right-top {
        top: 0%;
        right: 0;
    }

    .left-bottom {
        bottom: 20%;
        left: 0%;
    }

    .right-bottom {
        bottom: 18%;
        right: 0;
    }

    .subscribe-title {
        font-size: 32px;
    }

    .subscribe-subtitle {
        font-size: 24px;
    }

    .subscribe-tabs .nav-link {
        font-size: 16px;
    }

    .price-amount {
        font-size: 22px;
    }

    .plan-tag {
        font-size: 12px;
        padding: 10px 10px;
    }

    .see-benefits {
        font-size: 20px;
    }

    .pricing-card-box {

        border-radius: 30px;
        padding: 24px 16px;
    }

    .feature-points li {
        font-size: 14px;
    }

    .feature-points li::before {
        top: 6px;
        width: 14px;
        height: 14px;
    }

    .combined-label {
        padding: 6px 16px;
        font-size: 14px;
        top: -20px;
        z-index: 1;
    }


    .stutter-modal .stutter-list li {

        font-size: 14px;
    }

    .nav-link.light_btn {
        background-color: #00bea4;
        color: #ffffff;
        text-transform: capitalize;
        font-weight: 600;
        text-align: center;
        border-radius: 17px;
        border: 1px solid #ffffff;
        padding: 10px 12px;
        font-size: 12px;
    }

}

@media (max-width: 767px) {

    .pricing-card-box .tier-desc,
    .pricing-card-box .access-group,
    .pricing-card-box .price-caption {
        min-height: auto;
    }

    .font_14 {
        font-size: 12px !important;
    }

    .font_16 {
        font-size: 14px !important;
    }

    .font_18 {
        font-size: 16px !important;
    }

    .font_20 {
        font-size: 18px !important;
    }

    .font_24 {
        font-size: 20px !important;
    }

    .font_28 {
        font-size: 18px !important;
    }

    .font_30 {
        font-size: 18px !important;
    }

    .login-form {
        font-size: 14px;
    }

    .input-check .form-check-input {
        height: 16px;
        width: 16px;
    }

    .subscribe-section {
        padding: 20px;
        padding-top: 40px;
        text-align: left;
    }

    .single-item-slider .slider-title {
        font-size: 28px;
    }

    .testi-user-card {
        font-size: 14px;
    }

    .login-form {
        padding: 33px 20px;
        text-align: left;
    }

    .input-group.form-input-group {
        padding: 12px 14px;
    }

    .input-group.form-input-group .input-icon {
        height: 20px;
        width: 20px;
    }

    #progressbar li .stage-count {
        font-size: 12px;
        height: 27px;
        width: 27px;
    }

    .form-control.form-input {
        padding: 12px 13px;
    }

    #progressbar {
        gap: 22px;
        margin-bottom: 15px;

        margin-top: 15px;
    }

    #progressbar li::before {
        width: 83px;
    }

    #progressbar li .stage-name {
        font-size: 12px;
    }

    .auth-modal .modal-body {
        padding: 26px;
    }

    .btn {
        font-size: 14px;
    }

    .auth-modal .modal-footer {
        padding: 22px;
    }

    .verify-code .form-control {
        height: 44px;
        width: 44px;
    }

    .upload-image img.user-img {
        height: 120px;
        width: 120px;
    }

    .upload-image .camera-icon {
        width: 36px;
        padding: 7px;
        height: 36px;
    }

    .form-select.input-select {
        padding: 12px 13px;
    }

    .auth-title {
        font-size: 20px;
    }

    .manage-notify .dropdown-menu {
        min-width: 20rem;
    }

    .manage-notify .dropdown-menu>li {
        padding: 0 15px;
    }

    .manage-notify .dropdown-toggle {
        padding: 7px;
        font-size: 14px;
    }

    .manage-notify .dropdown-toggle img {
        height: 22px;
        width: 22px;
        object-fit: contain;
    }

    .logout-modal .signout-vector {
        height: 60px;
        width: 60px;
        margin: 10px auto;
    }

    .m-auto-sm {
        margin: 0 auto;
    }

    .lesson-progress .progress-container,
    .lesson-progress .progress {
        height: 10px;
    }

    .quiz-modal .modal-content {
        padding: 5px;
    }

    .question_content h1 {
        font-size: 20px;
        padding: 1rem 1rem;
    }

    .form_items label {
        width: 100%;
        font-size: 16px;
    }

    .form_items label span {
        top: 50%;
        left: 23px;
        font-size: 14px;
    }

    .form_items label:before {
        content: "";
        width: 1.9rem;
        height: 1.9rem;
    }

    .form_items label {
        padding-left: 3.1rem;
        padding-right: 14px;
    }

    .question_content {
        width: 100%;
    }

    .question_number {
        font-size: 16px;
    }

    .quiz-section .how_it_works .how_it_inner {
        padding: 30px 15px;
    }

    .quiz-card {
        padding: 9px;
        padding-bottom: 20px;
        padding-top: 22px;
    }

    .how_it_works .step_block .step_box.quiz-card .step_text {
        padding: 0;
    }

    .how_it_works .step_block .step_box.quiz-card .step_text h4 {
        font-size: 14px;
        margin-top: 13px;
    }

    .how_it_works .step_block .step_box.quiz-card .step_img {
        padding: 24px;
        width: 106px;
        height: 106px;
    }

    .how_it_works .step_block .step_box.quiz-card .step_img {
        padding: 22px;
        width: 78px;
        height: 78px;
    }

    .how_it_works .how_it_inner {
        padding: 20px 9px;
    }

    .question_content:before {
        font-size: 5rem;
    }

    .lang-vector {
        height: 100px;
        width: 100px;
    }

    .ebook-card .ebook-image {
        height: 180px;
        width: 116px;
    }

    .notification-list .notify-title {
        font-size: 14px;
    }

    .notification-list .notify-subtext {
        font-size: 12px;
    }

    .percent-card div[role="progressbar"] {
        --size: 6rem;
    }

    .quiz-modal .modal-title {
        font-size: 18px;
    }

    .filter-sec .price-filter .card-title {
        text-align: left;
    }

    .search-input .form-control {
        font-size: 14px;
    }

    .filter-btn {
        font-size: 14px;
        padding: 8px 10px;
    }

    .filter-btn img {
        height: 18px;
        width: 20px;
    }

    .price-filter .card-title {
        font-size: 16px;
        text-align: left;
    }

    .search-input {
        padding: 10px 13px;
    }

    .price-filter .form-check-input {
        height: 14px;
        width: 14px;
    }

    .price-filter .card-title {
        font-size: 14px;
    }

    .msg-body ul li.reply {
        width: 78%;
    }

    .video-vector {
        height: 260px;
        width: 300px;
    }

    .ebook-section .section_title {
        text-align: center;
    }

    .bot-title {
        gap: 10px;
        font-size: 14px;

        padding: 18px 10px;
    }

    .chat-card-section {
        padding: 20px 10px;
    }

    .ebook-card .parent-img {
        margin: 0 auto;
    }

    .bot-point-list {
        padding: 20px 0;
    }

    .how_it_works .step_block.purchase-token-group {
        padding: 16px;
    }

    .token-title {
        font-size: 32px;
    }

    .how_it_works .step_block.purchase-token-group .step_box .step_img img {
        height: 60px;
        width: 60px;
    }

    .how_it_works .step_block.purchase-token-group .step_box .step_number {

        padding: 6px 12px;
    }

    .how_it_works .step_block .step_box .step_number h3 {
        font-size: 12px;
    }

    .how_it_works .step_block.purchase-token-group .step_box input[type="radio"] {

        height: 17px;
        width: 17px;
    }

    .toggle-check.group-check .slider:before {

        height: 13px;
        width: 13px;
    }

    .toggle-check.group-check .toggle {
        position: relative;
        width: 38px;
        height: 22px;
    }

    .zoom-meet {
        height: 40px;
        width: 40px;
    }

    .toggle-check.group-check input:checked+.slider:before {
        transform: translateX(15px);
    }

    .host-table .session-type {
        font-size: 12px;
        padding: 3px 5px;
    }

    .host-table td,
    .host-table th {
        padding: 6px 4px;
        font-size: 13px;
    }

    .copy-btn {
        padding: 10px 12px;
        font-size: 12px;
    }

    .speech-audio {
        padding: 0;
    }

    .tools-section .title {
        font-size: 30px;

        margin-bottom: 38px;
    }

    .speech-accordion .accordion-button {
        font-size: 16px;
    }

    .speech-accordion .accordion-body {
        padding: 20px;
    }

    .tools-section {

        padding-top: 140px;
    }

    .tools-container {
        padding: 16px;
    }

    .tools-section .title {
        font-size: 26px;
        margin-bottom: 28px;
    }

    .tools-container {
        padding: 18px;
    }

    .speech-pills {
        justify-content: center;
    }

    .required-tasks-card {

        padding: 15px 15px;
        font-size: 18px;
    }

    .required-tasks-card .card-icon {
        padding: 12px;
        margin-bottom: 0;
        height: 60px;
        width: 60px;
        top: -38px;

    }

    .required-tasks-card {
        font-size: 16px;
        padding: 14px 14px;
        padding-top: 30px;
    }

    .required-tasks-card .check-icon img {

        top: -8px;
        right: -8px;
        height: 30px;
        width: 30px;
    }

    .read-category-card {
        padding: 16px;
    }

    .record-mic-icon {
        height: 40px;
        width: 40px;
        padding: 10px;
    }

    .record-play-btn {
        height: 28px;
        width: 28px;
    }

    .mic-btn {

        height: 30px;
        width: 30px;
        padding: 6px;
    }

    .edit-audio {
        height: 30px;
        width: 30px;
    }

    .label-group li {
        font-size: 14px;
    }

    .incident-card {
        padding: 16px;
    }

    .incident-form-card .form-control.form-input {
        font-size: 14px;

    }

    .incident-form-card .select-incident-type .dropdown-toggle {
        font-size: 14px;
    }

    .incident-form-card {
        padding: 14px;
    }

    .incident-form-card .cancel-btn img {
        height: 14px;
        width: 14px;
    }

    .recite-slider {
        padding: 20px;
    }

    .recite-slider .slick-next {
        right: -10px;
    }

    .recite-slider .slick-prev {
        left: -20px;
    }

    .affirm-text {
        font-size: 20px;
    }

    .recite-slider {
        padding: 36px;
        padding-bottom: 12px;
    }

    .recite-slider .slick-prev:before,
    .recite-slider .slick-next:before {
        height: 20px;
        width: 20px;
        top: 12px;
    }

    .recite-section {
        padding: 50px 0;
        padding-top: 70px;
    }

    .affirm-item {
        margin-bottom: 18px;
    }

    .recite-slider .slick-dots li.slick-active button:before {
        font-size: 14px;
    }

    .recite-slider .slick-dots li button:before {
        font-size: 8px;
    }

    .speech-tools-section {
        padding: 50px 0;
    }

    .required-tasks {
        padding: 60px 0;
    }

    .checkin-time .time-group {
        justify-content: center;
    }

    .checkin-time .newsletter_box form .form-control.time-picker-input {

        margin: 0 auto;
    }

    .checkin-time .newsletter_box form .form-control.time-picker-input {
        font-size: 20px;
        width: 90%;
        padding: 8px 15px;
        margin-top: 18px;
    }

    .quote-section.row_am {
        padding-top: 30px;
    }

    .checkin-time .newsletter_box {
        border-radius: 22px;
        padding: 16px 20px;
    }

    .optional-tasks-sec .features_inner {

        padding: 30px 0px;
    }

    .optional-tasks-sec .image {
        height: 152px;

        margin-bottom: 12px;
    }

    .optional-tasks-sec .features_block .feature-box .play-overlay {
        top: -33px;
    }

    .optional-tasks-sec .features_block .feature-box .play-overlay img {
        height: 28px;
        width: 28px;
    }

    .optional-tasks-sec .text {
        font-size: 14px;
    }

    .optional-tasks-sec .text p {
        margin-bottom: 6px;
    }

    .bot-title .icon {
        height: 54px;
        width: 54px;
    }

    .msg-body .user-card-img {
        height: 30px;
        width: 30px;
    }

    .blog_detail_section.stutter_ebooks .blog_inner_pannel .main_img.group-dicuss-img {
        height: 200px;
    }

    .footer-speech-downloads .download-title {
        font-size: 20px;
        line-height: normal;
    }

    .feature_box .features-icon img {
        padding: 10px;
    }

    .features_section .feature_detail .feature_box .icon {
        height: 38px;
        width: 38px;
        padding: 8px;
        top: -24px;
    }

    .book-image {
        height: 250px;
        width: 540px;
    }

    .founder-name {
        font-size: 16px;
    }

    .consult-btn {
        padding-left: 16px;
        font-size: 10px;
        top: unset;
        font-size: 10px;
        bottom: 17%;

    }

    .tracker-loud-btn {
        padding: 12px;
        font-size: 14px;
        border-radius: 12px;
    }

    .features_block .feature_box {
        padding: 33px 70px 8px;
    }

    .sutter-preview-card {
        padding: 20px;
        text-align: left;
        font-size: 14px;
    }

    .sutter-preview-card .card-title {
        font-size: 18px;
    }

    .number-font {
        font-size: 36px;
        height: 60px;
        width: 60px;
        margin-bottom: 12px;
    }

    .footer-speech-downloads {
        width: 526px;
    }

    .footer-speech-downloads .download-text {
        text-align: center;
    }

    footer .bottom_footer .social_media {
        margin-top: 14px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-speech-downloads .form-control {
        padding: 11px 11px;

    }

    .footer-speech-downloads .download-btn {
        font-size: 13px;
        padding: 11px;
    }

    .daily-preview-card {
        padding: 16px;

    }

    .daily-preview-card .card-title {
        font-size: 20px;
    }

    .connect-group .title {
        font-size: 22px;
    }

    .features_section.daily-curve .feature_detail .feature_box .data_block {
        padding-top: 50px;
    }

    .about-us.about-features {
        padding: 60px 0;
    }

    .subscribe-card .price-title {
        font-size: 22px;
    }

    .subscribe-card {
        padding: 15px;
        border-radius: 18px;
        margin-bottom: 20px;
        height: auto;
    }

    .feature-list li {
        font-size: 14px;
        line-height: 26px;
    }

    .subscribe-features {

        border-radius: 12px;
    }

    .subscribe-features {
        padding: 16px;
    }

    .og-price-label {

        left: 25px;
    }

    .sale-label img {
        height: 50px;
        width: 50px;
    }

    .effective-label {
        height: 90px;
        width: 90px;

        top: 30px;
        left: 20px;
    }

    .modal-box .upgrade-btn {
        padding: 12px 10px;
        font-size: 14px;

    }

    .modal-box .plan-text {
        font-size: 16px;
    }

    .modal-box .premium-list li {

        font-size: 16px;
    }

    .upgrade-box .title {
        font-size: 24px;
        margin-bottom: 1px;

    }

    .upgrade-box {
        font-size: 16px;
    }

    .subscribe-btn {
        width: 76%;
        margin-bottom: 26px;
    }

    .about-content {
        margin-bottom: 42px;
    }

    .ah-headline {
        font-size: 22px;
    }

    .modal-content .step-item .bullet {
        position: relative;
        top: -3px;
        font-size: 16px;
    }

    .inner-home .sec-title {
        font-size: 22px;
    }

    .practice-btn {
        padding: 10px;
        font-size: 16px;
        border: 3px solid #FFFFFF;
    }

    .practice-btn img {
        height: 30px;
        width: 30px;
    }

    .inner-home {

        padding: 140px 0;
        padding-bottom: 50px;
    }

    .media-card .media-img {
        height: 200px;
    }

    .banner_section {
        height: auto;
    }

    .banner_section .banner_text .program-text {
        min-height: auto;
        font-size: 10px;
        bottom: inherit;
        position: inherit;
    }

    .subscribe-title {
        font-size: 22px;

    }

    .subscribe-subtitle {
        font-size: 18px;
        margin-bottom: 9px;
    }

    .subscribe-tabs {
        margin-bottom: 38px;
        padding: 5px;
    }

    .sale-label {

        top: -4%;
        right: -3%;
    }

    .sale-label img {
        height: 100px;
        width: 100px;
    }

    .popular-chip {
        font-size: 10px;
    }

    .left-top {
        top: -38%;
        left: 14%;
    }

    .right-top {
        top: -33%;
        right: 19px;
    }

    .left-bottom {
        bottom: -22%;
        left: 9%;
    }

    .right-bottom {
        bottom: -23%;
        right: 18px;
    }

    .feature-points li {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .feature-points li::before {

        top: 5px;
        width: 12px;
        height: 12px;
    }

    .action-btn {

        font-size: 14px;
        line-height: normal;
    }

    .subscribe-tabs .nav-link {
        padding: 10px 32px;
        font-size: 14px;
    }

    .see-benefits {
        font-size: 18px;
    }

    .fluency-fixed-banner .banner-card h3 {
        font-size: 16px;
        margin: 0 0 2px;
    }

    .fluency-fixed-banner .banner-card .dates {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .fluency-fixed-banner .banner-icon {
        font-size: 20px;
    }

    .fluency-fixed-banner .banner-card {
        width: 280px;
    }

    .video-wrapper {
        height: 153px;
        width: 250px;
        margin: 0 auto;
        margin-bottom: 18px;
    }

    .video-wrapper .play-btn {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .language-selector .btn-lang {
        border-radius: 8px 0px 0px 8px;
        padding: 6px 10px;
    }

    .therapy-subscribe {
        padding: 8px 40px;
        margin-top: 0px;
        font-size: 12px;
    }

    .combined-label {
        top: -47px;
    }

    .stutter-modal .modal-title {
        font-size: 16px;
        text-align: left;
    }
}

@media (max-width: 576px) {
    .font_28 {
        font-size: 18px !important;

    }

    .font_26 {
        font-size: 18px !important;
    }

    .font_24 {
        font-size: 18px !important;
    }

    .font_20 {
        font-size: 16px !important;
    }

    .lesson-title {
        font-size: 18px;
    }

    .lesson-progress .percentage {
        padding: 5px 0;
        width: 30px;
    }

    .lesson-progress {
        padding: 19px 12px;
        margin-bottom: 28px;
        margin-top: 24px;
    }

    .quiz-vector {
        height: 200px;
        width: 200px;
    }

    .how_it_works .step_block .step_box.quiz-card .step_img {
        padding: 16px;
        width: 60px;
        height: 60px;
    }

    .question_content:before {
        font-size: 7rem;
    }

    .option-list li .option-alpha {
        height: 24px;
        font-size: 13px;
        width: 24px;
    }

    .option-list li {
        font-size: 12px;
        padding: 9px 11px;
    }

    .manage-notify .dropdown-menu {
        min-width: 18rem;
    }

    .single-item-slider .slider-title {
        font-size: 24px;
    }

    .single-item-slider .slick-dots li button:before {
        font-size: 12px;
    }

    .single-item-slider {
        min-height: 230px;
        margin-bottom: 50px;
    }

    .navbar-expand-lg .nav-link.dark_btn {
        font-size: 12px;
        padding: 7px 10px;
    }

    .manage-notify .dropdown-toggle {
        font-size: 12px;
    }

    .mockup-simulator {
        height: 96px;
        right: 0;
        width: 96px;
        bottom: 57px;
    }

    .left-questions {
        font-size: 12px;
    }

    .blog_detail_section.stutter_ebooks .blog_inner_pannel .main_img.group-dicuss-img {
        height: 180px;
    }

    .audio-group {
        display: block;
    }

    .speech-tools-section .audio-group {
        display: flex;
        gap: 5px;
    }

    .copy-btn.save-btn {
        width: fit-content;
        padding: 4px 10px;
    }

    .copy-btn {
        width: 100%;
    }

    .tools-section .title {
        font-size: 25px;
        margin-bottom: 32px;
    }

    .speech-accordion .accordion-body {
        padding: 12px;
    }

    .speech-accordion .accordion-button {
        font-size: 14px;
    }

    .speech-accordion .accordion-button::after {

        height: 14px;
        width: 14px;
    }

    .tools-section .title {
        font-size: 20px;
        margin-bottom: 26px;
    }

    .tools-section {
        padding-top: 120px;
    }

    .yt-video-card .yt-title {

        min-height: 32px;

        font-size: 14px;
    }

    .infobox-icon img {
        height: 54px;
        width: 54px;
    }

    .features-infobox .badge-icon {

        right: -26px;
        top: -22px;
    }

    .features-infobox .infobox-title {
        font-size: 22px;
    }

    .features-infobox .badge-icon img {
        height: 60px;
        width: 60px;
    }

    .streak-icon {
        height: 30px;
        width: auto;
    }

    .about-us .about-features::before {
        left: -38px;
    }

    .recite-slider .slick-prev:before,
    .recite-slider .slick-next:before {
        height: 18px;
        width: 18px;
    }

    .affirm-text {
        font-size: 18px;
    }

    .bred_crumb .bred_text ul li a,
    .bred_crumb .bred_text ul li span {

        font-size: 12px;
    }

    .recite-slider .slick-next {
        right: 25px;
    }

    .recite-slider .slick-prev {
        left: 10px;
    }

    .hypnosis-section {
        padding: 40px 0;
    }

    .checkin-time .newsletter_box .section_title h2 {
        font-size: 18px;
    }

    .time-group .time-icon {
        height: 36px;
        width: 36px;
    }

    .checkin-time .newsletter_box {
        padding: 16px 10px;
        border-radius: 22px;

    }

    .checkin-time .time-group {
        gap: 9px;
    }

    .checkin-time .newsletter_box form .form-control.time-picker-input {
        font-size: 18px;
        width: 147px;
        padding: 7px 15px;
        width: 90%;
    }

    .bot-title .icon {
        height: 48px;
        width: 48px;
    }

    .bot-title h4 {
        font-size: 18px;
    }

    .replied-card .msg-text {
        font-size: 12px;
    }

    .chat-card-text .msg-text {
        font-size: 12px;
    }

    .lock-sessions {

        height: 32px;
        width: 32px;
    }

    .quote-section .query_inner {
        min-height: 280px;
    }

    .solution-item-two .number {
        font-size: 110px;
    }

    .verify-code .form-control {
        height: 38px;
        width: 38px;
        margin-right: 5px;
    }

    .video-card {
        width: 300px;
        height: 202px;
    }

    .guided-card .guided-image {
        height: 220px;
    }

    .book-image {
        height: 220px;
    }

    .consult-btn {
        padding: 6px 6px;
        padding-left: 18px;

    }

    .tracker-card .badge-icon {
        height: 72px;
        width: 70px;
        position: absolute;
        top: -29px;
        right: -22px;
    }

    .features_block .feature_box {
        padding: 33px 14px 8px;
        width: 270px;
        margin: 0 auto;
    }

    .feature_box .feature-title {
        font-size: 16px;
    }

    .play-position {

        top: -20px;
        right: -5px;
    }

    .optional-tasks-sec .image {
        height: 204px;
    }

    .optional-tasks-sec .text {
        font-size: 14px;
    }

    .footer-speech-downloads {
        width: 95%;
    }

    .footer-speech-downloads .download-title {
        font-size: 16px;
    }

    footer .bottom_footer .social_media li a {

        width: 32px;
        height: 32px;

        line-height: 30px;
        font-size: 15px;
    }

    footer .bottom_footer p {

        font-size: 13px;
    }

    .connect-group .title {
        font-size: 20px;
    }

    .connect-group {
        margin-top: 22px;
    }

    .quote-section.row_am {
        padding-top: 34px;
    }

    .single-item-slider .slick-dots {
        bottom: 10px;
    }

    .preview-image {
        height: 300px;
        width: 300px;
    }

    .member-options .member-price {

        font-size: 18px;
    }

    .login-text {
        font-size: 16px;
    }

    .footer-speech-downloads {

        padding: 16px 10px;
    }

    .effective-label {
        height: 60px;
        width: 60px;
        position: absolute;
        top: 130px;
        left: 20px;
    }

    .upgrade-box .title {
        font-size: 18px;
    }

    .upgrade-box {
        font-size: 14px;
        padding: 16px 16px;
    }

    .modal-box {
        padding: 0.8rem;
    }

    .modal-box .premium-list li {
        font-size: 14px;
    }

    .modal-box .plan-text {
        font-size: 14px;
    }

    .modal-box .premium-list img {
        height: 24px;
        width: 22px;
    }

    .modal-box .premium-list {
        margin: 15px 0;
        margin-bottom: 24px;
    }

    .subscribe-features {
        padding: 10px;
    }

    .verify-input {
        height: 40px;
        width: 40px;
    }

    .verify-input-group {

        gap: 6px;
    }

    .navbar-expand-lg .nav-link.dark_btn.get-btn {
        font-size: 12px;
    }

    .optional-tasks-sec .features_block .feature-box {

        max-width: 350px;
        margin: 0 auto;
    }

    .optional-tasks-sec .features_block .feature-box .play-overlay {
        top: -40px;
    }

    .daily-preview-card .card-title {
        font-size: 18px;
    }

    .daily-preview-card {
        font-size: 14px;
    }

    .enroll-radio-group {
        gap: 5px;
    }

    .slide-single {
        padding: 120px 0;
    }

    .banner_section .banner_text .program-text {

        bottom: inherit;
    }

    .custom-offcanvas {
        width: 100%;
    }

    .visit-card {
        padding: 12px;
    }

    .visit-card .form-control {
        padding: 8px 14px;
    }

    .tracker-modal .modal-title {
        font-size: 22px;
    }

    .tracker-modal .count-group .title {
        font-size: 28px;
    }

    .tracker-modal .count-group {
        padding: 7px;
    }

    .tracker-modal .modal-body {
        padding-bottom: 25px;
    }

    .tracker-modal .count-group .badge-icon {
        height: 52px;
        width: 52px;
        top: -23px;
        right: -20px;
    }

    .filter-search-box .form-control {
        font-size: 14px;
    }

    .filter-search-box .search-icon {
        height: 20px;
        width: 20px;
        object-fit: contain;
    }

    .plan-tag {

        padding: 10px 9px;
    }

    .trial-note {

        font-size: 14px;
    }

    .price-caption {
        font-size: 14px;
    }

    .pricing-card-box .hr-line {

        margin-bottom: 14px;
    }

    .access-group {

        margin-bottom: 14px;
    }

    .subscribe-subtitle {
        font-size: 16px;
    }

    .feature-points li {

        padding-left: 20px;
    }

    .language-selector .btn-lang {
        padding: 5px 10px;
    }

    .lan-dropdown .dropdown-item {
        font-size: 12px;
        padding: 5px;
    }

    .account-dropdown .user-account {
        height: 20px;
        width: 20px;
    }

    .combined-label {
        padding: 6px 16px;
        font-size: 12px;
        top: -33px;
        z-index: 1;
        left: 12px;
    }

    .nav-link.light_btn {
        font-size: 10px;
        padding: 8px 8px;
        border-radius: 10px;
    }

    .fluency-proof-section {
        padding: 60px 0px;
    }

    .fluency-proof-stats {
        font-size: 14px;
    }

    .fluency-proof-featured-title {
        font-size: 18px;
    }

    .fluency-logo-box img {
        height: 35px;
        width: 100px;
    }
}

@media (max-width: 400px) {
    .media-card .media-img {
        height: 170px;
    }

    .features_block .feature_box {

        font-size: 12px;
    }

    .media-card .media-img {
        height: 167px;
    }

    .toggle-btn {
        padding: 6px 6px;
    }

    .stutter-modal .therapist-card img {
        height: 105px;
    }
}

.play-btn.hidden {
    display: none;
}

.play-btn.visible {
    display: flex;
}

.audio-play-abs.hidden {
    visibility: hidden;
}

.audio-play-abs.visible {
    visibility: visible;
}



.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.puprple_btn.radius-btn {
    border-radius: 12px;
}

.puprple_btn.radius-btn::before {
    border-radius: 12px;
}

.custom-close-btn {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-20%);
    z-index: 10;
}

.Toastify__toast-container {
    z-index: 99999 !important;
    position: fixed !important;
}

/* .react-datepicker-wrapper {
    width: 100%;
}
.react-datepicker__input-container input {
    width: 100%;
    height: 45px;
    padding: 10px 15px; 
    font-size: 1rem;
} */

.password-block {
    font-size: 12px;
    ;
    /* Adjust based on your UI */
}

.cal-icon {
    color: var(--purple);
}

.react-select__control {
    background-color: #ECFAFF !important;
    border: none !important;
    border-radius: 30px !important;
    min-height: 48px !important;
    box-shadow: none !important;
}

.react-select__value-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.react-select__indicator-separator {
    display: none !important;
}

/* =========================
   AOS Animation Fix
   ========================= */
.aos-init {
    opacity: 0;
    visibility: hidden;
}

.aos-animate {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.banner_section .slick-slider,
.banner_section .slick-slide {
    min-height: 500px;
    /* match banner height */
}

.no-dropdown {
    pointer-events: none;
    /* ✅ dropdown open नहीं होगा */
    background-color: transparent !important;
    color: inherit;
    border: none;
}

input:read-only {
    color: #5f6267;
    /* gray text */
    /* cursor: not-allowed; */
}

select:read-only {
    color: #5f6267;
    /* gray text */
    /* cursor: not-allowed; */
}

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.no-style-link {
    all: unset;
    /*  removes ALL CSS (browser + inherited) */
    color: #fff;
    cursor: pointer;
    /* optional */
}

.no-style-link:hover {
    color: #fff;
    /* hover par bhi white hi rahe */
}


/* Wrapper */
.banner-cta-wrapper {
    display: flex;
    justify-content: center;
    padding: 0 0 30px 0;
}

/* Button */
.banner-cta-button {
    width: 100%;
    max-width: 560px;
    /* background: #2f6f86; */
    background: linear-gradient(186.88deg, #ff8d00 5.38%, #aa6006 108.97%);
    border-radius: 14px;
    padding: 20px 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
}

.cta-text {
    flex: 1;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.35;
    letter-spacing: 0.8px;
    /* margin-right: 60px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.cta-main-text {
    font-size: 24px;
    text-transform: uppercase;
}

.cta-sub-text {
    font-size: 17px;
    text-transform: capitalize;
}

/* Chevron box */
.cta-arrow-box {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    width: 62px;
    height: 52px;
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-chevron-svg {
    width: 28px;
    height: 28px;
    stroke: #2f6f86;
    stroke-width: 2.2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.participation-wrapper {
    display: flex;
    justify-content: center;
    margin: 20px 0 30px;
}

.participation-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 28px;
    background-color: #e6f3f7;
    border: 2px solid #2f6f86;
    border-radius: 40px;

    color: #2f6f86;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
}

.participation-btn:hover {
    background-color: #d9eef5;
}

.participation-text {
    white-space: nowrap;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

@media (max-width: 768px) {
    .banner-cta-button {
        max-width: 80%;
        padding: 20px 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cta-text {
        line-height: 1.3;
        letter-spacing: 0.4px;
        margin-right: 0;
        /* padding-right: 60px; */
        text-align: center;
        gap: 1px;
    }

    .cta-main-text {
        font-size: 16px;
    }

    .cta-sub-text {
        font-size: 11px;
    }

    .cta-arrow-box {
        width: 45px;
        height: 40px;
        right: 28px;
    }

    .cta-chevron-svg {
        width: 20px;
        height: 20px;
    }
}


.guidelines-list {
    margin-top: 15px;
}

.guideline-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.custom-bullet {
    width: 7px;
    height: 7px;
    margin-top: 12px;
    background-color: #2f6f86;
    border-radius: 50%;
    flex-shrink: 0;
}

.guideline-item p {
    margin: 0;
}

.session-type {
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}

.type-standard {
    color: green;
    text-transform: uppercase;
}

.type-advanced {
    color: red;
}


/* Tier card redesign - subscription page */
.tier-choose-title {
    font-size: 46px;
    font-weight: 600;
    color: #e2001e;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.tier-choose-sub {
    font-size: 24px;
    color: #444;
    margin-bottom: 0;
}

.tier-choose-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgb(255, 255, 255);
    border-radius: 17px;
    padding: 13px 8px;
    margin-bottom: 10px;
    cursor: pointer;
    outline: none;
    transition: none;
    flex: 1 1 0;
    min-width: 0;
}

.tier-choose-btn span {
    font-size: clamp(0.8rem, 1.8vw, 1.1rem);
    font-weight: 600;
    color: #21748c;
    text-align: center;
    line-height: 1.2;
}

.tier-subscription-btn {
    margin-top: 0;
    background: #e2001e;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 13px 0;
    width: 100%;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
}

.pricing-card-box.is-active .tier-choose-btn {
    background: #cce8e9;
}

.pricing-card-box .tier-name-label {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 2px;
}

.pricing-card-box.is-active .tier-name-label {
    color: #ffffff;
}

.pricing-card-box .tier-track-name {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 8px;
}

.pricing-card-box.is-active .tier-track-name {
    color: #ffffff;
}

.pricing-card-box .tier-desc {
    font-size: 17px;
    color: #000;
    min-height: 60px;
    margin-bottom: 12px;
}

.underline-text {
    text-decoration: underline;
    font-weight: 600;
    /* optional */
}

.pricing-card-box.is-active .tier-desc {
    color: rgba(255, 255, 255, 0.85);
}

.pricing-card-box .price-caption {
    min-height: 28px;
}

.save-badge {
    background: linear-gradient(0deg, #E50914 0%, #FF6B00 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 50px;
}

.pricing-card-box .access-group {
    display: flex;
    align-items: center;
    min-height: 52px;
}

/* host-table small screen fix */
@media (max-width: 640px) {
    .host-table .session-type {
        font-size: 12px;
        padding: 3px 3px;
    }

    .host-table td {
        padding: 6px 4px;
        font-size: 13px;
    }

    .host-table th {
        padding: 6px 4px;
        font-size: 13px;
    }

    .toggle-check.group-check .toggle {
        width: 34px;
        height: 20px;
    }

    .toggle-check.group-check .slider:before {
        height: 12px;
        width: 12px;
    }

    .toggle-check.group-check input:checked+.slider:before {
        transform: translateX(13px);
    }

    .zoom-meet {
        height: 32px;
        width: 32px;
    }
}

@media (max-width: 479px) {
    .host-table .session-type {
        font-size: 10px;
        padding: 2px 4px;
    }

    .host-table td {
        padding: 5px 3px;
        font-size: 11px;
    }

    .host-table th {
        padding: 5px 3px;
        font-size: 11px;
    }

    .toggle-check.group-check .toggle {
        width: 30px;
        height: 18px;
    }

    .toggle-check.group-check .slider:before {
        height: 10px;
        width: 10px;
        bottom: 3px;
    }

    .toggle-check.group-check input:checked+.slider:before {
        transform: translateX(11px);
    }

    .zoom-meet {
        height: 28px;
        width: 28px;
    }
}

/* select session label */
.select-session-label {
    margin-right: 147px;
}

@media (max-width: 767px) {
    .select-session-label {
        margin-right: 80px;
    }
}

@media (max-width: 640px) {
    .select-session-label {
        margin-right: 40px;
    }
}

@media (max-width: 479px) {
    .select-session-label {
        margin-right: 13px;
    }
}


/* ── Subscription page responsive fixes ── */
@media (max-width: 991px) {
    .subscribe-section1 {
        padding: 40px 0 60px;
    }

    .tier-choose-title {
        font-size: 34px;
    }

    .tier-choose-sub {
        font-size: 18px;
    }

    .subscribe-title1 {
        font-size: 32px;
    }

    .pricing-card-box .tier-track-name {
        font-size: 22px;
    }

    .pricing-card-box .tier-desc {
        font-size: 15px;
    }

    .tier-choose-btn {
        flex-direction: column;
        gap: 4px;
        padding: 10px 6px;
    }

    .tier-choose-btn span {
        font-size: 0.9rem;
    }
}

@media (max-width: 767px) {
    .bred_crumb1 {
        min-height: 220px;
        padding: 60px 16px 24px;
    }

    .subscribe-section1 {
        padding: 30px 0 50px;
    }

    .subscribe-title1 {
        font-size: 26px;
    }

    .tier-choose-title {
        font-size: 28px;
    }

    .tier-choose-sub {
        font-size: 16px;
    }

    .pricing-card-box .tier-track-name {
        font-size: 20px;
    }

    .pricing-card-box .tier-desc {
        font-size: 14px;
        min-height: unset;
    }

    .tier-choose-btn {
        padding: 10px 6px;
        gap: 4px;
        flex-direction: column;
    }

    .tier-choose-btn span {
        font-size: 0.85rem;
    }

    .tier-subscription-btn {
        font-size: 0.9rem;
        padding: 11px 0;
    }
}

@media (max-width: 480px) {
    .bred_crumb1 {
        min-height: 200px;
        padding: 55px 12px 20px;
    }

    .subscribe-title1 {
        font-size: 22px;
    }

    .tier-choose-title {
        font-size: 24px;
    }

    .tier-choose-sub {
        font-size: 14px;
    }

    .pricing-card-box .tier-track-name {
        font-size: 16px;
    }

    .pricing-card-box .tier-desc {
        font-size: 12px;
    }
}

/* tier price button column layout for mid-range screens where cards are narrow */
@media (max-width: 1300px) {
    .tier-choose-btn {
        flex-direction: column;
        gap: 4px;
        padding: 10px 6px;
    }

    .tier-choose-btn span {
        font-size: 0.9rem;
        white-space: nowrap;
    }
}

/* Change plan page redesign */
.change-plan-shell {
    padding: 48px 0 90px;
    /* background: #12c7b4; 0b6d65 */
    background:
        radial-gradient(circle at top right, rgba(0, 196, 180, 0.16), transparent 26%),
        linear-gradient(180deg, #006675 0%, #006675 357px, #f7fbfb 357px, #f7fbfb 100%);
    overflow: hidden;
}

.change-plan-page {
    position: relative;
}

.change-plan-back-link {
    display: inline-flex;
    margin-bottom: 24px;
}

.change-plan-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 56px;
    flex-wrap: wrap;
}

.change-plan-hero-copy {
    flex: 1;
    min-width: 0;
    max-width: 600px;
}

.change-plan-overline {
    font-size: 14px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.74);
    margin-bottom: 12px;
}

.change-plan-title {
    font-size: 44px;
    line-height: 1.1;
    font-weight: 700;
    color: #ffffff;
    max-width: 780px;
    margin-bottom: 14px;
}

.change-plan-subtitle {
    font-size: 20px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.82);
    margin-bottom: 0;
}

.change-plan-current-card {
    width: min(100%, 480px);
    min-width: 320px;
    max-width: 480px;
    padding: clamp(20px, 2.2vw, 26px) clamp(22px, 2.5vw, 32px);
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.1) 100%);
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 18px rgba(0, 50, 58, 0.08);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-left: auto;
}

.change-plan-current-card::after {
    content: "";
    position: absolute;
    inset: auto -40px -55px auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.change-plan-current-label {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: clamp(12px, 1.3vw, 15px);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    margin-bottom: 16px;
    max-width: 100%;
}

.change-plan-current-card h2 {
    font-size: clamp(18px, 1.8vw, 22px);
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
}

.change-plan-current-tier {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 10px;
}

.change-plan-current-price {
    font-size: clamp(22px, 2vw, 24px);
    line-height: 1.05;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    max-width: 100%;
    word-break: break-word;
}

.change-plan-current-price span {
    font-size: clamp(14px, 1.5vw, 18px);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

.change-plan-validity {
    font-size: clamp(12px, 1.3vw, 15px);
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 0;
    max-width: 100%;
    word-wrap: break-word;
}

.change-plan-board {
    background: #ffffff;
    border-radius: 36px;
    padding: 38px;
    box-shadow: 0 24px 60px rgba(0, 73, 84, 0.12);
    overflow: hidden;
    margin-top: 80px;
}

.change-plan-board-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.change-plan-section-title {
    font-size: 34px;
    font-weight: 600;
    color: #123f46;
    margin-bottom: 8px;
}

.change-plan-section-text {
    font-size: 16px;
    color: #6d8487;
    margin-bottom: 0;
}

.change-plan-toggle {
    display: inline-flex;
    align-items: center;
    padding: 6px;
    border-radius: 999px;
    background: #eff6f6;
    border: 1px solid #d4e5e3;
    gap: 6px;
    flex-wrap: wrap;
    max-width: 100%;
}

.change-plan-toggle-btn {
    border: 0;
    background: transparent;
    color: #47727b;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 999px;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.change-plan-toggle-btn.is-active {
    background: linear-gradient(180deg, #00c4b4 0%, #005f7f 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(0, 95, 127, 0.2);
}

.change-plan-toggle-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.change-plan-card {
    position: relative;
    height: 100%;
    border-radius: 28px;
    border: 1px solid #d7ebe8;
    padding: 30px;
    background: #ffffff;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 16px 45px rgba(4, 88, 96, 0.08);
    overflow: hidden;
}

.change-plan-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(4, 88, 96, 0.12);
}

.change-plan-card.is-selected {
    border-color: #1db19d;
    box-shadow: 0 28px 60px rgba(0, 95, 127, 0.2);
    transform: translateY(-6px) scale(1.02);
    background: linear-gradient(180deg, #ffffff 0%, #f4fcfb 100%);
}

.change-plan-card-badge {
    position: absolute;
    top: -13px;
    right: 22px;
    padding: 7px 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, #00c4b4 0%, #0b927f 100%);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.change-plan-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.change-plan-card-radio {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #9ed3cc;
    margin-bottom: 18px;
    position: relative;
}

.change-plan-card.is-selected .change-plan-card-radio {
    border-color: #18aa95;
}

.change-plan-card.is-selected .change-plan-card-radio::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #18aa95;
}

.change-plan-card-title {
    font-size: 34px;
    line-height: 1.18;
    font-weight: 700;
    color: #16383d;
    margin-bottom: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.change-plan-card-tier {
    display: inline-block;
    margin-bottom: 10px;
    color: #0f7b7d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.change-plan-card-copy {
    font-size: 16px;
    color: #6f8486;
    margin-bottom: 0;
    max-width: 330px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.change-plan-price-wrap {
    text-align: right;
    min-width: 155px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.change-plan-price {
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    color: #102f34;
    margin-bottom: 6px;
}

.change-plan-price-unit {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #7c9498;
}

.change-plan-billing-label {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #688487;
}

.change-plan-save {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #12a58f;
}

.change-plan-current-chip {
    display: inline-flex;
    margin-top: 10px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(0, 95, 127, 0.08);
    color: #005f7f;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.change-plan-divider {
    height: 1px;
    background: #e3efed;
    margin: 24px 0;
}

.change-plan-feature-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 22px;
    margin-bottom: 28px;
}

.change-plan-feature-list li {
    position: relative;
    padding-left: 34px;
    font-size: 16px;
    line-height: 1.45;
    color: #31575d;
    min-height: 24px;
}

.change-plan-feature-icon {
    position: absolute;
    top: 1px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #dff5f1;
}

.change-plan-feature-icon::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    width: 9px;
    height: 5px;
    border-left: 3px solid #00a893;
    border-bottom: 3px solid #00a893;
    transform: rotate(-45deg);
}

.change-plan-feature-list li.is-disabled {
    color: #7f8e92;
}

.change-plan-feature-list li.is-disabled .change-plan-feature-icon {
    background: #fbe3e3;
    box-shadow: inset 0 0 0 1px rgba(225, 100, 100, 0.2);
}

.change-plan-feature-list li.is-disabled .change-plan-feature-icon::before {
    left: 6px;
    top: 6px;
    width: 12px;
    height: 12px;
    border: 0;
    background:
        linear-gradient(45deg, transparent 41%, #e16464 41%, #e16464 59%, transparent 59%),
        linear-gradient(-45deg, transparent 41%, #e16464 41%, #e16464 59%, transparent 59%);
    transform: none;
}

.change-plan-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #00c4b4 0%, #005f7f 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 22px;
    box-shadow: 0 14px 28px rgba(0, 95, 127, 0.18);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.change-plan-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 30px rgba(0, 95, 127, 0.22);
}

.change-plan-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 34px;
}

.change-plan-footer-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.change-plan-link-btn {
    border: 0;
    background: transparent;
    padding: 0;
    color: #5c7d81;
    font-size: 22px;
    font-weight: 600;
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .change-plan-shell {
        background:
            radial-gradient(circle at top right, rgba(0, 196, 180, 0.16), transparent 26%),
            linear-gradient(180deg, #006675 0%, #006675 420px, #f7fbfb 420px, #f7fbfb 100%);
    }

    .change-plan-hero {
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 16px;
    }

    .change-plan-hero-copy {
        flex: 1;
        min-width: 0;
        max-width: none;
    }

    .change-plan-current-card {
        width: min(100%, 360px);
        min-width: 280px;
        max-width: 360px;
        margin-left: 0;
    }

    .change-plan-title {
        font-size: 32px;
    }

    .change-plan-subtitle {
        font-size: 16px;
    }

    .change-plan-price {
        font-size: 40px;
    }

    .change-plan-card-title {
        font-size: 29px;
    }

    .change-plan-card {
        padding: 26px;
    }
}

@media (max-width: 991px) {
    .change-plan-shell {
        padding: 34px 0 70px;
        background:
            linear-gradient(180deg, #006675 0%, #006675 500px, #f7fbfb 500px, #f7fbfb 100%);
    }

    .change-plan-hero,
    .change-plan-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .change-plan-current-card {
        width: 100%;
        max-width: 100%;
        padding: 22px 24px;
    }

    .change-plan-current-card h2 {
        white-space: normal;
    }

    .change-plan-board {
        padding: 28px;
        margin-top: 95px;
    }

    .change-plan-title {
        font-size: 40px;
    }

    .change-plan-section-title {
        font-size: 26px;
    }

    .change-plan-subtitle {
        max-width: 100%;
    }

    .change-plan-hero {
        gap: 28px;
        margin-bottom: 48px;
    }

    .change-plan-card-top {
        flex-direction: column;
        gap: 20px;
    }

    .change-plan-price-wrap {
        text-align: left;
        min-width: 0;
        width: 100%;
        align-items: flex-start;
    }

    .change-plan-feature-list {
        grid-template-columns: 1fr;
    }

    .change-plan-footer-actions {
        justify-content: center;
    }

    .change-plan-card.is-selected {
        transform: translateY(-4px) scale(1.01);
    }
}

@media (max-width: 767px) {
    .change-plan-shell {
        padding: 24px 0 56px;
        background:
            linear-gradient(180deg, #006675 0%, #006675 585px, #f7fbfb 585px, #f7fbfb 100%);
    }

    .change-plan-title {
        font-size: 32px;
    }

    .change-plan-subtitle {
        font-size: 17px;
    }

    .change-plan-board {
        padding: 22px;
        border-radius: 24px;
        margin-top: 58px;
    }

    .change-plan-board-header {
        flex-direction: column;
        align-items: stretch;
    }

    .change-plan-hero {
        gap: 24px;
        margin-bottom: 26px;
    }

    .change-plan-current-card {
        padding: 18px 20px;
        border-radius: 24px;
        width: 100%;
        max-width: 100%;
    }

    .change-plan-current-card h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .change-plan-current-price {
        font-size: 32px;
    }

    .change-plan-current-price span {
        font-size: 15px;
    }

    .change-plan-validity {
        font-size: 13px;
    }

    .change-plan-section-title {
        font-size: 28px;
    }

    .change-plan-toggle {
        width: 100%;
        justify-content: center;
    }

    .change-plan-toggle-btn {
        flex: 1;
        padding: 11px 14px;
        min-width: 140px;
    }

    .change-plan-card {
        padding: 24px 20px;
    }

    .change-plan-card-top {
        flex-direction: column;
        gap: 16px;
    }

    .change-plan-price-wrap {
        text-align: left;
        min-width: 0;
        width: 100%;
        align-items: flex-start;
    }

    .change-plan-card-title {
        font-size: 26px;
    }

    .change-plan-price {
        font-size: 36px;
    }

    .change-plan-card-badge {
        top: 18px;
        right: 18px;
    }

    .change-plan-link-btn {
        font-size: 19px;
    }

    .change-plan-footer-actions {
        justify-content: center;
    }

    .change-plan-action {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .change-plan-shell {
        padding: 18px 0 44px;
        background:
            linear-gradient(180deg, #006675 0%, #006675 565px, #f7fbfb 565px, #f7fbfb 100%);
    }

    .change-plan-back-link {
        margin-bottom: 18px;
    }

    .change-plan-overline {
        font-size: 12px;
    }

    .change-plan-title {
        font-size: 26px;
        line-height: 1.15;
    }

    .change-plan-subtitle {
        font-size: 15px;
        line-height: 1.5;
    }

    .change-plan-current-card {
        padding: 16px;
        border-radius: 22px;
        width: 100%;
        max-width: 100%;
    }

    .change-plan-current-card h2 {
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .change-plan-current-label {
        font-size: 13px;
        padding: 7px 12px;
    }

    .change-plan-current-tier {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .change-plan-current-price {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .change-plan-current-price span {
        font-size: 14px;
    }

    .change-plan-validity {
        font-size: 12px;
    }

    .change-plan-section-title {
        font-size: 22px;
    }

    .change-plan-section-text {
        font-size: 14px;
    }

    .change-plan-board {
        padding: 18px 16px;
        border-radius: 20px;
        margin-top: 62px;
    }

    .change-plan-board-header {
        margin-bottom: 22px;
    }

    .change-plan-hero {
        margin-bottom: 22px;
    }

    .change-plan-toggle {
        width: 100%;
        padding: 6px;
        gap: 6px;
        justify-content: space-between;
        border-radius: 22px;
        flex-wrap: nowrap;
    }

    .change-plan-toggle-btn {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        font-size: 14px;
        padding: 10px 12px;
        justify-content: center;
        text-align: center;
    }

    .change-plan-toggle-badge {
        margin-left: 6px;
        font-size: 10px;
    }

    .change-plan-card-title {
        font-size: 21px;
    }

    .change-plan-card-copy,
    .change-plan-feature-list li {
        font-size: 14px;
    }

    .change-plan-price {
        font-size: 31px;
    }

    .change-plan-price-unit,
    .change-plan-billing-label,
    .change-plan-save {
        font-size: 13px;
    }

    .change-plan-card-badge {
        position: static;
        display: inline-flex;
        margin-bottom: 16px;
    }

    .change-plan-feature-list {
        gap: 10px;
        margin-bottom: 22px;
    }

    .change-plan-link-btn {
        font-size: 17px;
    }

    .change-plan-card.is-selected {
        transform: translateY(-2px);
    }
}

/* New Program Styles */
.program-intro-section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.program-intro-card-teal {
    background: linear-gradient(135deg, #00C4B4 0%, #005F7F 100%);
    border-radius: 15px;
    color: white;
    height: 100%;
    padding: 1.5rem;
    text-align: left;
}

.program-intro-card-white {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 15px;
    color: #333;
    height: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    padding: 1.5rem;
    text-align: left;
}

.program-intro-icon-box-white {
    font-size: 20px;
    color: #ffffff;
    background: #3bc1b8;
    border: 1px solid #3bc1b8;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 1rem;
    display: inline-block;
}

.program-intro-icon-box-teal {
    font-size: 20px;
    color: #ffffff;
    /* background: #3dbcb6; */
    background: linear-gradient(180deg, #00C4B4 0%, #005F7F 100%), #EAFAFF;
    border: 1px solid #3dbcb6;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 1rem;
    display: inline-block;
}

.program-intro-title {
    font-size: 20px;
    margin-bottom: 0.5rem;
}

.program-intro-desc {
    font-size: 16px;
    opacity: 0.9;
    line-height: 1.5;
    margin-bottom: 0;
}

.program-intro-desc-dark {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 0;
}

.program-features-section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.program-features-grid {
    max-width: 900px;
    margin: 0 auto;
}

.program-feature-item {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    border: 1px solid #f9f9f9;
}

.program-feature-icon {
    /* background: #00C4B4; */
    background: linear-gradient(180deg, #00C4B4 0%, #005F7F 100%), #EAFAFF;
    color: white;
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-size: 18px;
}

.program-feature-title {
    font-size: 16px;
    color: #333;
    margin-bottom: 0.25rem;
}

.program-feature-desc {
    font-size: 14px;
    color: #777;
    margin-bottom: 0;
}

.best-value-badge {
    position: absolute;
    top: -15px;
    right: 20px;
    background: #ff9800;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.group-therapy-note {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

@media (max-width: 1600px) {
    .group-therapy-note {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .group-therapy-note {
        font-size: 12px;
    }

    .program-intro-desc {
        font-size: 13px;
    }

    .program-intro-desc-dark {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .group-therapy-note {
        font-size: 18px;
    }

    .program-intro-title {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .group-therapy-note {
        font-size: 12px;
    }
}

.group-therapy-note-icon {
    font-size: 36px;
    color: #000;
    margin-right: 5px;
}

.tier-desc-star {
    font-size: 14px;
    margin-left: 5px;
}

.program-intro-heading-dark {
    color: #333;
    font-size: 30px;
}

.program-intro-heading-teal {
    color: #00C4B4;
    font-size: 30px;
}

.program-features-heading-dark {
    color: #333;
    font-size: 30px;
}

.program-features-heading-teal {
    color: #00C4B4;
    font-size: 30px;
}

@media (max-width: 767px) {
    .program-intro-heading-dark {
        font-size: 22px;
    }

    .program-intro-heading-teal {
        font-size: 22px;
    }

    .program-features-heading-dark {
        font-size: 22px;
    }

    .program-features-heading-teal {
        font-size: 22px;
    }
}

@media (max-width: 400px) {
    .program-intro-heading-dark {
        font-size: 18px;
    }

    .program-intro-heading-teal {
        font-size: 18px;
    }

    .program-features-heading-dark {
        font-size: 18px;
    }

    .program-features-heading-teal {
        font-size: 18px;
    }
}

.tier-choose-title-orange {
    color: #fe9506 !important;
}

/* ── Subscription Redesign ── */
.subs-plan-heading-wrap {
    padding: 40px 16px 10px;
}

.subscription-controls {
    align-items: center;
    display: flex;
    gap: 0;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.subscription-controls .currency-trigger,
.subscription-controls .btn-lang {
    background: rgba(255, 255, 255, 0.12);
    border: 0;
    border-radius: 0;
    color: #ffffff !important;
    column-gap: 4px;
    display: grid !important;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    justify-items: center;
    min-height: 62px;
    min-width: 128px;
    margin-right: 0;
    padding: 10px 20px;
    row-gap: 2px;
}

.subscription-controls .currency-trigger {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.subscription-controls .currency-trigger+.btn-lang {
    margin-left: 0;
}

.subscription-controls .btn-lang span {
    color: inherit !important;
}

.subscription-controls .selector-label {
    display: block !important;
    font-size: 14px;
    grid-column: 1 / -1;
    opacity: 0.82;
}

.subscription-controls .currency-symbol,
.subscription-controls .selector-value {
    font-size: 18px;
    font-weight: 700;
}

.subscription-controls .selector-chevron {
    display: none;
}

.subscription-controls .currency-trigger:hover,
.subscription-controls .currency-trigger:focus,
.subscription-controls .btn-lang:hover,
.subscription-controls .btn-lang:focus {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
}

.subs-track-desc-row {
    padding: 10px 0 30px;
    /* border-bottom: 1px solid #e0e0e0; */
}

.subs-track-desc-col {
    padding: 0 30px;
}

/* .subs-track-desc-col-right {
    border-left: 1px solid #e0e0e0;
} */

.subs-track-title {
    font-size: 18px;
    margin-bottom: 12px;
}

.subs-track-title-teal {
    color: #005f7f;
    text-align: center;
}

.subs-track-desc {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.subs-table-wrap {
    padding-top: 30px;
    padding-bottom: 20px;
}

.subs-comparison-table {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.subs-table-header {
    display: grid;
    grid-template-columns: 1fr 220px 220px;
    background-color: #005f7f;
    color: #fff;
    font-weight: 700;
    /* font-size: 13px; */
    text-transform: uppercase;
}

.subs-table-header .subs-col-feature,
.subs-table-header .subs-col-guided,
.subs-table-header .subs-col-self {
    padding: 14px 16px;
}

.subs-table-header .subs-col-guided,
.subs-table-header .subs-col-self {
    text-align: center;
}

.subs-col-feature-heading {
    display: flex;
    align-items: center;
    gap: 12px;
}

.subs-col-feature-heading>span:first-child {
    flex: 1;
}

.subs-feature-value-heading {
    min-width: 70px;
    text-align: right;
    flex-shrink: 0;
}

.subs-table-row {
    display: grid;
    grid-template-columns: 1fr 220px 220px;
    /* border-top: 1px solid #e8e8e8; */
    background-color: #fff;
}

.subs-row-even {
    background-color: #f7f7f7;
}

.subs-col-feature {
    padding: 14px 16px;
}

.subs-col-guided,
.subs-col-self {
    padding: 14px 10px;
    /* border-left: 1px solid #e8e8e8; */
}

.subs-check-cell {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.subs-feature-content {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.subs-feature-text {
    flex: 1;
}

.subs-feature-icon {
    color: #00b4a6;
    font-size: 13px;
    margin-top: 3px;
    flex-shrink: 0;
}

.subs-feature-title {
    /* font-size: 13px; */
    color: #1a1a1a;
    line-height: 1.4;
}

.subs-feature-desc {
    font-size: 14px;
    color: #666;
    margin-top: 3px;
    line-height: 1.5;
}

.subs-feature-value {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    white-space: pre-line;
    text-align: right;
    flex-shrink: 0;
    min-width: 70px;
}

.subs-check-icon {
    background: linear-gradient(256deg, #00C4B4 0%, #005F7F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 26px;
    font-weight: 900;
}

.subs-cross-icon {
    color: #e53935;
    font-size: 26px;
    font-weight: 900;
}

.subs-tier-fee-label {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
}

.subs-value-row {
    background-color: #fff;
    /* border-top: 2px solid #ddd; */
}

.subs-value-row .subs-col-feature {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.subs-total-label-cell {
    justify-content: flex-end;
}

.subs-total-value-label {
    font-size: 20px;
    color: #1a1a1a;
}

.subs-total-value {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
}

.subs-your-price-wrap {
    display: flex;
    align-items: center;
    gap: 26px;
    width: 100%;
    justify-content: center;
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 10px 12px;
}

.subs-your-price-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    line-height: 1.3;
    text-align: center;
}

.subs-your-price-amount {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.subs-price-main {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}

.subs-price-sub {
    font-size: 12px;
    color: #666;
}

.subs-cta-btn {
    width: 100%;
    padding: 10px 8px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    line-height: 1.4;
    border: 2px solid transparent;
    transition: opacity 0.2s;
    position: relative;
}

.subs-cta-btn:hover {
    opacity: 0.88;
}

.subs-cta-btn-dark {
    background-color: #009d66;
    color: #fff;
    border-color: #009d66;
}

.subs-cta-btn-yearly {
    position: relative;
}

.subs-yearly-check {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
}

.subs-cta-btn-outline {
    background-color: transparent !important;
    color: #e67e22 !important;
    border-color: #e67e22 !important;
}

.subs-auto-renew {
    opacity: 0.65;
}

/* Responsive */
@media (max-width: 767px) {
    .subscription-controls {
        gap: 0;
        position: static;
        justify-content: center;
        margin: 22px 0 12px;
    }

    .subscription-controls .currency-trigger,
    .subscription-controls .btn-lang {
        min-height: 58px;
        min-width: 118px;
        padding: 9px 14px;
    }

    .subs-table-wrap {
        padding-top: 16px;
        padding-bottom: 10px;
        overflow-x: hidden;
    }

    .subs-comparison-table {
        min-width: 0;
        width: 100%;
    }

    .subs-table-header,
    .subs-table-row {
        grid-template-columns: minmax(0, 1fr) minmax(58px, 22%) minmax(58px, 22%);
    }

    .subs-feature-value {
        min-width: 44px;
        font-size: 10px;
    }

    .subs-feature-value-heading {
        min-width: 44px;
    }

    .subs-feature-title {
        font-size: 11px;
    }

    .subs-feature-desc {
        font-size: 10px;
    }

    .subs-total-value {
        font-size: 15px;
    }

    .subs-total-value-label {
        font-size: 15px;
    }

    .subs-price-main {
        font-size: 14px;
    }

    .subs-cta-btn {
        font-size: 9px;
        padding: 7px 4px;
    }

    .subs-track-desc-col-right {
        border-left: none;
        margin-top: 16px;
        padding-top: 16px;
    }

    .subs-table-header .subs-col-feature,
    .subs-table-header .subs-col-guided,
    .subs-table-header .subs-col-self {
        padding: 10px 8px;
        font-size: 10px;
    }
}

/* ── CTA row – part of the table grid ── */
.subs-cta-outer-row {
    display: grid;
    grid-template-columns: 1fr 220px 220px;
    background-color: #f0f0f0;
    border-top: 1px solid #e8e8e8;
    padding: 16px 16px 16px 0;
}

.subs-cta-feature-spacer {
    background-color: #f0f0f0;
}

.subs-cta-card {
    grid-column: 2 / 4;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 0 12px 12px;
}

.subs-trial-card-title {
    color: #ff7f2a;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 -12px;
    padding: 16px 12px 14px;
    text-align: center;
}

.subs-cta-cols-row {
    display: grid;
    gap: 14px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.subs-cta-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.subs-plan-price-btn {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: center;
    line-height: 1.05;
    min-height: 50px;
    padding: 8px 12px;
    position: relative;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    width: 100%;
}

.subs-plan-price-btn span {
    font-size: 14px;
    font-weight: 800;
    text-align: left;
}

.subs-plan-price-btn strong {
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

.subs-plan-price-btn-yearly {
    background: #00865b;
    border: 2px solid #00865b;
    color: #ffffff;
}

.subs-plan-price-btn .subs-save-badge {
    align-items: center;
    background: #ffffff;
    border: 2px solid #ff8a1f;
    border-radius: 999px;
    color: #1a1a1a;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    left: -10px;
    line-height: 1;
    min-width: 68px;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: -17px;
    z-index: 3;
}

.subs-plan-price-btn-monthly {
    background: #ffffff;
    border: 2px solid #ff7f2a;
    color: #ff7f2a;
}

.subs-plan-price-btn.active {
    box-shadow: 0 0 0 3px rgba(0, 95, 127, 0.18);
    transform: translateY(-1px);
}

.subs-plan-price-btn .subs-yearly-check {
    background: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    color: #009d66;
    font-size: 12px;
    font-weight: 900;
    height: 22px;
    right: -7px;
    top: -8px;
    width: 22px;
    z-index: 2;
}

.subs-cta-card .tier-subscription-btn {
    background: #f9052b;
    border: 0;
    border-radius: 9px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    margin-top: 6px;
    min-height: 48px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

@media (max-width: 767px) {
    .subs-cta-outer-row {
        grid-template-columns: minmax(0, 1fr) minmax(58px, 22%) minmax(58px, 22%);
        padding: 12px;
    }

    .subs-cta-card {
        grid-column: 1 / 4;
        padding: 0 8px 10px;
    }

    .subs-trial-card-title {
        font-size: 16px;
        margin: 0 -8px;
        padding: 12px 8px 10px;
    }

    .subs-cta-cols-row {
        gap: 8px;
    }

    .subs-your-price-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .subs-price-main {
        font-size: 14px;
    }

    .subs-price-sub {
        font-size: 11px;
    }

    .subs-your-price-label {
        font-size: 10px;
    }

    .subs-cta-btn {
        font-size: 10px;
        padding: 8px 6px;
    }

    .subs-plan-price-btn {
        gap: 6px;
        min-height: 44px;
        padding: 7px 6px;
    }

    .subs-plan-price-btn span {
        font-size: 10px;
    }

    .subs-plan-price-btn strong {
        font-size: 13px;
    }

    .subs-plan-price-btn .subs-save-badge {
        font-size: 10px;
        height: 20px;
        left: -7px;
        min-width: 58px;
        padding: 0 6px;
        top: -13px;
    }

    .subs-cta-card .tier-subscription-btn {
        font-size: 14px;
        min-height: 42px;
    }
}

/* ── Table scroll wrapper for mobile ── */
.subs-table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.subs-table-scroll .subs-comparison-table {
    min-width: 520px;
}

@media (max-width: 767px) {
    .subs-table-scroll {
        overflow-x: visible;
    }

    .subs-table-scroll .subs-comparison-table {
        min-width: 0;
        width: 100%;
    }
}

.currency-trigger {
    align-items: center;
    /* background: #1a1a1a; */
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    color: #ffffff;
    column-gap: 3px;
    display: inline-grid !important;
    font: inherit;
    font-weight: 500;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    justify-content: center;
    justify-items: center;
    min-height: 46px;
    /* min-width: 196px; */
    /* padding: 10px 20px; */
    row-gap: 2px;
    text-transform: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.currency-trigger:hover,
.currency-trigger:focus {
    /* background: #202020; */
    border-color: rgba(255, 255, 255, 0.32);
    color: #ffffff !important;
    outline: none;
}

.btn-lang {
    align-items: center;
    /* background: #1a1a1a; */
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    color: #ffffff !important;
    column-gap: 3px;
    display: inline-grid !important;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    justify-content: center;
    justify-items: center;
    min-height: 46px;
    /* min-width: 224px; */
    /* padding: 10px 20px; */
    row-gap: 2px;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.btn-lang span {
    color: inherit !important;
}

.btn-lang:hover,
.btn-lang:focus {
    /* background: #202020; */
    border-color: rgba(255, 255, 255, 0.32);
    color: #ffffff !important;
    outline: none;
}

.currency-trigger .selector-label,
.btn-lang .selector-label {
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.currency-trigger .selector-label {
    grid-column: 1 / -1;
}

.btn-lang .selector-label {
    grid-column: 1 / -1;
}

.currency-trigger .currency-symbol,
.currency-trigger .selector-value,
.btn-lang .selector-value {
    color: #ffffff !important;
    font-size: 16px;
    /* font-weight: 700; */
    line-height: 1;
}

.currency-trigger .selector-chevron,
.btn-lang .selector-chevron {
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    margin-left: 2px;
}

.btn-lang .flag-icon {
    border-radius: 2px;
    flex: 0 0 auto;
    height: 16px;
    object-fit: cover;
    width: 24px;
}

.currency-trigger+.btn-lang,
.navbar-nav .nav-item:has(.currency-trigger)+.nav-item:has(.btn-lang) {
    margin-left: 8px;
}

@media (max-width: 1600px) {

    .currency-trigger .selector-label,
    .btn-lang .selector-label {
        font-size: 12px;
    }

    .currency-trigger .currency-symbol,
    .currency-trigger .selector-value,
    .btn-lang .selector-value {
        font-size: 14px;
    }
}

@media (max-width: 1400px) {
    .currency-trigger {
        /* min-width: 164px; */
        /* padding: 9px 14px; */
    }

    .btn-lang {
        /* min-width: 188px; */
        /* padding: 9px 14px; */
        margin-right: 6px;
    }

    .currency-trigger .selector-label,
    .btn-lang .selector-label {
        font-size: 12px;
    }

    .currency-trigger .currency-symbol,
    .currency-trigger .selector-value,
    .btn-lang .selector-value {
        font-size: 12px;
    }
}

@media (max-width: 991px) {

    .currency-trigger,
    .btn-lang {
        border-radius: 8px;
        gap: 5px;
        min-height: 38px;
        min-width: auto;
        padding: 8px 9px;
    }

    .currency-trigger .selector-label,
    .btn-lang .selector-label {
        display: none;
    }

    .currency-trigger .currency-symbol,
    .currency-trigger .selector-value,
    .btn-lang .selector-value {
        font-size: 13px;
    }

    .currency-trigger .selector-chevron,
    .btn-lang .selector-chevron {
        font-size: 9px;
        margin-left: 0;
    }

    .btn-lang .flag-icon {
        height: 14px;
        width: 21px;
    }
}

@media (max-width: 575px) {
    .btn-lang .selector-value {
        display: none;
    }
}

.subscription-controls .selector-label,
.subscription-controls .btn-lang .selector-value {
    display: block !important;
}

.subscription-controls .selector-label {
    font-size: 14px;
    color: inherit !important;
}

.subscription-controls .currency-symbol,
.subscription-controls .selector-value {
    font-size: 18px;
    font-weight: 700;
}

.subscription-controls .currency-trigger,
.subscription-controls .btn-lang {
    border-radius: 0;
    margin-right: 0;
}

.subscription-controls .currency-trigger+.btn-lang {
    margin-left: 0;
}

@media (max-width: 575px) {

    .subscription-controls .currency-trigger,
    .subscription-controls .btn-lang {
        min-width: 112px;
        padding: 9px 12px;
    }

    .subscription-controls .selector-label {
        font-size: 12px;
    }

    .subscription-controls .currency-symbol,
    .subscription-controls .selector-value {
        font-size: 16px;
    }
}

.currency-modal-backdrop {
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    inset: 0;
    justify-content: center;
    overflow-y: auto;
    padding: 46px 16px;
    position: fixed;
    z-index: 9999;
}

.currency-modal {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2);
    color: #222222;
    max-height: calc(100vh - 92px);
    max-width: 960px;
    overflow-y: auto;
    padding: 26px 38px 34px;
    position: relative;
    width: min(100%, 960px);
}

.currency-modal-close {
    align-items: center;
    background: transparent;
    border: 0;
    color: #222222;
    display: inline-flex;
    font-size: 22px;
    height: 36px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 16px;
    width: 36px;
}

.currency-modal h2 {
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 44px 10px 0;
}

.currency-modal h3 {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0 10px;
}

.currency-modal-copy {
    color: #555555;
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
    max-width: 820px;
}

.currency-grid {
    display: grid;
    gap: 12px 28px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.currency-grid-suggested {
    margin-bottom: 4px;
}

.currency-option {
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #222222;
    min-height: 64px;
    padding: 10px 38px 10px 12px;
    position: relative;
    text-align: left;
}

.currency-option:hover,
.currency-option:focus {
    background: #f2f7ff;
    outline: none;
}

.currency-option.active {
    background: #edf4ff;
    color: #0d6efd;
}

.currency-option.active small {
    color: #0d6efd;
}

.currency-option span,
.currency-option small {
    display: block;
    line-height: 1.35;
}

.currency-option span {
    font-size: 14px;
}

.currency-option small {
    color: #555555;
    font-size: 14px;
}

.currency-option i {
    color: #0d6efd;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 991px) {
    .currency-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .currency-modal-backdrop {
        padding: 16px 10px;
    }

    .currency-modal {
        max-height: calc(100vh - 32px);
        padding: 22px 14px 24px;
    }

    .currency-grid {
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .currency-option {
        min-height: 54px;
    }
}

/* Group practice sessions member schedule */
.gps-page {
    background: var(--bg-white);
    padding: 44px 0 76px;
    color: #314653;
}

.gps-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 28px;
    align-items: start;
    /* max-width: 1038px; */
    margin: 0 auto;
}

.gps-main {
    min-width: 0;
}

.gps-hero {
    margin-bottom: 24px;
}

.gps-kicker,
.gps-section-title,
.gps-event-level-card h3 {
    margin: 0 0 8px;
    color: #007c6f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gps-hero h1 {
    margin: 0 0 10px;
    color: #00627d;
    font-size: 36px;
    line-height: 1.08;
    font-weight: 700;
}

.gps-hero p,
.gps-info-card,
.gps-note-card p,
.gps-event-description {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
}

.gps-event-description {
    color: #536673;
    font-weight: 400;
}

.gps-track-tabs {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    gap: 4px;
    padding: 6px;
    margin-bottom: 20px;
    background: #f6fafb;
    border: 1px solid #d7e7ed;
    border-radius: 10px;
    max-width: 560px;
}

.gps-track-tab {
    position: relative;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #005b79;
    text-align: left;
    padding: 10px 16px;
    min-height: 50px;
    transition: background 0.18s ease, color 0.18s ease;
}

.gps-track-tab span,
.gps-guidelines-card strong,
.gps-note-card strong,
.gps-meeting-card strong {
    display: block;
    font-weight: 700;
}

.gps-track-tab span {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.gps-track-tab small {
    display: block;
    margin-top: 2px;
    color: #516977;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.gps-track-tab em {
    display: inline-flex;
    margin-left: 0;
    padding: 2px 6px;
    border-radius: 999px;
    background: #fbbf24;
    color: #1f2933;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: middle;
}

.gps-track-tab.is-active em {
    background: #012f3c;
    color: #fff;
}

.gps-track-tab.is-active {
    background: #18c4b4;
    color: #fff;
}

.gps-track-tab.is-active small {
    color: #fff;
}

.gps-info-card,
.gps-exercises-card,
.gps-event-level-card,
.gps-empty-card,
.gps-session-card,
.gps-guidelines-card,
.gps-note-card,
.gps-meeting-card {
    border: 1px solid #d9e8ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(16, 45, 54, 0.08);
}

.gps-info-card {
    margin-bottom: 16px;
    padding: 14px 17px;
    background: #f6fafb;
}

.gps-next-card {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 12px;
    background: #e6f8f5;
    border: 1px solid #b8eee8;
    /* background: #f6fafb;
    border: 1px solid #d7e7ed; */
}

.gps-hourglass {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #fff;
    color: #16bfb1;
    box-shadow: 0 8px 20px rgba(15, 120, 112, 0.16);
}

.gps-next-copy {
    flex: 1;
    min-width: 0;
}

.gps-next-label {
    display: block;
    color: #007c6f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.gps-next-heading-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.gps-next-heading-row .gps-level-pill {
    padding: 4px 9px;
    font-size: 11px;
}

.gps-next-copy h2,
.gps-session-card h3 {
    margin: 2px 0 2px;
    color: #00627d;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
}

.gps-next-copy p,
.gps-session-info p,
.gps-guidelines-card small,
.gps-event-meta,
.gps-meeting-card button {
    margin: 0;
    color: #536673;
    font-size: 12px;
    font-weight: 600;
}

.gps-register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 98px;
    min-height: 36px;
    border: 1px solid #cbdce3;
    border-radius: 7px;
    background: #fff;
    color: #00627d;
    font-size: 14px;
    font-weight: 700;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.gps-register-btn:not(:disabled):hover {
    background: #18c4b4;
    border-color: #18c4b4;
    color: #063a45;
}

.gps-next-action {
    display: grid;
    gap: 8px;
    justify-items: center;
    min-width: 128px;
}

.gps-next-action .gps-register-btn:not(.is-registered):not(.is-full) {
    background: #18c4b4;
    border-color: #18c4b4;
    color: #063a45;
}

.gps-next-action .gps-spots-text,
.gps-next-action .gps-full-text {
    text-align: center;
}

.gps-register-btn.is-registered {
    background: #ddfaf5;
    border-color: #ddfaf5;
    color: #007c6f;
}

.gps-register-btn.is-full {
    background: #fde7e9;
    border-color: #fde7e9;
    color: #cf3340;
}

.gps-register-btn:disabled {
    cursor: not-allowed;
    opacity: 1;
}

.gps-exercises-card,
.gps-event-level-card {
    margin-bottom: 18px;
    padding: 16px 20px;
}

.gps-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-bottom: 16px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #00627d;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.gps-card-heading[aria-expanded="false"] {
    margin-bottom: 0;
}

.gps-card-heading span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.gps-card-heading i {
    color: #13b8ad;
}

.gps-card-heading>i:last-child {
    flex: 0 0 auto;
    margin-left: auto;
    color: #536673;
}

.gps-chip-row,
.gps-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gps-chip,
.gps-filter-pill,
.gps-level-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 7px;
    background: #f6fafb;
    border: 1px solid #d4e5ec;
    color: #00627d;
    font-size: 12px;
    font-weight: 700;
}

.gps-level-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.gps-level-grid p {
    margin: 8px 0 0;
    color: #394c57;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.gps-level-pill {
    gap: 5px;
    min-height: 22px;
    padding: 3px 10px;
    border-radius: 999px;
    color: #004f5a;
}

.gps-level-pill i {
    font-size: 5px;
}

.gps-level-pill.is-low {
    background: #ccfbf1;
    border-color: #99f6e4;
}

.gps-level-pill.is-medium {
    background: #dff4ff;
    border-color: #bfe7f7;
}

.gps-level-pill.is-high {
    background: #012f3c;
    border-color: #012f3c;
    color: #fff;
}

.gps-filter-row {
    margin-bottom: 16px;
}

.gps-filter-pill {
    min-width: 44px;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
}

.gps-filter-pill.is-active {
    background: #006d89;
    border-color: #006d89;
    color: #fff;
}

.gps-section-title {
    margin: 0 0 14px;
    color: #5a6972;
}

.gps-session-list {
    display: grid;
    gap: 14px;
}

.gps-session-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 20px 22px;
}

.gps-session-card.is-event {
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: stretch;
    padding: 20px 22px 22px;
}

.gps-event-content {
    min-width: 0;
}

.gps-session-row {
    display: flex;
    gap: 28px;
    align-items: center;
    min-width: 0;
}

.gps-session-time {
    flex: 0 0 64px;
}

.gps-session-time span,
.gps-spots-text {
    display: block;
    color: #007c6f;
    font-size: 12px;
    font-weight: 800;
}

.gps-session-time strong {
    display: block;
    color: #00627d;
    font-size: 21px;
    line-height: 1.02;
    font-weight: 800;
}

.gps-session-time small {
    color: #536673;
    font-size: 11px;
    font-weight: 700;
}

.gps-session-info {
    flex: 1;
    min-width: 0;
}

.gps-session-info h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.gps-language-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #e9f7fb;
    color: #00627d;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.gps-language-pill i {
    font-size: 10px;
}

.gps-progress {
    width: min(324px, 100%);
    height: 5px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef1;
}

.gps-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #18c4b4;
}

.gps-full-text {
    display: block;
    color: #d12e3f;
    font-size: 12px;
    font-weight: 800;
}

.gps-session-card:has(.gps-full-text) .gps-progress span {
    background: #d12e3f;
}

.gps-event-card-top,
.gps-event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.gps-event-card-top {
    justify-content: space-between;
    margin-bottom: 10px;
}

.gps-event-card-top .gps-level-pill {
    gap: 6px;
}

.gps-event-card-top .gps-level-pill small {
    color: rgba(0, 91, 121, 0.72);
    font-size: inherit;
    font-weight: 700;
}

.gps-event-card-top .gps-level-pill.is-high small {
    color: rgba(255, 255, 255, 0.78);
}

.gps-event-card-top .gps-level-pill::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.gps-event-meta {
    margin-top: 14px;
}

.gps-event-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.gps-session-card.is-event h3 {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 18px;
}

.gps-event-bottom {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 22px;
    padding-top: 16px;
    border-top: 1px solid #e6eef2;
}

.gps-event-status {
    flex: 1;
    min-width: 220px;
}

.gps-event-status .gps-progress {
    width: min(324px, 100%);
}

.gps-session-card.is-event .gps-register-btn {
    min-width: 128px;
}

.gps-session-card.is-event .gps-card-calendar-row {
    padding-top: 0;
    border-top: 0;
}

.gps-session-card.is-event .gps-card-calendar-btn,
.gps-session-card.is-event .gps-card-calendar-added {
    width: 100%;
}

.gps-session-actions {
    display: flex;
    justify-content: flex-end;
}

.gps-card-calendar-row {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    padding-top: 14px;
    border-top: 1px solid #e6eef2;
}

.gps-card-calendar-btn,
.gps-card-calendar-added {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    border-radius: 10px;
    color: #00627d;
    font-size: 14px;
    font-weight: 700;
}

.gps-card-calendar-btn {
    border: 1px solid #9ee8df;
    background: #fff;
}

.gps-card-calendar-btn:hover {
    background: #effdfa;
}

.gps-card-calendar-added {
    border: 1px solid #ddfaf5;
    background: #ddfaf5;
    color: #007c6f;
}

.gps-empty-card {
    padding: 28px;
    color: #536673;
    font-weight: 600;
    text-align: center;
}

.gps-pagination {
    margin-top: 24px;
}

.gps-side {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 96px;
}

.gps-guidelines-card {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    padding: 14px 16px;
    text-align: left;
    color: #00627d;
}

.gps-guidelines-card span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #dffaf5;
    color: #007c6f;
}

.gps-guidelines-card small {
    grid-column: 2;
    line-height: 1.2;
}

.gps-guidelines-card>i {
    grid-column: 3;
    grid-row: 1 / span 2;
    color: #b8ccd5;
}

.gps-note-card {
    padding: 15px 16px;
    background: #fff7e8;
    border-color: #f7d59a;
    box-shadow: none;
}

.gps-note-card strong {
    color: #0f3e4b;
    font-size: 13px;
}

.gps-note-card p {
    margin-top: 6px;
    font-size: 12px;
}

.gps-meeting-card {
    display: grid;
    gap: 9px;
    padding: 15px 16px;
}

.gps-meeting-card button {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 16px;
    gap: 8px;
    align-items: center;
    padding: 9px 0;
    border: 0;
    border-top: 1px solid #e6eef2;
    background: transparent;
    text-align: left;
}

.gps-meeting-card span {
    overflow: hidden;
    color: #00627d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gps-register-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(33, 57, 63, 0.52);
    backdrop-filter: blur(3px);
}

.gps-register-modal {
    position: relative;
    width: min(460px, 100%);
    padding: 34px;
    border-radius: 22px;
    background: #fff;
    color: #314653;
    text-align: center;
    box-shadow: 0 24px 70px rgba(16, 45, 54, 0.24);
}

.gps-register-modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #e9fbf8;
    color: #00627d;
}

.gps-register-modal-check {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #dffaf5;
    color: #007c6f;
    font-size: 26px;
}

.gps-register-modal h2 {
    margin: 0 0 20px;
    color: #00627d;
    font-size: 26px;
    font-weight: 800;
}

.gps-register-modal-session {
    padding: 18px;
    border: 1px solid #d9e8ed;
    border-radius: 14px;
    background: #f7fcff;
    text-align: left;
}

.gps-register-modal-session h3 {
    margin: 0 0 12px;
    color: #00627d;
    font-size: 16px;
    font-weight: 800;
}

.gps-register-modal-session div,
.gps-register-modal-session p {
    display: flex;
    flex-wrap: wrap;
    /* column-gap: 18px; */
    row-gap: 8px;
    margin: 0;
    color: #40545f;
    font-size: 13px;
    font-weight: 500;
}

.gps-register-modal-session p {
    margin-top: 10px;
}

.gps-register-modal-session span,
.gps-register-modal-session p {
    align-items: center;
}

.gps-register-modal-session i {
    flex: 0 0 auto;
    margin-right: 6px;
    color: #8aa9b5;
}

.gps-register-modal-meta span,
.gps-register-modal-host {
    display: inline-flex;
    align-items: center;
}

.gps-register-modal-copy {
    margin: 18px 8px 20px;
    color: #314653;
    font-size: 15px;
    line-height: 1.5;
}

.gps-register-modal-calendar,
.gps-register-modal-added {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    min-height: 56px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
}

.gps-register-modal-calendar {
    border: 0;
    background: #18c4b4;
    color: #073b48;
    box-shadow: 0 10px 22px rgba(24, 196, 180, 0.26);
}

.gps-register-modal-calendar:disabled {
    cursor: wait;
    opacity: 0.8;
}

.gps-register-modal-added {
    background: #ddfaf5;
    color: #007c6f;
}

.gps-register-modal-done {
    margin-top: 18px;
    border: 0;
    background: transparent;
    color: #6a7f88;
    font-weight: 700;
}

.gps-guidelines-modal-dialog {
    max-width: 650px;
}

.gps-guidelines-modal {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 26px 70px rgba(5, 53, 67, 0.18);
}

.gps-guidelines-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px;
    border-bottom: 1px solid #e2edf2;
    background: #fff;
}

.gps-guidelines-header h5 {
    margin: 0;
    color: #00627d;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.gps-guidelines-close {
    height: 34px;
    width: 34px;
    min-width: 34px;
    border: 0;
    border-radius: 50%;
    background: #eef9fb;
    color: #00627d;
    display: grid;
    place-items: center;
    font-size: 16px;
}

.gps-guidelines-body {
    padding: 18px 24px 22px;
    background: #fff;
}

.gps-guidelines-intro {
    margin: 0 0 22px;
    color: #5a6f7d;
    font-size: 16px;
    line-height: 1.55;
}

.gps-guidelines-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gps-guideline-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.gps-guideline-check {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background: #dff7f4;
    color: #09a99b;
    font-size: 11px;
    margin-top: 2px;
}

.gps-guideline-item p {
    margin: 0;
    color: #4f6472;
    font-size: 16px;
    line-height: 1.5;
}

.gps-guideline-item p strong {
    color: #00627d;
    font-weight: 600;
}

@media (max-width: 991px) {
    .gps-layout {
        grid-template-columns: 1fr;
        max-width: 720px;
    }

    .gps-side {
        position: static;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .gps-page {
        padding: 30px 0 54px;
    }

    .gps-hero h1 {
        font-size: 30px;
    }

    .gps-track-tabs {
        display: flex;
        width: 100%;
        max-width: none;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .gps-track-tab {
        flex: 0 0 172px;
    }

    .gps-next-card,
    .gps-session-card,
    .gps-session-row {
        align-items: stretch;
    }

    .gps-session-card {
        grid-template-columns: 1fr;
    }

    .gps-next-card {
        flex-wrap: wrap;
    }

    .gps-register-btn {
        width: 100%;
    }

    .gps-level-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gps-session-row {
        gap: 16px;
    }

    .gps-session-actions {
        justify-content: stretch;
    }

    .gps-event-bottom {
        display: grid;
        gap: 14px;
    }

    .gps-event-status {
        min-width: 0;
    }

    .gps-card-calendar-row {
        padding-top: 0;
        border-top: 0;
    }
}

@media (max-width: 479px) {
    .gps-hero h1 {
        font-size: 27px;
    }

    .gps-info-card,
    .gps-exercises-card,
    .gps-event-level-card,
    .gps-session-card {
        padding: 15px;
    }

    .gps-next-card {
        padding: 16px;
    }

    .gps-session-time {
        flex-basis: 56px;
    }

    .gps-session-time strong {
        font-size: 18px;
    }

    .gps-event-meta {
        display: grid;
    }

    .gps-register-modal {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .gps-guidelines-modal-dialog {
        max-width: calc(100% - 24px);
        margin: 12px auto;
    }

    .gps-guidelines-header,
    .gps-guidelines-body {
        padding-left: 18px;
        padding-right: 18px;
    }

    .gps-guidelines-header h5 {
        font-size: 18px;
    }

    .gps-guidelines-intro,
    .gps-guideline-item p {
        font-size: 15px;
    }
}