body {
    margin: 0px;
    padding: 0px;
}

.chart-container {
    width: 280px;
    height: 350px
}

ol, ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    margin: 0px;
    padding: 0px;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

a {
    list-style-type: none;
}

    a:hover {
        text-decoration: none;
    }

@font-face {
    font-family: shonnya-semibold;
    src: url('../fonts/DiodrumCyrillic-Semibold.ttf');
}

@font-face {
    font-family: shonnya-regular;
    src: url('../fonts/DiodrumCyrillic-Regular.ttf');
}

@font-face {
    font-family: shonnya-Medium;
    src: url('../fonts/DiodrumCyrillic-Medium.ttf');
}

@font-face {
    font-family: shonnya-Extralight;
    src: url('../fonts/DiodrumCyrillic-Extralight.ttf');
}

@font-face {
    font-family: shonnya-bold;
    src: url('../fonts/DiodrumCyrillic-Bold.ttf');
}

@font-face {
    font-family: shonnya-light;
    src: url('../fonts/DiodrumCyrillic-Light.ttf');
}
/*===============*/

.mobile {
    display: none;
}

.desktop {
    display: block;
}
.Breakdown_label{position:relative;}
    .Breakdown_label p{position:absolute; bottom:-5px; left:0; right:0; text-align:right; width:100%;}
        .Breakdown_label p label:last-child {
            font-size: 16px;
            color: #006864;
            font-family: shonnya-Medium;
            width: 36%;
            text-align: center;
        }
        .Breakdown_label p label:first-child {
            font-size: 16px;
            color: #006864;
            font-family: shonnya-Medium;
            width: 55%;
            text-align: center;
        }
    #section-one {
        display: none;
        padding: 30px 0px;
    }

#section-two {
    display: none;
    padding: 30px 0px;
}

#tblRadioLists label.active {
    border: 2px solid #38aa39;
}

.mediavideo2 img {
    border-radius: 20px;
    height: 260px;
}

.hrnew {
    margin: 30px 0px 20px;
    height: 1px;
    background: #f9f9f9;
    display: block;
}

.mediavideo h2 {
    font-size: 30px;
    color: #006864;
    padding-bottom: 25px;
    font-family: 'shonnya-semibold';
    display: block;
}


.Fuel_types_p span {
    margin-top: 24px;
    width: 28%;
    border-radius: 6px;
    padding: 8px 20px;
    border: 2px solid #00A8AB;
    background: #F0F9F9;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-family: 'shonnya-Medium';
    box-shadow: 0px 1px 10px #ddd;
}

.mediavideo {
    margin: 30px 0px 0px;
}

.mediavideo2 {
    margin: 5px 15px 15px 0px;
    padding-left: 0px;
    float: left;
    width: 27%;
}

.mediavideo iframe {
    border-radius: 30px;
}

.mediavideo2 iframe {
    border-radius: 30px;
}

.medialist li {
    font-size: 18px;
    display: block;
    color: #666;
    font-family: 'shonnya-semibold';
    margin-bottom: 10px;
    text-align: left;
    line-height: 25px;
    padding-left: 0px;
}

.medialist {
    padding-bottom: 10px;
}

.logos-blog {
    display: flex;
    margin: 0 auto;
    width: 40%;
}

    .logos-blog li img {
        width: 50%;
    }

    .logos-blog li {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .logos-blog li:last-child img {
            width: 70%;
        }

        .logos-blog li:last-child {
            padding-top: 15px;
        }

.mediatext span b {
    font-size: 18px;
    color: #8b8c8e;
    font-family: 'shonnya-semibold';
    padding: 2px 0px;
    text-align: justify;
    line-height: 20px;
}

.mediatext span {
    font-size: 18px;
    display: block;
    color: #8b8c8e;
    font-family: shonnya-Medium;
    padding: 5px 0px;
    text-align: justify;
    line-height: 20px;
}

.event-detail-n {
    margin: 30px 0px;
}

    .event-detail-n h3 {
        font-size: 18px;
        color: #888;
        padding: 10px 0px;
        font-family: 'shonnya-semibold';
    }

    .event-detail-n p {
        font-size: 18px;
        display: block;
        color: #666;
        font-family: 'shonnya-regular';
        margin-bottom: 8px;
        text-align: left;
        line-height: 25px;
    }
    .event-detail-n p span{
        font-size: 18px;
        display: block;
        color: #666;
        font-family: 'shonnya-regular';
        margin:8px 0px;
        text-align: left;
        line-height:10px;
    }
    .event-detail-n p span a{font-size:18px; color:#018ed3; font-family:shonnya-regular;}
    .event-detail-n h2 {
        font-size: 18px;
        color: #8b8c8e;
        padding: 20px 0px 5px;
        font-family: 'shonnya-semibold';
    }

.bottoms-up {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    font-size: 18px;
    color: #666;
    font-family: shonnya-semibold;
    padding: 0px 0px !important;
    height: 35vh;
    text-align: center;
}

.bottoms-upN {
    writing-mode: tb-rl;
    transform: rotate(-0deg);
    font-size: 18px;
    color: #666;
    font-family: shonnya-semibold;
    padding: 0px 0px !important;
    height: 35vh;
    text-align: center;
}

.event-detail-n p a {
    color: #222;
}

.firstchart {
    width: 48%;
    float: left;
}

.firstchart2 {
    width: 48%;
    float: right;
}

.fuel-type {
    height: auto;
}

    .fuel-type table {
        width: 100%;
    }

        .fuel-type table tr td input {
            width: auto;
            float: left;
            margin: 3.5px 6px 6px 0px;
            width: 16px;
            height: 16px;
            font-size: 16px;
            font-family: 'shonnya-regular';
        }

        .fuel-type table tr td label {
            width: auto;
            float: left;
            font-size: 16px !important;
            font-family: 'shonnya-regular';
            line-height: 23px;
            margin-bottom: 0px;
        }

.minus {
    text-align: center;
}

    .minus i {
        font-size: 25px !important;
        float: none !important;
        padding: 0px !important;
        color: #fff !important;
    }

.add i {
    font-size: 25px !important;
    float: none !important;
    padding: 0px !important;
    color: #fff !important;
}
/*===============*/
.container {
    padding: 0px 15px;
    max-width: 1344px;
}

.subtitle {
    font-size: 25px;
    color: #888;
    line-height: 32px;
    font-family: shonnya-semibold;
    display: block;
    padding: 20px 0px 24px 0px;
}

.blog-inner-bg {
    display: inline-block;
    padding: 0px 30px 30px 0px;
    float: left;
}

.rideboxs {
    position: relative;
}

.blog-inner-bg img {
    width: 350px;
}

.p-logos img {
    opacity: 0.3;
}

.p-logos:hover img {
    opacity: 0.9;
}

.weight {
}

.active-images {
    position: relative;
}

.scrollbar {
    height: 350px;
    width: 100%;
    overflow-y: scroll;
    margin: 15px 0px;
}



#style-4::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.scrollbar:hover#style-4::-webkit-scrollbar {
    width: 5px;
    background-color: #ddd;
    border-radius: 10px;
}

.scrollbar:hover#style-4::-webkit-scrollbar-thumb {
    background-color: #006864;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px !important;
}

.logowrapper {
    width: 99%;
    display: block;
}

#tl-featured-slider4 {
    margin-top: 20px;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators .active {
        width: 13px;
        height: 13px;
        float: left;
        margin: 5px
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
        display: inline-block;
        margin: 7px 3px;
    }

.carArrow {
    display: none;
}

.carCircle {
    display: none;
}


.topraea {
    padding: 20px 0;
    margin-bottom: 10px;
}

h5.blue-heading {
    font-size: 30px;
    text-transform: capitalize;
    color: #006864;
    font-family: shonnya-Medium;
    margin-bottom: 20px;
}

h6.blue-heading {
    font-size: 22px;
    text-transform: capitalize;
    color: #006864;
    font-family: shonnya-Medium;
    margin-bottom: 20px;
}

.radio-group {
    display: block;
    margin: 0 0px;
}

.radio-box {
    box-shadow: 0 0 6px #f9f9f9;
    background: #f6f6f6;
    margin: 0px 15px 0px 0px;
    border-radius: 10px;
}

    .radio-box.active {
        border: 3px solid #00A8AB;
        overflow: hidden;
    }

        .radio-box.active label {
            background: #F0F9F9;
            border: none;
        }

.radio-box1.active {
    border: 3px solid #00A8AB;
    overflow: hidden;
    border-radius: 10px;
}

    .radio-box1.active label {
        background: #F0F9F9;
        border: none;
    }

.radio-group img {
    padding: 4px 10px 6px;
    width: 80%;
}

.radio-group > div {
    width: 190px;
    position: relative;
    padding: 0 0px;
    border: 3px solid #fff;
    margin-bottom: 25px;
}

.radio-box1 {
    margin: 0px 0px;
}

.radio-group > div:nth-child(1) {
    width: 80%;
}

.radio-group > div:nth-child(2) {
    width: 80%;
}

.radio-group > div:nth-child(3) {
    width: 80%;
    margin-bottom: 0px;
}

.radio-box input label:hover {
    border: 3px solid #38aa39;
}

.dvemail {
    position: relative;
}

    .dvemail span {
        font-size: 12px;
        top: 0px;
    }

.radio-box {
    border: 3px solid #fff;
}

    .radio-box label {
        display: block;
        margin: 0;
        background: #fff;
        box-shadow: 3px 3px 10px #ddd;
        text-align: center;
        padding: 15px 10px;
        text-transform: capitalize;
        font-size: 16px;
        color: #fff;
        border-radius: 10px;
        font-family: 'shonnya-Medium';
        border: 3px solid #fff;
        height: 150px;
    }

.shasithakur {
    position: relative;
}

.radio-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    border: 3px solid #fff;
}

.dcp-holdersN {
    margin-top: 0px;
    margin-bottom: 22px;
    text-align: center;
}

    .dcp-holdersN strong {
        display: block;
        padding-bottom: 25px;
        text-align: left;
        font-size: 22px;
        line-height: 32px;
        font-family: shonnya-Medium;
        color: #888;
    }


.radio-box input:checked + label {
    border: 3px solid #00A8AB;
    background: #F0F9F9;
    color: #fff;
}

.calculate_now {
    text-align: center;
}

    .calculate_now a {
        display: inline-block;
        background: #f4943f;
        padding: 8px 30px;
        color: #fff;
        font-size: 20px;
        font-family: shonnya-semibold;
        border-radius: 10px;
        margin: 0 auto;
    }

.radio-box:hover label {
    background: #F0F9F9;
    border: 3px solid #00A8AB;
}

.radio-box.active:hover label {
    border: none;
}

.radio-box1:hover label {
    background: #F0F9F9;
    border: 3px solid #00A8AB;
}

.radio-box1.active:hover label {
    border: none;
}

.radio-box label small {
    display: block;
    padding-top: 3px;
    color: #666;
    font-size: 16px;
    font-family: shonnya-regular;
}

.radio-box1 label {
    display: block;
    margin: 0;
    background: #fff;
    text-align: center;
    padding: 5px 10px;
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
    border-radius: 10px;
    font-family: 'shonnya-Medium';
    border: 3px solid #fff;
    box-shadow: 3px 3px 10px #ddd;
    height: 150px;
}

    .radio-box1 label:hover {
        border: 3px solid #006864;
    }

.radio-box1 input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.firstchart {
    width: 48%;
    float: left;
}

.firstchart2 {
    width: 48%;
    float: right;
}

.firstchart img {
    width: 100% !important;
    height: 300px !important;
}

.firstchart2 img {
    width: 100% !important;
    height: 300px !important;
}

.radio-box1 input:checked + label {
    border: 3px solid #00A8AB;
    background: #F0F9F9;
    color: #fff;
}

.radio-box1 label small {
    display: block;
    padding-top: 3px;
    color: #666;
    font-size: 16px;
    font-family: shonnya-regular;
}

.topraea > .row > div:nth-child(1) > div {
    padding-right: 0px;
}

.topraea > .row > div:nth-child(2) > div {
    padding-left: 0px;
}

.rt-col {
    display: block;
}

.input-output-holder {
    padding-top: 0px;
    display: block;
}

    .input-output-holder > .row > .col-md-9 {
        position: relative;
        padding-left: 60px;
    }

        .input-output-holder > .row > .col-md-9:after {
            position: absolute;
            content: "";
            height: 100%;
            width: 1px;
            background: #eaeaea;
            left: 20px;
            top: 0;
        }

    .input-output-holder > .row > div > div {
        padding: 50px 0;
        height: 100%;
    }


.border-div {
    background: #eaeaea;
    height: 1px;
}

.input-output-holder > .row > div > div h5 {
    margin-bottom: 40px;
}

.inputs label {
    display: block;
    color: #006864;
    font-size: 22px;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-family: shonnya-medium;
}

.padding-rows {
    padding: 10px 0px 30px;
}

.outputs {
    padding: 50px 0px 30px;
}

/*.selectbox > div {
    float: left;
    margin-right:14px;
    width: 28%;
    overflow: hidden;
    border: 2px solid #f00;
    border-radius: 5px;
    margin-top: 22px;
    position: relative;
}
.selectbox:last-child {
    margin-right: 0px;
}
.selectbox  input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.selectbox label {
    display: block;
    margin: 0;
    text-align: center;
    padding: 5px 10px;
    text-transform: capitalize;
    font-size: 16px;
    color: #666;
    font-family: 'shonnya-Medium';
}
.selectbox .fueltype.active {
    background: #fff;
    border: 2px solid #38aa39;
}*/

.fueltype {
    width: 28%;
    float: left;
    margin-right: 15px;
    position: relative;
    margin-top: 24px;
    border: 2px solid #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 1px 10px #ddd;
    background: #fff;
}

    .fueltype input {
        width: 100%;
        height: 100%;
        border: 1px solid #f00;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        opacity: 0;
        font-size: 20px;
    }

    .fueltype label {
        font-size: 16px;
        color: #666;
        margin: 0px;
        text-align: center;
        padding: 10px 0px;
    }

    .fueltype.active {
        border: 2px solid #00A8AB;
        background: #F0F9F9;
    }


table #ContentPlaceHolder1_cblFueltype {
    display: block;
    width: 100%;
}

#ContentPlaceHolder1_cblFueltype table {
    width: 100%;
}

    #ContentPlaceHolder1_cblFueltype table tbody tr {
        display: inline-block;
        margin-right: 15px;
        box-shadow: 2px 2px 5px #ddd;
        padding: 0px 10px;
        background: #f6f6f6;
        border-radius: 10px;
        width: 26%;
        text-align: center;
    }

        #ContentPlaceHolder1_cblFueltype table tbody tr td {
            height: 35px;
            display: inline-block;
        }

            #ContentPlaceHolder1_cblFueltype table tbody tr td input {
                width: 0px;
                height: 0px;
            }

.inputs .form-group {
    margin-bottom: 30px;
}

#ContentPlaceHolder1_cblFueltype table tbody tr td label {
    display: block;
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    text-transform: capitalize;
    padding: 4px 0px;
    margin: 0px 0px 0px;
    font-family: 'shonnya-regular';
}

.checklist label {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'shonnya-regular';
}

    .checklist label input {
        height: 17px;
        width: 17px;
        vertical-align: middle;
        margin: -3px 8px 0 0;
    }

.nv {
    display: flex;
    align-items: center;
}

    .nv span {
        display: block;
        background: rgb(96 96 96);
        height: 38px;
        border-radius: 5px;
        width: 60px;
        text-align: center;
        line-height: 32px;
        color: #fff;
        margin: 0 0 0 5px;
        cursor: pointer;
        font-size: 40px;
        font-family: 'shonnya-regular';
    }

.dcp-holder {
    margin-top: 0px;
    color: rgb(156 156 156);
    margin-bottom: 40px;
}

.databoxs {
    background: #fff;
    padding: 30px 25px;
    box-shadow: 0 0 6px #ddd;
    border-radius: 6px;
    margin-bottom: 30px;
    display: flex;
}

.valueicon-row {
    display: flex;
    width: 44%;
}

.valueicon-row3 {
    width: 45%;
    padding-left: 0px;
}

.valueicon-row2 {
    display: flex;
    width: 10%;
    text-align: center;
}

.valueicon-row img {
    margin-right: 15px;
    height: 60px;
}

.valueicon-row2 img {
    width: 30px;
    height: 22px;
    margin: 28px 0px;
}

.valueicon-row abbr {
    font-size: 18px;
    color: #666;
    display: block;
    font-family: shonnya-regular;
    line-height: 23px;
    width: 100%;
    padding: 5px 2px 0px;
    display: block;
}

    .valueicon-row abbr b {
        font-size: 25px;
        color: #006864;
        font-family: shonnya-Medium;
    }

    .valueicon-row abbr strong {
        font-size: 18px;
        color: #666;
        font-family: shonnya-Medium;
    }

.databoxs-col {
    background: #fff;
    padding: 40px 25px;
    box-shadow: 0 0 6px #ddd;
    border-radius: 6px;
    margin-bottom: 30px;
    float: left;
    width: 49%;
}

.databoxs-col2 {
    background: #fff;
    padding: 40px 25px;
    box-shadow: 0 0 6px #ddd;
    border-radius: 6px;
    margin-bottom: 30px;
    float: right;
    width: 49%;
    display: table;
}

.valueicon-col {
    display: flex;
    width: 100%;
}

    .valueicon-col img {
        margin-right: 15px;
        height: 60px;
    }

    .valueicon-col abbr {
        font-size: 16px;
        color: #666;
        display: table-cell;
        vertical-align: middle;
        font-family: shonnya-regular;
        line-height: 23px;
        width: 100%;
        padding: 5px 2px 0px;
        display: block;
    }

        .valueicon-col abbr b {
            font-size: 25px;
            color: #006864;
            font-family: shonnya-Medium;
            line-height: 23px;
        }

        .valueicon-col abbr strong {
            font-size: 16px;
            color: #888;
            font-family: shonnya-regular;
        }

.dcp-holder > strong {
    display: block;
    padding-bottom: 25px;
    text-align: left;
    font-size: 22px;
    line-height: 32px;
    font-family: shonnya-Medium;
    color: #888;
}

.dcp-holder span {
    vertical-align: sub;
    font-size: 12px;
    line-height: 0px;
}

.tab-content p span {
    vertical-align: sub;
    font-size: 12px;
    line-height: 0px;
}

.dcp_row {
    display: flex;
    align-items: center;
    margin: 0 0px 20px;
}

.dcp_col-3 {
    width: 22%;
    position: relative;
}

.dcp_col-9 {
    width: 78%;
    padding: 0 10px;
}

.dcp_col-3 p {
    font-size: 14px;
    margin: 0;
}

.dcp_col-3:after {
    content: "";
    position: absolute;
    background: #eaeaea;
    height: 60px;
    width: 1px;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
}

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

.dcp-col ul {
    display: flex;
    border-left: 1px solid #ccc;
    justify-content: space-between;
    padding-left: 30px;
}

    .dcp-col ul li {
        text-align: center;
        text-transform: capitalize;
        width: 100%;
        padding: 0 10px;
    }

.dcp-holder .row {
    margin-bottom: 20px;
    align-items: center;
}

.dcp-col ul li strong {
    display: block;
    font-size: 25px;
    color: #fff;
    font-family: 'shonnya-semibold';
    line-height: 32px;
}

.dcp-col ul li span {
    font-size: 18px;
    color: #fff;
    font-family: 'shonnya-regular';
}

.dcp-bx {
    border-radius: 10px;
    color: #fff;
    padding: 15px 10px;
    height: 80px;
    display: table-cell;
    width: 205px;
    vertical-align: middle;
}

.cng {
    background: rgb(179 178 178 / 0.99);
}

.diesel {
    background: rgb(191 224 188 / 0.99);
}

.petrol {
    background: rgb(58 170 53 / 0.99);
}

.dootcolor {
    background: rgb(173 216 236 / 0.99);
}

.dootcolor2 {
    background: rgb(0 143 211 / 0.99);
}

.dootcolor3 {
    background: #264478;
}

.dcp-labels {
    display: none;
    padding: 5px 15px;
}

.dcp-holders {
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
}

    .dcp-holders > strong {
        display: block;
        padding-bottom: 10px;
        text-align: left;
        font-size: 22px;
        color: #888;
        font-family: shonnya-semibold;
    }

    .dcp-holders > p {
        display: block;
        padding-bottom: 10px;
        text-align: center;
        font-size: 22px;
        color: #888;
        font-family: shonnya-semibold;
    }

.border-animation {
    text-align: center;
    padding: 30px 10px;
    background: url(../images/icon111.png) no-repeat;
    width: 100%;
    background-size: 100% 100%;
    color: #666;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'shonnya-regular';
    height: 320px;
    display: table-cell;
    vertical-align: middle;
}

    .border-animation em {
        color: #666;
        font-size: 18px;
        margin-bottom: 10px;
        font-family: 'shonnya-regular';
        text-align: center;
        display: inline-block;
        line-height: 25px;
        padding: 0px;
        font-style: inherit;
    }

    .border-animation p {
        color: #666;
        font-size: 18px;
        margin-bottom: 10px;
        font-family: 'shonnya-regular';
        text-align: center;
        display: inline-block;
        line-height: 25px;
        padding: 0px;
        font-style: inherit;
    }

    .border-animation abbr {
        color: #006864;
        display: block;
        font-size: 16px;
        margin-bottom: 0px;
        font-family: 'shonnya-regular';
        line-height: 20px;
        padding-top: 18px;
    }

    .border-animation span {
        display: block;
        padding: 0px 10px;
    }

    .border-animation b {
        color: #006864;
        display: block;
        padding: 0px;
        font-size: 30px;
        margin-bottom: 15px;
        font-family: shonnya-Medium;
    }



.dcp-labels ul {
    display: flex;
    padding-right: 20px;
    padding-bottom: 10px;
}

    .dcp-labels ul li {
        padding-right: 16px;
        font-size: 16px;
        font-family: 'shonnya-regular';
    }

        .dcp-labels ul li small {
            display: inline-block;
            height: 12px;
            width: 12px;
            margin: 0px 3px 0px 0px;
            border-radius: 50%;
        }

.checklist {
    display: block;
    padding-top: 30px;
}

.range-slider {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.range-slider {
    width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    border-radius: 50%;
    background: #000;
    font-weight: bold;
    color: #1c94c4;
}

/*

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (60px + 13px));
    height: 4px;
    background: rgb(190 190 190);
    outline: none;
    padding: 0;
    margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgb(96 96 96);
    cursor: pointer;
}
.range-slider__range::-webkit-slider-thumb:hover {
    background: rgb(134 134 134);
}

*/
#slider-5 {
    -webkit-appearance: none;
    width: calc(100% - (60px + 13px));
    height: 4px;
    background: rgb(190 190 190);
    outline: none;
    padding: 0;
    margin: 0 15px;
}

#minval {
    width: 60px;
    text-align: right;
    padding: 5px 10px;
    margin-right: 25px;
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 1.5;
    color: #888;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: shonnya-regular
}

.form-control {
    color: #888;
}

    .form-control:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 3px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
    }

#ContentPlaceHolder1_ddlregion {
    font-size: 16px;
    color: #666;
    padding: 10px 15px 13px;
    font-family: shonnya-regular;
    margin-bottom: 50px;
    height: 50px !important;
}
/*=======================================================*/
.paragraph5 p {
    font-size: 20px;
    color: #666;
    padding: 15px 0px;
    line-height: 32px;
    text-align: left;
    font-family: 'shonnya-regular';
}

/*================================================================================*/




/*================================================================================*/

.Calculator-tab.active {
    border: 3px solid #f00;
}

.Calculator-tab {
    border: 3px solid #006864;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
}

    .Calculator-tab img {
        width: 100px;
        margin: 10px auto 10px auto;
    }

    .Calculator-tab strong {
        font-size: 20px;
        font-family: 'shonnya-semibold';
        display: block;
        padding: 0px 0px;
    }

    .Calculator-tab abbr {
        font-size: 18px;
        font-family: 'shonnya-regular';
        display: block;
        padding: 0px 0px 6px;
        margin: 0px;
    }


