/*Charitify NGO/Charity/Fundraising Template By DynamicLayers*/

/*  ==========================================================================
        Table of Contets
        ==========================================================================
        
        1.0 Common Styles
        2.0 Header Section
        3.0 Slider Section
        4.0 Promo Section
        5.0 Causes Section
        6.0 About Section
        7.0 Campaigns Section
        8.0 Team Section
        9.0 Counter Section
        10.0 Event Section
        11.0 Testimonial Section
        12.0 Sponsor Section
        13.0 Widget Section
        14.0 Hero Section
        15.0 Page Header Section
        16.0 CTA Section
        17.0 Gallery Section
        18.0 Blog Section
        19.0 Sidebar Section
        20.0 Contact Section
        21.0 Footer Section
        22.0 Scroll To Top
        
        ==========================================================================
        DynamicLayers
        ========================================================================== */



@import url('../../../css2');

/*  ==========================================================================
        1.0 Common Styles
        ========================================================================== */
* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 23px !important;
    color: #555;
    letter-spacing: -0.2px;
    font-weight: 400;
    position: relative;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #282828;
}

h1 {
    font-size: 70px;
    line-height: 1;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
    font-weight: bold;
}

h2 {
    font-size: 24px;
    color: #282828;
    margin: 0 0 8px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}

h3,
h4 {
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.4;
    color: #282828;
    letter-spacing: -0.04em;
}

h3 {
    font-size: 20rtfgpx;
}

h4 {
    font-size: 15px;
}

h5,
h6 {
    font-size: 14px;
    margin: 0 0 10px;
}

img {
    border: none;
    outline: none;
}

ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    font-size: 16px;
    margin-bottom: 15px;
}

a {
    font-family: "Poppins", sans-serif;
}

    a,
    a:hover {
        text-decoration: none;
    }

        a:focus {
            outline: 0;
            text-decoration: none;
        }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #888 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #888 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #888 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #888 !important;
}

button {
    border: none;
    background: none;
}

/* Helper Class */
.padding {
    padding: 80px 0;
}

.no-padding {
    padding: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

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

.mb-20 {
    margin-bottom: 20px;
}

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

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

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

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-15 {
    margin-left: 15px;
}

.mt-15 {
    margin-left: 15px;
}

.padding-15 {
    padding: 15px;
}

.display-block {
    display: block;
}

.text-black {
    color: #282828;
}

.text-white {
    color: #ffffff;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.fl-right {
    float: right;
}

.fl-left {
    float: left;
}

.display-table {
    width: 100%;
    height: 100%;
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.overlay {
    width: 100%;
    position: relative;
    z-index: 1;
}

    .overlay:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

.bg-grey {
    background-color: #F7F7FD;
    position: relative;
}
    /*.bg-grey .box-h{
    height: 90px;
}

.bg-grey .price{
    position:relative;
    bottom:5px;
}*/

    .bg-grey .pro-img {
        height: 254px;
        overflow: hidden;
    }

        .bg-grey .pro-img img {
            object-fit: contain !important;
            width: 100%;
            height: 100%;
        }

.bd-bottom {
    border-bottom: 1px solid #eaeaea;
}

.bg-dark {
    background-color: #232323;
}

/* Preloader Styles */
.loaded .site-preloader-wrap {
    opacity: 0;
    visibility: hidden;
}

.site-preloader-wrap {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: #272c30;
    top: 0;
    left: 0;
}

    .site-preloader-wrap .spinner {
        background-color: #ffd83f;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -20px;
        margin-top: -20px;
    }

.spinner {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}


/* Button Style */
.btn_group {
}

    .btn_group a {
        margin: 5px;
    }

.default-btn {
    background: linear-gradient(90deg, rgba(52,42,33,1) 0%, rgba(46,49,146,1) 100%);
    color: #fff;
    line-height: 45px;
    display: inline-block;
    padding: 0 25px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 100px;
}

    .default-btn:hover {
        background-color: #ffb451;
        color: #fff;
    }

    .default-btn.btn_sm {
        line-height: 40px;
        padding: 0 15px;
    }

/*Section Heading Style*/
.section-heading .heading-border {
    border-top: 5px solid #2e3192;
    width: 50px;
    display: inline-block;
    margin-top: 0;
}

.section-heading h2 {
    font-size: 35px;
    margin-bottom: 0;
}

.Integrated h2 {
    font-family: "Roboto Condensed", sans-serif;
}
/* Transition Effect */
a,
a:hover,
.overlay,
img,
.form-control,
.form-control:hover,
button {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* Shape and Circle */
.circle,
.shape {
    position: relative;
    z-index: 1;
    overflow: hidden;
}





/* ==========================================================================
    2.0 Header Section
    ========================================================================== */
.header-section {
    position: relative;
    box-shadow: 5px -5px 5px 10px rgba(0, 0, 0, .10);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

    .header-section.navbar-fixed-top {
        position: relative;
    }

        .header-section.navbar-fixed-top .top-header {
            display: block;
        }

.header-height {
    width: 100%;
    /*height: 134px !important;*/
}

/*Top Header*/
.top-header {
    background-color: #ffffff;
    padding: 5px 0;
}

.header-top-box {
    background: #2e3192;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
}

    .header-top-box ul li {
        display: inline-block;
    }

        .header-top-box ul li a {
            color: #fff;
        }

    .header-top-box .right-info ul li {
        margin-left: 10px;
    }

        .header-top-box .right-info ul li a i {
            border-radius: 50%;
            width: 25px;
            height: 25px;
            line-height: 17px;
            text-align: center;
            background: #fff;
            color: #2e3192;
            padding: 5px;
        }

.top-content-wrap ul li {
    margin-right: 15px;
    display: inline-block;
}

    .top-content-wrap ul li a {
        display: inline-block;
        color: #000000;
        font-size: 15px;
        font-weight: 600;
    }

    .top-content-wrap ul li i {
        color: #040000;
        margin-right: 10px;
    }

.top-content-wrap .right-info {
    text-align: right;
    margin: 0 29px 0 0;
}

    .top-content-wrap .right-info i {
        margin-right: 3px;
        color: #000;
        line-height: 40px;
        display: block;
        font-size: 20px;
    }

    .top-content-wrap .right-info li:last-child {
        margin-right: 0;
    }

/*Bottom Header */
.bottom-header {
    background-color: #2E3192;
    position: relative;
}

.bottom-content-wrap {
    display: flex;
    align-items: center;
}

#mainmenu {
    display: inline-block;
}

    #mainmenu li {
        position: relative;
        padding-left: 20px;
        display: inline-block;
        text-align: left;
        font-weight: 500;
        color: #000;
        font-size: 17px;
        cursor: pointer;
    }

        #mainmenu li a {
            color: #000;
            font-weight: 500;
            padding: 24px 0;
            display: inline-block;
            font-size: 17px;
        }

            #mainmenu li a:hover {
                color: #2e3192;
            }

        /*Dropdown */
        #mainmenu li ul {
            background-color: #fff;
            width: 270px;
            height: auto;
            position: absolute;
            left: 0;
            top: 140%;
            visibility: hidden;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            z-index: 999;
        }

        #mainmenu li:hover > ul {
            visibility: visible;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            top: 100%;
        }

        #mainmenu li ul li {
            border-bottom: 1px solid #eaeaea;
            display: block;
            position: relative;
        }

            #mainmenu li ul li:last-child {
                border: none;
            }

            #mainmenu li ul li a {
                line-height: 45px;
                display: block;
                padding: 0 10px;
                font-size: 15px;
                font-weight: 500;
                color: #555;
                -webkit-transition: color 0.3s ease 0s, padding 0.3s ease 0s;
                transition: color 0.3s ease 0s, padding 0.3s ease 0s;
            }

        #mainmenu li > ul > li:hover a {
            color: #2e3192;
        }

        #mainmenu li > ul ul {
            background-color: #fff;
            left: 200px;
        }

        #mainmenu li > ul li:hover > ul li a {
            color: #555;
        }

        #mainmenu li ul li:hover > ul {
            top: 0;
            opacity: 1;
            visibility: visible;
        }

        #mainmenu li > ul li:hover > ul li > a:hover {
            background-color: transparent;
            color: #fff;
        }

        #mainmenu li ul li li a:hover {
            color: #ffca3f !important;
        }

