.section-title {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px
}

    .section-title h2 {
        position: relative;
        display: inline-block;
        font-family: "Montserrat";
        text-transform: capitalize;
        margin-bottom: 30px;
        font-size: 34px;
        font-weight: bold;
        letter-spacing: 0;
        color: #0A0D6E;
    }

.color-darkblue {
    color: #0A0D6E;
    font-weight: 700;
}

.portfolio-section .heading-title {
    display: flex;
    flex-direction: column
}

    .portfolio-section .heading-title span {
        font-size: 24px;
        padding: 10px 0;
        color: #040869;
        font-weight: 600
    }

.section-title h2:before,
.section-title h2:after {
    content: '';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fd562a;
    position: absolute;
    top: 2.5px
}

.section-title h2:before {
    display: block;
    left: 28%;
    background: url(../image/heading.svg) right bottom / 100% no-repeat;
    top: 16px;
    width: 216px;
    height: 113px;
    z-index: 9;
    border: none !important;
    border-bottom-color: inherit;
    transform: translate(-55%, -50%);
}

.section-title h2:after {
    border: none !important;
    border-bottom-color: inherit;
    display: block;
    position: absolute;
    right: 28%;
    background: url(../image/heading2.svg) right bottom no-repeat;
    top: 16px;
    width: 223px;
    height: 113px;
    background-size: 100%;
    z-index: 9;
    transform: translate(56%, -50%);
}

.section-title.dark h2 {
    color: #fff
}

.section-title.dark .lead {
    color: #bdb9cb
}

.block-title {
    font-size: 48px;
    margin-bottom: 30px
}

    .block-title span {
        display: block;
        font-size: 18px;
        text-transform: uppercase;
        color: #fd562a
    }

.lead {
    color: #333;
    font-size: 19px;
    line-height: 35px
}

    .lead span {
        color: #141883;
        font-weight: 700
    }

    .lead.dark {
        color: #b0aac0
    }

.btn-main {
    padding: 15px 42px;
    background: #fd562a;
    color: #fff;
    border-radius: 5px;
    font-family: "Montserrat";
    text-transform: uppercase
}

    .btn-main:hover {
        background: #bf2902;
        color: #fff
    }

.btn-ghost {
    padding: 13px 40px;
    background: transparent;
    color: #fff;
    border-radius: 5px;
    font-family: "Montserrat";
    text-transform: uppercase;
    border: 2px solid #fd562a
}

    .btn-ghost:hover {
        background: #fd562a;
        color: #fff
    }

.btn-text {
    font-family: "Montserrat";
    text-transform: uppercase
}

.blue-color {
    color: #040869
}

.font-weight-600 {
    font-weight: 600
}

.fixed-top {
    background: #f3f3f3;
    z-index: 1001 !important
}

    .fixed-top .navbar-brand img {
        width: 100%
    }

@keyframes anim-rotate {
    0% {
        transform: rotate(-30deg)
    }

    50% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(-30deg)
    }
}

@keyframes anim-updown {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

.elem-updown {
    animation: anim-updown 5s infinite
}

@keyframes anim-move {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

.elem-move {
    animation: anim-move 5s infinite
}

@keyframes anim-rotate-full {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0)
    }
}

.elem-rotate-full {
    animation: anim-rotate-full 12s infinite
}

@keyframes anim-zoom {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

.elem-zoom {
    animation: anim-zoom 5s infinite
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #606060
}

a {
    color: #fd562a;
    text-decoration: none;
    transition: .3s
}

    a:hover {
        color: #f23402
    }

p:last-of-type {
    margin-bottom: 0
}

ul {
    padding-left: 0
}

li {
    list-style: none
}

.section-block {
    padding-top: 68px;
    /* padding-bottom: 60px */
}

    .section-block .row > div {
        margin-bottom: 60px
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat";
    color: #222
}

.site-header {
    background-color: #fff;
    width: 100%
}

    .site-header .navbar {
        padding-top: 0;
        padding-bottom: 4px;
        z-index: 1;
        transition: .3s;
        background-color: #fff;
    }

        .site-header .navbar.fixed-top {
            padding-top: 12px;
            padding-bottom: 12px
        }

    .site-header .nav-item .nav-link {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .site-header .nav-item .active {
        color: #fd562a
    }

    
    .header-register-cta {
        color: #fff !important;
}

.header-register-cta:hover {
    color: #fff !important;
}

    .site-header a {
        color: #05096d;
        text-transform: capitalize;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 16px
    }

        .site-header a:hover,
        .site-header a:focus {
            color: #fd562a
        }

    .site-header .navbar-brand {
        width: 160px
    }

.hero-area {
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.hero-area {
    width: 100%
}

    .hero-area:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .1);
        z-index: -1
    }

    .hero-area .hero-content {
        min-height: 100vh;
        position: relative;
        z-index: 10
    }

        .hero-area .hero-content > .row {
            width: 100%
        }

    .hero-area .hero-head {
        color: #fff;
        font-size: 90px
    }

        .hero-area .hero-head small {
            font-size: 24px;
            margin-bottom: 12px;
            display: block
        }

        .hero-area .hero-head strong {
            color: #fd562a
        }

    .hero-area .content-block p {
        font-size: 24px
    }

    .hero-area .image-block {
        text-align: center
    }

    .hero-area .image-wrapper {
        position: relative;
        transform-style: preserve-3d
    }

        .hero-area .image-wrapper:after {
            content: '';
            width: 612px;
            height: 328px;
            position: absolute;
            top: 120px;
            left: 0;
            background: #fd562a;
            transform: rotate(-35deg);
            z-index: -1;
            animation: anim-rotate 8s infinite;
            border-radius: 10px
        }

        .hero-area .image-wrapper img {
            width: 80%;
            margin-left: auto;
            margin-right: 0
        }

    .hero-area .hero-facts li {
        background: #fff;
        position: absolute;
        display: inline-block;
        padding: 18px 24px;
        text-align: left;
        box-shadow: 10px 10px 50px rgba(0, 0, 0, .2);
        border-radius: 10px
    }

        .hero-area .hero-facts li p,
        .hero-area .hero-facts li h4 {
            display: inline-block
        }

        .hero-area .hero-facts li p {
            font-size: 45px;
            color: #fd562a;
            font-weight: 700;
            margin-right: 12px
        }

            .hero-area .hero-facts li p span {
                font-size: 60%;
                position: relative;
                top: -15px
            }

        .hero-area .hero-facts li h4 {
            margin-bottom: 0;
            font-size: 18px;
            text-transform: uppercase;
            line-height: 1.4;
            margin-top: 3px;
            position: relative;
            top: 3px
        }

        .hero-area .hero-facts li:first-child {
            left: 60px;
            top: 60px
        }

        .hero-area .hero-facts li:nth-child(2) {
            right: -60px;
            bottom: 60px
        }

    .hero-area .link-group {
        margin-top: 60px
    }

    .hero-area .hero-social {
        display: inline-block
    }

        .hero-area .hero-social .list-inline-item {
            margin-right: 24px
        }

        .hero-area .hero-social a {
            font-size: 24px;
            color: #fff;
            transition: .3s
        }

            .hero-area .hero-social a:hover {
                color: #fd562a
            }

    .hero-area .de-hero-1 {
        left: 8%;
        top: 22%;
        position: absolute
    }

    .hero-area .de-hero-2 {
        right: 7%;
        top: 20%;
        position: absolute
    }

    .hero-area .de-hero-3 {
        right: 5%;
        bottom: 12%;
        position: absolute
    }

    .hero-area .de-hero-4 {
        left: 48%;
        top: 30%;
        position: absolute
    }

    .hero-area .de-hero-5 {
        left: 10%;
        bottom: 18%;
        position: absolute
    }

    .hero-area .btn-main {
        margin-right: 48px
    }

    .hero-area .btn-text:hover {
        color: #fff
    }

.intro-section {
    position: relative;
    background: #f2f5fb
}

    .intro-section .item-wrapper {
        border: 1px solid #e0e0e0;
        padding: 48px;
        border-radius: 12px;
        position: relative;
        background: #fff;
        transition: .3s
    }

        .intro-section .item-wrapper:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #fd562a;
            transition: .3s;
            z-index: -1;
            border-radius: 12px
        }

        .intro-section .item-wrapper:hover {
            box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
            border-color: #fff
        }

            .intro-section .item-wrapper:hover:after {
                transform: rotate(-10deg)
            }

    .intro-section .icon-box {
        font-size: 48px;
        color: #fd562a
    }

    .intro-section h3 {
        font-size: 28px;
        margin-bottom: 18px
    }

    .intro-section .de-intro-1 {
        position: absolute;
        left: 5%;
        top: 10%
    }

.about-section {
    background: #fff;
    position: relative
}

    .about-section .img-wrapper {
        position: relative;
        text-align: center
    }

        .about-section .img-wrapper:before,
        .about-section .img-wrapper:after {
            position: absolute;
            content: ''
        }

        .about-section .img-wrapper:before {
            width: 60px;
            height: 60px;
            border-radius: 7px;
            border: 5px solid #fd562a;
            left: 30px;
            top: 190px
        }

        .about-section .img-wrapper:after {
            width: 36px;
            height: 36px;
            background: #fd562a;
            left: 332px;
            bottom: -90px;
            border-radius: 4px
        }

    .about-section .about-img-2 {
        position: absolute;
        left: 0;
        bottom: -200px
    }

    .about-section .content-block h2 {
        font-size: 32px;
        margin-bottom: 15px;
        font-family: "Montserrat";
        font-weight: 600;
        text-align: center;
        letter-spacing: 0;
        color: #0a0d6e;
        position: relative;
    }
    .about-section .content-block h2 span{
        display: block;
        
    }
 .about-section .content-block h2::after {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
           bottom:-10px;
           transform: translate(-50%, -50%);
           background: #EB5826;
            width: 144px;
            height: 3px;
            background-size: 100%;
            z-index: 99
        }


        .about-section .content-block h2 .line-bottom {
            width: 218px;
            height: 3px;
            background: #040869;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 10px)
        }

        .about-section .content-block h2 span {
            display: block;
            font-size: 16px;
            text-transform: uppercase;
            color: #1c1b1b;
            padding-bottom: 10px;
        }

        .about-section .content-block h2 strong {
            display: block;
            font-size: 30px;
            margin-top: 24px
        }

    .about-section .personal-details {
        margin-top: 36px;
        margin-bottom: 36px
    }

        .about-section .personal-details > div {
            margin-bottom: 0
        }

    .about-section .personal-info li {
        margin-bottom: 18px
    }

    .about-section .personal-info h4 {
        font-size: 16px;
        margin-bottom: 4px;
        text-transform: uppercase
    }

    .about-section .de-about-1 {
        position: absolute;
        right: 10%;
        top: -8%;
        display: none
    }

    .about-section .de-about-2 {
        position: absolute;
        left: 5%;
        bottom: -3%;
        z-index: 2;
        display: none
    }

