@font-face {
    font-family: 'Red Hat Text';
    src: url('../fonts/RedHatText-Regular.eot');
    src: url('../fonts/RedHatText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatText-Regular.woff2') format('woff2'),
        url('../fonts/RedHatText-Regular.woff') format('woff'),
        url('../fonts/RedHatText-Regular.ttf') format('truetype'),
        url('../fonts/RedHatText-Regular.svg#RedHatText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Red Hat Text';
    src: url('../fonts/RedHatText-Bold.eot');
    src: url('../fonts/RedHatText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RedHatText-Bold.woff2') format('woff2'),
        url('../fonts/RedHatText-Bold.woff') format('woff'),
        url('../fonts/RedHatText-Bold.ttf') format('truetype'),
        url('../fonts/RedHatText-Bold.svg#RedHatText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body, html {
    font-family: 'Red Hat Text', sans-serif !important;
    overflow: hidden;
    font-size: 5rem;
    font-weight: 500;
    height: 100vh;
    min-height: 100vh;
    color: black !important;
    /*color: #777779 !important;*/
    letter-spacing: .25px;
  }

/*nav{
       background: #58585B;
}*/

.scrollTop {
    right: 2%;
    bottom: 43px;
    /*background-color: #35498e;*/
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 9999;
    /*background-color: #35498e;*/
    /*background: linear-gradient(to left, #2c4d84, #1B3251);*/
    /*border-color: #f76b1c; /*#5288f4*/
    /*background: linear-gradient(126deg, #f5a623, #f76b1c);*/
    border-color: #2672EC;
    /*background: #eaf8fd;*/ /*linear-gradient(to left, #248de4, #0c5397);*/
   
    /* background: white; */
    /*border-color: grey;
    border-style: none;*/
    cursor:pointer;
}
}

/*---Standar Hamburger Menu (3 separate elements)---*/
.navbar-toggler {
    border: none;
    background: transparent !important;
  }
  
  .navbar-toggler:hover {
      background: transparent !important;
  }

  .navbar-toggler .icon-bar {
    height: 2px;
    width: 22px;
    border-radius: 1px;
    display: block;
    background-color: #fff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
  }

.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}
  
  /*---Animation menu (create X)---*/
  .navbar-toggler.x .icon-bar:nth-of-type(1) {
      -webkit-transform: translateX(3px) rotate(45deg); /* Safari 3-8 & Chrome 4-35 & Opera 15-22 */
      -ms-transform: translateX(3px) rotate(45deg); /* IE 9 */
    -moz-transform: translateX(3px) rotate(45deg); /* Firefox 3-15 */
    -o-transform: translateX(3px) rotate(45deg); /* Opera 10-14 */
      transform: translateX(3px) rotate(45deg);
  
      -webkit-transform-origin: 10% 10%;
      -ms-transform-origin: 10% 10%;
    -moz-transform-origin: 10% 10%;
    -o-transform-origin: 10% 10%;
      transform-origin: 10% 10%;
  }
  
  .navbar-toggler.x .icon-bar:nth-of-type(2) {
      opacity: 0;
      filter: alpha(opacity=0); /* For IE8 and earlier */
    -moz-opacity:0; /* Older Firefox 1 */
  }
  
  .navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: translateX(3px) rotate(-45deg);
      -ms-transform: translateX(3px) rotate(-45deg);
    -moz-transform: translateX(3px)rotate(-45deg);
    -o-transform: translateX(3px) rotate(-45deg);
      transform: translateX(3px) rotate(-45deg);
  
    -webkit-transform-origin: 10% 90%;
      -ms-transform-origin: 10% 90%;
    -moz-transform-origin: 10% 90%;
    -o-transform-origin: 10% 90%;
      transform-origin: 10% 90%;
  }
  
  .navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
      transform: rotate(0);
  }
  
  .navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
      opacity: 1;
      filter: alpha(opacity=100);
    -moz-opacity:1;
  }
  
  .navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
      transform: rotate(0);
  }
  
/*---To center elements of the navbar (mobile)---*/
  
  .navbar-brand{
    font-size: 1rem;
  }
  
/*---Custom AnimateCSS mobile menu items---*/
.nav-item { 
    -webkit-animation-duration: 0.8s; /* Chrome 3-42 & Safari 4-8 & Opera 15-29 */
    -moz-animation-duration: 0.8s; /* Firefox 5-15 */
    -o-animation-duration: 0.8s; /* Opera 12-14 */
    animation-duration: 0.8s;
}
  
  @media only screen and (max-width : 991px) {
      #navbarText, #navbarText2{
        height: 100vh !important;
      }
  }
  
  @media only screen and (min-device-width : 992px) {
      .animated {
          /*CSS transitions*/
          -o-transition-property: none !important;
          -moz-transition-property: none !important;
          -ms-transition-property: none !important;
          -webkit-transition-property: none !important;
          transition-property: none !important;
          /*CSS transforms*/
          -o-transform: none !important;
          -moz-transform: none !important;
          -ms-transform: none !important;
          -webkit-transform: none !important;
          transform: none !important;
          /*CSS animations*/
          -webkit-animation: none !important;
          -moz-animation: none !important;
          -o-animation: none !important;
          -ms-animation: none !important;
          animation: none !important;
      }
  
#navbarText, #navbarText2{
          height: auto;
      }
  }
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-hidden{overflow-y:hidden}
.overflow-x-y-hidden{overflow:hidden}

