/* CSS Document */
   
        :root {
            --primary-color1: #EFEBFB;
            --primary-color2: #EFEBFB;
            --primary-color3: #5E5E5E;
            --primary-color4: #531b93;
            --primary-color5: #EFEBFB;
            --primary-color6: #EFEBFB;
            --primary-color7: #531b93;
            --primary-color8: linear-gradient(180deg, #efebfb 0%, #efebfb 35%, #fafafe 100%);
            --primary-color9: linear-gradient(0deg, #efebfb 0%, #efebfb 35%, #fafafe 100%);
            --primary-color10: #EFEBFB;
            --primary-color11: #531b93;
            --primary-color12: #EFEBFB;
             --primary-color13: #EFEBFB;
        }

        .is_light {
            --primary-color1: #261046;
            --primary-color2: #EBEBEB;
            --primary-color3: #EBEBEB;
            --primary-color4: #009193;
            --primary-color5: #EFEBFB;
            --primary-color6: #531b93;
            --primary-color7: #EBEBEB;
            --primary-color8: linear-gradient(180deg, #261046 0%, #261046 35%, #371668 100%);
            --primary-color9: linear-gradient(0deg, #261046 0%, #261046 35%, #371668 100%);
            --primary-color10: #EFEBFB;
            --primary-color11: #531b93;
            --primary-color12: #EBEBEB;
            --primary-color13: #5E5E5E;
        }

        .is_dark {
            --primary-color1: #EFEBFB;
            --primary-color2: #EFEBFB;
            --primary-color3: #5E5E5E;
            --primary-color4: #531b93;
            --primary-color5: #EFEBFB;
            --primary-color6: #EFEBFB;
            --primary-color7: #531b93;
            --primary-color8: linear-gradient(180deg, #efebfb 0%, #efebfb 35%, #fafafe 100%);
            --primary-color9: linear-gradient(0deg, #efebfb 0%, #efebfb 35%, #fafafe 100%);
            --primary-color10: #EFEBFB;
            --primary-color11: #531b93;
            --primary-color12: #EBEBEB;
            --primary-color13: #EBEBEB;
        }

        body {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: Inter, sans-serif !important;
            background-color: var(--primary-color6) !important;

        }

        body section:nth-child(odd) {
            background: var(--primary-color9) !important;
        }

        body section:nth-child(2n) {
            background: var(--primary-color8) !important;
        }

html {
    height: 100%;
    margin:0;
}

.bg {
  background-image: url("/images/mountain.png");
  opacity: 0.3;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index:-1000;
}

        #menu {
            background-color: var(--primary-color1) !important;
            -webkit-transition: -webkit-box-shadow 0.5s ease;
            transition: -webkit-box-shadow 0.5s ease;
            transition: box-shadow 0.5s ease;
            transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
        }

        #btnTheme {
            background-color: var(--primary-color6) !important;
            color: var(--primary-color7) !important;
        }

        .menuBtn {
            color: var(--primary-color3) !important;
            outline: none !important;
        }

        .leftBtn {
            display: inline-block;
            vertical-align: middle;
        }

        .btnAction {
            background-color: var(--primary-color4) !important;
            color: var(--primary-color5) !important;
            width: 140px;
        }

            .btnActionSmall {
            background-color: var(--primary-color4) !important;
            color: var(--primary-color5) !important;
            width: 80px;
        }

            .btnActionMedium {
            background-color: var(--primary-color4) !important;
            color: var(--primary-color5) !important;
            width: 110px;
        }

        .btnAction:hover, .btnActionSmall:hover, .btnActionSmall:hover {
            color: var(--primary-color4) !important;
            background-color: var(--primary-color5) !important;
        }

        .btnActionWhite {
            background-color: var(--primary-color5) !important;
            color: #531b93 !important;
            width: 140px;
        }

        .btnActionSmallWhite {
            background-color: var(--primary-color5) !important;
            color: #531b93 !important;
            width: 80px;
        }
                .btnActionMediumWhite {
            background-color: var(--primary-color5) !important;
            color: #531b93 !important;
            width: 110px;
        }

        .btnActionWhite:hover, .btnActionSmallWhite:hover, .btnActionMediumWhite:hover,.menuBtn:hover {
            background-color: var(--primary-color4) !important;
            color: var(--primary-color10) !important;
        }

       .btnAlert {
            background-color: var(--primary-color4) !important;
            color: var(--primary-color5) !important;
            width: 140px;
        }

            .btnAlertSmall {
            background-color: red !important;
            color: whitesmoke !important;
            width: 80px;
        }

            .btnAlertMedium {
            background-color: red !important;
            color: whitesmoke !important;
            width: 110px;
        }
        .btnAlert:hover, .btnAlertSmall:hover, .btnAlertMedium:hover {
            color: red !important;
            background-color: whitesmoke !important;
        }

        .menuPanel {
            background-color: var(--primary-color1) !important;
            height:60%;
            width:100%;
        }

.textTab {

    color: #EBEBEB; 
    background-color: #009193;    
    border: 2px solid #009193; 
    border-radius: 5px;
    padding: 2px;
}

.card:hover {
    background-color: #D5D5D580;
    cursor: pointer;
}

        .jumbo_section {
            height: calc(100vh);
            z-index: 10;
        }

        .textColor {
            color: var(--primary-color3) !important;
        }

        .speech-bubble {
            position: relative;
            background: #ffffff;
            border: 20px solid #531b93;
            border-radius: 40px;
            padding: 20px;
            margin: 0 auto;
            text-align: center;
            min-height: 300px;
        }

        .speech-bubble:before {
            content: '';
            position: absolute;
            bottom: -20px;
            right: 32px;
            width: 0;
            height: 0;
            border: 48px solid transparent;
            border-top-color: #531b93;
            border-bottom: 0;
            border-right: 0;
            margin-left: -24px;
            margin-bottom: -48px;
        }

        .speech-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 100%;
        }

        .footer {
            background-color: var(--primary-color11) !important;
            color: var(--primary-color10) !important;
        }

        a:link {
            color: var(--primary-color10) !important;
            text-decoration: none;
        }

        a:visited {
            color: var(--primary-color10) !important;
            text-decoration: none;
        }

        a:hover {
            color: var(--primary-color10) !important;
            text-decoration: none;
        }

        a:active {
            color: var(--primary-color10) !important;
            text-decoration: none;
        }

        .circle-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

        .circle-button-inner {
            position: fixed;
            bottom: 80px;
            right: 20px;
            width: 60px;
            height: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }


        .circle-border {
            fill: var(--primary-color10) !important;
            stroke: var(--primary-color11) !important;
            stroke-width: 5;
        }

        .arrow {
            color: #531b93;
            font-size: 25px;

            position: relative;
            top: 1px;
        }

        .progress-svg {
            -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
        }

        .btnFAQ {
            background-color: var(--primary-color4) !important;
            color: var(--primary-color5) !important;
        }

        .btnFAQ:hover {
            background-color: var(--primary-color10) !important;
            color: var(--primary-color11) !important;
        }

        .btnFAQ:active {
            background-color: var(--primary-color10) !important;
            color: var(--primary-color11) !important;
            border: none;
        }

        .btnFAQ:focus {
            background-color: var(--primary-color10) !important;
            color: var(--primary-color11) !important;
            border: none;
        }

        .card,
        .card-header,
        .card-body {
            border: none;
            background-color: transparent;
        }

@media screen and (max-width:576px) {
    .menuPanel {height:100%;}
    .menuPanel {height:100%;}

    .offcanvas-title{
        font-size: 18px;
    }

    .offcanvas-para{
        font-size: 12px;
    }

    .offcanvas-subtitle{
        font-size: 16px;
    }

        .offcanvas-subpara{
        font-size: 10px;
    }
}