/*Mobile Menu */
.slicknav_menu {
    background: none;
    padding: 4px 0;
    display: none;
    z-index: 999;
}

.slicknav_nav {
    background-color: #fff;
}

.js .slicknav_menu {
    width: 100%;
    position: absolute;
    right: 0;
    top: 71px;
}

.slicknav_btn {
    /*background-color: transparent;*/
    background-color: #2e3192;
    margin: 13px 14px 14px 0;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row,
.slicknav_nav a,
.slicknav_nav a:hover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 10px 15px;
    margin: 0;
    color: #555;
}

    .slicknav_nav a .caret {
        display: none;
    }

.slicknav_nav ul {
    margin: 0;
}

    .slicknav_nav ul li a {
        padding-left: 30px;
        padding: 6px 15px;
        /*font-size: 12px;*/
    }

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
    background-color: transparent;
    color: #282828;
}

/* ==========================================================================
    3.0 Slider Section
    ========================================================================== */
.slider-section {
}

.slider-text {
    width: 100%;
    text-align: start;
}

    .slider-text h1 {
        font-size: 62px;
        font-weight: 800;
        color: #342A21;
        line-height: 1.2;
    }

    .slider-text h5 {
        font-weight: 600;
        color: #2E3192;
        font-size: 26px;
    }

.nivo-caption a {
    display: inline-block !important;
}

.slider-text p {
    color: #342A21;
    font-size: 16px;
    margin-bottom: 15px;
}

.slider-wrapper {
    position: relative;
}

.nivo-caption {
    height: 100%;
    opacity: 1;
    background: transparent;
    overflow: visible;
}

/* nivo directionNav css */
.nivo-directionNav a {
    font-size: 13px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff !important;
    top: calc(50% - 20px);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .nivo-directionNav a.nivo-prevNav {
        left: 25px;
    }

    .nivo-directionNav a.nivo-nextNav {
        right: 25px;
    }

.slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
    left: 15px;
    opacity: 0.7;
}

.slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
    right: 15px;
    opacity: 0.7;
}

.nivo-directionNav a:hover {
    opacity: 1 !important;
}

/* nivo controlNav css */
.nivo-controlNav {
    padding: 0;
    position: absolute;
    z-index: 12;
    bottom: 30px;
    width: 100%;
}

    .nivo-controlNav a {
        background-color: transparent;
        width: 12px;
        height: 12px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        display: inline-block;
        font-size: 0;
        cursor: pointer;
        margin: 0 5px;
        transition: all 0.3s linear;
        line-height: 12px;
    }

        .nivo-controlNav a.active {
            background-color: #2caee2;
        }

/* ==========================================================================
    4.0 Promo Section
    ========================================================================== */
.promo-section {
    display: block;
    /*margin-top: -73px;*/
    background: #F2F2F2;
}





.download-npc button {
    background: transparent;
    border: none;
    color: black;
    text-align: left;
}

    .download-npc button:hover {
        background: transparent;
        color: black;
    }

.promo-content {
    padding: 30px 30px;
    border-right: none;
    display: inline-flex;
    justify-content: flex-start;
    line-height: 22px;
}

    .promo-content h3 {
        font-size: 18px;
        letter-spacing: -1px;
    }

    .promo-content p {
        font-size: 14px;
        margin-bottom: 0px !important;
    }

.enquiry-now {
    text-align: center;
}

    .enquiry-now a {
        width: 300px !important;
        margin: auto;
        text-align: center;
        background: blue;
        padding: 9px 25px;
        border-radius: 8px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        position: relative;
        /*top: 200px;
    left: 56px;*/
    }

.promo-content img {
    margin-bottom: 0px;
    margin-right: 15px;
}

.promo-content a {
    color: #555;
    font-size: 14px;
    font-weight: 600;
}

    .promo-content a:hover {
        text-decoration: underline;
        color: #f8b864;
    }

.promo-section-2 .promo-content {
    padding: 0 30px;
}

.promo-section-2 .row .col-md-4:last-child > .promo-content {
    border: none;
}

/* ==========================================================================
    5.0 Causes Section
    ========================================================================== */
.causes-section {
    position: relative;
    z-index: 1;
}

.causes-content img {
    width: 100%;
}

.causes-thumb {
    position: relative;
}

    .causes-thumb img:hover {
        opacity: 0.8;
    }

    .causes-thumb .progress {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10px;
        border-radius: 0;
        background-color: transparent;
        overflow: inherit;
    }

        .causes-thumb .progress .progress-bar {
            background-color: #f8b864;
            position: relative;
        }

            .causes-thumb .progress .progress-bar span {
                position: absolute;
                display: block;
                background-color: #f8b864;
                right: -2px;
                top: -10px;
                height: 30px;
                width: 30px;
                line-height: 30px;
                border-radius: 50%;
                font-weight: 600;
                font-size: 12px;
            }

                .causes-thumb .progress .progress-bar span:before {
                    width: 50px;
                    height: 50px;
                    content: "";
                    position: absolute;
                    left: -10px;
                    top: -10px;
                    border-radius: 50%;
                    border: 10px solid rgba(248, 184, 100, 0.8);
                }

.causes-details {
    background-color: #fff;
    padding: 40px 30px;
    border: 1px dashed #ccc;
    padding-top: 25px;
}

    .causes-details h3 {
        font-size: 24px;
        line-height: 30px;
    }

.causes-content .donate-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(248, 184, 100, 0.8);
    color: #fff;
    font-size: 14px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

    .causes-content .donate-btn i {
        margin-left: 5px;
        font-size: 12px;
    }

    .causes-content .donate-btn:hover {
        background-color: #f8b864;
        transition: all 0.2s ease-in-out;
    }

.donation-box p {
    display: inline-block;
    margin-right: 10px;
}

.donation-box i {
    color: #f8b864;
    margin-right: 5px;
}

.causes-content .read-more {
    color: #999;
}

    .causes-content .read-more:hover {
        color: #f8b864;
        text-decoration: underline;
    }

/* ==========================================================================
    6.0 About Section
    ========================================================================== */
.about-section {
    position: relative;
}

.about-wrap {
    display: flex;
    align-items: center;
}

    .about-wrap img {
        width: 100%;
        margin-bottom: 15px;
    }

        .about-wrap img:hover {
            opacity: 0.8;
        }

.profile-wrap {
    background-color: #fafafa;
    text-align: center;
    padding: 30px;
    border: 2px dashed #ddd;
}

    .profile-wrap h3 {
        font-size: 22px;
    }

    .profile-wrap .profile {
        width: 120px;
        height: 120px;
        margin-bottom: 20px;
        border-radius: 50%;
    }

    .profile-wrap span {
        display: block;
        font-size: 12px;
        font-family: "Jost", sans-serif;
        color: #999;
        margin-top: 5px;
    }

.about-image img {
    width: 100%;
    border-radius: 5px;
}

