body {  
    font-weight: 300;
    line-height: 1.625em;
    /* padding: 5px ; */
       font-family: "Nunito Sans", serif !important;
   

}
.about_iframe{
    height: 50vh !important;

    width: 100% !important;
} 
.modal_dialog_about{
    width: 100% !important;
    height: 60vh !important;

}
.row_of_affilate .item .partners{ 
    transition: 0.6s ease-in-out !important;
     padding: 5px !important;
    border-radius: 20px !important;
    transform: scale(0.8) !important;
    background-color: rgb(231, 231, 231) !important;
}
.row_of_affilate .item .partners a{
    transition: 0.6s ease-in-out !important;
    color: #191919 !important; 
}
@media (min-width:992px) {
    .course-details-area .right-contents{ 
    position: sticky !important;
    top: 14% !important;
    height: max-content !important ;
}
}
.row_of_affilate .item .partners:hover{
    color: white !important;
    background-color: #960404 !important;
    transform: scale(1) !important;
}
.adress-code{
    transition: 0.6s ease-in-out !important;

}
.row_of_affilate .item .partners:hover .adress-code{
    color: white !important;
}
.row_of_affilate .item img{
    object-fit: contain !important;
    /* margin: 0% auto !important;  */
    padding: 5px !important;
    height: 150px !important;
    width:100% !important;
    border-radius: 20px !important;
    background-color: rgb(255, 255, 255) !important;
}

.row_of_affilate .item .partners.active {
    transform: scale(1) !important;
    opacity: 1;

}
.single-popular-carusel .img-fluid{
    border-radius: 20px !important;
    object-fit: cover !important;
  opacity: 0.5;

  height: 0px !important;

  transition: all 0.8s ease-in-out !important;
}
.img_cybron{
    object-fit: cover !important;
    height: 300px !important;border-radius: 20px !important;
}

.single-popular-carusel .img-fluid.active{
  /* transform: translateY(0); */
  opacity: 1;
  height: 240px !important;
}
.big_has_children{
    background-color: rgb(0, 0, 0) !important;

    width: 160vw !important;
}

@media (min-width:992px) {
.row_of_what_we_do {

    position: sticky;
    top: 150px; 
}
}
.row_of_what_we_do {
    border-radius: 25px !important;
    padding: 25px 5px !important;
    transition: 0.7s ease-in-out !important;

    border: 5px solid white !important;
}
.col_4_what_we_do{
    position: relative !important;
}
.single-popular-carusel .thumb-wrap .image_of_default_course_fasih{
    height: 340px !important;
    object-fit: fill !important;
}
/* .bluck_href {
    background-color: #960404 !important;
    color: white !important ;
    border: none !important;
    padding: 5px 10px !important;
    border-radius: 20px !important;
} */
.bluk_register{
   background-color: #960404 !important;
    color: white !important ;
    border: none !important;
    padding: 5px 10px !important;
    border-radius: 20px !important;
}.bluk_apply{
   background-color: #960404 !important;
    color: white !important ;
    border: none !important;
    padding: 5px 10px !important;
    border-radius: 20px !important;
}
.row_of_what_we_do.active {
    background-color: rgb(239, 239, 239) !important;
}
.what_we_do_img{
   transition:1.2s ease-in-out !important;
    padding: 8px !important;
    background-color: white !important;
    border-radius: 25px !important;
    height: 0px !important;
    width: 100% !important;
    transform: scaleY(0);
    transform-origin: right;
    transition: transform 0.8s ease-in-out;

}
.what_we_do_img.active{
    top: 0% !important;
    transform: scaleY(1) !important;
    height: 200px !important;
}
.row_of_affilate {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    animation: scroll-left 60s linear infinite;
}
.row_of_affilate:hover {
    animation-play-state: paused !important;
}
.single-review.item {
    /* flex: 0 0 auto; */
    width: 250px; /* adjust size */
}

.slider-track {
    display: flex;
}
.intro_frame_Div{
    position: relative !important;
}
@media (min-width:992px) {
    .about_btn{
    background-color: white !important;
    bottom: 10% !important;
    left: 20% !important;
    width: 10% !important;
    position: absolute !important;
    color: #960404 !important;
      height:min(100px ,1400px ) !important;
    width:min(100px ,1400px ) !important;
    border: 1px solid #960404;
    font-size: 38px !important;
    border-radius: 50% !important;
}
}
.More_info_btn{
border: 1px solid #960404 !important;
color: #960404 !important;
border-radius: 30px !important;
padding:5px 15px !important;
}

@media (max-width:992px) {
    .about_btn{
    background-color: white !important;
    bottom: 10% !important;
    left: 10% !important;
    width: 10% !important;
    position: absolute !important;
    color: #960404 !important;
    height: 100px !important;
    width: 100px !important;

    /* padding:20px 35px !important; */
    border: 1px solid #960404;
    font-size: 28px !important;
    border-radius: 50% !important;
}
}
.intro-image{
object-fit: cover !important;
    border: none !important;
    height: 450px !important;
    border-radius: 40px !important;
}
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-150%);
    }
}

.tag_animtaion, .tag_animtaion1 {
    white-space: nowrap !important;
    display: flex !important
}

.banner_icon {
    position: fixed;
    right: 1%;
    top: 40%;
    padding: 10px;
    color: #fff !important;
    z-index: 222 !important;
    background-color: #960405;
    border-radius: 50px;
    text-align: end
}

.banner-content, .footer-bottom .footer-social, .row_of_IT .details, .text-center, .widget-wrap .user-info-widget, h1:after, h2:after {
    text-align: center
}

.banner_icon li {
    margin: 5% 0 !important;
    padding: 10px 5px !important
}

.banner_icon li a {
    color: #fff !important;
    font-size: 15px !important
}

::-moz-selection {
    background-color: #960405;
    color: #fff
}

::selection {
    background-color: #960405;
    color: #fff
}

::-webkit-input-placeholder {
    color: #777;
    font-weight: 300
}

:-moz-placeholder {
    color: #777;
    opacity: 1;
    font-weight: 300
}

::-moz-placeholder {
    color: #777;
    opacity: 1;
    font-weight: 300
}

:-ms-input-placeholder {
    color: #777;
    font-weight: 300
}

::-ms-input-placeholder {
    color: #777;
    font-weight: 300
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #960405
}

::-webkit-scrollbar-thumb:hover {
    background: #000
}

.nav-menu, .nav-menu *, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.nav-menu li{
    transition: 0.9s ease-in-out !important;

}
.left-contents .jq-tab-content.active, .nav-menu li.sfHover>ul, .nav-menu li:hover>ul, select {
    display: block !important;
    transition: 0.9s ease-in-out !important;
}

.single-post-area .navigation-top .social-icons li:last-child, .switch-wrap p, figure {
    margin: 0
}

.header-top .header-top-left a:hover, .header-top .header-top-left i, .single-carusel .detials h4, .transition, a {
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

iframe {
    border: 0
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, a, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

.card-panel {
    margin: 0;
    padding: 60px
}

.btn i, .btn-flat i, .btn-floating i, .btn-large i {
    font-size: 1em;
    line-height: inherit
}

.ordered-list li, .ordered-list-alpha li, .ordered-list-roman li, .unordered-list li {
    line-height: 1.82em !important
}

.button-area, .contact-page-area, .gray-bg, .left-contents #horizontalTab .jq-tab-content-wrapper {
    background: #f9f9ff
}

h1, h2, h3, h4, h5, h6 {
    /* color: #04091e; */
    line-height: 1.2em !important;
    font-weight: 600;
    text-shadow: 0 1px 3px #04091ea6
}

.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
    text-shadow: 0 0
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    color: #222
}

.h1, h1 {
    font-size: 36px;
    color: #960405 !important
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 16px
}

.h6, h6 {
    font-size: 14px;
    color: #222
}
.round_20{
    border-radius: 20px !important;
}

.blur_bg{
   
    font-weight: 500 !important;
    border-radius: 20px !important;
    border: 1px solid white !important;
    background-color: rgba(255, 255, 255, 0.11) !important;
    backdrop-filter: blur(25px) !important;
}
.bnt_of_banner:hover{
    background-color: #960404 !important;
    color: white !important;
}
h1:after, h2:after {
    border-bottom: 6px solid #960405;
    width: 100px;
    height: 5px;
    margin: 30px auto;
    content: "";
    display: block
}
.head_2_b::after{
    margin: 0% !important;
}
td, th {
    border-radius: 0
}

.clear::after, .clear::before {
    content: " ";
    display: table
}

.clear::after {
    clear: both
}

.fz-11 {
    font-size: 11px
}

.fz-12, .search-course-area .search-course-left p {
    font-size: 12px
}

.blog-pagination .page-link i, .blog-pagination .page-link span, .fz-13 {
    font-size: 13px
}

.fz-14, .single-post-area .navigation-top .comment-count, .single-post-area .navigation-top .like-info, h6 {
    font-size: 14px
}

.fz-15 {
    font-size: 15px
}

.fz-16, .single-post-area .blog-author h4, h5 {
    font-size: 16px
}

.fz-18, h4 {
    font-size: 18px
}

.fz-30 {
    font-size: 30px
}

.fz-48 {
    font-size: 48px !important
}

.fw100 {
    font-weight: 100
}

.fw300, .input-group-icon .form-select select option {
    font-weight: 300
}

.fw400 {
    font-weight: 400 !important
}

.fw500 {
    font-weight: 500
}

.f700 {
    font-weight: 700
}

