/*Theme Name: Sathi, Description:, Author: DZINEPIXEL*/
@import url('../fonts/dsdigital.css');
@import url('../popins-font/poppins.css');

*list-style {
    list-style: none;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
}

button.close {
    position: absolute;
    right: 11px !important;
    top: 11px !important;
    z-index: 1;
    background: #b0b0b0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

header {
    width: 100%;
    float: left;
    position: absolute;
    top: 0;
    background: #ffffff61;
    z-index: 10;
}

.table-striped thead {
    background: #7f2d00;
    color: #fff;
}

ul,
li {
    list-style: none;
}

.logo {
    display: inline-block;
}

    .logo img {
        width: auto;
        max-width: 458px;
    }

.top-1 {
    width: 100%;
    float: left;
    position: relative;
}

    .top-1:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: #b64c1d;
    }

.top-1 {
    width: 100%;
    float: left;
    position: relative;
    overflow-x: hidden;
}

.top-wrapper {
    border-bottom: 4px solid #d4d4d4;
    padding-bottom: 7px;
}

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

.top-1-right {
    /* display: inline-block; */
    float: right;
}

.top-wrapper {
    border-bottom: 4px solid #d4d4d4;
    padding-bottom: 0;
    width: 100%;
    float: left;
}

.page-viewcontent {
    width: 100%;
}

    .page-viewcontent ul {
        padding: 0;
        margin: 0;
    }

        .page-viewcontent ul li {
            display: inline-block;
            font-size: 11px;
            text-transform: uppercase;
            padding: 2px 6px;
            vertical-align: middle;
            margin: 5px 0;
            cursor: pointer;
        }

.navbar-expand-sm .navbar-nav .dropdown-menu li a {
    padding: 0 10px !important;
}

.page-viewcontent ul li a {
    color: #fff;
}

    .page-viewcontent ul li a:hover {
        text-decoration: none;
    }

.page-viewcontent ul li i.fa.fa-sitemap {
    font-size: 17px;
}

.page-viewcontent ul li:first-child,
.page-viewcontent ul li:nth-child(2) {
    border-right: 1px solid #fff;
}

.page-viewcontent ul li:first-child,
.page-viewcontent ul li:second-child {
    border-right: 1px solid #fff;
}

.screen-reader span {
    margin: 0;
    background: none;
    line-height: 6px;
    color: #fff;
    display: inline-block;
    padding: 2px 4px 0;
    font-size: 15px;
    cursor: pointer;
}

.page-viewcontent {
    width: 100%;
}

.page-viewcontent {
    width: 100%;
    background: #e18a35;
    color: #fff;
    position: relative;
    height: 41px;
    margin-top: -5px;
}

    .page-viewcontent:before {
        content: '';
        position: absolute;
        background: url(../images/top-curve.png) !important;
        width: 54px;
        height: 100%;
        left: -49px;
        background-repeat: no-repeat !important;
        background-size: 57px !important;
    }

    .page-viewcontent:after {
        content: '';
        position: absolute;
        width: 10000px;
        height: 100%;
        background: #e18a35;
        right: -10000px;
        top: 0;
    }

.rcreen-reader {
    font-size: 17px;
}

.language span {
    font-size: 17px;
    padding: 0 5px;
}

    .language span:first-child {
        border-right: 1px solid #fff;
        padding-right: 6px;
        display: inline-block;
        width: 45px;
    }

.page-viewcontent ul li i.fa.fa-search {
    font-size: 18px;
}

.login-btn a {
    display: inline-block;
    color: #fff !important;
    font-size: 13px;
    padding: 6px 21px;
    border-radius: 3px;
    background: #a94319;
    transition: all ease-in-out 0.5s;
}

    .login-btn a:hover {
        background: #006837;
    }

.top-contact {
    float: left;
    padding-top: 15px;
}

    .top-contact ul {
        padding: 0;
        margin: 0;
    }

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

            .top-contact ul li:first-child {
                border-right: 1px solid #dddddd;
                margin-right: 15px;
                padding-right: 15px;
            }

            .top-contact ul li h5 {
                font-size: 12px;
                color: #a2560c;
                font-weight: 400;
                margin-bottom: 0;
                margin-top: 10px;
            }

            .top-contact ul li h4 {
                line-height: unset;
                padding: 0;
                margin: -8px 0 0;
            }

                .top-contact ul li h4 a {
                    color: #6a6a6a;
                    font-size: 16px;
                    text-decoration: none;
                }

.logo-group {
    padding: 5px 0 0;
    margin: 0;
    float: left;
    padding-right: 0;
}

    .logo-group ul {
        margin: 0;
    }

        .logo-group ul li {
            display: inline-block;
            margin-left: 20px;
        }

/*================
	Nav Menu
================*/

.top-2-menu-con {
    float: left;
    width: 100%;
}

    .top-2-menu-con .navbar-light .navbar-nav .nav-link a {
        color: #2a2a2a;
        font-size: 16px;
        padding: 0 0;
    }

        .top-2-menu-con .navbar-light .navbar-nav .nav-link a:hover {
            text-decoration: none;
            color: #e18a35;
        }

    .top-2-menu-con ul.dropdown-menu.sm-menu {
        padding: 0;
        top: 100%;
        margin: 0;
    }

ul.dropdown-menu.sm-menu.dropdown-menu-2 {
    width: 330px;
    left: 100%;
    top: 0;
    max-height: 300px;
    overflow-y: scroll;
}

/* .top-2-menu-con .navbar {
    min-height: 45px;
} */
.top-2-menu-con .navbar {
    min-height: 45px;
    width: 100%;
}

.dropdown-submenu {
    position: absolute !important;
    left: 100% !important;
    top: 0 !important;
}

    .dropdown-submenu li {
        padding: 7px;
    }

/*Large Dropdown*/
.secondary-menu .dropdown-menu {
    width: 100%;
}

    .secondary-menu .dropdown-menu ul {
        padding: 0 15px;
        margin: 0;
    }

        .secondary-menu .dropdown-menu ul li {
            padding: 3px 0;
            border-bottom: 1px solid #ededed;
        }

            .secondary-menu .dropdown-menu ul li a {
                color: #000;
                font-size: 14px;
            }

            .secondary-menu .dropdown-menu ul li:last-child {
                border-bottom: none;
            }

            .secondary-menu .dropdown-menu ul li a:hover {
                text-decoration: none;
                color: #db8b3a;
            }

.secondary-menu {
    margin-top: -2px;
    display: inline-block;
}

    .secondary-menu button {
        background: none;
        border: none;
        margin: 0 10px;
        cursor: pointer;
        width: 43px;
        line-height: 9px;
    }

        .secondary-menu button span {
            width: 100%;
            display: inline-block;
            height: 5px;
            background: #9e713d;
            border-radius: 5px;
        }

        .secondary-menu button:hover span {
            background: #db8b3a;
        }

        .secondary-menu button span:nth-child(2) {
            width: 20px;
            position: relative;
            margin-left: 8px;
        }

        .secondary-menu button:focus {
            border: none;
            stroke: none;
            outline: none;
        }

/*Large Dropdown End*/

.top-search-box {
    float: right;
    width: 192px;
    margin-top: 0;
    margin-right: 15px;
    position: relative;
}