.Calculator-tab-N.active {
    border: 3px solid #f00;
}

.Calculator-tab-N {
    border: 3px solid #006864;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
}

    .Calculator-tab-N img {
        width: 100px;
        margin: 10px auto 10px auto;
    }

    .Calculator-tab-N strong {
        font-size: 20px;
        font-family: 'shonnya-semibold';
        display: block;
        padding: 0px 0px;
    }

    .Calculator-tab-N abbr {
        font-size: 18px;
        font-family: 'shonnya-regular';
        display: block;
        padding: 0px 0px 6px;
        margin: 0px;
    }

#carouselExampleIndicators {
    background: url(../images/bg.png)no-repeat;
    background-size: cover;
}

.colcarou-textbox h1 {
    font-size: 30px;
    color: #fff;
    font-family: shonnya-semibold;
    cursor: pointer;
    padding: 11px 38px 11px;
}

.colcarou-textbox p {
    font-size: 20px;
    color: #fff;
    font-family: shonnya-regular;
    text-align: left;
    padding: 6px 38px 11px
}

    .colcarou-textbox p a {
        font-size: 20px;
        color: #fff;
        font-family: shonnya-regular;
        text-decoration: underline;
    }

.colcarou-textbox.colcarou-rotate {
    left: 0px !important;
    bottom: 0px !important;
    top: 100% !important;
    background: #38aa39;
}


.valuebox-n.new-margin1 {
    margin: 94px 0px 34px 0px;
    display: block;
}



.valuebox-n.new-margin {
    margin: 85px 0px 64px 0px;
    display: block;
}

.valuebox-n.new-margin2 {
    margin: 0px 0px 34px 0px;
    display: block;
}





/*=======================================================*/
#owl-carousel-N .owl-prev {
    display: none !important;
}

#owl-carousel-N .owl-next {
    display: none !important;
}

#owl-carousel-N {
    height: 400px;
    overflow: hidden;
    background: #ccc;
}

#myVerticalCarousel {
    max-height: 400px;
    margin: 0;
}

.vertical-carousel {
    display: block;
    position: relative;
    overflow: hidden
}

.vertical-carousel-box, .vertical-carousel-box .item {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0
}

.Circle-logo img {
    width: 130px;
}

.vertical-carousel-box .item {
    overflow: hidden
}

.campaign-box-n {
    position: absolute;
    top: 30px;
    right: 0px;
}

.campaign-box-bg {
    padding: 105px 0px 0px 0px;
    background: url(../images/bottom-n-s.png)no-repeat;
    background-size: 100% 100%;
    height: 570px;
    position: relative;
    margin-bottom: 0px;
}

.campaign-box-bg2 {
    padding: 20px 0px;
    background: url(../images/bg3.png)no-repeat;
    background-size: 100% 100%;
    height: 750px;
    position: relative;
    margin-bottom: 0px;
}

.campaign-box-n img {
    width: 550px;
}

.Asset2 {
    position: absolute;
    top: -90px;
    left: 0px;
}

.ridebox .owl-carousel .owl-item img {
    width: 60%;
}

/*============================================================================================================================*/

.owl-dots {
    position: absolute;
    right: 5%;
    bottom: 10%;
}

.bankname li {
    width: 33%;
    display: inline-block;
}

    .bankname li a {
        font-size: 18px;
        color: #888;
        padding: 5px 20px;
        display: inline-block;
        text-decoration: underline;
        font-family: shonnya-Medium;
    }

        .bankname li a:hover {
            color: #f4943f;
            text-decoration: none;
        }

.applybox-n h4 {
    text-align: left;
    color: #006864;
    font-size: 30px;
    margin: 20px 0px 10px;
    font-family: 'shonnya-semibold';
}

.applybox-n {
    margin: 40px 0px 30px 0px;
    display: block;
}

    .applybox-n p {
        font-size: 15px;
        color: #888;
        display: block;
        padding: 10px 0px;
    }

.applybox-list {
    margin: 10px 0px;
}

ul.applybox-list li {
    padding-left: 20px;
    list-style-type: square;
    font-family: 'shonnya-regular';
    font-size: 18px;
    text-align: left;
    line-height: 25px;
}

.applybox-list li::before {
    content: "•";
    color: #000;
    margin: 1px -18px;
    font-size: 22px;
    position: absolute;
    font-size: 29px;
}

.applybox-list li b {
    font-size: 18px;
    color: #006864;
    display: inline-block;
    font-family: 'shonnya-Medium';
}

.paragraph p span {
    vertical-align: sub;
}

.applybox-list li span {
    color: #606060;
    font-family: 'shonnya-regular';
    font-size: 18px;
    line-height: 25px;
}

.applybox-list li {
    color: #006864;
    display: block;
    padding: 12px 0px;
    list-style-type: circle;
}

.applybox-list .tttx p b {
    color: #606060;
    font-size: 18px;
    display: inline-block;
    padding: 0px 0px;
    line-height: 25px;
}
.applybox-list .tttx p {
    color: #606060;
    font-size: 18px;
    display: inline-block;
    padding: 13px 0px;
    line-height: 25px;
    font-family: shonnya-regular;
}


/*.applybox-list .tttx span {
    color: #606060;
    font-size: 18px;*/
    /* display: inline-block;*/
    /*padding: 0px 0px;
    line-height: 25px;*/
    /* margin-bottom: 55px; */
/*}*/

/*.applybox-list p.tttx {
    padding: 15px 8%;
}*/

.centerimgs {
    text-align: center;
    display: block;
    margin: 30px auto -10px auto;
}

.bg-icons {
    position: absolute;
    top: 8%;
    right: 0px;
    z-index: -9;
}

.bg-icons3 {
    position: absolute;
    top: 46%;
    left: 0px;
}

.bg-icons2 {
    position: absolute;
    top: 64%;
    left: 0px;
    z-index: -1;
}

.middle-bgs {
    position: relative;
}

.Newsletter-n {
    padding: 0px;
    position: relative;
    z-index: 9;
    margin-top: 44px;
}

    .Newsletter-n h4 {
        font-size: 18px;
        text-align: left;
        color: #006864;
        padding: 0px 0px 15px;
        font-family: 'shonnya-regular';
    }

    .Newsletter-n abbr {
        position: relative;
    }

        .Newsletter-n abbr input {
            text-align: left;
            position: relative;
            padding: 0px 20px;
            height: 48px;
            max-width: 270px;
            color: #666;
            font-size: 16px;
            font-family: 'shonnya-Medium';
            background: #E5E5E5;
            border-radius: 5px;
        }

    .Newsletter-n span {
        position: absolute;
        right: 10px;
        top: -5px;
        z-index: 9;
        cursor: pointer;
    }

        .Newsletter-n span img {
            width: 40px;
        }

        .Newsletter-n span i {
            font-size: 25px;
            color: #888;
        }

.Followus-n {
    display: block;
    padding: 10px 0px 0px;
    text-align: left;
    position: relative;
    z-index: 99;
}

    .Followus-n h4 {
        font-size: 18px;
        color: #006864;
        display: block;
        padding: 10px 1px 6px;
        font-family: 'shonnya-regular';
    }

    .Followus-n ul li {
        display: inline-block;
        padding: 5px 3px;
    }

        .Followus-n ul li a i {
            font-size: 19px;
            color: #888;
            background: #E5E5E5;
            width: 38px;
            height: 38px;
            border-radius: 100%;
            line-height: 38px;
            text-align: center;
        }

.why-shoonya-bg {
    background: url(../images/mask-group-bg1.png) no-repeat;
    background-size: cover;
    padding: 100px 0px;
    margin: 50px 0px;
    background-size: 100% 100%;
    position: relative;
}

.following {
    font-size: 12px;
    color: #fff;
    padding: 20px 0px;
    text-align: center;
    display: block;
    font-family: 'shonnya-regular';
}

.followingss {
    display: block;
    padding: 15px 0px 0px;
}

    .followingss p {
        font-size: 12px;
        color: #888;
        padding: 3px 0px;
        text-align: left;
        display: block;
        font-family: 'shonnya-light';
        line-height: 18px;
    }

.followingss22 {
    font-size: 10px;
    color: #888;
    padding: 10px 0px;
    text-align: left;
    display: block;
    font-family: 'shonnya-light';
    margin-bottom: 40px;
}

.middles-new {
    padding: 0px;
    display: block;
    margin: 30px 0px 0px;
    position: relative;
}

.innermap {
    text-align: left;
    position: relative;
    margin-top: 40px;
}

.datamap img {
    width: 75%;
    opacity: 0.3;
}

.mapdata {
    position: absolute;
    right: 0px;
    top: 4%;
    width: 100%;
    right: -25.5%;
    z-index: 9;
}

.mapdatann img {
    width: 93.6%;
    height: 424px;
}

.mapdatann {
    position: absolute;
    right: 0px;
    top: 15.7%;
    width: 100%;
    right: -25.5%;
}

.mapdatann-about {
    position: absolute;
    right: 0px;
    top: 14.3%;
    width: 100%;
    right: -25.5%;
}

    .mapdatann-about img {
        width: 93.6%;
        height: 424px;
    }

.mapdata img {
    width: 93.6%;
    height: 560px;
}


.mapdata1 {
    position: absolute;
    right: 0px;
    top: 34.5%;
    width: 100%;
    left: 12%;
    z-index: 99;
}

    .mapdata1 img {
        width: 200px;
    }

.shadowbottom {
    box-shadow: 0px 15px 10px -15px #000;
    padding: 20px 0px;
    margin-bottom: 60px;
    display: block;
}

.shadowbottom2 {
    box-shadow: 0px 15px 10px -15px #999;
    padding: 20px 0px;
    margin-bottom: 50px;
    display: block;
    overflow: hidden;
}

.Group-paragraph-N {
    padding-top: 20px;
}

.health-icon-N img {
    display: block;
    width: 110px;
}

.Group-paragraph-N b {
    font-size: 25px;
    color: #888;
    padding: 10px 0px;
    display: block;
    font-family: shonnya-Medium;
    line-height: 32px;
}

.Group-paragraph-N p {
    font-size: 18px;
    color: #666;
    padding: 0px 0px;
    line-height: 25px;
    text-align: left;
    font-family: 'shonnya-regular';
}

.padding {
    display: block;
    padding: 30px 0px;
}

.Group-paragraph-N p span {
    vertical-align: sub;
    font-size: 12px;
    line-height: 0px;
}

.Group-paragraph-N abbr {
    font-size: 14px;
    color: #888;
    font-family: 'shonnya-light';
    display: block;
    padding-bottom: 50px;
    margin-top: 40px;
}

.paragraph p abbr {
    font-size: 18px;
    color: #888;
    padding: 15px 0px;
    line-height: 18px;
    text-align: justify;
    font-family: shonnya-Medium;
}




.health-icon-N {
    margin-bottom: 50px;
    margin-top: 15px;
}

.innershadow {
    box-shadow: inset 0px -11px 8px -10px #CCC;
}

.valuebox-n {
    background: #fff;
    border-radius: 20px;
    padding: 10px 0px 10px 20px;
    margin: 25px 0px 35px 0px;
    display: block;
    box-shadow: 0 0 6px #ccc;
    z-index: 9;
    position: relative;
}

    .valuebox-n.margin-tops {
        margin: 24px 0px 28px;
        display: block;
    }

.valuebox-nn {
    margin: 18px 0px 77px 0px;
    display: block;
    z-index: 9;
}

.valuebox-n-n {
    margin: 15px 0px 70px 0px;
}

.valuebox-n-n1 {
    margin: 75px 0px 75px 0px;
}

.Shoonya-Rides {
    border-bottom: 1px solid #ccc;
    display: flex;
    vertical-align: middle;
    margin: 0px 0px;
}

.value {
    width: 25%;
    margin: 25px 0px;
    height: 95px;
    border-right: 1px solid #ccc;
    text-align: center;
}

    .value:last-child {
        border: none;
    }

    .value p {
        font-size: 16px;
        height: 45px;
        color: #666;
        font-family: shonnya-regular;
        line-height: 23px;
    }

    .value abbr {
        font-size: 16px;
        color: #666;
        font-family: shonnya-regular;
        display: block;
        line-height: 23px;
    }

    .value b {
        font-size: 25px;
        line-height: 32px;
        text-transform: uppercase;
        color: #006864;
        font-family: shonnya-semibold;
        padding: 0px 5px;
    }

    .value p span {
        vertical-align: sub;
        font-size: 12px;
        line-height: initial;
    }

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

    .Shoonya-Ridess img {
        width: 100%;
        margin-top: 15px;
    }

.Shoonya-Rides.Shoonya-Rides-img img {
    height: 150px;
}



.value2 {
    width: 25%;
    margin: 10px 0px 25px;
    height: 90px;
    padding: 0px 5px;
    border-left: 1px solid #ccc;
    text-align: center;
}

    .value2:first-child {
        border: none;
    }

    .value2 p {
        font-size: 16px;
        color: #666;
        font-family: shonnya-regular;
        line-height: 23px;
        height: 45px;
    }

    .value2 abbr {
        font-size: 16px;
        color: #666;
        font-family: shonnya-regular;
        display: block;
        line-height: 23px;
    }

    .value2 p span {
        vertical-align: sub;
        font-size: 12px;
        line-height: initial;
    }

    .value2 b {
        font-size: 25px;
        color: #006864;
        font-family: shonnya-semibold;
        padding: 0px 5px;
        line-height: 32px;
        text-transform: uppercase;
    }

ul.tabs-n {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    z-index: 9;
    position: relative;
}

    ul.tabs-n li.current .Resources-box .move-right-arrow {
        position: absolute;
        top: 0px;
        left: 0px;
        background: #00A8AB;
        height: 100%;
        width: 100%;
        padding: 15px;
    }

        ul.tabs-n li.current .Resources-box .move-right-arrow a {
            display: block;
        }

.Resources-box:hover.move-right-arrow {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #006864;
    height: 100%;
    padding: 15px;
}

ul.tabs-n li {
    background: none;
    color: #222;
    display: inline-block;
    border-radius: 20px;
    padding: 0px;
    margin: 0px 20px 0px 0px;
    cursor: pointer;
    width: 100%;
}

    ul.tabs-n li:hover {
        box-shadow: none;
    }

        ul.tabs-n li:hover .Resources-box {
        }

    ul.tabs-n li.current {
        text-align: center;
        width: 100%;
        padding: 0px;
    }

        ul.tabs-n li.current .Resources-box {
        }

.valueicon-N span {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #006864;
    font-size: 15px;
}

.move-right-arrow b {
    padding: 40% 0px;
    font-size: 30px;
    color: #fff;
    display: block;
    text-align: left;
    font-family: 'shonnya-Medium';
}

ul.tabs-n li.current.Resources-box.move-right-arrow {
    position: absolute;
    top: 0px !important;
    height: 100%;
    width: 100%;
    display: block;
}

.tab-content {
    display: none;
    padding: 0px;
}

    .tab-content.current {
        display: inherit;
    }

.applybox {
    background: #00A8AB;
    text-align: left;
    display: block;
    padding: 20px 68px;
    width: 70%;
    margin: 40px auto 20px auto;
    border-radius: 15px;
    position: relative;
    z-index: 9;
}

    .applybox strong {
        text-align: left;
        color: #fff;
        font-size: 25px;
        font-family: 'shonnya-semibold';
        line-height: 32px;
        padding: 12px 0px;
        display: block;
    }

    .applybox p {
        font-size: 16px;
        color: #888;
        display: block;
        padding: 0px;
        margin: 0px;
    }

.tab-content i {
    font-size: 6px;
    color: #666;
    padding-right: 10px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    float: left;
}

.tab-content p {
    font-size: 18px;
    color: #606060;
    display: block;
    padding: 0px 0px;
    font-family: shonnya-regular;
    line-height: 25px;
}

    .tab-content p a {
        font-size: 20px;
        color: #888;
        text-decoration: underline;
        padding: 5px 0px;
        font-family: shonnya-regular;
    }

.inner-banner {
    position: relative;
}

.xyzz {
    position: relative;
}

/*============================================================================================================================*/



.gallery-thumbs {
    width: 100%;
    height: 480px;
    margin: 0px auto;
    overflow: hidden;
}

    .gallery-thumbs .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        cursor: pointer;
    }

.swiper-slide swiper-slide-active {
    border: 1px dashed #ccc;
}

.gallery-top {
    float: right;
    width: 84%;
    height: 280px;
}

    .gallery-top .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

.electric-vehicles {
    font-size: 30px;
    display: block;
    padding-bottom: 20px;
    color: #006864;
    font-family: shonnya-semibold;
    line-height: 35px;
}

.p-logos.widthlogo img {
    width: 80px !important;
}


.p-logo {
    display: table;
    width: 16.6%;
    text-align: center;
    margin: 10px 0px;
    float: left;
}



.p-logos {
    display: table-cell;
    vertical-align: middle;
    width: 100% !important;
    height: 100%;
    margin: 0 auto;
}

    .p-logos img {
        width: 90% !important;
        margin: 0 auto;
        filter: grayscale(100%);
    }

    .p-logos:hover img {
        filter: none;
        opacity: 0.9;
    }

.india-store-map {
    position: relative;
}

.health-icon img {
    width: 80px;
    display: block;
    margin: 0 auto;
}

.inner-banner {
    position: relative;
}

.mobile-search-box {
    position: relative;
}

.inner-banner img {
    width: 100%;
}

#dvemail1 {
    text-align: left;
}

.dvemail span {
    font-size: 14px;
    color: #fff;
    position: absolute !important;
    left: 0px;
    top: 1px;
    font-family: shonnya-regular;
}

/*.offset-md-1-1{
    margin-left: 8.3333333333%;
    display:block;
}*/

.Newsletter {
    position: relative;
}

.topsection {
    background: #f6f6f6;
    padding: 0px 0px;
}

#dvemail1 span {
    font-size: 15px;
    color: #fff;
    padding: 5px 0px;
    font-family: shonnya-Medium;
    text-align: left;
    display: block;
}

.map-top-logo img {
    position: relative;
}

.map-top-logo abbr img {
    position: absolute;
    top: 36%;
    left: 23%;
    border-radius: 30px;
    width: 150px;
}

.overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.overlays {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.search-section {
    display: block;
    padding: 40px 0px 50px 0px;
    text-align: center;
    background: #f6f6f6;
}

    .search-section h4 {
        font-size: 30px;
        color: #006864;
        display: block;
        padding: 0px 0px;
        text-align: center;
        margin: 0px;
        line-height: 37px;
        font-family: shonnya-semibold;
    }

    .search-section h5 {
        font-size: 25px;
        color: #888;
        display: block;
        padding: 0px 0px;
        text-align: center;
        margin: 0px;
        line-height: 32px;
        font-family: shonnya-semibold;
    }

    .search-section p b {
        font-size: 30px;
        color: #006864;
        display: inline-block;
        padding: 10px 0px;
        text-align: center;
        padding-right: 10px;
        font-family: shonnya-Medium;
    }

    .search-section p {
        font-size: 30px;
        color: #8b8c8e;
        padding: 0px 3px;
        font-family: shonnya-Medium;
    }

.searchlist {
    display: block;
    padding: 5px 15px;
    margin: 30px 0px;
}

    .searchlist p {
        font-size: 18px;
        color: #888;
        font-family: shonnya-regular;
        padding: 4px 10px;
        line-height: 23px;
    }

        .searchlist p span {
            font-size: 18px;
            color: #888;
            font-family: shonnya-regular;
            padding-left: 8px;
            line-height: 23px;
        }

.gallery-box img {
    display: block;
    margin: 0px !important;
}

.wrapper {
    text-align: right;
    margin: 0 auto;
}

header {
    background: #fff;
}

.logo {
    padding: 10px 0px;
}

    .logo img {
        width: 150px;
    }

.mobile-logo-link img {
    width: 120px;
}

.about-section {
    display: block;
    padding: 50px 0px 20px;
    text-align: center;
}

    .about-section p {
        font-size: 25px;
        color: #006864;
        padding: 30px 120px;
        line-height: 32px;
        font-family: 'shonnya-Medium';
    }

        .about-section p b {
            font-family: shonnya-Medium;
            font-size: 31px;
        }

.charts p {
    font-size: 26px;
    color: #fff;
    padding: 26px 80px;
    font-family: shonnya-Medium;
    line-height: 35px;
}

.charts img {
    padding-top: 20px;
}

.about-section p strong {
    font-size: 45px;
    color: #006864;
    padding: 30px 0px;
    font-family: shonnya-Medium;
}

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

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

        .social-icon li a i {
            font-size: 16px;
            color: #888;
            padding: 0px 2px;
        }

        .social-icon li a img {
            width: 20px;
        }

            .social-icon li a img:hover {
                opacity: 0.8;
            }

.newsletter {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 0px 50px;
    font-family: 'shonnya-Medium';
}

    .newsletter a {
        color: #888;
        padding: 0px 10px;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'shonnya-regular';
    }

    .newsletter img {
        width: 23px;
        padding-left: 2px;
    }

.searchbar {
    display: block;
    padding: 40px 0px;
    position: relative;
}

    .searchbar input {
        background: #ebebeb;
        border: 1px solid #ebebeb;
        padding: 7px 15px;
        border-radius: 30px;
        position: relative;
        font-size: 14px;
        color: #333;
    }

    .searchbar span {
        position: absolute;
        right: 12px;
        top: 50px;
    }

.searchboxx {
    padding: 38px 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    background: #fff;
    text-align: center;
    height: 100%;
    position: fixed;
    z-index: 999;
    display: none;
}

    .searchboxx input {
        border-bottom: 1px solid #ccc;
        padding: 10px;
        display: inline-block;
        width: 80%;
        color: #888;
        margin-top: 50px;
        font-size: 30px;
        font-family: shonnya-Medium;
    }

.main-menu nav > ul span {
    cursor: pointer;
    padding: 0px 0px 0px 30px;
}

.close-popups img {
    position: absolute;
    right: 40px;
    top: 30px;
}


.srarching i {
    font-size: 18px;
    color: #888;
}

.paragraph-padding {
    padding: 50px 0px 50px;
    display: block;
}

.searchboxx i {
    font-size: 25px;
    color: #888;
    padding: 12px;
}

.main-menu nav > ul > li > a:after:last-child {
    background-color: #fff;
}

.banner {
    position: relative;
}

.bannertext {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.banner img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.bannertext strong {
    font-size: 55px;
    line-height: 77px;
    color: #fff;
    font-family: 'shonnya-Medium';
    animation-name: fadeInLeft;
    animation-duration: 1000ms;
    display: block;
}

.bannertext span {
    font-size: 40px;
    color: #fff;
    display: block;
    font-family: 'shonnya-regular';
    animation-name: fadeInLeft;
    animation-duration: 2000ms;
}

.tab-section {
    background-color: #018ed3;
    background-color: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background-color: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    position: relative;
    padding: 60px 0px;
}

.bottombg img {
    width: 100%;
}

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        background: #006864;
        color: #fff;
        font-size: 20px;
        line-height: 35px;
        font-family: shonnya-Medium;
        padding: 6px 30px 10px;
        border-radius: 30px;
        margin-right: 20px;
    }

.desktop-section {
    display: block;
}

.mobile-section {
    display: none;
}

/*******POPUP*******/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
    }

#popup1 .popup {
    margin: 0px auto;
    padding: 40px 40px;
    background: #f4943f linear-gradient(to bottom, #F0F6EB 0%,#D3E4C5 100%);
    max-width: 540px;
    position: relative;
    text-align: center;
    top: 50% !important;
    position: fixed !important;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    left: 0;
    border-radius: 10px;
    overflow: hidden;
}

    #popup1 .popup .close {
        position: absolute;
        top: 0px;
        right: 0px;
        transition: all 200ms;
        font-size: 40px;
        text-decoration: none;
        text-align: center;
        border-radius: 0;
        cursor: pointer;
        float: right;
        padding: 0;
        color: #f4943f;
        margin-top: 0;
        margin-right: 10px;
        height: 45px;
        width: 45px;
        line-height: 45px;
    }

