html, body, p{
    font-family: 'Plein', sans-serif !important;
    font-size: 14px;
}
.primary-navbar .navbar__sub-menu{
    width: 350px;
    min-width: none;
    max-width: none;
}
.banner-two:before{
    content:'';
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height: 100%;
    background: rgb(14,1,1);
    background: radial-gradient(circle, rgba(14,1,1,0.7035189075630253) 0%, rgba(14,1,1,1) 100%);
}
.section.four-info h2{
    font-size: 64px;
    text-transform: capitalize;
}
.portfolio .portfolio__single .portfolio__single-content{
    gap:10px
}
.offer .offer__cta h2 a{
    color:#fafafa;
}
.offer .offer__cta h2 a i{
    -webkit-text-stroke: 1px #fafafa;
}
.offer .offer__cta .sub-title{
    border-color: #fff;
    color:#fff;
}
.offer__cta-single h2{
    font-size: 42px;
}
.portfolio .portfolio__single .portfolio__single-content{
    background-color: rgba(255,255,255, 0.5);
}

/* font-family: 'Stardom', sans-serif;
font-family: 'Plein', sans-serif; */

@media only screen and (min-width:1025px) and (max-width:1400px){
    .navbar__options .btn{
        font-size: 14px;
    }
    .primary-navbar .navbar__item button, .primary-navbar .navbar__item a{
        font-size: 13px;
        padding: 25px 15px;
    }
    .navbar__logo img{
        height: 85px !important;
    }
    .banner-two{
        height: 100vh;
        padding: 40px 0;
    }
    .banner-two .banner-two__content h1{
        font-size: 48px;
        line-height: 1.25;
    }
    .banner-two .banner-two__content .banner-two__content-cta{
        margin-top: 20px;
    }
    .banner-two{
        display: flex;
        align-items: flex-end;
    }
    .banner-two .thumb video{
        width: 15vw;
    }
    .banner-two .banner-two-inner{
        margin-top: 75px;
    }
    .section.four-info h2{
        font-size: 48px;
    }
    .portfolio .portfolio__single .portfolio__single-content h4{
        font-size: 16px;
    }
    .portfolio .portfolio__single .portfolio__single-content{
        padding: 15px 30px;
    }
    .paragraph .secondary-text{
        font-size: 16px;
    }
}
@media only screen and (max-width:600px){
   
    .navbar__logo img{
        height: 85px !important;
    }
    .navbar-active .navbar__logo img{
        height: 60px !important;
        line-height: 60px;
    }
    .banner-two .banner-two__content h1{
        font-size: 36px;
        line-height:45px;
    }
    .section.four-info h2{
        font-size: 36px;
    }
    .section {
        padding: 50px 0px;
    }
    .testimonial-two__content{
        text-align: center;
    }
    .testimonial-two .author-meta{
        justify-content: center;
    }
    .footer-list{
        text-align: center;
    }
}

/* NEW CSS */

.blog-inner .blog-two__slider-single {
    margin-bottom: 30px;
}

.bg-img {
    position: relative;
}

.bg-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.45;
    z-index: 1;
}
.gaper {
    position: relative;
    z-index: 2;
}

.project-d .project-d-o__single .thumb {
    width: 60px;
    min-width: 60px;
    height: 60px;
    padding: 4px;
    background-color: #cf4d00;
}
.project-d .project-d-o__single .thumb img {
    filter: brightness(0) invert(1);
}
.project-d .project-d-o__single h5 {
    padding-left: 0;
    font-size: 23px;
    /* letter-spacing: 1.5px; */
}
.project-d .project-d-o__single p {
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 17px;
}
.project-d .project-d-o__single h5::before {
    display: none;
}
.project-d .project-d-o__single p {
    margin-top: 0;
} 
.course-s {
    padding-bottom: 25px;
}

.course-s p {
    font-size: 16px;
}

