/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #b2d2fb; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.arrow-down {
  position: relative;
  padding-right: 18px !important;
  &::before{
    content: '';
    position: absolute;
    width: 0; 
    height: 0;
    right: 22px; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;  
    border-top: 8px solid white;
  }
}


.rz-head {
    font-weight:600;
    font-size: 2.8rem;
    padding:8px 0px;
    color: black;
    @include max(991){
       font-size: 2.0rem;
    }
}

.rz-head-2{
    font-weight: 400;
    font-size: 3.5rem;
    color: black;
    @include max(991){
      font-size: 3.3rem;
   }
    // font-family: $gt-b;
}


.tech-head{
    padding-top: 190px;
    @include max(1199){
      padding-top: 78px;
   }
    @include max(991){
      padding-top: 45px;
   }
}



.aside-bar-wrapp{
  position: fixed;
  right: -400px;
  background: white;
  width: 345px;
  overflow: auto;
  top:0;
  bottom: 0;
  z-index: 2000;
  
  padding: 0px 28px;
  padding-right: 0;
  @include max(575){
    width:100%;
    right:-100%;
  }
  @include transition(all,0.3s,ease-in-out);
  .aside-boxes{
    padding-top: 45px;
    &:not(:first-child){
      padding-top: 12px;
      padding-bottom: 8px;
      text-align: left;
    }
   
    .ttl{
      font-size: 2.0rem;
      color: black;
    }
    &:nth-last-child(-n+2){
       padding-bottom: 60px;
       @include max(767){
        padding-bottom: 30px;
      }
    }
    &:nth-last-child(-n+1){
      padding-bottom: 10px;
   }
    // {
    //   padding-bottom: 30px;
    // }
  }
  .btn-blue {
    margin-bottom: 15px;
    &:hover ,&:focus {
      background: $white;
      color: $black;


    }
  }
  &.aside-active{
    right: 0px;
      box-shadow: 0px 20px 30px #828282;
  }
}


.txt-white{
    color: white !important;
}


.rz-para{
    font-size: 2.0rem;
    // font-family: $gt-r;
}


.rz-paragraph{
    text-align: left;
}

.rz-fltr-ttl{
    // padding-top: 71px;
    // padding-bottom: 100px;
    padding-top: 10px;
    padding-bottom: 8px;
    @include max(991){
      padding-bottom: 29px;
      padding-top: 17px;
    }
    @include max(767){
      padding-bottom: 10px;
    }
}

// .section-title{
//     font-weight: 400;
// }

.custom-drop-select {
    position: relative;
    max-width: 124px;
    height: 37px;
    text-align: center;
    border-radius: 4px;
    margin-left: auto;
    margin-right: 0;
    color: white;
    font-size:12rem;
    &.blue-grad{
      background: rgb(75,143,239);
      background: -webkit-gradient(linear, left top, right top, from(rgba(75,143,239,1)), to(rgba(73,91,254,1)));
      background: linear-gradient(90deg, rgba(75,143,239,1) 0%, rgba(73,91,254,1) 100%);
      .select-items{
        background: rgb(75,143,239);
        background: -webkit-gradient(linear, left top, right top, from(rgba(75,143,239,1)), to(rgba(73,91,254,1)));
        background: linear-gradient(90deg, rgba(75,143,239,1) 0%, rgba(73,91,254,1) 100%);
      }
    }
    &.green-grad{
      background: rgb(137,213,142);
      background: linear-gradient(90deg, rgba(137,213,142,1) 0%, rgba(88,217,198,1) 100%);
      .select-items{
        background: rgb(137,213,142);
        background: linear-gradient(90deg, rgba(137,213,142,1) 0%, rgba(88,217,198,1) 100%);
      }
    }

    &.red-grad{
      background: rgb(235,42,57);
      background: linear-gradient(90deg, rgba(235,42,57,1) 0%, rgba(241,97,74,1) 100%);
      .select-items{
        background: rgb(235,42,57);
        background: linear-gradient(90deg, rgba(235,42,57,1) 0%, rgba(241,97,74,1) 100%);
      }
    }
}
  