/*SearchBox Popup*/
.search-inline {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    top: 113px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #efefef;
    z-index: 10000;
    transition: all .5s ease-in-out;
    height: 200px;
    max-width: 1255px;
    left: 0;
    right: 0;
    margin: auto;
}

    .search-inline.search-visible {
        opacity: 1;
        visibility: visible;
        animation: fadeInDown 0.4s ease-in-out;
    }

    .search-inline button[type="submit"] {
        position: absolute;
        top: 0;
        border: 0px;
        top: 0;
        right: 0;
        padding: 0px;
        cursor: pointer;
        width: 44px;
        background: #209444;
        color: #fff;
        height: 60px;
    }

    .search-inline .form-control {
        border: 0px;
        font-size: 17px;
        position: absolute;
        left: 1%;
        top: 0;
        width: 99%;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        outline: none;
        background: #fff;
        height: 60px;
        padding: 0 13px;
    }

    .search-inline form {
        position: absolute;
        max-width: 446px;
        width: 100%;
        height: max-content;
        top: 70px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .search-inline .search-close {
        position: absolute;
        top: 0;
        right: 0;
        color: #616161;
        width: 50px;
        height: 50px;
        text-align: center;
        display: table;
        background: #efefef;
        text-decoration: none;
        font-size: 23px;
    }

        .search-inline .search-close i {
            display: table-cell;
            vertical-align: middle;
        }

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #efefef;
    background-clip: padding-box;
    border: 1px solid #efefef;
    border-radius: .25rem;
    transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.document-view {
    margin-top: 35px;
    background: #37a943;
    border-color: #37a943;
}

.add-btn {
    background: #588918;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 20px;
    margin: 10px 5px;
    float: right;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    border-radius: 6px;
    text-transform: uppercase;
    margin-top: 27px;
}

label sup,
label span {
    color: #db0000;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/*SearchBox Popup End*/
.top-search-box input[type="search"] {
    width: 100%;
    border: 1px solid #000;
    padding: 4px 14px;
    border-radius: 30px;
}

    .top-search-box input[type="search"]:focus {
        stroke: none;
        outline: none;
    }

.top-search-box button {
    border: none;
    background: none;
    width: max-content;
    height: max-content;
    top: 4px;
    position: absolute;
    right: 8px;
    color: #593914;
}

    .top-search-box button:focus {
        stroke: none;
        border: none;
        outline: none;
    }

/*Slider Section Start*/
.slider-wrapper {
    width: 100%;
}

    .slider-wrapper .carousel-control-next,
    .carousel-control-prev {
        color: #7b2d08;
        font-size: 28px;
        width: 50px;
    }

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

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #7b2d08;
}

/*Slider Section End*/
/*Announcement Section*/
.announcement-section {
    width: 100%;
    float: left;
    margin: 0;
    background: #7f2d00;
    color: #fff;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

    .announcement-section h4:before {
        content: '';
        position: absolute;
        top: 0;
        left: -10000px;
        background: #511d00;
        height: 100%;
        width: 10000px;
    }

    .announcement-section h4:after {
        content: '';
        height: 100%;
        width: 50px;
        position: absolute;
        right: -50px;
        background: url(../images/announcement-arrow.png);
        background-repeat: no-repeat;
    }

    .announcement-section h4 {
        font-size: 18px;
        font-weight: 400;
        display: inline-block;
        margin: 0;
        background: #511d00;
    }

    .announcement-section h4 {
        font-size: 18px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        z-index: 1;
        height: 43px;
        line-height: 41px;
        padding-right: 15px;
        background-image: url(../images/an-nouncement-icon.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 37px;
    }

        .announcement-section h4 span {
            position: relative;
        }

.announcement-wrapper marquee {
    position: absolute;
    display: inline-block;
    left: 0;
    font-size: 14px;
    margin-left: 154px;
    padding: 11px 0;
}

    .announcement-wrapper marquee span {
        border-right: 1px solid #fff;
        padding-right: 10px;
        margin-right: 10px;
        line-height: unset;
    }

        .announcement-wrapper marquee span:last-child {
            border: none;
        }

/*Announcement Section End*/
/*Our services Section*/
.our-services-section {
    width: 100%;
    float: left;
    position: relative;
    padding: 60px 0 0;
    background: #3d934a;
    color: #fff;
    padding-bottom: 0;
    text-align: center;
}

    .our-services-section:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../images/services-buttom-bg.png);
        background-size: 90%;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

.our-services-con-wraper {
    width: auto;
    display: inline-block;
}

.our-services-box {
    text-align: center;
    background: linear-gradient(180deg, white, #f3dbad);
    border-radius: 10px;
    box-shadow: 0 3px 7px #00000040;
    padding: 15px 15px 0;
    margin-bottom: 30px;
    height: 290px;
    position: relative;
}

.our-services-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    height: max-content;
    bottom: 0;
    padding: 0 15px;
}

.our-services-box .content {
    overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

.our-services-box:hover .content {
    height: max-content;
}

.our-services-box .icon img {
    height: 80px;
    max-width: 100%;
}

.our-services-box h4 {
    font-size: 16px;
    color: #279137;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 15px;
    height: 33px;
    overflow: hidden;
}

.our-services-box h4 {
    font-size: 16px;
    color: #279137;
    margin-top: 20px;
    margin-bottom: 9px;
    line-height: 21px;
    height: 41px;
}

.our-services-box p {
    font-size: 13px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 10px;
    line-height: 18px;
    max-height: 70px;
    overflow: hidden;
}

.our-services-box a.r-more {
    background: repeating-linear-gradient(89deg, #348c59, #1b7397);
    color: #fff;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 29px;
    border-radius: 18px;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    margin: auto;
    width: 200px;
    left: 0;
    right: 0;
}

    .our-services-box a.r-more:hover {
        text-decoration: none;
        background: repeating-linear-gradient(89deg, #1b7397, #348c59);
    }

.more-services-btn {
    color: #cdcdcd;
    text-transform: uppercase;
    background: none;
    border: none;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
}

    .more-services-btn:hover {
        text-decoration: none;
        color: #cdcdcd;
    }

.summary {
    font-size: 14px;
    line-height: 1.5;
}

    .summary p.collapse:not(.show) {
        height: 42px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .summary p.collapsing {
        min-height: 42px !important;
    }

    .summary a[aria-controls="collapseSummary"].collapsed:after {
        content: '+ More SERVICES';
    }

    .summary a[aria-controls="collapseSummary"]:not(.collapsed):after {
        content: '- Less  SERVICES';
    }

/*Apply Modal*/
.appl-ymodal.modal {
    background: #0000004d;
}

    .appl-ymodal.modal input[placeholder="Search for your city"] {
        width: 100%;
        padding: 10px;
        background: url(../images/search.png);
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 15px;
        border: 1px solid #ecfbef;
        padding-left: 35px;
    }

        .appl-ymodal.modal input[placeholder="Search for your city"]:focus {
            border: 1px solid #e0f9e5;
            outline: none;
            stroke: none;
        }

.modal-logo-wraper {
    text-align: center;
    padding: 23px 0 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

    .modal-logo-wraper h4 {
        margin-bottom: 30px;
        position: relative;
        padding-bottom: 10px;
        font-size: 20px;
    }

        .modal-logo-wraper h4:before {
            content: '';
            position: absolute;
            width: 50px;
            height: 2px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            background: #449549;
        }

.modal-logo {
    display: inline-block;
    width: 200px;
    margin: 0 5px;
    border: 1px solid #ccc;
    max-width: 100%;
    padding: 8px;
}

    .modal-logo h5 {
        font-size: 14px;
        border-top: 1px solid #ccc;
        padding-top: 6px;
        margin-top: 10px;
        color: #19541d;
        height: 40px;
        overflow: hidden;
    }

    .modal-logo a {
        display: inline-block;
    }

    .modal-logo img {
        height: 70px;
        width: auto;
        max-width: unset;
    }

.Popular-Cities {
    text-align: center;
    padding: 30px 0 0;
}

    .Popular-Cities ul {
        padding: 0;
        margin: 0;
    }

        .Popular-Cities ul li {
            display: inline-block;
            padding: 0 10px;
        }

            .Popular-Cities ul li .state-logo {
                width: 100%;
                padding: 10px;
                text-align: center;
            }

    .Popular-Cities .owl-carousel .owl-nav button.owl-next,
    .Popular-Cities .owl-carousel .owl-nav button.owl-prev {
        background: none;
        color: #b54d19cc;
        padding: 0 !important;
        display: inline-block;
        margin: auto 0;
        border-radius: 3px;
        position: absolute;
        top: 70px;
        /* bottom: 0; */
        height: max-content;
        font-size: 52px;
    }

.map-left path.nodata {
    fill: #dbdbdb !important;
    pointer-events: none;
}

.state-logo.no-data-available {
    opacity: 0.2;
    pointer-events: none;
}

.modal-body.sear-for-city {
    padding-left: 30px;
    padding-right: 40px;
}

.Popular-Cities .owl-carousel .owl-carousel.owl-drag .owl-item {
    margin-right: 5 !important;
    margin-left: 5 !important;
}

.Popular-Cities .owl-carousel .owl-nav button.owl-prev {
    left: -14px;
}

.Popular-Cities .owl-carousel .owl-nav button.owl-next {
    right: -27px;
}



.Popular-Cities .owl-carousel .owl-item img,
.Popular-Cities ul li .state-logo img {
    display: inline-block;
    height: 54px;
    width: auto;
    margin-bottom: 5px;
    max-width: 100%;
}

.Popular-Cities ul li h5 {
    line-height: 11px;
    height: 26px;
    overflow: hidden;
}

    .Popular-Cities ul li h5 a {
        font-size: 12px;
        color: #000;
    }

        .Popular-Cities ul li h5 a:hover {
            text-decoration: none;
        }

.Popular-Cities ul li figure {
    margin: 0;
}

.view-all-cities .summary a[aria-controls="collapseSummary"].collapsed:after {
    content: '+ SEED DIVISION | ICAR | BSPCs | PD-PC';
    color: #000000;
    font-size: 23px;
    font-weight: 500;
}

.view-all-cities .summary a[aria-controls="collapseSummary"]:not(.collapsed):after {
    content: '- SEED DIVISION | ICAR | BSPCs | PD-PC';
    color: #000000;
    font-size: 23px;
    font-weight: 500;
}

.view-all-cities .summary a[aria-controls="collapseSummary"]:hover {
    text-decoration: none;
}

.view-all-cities ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    text-align: left;
}

    .view-all-cities ul li {
        display: inline-block;
        width: 24%;
        min-width: 185px;
        padding: 10px 0;
        position: relative;
    }

        /* .view-all-cities ul li:before {
			content: '';
			top: 20px;
			left: 0;
			width: 5px;
			height: 2px;
			background: #000;
			position: absolute;
		} */
        .view-all-cities ul li a {
            color: #000;
            padding-left: 10px;
            padding-right: 10px;
        }

            .view-all-cities ul li a:hover {
                text-decoration: none;
            }

/*Apply Modal End*/
/* SIBLING FADE: fade out siblings around a hovered item */
.sibling-fade {
    visibility: hidden;
}

    /* Prevents :hover from triggering in the gaps between items */
    .sibling-fade > .col {
        visibility: visible;
    }

    /* Brings the child items back in, even though the parent is `hidden` */
    .sibling-fade > .col {
        transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms;
    }

    /* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */
    .sibling-fade:hover > .col {
        opacity: 0.4;
        transform: scale(0.9);
    }

    /* Fade out all items when the parent is hovered */
    .sibling-fade > .col:hover {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0ms, 0ms;
    }

    /* Fade in the currently hovered item */
    /* Presentational Styles */
    .sibling-fade > .col {
        text-align: center;
        text-decoration: none;
        max-width: 254px;
    }

/*Our services Section End*/
/*Map Section*/
.map-section {
    width: 100%;
    float: left;
    background: #ebebeb;
    padding-bottom: 0;
    background-position: top left;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.map-section-wrapper {
    width: 100%;
    float: left;
    padding: 0 0 30px;
}

/**/
/*================
SVG Map  Start
================*/
.map-left {
    padding: 70px 0px 0px 0px;
    text-align: center;
    position: relative;
}

div#map-con1 {
    display: inline-block;
    position: relative;
}

    div#map-con1 div {
        position: absolute;
        top: 48px;
        right: 39px;
        background: #7f2d00;
        color: #fff;
        padding: 10px 20px;
        text-transform: uppercase;
        border-radius: 10px;
    }

.map-left h6 {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 80px;
    bottom: 69px;
    color: #188200;
}

.map-left svg {
    max-width: 100%;
    position: relative !important;
}

    .map-left path div,
    .map-left circle div,
    .map-left svg div {
        position: absolute !important;
    }

.map-left.carousel-indicators {
    position: relative;
}

.map-left path:focus {
    fill: #000 !important;
}

.map-left path,
.map-left circle {
    cursor: pointer !important;
    position: relative !important;
}

    circle#IN-DOT:hover,
    .map-left path:hover,
    .map-left circle:hover,
    .map-left path:focus,
    .map-left circle:focus,
    .map-left path:visited,
    .map-left path:target,
    .map-left path.active,
    .map-left path.map-selected.current {
        fill: #3d934a !important;
    }

.socialconnect {
    overflow: hidden;
}

/*================================
About us Page MKM10292022=============*/
.list_2 {
    padding: 0;
    margin: 0;
}

    .list_2 li {
        font-size: 14px;
        position: relative;
        margin-bottom: 10px;
        padding: 2px 0;
        padding-left: 23px;
    }

        .list_2 li:before {
            content: '';
            position: absolute;
            width: 16px;
            height: 25px;
            background: url(../images/list-bullet.png);
            background-repeat: no-repeat;
            left: 0;
            top: 4px;
            background-size: 12px;
        }

.about-us-sec {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.about-us-sec-2 {
    width: 100%;
    float: left;
    padding: 30px 0;
    background: #efefef url(../images/salient.png) right bottom no-repeat;
}

.about-us-sec-3 {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.modules-tab .nav-tabs .nav-link {
    background: #568719;
    color: #fff;
    position: relative;
    padding-left: 43px;
}

    .modules-tab .nav-tabs .nav-link:hover {
        border: 1px solid #568719;
    }

.modules-tab .nav-tabs li.nav-item .nav-link:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../images/Seed-management-wh.png) no-repeat;
    top: 5px;
    left: 7px;
    background-size: 100% !important;
}

.modules-tab .tab-content {
    border: 1px solid #568719;
    border-top: 1px solid #fff0;
    margin-bottom: 20px;
    border-radius: 0 0 5px 5px;
}

.modules-tab .nav-tabs .nav-item {
    margin-bottom: -1px;
    min-width: 25%;
    padding: 0 3px;
}

    .modules-tab .nav-tabs .nav-item:last-child {
        padding-right: 0;
    }

    .modules-tab .nav-tabs .nav-item:first-child {
        padding-left: 0;
    }

.modules-tab .nav-tabs li.nav-item:nth-child(2) .nav-link:before {
    background: url(../images/Certification-wh.png) no-repeat;
}

.modules-tab .nav-tabs li.nav-item:nth-child(3) .nav-link:before {
    background: url(../images/Dealer-wh.png) no-repeat;
}

.modules-tab .nav-tabs li.nav-item:nth-child(4) .nav-link:before {
    background: url(../images/Seed-Inventory-wh.png) no-repeat;
}

.modules-tab .nav-tabs li.nav-item .nav-link.active:before {
    background: url(../images/Seed-management.png) no-repeat;
}

.modules-tab .nav-tabs li.nav-item:nth-child(2) .nav-link.active:before {
    background: url(../images/Certification.png) no-repeat;
}

.modules-tab .nav-tabs li.nav-item:nth-child(3) .nav-link.active:before {
    background: url(../images/Dealer.png) no-repeat;
}

.modules-tab .nav-tabs li.nav-item:nth-child(4) .nav-link.active:before {
    background: url(../images/Seed-Inventory.png) no-repeat;
}

.modules-tab .nav-tabs .nav-link.active {
    background: #fff;
    color: #000;
    border: 1px solid #568719;
    border-bottom-color: #fff0;
}

.modules-tab .nav-tabs .nav-link:focus,
.modules-tab .nav-tabs .nav-link:hover {
    border: 1px solid #568719 !important;
    border-bottom-color: #fff0 !important;
}

.heading-4 {
    color: #568719;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

    .heading-4:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 3px;
        background: #568719;
    }

/*================================
About us Page MKM10292022 End=============*/
@media (max-width: 767px) {
    .socialconnect {
        padding: 40px 0;
    }
}

.socialconnect h2 {
    font-size: 46px;
    line-height: 56px;
}

    .socialconnect h2 span {
        color: #ff6c0f;
        display: block;
    }

.socialconnect .featurelist {
    padding: 20px 0 30px;
}

    .socialconnect .featurelist > li {
        color: #3f525f;
        line-height: 36px;
        font-size: 18px;
    }

@media (max-width: 767px) {
    .socialconnect .featurelist > li {
        font-size: 16px;
        line-height: 26px;
    }
}

.socialconnect .featurelist > li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 10px;
}

.socialconnect h4 {
    color: #ff6c0f;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.socialconnect list-inline li {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.map-section {
    /* background: ; */
    background-size: contain;
    height: 100%;
}

    .map-section .slider-bullets {
        position: relative;
        min-height: 500px;
    }

@media (max-width: 767px) {
    .map-section .slider-bullets {
        min-height: auto;
    }
}

.map-section .slider-bullets li {
    position: absolute;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.41s ease-in-out;
    -moz-transition: all 0.41s ease-in-out;
    -ms-transition: all 0.41s ease-in-out;
    -o-transition: all 0.41s ease-in-out;
    transition: all 0.41s ease-in-out;
}

    .map-section .slider-bullets li img {
        max-width: 90px;
    }

@media (max-width: 992px) {
    .map-section .slider-bullets li img {
        max-width: 60px;
    }
}

@media (max-width: 767px) {
    .map-section .slider-bullets li img {
        max-width: 40px;
    }
}

@media (max-width: 767px) {
    .map-section .slider-bullets li {
        position: static;
        display: inline-block;
        margin: 0 2px;
    }
}

.map-section .slider-bullets li.active {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-box-shadow: 0px 2px 6px 0px #777;
    -webkit-box-shadow: 0px 2px 6px 0px #777;
    box-shadow: 0px 2px 6px 0px #777;
}

.map-section .slider-bullets li:nth-child(1) {
    top: 0%;
    left: 10%;
}

@media (max-width: 992px) {
    .map-section .slider-bullets li:nth-child(1) {
        top: 8%;
    }
}

.map-section .slider-bullets li:nth-child(2) {
    top: 0;
    right: 33%;
}

.map-section .slider-bullets li:nth-child(3) {
    top: 34%;
    left: 22%;
}

@media (max-width: 992px) {
    .map-section .slider-bullets li:nth-child(3) {
        top: 20%;
    }
}

.map-section .slider-bullets li:nth-child(4) {
    bottom: 30%;
    right: 30%;
}

@media (max-width: 992px) {
    .map-section .slider-bullets li:nth-child(4) {
        bottom: 55%;
    }
}

.map-section .slider-bullets li:nth-child(5) {
    top: 25%;
    right: 12%;
}

@media (max-width: 992px) {
    .map-section .slider-bullets li:nth-child(5) {
        top: 15%;
    }
}


/*SVG Map End*/
.statistics-sec {
    margin-bottom: 35px;
    text-align: center;
}

.statistics-con {
    width: 582px;
    display: inline-block;
    max-width: 100%;
}

.map-right .statistics-sec h3 {
    color: #3d934a;
    font-size: 24px;
    line-height: 37px;
    padding-bottom: 18px;
    border-bottom: 1px solid #9a9a9a;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    height: unset;
    max-height: unset;
}

    .map-right .statistics-sec h3 a {
        background: repeating-linear-gradient(89deg, #348c59, #1b7397);
        color: #fff;
        display: inline-block;
        font-size: 13px;
        line-height: 32px;
        border-radius: 5px;
        text-align: center;
        padding: 0 18px;
        position: relative;
        float: right;
        margin: 0 5px;
    }

        .map-right .statistics-sec h3 a:hover {
            text-decoration: none;
            background: repeating-linear-gradient(89deg, #e18a35, #cb7520);
        }

.map-right .counter {
    text-align: center;
    border-right: 1px solid #d1d1d1;
    display: inline-block;
    width: 140px;
}

.statistics-con .col-6.col-sm-3:last-child .counter {
    border-right: none;
}

.statistics-con .col-6.col-sm-3 {
    padding: 0 !important;
}

.map-right .counter h2.timer.count-title.count-number {
    font-family: 'DS-Digital';
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 29px;
}

.map-right .counter p.count-text {
    font-size: 18px;
    color: #7f2d00;
    margin-bottom: 0;
    font-weight: 500;
}

.map-section:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/map-section-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.6;
}

.map-top-bg {
    width: 100%;
    position: relative;
}

    .map-top-bg img {
        width: 100%;
    }

.map-box2 {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    max-width: 165px;
}

    .map-box2 .icon {
        display: inline-block;
        background: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #3d934a;
        vertical-align: middle;
        top: 0;
        bottom: 0;
        margin: auto;
        overflow: hidden;
        left: 0;
    }

        .map-box2 .icon img {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0;
            right: 0;
        }

    .map-box2 .content {
        /* display: inline-block; */
        width: 136px;
        background: #fff;
        border: 1px solid #3d934a;
        float: right;
        border-radius: 10px;
        text-align: center;
        padding: 10px;
        padding-left: 22px;
        background: linear-gradient(#fff, #fff4e0);
    }

        .map-box2 .content h3 {
            font-size: 20px;
            color: #828282;
            margin-bottom: 2px;
        }

        .map-box2 .content p {
            margin-bottom: 0;
            line-height: 16px;
        }

.map-box3 {
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    height: 280px;
    margin-bottom: 30px;
}

    .map-box3 h4 {
        font-size: 14px;
        color: #616161;
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #b9b9b9;
    }

    .map-box3 a.carousel-control-prev,
    .map-box3 a.carousel-control-next {
        color: #000 !important;
        height: max-content;
        top: 12px;
        font-size: 14px;
    }

    .map-box3 table {
        width: 100%;
    }

        .map-box3 table td {
            padding: 4px 0;
            font-size: 13px;
        }

.map-box3-content {
    padding: 0 15px;
}

.map-box3 h3 {
    background: #7f2d00;
    color: #fff;
    font-size: 14px;
    padding: 10px 9px;
    border-radius: 10px;
    margin: 0;
    font-weight: normal;
    text-align: center;
}

.map-box3 .owl-nav {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
    width: 152px;
}

    .map-box3 .owl-nav button.owl-next {
        right: 0;
        position: absolute;
    }

.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:focus {
    outline: none;
    stroke: none;
}

/*Map Section End*/
.modal-backdrop {
    background: none;
}

/*Map Section-2*/
.map-section-2 {
    width: 100%;
    float: left;
    background: #ebebeb;
    position: relative;
}

    .map-section-2 .modal-body.text-center {
        text-align: center !important;
        box-shadow: 0 0 12px #0000008a;
        border: none;
    }

.modal.xs {
    position: absolute;
    top: 0;
    bottom: unset;
}

.map-section-2 .tab-content {
    position: relative;
}

    .map-section-2 .tab-content .map-menu {
        display: inline-block;
        width: 350px;
        background: #fff;
        height: auto;
        position: absolute;
        right: 0;
        padding: 15px;
        text-align: left;
        min-height: 100%;
        top: 0;
    }

        .map-section-2 .tab-content .map-menu h4 {
            font-size: 18px;
            color: #5c2c11;
        }

        .map-section-2 .tab-content .map-menu ul {
            padding: 0;
            margin: 0;
        }

            .map-section-2 .tab-content .map-menu ul li {
                position: relative;
                margin-bottom: 15px;
                border-bottom: 1px solid #d8d8d8;
                padding-bottom: 7px;
                padding-left: 16px;
            }

                .map-section-2 .tab-content .map-menu ul li span {
                    cursor: pointer;
                }

/*=====================
Custom Modal
=========================*/
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

/* Left & Right */

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    max-width: 100%;
    height: 100%;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
    padding: 15px 15px 80px;
}

.modal.modal-left.fade .modal-dialog {
    left: -500px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.modal-left.fade.show .modal-dialog {
    left: 0;
}

.modal.modal-right.fade .modal-dialog {
    right: -500px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.show .modal-dialog {
    right: 0;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content,
.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content,
.modal.modal-full .modal-content {
    border-radius: 0;
    border: none;
}

.modal.modal-left .modal-dialog.modal-sm,
.modal.modal-right .modal-dialog.modal-sm {
    width: 300px;
}

.modal.modal-left .modal-dialog.modal-lg,
.modal.modal-right .modal-dialog.modal-lg {
    width: 800px;
}

.modal.modal-left .modal-dialog.modal-xl,
.modal.modal-right .modal-dialog.modal-xl {
    width: 1140px;
}

/* Top and Bottom */

.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content {
    height: auto;
    overflow-y: auto;
}

.modal.modal-top .modal-body,
.modal.modal-bottom .modal-body {
    padding: 15px 15px;
}

/* Top */

.modal.modal-top.fade .modal-dialog {
    top: -100%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.modal-top.fade.show .modal-dialog {
    top: 0;
}

/* Bottom */

.modal.modal-bottom.fade .modal-dialog {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.modal-bottom.fade.show .modal-dialog {
    bottom: 0;
}

.modal.modal-bottom.fade .modal-dialog {
    bottom: -100%;
}

/* Full Screen */
button.close {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
}

.modal.modal-full .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.modal.modal-full .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.modal-full .close-modal {
    position: fixed;
    top: 0;
    right: 3rem;
}

/* Footer */

.modal-footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-radius: 0;
}

/* XS */

.modal.modal-left.xs .modal-body,
.modal.modal-right.xs .modal-body {
    padding: 15px;
}

/* Full screen modal menu indicators */

a.has-sub:after {
    font-family: "FontAwesome";
}

a.has-sub:after {
    content: "\f107";
    margin-left: 1rem;
}

a.has-sub[aria-expanded="true"]:after {
    content: "\f106";
}

/*====================
Custom Modal End
===============*/
.map-section-2 .tab-content .map-menu ul li input[type=checkbox],
.map-section-2 .tab-content .map-menu ul li input[type=radio] {
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    color: #ca902c;
    position: absolute;
    top: 5px;
    left: 0;
}

.map-section-tab {
    width: 100%;
    float: left;
    text-align: center;
    overflow-x: hidden;
}

    .map-section-tab .tab-content .map iframe {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .map-section-tab a.nav-link {
        font-size: 13px;
        color: #5c2c11;
        border: none;
        line-height: 34px;
        position: relative;
    }

    .map-section-tab .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border: none;
    }

    .map-section-tab .tab-pane {
        border-top: 5px solid #c59130;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
    }

    .map-section-tab .nav-tabs .nav-item.show .nav-link,
    .map-section-tab .nav-tabs .nav-link.active {
        background: none;
        border: none;
        color: #5c2c11;
    }

        .map-section-tab .nav-tabs .nav-link.active:before {
            content: '';
            position: absolute;
            width: 35px;
            height: 21px;
            background: url(../images/tab-pane-arrow.png);
            background-repeat: no-repeat;
            bottom: -24px;
            left: 0;
            background-size: 100%;
            z-index: 10;
            right: 0;
            margin: auto;
        }

    .map-section-tab ul.nav.nav-tabs {
        display: inline-flex;
        border-bottom: none;
        border-top: 1px solid #919191;
    }

    .map-section-tab .map-content {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        min-height: 100%;
        max-width: 350px;
    }

/*Map Section-2 End*/
/*Events notice section*/

.events-notice-section {
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #ead09d;
}

.heading-2 {
    position: relative;
    font-size: 28px;
    padding-bottom: 9px !important;
}

    .heading-2:before {
        content: '';
        position: absolute;
        width: 50px;
        height: 3px;
        background: #2a8242;
        left: 0;
        bottom: 0;
    }

.event-box {
    width: 100%;
    background: #fff;
    margin: 0;
}

.content h4 {
    line-height: 12px;
    height: 60px;
    overflow: hidden;
}

    .content h4 a {
        color: #6a6a6a;
        font-size: 13px;
        text-decoration: none;
        padding: 10px 15px 0;
        display: inline-block;
        line-height: 15px;
    }

.event-box figure {
    margin: 0;
    height: 213px;
    display: flex;
    width: 100%;
}

    .event-box figure a {
        display: inline-block;
        width: 100%;
    }

    .event-box figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.event-box .content {
    padding: 10px;
}

.content h4 a:hover {
    text-decoration: none;
}

.notice-circular {
    background: #fff;
    box-shadow: 0 0 7px #0000001f;
    padding: 15px;
    margin-top: 0;
}

h2.heading-2.p-15 {
    padding: 0 15px;
}

    h2.heading-2.p-15:before {
        left: 15px;
    }

/*Notice-circular Tab*/
.events-notice-section-right .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 33.3333%;
    padding: 0 2px;
}

    .events-notice-section-right .nav-tabs .nav-item:first-child {
        padding-left: 0;
    }

    .events-notice-section-right .nav-tabs .nav-item:last-child {
        padding-right: 0;
    }

.events-notice-section-right .nav-link {
    background: #c9a96a;
    color: #000;
    text-align: center;
    font-size: 18px;
    border: none !important;
    padding: 16px 0;
    position: relative;
}

.events-notice-section-right .nav-tabs .nav-item.show .nav-link,
.events-notice-section-right .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #2a8242;
    color: #fff;
    position: relative;
}

.events-notice-section-right .nav-link.active:before {
    content: '';
    background: url(../images/notice-sright.png);
    width: 30px;
    height: 100%;
    right: -28px;
    position: absolute;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    left: unset;
}

.events-notice-section-right .nav-tabs .nav-item:last-child .nav-link.active:before {
    right: unset;
    left: -28px;
    transform: scaleX(-1);
}

/*Notice-circular Tab End*/
.notice-circular ul {
    padding: 0;
    margin: 0;
    height: 263px;
    margin-bottom: 42px;
    overflow-y: scroll;
}

    .notice-circular ul li {
        font-size: 14px;
        position: relative;
        margin-bottom: 21px;
        padding: 2px 0;
        padding-left: 23px;
    }

        .notice-circular ul li:before {
            content: '';
            position: absolute;
            width: 16px;
            height: 25px;
            background: url(../images/list-bullet.png);
            background-repeat: no-repeat;
            left: 0;
            top: 0;
        }

.notice-circular a.r-more {
    display: inline-block;
    background: #2a8242 !important;
    color: #fff;
    padding: 5px;
    text-align: center;
    width: 100%;
    font-size: 13px;
    border-radius: 10px;
}

    .notice-circular a.r-more:hover {
        text-decoration: none;
    }

.faq-section {
    width: 100%;
    float: left;
    padding: 60px 0 30px;
    background: linear-gradient(180deg, #fff, #ecfbfc);
}

    .faq-section li.nav-item {
        padding: 4px 15px;
        border-right: 1px solid #cecece;
    }

    .faq-section .faq-left li.nav-item:last-child {
        border-right: none;
    }

    .faq-section .faq-left .card {
        border: none;
        margin-top: 10px;
        background: none;
    }

    .faq-section .tab-pane {
        height: 316px;
        overflow-y: scroll;
        padding-right: 15px;
    }

    .faq-section .card-header {
        border-bottom: none;
        padding: 0;
    }

    .faq-section button.btn.btn-link.btn-block.text-left {
        box-shadow: 0 0 20px 8px #eff2f3;
        background: #fff;
        font-size: 14px;
        color: #000;
        padding: 12px;
        margin-bottom: 0;
        text-decoration: none;
        border-radius: 7px;
    }

    .faq-section .faq-left .nav-tabs .nav-item.show .nav-link,
    .faq-section .faq-left .nav-tabs .nav-link.active:before {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        background: #ba9855;
        bottom: 2px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .faq-section .nav-tabs .nav-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        font-size: 13px;
        color: #6b6b6b;
        position: relative;
        padding-right: 0;
        padding-left: 0;
    }

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

.social-media-box {
    background: #af9666;
    padding: 10px;
}

    .social-media-box .twitter-box {
        width: 100%;
        height: 389px;
        overflow-y: scroll;
    }

/* Designing for scroll-bar */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar {
    background: #bcbcbc;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2a8242;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb {
    background: #2a8242;
}

.social-media-box img {
    width: 100%;
}

.about-sathi-section {
    width: 100%;
    float: left;
    position: relative;
    background: #6e441c;
    color: #fff;
    padding-bottom: 60px;
}

/*Events notice section End*/
/*About Sathi Section*/
.about-sathi-section-top-bg {
    width: 100%;
    float: left;
    background: #6e441c;
}

.about-sathi-wrapper {
    width: 100%;
    float: left;
    margin-top: -66px;
}

.about-sathi-section-top-bg img {
    width: 100%;
}

.about-sathi-left {
    position: relative;
    padding: 60px;
}

    .about-sathi-left:before {
        content: '';
        position: absolute;
        border: 10px solid #fff;
        width: 100%;
        height: 100%;
        max-width: 60%;
        left: 0;
        top: 0;
    }

    .about-sathi-left .content {
        background: #6b441e;
        position: relative;
        padding: 20px 0;
    }

        .about-sathi-left .content h3 {
            font-size: 24px;
            margin-bottom: 30px;
        }

.r-more2 {
    display: inline-block;
    background: #d79c0e;
    color: #fff;
    padding: 5px 18px;
    border-radius: 20px;
    border: 1px solid #d79c0e;
}

    .r-more2:hover {
        background: none;
        text-decoration: none;
        color: #fff;
    }

/*About Sathi Section End*/
/*Photo Gallery*/
.photo-gallery-home {
    width: 100%;
    float: left;
}

    .photo-gallery-home .thumb {
        overflow: hidden;
        display: inline-block;
        width: 100%;
        border-radius: 10px;
        height: 95px;
    }

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(fancybox_sprite.png);
}

.fancybox-nav span {
    visibility: visible;
}

.photo-gallery-home a.fancybox {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.photo-gallery-home h3 {
    font-size: 23px;
    color: #f6ce7c;
}

#demo {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.fancybox-lock .fancybox-overlay {
    background: #00000040;
}

.green {
    background-color: #6fb936;
}

.thumb {
    margin-bottom: 30px;
}

.page-top {
    margin-top: 85px;
}


img.zoom {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    transition: all .3s ease-in-out;
    -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;
}

footer {
    background: #ececec;
    width: 100%;
    float: left;
    padding-top: 45px;
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

    footer:before {
        content: '';
    }

ul.footer-logos {
    padding: 0 0 30px;
    margin: 0;
}

    ul.footer-logos li {
        display: inline-block;
        padding: 0 10px;
        max-width: 170px;
    }

footer ul {
    padding: 0;
    margin: 0;
}

.footer-2 {
    max-width: 1080px;
    display: inline-block;
}

.footer-3 {
    width: 100%;
    float: left;
    padding-bottom: 60px;
    padding-top: 10px;
}

    .footer-3 ul li {
        display: inline-block;
        padding: 0 10px;
        color: #454545;
        font-size: 15px;
    }

        .footer-3 ul li a {
            color: #454545;
        }

            .footer-3 ul li a:hover {
                text-decoration: none;
                color: #e18a35;
            }

/*Photo Gallery*/
.events-notice-section .owl-carousel .owl-nav button.owl-next,
.events-notice-section .owl-carousel .owl-nav button.owl-prev,
.events-notice-section .owl-carousel button.owl-dot {
    position: absolute;
    height: max-content;
    width: max-content;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 46px;
    color: #fff;
    text-shadow: 0px 0px 7px #000;
    left: 15px;
}

.events-notice-section .owl-carousel .owl-nav button.owl-next {
    left: unset;
    right: 0;
}

/**/
.inner-page-banner {
    width: 100%;
    float: left;
    background: url(../images/inner-banner.jpg);
    padding: 20px 0;
    color: #fff;
    text-align: center;
    margin-top: 224px;
    background-size: cover;
}

    .inner-page-banner.trace-page {
        margin: 0;
        background: #568719;
    }

        .inner-page-banner.trace-page p {
            margin: 0 auto;
            max-width: 800px;
        }

.trace-page-wrapper {
    width: 100%;
    float: left;
    margin-top: 165px;
    border-top: 1px solid #e5e5e5;
    padding: 60px 0;
}

.trace-drawio {
    padding: 0;
    display: inline-block;
    width: 100%;
}

.trace-left {
    background: #ffffff;
    padding: 15px;
    display: inline-flex;
    text-align: justify;
    box-shadow: -5px -5px 2px 0px #00000012;
    /* border-radius: 0px 35px 0 35px; */
    position: relative;
    width: 100%;
    /* height: 100%; */
    left: 0;
    top: 0;
    background: linear-gradient(181deg, white, #e9fbcf);
    margin-bottom: 30px;
}

    .trace-left .shadow-box {
        border-radius: 0;
    }

    .trace-left h3 {
        color: #589113;
        font-size: 22px;
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 15px;
        padding-bottom: 5px;
    }

/*Trace Page Verson-2*/
.about-trace {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    text-align: center;
}

    .about-trace .container {
        max-width: 1000px;
    }

.trace-page-wrapper-2 {
    width: 100%;
    float: left;
    margin-top: 0;
    padding: 0 0 60px;
    position: relative;
}

.trace-box-1 {
    width: 1000px;
    padding: 0;
    margin: 0;
    position: relative;
    max-width: 100%;
    display: inline-block;
}

.step-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 90px;
    left: 0;
    top: 0;
    border: 1px solid #146936;
    border-radius: 90px;
}

.step-1:after {
    content: '';
    width: 144px;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0px;
}

.step-2:after {
    content: '';
    width: 226px;
    height: 100%;
    position: absolute;
    background: #fff;
    right: 0;
    top: 1px;
}

.step-1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 90px;
    left: 0;
    bottom: -1px;
    border: 1px solid #146936;
    border-radius: 90px;
    /* border-bottom: none; */
}

.trace-modal {
    background: #004e1f8a;
}

.step-2-wrapper {
    width: 680px;
    display: inline-block;
    max-width: 100%;
}

.trace-box-1-card {
    max-width: 170px;
    display: inline-block;
    margin: 30px 0;
    position: relative;
    z-index: 10;
}

    .trace-box-1-card .icon {
        width: 110px;
        height: 110px;
        display: inline-block;
        position: relative;
        background: linear-gradient(45deg, #ebebeb, #ffffff);
        border-radius: 50%;
        box-shadow: 0 0 12px #00000069;
        z-index: 1;
        cursor: pointer;
    }

        .trace-box-1-card .icon:before {
            content: '';
            width: 2px;
            height: 20px;
            background: #1f6a35;
            position: absolute;
            top: -20px;
        }

        .trace-box-1-card .icon:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background: #fff;
            border: 2px solid #1f6a35;
            left: 3%;
            right: 0;
            margin: auto;
            border-radius: 50%;
            top: -30px;
        }

        .trace-box-1-card .icon .hover-box {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            top: 0;
            left: 0;
        }


            .trace-box-1-card .icon .hover-box:before {
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                opacity: 0;
                -moz-transform: scale(1.2);
                -ms-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
            }

            .trace-box-1-card .icon .hover-box:before {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                content: '';
                pointer-events: none;
                border: 2px solid #518707;
                border-radius: 50%;
                margin: -2px;
            }

            .trace-box-1-card .icon .hover-box:hover {
                border-color: transparent;
            }

    .trace-box-1-card:hover .icon .hover-box:before {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.trace-page-wrapper-2 .icon img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 60px;
    transition: all ease-in-out 0.8s;
}

.trace-box-1-card .content {
    height: 38px;
    overflow: hidden;
    margin-bottom: 35px;
}

    .trace-box-1-card .content p {
        margin: 0;
        font-weight: 500;
        font-size: 17px;
        color: #447405;
        line-height: 18px;
    }

.trace-box-1-card .number {
    font-weight: bold;
    font-size: 20px;
    color: #146936;
}

.trace-box-1.step-2 .trace-box-1-card .content {
    margin-bottom: 0;
    height: auto;
}

.trace-box-1.step-2 .trace-box-1-card .number {
    margin-top: 35px;
}

.trace-box-1.step-2 .trace-box-1-card .icon:before {
    top: unset;
    bottom: -20px;
}

.trace-box-1.step-2 .trace-box-1-card .icon:after {
    top: unset;
    bottom: -30px;
}

/*Trace Page Verson-2*/

ul.list-1 {
    padding: 0;
    margin: 0;
}

    ul.list-1 li {
        position: relative;
        margin-bottom: 15px;
        padding-left: 17px;
    }

        ul.list-1 li:before {
            content: '';
            position: absolute;
            top: 2px;
            left: 0;
            width: 10px;
            height: 25px;
            background: url(../images/list-bullet.png);
            background-size: 100%;
            background-repeat: no-repeat;
        }

.trace-left .content {
    position: relative;
    width: 100%;
}

.tag-search {
    text-align: left;
    margin-bottom: 30px;
    max-width: 277px;
    display: inline-block;
}

    .tag-search input.form-control {
        max-width: 200px;
        float: left;
    }

    .tag-search input[type="submit"] {
        margin-left: 10px;
        background: #4eb946;
        color: #fff;
        padding: .375rem .75rem;
        border: 1px solid #4eb946;
        line-height: 1.5;
        border-radius: 0.25rem;
    }

.trace-drawio-value {
    border: 2px solid #568719;
    padding: 10px;
    width: 100%;
    position: relative;
    border-radius: 5px;
    margin: 0 0 30px;
    background: #589113;
    color: #fff;
    box-shadow: 0 0 7px 4px #00000024;
    text-align: left;
}

    .trace-drawio-value h4 {
        margin: 0;
        font-size: 17px;
        margin-bottom: 7px;
    }

        .trace-drawio-value h4 img {
            width: 30px;
        }

    .trace-drawio-value p {
        margin-bottom: 0;
    }

    .trace-drawio-value h4 span {
        font-weight: 200;
    }

.trace-drawio-box {
    border: 1px solid #ffffff;
    padding: 15px;
    width: 100%;
    position: relative;
    border-radius: 0px 35px 0 35px;
    margin: 0 0 30px;
    background: #ffffff;
    color: #000;
    height: 258px;
    box-shadow: -5px -5px 2px 0px #00000012;
}

    .trace-drawio-box.arrow.a-top {
        padding-left: 33px;
    }

    .trace-drawio-box .content {
        position: relative;
    }

.shadow-box {
    box-shadow: 5px 5px 0px 0px #6fb516;
    border-radius: 0px 35px 0 35px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.trace-drawio-box .heading-con {
    position: relative;
    height: 45px;
    margin-bottom: 10px;
    padding-left: 50px;
}

    .trace-drawio-box .heading-con h5 {
        font-size: 18px;
        color: #5a9311;
        padding-top: 12px;
        text-align: left;
    }

    .trace-drawio-box .heading-con .icon {
        background: #5a9311;
        display: inline-block;
        width: 45px;
        height: 45px;
        padding: 6px;
        border-radius: 5px;
        margin-bottom: 10px;
        position: absolute;
        left: 0;
        top: 0;
    }

.col-md-12.text-center .col-md-12 .trace-drawio-box {
    height: auto;
    min-height: 140px;
}

.direction-arrow {
    content: '';
    width: 60px;
    background: #5c950e;
    border-radius: 60px;
    height: 60px;
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 40px;
    border: 0px solid #72b813;
    z-index: 1;
    background-position: center;
    background-size: 36px;
    box-shadow: 0 0 8px #00000040;
}

    .direction-arrow:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-left: 10px solid #5c950e;
        border-bottom: 5px solid transparent;
        position: absolute;
        right: -10px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.trace-drawio-box.arrow.a-top .direction-arrow:before {
    left: 0;
    right: 0;
    bottom: unset;
    top: -7px;
    transform: rotate(24deg);
}

.trace-drawio-box.arrow.a-left .direction-arrow:before {
    right: unset;
    left: -10px;
    transform: scale(-1);
}

.trace-drawio-box .direction-arrow img {
    position: absolute;
    max-width: 35px !important;
    width: max-content;
    height: max-content;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.trace-drawio-box.arrow.a-left .direction-arrow {
    right: unset;
    left: -48px;
}

.trace-drawio-box.arrow.a-top .direction-arrow {
    right: unset;
    left: -31px;
}

/* .trace-drawio-box.arrow.a-right  .direction-arrow{

} */
.trace-drawio-box.arrow.a-top .direction-arrow {
    right: 0;
    left: 0;
    top: -48px;
    bottom: unset;
}

.trace-drawio-box.testing-lab-report {
    height: 100%;
    display: inline-flex;
    /*align-items: center;*/
    text-align: center;
    width: 100%;
    max-height: 543px;
}

    .trace-drawio-box.testing-lab-report .heading-con h5 {
        padding-top: 0;
    }

.trace-drawio-box .heading-con .icon img {
    height: 33px;
}

.trace-drawio-box p {
    margin-bottom: 2px;
    font-weight: 300;
    font-size: 13px;
}

    .trace-drawio-box p strong {
        font-weight: 500;
        color: #5a9311;
        margin-right: 5px;
    }

span.locstion-icon {
    display: inline-block;
    width: 25px;
    cursor: pointer;
}

.land-location-modal {
    background: #0000004f;
}

    .land-location-modal .modal-body {
        min-height: 200px;
    }

/**/
/*Registration Page*/
.registration-page {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.registration-steps {
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: visible;
    padding-top: 30px;
}

    .registration-steps h2 {
        font-size: 22px;
        background: #568719;
        color: #fff;
        padding: 10px 0;
        border-radius: 10px 10px 0 0;
        font-weight: 300;
        padding-right: 130px;
        padding-left: 15px;
        text-align: left;
    }

.heading-registration {
    position: relative;
}

    .heading-registration .steps {
        position: absolute;
        right: 0;
        top: 12px;
        color: #fff;
        right: 15px;
    }

        .heading-registration .steps h3 {
            font-size: 18px;
        }

.registration-content-card {
    padding: 0;
}

.registration-content-con {
    padding: 0 15px;
}

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

    .registration-heading h3 {
        font-size: 22px;
    }

    .registration-heading h4 {
        font-size: 16px;
    }

.registration-heading {
    text-align: center;
    margin-bottom: 30px;
}

.registration-content-card ul {
    padding: 0;
    margin: 0;
}

    .registration-content-card ul li {
        position: relative;
        padding: 6px 0 6px 15px;
    }

        .registration-content-card ul li:before {
            content: '';
            width: 7px;
            height: 2px;
            position: absolute;
            background: #568719;
            top: 15px;
            left: 0;
        }

.registration-form {
    padding: 15px;
}

/**/
/*form styles*/
/*Form Steps*/
/*form styles*/
.panel-d1 {
    border: 1px solid;
    background: white;
    border-radius: 0px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
    box-shadow: 0 0 13px #0000003b;
    border: 1px solid #efefef;
    padding: 30px 15px 15px;
}

.rform-steps {
    background: white;
    border-radius: 0px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
    box-shadow: 0 0 13px #0000003b;
    border: 1px solid #efefef;
    padding: 30px 15px 15px;
    margin-bottom: 60px;
}

#msform fieldset h3 {
    font-size: 22px;
    color: #588918;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    /* display: none; */
}

.seedprocessingmachineimage {
    border: 1px solid #efefef;
    padding: 5px;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

.registration-steps legend {
    padding: 0;
    width: auto;
    color: #588918;
    display: none;
}

/*inputs*/

/*buttons*/
#msform .action-button {
    width: 100px;
    background: #ee0979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

    #msform .action-button:hover,
    #msform .action-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
    }

#msform .action-button-previous {
    width: 100px;
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

    #msform .action-button-previous:hover,
    #msform .action-button-previous:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
    }

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

    #progressbar li {
        list-style-type: none;
        color: white;
        text-transform: uppercase;
        font-size: 9px;
        width: 33.33%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 24px;
            height: 24px;
            line-height: 26px;
            display: block;
            font-size: 12px;
            color: #333;
            background: white;
            border-radius: 25px;
            margin: 0 auto 10px auto;
        }

        /*progressbar connectors*/
        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: white;
            position: absolute;
            left: -50%;
            top: 9px;
            z-index: -1;
            /*put it behind the numbers*/
        }

        #progressbar li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }

        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active1:before,
        #progressbar li.active1:after {
            background: #ee0979;
            color: white;
        }

        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #ee0979;
            color: white;
        }

/*Form Syeps End*/
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0;
}

/*Blue Buttons*/
#msform .action-button,
a.proceed-btn {
    width: 100px;
    background: #588918;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    float: right;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    border-radius: 6px;
    text-transform: uppercase;
}

    #msform .action-button:hover,
    #msform .action-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
    }

/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    background: #e18a35;
    font-weight: bold;
    color: white;
    border: 0 none;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    border-radius: 6px;
}

    #msform .action-button-previous:hover,
    #msform .action-button-previous:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
    }