.skill-section {
    background-color: #333;
    background: url(../image/skill-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 1
}

    .skill-section:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .1);
        z-index: -1
    }

    .skill-section h2 {
        color: #fff;
        font-size: 48px;
        margin-bottom: 36px
    }

        .skill-section h2 span {
            display: block;
            font-size: 18px;
            text-transform: uppercase;
            color: #fd562a
        }

    .skill-section .lead {
        color: #bdb9cb
    }

    .skill-section .content-block {
        padding-right: 72px
    }

    .skill-section .progress-block {
        margin-top: 30px
    }

        .skill-section .progress-block h4 {
            color: #fff;
            font-size: 16px;
            margin-bottom: 12px
        }

    .skill-section .progress-wrapper {
        margin-bottom: 24px;
        position: relative
    }

    .skill-section .progress {
        height: .5rem;
        position: relative
    }

    .skill-section .progress-bar {
        background-color: #fd562a
    }

    .skill-section .progress-value {
        position: absolute;
        right: 0;
        top: 2px;
        color: #fd562a;
        font-size: 16px
    }

.progress-bar {
    transition-duration: 3s
}

.portfolio-section {
    padding-bottom: 50px;
    position: relative;
    border-top: 0;
}

    .portfolio-section .row > div {
        margin-bottom: 24px
    }

    .portfolio-section .filter-button-group {
        text-align: center;
        margin-bottom: 48px
    }

        .portfolio-section .filter-button-group button {
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            background: transparent;
            padding: 6px 12px;
            color: #615978;
            font-size: 16px;
            transition: .3s
        }

            .portfolio-section .filter-button-group button:hover {
                border-color: #fd562a
            }

        .portfolio-section .filter-button-group .active {
            background: #fd562a;
            color: #fff;
            border-color: #fd562a
        }

    .portfolio-section .box {
        background-color: #774691;
        overflow: hidden;
        position: relative;
        border-radius: 10px
    }

        .portfolio-section .box:before,
        .portfolio-section .box:after {
            content: '';
            background: #fff4e9;
            height: 50%;
            width: 100%;
            opacity: .9;
            position: absolute;
            top: -50%;
            left: 0;
            z-index: 1;
            transition: all .3s ease-in 0s
        }

        .portfolio-section .box:after {
            top: auto;
            bottom: -50%
        }

        .portfolio-section .box img {
            width: 100%;
            height: auto
        }

        .portfolio-section .box .box-content {
            color: #fff;
            text-align: center;
            width: 100%;
            opacity: 0;
            position: absolute;
            top: 38%;
            left: 0;
            z-index: 2;
            transition: all .3s ease-out .1s;
            padding: 15px
        }

        .portfolio-section .box .title {
            font-size: 18px;
            line-height: 1.3;
            color: #080b6c;
            text-transform: capitalize;
            margin: 0 0 10px
        }

        .portfolio-section .box .category {
            color: #e95320;
            opacity: .8;
            font-size: 16px;
            text-transform: capitalize;
            display: block;
            font-weight: 700;
            margin-bottom: 6px
        }

        .portfolio-section .box .icon-box {
            padding: 0;
            margin: 0;
            opacity: 0;
            transform: translate(-50%, -150%);
            position: absolute;
            left: 50%;
            top: 40%;
            z-index: 2;
            transition: all .3s ease-out .1s;
            /* display: none; */
        }

            .portfolio-section .box .icon-box a {
                width: 48px;
                height: 48px;
                line-height: 49px;
                background: rgba(255, 255, 255, .6);
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                border-radius: 50%;
                transition: .3s;
                color: #ec5c2a;
                border: solid 1px #ec5c2a
            }

                .portfolio-section .box .icon-box a:hover {
                    background: #fff;
                    color: #fd562a
                }

        .portfolio-section .box:hover:before {
            top: 0
        }

        .portfolio-section .box:hover:after {
            bottom: 0
        }

        .portfolio-section .box:hover .box-content {
            opacity: 1;
            bottom: 0
        }

        .portfolio-section .box:hover .icon-box {
            opacity: 1;
            top: 48%
        }

        .portfolio-section .box .icon li {
            margin: 0 3px;
            display: inline-block
        }

            .portfolio-section .box .icon li a {
                color: #444;
                background-color: #fff;
                font-size: 15px;
                text-align: center;
                line-height: 36px;
                height: 35px;
                width: 35px;
                border-radius: 10px;
                display: block;
                transition: all .3s ease 0s
            }

                .portfolio-section .box .icon li a:hover {
                    color: #fff;
                    background: #12c2e9
                }

    .portfolio-section .btn-close {
        position: absolute;
        right: 10px;
        top: 10px;
        background: #fd562a;
        color: #fff;
        text-align: center;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        transition: .3s;
        z-index: 999
    }

    .portfolio-section .item-content > div {
        margin-bottom: 0
    }

    .portfolio-section .content-wrapper {
        padding: 30px 12px 24px 0
    }

        .portfolio-section .content-wrapper .item-title {
            font-size: 36px;
            margin-bottom: 24px
        }

    .portfolio-section .modal-body {
        padding: 36px 36px 12px
    }

        .portfolio-section .modal-body img {
            border-radius: 12px
        }

    .portfolio-section .meta-wrapper {
        background: #f6f6f6;
        padding: 30px;
        margin-top: 42px;
        border-radius: 8px
    }

    .portfolio-section .item-meta {
        font-size: 16px
    }

        .portfolio-section .item-meta li {
            margin-bottom: 18px
        }

            .portfolio-section .item-meta li span {
                font-weight: 700;
                color: #222;
                margin-left: 8px
            }

    .portfolio-section .de-portfolio-1,
    .portfolio-section .de-portfolio-2 {
        position: absolute
    }

    .portfolio-section .de-portfolio-1 {
        left: 5%;
        top: 10%;
        display: none
    }

    .portfolio-section .de-portfolio-2 {
        right: 5%;
        bottom: -2%;
        z-index: 1;
        display: none
    }

.service-section {
    background-color: #333;
    position: relative;
    padding-bottom: 100px
}

    .service-section .row > div {
        margin-bottom: 24px
    }

    .service-section p {
        color: #b0aac0;
        transition: .3s
    }

    .service-section h3 {
        color: #fff;
        margin-bottom: 30px;
        transition: .3s
    }

    .service-section .icon-box {
        font-size: 36px;
        color: #fd562a;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        width: 96px;
        height: 96px;
        background: rgba(255, 255, 255, .1);
        border-radius: 50%;
        position: relative
    }

        .service-section .icon-box i {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

    .service-section .content-wrapper {
        border: 1px solid #474747;
        padding: 60px 48px;
        text-align: center;
        border-radius: 10px;
        transition: .4s
    }

        .service-section .content-wrapper:hover {
            background: #fff
        }

            .service-section .content-wrapper:hover .icon-box {
                background: #fd562a;
                color: #fff
            }

            .service-section .content-wrapper:hover h3 {
                color: #222
            }

            .service-section .content-wrapper:hover p {
                color: #615978
            }

    .service-section .de-service-1,
    .service-section .de-service-2,
    .service-section .de-service-3 {
        position: absolute
    }

    .service-section .de-service-1 {
        left: 5%;
        top: 12%
    }

    .service-section .de-service-2 {
        right: 5%;
        top: 48%
    }

    .service-section .de-service-3 {
        left: 5%;
        bottom: -2%
    }

.features-section h3 {
    margin-bottom: 48px
}

.features-section h4 {
    font-size: 21px;
    margin-bottom: 12px
}

    .features-section h4 span {
        font-family: 'Open Sans', sans-serif;
        color: #615978;
        font-size: 70%;
        float: right
    }

.features-section h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 18px
}

.features-section .content-block {
    padding-left: 120px
}

.features-section .features-list {
    margin-top: 36px;
    margin-bottom: 0
}

.features-section li {
    margin-bottom: 36px
}

    .features-section li:last-child {
        margin-bottom: 0
    }

        .features-section li:last-child .icon-box:after {
            content: none
        }

.features-section .icon-block {
    margin-right: 24px
}

.features-section .icon-box {
    width: 60px;
    height: 60px;
    background: #fd562a;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    position: relative
}

.testimonial-section {
    background-color: #333;
    background: url(../image/testimonial-bg.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 107px;
    position: relative;
    z-index: 1
}

    .testimonial-section:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .2);
        z-index: -1
    }

    .testimonial-section .item-wrapper {
        background: #fff;
        padding: 60px 48px 48px;
        position: relative;
        margin-top: 36px;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 10px 30px rgba(176, 18, 6, .1)
    }

        .testimonial-section .item-wrapper:after {
            content: '';
            width: 90%;
            height: 90%;
            position: absolute;
            left: 5%;
            bottom: -18px;
            background: #fff;
            border-radius: 10px;
            z-index: -1
        }

        .testimonial-section .item-wrapper p {
            font-style: italic;
            margin-bottom: 30px
        }

        .testimonial-section .item-wrapper h4 {
            font-size: 21px
        }

            .testimonial-section .item-wrapper h4 span {
                display: block;
                margin-top: 8px;
                font-size: 16px;
                font-family: 'Open Sans', sans-serif;
                color: #948daa
            }

    .testimonial-section .quote-icon {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background: #fd562a;
        position: absolute;
        top: -36px;
        left: 50%;
        transform: translateX(-50%);
        line-height: 72px
    }

        .testimonial-section .quote-icon img {
            width: 24px
        }

    .testimonial-section .quote-author {
        text-align: left
    }

        .testimonial-section .quote-author .image-block {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 18px
        }

        .testimonial-section .quote-author h4 {
            margin-bottom: 0
        }