.custom-drop-select select {
    display: none;
}
  
.select-selected {
background-color: transparent;
color: white;

}
  
.select-selected.select-arrow-active:after {
border-color: transparent transparent #9d9d9d transparent;
top: 10px;
}
  
// .select-selected:after {
// position: absolute;
// content: '\e90b';
// font-family: 'icomoon';
// font-size: 10px;
// color: #dddddd;
// top: 10px;
// right: 6px;
// width: 0;
// height: 0;
// }
  
  .select-items div,
  .select-selected {
    color: #818181;
    padding: 15px 0px;
    font-size: 14px;
    letter-spacing: 0.030em;
    font-family: 'Roboto-Medium';
    font-weight: 300;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  
  .select-items div:hover {
    color: #e4e4e4;
  }
  
  .select-items div:last-child {
    border-bottom: 0px;
  }
  
  .select-selected {
    letter-spacing: inherit;
    font-weight: 400 !important;
    // line-height: 3;
  }
  
  .select-items {
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 0px 15px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: white;
  }
  

.btn{
    &.btn-block{
        width: 100%;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        border-radius: 0;
        line-height: 3.6;
        // font-family: $gt-r;
        font-weight: 600;
        @include max(1199){
          font-size:1.4rem;
        }
    }
    
    // &.bg-blue{
    //     background: rgb(77,179,228);
    //     background: linear-gradient(-90deg, rgba(77,179,228,1) 0%, rgba(75,126,245,1) 100%);
    // }
}


  .select-hide {
    /*display: none;*/
    visibility: hidden;
    top: 40px;
    opacity: 0;
  }

  .select-items .items{
      color: white;
      font-family: $FrutigerLTArabicBold;
      font-weight: 400;
  }
  
  .select-items div:hover,
  .same-as-selected {
    // background-color: rgba(0, 0, 0, 0.1);
  }
  
  .select-selected {
    // height: 50px;
    width: 100%;
    padding: 8px 10px;
    background-color: transparent;
    border-radius: 0px;
    color:white;
    resize: none;
    font-family: $FrutigerLTArabicBold;
    font-weight: 400;
  }




.rz-banner-content-wrapper{
    position: relative;
    padding:0px 144px;
    @include max(991){
      padding-right: 0px;
    }
    @include max(767){
      padding-left:0;
    }
      &::before{
         content: '';
         position: absolute;
         width: 127px;
         height: 82px;
         background: url('../images/calc.svg');
         left: -85px;
         top: 50px;
         @include max(767){
          width: 51px;
          height: 33px;
          background-size:contain;
          width: 30px;
          top: 15px;
          right: 15px;
          left: inherit;
          background-repeat: no-repeat;
        }
      }


      &.rize-tech{
        &::before{
          content: '';
          position: absolute;
          width: 143px;
          height: 138px;
          background: url('../images/bann-tech.svg');
          background-size: contain;
          background-repeat:no-repeat; 
          left: -85px;
          top: 85;
          @include max(767){
            width: 51px;
            height: 33px;
            background-size:contain;
            width: 30px;
            top: 15px;
            right: 15px;
            left: inherit;
            background-repeat: no-repeat;
          }
       }

      }
      &.rize-art{
        &::before{
          content: '';
          position: absolute;
          width: 143px;
          height: 138px;
          background: url('../images/bann-art.svg');
          background-size: contain;
          background-repeat:no-repeat;
          left: -85px;
          top: 50px;
          @include max(767){
            width: 51px;
            height: 33px;
            background-size:contain;
            width: 30px;
            top: 15px;
            right: 15px;
            left: inherit;
            background-repeat: no-repeat;
          }
       }
      }


}


.rz-banner{
    min-height: 26.1rem;
    @include max(767){
      min-height: 30.1rem;
    }

    @include max(575){
      min-height: 25.1rem;
      .rz-para{
        font-size: 1.8rem;
      }
    }

    position: relative;
    overflow: hidden;
    &::before{
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0;
        border-bottom: 78px solid white;
        border-left: 2000px solid transparent;
     }
}


.rz-txt-content{
max-width: 812px;
}
.rz-rize-mathimg{
    padding-top: 44px;
    margin-bottom: 15px;
    text-align: left;
    @include max(575){
      padding-top: 35px;
      img{
         width: 160px;
      }
    }
}

.inr-sec{
    .course-row{
        div[class*="col-"]{
            padding:0px 7.5px
        }
    }
}

  .rz-banner-blue{
    background: rgb(77,179,228);
    background: -webkit-gradient(linear, right top, left top, from(rgba(77,179,228,1)), to(rgba(75,126,245,1)));
    background: linear-gradient(-90deg, rgba(77,179,228,1) 0%, rgba(75,126,245,1) 100%);
     
  }
  .rz-banner-green{
    background: rgb(137,213,142);
    background: linear-gradient(90deg, rgba(137,213,142,1) 0%, rgba(88,217,198,1) 100%);
  }          
  .rz-banner-red{
    // background: rgb(235,42,57);

    // background: linear-gradient(90deg, rgba(235,42,57,1) 0%, rgba(241,97,74,1) 100%);
    background: rgb(2,0,36);
    background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#f8aa5f",GradientType=1);
  }


  .course-col {
    margin-bottom: 30px;
    @include max(575){
      margin-bottom: 18px;
    }
  }
  .course-box {
    min-height: 425px;
    overflow: hidden;
    position: relative;
    padding:15px;
    cursor: pointer;
    .course-circle{
        width: 148px;
        height: 148px;
        border-radius: 100%;
        position: absolute;
        top: 15px;
        left: 15px;
        @include flexbox();
        @include justify-content(center);
        @include align-items(center);
        font-size: 2.66rem;
        color: black;
        padding-left: 25px;
        padding-right: 25px;
        text-align: left;
        line-height: 1.3;
        @include max(1199){
          width: 128px;
          height: 128px;
          // font-size: 30px;
        }
        @include max(991){
          font-size: 2.0rem;
        }
        @include max(575){
          width: 100px;
          height: 100px;
        }
        @include max(767){
           font-size: 2.5rem;
           padding-left: 0px;
           span{
            left: 20% !important;
            line-height: 1.3;
            font-size: 1.9rem;
           }
        }
        span{
          position: absolute;
          left: 40px;
          display: block;
    width: 100%;
        }
    }
    .course-start-btn{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .course-overview{
    position: absolute;
    background: rgba(0, 0, 0, 0.80);
    left: 0;
    top: 0;
    text-align: left;
    height: calc(100% - 60px);
    /* bottom: 0; */
    padding: 20px;
    @include max(991){
       padding: 7px;
    }
    padding-bottom: 60px;
    overflow: auto;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    color: white;
    @include transition(all,0.3s,ease-in-out);
       span{
        display: block;
        font-weight:400;
        font-size: 1.6rem;
        font-family: $gt-b;
        margin-bottom: 5px;
       }
       p{
           margin-bottom: 18px;
       }

       @include max(1199){
        height: calc(100% - 49px);
       }
       @include max(991){
        height: calc(100% - 50px);
      }
      @include max(767){
        height: calc(100% - 50px);
      }
       @include max(575){
        height: calc(100% - 50px);
      }
    }


  .course-grade{
     padding-bottom: 80px;
     text-align: left;
     position: absolute;
     bottom: 0;
     @include max(1199){
      padding-bottom: 69px;
     }
  }

    .course-root-img{
        padding:10px;
        @include max(991){
          padding: 0px;
          width: 100%;
          height: 78px;
           img{
              width: 100%;
              height: 100%;
           }
         }
        img{
          max-width: 100%;
        }
    }

    &:hover{
        .course-overview{
            visibility:visible;
            opacity: 1;
        }
    }

    @include max(1199){
        min-height: 460px;
    }

    @include max(575){
      height: 380px;
      min-height: auto;
    }

   &.taster-green{
     &::before{
      content:'';
      position:absolute;
      width:156px;
      height:156px;
      background:url('../images/taster.svg');
      background-repeat:no-repeat;
      top:-25px;
      right:-25px;
      @include max(767) {
        display: none;
      }
     }
    }
    &.taster-blue{
      &::before{
       content:'';
       position:absolute;
       width:156px;
       height:156px;
       background:url('../images/taster-blue.svg');
       background-repeat:no-repeat;
       top:-25px;
       right:-25px;
       @include max(767) {
        display: none;
      }
      }
     }
     &.taster-red{
      &::before{
       content:'';
       position:absolute;
       width:156px;
       height:156px;
       background:url('../images/taster-red.svg');
       background-repeat:no-repeat;
       top:-25px;
       right:-25px;
       @include max(767) {
        display: none;
      }
      }
     }

    
  }
  
.btn-custom{
    padding: 0 79px;
    min-height: 55px;
}

.blue-gradiant{
    background: rgb(75,143,239) !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(75,143,239,1)), to(rgba(73,91,254,1))) !important;
    background: linear-gradient(90deg, rgba(75,143,239,1) 0%, rgba(73,91,254,1) 100%) !important;
    &:hover 
    {
      background: -webkit-gradient(linear, left top, right top, from(rgba(75,143,239,1)), to(rgba(73,91,254,1)));
      background: linear-gradient(180deg, rgba(75,143,239,1) 0%, rgba(73,91,254,1) 100%);
      color: #fff;
      transition: all ease 0.5s;
      -o-transition: all ease 0.5s;
      -webkit-transition: all ease 0.5s;
    }
}
.green{
    color: white !important;
    background: rgb(137,213,144);
    background: linear-gradient(90deg, rgba(137,213,144,1) 0%, rgba(81,218,207,1) 100%) !important;
    
}