/*Dropdown List Exp Date*/
select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

    select.list-dt:focus {
        border-bottom: 2px solid skyblue;
    }

/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

.map-left path.nodata {
    fill: #dbdbdb !important;
    pointer-events: none;
}

.state-logo.no-data-available {
    opacity: 0.2;
    pointer-events: none;
}

/*progressbar*/
.fieldset {
    padding: 28px 15px 15px;
    border: 1px solid #efefef;
    border-radius: 6px;
    margin-bottom: 40px;
    position: relative;
}

.legend {
    position: absolute;
    top: -15px;
    background: #588918;
    border: 1px solid #588918;
    color: #ffffff;
    padding: 0px 12px;
    font-size: 17px;
    line-height: normal;
    border-radius: 5px;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding: 0;
}

    #progressbar .active {
        color: #000000;
    }

    #progressbar .active1 {
        color: #000000;
    }

    #progressbar li {
        list-style-type: none;
        font-size: 14px;
        width: 25%;
        float: left;
        position: relative;
        text-align: center;
        color: #588918;
        font-weight: 400;
        letter-spacing: 0;
    }

.spa-reg li {
    width: 14% !important;
}

/*Icons in the ProgressBar*/
#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f09d";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li:last-child:after {
    content: '';
    width: 57%;
}

