@charset "utf-8";

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/google-font/OpenSans-Light.woff) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/google-font/OpenSans-Regular.woff) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/google-font/OpenSans-Semibold.woff) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/google-font/OpenSans-Bold.woff) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/google-font/OpenSans-Italic.woff) format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/google-font/OpenSans-Semibold.woff) format('woff2');
}


body {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
}

.news {
    max-height: 356px;
    /*min-height: 356px;*/
    overflow-y: scroll;
    list-style: none;
}

    .news li {
        font-size: 15px;
        font-weight: 400;
        position: relative;
        margin-top: 15px;
    }

        .news li::before, .accordion-header::before {
            content: "";
            width: 10px;
            height: 10px;
            background-color: #ed2525;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            left: -25px;
        }

        .news li::before, .accordion-header::before {
            background-color: #61affd;
        }

        .news li a {
            text-decoration: none;
        }

p {
    font-size: 1.5em;
    line-height: 1.8em;
    text-align: justify;
}

#dynamic-pan h2, #tenderDesc h2 {
    display: inline;
}

a.archiveNews {
    font-size: 20px;
    float: right;
}

.fa-print {
    font-size: 3.0em;
    float: right;
}

h2 {
    font-size: 3em;
    font-weight: 400;
    color: #222222;
    margin-bottom: 20px;
}

    h2 span {
        font-size: 1.6em;
        font-weight: 300;
        color: #0250fc;
    }

ul.list {
    list-style-type: none;
    margin: 0 0 0 22px;
    padding: 0;
}

    ul.list li {
        font-size: 1.5em;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #CCC;
    }

        ul.list li:before {
            font-family: 'FontAwesome';
            content: '\f18e';
            margin: 0 8px 0 -22px;
            color: #666;
            font-weight: 400;
        }

        ul.list li.last {
            border-bottom: none;
            margin-bottom: 5px;
        }

        ul.list li ul {
            margin-top: 16px;
            margin-left: 10px;
            list-style-type: none;
        }

            ul.list li ul li {
                font-size: 1em;
                margin-bottom: 5px;
                padding-bottom: 5px;
            }

table.table {
    font-size: 1.5em;
}
/*table.data-table {
    border-collapse: collapse;
}

    table.data-table td p {
        font-size: 1.0em;
    }

    table.data-table thead {
        background-color: #7c7c7c;
        font-weight: 600;
        color: #fff;
    }

    table.data-table td {
        border-collapse: collapse;
        border: 1px solid #CCC;
        padding: 10px;
        font-size: 1.5em;
    }*/

.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 0;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.caption {
    height: 130px;
    overflow: hidden;
}

    .caption h4 {
        white-space: nowrap;
    }

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

    .thumbnail .caption-full {
        padding: 9px;
        color: #333;
    }

.top-pan {
    /*background-color:#fbfbfb;
	border-bottom:1px solid #eee;
	padding:5px 0 10px 0;*/
}