.red-gradient{
  background: rgb(2,0,36) !important;
  background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%) !important;
  background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%) !important;
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#f8aa5f",GradientType=1) !important;
}


  .all-coursec-blue {
      .course-box{
        background: rgba(178, 210, 251, 0.32);
      }
      .course-circle{
        background:#B2D2FB;
      }

    .btn{
      @include max(575){
        padding-left: 0;
        padding-right: 0;
      }
        background: rgb(77,179,228);
        background: -webkit-gradient(linear, right top, left top, from(rgba(77,179,228,1)), to(rgba(75,126,245,1)));
        background: linear-gradient(-90deg, rgba(77,179,228,1) 0%, rgba(75,126,245,1) 100%);
    } 
  }
  .reg_det_bxs_lst {
    font-family: $gt-r;
  }
  .all-coursec-green{
    .course-box{
      background: rgba(178, 251, 180, 0.30);
    }
    .course-circle{
      background:#B2FBB4;
    }

  .btn{
    @include max(575){
      padding-left: 0;
      padding-right: 0;
    }
    background: rgb(137,213,144);
    background: linear-gradient(90deg, rgba(137,213,144,1) 0%, rgba(81,218,207,1) 100%);
  } 

  }

  .all-coursec-red{
    .course-box{
      background: rgba(251, 216, 178, 0.30);
    }
    .course-circle{
      background:#FBD8B2;
    }

  .btn{
    @include max(575){
      padding-left: 0;
      padding-right: 0;
    }
    background: rgb(2,0,36);
    background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(241,98,74,1) 0%, rgba(248,170,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#f8aa5f",GradientType=1);
  } 

  }

  .pos-relative{
      position: relative !important;
  }

  .tech-start{
    position: relative;
    // padding-top: 122px;
    margin-top: 122px;
    padding-bottom: 155px;
    @include max(991){
      margin-top: 0px;
      padding-bottom: 40px;
    }
    .rz-head-2{
        padding-top: 62px;
        margin-bottom: 30px;
        @include max(991){
          padding-top: 45px;
        }
    }
    &:before{
       content: '';
        width: 40px;
        height: 47px;
        position: absolute;
        left: 12%;
        top: 0;
        background: url('../images/orange.svg');
        background-repeat: no-repeat;
    }
    &:after{
      content: '';
       width: 40px;
       height: 47px;
       position: absolute;
       right:18%;
       top: 0;
       background: url('../images/plus.svg');
       background-repeat: no-repeat;
   }
   @include max(991){
      &:before{
        right: 0;
        left: auto;
        top:-20px;
      }
      &:after{
        display: none;
      }
   }
    .tech-btn-wrap{
        a{
            font-weight: 400;
            font-size: 2.0rem;
            margin-left: 25px;
            margin-right: 25px;
            &:first-child{
                margin-left: 0px;
            }
            &:last-child{
                margin-right: 0px;
            }
        }

        @include max(991){
            @include flexbox();
            @include flex-direction(column);
            max-width: 225px;
            margin: 0 auto;

            a{
              margin: 0;
              margin-bottom: 37px;
              &:last-child{
                margin-bottom: 0px;
              }
            }
        }

    }
}

  .rz-tech-wrapper{
      overflow: hidden;
    //  background-repeat: no-repeat !important;
    //  background-position: 282px 65px !important;
    position: relative;
    .rz-tech-dots-right{
        position: absolute;
        right: -120px;
        @include max(991){
            img{
              display: none;
            }
            width: 37px;
            height: 42px;
            background: url('../images/plus.svg');
            background-repeat: no-repeat;
            right: 10px;
            top: 12%;
        }
    }

    .rz-tech-dots-left{
        position: absolute;
        left: -40px;
        top: 33%;
        @include max(1199){
          top: 23%;
          left: -40px;
        }
        @include max(991){
          top: 33%;
        }
    }

     .tech-head{
         margin-bottom: 43px;
         
     }


     .tech-image{
         max-width: 833px;
         margin:0 auto;
         @include flexbox();
         @include justify-content(space-between);
         @include max(991){
          max-width: 423px;
           @include flex-direction(column);
           @include align-items(center);
           text-align: center;
        }
         .rz-img{
          @include max(991){
            margin-bottom: 45px;
          }
           .tech-text{
             display: none;
             @include max(991){
              display: block;
              margin-top: 30px;
              p{
                margin-bottom: 0px;
                font-size: 2.2rem;
              }
            }
           }       
           img{
            width: 237px;
          }

              @include max(767){
                  img{
                    width: 150px;
                  }
                }
           &.rz-cul-img{
             img{
              width: 437px;
              @include max(767){
                width: 237px;
              } 
             }
           }
            // &:first-child{
               
            //     @include max(991){
            //       img{
            //         width: 137px;
            //       }
            //     }
            // }
            // &:last-child{

            //   img{
            //     width: 437px;
            //   }
            //   @include max(991){
            //     max-width: 237px;
            //   } 
            // }
         }
         
     }
  }

  .x-close{
    width: 35px;
    height: 35px;
    // border: 1px solid #ddd;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 15px;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    &.close-bg-blue{
     ackground: rgb(77,179,228);
      background: -webkit-gradient(linear, right top, left top, from(rgba(77,179,228,1)), to(rgba(75,126,245,1)));
      background: linear-gradient(-90deg, rgba(77,179,228,1) 0%, rgba(75,126,245,1) 100%);
      svg{
        fill:white;
      }
    }

    &.close-bg-blue{
      background: rgb(77,179,228);
      background: -webkit-gradient(linear, right top, left top, from(rgba(77,179,228,1)), to(rgba(75,126,245,1)));
      background: linear-gradient(-90deg, rgba(77,179,228,1) 0%, rgba(75,126,245,1) 100%);
      svg{
        fill:white;
      }
    }

  &.close-bg-green{
      color: white !important;
      background: rgb(137,213,144);
      background: linear-gradient(90deg, rgba(137,213,144,1) 0%, rgba(81,218,207,1) 100%) !important;
      svg{
        fill:white;
      }
  }
  
  &.close-bg-red{
    background: rgb(235,42,57) !important;
    background: linear-gradient(90deg, rgba(235,42,57,1) 0%, rgba(241,97,74,1) 100%) !important;
    svg{
      fill:white;
    }
  }
  

  }

  .btn-custom-small{
    // max-width: 100px;
    min-height: 42px !important;
    margin-right: 15px;
    font-weight: 400;
    padding: 0 8px;
    font-size: 1.4rem !important;
    margin-bottom: 20px;
    min-width: 136px;
    @include max(575){
      min-width:120px
    }
    background: #F2F2F2;
  }

  .color-green{
    color:#44D7B6 !important;
  }
  .color-red{
    color:#FA6400 !important;
  }
  .color-blue{
    color:#0091FF !important;
  }

  .recommended{
    padding-bottom: 160px;
    .tech-head{
      padding-top: 137px;
    }
  }

  .rz-recommended-head{
    padding-top: 40px;
    padding-bottom: 44px;
    @include max(767) {
      padding-bottom: 25px;
      .fw400 {
        text-align: center;
       }
    }
    
  }




  // Course - details 