#popup1 .newletter-title h2 {
    font-size: 30px;
    color: #006864;
    font-family: 'shonnya-semibold';
    margin: 25px 20px;
    text-align: center;
}

.tab-content p a:hover {
    color: #f4943f;
}

#popup1 .box-content p {
    display: block;
    margin: 15px 0px;
    font-size: 20px;
    line-height: 26px;
    font-family: 'shonnya-Medium';
}

.newletter-popup {
    background: #fff;
    top: 50% !important;
    position: fixed !important;
    padding: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#subscribe_popup {
    width: 100%;
    margin: 50px auto 0px;
    display: block;
}

    #subscribe_popup input {
        background: none;
        border-bottom: 2px solid #fff;
        position: relative;
        padding: 12px 0px;
        color: #888;
        font-size: 18px;
        font-family: shonnya-regular;
        border-bottom: 2px solid #888;
    }

#dvemail1 span {
    color: #f4943f;
}

#dvemail1 {
    position: fixed;
}

#popup1 #frm_subscribe a {
    cursor: pointer;
    border: none;
    padding: 4px 30px 8px 30px;
    font-size: 22px;
    color: #fff;
    background: #f4943f;
    font-family: shonnya-semibold;
    display: inline-block;
    margin: 40px 0px 0px 0px;
    border-radius: 10px;
    float: left;
    box-shadow: rgb(38 57 77) 0px 15px 20px -21px;
}

/*#popup1 #frm_subscribe a:hover {
        color: #000;
        background: #fff;
    }*/

#subscribe_popup input::placeholder {
    color: #888;
}
/*******POPUP*******/


#topbutton {
    position: fixed;
    bottom: 50px;
    right: 30px;
    display: inline-block;
    display: inline-block;
    visibility: hidden;
    z-index: 9999;
    transition: all 0.5s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    #topbutton:hover {
        transform: scale(1.1);
    }

    #topbutton.show {
        opacity: 1;
        visibility: visible;
    }

    #topbutton i {
        color: #48614c;
        font-size: 20px;
    }

    #topbutton:hover i {
        color: #fff;
    }

.nav-tabs .nav-link:hover {
    color: #fff;
}

.nav-tabs .nav-link {
    background-color: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background-color: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    font-family: 'shonnya-Medium';
    padding: 6px 30px 10px;
    border-radius: 30px;
    margin-right: 20px;
}

.nav-tabs .nav-link {
    border: none;
}

.nav-link {
    padding: 8px 0px;
}


.tab-content > .active p b {
    font-size: 35px;
    color: #fff;
    line-height: 50px;
    padding: 30px 0px;
    font-family: 'shonnya-Medium';
}

.about-content {
    display: block;
    padding: 0px 0px 50px 0px;
    text-align: left;
}

    .about-content h2 {
        font-size: 45px;
        display: inline-block;
        padding: 20px 0px;
        color: #006864;
        position: relative;
        font-family: 'shonnya-Medium';
    }

        .about-content h2:after {
            position: absolute;
            bottom: 5px;
            left: 0px;
            border-bottom: 6px solid #006864;
            border-radius: 30px;
            content: "";
            width: 100%;
        }

.tab-content > .active p:last-child {
    padding-bottom: 0px;
}

.about-content p {
    font-size: 32px;
    text-align: justify;
    line-height: 50px;
    color: #006864;
    padding: 10px 0px;
    font-family: 'shonnya-Medium';
}

.Campaign-content h2 {
    font-size: 45px;
    display: inline-block;
    padding: 0px 0px 20px 0px;
    color: #006864;
    position: relative;
    font-family: 'shonnya-Medium';
}

    .Campaign-content h2:after {
        position: absolute;
        bottom: 5px;
        left: 0px;
        border-bottom: 6px solid #006864;
        border-radius: 30px;
        content: "";
        width: 100%;
    }

.Campaign-content {
    display: block;
    padding: 0px 0px 50px 0px;
    text-align: left;
}

    .Campaign-content p {
        font-size: 32px;
        text-align: justify;
        line-height: 50px;
        color: #006864;
        padding: 10px 0px;
        font-family: 'shonnya-Medium';
    }

.campaign-section h3 {
    font-size: 20px;
    color: #fff;
    padding: 15px 0px 0px;
    margin: 0px;
    text-align: left;
    font-family: 'shonnya-Medium';
}

.campaign-section h4 {
    font-size: 14px;
    color: #8b8c8e;
    padding: 25px 0px 0px;
    margin: 0px;
    text-align: left;
    font-family: 'shonnya-Medium';
    line-height: 38px;
}

.campaign-box {
    display: block;
    background: #fff;
    border-radius: 30px;
    width: 17%;
    margin: 50px 50px 0px 0px;
    padding: 20px 0px 20px;
    float: left;
    border-radius: 30px;
    box-sizing: border-box;
    display: block;
    padding: 5px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    height: 310px;
}

    .campaign-box a:hover .hover-icons {
        opacity: 9 !important;
    }

.hover-icons {
    position: absolute;
    top: 25px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    opacity: 0;
}

.campaign-box a {
    background: #fff;
    text-align: center;
    border-radius: 30px;
    display: block;
    height: 100%;
    transition: background .5s ease;
    width: 100%;
    padding: 20px 0px;
}

    .campaign-box a:hover {
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #018dd1, #3aab37);
    }

.campaign-box img {
    width: 120px;
}

.campaign-box a:hover .hover-icons1 img {
    width: 120px;
    opacity: 0;
}

.campaign-box a strong {
    font-size: 26px;
    color: #006864;
    text-align: center;
    display: block;
    vertical-align: middle;
    line-height: 32px;
    font-family: 'shonnya-Medium';
    padding: 10px 10px;
}

.campaign-box a:hover strong {
    color: #fff;
}

.button-bt {
    text-align: left;
    margin-top: 30px;
}

    .button-bt a {
        background: #f4943f;
        border-radius: 30px;
        font-size: 25px;
        color: #fff;
        padding: 6px 38px 11px;
        display: inline-block;
        font-family: 'shonnya-Medium';
    }

        .button-bt a:hover {
            background: #018ed3;
            background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
            background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
            background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
        }

.card-body abbr {
    text-align: left;
    display: flex;
    padding: 15px 20px;
}

    .card-body abbr img {
        width: 100px;
    }

    .card-body abbr p {
        font-size: 25px;
        color: #8b8c8e;
        line-height: 34px;
        text-align: justify;
        padding: 12px 10px 10px 20px;
    }

section {
    padding: 40px 0px 50px 0px;
    background: #018ed3;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    margin-bottom: 100px;
}

.about-contents {
    display: block;
    padding: 0px 0px 30px 0px;
    text-align: left;
}

    .about-contents h2 {
        font-size: 30px;
        display: inline-block;
        padding: 0px 0px 20px 0px;
        color: #006864;
        position: relative;
        font-family: shonnya-semibold;
    }



.about-contents-s {
    display: block;
    padding: 20px 0px 30px 0px;
    text-align: left;
}

    .about-contents-s h2 {
        font-size: 45px;
        display: inline-block;
        padding: 0px 0px 20px 0px;
        color: #006864;
        position: relative;
        font-family: 'shonnya-Medium';
    }

        .about-contents-s h2:after {
            position: absolute;
            bottom: 5px;
            left: 0px;
            border-bottom: 6px solid #006864;
            border-radius: 30px;
            content: "";
            width: 100%;
        }

.about-contents-t h2 {
    font-size: 22px;
    display: inline-block;
    padding: 0px 0px 20px 0px;
    color: #fff;
    position: relative;
    font-family: shonnya-Medium'';
}

    .about-contents-t h2:after {
        position: absolute;
        bottom: 8px;
        left: 0px;
        border-bottom: 4px solid #fff;
        border-radius: 30px;
        content: "";
        width: 100%;
    }

article {
    text-align: left;
    padding: 30px 5px;
}

    article strong {
        font-size: 30px;
        color: #fff;
        padding: 10px 0px;
        font-family: shonnya-Medium;
    }

    article p {
        font-size: 26px;
        color: #fff;
        padding: 0px 0px;
        line-height: 30px;
        font-family: shonnya-Medium;
    }

.india-map {
    position: relative;
}

    .india-map img {
        position: relative;
    }

.articles strong {
    font-size: 30px;
    color: #006864;
    padding: 10px 0px;
    font-family: shonnya-Medium;
}

    .articles strong span {
        font-size: 20px;
        vertical-align: sub;
    }

.articles p {
    font-size: 26px;
    color: #006864;
    padding: 0px 0px;
    line-height: 30px;
    font-family: shonnya-Medium;
}

