html {
  font-size: 14px;
}


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 60px;
}
@media (min-width: 1400px) {

    .container {
        max-width: 1400px;
        width: 100%;
        margin: auto;
        padding: 0;
    }
}
@media (min-width: 1350px) {

    .container {
        max-width: 1350px;
        width: 100%;
        margin: auto;
        padding: 0;
    }
}
@media (min-width: 1330px) {

    .container {
        max-width: 1330px;
        width: 100%;
        margin: auto;
        padding: 0;
    }
}
@media (min-width: 1320px) {

    .container {
        max-width: 1319px;
        width: 100%;
        margin: auto;
        padding: 0;
    }
}
@media (min-width: 1300px) {

    .container {
        max-width: 1300px;
        width: 100%;
        margin: auto;
        padding: 0;
    }
}
    /***************************Header******************************/

.navbar {
    background-color: #e9e9e9;
}

.logo-img {
    /*height: 55px;*/ /* Adjust size here */
    width: 100%;
}

.nav-btn {
    margin-left: 10px;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: 500;
}

.nav-btn-outline {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
}

    .nav-btn-outline:hover {
        background-color: #e2e6ea;
    }

.nav-btn-active {
    background-color: #ffc107;
    color: #000;
    border: none;
}

    .nav-btn-active:hover {
        background-color: #e0a800;
    }
#navbarNav a {
    color: #000000;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
    /**************************** top slider****************************/
    #firstslider .swiper {
        width: 100%;
        height: 730px;
    }

    #firstslider .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #444;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #firstslider .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    #firstslider .autoplay-progress {
        position: absolute;
        right: 16px;
        bottom: 16px;
        z-index: 10;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: var(--swiper-theme-color);
    }

        #firstslider .autoplay-progress svg {
            --progress: 0;
            position: absolute;
            left: 0;
            top: 0px;
            z-index: 10;
            width: 100%;
            height: 100%;
            stroke-width: 4px;
            stroke: var(--swiper-theme-color);
            fill: none;
            stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
            stroke-dasharray: 125.6;
            transform: rotate(-90deg);
        }

    .text-center {
        text-align: center;
    }
    .swiper-pagination {
            --swiper-pagination-bottom: 2px;
        }
    .img-top-cart-with {
        width: 35%;
    }

    .cart-div-top-marging {
        margin-top: -10px;
    }

#SecondSlider .swiper {
    width: 60%;
    padding-top: 25px;
    padding-bottom: 15px;
}

    #SecondSlider .swiper-slide {
        background-position: center;
        background-size: cover;
    }

        #SecondSlider .swiper-slide img {
            display: block;
            width: 80%;
            padding: 15px 15px;
        }

.yelow-bg {
    background-image: url(/Image/Background/Brush_Stroke.png);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    z-index:0000;
    padding: 0 10px;
}

.med-slider-img {
    width: 140px;
    height: 140px;
    border: 2px solid #ffff00;
    border-radius: 50%;
    overflow: hidden;
    background: #f4f4f4;
}

    .med-slider-txt-pading {
        padding: 0 20%;
    }

        .med-slider-txt-pading p {
            font-size: larger;
        }

    #TherdSlider {
        background: #f4fff4;
    }

        #TherdSlider .swiper {
            width: 70%;
            height: 100%;
        }

        #TherdSlider .swiper-slide {
            text-align: center;
            font-size: 18px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.swiper-button-next {
    width: 30px;
    height: 30px;
    background: #ffff00;
    border-radius: 50%;
    padding: 5px;
}

.swiper-button-prev {
    width: 30px;
    height: 30px;
    background: #ffff00;
    border-radius: 50%;
    padding: 5px;
}
    /* #TherdSlider .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }*/

#fourthslider .swiper {
    width: 100%;
    height: 100%;
}

#fourthslider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #fourthslider .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#fivethslider .swiper {
    width: 100%;
    height: 100%;
}

#fivethslider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #fivethslider .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


   /* F&Q section*/

#fqsection h2 {
    color: #000;
    text-align: center;
}

details {
    background: #fff;
    font-size: 1.5rem;
}

summary {
    padding: .5em 1.3rem;
    list-style: none;
    display: flex;
    justify-content: space-between;
    transition: height 1s ease;
    font-size:20px;
}

    summary::-webkit-details-marker {
        display: none;
    }

    summary:after {
        content: "\002B";
    }

details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
}

    details[open] summary:after {
        content: "\00D7";
    }

details[open] div {
    padding: .5em 1em;
}
.summary-div{
    font-size:16px;
}
.bg-image {
    background-image: url(/Image/Background/Background.png);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    background-color: #fcfcfc;
    z-index:0000;
}
.master-bg-image {
    background-image: url(/Image/Course/Master_Background.png);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    background-color: #fcfcfc;
    z-index:0000;
}
.UG-bg-image {
    background-image: url(/Image/Course/UG_Background.png);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    background-color: #fcfcfc;
    z-index:0000;
}
.tap-bg-color {
    background-color: #fff!important;
    border-radius: 5px;
}
.bn-btn-top {
    text-decoration: none;
    background-color: #fbc000;
    margin: auto;
    width: 12rem;
    margin-right: 20rem;
    margin-bottom: 2rem;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #fbfb15;
    border-radius: 30px 35px 0px 30px;
    padding: 10px;
}
.cart-tital-bg {
    background: #ffd10f;
}

#applynow {
    opacity: 0;
    transition: opacity 0.5s ease;
}

    #applynow.show {
        opacity: 1;
        display:block!important;
    }
.fix-div {
    display: none !important;
    z-index: 999999;
    background-color: #f5f5f5;
    height: 100px;
    padding: 5px;
    margin-top: 10px;
    border-radius: 15px !important;
    left: 7%;
}
.box-shado-mun {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


/* six Swiper */

/*#SixSlider .swiper {
    padding-bottom: 60px;
}*/

/* Important width control */
/*#SixSlider  .swiper-slide {
    width: 340px !important;
    display: flex;
    justify-content: center;
}*/

/* Instagram embed override */
/*#SixSlider  .instagram-media {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}*/

/* Remove extra shadow spacing */
/*#SixSlider .instagram-media-rendered {
    margin: 0 !important;
}*/

/* Navigation */
/*#SixSlider .swiper-button-next,
.swiper-button-prev {
    background: #ffeb00;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #000;
}

    #SixSlider .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 18px;
        font-weight: bold;
    }

#SixSlider  .swiper-pagination-bullet {
    background: #bbb;
}

#SixSlider .swiper-pagination-bullet-active {
    background: #000;
}*/
.font-size-p{
    font-size:15px;
}