.learn-more, .learn-less {
    width: 100%;
    text-align: center;
    padding: 8px 0;
    font-size: 18px;
    position: relative;
    z-index: 2;
}
/* .learn-more::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 195px;
    filter: blur(5px);
    top: -95px;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.8000700280112045) 25%, rgba(0,0,0,0.6488095238095238) 64%, rgba(0,0,0,0.34628851540616246) 94%);
    z-index: 1;
} */
.learn-more .more-icon, .learn-less .more-icon {
    padding-right: 7px;
}

.course-s .details-group p {
    text-align: justify;
}

.course-s ul li {
    display: block;
    margin-bottom: 25px;
    font-size: 16px;
    position: relative;
    padding-left: 35px;
}

.course-s ul li::before {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    top: 7px;
    left: 3px;
    background-image: url('../images/projects/glass-list.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.course-s ul li strong {
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
}

.accordion-item {
    background-color: #000;
    border-color: transparent;
}
.accordion-button:not(.collapsed), .accordion-button {
    box-shadow: none;
    background-color: transparent;
    border-radius: none;
    color: #fff;
    font-size: 22px;
}

.accordion-body {
    line-height: 1.5;
    padding: 30px;
    padding-top: 0px;
    position: relative;
    /* border-top: 1px solid #ddd; */
}

.accordion-body p {
    position: relative;
    padding-left: 25px;
    font-size: 18px;

}

.accordion-body p::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    left: 5px;
    background-color: var(--primary-color);

}

.accordion-button:not(.collapsed)::after, .accordion-button::after {
    filter: brightness(0) invert(1);
}

.accordion-button {
    padding: 25px;
    line-height: 1.8;
    padding-bottom: 15px;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #fff;
}
.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-header:hover, .accordion-header, .accordion-header button:hover  {
    color: #fff;
}

.details-group h3.accordion-title {
    margin-bottom: 15px;
}

.sticky-course {
    line-height: 1.5;
    position: sticky;
    top: 115px;
    padding: 30px 40px;
    border: 1px solid #414141;
    margin-left: 30px;
}

.sticky-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: var(--inter);
    letter-spacing: 0.5px;
}

.sticky-desc {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 25px;
}

.sticky-meta {
    font-size: 15px;
    font-weight: 500;
}

.sticky-meta .sticky-level {
    margin-bottom: 5px;
}

.sticky-level strong {
    color: var(--primary-color);
    font-size: 18px;
}

.join-button {
    margin-top: 25px;
    transform: scale(0.85);
    transform-origin: left;
}
.content-wrapper {
    height: 225px;
    overflow: hidden;
    position: relative;
    transition: all ease-in-out 0.35s;
}

.content-wrapper::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(transparent, #000);
    z-index: 3;
}

.hide-option {
    display: none;
}
.content-wrapper.show-full {
    height: auto;
    margin-bottom: 35px;
    transition: all ease-in-out 0.35s;
}

.content-wrapper.show-full::before {
    display: none;
}

.blogSingle-title, .eventSingle-title {
    font-size: 54px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 25px;
}

.blogSingle-date, .eventSingle-date {
    font-size: 18px;
    font-weight: 500;
}

.blogSingle-date .date-icon, .eventSingle-date .date-icon {
    padding-right: 10px;
}
.blogSingle-desc {
    margin-bottom: 55px;
}
.blogSingle-desc p {
    font-size: 18px;
    margin-bottom: 15px;
}
.blogSingle-share {
    padding: 50px 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blogSingle-share-title {
    font-size: 26px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.social-share {
    display: flex;
    gap: 15px;
}

.team-m .team-m__single .thumb .thumb__content, .team-m .team-m__single .thumb:hover .thumb__content {
    height: 100px;
    width: 265px;
    padding: 20px;
}
.team-m .team-m__single .thumb .thumb__content p {
    margin-top: 0;
}

.event-wrapper .item {
    padding-right: 60px;
    margin-bottom: 30px;
}
  
.event-wrapper .item .img {
    position: relative;
}
  
.event-wrapper .item .img .date {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    top: 60px;
    right: -70px;
    -webkit-transform: rotate(-90deg) translateX(-50%) translateY(100%);
    -ms-transform: rotate(-90deg) translateX(-50%) translateY(100%);
    transform: rotate(-90deg) translateX(-50%) translateY(100%);
    opacity: .7;
}
  
.event-wrapper .item .img .date:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -70px;
    width: 50px;
    border-bottom: 1px solid #cecece;
}

.event-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
}