.location-popup {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup strong {
        font-size: 16px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup p {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup span {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

.map-loaction {
    position: absolute;
    top: 27%;
    left: 32%;
}

    .map-loaction:hover .location-popup {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction img {
        position: absolute;
        display: block;
    }

.map-loaction2 {
    position: absolute;
    top: 23%;
    left: 24%;
}

    .map-loaction2:hover > .location-popup2 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction2 img {
        position: absolute;
        display: block;
    }

.location-popup2 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup2 strong {
        font-size: 16px;
        color: #fff;
        font-family: shonnya-regular;
    }

    .location-popup2 p {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-regular;
    }

    .location-popup2 span {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-regular;
    }

.map-loaction3 {
    position: absolute;
    top: 20%;
    left: 36%;
}

    .map-loaction3:hover > .location-popup3 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction3 img {
        position: absolute;
        display: block;
    }

.location-popup3 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup3 strong {
        font-size: 16px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup3 p {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup3 span {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

.map-loaction4 {
    position: absolute;
    top: 33%;
    left: 14%;
}

    .map-loaction4:hover > .location-popup4 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction4 img {
        position: absolute;
        display: block;
    }

.location-popup4 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 150px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup4 strong {
        font-size: 16px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup4 p {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup4 span {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

.map-loaction5 {
    position: absolute;
    top: 44%;
    left: 8%;
}

    .map-loaction5:hover > .location-popup5 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction5 img {
        position: absolute;
        display: block;
    }

.location-popup5 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup5 strong {
        font-size: 16px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup5 p {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

    .location-popup5 span {
        font-size: 17px;
        color: #fff;
        font-family: shonnya-Medium;
    }

.map-loaction6 {
    position: absolute;
    top: 33%;
    left: 45%;
}

    .map-loaction6:hover > .location-popup6 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction6 img {
        position: absolute;
        display: block;
    }

.location-popup6 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup6 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup6 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup6 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction7 {
    position: absolute;
    top: 38%;
    right: 37%;
}

    .map-loaction7:hover > .location-popup7 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction7 img {
        position: absolute;
        display: block;
    }

.location-popup7 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 28px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup7 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup7 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup7 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction8 {
    position: absolute;
    top: 32%;
    right: 17%;
}

    .map-loaction8:hover > .location-popup8 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction8 img {
        position: absolute;
        display: block;
    }

.location-popup8 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup8 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup8 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup8 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction9 {
    position: absolute;
    top: 28%;
    right: 11%;
}

    .map-loaction9:hover > .location-popup9 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction9 img {
        position: absolute;
        display: block;
    }

.location-popup9 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup9 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup9 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup9 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction10 {
    position: absolute;
    top: 44%;
    left: 33%;
}

    .map-loaction10:hover > .location-popup10 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction10 img {
        position: absolute;
        display: block;
    }

.location-popup10 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup10 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup10 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup10 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction11 {
    position: absolute;
    top: 42%;
    right: 40%;
}

    .map-loaction11:hover > .location-popup11 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction11 img {
        position: absolute;
        display: block;
    }

.location-popup11 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup11 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup11 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup11 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction12 {
    position: absolute;
    top: 50%;
    right: 50%;
}

    .map-loaction12:hover > .location-popup12 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction12 img {
        position: absolute;
        display: block;
    }

.location-popup12 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup12 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup12 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup12 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction13 {
    position: absolute;
    top: 48%;
    right: 34%;
}

    .map-loaction13:hover > .location-popup13 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction13 img {
        position: absolute;
        display: block;
    }

.location-popup13 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup13 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup13 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup13 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction14 {
    position: absolute;
    bottom: 40%;
    left: 18%;
}

    .map-loaction14:hover > .location-popup14 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction14 img {
        position: absolute;
        display: block;
    }

.location-popup14 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup14 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup14 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup14 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction15 {
    position: absolute;
    bottom: 38%;
    left: 35%;
}

    .map-loaction15:hover > .location-popup15 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction15 img {
        position: absolute;
        display: block;
    }

.location-popup15 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup15 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup15 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup15 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction16 {
    position: absolute;
    bottom: 22%;
    left: 34%;
}

    .map-loaction16:hover > .location-popup16 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction16 img {
        position: absolute;
        display: block;
    }

.location-popup16 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup16 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup16 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup16 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction17 {
    position: absolute;
    bottom: 13%;
    left: 34%;
}

    .map-loaction17:hover > .location-popup17 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction17 img {
        position: absolute;
        display: block;
    }

.location-popup17 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup17 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup17 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup17 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.map-loaction18 {
    position: absolute;
    bottom: 10%;
    left: 28%;
}

    .map-loaction18:hover > .location-popup18 {
        display: block;
        transition-duration: 3s;
    }

    .map-loaction18 img {
        position: absolute;
        display: block;
    }

.location-popup18 {
    background: #006864;
    padding: 12px 15px;
    border-radius: 15px;
    display: none;
    position: absolute;
    top: 0px;
    left: 23px;
    width: 180px;
    z-index: 9;
    animation-name: fadeIn;
    animation-duration: 900ms;
}

    .location-popup18 strong {
        font-size: 16px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup18 p {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

    .location-popup18 span {
        font-size: 17px;
        color: #fff;
        font-family: verdana;
    }

.logos li {
    display: inline-block;
    text-align: center;
    width: 15%;
    margin: 0px 30px;
}

.nitiaayoglogo img {
    width: 110px !important;
}

li.nitiaayoglogo {
    margin: 0px 15px;
}

.logos2 li {
    width: 100%;
    display: block;
    text-align: left;
}

.logos li img {
    width: 80%;
}

.logos li.newlogo img {
    width: 90%;
}

.about-contents-news {
    text-align: center;
}

    .about-contents-news h2 {
        font-size: 30px;
        display: block;
        padding: 0px 0px 20px 0px;
        color: #006864;
        position: relative;
        font-family: 'shonnya-semibold';
        border-bottom: 1px solid #f1f1f1;
    }

.about-contents-ne {
    display: block;
    padding: 0px 0px 20px 0px;
    text-align: left;
}

    .about-contents-ne h2 {
        font-size: 30px;
        display: block;
        padding: 0px 0px 0px 0px;
        color: #006864;
        position: relative;
        font-family: 'shonnya-semibold';
        text-align: left;
        line-height: 37px;
    }



.faq-contents-ne {
    display: block;
    padding: 0px 0px 20px 0px;
    text-align: center;
}

.about-contents-net {
    display: block;
    padding: 0px 0px 20px 15px;
    text-align: left;
}

    .about-contents-net h2 {
        font-size: 45px;
        display: inline-block;
        padding: 0px 0px 20px 0px;
        color: #006864;
        position: relative;
        font-family: verdana;
    }

        .about-contents-net h2:after {
            position: absolute;
            bottom: 5px;
            left: 0px;
            border-bottom: 6px solid #006864;
            border-radius: 30px;
            content: "";
            width: 100%;
        }

.logo2 li {
    display: inline-block;
    width: 24.8%;
    text-align: left;
    margin: 5px 0px 25px 0px;
}

    .logo2 li img {
        width: 200px;
    }

.logo2 {
    text-align: left;
    padding: 20px 0px 0px;
}

.logos {
    margin-bottom: 50px;
    text-align: center;
    padding: 10px 0px;
}

.testimonials {
    border-radius: 30px;
    padding: 30px 40px 20px 100px;
    margin-bottom: 20px;
}

.names {
    position: absolute;
    bottom: 0px;
    left: 25px;
    margin: 0 auto;
    width: 270px;
    right: 0px;
}

.testimonials abbr img {
    display: block;
    text-align: center;
    margin: 0;
    max-width: 330px;
}

.testimonials p {
    font-size: 18px;
    color: #666;
    line-height: 25px;
    padding: 14px 110px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
    font-family: 'shonnya-regular';
    height: 200px;
    text-align: left;
    margin: 20px 0px;
}


.testimonials strong {
    font-size: 18px;
    text-align: left;
    color: #fff;
    display: block;
    padding: 0px 10px;
    display: block;
    line-height: 25px;
    font-family: shonnya-Medium;
}

.testimonials span {
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding: 0px 10px;
    font-family: 'shonnya-regular';
    display: block;
    line-height: 25px;
}

    .testimonials span img {
        position: absolute;
        top: -10px;
        left: -38px;
    }

.testimonials del img {
    position: absolute;
    margin-top: 17px;
    top: -25px;
}


.owl-prev {
    display: block !important;
}

.owl-next {
    display: block !important;
}

.owl-prev img {
    width: 40px;
    height: 40px;
}

.owl-next img {
    width: 40px;
    height: 40px;
}

.video-section {
    border-radius: 30px;
    overflow: hidden;
    height: 500px;
    width: 100%;
    position: relative;
}

    .video-section img {
        height: 100% !important;
        border-radius: 30px;
    }

    .video-section video {
        height: 100% !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 999;
        display: none;
    }

    .video-section.click {
        display: block;
    }

.packega-section {
    height: 240px;
    margin-bottom: 20px;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

    .packega-section img {
        width: 100%;
        height: 100% !important;
    }

.packega-section-n {
    height: 290px;
    margin-bottom: 20px;
    border-radius: 30px;
    overflow: hidden;
    width: 48%;
    float: right;
    position: relative;
}

    .packega-section-n img {
        width: 100%;
        height: 100% !important;
    }

.packega-section2 {
    height: 240px;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

    .packega-section2 img {
        width: 100%;
        height: 100% !important;
    }

.twitter-section {
    padding: 20px;
    border-radius: 30px;
    text-align: left;
    height: 290px;
    width: 100%;
    float: left;
    background: #018ed3;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}

.twitter-sections {
    padding: 20px;
    border-radius: 30px;
    text-align: left;
    height: 290px;
    width: 48%;
    float: right;
    background: #018ed3;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}


.Campaign-Entails {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    margin: 40px 0px;
}

.Campaign-Entails-box {
    border-right: 3px solid #dadada;
}

.Campaign-Entails-box {
    display: table;
}

.Campaign-Entails:hover .Campaign-Entails-box {
    border-right: 3px solid #f4943f;
}

.Campaign-Entails:hover .border-none:last-child {
    border-right: 3px solid #fff;
}

.border-none:hover {
    border-right: 3px solid #fff;
}

.border-none {
    border-right: 3px solid #fff;
}

.Campaign-Entails strong {
    font-size: 16px;
    color: #006864;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 24px;
    font-family: 'verdana';
    padding: 10px 40px;
}

.video-section:hover > .hover-content {
    display: block;
    animation-name: fadeIn;
    animation-duration: 1500ms;
}

.packega-section:hover > .hover-content {
    display: block;
    animation-name: fadeIn;
    animation-duration: 1500ms;
}

.packega-section2:hover > .hover-content {
    display: block;
    animation-name: fadeIn;
    animation-duration: 1500ms;
}

.hover-content {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: none;
}

    .hover-content strong {
        font-size: 30px;
        color: #fff;
        font-family: verdana;
        position: absolute;
        left: 15px;
        bottom: 10px;
        text-align: left;
        line-height: 45px;
        padding: 20px;
    }

.hover-content-n strong {
    font-size: 20px;
    color: #fff;
    font-family: verdana;
    position: absolute;
    left: 23px;
    bottom: 20px;
    text-align: left;
    line-height: 26px;
}

.hover-content-sm strong {
    font-size: 35px;
    color: #fff;
    font-family: verdana;
    position: absolute;
    left: 15px;
    bottom: 30px;
    text-align: left;
    line-height: 44px;
    right: 0px;
}

.twitter-section i {
    font-size: 30px;
    color: #fff;
    padding: 5px 0px;
    font-family: verdana;
}

.twitter-section strong {
    font-size: 22px;
    display: block;
    color: #fff;
    padding: 0px 0px 0px;
    line-height: 33px;
    font-family: verdana;
}

.viewmore {
    display: table;
    text-align: center;
    height: 240px;
    width: 100%;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    border-radius: 30px;
    transition: all 1.5s ease;
}

.vidwmorebox {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

    .vidwmorebox a {
        font-size: 30px;
        color: #fff;
        font-family: 'shonnya';
        line-height: 42px;
        transition: all 1.5s ease;
    }

.viewmore:hover {
}

    .viewmore:hover a {
        transform: scale(1.1);
        -webkit-filter: grayscale(0);
        font-size: 33px;
    }

.twitter-section p {
    font-size: 16px;
    color: #fff;
    padding: 5px 0px;
    line-height: 24px;
    font-family: 'shonnya-regular'; /* text-align: justify; */
}

    .twitter-section p b {
        font-size: 13px;
        color: #fff;
        font-family: verdana;
    }

.twitter-right-section {
    width: 48%;
    float: right;
}

.owl-carousel .owl-item img {
    width: 100%;
}

.Newsletter-section {
    border-radius: 30px;
    background: #018ed3;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}

.Newsletter {
    padding: 28px 80px 50px;
}

    .Newsletter h4 {
        font-size: 28px;
        text-align: left;
        color: #fff;
        padding: 15px 0px;
        font-family: 'verdana';
    }

    .Newsletter abbr input {
        text-align: left;
        border-bottom: 2px solid #fff;
        position: relative;
        padding: 12px 0px;
        color: #fff;
        font-size: 14px;
        font-family: 'verdana';
    }

.clear {
    position: relative;
}

.Followus {
    display: block;
    padding: 50px 50px 0px;
    text-align: center;
}

    .Followus h4 {
        font-size: 18px;
        color: #fff;
        display: block;
        padding: 10px 0px;
        font-family: 'verdana';
    }

    .Followus ul li {
        display: inline-block;
        padding: 10px 5px;
    }

    .Followus img {
        width: 40px;
    }

.Newsletter span {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
    cursor: pointer;
}

.Newsletter abbr {
    position: relative;
}

.Newsletter span img {
    width: 40px;
}

.Followus ul li:hover img {
    opacity: 0.8;
}

.about-section-n {
    display: block;
    padding: 30px 0px;
    text-align: center;
}

.Newsletter input::placeholder {
    color: #fff;
    background: none;
}

.Newsletters {
    padding: 15px 30px 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px #ccc;
}

    .Newsletters h4 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        padding: 15px 0px 25px;
        line-height: 30px;
        font-family: 'verdana';
    }

.Newsletters-text h5 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: 'shonnya-regular';
    padding: 180px 0px 0px;
    line-height: 30px;
    text-align: left;
}

    .Newsletters-text h5 a {
        text-decoration: underline;
        color: #fff;
    }

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

.Newsletters input {
    background: #f6f6f6;
    position: relative;
    padding: 10px 20px;
    color: #888;
    font-size: 18px;
    font-family: 'shonnya-regular';
    width: 100%;
    margin: 20px 0px 0px 0px;
    border-radius: 10px;
}

    .Newsletters input::placeholder {
        color: #888;
        background: #f6f6f6;
    }

.Newsletters textarea {
    margin-top: 0px;
    background: #f6f6f6;
    resize: none;
    border-radius: 10px;
    position: relative;
    padding: 10px 20px;
    color: #888;
    font-size: 20px;
    font-family: 'shonnya-regular';
    width: 100%;
    margin: 20px 0px 0px 0px;
    border: none;
    height: 100px;
    line-height: 25px;
}

.Newsletters-text abbr {
    font-size: 20px;
    color: #666;
    display: block;
    margin-top: 250px;
    text-align: left;
    font-family: shonnya-regular;
}

    .Newsletters-text abbr a {
        font-size: 20px;
        color: #006864;
        margin-top: 50px;
        padding: 0px 0px;
        font-family: shonnya-Medium;
    }

.Newsletters textarea::placeholder {
    color: #888;
    background: #f6f6f6;
}

#tl-featured-slider4 {
    margin-bottom: 40px;
    padding: 10px 0px;
    background: url(../images/testimonila-bg.png)no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    position: relative;
}

input:focus, textarea:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    color: #FFF;
}

.click-join-page {
    color: #888;
    font-size: 18px;
    font-family: shonnya-regular;
    line-height: 18px;
}

    .click-join-page a {
        color: #888;
        text-decoration: underline;
        font-size: 18px;
        font-family: shonnya-Medium;
    }

        .click-join-page a:hover {
            color: #f4943f;
        }

footer {
    padding: 40px 0px 190px 0px;
    box-shadow: inset 0px 5px 35px -25px #666;
    margin-top: 30px;
    background-color: #F6F6F6;
    position: relative;
}

.bottombg {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

ul.footer-link {
    padding-left: 20px;
    padding-top: 40px;
    position: relative;
    z-index: 9;
}

.footer-link li {
    display: inline-block;
    width: 44%;
}

    .footer-link li a {
        font-size: 16px;
        color: #888;
        padding: 0px 0px;
        display: block;
        font-family: 'shonnya-Medium';
    }

        .footer-link li a:hover {
            color: #006864;
        }

.footer-link-heading {
    font-size: 16px;
    color: #006864;
    padding: 5px 0px;
    display: block;
    font-family: 'shonnya-Medium';
    margin-bottom: 20px;
}

.footer-link-heading-n {
    margin-bottom: 0px;
}

.footer-link-heading2 {
    font-size: 20px;
    color: #006864;
    padding: 5px 0px;
    display: block;
    font-family: verdana;
}

.footer-link-heading li {
    display: block;
}

    .footer-link-heading li a {
        font-size: 18px;
        color: #878787;
        padding: 0px 0px;
        display: block;
        font-family: verdana;
    }

.footer-link-heading li {
    font-size: 16px;
    color: #888;
    padding: 0px 0px;
    display: block;
    font-family: 'shonnya-Medium';
    line-height: 28px;
}

.footer-link-heading a:hover {
    color: #006864;
}

.bottom {
    background: #006864;
    padding: 10px 0px;
    margin-top: 0px;
    text-align: center;
    color: #ccc;
    font-family: 'shonnya-regular';
    font-size: 14px;
}

    .bottom a {
        color: #ddd;
    }

.twitter-section img {
    width: 38px;
}

.footer-logo {
    display: block;
    padding: 0px 0px;
}

    .footer-logo img {
        width: 220px;
        margin: 0px;
    }

.about-contents-t {
    padding: 0px 15px 20px 15px;
}


.chart-section {
    background: #018ed3;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 20px;
    text-align: center;
    border-radius: 50px;
    margin-top: 72px;
    position: relative;
}

.rounde {
    background: #018ed3;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    border-radius: 50%;
    margin: -22% auto 0 auto;
    border: 10px solid #fff;
    text-align: center;
    width: 180px;
    height: 180px;
    padding: 35px;
    line-height: 10px;
    position: relative;
}

    .rounde p {
        font-size: 17px;
        color: #fff;
        padding: 0px;
        line-height: 15px;
        font-family: verdana;
    }

    .rounde strong {
        font-size: 40px;
        color: #fff;
        display: block;
        padding: 25px 0px;
        font-family: verdana;
    }

.charts {
    padding: 30px 0px 0px 0;
}

#myCanvas {
    position: absolute;
    top: -74px;
    left: -73px;
    right: 0px;
    width: 310px;
    height: 310px;
}

.gradient-box {
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 40px;
    border-radius: 30px;
    margin-bottom: 50px;
}

.about-contents-ne img {
    display: block;
    padding: 25px 0px 0px;
    margin: 0 auto;
    text-align: center;
}

/*---------- About Us Css Start ----------*/
.paragraph {
    display: block;
    padding: 50px 0px;
}

    .paragraph b {
        font-size: 24px;
        color: #8b8c8e;
        padding: 0px 0px 20px;
        line-height: 38px;
        text-align: justify;
        font-family: verdana;
    }

.Newsletter-section-new {
    background-color: #f6f6f6;
    padding: 70px 70px;
    border-radius: 30px;
    background-image: url(../images/join-us-form-bg.png);
    background-size: 100% 100%;
}

.Newsletters-text h4 {
    font-size: 29px;
    color: #006864;
    display: block;
    line-height: 60px;
    font-family: 'shonnya-Medium';
    text-align: left;
}

.Newsletter-section-new2 {
    background-color: #f6f6f6;
    padding: 70px 70px;
    border-radius: 30px;
    background-image: url(../images/Partners-form-bg.png);
    background-size: 100% 100%;
}

.Newsletters-text h4 {
    font-size: 25px;
    color: #006864;
    display: block;
    line-height: 32px;
    font-family: 'shonnya-regular';
}


.paragraph p {
    font-size: 18px;
    color: #666;
    padding: 10px 0px;
    line-height: 25px;
    text-align: left;
    font-family: 'shonnya-regular';
}

.Shoonya-Rides-img {
    margin: 10px 0px 20px 0px;
}

.paragraph h5 {
    font-size: 40px;
    color: #006864;
    padding: 0px 0px 0px;
    margin: 0px;
    text-align: left;
    font-family: verdana;
}

.paragraph p span {
    font-size: 16px;
    padding: 0px 1px;
    vertical-align: sub;
    line-height: 16px;
}

.Group-paragraph p {
    font-size: 14px;
    color: #fff;
    padding: 0px 0px;
    line-height: 26px;
    text-align: justify;
    font-family: 'verdana';
}

.Group-paragraph b {
    font-size: 18px;
    color: #fff;
    padding: 0px 0px 10px;
    display: block;
    line-height: 26px;
    text-align: justify;
    font-family: 'verdanab';
}

.Group-paragraph p span {
    font-size: 16px;
    padding: 0px 1px;
    vertical-align: sub;
    line-height: 16px;
}

.paragraph p b {
    font-family: verdana;
}

.paragraph-n p {
    font-size: 25px;
    color: #006864;
    padding: 10px;
    line-height: 36px;
    text-align: left;
    font-family: verdana;
    padding-left: 40px;
}

.about-img {
    display: inline-block;
    float: right;
    width: 42%;
}

.paragraph-n {
    position: relative;
    margin: 72px 0px 50px;
}

    .paragraph-n p::after {
        position: absolute;
        top: 0px;
        left: 10px;
        border-radius: 30px;
        content: "";
        width: 10px;
        height: 100%;
        background: linear-gradient(to bottom, #018ed3 0%,#38aa39 100%);
        box-shadow: rgba(0, 0, 0, 0.25) 1.95px 1.95px 2.6px;
    }

.paragraph-new strong {
    font-size: 28px;
    color: #fff;
    padding: 10px;
    line-height: 36px;
    text-align: left;
    font-family: shonnya-Medium;
    padding-left: 40px;
}

.paragraph-new p {
    font-size: 18px;
    color: #fff;
    padding: 10px;
    line-height: 35px;
    text-align: left;
    font-family: shonnya-regular;
    padding-left: 40px;
}

.about-img {
    display: inline-block;
    float: right;
    width: 42%;
}

.paragraph-new {
    position: absolute;
    margin: 60px 0px;
    width: 60%;
    bottom: 20px;
    left: 60px;
}


    .paragraph-new .button-btn {
        padding-left: 40px;
        margin-top: 10px;
    }

        .paragraph-new .button-btn a {
            border-radius: 30px;
            font-size: 20px;
            color: #f4943f;
            padding: 2px 0px 6px;
            display: inline-block;
            font-family: shonnya-Medium;
        }

            .paragraph-new .button-btn a img {
                width: 25px;
            }

.paragraph-new2 {
    position: relative;
    margin: 70px 0px;
    text-align: right;
    width: 60%;
    float: right;
}

    .paragraph-new2 strong {
        font-size: 20px;
        color: #006864;
        padding: 10px;
        line-height: 36px;
        text-align: right;
        font-family: 'verdanab';
        padding-right: 40px;
    }

    .paragraph-new2 p {
        font-size: 14px;
        color: #8b8c8e;
        padding: 10px;
        line-height: 32px;
        text-align: revert;
        font-family: 'verdana';
        padding-right: 40px;
        padding-left: 70px;
    }

    .paragraph-new2 .button-btn {
        text-align: right;
        padding-right: 40px;
    }

        .paragraph-new2 .button-btn a {
            background: #f4943f;
            border-radius: 30px;
            font-size: 14px;
            color: #fff;
            padding: 6px 38px 11px;
            display: inline-block;
            font-family: 'verdana';
        }

    .paragraph-new2::after {
        position: absolute;
        top: 0px;
        right: 10px;
        border-radius: 30px;
        content: "";
        width: 10px;
        height: 100%;
        background: linear-gradient(to bottom, #018ed3 0%,#38aa39 100%);
        box-shadow: rgba(0, 0, 0, 0.25) 1.95px 1.95px 2.6px;
    }

.paragraph-new3 {
    position: relative;
    margin: 70px 0px;
}

/*#tl-partners-listed img {
    width: 78% !important;
    height: auto !important;
    margin-bottom: 25px;
    padding: 0px 0px;
}*/

#tl-partners-listed .owl-item .item {
    padding: 0px 15px;
}

#tl-partners-listed > .owl-stage-outer {
    border-radius: 0px !important;
}

.paragraph-Ri {
    position: relative;
    margin: 100px 0px;
}

    .paragraph-Ri p {
        font-size: 25px;
        color: #006864;
        padding: 10px;
        line-height: 38px;
        text-align: right;
        font-family: verdana;
        padding-right: 40px;
    }

        .paragraph-Ri p::after {
            position: absolute;
            top: 0px;
            right: 10px;
            border-radius: 30px;
            content: "";
            width: 10px;
            height: 100%;
            background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
            box-shadow: rgba(0, 0, 0, 0.25) 1.95px 1.95px 2.6px;
        }

.mission-right {
    width: 41.6666666667%;
    position: absolute;
    top: 0px;
    right: 0px;
}

    .mission-right img {
        width: 100%;
    }

.mission-left {
    width: 41.6666666667%;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .mission-left img {
        width: 100%;
    }

.section-padding {
    padding: 80px 0px;
    text-align: center;
}

.mudra-section {
    width: 100%;
}

    .mudra-section img {
        display: block;
        margin: 0 auto;
        overflow: hidden;
    }

    .mudra-section b {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        font-size: 40px;
        color: #000;
        background: rgba(255, 255, 255, 0.6);
        height: 100%;
        width: 100%;
        line-height: 50px;
        padding-top: 23%;
        font-family: verdana;
    }

    .mudra-section span {
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        display: table;
        text-align: center;
    }

.paragraph-ne p {
    font-size: 28px;
    color: #006864;
    padding: 10px;
    line-height: 38px;
    text-align: left;
    font-family: verdana;
    padding-left: 35px;
}

.paragraph-ne {
    position: relative;
    margin: 90px 0px;
}

    .paragraph-ne p::after {
        position: absolute;
        top: 0px;
        left: 10px;
        border-radius: 30px;
        content: "";
        width: 7px;
        height: 100%;
        background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    }

.paragraph-padding {
    display: block;
    margin: 40px 0px 20px;
    position: relative;
    overflow: hidden;
}

.paragraph-height {
    height: 400px;
}

.campaign-vision {
    width: 95%;
    margin-left: 25px;
    height: 400px;
    border-radius: 20px;
    padding: 40px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin: 45px 0px 25px;
    text-align: center;
    position: relative;
}

    .campaign-vision span {
        font-size: 50px;
        line-height: 60px;
        position: absolute;
        top: 15px;
        right: 25px;
        color: #d2dcdd;
        font-family: 'verdanab';
    }

    .campaign-vision img {
        margin-bottom: 30px;
        width: 220px;
    }

    .campaign-vision p {
        font-size: 16px;
        text-align: center;
        padding: 5px 25px;
        color: #8b8c8e;
        font-family: 'verdana';
        line-height: 28px;
    }


.shoonya-zero {
    padding: 20px 30px 50px;
    text-align: center;
}

    .shoonya-zero p {
        font-size: 28px;
        color: #006864;
        padding: 15px 0px;
        line-height: 38px;
        text-align: center;
        font-family: verdana;
    }

/*---------- About Us Css Start ----------*/


/*---------- Corporate Certification Css Start ----------*/
.Corporate-Certification-bg {
    background: url(../images/Corporate-Certification-banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}

.breadcrumb h1 {
    font-size: 30px;
    color: #fff;
    font-family: verdana;
    padding: 0px 0px;
    position: relative;
    display: inline-block;
    line-height: 40px;
}

.slide-img img {
    border-radius: 20px;
}

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

#carousel-thumbs {
    background: rgba(255,255,255,.3);
    bottom: 0;
    left: 0;
    padding: 0 5px;
    right: 0;
}

    #carousel-thumbs img {
        cursor: pointer;
    }

        #carousel-thumbs img:hover {
            border-color: rgba(255,255,255,.3);
        }

    #carousel-thumbs .selected img {
        border-color: #fff;
    }

.carousel-control-prev, .carousel-control-next {
    width: 50px;
}

@media all and (max-width: 767px) {
    .carousel-container #carousel-thumbs img {
        border-width: 3px;
    }
}

@media all and (max-width: 576px) {
    .carousel-container #carousel-thumbs {
        background: #ccccce;
    }
}

.thumbnails-img {
    position: relative;
    border-radius: 30px;
    position: relative;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}

    .thumbnails-img img {
        border-radius: 30px;
    }

    .thumbnails-img p {
        font-size: 25px;
        display: block;
        padding: 25px 30px 5px;
        font-family: verdana;
        color: #fff;
        line-height: 25px;
    }

    .thumbnails-img span {
        font-size: 25px;
        display: block;
        padding: 2px 30px 30px;
        font-family: verdana;
        color: #fff;
        line-height: 25px;
    }

    .thumbnails-img a {
        position: absolute;
        left: 44%;
        top: 38%;
    }

.thumbnails-imgs {
    position: relative;
    padding: 25px 8px 0px;
}

    .thumbnails-imgs img {
        border-radius: 30px;
    }

    .thumbnails-imgs a {
        position: absolute;
        left: 35%;
        top: 32%;
    }

        .thumbnails-imgs a img {
            width: 80px;
        }

.button-btn {
    text-align: left;
    margin-top: 0px;
}

    .button-btn a {
        border-radius: 30px;
        font-size: 20px;
        color: #f4943f;
        padding: 6px 38px 11px;
        display: inline-block;
        font-family: shonnya-semibold;
    }

        .button-btn a img {
            width: 20px;
        }

.button-sub a {
    font-size: 22px;
    color: #f4943f;
    padding: 10px 5px 0px;
    display: inline-block;
    font-family: 'shonnya-semibold';
    margin: 10px 0px 0px;
    text-align: left;
}

    .button-sub a img {
        width: 30px;
        padding: 0px 5px;
    }


.paragraph strong {
    font-size: 35px;
    color: #006864;
    padding-top: 80px;
    line-height: 42px;
    display: block;
}

/*---------- Corporate Certification Css End ----------*/

/*---------- Photo Gallery Css Start ----------*/
.gallery-arrow {
    position: fixed;
    top: 47%;
    width: 30px;
    height: 30px;
    z-index: 9999;
    cursor: pointer;
}

    .gallery-arrow > svg {
        fill: #fff;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .gallery-arrow:active svg {
        -webkit-transition-duration: .0s;
        transition-duration: .0s;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

.next-btn {
    right: 25px;
}

.prev-btn {
    left: 25px;
}

.close-btn {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    width: 75px;
    height: 75px;
    z-index: 9999;
    cursor: pointer;
}

    .close-btn svg {
        fill: #fff;
        width: 15px;
        height: 15px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    .close-btn:hover svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
/*---------- Photo Gallery Css End ----------*/

.gallery-arrow {
    position: fixed;
    top: 47%;
    width: 30px;
    height: 30px;
    z-index: 9999;
    cursor: pointer;
}

    .gallery-arrow > svg {
        fill: #fff;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .gallery-arrow:active svg {
        -webkit-transition-duration: .0s;
        transition-duration: .0s;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

.next-btn {
    right: 25px;
}

.prev-btn {
    left: 25px;
}

.close-btn {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    width: 75px;
    height: 75px;
    z-index: 9999;
    cursor: pointer;
}

    .close-btn svg {
        fill: #fff;
        width: 15px;
        height: 15px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    .close-btn:hover svg {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }


/*---------- Contact Us Css Start ----------*/

.contact-bg { /*background: url(../images/contact-banner.jpg) no-repeat; background-size: cover; width:100%; height:500px;*/
    position: relative;
}

.breadcrumb {
    position: absolute;
    bottom: 100px;
    background: none;
    padding: 0px 0px;
    margin: 0px;
}

    .breadcrumb h1 {
        font-size: 50px;
        color: #006864;
        font-family: shonnya-semibold;
        border-radius: 20px;
        position: relative;
        display: inline-block;
    }

/*.breadcrumb h1:after {position: absolute; bottom: 5px; left: 0px; border-bottom: 6px solid #fff; border-radius: 30px; content: ""; width: 100%;}*/

.md-wrapper {
    display: block;
    padding: 40px 0px 50px;
}

.lc-colume {
    padding: 20px 30px;
    width: 100%;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}

    .lc-colume h2 {
        font-size: 35px;
        color: #fff;
        display: inline-block;
        padding: 18px 0px;
        position: relative;
    }

        .lc-colume h2:after {
            position: absolute;
            bottom: 5px;
            left: 0px;
            border-bottom: 6px solid #fff;
            border-radius: 30px;
            content: "";
            width: 100%;
        }

    .lc-colume h3 {
        font-size: 30px;
        color: #fff;
        display: inline-block;
        padding: 18px 0px;
        position: relative;
    }

        .lc-colume h3:after {
            position: absolute;
            bottom: 5px;
            left: 0px;
            border-bottom: 6px solid #fff;
            border-radius: 30px;
            content: "";
            width: 100%;
        }

.contact-detail li {
    padding: 30px 0px;
}

.contact-detail i {
    font-size: 30px;
    background: #fff;
    margin-right: 10px;
    border-radius: 30px;
    color: #006864;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: flex;
    float: left;
}

    .contact-detail i::before {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

.contact-detail strong {
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    padding: 0px 0px;
    font-family: verdana;
}

.contact-detail p {
    line-height: 33px;
    font-size: 25px;
    color: #fff;
    font-family: verdana;
}

.contact-follow {
    text-align: left;
    display: block;
    padding: 20px 0px;
}

    .contact-follow li {
        display: inline-block;
        margin: 0px 2px;
    }

        .contact-follow li a i {
            background: #fff;
            width: 50px;
            height: 46px;
            line-height: 46px;
            text-align: center;
            font-size: 20px;
            color: #018ed3;
            border-radius: 2px;
        }

            .contact-follow li a i:hover {
                background: #fff;
                color: #000;
            }

.rc-colume {
    padding: 50px;
    background: #fff;
    box-shadow: 0px 3px 53px 0px rgb(0 0 0 / 17%);
}

    .rc-colume h4 {
        display: block;
        font-size: 50px;
        color: #018ed3;
        padding: 10px 0px;
        text-align: center;
        line-height: 30px;
    }

        .rc-colume h4 span {
            font-size: 50px;
            color: #3aab37;
            padding: 10px 0px;
        }

    .rc-colume p {
        font-size: 16px;
        display: block;
        text-align: center;
        padding: 10px;
        color: #777;
    }

.contact-from {
    padding: 10px 0px;
    display: block;
}

    .contact-from label {
        font-size: 16px;
        color: #666;
        display: block;
        padding: 4px;
        font-family: verdana;
    }

    .contact-from input {
        background: #fff;
        border: 1px solid #ccc;
        padding: 10px 15px;
        display: block;
        width: 90%;
    }

    .contact-from textarea {
        background: #fff;
        border: 1px solid #ccc;
        padding: 10px 15px;
        display: block;
        width: 95%;
        resize: none;
        height: 120px;
    }

#ContentPlaceHolder1_Button1 {
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 8px 50px;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    border-radius: 30px;
}

.team-box {
    padding: 20px 0px 30px;
}

.team-img {
    position: relative;
    width: 100%;
}

    .team-img img {
        border-radius: 25px;
        width: 100%;
        position: relative;
        overflow: hidden;
        height: auto;
    }

.overflow img {
    width: 100%;
    height: auto;
}

.overflow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    display: none;
}

.team-img:hover .overflow {
    display: block;
}

.team-details {
    display: block;
    padding: 0px 0px;
    position: relative;
    margin: 0px 0px;
}

    .team-details h2 {
        font-size: 25px;
        color: #888;
        line-height: 32px;
        font-family: shonnya-semibold;
    }

    .team-details strong {
        display: block;
        font-size: 18px;
        line-height: 23px;
        color: #888;
        padding: 0px;
        font-family: 'shonnya-regular';
    }

    .team-details p {
        font-size: 18px;
        color: #666;
        font-family: 'shonnya-regular';
        line-height: 23px;
    }


.about-contents-ne h5 {
    font-size: 28px;
    display: inline-block;
    padding: 40px 0px;
    color: #006864;
    position: relative;
    font-family: verdana;
    display: block;
}

.contact-box {
    margin-bottom: 55px;
    border-right: 1px solid #ddd;
    margin-right: 50px;
}

.contact-boxnone {
    border-right: none;
}

.contact-box h2 {
    font-size: 18px;
    color: #006864;
    font-family: 'shonnya-Medium';
    margin-bottom: 10px;
}

.contact-box p {
    font-size: 18px;
    display: block;
    padding: 0px 0px;
    line-height: 25px;
    font-family: shonnya-regular;
    color: #666;
}

    .contact-box p b {
        font-size: 14px;
    }

.address-box {
    border-radius: 20px;
    padding: 0px;
}

    .address-box h2 {
        font-size: 18px;
        color: #006864;
        line-height: 25px;
        font-family: verdana;
    }

    .address-box p {
        font-size: 18px;
        display: block;
        padding: 3px 0px;
        line-height: 25px;
        font-family: verdana;
        color: #006864;
    }

        .address-box p b {
            font-size: 16px;
        }


.about-contents-ne p {
    font-size: 18px;
    line-height: 25px;
    display: inline-block;
    padding: 10px 0px;
    color: #666;
    position: relative;
    font-family: shonnya-regular;
    display: block;
}

.Grievances p a {
    font-size: 18px;
    line-height: 23px;
    display: inline-block;
    padding: 0px 0px;
    color: #888;
    position: relative;
    font-family: 'shonnya-regular';
    display: block;
}
.Grievances-box p b {
    font-size: 18px;
    padding: 5px 0px;
    display: block;
    line-height: 23px;
    color: #006864;
    font-family: 'shonnya-Medium';
}
.Grievances-box p {
    font-size: 18px;
    color: #666;
    font-family: shonnya-regular;
    padding: 4px 0px;
    line-height: 25px;
}
.Grievances-box p a {
    font-size: 18px;
    color: #666;
    font-family: shonnya-regular;
    padding: 18px 0px;
}




/*---------- Contact Us Css End ----------*/


/*---------- FAQs Css Start ----------*/
.faqs-bg {
    position: relative;
}

.faq-left {
    margin-bottom: 30px;
    padding: 12px;
    background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
    background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}

    .faq-left img {
        margin-right: 0px;
        width: 100%;
    }

.faq-right {
    padding: 0px;
    position: relative;
}

    .faq-right span {
        display: block;
        color: #018ed3;
        font-size: 35px;
        padding: 2px 0px 2px 30px;
        line-height: 40px;
        font-family: verdana;
    }

    .faq-right strong {
        font-size: 40px;
        color: #3aab37;
        padding: 2px 0px 2px 30px;
        line-height: 45px;
    }

    .faq-right p {
        font-size: 25px;
        color: #444;
        display: block;
        padding: 25px 0px;
        font-family: verdana;
        line-height: 30px;
        padding: 15px 0px;
    }

.bs-example {
    padding: 30px 0px;
}

.card-header {
    margin-bottom: 20px;
    background: none;
    border-bottom: none;
}

.btn-link i {
    float: none;
    text-align: right;
    font-size: 40px;
    color: #006864;
    position: absolute;
    top: 8px;
    right: -40px;
    line-height: 33px;
}

.card-header h2 {
    text-align: left;
}

.card {
    margin: 20px 0px;
    border: none;
    background: #fff;
    border-radius: 0px;
}

.btn-link {
    color: #006864;
    text-decoration: none;
    font-size: 20px 0px;
    display: block;
    text-align: left;
    width: 100%;
    padding: 15px 20px;
}

    .btn-link:hover {
        color: #006864;
    }

.card-header {
    padding: 0px;
}

.card-body {
    padding-left: 0px;
}

    .card-body p {
        font-size: 25px;
        color: #8b8c8e;
        line-height: 34px;
        text-align: justify;
        padding: 5px 0px;
    }

    .card-body b {
        font-size: 20px;
        padding: 3px 0px 3px 10px;
        color: #8b8c8e;
        line-height: 34px;
        text-align: justify;
        display: block;
        font-family: verdana;
    }

.rgbcolor {
    position: absolute;
    top: -70px;
    left: 20px;
    font-size: 120px;
    color: rgba(1, 142, 211, 0.1);
}

.btn-s {
    display: block;
    padding: 10px 0px;
    line-height: 25px;
    z-index: 1;
    font-size: 30px;
    font-family: verdana;
    position: relative;
    width: auto;
}

/*---------- FAQs Css End ----------*/

/*---------- Press Css Start ----------*/
.media-bg {
    position: relative;
}

.press-bg {
    background: url(../images/press-banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}

.search-area {
    background: #f9f9f9;
    border: 1px dotted #38aa39;
}

.presslogo {
    background: #fff;
    padding: 10px 0px;
    text-align: center;
    border-right: 1px dotted #38aa39;
}

    .presslogo img {
        width: 40px;
    }

    .presslogo:hover {
        background: #ddd;
    }

.search-box-text span {
    font-size: 18px;
    color: #018ed3;
    padding: 14px 10px;
    display: inline-block;
    font-family: verdana;
}

.search-box-text select {
    padding: 10px;
    border: 1px solid #ccc;
    width: 39%;
}

.press-box {
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

    .press-box li {
        width: 100%;
        height: auto;
        padding: 0px 0px 0px 150px;
        box-sizing: border-box;
        margin-bottom: 20px;
        position: relative;
        border: 1px dotted #018ed3;
    }

        .press-box li span {
            position: absolute;
            left: 0;
            top: 0px;
            width: 150px;
            text-align: left;
            height: auto;
            padding: 16px 10px;
            font-size: 15px;
            color: #1062af;
            display: block;
            font-family: verdana;
        }

        .press-box li abbr a {
            width: 100%;
            float: left;
            height: auto;
            padding-left: 20px;
            min-height: 60px;
            border-left: 1px dotted #018ed3;
            font-size: 18px;
            line-height: 22px;
            color: #fff;
            display: block;
            font-family: verdana;
            padding-right: 20px;
            background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
            padding-top: 5px;
        }

.year-heading {
    display: block;
    padding: 15px 0px;
    color: #0087eb;
    font-size: 40px;
    line-height: 40px;
    margin-top: 30px;
    font-family: verdana;
}

.press-detail {
    position: relative;
}

    .press-detail h2 {
        font-size: 30px;
        padding: 0px 0px;
        color: #006864;
    }

    .press-detail span {
        font-size: 17px;
        padding: 0px 0px 2px 0px;
        color: #8b8c8e;
        font-family: verdana;
        display: block;
    }

.borders {
    height: 3px;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    margin-bottom: 25px;
}

.press-detail p {
    font-size: 22px;
    color: #444;
    line-height: 30px;
    text-align: justify;
    padding: 15px 0px;
    font-family: verdana;
}

.press-detail p {
    font-size: 24px;
    color: #8b8c8e;
    padding: 15px 0px;
    line-height: 38px;
    text-align: justify;
    font-family: verdana;
}

.press-list {
    padding: 15px 0px;
}

    .press-list li {
        display: block;
        position: relative;
        padding-left: 20px;
        font-size: 20px;
        color: #222;
        font-family: verdana;
    }

        .press-list li:after {
            content: '';
            position: absolute;
            left: 0;
            top: 13px;
            background: url(../images/arrow.png) left top no-repeat;
            width: 25px;
            height: 25px;
        }

.backbutton {
    position: absolute;
    top: 14px;
    right: 15px;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 9px 30px;
    border-radius: 0px 10px 0px 0px
}

    .backbutton abbr {
        font-size: 20px;
        color: #fff;
        font-family: verdana;
        padding: 0px 5px;
    }

    .backbutton img {
        width: 30px;
    }


/*---------- Press Css End ----------*/

/*---------- gallery Css Start ----------*/

.paragraph strong {
    display: block;
    font-size: 50px;
    text-align: center;
    padding: 0px 0px 0px;
    text-align: center;
}

.gallery-bg {
    background: url(../images/banner1.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}

.gallery-box {
    overflow: hidden;
    position: relative;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 5px;
}

.green {
    background-color: #6fb936;
}

.thumb {
    margin-bottom: 27px;
}

.page-top {
    margin: 40px auto;
}

img.zoom {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    color: #000;
}

.modal-footer {
    display: none;
}

.fancybox-skin {
    background: #fff;
}

.hover-box {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    display: table;
    text-align: center;
}

.gallery-box a:hover > .hover-box {
    opacity: 0.99;
    animation-name: fadeIn;
    animation-duration: 1000ms;
}

.hover-box span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.hover-box img {
    margin: 0 auto;
}

.breadcrumb-li {
    float: right;
}

    .breadcrumb-li li {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        font-family: verdana;
        padding: 6px 20px;
    }

        .breadcrumb-li li:first-child {
            border-right: 1px solid #006864;
        }

        .breadcrumb-li li a {
            font-size: 16px;
            color: #fff;
            font-family: verdana;
        }


/*---------- gallery Css End ----------*/

/*---------- Events Css Start ----------*/
.events-bg {
    background: url(../images/events-banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}

.eventsbox {
    padding: 0px;
    margin-bottom: 30px;
    overflow: hidden;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
}

.eventimg {
    overflow: hidden;
}



.meta {
    margin: 8px 0px 6px;
    padding: 0px 15px;
}

    .meta ul {
        text-align: left;
    }

        .meta ul li {
            display: inline;
        }

            .meta ul li span {
                display: inline-block;
                color: #666666;
                margin-right: 10px;
            }

                .meta ul li span .fa {
                    color: #3aab37;
                    margin-right: 5px;
                }

.eventsbox h5 {
    font-size: 16px;
    color: #888;
    padding: 10px 0px;
    margin: 0px;
    font-family: 'shonnya-semibold';
    line-height: 25px;
}

.eventsbox h4 a {
    font-size: 30px;
    color: #006864;
    padding: 4px 0px;
    margin: 0px;
    line-height: 37px;
    font-family: 'shonnya-semibold';
}

.eventsbox span {
    font-size: 16px;
    line-height: 25px;
    color: #888888;
    display: block;
    padding: 5px 0px;
    margin: 0px;
    font-family: 'shonnya-regular';
}

#dvemail span {
    color: #f4943f;
    font-family: shonnya-Medium;
}

.eventsbox p {
    font-size: 18px;
    color: #666;
    padding: 10px 0px;
    margin: 0px;
    font-family: 'shonnya-regular';
    line-height: 25px;
    display: block;
}

.eventsbox a {
    color: #737478;
    padding: 0px 5px 0px;
    display: inline-block;
    font-size: 18px;
    font-family: 'shonnya-Medium';
}

.page-top hr {
    display: block;
    margin: 50px 5px;
}

.eventsbox abbr {
    color: #737478;
    padding: 15px 0px;
    display: inline-block;
    font-size: 18px;
    font-family: 'shonnya-Medium';
}

.eventimg img {
    border-radius: 30px;
    width: 100%;
    height: 300px;
}

.blog-boxs img {
    filter: grayscale(100%);
    opacity: 0.9;
}

.blog-boxs:hover img {
    filter: none;
    opacity: 0.9;
}

.eventsbox:hover img {
    transform: scale(1.1);
    cursor: pointer;
}

.event-search {
    position: relative;
}

    .event-search input {
        position: relative;
        padding: 12px 20px;
        border: 1px solid #018ed3;
    }

    .event-search span {
        position: absolute;
        right: 16px;
        top: 11px;
    }

.blog-subscriber {
    text-align: center;
    padding: 30px 25px;
    margin: 30px 0;
    border-top: 5px solid #3aab37;
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
}

    .blog-subscriber h2 {
        text-transform: uppercase;
        font-size: 35px;
        margin-bottom: 15PX;
        color: #018ed3;
    }

    .blog-subscriber p {
        display: block;
        padding: 15px 0px;
    }

    .blog-subscriber input {
        display: block;
        width: 100%;
        padding: 15px;
        border: 1px solid #018ed3;
        margin-bottom: 25px;
        display: block;
    }

    .blog-subscriber a {
        background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
        padding: 10px 0px;
        display: block;
        text-align: center;
        font-size: 18px;
        color: #fff;
    }

.event-detail span {
    font-size: 12px;
    padding: 0px 1px;
    vertical-align: sub;
    line-height: 16px;
}

.event-detail h1 {
    font-size: 30px;
    display: block;
    color: #006864;
    font-family: 'shonnya-semibold';
    padding: 0px 0px;
    margin-bottom: 15px;
    text-align: justify;
    line-height: 35px;
}

.event-detail p {
    font-size: 18px;
    display: block;
    color: #666;
    font-family: 'shonnya-regular';
    margin-bottom: 25px;
    text-align: left;
    line-height: 25px;
}

.event-detail h6 {
    font-size: 16px;
    display: block;
    color: #006864;
    font-family: 'shonnya-regular';
    margin-bottom: 15px;
    text-align: left;
    padding: 10PX 0PX;
    line-height: 18px;
}

.event-detail h5 {
    font-size: 18px;
    display: block;
    color: #006864;
    font-family: 'shonnya-regular';
    margin-bottom: 0px;
    text-align: left;
    padding: 10PX 0PX;
    line-height: 18px;
}

.event-detail p a {
    text-decoration: underline;
}

    .event-detail p a:hover {
        color: #f4943f;
    }

.event-detail p i {
    font-size: 18px;
    display: block;
    color: #666;
    font-family: shonnya-regular;
    padding: 0px 0px;
    margin-bottom: 25px;
    text-align: justify;
    line-height: 25px;
}

.event-detail b {
    font-size: 18px;
    color: #666;
    font-family: 'shonnya-semibold';
    padding: 8px 0px;
    text-align: justify;
    line-height: 18px;
}

.mediatext h2 {
    font-size: 18px;
    color: #8b8c8e;
    padding: 5px 0px;
    font-family: 'shonnya-semibold';
}

.mediatext h3 {
    font-size: 18px;
    display: block;
    color: #8b8c8e;
    font-family: 'shonnya-semibold';
    padding: 10px 0px;
    text-align: justify;
    line-height: 18px;
}

.mediatext p {
    font-size: 18px;
    display: block;
    color: #8b8c8e;
    font-family: 'shonnya-semibold';
    padding: 2px 0px;
    text-align: justify;
    line-height: 20px;
}

.mediatext a {
    font-size: 18px;
    display: block;
    color: #7a7b7d;
    font-family: 'shonnya-semibold';
    padding: 6px 0px;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 25px;
}

.event-detail h2 {
    font-size: 18px;
    color: #8b8c8e;
    padding: 5px 0px 20px;
    font-family: 'shonnya-Medium';
}

.event-detail h3 {
    font-size: 24px;
    color: #888;
    padding: 10px 0px;
    font-family: 'shonnya-semibold';
}

.date {
    margin: 0px;
    padding: 0px 0px;
}

    .date ul {
        text-align: left;
    }

        .date ul li {
            display: inline;
        }

            .date ul li span {
                display: inline-block;
                color: #018ed3;
                margin-right: 10px;
                font-size: 18px;
                font-family: verdana;
            }

                .date ul li span .fa {
                    color: #006864;
                    margin-right: 5px;
                }

.event-right-section {
    margin: 0px 20px;
}

.latest-event img {
    display: flex;
    float: left;
    width: 100px;
    margin-right: 15px;
}

.latest-event h4 {
    font-size: 17px;
    color: #444;
    font-family: verdana;
    line-height: 25px;
}

.event-box {
    display: block;
    padding: 15px;
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%), 0 2px 4px 0 rgb(93 100 148 / 20%);
}

.latest-event {
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

.headings {
    padding: 15px 0px;
}

.latest-event:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.headings h3 {
    text-align: center;
    font-size: 30px;
    color: #018ed3;
}

    .headings h3 span {
        text-align: center;
        font-size: 30px;
        color: #38aa39;
    }

/*---------- Events Css End ----------*/

/*---------- Mission Css Start ----------*/

.mission-bg {
    position: relative;
}

.mission-content {
    position: relative;
}

    .mission-content h2 {
        font-size: 40px;
        display: inline-block;
        padding: 12px 0px;
        color: #fff;
        position: relative;
        font-family: verdana;
    }

        .mission-content h2:after {
            position: absolute;
            bottom: 5px;
            left: 0px;
            border-bottom: 6px solid #fff;
            border-radius: 30px;
            content: "";
            width: 100%;
        }

    .mission-content p {
        font-size: 32px;
        line-height: 50px;
        color: #fff;
        padding: 10px 0px 10px 0px;
        font-family: verdana;
        text-align: justify;
    }

.page-tops {
    margin: 10px auto 40px auto;
}

.about-content h3 {
    font-size: 35px;
    display: inline-block;
    padding: 20px 0px;
    color: #018ed3;
    position: relative;
    font-family: verdana;
}

ul.listing {
    padding-left: 20px;
    display: block;
}

.listing li {
    display: block;
    font-size: 18px;
    color: #006864;
    padding: 6px 0px;
    background: url(../images/arrow.png) no-repeat left;
    padding-left: 20px;
    line-height: 20px;
}

    .listing li:hover {
        color: #018ed3;
    }

.about-contents p {
    font-size: 18px;
    text-align: left;
    color: #666;
    line-height: 25px;
    padding: 30px 0px 0px;
    font-family: 'shonnya-regular';
}

.about-contents a {
    font-size: 22px;
    color: #f4943f;
    display: inline-block;
    padding: 10px 0px;
    font-family: 'shonnya-semibold';
}

    .about-contents a img {
        width: 22px;
    }

.span-1 {
    position: absolute;
    top: 135px;
    right: 0;
    font-size: 13px;
    color: #888;
    left: 75px;
    margin: 0 auto;
    text-align: center;
    line-height: 18px;
}

.span-2 {
    position: absolute;
    top: 37%;
    right: 0;
    font-size: 13px;
    color: #888;
    left: 105px;
}

.span-3 {
    position: absolute;
    bottom: 28%;
    right: 0;
    font-size: 12px;
    color: #888;
    left: 46px;
    text-align: center;
    line-height: 16px;
    width: 80px;
}

/*---------- Mission Css End ----------*/

/*---------- Solution Css Start ----------*/
.Solution-bg {
    position: relative;
}

.page-tops {
    margin: 10px auto 40px auto;
}

.owl-carousel .testimonials p span img {
    width: 60px !important;
    height: 60px !important;
}

.owl-carousel .testimonials p del img {
    width: 60px !important;
    height: 60px !important;
    margin: 20px 5px;
}

.testimonials p del {
    position: absolute;
}

/*---------- Solution Css End ----------*/



/*---------- Campaign Css Start ----------*/
.campaign-bg {
    background: url(../images/Corporate-Certification-banner.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}

.page-tops {
    margin: 10px auto 40px auto;
}

.campaign-boxs {
    display: table;
    background: #fff;
    border-radius: 30px;
    width: 100%;
    margin: 25px 0px;
    padding: 15px 20px;
    border: solid 7px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #018dd1, #3aab37);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    text-align: center;
}

    .campaign-boxs:hover {
        background: #f00;
        border: 7px solid #38aa39;
    }

    .campaign-boxs img {
        float: left;
        width: 120px;
        height: 120px;
    }

    .campaign-boxs strong {
        font-size: 22px;
        color: #006864;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        line-height: 25px;
        font-family: verdana;
    }

.button-bts {
    text-align: center;
    margin-bottom: 50px;
}

    .button-bts a {
        background: #f4943f;
        border-radius: 30px;
        font-size: 25px;
        color: #fff;
        padding: 6px 38px;
        display: inline-block;
        font-family: verdana;
    }

        .button-bts a:hover {
            background: #018ed3;
            background: -moz-linear-gradient(left, #018ed3 0%, #38aa39 100%);
            background: -webkit-linear-gradient(left, #018ed3 0%,#38aa39 100%);
            background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
        }

.CO-Emmision {
    margin-left: -160px;
    position: absolute;
    top: 25%;
    left: 4.7%;
}

    .CO-Emmision img {
        width: 200px;
    }

.charts-n p {
    font-size: 32px;
    color: #fff;
    padding: 110px 40px;
    font-family: verdana;
    line-height: 50px;
}

.chart-section-new {
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    text-align: center;
    border-radius: 50px;
    margin: 0px 0px 60px 0px;
    position: relative;
    padding: 0px 0px 30px;
}

/*---------- Campaign Css End ----------*/

/*---------- Resources and Toolkit  Css Start ----------*/


.Resources-box {
    border-radius: 20px;
    display: block;
    height: 280px;
    width: 100%;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    box-shadow: 3px 3px 10px #ddd;
    padding: 25px 15px 0px 15px;
    background: #fff;
}
/*.tab-link {
    background: #fff !important;
}
.tab-link.current {
    background: #ddd !important;
}
.tab-link.current > .Resources-box {
    box-shadow: none;
}*/
.valueicon {
    display: block;
    padding: 5px 0px;
}

.valueicon-N img {
    height: 80px;
    margin-bottom: 15px;
}

.tab-link strong {
    font-size: 22px;
    color: #006864;
    font-family: shonnya-Medium;
    padding: 4px 0px;
    text-align: left;
    display: block;
    line-height: 32px;
}


.tab-link p {
    font-size: 16px;
    color: #666;
    font-family: shonnya-regular;
    line-height: 23px;
    display: block;
    text-align: left;
    padding: 0px 0px;
}

.tab-link.current.move-right-arrow {
    position: absolute;
    bottom: 0px;
    top: 0px !important;
}

/*.move-right-arrow {
    padding: 20px 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    top: -100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    background: #006864;
    overflow: hidden;
    transition: all 1s ease;
}*/


.Resources-box:hover .move-right-arrow {
    position: absolute;
    top: 0px;
    text-align: right;
    transition: all 0.4s ease;
    width: 100%;
    height: 100%;
}

.move-right-arrow p {
    font-size: 16px;
    color: #fff;
    text-align: left;
    font-family: shonnya-regular;
    line-height: 23px;
}

.move-right-arrow {
    position: absolute;
    top: -100%;
    left: 0px;
    background: #00A8AB;
    height: 100%;
    padding: 15px;
    transition: all 0.4s ease;
}

    .move-right-arrow strong {
        font-size: 22px;
        line-height: 32px;
        padding: 4px 0px;
        display: block;
        text-align: left;
        font-family: shonnya-Medium;
        color: #fff;
    }

    .move-right-arrow img {
        bottom: 30px;
        left: 25px;
        position: absolute;
        font-size: 30px;
        color: #f4943f;
    }

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

/*---------- Resources and Toolkit  Css End ----------*/
/*---------- Impact Dashboard  Css Start ----------*/

.impact-bg {
    position: relative;
}

.owl-carousel .item {
    padding: 1rem;
}

.btns {
    display: block;
    margin: 0px auto;
}

.customNextBtn, .customPreviousBtn {
    display: inline-block;
    width: 30%;
    background: #ddd;
    font-family: verdana;
    color: #888;
    padding: 10px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
}

.customNextBtns, .customPreviousBtns {
    display: inline-block;
    width: 20%;
    background: #ddd;
    font-family: verdanab;
    padding: 10px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
}

.select.active {
    background: #f4943f;
    color: #fff;
}

.btns.active {
    background: #fff;
}

.boxnew {
    display: inline-block;
    width: 25%;
    background: #4cadb5;
    font-family: verdanab;
    color: #fff;
    padding: 10px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
}

    .boxnew.active {
        background: #fff;
        color: #000;
    }


.buttonnew {
    display: block;
    width: 100%;
    background: #ddd;
    font-family: shonnya-Medium;
    color: #888;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
}

    .buttonnew.active {
        background: #f4943f;
        color: #fff;
    }

.btns-no span {
    padding: 0px 15px;
    display: block;
    margin: 0px 15px 0px 0px;
}

.icon-bgs {
    position: relative;
}

.right-bg {
    position: absolute;
    top: -15px;
    right: 0px;
    text-align: right;
}

    .right-bg img {
        width: 100%;
    }

.left-bg {
    position: absolute;
    bottom: 50px;
    left: 0px;
}

.applybox-p p {
    font-size: 18px;
    color: #606060;
    padding: 30px 0px 0px;
    font-family: shonnya-regular; line-height:25px;
}

.buttonnew0 {
    display: block;
    width: 100%;
    background: #ddd;
    font-family: 'shonnya-semibold';
    color: #888;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 0 12px #ccc;
}

    .buttonnew0.active {
        background: #f4943f;
        color: #fff;
        margin: 0px 0px;
        box-shadow: 0 0 12px #999;
    }

#mapbox1 {
    margin: 15px 0px;
    display: block;
}

#mapbox2 {
    margin: 15px 0px;
    display: block;
}

.xyz {
    height: 800px;
}

.buttonnew1 {
    display: inline-block;
    width: 20%;
    background: #4cadb5;
    font-family: shonnya-Medium;
    color: #fff;
    padding: 10px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
}


    .buttonnew1.active {
        background: #fff;
        color: #000;
    }

.buttonnew2 {
    display: inline-block;
    width: 20%;
    background: #4cadb5;
    font-family: shonnya-Medium;
    color: #fff;
    padding: 10px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
}

    .buttonnew2.active {
        background: #fff;
        color: #000;
    }

.map-box-new {
    margin: 0px 0px;
    display: block;
    position: relative;
    text-align: center;
    height: 900px;
}

.map-box-new1 {
    margin: 0px 0px;
    display: none;
    position: relative;
    text-align: center;
    height: 900px;
}

.map-box-new33 {
    margin: 0px 0px;
    display: block;
    position: relative;
    text-align: center;
}

.map-box-new4 {
    margin: 0px 0px;
    display: none;
    position: relative;
    text-align: center;
}

.map-box-new2 {
    margin: 0px 0px;
    display: none;
    position: relative;
    text-align: center;
}

.map-box-new3 {
    margin: 0px 0px;
    display: none;
    position: relative;
    text-align: center;
}

.innerpopup2 {
    display: none;
}

.btns-no {
    display: block;
}

    .btns-no span {
        display: inline-block;
        padding: 15px;
        width: 200px;
        padding: 8px;
    }

.ridebox img {
    width: 50%;
    margin-left: 30px;
    margin-top: 25px;
}

.ridebox {
    text-align: left;
}

.car-ride {
    display: block;
    margin-top: 50px;
}

    .car-ride img {
        width: 52%;
    }

.buttonnew.active {
    background: #f4943f !important;
}

.location-icon1 img {
    width: 100px;
}

.location-icon1 {
    position: absolute;
    top: 50px;
    left: 10%;
}

.button-wrap {
    text-align: left;
    display: block;
    position: absolute;
    bottom: 80px;
    left: 27%;
    z-index: 9;
}

.viewall {
    font-size: 16px;
    color: #fff;
    text-align: right;
    padding: 0px 0px;
    font-family: shonnya-Medium;
}

.viewpopup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 40px 50px;
    display: none;
    height: 100%;
    border-radius: 30px;
}

.viewpopup2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    padding: 40px 50px;
    display: none;
    height: 100%;
    border-radius: 30px;
}

.viewalls {
    font-size: 20px;
    color: #fff;
    padding: 12px 30px 16px;
    font-family: shonnya-Medium;
    background: #f4943f;
    border-radius: 30px;
    cursor: pointer;
}

.viewallsback {
    font-size: 25px;
    color: #006864;
    text-align: right;
    padding: 15px 30px;
    font-family: shonnya-Medium;
}

.viewalls i {
    color: #fff;
    font-size: 22px;
}

.viewallsback i {
    font-size: 20px;
}

.viewalls2 {
    font-size: 20px;
    color: #fff;
    padding: 12px 30px 16px;
    font-family: shonnya-Medium;
    background: #f4943f;
    border-radius: 30px;
    cursor: pointer;
}

.viewallsback {
    font-size: 25px;
    color: #006864;
    text-align: right;
    padding: 15px 30px;
    font-family: shonnya-Medium;
}

.viewalls2 i {
    color: #fff;
    font-size: 22px;
}

.viewallsback i {
    font-size: 20px;
}

@keyframes slide1 {
    0%, 100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}

.arrow1 {
    animation: slide1 1s ease-in-out infinite;
}

.paragraphN {
    display: block;
    padding: 10px 0px;
}

    .paragraphN p {
        font-size: 14px;
        color: #fff;
        padding: 15px 10px;
        line-height: 26px;
        text-align: justify;
        font-family: 'shonnya-Medium';
    }

.emission {
    text-align: center;
    border-radius: 30px;
    padding: 20px 30px;
    margin: 30px 0px;
    background: #fff;
}

    .emission strong {
        font-size: 16px;
        color: #000;
        font-family: shonnya-Medium;
        padding: 10px 0px;
        display: block;
    }

    .emission p {
        font-size: 14px;
        color: #000;
        padding: 5px 0px;
        margin: 0px;
    }

    .emission b {
        font-size: 25px;
        color: #006864;
        display: block;
        padding: 0px 0px;
        margin: 0px;
        font-family: shonnya-Medium;
    }

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

.owl-carousel.owl-theme .owl-nav {
    display: block;
}

/*.ridebox{border: 3px solid #fff; border-radius: 30px; padding: 20px; position:relative;}*/
.middles {
    padding: 0px;
    display: block;
    margin: 30px 0px;
    position: relative;
}

.equals {
    position: absolute;
    top: 40%;
    right: -42px;
}

.ridebox p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: shonnya-Medium;
}

.Group-paragraphs {
    display: block;
    padding-bottom: 40px;
    display: block;
}

    .Group-paragraphs b {
        font-size: 30px;
        color: #006864;
        padding: 10px 0px;
        display: block;
        line-height: 30px;
        text-align: left;
        font-family: shonnya-Medium;
        margin-bottom: 0px;
    }

    .Group-paragraphs p {
        font-size: 18px;
        color: #666;
        padding: 0px 0px;
        line-height: 25px;
        text-align: left;
        font-family: 'shonnya-regular';
        position: relative;
        z-index: 9;
    }

        .Group-paragraphs p strong {
            font-size: 18px;
            color: #888;
            font-family: shonnya-Medium;
        }

.middles-new .owl-theme .owl-controls {
    display: none !important;
}

.valueicon {
    display: block;
    padding: 0px 0px;
}

.valuebox {
    background: #fff;
    border-radius: 20px;
    padding: 15px 10px;
    margin: 16px 0px 30px;
    display: block;
    box-shadow: 0 0 10px #ccc;
}

.valueicon img {
    display: block;
    text-align: center;
    margin: 6px auto 0px auto;
    width: 70px;
}

.valueicon p {
    font-size: 16px;
    color: #666;
    display: block;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-family: shonnya-regular;
    line-height: 23px;
}

    .valueicon p span {
        vertical-align: sub;
        font-size: 12px;
        line-height: 0px;
    }

.about-new-box-img img {
    width: 280px;
    display: block;
}

.wrappers {
    max-width: 1100px;
    margin: 0 auto;
}

.about-new-box-imgs {
    float: right;
}

    .about-new-box-imgs img {
        width: 280px;
        display: block;
        text-align: right;
    }

.about-new-box {
    height: 260px;
    display: table-cell;
    vertical-align: middle;
}

    .about-new-box img {
        width: 100%;
    }

    .about-new-box img {
        border-radius: 20px;
    }

    .about-new-box strong {
        font-size: 25px;
        color: #888;
        padding: 10px 0px;
        line-height: 32px;
        display: block;
        font-family: shonnya-Medium;
    }

    .about-new-box p {
        font-size: 18px;
        color: #666;
        padding: 0px 0px;
        line-height: 25px;
        text-align: left;
        font-family: 'shonnya-regular';
    }

        .about-new-box p a:hover {
            color: #f4943f;
        }

        .about-new-box p a {
            text-decoration: underline;
        }



.valueicon strong {
    font-size: 25px;
    color: #006864;
    font-family: shonnya-Medium;
    padding: 0px 0px;
    text-align: center;
    display: block;
    line-height: 32px;
}

.paragraph h4 {
    font-size: 30px;
    color: #006864;
    font-family: 'shonnya-semibold';
    display: block;
    padding: 50px 0px 10px 0px;
}

.btnsN {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 30px;
    font-family: shonnya-Medium;
    padding: 15px 0px;
}

.boxContent {
    background: #fff;
    width: 100%;
    padding: 50px;
    margin: 30px 0px;
    opacity: 0;
    display: none;
}

.active {
    opacity: 1;
}

.boxContent strong {
    font-size: 30px;
}

.show-content {
    opacity: 1;
    display: block;
}




/*---------- Impact Dashboard  Css End ----------*/
/*---------- Partners Css End ----------*/
.partner-bg {
    position: relative;
}

.partners {
    display: block;
    padding: 20px 0px 40px;
}

.btn__parent {
    position: relative;
    padding: 5px;
    overflow: hidden;
    width: max-content;
    user-select: none;
    cursor: pointer;
    margin: 0px 35px 35px 0px;
    display: inline-block;
}

.btn {
    display: flex;
    width: max-content;
    padding: 5px 15px;
    z-index: 1;
    background-color: #fff;
}

.btn__parent::before,
.btn__parent::after {
    position: absolute;
    width: 50%;
    height: 50%;
    content: "";
    z-index: -1;
    transition: top 100ms ease-in-out, bottom 300ms ease-in-out, right 300ms 300ms ease-in-out, left 300ms 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
}

.btn__parent::before {
    top: 0;
    left: 0;
}

.btn__parent::after {
    bottom: 0;
    right: 0;
}

.btn__parent.btn_1:hover::before {
    width: 100%;
    height: 100%;
}

.btn__parent.btn_1:hover::after {
    width: 100%;
    height: 100%;
}

.partners hr {
    height: 3px;
    background: linear-gradient(to right, #018ed3 0%,#38aa39 100%);
    display: block;
    margin: 0px 0px 40px 0px;
    opacity: 0.9;
}

/*---------- Partners Css End ----------*/


.searchbar2 {
    display: none;
}

.filterby {
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #ddd;
    width: 90%;
}

.filterlist {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

    .filterlist strong {
        font-size: 20px;
        color: #006864;
        display: block;
        padding: 0px 0px;
    }

    .filterlist li a {
        font-size: 16px;
        color: #8b8c8e;
        display: block;
        padding: 1px 0px 1px 5px;
        font-family: shonnya-Medium;
    }

        .filterlist li a:hover {
            color: #006864;
        }

    .filterlist:last-child {
        border-bottom: none;
    }





@media screen and (max-width: 1600px) {
    .campaign-box-n img {
        width: 550px;
    }
}


@media screen and (max-width: 1367px) {
    .mediavideo iframe {
        height: 550px;
    }

    .tab-link strong {
        font-size: 26px;
    }

    #tl-featured-slider4 .owl-next {
        display: none !important;
    }

    #tl-featured-slider4 .owl-prev {
        display: none !important;
    }

    .Newsletter-section-new {
        background-color: #f6f6f6;
        padding: 60px 70px;
    }

    .Resources-box {
        padding: 13px;
    }

    .ridebox img {
        width: 50%;
        margin-left: 70px;
        margin-top: 85px;
    }

    .Newsletters-text h4 {
        font-size: 24px;
        line-height: 35px;
    }

    .Newsletters input {
        padding: 10px 20px;
        font-size: 16px;
    }

    .Newsletters textarea {
        padding: 10px 20px;
        font-size: 16px;
    }

    .bg-icons2 img {
        width: 100px;
    }

    .bg-icons {
        position: absolute;
        top: 5%;
        right: 0px;
    }

    .move-right-arrow {
        padding: 20px 17px;
    }

    .campaign-vision p {
        padding: 8px 0px;
        font-size: 16px;
        line-height: 25px;
    }

    .datamap img {
        width: 90%;
    }

    .innermap {
        text-align: left;
        position: relative;
        padding-top: 50px;
    }

    .mapdata1 {
        position: absolute;
        right: 0px;
        top: 38.5%;
        width: 100%;
        left: 16%;
        z-index: 99;
    }

        .mapdata1 img {
            width: 170px;
        }

    .campaign-vision img {
        margin-bottom: 15px;
    }

    .campaign-vision {
        height: 400px;
    }

    .paragraph-new2 {
        margin: 0px;
    }

    .paragraph-new3 {
        margin: 0px;
    }

    .paragraph-new {
        margin: 0px;
    }

    .testimonials p {
        font-size: 17px;
    }
}


@media screen and (max-width: 1366px) {
    .mapdata1 {
        position: absolute;
        right: 0px;
        top: 34.5%;
        width: 100%;
        left: 16%;
        z-index: 99;
    }

    .innermap {
        text-align: left;
        position: relative;
        padding-top: 0px;
    }
}

@media screen and (max-width: 1036px) {
    .main-menu nav > ul span {
        cursor: pointer;
        padding: 0px 0px 0px 10px;
    }
}


@media screen and (max-width: 1280px) {
    .main-menu nav > ul span {
        cursor: pointer;
        padding: 0px 0px 0px 0px;
    }

    .breadcrumb h1 {
        font-size: 40px;
    }

    .breadcrumb {
        position: absolute;
        bottom: 70px;
    }

    .innermap {
        text-align: left;
        position: relative;
        padding-top: 20px;
    }

    .mapdata1 {
        position: absolute;
        right: 0px;
        top: 33.5%;
        width: 100%;
        left: 16%;
        z-index: 99;
    }

    .mapdata {
        position: absolute;
        right: 0px;
        top: 3.6%;
        width: 100%;
        right: -25.5%;
        z-index: 9;
    }

    .about-contents a {
        font-size: 16px;
    }

        .about-contents a img {
            width: 16px;
        }

    .dcp-labels ul {
        display: block;
        padding-bottom: 0px;
    }

        .dcp-labels ul li small {
            margin-right: 8px;
        }

    .testimonials span {
        font-size: 16px;
    }

    .testimonials strong {
        font-size: 20px;
    }

    .names {
        position: absolute;
        bottom: -4px;
        left: 20px;
        margin: 0 auto;
        width: 230px;
        right: 0px;
    }

    .paragraph-new {
        padding: 0px;
    }

    .ridebox img {
        width: 50%;
        margin-left: 100px;
        margin-top: 100px;
    }

    .right-bg {
        position: absolute;
        top: 0px;
        right: 0px;
    }

        .right-bg img {
            width: 400px;
        }

    .Group-paragraphs {
        display: block;
        padding-bottom: 20px;
        display: block;
    }

    .paragraph-height {
        height: auto;
    }

    .paragraph-new strong {
        font-size: 18px;
    }

    .paragraph-new p {
        font-size: 14px;
        line-height: 32px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .mission-right img {
        height: auto;
    }

    .paragraph-new2 {
        margin: 30px 0px;
    }

        .paragraph-new2 strong {
            font-size: 18px;
        }

        .paragraph-new2 p {
            font-size: 14px;
            line-height: 32px;
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .about-section p {
        font-size: 22px;
        line-height: 35px;
    }

    .mission-left {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .paragraph-new2 {
        margin: 30px 0px;
    }

    .paragraph-new3 {
        margin: 30px 0px;
    }

    .paragraph-new {
        margin: 30px 0px;
    }

    .wrapper {
        width: 95%;
    }

    .main-menu nav > ul > li > a {
        font-size: 15px;
    }
    /*.bannertext { position: absolute; left: 15.5%; bottom: 18%; }*/
    .bannertext strong {
        font-size: 45px;
        line-height: 50px;
    }

    .bannertext span {
        font-size: 40px;
    }

    .testimonials p {
        font-size: 17px;
        line-height: 23px;
    }

    .about-contents h2 {
        font-size: 40px;
    }

    .about-contents p {
        font-size: 16px;
        line-height: 22px;
        padding: 3px 30px 0px 0px;
    }

    .campaign-section h3 {
        font-size: 35px;
    }

    .team-img img {
        height: auto;
    }

    .border-none {
        border-right: none;
    }

    .Campaign-Entails .col-md-4 {
        padding: 0px;
    }

    .testimonials p {
        font-size: 18px;
        line-height: 18px;
    }

    .testimonials p {
        margin: 30px 0px;
    }

    .eventsbox h4 a {
        font-size: 25px;
    }

    .team-details h2 {
        font-size: 24px;
    }

    .mapdata img {
        width: 94%;
        height: 560px;
    }
}

@media screen and (max-width: 1024px) {
    .mediavideo2 img {
        height: auto;
    }

    .chart-container canvas {
        width: 230px !important;
        height: 250px !important;
    }

    h6.blue-heading {
        font-size: 20px;
    }

    .chart-container {
        width: 280px;
        height: 300px;
    }

    .Group-paragraph-N b {
        font-size: 22px;
        line-height: 27px;
    }

    .Group-paragraphs b {
        font-size: 25px;
    }

    .databoxs {
        padding: 8px 5px;
    }

    .databoxs-col {
        padding: 15px 10px;
        height: 104px;
    }

    .databoxs-col2 {
        padding: 15px 10px;
        height: 104px;
    }

    .valueicon-col abbr b {
        font-size: 18px;
    }

    .valueicon-row abbr b {
        font-size: 18px;
    }

    .valueicon-row abbr {
        font-size: 16px;
    }

    .electric-vehicles {
        padding-bottom: 0px;
    }

    .tab-content p {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .border-animation b {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .border-animation em {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .border-animation abbr {
        font-size: 14px;
    }

    .border-animation span {
        padding: 0px;
    }

    .border-animation {
        text-align: center;
        padding: 30px 6px 22px;
    }

        .border-animation abbr strong {
            font-size: 14px;
        }

    .border-animation {
        height: 240px;
    }

    .about-new-box stron {
        font-size: 22px;
    }

    .dvemail span {
        font-size: 12px;
        top: 0px;
    }

    .breadcrumb h1 {
        font-size: 35px;
    }

    .Followus-n ul li a i {
        font-size: 16px;
        color: #888;
        background: #E5E5E5;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        line-height: 32px;
        text-align: center;
    }

    .innermap {
        text-align: left;
        position: relative;
        padding-top: 10px;
    }

    .mapdata1 {
        position: absolute;
        right: 0px;
        top: 37.5%;
        width: 100%;
        left: 16%;
        z-index: 99;
    }

    .campaign-box-bg {
        padding: 50px 0px 0px 0px;
        background: url(../images/bottom-n-s.png)no-repeat;
        background-size: 100% 100%;
        height: 450px;
        position: relative;
        margin-bottom: 0px;
    }

    .Circle-logo img {
        width: 110px;
    }

    .Followus-n ul li {
        display: inline-block;
        padding: 5px 0px;
    }

    .newsletter a {
        font-size: 15px;
    }

    .logos-blog li:last-child {
        padding-top: 15px;
    }

    .names {
        width: 200px !important;
        left: 10px !important;
    }

    .about-contents a {
        font-size: 18px;
    }

        .about-contents a img {
            width: 16px;
        }

    .button-sub a {
        font-size: 18px;
    }

        .button-sub a img {
            width: 26px;
        }

    .main-menu nav > ul > li > a {
        padding: 34px 6px;
    }

    .mediavideo iframe {
        height: 236px !important;
    }

    .eventsbox {
        height: auto;
    }

    .eventimg img {
        height: 210px;
    }

    .fueltype {
        margin-right: 10px;
    }

    .gallery-thumbs {
        width: 100%;
        height: 270px;
    }

    .about-section {
        display: block;
        padding: 40px 0px 30px;
    }

    .logos {
        margin-bottom: 20px;
    }

    .mission-right img {
        height: auto;
    }

    .mapdata img {
        width: 95.2%;
        height: 530px;
    }

    .mapdata {
        position: absolute;
        right: 0px;
        top: 2.4%;
        width: 100%;
        right: -25.5%;
        z-index: 9;
    }

    .valueicon strong {
        font-size: 22px;
        line-height: 24px;
    }

    .valuebox-n {
        margin: 13px 0px 17px 0px !important;
    }

        .valuebox-n.margin-tops {
            margin: 0px 0px 14px 0px;
        }

    .mapdatann img {
        width: 93.6%;
        height: 393px;
    }

    .valuebox-n.new-margin1 {
        margin: 48px 0px 34px 0px;
    }

    .why-shoonya-bg {
        margin: 0px;
    }

    .campaign-box-n {
        position: absolute;
        bottom: 20px;
        right: 0px;
    }

        .campaign-box-n img {
            width: 400px;
        }

    .paragraph-height {
        height: auto;
    }

    ul.tabs-n li {
        height: auto;
        width: 18%;
        margin: 15px 6px;
        float: left;
    }

    .valueicon-N img {
        height: 60px;
        margin: 5px 0px;
    }

    .Resources-box {
        padding: 10px;
    }

    h5.blue-heading {
        font-size: 25px;
    }

    .dcp-holder > strong {
        font-size: 18px;
        line-height: 22px;
    }

    .tab-link strong {
        font-size: 18px;
        line-height: 22px;
    }

    .move-right-arrow img {
        width: 20px;
    }

    ul.tabs-n li.current {
        height: auto;
        width: 18%;
        margin: 15px 10px;
    }

    ul.tabs-n {
        display: block;
    }

    .about-new-box {
        height: auto;
    }



    .Campaign-Entails-box {
        display: block;
        text-align: center;
        height: 195px;
    }

    .Campaign-Entails img {
        width: 120px;
    }

    .Campaign-Entails strong {
        font-size: 15px;
        display: block;
        text-align: center;
        padding: 15px 0px;
        line-height: 22px;
    }

    .Campaign-Entails {
        padding: 15px;
        margin: 20px 0px 30px;
    }

    .campaign-section h3 {
        font-size: 30px;
    }

    .main-menu nav > ul > li > a {
        font-size: 15px;
        padding: 34px 6px;
    }

    .paragraph-new {
        width: 100%;
    }

    .paragraph-new2 {
        width: 100%;
    }

    .mission-left {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    .testimonials p {
        font-size: 17px;
    }

    .map-top-logo abbr img {
        width: 100px;
    }

    .Newsletter h4 {
        font-size: 20px;
    }

    #topbutton {
        bottom: 20px;
        right: 20px;
    }

    .campaign-box {
        width: 30%;
        margin: 28px 18px 0px 0px;
        padding: 10px 15px;
    }

        .campaign-box strong {
            font-size: 29px;
            line-height: 40px;
        }

    .testimonials p {
        padding: 0px 30px;
    }

    .owl-carousel .testimonials p span img {
        height: 50px !important;
        width: 50px !important;
    }

    .owl-carousel .testimonials p del img {
        height: 50px !important;
        width: 50px !important;
    }

    .testimonials span img {
        position: absolute;
        top: -18px;
        left: -25px;
    }

    .testimonials del img {
        top: -24px;
    }

    #tl-featured-slider4 .owl-next {
        display: none !important;
    }

    #tl-featured-slider4 .owl-prev {
        display: none !important;
    }

    .campaign-vision img {
        width: 80%;
    }
    /*.bannertext { left:7%; bottom:19%;}*/
    .bannertext strong {
        font-size: 38px;
        line-height: 44px;
    }

    .bannertext span {
        font-size: 34px;
    }

    .charts p {
        padding: 26px 20px;
    }

    .about-contents h2 {
        font-size: 20px;
    }

    .about-contents {
        padding: 0px;
    }

    article {
        padding: 10px 0px;
    }

        article strong {
            font-size: 21px;
            padding: 5px 0px;
        }

        article p {
            font-size: 18px;
            line-height: 22px;
            font-family: shonnya-Medium;
        }

    .about-contents-ne h2 {
        font-size: 25px;
        padding-top: 0px;
    }

    .about-contents-news h2 {
        font-size: 25px;
    }

    .electric-vehicles {
        font-size: 25px;
    }

    .about-new-box strong {
        font-size: 22px;
    }

    .mediavideo h2 {
        font-size: 25px;
    }

    .Newsletters-text h4 {
        font-size: 25px;
    }

    .footer-logo img {
        width: 178px;
        margin-top: 6px;
    }

    .logos {
        text-align: center;
    }

    .testimonials {
        padding: 10px;
        height: auto;
    }

        .testimonials p {
            font-size: 15px;
            line-height: 18px;
            margin: 0px;
        }

    .names {
        position: absolute;
        bottom: -4px;
        left: 20px;
        margin: 0 auto;
        width: 170px;
        right: 0px;
    }

    .testimonials strong {
        font-size: 14px;
        padding: 0px 15px;
        line-height: 18px;
    }

    .testimonials span {
        font-size: 13px;
        padding: 0px 15px;
        line-height: 22px;
    }

    .about-contents-t {
        padding: 20px 15px;
    }

    .about-contents-ne {
        padding: 0px 0px 10px 0px;
    }

    .twitter-section strong {
        font-size: 20px;
        padding: 5px 0px;
        line-height: 20px;
    }

    .twitter-section p {
        font-size: 15px;
        line-height: 20px;
    }

        .twitter-section p b {
            font-size: 13px;
        }

    .twitter-section {
        padding: 15px;
    }

    .Newsletter {
        padding: 20px 40px;
    }

    .Followus {
        padding: 40px 15px;
    }

        .Followus h4 {
            font-size: 16px;
        }

        .Followus img {
            width: 30px;
        }

    .footer-link li a {
        font-size: 14px;
        padding: 1px 0px;
    }

    .footer-link-heading li {
        font-size: 14px;
        line-height: 30px;
    }

    .Followus ul li {
        padding: 10px 3px;
    }

    .testimonials abbr img {
        width: 100%;
    }

    .video-section a {
        left: 36%;
    }

    .hover-content strong {
        font-size: 27px;
        left: 15px;
        bottom: 20px;
        line-height: 30px;
    }

    .hover-content-n strong {
        font-size: 18px;
        left: 15px;
    }

    .Newsletter h4 {
        font-size: 25 px;
    }

    .owl-nav {
        display: none;
    }

    ul.footer-link {
        padding-left: 30px;
    }

    .team-img img {
        height: auto;
    }

    .team-details h2 {
        font-size: 18px;
        padding: 0px 0px 4px;
        line-height: 22px;
    }

    .team-details strong {
        font-size: 16px;
    }

    .team-details p {
        font-size: 16px;
    }

    .contact-box {
        height: 200px;
    }

    .logo2 li img {
        width: 100%;
    }

    .Newsletters h4 {
        font-size: 15px;
    }

    .Newsletters {
        padding: 20px 30px 30px;
    }

    .mission-right {
        width: 100%;
        position: relative;
    }

    .contact-box {
        padding: 0px 10px 15px 0px;
        height: 170px;
        margin-bottom: 30px;
    }

    .paragraph-padding {
        margin: 10px 0px;
        padding-top: 30px;
    }

    .location-popup {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup1 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup2 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup3 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup4 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup5 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup6 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup7 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup8 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup9 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup10 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup11 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup12 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup13 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup13 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup14 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup15 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup16 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup17 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup18 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .location-popup19 {
        position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
        left: auto;
    }

    .about-section p {
        padding: 30px 20px;
        font-size: 20px;
        line-height: 32px;
    }

    .logos li {
        display: inline-block;
        width: 21.6%;
        text-align: center;
    }

        .logos li img {
            width: 60% !important;
        }

    li.nitiaayoglogo img {
        width: 60px !important;
    }

    .campaign-vision {
        width: 100%;
        padding: 20px 15px;
    }

        .campaign-vision span {
            font-size: 40px;
            top: 0px;
        }

    .paragraph p {
        font-size: 18px;
        line-height: 23px;
    }

    .paragraph-new p {
        font-size: 14px;
    }

    .paragraph-new2 p {
        font-size: 20px;
    }

    .eventsbox h5 {
        font-size: 16px;
    }

    .eventsbox h4 a {
        font-size: 20px;
        line-height: 24px;
        padding: 5px 0px;
    }

    .eventsbox h5 {
        line-height: 20px;
    }

    .eventsbox span {
        font-size: 14px;
    }

    .eventsbox p {
        font-size: 14px;
        line-height: 20px;
        padding: 1px 0px;
    }

    .eventsbox a {
        font-size: 14px;
    }

    .desktop-section {
        display: block;
    }

    .mobile-section {
        display: none;
    }

    .searchbar2 {
        display: none;
    }

    .searchbar2 {
        padding: 35px 0px;
        position: fixed;
        top: 0px;
        z-index: 99;
        width: 100%;
        padding: 15% 20px;
        background: rgba(0, 0, 0, 0.8);
        height: 100%;
    }

        .searchbar2 span {
            position: absolute;
            right: 32px;
            top: 65px;
        }

        .searchbar2 input {
            background: #ebebeb;
            border: 1px solid #ebebeb;
            padding: 7px 15px;
            border-radius: 5px;
            position: relative;
            font-size: 14px;
            color: #333;
        }

    .mobile-header-wrapper {
        position: relative;
    }

    .searchbar2 input:focus {
        background: #fff;
    }

    #Span3 img {
        position: absolute;
        top: 36px;
        right: 100px;
    }

    footer {
        padding: 40px 0px 120px 0px;
    }

    #Span3 img {
        position: absolute;
        top: 32px;
        right: 22%;
    }

    .about-new-box-img img {
        display: block;
        margin: 15px 0px;
    }

    .padding {
        display: block;
        padding: 0px 0px;
    }

    .Group-paragraph-N {
        padding-top: 5px;
    }

    .valueicon p {
        font-size: 13px;
        line-height: 18px;
        padding: 6px 0px;
    }

    .team-box {
        padding: 20px 0px 0px;
        float: left;
    }

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

    .contact-box {
        margin-right: auto;
    }
}

@media screen and (max-width:768px) {
    .Followus-n ul li a i {
        font-size: 14px;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .dvemail span {
        font-size: 10px;
    }

    .mediavideo iframe {
        height: 200px;
    }

    .eventsbox {
        height: auto;
    }

    .eventimg img {
        height: 210px;
    }

    .breadcrumb {
        position: absolute;
        bottom: 40px;
        background: none;
        padding: 0px 0px;
        margin: 0px;
    }

    .valuebox-n {
        margin: 30px px 0px 15px 0px;
    }

    .team-box {
        padding: 20px 0px 0px;
        float: left;
    }

    .valueicon p {
        font-size: 13px;
        padding: 0px;
    }

    .valueicon strong {
        font-size: 20px;
        line-height: 25px;
    }

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

    .contact-box {
        padding: 0px 10px 15px 0px;
        height: 220px;
        margin-bottom: 20px;
    }

    .breadcrumb h1 {
        font-size: 30px;
    }

    .contact-box {
        margin-right: auto;
    }

    .padding {
        display: block;
        padding: 0px 0px;
    }

    .Group-paragraph-N {
        padding-top: 5px;
    }

    .radio-group {
        display: block;
    }

    .about-new-box-img img {
        display: block;
        margin: 15px 0px;
    }

    .topraea > .row > div:nth-child(1) > div {
        padding-right: 0px;
    }

    .radio-group > div {
        width: 45%;
        position: relative;
        padding: 0 0px;
        margin: 10px 0px;
        float: left;
    }

    .radio-box label {
        height: auto;
    }

    h6.blue-heading {
        margin: 20px 0px 10px;
        display: block;
    }

    .fueltype {
        width: 30%;
    }

    .radio-group > div:nth-child(2) {
        float: right;
    }

    .radio-group > div:nth-child(3) {
        width: 100%;
    }

    .radio-group > div:nth-child(1) {
        width: 100% !important;
    }

    .radio-group > div:nth-child(2) {
        width: 100% !important;
    }

    .radio-box1 {
        width: 100%;
    }

    .fueltype {
        margin-right: 10px;
    }

    .inputs label {
        margin: 0px 0px;
    }

    .databoxs {
        display: block;
    }

    .valueicon-row {
        display: flex;
        padding: 10px 0px;
        width: 100%;
    }

    .range-slider {
        margin-top: 20px;
    }

    #ContentPlaceHolder1_ddlregion {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    h6.blue-heading {
        margin: 10px 0px 10px;
        display: block;
    }

    .padding-rows {
        padding: 0px 0px 20px;
    }

    .range-slider {
        margin-bottom: 30px;
    }

    .bottoms-upN {
        height: 80px;
        transform: rotate(90deg);
        margin: 0 auto;
    }

    .databoxs-col {
        width: 100%;
    }

    .databoxs-col2 {
        width: 100%;
    }

    .border-animation {
        padding: 12px 20px;
        font-size: 18px;
        height: 340px;
    }

    .bottoms-up {
        padding: 10px 0px !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        width: 100%;
        text-align: center;
    }

    .padding-rows {
        padding: 0px 0px 30px;
    }

    .border-animation b {
        font-size: 15px;
    }

    .border-animation span {
        padding: 0px 4px;
    }

    .valueicon-row2 {
        display: none;
    }

    .valueicon-row3 {
        width: 100%;
        padding: 15px 0px;
    }

    .campaign-box-n {
        position: absolute;
        bottom: 20px;
        right: 0px;
    }

    .topraea > .row > div:nth-child(2) > div {
        padding-left: 0px;
    }

    .input-output-holder > .row > .col-md-9 {
        position: relative;
        padding: 0px;
    }


    .tab-link strong {
        padding: 0px;
    }

    .dcp-col ul li {
        padding: 0px 2px;
    }

    .input-output-holder > .row > .col-md-9:after {
        position: absolute;
        content: "";
        height: 1px;
        width: 100%;
        background: #eaeaea;
        left: 0px;
        top: 0;
    }

    .input-output-holder > .row > div > div {
        padding: 20px 0;
        height: 100%;
    }

    .dcp_col-3:after {
        display: none;
    }

    .dcp_col-9 {
        width: 100%;
        padding: 0px;
    }

    .dcp_row {
        display: block;
    }

    .dcp_col-3 {
        width: 100%;
        position: relative;
    }

    .eventsbox span {
        padding: 8px 0px
    }

    .page-top hr {
        display: block;
        margin: 30px 0px;
    }

    .campaign-box-n img {
        width: 380px;
    }

    .colcarou-image {
        width: 100%;
    }

    .colcarou-item {
        width: 100% !important;
    }

    .colcarou-textbox {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 5;
    }

    .colcarou-item.active .colcarou-textbox {
        display: table;
        width: 100%;
        background: rgba(0, 104, 100, 0.68);
    }

    .colcarou-item.inactive .colcarou-textbox {
        background: #38aa39;
    }

    .colcarou-textbox h1 {
        font-size: 20px;
        line-height: 40px;
    }

    .campaign-box-n img {
        width: 380px;
    }

    .about-new-box {
        height: auto;
    }



    .Resources-box {
        width: 100%;
        height: auto;
    }

    ul.tabs-n li {
        height: auto;
        width: 46%;
        margin: 15px 10px;
    }

        ul.tabs-n li.current {
            height: auto;
            width: 46%;
            margin: 15px 10px;
        }

    ul.tabs-n {
        display: block;
    }

    footer {
        padding: 40px 0px 120px 0px;
    }
}

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

    .mobile {
        display: block;
        margin: 0px 0px 0px;
    }

    .desktop {
        display: none;
    }

    .input-output-holder {
        padding-top: 0;
    }

    #section-two {
        padding-top: 15px;
    }

    .chart-container canvas {
        width: 100% !important;
        height: 100% !important;
    }

    .border-animation {
        width: 250px;
        margin: 0 auto;
        height: 380px;
    }

    .middlebox {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 250px;
    }

    .dcp-holdersN strong {
        padding-bottom: 0px;
    }

    .tab-content p {
        display: block;
        font-size: 18px;
        padding:0px;
    }

    .border-animation b {
        font-size: 30px;
    }

    .border-animation em {
        font-size: 18px;
    }

    .border-animation abbr strong {
        font-size: 18px;
    }

    .border-animation abbr {
        font-size: 18px;
    }

    .move-right-arrow img {
        display: none;
    }

    .logos li img {
        width:100% !important;
    }

    .mediavideo iframe {
        height: 200px;
    }

    .eventimg img {
        height: auto;
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 0%;
        margin-left: 0%;
        list-style: none;
    }

    .campaign-box-bg2 {
        background: linear-gradient(to top, #e2edf4 0%,#f6f9fb 100%);
        height: auto;
        padding: 20px 0px;
    }

    .blog-inner-bg img {
        width: 100%;
    }

    .blog-inner-bg {
        padding: 15px 0px;
    }

    li.nitiaayoglogo img {
        width: 60px !important;
    }

    #dvemail1 {
        position: static;
    }

    .followingss {
        padding: 0px 0px 20px;
        text-align: center;
    }

    .Shoonya-Rides {
        margin: 0px;
    }

    .value p {
        font-size: 16px;
        height: 60px;
        color: #666;
        font-family: shonnya-regular;
        line-height: 18px;
    }

    .Resources-box {
        width: 100%;
        height: auto;
    }

    ul.tabs-n li {
        height: auto;
    }

        ul.tabs-n li.current {
            height: auto;
        }

    .colcarou.colcarou-frame {
        height: 430px !important;
    }

    .colcarou-textbox p a {
        font-size: 15px;
    }

    .colcarou-item.active .colcarou-textbox p {
        line-height: 22px;
    }

    .colcarou-item.inactive .colcarou-textbox {
        background: #38aa39;
    }

    .about-new-box {
        height: auto;
        margin: 25px 0px;
        display: block;
    }

    .Newsletter-section-new2 {
        padding: 20px 15px;
    }

    .mapdatann-about {
        display: none;
    }

    .valuebox-n.new-margin3 {
        width: 45%;
        display: inline-block;
        margin: 15px 8px;
    }

    .Newsletters-text abbr {
        margin: 0px;
        line-height: 30px;
    }

    .ridebox img {
        width: 100%;
        margin: 0px;
    }

    .colcarou-item.active .colcarou-textbox {
        display: table;
        width: 100%;
        background: rgba(0, 104, 100, 0.68);
    }

    .valuebox-n {
        width: 44%;
        display: inline-block;
        margin: 15px 8px !important;
        padding: 12px 2px;
        height: 210px;
        float: left;
    }

        .valuebox-n.margin-tops {
            display: inline-block;
            margin: 15px 8px;
        }

        .valuebox-n new-margin1 {
            margin: 5px 10px;
            width: 45%;
        }

    .map-box-new {
        height: auto;
    }

    .map-box-new1 {
        height: auto;
    }

    .buttonnew0 {
        display: inline-block;
        width: 45%;
    }

    .buttonnew0 {
        font-size: 15px;
    }

    .button-wrap span {
        margin: 10px 15px;
    }

    .colcarou-item .active {
        height: 200px !important;
    }

    .colcarou-image {
        width: 100%;
    }

    .colcarou-textbox {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 5;
    }

    #colcarou-item-0 {
        width: 100% !important;
    }

    #colcarou-item-1 {
        width: 100% !important;
    }

    #colcarou-item-2 {
        width: 100% !important;
    }

    .colcarou-textbox h1 {
        font-size: 20px;
        line-height: 40px;
    }

    .colcarou-textbox p {
        font-size: 14px;
    }

    .newsletter {
        padding: 0px;
    }

    .inner-banner {
        height: 100px;
    }

        .inner-banner img {
            height: 100%;
        }

    .breadcrumb {
        bottom: 5px;
    }

    .team-img img {
        width: 50%;
    }



    .contact-box {
        margin: 0px;
        border: none;
        padding: 0px;
    }

    .electric-vehicles {
        font-size: 22px;
        line-height: 25px;
    }

    .btns-no {
        display: block;
        text-align: center;
    }

    .button-wrap {
        text-align: center;
        display: block;
    }

    #mapbox1 {
        width: 40%;
        display: inline-block;
        padding: 10px 0px;
        margin: 0px 10px;
    }

    #mapbox2 {
        width: 40%;
        display: inline-block;
        padding: 10px 0px;
        margin: 0px 10px;
    }

    .Group-paragraphs {
        padding-bottom: 20px;
    }

    .innermap {
        margin-top: 0px;
    }

    .Group-paragraphs p {
        line-height: 23px;
    }

    .health-icon-N {
        margin: 0px;
    }

    .paragraph {
        padding: 0px;
    }

    .team-details h2 {
        font-size: 18px;
        padding: 5px 0px;
        line-height: 23px;
    }

    .team-details strong {
        font-size: 16px;
    }

    .team-details p {
        font-size: 16px;
    }

    .team-details {
        margin-bottom: 10px;
    }

    .Group-paragraph-N b {
        font-size: 20px;
    }

    .Group-paragraph-N p {
        padding-bottom: 30px;
        text-align: left;
        line-height: 23px;
        margin-bottom: 0px;
        font-size: 18px;
    }

    .Group-paragraph-N b {
        padding: 10px 0px 5px;
    }

    .Group-paragraph-N {
        padding: 0px;
    }

    .Shoonya-Rides {
        display: block;
    }

        .Shoonya-Rides img {
            width: 100%;
        }

    .Group-paragraph-N abbr {
        margin: 5px 0px;
        padding: 0px;
    }

    .value {
        width: 50%;
        display: table-cell;
        margin: 0px 0px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        height: 140px;
        padding: 12px 0px;
        float: left;
        vertical-align: middle;
    }

    .value2 p {
        height: 50px;
    }

    .value:nth-child(3) {
        border-right: none;
    }

    .value:nth-child(5) {
        border-right: none;
    }

    .value:last-child {
        border-right: none;
        border-bottom: 1px solid #ccc;
        width: 100%;
        height: auto;
    }

    .Shoonya-Rides {
        border-bottom: none;
    }

        .Shoonya-Rides.Shoonya-Rides-img img {
            height: auto;
            display: block;
            margin: 0 auto 15px auto;
            border-bottom: 1px solid #ccc;
        }

        .Shoonya-Rides.Shoonya-Rides-img {
            margin-bottom: 30px;
        }

    .value2 {
        width: 50%;
        display: table-cell;
        margin: 0px 0px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        height: 140px;
        padding: 12px 0px;
        float: left;
        vertical-align: middle;
    }

        .value2:nth-child(3) {
            border-right: none;
        }

        .value2:nth-child(5) {
            border-right: none;
        }

    .value2 {
        border-left: none;
    }

        .value2:last-child {
            border-right: none;
            border-bottom: 1px solid #ccc;
            width: 100%;
            height: auto;
        }

    .Shoonya-Ridess {
        margin-bottom: 15px;
        display: block;
        border-bottom: 1px solid #ccc;
    }

        .Shoonya-Ridess img {
            height: auto;
            margin-top: 15px;
        }

    .padding {
        display: block;
        padding: 0px 0px;
    }

    .Newsletter-section-new {
        background: #f6f6f6;
        padding: 10px 20px 30px;
    }

    .button-sub a {
        font-size: 20px;
        padding: 3px 0px 0px;
    }

    .Newsletters-text h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .Asset2 {
        position: absolute;
        top: -90px;
        left: -60px;
    }

    .campaign-box-n {
        position: static;
        margin-right: 0px;
    }

        .campaign-box-n img {
            width: 80%;
            margin: 0 auto;
            display: block;
        }

    .campaign-box-bg {
        background: #f4943f linear-gradient(to bottom, #F0F6EB 0%,#D3E4C5 100%);
        padding: 30px 0px;
        height: auto;
    }

    .p-logos.widthlogo img {
        width: 50px !important;
    }

    .p-logos img {
        width: 100% !important;
    }

    .buttonnew {
        width: 47%;
        font-size: 14px;
    }

    .middles {
        padding: 0px 0px;
    }

    .following {
        padding: 0px 0px 10px;
    }

    .ridebox {
        padding: 15px;
        margin-bottom: 40px;
    }

    .customNextBtn, .customPreviousBtn {
        font-size: 14px;
        width: 47%;
    }

    .equals {
        position: absolute;
        bottom: -42px !important;
        top: auto;
        left: 0;
        right: 0px;
        margin: 0 auto;
        text-align: center;
    }

    .valuebox {
        margin: 15px 10px;
        padding: 5px 0px;
        width: 44%;
        display: inline-block;
    }

    .paragraph-height {
        height: auto;
    }

    .partners-logo {
        height: 90px;
    }

    .gallery-thumbs {
        height: 250px;
    }

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }



    .vertical {
        height: 260px !important;
    }

    #tl-featured-slider4 {
        background: #f6f6f6;
        padding: 0px;
    }

        #tl-featured-slider4 .owl-prev {
            display: none !important;
        }

        #tl-featured-slider4 .owl-next {
            display: none !important;
        }

    .testimonials p {
        height: auto;
        padding: 0px;
    }

    .owl-carousel .testimonials p del img {
        display: none;
    }

    .owl-carousel .testimonials p span img {
        display: none;
    }

    .testimonials p {
        font-size: 18px;
        line-height: 23px;
        margin: 0px 0px 15px;
    }

    .names {
        width: 100%;
        margin: 0px;
        text-align: left;
        /* position: static; */
        left: 0px;
        /* display: block; */
    }

    .testimonials strong {
        font-size: 18px;
        padding: 2px 0px;
        line-height: 25px;
        color: #f4943f;
    }

    .testimonials span {
        font-size: 16px;
        padding: 0px 0px;
        color: #888;
    }

    .owl-dots {
        position: static;
    }


    .partners-logos {
        margin: 0px 0px;
    }

    .searchbar2 {
        display: none;
    }

    .searchbar2 {
        padding: 35px 0px;
        position: fixed;
        top: 0px;
        z-index: 99;
        width: 100%;
        padding: 15% 20px;
        background: rgba(0, 0, 0, 0.8);
        height: 100%;
    }

        .searchbar2 span {
            position: absolute;
            right: 12px;
            top: 9px;
        }

        .searchbar2 input {
            background: #ebebeb;
            border: 1px solid #ebebeb;
            padding: 7px 15px;
            border-radius: 5px;
            position: relative;
            font-size: 14px;
            color: #333;
        }

    .mobile-header-wrapper {
        position: relative;
        padding: 6px 15px;
    }

    .searchbar2 input:focus {
        background: #fff;
    }

    #Span3 img {
        position: absolute;
        top: 28px;
        right: 70px;
    }

    .close-popup {
        padding: 15px;
    }

        .close-popup img {
            width: 20px;
        }

    .filterby {
        margin-bottom: 40px;
        width: 100%;
    }

    .page-top {
        margin: 20px auto 0px;
    }

    .event-detail h1 {
        font-size: 22px;
        text-align: left;
        line-height: 25px;
    }

    .event-detail p i {
        font-size: 18px;
        line-height: 23px;
        text-align: left;
    }

    .event-detail p {
        font-size: 18px;
        line-height: 25px;
        text-align: left;
    }

    .md-wrapper {
        padding: 20px 0px 20px;
    }

    .mediatext h2 {
        font-size: 24px;
    }

    .eventimg {
        margin-bottom: 20px;
    }

    .eventsbox h4 a {
        font-size: 24px;
    }

    .eventsbox p {
        font-size: 19px;
    }

    .eventsbox span {
        font-size: 15px;
    }

    .eventsbox {
        margin-bottom: 0px;
        height: auto;
    }

    .desktop-section {
        display: none;
    }

    .mobile-section {
        display: block;
    }

    .paragraph p span {
        font-size: 13px;
    }

    .Group-paragraph p span {
        font-size: 13px;
    }

    .contact-box {
        margin-bottom: 10px;
    }

    .Campaign-Entails-box a {
        display: block;
    }

    .paragraph-padding {
        margin: 20px 0px;
    }

    .testimonials {
        height: auto;
    }

    .mission-right img {
        height: auto;
    }

    .breadcrumb h1 {
        font-size: 30px;
        padding: 4px 30px 8px;
        line-height: 32px;
    }

    .about-new-box strong {
        font-size: 20px;
    }

    .about-new-box-img {
        margin-bottom: 0px !important;
    }

        .about-new-box-img img {
            margin-bottom: 0px;
        }

    .campaign-vision img {
        width: 50%;
    }

    .about-new-box {
        margin-top: 15px;
    }

    .breadcrumb {
        margin-bottom: 0px;
    }

    .Newsletter-n {
        margin-top: 15px;
    }

    .breadcrumb {
        text-align: left;
        width: 100%;
        bottom: 25px;
        background: none;
        left: 0px;
        right: 0px;
    }

    .paragraph p {
        font-size: 18px;
        line-height: 25px;
        text-align: left;
    }

    .paragraph b {
        font-size: 16px;
        line-height: 25px;
    }

    .paragraph {
        padding: 30px 0px;
    }

    .Group-paragraph p {
        text-align: left;
        font-size: 14px;
        line-height: 25px;
    }

    .Group-paragraph {
        margin-bottom: 25px;
    }

    .gradient-box {
        padding: 10px 25px;
    }

    .campaign-section h4 {
        padding: 0px;
        font-size: 14px;
        line-height: 25px;
    }

    .campaign-vision p {
        padding: 8px 0px;
        font-size: 16px;
        line-height: 27px;
    }

    .campaign-vision p {
        padding: 5px 0px;
    }

    .campaign-vision {
        margin: 20px 0px;
        width: 100%;
        height: auto;
    }

    .partners {
        padding: 0px;
    }

    .mission-right {
        position: static;
        width: 100%;
    }

    .paragraph-new::after {
        display: none;
    }

    .paragraph-new strong {
        font-size: 16px;
        padding-left: 0px;
        display: block;
        line-height: 24px;
    }

    .paragraph-new p {
        font-size: 14px;
        line-height: 25px;
        padding-left: 0px;
    }

    .paragraph-new .button-btn {
        padding-left: 0px;
    }

    .mission-left {
        position: static;
        width: 100%;
    }

    .offset-5 {
        margin-left: 0px;
    }

    .paragraph-new {
        padding-top: 0px;
        margin: 20px 0px;
    }

    .team-box {
        padding: 20px 0px 0px;
        width: 50%;
        float: left;
    }

    .contact-box p {
        font-size: 18px;
        line-height: 23px;
    }

    .about-contents-ne p {
        font-size: 18px;
        line-height: 23px;
        padding: 10px 0px;
    }

    .Newsletters {
        padding: 10px 15px;
        margin-top: 20px;
    }

    .paragraph h4 {
        padding: 5px 0px;
    }

    .Newsletters h4 {
        font-size: 14px;
        line-height: 28px;
    }

    .Newsletters input {
        padding: 9px 15px;
        font-size: 15px;
    }

    .button-sub a img {
        display: inline-block;
        width: 30px;
        padding-top: 6px;
    }

    .Newsletters textarea {
        font-size: 15px;
    }

    .Newsletters h5 {
        font-size: 14px;
        padding: 0px;
    }

    .faq-right {
        padding: 0px;
    }

    .bs-example {
        padding: 10px 0px;
    }

    .btn-s {
        font-size: 20px;
        padding: 12px 15px 14px;
    }

    .map-top-logo abbr img {
        width: 90px;
    }

    ul.footer-link {
        padding-left: 0px;
        padding-top: 0px;
    }

    .paragraph-new2::after {
        display: none;
    }

    .paragraph-new2 {
        margin: 20px 0px;
    }

    .paragraph-new3 {
        margin: 20px 0px;
    }

    .paragraph-new2 strong {
        font-size: 16px;
        padding-left: 0px;
        text-align: left;
        display: block;
    }

    .paragraph-new2 p {
        font-size: 14px;
        line-height: 25px;
        padding-left: 0px;
        text-align: left;
    }

    .paragraph-new2 .button-btn {
        padding-left: 0px;
        text-align: left;
    }

    .about-contents-s h2 {
        font-size: 35px;
    }

    .Campaign-Entails:hover .Campaign-Entails-box {
        border-bottom: 3px solid #f4943f;
        border-right: none;
    }

    .paragraph-new2 .button-btn a {
        font-size: 14px;
    }

    .Grievances p a {
        font-size: 16px;
    }

    .Grievances-box p {
        font-size: 18px;
        padding: 6px 0px;
    }

        .Grievances-box p b {
            font-size: 20px;
        }

        .Grievances-box p a {
            font-size: 16px;
        }

    .eventsbox h4 a {
        font-size: 25px;
        line-height: 32px;
        margin: 10px 0px;
    }

    .why-shoonya-bg {
        background: #f6f6f6;
        padding: 0px 0px 30px 0px;
        margin: 0px;
    }

    .Group-paragraphs b {
        text-align: left;
        font-size: 20px;
        line-height: 35px;
    }

    .ridebox {
        margin-bottom: 10px;
    }


    .following {
        color: #888;
    }

    .btns-no span {
        width: 40%;
    }

    .right-bg {
        display: none;
    }

    .datamap img {
        width: 100%;
    }

    .mapdata1 img {
        width: 130px;
    }

    .mapdata1 {
        position: absolute;
        right: 0px;
        top: 36%;
        width: auto;
        left: 20%;
        z-index: 9;
    }

    .mapdatann {
        display: none;
    }

    .valuebox-n.new-margin1 {
        margin: 15px 8px;
        display: inline-block;
    }

    .valuebox-n.new-margin2 {
        margin: 15px 8px;
        display: inline-block;
    }

    .button-wrap {
        position: static;
        display: block;
        margin: 25px 0px;
    }

    .centerimgs {
        margin: 20px 0px;
    }

    .bg-icons3 {
        display: none;
    }

    .tab-content {
        padding: 0px;
    }

    .left-bg {
        display: none;
    }

    .mapdata {
        display: none;
    }

    .innermap {
        padding: 0px;
    }

    ul.tabs-n {
        display: block;
    }

        ul.tabs-n li {
            width: 100%;
            margin: 10px 0px;
        }

            ul.tabs-n li.current {
                width: 100%;
                margin: 10px 0px;
            }

    .bg-icons {
        display: none;
    }

    .applybox {
        width: 100%;
        margin: 0px;
    }

    .bankname li {
        width: 100%;
    }

    .applybox-n h4 {
        font-size: 20px;
        line-height: 27px;
    }

    .bg-icons2 img {
        width: 60px;
    }

    .campaign-section h3 {
        font-size: 17px;
    }

    .Campaign-Entails-box {
        display: block;
        text-align: center;
        border-bottom: 3px solid #dadada;
        border-right: none;
        margin-bottom: 15px;
        margin: 0px 15px;
    }

    .Campaign-Entails {
        padding: 30px 0px 0px;
    }

    .border-none {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .about-contents-net h2 {
        font-size: 30px;
    }

    .about-section {
        padding: 30px 0px;
    }

    .about-contents p {
        font-size: 18px;
        text-align: left;
        line-height: 23px;
        padding: 5px 0px;
    }

    .about-contents a {
        padding: 0px;
    }

    .about-section p {
        font-size: 14px;
        padding: 0px 15px 0px;
        line-height: 25px;
    }

    .Campaign-content {
        padding-bottom: 12px;
    }

    .Campaign-Entails strong {
        display: block;
        margin-bottom: 15px;
        font-size: 15px;
        /* padding: 5px 0px; */
    }

    section {
        margin-bottom: 50px;
    }

    .nav-tabs {
        padding: 0px 8px;
    }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            font-size: 20px;
            line-height: 24px;
            padding: 8px 20px 12px;
            margin-right: 6px;
        }

        .nav-tabs .nav-link:last-child {
            margin-left: 0px;
        }

        .nav-tabs .nav-link {
            font-size: 20px;
            line-height: 24px;
            padding: 8px 20px 12px;
            margin-right: 6px;
        }

    .tab-content > .active p {
        font-size: 24px;
        line-height: 32px;
        padding: 10px 0px;
        text-align: left;
    }

        .tab-content > .active p b {
            font-size: 24px;
            line-height: 30px;
        }

    .about-content h2 {
        font-size: 26px;
    }

    .campaign-box {
        width: 100%;
        display: block;
        margin: 15px auto;
        float: none;
    }

    .button-bt {
        margin-bottom: 30px;
    }

    section {
        padding: 30px 0px;
    }

    .about-contents {
        padding: 0px;
    }

        .about-contents h2 {
            font-size: 20px;
        }

    .Campaign-content h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    article {
        text-align: left;
        padding: 10px 5px;
    }

        article strong {
            padding: 0px;
        }

    .logos li {
        width: 32%;
        text-align: left;
        display: inline-block;
        float: none;
        margin: 0px;
    }

    .logo2 li {
        float: none;
        display: inline-block;
        width: 48%;
        margin-bottom: 10px;
    }

    .about-contents-ne h2 {
        font-size: 25px;
        padding: 0px 0px;
        line-height: 32px;
    }

    .contact-box h2 {
        padding: 10px 0px;
        margin: 0px;
    }

    .about-contents-ne {
        padding-bottom: 0px;
    }

    section .about-contents {
        padding: 0px 0px;
        margin-bottom: 15px;
    }

    .testimonials {
        padding: 15px;
    }

    .about-contents-ne {
        padding-left: 0px;
    }

    .video-section {
        width: 100%;
        margin: 15px 0px;
        height: 220px;
    }

    .twitter-right-section {
        width: 100%;
    }

    .owl-nav {
        display: none;
    }

    .twitter-section strong {
        font-size: 24px;
    }

    .twitter-section p {
        font-size: 17px;
        line-height: 24px;
    }

        .twitter-section p b {
            font-size: 14px;
        }

    .twitter-section {
        padding: 15px;
    }
    /*.bannertext{position: absolute; left: 7%; bottom: 8%;}
*/ .bannertext strong {
        font-size: 17px;
        line-height: 26px;
    }

    .bannertext span {
        font-size: 16px;
    }

    .twitter-section strong {
        padding: 12px 0px;
        line-height: 20px;
    }

    .packega-section2 {
        height: auto;
    }

    .Newsletter {
        padding: 10px 20px;
    }

        .Newsletter h4 {
            font-size: 16px;
        }

        .Newsletter abbr input {
            padding: 4px 0px;
        }

    .Followus {
        padding: 10px 15px;
        text-align: left;
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .footer-link {
        margin-bottom: 20px;
    }

    .footer-link-heading {
        margin-bottom: 15px;
    }

    .wrapper {
        width: 100%;
        padding: 0px 20px;
    }

    .newsletter {
        padding-left: 10px;
    }

    .tab-section {
        padding: 20px 0px 0px;
    }

    .button-bt a {
        background: #f4943f;
        border-radius: 30px;
        font-size: 22px;
        color: #fff;
        padding: 5px 35px 9px;
        display: block;
        text-align: center;
    }

    .map-loaction img, .map-loaction2 img, .map-loaction3 img, .map-loaction4 img, .map-loaction5 img, .map-loaction6 img, .map-loaction7 img, .map-loaction8 img, .map-loaction9 img, .map-loaction10 img, .map-loaction11 img, .map-loaction12 img, .map-loaction13 img, .map-loaction14 img, .map-loaction15 img, .map-loaction16 img, .map-loaction17 img, .map-loaction18 img {
        width: 20px;
        height: 20px
    }

    .location-popup9 {
        left: -150px;
    }

    .location-popup8 {
        left: -160px;
    }

    .location-popup7 {
        top: 20px;
        left: -50px;
    }

    .map-loaction11 {
        top: 43%;
    }

    .location-popup11 {
        top: 25px;
        left: -10px;
    }

    .location-popup13 {
        top: 30px;
        left: -30px;
    }

    .video-section a {
        position: absolute;
        top: 20%;
        left: 36%;
        z-index: 99;
    }

        .video-section a img {
            width: 80px !important;
        }

    .hover-content strong {
        font-size: 25px;
        position: absolute;
        left: 20px;
        bottom: 15px;
        line-height: 30px;
    }

    .hover-content-n strong {
        font-size: 17px;
        left: 12px;
        bottom: 15px;
        line-height: 20px;
    }

    .hover-content-sm strong {
        right: 50px;
        font-size: 22px;
    }

    .about-section img {
        margin: 0px auto 0px auto;
        display: block;
        float: none;
    }

    .p-logo {
        display: table;
        width: 33%;
        text-align: center;
        margin: 7px 8px;
        float: left;
    }

    .Circle-logo img {
        width: 55px;
    }

    .campaign-box strong {
        display: block;
        text-align: center;
    }

    .logos li a img {
        float: left;
        padding: 0px 10px;
        width: 100%;
    }

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

    .logos2 li a img {
        float: left;
        padding: 0px 20px 0 10px;
    }

    .logo2 li a img {
        float: left;
        padding: 0px 20px 0 10px;
        width: 100%;
    }

    .about-contents-t h2 {
        line-height: 24px;
        font-size: 20px;
    }

    .about-contents-t {
        padding: 0px 15px 0px;
    }

    .owl-carousel .owl-item img {
        height: auto !important;
    }

    #tl-featured-slider4 {
        margin-top: 15px;
    }

    .packega-section {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 10px;
    }

    .twitter-section {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 20px;
    }

        .twitter-section img {
            display: block;
            margin: 0px;
        }

    .location-popup {
        position: relative;
        text-align: left;
    }

    .location-popup2 {
        position: relative;
        text-align: left;
    }

    .location-popup3 {
        position: relative;
        text-align: left;
    }

    .location-popup4 {
        position: relative;
        text-align: left;
    }

    .location-popup5 {
        position: relative;
        text-align: left;
    }

    .location-popup6 {
        position: relative;
        text-align: left;
    }

    .location-popup7 {
        position: absolute;
        text-align: right;
        left: auto;
        right: 0px;
        top: 0px;
    }

    .location-popup8 {
        position: absolute;
        text-align: right;
        left: auto;
        right: 0px;
        top: 0px;
    }

    .location-popup9 {
        position: absolute;
        text-align: right;
        left: auto;
        right: 0px;
        top: 0px;
    }

    .location-popup10 {
        position: relative;
        text-align: left;
    }

    .location-popup11 {
        position: absolute;
        text-align: left;
        left: auto;
        right: 0px;
        top: 0px;
    }



    .location-popup12 {
        position: absolute;
        text-align: left;
        left: 0px;
    }

    .location-popup13 {
        position: absolute;
        text-align: right;
        left: auto;
        right: 0px;
        top: 0px;
    }

    .location-popup14 {
        position: absolute;
        text-align: left;
        left: 0px;
    }

    .location-popup15 {
        position: absolute;
        text-align: left;
        left: 0px;
    }

    .location-popup16 {
        position: absolute;
        text-align: left;
        left: 0px;
    }

    .location-popup17 {
        position: absolute;
        text-align: left;
        left: 0px;
    }

    .location-popup18 {
        position: absolute;
        text-align: left;
        left: 0px;
    }

    .owl-carousel .owl-item img {
        width: 180px;
        margin-bottom: 20px;
    }

    .testimonials {
        max-height: auto !important;
    }

    .campaign-box img {
        height: auto;
        width: auto;
    }

    .campaign-box strong {
        font-size: 32px;
    }

    .rounde {
        margin: -32% auto 0 auto;
    }

    footer {
        padding: 30px 0px 90px;
    }

    .logo2 {
        padding-bottom: 0px;
    }

    #popup1 .popup {
        padding: 30px 10px;
        margin: 0px 15px;
    }

    #popup1 .newletter-title h2 {
        font-size: 22px;
        margin: 15px 10px;
    }

    #popup1 #frm_subscribe a {
        margin-top: 15px;
    }

    .card-body abbr {
        display: block;
        padding: 0px 10px;
    }

        .card-body abbr p {
            padding: 0px;
            font-size: 20px;
        }

    .btn-link i {
        float: none;
        text-align: right;
        font-size: 40px;
        color: #006864;
        position: relative;
        top: 8px;
        right: 0;
        line-height: 33px;
    }

    .contact-box {
        height: auto;
    }

    #tl-featured-slider6 img {
        width: 100% !important;
    }

    #tl-featured-slider6 .owl-item .item {
        padding: 0px;
    }

    .paragraph-new2 p {
        padding: 0px;
    }




    .d-flex {
        padding: 0px;
    }
}


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

    .new-width img {
        width: 220px;
    }

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

    .new-width1 img {
        width: 220px;
    }

/*26-08-2022 css kishanhnnn starts*/
.centerimgs i {
    text-align: center;
    display: block;
    color: #006864;
    font-size: 20px;
    margin: 0 auto;
}

.centerimgs img {
    filter: opacity(0.5) drop-shadow(0 0 0 blue);
}

.applybox img {
    float: left;
    margin-right: 60px;
    width: 96px;
    margin-top:11px;
}

.verify-text {
    margin-left: 25%;
}
    .verify-text p {
        color: #fff;
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 25px;
        font-family: shonnya-regular;
    }

@import "compass/css3";

.tabs {
    margin: 40px 0px;
    text-align: center;
    padding: 0;
    list-style: none;
    position: relative;
    border-bottom: none;
    width: 20%;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 40px;
}

.active-tab {
    position: relative;
    color: #fff;
    background: #f4943f;
}

.tabs li {
    float: left;
    cursor: pointer;
    color: #f4943f;
    padding: 6px 10px;
    font-size: 18px;
    background: #F6F6F6;
    width: 50%;
    font-family: shonnya-semibold;
}

.tabsli:first-child {
    margin-left: 10px;
}

.tabs li.active-tab {
    background: #f4943f;
    font-family: shonnya-semibold;
    color: #fff;
    font-size:18px;
}




.tabs-content {
    margin: 20px auto;
    padding: 0;
    list-style: none;
    /* display: flex; */
}

    .tabs-content li {
        display: none;
    }

        .tabs-content li .box1 {
            display: inline-block;
            width: 22%;
            background: #f7f7f7;
            text-align: center;
            padding: 20px 20px;
            border-radius: 10px;
            margin: 13px 20px;
            margin-right: 1%;
        }
            .tabs-content li .box1:nth-child(4){margin-right:0px;}
            .tabs-content li .box1:nth-child(8){margin-right:0px;}
            .tabs-content li .box1:nth-child(12){margin-right:0px;}

            .tabs-content li .box1 span {
                text-align: center;
                font-size: 18px;
                font-family: shonnya-semibold;
                text-decoration: underline;
                cursor: pointer;
                display: block;
                padding: 20px 0px;
                color: #606060;
            }

.note_text {
    margin: 0px 0px;
}

    .note_text p {
        font-size: 12px;
        font-family: 'shonnya-regular';
        display: block;
        color: #606060;
        line-height: 19px;
    }
   .note_text p a {
            font-size: 12px;
            font-family: 'shonnya-regular';
            display: block;
            color: #606060;
            line-height: 19px;
            text-decoration:underline;
            display:inline;
        }
 .note_text p a:hover{color:#606060;}

 .tttx {margin: 0px 8%;}


/*26-08-2022 css kishanhnnn end*/
@media only screen and (max-width: 720px) and (min-width: 540px) {
    .logo2 li {
        width: 18%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 580px) {
    #Span3 img {
        position: absolute;
        top: 30px;
        right: 20%;
    }

    .gallery-thumbs {
        width: 100%;
        height: 270px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1660px) {
    .bg-icons3 img {width: 160px;}
    .bg-icons img {width: 190px;}
}

@media screen and (max-width: 1440px) {
    .bg-icons3 {position: absolute;top:48%; left: 0px;}
    .bg-icons3 img{width:140px;}
    .bg-icons img{width:200px;}
}



    @media screen and (max-width: 1366px) {
        .mediavideo iframe {
            height: 290px;
        }

        .tabs-content li .box1 {
            padding: 20px 10px;
        }

        .dcp-labels ul li {
            padding-right: 8px !important;
        }

        .tabs-content li .box1 span {
            font-size: 16px;
        }

        .dcp-holder > strong {
            font-size: 20px;
        }

        .container {
            max-width: 1152px;
        }

        .value p {
            font-size: 14px;
            line-height: 18px;
        }

        .value2 p {
            font-size: 14px;
            line-height: 18px;
        }

        .names {
            width: 250px;
            bottom: -3px;
            left: 26px;
        }

        .owl-carousel .owl-item img {
            width: 90%;
        }
    }

    @media screen and (max-width: 1300px) {
        .container {
            max-width: 1100px;
        }

        .value p {
            font-size: 14px;
            line-height: 18px;
        }

        .value2 p {
            font-size: 14px;
            line-height: 18px;
        }
    }

    @media screen and (max-width: 1280px) {
        .container {
            max-width: 1150px;
        }

        .bg-icons3 img {
            width: 140px;
        }

        .bg-icons img {
            width: 190px;
        }

        .value p {
            font-size: 13px;
            line-height: 16px;
        }

        .value2 p {
            font-size: 13px;
            line-height: 16px;
        }

        .mediavideo iframe {
            height: 290px;
        }
    }

    @media screen and (max-width: 1100px) {
        .container {
            max-width: 1000px;
        }

        .value p {
            font-size: 12px;
            line-height: 16px;
        }

        .value2 p {
            font-size: 12px;
            line-height: 16px;
        }

        .value b {
            font-size: 20px;
        }
    }

    @media screen and (max-width: 1000px) {
        .container {
            max-width: 900px;
        }

        .value p {
            font-size: 12px;
            line-height: 16px;
        }

        .value b {
            font-size: 20px;
        }

        .value2 p {
            font-size: 12px;
            line-height: 16px;
        }
    }

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
    .bg-icons3 img {width: 110px;}
    .bg-icons img {width: 140px;}
    .tabs-content li .box1 span {font-size: 14px;}
    .tabs-content li .box1 {margin:12px;}
    }



    @media screen and (max-width: 1024px) {
        .about-new-box-img {
            margin-bottom: 40px;
        }

        .bg-icons3 {
            display: none;
        }

        .bg-icons {
            display: none;
        }

        .container {
            max-width: 950px;
        }

        .value p {
            font-size: 12px;
            height: auto;
            line-height: 16px;
        }

        .value b {
            font-size: 20px;
        }

        .value2 p {
            font-size: 12px;
            height: auto;
            line-height: 16px;
        }

        .breadcrumb {
            bottom: 40px;
        }

        .radio-group > div:nth-child(1) {
            width: 100%;
        }

        .radio-group > div:nth-child(2) {
            width: 100%;
        }

        .radio-group > div:nth-child(3) {
            width: 100%;
        }

        .radio-box1 {
            width: 100% !important;
        }

        .radio-group {
            display: block;
        }
    }

    @media screen and (max-width: 992px) {
        .bg-icons3 {
            display: none;
        }

        .bg-icons {
            display: none;
        }

        .applybox {
            background: #00A8AB;
            text-align: left;
            display: block;
            padding: 20px 30px;
            width: 90%;
            margin: 20px auto 20px auto;
            border-radius: 15px;
            position: relative;
            z-index: 9;
        }

        .tabs-content li .box1 {
            width: 22%;
            background: #f7f7f7;
            text-align: center;
            padding: 20px 20px;
            border-radius: 10px;
            margin: 20px 0px;
            margin-right: 2%;
            HEIGHT: 150PX;
            FLOAT: LEFT;
        }

        .value p {
            font-size: 12px;
            line-height: 16px;
            height: auto;
        }

        .value b {
            font-size: 20px;
        }

        .value2 p {
            font-size: 12px;
            line-height: 16px;
            height: auto;
        }

        mapdata {
            position: absolute;
            right: 0px;
            top: 0%;
        }

        .valuebox-n.margin-tops {
            margin: 30px 0px 24px 15px;
        }

        .breadcrumb {
            bottom: 40px;
        }

        .radio-group {
            display: block;
        }

        .radio-box1 label {
            padding: 5px 0px;
        }

            .radio-box1 label small {
                font-size: 14px;
            }

        .radio-box label small {
            font-size: 14px;
        }

        .radio-group > div:nth-child(1) {
            width: 100%;
        }

        .radio-group > div:nth-child(2) {
            width: 100%;
        }

        .radio-group > div:nth-child(3) {
            width: 100%;
        }

        .radio-box1 {
            width: 100% !important;
        }
    }

    @media screen and (max-width: 767px) {
        .container {
            max-width: 700px;
        }
        .contact-padding{padding:40px 0px 0px;}
        .Grievances{padding-top:50px;}
        #section-one {
            display: none;
            padding: 0px 0px 30px;
        }

        .paragraph5 {
            padding-bottom: 25px;
        }

        .rt-col {
            display: block;
            padding-top: 15px;
        }

        .Breakdown_label p label:first-child {
            font-size: 16px;
            color: #006864;
            font-family: shonnya-Medium;
            width: 30%;
            text-align: center;
        }

        .Breakdown_label p label:last-child {
            font-size: 16px;
            color: #006864;
            font-family: shonnya-Medium;
            width: 55%;
            text-align: center;
        }

        .Breakdown_label {
            display: block;
            margin-bottom: 15px;
        }

        .applybox-list .tttx p {
            padding: 6px 0px 6px 15px;
        }

        .logos-blog li:last-child {
            padding-top: 15px;
        }

        .logos-blog {
            margin: 0 auto;
            width: 80%;
        }

        .mediavideo2 {
            width: 100%;
            display:block;
        }

            .mediavideo2 img {
                height: auto;
                border-radius: 10px;
                margin-top: 2px;
            }

        .valuebox-n.margin-tops {
            margin: 30px 0px 24px 15px;
        }

        .checklist {
            display: block;
            padding-top: 0px;
        }

        .bottoms-up {
            height: auto;
        }

        .chart-container {
            width: auto;
        }

        .dcp-labels ul li small {
            width: 10px;
            height: 10px;
            margin-right: 4px;
        }

        .dcp-labels ul li {
            padding-right: 0px;
            font-size: 16px;
        }

        .dcp-labels ul {
            padding-right: 0px;
        }

        .dcp-holder > strong {
            margin-top: 20px;
            display: block;
        }

        .applybox {
            padding: 17px 22px;
        }

            .applybox img {
                float: none;
            }

        .verify-text {
            margin-left: 0px;
        }

        .applybox-n .tabs {
            width: 60%;
        }

        .tabs-content li .box1 {
            display: block;
            width: 100%;
            background: #f7f7f7;
            text-align: center;
            padding: 0px 0px;
            border-radius: 50px;
            margin: 15px auto;
            height: 53px;
        }

            .tabs-content li .box1 span {
                padding: 8px 0px;
            }

        .tabs li {
            float: left;
            padding: 3px 10px;
            width: 50%;
            font-family: shonnya-regular;
        }

        .topraea {
            padding: 3px 0px;
        }

        .bg-icons2 img {
            display: none;
        }
    }