.fsi, .text-italic {
    font-style: italic
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20, .single-carusel .detials p {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30, .widget-wrap .popular-post-widget .popular-post-list {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50, .search-course-area .details-content {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.blog-pagination, .mt-80 {
    margin-top: 80px
}

.mt-100 {
    margin-top: 100px
}

.mt-120 {
    margin-top: 120px
}

.mt-150 {
    margin-top: 150px
}

.ml-0 {
    margin-left: 0 !important
}

.ml-5 {
    margin-left: 5px !important
}

.genric-btn.arrow span, .left-contents .single-reviews h5 .star, .ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30, .ordered-list, .single-review .star {
    margin-left: 30px
}

.ml-50 {
    margin-left: 50px
}

.mr-0 {
    margin-right: 0 !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-15 {
    margin-right: 15px
}

.header-top .header-top-left a, .mr-10 {
    margin-right: 10px
}

.comments-area .thumb, .left-contents .comments-area .thumb, .mr-20 {
    margin-right: 20px
}

.blog-pagination .page-item:last-child .page-link, .button-group-area .genric-btn:last-child, .row.no-margin {
    margin-right: 0
}

.mr-30 {
    margin-right: 30px
}

.mr-50 {
    margin-right: 50px
}

.mb-0, .right-contents ul li a p, .sample-text, .search-course-area .details-content .single-detials p, .single-post-area .navigation-area p, .single-post-area .navigation-top p, .widget-wrap .newsletter-widget .text-bottom, .widget-wrap .popular-post-widget .single-post-list .details p {
    margin-bottom: 0
}
.courses-main-1 a{
    color: #212121 !important;
}
.mb-0-i {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10, .section-title h1, .single-footer-widget ul li, .switch-wrap, .typo-list {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.about-generic-area p, .left-contents .course-list li, .mb-20, .search-course-area .search-course-left h1, .widget-wrap .popular-post-widget .single-post-list {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.gallery-area .single-imgs, .mb-30, .single-element-widget {
    margin-bottom: 30px
}

.courses-page .single-popular-carusel, .mb-40 {
    margin-bottom: 40px
}

.event-page-lists .single-carusel, .mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.pt-0 {
    padding-top: 0
}

.pt-10, .single-post-area .social-links {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.event-details-area .social-nav, .footer-bottom, .pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pt-120 {
    padding-top: 120px
}

.pt-150 {
    padding-top: 150px
}

.pt-170 {
    padding-top: 170px
}

.comments-area .comment-list:last-child, .left-contents .comments-area .comment-list:last-child, .pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.left-contents .comments-area .comment-list, .pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-120, .sidebar-widgets {
    padding-bottom: 120px
}

.pb-150 {
    padding-bottom: 150px
}

.pr-30, .sf-arrows .sf-with-ul {
    padding-right: 30px
}

#mobile-nav ul li li, .pl-30 {
    padding-left: 30px
}

.pl-90 {
    padding-left: 90px
}

.p-40 {
    padding: 40px
}

.float-left {
    float: left
}

.float-right {
    float: right
}

#mobile-nav ul li a:hover, .bg-mehroon h3, .event-details-area .social-nav .focials li a, .light, .primary-btn.white span, .primary-btn:hover, .single-popular-carusel .meta h4, .text-white, body.mobile-nav-active #mobile-nav-toggle, del, sub, sup, u {
    color: #fff
}

.text-black, ul.level-2 .has-subnav a {
    color: #000
}
.single-popular-carusel a{
    text-decoration: none !important;
    color: #960404 !important;
}
 .section-full {
    padding: 100px 0
}

.section-half {
    padding: 75px 0
}

.cta-two-area .cta-left, .header-top .header-top-left, .single-post-area .navigation-area .nav-left, .text-left {
    text-align: left
}

.cta-two-area .cta-right, .event-details-area .social-nav .navs, .header-top .header-top-right, .single-post-area .navigation-area .nav-right, .text-rigth {
    text-align: right
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.genric-btn.arrow, .inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox
}

.inline-flex {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: inline-flex
}

.flex-cell, .single-blog .details-btn {
    display: -webkit-box;
    display: -ms-flexbox
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start
}

.flex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.flex-top {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.flex-bottom {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.text_justify{
    text-align: justify !important;
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.flex-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-cell {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.display-table {
    display: table
}

.comments-area a, .dark, .left-contents .comments-area a, .review-area h4 {
    color: #222
}

#mobile-nav ul li, .blog_item_img, .cta-one-area h1, .cta-one-area p, .input-group-icon, .relative, .search__wrapper, dl.accordion.time-line, dl.toggle.time-line {
    position: relative
}

.overflow-hidden, .single-blog .thumb, .single-carusel .thumb, .single-popular-carusel .thumb, body.mobile-nav-active {
    overflow: hidden;
}

.container.no-padding {
    padding-left: 0;
    padding-right: 0
}

.no-padding {
    padding: 0
}

.section-bg {
    background: #f9fafc
}

.bg-mehroon {
    background: #960405;
    color: #ffff !important;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #212121
}

#mobile-nav ul .menu-item-active, .footer-bottom .lnr, .footer-bottom a, .nav-menu ul li:hover>a, .text-mehroon, h1, h2, section.partners-logos , ul.level-2.active .has-subnav a.active, ul.level-2.active .has-subnav a:hover, ul.level-3 a:focus, ul.level-3 a:hover {
    color: #960405
}

.top-heading-in h1 text {
    background: rgba(150, 4, 5, .27)
}

.row.no-margin {
    margin-left: 0
}

.whole-wrap {
    background-color: #f9f9ff
}

.generic-banner {
    margin-top: 60px;
    background-color: #f7631b;
    text-align: center
}

.generic-banner .height {
    height: 600px
}

@media(max-width:767.98px) {
    .generic-banner .height {
        height: 400px
    }
}

.generic-banner .generic-banner-content h2 {
    line-height: 1.2em;
    margin-bottom: 20px
}

.generic-banner .generic-banner-content p {
    text-align: center;
    font-size: 16px
}

.generic-content h1 {
    font-weight: 600
}

.about-generic-area, .white-bg {
    background: #fff
}

.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #eee
}

.sample-text-area {
    background: #f9f9ff;
    padding: 100px 0 70px
}

.text-heading {
    margin-bottom: 30px;
    font-size: 24px
}

h1, h2 {
    font-size: 36px
}

h3 {
    font-size: 24px
}

.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee
}

.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px
}

.genric-btn {
    display: inline-block;
    outline: 0;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.genric-btn:focus, .primary-btn:focus, .single-input:focus, .single-textarea:focus {
    outline: 0
}
.service_container h1::after{
    border-bottom:none !important ;
}

.genric-btn.arrow {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.genric-btn.default, .genric-btn.default-border:hover {
    color: white ;
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.default-border, .genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff
}

.genric-btn.primary {
    display: block;
    border-radius: 30px;
    color: #fff !important;
    background: #960405;
    font-size: 16px;
    border: 1px solid transparent;
    margin: 10px auto;
    width: 250px
}
.download_documents .genric-btn.primary{
    width: auto !important;
}
.genric-btn.primary:hover{
    color: #000 !important;
}
.default-select .current, .form-select .current {
    margin-right: 50px;
    font-weight: 300
}

.genric-btn.primary:hover {
    color: #960405;
    border: 1px solid #960405;
    background: #fff
}
.agenda_p strong{
     font-size: 16px !important
}
.contact-detail  {
     font-size: 16px !important

}
.imp_note p {
    font-size: 16px;
    color: #ffffff !important;
}
.bg-mehroon p{
        font-size: 16px;
    color: #ffffff !important;
}
.genric-btn.primary-border {
    color: #f7631b;
    border: 1px solid #f7631b;
    background: #fff
}

.genric-btn.primary-border:hover {
    color: #fff;
    background: #f7631b;
    border: 1px solid transparent
}

.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 250px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.single-gallery-image:hover {
    opacity: .8
}

.list-style {
    width: 14px;
    height: 14px
}

.unordered-list li {
    position: relative;
    padding-left: 30px
}

.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #960405;
    background: #fff;
    top: 4px;
    left: 0;
    border-radius: 50%
}

.single-input, .single-textarea {
    border: 0;
    line-height: 40px;
    padding: 0 20px;
    background: #fff;
    width: 100%;
    display: block;
    outline: 0
}

.ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #960405;
    font-weight: 500
}

.ordered-list li span, .ordered-list-alpha li span, .ordered-list-roman li span {
    font-weight: 300;
    color: #777
}

.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #960405;
    font-weight: 500
}

.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #960405;
    font-weight: 500
}

.single-input {
    box-shadow: 0 0 6px 1px #dcdcdc
}

.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3
}

.input-group-icon .icon i {
    color: #797979
}

.single-textarea {
    height: 100px;
    resize: none
}

.single-input-accent, .single-input-primary, .single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #fff;
    padding: 0 20px
}

.single-input-primary:focus {
    outline: 0;
    border: 1px solid #f7631b
}

.single-input-accent:focus {
    outline: 0;
    border: 1px solid #eb6b55
}

.single-input-secondary:focus {
    outline: 0;
    border: 1px solid #f09359
}

.confirm-switch, .default-switch, .primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #fff;
    position: relative;
    cursor: pointer
}

.default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.default-switch input+label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f7631b;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .2);
    cursor: pointer
}

.confirm-switch input:checked+label:after, .default-switch input:checked+label, .primary-switch input:checked+label:after {
    left: 19px
}

.confirm-switch input+label, .primary-switch input+label, .primary-switch input+label:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0
}

.confirm-checkbox input, .confirm-radio input, .confirm-switch input, .disabled-checkbox input, .disabled-radio input, .primary-checkbox input, .primary-radio input, .primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-switch input+label:before {
    content: "";
    background: 0;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.confirm-switch input+label:after, .primary-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .2);
    cursor: pointer
}

.primary-switch input:checked+label:before, .widget-wrap .tag-cloud-widget ul li:hover {
    background: #f7631b
}

.confirm-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0;
    border-radius: 8.5px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.accordion>dt>a:after, .toggle>dt>a:after {
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 15px;
    -webkit-font-smoothing: antialiased
}

.confirm-switch input:checked+label:before {
    background: #4cd3e3
}

.confirm-checkbox, .disabled-checkbox, .primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    cursor: pointer
}

.confirm-checkbox input+label, .disabled-checkbox input+label, .primary-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.primary-checkbox input:checked+label {
    background: url(../img/elements/primary-check.png) center center/cover no-repeat;
    border: 0
}

.confirm-checkbox input:checked+label {
    background: url(../img/elements/success-check.png) center center/cover no-repeat;
    border: 0
}

.disabled-checkbox input:disabled, .disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3
}

.disabled-checkbox input:checked+label {
    background: url(../img/elements/disabled-check.png) center center/cover no-repeat;
    border: 0
}

.confirm-radio, .disabled-radio, .primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    cursor: pointer
}

.confirm-radio input+label, .disabled-radio input+label, .primary-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1
}

.primary-radio input:checked+label {
    background: url(../img/elements/primary-radio.png) center center/cover no-repeat;
    border: 0
}