.topPan {
    background-color: #fbfbfb;
    color: #000;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

p.time {
    color: #000;
    font-size: 1.3em;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

ul.accblty {
    float: right;
    width: auto;
    margin: 0;
    padding: 0;
}

    ul.accblty li {
        display: inline-block;
        margin-right: 15px;
        color: #000;
        font-size: 1.2em;
        line-height: 1em;
    }

        ul.accblty li a {
            color: #000;
            text-decoration: none;
        }

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

        ul.accblty li span.marRight {
            margin-right: 5px;
        }

        ul.accblty li.reduceMar {
            margin-right: 5px;
        }

        ul.accblty li a.homeIcon {
            color: #000;
        }

        ul.accblty li a.normal {
            background-color: #000;
            color: #fff;
            border: 1px solid #fff;
            padding: 0px 2px;
            display: block;
        }

        ul.accblty li a.contrast {
            background-color: #fff;
            color: #000;
            border: 1px solid #CCC;
            padding: 0px 2px;
            display: block;
        }


.goi {
    float: left;
    padding-right: 10px;
    margin-top: 4px;
    border-right: 1px solid #eee;
}

.mhrd {
    float: left;
    padding-left: 10px;
}

.logo-pan {
    padding: 10px 0;
}

    .logo-pan h1.logo {
        margin: 20px 0 0 0;
        padding: 0;
    }

#master-logo {
    background-color: white;
}

@media only screen and (max-width: 767px) {
    .logo a {
        background: url(../images/logo_responsive.jpg) 0 0 no-repeat;
        display: block;
        width: 450px;
        height: 161px;
        margin: 0 auto;
        text-indent: -999em;
    }

    .digi-india {
        width: 166px;
        height: 75px;
        margin: 10px auto 0 auto;
        padding: 0;
    }
}

@media only screen and (max-width: 460px) {
    .logo a {
        background: url(../images/logo_responsive1.jpg) 0 0 no-repeat;
        width: 270px;
        height: 126px;
        margin: 0 auto;
    }

    .digi-india img {
        width: 100%;
        margin: 0;
    }
}


.icon {
    height: 36px;
    width: 40px;
    border: 1px solid #de4438;
    color: #de4438;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    border-radius: 4px;
    font-size: 20px;
}

.user {
    margin-top: 30px;
}

    .user p {
        margin: 2px 0 0 0;
        padding: 0;
        font-size: 0.9em;
        font-weight: 500;
        line-height: 1.2em;
    }

        .user p a {
            color: #666;
        }

            .user p a:hover {
                color: #de4438;
            }

/* Navigation */
.navbar {
    background: #36404b;
    width: 100%;
}


#container {
    margin: 0 auto;
    max-width: 890px;
}


nav {
    margin: 0;
    padding: 0;
    background-color: #254441;
}

#logo {
    display: block;
    padding: 0 30px;
    float: left;
    font-size: 20px;
    line-height: 60px;
}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    nav ul li {
        margin: 0px;
        display: inline-block;
        float: left;
        background-color: #254441;
    }

nav a {
    display: block;
    padding: 0 20px;
    color: #FFF;
    font-size: 20px;
    line-height: 60px;
    text-decoration: none;
}

nav ul li ul li:hover {
    background: #000000;
}

nav a:hover {
    background-color: #000000;
}

nav ul ul {
    display: none;
    position: absolute;
    top: 60px;
}

nav ul li:hover > ul {
    display: inherit;
}

nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 170px;
}

/*li > a:after { content: ' +'; }*/

li > a:only-child:after {
    content: '';
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

    nav {
        margin: 0;
    }

    .toggle + a,
    .menu {
        display: none;
    }

    .toggle {
        display: block;
        background-color: #254441;
        padding: 0 20px;
        color: #FFF;
        font-size: 20px;
        line-height: 60px;
        text-decoration: none;
        border: none;
    }

        .toggle:hover {
            background-color: #000000;
        }

    [id^=drop]:checked + ul {
        display: block;
    }

    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #000000;
    }

    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    }

    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }

        nav ul ul li:hover > ul,
        nav ul li:hover > ul {
            display: none;
        }

        nav ul ul li {
            display: block;
            width: 100%;
        }

        nav ul ul ul li {
            position: static;
        }
}

@media all and (max-width : 330px) {

    nav ul li {
        display: block;
        width: 94%;
    }
}

/* yellow pan */
.yellow-panel {
    background: #fccb02;
    height: 20px;
}

    .yellow-panel .onboard-link {
        background-color: #de4438;
        color: #fff;
        float: right;
        font-size: 3em;
        font-weight: 300;
        line-height: 56px;
        padding: 0 40px;
    }

        .yellow-panel .onboard-link span {
            font-weight: 700;
        }

        .yellow-panel .onboard-link a {
            color: #fff;
        }

            .yellow-panel .onboard-link a:hover {
                color: #fee47c;
                text-decoration: none;
            }

    .yellow-panel .digital-ind {
        float: left;
    }