.blog-section {
    padding-bottom: 36px;
    position: relative
}

    .blog-section h3 {
        margin-bottom: 0;
        line-height: 1.3
    }

        .blog-section h3 a {
            text-transform: initial
        }

    .blog-section .post-meta {
        margin-bottom: 6px
    }

        .blog-section .post-meta li {
            display: inline-block;
            margin-right: 12px;
            font-size: 16px;
            color: #948daa
        }

            .blog-section .post-meta li a {
                color: #fff;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                text-transform: initial;
                transition: .3s
            }

                .blog-section .post-meta li a:hover {
                    color: #fd562a
                }

    .blog-section .content-wrapper {
        position: relative
    }

    .blog-section .image-wrapper {
        border-radius: 10px;
        position: relative;
        overflow: hidden
    }

        .blog-section .image-wrapper:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, .3);
            transition: .3s
        }

    .blog-section .post-content {
        position: absolute;
        left: 30px;
        bottom: 30px;
        right: 30px;
        z-index: 1
    }

    .blog-section .large-post .post-content {
        left: 48px;
        bottom: 48px;
        right: 48px
    }

        .blog-section .large-post .post-content h3 {
            font-size: 30px
        }

            .blog-section .large-post .post-content h3 a {
                color: #fff;
                transition: .3s
            }

                .blog-section .large-post .post-content h3 a:hover {
                    color: #fd562a
                }

    .blog-section .large-post .post-meta li {
        color: #fff
    }

    .blog-section .large-post .content-wrapper:hover .image-wrapper:after {
        background: rgba(0, 0, 0, .5)
    }

    .blog-section .post-group .row > div {
        margin-bottom: 24px
    }

    .blog-section .post-group .post-content {
        top: 30px
    }

        .blog-section .post-group .post-content .post-meta {
            position: absolute;
            height: 100%;
            bottom: 0;
            margin-bottom: 0;
            width: 100%
        }

            .blog-section .post-group .post-content .post-meta a {
                color: #948daa
            }

        .blog-section .post-group .post-content .post-cat {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0
        }

        .blog-section .post-group .post-content .post-date {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0
        }

    .blog-section .post-group h3 {
        font-size: 21px;
        margin-top: 30px;
        z-index: 2;
        position: relative
    }

        .blog-section .post-group h3 a {
            color: #222;
            text-transform: initial;
            transition: .3s
        }

            .blog-section .post-group h3 a:hover {
                color: #fd562a
            }

    .blog-section .post-group .content-wrapper {
        border: 1px solid #e0e0e0;
        border-radius: 10px
    }

        .blog-section .post-group .content-wrapper:hover .image-wrapper {
            opacity: 1
        }

            .blog-section .post-group .content-wrapper:hover .image-wrapper:after {
                background: rgba(0, 0, 0, .5)
            }

        .blog-section .post-group .content-wrapper:hover h3 {
            color: #fff
        }

            .blog-section .post-group .content-wrapper:hover h3 a {
                color: #fff
            }

                .blog-section .post-group .content-wrapper:hover h3 a:hover {
                    color: #fd562a
                }

        .blog-section .post-group .content-wrapper:hover .post-meta li {
            color: #fff
        }

            .blog-section .post-group .content-wrapper:hover .post-meta li a {
                color: #fff
            }

                .blog-section .post-group .content-wrapper:hover .post-meta li a:hover {
                    color: #fd562a
                }

    .blog-section .post-group .image-wrapper {
        opacity: 0;
        transition: .3s
    }

    .blog-section .btn-close {
        position: absolute;
        right: 54px;
        top: 54px;
        background: #fd562a;
        color: #fff;
        text-align: center;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 50%;
        transition: .3s
    }

    .blog-section .blog-content > div {
        margin-bottom: 48px
    }

    .blog-section .modal .content-wrapper {
        border: 0
    }

    .blog-section .modal-body {
        padding: 36px 36px 12px
    }

        .blog-section .modal-body img {
            border-radius: 12px
        }

    .blog-section .blog-title {
        font-size: 36px;
        margin-top: 12px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 1.4
    }

    .blog-section .blog-meta {
        font-size: 16px;
        margin-bottom: 30px;
        color: #948daa
    }

        .blog-section .blog-meta a {
            color: #948daa;
            transition: .3s
        }

            .blog-section .blog-meta a:hover {
                color: #fd562a
            }

        .blog-section .blog-meta li {
            margin-right: 24px
        }

            .blog-section .blog-meta li i {
                margin-right: 6px
            }

            .blog-section .blog-meta li:last-child {
                margin-right: 0
            }

    .blog-section .post-footer {
        margin-top: 48px
    }

        .blog-section .post-footer > div {
            margin-bottom: 0
        }

        .blog-section .post-footer h4 {
            font-size: 16px;
            text-transform: uppercase;
            margin: 0;
            margin-right: 12px
        }

        .blog-section .post-footer ul {
            margin: 0
        }

            .blog-section .post-footer ul a {
                font-size: 16px
            }

        .blog-section .post-footer .blog-tags a {
            color: #948daa;
            transition: .3s
        }

            .blog-section .post-footer .blog-tags a:hover {
                color: #fd562a
            }

        .blog-section .post-footer .blog-share a {
            font-size: 24px
        }

            .blog-section .post-footer .blog-share a.facebook-share {
                color: #1877f2
            }

            .blog-section .post-footer .blog-share a.twitter-share {
                color: #1da1f2
            }

            .blog-section .post-footer .blog-share a.linkedin-share {
                color: #0077b5
            }

    .blog-section .de-blog-1,
    .blog-section .de-blog-2 {
        position: absolute
    }

    .blog-section .de-blog-1 {
        left: 5%;
        top: 15%
    }

    .blog-section .de-blog-2 {
        right: 10%;
        bottom: 10%
    }

.partner-section {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #333
}

    .partner-section .image-wrapper {
        text-align: center
    }

.contact-section {
    padding-bottom: 60px;
    position: relative
}

    .contact-section .icon-box {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fd562a;
        line-height: 60px;
        text-align: center;
        color: #fff;
        margin-right: 24px;
        font-size: 24px
    }

    .contact-section a {
        font-family: 'Open Sans', sans-serif;
        color: #615978;
        text-transform: initial;
        transition: .3s
    }

        .contact-section a:hover {
            color: #fd562a
        }

    .contact-section address {
        margin-bottom: 0
    }

    .contact-section h3 {
        font-size: 36px;
        margin-bottom: 48px
    }

    .contact-section .map-wrapper {
        min-height: 396px;
        background: #f9f9f9;
        margin-right: 90px;
        border-radius: 10px
    }

    .contact-section form > div {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .contact-section input,
    .contact-section textarea {
        border-radius: 4px !important
    }

    .contact-section textarea {
        min-height: 183px
    }

    .contact-section .form-control {
        padding: 12px 18px
    }

        .contact-section .form-control:focus {
            border-color: #fea68f;
            box-shadow: none
        }

    .contact-section button {
        font-family: "Montserrat";
        text-transform: uppercase
    }

    .contact-section .form-message p {
        font-size: 14px
    }

        .contact-section .form-message p.error,
        .contact-section .form-message p.success {
            margin-bottom: 12px
        }

        .contact-section .form-message p.success {
            color: #00b300
        }

        .contact-section .form-message p.error {
            color: #f33
        }

    .contact-section .de-contact-1,
    .contact-section .de-contact-2 {
        position: absolute
    }

    .contact-section .de-contact-1 {
        right: 7%;
        top: 12%
    }

    .contact-section .de-contact-2 {
        left: 4%;
        bottom: -2%;
        z-index: 2
    }

.site-footer {
    background-color: #111381;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1
}

    .site-footer:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .1);
        z-index: -1
    }

    .site-footer .container {
        position: relative
    }

    .site-footer h3 {
        color: #fff;
        font-size: 21px;
        margin-bottom: 30px
    }

    .site-footer p {
        color: #b0aac0
    }

    .site-footer input {
        padding-left: 24px;
        padding-right: 24px
    }

        .site-footer input:focus {
            border-color: #fd562a;
            box-shadow: none
        }

    .site-footer .footer-brand {
        margin-bottom: 36px;
        display: inline-block
    }

        .site-footer .footer-brand img {
            width: 148px
        }

    .site-footer .footer-social {
        margin-top: 48px
    }

        .site-footer .footer-social li {
            margin-right: 24px
        }

            .site-footer .footer-social li:last-child {
                margin-right: 0
            }

        .site-footer .footer-social a {
            color: #fff;
            transition: .3s;
            font-size: 24px;
            display: inline-block
        }

            .site-footer .footer-social a:hover {
                color: #fd562a;
                transform: translateY(-5px)
            }

    .site-footer .back-to-top {
        position: absolute;
        top: -65px;
        left: var(--bs-gutter-x, -3.25rem)
    }

        .site-footer .back-to-top a {
            width: 60px;
            height: 60px;
            background: #fd562a;
            text-align: center;
            line-height: 60px;
            font-size: 24px;
            color: #fff;
            transition: .3s;
            border-radius: 50%;
            display: inline-block
        }

    .site-footer .footer-bottom {
        margin-top: 0
    }

        .site-footer .footer-bottom p {
            font-size: 16px
        }

        .site-footer .footer-bottom ul {
            margin-bottom: 0
        }

            .site-footer .footer-bottom ul a {
                font-family: 'Open Sans', sans-serif;
                color: #b0aac0;
                text-transform: capitalize;
                font-size: 16px
            }

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222;
    z-index: 10000
}

.dots .dot {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 10px 0 10px;
    border-radius: 50%;
    background: #FFF;
    -webkit-animation: dot-dot-dot 1.4s linear infinite;
    animation: dot-dot-dot 1.4s linear infinite
}

    .dots .dot:nth-child(2) {
        animation-delay: .2s
    }

    .dots .dot:nth-child(3) {
        animation-delay: .4s
    }

@keyframes dot-dot-dot {

    0%, 60%, 100% {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial
    }

    30% {
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px)
    }
}

#ddlStateFilter {
    display: none !important
}

.swiper {
    width: 100%;
    height: 420px
}

    .swiper .swiper-pagination-bullet {
        background: #fff;
        opacity: .5;
        width: 8px;
        height: 8px
    }

        .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #fd562a;
            opacity: 1
        }

.partnerCarousel {
    overflow: hidden;
    width: 100%
}

#registermodal {
    top: 0 !important;
    padding: 0 !important;
}

    #registermodal .modal-title {
        text-align: center;
        width: 100%;
        color: #fd562a;
        font-weight: 600
    }

    #registermodal .btn-close {
        right: 0;
        top: -2px
    }

    #registermodal .btn-primary {
        padding: 7px 40px;
        border-radius: 24px;
        background: #04086a;
        border-color: #040866;
        box-shadow: 0 4px 11px 1px #04086442;
        font-size: 14px
    }

    #registermodal .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
        text-align: center;
        width: 100%;
        color: #fd562a;
        font-weight: 600
    }

    #registermodal .modal-footer {
        justify-content: center
    }

#statePerformnance table tr td a {
    width: auto !important;
    padding: 4px !important
}

#statewise-tab-pane table tr td {
    text-transform: capitalize
}

.error {
    margin: 0 !important;
    color: #bf2902;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 0 0;
    height: 15px !important
}

#registermodal .mb-3 {
    margin-bottom: 15px !important;
    position: relative
}

    #registermodal .mb-3 .error {
        position: absolute;
        bottom: -14px
    }

    .dpiit-startup-wrapper {
        width: 100%;
        position: relative;
        overflow: hidden;
        background: linear-gradient(to right, #fbfbea, #f0f7e9);
        padding: 50px 0;
    }

    .dpiit-startup-wrapper::before{
        content: " ";
    position: absolute;
    left: 0px;
    top: 223px;
    width: 71px;
    height: 171px;
    background: url(../image/img-2025/Prime-Minister-left-img.png) no-repeat;
    background-size: 100% 100%;
    }
   
    .dpiit-startup-content{
        display: flex;
    flex-direction: column;
    max-width: 82% !important;
    margin: 0 auto;
    }

    .dpiit-startup-left-area{
        display: flex
        ;
            justify-content: flex-start;
            align-items: center;
            color: #0A0D6E;
            font-weight: bold;
            font-size: 32px;
    }
    
    h3.dpiit-startup-left-area.event {
        padding-bottom: 10px;
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    }

    .col-md-12.col-sm-12.PM-Event {
        padding-bottom: 20px;
    }
    .dpiit-startup-left-area::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -4px;
        left: 38%;
    width: 248px;
        height:3px;
        background-size: 100%;
        background: #EB5826;
        z-index: 99;
    }

    .dpiit-startup-right-area{
        display: flex;
    justify-content: end;
    }

    .dpiit-startup-right-area img{
        width: 231px;
        height: 93px;
        margin-bottom: 10px;
        display: none;
}
    
    .dpiit-startup-wrapper .video-card {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }

     .bg{
        display: block;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
            width: 1920px;
            height: 309px;
            z-index: 2;
            border: none !important;
            border-bottom-color: inherit;
            
        }
        

    .dpiit-startup-wrapper .video-card .nsa-video-2024 {
        width: 100%;
        max-width: 100%;
        height: auto;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 10px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    video {
        width: 100%;
        display: block;
    }

    
.success-story-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}