.confirm-radio input:checked+label {
    background: url(../img/elements/success-radio.png) center center/cover no-repeat;
    border: 0
}

.disabled-radio input:checked+label {
    background: url(../img/elements/disabled-radio.png) center center/cover no-repeat;
    border: 0
}

.default-select {
    height: 40px
}

.default-select .nice-select {
    border: 0;
    border-radius: 0;
    height: 40px;
    background: #fff;
    padding-left: 20px;
    padding-right: 40px
}

.default-select .nice-select .list {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 10px 0
}

.default-select .nice-select .list .option, .form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px
}

.default-select .nice-select .list .option.selected {
    color: #f7631b;
    background: 0
}

.default-select .nice-select .list .option:hover, .form-select .nice-select .list .option.selected, .form-select .nice-select .list .option:hover {
    color: #960405;
    background: 0
}

.default-select .nice-select::after, .form-select .nice-select::after {
    right: 20px
}

.form-select {
    box-shadow: 0 0 6px 2px #dcdcdc;
    height: 40px;
    width: 100%
}

.form-select .nice-select {
    border: 0;
    border-radius: 0;
    height: 40px;
    background: #fff !important;
    padding-left: 20px;
    padding-right: 40px;
    width: 100%
}

.form-select .nice-select .list {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 10px 0;
    height: 150px;
    overflow: scroll;
    overflow-x: hidden
}

dl.accordion dd ul li:hover {
    background: #96040552
}

.form-select .current {
    font-size: 13px
}

.header-top {
    background: #960405;
    font-size: 14px;
    padding: 4px 20px;
    font-weight: 500
}

.header-top a {
    color: #fff;
    margin: 0 5px
}

.header-top ul li {
    display: inline-block;
    margin-left: 0
}

#mobile-nav ul .menu-has-children i.fa-chevron-up, .header-top .header-top-left a:hover i, .left-contents .star .checked, .primary-btn.white:hover span, .single-blog:hover h5, .single-carusel .detials h4:hover, .single-post-area .social-links li a:hover, .widget-wrap .popular-post-widget .single-post-list .details h6:hover, .widget-wrap .post-category-widget .cat-list li:hover p, .widget-wrap .user-info-widget .social-links li a:hover {
    color: #f7631b
}
.mega-menu{
    background-color: white !important 
    ;
    position: absolute !important;
    left: -50% !important;
  width: 40vw !important;
}

.event-details-area .social-nav .navs .nav-prev .lnr, .header-top .header-top-right a {
    margin-right: 5px
}

.header-top .header-top-right a .lnr {
    display: none;
    font-weight: 700
}

.top-head-btn {
    background: #f7631b;
    padding: 9px 26px
}

.main-menu {
 
    padding-bottom: 14px;
    padding-top: 10px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px !important
}

.primary-btn, .search__field {
    background: #960405;
    cursor: pointer
}

/* #header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: .5s;
    z-index: 997
} */
.navfix{
        position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: .5s;
    z-index: 997
}

#header.header-scrolled {
    transition: .5s;
    background-color: rgba(4, 9, 30, .9)
}

#header.header-scrolled .main-menu {
    border-color: transparent
}

@media(max-width:673px) {
    #logo {
        margin-left: 20px
    }
}

#header #logo h1 {
    font-size: 34px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 3px
}

#header #logo h1 a, #header #logo h1 a:hover {
    color: #000;
    padding-left: 10px;
    border-left: 4px solid #f7631b
}

#header #logo img {
    width: 250px
}

/* .search {
    width: 100%;
    position: absolute;
    top: 0% !important;
    right: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(0) translateY(-50%)
} */

.search  {
    padding: 0% !important;
    margin: 0% !important;
    width: 100% !important;
    position: fixed !important;
    bottom: 0% !important;
    outline: 0;
    left: 0% !important;
    box-sizing: border-box
}

.search__field {
    width: 100%;
    height: 50px;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 1.15em;
    padding: .35em 20px;
    border: 3px solid #fff;
    border-radius: 40px;
    transition: .3s ease-in-out;
    float: right
}

.search__field:focus {
    border-bottom-color: #fff;
    width: 100%;
    color: #fff
}

.search__field:focus~.search__icon {
    background-color: #960405;
    color: #fff;
    cursor: pointer;
    pointer-events: auto
}

.search__icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #960405;
    width: 40px;
    height: 50px;
    font-size: 1.35em;
    text-align: center;
    border-color: transparent;
    border-radius: 50%;
    pointer-events: none;
    display: inline-block;
    transition: background-color .2s ease-in-out;
    box-shadow: 0 0 5px 0 #04091e;
    outline: 0 !important;
    color: #fff
}

.search__field::-webkit-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    color: #fff
}

.search__field:-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
}

.search__field::-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
}

.search__field:-ms-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
}

.active-upcoming-event-carusel .owl-dots, .popular-course-area .owl-dots {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.search__field::-webkit-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: 400;
    top: -20px;
    opacity: 1;
    visibility: visible !important
}

.search__field:-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: 400;
    top: -20px;
    opacity: 1;
    visibility: visible !important
}

.search__field::-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: 400;
    top: -20px;
    opacity: 1;
    visibility: visible !important
}

.search__field:-ms-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: 400;
    top: -20px;
    opacity: 1;
    visibility: visible !important
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 60%;
    right: 0;
    z-index: 99
}

.nav-menu li {
    position: relative;
    white-space: nowrap
}

.nav-menu>li {
    float: left;
    margin-left: 10px
}

.nav-menu ul ul {
    top: 0;
    right: 100%;
    margin-right: 10px;
    margin-top: 0
}

.nav-menu ul li {
    min-width: 180px;
    transition: .3s
}

.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105"
}

.nav-menu a {
    padding: 0 8px;
    text-decoration: none;
    display: inline-block;
    color: #960405;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    outline: 0;
    transition: .9s
}

.nav-menu li:hover>a {
    color: #000;
    transition: .9s;
    font-size: 15px
}

.nav-menu ul {
    margin: 24px 0 0;
    padding: 10px;
    box-shadow: 0 0 30px rgba(127, 137, 161, .25);
    background: #fff
}

.nav-menu ul li a {
    padding: 5px 10px;
    color: #333;
    transition: .3s;
    display: block !important;
    font-size: 12px;
    text-transform: none
}

#mobile-nav-toggle {
    position: fixed;
    right: 15px;
    z-index: 999;
    top: 54px;
    border: 0;
    background: 0;
    font-size: 24px;
    display: none;
    transition: .4s;
    border-radius: 2px !important;
    outline: 0;
    color: white !important;

    cursor: pointer;
    background-color:#960404 !important;
}
#mobile-nav-toggle .lnr{
    color: white !important;
    background-color:  #960404 !important;
}

#mobile-nav-toggle i {
    font-style: 24px !important;
    color: #960405 !important;
    font-weight: 900 !important;
}

@media(max-width:992px) {
    #mobile-nav-toggle {
        display: inline
    }

    #nav-menu-container {
        display: none
    }
}

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .8);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: .4s
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: 0;
    font-weight: 400
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    display: block !important;
}

#mobile-nav ul .menu-has-children li a {
    display: block !important;
    text-transform: none
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, .7);
    display: none
}

body.mobile-nav-active #mobile-nav {
    left: 0
}

.section-gap {
    padding: 120px 0
}
.a_tag_of_course_card button{
    font-size: 14px !important;
    padding: 5px 9px !important;
    border: none !important;
    border-radius: 12px !important;
    background-color: #e0e0e0 !important;
}
.row_2 .overlay-bg, .row_bottom {
    backdrop-filter: blur(20px);
    padding-top: 30px;
    padding-bottom: 30px
}

.alert-msg, .single-footer-widget .info.valid {
    color: green
}

.primary-btn {
    border-radius: 30px;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    position: relative
}

.primary-btn span {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    right: 30px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.primary-btn:hover span {
    color: #fff;
    right: 20px
}

.primary-btn.white {
    border: 1px solid #fff;
    color: #fff
}

.primary-btn.white:hover {
    background: #fff;
    color: #f7631b
}

.primary-btn.wh {
    background: #fff;
    color: #222;
    text-transform: uppercase
}

.primary-btn.wh:hover {
    background: #222;
    color: #fff
}

.primary-btn.squire {
    border-radius: 0 !important;
    border: 1px solid transparent
}

.primary-btn.squire:hover {
    border: 1px solid #fff;
    background: 0;
    color: #fff
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.section-title {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px
}

.banner-area {
    /* background-image: url("https://png.pngtree.com/thumb_back/fh260/background/20230703/pngtree-d-rendered-image-of-black-mortarboard-hat-resting-on-opened-book-image_3737422.jpg") !important; */
    /* background-size: cover !important; */
    /* height: 750px !important; */
    /* margin-top: 40px !important */
    height:800px !important;
    width:100% !important;
    
    margin:0% !important;
    padding:0% !important; 
}

.banner-area .carousel{
    width:100% !important;

    margin:0% !important;
    padding:0% !important; 
    /* height:750px !important; */
    
}
.banner-area .carousel img{
    background-position:bottom center !important;
       height:800px !important;
object-fit: cover !important;
    width:100% !important;
}

.banner-area-webinear {
    /* margin-top: 120px !important; */
    width: 100% !important;
    height: 450px !important;
    object-fit: cover !important
}

.row_bottom {
    background-color: rgba(150, 4, 4, .493);
    width: 90% !important;
    margin: 5% !important
}

.row_2 .overlay-bg {
    position: sticky !important;
    background-color: #960404 !important
}

.row_2 .courses-main, .row_2 a {
    text-align: left !important;
    color: #fff !important
}

.banner-content h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1em;
    margin-top: 10px;
    color: #fff
}

@media(max-width:991.98px) {
    .banner-content h1 br, .generic-banner .generic-banner-content h2 br, .generic-banner .generic-banner-content p br {
        display: none
    }

    .banner-content h1 {
        font-size: 36px
    }

    .single-footer-widget {
        margin-bottom: 30px
    }
}

.accordion>dt>a, .toggle>dt>a {
    display: block;
    text-decoration: none
}

@media(max-width:1199.98px) {
    .banner-content h1 {
        font-size: 45px
    }
}

@media(max-width:480px) {
    .header-top .header-top-right a .lnr {
        display: inline-block
    }

    .header-top .header-top-right a .text {
        display: none
    }

    .banner-content h1 {
        font-size: 32px
    }
}

.banner-content .primary-btn {
    background-color: #960405;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.banner-content .primary-btn:hover {
    background-color: #fff;
    color: #960405
}

.feature-area {
    margin: 1% 0
}

.feature-area .single-feature {
    margin-bottom: 10px;
    padding: 25px 5px;
    background-color: #fcfcfc;
    box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .05) 0 8px 32px !important;
    border-radius: 10px !important
}

