@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

*{padding: 0px; margin: 0px; box-sizing: border-box;  text-decoration: none; list-style: none;   font-family: "Hanken Grotesk", sans-serif;}


/*Tools*/


       .magic-btn {
    border-radius: 50px;
           width: 100%;
  padding: 14px 28px;
    display: inline-block;
    color: #212529;
    background: #ffcd4d;
    border: solid 1px #ffcd4d;
    transition: 0.5s;
    text-decoration: none;
  cursor: pointer;
  text-decoration: none !important;
}

.magic-btn:hover {
    border: solid 1px #212529;
    background: #fff;
}


.poppss{
    font-family: "Poppins", sans-serif;
    background: #66696a;

}


.diwali-icn{
    width: 35%;
}


.slider-icn{
    width: 35px;
}

.slider-icn-dg{
    width: 70px;
}

.carousel-control-prev-icon {
    background-image: url('https://creativewebpixel.com/public/frontend/images/slider/left-arrow.png') !important;
}

.carousel-control-next-icon {
    background-image: url('https://creativewebpixel.com/public/frontend/images/slider/right-arrow.png') !important;
}


.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -10px !important;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}


.carousel-control-prev{
    left: 50px !important;
     bottom: -72% !important;
}


.popup-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .popup-content {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            max-width: 900px;
            position: relative;
        }

        .popup-content img {
            width: 100%;
            height: auto;
            display: block;
        }



        .close-btn {
            background: #ff4b4b;
            color: #fff;
            border: none;
            padding: 10px 20px;
            margin-bottom: 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }

        .close-btn:hover {
            background: #e43f3f;
        }

        .cross-btn {
    color: #fff;
            z-index:9999;
            position: absolute;
                top: 13%;
    right: 16%;
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            line-height: 1;
        }

        .cross-btn:hover {
            color: #ff4b4b;
        }

        .popup-overlay.active {
            display: flex;
        }


.carousel-control-next{
    bottom: -72% !important;
    left:90px !important;
}


.carousel-indicators [data-bs-target] {
    border-radius: 100% !important;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px !important;
    height: 10px !important;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}





.carousel-caption{
    position: static !important;
    text-align: left !important;
}


.fs-45 {
    font-weight: 200;
    font-size: 45px;
    color: #ffffff;
    user-select: none;
}