.stats-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 20px;
    justify-content: center;
  }
  
  .stat-box {
    flex: 1 1 calc(33.33% - 20px);
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    transition: 1s;
    cursor: pointer;

  }

  .stat-box:hover{
    transform: scale(1.1);
    border: 3px solid #f47920;
  }


  .stat-box-left{
width: 30%;
padding: 10px;
  }
  .stat-box-right{
width: 70%;
text-align: left;
padding: 2px;
  }
  .stat-box h3 {
    margin: 0;
    font-size: 25px;
    color: #f47920;
    font-weight: 600;
  }
  
  .stat-box p {
    margin: 10px 0 0;
    font-size: 16px;
    color: #555;
  }

  .job-seeker-blue-cta-img {
    margin: 20px auto;
    width: 849px;
    /* height: 215px; */
}

.job-seeker-paragraph-cta {
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}

.job-seeker-paragraph-cta::after {
    content: " ";
    position: absolute;
    right: 0px;
    bottom: 50px;
    width: 71px;
    rotate: 180deg;
    height: 171px;
    background: url(../image/img-2025/Prime-Minister-left-img.png) no-repeat;
    background-size: 100% 100%;
}

.job-seeker-paragraph-cta p{
    padding: 5px 10px;
    border: 2px solid #ee6329;
    display: inline;
    color: #fff;
    font-size: 25px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 42px;
    background: #EE6329;
}
  

.success-story-content {
display: flex;
flex-direction: column;
max-width: 85% !important;
margin: 0 auto;
}
h3.highlight-text {
    text-align: center;
}

span.highlight {
    text-align: center;
    font-weight: bold;
}
span.highlight-orange {
    font-size: 70px;
    color: #EB5826;
}

span.highlight-text-right {
    font-weight: bold;
}

    .hide{
        display: none;
    }
   
        img.globe-img {
            padding-left: 10px;
        }
        