.single-feature {
    position: relative !important;
    text-align: center;
    overflow: hidden
}

.single-feature-absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2%;
    background-color: #960405;
    transition: height .9s ease-in-out;
    z-index: 1
}

.single-feature .desc-wrap, .single-feature .title {
    position: relative;
    z-index: 2;
    transition: .5s ease-in-out
}

.single-feature:hover .single-feature-absolute {
    height: 100% !important
}

.single-feature:hover .title p, .single-feature:hover h4 {
    transition: .5s ease-in-out;
    color: #fff !important
}

.single-feature a {
    color: #960405;
    background-color: #fff !important
}

.desc-wrap {
    padding: 10px 5px;
    transition: .5s ease-in-out;
    color: #960405
}

.single-feature .desc-wrap a {
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.single-feature:hover {
    cursor: pointer
}

.popular-course-area .owl-dots {
    text-align: center;
    bottom: 5px;
    margin-top: 40px;
    width: 100%;
    backface-visibility: hidden
}

.popular-course-area .owl-dot, .review-area .owl-dot {
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(127, 127, 127, .5);
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.popular-course-area .owl-dot.active, .review-area .owl-dot.active {
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    background: #960405
}

.single-popular-carusel .thumb img {
    object-fit: fill;

    transition: .3s 0;
    width: 100%;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0
}

.single-popular-carusel .meta {
    display: none !important;
    margin-top: -26px;
    z-index: 2;
    position: inherit;
    padding: 0 10px
}

.single-popular-carusel .meta p {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
    display: none
}

.single-popular-carusel .meta p .lnr {
    margin: 0 5px
}

.single-popular-carusel .details h4 {
    text-shadow: 0 0 0;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    margin: 20px 0
}

.col-org, .single-popular-carusel .details h4:hover, ul.level-3 li a:hover {
    color: #960405 !important
}

.single-popular-carusel:hover .thumb img {
    transform: scale(1.1);
    transition: .7s
}

.search-course-area {
    background: url(../img/s-bg.jpg) center/cover
}

.search-course-area .overlay-bg {
    background: rgba(4, 9, 30, .8)
}

.footer-bottom .footer-social a, .search-course-area .search-course-right {
    background: rgba(255, 255, 255, .1)
}

.search-course-area .search-course-right .form-wrap {
    padding: 0 40px
}

.search-course-area .search-course-right .form-wrap .form-control {
    margin-bottom: 5px;
    border-radius: 0;
    padding: .675rem .75rem;
    font-size: 13px;
    font-weight: 300
}

.search-course-area .search-course-right .form-wrap .current {
    margin-left: -32px;
    font-size: 13px
}

.search-course-area .search-course-right .form-wrap .form-select .nice-select .list .option {
    padding-left: 15px
}

.search-course-area .search-course-right .form-wrap .primary-btn {
    width: 100%;
    margin-top: 5px
}

.search-course-area .details-content .single-detials span {
    color: #f7631b;
    font-size: 30px
}

.search-course-area .details-content .single-detials h4 {
    margin: 20px 0;
    color: #fff
}

@media(max-width:1287px) and (min-width:992px) {
    .nav-menu a {
        padding: 0;
        font-size: 12px
    }
}

@media(max-width:1007px) and (min-width:810px) {
    .Courses-menu {
        top: 121px !important
    }
}

.active-upcoming-event-carusel .owl-dots {
    display: inline-grid;
    backface-visibility: hidden;
    position: absolute;
    left: 101%;
    top: 40%
}

.active-upcoming-event-carusel .owl-dot {
    height: 10px;
    width: 10px;
    display: inline-block;
    background: rgba(127, 127, 127, .5);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.active-upcoming-event-carusel .owl-dot.active {
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    background: #f7631b
}

.single-blog .thumb img, .single-carusel .thumb img {
    width: 100%;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0
}

.single-carusel h4 {
    margin-top: 20px;
    margin-bottom: 20px
}

.single-carusel p {
    margin-top: 0 !important;
    margin-bottom: 0
}

.sin-pop-car img {
    margin-bottom: 10px;
    border-radius: 10px;
    height: 170px !important
}

.single-carusel .thumb img {
    transition: .3s 0
}

.single-carusel:hover .thumb img {
    transform: scale(1.05) rotate(-1.05deg)
}

.review-area {
    background: #f9f9ff;
    overflow: hidden
}

.review-area .owl-dots {
    text-align: center;
    bottom: 5px;
    margin-top: 20px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.event-details-area .details-content h4, .single-review .title {
    margin: 20px 0
}

.single-review .star .checked {
    color: orange
}

.single-blog .thumb img {
    transition: .3s 0
}

.left-contents .jq-tab-menu .jq-tab-title, .single-blog h5 {
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0
}

.single-blog:hover img {
    transform: scale(1.1)
}

.single-blog h5 {
    margin-bottom: 12px;
    transition: .3s 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.contact-details a, .single-blog a, .widget-wrap .post-category-widget .cat-list li a {
    color: #777
}

.single-blog .meta {
    font-weight: 400;
    text-align: left;
    margin-top: 40px
}

.single-blog .details-btn {
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    overflow: hidden
}

.single-blog .details-btn .details {
    visibility: hidden;
    opacity: 0;
    margin-left: -53px;
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.single-blog .details-btn .lnr {
    color: #222;
    line-height: inherit
}

.single-blog .details-btn:hover {
    width: 140px;
    background: #f7631b;
    box-shadow: 0 10px 20px 0 rgba(60, 64, 143, .2)
}

.single-blog .details-btn:hover .details {
    margin-left: 0;
    visibility: visible;
    opacity: 1;
    margin-right: 8px
}

.single-blog .details-btn:hover span {
    color: #fff;
    font-weight: 600
}

.cta-one-area {
    background: url(../img/cta-bg.jpg) center/cover;
    text-align: center;
    color: #fff
}

.cta-one-area p {
    max-width: 670px;
    margin: 20px 0
}

@media(max-width:576px) {
    .single-carusel, .single-popular-carusel {
        margin: 15px
    }

    .cta-one-area p {
        padding: 0 5%
    }
}

.cta-one-area .overlay-bg {
    background: rgba(4, 9, 30, .2)
}

.cta-two-area {
    background: #960405;
    padding: 90px 0
}

.cta-two-area .cta-left h1 {
    color: #fff;
    font-weight: 700
}

.link-nav {
    margin-top: 10px;
    margin-bottom: 0
}

.about-banner {
    background: url(../img/top-banner.jpg) right/cover no-repeat
}

.about-content {
    margin-top: 110px;
    padding: 90px 0;
    text-align: center
}

.about-content h1 {
    font-size: 48px;
    font-weight: 600
}

.about-content a {
    color: #fff;
    font-weight: 300;
    font-size: 14px
}

.about-content .lnr {
    margin: 0 10px;
    font-weight: 600
}

.comment-form .name, .info-area .info-area-right {
    padding-left: 0
}

.info-area .info-area-right h1 {
    max-width: 400px;
    margin-bottom: 20px
}

.info-area .info-area-right p {
    max-width: 450px;
    margin-bottom: 0
}

@media(max-width:1024px) and (min-width:991px) {
    .info-area .info-area-right h1 {
        font-size: 23px
    }
}

@media(max-width:1024px) {
    .active-upcoming-event-carusel .owl-controls {
        display: none
    }

    .info-area .info-area-right {
        padding-left: 15px
    }
}

.accordion>dt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400
}

.accordion>dt>a {
    position: relative;
    color: #fff;
    padding: 8px 20px;
    background: #960405b8;
    font-size: 16px
}

.accordion>dt>a:hover {
    text-decoration: none
}

.accordion>dt>a.active {
    color: #fff;
    border-color: #ddd;
    background: #960405;
    cursor: default;
    border-radius: 5px;
    font-size: 16px
}

.comments-area, .left-contents #verticalTab .jq-tab-content-wrapper, .widget-wrap {
    border: 1px solid #eee
}

.accordion>dt>a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    color: #fff
}

.accordion>dt>a.active:after, .accordion>dt>a.active:hover:after {
    content: "\f106";
    color: #fff
}

.accordion>dt>a:hover:after, .toggle>dt>a:hover:after {
    color: #444
}

.accordion>dd, .toggle>dd {
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #777
}

.accordion>dt>a, .accordion>dt>a:after, .toggle>dt>a, .toggle>dt>a:after {
    -webkit-transition: .27s cubic-bezier(0, 0, .58, 1);
    -moz-transition: .27s cubic-bezier(0, 0, .58, 1);
    -o-transition: .27s cubic-bezier(0, 0, .58, 1);
    -ms-transition: .27s cubic-bezier(0, 0, .58, 1);
    transition: .27s cubic-bezier(0, 0, .58, 1)
}

dl.accordion.time-line:before, dl.toggle.time-line:before {
    border-left: 1px dashed #cecece;
    bottom: 10px;
    content: "";
    left: 15px;
    position: absolute;
    top: 25px;
    z-index: 0
}

.accordion.time-line>dd, .toggle.time-line>dd {
    margin-bottom: 10px;
    padding: 10px 20px 20px 40px;
    font-size: 14px;
    line-height: 1.8;
    color: #777
}

.accordion.time-line>dt>a:after, .toggle.time-line>dt>a:after {
    content: "\e648";
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    left: 0;
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    background: #222;
    padding-left: 3px
}

.accordion.time-line>dt>a.active:after, .accordion.time-line>dt>a.active:hover:after, .toggle.time-line>dt>a.active:after, .toggle.time-line>dt>a.active:hover:after {
    content: "\e641";
    color: #fff
}

.accordion.time-line>dt>a, .toggle.time-line>dt>a {
    display: block;
    position: relative;
    color: #222;
    text-decoration: none;
    padding: 14px 20px 14px 40px;
    border: 0;
    letter-spacing: 3px
}

.accordion.time-line>dt>a.active, .accordion.time-line>dt>a:hover, .toggle.time-line>dt>a.active, .toggle.time-line>dt>a:hover {
    background: 0 0 !important
}

.toggle>dt {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400
}

.toggle>dt>a {
    position: relative;
    color: #222;
    padding: 8px 20px;
    border-bottom: 1px solid #eee
}

.toggle>dt>a:hover {
    text-decoration: none;
    border-color: #e8e8e8
}

.toggle>dt>a.active {
    color: #f7631b;
    border-color: #f7631b
}

.toggle>dt>a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #999
}

.toggle>dt>a.active:after, .toggle>dt>a.active:hover:after {
    content: "\f106";
    color: #f7631b
}

.jq-tab-menu .jq-tab-title:first-child {
    border-top: 0
}

.video-right .overlay-bg {
    background-color: rgba(34, 34, 34, .2)
}

.video-right .play-btn {
    z-index: 2
}

.courses-page .primary-btn, .event-page-lists .primary-btn {
    border: 1px solid transparent
}

.courses-page .primary-btn:hover {
    background: 0;
    border-color: #960405;
    color: #960405
}

.left-contents .jq-tab-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 50px
}

.left-contents .jq-tab-wrapper.horizontal-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.left-contents .jq-tab-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.left-contents .jq-tab-menu .jq-tab-title {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    border: 0;
    cursor: pointer;
    padding: 6px 25px;
    text-align: center;
    transition: .3s 0
}

@media(max-width:504px) {
    .left-contents .jq-tab-menu .jq-tab-title {
        padding: .9em;
        font-size: 10px
    }
}

.left-contents .jq-tab-menu .jq-tab-title.active, .left-contents .jq-tab-menu .jq-tab-title:hover {
    color: #f7631b;
    background: 0;
    border-bottom: 1px solid #f7631b
}

.left-contents .horizontal-tab .jq-tab-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.left-contents .jq-tab-content-wrapper {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.left-contents .jq-tab-content {
    display: none;
    padding: 1em 1.8em;
    font-size: 14px;
    font-weight: 300
}

.left-contents .course-list li .primary-btn {
    background: #fff;
    color: #222
}

.event-details-area .social-nav .navs a:hover, .left-contents .comments-area .btn-reply:hover, .left-contents .course-list li .primary-btn:hover {
    background: #f7631b;
    color: #fff
}

.owl-controls .owl-nav .owl-next:before, .owl-controls .owl-nav .owl-prev:before {
    background-image: url(../img/arrows/right-arrow.png);
    z-index: 99999;
    background-position: center top;
    background-size: 20px;
    background-repeat: no-repeat;
    content: ""
}

.left-contents .comments-area {
    padding: 0 20px;
    margin-top: 50px;
    background: 0 0 !important;
    border: none !important
}

.left-contents .comments-area h4 {
    text-align: center;
    margin-bottom: 50px;
    font-weight: 600
}

.comments-area .comment-list.left-padding, .left-contents .comments-area .comment-list.left-padding {
    padding-left: 25px
}

.left-contents .comments-area .desc h5 {
    font-weight: 600;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.left-contents .comments-area .desc h5:hover a, .right-contents ul li .or {
    color: #f7631b !important
}

.left-contents .comments-area .date {
    font-size: 13px;
    color: #ccc
}

.left-contents .comments-area .comment {
    color: #777;
    margin-bottom: 0
}

.left-contents .comments-area .btn-reply {
    background-color: #fcfaff;
    color: #222;
    font-weight: 400;
    padding: 8px 30px;
    display: block;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.left-contents .comment-form {
    border: 0
}

.left-contents .reviews .star, .left-contents .reviews span {
    width: 25%;
    margin-bottom: 10px
}

.left-contents .avg-review {
    background: #04091e;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 0
}

.left-contents .avg-review span {
    font-size: 18px;
    color: #f7631b
}

.left-contents .single-reviews h5 {
    display: inline-flex
}

.right-contents ul li {
    background: #f9f9ff;
    padding: 10px 22px;
    margin-bottom: 10px
}

.right-contents ul li a {
    color: #222;
    text-align: left;
    font-size: 13px;
    font-weight: 400
}

.right-contents .primary-btn {
    margin-top: 10px;
    width: 100%;
    background: #222;
    text-align: center
}

.event-page-lists .primary-btn:hover {
    color: #f7631b;
    border-color: #f7631b;
    background: 0
}

.event-details-area .social-nav .focials li {
    text-align: right;
    display: inline-block
}

.event-details-area .social-nav .focials li a .fa-facebook {
    width: 30px;
    display: block;
    text-align: center;
    padding: 8px 0;
    background: #4b6eaa
}

.event-details-area .social-nav .focials li a .fa-twitter {
    width: 30px;
    display: block;
    text-align: center;
    padding: 8px 0;
    background: #00c7f8
}

.event-details-area .social-nav .focials li a .fa-dribbble {
    width: 30px;
    display: block;
    text-align: center;
    padding: 8px 0;
    background: #f982aa
}

.event-details-area .social-nav .focials li a .fa-behance {
    width: 30px;
    display: block;
    text-align: center;
    padding: 8px 0;
    background: #0b8eff
}

.event-details-area .social-nav .navs a {
    background: #f9f9ff;
    color: #222;
    padding: 10px 25px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase
}

.event-details-area .social-nav .navs .nav-next .lnr {
    margin-left: 5px
}

.event-details-area .event-details-right .single-event-details {
    background: #f9f9ff;
    padding: 30px;
    margin-bottom: 30px
}

.event-details-area .event-details-right .single-event-details ul li {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding: 5px 0
}

.event-details-area .event-details-right .single-event-details ul li:last-child {
    border-bottom: 0
}

.gallery-area .single-imgs .overlay-bg {
    background: rgba(247, 99, 27, .85);
    opacity: 0;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    z-index: 2
}

.gallery-area .single-imgs:hover .overlay-bg, .single-post-area .navigation-area .nav-left:hover .lnr, .single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1
}

.widget-wrap {
    background: #fafaff;
    padding: 20px 0
}

.widget-wrap .single-sidebar-widget {
    margin: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}

.widget-wrap .single-sidebar-widget:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.widget-wrap .search-widget form.search-form input[type=text] {
    color: #fff;
    padding: 10px 22px;
    font-size: 14px;
    border: 0;
    float: left;
    width: 80%;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background: #f7631b
}

.widget-wrap .search-widget ::-webkit-input-placeholder {
    color: #fff
}

.widget-wrap .search-widget ::-moz-placeholder {
    color: #fff
}

.widget-wrap .search-widget :-ms-input-placeholder {
    color: #fff
}

.widget-wrap .search-widget :-moz-placeholder {
    color: #fff
}

.widget-wrap .search-widget form.search-form button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #f7631b;
    color: #fff;
    font-size: 17px;
    border: 0;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.blog-info-link::after, .widget-wrap .search-widget form.search-form::after {
    content: "";
    clear: both;
    display: table
}

.widget-wrap .user-info-widget a h4 {
    margin-top: 40px;
    margin-bottom: 5px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.single-post-area .social-links li, .widget-wrap .user-info-widget .social-links li {
    display: inline-block;
    margin-bottom: 10px
}

.widget-wrap .user-info-widget .social-links li a {
    color: #222;
    padding: 10px;
    font-size: 14px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.widget-wrap .newsletter-widget .newsletter-title, .widget-wrap .popular-post-widget .popular-title, .widget-wrap .post-category-widget .category-title {
    background: #f7631b;
    color: #fff;
    text-align: center;
    padding: 12px 0
}

.widget-wrap .popular-post-widget .single-post-list .details {
    margin-left: 12px
}

.widget-wrap .popular-post-widget .single-post-list .details h6 {
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.widget-wrap .post-category-widget .cat-list li {
    padding-top: 15px;
    padding-bottom: 8px;
    border-bottom: 2px dotted #eee;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.menu li a, section.association .single-review.item, section.partners-logos .single-review.item {
    padding: 10px
}

.widget-wrap .post-category-widget .cat-list li p {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.widget-wrap .post-category-widget .cat-list li:hover {
    border-color: #f7631b
}

.widget-wrap .newsletter-widget p {
    text-align: center;
    margin: 20px 0
}

.widget-wrap .newsletter-widget .bbtns {
    background: #f7631b;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 0
}

.widget-wrap .newsletter-widget .input-group-text {
    background: #fff;
    border-radius: 0;
    vertical-align: top
}

.widget-wrap .newsletter-widget .input-group-text i {
    color: #ccc;
    margin-top: -1px
}

.widget-wrap .newsletter-widget .form-control {
    border-left: none !important;
    border-right: none !important;
    border-radius: 0;
    font-size: 13px;
    color: #ccc;
    padding: 9px 9px 9px 0
}

.widget-wrap .newsletter-widget .form-control:focus {
    box-shadow: none;
    border-color: #ccc
}

.widget-wrap .newsletter-widget ::-webkit-input-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget ::-moz-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget :-ms-input-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .newsletter-widget :-moz-placeholder {
    font-size: 13px;
    color: #ccc
}

.widget-wrap .tag-cloud-widget .tagcloud-title {
    background: #f7631b;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 30px
}

.widget-wrap .tag-cloud-widget ul li {
    display: inline-block;
    border: 1px solid #eee;
    background: #fff;
    padding: 4px 14px;
    margin-bottom: 10px;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.comments-area .btn-reply, .single-post-area .social-links li a {
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0
}

.banner-area .courses-main ul li a:hover, .contact-page-area .contact-btns:hover, .footer-area h2, .subsc p, .top-heading-in h1, .widget-wrap .tag-cloud-widget ul li:hover a {
    color: #fff
}

.widget-wrap .tag-cloud-widget ul li a {
    font-size: 12px;
    color: #222
}

.single-post-area {
    padding-top: 80px;
    padding-bottom: 80px
}

.single-post-area .meta-details {
    margin-top: 20px !important
}

.single-post-area .quotes {
    margin-top: 20px;
    box-shadow: -20.84px 21.58px 30px 0 rgba(176, 176, 176, .1)
}

.single-post-area .navigation-area {
    border-top: 1px solid #eee;
    padding-top: 30px
}

@media(max-width:767px) {
    .no-flex-xs {
        display: block !important
    }

    .single-post-area .navigation-area .nav-left, .typo-sec {
        margin-bottom: 30px
    }

    .element-wrap {
        margin-top: 30px
    }

    .fullscreen {
        height: 700px !important
    }

    #mobile-nav-toggle {
        top: 10px
    }

    /* .search {
        transform: translateX(-3%) translateY(-10%);
        top: auto;
        bottom: 0;
        position: fixed;
        left: 30px
    } */

    .search__field:focus {
        background: #960405;
        width: 280px
    }

    .search__field {
        float: left;
        text-indent: 30px;
        width: 88%
    }

    .search__icon {
        left: 0
    }

    .about-content {
        margin-top: 70px
    }

    .video-right {
        margin-top: 50px
    }

    .event-details-area .social-nav .navs {
        margin-top: 30px;
        text-align: left
    }
}

@media(max-width:414px) {
    .single-review {
        padding: 15px
    }

    .left-contents .course-list li {
        font-size: 8px
    }

    .comments-area, .left-contents .comments-area {
        padding: 50px 8px
    }

    .event-details-area .social-nav .navs a, .left-contents .comments-area .comment-list .single-comment h5 {
        font-size: 12px
    }

    .left-contents .comments-area .comment-list .single-comment .date {
        font-size: 11px
    }

    .left-contents .comments-area .comment-list .single-comment .comment {
        font-size: 10px
    }
}

@media(max-width:413px) {
    .left-contents .jq-tab-menu {
        display: initial !important
    }

    .left-contents .comment-wrap {
        padding: 0 !important
    }

    .comments-area .comment-list .single-comment h5 {
        font-size: 12px
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 11px
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px
    }
}

.comments-area .btn-reply {
    border: 1px solid #eee;
    transition: .3s 0
}

.comments-area .btn-reply:hover {
    background-color: #f7631b;
    color: #fff
}

.comment-form {
    background: #fafaff;
    text-align: center;
    border: 1px solid #eee;
    padding: 50px 20px
}

.comment-form h4 {
    text-align: center;
    margin-bottom: 50px
}

.comment-form .email {
    padding-right: 0
}

.comment-form .form-control {
    padding: 12px;
    background: #fff;
    border: 0;
    border-radius: 0;
    width: 100%;
    font-size: 13px;
    color: #777
}

.comment-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #eee
}

.comment-form ::-webkit-input-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form ::-moz-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form :-ms-input-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form :-moz-placeholder {
    font-size: 13px;
    color: #777
}

.comment-form .primary-btn {
    border-radius: 0 !important;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600
}

.comment-form .primary-btn:hover {
    background: 0;
    border-color: #f7631b !important;
    color: #f7631b !important
}

.contact-page-area .map-wrap {
    margin-bottom: 120px
}

.contact-page-area .contact-btns {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 40px;
    color: #fff;
    margin-bottom: 30px
}

.contact-page-area .form-area .form-control:focus {
    box-shadow: none !important;
    border-color: #ced4da !important
}

.contact-page-area .form-area input {
    padding: 15px
}

.contact-page-area .form-area input, .contact-page-area .form-area textarea {
    border-radius: 0;
    font-size: 13px !important
}

.contact-page-area .form-area textarea {
    height: 190px;
    margin-top: 0;
    padding: 15px
}

.contact-page-area .form-area .genric-btn {
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0;
    font-size: 14px;
    text-transform: uppercase !important
}

.contact-page-area .form-area .genric-btn:hover {
    border: 1px solid #960405;
    color: #960405 !important
}

.contact-page-area .address-wrap .single-contact-address {
    margin-bottom: 8px
}

.contact-page-area .address-wrap .single-contact-address h5 {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 5px
}

.contact-page-area .address-wrap .single-contact-address .lnr {
    font-size: 30px;
    font-weight: 500;
    color: #960405;
    margin-right: 30px
}

.form-control {
    box-shadow: 0 0 6px 1px #dcdcdc
}

.footer-area {
    background-color: #04091e
}

.single-footer-widget h4 {
    color: #fff;
    margin-bottom: 25px;
    font-weight: 500
}

.single-footer-widget .form-control {
    border: 0;
    width: 80% !important;
    font-weight: 300;
    background: #f9f9ff;
    padding-left: 20px;
    border-radius: 0;
    font-size: 14px;
    line-height: normal !important;
    color: #222
}

.single-footer-widget .form-control:focus {
    box-shadow: none;
    color: #222
}

.owl-controls .owl-nav .owl-next, .owl-controls .owl-nav .owl-prev {
    background-color: #960405;
    box-shadow: 0 2px 5px 0 #04091e;
    width: 40px;
    text-align: center
}

.single-footer-widget ul li a {
    color: #fff;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.single-footer-widget ul li a:hover {
    color: #960405;
    -webkit-text-stroke-width: medium
}

.single-footer-widget .bb-btn {
    color: #fff;
    font-weight: 300;
    border-radius: 0;
    z-index: 9999;
    cursor: pointer
}

.single-footer-widget .info {
    margin-top: 25px;
    color: #fff;
    font-size: 12px
}

.single-footer-widget .info.error {
    color: red
}

.single-footer-widget .btn {
    font-size: 1.2rem;
    border-radius: 0;
    background: #960405;
    color: #fff
}

.single-footer-widget .btn .lnr {
    line-height: inherit;
    font-size: 13px;
    padding: 0 4px
}

.single-footer-widget ::-moz-selection {
    background-color: #191919 !important;
    color: #777
}

.single-footer-widget ::selection {
    background-color: #191919 !important;
    color: #777
}

.single-footer-widget ::-webkit-input-placeholder {
    color: #777;
    font-weight: 300
}

.single-footer-widget :-moz-placeholder {
    color: #777;
    opacity: 1;
    font-weight: 300
}

.single-footer-widget ::-moz-placeholder {
    color: #777;
    opacity: 1;
    font-weight: 300
}

.single-footer-widget :-ms-input-placeholder {
    color: #777;
    font-weight: 300
}

.single-footer-widget ::-ms-input-placeholder {
    color: #777;
    font-weight: 300
}

@media(max-width:991px) {
    .left-align-p p {
        margin-top: 20px
    }

    .search-course-area .search-course-left h1 {
        font-size: 30px
    }

    .search {
        box-shadow: rgba(14, 30, 37, .12) 0 2px 4px 0, rgba(14, 30, 37, .32) 0 2px 16px 0 !important
    }

    .search-course-area .search-course-left {
        padding-top: 120px;
        left: 0 !important;
        margin-bottom: 40px
    }

    .contact-page-area .address-wrap, .single-blog {
        margin-bottom: 30px
    }

    .cta-two-area .cta-right {
        text-align: left;
        margin-top: 20px
    }

    .info-area .info-area-right h1, .info-area .info-area-right p {
        max-width: 100%
    }

    .left-contents .avg-review {
        margin-bottom: 20px
    }

    .event-details-area .event-details-right, .right-contents {
        margin-top: 30px
    }

    .widget-wrap {
        margin-top: 50px
    }

    .single-post-area .sidebar-widgets {
        padding-bottom: 0
    }

    .comment-form .name {
        padding-right: 0
    }

    .comment-form .email {
        padding-left: 0
    }

    .contact-page-area .map-wrap {
        margin-bottom: 50px
    }

    .footer-bottom .footer-social {
        text-align: center;
        margin-top: 30px
    }
}

@media(max-width:768px) {
    #header #logo h1 {
        font-size: 28px
    }

    #header #logo img {
        width: 100px;
        margin-left: 25px;
        transform: scale(2)
    }

    #nav-menu-container, .header-top {
        display: none
    }

    .courses-main {
        text-align: center
    }

    .banner-area {
        padding-top: 90px;
        padding-bottom: 40px
    }

    .Courses-menu {
        top: 95px !important;
        left: 0 !important
    }

    .top-heading-in {
        top: 110px !important
    }

    .top-heading-in  {
        font-size: 20px
    }
}

@media(max-width:911px) and (min-width:768px) {
    .Courses-menu {
        top: 121px !important
    }

    .top-heading-in {
        top: 180px !important
    }

    .top-heading-in h1 {
        font-size: 30px
    }
}

.footer-bottom .footer-social a {
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .3s 0;
    -moz-transition: .3s 0;
    -o-transition: .3s 0;
    transition: .3s 0
}

.footer-bottom .footer-social a i {
    vertical-align: bottom
}

.bg, .footer-bottom .footer-social a:hover {
    background-color: #960405
}

#fo-logo img {
    width: 200px;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
    box-shadow: inset 0 0 80px 0 #04091e
}

@keyframes slide {
    0%, 9% {
        left: 0
    }

    18%, 27% {
        left: -100%
    }

    36%, 45% {
        left: -200%
    }

    54%, 63% {
        left: -300%
    }

    72%, 81% {
        left: -400%
    }

    100%, 90% {
        left: -500%
    }
}

#slider {
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 90px;
    vertical-align: middle;
    width: 1100px;
    height: 130px;
    display: block
}

#slider figure {
    position: relative;
    width: 600%;
    margin: 0;
    left: 0;
    text-align: left;
    animation: 30s infinite slide
}