/* Main Content */
.curent-inst {
    background-color: #fff;
    border: 1px solid #edecec;
    padding: 10px;
    position: relative;
    margin-top: 0px;
    text-align: center;
    -webkit-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.18);
    box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.18);
}

    .curent-inst span.pin {
        position: absolute;
        background-image: url(/Assets/img/paper-pin.png);
        width: 27px;
        height: 86px;
        top: -12px;
        left: 12px;
    }

    .curent-inst h2 {
        font-size: 2.8em;
        font-weight: 300;
        margin: 0 0 20px 45px;
        color: #000;
        text-align: left;
    }

        .curent-inst h2 span {
            font-weight: 500;
            font-size: 1.1em;
        }

.about-cvl-ndml {
    background: url(/Assets/img/abt-cvl-bg.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover; /* Firefox 3.6 */
    background-position: center; /* Internet Explorer 7/8 */
    padding: 20px 0 30px 0;
}

    .about-cvl-ndml h3 {
        font-size: 3em;
        font-weight: 300;
        color: #fccb02;
        /*background:url(../images/sm-schield.jpg) 0 50% no-repeat;*/
        /*padding: 0 0 5px 60px;*/
        margin-bottom: 20px;
    }

h3.cvl-logo {
    background: url(../images/cvl-sm.png) 0 0 no-repeat;
}

h3.digilocker-logo {
    background: url(../images/digilocker_logo.png) 0 0 no-repeat;
}

h3.ndml-logo {
    background: url(../images/ndml-sm.png) 0 0 no-repeat;
}

.about-cvl-ndml img {
    float: left;
    width: auto;
    margin-right: 10px;
}

.about-cvl-ndml p {
    font-size: 1.3em;
    line-height: 1.8em;
    color: #efefef;
}

    .about-cvl-ndml p a {
        color: #fccb02;
    }

        .about-cvl-ndml p a:hover {
            color: #fff;
        }

h2.board-heding {
    font-size: 5em;
    font-weight: 200;
    text-align: center;
    color: #666;
    margin: 0 0 20px 0;
    padding: 0;
}

.board-one, .board-two, .board-three, .board-four {
    position: relative;
    padding: 20px;
    height: 230px;
}

.board-one {
    background: url(../images/registration-icon.png) right bottom no-repeat #e84c3d;
}

.board-two {
    background: url(../images/institution-icon.png) right bottom no-repeat #1bbc9b;
}

.board-three {
    background: url(../images/certification-icon.png) right bottom no-repeat #3598db;
}

.board-four {
    background: url(../images/employer-icon.png) right bottom no-repeat #9a59b5;
}

    .board-one h3, .board-two h3, .board-three h3, .board-four h3 {
        font-size: 1.8em;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.4em;
        color: #000;
        margin: 0 0 20px 0;
    }

    .board-one p, .board-two p, .board-three p, .board-four p {
        font-size: 1.3em;
        font-weight: 600;
        line-height: 1.2em;
        color: #fff;
        margin: 0;
        text-align: center;
        border-bottom: 1px solid #d4d4d4;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

        .board-one p a, .board-two p a, .board-three p a, .board-four p a {
            color: #fff;
        }

            .board-one p a:hover, .board-two p a:hover, .board-three p a:hover, .board-four p a:hover {
                color: #000;
            }

        .board-one p span, .board-two p span, .board-three p span, .board-four p span {
            font-weight: 700;
            font-size: 1.4em;
        }

        .board-one p.number, .board-two p.number, .board-three p.number, .board-four p.number {
            top: 90px;
            left: 20px;
            font-size: 3em;
            font-weight: 600;
            border-bottom: none;
        }

        .board-one p.more, .board-two p.more, .board-three p.more, .board-four p.more {
            position: absolute;
            bottom: 10px;
            right: 55px;
            font-size: 1.8em;
            font-weight: 400;
            font-style: italic;
            border-bottom: none;
        }

.doc-sec {
    background-color: #f7f7f7;
    margin: 30px 0 0 0;
}

    .doc-sec h3 {
        font-size: 2em;
        font-weight: 600;
        color: #333;
        padding: 0;
        margin: 0 0 20px 0;
    }

ul.pdf {
    list-style-type: none;
    margin: 0 0 0 18px;
    padding: 0;
}

    ul.pdf li {
        font-size: 1.4em;
        line-height: 1.4em;
        margin-bottom: 10px;
    }

        ul.pdf li:before {
            font-family: 'FontAwesome';
            content: '\f1c1';
            margin: 0 7px 0 -17px;
            color: #000;
        }

        ul.pdf li a {
            color: #000;
        }

.contact h3 {
    font-size: 2.8em;
    font-weight: 300;
    color: #333;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px dashed #CCC;
}

/* Media */
.social-media {
    background: url(../images/pattern-bg.jpg) 0 0 repeat;
    padding: 50px 0;
    margin-top: 30px;
}

.btmLog-cont {
    margin-top: 20px;
    background-color: #FCEFDF;
}

ul.btmLogos {
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

    ul.btmLogos li {
        display: inline-block;
        padding: 0 10px;
        border-right: 1px solid #d1d1d1;
    }

        ul.btmLogos li.last {
            padding-right: 0;
            border-right: none;
        }




/* Footer */
.footerWrap {
    background-color: #3c3c3c;
    padding: 30px 0;
}

ul.footLink {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.footLink li {
        margin-bottom: 3px;
    }

        ul.footLink li h3 {
            font-size: 1.3em;
            font-weight: bold;
            color: #fff;
            margin: 20px 0 5px 0;
        }

            ul.footLink li h3.noTopMar {
                margin-top: 0;
            }

        ul.footLink li a {
            color: #dedede;
            font-size: 1.2em;
        }

.bdrRtFoot {
    border-left: 1px solid #b9b9b9;
    padding-left: 30px;
}

.visitCount {
    margin-bottom: 30px;
    font-size: 1.0em;
    color: #dedede;
}

.cpyTxt p {
    margin-bottom: 10px;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #dedede;
}

h2.mediaHead {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
    border-bottom: none;
    color: #dedede;
}

.socialMed a {
    float: left;
    width: auto;
    color: #dedede;
    margin-right: 8px;
}

    .socialMed a.fb:hover {
        color: #3a5898;
    }

    .socialMed a.twitter:hover {
        color: #00acee;
    }

    .socialMed a.youtube:hover {
        color: #c80e0f;
    }

    .socialMed a i {
        font-size: 2em;
    }

.support {
    margin-top: 30px;
}

    .support p {
        font-size: 1.2em;
        color: #dedede;
    }

    .support i {
        color: #dedede;
    }

@media only screen and (max-width: 767px) {
    .visitCount {
        margin-top: 20px;
    }

    .bdrRtFoot {
        border-left: none;
        margin-top: 20px;
        padding-left: 15px;
    }
}

/* Inner Styles */
.header-inner {
    border-bottom: 4px solid #fccb02;
    margin-bottom: 20px;
}

    .header-inner img {
        width: 100%;
        height: 150px;
    }

#tenderDesc {
    background-color: #fff;
    border: 1px solid #edecec;
    padding: 10px;
    box-shadow: 0 0 5px 3px rgb(0 0 0 / 15%);
    min-height: 600px;
}

#dynamic-pan {
    background-color: #fff;
    border: 1px solid #edecec;
    padding: 10px;
    box-shadow: 0 0 5px 3px rgb(0 0 0 / 15%);
    text-align:justify;
}

#right-pan {
    background-color: #fff;
    border: 1px solid #edecec;
    padding: 10px;
    box-shadow: 0 0 5px 3px rgb(0 0 0 / 15%);
}

    #right-pan ul {
        list-style-type: none;
        margin: 0 0 0 18px;
        padding: 0;
    }

        #right-pan ul li {
            font-size: 1.4em;
            font-weight: 700;
            line-height: 1.4em;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #edecec;
        }

            #right-pan ul li.last {
                border-bottom: none;
            }

            #right-pan ul li:before {
                font-family: 'FontAwesome';
                content: '\f18e';
                margin: 0 7px 0 -17px;
                color: #1b6db3;
                font-weight: 400;
            }

            #right-pan ul li a {
                color: #3068be;
            }