.grand-challenges-wrapp{
    width: 100%;
    padding: 50px 0px;
    position: relative;
    

}
.relive-buzz-wrapp,.curtain-raiser-wrapp{
       background: #FEF4E9;
}
.relive-buzz-wrapp::before{
    content: " ";
    position: absolute;
    left: 0px;  
    top: 0px;
    width: 180px;
    height: 223px;
    background: url(../image/img-2025/relive-the-buzz-before.png) no-repeat ;
    background-size: 100% 100%;
} 
.relive-buzz-wrapp::after{
    content: " ";
    position: absolute;
    right: 0px;  
    bottom: 0px;
    width: 68px;
    height: 181px;
    background: url(../image/img-2025/reliveafter.png) no-repeat ;
    background-size: 100% 100%;
} 
.curtain-raiser-wrapp::after{
    content: " ";
    position: absolute;
    right: 0;
    top:0px;
    width: 380px;
    height: 477px;

    background: url(../image/img-2025/left.png) no-repeat ;
    background-size: 100% 100%;
    z-index: 0;

}
.curtain-raiser-wrapp::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0px;
    width: 380px;
    height: 477px;
    background: url(../image/img-2025/right.png) no-repeat;
    background-size: 100% 100%;
    z-index: 0;

}
.relive-buzz-wrapp .container ::before,.curtain-raiser-wrapp .container ::before,
.relive-buzz-wrapp .container ::after,.curtain-raiser-wrapp .container ::after{
    display: none;
}
.relive-buzz-wrapp .container h2 ,.relive-buzz-wrapp  .container h2,.grand-challenges-wrapp .container h2,.curtain-raiser-wrapp .container h2{
    font-size: 30px;
    font-family: "Montserrat";
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
    color: rgb(4 8 105);
    margin-bottom: 0;
    position: relative;
    padding-bottom: 20px;
    max-width: 470px;
    margin: auto;
    text-transform: uppercase;
}
.relive-buzz-wrapp .container  h2::before,.curtain-raiser-wrapp .container  h2::before,.grand-challenges-wrapp .container h2::before{   
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #EB5826;
    width: 167px;
    height: 3px;
    bottom: 10px;
    display:flex !important;
    
}
.curtain-raiser-wrapp .container h2 span{
     display: block;
     font-size: 24px;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .item {
    padding: 0 10px;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .item .card {
    width: 100%;
    background: #FFFFFF !important;
    border: 1.31436px solid #E0E0E0;
    margin: 0 0 35px;
    padding: 0;
    box-shadow: 10.5149px 28.9159px 11.8292px rgba(0, 0, 0, 0.01), 5.25743px 15.7723px 10.5149px rgba(0, 0, 0, 0.05), 2.62871px 6.57179px 7.88614px rgba(0, 0, 0, 0.09), 0px 1.31436px 3.94307px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15.7723px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    -webkit-border-radius: 15.7723px;
    -moz-border-radius: 15.7723px;
    -ms-border-radius: 15.7723px;
    -o-border-radius: 15.7723px;
    margin-top: 25px;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .item .card img{
    width: 100%;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .item .card .card-img-top{
    width: 100%;
    height: 250px;
}

.grand-challenges-wrapp .owl-carousel.owl-theme .item .card .card-img-top img{
    border-radius: 8px 8px 0px 0px !important;
    width: 100%;
    height: 240px;

}
.grand-challenges-wrapp .owl-carousel.owl-theme .item .card .card-body{
    width: 100%;
    padding: 0px;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .item .card .card-body .card-subtitle{
  background: linear-gradient(#F6790B ,#FB5326);
  -webkit-border-radius: 0px 0px 15.7723px 15.7723px;
    -moz-border-radius: 0px 0px 15.7723px 15.7723px;
    -ms-border-radius: 0px 0px 15.7723px 15.7723px;
    -o-border-radius: 0px 0px 15.7723px 15.7723px;
    border-radius: 0px 0px 15.7723px 15.7723px;
}

.card-subtitle p{
    color: #fff;
    padding: 0 15px 15px;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .item .card .card-body .card-subtitle .card-title{
  text-align: center;
  text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 25px;
    color: #fff;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 20px;
}
.grand-challenges-wrapp .owl-carousel.owl-theme{
    position: relative;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    width: 100%;
    top:43%;

}
.grand-challenges-wrapp .owl-carousel.owl-theme .owl-nav button.owl-prev{

    background: #fff;
    border: none;
    width: 37px;
    display: flex;
    border-radius: 4px;
    height: 37px;
    padding: 0px !important;
    box-shadow: -1px 1px 6px #0000001a;
    position: absolute;
    left: -56px;
    justify-content: center;
    font-size: 30px;
    align-items: center;
}
.grand-challenges-wrapp .owl-carousel.owl-theme  .owl-nav [class*=owl-]{
    margin: 0px !important;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{

    background: #EB5826;
    border: none;
    width: 37px;
    display: flex;
    border-radius: 4px;
    height: 37px;
    padding: 0px !important;
    box-shadow: -1px 1px 6px #0000001a;
    justify-content: center;
    font-size: 30px;
    align-items: center;

}
.grand-challenges-wrapp .owl-carousel.owl-theme .owl-nav button.owl-next

{
    background: #fff;
    border: none;
    width: 37px;
    display: flex;
    border-radius: 4px;
    height: 37px;
    padding: 0px !important;
    box-shadow: -1px 1px 6px #0000001a;
    position: absolute;
    /* font-size: 24px; */
    right: -56px;
    justify-content: center;
    font-size: 30px;
    align-items: center;
}
.grand-challenges-wrapp .owl-carousel.owl-theme .owl-nav button span{
    margin-top: -4px;
}


.relive-buzz-wrapp,.curtain-raiser-wrapp{
    width: 100%;
    padding: 50px;
    position: relative;
    
 

}
.curtain-raiser-wrapp{
    overflow: hidden;
    
}


.relive-buzz-wrapp .owl-carousel.owl-theme .item,.curtain-raiser-wrapp .owl-carousel.owl-theme .item {
    padding: 0 10px;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .item .card,.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card {
    width: 100%;
    background: #FFFFFF !important;
    border: 1.31436px solid #E0E0E0;
    margin: 0 0 35px;
    padding: 0;
    box-shadow: 10.5149px 28.9159px 11.8292px rgba(0, 0, 0, 0.01), 5.25743px 15.7723px 10.5149px rgba(0, 0, 0, 0.05), 2.62871px 6.57179px 7.88614px rgba(0, 0, 0, 0.09), 0px 1.31436px 3.94307px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15.7723px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    vertical-align: middle;
    -webkit-border-radius: 15.7723px;
    -moz-border-radius: 15.7723px;
    -ms-border-radius: 15.7723px;
    -o-border-radius: 15.7723px;
    margin-top: 25px;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .item .card img,.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card img{
    width: 100%;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .item .card .card-img-top,.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card .card-img-top{
    width: 100%;
    height: auto;
}
.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card .card-img-top{
    height: auto; 
    border-radius: 8px 8px 0px 0px !important;
    width: 100%;
}
.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card .card-img-top img{
    height: auto; 
}

.relive-buzz-wrapp .owl-carousel.owl-theme .item .card .card-img-top img{
    border-radius: 8px 8px 0px 0px !important;
    width: 100%;
    height: auto;

}
.relive-buzz-wrapp .owl-carousel.owl-theme .item .card .card-body,.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card .card-body{
    width: 100%;
    padding: 0px;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .item .card .card-body .card-subtitle,.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card .card-body .card-subtitle{
  background: linear-gradient(#F6790B ,#FB5326);
  -webkit-border-radius: 0px 0px 15.7723px 15.7723px;
    -moz-border-radius: 0px 0px 15.7723px 15.7723px;
    -ms-border-radius: 0px 0px 15.7723px 15.7723px;
    -o-border-radius: 0px 0px 15.7723px 15.7723px;
    border-radius: 0px 0px 15.7723px 15.7723px;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .item .card .card-body .card-subtitle .card-title,.curtain-raiser-wrapp .owl-carousel.owl-theme .item .card .card-body .card-subtitle .card-title{
  text-align: center;
  text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 25px;
    color: #fff;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 20px;
}
.relive-buzz-wrapp .owl-carousel.owl-theme,.curtain-raiser-wrapp .owl-carousel.owl-theme{
    position: relative;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .owl-nav ,.curtain-raiser-wrapp .owl-carousel.owl-theme{
    margin-top: 10px;
    position: absolute;
    width: 100%;
    top:43%;

}
.relive-buzz-wrapp .owl-carousel.owl-theme .owl-nav button.owl-prev,.curtain-raiser-wrapp .owl-carousel.owl-theme .owl-nav button.owl-prev{

    background: #fff;
    border: none;
    width: 37px;
    display: flex;
    border-radius: 4px;
    height: 37px;
    padding: 0px !important;
    box-shadow: -1px 1px 6px #0000001a;
    position: absolute;
    /* font-size: 24px; */
    left: -56px;
    justify-content: center;
    font-size: 30px;
    align-items: center;
}
.relive-buzz-wrapp .owl-carousel.owl-theme  .owl-nav [class*=owl-],.curtain-raiser-wrapp .owl-carousel.owl-theme  .owl-nav [class*=owl-]{
    margin: 0px !important;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover,.curtain-raiser-wrapp .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{

    background: #EB5826;
    border: none;
    width: 37px;
    display: flex;
    border-radius: 4px;
    height: 37px;
    padding: 0px !important;
    box-shadow: -1px 1px 6px #0000001a;
    justify-content: center;
    font-size: 30px;
    align-items: center;

}
.relive-buzz-wrapp .owl-carousel.owl-theme .owl-nav button.owl-next,.curtain-raiser-wrapp  .owl-carousel.owl-theme .owl-nav button.owl-next

{
    background: #fff;
    border: none;
    width: 37px;
    display: flex;
    border-radius: 4px;
    height: 37px;
    padding: 0px !important;
    box-shadow: -1px 1px 6px #0000001a;
    position: absolute;
    /* font-size: 24px; */
    right: -56px;
    justify-content: center;
    font-size: 30px;
    align-items: center;
}
.relive-buzz-wrapp .owl-carousel.owl-theme .owl-nav button span,.curtain-raiser-wrapp  .owl-carousel.owl-theme .owl-nav button span{
    margin-top: -4px;
}
.curtain-raiser-wrapp h3{
    font-size: 32px;
    font-family: "Montserrat";
    font-weight:600;
    text-align: center;
    letter-spacing: 0px;
    color: rgb(4 8 105);
    margin-bottom: 0;
    position: relative;
    padding-bottom: 20px;
    max-width:570px;
    margin: auto;
    position: relative;
}
.curtain-raiser-wrapp h3 span{
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 600;
    display: block;

}
.curtain-raiser-wrapp h3::after{
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #EB5826;
    width: 250px;
    height: 3px;
    bottom: 10px;
}
#curtainRaiser{
    position: relative;
}
#curtainRaiser .owl-theme .owl-nav{
    margin-top: 10px;
    position: absolute;
    top: 43%;
    width: 100%;
}
.daywise-categorieswise{
    width: 100%;
    position: relative;
}
.daywise-categorieswise h2{
    display: flex  ;
        justify-content:center;
        align-items: center;
 
        position: relative;
    
}
#curtainRaiser .owl-nav{
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 0;
}
.daywise-categorieswise h2 span{
    background: #fff;
    color: #0A0D6E;
    font-weight: 600;
    padding: 5px 20px;
    position: relative;
    z-index: 10;
    font-size: 32px;
}
.daywise-categorieswise h2::before{
    content: " ";
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    background: #000;
    position: absolute;
    z-index: 0;
    top: 50%;
}
.startup-data-handbook{
    width: 100%;
    padding: 40px 0;
    position: relative;
    display: none;

}
.startup-data-handbook ::before{
    content:  " ";
    position: absolute;
    left: 0;
    bottom: 255px;
    width: 71px;
    height: 145px;
    background: url(../image/img-2025/handbook-left-before.png) no-repeat;
    background-size: 100% 100%;
}
.startup-data-handbook .container ::before{
    display: none;
}
.startup-data-handbook .startup-data-handbook-content-left{
    width: 100%;
}
.startup-data-handbook .startup-data-handbook-content-left img{
    width: 100%;
}
.startup-data-handbook .card{
    width: 100%; 
    border-radius: 0px;
    border: none;
}
.startup-data-handbook  .card h3{
    position: relative;
    color: #0A0D6E;
    font-size: 32px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding-bottom: 20px;
    word-spacing: -2px;

}
.startup-data-handbook  .card h3 span{
    display: block;
    text-transform: capitalize;
    font-size: 27px;
    font-weight: 600;
    word-spacing: 6px;

}
.startup-data-handbook  .card h3::before{
    content: " ";
    position: absolute;
    left: 0%;
    bottom: 8px;
    transform: translate(0%,-50%);
    background: #ec5c2a;
    width: 305px;
    height: 3px;
    display: flex;
    top: inherit;
}
.startup-data-handbook .card p{
    color:#333333;
    font-size:16px;
    font-weight: 400;
    line-height: 30px;
    font-family: "Montserrat", sans-serif;
}
.startup-data-handbook  .card h4{
    color: #EB5826;
    font-size: 24px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    padding: 10px 0;
}
.startup-data-handbook  .card a{
    background: linear-gradient(269.41deg, #f35f52 .41%, #f28227 100.8%);
    font-size: 18px;
    color: #fff;
    line-height: 27px;
    font-weight: 600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    margin: 20px 0 30px;
    padding: 7px 26px;
    width: 190px;
    border: 4px solid #fbddc9;
    box-shadow: 1px 10px 0 rgba(242, 124, 46, .03), 0 13px 13px 0 rgba(242, 124, 46, .09), 0 30px 18px 0 rgba(242, 124, 46, .051), 0 53px 21px 0 rgba(242, 124, 46, .012), 0 83px 23px 0 rgba(242, 124, 46, 0);

 }
 /********************/
 

.testimonials-wrapp{
    width: 100%;
    margin: auto;
    padding: 50px 0 60px;
    position: relative;
}
.testimonials-wrapp::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0px;
    width: 112px;
    height: 678px;
    background: url(../image/img-2025/Testimonials-before.png) no-repeat;
    background-size: 100% 100%;
    
}

.testimonials-wrapp::after{
    content: " ";
    position: absolute;
    right: 0;
    top: 0px;
    width: 100px;
    height: 400px;
    background: url(../image/img-2025/testmon-right-after.png) no-repeat;
    background-size: 100% 100%;
    display: none;
}
.testimonials-wrapp h2{
    font-size: 32px;
    font-family: "Montserrat";
    font-weight:600;
    text-align: center;
    letter-spacing: 0px;
    color: rgb(4 8 105);
    margin-bottom: 0;
    position: relative;
    padding-bottom: 20px;
    max-width:570px;
    margin: auto;
    position: relative;
    margin-bottom: 50px;
}

.testimonials-wrapp h2::before{
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #EB5826;
    width: 167px;
    height: 3px;
    bottom: 10px;
    display: flex !important;
}
.testimonials-wrapp h2::after{
    display: none;
    content: " ";
    position: absolute;
    right: -37px;
    top: -17px;
    width: 100px;
    height: 85px;
    background: url(../image/img-2025/testimonial-shape.png) no-repeat;
    background-size: 100% 100%;

}
.testimonials-wrapp h3 span{
    font-size: 24px;
    font-family: "Montserrat";
    font-weight: 500;
    display: block;
}
.testimonials-wrapp h3::before{
    content: " ";
    position: absolute;
     left: 50%;
    transform: translate(-50%, -50%);
    background: #EB5826;
    width: 167px;
    height: 3px;
    bottom: 10px;
    display: none;
}


.test-wrapper {
    overflow: hidden;
    width: 100%;
}
.test-wrapper h2{
    color:#fff;
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    padding: 0 0 25px;
}
#demos .owl-carousel .item-video{
    margin-bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.44) 0.052px 3px 27px 0px;
    background-color: rgb(29, 29, 29);
    min-height: 300px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

#demos .owl-carousel .item-video .video{
    height: auto;
} #demos .owl-carousel .item-video .content-wrap{
    position: relative;
}
.test-wrapper .slick-arrow::before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.test-wrapper .content-wrap .controls {
    transition: all 0.4s ease-in-out 0s;
    overflow: hidden;
    position: absolute;
    text-align: center;
    opacity: 0;
    bottom: -40px;
    top: auto;
    right: 30px;
    width: auto;
    z-index: 99;
}
.test-wrapper video {
    width: 100%;
    height: 100%;
  }
  #demos .owl-carousel .item-video {
    height: 100%;
}
.test-wrapper .owl-carousel.owl-theme.testimonials.owl-loaded.owl-drag .owl-nav {
    position: absolute;
    bottom: -60px;
    z-index: 99;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.094) 0%, rgba(255, 255, 255, 0.048) 100%);
    width: 100%;
    display: flex;
    justify-content: flex-end;
    transition: all 0.4s ease-in-out 0s;
    height: 60px;
}
.test-wrapper .owl-carousel.owl-theme.testimonials.owl-loaded.owl-drag:hover .owl-nav {
    position: absolute;
    bottom: 70px;
    z-index: 99;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    transition: all 0.4s ease-in-out 0s;
    height: 60px;
}
.test-wrapper  .owl-carousel .owl-nav button.owl-next,.test-wrapper  .owl-carousel .owl-nav button.owl-prev{
   position: relative;
   width: 45px;
   height: 45px;
   background-color: transparent;
   border: none;
}
.test-wrapper  .owl-carousel .owl-nav button.owl-next::before{
    content:" ";
    width: 45px;
    height: 45px;
    position: absolute;
    right:60px;
    top:0;
    background: url(../image/next-icon1.png) no-repeat center center;
}
.test-wrapper  .owl-carousel .owl-nav button.owl-next span,.test-wrapper  .owl-carousel .owl-nav button.owl-prev span{
    visibility: hidden;
}

.test-wrapper  .owl-carousel .owl-nav button::before{
    content:" ";
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top:0;
    background: url(../image/previous-icon.png) no-repeat center center;
}

.test-wrapper  .owl-carousel .owl-nav button.owl-prev span{
    visibility: hidden;
}
.test-wrapper  .testimonials{
    overflow: hidden;
}
.test-wrapper .testimonial-cards {
    max-height: 387px;
    overflow-y: auto;
}
.test-wrapper .testimonial-cards .testimonial{
    width: 100%;
}
.test-wrapper .testimonial-cards .testimonial .testimonial-card {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 16px 35px 0px;
    padding: 15px 15px 15px 40px;
    background: url(../images/inverted-comma.png) 15px 15px no-repeat white;
    margin-bottom: 15px;
}
.test-wrapper .testimonial-cards .testimonial .testimonial-card .author-wrap .author-info h5 {
    font-size: 16px;
    font-weight: 600;
    color: rgb(59, 61, 78);
    line-height: 1;
}
.test-wrapper .testimonial-cards .testimonial .testimonial-card blockquote {
    color: rgb(111, 114, 137);
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.4;
}
.test-wrapper .testimonial-cards .testimonial .testimonial-card .author-info span {
    color: rgb(111, 114, 137);
    font-size: 13px;
}
.test-wrapper  .tocollaborate-set{
    max-width: 900px;
    margin:20px auto 0;
    padding: 70px 0 0 45px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-height: 250px;
    overflow: hidden;
    background: url(../images/blue-dot-globe.png) ;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size:100%;
}
.test-wrapper  .tocollaborate-set .card-img{
    width:10%;
}
.test-wrapper  .tocollaborate-set .card-img img{
    width: 100%;
}
.test-wrapper  .tocollaborate-set .content{
    width: 90%;
    display: flex;
    flex-direction: column;
    padding: 0 25px;
}
.test-wrapper  .tocollaborate-set .content h2{
    font-size: 36px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding-bottom: 6px;
    text-align: left;
}
.test-wrapper  .tocollaborate-set .content p {
    font-size: 26px;
    line-height: 1;
    color: #fff;
}
.test-wrapper  .tocollaborate-set .content p  .number {
    color: rgb(58, 151, 221);
}
.test-wrapper  .tocollaborate-set .content p .number {
    font-weight: 700;
    font-size: 26px;text-decoration: none;
}

.youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin:0px;
  border-radius: 20px;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  object-fit: cover;
  display: block;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 70px;
    width: 70px;
  left: 50%;
  top: 50%;
  margin-left: -34px;
  margin-top: -24px;
  position: absolute;
  background: url('../image/youtubeicon.png') no-repeat; 
  background-size: 100% 100%;
  cursor: pointer;
}
.test-wrapper .owl-carousel.owl-theme.testimonials.owl-loaded.owl-drag .owl-nav {
    position: absolute;
    bottom: -60px;
    z-index: 99;
    background: rgb(2, 0, 36);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.094) 0%, rgba(255, 255, 255, 0.048) 100%);
    width: 100%;
    display: flex
;
    justify-content: flex-end;
    transition: all 0.4s ease-in-out 0s;
    height: 60px;
}
.testimonials-wrapp .articles-card{
    width: 100%;
    padding: 0 60px 0 10px;
    overflow-y: auto;
    max-height: 450px;
}

.testimonials-wrapp .articles-card::-webkit-scrollbar-track
{

	border-radius: 0px;
	background-color: #D9D9D9;
}

.testimonials-wrapp .articles-card::-webkit-scrollbar
{
	width: 8px;
	background-color: #D9D9D9;
}

.testimonials-wrapp .articles-card::-webkit-scrollbar-thumb
{
	border-radius: 0px;

	background-color: #A5A5A5;
}

.testimonials-wrapp .articles-card ul{
    display: block;
    width: 100%;
}
.testimonials-wrapp .articles-card ul li{
    margin-bottom: 18px;
    background: #FFFAF6;
    border-radius: 15px;
    box-shadow: 0px 5px 6px #ec5c2a1f;
    padding: 15px;
}
.testimonials-wrapp .articles-card ul li .card{
  border:none;
  outline: none;
}
.testimonials-wrapp .articles-card ul li .card .title{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.testimonials-wrapp .articles-card ul li .card .title .icon{
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.testimonials-wrapp .articles-card ul li .card .title .icon img{
    width: 100%;
}
.testimonials-wrapp .articles-card ul li .card .title .subtitle{
    width: auto;
}
.testimonials-wrapp .articles-card ul li .card .title .subtitle h4{
    color: #333333;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
}
.testimonials-wrapp .articles-card ul li .card .title .subtitle h4 span{
    display: block;
    font-size: 16px;
    color: #555555;
    font-weight: 500;

}
.testimonials-wrapp .articles-card ul li .card .content{
    width: 100%;
    padding: 10px 0;
}
.testimonials-wrapp .articles-card ul li .card .content p{
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
    text-align: left;
}


 /*******/


@media(max-width:1599px) and (min-width:992px) {
    .hero-area .hero-head {
        font-size: 90px
    }
}

@media(max-width:1599px) and (min-width:1200px) {

 
    .hero-area .image-wrapper:after {
        width: 380px;
        height: 300px;
        top: 60px;
        right: -10px
    }

    .hero-area .image-wrapper img {
        width: 66%
    }

    .hero-area .hero-facts li {
        padding: 16px
    }

        .hero-area .hero-facts li:first-child {
            left: 96px
        }

        .hero-area .hero-facts li:nth-child(2) {
            right: -90px
        }

        .hero-area .hero-facts li p {
            font-size: 36px
        }

        .hero-area .hero-facts li h4 {
            font-size: 15px
        }

    .about-section .img-wrapper:before {
        left: 24px
    }

    .service-section .content-wrapper {
        padding: 48px 36px
    }

    .testimonial-section .swiper {
        height: 480px
    }
}



@media(max-width:1599px) and (min-width:1400px) {
    .hero-area .de-hero-1 {
        left: 1%;
        top: 16%
    }

    .hero-area .de-hero-2 {
        right: 3%
    }

    .hero-area .de-hero-3 {
        right: 2%
    }

    .hero-area .de-hero-5 {
        bottom: 12%
    }
    
  
}



@media(max-width:1399px) and (min-width:1200px) {
    .hero-area .hero-content > .row {
        margin-top: 72px
    }

    .hero-area .de-hero-1 {
        left: 3%;
        top: 20%
    }

    .hero-area .de-hero-2 {
        right: 3%
    }

    .hero-area .de-hero-3 {
        right: 2%
    }

    .hero-area .de-hero-5 {
        left: 1%;
        bottom: 8%
    }
}



@media(max-width:1600px) {
    .container {
        max-width: 1320px !important
    }

    #national-startup-day-section .national-day-p {
        max-width: 82% !important;
        font-size: 18px !important
    }

    .about-section .content-block h2::before {
        right: 5.5% !important
    }


    #national-startup-day-section::before {
        bottom: -77px !important;
        width: 200px !important;
        height: 347px !important
    }

    .innovation-hading {
        width: auto !important;
        font-size: 20px !important
    }

    .section-shape::before {
        top: 40px !important;
        width: 215px !important;
        height: 272px !important
    }

    .section-shape::after {
        top: 27px !important;
        width: 157px !important;
        height: 274px !important
    }

    .section-shape .lead {
        font-size: 18px;
        width: 90%;
        margin: auto
    }

    #my-innovaitonTabContent,
    #india-map .nav-tabs {
        width: 90%
    }

    #india-map::after {
        top: 315px !important;
        width: 100px !important;
        height: 291px !important
    }

    #india-map::before {
        width: 196px !important;
        height: 276px !important
    }

    .section-title h2:before {
        left: 24% !important
    }

    .section-title h2:after {
        right: 24% !important
    }
    .dpiit-startup-wrapper {
        /* min-height: 570px; */
    }
}
@media(max-width:1600px) {

    .service-section .de-service-1,
    .service-section .de-service-2 {
        display: none
    }

    .blog-section .de-blog-2 {
        bottom: 5%
    }

    .contact-section .de-contact-1 {
        top: 12%
    }
   
}
@media(max-width:1550px) {
    #my-innovaitonTabContent {
        max-height: 450px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #ec5c2a #ec5c2a
    }

    #my-innovaitonTabContent {
        scrollbar-width: auto;
        scrollbar-color: #ec5c2a #fff
    }

        #my-innovaitonTabContent::-webkit-scrollbar {
            width: 11px
        }

        #my-innovaitonTabContent::-webkit-scrollbar-track {
            background: transparent
        }

    #india-map .accordion::-webkit-scrollbar-thumb {
        background-color: #ec5c2a;
        border-radius: 10px;
        border: 3px solid #fff
    }
}