#progressbar li:first-child:after {
    content: '';
}

#progressbar li.active1:before,
#progressbar li.active1:after {
    background: #568719;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before,
#progressbar li.active:after {
    background: #568719;
}

/*Imaged Radio Buttons*/
.radio-group {
    position: relative;
    margin-bottom: 25px;
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px;
}

    .radio:hover {
        box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
    }

    .radio.selected {
        box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
    }

/*Fit image in bootstrap div*/
.fit-image {
    width: 100%;
    object-fit: cover;
}

/*Registration Page End*/
/*================
	Media Screen min-width
================*/
@media (min-width: 1200px) {
    .container {
        max-width: 1270px;
    }
}

/*@media (min-width: 992px){
.container {
    max-width:100%;
}
}
@media (min-width: 768px){
.container {
    max-width: 100%;
}
}
@media (min-width: 576px){
.container {
    max-width: 100%;
}
}*/

/*================
	Media Screen min-width End
================*/
.hide-sm {
    display: none;
}

.hide-md {
    display: inline-block;
}

.form-control {
    min-height: 35px;
}

/*================
	Media Screen max-width
================*/
@media (max-width: 1200px) {
    .top-2-menu-con .navbar-light .navbar-nav .nav-link a {
        font-size: 13px;
    }

    .logo {
        padding: 19px 0;
    }

        .logo img {
            max-width: 344px;
        }

    .top-2-menu-con .navbar-light .navbar-nav .nav-link a {
        font-size: 13px;
    }

    .container {
        max-width: 100%;
    }

    .map-box3 h3 {
        font-size: 12px;
    }

    .map-box3 table td {
        font-size: 11px;
    }
}