#dynamic-pan ul li {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edecec;
}

    #dynamic-pan ul li.last {
        border-bottom: none;
    }

    #dynamic-pan ul li:before {
        font-family: 'FontAwesome';
        content: '\f18e';
        margin: 0 7px 0 -17px;
        color: #1b6db3;
        font-weight: 400;
    }

    #dynamic-pan ul li a {
        color: #3068be;
    }

/* FAQ Collapse */

#integration-list {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

    #integration-list ul {
        padding: 0;
        margin-top: 15px;
        color: #555;
    }

        #integration-list ul > li {
            list-style: none;
            border-top: 1px solid #ddd;
            display: block;
            padding: 15px;
            overflow: hidden;
        }

        #integration-list ul:last-child {
            border-bottom: 1px solid #ddd;
        }

        #integration-list ul > li:hover {
            background: #efefef;
        }

.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

    .expand:hover {
        text-decoration: none;
    }

    .expand:after {
        content: '';
        display: block;
        clear: both;
    }

#integration-list h2 {
    padding: 0;
    margin: 0;
    font-size: 1.7em;
    font-weight: 400;
}

#integration-list span {
    font-size: 12.5px;
}

#integration-list h3 {
    color: #eba000;
    margin: 0;
}

#left, #right {
    display: table;
}