.about-content h2 {
    font-size: 42px;
    margin-bottom: 20px;
}

/* ==========================================================================
    7.0 Campaigns Section
    ========================================================================== */
.campaigns-section {
    background-image: url(../img/featured-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0;
}

.campaigns-wrap h4 {
    background-color: rgba(248, 184, 100, 0.8);
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
}

.campaigns-wrap h2 {
    color: #fff;
    font-size: 42px;
}

.campaigns-wrap p {
    color: #ddd;
    margin-bottom: 30px;
}

.campaigns-wrap .progress {
    width: 100%;
    height: 10px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.2);
    overflow: inherit;
    margin-bottom: 40px;
}

    .campaigns-wrap .progress .progress-bar {
        background-color: #f8b864;
        position: relative;
        border-radius: 30px;
    }

        .campaigns-wrap .progress .progress-bar span {
            position: absolute;
            display: block;
            background-color: #f8b864;
            right: -2px;
            top: -10px;
            height: 30px;
            width: 30px;
            line-height: 30px;
            border-radius: 50%;
            font-weight: 600;
            font-size: 12px;
        }

            .campaigns-wrap .progress .progress-bar span:before {
                width: 50px;
                height: 50px;
                content: "";
                position: absolute;
                left: -10px;
                top: -10px;
                border-radius: 50%;
                border: 10px solid rgba(248, 184, 100, 0.8);
            }

.campaigns-wrap .donation-box h3 {
    display: inline-block;
    color: #fff;
    margin-right: 30px;
    font-weight: 500;
    font-size: 18px;
}

.campaigns-wrap .donation-box {
    margin-bottom: 25px;
}

/*Video Style*/
.video-wrap {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

    .video-wrap img {
        width: 100%;
    }

    .video-wrap .play {
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in-out;
    }

        .video-wrap .play a {
            color: #fff;
            display: inline-block;
            background-color: transparent;
            width: 70px;
            height: 70px;
            line-height: 70px;
            border: 2px solid #ddd;
            border-radius: 50%;
            text-align: center;
        }

        .video-wrap .play:hover {
            background-color: rgba(0, 0, 0, 0);
            transition: all 0.2s ease-in-out;
        }

/* ==========================================================================
    8.0 Team Section
    ========================================================================== */
.team-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.team-wrap {
    padding: 0 30px;
}

    .team-wrap .col-md-6 {
        padding: 5px;
    }

.team-wrapper {
    display: flex;
}

.team-details img {
    width: 100%;
}

.team-details h3 {
    color: #f8b864;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}

.team-details .hover h3 span {
    display: block;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    color: #fff;
}

.team-details {
    overflow: hidden;
    position: relative;
}

    .team-details .hover {
        background: black;
        /* For browsers that do not support gradients */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 4));
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 70px 0 15px 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s linear;
    }

    .team-details:hover .hover {
        visibility: visible;
        opacity: 1;
    }

    .team-details:hover img {
        transform: scale(1.1);
    }

/*Check List Style*/
.check-list {
    margin: 20px 0 40px;
}

    .check-list li {
        font-family: "Jost", sans-serif;
        line-height: 35px;
    }

    .check-list i {
        color: #f8b864;
        margin-right: 10px;
    }


/* ==========================================================================
    9.0 Counter Section
    ========================================================================== */