@media (max-width: 1100px) {
    .top-search-box {
        width: 146px;
    }
}

@media (max-width: 1024px) {
    .top-2-menu-con .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 5px;
    }
}

@media (max-width: 992px) {
    .inner-page-banner {
        margin-top: 91px;
    }

    .page-viewcontent ul li {
        font-size: 8px;
    }

    .logo img {
        max-width: 154px;
    }

    .navbar-expand-sm .navbar-collapse {
        display: none !important;
    }

    .navbar-expand-sm .navbar-toggler {
        display: inline-block !important;
        position: absolute;
        top: -51px;
        right: 15px;
        background: #fff;
    }

    .our-services-box .icon img {
        height: 56px;
    }

    .our-services-box h4 {
        font-size: 12px;
        margin-top: 11px;
        margin-bottom: 4px;
    }

    .our-services-box p {
        font-size: 10px;
    }

    .our-services-box {
        height: 219px;
    }

        .our-services-box a.r-more {
            font-size: 11px;
            line-height: 23px;
        }

    .navbar-expand-sm {
        width: 100% !important;
        display: inline-block !important;
        position: absolute;
        padding: 0 15px;
        left: 0;
    }

    .navbar-collapse.collapse.show {
        display: inline-block !important;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 8px #00000029;
    }

    .contact-section {
        padding-right: 74px;
    }

    ul.navbar-nav {
        width: 100%;
        display: inline-block;
        background: #fff;
    }

    .rcreen-reader,
    .language span,
    .page-viewcontent ul li i.fa.fa-search {
        font-size: 13px;
    }


    .page-viewcontent ul li {
        margin: 7px 0 0;
    }

    .login-btn a {
        padding: 3px 15px;
    }

    .logo {
        padding: 20px 0;
    }

    .top-contact ul li h4 a {
        font-size: 12px;
    }

    .top-contact {
        padding-top: 5px;
    }

    .logo-group ul li img {
        height: 49px;
    }

    .logo-group ul {
        padding: 0;
    }

    .contact-section {
        float: right;
    }

    .map-section-tab a.nav-link {
        font-size: 13px;
        padding: 8px;
    }

    .map-section-tab .nav-tabs .nav-link.active:before {
        width: 18px;
        bottom: -19px;
        left: 0;
    }

    .map-section-tab .nav-tabs .nav-item.show .nav-link,
    .map-section-tab .nav-tabs .nav-link.active {
        background: #c59130;
        color: #fff;
    }

    .map-section-tab a.nav-link {
        line-height: 14px;
        border-radius: 0;
    }

    .map-section-tab a.nav-link {
        line-height: 15px;
    }

    .top-wrapper {
        border: none;
    }

    #progressbar li {
        font-size: 10px;
        font-weight: 300;
    }
}