#sup {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}

.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 14px;
}

.detail {
    margin: 10px 0 10px 0px;
    display: none;
    line-height: 22px;
    height: auto;
}

    .detail span {
        margin: 0;
    }

.right-arrow {
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}

.icon {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 15px 0 0;
}

.london {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}

.newyork {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}

.paris {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}

/* Back to top */
.scrollToTop {
    width: 100px;
    height: 80px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #999;
    text-decoration: none;
    position: fixed;
    top: 80%;
    right: 0px;
    display: none;
    background: url(../img/top-arrow.png) no-repeat 50% 30px;
}

    .scrollToTop:hover {
        text-decoration: none;
    }

/* Update Sec */
.updtSecWrap {
    background-color: #0d415b;
    padding: 50px 0;
    margin: 0 0 50px 0;
}

.inFocus {
    background-color: #c3e6fa;
    color: #003a68;
    padding: 20px;
    text-align: center;
    height: 212px;
    overflow: auto;
}

    .inFocus h3 {
        border-bottom: 1px solid #fff;
        text-transform: uppercase;
        padding-top: 0;
        padding-bottom: 5px;
        margin-top: 0;
    }

    .inFocus p {
        font-size: 1.4em;
        line-height: 1.8em;
    }

.overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 220px; /* your iframe height */
    top: 220px; /* your iframe height */
    margin-top: -220px; /* your iframe height */
}

.stakeholder {
    margin-top: 30px;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #e0dfdf;
    background-color: #efefef;
    color: #000;
    padding: 5px 0;
}

    .stakeholder a {
        font-size: 1.6em;
        color: #000;
    }

/*table.data {
    border-collapse: collapse;
}

    table.data td {
        border-collapse: collapse;
        border: 1px solid #E6E7E8;
        padding: 8px 5px;
        font-size: 1.4em;
    }

    table.data thead td {
        background-color: #6699CC;
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
    }

    table.data tr.light td {
        background-color: #FCFEFC;
    }

    table.data tr.deep td {
        background-color: #F0F1F3;
    }*/

/* Sticky Header */
.sticky {
    background-color: #fff;
    z-index: 10000;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.blink {
    animation: blinker 1.6s linear infinite;
    color: #1c87c9;
    font-size: 16px;
    font-weight: bold;
    font-family: sans-serif;
}

.table td a {
    cursor: pointer;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink-one {
    animation: blinker-one 0.7s linear infinite;
}

@keyframes blinker-one {
    0% {
        opacity: 0;
    }
}

.blink-two {
    animation: blinker-two 1s linear infinite;
}

@keyframes blinker-two {
    100% {
        opacity: 0;
    }
}

.box-shadow {
    box-shadow: 0px 0 30px rgb(56 64 70 / 8%);
}

.box-shadow-blue {
    box-shadow: 0px 0 30px lightblue;
}

.customerCare {
    background-color: lightsteelblue;
}