.counter-section {
    background-image: url(../img/counters-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0;
}

.counters {
}

    .counters .counter-content {
        display: block;
        text-align: center;
        color: #fff;
    }

        .counters .counter-content i {
            font-size: 36px;
        }

        .counters .counter-content h3 {
            font-size: 48px;
            margin: 10px 0;
            color: #f8b864;
            font-weight: 600;
        }

        .counters .counter-content h4 {
            font-size: 18px;
            margin: 0;
        }

/* ==========================================================================
    10.0 Event Section
    ========================================================================== */
.event-section {
    background: #E8E8FF !important;
}

.events-item {
    position: relative;
}

    .events-item .event-thumb {
        width: 300px;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
        overflow: hidden;
        justify-content: center;
        display: flex;
    }

.event-details {
    /* background-color: #fafafa; */
    padding: 30px 15px;
    /* border: 1px dashed #ddd; */
}

.event-info i {
    color: #2E3192;
    margin-right: 10px;
}

.event-info p {
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
}

.event-info {
    margin-bottom: 10px;
}

/*Owl Navigation*/
.owl-nav {
}

    .owl-nav div {
        background-color: #2E3191;
        color: #fff;
        border-radius: 100px;
        width: 50px;
        height: 50px;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        left: -66px;
        top: calc(50% - 27px);
        transition: all 0.5s ease-in-out;
        padding: 7px 0;
    }

        .owl-nav div:hover {
            opacity: 1;
            transition: all 0.5s ease-in-out;
        }

        .owl-nav div.owl-next {
            left: auto;
            right: -70px;
        }

/* ==========================================================================
    11.0 Testimonial Section
    ========================================================================== */
.testimonial-section {
}

.testimonial-item {
    background-color: #e8e8ff;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.testi-footer img {
    width: 70px !important;
    height: 70px;
    border-radius: 50%;
}

.testi-footer span {
    display: block;
    font-family: "Jost", sans-serif;
    color: #999;
    font-size: 14px;
}

.testi-footer h4 {
    font-size: 18px;
    padding-left: 10px;
}

.testi-footer {
    display: flex;
    align-items: center;
}

/*Owl Carousel Dots*/
.testimonial-carousel .owl-dots {
    display: block;
    text-align: center;
}

    .testimonial-carousel .owl-dots .owl-dot {
        background-color: #ddd;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin: 0 3px;
        transition: all 0.5s ease-in-out;
    }

        .testimonial-carousel .owl-dots .owl-dot.active {
            background-color: #2e3192;
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            transition: all 0.5s ease-in-out;
        }

/* ==========================================================================
    12.0 Sponsor Section
    ========================================================================== */
.sponsor-section {
    padding: 30px 0;
}

    .sponsor-section .sponsor-item img {
        width: 100%;
        padding: 20px;
        opacity: 0.8;
    }

    .sponsor-section .sponsor-items li img:hover {
        opacity: 1;
    }

/* ==========================================================================
    13.0 Widget Section
    ========================================================================== */
.widget-section {
    background-color: white;
    background-position: right 150px center;
    background-repeat: no-repeat;
    border-top: #ccc 1px solid;
    width: 100%;
    height: 100%;
}

.widget-content {
}

    .widget-content img {
        margin-bottom: 15px;
    }

    .widget-content p {
        color: #000;
        font-size: 15px;
    }

    .widget-content h3 {
        color: #2e3192;
        font-size: 23px;
    }

    .widget-content .social-icon li {
        display: inline-block;
        margin-right: 15px;
    }

        .widget-content .social-icon li a {
            display: inline-block;
            color: #f8b864;
        }

            .widget-content .social-icon li a:hover {
                color: #fff;
            }

    .widget-content .widget-link li a {
        color: #000;
        font-size: 15px;
        margin-bottom: 0;
        display: block;
    }

        .widget-content .widget-link li a:hover {
            color: #2e3192;
            text-decoration: underline;
        }

    .widget-content .address li {
        margin-bottom: 5px;
        display: block;
        font-family: "Jost", sans-serif;
        color: #000;
    }

        .widget-content .address li i {
            color: #2e3192;
            margin-right: 10px;
        }

/* ==========================================================================
    14.0 Hero Section
    ========================================================================== */
.hero-section {
    background-image: url(../img/hero-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 530px;
    display: flex;
    align-items: center;
}

.hero-content h1 {
    font-size: 52px;
    color: #fff;
    display: inline-block;
}

.hero-content h4 {
    color: #f8b864;
}

.hero-content p {
    color: #ddd;
}

/* ==========================================================================
    15.0 Page Header Section
    ========================================================================== */
.pager-header {
    background-image: url(../img/Enquiry.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 300px;
    display: flex;
    align-items: center;
}

.psychological-tests {
    background-image: url(../img/Psychological-Tests.jpg);
}

.Psychological-Apparatus {
    background-image: url(../img/Psychological-Apparatus.jpg);
}

.inner-banner {
    position: relative;
    background: #3a3a3a;
    margin-bottom: 0px;
    min-height: 300px;
    overflow: hidden;
}

    .inner-banner img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .inner-banner .banner-content {
        position: absolute;
        top: 90px;
        left: 10%;
        z-index: 99;
    }

    .inner-banner h2 {
        color: #fff;
        font-size: 40px;
        line-height: 50px;
    }

    .inner-banner .breadcrumb {
        background-color: transparent;
        padding: 0;
    }

        .inner-banner .breadcrumb li a {
            font-weight: 600;
            color: #ddd;
            font-family: "Poppins", sans-serif;
            text-transform: uppercase;
            font-size: 12px;
        }

        .inner-banner .breadcrumb .active {
            color: #f8b864;
            font-weight: 600;
            font-family: "Poppins", sans-serif;
            text-transform: uppercase;
            font-size: 12px;
        }

.books {
    background-image: url(../img/books.jpg);
}

.aboutbrd {
    background-image: url(../img/aboutbrd.jpg);
}

.founder {
    background-image: url(../img/founderbrd.jpg);
}

.director {
    background-image: url(../img/director.jpg);
}

.samadhan {
    background-image: url(../img/samadhan-kendra.jpg);
}

.contactbrd {
    background-image: url(../img/contact.jpg);
}

.cognistat {
    width: 100%;
}

    .cognistat img {
        width: 100%;
    }

.pager-header h2 {
    color: #fff;
    font-size: 42px;
    line-height: 50px;
    width: 550px;
}

.pager-header p {
    color: #ddd;
}

/*Breadcrumb */
.breadcrumb {
    background-color: transparent;
    padding: 0;
}

    .breadcrumb li {
    }

        .breadcrumb li a {
            font-weight: 600;
            color: #ddd;
            font-family: "Poppins", sans-serif;
            text-transform: uppercase;
            font-size: 12px;
        }

            .breadcrumb li a:hover {
                text-decoration: underline;
            }

    .breadcrumb .active {
        color: #f8b864;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        text-transform: uppercase;
        font-size: 12px;
    }

/*404 Error Section*/
.error-section {
}

.error-content h2 {
    font-size: 120px;
}

/* ==========================================================================
    16.0 CTA Section
    ========================================================================== */
.cta-section {
    background-image: url(../img/cta-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 300px;
}

    .cta-section .cta-content h2 {
        color: #fff;
        font-size: 42px;
    }

    .cta-section .cta-content p {
        color: #ddd;
    }

/* ==========================================================================
    17.0 Gallery Section
    ========================================================================== */
.gallery-items .col-lg-4 {
    padding: 15px;
}

.gallery-filter {
    width: 100%;
}

    .gallery-filter li {
        margin-right: 10px;
        display: inline-block;
        font-size: 15px;
        font-family: "Jost", sans-serif;
        font-weight: 500;
        background-color: #f7f7f7;
        border: 1px dashed #ddd;
        padding: 10px 20px;
        border-radius: 2px;
        cursor: pointer;
    }

        .gallery-filter li.active {
            background-color: #f8b864;
            color: #fff;
        }

.gallery-wrap {
    position: relative;
    overflow: hidden;
}

    .gallery-wrap img {
        width: 100%;
    }

    .gallery-wrap .hover {
        background-color: rgba(0, 0, 0, 0.8);
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        left: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: scale(0.9);
        transition: all 0.3s ease-in-out;
    }

        .gallery-wrap .hover a {
            background-color: #f8b864;
            color: #fff;
            height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            display: inline-block;
            border-radius: 50%;
        }

    .gallery-wrap:hover .hover {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        transition: all 0.3s ease-in-out;
    }

/* ==========================================================================
    18.0 Blog Section
    ========================================================================== */
.blog-section {
}

.blog-items {
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

.left-sidebar .blog-items {
    border-right: none;
    border-left: 1px solid #ddd;
    padding-right: 0;
    padding-left: 10px;
}

.blog-post {
    transition: all 0.3s ease;
}

    .blog-post img {
        width: 100%;
    }

    .blog-post:hover {
        box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
    }

.blog-content {
    background-color: #fff;
    padding: 40px 30px;
}

.blog-post .blog-content h3 {
    font-weight: 600;
    font-size: 22px;
}

.blog-post .blog-content a {
    color: #282828;
}

    .blog-post .blog-content a:hover {
        opacity: 0.8;
    }

span.date {
    font-family: "Poppins", sans-serif;
    color: #999;
    font-weight: 500;
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
}

.blog-post .blog-content .post-meta {
    font-weight: 500;
    font-size: 14px;
    color: #282828;
    letter-spacing: -0.2px;
}

    .blog-post .blog-content .post-meta:hover {
        opacity: 0.8;
        text-decoration: underline;
    }

/*Blog List*/
.list-items .blog-post {
    border: 1px solid #eee;
    margin: 0;
    margin-bottom: 15px;
}

    .list-items .blog-post img {
        margin-bottom: 0;
    }

    .list-items .blog-post .col-md-6:first-child {
        padding-left: 0;
    }

    .list-items .blog-post .blog-content {
        padding: 34px 0;
    }



/*Single Post Style*/
.single-post {
}

    .single-post img {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        margin-bottom: 20px;
    }

    .single-post h2 {
        font-weight: 600;
        font-size: 38px;
    }

    .single-post .meta-info {
        margin-bottom: 25px;
    }

        .single-post .meta-info span {
            font-family: "Poppins", sans-serif;
            font-weight: 600;
            color: #999;
            text-transform: uppercase;
            font-size: 12px;
            margin-right: 15px;
        }

        .single-post .meta-info a {
            font-weight: 800;
            color: #555;
        }

        .single-post .meta-info i {
            color: #555;
        }

/*Social Share*/
.share-wrap {
    margin-top: 25px;
    margin-bottom: 50px;
    width: 100%;
}

    .share-wrap h4 {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 14px;
    }

.share-icon {
    display: inline-block;
}

    .share-icon li {
        display: inline-block;
        margin-right: 10px;
    }

    .share-icon i {
        margin-right: 5px;
    }

    .share-icon li:nth-child(1) a {
        background-color: #3B5998;
    }

    .share-icon li:nth-child(2) a {
        background-color: #1DCAFF;
    }

    .share-icon li:nth-child(3) a {
        background-color: #DB4A39;
    }

    .share-icon li:nth-child(4) a {
        background-color: #e4405f;
    }

    .share-icon li:nth-child(5) a {
        background-color: #0077B5;
    }

    .share-icon li a {
        display: inline-block;
        font-size: 13px;
        color: #fff;
        padding: 5px 10px;
        border-radius: 3px;
        font-weight: 600;
    }

        .share-icon li a:hover {
            box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
        }

/*Comments Style*/
.comments-wrapper {
    width: 100%;
}

    .comments-wrapper h4 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 800;
    }

.comments-list {
    margin-top: 30px;
    position: relative;
    margin-bottom: 50px;
}

    /*Lines Details*/
    .comments-list:before {
        content: '';
        width: 2px;
        height: 100%;
        background: #eee;
        position: absolute;
        left: 32px;
        top: 0;
    }

    .comments-list:after {
        content: '';
        position: absolute;
        background: #eee;
        bottom: 0;
        left: 29px;
        width: 7px;
        height: 7px;
        border: 3px solid #dee1e3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.reply-list:before,
.reply-list:after {
    display: none;
}

.reply-list li:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #eee;
    position: absolute;
    top: 25px;
    left: -55px;
}


.comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative;
}

    .comments-list li:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        width: 0;
    }

.reply-list {
    padding-left: 88px;
    clear: both;
    margin-top: 15px;
}

/*Avatar*/
.comments-list .comment-avatar {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin-right: 10px;
}

    .comments-list .comment-avatar img {
        width: 100%;
        height: 100%;
    }

.reply-list .comment-avatar {
    width: 50px;
    height: 50px;
}

.comment-main-level:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}

/*Comment List*/
.comments-list .comment-box {
    width: 740px;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

    .comments-list .comment-box:before,
    .comments-list .comment-box:after {
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        display: block;
        border-width: 10px 12px 10px 0;
        border-style: solid;
        border-color: transparent #FCFCFC;
        top: 8px;
        left: -11px;
    }

    .comments-list .comment-box:before {
        border-width: 11px 13px 11px 0;
        border-color: transparent rgba(0, 0, 0, 0.05);
        left: -12px;
    }

.reply-list .comment-box {
    width: 665px;
}

.comment-box .comment-head {
    background: #FCFCFC;
    padding: 10px 12px;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

    .comment-box .comment-head i {
        float: right;
        margin-left: 14px;
        position: relative;
        top: 2px;
        color: #A6A6A6;
        cursor: pointer;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .comment-box .comment-head i:hover {
            color: #03658c;
        }

.comment-box .comment-name {
    color: #283035;
    font-size: 14px;
    font-weight: 600;
    float: left;
    margin-right: 10px;
}

    .comment-box .comment-name a {
        color: #283035;
    }

.comment-box .comment-head span {
    float: left;
    color: #999;
    font-size: 13px;
    position: relative;
    top: 1px;
}

.comment-box .comment-content {
    background: #FFF;
    padding: 12px;
    font-size: 15px;
    color: #595959;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author,
.comment-box .comment-name.by-author a {
    color: #03658c;
}

    .comment-box .comment-name.by-author:after {
        content: 'autor';
        background: #03658c;
        color: #FFF;
        font-size: 12px;
        padding: 3px 5px;
        font-weight: 600;
        margin-left: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }


/*Comment Form*/
.comment-form h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
}

.comment-form .form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    background-color: transparent;
}

    .comment-form .form-control.message {
        height: 150px;
    }

#form-messages {
    display: none;
}

    #form-messages.alert-danger,
    #form-messages.alert-success {
        display: block;
    }

/* ==========================================================================
    19.0 Sidebar Section
    ========================================================================== */
.sidebar-wrap {
    padding-left: 10px;
}

.left-sidebar .sidebar-wrap {
    padding-right: 10px;
    padding-left: 0;
}

.sidebar-widget h4 {
    font-weight: 500;
    font-size: 22px;
    color: #282828;
    margin-bottom: 25px;
}

.search-form {
    position: relative;
    margin-left: -2px;
}

    .search-form .form-control {
        background-color: transparent;
        box-shadow: none;
        width: 100%;
        display: block;
        border: 1px solid #ddd;
        clear: #282828;
        height: auto;
        padding: 10px 20px;
        border-radius: 3px;
        padding-right: 60px;
    }

    .search-form .search-btn {
        background-color: transparent;
        font-size: 24px;
        color: #888;
        width: 60px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        padding: 10px 0;
        opacity: 0.6;
    }

        .search-form .search-btn:focus,
        .search-form .search-btn:hover {
            opacity: 1;
        }

    .search-form input::-webkit-input-placeholder {
        color: #888 !important;
    }

    .search-form input:-moz-placeholder {
        /* Firefox 18- */
        color: #888 !important;
    }

    .search-form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #888 !important;
    }

    .search-form input:-ms-input-placeholder {
        color: #888 !important;
    }