@media (max-width: 879px) {
    .logo img {
        max-width: 160px;
    }

    .logo {
        padding: 33px 0 0;
    }
}

@media (max-width: 768px) {
    .login-btn a {
        padding: 3px 5px;
    }

    .step-1:before,
    .step-2:before {
        margin: auto;
        width: 1px;
        height: 100%;
        background: #000;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
    }

    .trace-box-1-card {
        margin: 30px 0;
        border: 1px solid #146936;
        padding: 15px;
        border-radius: 5px;
        background: #fff;
    }

    .top-contact {
        display: none;
    }

    .trace-page-wrapper-2 {
        margin-top: 32px;
    }

    .trace-box-1.step-1 {
        margin-top: 30px;
    }

        .trace-box-1.step-1 .col-md-3:first-child .trace-box-1-card {
            margin-top: 0;
        }

    .trace-box-1.step-2 .col-md-4:last-child .trace-box-1-card {
        margin-bottom: 0;
    }

    .registration-steps legend {
        display: inline-block;
        background: #fff;
        padding: 0 10px;
    }

    .our-services-con-wraper {
        width: auto;
        display: inline-block;
        max-width: 480px;
    }

    .login-form {
        height: 400px;
    }

    .loginpage-wrapper .col-md-3.offset-md-2 {
        position: absolute;
        top: 22px;
        left: 0;
        z-index: 10;
    }

    .login-left-content {
        margin-top: 470px;
    }

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

    .login-left h4:before {
        left: 0;
        right: 0;
        margin: auto;
    }

    .dropdown-submenu {
        left: 0 !important;
        top: 94% !important;
        background: #ecf7f0;
    }

    .secondary-menu {
        display: inline-block;
    }

    .announcement-wrapper marquee {
        font-size: 12px;
        padding: 6px 0;
    }

    .top-1-right {
        float: left;
        width: 100%;
    }

    .page-viewcontent:before {
        display: none;
    }

    .page-viewcontent {
        height: 35px;
        text-align: center;
        margin-top: 0;
    }

        .page-viewcontent:after {
            left: -26px;
        }

    .top-wrapper {
        padding-bottom: 7px;
        min-height: 90px;
    }

    .page-viewcontent ul {
        display: inline-block;
        position: relative;
        z-index: 1;
    }

        .page-viewcontent ul li {
            margin: 1px 0 0;
        }

    .our-services-section .col {
        display: inline-block;
        width: 100%;
        flex-basis: unset;
        text-align: center;
    }

    .our-services-box {
        max-width: 243px;
        height: 211px;
        display: inline-block;
        width: 100%;
    }

    h2.heading-1 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 12px;
    }

    .map-right .col-md-3.col-6 {
        text-align: center;
    }

    .announcement-section h4 {
        font-size: 14px;
        height: 31px;
        line-height: 30px;
        background-size: 21px;
        padding-left: 25px;
    }

        .announcement-section h4:after {
            width: 16px;
            right: -16px;
            background-size: 100%;
        }

    .about-sathi-left .content h3 {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .about-sathi-left {
        padding: 15px;
        margin-bottom: 30px;
    }

        .about-sathi-left .content {
            padding: 10px 0;
        }

        .about-sathi-left p {
            font-size: 12px;
        }

        .about-sathi-left:before {
            border: 3px solid #fff;
        }

    .map-section-2 .tab-content .map-menu {
        max-width: 200px;
        height: 100%;
    }

        .map-section-2 .tab-content .map-menu h4 {
            font-size: 14px;
        }

        .map-section-2 .tab-content .map-menu ul li {
            font-size: 11px;
        }

            .map-section-2 .tab-content .map-menu ul li input[type=checkbox],
            .map-section-2 .tab-content .map-menu ul li input[type=radio] {
                top: 2px;
                width: 9px;
            }

        .map-section-2 .tab-content .map-menu ul li {
            padding-left: 13px;
        }

    .top-search-box {
        width: 71%;
    }

    ul.footer-logos li {
        padding: 0 12px;
        max-width: 80px;
    }

    .footer-2 img {
        max-width: 112px;
        margin-bottom: 10px;
    }

    .footer-3 ul li a {
        font-size: 12px;
    }

    .footer-3 ul li {
        font-size: 12px;
    }

    .about-sathi-wrapper {
        margin-top: 0;
    }

    .events-notice-section-right a.nav-link {
        font-size: 14px;
        padding: 5px 0;
    }

    .faq-left {
        margin-bottom: 30px;
    }

    .event-box {
        margin: 0;
    }

    .events-notice-section .col-md-7.p-0 {
        padding: 15px !important;
    }

    .footer-2 .content.text-justify p {
        font-size: 12px;
        text-align: center;
    }

    .logo {
        position: absolute;
        padding: 39px 0 0;
    }

        .logo img {
            max-width: 210px;
            padding-top: 5px;
        }

    .logo-group ul li img {
        height: 38px;
        margin-top: 8px;
    }

    .hide-sm {
        display: inline-block;
    }

    .hide-md {
        display: none;
    }

    .trace-drawio-box.arrow.a-right:before {
        transform: rotate(90deg);
        left: 0;
        bottom: unset;
        top: -21px;
    }

    .trace-drawio-box.arrow.a-top:before {
        width: 30px;
        background-position-x: 1px;
        top: -22px;
    }

    .trace-drawio-box.arrow.a-left:before {
        right: 0;
        left: 0;
        bottom: unset;
        transform: rotate(90deg);
        top: -21px;
    }

    .trace-drawio-box.arrow.a-right .direction-arrow {
        left: 0;
        right: 0;
        top: -49px;
        bottom: unset;
    }

    .trace-drawio-box.arrow.a-left .direction-arrow {
        right: 0;
        left: 0;
        bottom: unset;
        top: -52px;
    }

    .direction-arrow:before {
        right: 0 !important;
        left: 0 !important;
        top: -10px !important;
        bottom: unset !important;
        transform: rotate(-90deg) !important;
    }

    #msform fieldset h3 {
        display: block;
    }

    #progressbar li span {
        display: none;
    }

    #progressbar li:before {
        width: 30px;
        height: 30px;
        line-height: 27px;
        font-size: 14px;
    }

    #progressbar li:after {
        top: 15px;
    }

    .trace-page-wrapper {
        padding: 60px 0;
        margin-top: 0;
    }

    #msform fieldset label {
        font-size: 10px;
    }
}