@media(max-width:1450px) {
    .container {
        max-width: 1320px !important
    }

    #national-startup-day-section .national-day-p {
        max-width: 78% !important;
        font-size: 15px !important
    }

    .about-section .content-block h2::before {
        right: 6% !important
    }


    #national-startup-day-section::before {
        bottom: -29px !important;
        width: 198px !important;
        height: 310px !important
    }
    
    .innovation-hading {
        width: auto !important;
        font-size: 20px !important
    }

    .section-shape::before {
        top: 40px !important;
        width: 199px !important;
        height: 268px !important
    }

    .section-shape::after {
        top: 30px !important;
        width: 133px !important;
        height: 275px !important
    }

    .section-shape .lead {
        font-size: 18px;
        width: 86%;
        margin: auto
    }

    #my-innovaitonTabContent,
    #india-map .nav-tabs {
        width: 90%
    }

    #india-map::after {
        top: 316px !important;
        width: 88px !important;
        height: 283px !important
    }

    #india-map::before {
        width: 199px !important;
        height: 260px !important
    }

    .section-title h2:before {
        left: 24% !important
    }

    .section-title h2:after {
        right: 24% !important
    }

    .dpiit-startup-wrapper {
        /* min-height: 580px; */
    }
}

@media(max-width:1300px) {
    .site-header .navbar-brand {
        width: 130px;
        margin-right: 10px
    }

    .container {
        max-width: 1180px !important
    }

    #national-startup-day-section .national-day-p {
        max-width: 82% !important;
        font-size: 16px !important
    }

    .about-section .content-block h2::before {
        right: 3% !important;
        top: -57px;
        width: 194px;
        height: 121px
    }


    #national-startup-day-section::before {
        bottom: -35px !important;
        width: 158px !important;
        height: 310px !important
    }

    .innovation-hading {
        width: auto !important;
        font-size: 18px !important
    }

    .section-shape::before {
        top: 30px !important;
        width: 186px !important;
        height: 261px !important
    }

    .section-shape::after {
        top: 22px !important;
        width: 128px !important;
        height: 275px !important
    }

    .section-shape .lead {
        font-size: 18px;
        width: 90%;
        margin: auto
    }

    #my-innovaitonTabContent,
    #india-map .nav-tabs {
        width: 90%
    }

    #india-map::after {
        top: 310px !important;
        width: 90px !important;
        height: 275px !important
    }

    #india-map::before {
        width: 151px !important;
        height: 213px !important
    }

    .section-title h2:before {
        left: 22% !important;
        top: 7px;
        width: 194px !important;
        height: 121px !important;
    }

    .section-title h2:after {
        top: 7px !important;
        width: 194px !important;
        height: 121px !important;
        right: 22% !important
    }
}

@media(max-width:1200px) {
    .section-title h2::before {
        left: 21% !important;
        top: 16px;
        width: 163px !important;
        height: 91px !important;
    }
    .section-title h2::after {
        top: 16px !important;
        width: 163px !important;
        height: 91px !important;
        right: 21% !important;
    }
    .about-section .content-block h2::before {
        right: 2% !important;
        top: -29px;
        width: 169px;
        height: 90px;
    }

    
    .site-header .navbar-brand {
        width: 125px;
        margin-right: 10px
    }

    .accordion {
        width: 84%;
        float: right
    }

    .site-footer .back-to-top {
        left: var(--bs-gutter-x, -4.25rem)
    }

    .container {
        max-width: 1075px !important
    }

    

    #map {
        margin-right: 0 !important;
        width: 100% !important
    }

        #map svg {
            width: 100% !important
        }

    #india-map .accordion {
        width: 100% !important;
        float: left
    }

    #my-innovaitonTabContent,
    #india-map .nav-tabs {
        width: 100%
    }

    .map-cta a {
        margin-top: 30px !important
    }
}