.event-wrapper .cont {
    padding: 20px 0;
}

.event-wrapper .sub-title {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.eventSingle-desc {
    margin-bottom: 75px;
}
.eventSingle-desc p {
    font-size: 18px;
    margin-bottom: 15px;
}

.eventSingle-gallery .gallery-image {
    margin-bottom: 25px;
}
.company-heading {
    margin-bottom: 15px;
}
.company-subtitle {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 15px;
}

.company-title {
    font-size: 54px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 2px;
}

.company-desc p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

.modal-bg {
    position: relative;
}

.modal-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.8575027423078606) 0%, rgba(0,0,0,0.42613019328825286) 64%, rgba(0,0,0,0) 94%);
    z-index: 1;
    background-position: top;
    background-repeat: no-repeat;
}

.video-frame.video-btn {
    z-index: 3;
}
.mission-content {
    padding-right: 65px;
}
.mission-title {
    font-size: 48px;
    line-height: 1.3;
    font-weight: 600;
    padding-top: 25px;
    margin-bottom: 35px;
}

.mission-subtitle {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px;
}

.mission-desc {
    line-height: 1.5;
    font-size: 17px;
}

.mission-small-wrapper {
    margin-bottom: 25px;
}

.counter-wrapper {
    line-height: 1.5;
    padding-right: 25px;
    padding-left: 15px;
    border-right: 1px solid #ddd;
}

.border-none {
    border: none;
}

.counter-wrapper .counter-num {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.5;
}

.counter-wrapper .counter-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.counter-wrapper .counter-desc {
    font-size: 16px;
    line-height: 1.7;
}

.story-wrapper .company-desc p {
    text-align: justify;
    padding-right: 15px;
}

.story-wrapper .company-title {
    font-size: 46px;
    margin-bottom: 30px;
}

.story-wrapper .sub-title {
    margin-top: 20px;
}

.mission-content.left-padding {
    padding-left: 35px;
}
.mission-wrapper {
    padding: 55px 0;
}

.life-heading {
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 60px;
}

.life-heading .life-title {
    font-size: 74px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.life-heading .life-desc p, .life-heading .life-desc ul li {
    line-height: 1.8;
    font-size: 16px;
    text-align: justify;
}

.life-desc ul {
    columns: 2;
    margin-top: 35px;
    /* list-style-type: disc; */
}
.life-desc ul li {
    margin-bottom: 7px;
    padding-left: 25px;
    line-height: 1.2;
    position: relative;
}

.life-desc ul li::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('../images/files/glass-list.svg');
    top: 6px;
    left: 0;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}
.pr-0 {
    padding-right: 0 !important;
}
.section2-heading .section2-title .light-text {
    font-size: 92px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px var(--white);
}
.section2-heading .section2-title {
    font-size: 92px;
    line-height: 1;
    text-align: center;
    font-weight: 900;
    font-family: sans-serif;
    text-transform: uppercase;
    margin-bottom: 55px;
}
.section2-desc {
    line-height: 1.7;
    font-size: 18px;
}

.section2-image {
    margin-top: 65px;
}

.made-detail-title {
    padding-top: 75px;
}
.same-css {
    width: 48%;
    flex-basis: 48%;
    padding-left: 40px;
}
.detail-title {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 45px;
    text-transform: uppercase;
}
.made-feature-image, .made-detail-title {
    position: relative;
  }

  .made-detail-title {
    padding-top: 75px;
  }

  .extra-padding {
    padding-top: 85px;
  }


  /* .feature-image-1 {
    position: absolute;
    right: 0;
    top: 0;
  } */
  /* .feature-image-1, .feature-image-2, .feature-image-3, .feature-image-4  {
    position: absolute;
    right: 0;
    top: 0;
  } */