@media (max-width: 576px) {
    .logo-group {
        display: none;
    }

    .language span:first-child {
        width: 38px;
    }

    .page-viewcontent ul li:nth-child(3),
    .page-viewcontent ul li:nth-child(4) {
        display: none;
    }

    .top-1 .col-md-12 {
        padding: 0;
    }

    .page-viewcontent ul li a {
        font-size: 9px;
    }

    .top-contact ul li:first-child {
        margin-right: 5px;
        padding-right: 5px;
    }

    .inner-page-banner {
        margin-top: 0;
    }

    header {
        position: relative;
        border-bottom: 1px solid #efefef;
    }

    .page-viewcontent {
        height: 28px;
    }

    .logo {
        width: 86px;
        padding: 35px 0 0 15px;
    }

    .page-viewcontent {
        height: 28px;
        text-align: center;
        margin-top: 0;
    }

    .map-right .counter {
        text-align: center;
        border: 1px solid #d1d1d1;
        width: 140px;
        margin-bottom: 15px;
        padding: 17px;
    }

    .statistics-con .col-6.col-sm-3:last-child .counter {
        border-right: 1px solid #d1d1d1;
    }
}

@media (max-width: 507px) {
    .our-services-con-wraper {
        max-width: 225px;
    }
}

@media (max-width: 420px) {
    .top-contact {
        display: none;
    }

    .rcreen-reader,
    .language span,
    .page-viewcontent ul li i.fa.fa-search {
        font-size: 10px;
    }

        .language span:first-child {
            width: 34px;
        }

    .page-viewcontent ul li {
        padding: 2px 2px;
    }

        .page-viewcontent ul li a {
            font-size: 8px;
        }
}