#slider figure img {
    float: left;
    width: 16.6666%;
    height: 130px;
    background-position: center;
    background-size: cover
}

.footer-area .partners img {
    width: 33px;
    margin: 30px auto 0;
    background-position: center;
    transform: scale(1.4)
}

.footer-area .policy a {
    margin: 0 10px;
    color: #fff
}

.banner-area .courses-main ul li a {
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 400
}

.courses-main-1 {
    /* padding-bottom: 10px !important; */
    /* margin-bottom: 5px !important; */
    text-align: center !important;
    border-radius: 10px;
    background-color: #fff;
    transition: max-height .7s ease-in-out;
    height: 250px !important
}

.courses-main-1 img {
    width: 100% !important;
    height: 80% !important;
    padding-bottom: 6px !important;
    
}

.auditspara p, .courses-main-1 h4, .web_box p {
    font-size: 16px !important
}

.bg_light {
    background-color: #f3f3f3 !important
}

.top-heading-in {
    position: absolute;
    top: 130px;
    left: 10px;
    right: 10px
}

.Courses-menu, .Courses-menu h6 {
    position: fixed;
    background: #fff
}

.blog-info-link li:last-child::after, .nice-select, .top-heading-in h1:after {
    display: none
}

.top-course-head h1 p {
    background: #96040500;
    display: inline-block;
    color: #960405;
    margin-top: 0;
    z-index: 9999;
    text-shadow: 0 2px 2px #000;
    text-decoration: underline
}