/*Category List*/
.cat-list {
    margin-top: -10px;
}

    .cat-list li a {
        font-weight: 500;
        font-size: 15px;
        color: #282828;
        letter-spacing: -.4px;
        line-height: 36px;
        font-style: normal;
    }

    .cat-list li span {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        color: #bbb;
        margin-left: 5px;
        font-size: 10px;
    }

/*Recent Posts*/
.recent-posts {
}

    .recent-posts li {
        position: relative;
        padding-left: 90px;
        display: flex;
        align-items: center;
        min-height: 50px;
        margin-bottom: 15px;
    }

        .recent-posts li a {
            color: #555;
        }

            .recent-posts li a:hover {
                opacity: 0.8;
            }

        .recent-posts li img {
            position: absolute;
            left: 0;
            top: 0;
            width: 80px;
        }

            .recent-posts li img:hover {
                box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
            }

        .recent-posts li h4 {
            text-transform: inherit;
            margin-bottom: 0;
            display: block;
            font-size: 15px;
        }

/*Tags*/
.tags {
    margin: -3px 0;
}

    .tags li {
        display: inline-block;
        float: left;
        margin: 3px;
    }

        .tags li a {
            display: inline-block;
            font-weight: 500;
            font-size: 14px;
            color: #555;
            background-color: #ddd;
            padding: 5px 15px;
            border-radius: 3px;
        }

            .tags li a:hover {
                box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
            }

/* Pagination 
    =============== */
.pagination_wrap {
}

    .pagination_wrap li {
        display: inline-block;
        margin: 0 5px;
    }

        .pagination_wrap li a {
            border: 1px solid #ddd;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 38px;
            text-align: center;
            color: #555;
            font-weight: 600;
        }

            .pagination_wrap li a:hover {
                opacity: 1;
                text-decoration: none;
                box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.20);
            }

            .pagination_wrap li a.active {
                background-color: #f8b864;
                border: 1px solid #f8b864;
                color: #fff;
            }

/* ==========================================================================
    20.0 Contact Section
    ========================================================================== */
.contact-section {
    position: relative;
    z-index: 1;
}

.contact-wrap {
    background-color: #f2f2f2;
    padding: 80px 50px;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
    margin-top: 110px;
    border-radius: 5px;
}

.contact-section h3 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}

.contact-info ul li {
    line-height: 40px;
    display: flex;
    align-items: center;
}

    .contact-info ul li i {
        margin-right: 10px;
        color: #999;
        font-size: 20px;
    }

.contact-info ul li {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    line-height: 25px;
    font-size: 16px;
}

/*Contact Form*/
.contact-form .form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    background-color: #fff;
    font-size: 15px !important;
}

    .contact-form .form-control.message {
        height: 100px;
    }

#form-messages {
    display: none;
}

    #form-messages.alert-danger,
    #form-messages.alert-success {
        display: block;
    }

/*Google Map*/
#google_map {
    width: 100%;
    height: 350px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .team-content h2 {
        text-align: left;
        line-height: 37px;
    }

    .head-social {
        margin-top: 10px;
    }
}
/* ==========================================================================
    21.0 Footer Section
    ========================================================================== */
.footer-section {
    display: block;
    background-color: #e8e8ff;
    padding: 20px 0;
    text-align: center;
}

    .footer-section .copyright {
        font-size: 15px;
        color: #000;
    }

.footer-social {
    display: block;
    text-align: right;
}

    .footer-social li {
        display: inline-block;
    }

        .footer-social li a {
            color: #ddd;
            font-size: 15px;
            margin-left: 20px;
        }

            .footer-social li a:hover {
                color: #f8b864;
            }