.bgColorDefault {
    background-color: #58585B;
}

.is-required::before{
    content: "*";
    color: red;
  }
  .blockHeader{
      font-size: 1.1rem;
      border-left: 5px solid #D1394D ;
  }
  .card-header{
      color: #000; /*#656565;*/
  }

.btn-primary1 {
    background-color: #5288f4;
    border-color: #f76b1c; /*#5288f4*/
    
    background: linear-gradient(126deg, #f5a623, #f76b1c); /*Red color - #292828, Charcol Color - #373636*/
}

.btn-primary {
    color: #fff;
    background-color: #2672EC; /* #499de3 #5288f4 ;*/
    border-color: #2672EC; /*#5288f4;*/
    /*background: linear-gradient(126deg, #499de3, #499de3);*/ /*Red color - #292828, Charcol Color - #373636*/
    
    /*padding: 8px 35px;
    border-radius: 5px;
    transition: 0.3s;*/

}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9; /*#a74c22;*/
        /*border-color: #0c5397;*/



    }

.btn {
    transition: all 400ms ease;
}
    .btn:hover {
        transform: translateY(-5px);
        box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
        transition: all 400ms ease;
    }

.btn-secondary {
        background-color: #58585B;
    }

.btn-white {
    color: #0c5397;
    background-color: #fff;
    border-color: #fff; /*#5288f4*/
    background: linear-gradient(126deg, #fff, #fff); /*Red color - #292828, Charcol Color - #373636*/
}

.btn-white:hover {
        color: #0c5397;
        background-color: #fff;
        border-color: #0c5397;
    }

.btn-jumbotronButton {
    /*background-color: #ffffff;*/
    border: solid 1px #0c5397;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #12589a;
    padding: 9px 32px;
    text-decoration: none;
    outline: 0;
}
    
.mainBlock {
        height: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        
    }

    #treeviewGlobal .k-sprite,#rulestreeview .k-sprite,
    #treeviewPolicy .k-sprite {
      background-image: url("../images/coloricons-sprite.png");
    }

    .rootfolder {
      background-position: 0 0;
    }

.maxHeight210{
    max-height: 210px;
    overflow-y: auto;
}
    .folder {
      background-position: 0 -16px;
    }

    .pdf {
      background-position: 0 -32px;
    }

    .html {
      background-position: 0 -48px;
    }

    .image {
      background-position: 0 -64px;
    }
   #grid .k-grid-header{
        display: none;
    }