.feature-image-1, .feature-image-2, .feature-image-3, .feature-image-4  {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 4;
    transform: scale(0.75) translateX(150px);
    transition: all ease-in-out 0.55s;

}

.feature-title-2, .feature-title-3, .feature-title-4, .feature-title-1 {
    position: relative;
}


.feature-title-2:hover::before, .feature-title-3:hover::before, .feature-title-4:hover::before, .feature-title-1:hover::before {
    width: 100%;
    transition: all ease-in-out 0.45s;
}


.hover-2.active .feature-image-2,
.hover-4.active .feature-image-4,
.hover-3.active .feature-image-3,
.hover-1.active .feature-image-1 {
    opacity: 1;
    visibility: visible;
    z-index: 5;
    transform: scale(1) translateX(0);
    transition: all ease-in-out 0.55s;
}
.dot-features {
    position: relative;
}

.dot-features::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    left: 0;
    top: 33%;
}

.detail-desc {
    line-height: 1.5;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 8px;
}

.term-s h3 {
    margin-top: 25px;
    margin-bottom: 8px;
    font-size: 34px;
}

.term-s p {
    font-size: 16px;
    margin-bottom: 10px;
}
.term-s ul {
    margin-bottom: 10px;
}
.term-s ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
}

.term-s ul li::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(../images/files/glass-list.svg);
    top: 6px;
    left: 0;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}

.bg-transparent.contact-m .contact-main__form {
    background-color: transparent;
}

.join-heading {
    margin-bottom: 20px;
    text-align: center;
}
.join-heading h3 {
    margin-bottom: 15px;
}
.join-heading .join-desc {
    font-size: 18px;
    width: 85%;
    margin: auto;
}

.bg-transparent.contact-m .contact-main__form {
    padding-top: 0;
    padding-bottom: 0;
}

.footer-four .footer-three__copyright {
    padding: 15px 0;
}

.mobile-menu .logo img {
    height: 85px;
    filter: brightness(0) invert(1);
}

.breadcrumb {
    padding: 7px 15px;
    border-radius: 100px;
    margin-top: 15px;
}
.cmn-banner {
    padding: 150px 0 70px;
}

.new-padding-right {
    padding-right: 25px;
}
.detail-title {
    line-height: 1.3;
}

@media only screen and (max-width: 1400px) {
    .section {
        padding-top: 105px;
    }
    .project-d .poster__slider-wrapper {
        margin-top: 0;
    }
    .section2-heading .section2-title .light-text, .section2-heading .section2-title {
        font-size: 82px;
    }

}

@media only screen and (max-width: 1199.98px) {
    .mission-title {
        font-size: 37px;
        font-size: 30px;
    }

    .mission-content {
        padding-right: 40px;
    }
    .portfolio .portfolio__single .portfolio__single-content {
        transform: translateY(0px) scale(1);
        padding: 32px;
    }
    .portfolio .portfolio__single .portfolio__single-content a i {
        font-size: 44px;
    }
    .sticky-course {
        padding: 25px;
        margin-left: 15px;
    }

    .event-wrapper .item {
        padding-right: 35px;
    }

    .bg-transparent.contact-m .contact-main__form {
        padding: 0;
    }

    .life-heading .life-title {
        font-size: 44px;
    }
    .life-heading {
        padding-top: 0;
    }
    .life-wrapper {
        padding-bottom: 75px;
    }
    .section2-heading .section2-title .light-text, .section2-heading .section2-title {
        font-size: 64px;
    }

    .story-wrapper .company-title {
        font-size: 32px;
    }

    .mission-wrapper {
        padding-top: 0;
    }
    .navbar__logo a img {
        height: 80px !important;
    }
}