/* ==========================================================================
    22.0 Scroll To Top
    ========================================================================== */
#scroll-to-top {
    background-color: #2e3192;
    display: none;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    line-height: 45px;
    border-radius: 50%;
    color: #fff;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 999;
}

    #scroll-to-top:hover {
        background-color: #ffb451;
        color: #fff;
    }

.bottom-header .input-group-text {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    align-self: center;
    height: 50px;
    padding: 13px;
}

.bottom-header .form-control {
    border: none;
}

.bottom-header input.form-control {
    height: 50px;
}

.bottom-header .input-group.flex-nowrap {
    border-radius: 100px;
    overflow: hidden;
}

.bottom-header .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(255 255 255 / 25%);
}

.top-header button#dropdownMenuButton1 {
    background: #2E3192 !important;
}

.check-list-new {
    list-style-type: disc;
    position: relative;
    right: -444px;
    width: 200px;
    top: -165px;
}

.team-content h2 {
    font-size: 35px;
    color: #282828;
    margin: 0 0 8px;
    font-weight: 700;
    line-height: 60px;
}

.promo-wrap {
    background: #E8E8FF;
    padding: 40px 0;
}

.team-section.padding {
    padding: 80px 0;
}

.promo-content {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.hand-book-sec .section-heading.text-center.mb-40 {
    display: flex;
    justify-content: space-between;
}

.hand-book-sec {
    background: #E8E8FF url(../img/book-bg.png) top;
}

    .hand-book-sec .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid #2E3192;
        border-radius: 22px;
        overflow: hidden;
        padding: 25px 0 0 0;
        height: 393px;
    }

.event-details h3 {
    font-size: 16px !important;
    font-weight: 500;
}

.hand-book-sec .owl-carousel .owl-item img {
    display: block;
    width: 125px;
    -webkit-transform-style: preserve-3d;
}

.subscribe {
    position: relative;
    z-index: 999;
    margin-top: -70px;
    background: #2e3192;
    padding: 35px 60px;
    border-radius: 20px;
    color: #fff;
    margin-bottom: 40px;
}

    .subscribe h2 {
        line-height: 30px;
    }

    .subscribe .custom-search {
        position: relative;
    }

    .subscribe .custom-search-input {
        width: 100%;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 10px 100px 10px 20px;
        line-height: 1;
        color: #fff;
        box-sizing: border-box;
        outline: none;
        background: #2e319200;
    }

    .subscribe input::placeholder {
        color: #fff !important;
    }

    .subscribe .custom-search-botton {
        position: absolute;
        right: 5px;
        top: 5px;
        bottom: 5px;
        border: 0;
        background: #dadaf9;
        color: #000;
        outline: none;
        margin: 0;
        padding: 0 20px;
        border-radius: 10px;
        z-index: 2;
    }

.c-box {
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
    position: relative;
    margin-bottom: 20px;
}

    .c-box h3 {
        color: #fff;
        text-decoration: none;
        font-size: 17px;
        padding: 14px;
        padding-left: 70px;
        background: #7389f9;
    }

        .c-box h3 span {
            height: 52px;
            background: #2e3192;
            color: #fff;
            width: 56.5px;
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
            text-align: center;
            line-height: 57px;
        }

        .c-box h3:hover {
            background: #2e3192;
            color: #fff;
        }

            .c-box h3:hover span {
                background: #7389f9;
            }

.h-30 {
    height: 63px;
}