section.video-area .video-bg-design {
    border-top: 20px solid #960405 !important;
    border-left: 20px solid #960405 !important;
    box-shadow: inset 4px 3px 10px 0 #000
}

.video-bg-design iframe {
    width: 100% !important;
    height: 100% !important
}

/* section.partners-logos .partners {
    background: #eee;
    height: 220px;
    padding-top: 20px;
    padding-left: 13px;
    padding-right: 20px;
    display: grid;
    width: 180px;
    margin: 0 auto;
    border-radius: 10px
} */

/* section.partners-logos .partners img {
    width: 135px;
    margin: 0 auto;
    display: block;
    height: 120px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px !important
} */

/* section.partners-logos .adress-code span {
    color: #960405;
    font-size: 16px;
    font-weight: 500
} */

/* section.campuses .partners img {
    height: 50px;
    width: 100px !important
} */



section.review-area .owl-stage .owl-item img {
    width: 160px;
    height: 90px;
     margin: 0 auto
}

.Courses-menu {
    top: 118px;
    z-index: 122 !important;
    left: 0;
    border: 5px solid #960405;
    overflow: hidden;
    width: 111PX;
    height: 35px;
    padding: 0 6px 10px 13px;
    transition: .7s;
    box-shadow: 0 0 10px 0 #04091e9c;
    border-top: 0
}