@media(max-width:1199px) {
    .btn-main {
        padding: 12px 30px
    }

    .btn-ghost {
        padding: 10px 28px
    }

    .section-title {
        width: 80%
    }

    .design-elements {
        display: none
    }

    .site-header .navbar-toggler {
        color: #f05a24;
        border: 1px solid #f15b24;
        padding: .25rem;
        opacity: 9
    }

        .site-header .navbar-toggler:focus {
            box-shadow: none
        }

    .site-header .navbar-toggler-icon {
        line-height: 1.5em
    }

    .site-header .nav-link {
        color: #222;
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e0e0e0
    }

    .site-header .navbar-collapse {
        background: #fff
    }

    .site-header .nav-item:last-child .nav-link {
        border-bottom: 0
    }

    .hero-area {
        text-align: center
    }

        .hero-area .content-block {
            margin-bottom: 120px
        }

        .hero-area .hero-head {
            font-size: 60px
        }

        .hero-area .image-wrapper {
            text-align: center;
            margin-top: 160px;
            margin-bottom: 72px
        }

            .hero-area .image-wrapper:after {
                width: 460px;
                top: 72px;
                right: 102px
            }

            .hero-area .image-wrapper img {
                width: 60%
            }

        .hero-area .hero-facts li {
            padding: 14px 16px
        }

            .hero-area .hero-facts li:first-child {
                left: 80px
            }

            .hero-area .hero-facts li:nth-child(2) {
                right: 85px
            }

            .hero-area .hero-facts li h4 {
                font-size: 14px
            }

            .hero-area .hero-facts li p {
                font-size: 36px
            }

        .hero-area .de-hero-4 {
            left: 18%;
            top: 48%
        }

    .about-section .content-block {
        margin-top: 0
    }

    .section-block .row > div {
        margin-bottom: 20px
    }

    .about-section .content-block h2 {
        font-size: 48px
    }

        .about-section .content-block h2 span {
            margin-bottom: 12px
        }

        .about-section .content-block h2 strong {
            font-size: 24px
        }

    .about-section .img-wrapper {
        text-align: left
    }

        .about-section .img-wrapper:before {
            left: 430px;
            top: 84px
        }

        .about-section .img-wrapper:after {
            left: 240px;
            bottom: -72px
        }

    .about-section .about-img-2 {
        bottom: -96px;
        left: 312px
    }

    .skill-section .content-block {
        padding-right: calc(var(--bs-gutter-x) * 0.5)
    }

    .skill-section h2 span {
        margin-bottom: 12px
    }

    .portfolio-section .meta-wrapper {
        margin-top: 12px;
        margin-bottom: 30px
    }

    .features-section .image-wrapper {
        text-align: center
    }

        .features-section .image-wrapper img {
            width: 60%
        }

    .features-section .content-block {
        padding-left: calc(var(--bs-gutter-x) * 0.5)
    }

    .features-section h4 span {
        display: block;
        margin-top: 12px;
        float: none
    }

    .features-section .icon-box:after {
        content: none
    }

    .blog-section .large-post .post-content h3 {
        font-size: 24px
    }

    .blog-section .large-post img {
        width: 100%
    }

    .blog-section .post-group h3 {
        font-size: 18px
    }

    .contact-section .icon-box {
        flex-shrink: 0
    }

    .contact-section .map-wrapper {
        margin-right: 0
    }

    .site-footer .social-block li {
        margin-right: 15px
    }

    #site-header > .navbar > .container {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: flex-start
    }

    #site-header > .navbar .navbar-toggler {
        position: absolute;
        right: 3%
    }

    #navbarSupportedContent {
        position: absolute;
        top: 78px;
        left: 0;
        width: 100%
    }

        #navbarSupportedContent .bnt-cta {
            margin-left: 20px
        }

    .about-section .content-block h2 {
        font-size: 34px
    }

        .about-section .content-block h2::before {
            right: 0 !important;
            top: -60px;
            width: 189px;
            height: 123px
        }


    .portfolio-section .heading-title span {
        font-size: 22px;
        padding: 3px 0
    }

    #national-startup-day-section .national-day-p {
        max-width: 80% !important;
        font-size: 15px !important;
        line-height: 28px
    }

    #national-startup-day-section::before {
        bottom: -5px !important;
        width: 141px !important;
        height: 308px !important
    }

    .section-title h2::before {
        left: 14% !important;
        width: 189px;
        height: 123px;
        top: 13px;
    }

    .section-title h2::after {
        width: 189px;
        height: 123px;
        top: 13px !important;
        right: 14% !important;
    }

    .xmark_sm {
        margin-left: 8px;
        width: 18px;
        position: relative;
        top: 1px
    }

    .overpopup {
        padding: 1px 10px 8px !important
    }
    .dpiit-startup-wrapper {
        min-height: 400px;
    }
    
}

@media(max-width:1040px) {
    .container {
        max-width: 960px !important
    }

    #navbarSupportedContent {
        top: 78px
    }

    #national-startup-day-section {
        padding: 8px 0 40px !important
    }

    .about-section .content-block h2 {
        font-size: 30px
    }

        .about-section .content-block h2::before {
            right: 3% !important;
            top: -55px;
            width: 129px;
            height: 100px
        }

    #national-startup-day-section .national-day-p {
        max-width: 80% !important;
        font-size: 14px !important;
        line-height: 26px
    }

    #national-startup-day-section::before {
        bottom: 2px !important;
        width: 110px !important;
        height: 288px !important
    }

    .section-shape::before {
        top: 36px !important;
        width: 167px !important;
        height: 247px !important
    }

    .section-shape::after {
        top: 42px !important;
        width: 110px !important;
        height: 253px !important
    }

    .section-shape .lead {
        font-size: 16px;
        width: 95%
    }

    #india-map::after {
        top: 190px !important;
        width: 67px !important;
        height: 260px !important
    }

    .section-title h2::before {
        left: 14% !important;
        width: 181px !important;
        height: 114px !important;
        top: 4px;
    }

    .section-title h2::after {
        top: 4px !important;
        width: 181px !important;
        height: 114px !important;
        right: 14% !important
    }

    .section-title h2 {
        font-size: 30px
    }

    #webinars-section .lead {
        font-size: 18px
    }
   
}

@media(max-width:972px) {
    .container {
        max-width: 872px !important
    }

    .about-section .content-block h2::before {
        right: 0 !important
    }

    .about-section .content-block h2 .line-bottom {
        bottom: -7px
    }

    .innovation-hading {
        font-size: 16px !important
    }

    .section-title h2::before {
        left: 11% !important;
        width: 151px !important;
        height: 111px !important;
        top: 0px
    }

    .section-title h2::after {
        top: 0px;
        width: 151px !important;
        height: 111px !important;
        right: 11% !important
    }

    .site-footer .back-to-top a {
        position: absolute;
        left: 54px
    }
    .dpiit-startup-wrapper {
        min-height: 430px;
    }
}

@media(max-width:872px) {
    .container {
        max-width: 740px !important
    }

    .about-section .content-block h2::before {
        top: -55px;
        width: 125px;
        height: 108px;
        right: 0
    }

    .about-section .content-block h2,
    .section-title h2 {
        font-size: 24px !important
    }

    .portfolio-section .heading-title span {
        font-size: 18px
    }

    #national-startup-day-section .national-day-p {
        max-width: 77% !important;
        font-size: 14px !important;
        line-height: 24px
    }

    .innovation-hading {
        font-size: 15px !important
    }

    .Days7Years {
        width: 240px !important
    }

    .section-shape::before {
        top: 55px !important;
        width: 143px !important;
        height: 230px !important
    }

    .section-shape::after {
        top: 39px !important;
        width: 100px !important;
        height: 108px !important
    }

    #india-map::after {
        top: 178px !important;
        width: 64px !important;
        height: 252px !important
    }

    .site-footer .row > div {
        margin-bottom: 2px !important
    }

    .site-footer .back-to-top {
        position: absolute !important;
        top: -71px;
        left: 10px !important;
        z-index: 999 !important
    }

    .footer-addres ul li p,
    .useoflink ul li a {
        font-size: 16px !important
    }

    .visitors p {
        font-size: 18px !important
    }

    .section-title h2::before {
        top: -9px;
        width: 125px !important;
        height: 108px !important;
        left: 12% !important;
    }

    .section-title h2::after {
        top: -9px !important;
        width: 125px !important;
        height: 108px !important;
        right: 12% !important;
    }

    #webinars-section .lead {
        font-size: 16px !important
    }

    #navbarSupportedContent {
        top: 70px
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .blog-section .post-group h3 {
        line-height: 1.2;
        margin-top: 24px
    }
}

@media(max-width:991px) and (min-width:768px) {
    .testimonial-section .swiper {
        height: 360px
    }

    .blog-section .row .large-post {
        margin-bottom: 24px
    }

    .blog-section .post-footer > div.blog-tags {
        margin-bottom: 18px
    }

    .blog-section .modal .blog-title {
        font-size: 30px
    }

    .site-footer .row > div {
        margin-bottom: 48px
    }

        .site-footer .row > div:last-child {
            margin-bottom: 0
        }
        .dpiit-startup-wrapper {
            min-height: 370px;
        }
        .curtain-raiser-wrapp::before {
            content: " ";
            width: 200px;
        }
        
        
        .curtain-raiser-wrapp::after {
            content: " ";
            width: 200px;
        }
       
         .about-section .content-block h2 span {
                        padding-top: 35px;
                    } 
                    span.highlight-orange {
                        font-size: 24px;
                        color: #EB5826;
                    }

                    .image-container{
                        width: 100%;
                         height: 210px !important;
        
                    }
                    video.height {
                        height: 210px !important; 
                    }

                    
}