.outer {
    background: #000031;
    width: 700px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner {
    width: 560px;
    height: 272px;
    background: aqua;
}

.source {
    width: 500px;
    justify-content: space-evenly;
}


.source input{
    background: #FFCD4D;
    border: none;
    padding: 2px 2px;
    width: 100%;
}

.left input {
    background: none;
    color: #000031;
    width: 80%;
    border: none;
    padding: 5px;
    font-weight: 700;

}

.left input::-webkit-outer-spin-button,
.left input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.right input {
    background: none;
    color: #000031;
    width: 80%;
    border: none;
    padding: 5px;
    font-weight: 700;
}

.right input::-webkit-outer-spin-button,
.right input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.lock {
    text-align: center;
    border: #000031 2px dashed;
    padding: 6px 20px;
    font-size: 30px;
    color: #000031;
}

.inner-text {
    padding-left: 140px;
    padding-top: 62px;

}

.text-lucida{
    color: #000031;
    margin-bottom: 20px;
    font: normal 15px Monaco, 'Lucida Console', monospace;
    overflow: hidden;
}











.bg-color1{background-color: #ef6200 !important;}
.bg-color2{background-color: #ef6200;}
.bg-color3{background-color: #E0E6FF !important;}
.bg-color4{background-color: #FFE0F8 !important;}
.bg-color5{background-color: #FFE0E0 !important;}
.bg-color6{background-color: #F6F7F9 !important;}
.bg-color7{background-color: #CD201F !important;}
.bg-color8{background-color: #D2F9D6 !important;}

.text-color1{color: #4159BB !important;}
.text-color2{color: #C655AD !important;}
.text-color3{color: #BD5A5A !important;}
.text-color4{color: #FFCD4D !important;}
.a-tag{text-decoration: none;}

/* ================section=1================== */

.heading {margin-top:  120px !important;}
.register{padding-top: 30px !important;}
/* .heading a{margin-top:  100px !important;} */
.heading p{ width: 70% !important;
}

/* =====================section=2==================== */
.student{padding-left: 40px !important;}
.student h4{font-size: 40px; font-weight: 500;}
.student p{width: 2%; font-size: 25px;}

/* =====================section=3==================== */
.card-title{font-weight: 700;}
.card-title1{font-size: 20px !important;}

.courses-list i{
color: #FFCD4D !important; font-size: 20px;}

.courses-list{font-size: 15px; }
.btn1{width: 47%;  color: #000; text-decoration: none; text-align: center; padding: 10px;}

.note{width: 60%; margin: auto; }


/* =====================section=4==================== */

/* =====================section=8==================== */
.layers{width: 35px; height: 35px; background-color: #ef6200; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; padding-top: 2px;}
.nulla{width: 80%;}
.circle{width: 35px; height: 35px; background-color: #E71A1A; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; padding-top: 2px;}
.earmark{width: 35px; height: 35px; background-color: #0DBB68; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; padding-top: 2px;}
.moisture{width: 35px; height: 35px; background-color: #AA5110; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; padding-top: 2px;}
.plus{width: 35px; height: 35px; background-color: #10CFDC; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; padding-top: 2px;}
/* =====================section=12==================== */
.profile p{width: 75%; margin: auto;}

/* =====================section=13==================== */

.play-circle1{top: 240px; left: 300px;}

.price{border-bottom: dashed 1px #8b8484;     padding: 10px 0px; align-items: center !important;}
.profile{height:300px;}

/* =====================about==================== */
.toward{width: 60%; margin: auto;}

/* =====================course-detail==================== */
.boder2{border-bottom: solid 2px #4159BB; }

/* =====================Portfolio==================== */
.toward1{width: 50%; margin: auto;}
.portfolio-box{overflow: hidden;}
.portfolio-box .top1{top: -100px; transition: 1s; text-align: center; z-index: 1000;}
.portfolio-box::after{content: " "; transition: 1s; opacity: 0; display:block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000;}
.portfolio-box:hover::after{opacity: 0.7;}
.portfolio-box:hover .top1{top: 40px;}

/* ================menu================== */
.question{padding-top: 100px !important;  font-size: 14px;}

/* ================course-drop-down================== */

.nav-pills .nav-link.active{background-color: #ef6200; border-radius: 0px; color: #fff;}
.nav-pills .nav-link{color: #000; font-size: 20px;}
.nav-pills{width: 25%;}
/* ================Apply for Jobs================== */
.job-application{padding-bottom: 275px;}



.file-input__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }

  .file-input__label {
border: solid 1px #D5D5D5;
    color: #000;
    font-size: 20px;
    padding: 50px 50px;
text-align: center;}


.button1{border: solid 1px #D5D5D5; background-color: #fff; color: #444343;}





/* =====================Hover css==================== */

.hvr-underline-from-center:before{
    background-color: #ef6200;
    height: 1px;
}

.btn-style2{padding:5px 0px; margin:0px 20px 0px 20px; display:inline-block; color:#212529; text-decoration:none;}
.btn-style1{padding:15px 30px; display:inline-block; color:#212529; background:#ffcd4d; border:solid 1px #ffcd4d;transition:0.5s; text-decoration:none;}
.btn-style1:hover{border:solid 1px #212529;background:#fff;}
p{color:#6F727E;}

.btn-style3{padding:10px 0px; text-align:center; margin:0px; width:50%; cursor: pointer !important;}
.btn-all-course{ border:solid 1px #43464D;transition:0.5s; display:inline-block; color:#212529; text-decoration:none; padding:16px 90px;}
.btn-all-course:hover{border:solid 1px #FFCD4D; background:#FFCD4D;}
.counter span{font-size:60px; color:#fff;  display:inline-block; font-weight:700;}
.counter p{color:#fff; font-size:20px;}
.counter p span{font-weight:700; display:block;font-size:20px;}

.courses{background:#F6F7F9;}
.courses .card{transition:0.5s;}
.courses .card:hover{transform: translate(0px, -20px);}
.courses .card del{text-decoration: line-through; font-weight: normal; color: #ABABAB; font-size: 16px; padding-left: 11px;}
.courses .card .card-title{font-size:20px;}
.upcoming-batches span.fw-semibold{font-size:20px;}
.upcoming-batches{background:#F6F7F9 !important;}
.owl-stage .owl-item:nth-child(1) .bg-color, .owl-stage .owl-item:nth-child(4) .bg-color, .owl-stage .owl-item:nth-child(7) .bg-color {
  background: #E0E6FF !important;
}
.owl-stage .owl-item:nth-child(1) .bg-color p,.owl-stage .owl-item:nth-child(1) .bg-color span, .owl-stage .owl-item:nth-child(4) .bg-color p, .owl-stage .owl-item:nth-child(7) .bg-color p{color:#4159BB;}

.owl-stage .owl-item:nth-child(1) .bg-color h3,.owl-stage .owl-item:nth-child(1) .bg-color h3, .owl-stage .owl-item:nth-child(4) .bg-color h3, .owl-stage .owl-item:nth-child(7) .bg-color h3{color:#4159BB;}
.owl-stage .owl-item:nth-child(1) .bg-color h3,.owl-stage .owl-item:nth-child(1) .bg-color span, .owl-stage .owl-item:nth-child(4) .bg-color span, .owl-stage .owl-item:nth-child(7) .bg-color span{color:#4159BB;}

.owl-stage .owl-item:nth-child(2) .bg-color, .owl-stage .owl-item:nth-child(5) .bg-color, .owl-stage .owl-item:nth-child(8) .bg-color {
  background: #FFE0F8 !important;
}

.owl-stage .owl-item:nth-child(2) .bg-color p, .owl-stage .owl-item:nth-child(5) .bg-color p, .owl-stage .owl-item:nth-child(8) .bg-color p{color:#C655AD;}

.owl-stage .owl-item:nth-child(2) .bg-color h3, .owl-stage .owl-item:nth-child(5) .bg-color h3, .owl-stage .owl-item:nth-child(8) .bg-color h3{color:#C655AD;}
.owl-stage .owl-item:nth-child(2) .bg-color span, .owl-stage .owl-item:nth-child(5) .bg-color span, .owl-stage .owl-item:nth-child(8) .bg-color span{color:#C655AD;}

.owl-stage .owl-item:nth-child(3) .bg-color, .owl-stage .owl-item:nth-child(6) .bg-color, .owl-stage .owl-item:nth-child(9) .bg-color {
  background: #ffe0e0 !important;
}
.owl-stage .owl-item:nth-child(3) .bg-color p, .owl-stage .owl-item:nth-child(6) .bg-color p, .owl-stage .owl-item:nth-child(9) .bg-color p{color:#BD5A5A;}
.owl-stage .owl-item:nth-child(3) .bg-color h3, .owl-stage .owl-item:nth-child(6) .bg-color h3, .owl-stage .owl-item:nth-child(9) .bg-color h3{color:#BD5A5A;}
.owl-stage .owl-item:nth-child(3) .bg-color span, .owl-stage .owl-item:nth-child(6) .bg-color span, .owl-stage .owl-item:nth-child(9) .bg-color span{color:#BD5A5A;}
.upcoming-batches .btn{transition:0.5s;}
.upcoming-batches .btn:hover{background:#FFCD4D !important;}
.online-offline{background:#FFFFFF;}

.placement-compnay p{color:#fff;}

.txt-clr-1{color:#6F727E;}

.fancybox-toolbar {
  direction: ltr;
  opacity: 100 !important;
  position: absolute;
 visibility: visible !important;
  z-index: 99997;
}

footer {
  background-color: #f6f7f9;
}
.india {
    width: 15%;
}
footer .icon {
    color: #43464b;
}
.testimonials .owl-item img{width:auto;}



/*==================================================*/
a{text-decoration: none;}

:root {
  --color-white-100: hsl(0, 0%, 100%);
  --color-white-200: hsl(0, 0%, 95%);
  --color-white-300: hsl(0, 0%, 85%);
  --color-white-400: hsl(0, 0%, 75%);
  --color-white-500: hsl(0, 0%, 65%);
  --color-white-600: hsl(0, 0%, 55%);
  --color-black-100: hsl(210, 17%, 12%);
  --color-black-200: hsl(210, 17%, 10%);
  --color-black-300: hsl(210, 16%, 8%);
  --color-black-400: hsl(210, 16%, 6%);
  --color-black-500: hsl(210, 15%, 4%);
  --color-black-600: hsl(210, 15%, 2%);
  --color-blue-100: hsl(212, 96%, 60%);
  --color-blue-200: hsl(213, 94%, 55%);
  --color-blue-300: hsl(217, 91%, 50%);
  --color-blue-400: hsl(221, 83%, 45%);
  --color-blue-500: hsl(224, 76%, 40%);
  --color-blue-600: hsl(226, 71%, 35%);
  --text-tiny: clamp(0.84rem, calc(0.12vw + 0.8rem), 0.89rem);
  --text-small: clamp(0.93rem, calc(0.13vw + 0.91rem), 1rem);
  --text-base: clamp(1.05rem, calc(0.15vw + 1.01rem), 1.12rem);
  --text-medium: clamp(1.18rem, calc(0.17vw + 1.14rem), 1.26rem);
  --text-large: clamp(1.32rem, calc(0.19vw + 1.28rem), 1.41rem);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}


.slider{height:100vh;}



.between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-tiny {
  font-size: var(--text-tiny);
}
.text-small {
  font-size: var(--text-small);
}
.text-base {
  font-size: var(--text-base);
}
.text-medium {
  font-size: var(--text-medium);
}
.text-large {
  font-size: var(--text-large);
}

.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semi {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}

.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.btn {
  display: inline-flex;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  align-items: center;
  justify-content: center;
  vertical-align: baseline;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  white-space: nowrap;
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
  border-radius: 0.25rem;
  transition: all 0.25s ease;
}
.btn-default {
  color: var(--color-black-500);
  background-color: var(--color-white-100);
  box-shadow: var(--shadow-medium);
}
.btn-darken {
  color: var(--color-white-100);
  background-color: var(--color-black-500);
  box-shadow: var(--shadow-medium);
}
.dropdown-toggle::after{display:none;}

.header {

  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  /* background-color: var(--color-white-100); */
  box-shadow: var(--shadow-medium);
      background-color: black;
}

.brand {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--color-blue-300);
}

.navbar {
  width: 100%;
  padding:0px;

  margin: 0px auto;
}
.navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  height: 100%;
}
.navbar-block {
  position: absolute;
  left: 0;

  height: calc(100vh - 4rem);
  opacity: 0;

  pointer-events: none;
  background-color: var(--color-white-100);
  transition: opacity 0.4s ease;
}
.navbar-block.is-active {
  opacity: 1;
  pointer-events: initial;
}

@media screen and (min-width: 62rem) {
  .navbar {
    display: flex;
    justify-content: space-between;
  }
  .navbar-block {
    position: initial;
    height: initial;
    opacity: 1;

    pointer-events: visible;
    background: none;
    transition: none;
  }
}
.menu {
  padding: 0px;
  margin:0px;
}
.menu-link {
  font-size: var(--text-base);
  font-weight: 500;
  line-height: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
  /* color: var(--color-black-500); */
  color:whitesmoke;
  transition: color 0.3s ease;
}

@media screen and (min-width: 62rem) {
  .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    height: 100%;
    padding: unset;
  }
  .menu-item {
    display: flex;
    cursor: pointer;
    padding-inline: 0.5rem;
    position:static;
  }
  .menu-link {
    padding: unset;
  }
}
.dropdown-toggle {
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          padding:20px 0px;
}
.dropdown-toggle i.bx {
  font-size: 1.5rem;
  line-height: inherit;
  transition: rotate 0.4s ease;
}


.dropdown-content {
  height: 0;
  overflow: hidden;
  background-color: var(--color-white-100);
  transition: height 0.5s ease;
}
.dropdown-column, .dropdown-group, .dropdown-items {
  display: grid;
}
.dropdown-group {
  padding-bottom: 1rem;
  padding-inline: 1.5rem;
}
.dropdown-title {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  padding-inline: 1rem;
}
.dropdown-icon i.bx {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--color-blue-300);
}
.dropdown-items {
  row-gap: 0.5rem;
  padding-inline: 3.5rem;
  padding-top: 0.35rem;
}
.dropdown-link {
  font-size: var(--text-base);
  font-weight: 400;
  line-height: inherit;
  color: var(--color-black-500);
  transition: color 0.3s ease;
}
.dropdown-show > .dropdown-toggle i.bx {
  rotate: 180deg;
}
.dropdown-block {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding-top: 1rem;
  padding-inline: 1rem;
}

@media screen and (min-width: 62rem) {


  .dropdown-toggle {
    -moz-column-gap: 0.35rem;
         column-gap: 0.35rem;
    pointer-events: none;
  }
  .dropdown-content {
   z-index: 100 !important ;
    position: absolute;
    left: 0;
    right: 0;
    top: 6rem;
    opacity: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    pointer-events: none;
    background-color: var(--color-white-100);
    border-top: 2px solid var(--color-white-200);
    box-shadow: var(--shadow-large);
    transition: top 0.4s, opacity 0.3s ease;
  }
  .dropdown-column {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    max-width: 75rem;
    margin-inline: auto;
  }
  .dropdown-group {
    align-content: baseline;
    row-gap: 1.25rem;
    padding-block: 4rem;
  }
  .dropdown-group:first-child, .dropdown-group:last-child {
    margin: unset;
  }
  .dropdown-items {
    padding-top: unset;
  }
  .dropdown-block {
    padding-top: unset;
    padding-inline: unset;
  }
  .dropdown:hover > .dropdown-content {

    cursor: initial;
    top: 4.25rem;
    opacity: 1;
    pointer-events: initial;
  }
  .dropdown:hover > .dropdown-toggle i.bx {
    rotate: 180deg;
  }
}
.burger {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 1.5rem;
  height: 1rem;
  border: none;
  outline: none;
  visibility: visible;
}
.burger-line {
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 2.15px;
  opacity: 1;
  rotate: 0deg;
  border-radius: 0.15rem;
  background-color: var(--color-black-500);
  transition: all 0.3s ease;
}
.burger-line:nth-child(1) {
  top: 0px;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.burger-line:nth-child(3) {
  top: 1rem;
}
.burger.is-active > .burger-line:nth-child(1) {
  top: 0.5rem;
  rotate: 135deg;
}
.burger.is-active > .burger-line:nth-child(2) {
  opacity: 0;
}
.burger.is-active > .burger-line:nth-child(3) {
  top: 0.5rem;
  rotate: -135deg;
}

@media screen and (min-width: 62rem) {
  .burger {
    display: none;
    visibility: hidden;
  }
}



@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
}
}
.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:10px 0;
	display: inline-block;
	font-size: 15px;
	color:#555555;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{
    left: 50%;
    transform: translateX(-50%);
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{

  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:-20px 15px !important;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	font-size: 16px;
	color:#000;
	font-weight: 700;
	line-height: 1;
	padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
	height: 300px;
	object-fit: cover;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
	color: #ef6200;
}



.hifer{
    width:50% !important;
}

/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 991px){

    .hifer-2{ width:80% !important;}


	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header .item-left,
	.header .item-right{
		flex:0 0 auto;
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 50px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{

		width: 100%;
		background-color:#ffffff;




		transition: all 0.5s ease;
		z-index: 1099;
	}
	.navbar-block.is-active{
	   transform: translate(0%);
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 40px;
		height: 50px;
		padding:4px 50px 0 15px !important;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;

	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		/*position: sticky;*/
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
}

.burger{left:33rem;}
.slider {margin-bottom:22px;
    height: auto;}
.order-01{order:1;}
.order-02{order:2;}
.navbar-block{top:100%; width:100%;}
.navbar {position: relative;}
.right-btn{
    position: absolute;
    top: 15px;
    left: 20%;}

}


@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;
	}
.list-item11{	width: 50%;}

.header-item1{display: flex; justify-content: end;}

/*.list-item11 ul li a{font-size: 24px;*/
/*    color: #000;*/
/*    font-weight: 600}*/

.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {
    flex: 1 0 25% !important;
    padding: 0 15px;
}

/*==========================================*/
.overflow{white-space: nowrap;

    overflow: auto;
    width: 100%;}

.owl-nav{display: none;}
.vhvh{height: 100vh;}
/*====================================================*/

/*==============================*/

.w-45{width: 44% ;}
.hy-100{height: 435px ;}
.whatsapp-btn{background-color: #ef6200 !important; padding: 5px 13px 2px 2px ; color: black;}
.wh-text p{font-weight: 400; font-size: 16px; }

.card-shadows:hover{box-shadow: 0px 0px 40px rgba(0, 0, 0, .06) !important;}
.submit-btn{transition: 1s;}
.submit-btn:hover{background: #000 !important; color: #fff !important; }
.navbar-block{overflow:auto; }

.call-icon{width: 40px; height: 40px;  border-radius: 30px;}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-12px);
    }
}

.overflow{top:76px;     padding: 14px 0px 0px 0px;}
.course-fees{top:20%;}

.more-link{display:none;}

/*.modal-content{border-radius: 0px;}*/
/*.form-control{border-radius: 0px;}*/
/*.form-select{border-radius: 0px;}*/

.modal-header .btn-close{    border: solid 1px;
    border-radius: 50%;}
.download-c{    cursor: pointer  !important;}
.course-detils{ background: #F5F5F5 !important;}
.lh-bases{line-height: 1.9 !important;}

.navbar-inner a{width:150px;}
.navbar-inner a img{width:100%;}
.header-top{background: #ef6200;}
.btn-as{background: #FFCD4D;}
  .cross-icon {
        top: -6px;
        right: 40px;
    }

    .p-01 {
    padding: .40rem !important;
}






@media (max-width:1024px) {
.icon{color: #43464b !important;}
.icon:hover{color: #1b2fe8 !important;}
.number{background-color: #212529 !important;}
.copy{background-color: #d5d5d5 !important;}
.hvr-float{transition-duration: 1.00s !important;}
.accordion-button:not(.collapsed) {background: none !important;}
.accordion-button:focus{box-shadow: none !important;}

/*header{position: sticky;top: 0px; z-index: 100;}*/



}
/*======================================================*/


/*Summer=========================================*/





@media (max-width:996px){
    .carousel-control-prev{
        display: none !important;
    }
    .carousel-control-next{
         display: none !important;
    }
}





@media (max-width:768px) {


    .hifer{
    width:100% !important;
}

    .heading p{width: 100% !important;}
    .heading {margin-top: 30px !important;}
    .toward1{width: 100%; margin: auto;}
    .job-application{padding-bottom: 70px;}
    .flex-wrap3{flex-wrap: wrap;}

    .burger{left:34rem;}
    .navbar-block{top:100%; width:100%;}
    .menu .menu-item{padding-left:1.5rem;}
    .menu-link {padding-inline: 0rem;}

/*.right-btn{display:none !important;}*/
.menu-btn{display:none;}
.whatsapp-btn {
    margin-right: 48px !important;}

.order-01{order:1;}
.order-02{order:2;}

.more-link{display:block;}
 .menu{    padding: 10px 14px 0px 0px;}
 .slider {
    height: auto;
    margin:20px 0px;}

    .dropdown-group {

    padding-inline: 0rem;}

    .dropdown-block {

    padding-top: 1rem;
    padding-inline: 0rem;}
    .dropdown-toggle {
    padding: 9px 0px;}

    .right-btn {
    position: absolute;
    top: 6px;
    left: 70%;}

}

@media (max-width:767px) {


        .burger {
    left: 22rem;
    }

}


@media (max-width:640px) {.navbar-inner{width:100%; padding:0px 20px;}

    .navbar{padding:12px 0px;}
        .burger {
    left: 0rem;
    }

}

@media (max-width:430px) {
 .counter span{font-size:35px; }
}


@media (max-width:425px) {



    .hifer{
    width:100% !important;}
    .student p {width: 100%;
    padding-top: 13px !important;}
    .note{width: 100%; margin: auto; }
    .toward{width: 100% !important; }
    .counter span{font-size:23px; }
.counter p span{font-size:13px;}
.counter p{ font-size:13px;}
.flex-wrap{flex-wrap: wrap;}

   .burger{left:0rem;}
   /*.counter{margin-top:10rem;} */

   .right-btn{
    position: absolute;
    top: 15px;
    left: 44%;
}

   .t-center{text-align: center;}
   .icon-bottom{margin:0px !important; padding:30px !important;}
    .icon-bottom1{margin:0px !important; padding:0px !important;}



     .bach{padding:20px !important;}


}

@media (max-width:375px) {

    .right-btn{display:none !important;}
}

@media (max-width:365px) {

   .btn-all-course { padding: 16px 50px !important;}
   .btn-style1 {
    padding: 10px 27px;}
    .subs{margin-left:20px !important ;}
}



/* responsive css */


@media (max-width:768px) {


    .outer {
        width: 500px;
        height: 300px;

    }

    .inner {
        width: 400px;
        height: 200px;
        background: aqua;
    }

    .source {
        width: 300px;
        justify-content: space-evenly;
    }



    .source input {
        background: #FFCD4D;
        border: none;
        padding: 2px 2px;
        width: 100%;

    }

    .left .right {
        background: none;
        color: #000031;
        width: 80%;
        border: none;
        padding: 5px;
    }

    .right input {
        background: none;
        color: #000031;
        width: 80%;
        border: none;
        padding: 5px;
    }

    .lock {
        border: #000031 2px dashed;
        padding: 4px 20px;
        font-size: 30px;
        color: #000031;
    }

    .inner-text {
        padding-left: 70px;
        padding-top: 30px;
    }

    .text-lucida {
        margin-bottom: 15px;
    }
}


@media (max-width:640px) {


    .outer {
        width: 400px;
        height: 250px;

    }

    .inner {
        width: 300px;
        height: 150px;
        background: aqua;
    }

    .source {
        width: 200px;
        justify-content: space-evenly;
    }


    .source input {
        background: #FFCD4D;
        border: none;
        padding: 2px 2px;
        width: 100%;

    }

    .left input {
        background: none;
        color: #000031;
        width: 80%;
        border: none;
        padding: 5px;
    }

    .right input {
        background: none;
        color: #000031;
        width: 80%;
        border: none;
        padding: 5px;
    }

    .lock {
        margin-top: -10px;
        border: #000031 2px dashed;
        padding: 3px 15px;
        font-size: 30px;
        color: #000031;
    }

    .inner-text {
        padding-left: 20px;
        padding-top: 8px;
    }

    .text {
        margin-bottom: 0px;
        letter-spacing: -1px;
    }
}

@media (max-width:460px) {

    .m-cenin{ margin: auto !important ;
    margin-top: 10px !important ;

    }


    .outer {
        width: 350px;
        height: 200px;

    }

    .inner {
        width: 250px;
        height: 120px;
        background: aqua;
    }

    .source {
        width: 200px;
        margin: auto;
        margin-top: 20px;
        justify-content: space-evenly;
    }

    .left {
        width: 25%;
    }

    .right {
        width: 25%;
    }

    .source input {
        background: #FFCD4D;
        border: none;
        padding: 2px 2px;
        width: 100%;

    }

    .left input {
        background: none;
        color: #000031;
        width: 80%;
        border: none;
        padding: 5px;
    }

    .right input {
        background: none;
        color: #000031;
        width: 80%;
        border: none;
        padding: 5px;
    }

    .lock {
        margin-top: -10px;
        border: #000031 2px dashed;
        padding: 3px 5px;
        font-size: 30px;
        color: #000031;
    }

    .inner-text {
        padding-left: 0px;
        padding-top: 7px;
    }

    .text-lucida {
        text-align: center !important;
        margin-top: 9px;
        font-size: 12px !important;
    }


}


    /* Modern Form Styling */
    .modern-form-container {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        border: 1px solid #eee;
    }

    .form-control-custom {
        border: none !important;
        border-bottom: 2px solid #e0e0e0 !important;
        border-radius: 0 !important;
        padding: 12px 10px !important;
        transition: all 0.3s ease;
        background-color: transparent !important;
    }

    .form-control-custom:focus {
        box-shadow: none !important;
        border-bottom-color: #ef6200 !important; /* Blue theme color */
        background-color: #f8f9ff !important;
    }

    .form-label-custom {
        font-weight: 600;
        font-size: 14px;
        color: #444;
        margin-bottom: 5px;
        display: block;
    }

    .submit-btn-modern {
        width: 100%;
        background: linear-gradient(45deg, #ef6200, #4e54c8);
        color: white;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 12px;
        border: none;
        border-radius: 8px;
        transition: all 0.3s ease;
        cursor: pointer;
        margin-top: 10px;
    }

    .submit-btn-modern:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(26, 47, 231, 0.4);
    }

    .info-icon-custom {
        color: #ef6200;
        cursor: help;
        font-size: 1.2rem;
    }

    #carouselExampleInterval{
        background-color: black;
    }

    #youtubeSection, #youtubeSection .row{
        background-color: black !important;
        color: white !important;
    }

    .text-logo{
        color: #ef6200
    }