/* common css start */
.headingFontStyle {
    font-family: 'Josefin Sans', sans-serif;
}

.textDecorationJustify {
    text-align: justify;
}

.TextColorBlue {
    color: #0d6efd;
}

.textColorWhite {
    color: white;
}

.bgColorBlue {
    background-color: #0d6efd;
}

.fontWeightBolder {
    font-weight: bold;
}

.marginTop {
    margin-top: 100px;
}

.marginButtom {
    margin-bottom: 50px;
}

.pTextgrayColor {
    color: rgb(81, 81, 81) !important;
}

.textDecoration {
    text-decoration: none;
    color: white;
}


.defultBtn {
    color: #0d6efd !important;
    background-color: white;
    border: 2px solid #0d6efd;
    border-radius: 50px !important;
    padding: 10px !important;
    margin-left: 0px !important;
    font-weight: bold !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.defultBtn:hover {
    color: white !important;
    background-color: #0d6efd;
    font-weight: bold;
    opacity: 100;
    transition: 0.3s;
}

/* all page top page start */

.opinion-baner {
    background-color: #0d6efd;
    background-position: cover;
    color: white;
    width: 100%;
    height: 100%;
    padding: 50px;
}

/* all page top page end */


/* common css end */


/* -----------index page css start--------------- */

.imgNavColor {
    background-color: #0d6efd;
}

.navImgCss {
    height: 400px;
    width: 100%;
}

@media only screen and (max-width: 700px) {
    .navImgCss {
        height: 100%;
        width: 100%;
    }
}

.indexTextDecoration {
    text-decoration: none;
    color: black;
    font-family: 'Josefin Sans', sans-serif;
}

.gifSize {
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 700px) {
    .imageHide {
        display: none;
    }
}


/* -----------jobaid page css end--------------- */


/* -----------jobaid page css start--------------- */

/* nav css start */
.navTextColor {
    color: white;
    font-weight: bolder !important;
}

.navTextColor:hover {
    color: lightblue;
}

.navBgColor {
    /* background: linear-gradient(180deg, rgba(0,201,255,1) 0%, rgba(0,114,138,1) 100%); */
    background: linear-gradient(180deg, rgba(0, 201, 255, 1) 0%, rgba(13, 110, 253, 1) 100%);
}

/* nav css end */


/* banner css start */

.bannerTextPadding {
    padding: 30px;
}

@media only screen and (max-width: 700px) {
    .bannerH3tag {
        font-size: 20px;
        text-align: center;
    }

    .bannerH1tag {
        font-size: 25px;
        text-align: center;
    }

    .bannerPtag {
        font-size: 15px;
        text-align: center;
    }

    .bannerTextPadding {
        padding: 10px;
        margin-top: 5%;
    }
}



/* casosul css start */
.carousel-caption {
    text-align: left !important;
}

.bounceInTop {
    animation-name: bounceInTop
}

@keyframes bounceInTop {
    0% {
        transform: translate3d(0, -300%, 0)
    }

    58% {
        transform: translate3d(0, 27px, 0)
    }

    73% {
        transform: translate3d(0, -12px, 0)
    }

    88% {
        transform: translate3d(0, 7px, 0)
    }
}

/* carosul css end */


/* text progress css start */
.textProgressBorder {
    border: 3px solid #0d6efd;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.25);
}

.textProgressBoxStyle {
    background-color: #0d6efd;
    color: white;
    padding: 5px;
    margin-bottom: 0px;
    font-family: 'Josefin Sans', sans-serif;
}

.textProgressDecoration {
    display: inline;
    position: absolute;
    color: #0d6efd;
    font-family: 'Josefin Sans', sans-serif;
    margin-left: 10px;
    margin-top: 10px;
}

/* text progress css end */


/* service section start */
.sarviceBorder {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
    border-radius: 20px
}

.sarviceCardTextColorAlign {
    color: black;
    text-align: center;
}

.SarviceCardLogoSizeAlign {
    height: 80px;
    width: 80px;
    margin-top: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sarviceCardBordercolor {
    border: 0px !important;
}

.sarviceImageDecoration {
    border-radius: 50%;
    border: 4px solid #FB1159;
    box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.75);
}

/* service section end */


/* our course section start */

.courseCudeDesign {
    border-radius: 10px !important;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

/* our course section end */

/* team management section start */

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0d6efd !important;
}

.teamManagerCardDesign {
    background-color: #0d6efd;
}

.decreseMarginButtom {
    margin-bottom: 0px !important;
}

/* team management section end */



/* our story section start */


/* our story section end */



/* student review section start */

.studentReviewCard {
    border: 1px solid #0d6efd;
    padding: 10px;
    border-radius: 20px;
    padding: 20px;
    align-items: center;
    background-color: #EEFBFF;
}

.studentReviewImage {
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
}

.studentReviewSliderContent {
    align-items: center;
}

/* student review section end */


/* blog section start */

.blogCardBorder {
    border: 0px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px !important;
}

.BlogBtn {
    text-decoration: none;
    color: #0d6efd;
}

.BlogBtn:hover {
    color: black;
}

/* blog section end */


/* subscribe section start */

.searchInputDesign {
    border: 2px solid #0d6efd;
    border-radius: 0px !important;
    padding: 15px !important;
}

.searchBtn {
    border: 2px solid #0d6efd !important;
    color: white !important;
    background-color: #0d6efd !important;
    border-radius: 0px !important;
}

/* subscribe section end */


/* footer section start */

.footerStyle {
    background-color: black;
    margin-top: 40px;
}

.alignFooterLeft {
    display: inline;
}

.hrEdit {
    color: gray !important;
}

/* footer section end */


/* -----------jobaid page css end--------------- */




/* -----------FQA page css start--------------- */
.hideQuestion {
    display: none;
    transition: 0.5s;
}

.showQuestion {
    display: block;
    opacity: 100;
    transition: 0.10s;
}

/* -----------FQA page css end--------------- */



/* -----------login page css start--------------- */

.loginBackColor {
    background-color: rgb(246, 246, 246);
}

.loginInputStyle {
    border: 1px solid #0d6efd !important;
}

.loginPageBoxDesign {
    background-color: white !important;
    border-radius: 20px !important;
}

/* -----------login page css end--------------- */


/* -----------Course Details page css start--------------- */

.ParagraphDesign {
    display: none;
}

.paragraphShow {
    display: block;
    opacity: 100;
    transition: 0.5s;
}

/* -----------Course Details page css end--------------- */



/* -----------blog read more page css start--------------- */

.recentPostBorder {
    border: 1px solid lightgrey;
    padding: 20px;
    border-radius: 10px;
}

.TextDecoration {
    text-decoration: none;
    color: black;
}

/* -----------blog read more page css start--------------- */