.Courses-menu:active, .Courses-menu:focus, .Courses-menu:hover {
    width: 100%;
    height: 80vh;
    left: 0;
    padding: 0 20px 30px;
    scroll-behavior: smooth;
    overflow-y: scroll;
    border-right: 0px
}

.Courses-menu nav#menu {
    display: contents
}

.Courses-menu h6 {
    color: #960405;
    z-index: 2;
    margin-top: 0;
    padding: 5px 7px 6px 0
}

a.menu-link {
    float: right;
    display: block;
    padding: 1em
}

.menu, .menu>ul ul {
    clear: both;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.js .menu, .js .menu>ul ul {
    overflow: hidden;
    max-height: 0
}

.js .menu>ul ul.active, .menu.active {
    max-height: 55em
}

.menu>ul {
    border-top: 1px solid grey
}

.menu li a {
    font-size: 16px;
    display: block;
    border-bottom: 0 solid grey;
    position: relative;
    font-weight: 600
}

.menu li.has-subnav>a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: .25em .5em;
    color: #960405
}
.menu li.has-subnav ::before{
    display: block !important;
}
.has-subnav{
    display: block !important;
}
.menu li.has-subnav>a.active:after {
    content: "-"
}

ul.level-3 a {
    font-weight: 500;
    color: #000;
    font-size: 15px
}

ul.level-3 li {
    list-style: disc;
    color: #960405
}

li.has-subnav {
    display: block !important;

    padding: 0 10px !important
}

.menu li.has-subnav>a {
    padding-right: 2em;
    color: #960405;
    display: block !important;

    font-size: 16px
}

li.has-subnav a.active, li.has-subnav a:hover {
    color: #183269
}

ul.level-3 li a {
    color: #000 !important
}

@media screen and (max-width:992px) {
    .banner_icon {
        display: none !important
    }

    .courses-main-1 h4 {
        font-size: 1.5vw
    }

    .courses-main-1 img {
        height: 60% !important
    }

    ul.level-3.active {
        padding: 0 30px
    }

    li.has-subnav {
        padding: 0 !important
    }
}

@media screen and (min-width:48.25em) {
    .menu li a, .menu ul {
        border: 0
    }

    .menu>ul ul li, .menu>ul>li {
        position: relative
    }

    .pattern {
        overflow: visible
    }

    .js .menu>ul ul, a.menu-link {
        display: none
    }

    .js .menu, .js .menu>ul ul {
        max-height: none;
        overflow: visible;
        background: 0 0
    }

    .js .menu>ul li:focus>ul {
        display: block
    }

    .menu ul {
        margin: 0 0 0 -.25em
    }

    .menu li.has-subnav>a:after {
        content: "+";
        font-size: 1em;
        padding: .8em .5em
    }

    .menu .level-1>li.has-subnav>a:after {
        content: "â–¼"
    }

    .menu>ul li {
        margin: 0 .15em
    }

    .menu>ul>li {
        display: inline-block
    }

    .menu>ul ul.level-2 {
        top: 3em;
        left: 0;
        padding-left: 20px
    }

    ul.level-3 {
        padding: 0 0 0 20px;
        font-size: 14px
    }

    li.has-subnav a.active+ul.level-2.active, li.has-subnav a.active+ul.level-3.active {
        display: inline !important
    }
}

.popular-course-area .owl-controls {
    position: absolute;
    top: -70px;
    right: 0
}

.owl-controls .owl-nav {
    display: flex
}

.owl-controls .owl-nav .owl-next {
    color: #960405;
    border-radius: 30px;
    margin: 0;
    position: relative;
    border: 2px dotted #fff;
    height: 40px
}

.owl-controls .owl-nav .owl-next:before {
    position: absolute;
    left: -10px;
    top: 9px;
    bottom: 0;
    right: 10px;
    padding: 30px
}

.owl-controls .owl-nav .owl-prev {
    color: #960405;
    border-radius: 90px;
    margin: 0 20px 0 0;
    position: relative;
    border: 2px dotted #fff;
    height: 40px
}

.owl-controls .owl-nav .owl-prev:before {
    position: absolute;
    left: -4px;
    top: -11px;
    right: 0;
    padding: 20px;
    transform: rotate(180deg)
}

.thanks-regards P {
    font-size: 22px
}

.single-post-area .arrow .lnr, .thanks-regards span {
    font-size: 20px;
    font-weight: 600
}

.right-side-according dl.accordion dd {
    height: 240px;
    overflow-y: scroll
}

.right-side-box i {
    font-size: 80px;
    color: #960405
}

.right-side-box {
    background: #e8e8e8 !important;
    display: block;
    padding: 20px;
    border-radius: 5px
}

.right-side-box p {
    font-size: 17px;
    color: #04091e;
    margin: 0;
    font-weight: 600
}

.right-side-box span {
    color: #960405;
    font-size: 17px;
    font-weight: 500
}

.right-side-form {
    background: #e8e8e8;
    padding: 20px
}

.right-side-form .nice-select li.option {
    padding: 0;
    background: #fff
}

.course-banner img {
    height: 350px !important;
    height: auto;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 #04091e
}

@media(max-width:519px) and (min-width:280px) {
    #slider {
        width: 90%;
        bottom: 310px
    }
}

@media(max-width:767px) and (min-width:520px) {
    #slider {
        bottom: 340px;
        width: 500px
    }
}

@media(max-width:991px) and (min-width:768px) {
    .search-course-area .details-content .single-detials h4 {
        font-size: 12px
    }

    #mobile-nav-toggle {
        top: 88px
    }
/* 
    .search {
        transform: translateX(-3%) translateY(-10%);
        top: auto;
        bottom: 0;
        position: fixed;
        left: 0 !important
    } */

    .search__field:focus {
        background: #960405;
        width: 320px
    }

    .search__field {
        float: left;
        text-indent: 30px
    }

    .search__icon {
        left: 0
    }

    #slider {
        width: 680px
    }

    .feature-area-tabs .card-body a {
        padding: 2px 14px !important
    }

    .feature-area-tabs .genric-btn.primary {
        width: 180px
    }
}

@media(max-width:1199px) and (min-width:992px) {
    #slider {
        width: 930px
    }
}

.feature-area-tabs .card {
    border: 0 solid #960405;
    box-shadow: 0 7px 10px 0 #1b19193b;
    border-top: 0;
    border-radius: 0 0 5px 5px
}

.feature-area-tabs .card-body a {
    font-size: 16px;
    color: #fff;
    background: #960405;
    text-align: center;
    padding: 2px 30px;
    border-radius: 5px
}

.feature-area-tabs .card-body p {
    font-size: 16px;
    padding: 7px 10px
}

.tab-according dl.accordion dd.d-block strong {
    font-size: 15px !important;
    font-weight: 600
}

.big-content {
    height: 400px;
    overflow: hidden
}

.load-more:focus>.big-content {
    height: auto !important;
    overflow: visible
}

.big-content:hover {
    height: auto
}

section.info-area .row {
    /* display: -webkit-inline-box */
}

.input-group-icon .form-select select {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 40px;
    border: 0;
    outline: 0;
    text-indent: 15px;
    font-weight: 300;
    color: gray
}

.blog_item_date {
    position: absolute;
    botton: -20px;
    left: 14px;
    display: block;
    color: #fff;
    background-color: #c6a16e;
    padding: 8px 15px;
    border-radius: 5px
}

.blog_item_img .blog_item_date h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2
}

.blog_item_img .blog_item_date p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff
}

.blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px
}

.blog_right_sidebar .widget_title::after {
    content: "";
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid #f0e9ff
}

.blog_right_sidebar .single_sidebar_widget {
    background: #fbf9ff;
    padding: 30px;
    margin-bottom: 30px
}

.blog_right_sidebar .single_sidebar_widget .btn_1 {
    margin-top: 0
}

.blog-info-link li {
    float: left;
    font-size: 14px
}

.blog-info-link li a {
    color: #999
}

.blog-info-link li i, .blog-info-link li span {
    font-size: 13px;
    margin-right: 5px
}

.blog-info-link li::after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px
}

.blog-pagination .page-link {
    font-size: 14px;
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    margin-left: -1px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 0 !important;
    color: #8a8a8a;
    border: 1px solid #f0e9ff;
    margin-right: 10px
}

.logo_of_uni, .row_of_IT img {
    border-radius: 10px !important
}

.blog-pagination .page-item.active .page-link {
    background-color: silver;
    border-color: #f0e9ff;
    color: #333
}

.comment-form, .comments-area {
    border-top: 1px solid #eee;
    margin-top: 50px
}

.single-post-area .blog_details {
    box-shadow: none;
    padding: 0
}

.single-post-area .social-links li a {
    color: #ccc;
    padding: 7px;
    font-size: 14px;
    transition: .2s linear
}

