.rz-ttl {
    font-weight:bold;
    font-size: 2.8rem;
    font-family: $gt-b;
  }


  .rz-banner-content{
      padding:0rem 14.3rem;
  }

  .course-col {}
  .course-box {}


  
  .all-coursec-blue {
      & .all-coursec-green{}
      & .all-coursec-red{}
  }




  .innerpage{
    .rz-sm-banner{
        background: #838383;
        min-height: 150px;
        padding: 20px 0 40px;
        .rz-sm-bnr-lft{
            .prof-img{

            }
            .prnt-name{
                font-size: 2.1rem;
                margin-left: 21px;
                color: #ffffff;
            }
        }
        .rz-sm-bnr-rgt{
            .sel-bx{
                border-radius: 4px;
                -webkit-border-radius:4px;
                -moz-border-radius:4px;
                -o-border-radius:4px;
                float: right;
                max-width: 220px;
                background-image:
                linear-gradient(45deg, transparent 50%, #CDCDCD 50%),
                linear-gradient(135deg, #CDCDCD 50%, transparent 50%);
                // linear-gradient(to right, #CDCDCD, #CDCDCD);
                background-position:
                    calc(100% - 20px) calc(1em + 2px),
                    calc(100% - 15px) calc(1em + 2px),
                    calc(100% - 2.5em) 0.5em;
                background-size:
                    5px 5px,
                    5px 5px,
                    1px 1.5em;
                background-repeat: no-repeat;
            }
            @include max(575){
                margin-top: 28px;
                .sel-bx{
                    float: none;
                    margin:0 auto;
                }
            }
        }
    }
    .page-title{
        margin-bottom: 30px;
        margin-top: 15px;
        h1{
            color: #8A8A8A;
        }
    }
    .reg-det{
        @include max(575){
            h2{
                margin-bottom: 0;
                padding-bottom: 0;
            }
        }
        .reg-det-inr{
            margin-top: 80px;
            margin-left: 0;
            margin-right: 0;
            .reg-det-lft{
                max-width: 562px;
                width: 100%;
                flex: 1;
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                flex-direction: column;
                -ms-flex-direction: column;
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                .reg-det-hd{
                    margin-bottom: 80px;
                    h3{
                        font-weight: 400;
                        @include max(575){
                            font-size: 2.4rem;
                        }
                    }
                    .reg-det-bxs-lst{
                        @include max(575){
                            flex-direction: column;
                            -ms-flex-direction: column;
                            -webkit-flex-direction: column;
                            -moz-flex-direction: column;
                        }    
                        li{
                            font-size: 2.1rem;
                            @include max(575){
                                margin-bottom: 10px;
                            }
                        }
                    }
                    @include max(767){
                        margin-bottom: 50px;
                    }
                }
                .reg-det-area{
                    .reg-det-area-lst{
                        @include max(420){
                            display: inline-block;
                            width: 100%;
                        }
                        li{
                            @include max(767){
                                width: calc(33.33% - 30px);
                            }
                            @include max(420){
                                width: 100%;
                                margin-bottom: 25px;
                            }
                            :nth-child(2), :nth-child(3){
                                // margin-left: 15px;
                            }
                            .lbl-hd{
                                font-size: 2rem;
                                margin-bottom: 27px;
                                display: block;
                                color: #000000;
                                font-weight: 700;
                                @include max(767){
                                    margin-bottom: 15px;
                                }
                            }
                            span {
                                @include max(767){
                                    width: 100%;
                                }
                            }
                            .btn.btn-gray{
                                font-size: 1.4rem;
                                &:hover{
                                    color:#ffffff;
                                }
                            }
                            @include max(1600){
                                .btn.btn-gray{
                                    padding: 0 25px;
                                }
                            }
                            @include max(1199){
                                .btn.btn-gray{
                                    padding: 0 15px;
                                }
                            }
                        }
                    }
                }
                .reg-det-btns{
                    margin-top: 80px;
                    .reg-det-btns-lst{
                        li{
                            width: 48%;
                            display: inline-block;
                            a{
                                width: 100%;
                                display: block;
                                line-height: 6rem;
                                font-size: 2rem;
                            }
                        }
                    }
                    @include max(767){
                        margin:50px 0
                    }
                }
                @include max(1199){
                    max-width: 480px;
                    justify-content: flex-start;
                    -webkit-justify-content: flex-start;
                    -moz-justify-content: flex-start;
                    -ms-justify-content: flex-start;
                }
            }
            .reg-det-rgt{
                max-width: 614px;
                width: 100%;
                margin-left: 66px;
                .row{
                    @include max(575){
                        margin:0 -15px;
                    }
                }
                .mb_pd{
                    @include max(575){
                        padding: 0 10px;
                    }
                }
                .reg-det-rgt-bl{
                    background: #F1F8FE;
                    min-height: 485px;
                    .reg-det-rgt-bl-ltr{
                        padding-top: 50px;
                        position: relative;
                        @include max(575){
                            padding-top: 60px;
                            
                        }
                        .wht-round{
                            height: 110px;
                            width: 110px;
                            background: #ffffff;
                            border-radius: 50%;
                            display: block;
                            position: absolute;
                            left: 10px;
                            top:24px;
                            @include max(575){
                                height: 100px;
                                width: 100px;
                                top: 0px;
                            }
                        }
                        label{
                            color: #000000;
                            max-width: 120px;
                            margin-left: 60px;
                            font-size: 2.5rem;
                            position: relative;
                            @include max(575){
                                margin-left: 60px;
                                max-width: 120px;
                                font-size: 3rem;
                            }
                        }
                    }
                    @include max(991){
                        min-height: 250px;
                    }
                    
                }
                .reg-det-rgt-txt{
                    @include max(991){
                        margin-top: 20px;
                    }
                }
                @include max(1199){
                    max-width: 530px;
                }
                @include max(991){
                    max-width: 302px;
                }
                @include max(767){
                    max-width: 100%;
                    margin-left: 0;
                }
            }
            @include max(991){
                margin-top: 50px;
            }
        }
    }
    .c-reg-bx{
        padding: 100px 0;
        padding-bottom: 15px;
        @include max(767){
            padding: 70px 0;
            padding-bottom: 15px;
        }
        h3{
            margin: 0 0 35px;
            padding: 0;
            @include max(767){
                margin: 0 0 30px;
            }
        }
    }

/********parent-dashboard********/

.rz-sm-banner.gr-bnr{
    &:before{
        border-bottom-color: #F8F8F8;
    }
}
.par-tab-sec{
    overflow: hidden;
    .tab-hd{
        background: #F8F8F8;
        margin:0;
        @include max(575){
            padding-top: 15px;
        }
        .nav{
            padding: 50px 0 15px;
            @include max(767.98) {
                padding-bottom:25px ;
            }
            li{
                margin-right: 53px;
                position: relative;
                @include max(767){
                    margin-right: 30px;
                }
                a {
                    @include max(767.98) {
                        font-size: 2.3rem;
                    }
                }
                a.nav-link{
                    &.active{
                        background: transparent;
                        color: #8A8A8A;
                        &:after{
                            position: absolute;
                            bottom: -15px;
                            left: -10%;
                            content: "";
                            height: 10px;
                            width: 128%;
                            background: #D8D8D8;
                            @include max(575){
                                height: 5px;
                            }
                        }
                    }
                    &:hover{
                        color: #8A8A8A;
                    }
                }
                @include max(575){
                    display: inline-block;
                }
            }
            @include max(575){
                white-space: nowrap;
                overflow: auto;
                display: block;
            }

        }
    }
    .tab-content{
        .tab-pane{
            .btm-pad{
                margin-bottom: 38px;
                .par-tab-lft{
                    label{
                        font-size: 2.1rem;
                        font-weight: 700;
                        line-height: normal;
                    }
                    @include max(575){
                        margin-bottom: 10px;
                    }
                }
                .par-tab-rgt{
                    .par-tab-rgt-btn{
                        ul{
                            @include max(360){
                                display: inline-block;
                            }
                            li{
                                width: 31.3%;
                                margin: 0 1%;
                                a{
                                    display: block;
                                    box-shadow: none;
                                    border: 1px solid #979797;
                                    color: #6D7278;
                                    width: 100%;
                                    line-height: 55px;
                                    padding: 0;
                                    &:hover,&:active,&:focus{
                                        border: 1px solid #979797;
                                        color: #6D7278;
                                    }
                                }
                                &.active{
                                    a{
                                        border:none;
                                        color: #ffffff;
                                        &:hover,&:active,&:focus{
                                            border:none;
                                            color: #ffffff;
                                        }
                                    }
                                }
                                @include max(575){
                                    display: inline-block;
                                    width: 170px;
                                    margin:0 auto 15px;
                                    &:first-child{
                                        margin-top: 40px;
                                        @include max(767){
                                            margin-top: 0;
                                        }
                                    }
                                }
                                @include max(560){
                                    width: 31%;
                                    margin-left: 0;
                                    margin-right: 0;
                                }
                                @include max(360){
                                    width: 100%;
                                    display: inline-block;
                                }
                            }
                        }
                    }
                    @include max(991){
                        padding-left: 20px;
                    }
                    @include max(575){ 
                        padding-left:0px;
                    }
                }
            }
        }
    }
}
    .grey-sec{
        @include gradient-vertical (#F8F8F8,#fff,0,75%);
        padding-top: 25px;
        margin-top: 75px;
        @include max(767){
            margin-top: 0;
        }
        h3{
            margin-bottom: 20px;
        }
        .course-box .course-overview{
            height: 100%;
        }
    }
}
.pop_bx{
    @include max(767){
        padding-right: 0 !important;
    }
    .modal-dialog{
        max-width: 580px;
        margin-top: 240px;
        @include max(767){
            margin-top: 60px;
        }
        .modal-body{
            padding: 60px 80px;
            text-align: center;
            @include max(767){
                padding: 20px;
            }
            .pop_hd{
                h4{
                    font-size: 2.4rem;
                    text-align: center;
                    margin-bottom: 44px;
                    padding: 0;
                    @include max(767){
                        margin-bottom: 30px;
                    }
                }
            }
            .popbtn{
                margin: 60px auto 0;
                max-width: 408px;
                display: block;
                background: #868686;
                color: #ffffff;
                font-size: 2.4rem;
                @include max(767){
                    margin: 20px auto 0;
                }
            }
        }
    }
}