@media(max-width:767px) {
    .section-title h2 {
        margin-bottom: 0
    }

    #national-startup-day-section {
        z-index: 0 !important
    }

    .site-header .nav-item .nav-link {
        padding-left: 10px;
        padding-right: 0
    }

    .portfolio-section .box .title {
        font-size: 12px !important
    }

    .portfolio-section .box .icon-box {
        transform: translate(-50%, -260%);
        top: 0
    }

        .portfolio-section .box .icon-box a {
            width: 35px;
            height: 35px;
            line-height: 35px
        }

    .portfolio-section .box .box-content {
        padding: 15px 5px;
        top: 23%
    }

    .accordion {
        width: 100%;
        float: right
    }

    .section-title {
        width: 100%
    }

    .about-section .content-block {
        margin-top: 0
    }

    .section-block .row > div {
        margin-bottom: 0
    }

    .site-footer .back-to-top {
        left: var(--bs-gutter-x, 1.75rem)
    }

    .btn-main,
    .btn-ghost,
    .bt-text {
        font-size: 16px
    }

    .block-title {
        font-size: 36px
    }

    .fixed-top .navbar-brand img {
        width: 96px
    }

    .hero-area .btn-main {
        margin-right: 0;
        margin-bottom: 30px;
        display: inline-block
    }

    .hero-area .hero-social {
        display: block
    }

        .hero-area .hero-social li:last-child {
            margin-right: 0
        }

        .hero-area .hero-social a {
            font-size: 21px
        }

    .hero-area .hero-facts li:first-child {
        left: 0;
        top: 48px
    }

    .hero-area .hero-facts li:nth-child(2) {
        right: 0;
        bottom: 48px
    }

    .hero-area .image-wrapper:after {
        width: 430px;
        height: 300px;
        top: 72px;
        right: 36px
    }

    .hero-area .image-wrapper img {
        width: 80%
    }

    .hero-area .hero-head {
        font-size: 48px
    }

        .hero-area .hero-head small {
            font-size: 21px;
            margin-bottom: 12px
        }

    .hero-area .content-block p {
        font-size: 18px
    }

    .hero-area .design-elements {
        display: none
    }

    .intro-section .row > div {
        margin-bottom: 36px
    }

    .intro-section .design-elements {
        display: none
    }

    .about-section .design-elements {
        display: none
    }

    .facts-section .row > div {
        margin-bottom: 36px
    }

    .skill-section {
        padding-top: 80px;
        padding-bottom: 20px
    }

        .skill-section .row > div {
            margin-bottom: 36px
        }

        .skill-section h2 {
            font-size: 30px
        }

        .skill-section .content-block {
            margin-bottom: 36px
        }

    .portfolio-section .content-wrapper {
        padding-top: 24px
    }

        .portfolio-section .content-wrapper .item-title {
            font-size: 30px
        }

    .portfolio-section .design-elements {
        display: none
    }

    .portfolio-section .modal-body {
        padding: 18px 18px 6px
    }

    .portfolio-section .meta-wrapper {
        margin-top: 0;
        margin-bottom: 12px
    }

    .portfolio-section .btn-close {
        right: 30px;
        top: 30px
    }

    .service-section .design-elements {
        display: none
    }

    .features-section .image-wrapper img {
        width: 80%;
        position: relative;
        left: -20px
    }

    .testimonial-section {
        padding-top: 80px;
        padding-bottom: 70px
    }

        .testimonial-section .swiper {
            height: 440px
        }

        .testimonial-section .swiper-pagination {
            bottom: 0
        }

    .blog-section .row .large-post {
        margin-bottom: 24px
    }

        .blog-section .row .large-post .post-content {
            left: 30px;
            right: 30px;
            bottom: 30px
        }

            .blog-section .row .large-post .post-content h3 {
                font-size: 21px
            }

    .blog-section .post-meta li {
        font-size: 14px
    }

    .blog-section .modal .blog-title {
        font-size: 24px;
        text-align: left;
        margin-bottom: 18px
    }

    .blog-section .modal .blog-content > div {
        margin-bottom: 24px
    }

    .blog-section .modal .blog-meta {
        margin-bottom: 18px
    }

        .blog-section .modal .blog-meta li {
            margin-bottom: 6px
        }

    .blog-section .modal .btn-close {
        top: 24px;
        right: 24px;
        width: 24px;
        height: 24px;
        line-height: 24px
    }

    .blog-section .post-footer > div.blog-tags {
        margin-bottom: 18px
    }

        .blog-section .post-footer > div.blog-tags h4 {
            margin-bottom: 6px
        }

    .blog-section .design-elements {
        display: none
    }

    .contact-section .contact-options > div {
        margin-bottom: 30px
    }

    .contact-section form > div {
        margin-top: 0
    }

        .contact-section form > div:first-child {
            margin-bottom: 0
        }

    .contact-section .design-elements {
        display: none
    }

    .site-footer {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .site-footer .btn-main {
            padding-left: 21px;
            padding-right: 21px
        }

        .site-footer input {
            padding-left: 12px;
            padding-right: 12px
        }

        .site-footer .row > div {
            margin-bottom: 48px
        }

        .site-footer .footer-bottom {
            margin-top: 0;
            text-align: center
        }

            .site-footer .footer-bottom > div {
                margin-bottom: 24px
            }

                .site-footer .footer-bottom > div:last-child {
                    margin-bottom: 0
                }

    .about-section .content-block h2::before {
        display: none
    }

    /* .about-section .content-block h2::after {
        display: none
    } */

    .about-section .content-block h2 .line-bottom {
        width: 218px;
        height: 2px;
        bottom: -3px
    }

    #national-startup-day-section .national-day-p {
        max-width: 100% !important;
        font-size: 14px !important
    }

    .innovation-hading {
        font-size: 14px !important
    }

    .innovation-hading {
        padding: 9px 10px
    }

    .site-header .navbar-brand {
        width: 98px;
        margin-right: 0
    }

    .section-shape .lead {
        font-size: 16px;
        width: 100%;
        margin: auto
    }

    .section-title h2::before {
        display: none
    }

    .section-title h2::after {
        display: none
    }

    .portfolio-section {
        padding-top: 30px;
        padding-bottom: 60px
    }

        .portfolio-section .heading-title span {
            font-size: 20px;
            padding: 10px 0 0
        }

    #ddlStateFilter {
        display: block
    }
    
}

@media(max-width:640px) {
    .about-section .content-block h2, .section-title h2 {
        font-size: 21px !important;
    }
    .about-section .content-block h2::before {
        display: none
    }


    #national-startup-day-section {
        padding: 30px 0 40px !important
    }

    .about-section .content-block h2 .line-bottom {
        width: 218px;
        height: 2px;
        bottom: -3px
    }

    #national-startup-day-section .national-day-p {
        max-width: 100% !important;
        font-size: 16px !important
    }

    .innovation-hading {
        font-size: 14px !important
    }

    .innovation-hading {
        padding: 9px 10px
    }

    .site-header .navbar-brand {
        width: 98px;
        margin-right: 0
    }
    .dpiit-startup-wrapper {
        min-height: 345px;
    }
    .startup-data-handbook  .card h3 {
        font-size: 23px;
        margin-left: 20px;
    }
    .daywise-categorieswise h2 span {
        font-size: 21px;
    }
}

@media(max-width:576px) {

    #webinars-section .carousel-control-next,
    #webinars-section .carousel-control-prev {
        width: auto !important
    }

    #national-startup-day-section {
        padding: 0 0 40px !important
    }

    .site-header .navbar-brand {
        width: 98px;
        margin-right: 0
    }

    .site-footer .back-to-top {
        left: var(--bs-gutter-x, .75rem);
        top: -72px
    }

    section,
    .site-footer {
        padding-left: 15px;
        padding-right: 15px
    }

    .section-title {
        width: 100%;
        margin-bottom: 20px;
    }

    .lead {
        font-size: 1.1rem
    }

    .site-header .navbar-brand {
        width: 108px
    }

    .hero-area .image-wrapper {
        margin-top: 136px;
        margin-bottom: 36px
    }

        .hero-area .image-wrapper:after {
            width: 66%;
            right: 54px;
            top: 2px
        }

    .hero-area .content-block {
        margin-bottom: 96px
    }

    .hero-area .hero-facts {
        display: none
    }

    .hero-area .link-group {
        margin-top: 36px
    }

    .intro-section {
        padding-top: 80px;
        padding-bottom: 20px
    }

        .intro-section .item-wrapper {
            padding: 30px
        }

        .intro-section .content-wrapper {
            margin-left: 0
        }

        .intro-section .icon-box {
            float: none
        }

    .facts-section {
        padding-top: 60px;
        padding-bottom: 20px
    }

        .facts-section .icon-box {
            font-size: 36px
        }

        .facts-section .number-data {
            font-size: 36px
        }

    .about-section {
        padding-top: 0;
        padding-bottom: 40px
    }

        .about-section .content-block {
            margin-top: 15px
        }

            .about-section .content-block h2 {
                font-size: 36px
            }

                .about-section .content-block h2 span {
                    margin-bottom: 8px
                }

        .about-section .img-wrapper:before,
        .about-section .img-wrapper:after {
            display: none
        }

        .about-section .about-img-2 {
            left: auto;
            right: 0;
            width: 120px
        }

    .portfolio-section {
        padding-top: 30px;
        padding-bottom: 60px
    }

        .portfolio-section .filter-button-group button {
            margin-bottom: 6px
        }

    .service-section {
        padding-top: 80px;
        padding-bottom: 60px
    }

        .service-section .content-wrapper {
            padding: 36px 24px;
            text-align: left
        }

            .service-section .content-wrapper h3 {
                margin-bottom: 24px
            }

        .service-section .icon-box {
            width: 84px;
            height: 84px;
            margin-left: 0
        }

    .features-section {
        padding-top: 80px;
        padding-bottom: 20px
    }

        .features-section .image-wrapper img {
            width: 90%;
            left: -10px
        }

    .testimonial-section .swiper {
        height: 420px
    }

    .testimonial-section .item-wrapper {
        padding: 54px 36px 42px
    }

    .blog-section {
        padding-top: 80px;
        padding-bottom: 0
    }

        .blog-section .modal-body {
            padding-left: 24px;
            padding-right: 24px;
            padding-top: 24px
        }

        .blog-section .modal .btn-close {
            right: 36px;
            top: 36px
        }

    .partner-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .contact-section {
        padding-top: 80px;
        padding-bottom: 80px
    }

        .contact-section .row .form-block {
            margin-bottom: 0
        }

    .site-footer .footer-brand img {
        width: 130px
    }

    .site-footer .back-to-top {
        top: -90px
    }

    .site-footer .footer-social a {
        font-size: 21px
    }

    .accordion-button::after {
        width: 1rem;
        height: 1rem;
        background-size: 1rem
    }
    .curtain-raiser-wrapp .container h2 span {
        font-size: 19px;
    }

    .about-section .content-block h2::after{
        display: none;
    }
    .dpiit-startup-left-area::after{
        display: none;
    }
}

@media(max-width:400px) {
    .site-header .navbar-brand {
        width: 95px
    }
    .bhaskar-section h2::after {
        content: " ";
        left: -9%;
        top: 402px;
    }
    
}

@media(max-width:380px) {
    .site-header .navbar-brand {
        width: 90px
    }
}


@media(max-width:360px) {
    .site-header .navbar-brand {
        width: 88px
    }

    .block-title {
        font-size: 30px
    }

    .section-title h2 {
        font-size: 16px
    }

        .section-title h2:before,
        .section-title h2:after {
            display: none
        }

    .hero-area .hero-head {
        font-size: 36px
    }

        .hero-area .hero-head small {
            font-size: 18px
        }

    .hero-area .image-wrapper:after {
        display: none
    }

    .about-section .content-block h2 {
        font-size: 30px
    }

        .about-section .content-block h2 strong {
            font-size: 21px
        }

    .skill-section .progress-block h4 {
        font-size: 14px
    }

    .service-section .content-wrapper {
        padding: 24px
    }

    .testimonial-section .quote-author {
        text-align: center
    }

        .testimonial-section .quote-author .image-block {
            display: none
        }

    .testimonial-section .item-wrapper {
        padding: 42px 24px 30px
    }

        .testimonial-section .item-wrapper h4 {
            font-size: 18px
        }

        .testimonial-section .item-wrapper p {
            margin-bottom: 24px
        }

    .blog-section .row .large-post .post-content {
        left: 21px;
        right: 21px;
        bottom: 21px
    }

    .blog-section .post-group .post-content {
        top: 21px;
        left: 21px;
        right: 21px;
        bottom: 21px
    }

    .blog-section .row .large-post .post-content h3 {
        font-size: 18px
    }
}

@media(max-width:320px) {
    .site-header .navbar-brand {
        width: 73px
    }
    
}










.carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    margin: 0 auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 80%;
    overflow: hidden;
}
  
  .carousel-item {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-right: 0px;
    padding: 20px 10px;
  }
  
  .image-container {
    position: relative;
    width: 598px;
    height: 375px;
  }
  
  .image-container img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }

  
  .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none;
  }
  
  .content {
    flex: 1;
    background: #FFFAF6;
    width: 100%;
    padding: 20px;
    overflow-y: scroll;
    max-height: 375px;
    margin: 0px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }

  .content::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .content::-webkit-scrollbar-thumb {
    background: #A5A5A5; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .content::-webkit-scrollbar-thumb:hover {
    background: #A5A5A5; 
  }

  .content-title{
    display: inline-block;
    vertical-align: middle;
    width: 84%;
  }
  
  .content h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
  }
  
  .content .role {
    color: #555;
    font-size: 14px;
    margin: 5px 0;
    font-weight: 600;
  }
  
  .content .description {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
   padding-top: 20px;
   text-align: justify;
  }
  
  .carousel-navigation {
    display: flex;
    justify-content: end;
    width: 80%;
    margin: 0 auto;
  }

  img.testimonials-right-img {
    width: 14%;
}
  
  .carousel-navigation button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
  }
  
  .carousel-navigation button:hover {
    color: #000;
  }

  video.height {
    height: 375px;
}