a {

  text-decoration: none; }



ul {

  margin: 0px;

  padding: 0px;

  list-style-type: none; }

  ul li {

    margin: 0px;

    padding: 0px; }



.gray-bg {

  background: #ecf0f1; }



.form-control {

  font-size: 14px;

  color: #8b8d8d; }

  .form-control:focus {

    border-color: #ced4da;

    box-shadow: inherit; }



.btn:focus, button:focus {

  box-shadow: inherit;

  border: 0px transparent;

  outline: inherit; }



.btn-orange {

  background: #e98120;

  color: #ffffff;

  border-radius: 50px;

  font-size: 16px;

  font-weight: 600;

  padding: 10px 20px; }

  .btn-orange i {

    font-size: 18px; }

  .btn-orange:hover {

    color: #ffffff; }



.blue-btn {

  background: #0c6db4;

  color: #ffffff;

  border-radius: 50px;

  font-size: 16px;

  font-weight: 600;

  padding: 10px 20px; }

  .blue-btn:hover {

    color: #ffffff;

    background: #192027; }



.custom-btn-01 {

  background: #e98120;

  color: #ffffff;

  border: 2px solid #e98120;

  border-radius: 50px;

  padding: 10px 25px;

  font-weight: 700; }

  .custom-btn-01:hover {

    background: transparent;

    color: #e98120;

    border: 2px solid #e98120; }



.title-header {

  padding-left: 15px;

  padding-right: 15px; }

  .title-header h2 {

    font-size: 30px;

    color: #0c6db4;

    text-transform: uppercase;

    font-weight: 800;

    position: relative;

    margin-bottom: 60px; }

    .title-header h2:after {

      position: absolute;

      background: #f85d48;

      content: '';

      width: 60px;

      height: 3px;

      left: 0px;

      right: 0;

      margin: 0px auto;

      bottom: -20px;

      transition: all 500ms ease;

      -webkit-mask-size: 200%;

      animation: shine 2s infinite; }

  .title-header .more-link {

    display: inline-block;

    position: static;

    font-size: 13px;

    text-decoration: none;

    position: absolute;

    right: 150px;

    margin-top: 3px;

    color: #ffffff;

    background-color: #e98120;

    padding: 7px 15px;

    border-radius: 30px;

    text-transform: capitalize;

    font-weight: 500; }



.innerpages-title {

  margin-bottom: 25px; }

  .innerpages-title .sub-title {

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    color: #313131;

    display: block;

    margin-bottom: 0px; }

  .innerpages-title .title {

    font-size: 30px;

    line-height: 1.3em;

    font-weight: 500;
    letter-spacing: 1px;

    color: #313131;

    margin-bottom: 0;

    text-transform: uppercase; }

.yellow-text{
  color: #ffbe03;
}

.orange-text{
  color: #f85d48;
}

.home-btn{
  text-align: center;
}

.home-btn img{
  height: 185px;
  display: block;
  margin:0px auto 30px;
}

.home-btn a{
  text-align: center;
  padding: 8px 45px;
  color: #fff;
  font-weight: 500;
  background: #f85d48;
  border: 2px solid #f85d48;
  text-transform: uppercase;
}

.home-btn a:hover{
  color:#f85d48;
  background: transparent;
   border: 2px solid #f85d48;
}

body {

  font-family: "Roboto", sans-serif; }



.header {

  padding: 10px 0px;

  background: #e8e6e7;

   }

  .header .logo-img {

    display: inline-block; }

    .header .logo-img .logo {

      width: 203px; }

  .header .text-end {

    float: right; }

    .header .text-end a {

      text-decoration: none;

      border-radius: 50px;

      font-size: 14px;

      font-weight: 500;

      padding: 8px 20px;

      color: #ffffff;

      display: inline-block;

      text-align: center; }

      .header .text-end a:last-child {

        margin-left: 12px; }

    .header .text-end a.student-btn {

      background: #f85d48;

      border: 2px solid #f85d48; }

      .header .text-end a.student-btn:hover {

        border: 2px solid #f85d48;

        color: #f85d48;

        background: transparent; }

    .header .text-end a.tutor-btn {

      background: #000;

      border: 2px solid #000; }

      .header .text-end a.tutor-btn:hover {

        border: 2px solid #000;

        color: #000;

        background: transparent; }



@media only screen and (max-width: 768px) {

  .header {

    padding: 5px 0px; }

    .header .logo-img {

      text-align: center;

      display: block; }

      .header .logo-img .logo {

        width: 150px; } }

@keyframes fadeIn {

  from {

    opacity: 0; }

  to {

    opacity: 1; } }

.dropdown-menu.show {

  -webkit-animation: fadeIn 0.3s alternate;

  /* Safari 4.0 - 8.0 */

  animation: fadeIn 0.3s alternate; }



.dropdown-toggle-arrow, .dropdown-toggle::after, .dropdown-submenu-toggle::after, .dropdown-submenu-toggle.icon-left::before {

  display: inline-block;

  font-family: 'Font Awesome 5 Pro';

  font-size: inherit;

  margin: 0;

  border: none;

  vertical-align: inherit;

  color: #d1dee9;

  width: 1.28571429em; }



.dropdown-toggle::after {

  content: '\f107';

  width: auto;

  padding-left: 0.2rem; }



.dropdown-submenu-toggle::after {

  text-align: center;

  content: '\f2fb'; }

.dropdown-submenu-toggle.icon-left::after {

  content: ''; }

.dropdown-submenu-toggle.icon-left::before {

  text-align: center;

  content: '\f2fa'; }



.dropdown-submenu {

  position: relative; }



.dropdown-submenu .dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: -1px; }

.dropdown-submenu .dropdown-menu-right {

  left: auto;

  right: 100%; }



.nav-item.dropdown.dropdown-mega {

  position: static; }

  .nav-item.dropdown.dropdown-mega .dropdown-menu {

    width: 100%;

    top: auto;

    left: 0; }



.navbar-toggler {

  border: none;

  padding: 0;

  outline: none; }

  .navbar-toggler:focus {

    box-shadow: none; }

  .navbar-toggler .hamburger-toggle {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    z-index: 11;

    float: right; }

    .navbar-toggler .hamburger-toggle .hamburger {

      position: absolute;

      transform: translate(-50%, -50%) rotate(0deg);

      left: 50%;

      top: 50%;

      width: 50%;

      height: 50%;

      pointer-events: none; }

      .navbar-toggler .hamburger-toggle .hamburger span {

        width: 100%;

        height: 4px;

        position: absolute;

        background: #333;

        border-radius: 2px;

        z-index: 1;

        transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;

        left: 0px; }

        .navbar-toggler .hamburger-toggle .hamburger span:first-child {

          top: 10%;

          transform-origin: 50% 50%;

          transform: translate(0% -50%) !important; }

        .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {

          top: 50%;

          transform: translate(0, -50%); }

        .navbar-toggler .hamburger-toggle .hamburger span:last-child {

          left: 0px;

          top: auto;

          bottom: 10%;

          transform-origin: 50% 50%; }

      .navbar-toggler .hamburger-toggle .hamburger.active span {

        position: absolute;

        margin: 0; }

        .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {

          top: 45%;

          transform: rotate(45deg); }

        .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {

          left: 50%;

          width: 0px; }

        .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {

          top: 45%;

          transform: rotate(-45deg); }



.icons {

  display: inline-flex;

  margin-left: auto; }

  .icons a {

    transition: all 0.2s ease-in-out;

    padding: 0.2rem 0.4rem;

    color: #ccc !important;

    text-decoration: none; }

    .icons a:hover {

      color: white;

      text-shadow: 0 0 30px white; }

.item-container{position: absolute;
  top: 38%;
  left: 4%;}

.main-menu {

  background: #e8e6e7;

  border-top: 1px solid rgba(0, 0, 0, 0.2);

  padding-top: 0px;

  padding-bottom: 0px; 
  
 box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    
}

  .main-menu .navbar-nav .nav-item {

    border-top: 4px solid transparent;

    padding: 5px 24px; }

    .main-menu .navbar-nav .nav-item:hover {

      border-top: 4px solid #E21C21;
      
      }
      
       .main-menu .navbar-nav .nav-item:hover .nav-link{
           color:#E21C21;
       }

    .main-menu .navbar-nav .nav-item .nav-link {

      color: #000000;

      font-size: 14px;
      text-transform: uppercase;
        font-weight: 500; 
      }

      .main-menu .navbar-nav .nav-item .nav-link img {

        width: 20px;

        margin-right: 6px; }

      .main-menu .navbar-nav .nav-item .nav-link .icon svg {

        width: 20px;

        margin-right: 4px; }

  .main-menu .dropdown-menu {

    background: #0e79c8;

    border-radius: 0px;

    border: 0px;

    padding: 0px;

    margin-top: 0px;

    color: #ffffff; }

    .main-menu .dropdown-menu .sub-menu {

      margin: 0px;

      padding: 0px;

      list-style-type: none; }

      .main-menu .dropdown-menu .sub-menu li {

        display: inline-block;

        padding: 12px 25px 12px 0px;

        border-top: 4px solid transparent; }

        .main-menu .dropdown-menu .sub-menu li:hover {

          border-top: 4px solid #e98120; }

        .main-menu .dropdown-menu .sub-menu li a {

          color: #ffffff;

          font-size: 14px;

          text-decoration: none; }

          .main-menu .dropdown-menu .sub-menu li a img {

            width: 20px;

            margin-right: 6px; }

          .main-menu .dropdown-menu .sub-menu li a .icon svg {

            width: 20px;

            margin-right: 4px; }



.dropdown-item {

  font-size: 14px;

  color: #ffffff !important; }

  .dropdown-item:focus, .dropdown-item:hover {

    background: transparent; }



.sticky {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 99; }



.sticky + .content {

  padding-top: 102px; }



@media only screen and (max-width: 1400px) {

  .main-menu .navbar-nav .nav-item .nav-link {

    padding-left: 0rem;

    font-size: 14px; } }

@media only screen and (max-width: 1200px) {

  .main-menu .container {

    max-width: 100%; }

  .main-menu .navbar-nav .nav-item {

    padding: 10px 5px; } }

@media only screen and (max-width: 1090px) {

  .main-menu .navbar-nav .nav-item {

    padding: 10px 0px; } }

/* .slider {

  position: relative;

  background: url(../../images/slider-bg.jpg) no-repeat;

  background-position: center center;

  padding: 60px 0px;

  height: 500px;

  width: 100%; } */

  .slider .container {

    max-width: 1170px; }

    .slider .container .slider-content {

      color: #ffffff; }

      .slider .container .slider-content h1 {

        font-size: 36px;

        line-height: 50px; }

      .slider .container .slider-content p {

        font-size: 16px;

        line-height: 28px; }

      .slider .container .slider-content .blue-btn:first-child {

        margin-right: 25px; }



.section-space {

  padding: 50px 0px; }



@media only screen and (max-width: 768px) {

  .slider {

    height: auto; }



  .section-space {

    padding: 30px 0px; } }

.learning-courses {

  position: relative;

  background: #ffffff;

  padding: 50px 0px; }

  .learning-courses .content-box {

    padding: 50px;

    border-radius: 6px;

    color: #ffffff;

    margin-bottom: 12px;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03); }

    .learning-courses .content-box h2 {

      font-size: 36px;

      line-height: 50px;

      font-weight: 800; }

      .learning-courses .content-box h2 span {

        display: block;

        font-weight: 300; }

    .learning-courses .content-box ul li {

      display: inline-block;

      margin: 6px 12px 15px; }

      .learning-courses .content-box ul li:first-child {

        margin-left: 0px; }

      .learning-courses .content-box ul li a {

        font-size: 16px;

        color: #ffffff;

        font-weight: 700;

        text-transform: uppercase; }

        .learning-courses .content-box ul li a:hover {

          color: #ffffff;

          opacity: 0.9; }

    .learning-courses .content-box .btn {

      color: #ffffff;

      font-size: 17px;

      font-weight: 800;

      letter-spacing: 1px;

      text-transform: uppercase;

      border-radius: 50px;

      height: 40px;

      padding: 8px 15px;

      margin-top: 10px; }

  .learning-courses .content-box.box-01 {

    background: #0c6db4; }

    .learning-courses .content-box.box-01 .btn {

      background: #e98120; }

  .learning-courses .content-box.box-02 {

    background: #e98120; }

    .learning-courses .content-box.box-02 .btn {

      background: #0e79c8; }



.background-section {

  position: relative;

  background-size: 100%;

  width: 100%;

  padding: 50px 0px; }

  /* .background-section:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(to bottom right, #0b6db6 0%, #ec8115 100%);

    opacity: 0.9; } */

.pading-t-b-180{padding: 140px 0;}

.types-of-class {

  position: relative; }

  .types-of-class .class-box {

    transition: all 0.3s ease;

    margin-bottom: 20px; }

    .types-of-class .class-box .content-part {

      padding: 33px 30px 25px;

      box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);

      background: #ffffff;

      min-height: 177px; }

      .types-of-class .class-box .content-part .title {

        font-size: 24px;

        line-height: 32px; }

      .types-of-class .class-box .content-part p {

        font-size: 14px; }



.mobile-btn {

  display: block;

  background: transparent;

  overflow: hidden;

  position: fixed;

  bottom: 0px;

  width: 100%;

  z-index: 99;

  font-weight: 700;

  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1)); }

  .mobile-btn .col-6 {

    padding: 0px !important; }

  .mobile-btn a.ph-btn {

    text-align: center;

    font-size: 15px;

    float: left;

    padding: 6px 0px;

    width: 100%;

    display: block;

    text-decoration: none;

    background: #e98120 !important;

    color: #ffffff; }

  .mobile-btn a.ph-btn.ph-btn2 {

    background: #0c6db4 !important; }



@media only screen and (max-width: 1400px) {

  .learning-courses .content-box ul li {

    margin: 6px 8px 12px; } }

@media only screen and (max-width: 1200px) {

  .types-of-class .class-box .content-part .title {

    font-size: 20px;

    line-height: 25px; }



  .learning-courses .content-box {

    padding: 30px; }

    .learning-courses .content-box h2 {

      font-size: 30px;

      line-height: 36px; }

    .learning-courses .content-box ul li {

      margin: 6px 5px 12px; }

      .learning-courses .content-box ul li a {

        font-size: 14px; } }

@media only screen and (max-width: 600px) {

  .learning-courses p {

    margin-bottom: 10px; }

  .learning-courses .content-box ul li {

    margin: 6px 5px 0px; } }

.courses-carousel {

  margin-top: 40px; }

  .courses-carousel .owl-nav .owl-prev, .courses-carousel .owl-nav .owl-next {

    position: absolute;

    top: 47%;

    transform: translateY(-50%);

    background: #0c6db4 !important;

    width: 40px !important;

    height: 40px !important;

    border-radius: 50px !important; }

    .courses-carousel .owl-nav .owl-prev span, .courses-carousel .owl-nav .owl-next span {

      color: #ffffff; }

  .courses-carousel .owl-nav .owl-prev {

    left: -25px; }

  .courses-carousel .owl-nav .owl-next {

    right: -25px; }



.course-box {

  overflow: hidden;

  position: relative;

  border-radius: 1px;

  -webkit-box-shadow: inset 0 0 0 1px #e8e8e8;

  box-shadow: inset 0 0 0 1px #e8e8e8;

  padding: 1px;

  margin-bottom: 0px;

  background: #ffffff; }

  .course-box .course-img {

    margin-bottom: 15px; }

    .course-box .course-img img.course-img {

      width: 100%;

      height: 155px;

      object-fit: cover;

      border-radius: 0px 0px 0px 0px; }

  .course-box .course-details {

    padding: 0px 20px; }

    .course-box .course-details .course-category {

      border-radius: 2px;

      font-size: 13px;

      line-height: 1;

      padding: 3px 9px;

      display: inline-block;

      vertical-align: top;

      background: #e98120;

      color: #ffffff; }

    .course-box .course-details h3 {

      text-transform: none;

      margin: 10px 0 12px;

      font-weight: 500;

      font-size: 20px;

      line-height: 1.29412; }

      .course-box .course-details h3 a {

        color: #000000; }

        .course-box .course-details h3 a:hover {

          color: #0c6db4; }

    .course-box .course-details .post-author {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      overflow: hidden;

      margin-bottom: 14px; }

      .course-box .course-details .post-author .alignleft {

        margin: 2px 7px 0 0;

        overflow: hidden;

        width: 35px;

        height: 35px; }

      .course-box .course-details .post-author .no-shrink {

        -ms-flex-negative: 0;

        flex-shrink: 0; }

      .course-box .course-details .post-author .author-heading {

        margin: 0; }

        .course-box .course-details .post-author .author-heading a {

          color: #555555;

          font-weight: 400;

          font-size: 13px; }

  .course-box .post-foot {

    color: #555555;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 1px;

    -webkit-box-shadow: inset 0 1px 0 #e8e8e8;

    box-shadow: inset 0 1px 0 #e8e8e8;

    padding: 19px 20px 21px; }

    .course-box .post-foot .post-statuses-list {

      margin-bottom: 0;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-flow: row wrap;

      flex-flow: row wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      width: 100%; }

      .course-box .post-foot .post-statuses-list li {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        font-size: 13px;

        line-height: 1;

        margin-right: 13px; }

        .course-box .post-foot .post-statuses-list li a {

          color: #000000;

          font-weight: 600; }



.course-view {

  position: relative; }

  .course-view .course-details {

    margin: 0px 0px 30px 0px; }

    .course-view .course-details .course-title {

      font-size: 30px;

      font-weight: normal;

      margin-bottom: 15px; }

    .course-view .course-details p {

      margin: 15px 0px; }

    .course-view .course-details .price-and-share h5.price {

      color: #e98120;

      font-size: 32px;

      font-weight: 600;

      text-align: left; }

  .course-view .list-unstyled {

    border-top: 1px solid #ecf0f1;

    border-bottom: 1px solid #ecf0f1;

    padding: 25px 0px; }

    .course-view .list-unstyled i {

      color: #0c6db4; }

  .course-view .headding-title {

    background: #0c6db4;

    padding: 10px 15px;

    color: #ffffff;

    font-size: 20px;

    margin: 0px; }

  .course-view .lead {

    font-weight: 600; }

  .course-view .course-description ul.list {

    margin: 15px 0px;

    padding: 0px; }

    .course-view .course-description ul.list li {

      display: block;

      padding-bottom: 10px;

      padding-left: 25px;

      position: relative; }

      .course-view .course-description ul.list li:before {

        font-family: 'Font Awesome 5 Pro';

        content: "\f00c";

        padding-right: 15px;

        color: #0c6db4;

        font-size: 15px;

        position: absolute;

        left: 0;

        top: 3px; }



.how-to-participate h2 {

  font-size: 20px;

  text-transform: capitalize;

  color: #0c6db4;

  font-weight: 800; }

.how-to-participate .steps {

  margin: 10px 0px; }

.how-to-participate h3 {

  width: 50px;

  height: 50px;

  background: #e98120;

  border-radius: 50px;

  color: #ffffff;

  text-align: center;

  display: block;

  line-height: 50px;

  font-weight: 700; }



.widgets .widget {

  margin-bottom: 50px;

  -webkit-box-shadow: 0px 3px 4px 0px rgba(28, 26, 31, 0.1);

  box-shadow: 0px 3px 4px 0px rgba(28, 26, 31, 0.1); }

.widgets .widget-title {

  font-size: 18px;

  line-height: 28px;

  background-color: #ffffff;

  padding: 10px 20px;

  margin-bottom: 0; }

.widgets .widget-content {

  padding: 30px 20px;

  border-top: 1px solid #eaeaea;

  background: #ffffff; }

  .widgets .widget-content ul.list {

    padding: 0;

    margin: 0; }

    .widgets .widget-content ul.list li {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      color: #1c1a1f;

      min-width: 120px;

      list-style: none;

      margin-bottom: 15px; }

.widgets .widget-tag ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

  .widgets .widget-tag ul li {

    margin: 0px 15px 15px 0px;

    list-style: none;

    min-width: auto; }

    .widgets .widget-tag ul li a {

      display: inline-block;

      padding: 8px 25px;

      border: 1px solid #555555;

      border-radius: 50px;

      color: #555555; }

      .widgets .widget-tag ul li a:hover {

        border-color: #e98120;

        color: #e98120; }



@media only screen and (max-width: 768px) {

  .course-view .course-details .course-title {

    font-size: 20px;

    margin-top: 15px; } }

.theme-cards .card {

  border: 0px;

  background-color: #FFF;

  box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1);

  border-radius: 8px;

  margin-bottom: 15px; }

  .theme-cards .card .card-header {

    position: relative;

    padding: 15px;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    text-align: center;

    background: #ffffff;

    border-top: 5px solid #0c6db4;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    border-bottom: 1px solid #ececec; }

    .theme-cards .card .card-header span {

      margin-bottom: 7px;

      margin-left: 0.2em;

      display: inline-block;

      font-weight: bold;

      background-size: contain;

      color: #192027;

      padding-left: 35px;

      font-size: 18px; }

      .theme-cards .card .card-header span i {

        color: #e98120;

        font-size: 22px;

        margin-right: 8px; }

  .theme-cards .card .card-footer {

    position: relative;

    text-align: center;

    display: block;

    clear: both;

    padding: 15px;

    margin-top: 10px;

    border-top: 1px solid #ececec;

    background-color: #fbfbfb;

    border-bottom-right-radius: 8px;

    border-bottom-left-radius: 8px;

    transition: all 300ms; }

    .theme-cards .card .card-footer a {

      text-decoration: none;

      display: block;

      font-size: 16px;

      font-weight: bold;

      color: #5e5e5e;

      vertical-align: middle;

      display: inline-block;

      position: relative;

      padding-left: 30px; }

      .theme-cards .card .card-footer a:before {

        font-family: 'Font Awesome 5 Pro';

        content: "\f141";

        padding-right: 10px;

        color: #e98120;

        position: absolute;

        left: 0;

        top: 0;

        font-size: 22px;

        line-height: 27px; }

      .theme-cards .card .card-footer a:hover {

        color: #ffffff; }

    .theme-cards .card .card-footer:hover {

      background-color: #e98120;

      color: #ffffff;

      transition: all 300ms; }

      .theme-cards .card .card-footer:hover a {

        color: #ffffff; }



.theme-tabs .nav-item .nav-link {

  display: table-cell;

  width: 100%;

  font-size: 18px;

  border-radius: 40px;
  font-weight: 600;
  border: 0;
  text-transform: uppercase;
  background: transparent;


  color: #5e5e5e; }

  .theme-tabs .nav-item .nav-link.active {

    background: #e98120;

    color: #ffffff;

    box-shadow: 0 6px 20px rgba(52, 56, 113, 0.29); }



.profile a {

  text-align: center;

  color: #4c4c4c;

  display: block;

  height: auto;

  overflow: hidden;

  padding-bottom: 0px;

  margin-top: 10px;

  text-decoration: none; }

  .profile a img {

    width: 75px;

    height: 75px;

    border-radius: 75px;

    display: block;

    margin: 5px auto 0;

    margin-bottom: 7px;

    border: 3px solid #fff;

    transition: 0.5s; }

    .profile a img:hover {

      box-shadow: 0 0 0 5px #e3e3e3;

      transition: 0.5s;

      border: 3px solid #fff; }

  .profile a span {

    padding-bottom: 8px;

    font-size: 13px; }



.latest-news {

  margin: 13px 0 0px 0; }

  .latest-news .news-img {

    width: 60px;

    height: 60px;

    border-radius: 60px;

    float: left;

    margin: 10px;

    box-shadow: 0px 2px 11px 0 rgba(14, 14, 14, 0.1); }

  .latest-news p {

    font-size: 13px;

    margin-bottom: 0px; }

  .latest-news small {

    color: #a2a2a2;

    font-size: 12px; }



.footer .footer-links {

  width: 100%;

  padding: 40px 0px;

  background: #202831; }

  .footer .footer-links img {

    width: 250px;

    margin-bottom: 12px; }

  .footer .footer-links .footer-title {

    font-size: 20px;

    color: #ffffff;

    margin-bottom: 20px; }

  .footer .footer-links ul {

    padding: 0px;

    margin: 0px;

    list-style-type: none; }

    .footer .footer-links ul li {

      display: block;

      padding-bottom: 5px;

      padding-left: 0px;

      position: relative; }

      .footer .footer-links ul li:before {

        font-family: 'Font Awesome 5 Pro';
        display: none;
        content: "\f0a9";

        padding-right: 10px;

        color: #f85d48;

        font-size: 13px;

        position: absolute;

        left: 0;

        top: 3px; }

      .footer .footer-links ul li a {

        color: #ffffff;

        text-decoration: none;

        font-size: 14px;

        opacity: 0.8; }

        .footer .footer-links ul li a:hover {

          color: #ffffff;

          opacity: inherit; }

.footer p {

  color: #ffffff;

  font-size: 13px;

  line-height: 24px;

  opacity: 0.8; }

.footer .copy-right {

  background: #192027;

  padding: 20px 0px; }

  .footer .copy-right p {

    margin: 0px;

    font-size: 13px; }

  .footer .copy-right a {

    text-decoration: none;

    color: #f85d48; }

.footer .socila-media-icon p {

  text-align: right;

  font-size: 12px;

  margin-bottom: 7px; }

.footer .socila-media-icon ul {

  margin: 0px;

  padding: 0px;

  list-style-type: none;

  /*float: right; */}

  .footer .socila-media-icon ul li {

    display: inline-block;

    width: 32px;

    height: 32px;

    border-radius: 32px;

    text-align: center;

    line-height: 32px;

    margin-right: 12px; }

    .footer .socila-media-icon ul li a {

      color: #ffffff;

      font-size: 17px; }

    .footer .socila-media-icon ul li:last-child {

      margin-right: 0px; }

  .footer .socila-media-icon ul .whats-app {

    background: linear-gradient(to top right, #27b53e 0%, #58cf63 64%); }

  .footer .socila-media-icon ul .youtube {

    background-color: #FF0000; }

  .footer .socila-media-icon ul .skype {

    background-color: #00aff0; }

  .footer .socila-media-icon ul .facebook {

    background: #395795; }



@media only screen and (max-width: 991px) {

  .footer .footer-links .quick-links {

    margin-top: 15px; }

  .footer .copy-right p span {

    display: block; } }

@media only screen and (max-width: 768px) {

  .footer .footer-links .quick-links ul {

    margin-bottom: 20px; }

  .footer .socila-media-icon ul {

    float: left;

    margin-top: 12px; }

  .footer .copy-right {

    padding: 20px 0px 50px; } }

.download-app {

  position: relative;

  padding: 30px 0px;

  background: #e98120; }

  .download-app .app-links h3 {

    color: #ffffff;

    font-size: 25px;

    font-weight: 700;

    margin-bottom: 20px; }

  .download-app .app-form p {

    margin-bottom: 10px;

    color: #ffffff;

    font-weight: 700; }

  .download-app .app-form .input-group .form-control {

    border-radius: 0px;

    height: 50px; }

  .download-app .app-form .input-group .input-group-btn .btn-dark {

    height: 50px;

    border-radius: 0px;

    font-weight: 700; }



@media only screen and (max-width: 1200px) {

  .download-app .app-links h3 {

    font-size: 20px; } }

@media only screen and (max-width: 991px) {

  .download-app .app-links {

    margin-bottom: 30px; } }

.form-bg {

  background: white;

  border-radius: 3px;

  padding: 30px;

  position: relative;

  display: flex; }

  .form-bg .form_wrapper {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    position: relative;

    overflow: hidden; }

    .form-bg .form_wrapper .tile {

      text-align: center;

      margin-bottom: 20px;

      width: 100%;

      overflow: hidden; }

      .form-bg .form_wrapper .tile h3 {

        font-size: 22px;

        font-weight: 700;

        margin: 0px;

        text-transform: uppercase;

        transition: all 0.3s ease; }

    .form-bg .form_wrapper .radio {

      display: none; }

    .form-bg .form_wrapper .tab {

      width: 50%;

      border: solid 2px #f1f1f1;

      height: 45px;

      line-height: 45px;

      text-transform: uppercase;

      border-radius: 5px;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 16px;

      cursor: pointer;

      margin-bottom: 30px;

      font-weight: 500;

      transition: color 0.3s ease;

      user-select: none; }

      .form-bg .form_wrapper .tab.login_tab {

        border-right: none;

        border-top-right-radius: 0px;

        border-bottom-right-radius: 0px; }

      .form-bg .form_wrapper .tab.signup_tab {

        border-left: none;

        border-top-left-radius: 0px;

        border-bottom-left-radius: 0px; }

    .form-bg .form_wrapper .shape {

      background: linear-gradient(45deg, #178fe8, #0b6db6) no-repeat center;

      width: 50%;

      height: calc(45px - 1px);

      border-radius: 5px;

      position: absolute;

      top: 47px;

      left: 0px;

      opacity: 0.9;

      transition: all 0.4s ease; }

      .form-bg .form_wrapper .shape:hover {

        background: linear-gradient(-45deg, #0b6db6, #178fe8) no-repeat center; }

    .form-bg .form_wrapper #login:checked ~ .shape {

      left: 0px; }

    .form-bg .form_wrapper #login:checked ~ .login_tab {

      border-color: transparent;

      z-index: 1;

      color: white; }

    .form-bg .form_wrapper #login:checked ~ .tile .signup {

      display: none; }

    .form-bg .form_wrapper #login:checked ~ .form_wrap {

      transform: translateX(0); }

      .form-bg .form_wrapper #login:checked ~ .form_wrap .signup_form {

        opacity: 0; }

    .form-bg .form_wrapper #signup:checked ~ .shape {

      left: 50%; }

    .form-bg .form_wrapper #signup:checked ~ .signup_tab {

      border-color: transparent;

      z-index: 1;

      color: white; }

    .form-bg .form_wrapper #signup:checked ~ .tile .login {

      display: none; }

    .form-bg .form_wrapper #signup:checked ~ .form_wrap {

      transform: translateX(-100%); }

      .form-bg .form_wrapper #signup:checked ~ .form_wrap .login_form {

        opacity: 0; }

    .form-bg .form_wrapper a {

      color: #e98120;

      text-decoration: none;

      transition: all 0.3s linear; }

      .form-bg .form_wrapper a:hover {

        color: #0c6db4; }

    .form-bg .form_wrapper .form_wrap {

      display: flex;

      width: 100%;

      flex: 0 0 100%;

      transition: transform 0.3s ease, opacity 0.2s ease; }

      .form-bg .form_wrapper .form_wrap .form_fild {

        width: 100%;

        flex: 0 0 100%;

        transition: all 0.5s ease; }

        .form-bg .form_wrapper .form_wrap .form_fild .input_group {

          width: 100%;

          margin-bottom: 12px; }

          .form-bg .form_wrapper .form_wrap .form_fild .input_group .input {

            border: solid #f1f1f1 2px;

            border-radius: 5px;

            width: 100%;

            height: 40px;

            padding: 5px 10px;

            font-size: 15px;

            font-weight: 500;

            outline: none;

            transition: all 0.3s linear; }

            .form-bg .form_wrapper .form_wrap .form_fild .input_group .input::placeholder {

              color: #adadad; }

            .form-bg .form_wrapper .form_wrap .form_fild .input_group .input:hover {

              border-color: rgba(248, 66, 151, 0.3); }

            .form-bg .form_wrapper .form_wrap .form_fild .input_group .input:focus {

              border-color: rgba(248, 66, 151, 0.3); }

        .form-bg .form_wrapper .form_wrap .form_fild .forgot {

          display: block;

          margin-bottom: 15px;

          padding: 0px 2px; }

        .form-bg .form_wrapper .form_wrap .form_fild .btn {

          width: 100%;

          height: 40px;

          margin-bottom: 20px;

          border: none;

          outline: none;

          font-size: 16px;

          text-transform: uppercase;

          font-weight: 500;

          letter-spacing: 0.8px;

          color: white;

          background: linear-gradient(45deg, #ff6c27, #e98120) no-repeat center;

          border-radius: 5px;

          display: flex;

          align-items: center;

          justify-content: center;

          transition: all 0.3s linear; }

          .form-bg .form_wrapper .form_wrap .form_fild .btn:hover {

            background: linear-gradient(-45deg, #ff6c27, #e98120) no-repeat center; }

          .form-bg .form_wrapper .form_wrap .form_fild .btn:active {

            transform: scale(0.95); }

        .form-bg .form_wrapper .form_wrap .form_fild .not_mem {

          text-align: center; }

          .form-bg .form_wrapper .form_wrap .form_fild .not_mem label {

            pointer-events: none; }

            .form-bg .form_wrapper .form_wrap .form_fild .not_mem label span {

              pointer-events: all;

              color: #e98120;

              text-decoration: none;

              transition: all 0.3s linear;

              cursor: pointer; }

              .form-bg .form_wrapper .form_wrap .form_fild .not_mem label span:hover {

                color: #e98120; }

  .form-bg .login-or {

    position: relative;

    font-size: 18px;

    color: #aaa;

    margin-top: 20px;

    margin-bottom: 20px;

    padding-top: 10px;

    padding-bottom: 10px; }

  .form-bg .span-or {

    display: block;

    position: absolute;

    left: 50%;

    top: -2px;

    margin-left: -25px;

    background-color: #fff;

    width: 50px;

    text-align: center; }

  .form-bg .hr-or {

    background-color: #cdcdcd;

    height: 1px;

    margin-top: 0px !important;

    margin-bottom: 0px !important; }



.facebook-btn {

  background: #395a9a !important; }



.google-btn {

  background: #dc4a33 !important; }



.breadcrumb {
  position: relative;
  padding: 80px 0px;
  margin: 0px;
  text-align:center;
  border-radius: 0px;
  background: url(../../images/prompt.webp);
  background-position: center;
  }
  
  .breadcrumb:before{
      content:'';
      position: absolute;
      width:100%;
      height:100%;
      left:0px;
      top:0px;
      background:rgba(0, 0, 0, 0.5);
  }

  .breadcrumb h1 {

    text-align: center;
     position: relative;
    color: #ffffff;

    font-size: 50px;

    letter-spacing: 1px;

    font-weight: 500;

    /*text-transform: uppercase;*/

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); }

 .breadcrumb p{
     position: relative;
     color:#fff;
     font-size: 22px;
     font-weight: 500;
 }

.wrapper {

  width: 980px;

  margin: 30px auto;

  position: relative; }



.counter {

  background-color: #ffffff;

  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: 13px;

  font-weight: normal;

  margin-top: 10px;

  margin-bottom: 0;

  text-align: center; }



.fa-2x {

  margin: 0 auto;

  float: none;

  display: table;

  color: #4ad1e5; }



.counter {

  font-family: 'Nunito Sans', sans-serif;

  background: #fff;

  text-align: center;

  width: 200px;

  min-height: 215px;

  padding: 10px 15px;

  margin: 0 auto;

  border-radius: 30px;

  box-shadow: 0 8px 5px rgba(0, 0, 0, 0.2);

  position: relative; }



.counter:before {

  content: '';

  background-color: #9DD662;

  height: 105px;

  width: 100%;

  border-radius: 30px 30px 0 0;

  position: absolute;

  left: 0;

  top: 0; }



.counter .counter-icon {

  color: #fff;

  background: #7CA936;

  font-size: 50px;

  line-height: 90px;

  width: 120px;

  height: 100px;

  margin: 0 auto 10px;

  border-radius: 10px 10px 0 0;

  transform: translateY(-20px);

  position: relative;

  clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%); }



.counter .counter-icon:before {

  content: "";

  background: #8AC248;

  width: 120px;

  height: 90px;

  border-radius: 10px 10px 0 0;

  transform: translateX(-50%);

  position: absolute;

  top: 0;

  left: 50%;

  z-index: -1;

  clip-path: polygon(0% 0%, 100% 0, 100% 70%, 50% 100%, 0 70%); }



.counter:hover .counter-icon i {

  transform: rotate(360deg);

  transition: all 0.3s ease; }



.counter h3 {

  color: #333;

  font-size: 17px;

  font-weight: 800;

  letter-spacing: 0px;

  text-transform: uppercase;

  margin: 0 0 5px 0; }



.counter .counter-value {

  color: #7CA936;

  font-size: 30px;

  font-weight: 900;

  display: block; }



.counter.blue:before {

  background-color: #5A9BEF; }



.counter.blue .counter-icon {

  background-color: #2A70B5; }



.counter.blue .counter-icon:before {

  background-color: #367DCB; }



.counter.blue .counter-value {

  color: #367DCB; }



.counter.red:before {

  background-color: #FD6D4B; }



.counter.red .counter-icon {

  background-color: #D14026; }



.counter.red .counter-icon:before {

  background-color: #EA5736; }



.counter.red .counter-value {

  color: #EA5736; }



.counter.gray:before {

  background-color: #777; }



.counter.gray .counter-icon {

  background-color: #444; }



.counter.gray .counter-icon:before {

  background-color: #666; }



.counter.gray .counter-value {

  color: #666; }



@media screen and (max-width: 990px) {

  .counter {

    margin-bottom: 40px; } }

.feature-info-04 {

  background-color: #f2f2f3;

  padding: 40px 30px;

  border-radius: 3px;

  -webkit-transition: all 0.3s ease-in-out;
  height: 100%;

  transition: all 0.3s ease-in-out; }

  .feature-info-04 .feature-icon {

    color: #0c6db4;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out; }

  .feature-info-04 .feature-title {

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out; }

  .feature-info-04 .btn-link {

    color: #0c6db4;

    padding: 0;

    text-decoration: none; }

  .feature-info-04:hover {

    background-color: #0c6db4;

    color: #ffffff; }

    .feature-info-04:hover .btn-link, .feature-info-04:hover .feature-icon {

      color: #ffffff; }



.one-to-one-class {

  position: relative;

  padding: 40px;

  background: #0c6db4;

  color: #ffffff;

  border-radius: 0px;

  text-align: center; }

  .one-to-one-class h2 {

    text-transform: uppercase;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);

    font-size: 40px;

    font-weight: 700;

    letter-spacing: 0.5px;

    margin-bottom: 20px; }

  .one-to-one-class p {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 10px; }

  .one-to-one-class .custom-btn-01 {

    margin-top: 10px; }

  .one-to-one-class ul {

    margin: 0px 0px 20px 0px;

    padding: 0px; }

    .one-to-one-class ul li {

      display: inline-block;

      padding-bottom: 5px;

      padding-left: 20px;

      position: relative;

      margin-right: 15px;

      font-size: 16px;

      font-weight: 700;

      text-transform: capitalize; }

      .one-to-one-class ul li:before {

        font-family: 'Font Awesome 5 Pro';

        content: "\f058";

        padding-right: 10px;

        color: #ffffff;

        font-size: 15px;

        position: absolute;

        left: 0;

        top: 3px; }

  .one-to-one-class .custom-btn-01:hover {

    background: transparent;

    border: 2px solid #ffffff;

    color: #ffffff; }



.why-choose {

  text-align: center; }

  .why-choose h4 {

    font-size: 25px;

    line-height: 35px; }



.built-for-learning .feature-info-04 {

  min-height: 265px; }



.group-class-learning .feature-info-04 {

  min-height: 285px; }



.call-to-action .left-content {

  border-right: 2px solid #d9d9d9;

  padding: 10px 0px; }

.call-to-action h2 {

  text-transform: uppercase;

  color: #0c6db4;

  font-weight: 700;

  margin-bottom: 15px; }

.call-to-action p {

  font-size: 15px;

  font-weight: 700;

  margin-bottom: 10px;

  text-transform: uppercase; }

.call-to-action h4 a {

  color: #e98120;

  font-weight: 700;

  font-size: 22px; }



.find-course .course-box {

  margin-bottom: 20px; }



.cms-pages ul {

  margin: 0px 0px 15px;

  padding: 0px; }

  .cms-pages ul li {

    display: block;

    padding-bottom: 8px;

    padding-left: 25px;

    position: relative; }

    .cms-pages ul li:before {

      font-family: 'Font Awesome 5 Pro';

      content: "\f0a9";

      padding-right: 15px;

      color: #e98120;

      font-size: 15px;

      position: absolute;

      left: 0;

      top: 0px; }



@media only screen and (max-width: 992px) {

  .one-to-one-class h2 {

    font-size: 30px; }



  .why-choose h4 {

    font-size: 20px; }



  .course-box {

    margin-bottom: 20px; }



  .call-to-action h2 {

    font-size: 20px; }

  .call-to-action h4 a {

    font-size: 20px; }

  .call-to-action p {

    font-size: 13px; } }

@media only screen and (max-width: 768px) {

  .one-to-one-class {

    padding: 25px 15px; }

    .one-to-one-class h2 {

      font-size: 22px; }



  .call-to-action {

    padding-bottom: 30px !important; }

    .call-to-action .left-content {

      border-right: 0px solid #d9d9d9 !important; } }

.our-team {

  text-align: center;

  transition: all 0.5s ease 0s;

  margin-bottom: 40px; }



.our-team:hover {

  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }



.our-team .pic {

  overflow: hidden;

  position: relative; }



.our-team .pic:before,

.our-team .pic:after {

  content: "";

  width: 200%;

  height: 80%;

  background: rgba(38, 37, 37, 0.8);

  position: absolute;

  top: -100%;

  left: -4%;

  transform: rotate(45deg);

  transition: all 0.5s ease 0s; }



.our-team .pic:after {

  background: rgba(14, 121, 200, 0.8);

  top: auto;

  left: auto;

  bottom: -100%;

  right: -4%; }



.our-team:hover .pic:before {

  top: 0; }



.our-team:hover .pic:after {

  bottom: 0; }



.our-team .pic img {

  width: 100%;

  height: auto; }



.our-team .social {

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  position: absolute;

  bottom: 45%;

  left: 0;

  opacity: 0;

  z-index: 2;

  transition: all 0.5s ease 0.3s; }



.our-team:hover .social {

  opacity: 1; }



.our-team .social li {

  display: inline-block; }



.our-team .social li a {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 20px;

  color: #fff;

  margin-right: 10px;

  position: relative;

  transition: all 0.3s ease 0s; }



.our-team .social li a:after {

  content: "";

  width: 100%;

  height: 100%;

  background: #e98120;

  border-radius: 0 20px 20px 20px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  transition: all 0.3s ease 0s; }



.our-team .social li a:hover:after {

  transform: rotate(180deg); }



.our-team .team-content {

  padding: 20px; }



.our-team .title {

  font-size: 22px;

  font-weight: 700;

  letter-spacing: 0.5px;

  color: #0c6db4;

  text-transform: uppercase;

  margin-bottom: 7px; }



.our-team .post {

  display: block;

  font-size: 17px;

  font-weight: 600;

  color: #707070;

  text-transform: capitalize; }



@media only screen and (max-width: 990px) {

  .our-team {

    margin-bottom: 30px; } }

.testimonial {

  border-left: 4px solid #d45113;

  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);

  padding: 30px 30px 30px 130px;

  margin: 0 15px 30px 15px;

  overflow: hidden;

  position: relative;

  background: #ffffff; }



.testimonial:before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  border-top: 25px solid #d45113;

  border-left: 25px solid transparent;

  border-right: 25px solid transparent;

  transform: rotate(-45deg);

  transform-origin: 80% -30% 0; }



.testimonial .pic {

  display: inline-block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  overflow: hidden;

  position: absolute;

  top: 60px;

  left: 20px; }



.testimonial .pic img {

  width: 100%;

  height: auto; }



.testimonial .description {

  font-size: 15px;

  font-style: italic;

  color: #918686;

  line-height: 25px;

  margin-bottom: 15px; }



.testimonial .title {

  display: inline-block;

  font-size: 20px;

  font-weight: 700;

  color: #d45113;

  margin: 0; }



.testimonial .post {

  display: inline-block;

  font-size: 17px;

  color: #d45113; }



.owl-theme .owl-controls .owl-page span {

  border: 2px solid #d45113;

  background: #fff;

  opacity: 1; }



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls .owl-page:hover span {

  background: #d45113; }



@media only screen and (max-width: 767px) {
  .item-container{display: none;}

  .testimonial {

    padding: 20px;

    text-align: center; }



  .testimonial .pic {

    display: block;

    position: static;

    margin: 0 auto 15px; } }

.tutor-profile {

  position: relative; }

  .tutor-profile .form-bg {

    display: block; }

  .tutor-profile h4 {

    text-align: center;

    font-size: 20px;

    margin-bottom: 30px; }

  .tutor-profile label.heading-title {

    font-weight: 600; }

  .tutor-profile .form-control {

    border-radius: 0px; }

  .tutor-profile p {

    margin: 0px;

    font-size: 13px;

    margin: 8px 0px; }

  .tutor-profile .list-points {

    margin-bottom: 10px; }

    .tutor-profile .list-points li {

      font-size: 13px;

      display: block;

      padding-bottom: 5px;

      padding-left: 20px;

      position: relative; }

      .tutor-profile .list-points li:before {

        font-family: 'Font Awesome 5 Pro';

        content: "\f2f8";

        padding-right: 10px;

        font-size: 13px;

        position: absolute;

        left: 0;

        top: 3px; }



/*# sourceMappingURL=style.css.map */

.course-box {padding: 25px;}
.pading-10 li a{padding: 0 10px;font-size: 18px;}
.pading-10 {margin: 20px 0;}
.pading-12 li {padding: 0 10px;font-size: 15px;}
.choes{max-width: 200px;}
/* @media only screen and (max-width: 991px){
  body{
    display: none;
  }
  html:before{
    content: "Responsive Coming Soon";
    padding:20%;
    text-align: center;
    font-size: 30px;
    display: block;	
  }
  } */
  .promt{    max-width: 300px;
    margin: 0 0 0 auto;
    padding: 10px 0;}
    .form-data{padding: 20px;}
    /*.form-group input{border: none;
      font-size: 30px;}*/


      .form-group input:focus-visible{  outline: none;
       }
       .across input{border: none;
        font-size: 20px;}
        .Jtb-y {border: none;}
        .space{margin: 30px 0;}
        .styl-ing input{padding: 12px;}
        .pading-12 li:nth-child(1):hover{color: blue;}
        .pading-12 li:nth-child(2):hover{color: red;}
        .pading-12 li:nth-child(3):hover{color: gold;}

.about-img{
  position: relative;
  width: 100%;
}

.about-img:before{
  content: '';
  width: 90%;
  height: 100%;
  background: #ff4040;
  left: 0px;
  top: 0px;
  border-radius: 10px;
  position: absolute;
}

.about-img img{
  width: 95%;
  margin: 15px;
  position: relative;
  border-radius: 10px;
  z-index: 1;
}