/*================
	Media Screen max-width End
================*/

/*================
	Color Switcher
================*/
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] div,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] a,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] p,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] h1,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] h2,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] h3,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] h4,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] h5,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] h6,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] li,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] div,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] a,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] p,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] h1,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] h2,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] h3,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] h4,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] h5,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] h6,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] li {
    background: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] button,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] button {
    background: #d79c0e !important;
    color: #fff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-top-bg,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-top-bg {
    height: 60px;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-top-bg img,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-top-bg img {
        display: none;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .announcement-section h4:before,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .announcement-section h4:before {
    background: #511d00;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .secondary-menu button[data-toggle="dropdown"],
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .secondary-menu button[data-toggle="dropdown"] {
    background: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .secondary-menu button span,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .secondary-menu button span {
    background: #ffb45c;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .search-open button,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .search-open button {
    background: none !important;
    color: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent:after,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent:after {
    background: #e18a36;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent:before,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent:before {
    background: #000;
}

/*18102022*/
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent {
    width: 100%;
    background: #E18A36 !important;
    z-index: 1;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent ul li,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent ul li a,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent .screen-reader,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent .language,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent ul li,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent ul li a,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent .screen-reader,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent .language {
        background: #e18a35 !important;
        z-index: 1;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .top-1:before,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .top-1:before {
    background: #b64c1d;
    z-index: 1;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .slider-wrapper .carousel-control-next,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .carousel-control-prev,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .slider-wrapper .carousel-control-next,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .carousel-control-prev {
    color: #7b2d08 !important;
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .announcement-section {
    background: #7f2d00 !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .announcement-section h4 {
        background: #511d00 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .announcement-wrapper marquee {
    background: #7f2d00;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box {
    background: linear-gradient(180deg, white, #f3dbad) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box div,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box h4,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box p {
        background: none !important;
    }

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box h4 {
        color: #279137 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-box2 .icon {
    background: #fff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-box3 h4 {
    color: #ffffff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box p {
    color: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .our-services-box a.r-more {
    background: repeating-linear-gradient(89deg, #348c59, #1b7397) !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-box2 .content {
    background: linear-gradient(#fff, #fff4e0) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-box2 .content h3 {
        font-size: 20px;
        color: #828282 !important;
        margin-bottom: 2px;
        background: none !important;
    }

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-box2 .content p {
        background: none !important;
        color: #828282 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .owl-nav {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .owl-carousel .owl-nav button.owl-next,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .owl-carousel .owl-nav button.owl-prev {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .map-right .statistics-sec h3 a {
    background: repeating-linear-gradient(89deg, #348c59, #1b7397) !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .events-notice-section-right .nav-tabs .nav-item.show .nav-link,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .events-notice-section-right .nav-tabs .nav-link.active {
    background-color: #2a8242 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .events-notice-section-right a.nav-link {
    background: #c9a96a !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .faq-section button.btn.btn-link.btn-block.text-left {
    box-shadow: 0 0 20px 8px #00000080 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .about-sathi-section {
    background: #6e441c !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .about-sathi-section div,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .about-sathi-left .content h3,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .about-sathi-left .content p {
        background: none !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .r-more2 {
    background: #d79c0e !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .about-sathi-left .content {
    background: #6b441e !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .photo-gallery-home h3 {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] footer {
    background: #ececec !important;
    background-image: url(../images/footer-bg.png) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] footer div {
        background: none !important;
    }

        body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] footer div p {
            background: none !important;
            color: #000 !important;
        }

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] footer li,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] footer a {
        background: none !important;
        color: #000 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .footer-3 {
    background: #ececec !important;
    margin-top: -4px;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .page-viewcontent ul li {
    color: #fff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .top-1 .login-btn a {
    color: #fff !important;
    background: #a94319 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .Popular-Cities ul li h5 a {
    color: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .inner-page-banner {
    background: url(../images/inner-banner.jpg) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .inner-page-banner div,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] .inner-page-banner h2 {
        background: none !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] #progressbar li.active:before,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] #progressbar li.active:after {
    background: #568719 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"] #progressbar li:before {
    color: #ffffff !important;
    background: lightgray !important;
}

/*After PopUp*/

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .announcement-section {
    background: #7f2d00 !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .announcement-section h4 {
        background: #511d00 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .announcement-wrapper marquee {
    background: #7f2d00;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box {
    background: linear-gradient(180deg, white, #f3dbad) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box div,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box h4,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box p {
        background: none !important;
    }

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box h4 {
        color: #279137 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-box2 .icon {
    background: #fff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-box3 h4 {
    color: #ffffff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box p {
    color: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .our-services-box a.r-more {
    background: repeating-linear-gradient(89deg, #348c59, #1b7397) !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-box2 .content {
    background: linear-gradient(#fff, #fff4e0) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-box2 .content h3 {
        font-size: 20px;
        color: #828282 !important;
        margin-bottom: 2px;
        background: none !important;
    }

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-box2 .content p {
        background: none !important;
        color: #828282 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .owl-nav {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .owl-carousel .owl-nav button.owl-next,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .owl-carousel .owl-nav button.owl-prev {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .map-right .statistics-sec h3 a {
    background: repeating-linear-gradient(89deg, #348c59, #1b7397) !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .events-notice-section-right .nav-tabs .nav-item.show .nav-link,
body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .events-notice-section-right .nav-tabs .nav-link.active {
    background-color: #2a8242 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .events-notice-section-right a.nav-link {
    background: #c9a96a !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .faq-section button.btn.btn-link.btn-block.text-left {
    box-shadow: 0 0 20px 8px #00000080 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .about-sathi-section {
    background: #6e441c !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .about-sathi-section div,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .about-sathi-left .content h3,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .about-sathi-left .content p {
        background: none !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .r-more2 {
    background: #d79c0e !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .about-sathi-left .content {
    background: #6b441e !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .photo-gallery-home h3 {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] footer {
    background: #ececec !important;
    background-image: url(../images/footer-bg.png) !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] footer div {
        background: none !important;
    }

        body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] footer div p {
            background: none !important;
            color: #000 !important;
        }

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] footer li,
    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] footer a {
        background: none !important;
        color: #000 !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .footer-3 {
    background: #ececec !important;
    margin-top: -4px;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .page-viewcontent ul li {
    color: #fff !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .top-1 .login-btn a {
    color: #fff !important;
    background: #a94319 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .Popular-Cities ul li h5 a {
    color: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .modal-body.sear-for-city {
    background: #fff !important;
}

    body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .modal-body.sear-for-city div {
        background: none !important;
    }

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .modal-dialog.modal-lg h6 {
    background: none !important;
    color: #000 !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .modal-dialog.modal-lg a {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .modal-dialog.modal-lg li {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .Popular-Cities ul li h5 {
    background: none !important;
}

body[style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); padding-right: 6px;"] .modal-logo h5 {
    color: #19541d !important;
    background: none !important;
}

/*================
	Color Switcher End
================*/

/*28012023*/
section.g-body {
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #f1f0eb;
    position: relative;
}

.g-body-right h2 {
    color: #7f2c00;
    font-size: 18px;
}

.g-body-right p {
    text-align: justify;
}

.g-body-right .col-sm-8 p:last-child {
    margin-bottom: 0;
}

.g-body-right img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

section.g-body:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/g-body-section-bg.png) no-repeat;
    top: 0;
    background-position: right;
    background-size: contain;
    opacity: 0.1;
}

section.g-body .col-md-5 {
    position: relative;
    padding: 27px 0;
    padding-right: 5px;
}

    section.g-body .col-md-5:before {
        content: '';
        width: 57%;
        height: 100%;
        border: 2px solid #6bac6c;
        position: absolute;
        right: 0;
        top: 0;
    }

.g-body-left .col-md-4 {
    align-items: center;
    display: flex;
    position: relative;
}

    .g-body-left .col-md-4:before {
        content: '';
        position: absolute;
        right: -15px;
        top: 0;
        height: 100%;
        width: 12px;
        background: url(/ms014/images/m-separetor.png) no-repeat;
        background-position: center;
    }

.g-body-left ul {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
}

    .g-body-left ul li {
        padding: 0;
        margin: 0 0 15px;
        position: relative;
        display: inline-block;
        align-items: center;
        /* justify-content: center; */
        width: 100%;
        text-align: center;
    }

.g-body-left .col-md-4 ul li {
    padding: 0;
    margin: 0;
}

.g-body-left ul li figure {
    width: 100%;
    height: unset;
}

    .g-body-left ul li figure img {
        border: 7px solid #fff;
        box-shadow: 0 0 17px #a6a6a6;
    }

.g-body-left ul li h4 {
    font-size: 16px;
    margin-bottom: 3px;
}

.g-body-left ul li h5 {
    font-size: 14px;
    font-weight: 400;
}

.g-body-right {
    background: linear-gradient(45deg, #f1f0eb78, #f1f0eb, #f1f0eb, #f1f0eb);
    padding: 15px 8px 15px 0;
    z-index: 1;
    position: relative;
}

@media (max-width: 768px) {
    .g-body-left .col-md-4 ul li {
        margin: 0 0 15px;
    }

    section.g-body .col-md-5 {
        padding: 27px 15px;
    }

    section.g-body:before {
        background-size: cover;
        opacity: 0.03;
    }

    .g-body-left .col-md-4:before {
        display: none;
    }
}

/*28012023 End*/