@media only screen and (max-width: 991.98px) {
    .primary-navbar {
        padding: 10px 0px;
    }

    .blogSingle-title, .eventSingle-title {
        font-size: 38px;
    }

    .blog-two .blog-two__slider-single .blog__single-content,  .blog-two .blog-two__slider-single::before {
        transform: translateY(0px);
    }
    .blog .blog__single-meta {
        margin-top: 10px;
        color: #fff;
    }

    .blog__single-content h4 {
        font-size: 22px;
    }

    .mission-side-image {
        margin-bottom: 30px;
    }

    .mission-wrapper {
        padding-bottom: 0;
    }

    .counter-wrapper {
        padding-left: 0;
        padding-right: 7px;
    }

    .portfolio .portfolio__single .portfolio__single-content {
        padding: 22px;
    }



    .project-d .project-d-o__single {
        padding: 25px;
        gap: 5px;
    }

    .eventSingle-desc p {
        text-align: justify;
    }

    .no-sm-image {
        display: none;
    }
    .life-wrapper {
        padding-bottom: 35px;
    }
    .same-css {
        width: 100%;
        flex-basis: 100%;
    }

    .feature-image-1, .feature-image-2, .feature-image-3, .feature-image-4 {
        position: relative;
        top: 0;
        left: 0;
        opacity: 1;
        visibility: visible;
        z-index: 5;
        transform: scale(1) translateX(0);
        transition: all ease-in-out 0.55s;
    }

    .story-wrapper .sub-title {
        margin-bottom: 0;
    }
    .counter-wrapper .counter-title {
        font-size: 20px;
    }
    .company-title {
        font-size: 38px;
    }

    .footer-four .footer-three__copyright .gaper.less-gaper {
        gap: 5px !important;
    }
}

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

    .blogSingle-title, .eventSingle-title {
        font-size: 30px;
    }

    .blogSingle-share {
        flex-direction: column;
        gap: 25px;
        padding-top: 40px;
        padding-bottom: 25px;
    }

    .blogSingle-desc p {
        text-align: justify;
    }

    .mobile-menu .mobile-menu__wrapper {
        padding-top: 20px;
    }

    .mobile-menu .close-mobile-menu {
        font-size: 24px;
    }

    .company-title {
        font-size: 26px;
        margin-bottom: 0;
    }

    .mission-wrapper {
        padding-top: 25px;
    }

    .mission-content {
        padding-right: 0;
    }

    .counter-wrapper {
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 25px;
        margin-bottom: 25px;
        text-align: center;
    }

    .contact-m h4 {
        margin-bottom: 8px;
    }
    .contact-m .contact-m__single {
        padding: 30px 20px;
    }
    .contact-m p {
        margin-bottom: 0;
    }
    .contact-m .thumb {
        margin-bottom: 18px;
    }

    .content-wrapper {
        height: 300px;
    }
    .join-heading .join-desc {
        font-size: 16px;
        line-height: 1.5;
        width: 95%;
    }

    .life-heading {
        padding-left: 0;
        padding-right: 0;
    }
    .life-desc ul {
        columns: 1;
    }
    .section2-heading .section2-title .light-text, .section2-heading .section2-title {
        font-size: 26px;
    }
    .feature-image-1, .feature-image-2, .feature-image-3, .feature-image-4 {
        padding-left: 0;
    }
    .same-css {
        padding-left: 25px;
    }
    .dot-features::after {
        top: 8%;
    }
    .life-heading .life-title {
        font-size: 34px;
    }
    .made-detail-title {
        padding-top: 45px;
    }
    .section__header--secondary {
        margin-bottom: 25px;
    }

    .story-wrapper .sub-title {
        margin-top: 0;
    }
    .story-wrapper .company-title {
        font-size: 21px;
    }

    .mission-content.left-padding {
        padding-left: 0;
    }
    .term-s h3 {
        font-size: 24px;
        line-height: 1.5;
    }

    .term-s h3:first-of-type {
        margin-top: 0;
    }

}