.cardBody{
    background-color: rgba(0,0,0,.03);
}
.rounded-full {
    border-radius: 9999px!important;
}
.border-b-4 {
    border-bottom-width: 4px!important;
}
.controlShadow{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.error{
    color: red;
    font-size: 0.8em;
}

/*--Custom Spinner---*/

.loading{
  z-index: 99999 !important;
  position: absolute;
 }

/*.spinner-center {
    margin-left: -50px;
    margin-top: -50px;
    top: 50%;
    left: 50%;
}*/
.spinner-center {
    margin-left: -16px;
    margin-top: -16px;
    top: 50%;
    left: 50%;
}

/*---Custom CSS Design Start ---*/
nav {
    /*background: linear-gradient(to left, #2c4d84, #1B3251);*/
}
.btn-primary1 {
    color: #fff;
    background-color: #d35e28;
    border-color: #f76b1c; /*#a74c22;*/
}

.btn-primary1:hover {
        color: #fff;
        background-color: #a74c22;
        border-color: #a74c22;
    }

.bgColorDefault { /*Duplicate*/
    background-color: #35498e;
}

.nav-link {
    /*color: #000000;*/
}

.nav-link:hover {
        /*color: #000000;*/

}


/*---Custom CSS Design End ---*/

/*#region Login class */
.login-container {
    box-shadow: 1.5px 3.99px 27px 0px rgba(0, 0, 0, 0.1);
}

.loginFont {
    color: #6A6A6A;
    font-size: .9rem;
}

.loginSeprater {
    border-right: 2px solid #2672EC /*#ececec*/
}
/*#endregion */

/*#region --- Styles for default Carousel ---*/
.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

    .carousel-indicators .active {
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

/* Custom change */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
/*#endregion */

/*#region --- Styles for Hero image ---*/
.hero-image {
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/dashboard_full_1.jpg");*/
    background-image: url("../images/B2I_1.png");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    height: 250px;
}

.hero-text {
    text-align: center;
    position:relative; /*absolute;*/
    top: 25%; /*50%;*/
    left: 50%;
    transform: translate(-50%, -50%);
    /*color: #333333;*/ /*gray*/
}

.hero-text button {
        border: none;
        outline: 0;
        display: inline-block;
        padding: 10px 25px;
        color: black;
        background-color: #ddd;
        text-align: center;
        cursor: pointer;
}

.hero-text button:hover {
            background-color: #555;
            color: white;
        }

.hero-image1 {
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/dashboard_full_1.jpg");*/
    background-image: url("../images/B2I_1.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    color: #fff;
    
}
/*#endregion */

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 1rem;
    /*background-color: #e9ecef;*/
    background-color: #f9faf9 /*rgba(0, 0, 0, .03)*/;
    /*border-radius: .3rem*/
    color: #000;
}

.jumbotron2 {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.bg-navGradient {
    /*background: linear-gradient(to left, #2c4d84, #1B3251);*/
    /*background-image: linear-gradient(to left, #248de4, #0c5397);*/
    /*background-image: linear-gradient(to left, #777779, #000);*/
    /*background: #333333;*/
    background-image: linear-gradient(to left, #248de4, #0c5397);
}

.text-white-100 {
    color: rgba(255, 255, 255, 1) !important ;
    letter-spacing: .25px;
}

.text-white-500 {
    font-weight: 500;
    color: rgba(255, 255, 255, 5) !important;
    vertical-align: middle;
    font-size: 1.0em;
    letter-spacing: .25px;
}

.font400 {
    font-size: 18px;
    /*color: #777779;*/ /*#959595;*/
    font-weight: 400;
    vertical-align: middle;
    letter-spacing: .25px;
}

.font500 {
    font-size: 20px;
    /*color: #777779;*/ /*#959595;*/
    font-weight: 500;
    vertical-align: middle;
    letter-spacing: .25px;
}

.font600_old {
    font-size: 30px; /*40px;*/
    /*color: #777779;*/ /*#959595;*/
    font-weight: 600;
    vertical-align: middle;
}

.font600 {
    font-weight: 600;
    font-size: 25px;
    color: #000;
    position: relative;
    padding: 15px 0;
    text-transform: uppercase;
    /*line-height: 18px;*/
    vertical-align: middle;
}
.font600_NoUnderline {
    font-weight: 600;
    font-size: 25px;
    color: #000;
    position: relative;
    padding: 15px 0;
    text-transform: uppercase;
    /*line-height: 18px;*/
    vertical-align: middle;
}
.font600:before {
    content: ' ';
    background: linear-gradient(126deg, #248de4, #0c5397); /*#e94350*/
    width: 50px;
    height: 3px; /*4px;*/
    position: absolute;
    bottom: 0;
    margin-left: -30px;
    left: 50%;
    border-radius: 3px;
}

.fontRoboto500
{
    font-weight:500;
}

.text-black-Menu {
    /*color: rgba(35, 35, 36, 1) !important;*/
    color: #777779 !important;
    font-weight: 500;
    letter-spacing: .25px;
}
    .text-black-Menu:hover {
        color: #2672EC !important; /*#777779 Green - #5fcf80 */ 
        font-weight: 500;
        letter-spacing: .25px;
    }

.roundBorder {
   border-radius: 25px;
}

/*#region --- Course calendar table CSS ---*/
        .bt_row_bx {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}
.bt_row_bx.disabled {
        opacity: 0.5;
        cursor: no-drop;
        background: #f5f5f5;
    }
.bt_row_bx disabled {
        opacity: 0.5;
        cursor: no-drop;
        background: #f5f5f5;
        line-height: 1.4;
    }
.bt_row_bx .timeday_bx tbody tr .day_bx .week_bx {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
        color: #0c5397;
    }
.bt_row_bx .timeday_bx tbody tr .time_bx span.fast_fill {
        font-size: 12px;
        font-weight: bold;
        line-height: 0.83;
        color: #ff1818;
        text-transform: uppercase;
    }
.bt_row_bx .timeday_bx tbody tr .time_bx span {
        font-size: 14px;
        color: #4a4a4a;
        display: inline-block;
        font-weight: 600;
        line-height: 1.14;
    }
.bt_row_bx .timeday_bx tbody tr .time_bx span.sld_out {
            font-size: 12px;
            font-weight: bold;
            line-height: 0.83;
            color: #9b9b9b;
            text-transform: uppercase;
        }
.dtlpr_infbx .prbx_dt .final_pr {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-right: 25px;
    display: inline-block;
}
.dtlpr_infbx .disinf_bx span {
    color: #0a9c7b;
    margin-right: 0;
    font-weight: 600;
    font-size: 14px;
}
.dtlpr_infbx .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000000;
}
.bt_row_bx .date_bx span.day_class {
    width: 70px;
    height: 25px;
    background-color: transparent;
    font-size: 12px;
    padding: 5px 6px;
    text-align: left;
}
.bt_row_bx .date_bx span.day_class {
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    /* text-align: center; */
    /* color: #4a4a4a; */
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    width: 100%;
    border-right: 1px solid #d7d7d7;
}
.bt_row_bx .timeday_bx tbody tr .day_bx .dayspan_bx {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: normal;
     color: #4a4a4a; 
    font-weight: 600;
    text-transform: uppercase;
}

/* #endregion */

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/*#region --- Floating Card Style --- */
.floatCard {
    transition: all 500ms ease-out;
}

.floatCard:hover 
 {
     transform: scale(1.03);
 }

.floatCard:hover .deco-layer--1 {
 -webkit-transform: translate3d(15px, 0, 0);
 transform: translate3d(15px, 0, 0);
}

.floatCard:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
/*#endregion */

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

.btn-secondary {
    color: #333333;
    background-color: rgba(0, 0, 0, .07);
    border-color: rgba(0, 0, 0, .07);
}

.colorPickerBtn {
    margin-top: 0px; /*-35px;*/
    cursor: pointer;
    z-index: 999;
    top: 50%;
    right: 0px;/*0px;*/
}

/*#region Styles from style2.css*/

html {
    font-family: 'Red Hat Text', sans-serif;
}

html, body {
    font-family: 'Red Hat Text', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}
 

/*#region --- OWL Carousel ---*/

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item {
        opacity: .4;
    }

.owl-carousel .owl-item.active {
            opacity: 1;
        }

.owl-carousel .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
    }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
            position: absolute;
            /*-webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);*/
            margin-top: -10px;
            /*-moz-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        -webkit-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
        transition: all 0.7s ease;
        opacity: 0;*/
        }

.owl-carousel .owl-nav .owl-prev span:before,
.owl-carousel .owl-nav .owl-next span:before {
                font-size: 40px;
            }

.owl-carousel .owl-nav .owl-prev {
            left: -30px;
        }

.owl-carousel .owl-nav .owl-next {
            right: -30px;
        }

.owl-carousel .owl-dots {
        text-align: center;
    }

.owl-carousel .owl-dots .owl-dot {
            width: 10px;
            height: 10px;
            margin: 5px;
            border-radius: 50%;
            background: #dadadc;
        }

.owl-carousel .owl-dots .owl-dot.active {
                background: #2672EC; /*#f5a623;*/ /*#78d5ef*/
            }

.owl-carousel:hover .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-next {
        opacity: 1;
    }

.owl-carousel:hover .owl-nav .owl-prev {
        left: -30px;
    }

.owl-carousel:hover .owl-nav .owl-next {
        right: -30px;
    }

.owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

.owl-custom-nav {
    float: right;
    position: relative;
    z-index: 10;
    border: 1px solid red;
}

 .owl-custom-nav .owl-custom-prev,
 .owl-custom-nav .owl-custom-next {
        padding: 10px;
        font-size: 30px;
        background: #ccc;
        line-height: 0;
        width: 60px;
        text-align: center;
        display: inline-block;
    }

/*#endregion */

.menuzindex {
    z-index: 9;
}

.navbar {
    /*-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);*/
}

.fixedheader {
    animation-name: stickySlideDown;
}

@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/*.home-banner {
 
  background: #448ef6;
  background: -moz-linear-gradient(45deg, #29bae4 0%, #f34f6a 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #448ef6), color-stop(100%, #f34f6a));
  background: -webkit-linear-gradient(45deg, #448ef6 0%, #f34f6a 100%);
  background: -o-linear-gradient(45deg, #448ef6 0%, #f34f6a 100%);
  background: -ms-linear-gradient(45deg, #448ef6 0%, #f34f6a 100%);
  background: linear-gradient(45deg, #448ef6 0%, #f34f6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448ef6', endColorstr='#f34f6a', GradientType=1 );
}*/

.home-banner {
    background: #777779; /*#333333*/ /* Red color button - #c4314b*/
    background: -moz-linear-gradient(45deg, #777779 0%, #000000 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #777779), color-stop(100%, #000000));
    background: -webkit-linear-gradient(45deg, #777779 0%, #000000 100%);
    background: -o-linear-gradient(45deg, #777779 0%, #000000 100%);
    background: -ms-linear-gradient(45deg, #777779 0%, #000000 100%);
    background: linear-gradient(45deg, #777779 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##777779', endColorstr='#000000', GradientType=1 );
}

/*.home-banner {
    background: #8b8b8d;
    background: -moz-linear-gradient(45deg, #8b8b8d 0%, #000000 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #8b8b8d), color-stop(100%, #777779));
    background: -webkit-linear-gradient(45deg, #8b8b8d 0%, #777779 100%);
    background: -o-linear-gradient(45deg, #8b8b8d 0%, #777779 100%);
    background: -ms-linear-gradient(45deg, #8b8b8d 0%, #777779 100%);
    background: linear-gradient(45deg, #8b8b8d 0%, #777779 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8d', endColorstr='#777779', GradientType=1 );
}*/

.home-banner {
    background: linear-gradient(to left,#64afef,#248ae4);
    /*linear-gradient(to left, #a6963d, #0c5397);*/ /*#333333;*/ /*#404040 - Lighter tone*/
    background-image: linear-gradient(to left,#64afef,#248ae4);
    /*linear-gradient(to left, #a6963d, #0c5397);*/
    /*background: -moz-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: -o-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: linear-gradient(45deg, #333333 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=1 );*/
}

.course-banner {
    background: linear-gradient(to left, #6c5d56, #916e59); /*#333333;*/ /*#404040 - Lighter tone*/
    background-image: linear-gradient(to left, #6c5d56, #916e59);
    /*background: -moz-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: -o-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(45deg, #333333 0%, #333333 100%);
    background: linear-gradient(45deg, #333333 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=1 );*/
}

.blue-banner {
    /* background: linear-gradient(to left, #0c5397, #248de4);*/
    background-image: linear-gradient(95deg,#64afef,#248ae4 50%,#244ee4 100%); /*linear-gradient(to left, #0c5397, #248de4);*/
}

.roundRadius {
    border-radius: 30px;
}

.bannerHead {
    font-size: 2.4em; /*3.0*/
}

.littleBigFont {
    font-size: 1.2em;
}

.color-1 {
    background: #eaf8fd;
}

.color-2 {
    background: #ebfdf4;
}

.color-3 {
    background: #fce7f1;
}
.color-4 {
    background: #ffffff;
}
.color-5 {
    background: #777779;
}
.rounndFull {
    border-radius: 50%;
}

.hideBorder{
    outline: 0px dotted !important;
}

/*#region --- Sliding Menu appFullMenu.css --- */
@media (max-width: 992px) {
    .slideMenu {
        position: fixed;
        top: 0;
        left: 0;
        width: 0%;
        height: 100% !important;
        background-color: #fff;
        /*background-image: linear-gradient(to left, #248de4, #0c5397);*/
        z-index: 99999;
        overflow-y: auto;
    }

    .nav-item {
        /*font-size: 20px;*/
    }

    .closebtn1, .closebtn2 {
        margin-right: 25px;
        font-size: 25px;
    }

        .closebtn1:hover, .closebtn2:hover {
            text-decoration: none;
        }

    .textWhite {
        color: white !important;
    }

    .textCenter {
        text-align: center !important;
    }
}
/*#endregion */

.activeMenu {
    font-family: 'Droid Sans', serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 50px;
    border:solid;
    background-color:cornflowerblue;
}

.fifty:before {
    background: green;
    height: -150px;
    display: block;
    content: '';
}

/*--------------------------------------------------------------
# Courses
--------------------------------------------------------------*/
.courses .course-item {
    border-radius: 5px;
    border: 1px solid #eef0ef;
}

.courses .course-content {
    padding: 15px;
}

    .courses .course-content h3 {
        font-weight: 700;
        font-size: 20px;
    }

        .courses .course-content h3 a {
            color: #37423b;
            transition: 0.3s;
        }

            .courses .course-content h3 a:hover {
                color: #5fcf80;
            }

    .courses .course-content p {
        font-size: 14px;
        color: #777777;
    }

    .courses .course-content h4 {
        font-size: 14px;
        background: #5fcf80;
        padding: 7px 14px;
        color: #fff;
        margin: 0;
    }

    .courses .course-content .price {
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        color: #37423b;
    }

.courses .trainer {
    padding-top: 15px;
    border-top: 1px solid #eef0ef;
}

    .courses .trainer .trainer-profile img {
        max-width: 50px;
        border-radius: 50px;
    }

    .courses .trainer .trainer-profile span {
        padding-left: 10px;
        font-weight: 600;
        font-size: 16px;
        color: #5a6c60;
    }

    .courses .trainer .trainer-rank {
        font-size: 18px;
        color: #657a6d;
    }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 70vh;
    background: url("../assets/img/illustration.jpg") top center;
    background-size: cover;
    position: relative;
}

    #hero:before {
        content: "";
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero .container {
        padding-top: 72px;
    }

@media (max-width: 992px) {
    #hero .container {
        padding-top: 62px;
    }
}

#hero h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

#hero h2 {
    color: #eee;
    margin: 10px 0 0 0;
    font-size: 24px;
}

#hero .btn-get-started {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 35px;
    border-radius: 50px;
    transition: 0.5s;
    margin-top: 30px;
    border: 2px solid #fff;
    color: #fff;
}

    #hero .btn-get-started:hover {
        background: #5fcf80;
        border: 2px solid #5fcf80;
    }

@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

@media (max-width: 768px) {
    #hero {
        height: 100vh;
    }

        #hero h1 {
            font-size: 28px;
            line-height: 36px;
        }

        #hero h2 {
            font-size: 18px;
            line-height: 24px;
        }
}

.upper--3koonsC8 {
    height: 22px;
}

.mode--1CRdbWxb {
    font-weight: bold;
    width: -webkit-fit-content;
    width: -moz-fit-contenthero-image1
    width: fit-content;
    color: #00bbff;
}

.ant-tag-blue {
    color: #1890ff !important;
    background: #e6f7ff !important;
    border-color: #91d5ff !important;
}
.ant-tag-magenta {
    color: #eb2f96 !important;
    background: #fff0f6 !important;
    border-color: #ffadd2 !important;
}
.ant-tag-green {
    color: #52c41a !important;
    background: #f6ffed !important;
    border-color: #b7eb8f !important;
}
.ant-tag-purple {
    color: #722ed1 !important;
    background: #f9f0ff !important;
    border-color: #d3adf7 !important;
}
.ant-tag-orange {
    color: #fa8c16 !important;
    background: #fff7e6 !important;
    border-color: #ffd591 !important;
}
.ant-tag, .ant-tag a, .ant-tag a:hover {
    color: rgba(0, 0, 0, 0.65);
}

.ant-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
    height: auto;
    margin-right: 8px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    cursor: default;
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.tabs {
    /*background: #007b5e;*/
    /*color: #eee;*/
}

    .tabs h6.section-title {
        /*color: #eee;*/
    }

    .tabs .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: black /*#777779*/;
        font-size: 20px;
        font-weight: bold;
        /*transition: transform 3s ease, -webkit-transform 3s ease;*/
        /*-webkit-transition: all 0.3s ;
        transition: all 0.3s ;*/
    }

    .tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        /*color: #f3f3f3;*/
        background-color: transparent;
        border-color: transparent transparent #2672EC; /*#f3f3f3*/
        border-bottom: 4px solid !important;
        font-size: 20px;
        font-weight: bold;
        color: #2672EC; /*#777779*/
        /*transition: transform 3s ease, -webkit-transform 3s ease;
        -webkit-transition: all 0.3s;
        transition: all 0.3s ;*/
        -webkit-transition: color 0.3s linear;
        -moz-transition: color 0.3s linear;
        -ms-transition: color 0.3s linear;
        -o-transition: color 0.3s linear;
        transition: color 0.3s linear;
    }

.nav-link.active {
    color: #2672EC !important;
    opacity: 1 !important;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counter {
    background-color: #eaecf0;
    text-align: center;
}

.employees, .customer, .design, .order {
    margin-top: 70px;
    margin-bottom: 70px;
}

.counter-count {
    /*font-size: 18px;
    background-color: #499de3;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;*/
}

.employee-p, .customer-p, .order-p, .design-p {
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

.counter {
    background-color: #ffff /*#f9faf9*/;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: .25px;
}

.faTable {
    margin: 0 auto;
    float: none;
    display: table;
    /*color: #4ad1e5;*/
}

.nav-item li:hover > a {
    color: #5fcf80;
}

.b2ilogo {
    font-size: 32px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
}

    .b2ilogo a {
        color: #2672EC /*#5fcf80*/;
    }

    .b2ilogo img {
        max-height: 40px;
    }

@media (max-width: 992px) {
    .b2ilogo {
        font-size: 28px;
    }
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #2672EC /*#5fcf80*/;
        border-top-color: #fff;
        border-bottom-color: #fff;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

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


.accordion .fa {
    margin-left: 0.5rem;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    top: 2px;
}


/*--------------------------------------------------------------
# Comparison Table
--------------------------------------------------------------*/
.comparison {
    /*max-width: 940px;*/
    margin: 0 auto;
    /*font: 13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    text-align: center;
    padding: 10px;
}

    .comparison table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        border-bottom: 1px solid #eef0ef;
    }

    .comparison td, .comparison th {
        /*border-right: 1px solid #CCC;*/
        border: 1px solid #eef0ef;
        empty-cells: show;
        padding: 10px;
    }

.compare-heading {
    font-size: 18px;
    font-weight: bold !important;
    border-bottom: 0 !important;
    padding-top: 10px !important;
}

.comparison tbody tr:nth-child(odd) {
    display: none;
}

.comparison .compare-row {
    background: #F5F5F5;
}

.comparison .tickblue {
    color: #0078C1;
}

.comparison .tickgreen {
    color: #009E2C;
}

.comparison th {
    font-weight: normal;
    padding: 0;
    border-bottom: 1px solid #eef0ef;
}

.comparison tr td:first-child {
    text-align: left;
}

.comparison .qbse, .comparison .qbo, .comparison .tl {
    color: #FFF;
    padding: 10px;
    /*font-size: 13px;*/
    border-right: 1px solid #eef0ef;
    border-bottom: 0;
}

.comparison .tl2 {
    border-right: 0;
}

.comparison .qbse {
    background: linear-gradient(to left,#64afef,#248ae4); /*#0078C1;*/
    border-top-left-radius: 3px;
    border-left: 0px;
}

.comparison .qbo {
    background: #009E2C;
    border-top-right-radius: 3px;
    border-right: 0px;
}

.comparison .price-info {
    padding: 5px 15px 15px 15px;
}

.comparison .price-was {
    color: #999;
    text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
    color: #ff5406;
}

    .comparison .price-now span {
        font-size: 32px;
    }

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
    background: #ff5406;
    padding: 10px 20px;
    font-size: 12px;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 5px 0 10px 0;
}

.comparison .price-try {
    font-size: 12px;
}

    .comparison .price-try a {
        color: #202020;
    }

@media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
        display: none;
    }

    .comparison tbody tr:nth-child(odd) {
        display: table-row;
        background: #F7F7F7;
    }

    .comparison .row {
        background: #FFF;
    }

    .comparison td, .comparison th {
        border: 1px solid #eef0ef;
    }

    .price-info {
        border-top: 0 !important;
    }
}

@media (max-width: 639px) {
    .comparison .price-buy {
        padding: 5px 10px;
    }

    .comparison td, .comparison th {
        padding: 10px 5px;
    }

    .comparison .hide-mobile {
        display: none;
    }

    .comparison .price-now span {
        font-size: 16px;
    }

    .comparison .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }

    .comparison .qbse, .comparison .qbo {
        font-size: 12px;
        padding: 10px 5px;
    }

    .comparison .price-buy {
        margin-top: 10px;
    }

    .compare-heading {
        font-size: 13px;
    }
}

.color-btn {
    border-radius: 10px !important;
    width: 212px;
    padding: 10px 20px;
}

.spec-btn {
    background-image: linear-gradient(89deg, #832b91 -3%, #d074b6 100%);
    box-shadow: 0 6px 11px 0 rgba(77, 5, 82, 0.16);
}

.course-btn {
    background-image: linear-gradient(110deg, #1b92f7 46%, #7eb4e2 93%);
    box-shadow: 0 7px 8px 0 rgba(11, 134, 239, 0.47);
}

.master-btn {
    background-image: linear-gradient(89deg, #da8a2e -2%, #ffde06 100%);
    box-shadow: 0 6px 15px 0 rgba(197, 86, 0, 0.47);
}

.text-secondary {
    color:#979797;
}

.footer-newsletter form {
        margin-top: 30px;
        background: #fff;
        padding: 6px 10px;
        position: relative;
        border-radius: 50px;
        text-align: left;
        border: 1px solid #e0e5e2;
    }

.footer-newsletter form input[type="email"] {
            border: 0;
            padding: 4px 8px;
            width: calc(100% - 100px);
}

.footer-newsletter form input[type="submit"] {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        border: 0;
        background: none;
        font-size: 16px;
        padding: 0 20px 2px 20px;
        /*background: #5fcf80;*/
        color: #fff;
        transition: 0.3s;
        border-radius: 50px;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

        background-color: #2672EC; /* #499de3 #5288f4 ;*/
        border-color: #2672EC; /*#5288f4;*/
}

.footer-newsletter form input[type="submit"]:hover {
            background: #0069d9;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-wrap {
    padding-left: 50px;
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    padding: 30px 30px 30px 60px;
    margin: 30px 15px;
    min-height: 200px;
    border: 1px solid #eef0ef;
    position: relative;
    background: #fff;
}

    .testimonials .testimonial-item .testimonial-img {
        width: 90px;
        border-radius: 10px;
        border: 6px solid #fff;
        position: absolute;
        left: -45px;
    }

    .testimonials .testimonial-item h3 {
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0 5px 0;
        color: #111;
    }

    .testimonials .testimonial-item h4 {
        font-size: 14px;
        color: #999;
        margin: 0;
    }

    .testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
        color: #c1ecce;
        font-size: 26px;
    }

    .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative;
    }

    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px;
    }

    .testimonials .testimonial-item p {
        font-style: italic;
        margin: 15px auto 15px auto;
    }

.testimonials .owl-nav, .testimonials .owl-dots {
    margin-top: 5px;
    text-align: center;
}

.testimonials .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd !important;
}

    .testimonials .owl-dot.active {
        background-color: #2672EC !important;
    }

@media (max-width: 767px) {
    .testimonials .testimonial-wrap {
        padding-left: 0;
    }

    .testimonials .testimonial-item {
        padding: 30px;
        margin: 15px;
    }

        .testimonials .testimonial-item .testimonial-img {
            position: static;
            left: auto;
        }
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
    padding: 20px;
    background: #fff;
    text-align: center;
    border: 1px solid #eef0ef;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.pricing h3 {
    font-weight: 400;
    margin: -20px -20px 20px -20px;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #777777;
    background: #f8f8f8;
}

.pricing h4 {
    font-size: 36px;
    color: #2672EC;
    font-weight: 600;
    /*font-family: "Poppins", sans-serif;*/
    margin-bottom: 20px;
}

    .pricing h4 sup {
        font-size: 20px;
        top: -15px;
        left: -3px;
    }

    .pricing h4 span {
        color: #bababa;
        font-size: 16px;
        font-weight: 300;
    }

.pricing ul {
    padding: 0;
    list-style: none;
    color: #444444;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

    .pricing ul li {
        padding-bottom: 10px;
    }

    .pricing ul i {
        color: #2672EC;
        font-size: 18px;
        padding-right: 4px;
    }

    .pricing ul .na {
        color: #ccc;
        text-decoration: line-through;
    }

.pricing .btn-wrap {
    margin: 20px -20px -20px -20px;
    padding: 20px 15px;
    background: #f8f8f8;
    text-align: center;
}

.pricing .btn-buy {
    background: #2672EC;
    display: inline-block;
    padding: 8px 35px;
    border-radius: 5px;
    color: #fff;
    transition: none;
    font-size: 14px;
    font-weight: 400;
    /*font-family: "Raleway", sans-serif;*/
    font-weight: 600;
    transition: 0.3s;
}

    .pricing .btn-buy:hover {
        /*background: #3ac162;*/
        text-decoration: none;
        transform: translateY(-5px);
        box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
        transition: all 400ms ease;
    }

.pricing .featured h3 {
    color: #fff;
    background: #2672EC;
}

.pricing .advanced {
    width: 200px;
    position: absolute;
    top: 18px;
    right: -68px;
    transform: rotate(45deg);
    z-index: 1;
    font-size: 13px;
    padding: 1px 0 3px 0;
    background: #2672EC;
    color: #fff;
}

/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
.events .card {
    border: 0;
    padding: 0 30px;
    margin-bottom: 60px;
    position: relative;
}

.events .card-img {
    width: calc(100% + 60px);
    margin-left: -30px;
    overflow: hidden;
    z-index: 9;
    border-radius: 0;
}

    .events .card-img img {
        max-width: 100%;
        transition: all 0.3s ease-in-out;
    }

.events .card-body {
    z-index: 10;
    background: #fff;
    border-top: 4px solid #fff;
    padding: 30px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    margin-top: -60px;
    transition: 0.3s;
}

.events .card-title {
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

    .events .card-title a {
        color: #37423b;
        transition: 0.3s;
    }

.events .card-text {
    color: #5e5e5e;
}

.events .read-more a {
    color: #777777;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    transition: 0.3s;
}

    .events .read-more a:hover {
        color: #5fcf80;
    }

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

.events .card:hover .card-body {
    border-color: #2672EC;
}

    .events .card:hover .card-body .card-title a {
        color: #2672EC;
    }

@media (max-width: 767px) {
    .events .card {
        border: 0;
        padding: 0 20px;
        margin-bottom: 60px;
        position: relative;
    }

    .events .card-img {
        width: calc(100% + 60px);
        margin-left: -30px;
        overflow: hidden;
        z-index: 9;
        border-radius: 0;
    }

    .events .card-body {
        z-index: 10;
        background: #fff;
        border-top: 4px solid #fff;
        padding: 20px;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        margin-top: -60px;
        transition: 0.3s;
    }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    /* Desktop Navigation */
    .nav-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .nav-menu > ul {
        display: flex;
    }

        .nav-menu > ul > li {
            position: relative;
            white-space: nowrap;
            padding: 10px 0 10px 24px;
        }

    .nav-menu a {
        display: block;
        position: relative;
        /*color: #37423b;*/
        transition: 0.3s;
        /*font-size: 15px;*/
        /*font-family: "Poppins", sans-serif;*/
        font-weight: 500;
    }

        .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
            /*color: #2672EC;*/ /*#5fcf80 Mentor Green Color*/
        }

    .nav-menu .drop-down ul {
        display: block;
        position: absolute;
        left: 24px;
        top: calc(100% + 30px);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        border-radius: 4px;
    }

    .nav-menu .drop-down:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .nav-menu .drop-down li {
        min-width: 180px;
        position: relative;
    }

    .nav-menu .drop-down ul a {
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 500;
        text-transform: none;
        color: #37423b;
    }

        .nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
            color: #2672EC;
        }

    .nav-menu .drop-down > a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 5px;
    }

    .nav-menu .drop-down .drop-down ul {
        top: 0;
        left: calc(100% - 30px);
    }

    .nav-menu .drop-down .drop-down:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
    }

    .nav-menu .drop-down .drop-down > a {
        padding-right: 35px;
    }

        .nav-menu .drop-down .drop-down > a:after {
            content: "\eaa0";
            font-family: IcoFont;
            position: absolute;
            right: 15px;
        }

    @media (max-width: 1366px) {
        .nav-menu .drop-down .drop-down ul {
            left: -90%;
        }

        .nav-menu .drop-down .drop-down:hover > ul {
            left: -100%;
        }

        .nav-menu .drop-down .drop-down > a:after {
            content: "\ea9d";
        }
    }

    /*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
    .why-us .content {
        padding: 30px;
        background: #2672EC;
        border-radius: 4px;
        color: #fff;
    }

        .why-us .content h3 {
            font-weight: 700;
            font-size: 34px;
            margin-bottom: 30px;
        }

        .why-us .content p {
            margin-bottom: 30px;
        }

        .why-us .content .more-btn {
            display: inline-block;
            background: rgba(255, 255, 255, 0.2);
            padding: 6px 30px 8px 30px;
            color: #fff;
            border-radius: 5px;
            transition: all ease-in-out 0.4s;
        }

            .why-us .content .more-btn i {
                /*font-size: 14px;*/
            }

            .why-us .content .more-btn:hover {
                color: #2672EC;
                background: #fff;
                text-decoration: none;
            }

    .why-us .icon-boxes .icon-box {
        text-align: center;
        background: #fff;
        padding: 40px 30px;
        width: 100%;
        border: 1px solid #eef0ef;
    }

        .why-us .icon-boxes .icon-box i {
            font-size: 32px;
            padding: 18px;
            color: #2672EC;
            margin-bottom: 30px;
            background: #ecf9f0;
            border-radius: 50px;
        }

        .why-us .icon-boxes .icon-box h4 {
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 30px 0;
        }

        .why-us .icon-boxes .icon-box p {
            font-size: 15px;
            color: #848484;
        }


.blueLeftBorderCard
{
     padding: 1.125rem 0 !important;
    border-left: .375rem solid #5788fa !important;
  }

.card {
    border: 1px solid #eef0ef;
}