.single-post-area .blog_details {
    padding-top: 26px
}

.single-post-area .blog_details p {
    margin-bottom: 20px;
    font-size: 15px
}

.single-post-area .quote-wrapper {
    background: rgba(130, 139, 178, .1);
    padding: 15px;
    line-height: 1.733;
    color: #888;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 25px
}

.comments-area .date, .single-post-area .navigation-top .social-icons li i, .single-post-area .navigation-top .social-icons li span {
    font-size: 14px;
    color: #999
}

.single-post-area .quotes {
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 2px solid
}

@media (min-width:768px) {
    .blog_item_img .blog_item_date {
        bottom: -20px;
        left: 40px;
        padding: 13px 30px
    }

    .blog_item_img .blog_item_date h3 {
        font-size: 30px
    }

    .blog_item_img .blog_item_date p {
        font-size: 18px
    }

    .single-post-area .quote-wrapper {
        padding: 30px
    }

    .single-post-area .quotes {
        padding: 25px 25px 25px 30px
    }
}

.single-post-area .arrow {
    position: absolute
}

.single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, .8)
}

.single-post-area .navigation-top {
    padding-top: 15px;
    border-top: 1px solid #f0e9ff
}

.single-post-area .navigation-top .comment-count i, .single-post-area .navigation-top .comment-count span, .single-post-area .navigation-top .like-info i, .single-post-area .navigation-top .like-info span {
    font-size: 16px;
    margin-right: 5px
}

.single-post-area .navigation-top .social-icons li {
    display: inline-block;
    margin-right: 15px
}

.single-post-area .blog-author {
    padding: 40px 30px;
    background: #fbf9ff;
    margin-top: 50px
}

.single-post-area .blog-author img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 30px
}

@media (max-width:600px) {
    .single-post-area .blog-author {
        padding: 20px 8px
    }

    .single-post-area .blog-author img {
        margin-right: 15px;
        width: 45px;
        height: 45px
    }
}

.single-post-area .blog-author a {
    display: inline-block
}

.single-post-area .blog-author a:hover {
    color: #c6a16e
}

.single-post-area .blog-author p {
    margin-bottom: 0;
    font-size: 15px
}

.single-post-area .navigation-area {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 55px
}

.single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px
}

.single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #000
}

.single-post-area .navigation-area .nav-left .thumb img, .single-post-area .navigation-area .nav-right .thumb img {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.single-post-area .navigation-area .nav-left:hover .thumb img, .single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5
}

@media (max-width:767px) {
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px
    }
}

.single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #000
}

.single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width:991px) {
    .single-post-area .sidebar-widgets {
        padding-bottom: 0
    }
}

.comments-area {
    background: 0 0;
    padding: 45px 0
}

.logo_of_uni, .table_grc img {
    background-size: cover !important
}

@media (max-width:414px) {
    .comments-area {
        padding: 50px 8px
    }
}

.comments-area h4 {
    text-align: center;
    margin-bottom: 35px;
    font-size: 18px
}

.comments-area h5 {
    font-size: 16px;
    margin-bottom: 0
}

.comments-area .comment-list {
    padding-bottom: 48px
}

@media (max-width:413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 11px
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px
    }
}

.comments-area .thumb img {
    width: 70px;
    border-radius: 50%
}

.comments-area .date {
    margin-bottom: 0;
    margin-left: 20px
}

.comments-area .comment {
    margin-bottom: 10px;
    color: #777;
    font-size: 15px
}

.comments-area .btn-reply {
    background-color: transparent;
    color: #888;
    padding: 5px 18px;
    font-size: 14px;
    display: block;
    font-weight: 400
}

.comment-form {
    padding-top: 45px;
    margin-bottom: 20px
}

.dropdown_of_top_bar:hover .dropdown_of_top_bar .dropdown-menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: end !important
}

.dropdown_of_top_bar .dropdown-item {
    color: #2e2e2e !important;
    font-weight: 100 !important;
    font-size: 15px !important
}

.dropdown_of_top_bar .dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #000 !important
}

.fs_6, .table_grc {
    font-size: 14px !important
}

.row_of_IT img {
    height: 170px;
    width: 100% !important
}

@media screen and (min-width:992px) {
    .row_2_fix_menu_default {
        position: absolute
    }
}

.default_banner_card {
    height: 70vh !important;
    width: 100% !important
}

.code_for_default_container h2:after {
    border-bottom: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    content: "";
    display: block
}

.code_for_default_container p {
    font-size: 14px !important;
    text-align: justify !important
}

.table_grc img {
    object-fit: cover;
    height: 60px !important;
    margin: 0 auto !important
}

.gallery_img img, .home_gallery_img img, .uni_new_section img, .webinar_img {
    object-fit: cover !important
}

.grc_logo_div img, .tag_animtaion1 div img {
    height: 120px !important;
    width: 100% !important
}

.logo_of_uni {
    width: 100% !important;
    height: 80px !important;
    box-shadow: rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px, rgba(17, 17, 26, .1) 0 24px 80px
}

.tag_animtaion, .tag_animtaion1, .tagline-wrapper {
    overflow: hidden;
    width: 100%
}

.default_uni_Card h2 {
    border-bottom: none !important;
    color: var(#960405) !important
}

.tag_animtaion h2, .tag_animtaion1 div {
    transition: .7s ease-in-out !important;
    color: var(--text_light)
}

.default_uni_Card h2:after {
    border-bottom: none !important;
    color: #960405 !important;
    margin: 1% 0 !important
}

.card-subtitl {
    padding: 10px 5px;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    margin-right: 3px
}

.dead_lines_css {
    color: #960405 !important;
    transition: .8s ease-in-out !important;
    font-size: 18px;
    animation: 4s linear infinite dead_line
}

@keyframes dead_line {
    50% {
        transform: scale(1)
    }

    0% {
        transform: scale(.9)
    }
}

.tag_animtaion {
    background-color: green !important
}

.tag_animtaion h2 {
    opacity: 0;
    animation: 34s linear infinite tagtext
}

.tagline, .tagline-wrapper {
    white-space: nowrap;
    color: #fff !important;
    font-size: 22px !important
}

.tag_animtaion1 div img {
    object-fit: contain !important
}

.tag_animtaion1 div {
    animation: 4s linear infinite tagtext1
}

@keyframes tagtext1 {
    0% {
        transform: translateX(10%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.tagline {
    display: inline-block;
    animation: 20s linear infinite tagtext
}

@keyframes tagtext {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.fs_2 {
    font-size: 18px !important
}

.rounded_20px {
    margin: 0 4px !important;
    border: 1px solid #960405 !important;
    border-radius: 4px !important
}

.round{
    border-radius: 20px !important
}

a:hover {
    color: var(--text_light) !important
}

.home_gallery_img img {
    border-radius: 8px !important
}

.top_bar_side a {
    transition: .9s ease-in-out !important;
    color: #e3e3e3;
    font-weight: 300
}

.top_bar_side a:hover {
    text-decoration: underline !important;
    color: #fff !important
}

.gallery_img img {
    width: 100% !important;
    height: 225px !important
}

.uni_new_section img {
    height: 240px !important
}

.single_uni_news p {
    font-size: 17px !important
}

.single_uni_news .col-lg-5 img {
    height: 60vh !important;
    object-fit: cover !important
}

@media (min-width:992px) {
    .posi-stic, .posi-stic1 {
        position: sticky !important;
        height: max-content !important
    }

    .posi-stic {
        top: 25% !important
    }

    .posi-stic1 {
        top: 10% !important
    }
}

.iso_logos img {
    width: 100% !important;
    height: 150px !important
}

.sheulde_meeting_manage_btn {
    transition: .9s ease-in-out !important;
    position: fixed !important;
    bottom: 40% !important;
    left: 0 !important;
    border: 1px solid #fff !important;
    z-index: 999 !important;
    writing-mode: vertical-lr !important
}

.modal_of_about{
   background-color: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(8px) !important;
}
.webinar_img {
    width: 100% !important;
    height: 180px !important;
    border-radius: 10px !important
}

.web_box {
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    transition: 1.6s ease-in-out !important
}

.webinar_cards:hover .web_box {
    transform: scale(1.03);
    border: 1px solid #960405 !important
}

.event-details-section h2:after {
    border-bottom: none !important;
    margin-bottom: 0 !important
}

.event-details-section p {
    text-align: justify !important;
    font-size: 18px !important
}

.registration-container input {
    font-size: 15px !important
}

.genric-btn, .text_white p {
    color: #fff !important
}

.course-details-area p {
    /* color: #000 !important; */
        font-size: 16px !important
}


.audio_button{
    left: 4% !important;
    bottom: 10% !important;
    position: absolute !important;
    padding: 10px 15px !important;
    border-radius: 50px !important;
    color: white !important;
    background-color: #960405 !important; 
    font-size: 48px !important;
}
.info_area p {
    font-size: 16px !important;

}
.modal-backdrop {
    z-index: 9998 !important;
}

.modal {
    z-index: 9999 !important;
}

.modal_course_body_up{
    position:fixed !important;
    backdrop-filter: blur(10px) !important;
    background-color: rgba(0, 0, 0, 0.152) !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 33221 !important;
}

.video-bg-design{
    height: 350px !important;
    width: 100% !important;
}
.about-container-default h2.main-title::after {
    display: none !important;
    content: none !important;
}
@media (min-width:992px) {
    .download_documents {
    z-index: 22211 !important;
    position: fixed !important;
    bottom: 2% !important;
    border-radius: 50px !important;
    padding: 5px 0px !important;
    /* height: 50px !important; */
    width: 100% !important;
    background-color: white !important;
}
}

.course_body_up_main_class{
    margin-top: 30px !important;
}
.img_of_webinar_and_seminar{
    width: 100% !important;
    height: 450px !important;
}
/* <!-- ==================== WHATSAPP CODE ADD BY FASIH ON 11-JULY-2026 START ================= --> */
.float{
    position: fixed !important;
    bottom: 2% !important;
    right: 2% !important;

    padding: 15px 15px !important;

    background-color: #25D366 !important;
    z-index: 22222 !important;
    border-radius: 40px !important;
}

.my-float{
font-size: 42px !important;
color: white !important;
}
/* <!-- ==================== WHATSAPP CODE ADD BY FASIH ON 11-JULY-2026 ENDS ================= --> */