.rz-banner-hig{
  min-height: 130px !important;
}

.rz-email-width{
  min-width: 200px !important;
}

.btn-custom-grey{
  background: #838383;
  color:white;
}
.course-details-page{
  p{
    color: black;
  }
}
// .course-details-page{
//   .rz-banner{
//     min-height: 130px !important;
//   }
// }
.course-det-edit{
  display: block;
  input{
    background: transparent;
    color: black;
    &::placeholder{
      color: white;
    }
    &:first-child{
      padding-left: 0px;
    }
  }
  @include max(575){
    @include flex-direction(column);
    align-items: flex-start !important;
    input{
      padding-left: 0px !important;
    }
  }
}

  .obje-list{
    margin-top: 28px;
    padding-left: 20px;
    li{
      list-style: disc;
      margin-bottom: 12px;
      font-size: 1.6rem;
      color: black;
      @include max(767){
        font-size: 2rem;
      }
    }
    
  }
  .datepicker-wrap{
    padding: 20px;
    border: 1px solid #ddd;
    .date{
      input{
         color: white;
         border-radius: 5px !important;
         text-align: center;
      }
    }
    span{
      display: block;
      margin-bottom: 12px;
    }
    @include max(767){
      margin-bottom: 20px;
    }
    
  }
  .datepicker td, .datepicker th{
    font-size: 1.4rem;
  }

  .course-reg{
    @include max(445){
      button{
        // margin-right: 0px !important;
        padding: 0 45px;
        // &:first-child{
        //   margin-bottom: 20px;
        // }
      }
    }
  }


  .course-det-btn{
    margin-top: 28px;
     .btn-custom{
      min-width: 360px !important;
      min-height: 75px;
      margin-bottom: 55px;
      margin-right: 35px;
      padding: 12px;
      padding-left: 40px;
      justify-content: flex-start;
      box-shadow: 0px 2px 2px #ddd;
      // &:nth-last-child(-n+1){
      //   margin-bottom: 0px;
      // }
      &.btn-off-white{
         color:black;
      }

      @include max(1600){
        min-width: 290px !important;
      }

      @include max(1199){
        min-width: 270px !important;
        min-height: 60px;
      }
      @include max(991){
        margin-bottom: 30px;
      }
      @include max(767){
        min-width: 200px !important;
      }
      @include max(575){
        min-width: 130px !important;
        margin: 8px 5px;
      }
     }
  }

  // Mobile
  @include max(767){
    .course-grade span{
        font-size: 1.8rem;
    }
  }

  
  html[dir="rtl"] { 
    .rz-banner{
      &::before{
        content: '';
        position: relative;
        bottom: -46px;
        width: 100%;
        height: 0;
        border-bottom: 78px solid white;
        border-right: 2000px solid transparent;
        @include max(576){
          content: none!important;
        }
      }
    }
    .rz-banner-blue, .rz-banner-red, .rz-banner-green{
       &::before{
        bottom: -156px;
        @include max(576){
          content: none!important;
        }
       }
    }
    .rz-sm-banner
    {
      &::before{
        @include max(576){
          content: none!important;
        }
      }
    }
    .text-center
    {
      text-align: right!important;
    }
  }