.wrapper-1 {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.wrapper-2 {
    padding: 30px;
    text-align: center;
}

    .wrapper-2 h1 {
        font-family: 'Kaushan Script', cursive;
        font-size: 4em;
        letter-spacing: 3px;
        color: #2E3192;
        margin: 0;
        margin-bottom: 20px;
    }

    .wrapper-2 p {
        margin: 0;
        font-size: 1.3em;
        color: #aaa;
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: 1px;
    }

.go-home {
    color: #fff;
    background: #2E3192;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
    position: relative;
    top: 40px;
}

.footer-like {
    margin-top: auto;
    background: #D7E6FE;
    padding: 6px;
    text-align: center;
}

    .footer-like p {
        margin: 0;
        padding: 4px;
        color: #2E3192;
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: 1px;
    }

        .footer-like p a {
            text-decoration: none;
            color: #2E3192;
            font-weight: 600;
        }

@media (min-width:360px) {
    h1 {
        font-size: 4.5em;
    }

    .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width:600px) {
    .content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .wrapper-1 {
        height: 322px;
        max-width: 620px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
}

.card {
    width: 100%;
    background: white;
    position: relative;
    transition: 0.4s ease-out;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}

    .card:hover {
        transform: translateY(20px);
    }

        .card:hover:before {
            opacity: 1;
        }

        .card:hover .info {
            opacity: 1;
            transform: translateY(0px);
        }

    .card:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 2;
        transition: 0.5s;
        opacity: 0;
    }
    /*.card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}*/
    .card .info {
        position: absolute;
        z-index: 3;
        color: white;
        opacity: 0;
        transform: translateY(30px);
        transition: 0.5s;
        right: 0;
        left: 0;
        padding: 80px 15px 0;
    }

        .card .info h1 {
            margin: 0px;
        }

        .card .info p {
            letter-spacing: 1px;
            font-size: 15px;
            margin-top: 8px;
        }

        .card .info button {
            padding: 0.6rem;
            outline: none;
            border: none;
            border-radius: 3px;
            background: white;
            color: black;
            font-weight: bold;
            cursor: pointer;
            transition: 0.4s ease;
        }

            .card .info button:hover {
                background: dodgerblue;
                color: white;
            }

.category-images {
    width: 100%;
    height: 260px;
    overflow: hidden;
}

    .category-images img {
        object-fit: contain;
        width: 100%;
        height: 100%;
        padding: 20px 0;
    }

.name-rs {
    padding: 2px 10px;
    color: white;
    font-size: 15px;
    text-transform: capitalize;
}

    .name-rs h3 {
        text-align: center;
        color: #2e3192;
        font-size: 15px;
        height: 66px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.product-mrp {
    color: #000;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

    .product-mrp span {
        color: #ed0000;
    }

.products-category {
    margin-bottom: 15px;
    /*height: 380px;*/
    border-radius: 12px;
    padding-bottom: 8px;
}

.book-colage {
    margin-bottom: 15px;
}

    .book-colage .img {
        border-radius: 50%;
        width: 275px;
        height: 275px;
        background: #f2f2f2;
        overflow: hidden;
        margin: auto;
        border-top: #ffffff 4px solid;
        border-bottom: #ffffff 4px solid;
    }

    .book-colage h3 {
        margin-top: 15px;
        font-size: 25px;
    }

.breadcrumb-item + .breadcrumb-item::before {
    color: #dddddd !important;
}

button, input, optgroup, select, textarea {
    font-size: 16px !important;
}

.book-colage img {
    width: 100%;
    height: 100%;
}

.about-slider img {
    width: 100%;
}

.search-wrapper {
    max-width: 600px;
    margin: 0px auto;
}

.search-box {
    position: relative;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    border-radius: 50px;
    transition: all 0.3s ease;
}

    .search-box:focus-within {
        box-shadow: 0 3px 20px rgba(0,0,0,0.1);
        transform: translateY(-2px);
    }

.search-input {
    border-radius: 50px;
    padding-left: 15px;
    font-size: 12px !important;
    padding-right: 95px;
    border: 2px solid #0000000f;
    transition: all 0.3s ease;
    height: 40px;
}

    .search-input:focus {
        border-color: #0d6efd;
        box-shadow: none;
    }

.search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    z-index: 10;
}

.search-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50px;
    padding: 5px 15px;
    transition: all 0.3s ease;
    font-size: 13px !important;
}

    .search-button:hover {
        background-color: #0b5ed7;
        transform: translateY(-50%) scale(1.05);
    }

/* Dark theme search box */
.search-box.dark {
    background-color: #212529;
}

    .search-box.dark .search-input {
        background-color: #212529;
        color: #fff;
    }

        .search-box.dark .search-input::placeholder {
            color: #6c757d;
        }

    .search-box.dark .search-icon {
        color: #6c757d;
    }


.for-img-height {
    height: 254px !important;
    object-fit: cover !important;
}

.for-position {
    position: absolute;
    bottom: 40px;
}

.test-box {
    background: linear-gradient(90deg, hsla(24, 67%, 56%, 1) 0%, hsla(25, 80%, 67%, 1) 100%);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.test-box-sample {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    flex-wrap: wrap-reverse;
    background: white;
    margin-top: 20px;
    text-align: center;
}

    .test-box-sample button {
        box-shadow: 0 20px 30px rgba(39, 43, 55, 0.15);
        background: white;
        padding: 8px 0;
        width: 100% !important;
        text-align: center;
        padding-left: 15px;
        font-weight: 500;
        font-size: 16px;
        background: #27272a !important;
        color: white !important;
        transition: all 0.5s ease-in-out;
    }

    .test-box-sample .test-img {
        width: 100%;
    }

.text-box2 {
    background: linear-gradient(90deg, hsla(242, 60%, 66%, 1) 0%, hsla(243, 66%, 75%, 1) 100%);
}

.text-box3 {
    background: linear-gradient(90deg, hsla(190, 95%, 43%, 1) 0%, hsla(190, 96%, 67%, 1) 100%);
}

.text-box4 {
    background: linear-gradient(90deg, hsla(120, 35%, 45%, 1) 0%, hsla(79, 43%, 63%, 1) 100%);
}

.test-content button {
    box-shadow: 0 20px 30px rgba(39, 43, 55, 0.15);
    background: white;
    padding: 8px 0;
    width: calc(100% + 69px);
    text-align: left;
    padding-left: 15px;
    font-weight: 500;
    font-size: 16px;
    color: #27272a;
    transition: all 0.5s ease-in-out;
}

.test-content a {
    box-shadow: 0 20px 30px rgba(39, 43, 55, 0.15);
    background: white;
    padding: 8px 0;
    width: calc(100% + 69px) !important;
    text-align: left;
    padding-left: 15px;
    font-weight: 500;
    font-size: 16px;
    color: #27272a;
    transition: all 0.5s ease-in-out;
    display: block;
}

.enquiry-amount {
    background: #f4f4ff;
    border-radius: 10px;
    padding: 15px;
    margin-top: 30px;
    box-shadow: 0 10px 15px rgba(39, 43, 55, 0.15);
    border: 1px solid #dbdcfb;
}

    .enquiry-amount h2 {
        font-size: 25px;
        color: black;
        text-align: center;
        margin: 0;
    }

        .enquiry-amount h2 span {
            color: #0037a9;
            font-weight: 700;
        }

.test-content a:hover {
    background: #27272a;
    color: white;
    transition: all 0.5s ease-in-out;
}

.test-content button:hover {
    background: #27272a;
    color: white;
    transition: all 0.5s ease-in-out;
}

.test-names-head {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

    .test-names-head strong {
        font-weight: 700;
        color: #0037a9;
    }

.test-img img {
    width: 100%;
}

.test-content h3 {
    font-size: 20px;
    font-weight: 600;
    color: black;
}

.test-content {
    width: 100%;
}

.bottom-footer {
    box-shadow: 0px -3px 19.4px 0px #0000001A;
}

.foot-social ul {
    display: inline-flex;
    margin-top: 6px;
}

    .foot-social ul li {
        background: #2e3192;
        margin-left: 20px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        border-radius: 6px;
    }

        .foot-social ul li:first-child {
            margin-left: 0;
        }

        .foot-social ul li a {
            color: white;
        }

.npc-download a {
    color: white;
    font-size: 16px;
    font-weight: 600;
}

.npc-download {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer-pages ul li a {
    color: black;
    font-size: 16px;
    line-height: 35px;
    font-weight: 500;
}

.cbsc-img img {
    width: 100%;
}

.teacher-education {
    padding: 50px 0;
    background: #EAF1FF;
    border-bottom: 2px solid #3B66B7;
}

.porogrames-lists {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #dde1de;
    margin-bottom: 24px;
    background: white;
    padding: 8px;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
}

.program-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 160px;
}

    .program-img img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

.program-box {
    padding: 10px 30px;
    background-color: #0c2b67;
    border-radius: 12px;
    position: relative;
    margin-top: -40px;
    text-align: center;
}

    .program-box h5 {
        font-size: 17px;
        color: white;
        font-weight: 600;
        margin: 0;
        font-family: "Roboto Condensed", sans-serif;
        text-align: center;
    }

.psychological-charts {
    background: white;
    padding: 50px 0;
}

    .psychological-charts .container {
        background: #79a2da;
        border-radius: 50px;
        padding: 25px;
        border-bottom: 2px solid #6d2f85;
    }

.charts-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    gap: 30px;
}

.charts-box {
    width: 23%;
    background: white;
    border-radius: 10px;
    padding: 15px;
    box-shadow: rgba(9, 29, 62, 0.08) 0px 5px 83px 0px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .charts-box h6 {
        margin: 0;
        text-align: center;
        font-size: 16px;
        color: #2e2727;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 600;
    }

.human-chat {
    padding: 50px 0;
    background: #5b6787;
    position: relative;
}

.book-clip {
    position: absolute;
    top: -57px;
    z-index: 1;
    right: 9px;
    width: 117px;
}

.human-head {
    background: #e1bdf0;
    height: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #bd41ee;
    text-align: center;
    padding-top: 100px;
}

    .human-head img {
        width: 150px;
        margin: auto;
        margin-bottom: 15px;
    }

    .human-head h2 {
        color: black;
        font-weight: 600;
        font-size: 25px;
        line-height: 36px;
    }

.cbse-img {
    width: 100%;
    margin-top: 25px;
}

    .cbse-img img {
        width: 100%;
    }

.human-chat .container {
    background: #647193;
    padding: 25px;
    border-radius: 50px;
    border: 2px solid #6d7ca3;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.set-fifteen .charts-box h6 {
    font-family: "Roboto Condensed", sans-serif !important;
    font-weight: 600;
    color: #2b344b;
}

a.workshop {
    color: #fcff00 !important;
}

.workshop {
    text-align: right;
    color: #fcff00 !important;
    animation: blink 1s infinite;
}

.download-catalogue {
    text-align: left;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.workshop-box {
    width: 100%;
    margin-bottom: 15px;
    background: white;
    padding: 10px;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .workshop-box img {
        width: 100%;
        border-radius: 15px;
    }

a.download-catalogue {
    margin-left: 35px;
}

.modal-body.colaboration {
    position: relative;
}

button#closemodel {
    position: absolute;
    top: -11px;
    right: -9px;
    background: navajowhite;
}

.workshop-section {
    position: relative;
    transition: all 0.4s ease-in-out;
}

.workshop-row {
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    column-gap: 5rem;
    flex-flow: column;
    transition: all 0.4s ease-in-out;
}

.workshop-box {
    width: 100%;
    position: sticky;
    top: 15%;
    transition: all 0.4s ease-in-out;
}

.cogni-about {
    background-image: linear-gradient(to right top, #ffedd1, #dee4c7, #bfdac4, #a5cdc6, #96bec6);
    padding: 50px 0;
}

.cogni-content h2 {
    color: #2e3192;
    font-size: 52px;
    margin-bottom: 10px;
}

.cogni-list {
    list-style: none;
    display: inline-flex;
    width: 400px;
    flex-wrap: wrap;
    margin-top: 20px;
}

    .cogni-list li {
        width: 47%;
        padding: 10px 15px;
        background: #876aaf;
        color: white;
        border-radius: 5px;
        margin: 5px;
        font-size: 16px;
        font-weight: 600;
    }

.cogni-content p {
    color: black;
    font-size: 16px;
}

.why-cogni {
    background-image: url(../img/slider/cogni-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    background: #f6f5ff;
}

    .why-cogni h3 {
        color: #2e3192;
        font-size: 52px;
        margin-bottom: 20px;
        text-align: center;
        font-family: "Roboto Condensed", sans-serif;
    }

.cogni-about-img {
    text-align: right;
    margin-right: 20px;
}

.cogni-why-list {
    padding: 10px 15px;
    background: transparent;
    color: black;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
    border: 1px solid #4b4955;
    text-align: center;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
}

    .cogni-why-list:hover {
        background: #876aaf;
        transition: all 0.4s ease-in-out;
        border: 1px solid #876aaf;
        transform: translateY(-5px);
        background: linear-gradient(180deg, rgba(25, 24, 28, 0.2) 0%, rgba(97, 59, 255, 0.2) 100%);
    }

.powerfull-version {
    padding: 50px 0;
    background: url('../img/slider/powerfull.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: 100%;
    height: 640px;
}

.right-cogni-choose h3 {
    color: black;
    font-size: 40px;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 20px;
}

.right-cognistat {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.3); /* transparency (opacity) */
    backdrop-filter: blur(10px); /* blur effect */
    padding: 15px;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    margin: 20px 0;
}

.original-papertest {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.3); /* transparency (opacity) */
    backdrop-filter: blur(10px); /* blur effect */
    padding: 15px;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

    .original-papertest p {
        color: black;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .original-papertest h6 {
        font-size: 28px;
        color: #0B0F76;
        font-weight: 600;
        margin-bottom: 15px;
        font-family: "Roboto Condensed", sans-serif;
    }

    .original-papertest ul {
        margin-top: 7px;
    }

        .original-papertest ul li {
            list-style: circle;
            margin-left: 20px;
            width: 47%;
            color: #0B0F76;
            font-weight: 600;
            font-size: 16px;
            font-family: "Roboto Condensed", sans-serif;
        }

.right-cognistat h6 {
    font-size: 28px;
    color: #0B0F76;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: "Roboto Condensed", sans-serif;
}

.right-cognistat p {
    color: black;
    font-size: 18px;
    margin-bottom: 5px;
}

.right-cognistat ul {
    margin-top: 7px;
}

.right-cognistat li {
    color: #0B0F76;
    font-weight: 600;
    font-size: 16px;
    list-style: circle;
    margin-left: 20px;
    font-family: "Roboto Condensed", sans-serif;
}

.where-used {
    padding: 50px 0;
    background-image: linear-gradient(to right top, #494a47, #2e4f43, #00525f, #004e87, #433790);
}

    .where-used h2 {
        color: white;
        font-size: 45px;
        text-align: center;
        margin-bottom: 20px;
        font-family: "Roboto Condensed", sans-serif;
    }

.cognistat-white {
    background: white;
}

.used-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .used-box .nurosurgery {
        padding: 52px 38px;
        border-bottom: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
        transition-duration: .3s;
        transition-property: transform;
        transition-timing-function: ease-out;
        width: 20%;
        text-align: center;
        min-height: 165px;
        font-family: "Roboto Condensed", sans-serif;
    }

.nurosurgery h3 {
    color: #074560;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    font-family: "Roboto Condensed", sans-serif;
}

.nurosurgery:hover {
    background: #393a8f;
    box-shadow: 0px 20px 30px 0px rgb(0 0 0 / 20%);
    transform: translateY(-20px);
    color: white;
    border-right: 1px solid transparent;
}

    .nurosurgery:hover h3 {
        color: white;
    }

.who-can {
    background: #0f5b94;
    border-radius: 10px;
    padding: 10px;
    min-height: 210px;
    border: 1px solid #1173b6;
}

    .who-can h4 {
        color: white;
        font-size: 25px;
        font-family: "Roboto Condensed", sans-serif;
    }

    .who-can li {
        list-style-type: circle;
        color: white;
        margin-left: 20px;
        font-size: 18px;
        line-height: 27px;
        font-family: "Roboto Condensed", sans-serif;
    }

@media only screen and (max-width: 768px) {
    .slicknav_menu {
        top: 130px !important;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1024px) {
    .powerfull-version {
        background-size: cover;
        height: auto;
    }
}

@media only screen and (max-width: 600px) {
    .cogni-list li {
        width: 39%;
    }

    .powerfull-version {
        background-color: #876aaf !important;
        height: auto !important;
        background-image: none;
    }

    .original-papertest ul li {
        width: 100%;
    }

    .used-box .nurosurgery {
        width: 48%;
        min-height: 100px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #f2f2f2;
    }

    .cogni-about-img img {
        width: 100%;
    }

    .nurosurgery h3 {
        font-size: 16px;
    }

    .who-can {
        height: auto;
        margin-bottom: 10px;
    }

    .cogni-content {
        margin-top: 20px;
    }

        .cogni-content h2 {
            font-size: 35px;
        }

    .why-cogni h3 {
        font-size: 35px;
    }

    .program-box h5 {
        font-size: 12px;
    }

    .where-used h2 {
        font-size: 35px;
    }

    .nurosurgery:hover {
        transform: translateY(-10px);
    }

    .cognistat {
        background-image: url('../img/cogni-mob-banner.jpg');
        width: 100%;
        background-size: 100%;
        height: 492px;
        background-repeat: no-repeat;
        background-position: center;
    }

        .cognistat img {
            display: none;
        }

    .program-box {
        margin-top: 10px;
        padding: 3px 10px;
    }

    .cogni-list {
        width: 100%;
    }

        .cogni-list li {
            width: 45%;
        }

    .program-img img {
        object-fit: cover;
    }

    .program-img {
        height: 110px;
    }

    .teacher-program .row {
        justify-content: center;
    }

    .porogrames-lists {
        margin-bottom: 12px;
    }

    .slicknav_btn {
        margin-top: 3px !important;
    }

    .site-branding {
        text-align: left;
    }

    .search-wrapper {
        width: 93% !important;
    }

    .site-branding img {
        width: 80% !important;
    }

    .npc-download a {
        font-size: 14px !important;
    }

    a.download-catalogue {
        margin-left: 0;
    }

    .search-wrapper {
        max-width: 100% !important;
        margin: 0 auto 10px !important;
        position: absolute;
        width: 80%;
        top: 81px;
        z-index: 9999 !important;
    }

    .slicknav_nav {
        clear: both;
        color: #fff;
        margin: 0;
        font-size: .875em;
        position: relative;
        top: 6px;
        text-align: start;
    }

    .cbsc-img {
        margin-bottom: 15px;
    }

    .charts-cont {
        gap: 15px;
    }

    .charts-box {
        width: 46%;
    }

        .charts-box h6 {
            font-size: 13px;
        }
}

.npc-popup a img{
    width:100%;
}
.npc-modal{
    z-index: 99999!important;
}