/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ul,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

    nav ul {
        list-style: none
    }

blockquote,
q {
    quotes: none
}

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

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #fff;
        outline: none;
        text-decoration: none;
    }

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

ol li {
    list-style: auto;
    line-height: 22px;
    margin-bottom: 10px;
}

li {
    list-style: none
}


/* =============================================================================
   My CSS
   ========================================================================== */


/* ---- reset ---- */

@font-face {
    font-family: 'GilroyBold';
    src: url('../fonts/GilroyBold.eot');
    src: url('../fonts/GilroyBold.woff2') format('woff2'), url('../fonts/GilroyBold.woff') format('woff'), url('../fonts/GilroyBold.ttf') format('truetype'), url('../fonts/GilroyBold.svg#GilroyBold') format('svg'), url('../fonts/GilroyBold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GilroyRegular';
    src: url('../fonts/GilroyRegular.eot');
    src: url('../fonts/GilroyRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/GilroyRegular.woff2') format('woff2'), url('../fonts/GilroyRegular.woff') format('woff'), url('../fonts/GilroyRegular.ttf') format('truetype'), url('../fonts/GilroyRegular.svg#GilroyRegular') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GilroyLight';
    src: url('../fonts/GilroyLight.eot');
    src: url('../fonts/GilroyLight.eot?#iefix') format('embedded-opentype'), url('../fonts/GilroyLight.woff2') format('woff2'), url('../fonts/GilroyLight.woff') format('woff'), url('../fonts/GilroyLight.ttf') format('truetype'), url('../fonts/GilroyLight.svg#GilroyLight') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GilroyMedium';
    src: url('../fonts/GilroyMedium.eot');
    src: url('../fonts/GilroyMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/GilroyMedium.woff2') format('woff2'), url('../fonts/GilroyMedium.woff') format('woff'), url('../fonts/GilroyMedium.ttf') format('truetype'), url('../fonts/GilroyMedium.svg#GilroyMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'MADE_SAONARA_PERSONAL_USE';
    src: url('../fonts/MADE_SAONARA_PERSONAL_USE.eot');
    src: url('../fonts/MADE_SAONARA_PERSONAL_USE.eot?#iefix') format('embedded-opentype'), url('../fonts/MADE_SAONARA_PERSONAL_USE.woff2') format('woff2'), url('../fonts/MADE_SAONARA_PERSONAL_USE.woff') format('woff'), url('../fonts/MADE_SAONARA_PERSONAL_USE.ttf') format('truetype'), url('../fonts/MADE_SAONARA_PERSONAL_USE.svg#MADE_SAONARA_PERSONAL_USE') format('svg');
    font-weight: 500;
    font-style: normal;
}


body {
    margin: 0;
    padding: 0;
    font-family: 'GilroyRegular';
    font-size: 16px;
    color: #000;
    background: #fff;
    overflow-x: hidden;
}

.dflex {
    display: flex
}

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

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

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

.dflex-between {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.txt-voilet {
    color: #7c33c0;
}

.txt-pink {
    color: #c20044;
}

.txt-black {
    color: #010101
}

.txt-white {
    color: #fff !important;
}

.txt-yellow {
    color: #ffd220;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.bg-mix-1 {
    mix-blend-mode: screen;
}

/*******homepage******/
.sec {
    padding: 60px 0;
}

.banner-sec {
    height: 100vh;
}

.item-insp {
    width: 23%;
}

.container {
    width: 90%
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
}

    .header.scroll {
        background: #fff;
        box-shadow: 2px 2px 10px 3px #0000000a;
    }

        .header.scroll .logo {
            width: 300px;
        }

        .header.scroll .header-container {
            padding: 10px 0;
        }

.logo {
    width: 350px;
}

.header-container {
    padding: 20px 0;
    align-items: center;
}

.header-right {
    align-items: center;
}

.menu {
    width: 50px;
    height: 50px;
}

.welcom-txt {
    color: #a4a4a4;
    font-family: 'GilroyBold';
    font-size: 14px;
}

.btn-login-register {
    color: #fff;
    font-family: 'GilroyBold';
    font-size: 14px;
    background: #000;
    padding: 10px 15px;
    border-radius: 35px;
    margin-right: 8px;
    text-decoration: none;
}

.banner-sec {
    width: 100%;
}

.banner-left {
    width: 28%;
}

.banner-right {
    width: 69%;
    position: relative;
    cursor: crosshair;
}

.banner_l {
    position: absolute;
}

.uppercase {
    text-transform: uppercase;
}

.heading {
    font-family: "GilroyBold";
    font-size: 60px;
}

    .heading span {
        font-family: "GilroyLight";
    }

.sub-heading {
    font-family: "GilroyBold";
    font-size: 44px;
}

.b_layer1 {
    width: 70%;
    top: 14%;
    right: 8%;
}

.b_layer2 {
    width: 600px;
    top: 350px;
    right: 8%;
    margin: auto;
    mix-blend-mode: darken;
}

.b_layer3 {
    width: 250px;
    top: 465px;
    left: 35%;
}

.b_layer4 {
    width: 337px;
    top: 406px;
    right: 10%;
}

.b_layer5 {
    width: 700px;
    top: 720px;
    right: 14%;
}

.img-banner {
    width: 90%;
    float: right;
}

.bcontent {
    position: absolute;
}

.bc_layer1 {
    width: 400px;
    left: 5%;
    top: 30%;
    z-index: 1;
}

.bc_layer2 {
    width: 500px;
    left: 13%;
    top: 51%;
    z-index: 2;
}

.bc_layer3 {
    width: 53%;
    right: 18%;
    top: 70%;
    z-index: 3;
}

.light {
    font-family: "GilroyMedium";
}

.bornwrap {
    width: 500px;
    margin-left: 20%;
    margin-top: 50px;
    padding: 30px 0;
}

.bornblk {
    border-left: 8px solid #ffd220;
    padding-left: 20px;
}
/*.bornblk .heading_ab{
    position: relative;
    top: -20px;
}*/
.btn-link {
    margin-top: 5px;
    display: flex;
    align-items: center;
    font-family: "GilroyBold";
    font-size: 15px;
    color: #000;
    text-decoration: none;
    line-height: 1.2;
    background: #ffdc1a;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 50px;
}

    .btn-link span, .btn-link b {
        font-size: 22px;
        margin-right: 2px;
        line-height: 0;
        position: relative;
        top: 2px;
    }

    .btn-link:hover, .btn-link:focus {
        background: #000;
        color: #fff;
        text-decoration: none;
    }

.txt-content {
    font-family: "GilroyRegular";
    font-size: 17px;
    color: #000;
    line-height: 1.2;
}

    .txt-content b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.box-year-40 {
    height: 650px;
}

.layer1_40 {
    width: 700px;
    top: 60px;
    left: 12%;
    right: 0;
}

.year40 {
    align-items: center;
}

.banner-right-40y {
    width: 70%;
    position: relative;
    cursor: crosshair;
}

.layer2_40 {
    width: 500px;
    top: 265px;
    left: 244px;
    right: 0;
    mix-blend-mode: darken;
}

.layer3_40 {
    width: 43%;
    top: 195px;
    left: 85%;
    right: 0;
}

.layer4_40 {
    width: 400px;
    top: 634px;
    left: 11%;
    right: 0;
}

.banner-left-40y {
    width: 30%;
}

.c_40layer1 {
    width: 600px;
    position: absolute;
    left: -389px;
    top: 390px;
    bottom: 0;
    margin: auto;
    z-index: 5;
}

.percent_73 {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    color: #000;
    font-size: 100px;
    position: relative;
    left: -114px;
    top: -10px;
}

.sub-heading_73 {
    font-family: "GilroyRegular";
    font-size: 33px;
    margin-left: 31px;
    margin-bottom: 10px;
}

    .sub-heading_73 b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.perc_73-txt-blk {
    padding-left: 50px;
}

.sustainability-txt-blk {
    padding-left: 30px;
}

.c_nablayer_cux {
    width: 530px;
    position: absolute;
    left: 32%;
    top: 71%;
    bottom: 0;
    z-index: 1;
}

.rural-heading {
    font-family: "GilroyBold";
    font-size: 50px;
    color: #ffd220;
    margin-bottom: 10px;
}

    .rural-heading span {
        color: #000;
    }

.rudral-txt-blk {
    padding-left: 30px;
}

.heading-prs {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    color: #000;
    font-size: 70px;
    line-height: 0.8;
    margin-bottom: 15px;
}

.prs-txt-blk {
    padding-left: 30px;
}

.content-num {
    font-size: 18px;
    color: #000;
    font-family: "GilroyBold";
}

.txt-left-prs {
    margin-right: 30px;
    margin-top: 10px
}

.prs-txt-design {
    margin-left: 40px;
    width: 70%;
}

.prt-heading {
    font-family: "GilroyMedium";
    font-size: 50px;
    color: #000;
    margin-bottom: 8px;
}

    .prt-heading b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

    .prt-heading span {
        font-family: "GilroyLight";
    }

.partner-txt-blk {
    align-items: baseline;
}

.heading-blk {
    width: 70%;
    margin: auto;
    padding-bottom: 20px;
}

.txt-blk-success {
    float: right;
    margin-right: 25%;
}

/***************progress slider*****************/

.container h4 {
    margin: 2.5em auto 1em;
}

.container .disableSwipe {
    background-color: rgba(252,118,216,0.05);
}

.section_header {
    height: 10em;
    padding-top: 4.2em;
    box-sizing: border-box;
}

.progress_container {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
}

.ui-progressbar {
    height: 7px;
    box-sizing: border-box;
}

.container .ui-progressbar .ui-progressbar-value {
    margin-top: 0;
    border: 1px solid #ddd !important;
    background: #e9e9e9 !important;
}

.progress_container .circle,
.progress_container .chapter {
    position: absolute;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.progress_container .circle {
    width: 6px;
    height: 6px;
    top: 50%;
    border-radius: 50%;
    background-color: #acacac;
    display: block;
}

    .progress_container .circle.active {
        background-color: #000;
    }

.progress_container .chapter {
    bottom: -30px;
    font-size: 1.3em;
}

.section_slider {
    max-width: 800px;
    margin: 20px auto;
    font-size: 2em;
}

.slider_step {
    min-height: 450px;
    text-align: center;
}

    .slider_step p {
        text-align: left;
        padding: 20px;
    }

.section_footer {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

    .section_footer .button {
        width: 170px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        margin: 20px 10px 35px;
        box-sizing: border-box;
        border: 1px solid #000;
        font-size: 1.5em;
        cursor: pointer;
    }

.img-responsive {
    width: 100%;
}

.p-head-txt {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.video {
    width: 70%;
    overflow: hidden;
    margin: auto;
}

.layer1_prs {
    width: 66%;
    bottom: 0;
    left: 10px;
    right: 0;
}

.layer2_prs {
    width: 54%;
    top: 69%;
    left: 14%;
    right: 0;
    mix-blend-mode: darken;
}

.layer3_prs {
    width: 64%;
    top: 58%;
    left: 150px;
    right: 0;
}

.layer4_prs {
    width: 700px;
    bottom: -181px;
    right: 55px;
}

.c_layer1-prs {
    width: 420px;
    position: relative;
    left: -180px;
    top: 38%;
    bottom: 0;
    margin: auto;
}


.banner-right-und {
    width: 30%;
    position: relative;
    cursor: crosshair;
}

.banner-left-und {
    width: 65%;
    position: relative;
}

.layer4_und {
    width: 100%;
}

.layer2_und {
    width: 500px;
    bottom: -100px;
    left: -50px;
    right: 0;
    mix-blend-mode: darken;
}

.c_layer1-und {
    width: 480px;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
}

.c_layer2-und {
    width: 680px;
    top: 361px;
    left: 30%;
    margin: auto;
}

.und-blk {
    padding: 50px 0;
    align-items: center;
}


.banner-right-prt {
    width: 30%;
    position: relative;
    cursor: crosshair;
}

.banner-left-prt {
    width: 60%;
    padding-right: 5%;
}

.layer1_prt {
    width: 112%;
    top: 0;
    left: 0px;
}

.layer2_prt {
    width: 100%;
    top: 73%;
    left: 71px;
    right: 0;
    mix-blend-mode: darken;
}

.layer3_prt {
    width: 550px;
    top: 240px;
    left: 30px;
}

.layer4_prt {
    width: 160px;
    top: -45px;
    right: -135px;
}

.part-blk {
    min-height: 500px;
}

.partner {
    padding-top: 200px;
}

.img-banner-prt {
    width: 800px;
    top: -218px;
    left: 0;
    position: absolute;
}

.partner-heading {
    width: 90%;
    margin-top: 0px;
}

.bar li:last-child:after {
    width: 150%;
    left: -50%;
}

/****step content*****/


.card.step-progress {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 46px;
    padding: 0;
}

.step-progress .step-slider {
    width: 100%;
}

    .step-progress .step-slider .step-slider-item {
        width: 25%;
        height: 5px;
        position: relative;
        float: left;
        background-color: #dfdfdf;
        font-family: "GilroyBold";
    }

        .step-progress .step-slider .step-slider-item:after {
            content: "1";
            width: 28px;
            height: 28px;
            position: absolute;
            top: -12px;
            right: 0;
            background-color: #dfdfdf;
            border: 1px solid #dfdfdf;
            border-radius: 50%;
            z-index: 2;
            transition: all 0.3s ease-out 0.5s;
            -webkit-transition: all 0.3s ease-out 0.5s;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .step-progress .step-slider .step-slider-item:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0%;
            height: 5px;
            background-color: #B0BEC5;
            z-index: 1;
            -webkit-transition: all 0.5s ease-out;
            text-align: center;
        }

        .step-progress .step-slider .step-slider-item.active:before {
            width: 100%;
            background-color: #ffdc1a;
        }

        .step-progress .step-slider .step-slider-item.active:after {
            border-color: #ffdc1a;
            background: #ffdc1a;
        }

.step-content {
    padding: 16px 0;
}

    .step-content .step-content-foot {
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .step-content .step-content-foot button {
            border: 0;
            background-color: #cfd8dc00;
            font-size: 14px;
            border-radius: 3px;
            outline: 0;
        }

            .step-content .step-content-foot button:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            .step-content .step-content-foot button.out {
                display: none;
            }

            .step-content .step-content-foot button.disable {
                background-color: #ECEFF1;
            }

            .step-content .step-content-foot button.active {
                background-color: #00ACC1;
                color: white;
            }

    .step-content .step-content-body {
        padding: 16px 0;
        font-size: 18px;
        display: flex;
    }

        .step-content .step-content-body.out {
            display: none;
        }

.step-txt {
    margin-left: 10%;
}

.prt-btn-next {
    width: 120px;
}

.prt-btn-track {
    width: 200px;
    display: inline-block;
}

.prt-btn-old {
    visibility: visible;
}

.step-content .step-content-foot button.btn-finish {
    padding: 13px 22px;
    background: #ffdc1a;
    border-radius: 30px;
    font-size: 20px;
    margin-left: 6px;
    color: #000;
    font-family: "GilroyBold";
}

.step-progress .step-slider .step-slider-item.step2:after {
    content: "2";
}

.step-progress .step-slider .step-slider-item.step3:after {
    content: "3";
}

.step-progress .step-slider .step-slider-item.step4:after {
    content: "4";
}

.check-box-process input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

    .check-box-process input[type=checkbox] + label b {
        font-family: "GilroyBold";
    }

.question-left {
    width: 20px;
    height: 5px;
    background: #ffdc1a;
    margin-right: 15px;
    margin-top: 10px;
}

.txt-blk-question {
    margin-left: 30px;
    margin: 20px 0 20px 30px;
}

.check-box-process input[type=checkbox] {
    display: none;
}

    .check-box-process input[type=checkbox] + label:before {
        content: "\22C5";
        border-radius: 50%;
        display: inline-block;
        width: 24px;
        height: 24px;
        padding-left: 0.07em;
        padding-bottom: 0.3em;
        margin-right: 0.2em;
        vertical-align: bottom;
        color: transparent;
        transition: .2s;
        background: #f1f1f1;
        font-size: 55px;
        line-height: 0.35;
    }

    .check-box-process input[type=checkbox] + label:active:before {
        transform: scale(0);
    }

    .check-box-process input[type=checkbox]:checked + label:before {
        background-color: #ffdc1a;
        border-color: #ffdc1a;
        color: #000;
    }

    .check-box-process input[type=checkbox]:disabled + label:before {
        transform: scale(1);
        border-color: #aaa;
    }

    .check-box-process input[type=checkbox]:checked:disabled + label:before {
        transform: scale(1);
        background-color: #bfb;
        border-color: #bfb;
    }


.layer1_nab {
    width: 38%;
    top: 32%;
    left: 55%;
    right: 0;
}

.layer2_nab {
    width: 56%;
    top: 64%;
    left: 35%;
    right: 0;
    mix-blend-mode: darken;
}

.layer3_nab {
    width: 70%;
    top: 74%;
    left: 16%;
    right: 0;
}

.layer4_nab {
    width: 450px;
    top: 459px;
    right: 0%;
    right: 30px;
}

.c_nablayer1 {
    width: 400px;
    position: absolute;
    left: 10%;
    top: 36%;
    bottom: 0;
    z-index: 1;
}

.c_nablayer2 {
    width: 530px;
    position: absolute;
    left: 0%;
    top: 82%;
    bottom: 0;
    z-index: 10;
}

.nabsec-blk {
    padding-bottom: 80px;
}

.perspective {
    position: relative;
    top: -60px;
}

/*****footer****/
.s-footer {
    background: #000;
    padding: 20px 0 30px 0;
}

.footer-wrapp {
    padding: 25px 0 0;
}

.footer-left {
    font-family: 'GothamMedium';
    color: #fff;
}

    .footer-left ul li {
        font-size: 16px;
        display: inline-block;
        position: relative;
        padding-right: 24px;
        font-family: "GilroyBold";
    }

        .footer-left ul li a {
            color: #fff;
            font-family: "GilroyBold";
        }

.footer-right {
    width: 320px;
    margin-right: 60px;
}

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

.footer-left ul li a:hover {
    text-decoration: none
}

.footer-left ul li:after {
    position: absolute;
    width: 6px;
    height: 2px;
    background: #fff;
    content: "";
    right: 8px;
    top: 8px;
}

.copy-text {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    font-family: "GilroyRegular";
    text-transform: uppercase;
}

    .copy-text b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.footer-left ul li:last-child:after {
    background: none;
}

.footer-logo {
    width: 250px;
    margin-bottom: 10px;
}

.insp-heading {
    font-size: 18px;
    font-family: "GilroyBold";
    margin-bottom: 10px;
    text-transform: uppercase;
}

.insp-txt {
    padding: 25px;
}

.sprite {
    background: url(../images/sprite.png) no-repeat;
    display: inline-block;
}

.facebook {
    background-position: -19px -39px;
    width: 36px;
    height: 36px;
}

.twitter2 {
    background-position: -69px -39px;
    width: 35px;
    height: 36px;
}

.linkedin {
    background-position: -119px -39px;
    width: 35px;
    height: 36px;
}

.youtube {
    background-position: -169px -39px;
    width: 35px;
    height: 36px;
}

.insata {
    background-position: -217px -39px;
    width: 35px;
    height: 36px;
}
/**Slider process**/
.card {
    width: 100%;
}

.card__title {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.card__text {
    margin: 25px 0 40px 0;
    color: grey;
}

.card:not(:first-of-type) {
    display: none;
}

.actions {
    text-align: center;
}

.btn-pro-next {
    position: absolute;
    bottom: 50px;
    right: 50px;
}

.btn-pro-prev {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

.btn-probar {
    width: 50px;
    height: 50px;
    background: #000000;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border-radius: 50%;
    margin: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -7px 8px 18px 1px #00000063;
}

.bar__container {
    width: 100%;
    margin: 0 auto;
}

.bar {
    counter-reset: step;
    margin: 0;
    padding: 0;
}

    .bar li {
        list-style-type: none;
        float: left;
        width: 25%;
        position: relative;
        text-align: left;
        font-size: 16px;
        color: black;
        font-family: "GilroyBold";
    }

        .bar li span {
            position: absolute;
            top: -40px;
            left: 0;
            right: 0;
            width: 60%;
            margin: auto;
        }

        .bar li.active {
            color: #ffd221;
        }

        .bar li:before {
            content: "";
            width: 7px;
            height: 7px;
            line-height: 30px;
            font-size: 14px;
            border: none;
            display: block;
            text-align: center;
            margin: 12px auto 0px auto;
            border-radius: 50%;
            background-color: #000;
            color: #333;
        }

        .bar li:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background: #d9d9d9;
            top: 15px;
            left: -50%;
            z-index: -1;
        }

        .bar li:first-child:after {
            content: none;
        }

        .bar li.active:before {
            background: #ffd221;
            border: none;
            color: white;
        }

        .bar li.active + li.active:after {
            background: #ffd221;
        }

        .bar li.active:first-child + li:after:not(.active) {
            background: white;
        }

        .bar li.active:after {
            content: "";
            background: #ffd221;
            height: 3px;
            top: 14px;
        }

        .bar li.active:last-child:after {
            content: "";
            background: #ffd221;
        }

#cards .card {
    position: relative;
}




/******About us******/

.sub-heading_ab {
    font-family: "GilroyBold";
    font-size: 35px;
    color: #000;
}

.heading_ab {
    font-family: "GilroyBold";
    font-size: 45px;
    color: #000;
    margin-bottom: 5px;
}

.who-where-heading {
    font-family: "GilroyRegular";
    font-size: 30px;
    position: relative;
    top: -15px;
}

.bornwrap-ab {
    width: 600px;
    margin-left: 20%;
    margin-top: 30px;
    padding: 30px 0 0 0;
}


.banner-right-ab {
    width: 80%;
    position: relative;
    cursor: crosshair;
}

.banner-left-ab {
    width: 20%;
    position: relative;
    cursor: crosshair;
}

.ab_layer3 {
    width: 22%;
    top: 49%;
    left: 41%;
}

.ab_layer4 {
    width: 380px;
    top: 397px;
    right: 12%;
}

.ab_layer4 {
    width: 35%;
    top: 50%;
    right: 8%;
}

.ab_layer2 {
    width: 50%;
    top: 50%;
    left: 37%;
    margin: auto;
    mix-blend-mode: darken;
}

.abc_layer1 {
    width: 400px;
    left: 30%;
    top: 30%;
    z-index: 1;
}

.abc_layer3 {
    width: 52%;
    right: 21%;
    /* top: 70%; */
    top: 80%;
    z-index: 3;
}

.ab_bornwrap {
    width: 450px;
    margin-left: 30%;
    margin-top: 110px;
}

.layer1_at {
    width: 55%;
    top: 3%;
    left: 34%;
    right: 0;
}

.layer2_at {
    width: 60%;
    top: 43%;
    left: 24%;
    right: 0;
    mix-blend-mode: darken;
}

.layer3_at {
    width: 400px;
    top: 535px;
    left: -11%;
    right: 0;
}

.c_teamlayer1 {
    width: 500px;
    position: absolute;
    left: 20%;
    top: 15%;
    bottom: 0;
    z-index: 1;
}

.c_teamlayer2 {
    width: 90%;
    left: 100%;
    top: 65%;
    z-index: 3;
}

.teamsec-blk {
    margin-top: 100px;
}

.test-left {
    width: 35%;
}

.test-right {
    width: 60%;
}

.sec-testimonal {
    padding: 80px 0;
}

.layer2_tet {
    width: 650px;
    top: 40px;
    left: -9%;
    right: 0;
    mix-blend-mode: darken;
    z-index: -1;
}

.counter-cont {
    width: 73%;
    margin: auto;
    padding: 50px 0;
}

.count-txt {
    width: 30%;
}

.counter-value {
    width: 55px;
}

.cou-txt-sub {
    font-family: "GilroyRegular";
    font-size: 27px;
    color: #000;
}

.cou-head-txt {
    font-family: "GilroyBold";
    font-size: 45px;
    color: #000;
}

.count-txt {
    position: relative;
}

    .count-txt:after {
        content: "+";
        font-family: "GilroyBold";
        font-size: 40px;
        position: absolute;
        right: 0;
        top: 20px;
    }

    .count-txt:nth-child(2):after {
        right: -20px;
    }

    .count-txt:last-child:after {
        display: none;
    }

.counter-sec {
    border-top: 2px solid #dfdfdf;
    padding-top: 10px;
    margin-top: 50px;
}

.prst-heading {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    font-size: 100px;
    color: #000;
}

#vedio-bg {
    height: 450px;
}

.img-banner-40y {
    z-index: -1;
    position: relative;
}

.insp-img {
    width: 100%;
    overflow: hidden;
}

.insp-img {
    width: 100%;
}

.insp-img-box {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.insp-img:hover {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.atvImg {
    border-radius: 5px;
    transform-style: preserve-3d;
    -webkit-tap-highlight-color: rgba(#000, 0);
    width: 100%;
    height: 350px;
    display: inline-block;
}

    .atvImg img {
        border-radius: 5px;
        box-shadow: 0 2px 8px rgba(14, 21, 47, 0.25);
    }

.atvImg-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    transition: all 0.2s ease-out;
    &.over

{
    .atvImg-shadow

{
    box-shadow: 0 45px 100px rgba(14, 21, 47, 0.4), 0 16px 40px rgba(14, 21, 47, 0.4);
}

}
}

.atvImg-layers {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    overflow: hidden;
    transform-style: preserve-3d;
}

.atvImg-rendered-layer {
    position: absolute;
    width: 104%;
    height: 104%;
    top: -2%;
    left: -2%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: cover;
    transition: all 0.1s ease-out;
}

.atvImg-shadow {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    transition: all 0.2s ease-out;
    box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6);
}

.atvImg-shine {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 60%);
}

.miss-vis-blk {
    width: 80%;
    margin: auto;
    padding: 50px 0;
    margin-top: 30px;
}

.vision-blk {
    margin-right: 40px;
}

.mission-blk {
    margin-left: 40px;
    position: relative;
}

    .mission-blk:before {
        content: "";
        width: 7px;
        height: 100%;
        background: #ffd220;
        position: absolute;
        left: -40px;
    }

.txt-vision {
    font-family: "GilroyRegular";
    font-size: 24px;
}

.name-chairman {
    font-family: "GilroyMedium";
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.2;
}

    .name-chairman b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.legacy-work {
    width: 80%;
    margin: auto;
    position: relative;
    top: 50px;
}

.le-heading-blk {
    padding-left: 150px;
    padding-bottom: 60px;
}

.lagecy-content-left {
    width: 50%;
}

.lagecy-content-right {
    width: 50%;
}

.tittle-lagecy {
    font-family: "GilroyBold";
    font-size: 28px;
    margin-bottom: 8px;
}

.legacy-c_wrap {
    padding: 50px 0;
    padding-right: 50px;
}

.lagecy-content-right .legacy-c_wrap {
    padding-left: 50px;
}

.border-top {
    border-top: 1px solid #dfdfdf;
}

.legacy-list li {
    font-family: "GilroyRegular";
    font-size: 16px;
    color: #000;
    padding: 14px 0 0 15px;
    position: relative;
}

    .legacy-list li:after {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        left: 0;
        top: 20px;
        border-radius: 50%;
        background: #000;
    }

    .legacy-list li b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.lagecy-content-blk {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
}

    .lagecy-content-blk:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        left: 0;
        background: #dfdfdf;
        right: 0;
        margin: auto;
        top: 0;
    }

.lagecy-head-main {
    font-family: "GilroyLight";
    font-size: 65px;
    color: #000;
    position: relative;
    top: -10px;
    left: -80px;
}

    .lagecy-head-main b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.nab-heading-blk {
    padding-top: 0;
}

.slick-slide {
    margin: 0 15px;
}
/* the parent */
.slick-list {
    margin: 0 -10px;
}

.team-slider .slick-slide {
    margin: 0 10px;
}
/* the parent */
.team-slider .slick-list {
    margin: 0 -15px;
}

.sec-ab {
    padding: 30px 0;
}

.sp-icon-left {
    background-position: -21px -99px;
    width: 47px;
    height: 38px;
}

.sp-icon-right {
    background-position: -115px -99px;
    width: 47px;
    height: 38px;
}

.slick-arrow {
    border: none;
    outline: none;
    text-decoration: none;
    position: absolute;
}

.sec-ab {
    position: relative;
}

.arrow-left {
    right: 110px;
    bottom: -50px;
}

.arrow-right {
    right: 30px;
    bottom: -50px;
}

.nab-popup {
    width: 750px;
    margin: auto;
    left: 0;
    right: 0;
    top: 10%;
}

.nab-popup {
    padding: 44px 20px;
}

.fancybox-button.fancybox-close-small {
    background: #ffd220;
    opacity: 1;
}

.pop-content-box {
    padding: 20px;
}

.ab-popheading {
    font-family: "GilroyBold";
    font-size: 18px;
    margin-bottom: 8px;
}

.popupcontent-blk {
    margin-bottom: 15px;
}

.txt-cntent li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 3px;
}

body .mm-menu {
    background: #ffd221;
    border-color: #ffffff3d;
    color: rgba(255, 255, 255);
    text-transform: uppercase;
    font-family: "GilroyBold";
}

    body .mm-menu.mm-offcanvas {
        max-width: 300px;
    }

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 9999 !important;
}

body .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: rgb(255, 255, 255);
    font-family: "GilroyBold";
}

body .mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 8px;
    width: 8px;
    height: 8px;
}

body .mm-clear:after, .mm-close:after {
    width: 8px;
    height: 8px;
    left: 13px;
}

body .mm-menu .mm-btn:after, body .mm-menu .mm-btn:before {
    border-color: rgb(255, 255, 255);
}

body .mm-navbar.mm-hasbtns {
    background: #ffd221;
}

body .mm-navbar .mm-btn:last-child {
    border-left: 1px solid #ffffff3b;
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
    border-color: #ffffff3d;
    font-family: "GilroyBold";
}

.mm-menu .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, 0.68);
}

.nav__list-item a {
    font-family: "GilroyBold" !important;
    text-transform: uppercase !important;
}


/****Agri****/
.font-light {
    font-family: "GilroyLight";
}

.agri_layer1 {
    width: 40%;
    top: 12%;
    left: 43%;
    margin: auto;
}

.agri_layer3 {
    width: 33%;
    top: 45%;
    right: 49px;
}

.agri_layer2 {
    width: 65%;
    top: 27%;
    left: 37%;
    margin: auto;
    mix-blend-mode: darken;
}

.heading_ag {
    font-family: "GilroyRegular";
    font-size: 40px;
    color: #000;
    margin-bottom: 5px;
}

    .heading_ag b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.agc_layer1 {
    width: 400px;
    left: 30%;
    top: 250px;
    z-index: 1;
}

.eueka {
    padding-top: 80px;
}

.eu-left {
    width: 25%;
    position: relative;
}

.img-eu {
    width: 60%;
    margin: auto;
}

.eu_layer2 {
    width: 600px;
    top: 150px;
    left: -119px;
    margin: auto;
    mix-blend-mode: darken;
}

.eu-right {
    width: 65%;
    position: relative;
}

.eu-content-blk {
    padding-top: 150px;
}

.ag-contant {
    font-family: "GilroyRegular";
    font-size: 20px;
    margin-top: 20px
}

.ag-header-blk {
    margin-bottom: 50px;
}

.ag-content-blk {
    width: 60%;
}

    .ag-content-blk .txt-content {
        margin-bottom: 20px;
    }

.ag-bold-blk {
    position: relative;
    left: -80px;
}

    .ag-bold-blk .txt-content {
        font-size: 24px;
        font-family: "GilroyBold";
        margin-bottom: 20px;
    }

.agzon-bold-blk {
    position: relative;
}

    .agzon-bold-blk .txt-content {
        font-size: 24px;
        font-family: "GilroyRegular";
        margin-bottom: 20px;
    }

        .agzon-bold-blk .txt-content b {
            font-family: "GilroyBold";
        }

.agzon-content-blk .txt-content {
    width: 60%;
    margin-bottom: 10px;
}

.img-brand-logo {
    width: 130px;
    float: right;
}

.eu-brand-left {
    width: 25%;
    position: relative;
}

.eu-brand-right {
    width: 70%;
    position: relative;
}

.eu-brand-wrap {
    margin-bottom: 20px;
}

.heading-culture-blk {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
}

.heading-culture {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    font-size: 180px;
    color: #000;
    line-height: 0.9;
}

    .heading-culture.margin15 {
        margin-left: 15%;
    }


/***Artisans Exchange*****/

.banner-right-art {
    width: 50%;
}

.banner-left-art {
    width: 30%;
}

.layer1_art {
    width: 37%;
    top: 15%;
    right: 23%;
}

.layer2_art {
    width: 55%;
    top: 50%;
    right: 10%;
    mix-blend-mode: darken;
}

.layer3_art {
    width: 40%;
    top: 57%;
    right: 19%;
}

.banner-right-art {
    width: 70%;
    position: relative;
    cursor: crosshair;
}

.banner-left-art {
    width: 30%;
    position: relative;
    cursor: crosshair;
}

.exechange-heading {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    font-size: 90px;
    color: #000;
    position: relative;
    top: -70px;
    left: -80px;
}

.exe_layer1 {
    width: 300px;
    left: 70%;
    top: 350px;
    z-index: 1;
}

.content-art-left {
    width: 30%;
}

.content-art-right {
    width: 70%;
}

.art-heading {
    font-size: 40px;
    font-family: "GilroyBold";
    margin-bottom: 15px;
}

.content-art-blk {
    width: 60%;
}

    .content-art-blk .txt-content {
        margin-bottom: 20px;
    }

.heading-art-blk {
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
}

.website-url-wrap {
    margin: 30px 0;
}

.website-m-blk {
    width: 28%;
    text-align: center;
    margin-bottom: 20px;
}

.url-blk a {
    color: #000;
    font-size: 16px;
    font-family: "GilroyBold";
    margin-top: 10px;
    display: block;
}

.website-blk {
    width: 70%;
}

.heading-culture-sub {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    font-size: 140px;
    color: #000;
    line-height: 0.9;
}


/****Col****/
.col_layer2 {
    width: 50%;
    top: 52%;
    left: 37%;
    margin: auto;
    mix-blend-mode: darken;
}

.col_layer4 {
    width: 750px;
    top: 458px;
    right: 0;
}

.col_layer3 {
    width: 32%;
    left: 6%;
    top: 35%;
    z-index: 3;
}

.flip-box-left {
    width: 28%;
}

.flip-box-right {
    width: 50%;
    margin-right: 8%;
}

.flip-sec {
    padding-top: 70px;
}

.heading_flip {
    font-family: "GilroyBold";
    font-size: 30px;
    margin-bottom: 20px;
}

.flip-box-blk {
    align-items: center;
    margin-bottom: 50px;
}

.content-flip-box {
    width: 85%;
    margin: auto;
    padding-bottom: 50px
}

.heading-bigger {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    color: #000;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
}

.bigger-txt-content {
    font-size: 22px;
    font-family: "GilroyRegular";
    margin-bottom: 24px;
    line-height: 1.2
}

    .bigger-txt-content b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.big-txt-blk {
    width: 80%;
}

.partlist-heading {
    font-family: "GilroyBold";
    font-size: 20px;
    margin-bottom: 8px;
}

.partnerlist-box li {
    margin-left: 60px;
    width: 70%;
    margin-bottom: 15px;
    position: relative;
}

    .partnerlist-box li:before {
        content: "\2605";
        font-size: 18px;
        position: absolute;
        top: 0;
        left: -30px;
        font-family: "GilroyMedium";
    }

.heading-colirbate-blk {
    text-align: center;
    margin-top: 40px;
    position: relative;
    bottom: -20px;
}

.heading-col-sub {
    font-size: 120px;
    font-family: "MADE_SAONARA_PERSONAL_USE";
}

/*****Team Content****/

.teamlayer-banner-txt {
    width: 500px;
    position: absolute;
    left: 40%;
    top: 40px;
    bottom: 0;
    z-index: 1;
}

.teamlayer-manegment {
    width: 600px;
    left: 300px;
    top: 450px;
    z-index: 3;
}

.team-heading {
    font-family: "GilroyRegular";
    font-size: 50px;
    margin-bottom: 5px;
}

    .team-heading b {
        font-family: "GilroyBold";
    }

.team-heading-blk {
    margin-bottom: 31px;
    margin-left: 100px;
}

.team-derectors-blk {
    width: 33.33%;
    position: relative;
}

.director-heading {
    font-size: 18px;
    font-family: "GilroyRegular";
    color: #fff;
    line-height: 1.2;
}

    .director-heading b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.bullet {
    width: 10px;
    height: 10px;
    background: #ffdc1a;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.derector-name-blk {
    position: absolute;
    bottom: 20px;
    width: 80%;
    margin: auto;
    left: 0;
    right: 0;
}

.team-derector-img {
    filter: grayscale(1);
    cursor: pointer;
}

    .team-derector-img:hover {
        filter: grayscale(0);
    }

.director-board {
    position: relative;
    top: -50px;
    margin-bottom: 50px;
}

.team-heading-sub {
    font-size: 16px;
    font-family: "GilroyRegular";
    color: #fff;
    line-height: 1.2;
}

.bornwrap-team {
    width: 500px;
    margin-left: 25%;
    margin-top: 80px;
    padding: 50px 0;
    margin-bottom: 80px;
}

.heading-magment-blk {
    text-align: center;
    margin-top: 40px;
    line-height: 0.1;
    margin-bottom: 20px;
}

.mt150 {
    margin-top: 150px;
}

/*****Farmar Conrner****/
.banner-right-fcr {
    width: 80%;
    position: relative;
    cursor: crosshair;
}

.img-banner-fcr {
    z-index: -1;
    position: relative;
}

.layer1_fcr {
    width: 58%;
    top: 30%;
    left: 30%;
}

.layer2_fcr {
    width: 70%;
    top: 29%;
    right: 0;
    mix-blend-mode: darken;
}

.layer3_fcr {
    width: 44%;
    top: 63%;
    left: 29%;
}

.layer4_fcr {
    width: 49%;
    top: 60%;
    right: -26px;
}

.fcr_layer3 {
    width: 32%;
    left: 8%;
    top: 40%;
    z-index: 3;
}

.heading-fcr-blk {
    width: 70%;
    margin: auto;
    margin-bottom: -20px;
}

.fcrlayer-banner-txt {
    width: 500px;
    position: absolute;
    left: 40%;
    top: 150px;
    bottom: 0;
    z-index: 1;
}

.farmar-sec-agni {
    margin-top: 30px;
}

.agni-sec {
    width: 75%;
    margin: auto;
}

.agni-content-sec {
    width: 70%;
    margin-top: 10px;
}

    .agni-content-sec .txt-content {
        margin-bottom: 20px;
    }

.single-arrow-left {
    left: -100px;
    top: 50%;
}

.single-arrow-right {
    right: -100px;
    top: 50%;
}

.slider-box-soil {
    padding: 40px 0;
}


/*******Successfil farmer**********/

.sfb_layer1 {
    width: 69%;
    top: 22%;
    right: -50px;
    margin: auto;
}

.sfb_layer2 {
    width: 49%;
    top: 45%;
    left: 52%;
    margin: auto;
    mix-blend-mode: darken;
}

.sfb_layer3 {
    width: 40%;
    left: 7%;
    top: 40%;
    z-index: 3;
}

.heading-05 {
    font-family: "MADE_SAONARA_PERSONAL_USE";
    font-size: 180px;
    color: #ffd220;
    position: absolute;
    top: 15px;
    left: 0;
}

.asf_layer1 {
    width: 400px;
    left: 30%;
    top: 200px;
    z-index: 1;
    position: relative;
}

.heading_asf {
    font-size: 30px;
    font-family: "GilroyBold";
}

    .heading_asf span {
        font-size: 45px;
    }

.asf-content-box {
    padding-left: 127px;
    padding-top: 113px;
    z-index: 2;
    position: relative;
}

.thanks-heading {
    font-family: "GilroyBold";
    font-size: 26px;
    position: relative;
    margin-bottom: 10px;
}

.name-succesfarmer {
    font-family: "GilroyRegular";
    font-size: 26px;
    margin-bottom: 30px;
}

    .name-succesfarmer b {
        font-family: "GilroyBold";
    }

.mt30 {
    margin-top: 30px;
}

.successful .heading_flip {
    margin-bottom: 10px;
}

.successful .flip-box-left {
    width: 40%;
}

.heading-succes-farmer-blk {
    text-align: left;
    margin-top: 40px;
    position: relative;
    bottom: -20px;
    width: 70%;
    margin: auto;
}

.farmer-left {
    margin-left: 25%;
}

.flip-box-blk.successful {
    align-items: flex-start;
}

/************Upcoming Projects *************/

.uop_c_layer1 {
    width: 500px;
    left: 30%;
    top: 250px;
    z-index: 1;
}

.uop_layer1 {
    width: 70%;
    top: 12%;
    right: 0;
    margin: auto;
}

.uop_layer2 {
    width: 50%;
    top: 40%;
    left: 39%;
    margin: auto;
    mix-blend-mode: darken;
}

.uop_layer3 {
    width: 500px;
    left: 6%;
    top: 300px;
    z-index: 3;
}

.accodion-sec {
    padding: 80px 0;
}

.content-accodion-box {
    width: 75%;
    margin: auto;
}

.heading-nabfoundation-blk {
    text-align: center;
    margin-top: 40px;
    line-height: 1;
    margin-bottom: 0px;
}

.accordion-project .panel-default > .panel-heading {
    background: transparent;
    border: none !important;
}

.accordion-project .panel-body {
    background: transparent;
    border: none !important;
}

.accordion-project .panel {
    border-radius: 0px !important;
    border: none;
    border-bottom: 3px solid #ffd221;
}

.accordion-project .panel-title {
    font-family: "GilroyBold";
    font-size: 26px;
    color: #000;
    padding: 8px 0;
}

    .accordion-project .panel-title a {
        color: #000;
        padding-right: 10%;
        display: block;
        position: relative;
    }

        .accordion-project .panel-title a span {
            margin-right: 5px;
        }

.accodion-content {
    width: 75%;
    margin: 25px auto;
}

.acc-heading {
    font-family: "GilroyBold";
    font-size: 26px;
    color: #000;
    margin-bottom: 15px;
}

.acc-content-blk .txt-content {
    padding-bottom: 15px;
}

.acc-content-blk .partnerlist-box li {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    display: inline-block;
}

.up-accoden.legacy-list li:before {
    content: "";
}

.up-accoden.legacy-list li:after {
    background: #ffd221;
}

.up-accoden.legacy-list li {
    margin-left: 20px;
    margin-top: 0;
}

.acc-content-blk .partnerlist-box li:before {
    color: #ffd221;
}

.btn-box-toggle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    background: #ffd221;
    border-radius: 50%;
}

    .btn-box-toggle:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 3px;
        background: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

.collapsed .btn-box-toggle:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 15px;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.layer4_dg {
    width: 20%;
    top: 50%;
    right: 1%;
}

.layer3_dg {
    width: 80%;
    top: 35%;
    left: 22%;
}

.layer2_dg {
    width: 65%;
    top: 25%;
    right: 3%;
    mix-blend-mode: darken;
}

.layer1_dg {
    width: 22%;
    top: 28%;
    left: 43%;
}

.dg-c_layer3 {
    width: 48%;
    left: 15%;
    top: 71%;
    z-index: 3;
}

.m-gandhi-ab {
    width: 600px;
    margin-left: 25%;
    padding: 40px 0;
}

    .m-gandhi-ab .bornblk {
        border: none;
    }

.txt-content-big {
    font-size: 24px;
    margin-top: 10px;
}

.img-devlop {
    width: 100%;
}

.dev-contant {
    font-size: 28px;
    font-family: "GilroyRegular";
}

    .dev-contant b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.devlopmet-cotainer {
    width: 70%;
    margin: auto;
}

.dev-brand-logo {
    width: 80px;
    margin-right: 25px;
}

.dv-content-blk .txt-content {
    margin-bottom: 25px;
    width: 80%;
}

.dv-brand-wrap {
    margin-bottom: 50px;
}

.faq-container {
    width: 80%;
    margin: auto;
}

.faq-heading-blk {
    margin-bottom: 20px;
}

.faq-sec {
    padding: 60px 0 0 0;
}

.number-txt {
    background: #ffd221;
    border-radius: 50%;
    font-size: 18px;
    margin-right: 15px;
    display: inline-table;
    text-align: center;
    padding: 8px;
}

.develop-acc .btn-box-toggle {
    background: #d7d7d7;
}

.develop-acc.accordion-project .panel-title a {
    font-size: 22px;
}

.dev-content {
    width: 90%;
    margin: 10px auto;
}

.develop-acc.accordion-project .panel {
    border-bottom: 2px solid #d7d7d7;
}

.develop-acc.accordion-project .panel-title a .dflex {
    align-items: center;
}


/****Changes homegapage*/

.banner-right-ht {
    width: 70%;
    position: relative;
    cursor: crosshair;
}

.layer1_ht {
    width: 45%;
    top: 100px;
    right: 16%;
}

.layer3_ht {
    width: 74%;
    top: 54%;
    right: -50px;
}

.layer2_ht {
    width: 60%;
    top: 45%;
    left: 33%;
    mix-blend-mode: darken;
}

.banner-right-73 {
    width: 60%;
}

.banner-left-73 {
    width: 40%;
}

.agri_c_layer3 {
    width: 40%;
    left: 6%;
    top: 35%;
    z-index: 3;
}

.devlop-num {
    font-family: "GilroyBold";
    font-family: 18px;
    color: #d7d7d7;
}

.devlop-item {
    width: 31.33%;
    background: #262626;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
    float: left;
    margin: 10px 1%;
    min-height: 200px;
}

.devlop-content {
    color: #fff;
    font-family: "GilroyBold";
    font-size: 24px;
    margin-top: 15px;
}

.development-box-wrap {
    margin-top: 25px;
}

.devlop-item:nth-child(3n + n) {
    margin-right: 0;
}

.devlop-heading-bik {
    margin-bottom: 20px;
}

.pro_c_layer3 {
    width: 50%;
    left: 4%;
    top: 40%;
    z-index: 3;
}

.heading-uop-blk {
    text-align: center;
    margin-top: 40px;
    line-height: 1;
    margin-bottom: 20px;
}

.are-banner {
    position: relative;
    left: -100px;
}

.popupcontent-blk .txt-content {
    margin-bottom: 20px;
}

.sub-team-name {
    font-size: 24px;
    font-family: "GilroyRegular";
    margin-bottom: 15px;
}

    .sub-team-name b {
        font-family: "GilroyBold";
        font-weight: normal;
    }

.acc-content-blk .txt-cntent li {
    margin-bottom: 8px;
}

.popup-wrap .accodion-content {
    width: 80%;
}

.panel-title .accodion-img {
    margin-top: 30px;
}

section {
    overflow-x: hidden;
    overflow-y: hidden;
}

.col_layer1 {
    width: 64%;
    top: 10%;
    right: 8%;
}

.step-txt {
    width: 100%;
}

    .step-txt .form-control {
        font-size: 14px;
        font-family: "GilroyBold";
        color: #999 !important;
        border-radius: 0;
        height: 40px;
    }

    .step-txt label {
        font-size: 16px;
        color: #999;
    }

    .step-txt .form-file {
        font-size: 14px;
        font-family: "GilroyBold";
        color: #999 !important;
        border-radius: 0;
        border: none;
        outline: none;
    }

.thank-you-txt {
    font-size: 80px;
    font-family: "GilroyBold";
}

.step-thanks {
    justify-content: center;
}

.step-thank-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
}

.btn-finish.last {
    display: none !important;
}

.prt-btn-track.last {
    display: none !important;
}

section.sec2 {
    overflow: initial;
}

.address-blk {
    margin-bottom: 10px;
}

.email-box {
    align-items: center;
    margin-top: 5px;
}

    .email-box .btn-link {
        margin-top: -1px;
        margin-left: 9px;
    }

canvas {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: #000;
}

    canvas.active {
        display: none;
    }

.item-insp.border-box .atvImg-layers {
    border: 2px solid #ababab;
}

.border-box-pad {
    border: 2px solid #ababab;
}

.project-box .item-insp {
    width: 48%
}

.sec-project {
    padding-top: 80px;
}

.btn-login-register-footer {
    color: #000;
    font-family: 'GilroyBold';
    font-size: 14px;
    background: #ffdc1a;
    padding: 10px 15px;
    border-radius: 35px;
    margin: 11px 0 8px;
    text-decoration: none;
    display: inline-block;
}

    .btn-login-register-footer:hover, .btn-login-register-footer:focus {
        color: #000;
    }

.team-sec {
    margin-bottom: 80px;
}

.nab-popup.popup-pdf {
    padding: 0 44px 40px 20px;
    width: 800px;
}

.popup-pdf .sub-heading_73 {
    margin: 0;
}

.new-txt {
    font-family: "GilroyBold";
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}

.news-item {
    width: 22%;
    margin-bottom: 25px;
}

    .news-item img {
        width: 100%;
    }

    .news-item img {
        width: 100%;
        border: 1px solid #d4d4d4;
    }

.newrom-wrap {
    margin-top: 25px;
}

.sec-ab.get-inspired {
    padding-bottom: 90px;
}

.acc-content-blk .partlist-heading {
    position: relative;
    margin-left: 15px;
}

    .acc-content-blk .partlist-heading:before {
        content: "\2605";
        font-size: 16px;
        position: absolute;
        top: 0;
        left: -25px;
        font-family: "GilroyMedium";
        color: #ffd221;
    }

.sec-process-wrap {
    position: relative;
}

.address-blk .btn-link {
    background: transparent;
    color: #fff;
    margin-left: 0;
    padding: 5px;
}

.expand {
    display: none;
}

.loader-blk {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99999999;
}

.loader {
    position: absolute;
    width: 10em;
    height: 10em;
    margin: auto;
    perspective: 1200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(1.2);
}

div[class^="atom"] {
    width: 10em;
    height: 10em;
    border-radius: 50%;
    border-width: 4px;
    position: absolute;
    box-sizing: border-box;
    transform-style: preserve-3d;
}

.atom-1 {
    left: 0;
    top: 0;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    animation: spin1 1s linear infinite;
}

.atom-2 {
    right: 0;
    top: 0;
    border-right-style: solid;
    border-right-color: #fff;
    animation: spin2 1.2s linear infinite;
}

.atom-3 {
    right: 0;
    bottom: 0;
    border-top-style: solid;
    border-top-color: #fff;
    animation: spin3 1.4s linear infinite;
}

@keyframes spin1 {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes spin2 {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes spin3 {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

.logo-loader {
    position: absolute;
    width: 80px;
    top: 27%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.bannerlayer {
    transform: none !important;
}

.white-link {
    color: #fff;
}

.team-slider .team-derectors-blk {
    width: 23.5%;
    margin-bottom: 25px;
}

.media-blk .sfb_layer3 {
    width: 32%;
}

.box-media-img {
    width: 46%;
    margin: 25px 0;
}

    .box-media-img img {
        border: 1px solid #ccc;
    }

.box-media img {
    border: 1px solid #ccc;
}

.box-media-img .txt-content {
    margin-top: 15px;
}

.content-box-media {
}

.list-date-update {
    padding: 10px 0
}

    .list-date-update li {
        font-family: "GilroyBold";
        font-size: 18px;
        color: #000;
        display: inline-block;
        margin: 0 8px;
        position: relative;
    }

        .list-date-update li:first-child {
            margin-left: 0;
        }

            .list-date-update li:first-child:before {
                display: none;
            }

        .list-date-update li:before {
            content: "/";
            position: absolute;
            top: 0;
            left: -15px;
        }

.news-item {
    position: relative;
}

    .news-item:hover .box-hover-content {
        opacity: 1;
        left: 40px;
        transition: 1s all ease-in-out;
    }

.box-hover-content p {
    font-size: 12px;
}

.box-hover-content {
    position: absolute;
    top: 15px;
    left: -20px;
    width: 150px;
    min-height: 50px;
    background: #fff;
    border: 2px solid #ffd220;
    z-index: 5;
    padding: 10px;
    opacity: 0;
    transition: 1s all ease-in-out;
}

    .box-hover-content:after {
        border: 10px solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        border-right-color: #ffd220;
        position: absolute;
        left: -22px;
        top: 8px;
    }

.gallery-img-box {
    width: 25%;
    margin-bottom: 20px;
    float: left;
    padding: 1%;
}

.width100 {
    width: 100%;
}

.media-box {
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
}

.acc-content-blk .txt-cntent li a {
    color: #000;
    font-family: "GilroyBold";
}

.follow-us {
    line-height: 36px;
    font-weight: bold;
    color: white;
}
/************Add CSS Changes whatsnew and Videos naew page************************/
.whats-new-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: -1px 14px 20px 5px #0000001c;
    z-index: 9998;
    background: #ffdc1a;
    padding: 0;
}

.whats_new-txt .heading_flip {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.whats_new-txt {
    padding-bottom: 60px;
    padding-top: 50px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

    .whats_new-txt:first-child {
        padding-top: 0;
    }

    .whats_new-txt:last-child {
        border-bottom: none;
    }

.video-txt-blk {
    width: 30%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

.play-youtube-video {
    position: relative;
    display: block;
    overflow: hidden;
}

    .play-youtube-video:before {
        content: "";
        background: #000;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.7;
    }

.video_play_icon_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 50%;
    z-index: 2;
}

.video-play-txt-blk {
    margin-top: 15px;
}

.team-heading-blk.play_video_heading {
    margin-left: 0;
    margin-bottom: 50px;
}

.whatsnew_content {
    font-size: 20px;
    font-family: "GilroyMedium";
    margin-bottom: 14px;
    margin-top: 20px;
}

.content-box-media {
    margin-top: 10px;
}

.whats-new-contnt-blk {
    margin-bottom: 20px;
}

.video_frame {
    padding-bottom: 40px;
    border-bottom: 1px solid #0000004a;
    margin-top: 30px;
}

    .video_frame:first-child {
        margin-top: 0px;
    }

    .video_frame:last-child {
        border-bottom: none;
    }

.team-derectors {
    justify-content: space-evenly;
}

.txt-content a {
    color: #000;
    font-family: "GilroyBold";
}

    .txt-content a:hover {
        color: #ffdc1a;
    }

.txt-cntent.bold {
    font-family: "GilroyBold";
}

.table-responsite {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

    .table-responsite caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    .table-responsite tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    .table-responsite th,
    .table-responsite td {
        padding: .625em;
        text-align: center;
    }

    .table-responsite th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

@media screen and (max-width: 900px) {
    .table-responsite {
        border: 0;
    }

        .table-responsite caption {
            font-size: 1.3em;
        }

        .table-responsite thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .table-responsite tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        .table-responsite td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
        }

            .table-responsite td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            .table-responsite td:last-child {
                border-bottom: 0;
            }
}

#donate_popup {
    width: 1000px;
    top: 0%;
}

.btn-finish-form {
    padding: 10px 22px;
    background: #ffdc1a;
    border-radius: 30px;
    font-size: 17px;
    margin-left: 6px;
    color: #000;
    font-family: "GilroyBold";
    border: none;
    outline: none;
}

.sec-handicraft-cat .flip-box-right {
    width: 65%;
    margin-right: 0;
}

.sec-handicraft-cat .flip-box-left {
    width: 30%;
    margin-bottom: 10px;
}

.sec-handicraft-cat .flip-box-blk {
    align-items: flex-start;
    margin-bottom: 15px;
}

.sec-handicraft-cat .flip-content-box .txt-content {
    font-size: 14px;
    margin-bottom: 5px;
}

.list-artist-img {
    width: 47%;
}

.icon-down-btn {
    position: absolute;
    width: 38px;
    height: 38px;
    background: #ffffff80;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .icon-down-btn:before {
        content: '';
        border: 2px solid black;
        display: block;
        width: 10px;
        height: 10px;
        margin: auto;
        position: relative;
        top: 0;
        bottom: 0;
        -webkit-transform: rotate( -45deg );
        -ms-transform: rotate(-45deg);
        transform: rotate( -45deg );
        box-sizing: border-box;
        border-top: none;
        border-right: none;
    }

    .icon-down-btn.active:before {
        -webkit-transform: rotate(135deg );
        -ms-transform: rotate(135deg);
        transform: rotate(135deg );
        top: 6px;
    }

#about-page-toggle, #featured-videos-toggle, #agri-start-toggle {
    background: #ffffff3b;
}

.new-year-list {
    background: #ffdc1a;
    min-height: 250px;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 1px 8px 17px 6px #00000024;
}

    .new-year-list ul {
        margin-top: 30px;
    }

        .new-year-list ul li a {
            font-family: "GilroyMedium";
            font-size: 17px;
            margin-bottom: 20px;
            color: #000;
            display: inline-block;
        }

.content-flip-box.blog-page {
    width: 95%;
}

.sticky-bar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 100px;
}

.dev-content .box-img-blk.dflex-between {
    justify-content: left;
}

.dev-content .box-img-blk .box-media-img {
    margin-right: 25px;
    width: 35%;
}

@-webkit-keyframes myfirst {
    from {
        text-shadow: 4px 4px 7px #ffdc1a;
    }

    to {
        text-shadow: none;
    }
}

@-moz-keyframes myfirst {
    from {
        text-shadow: 4px 4px 7px #ffdc1a;
    }

    to {
        text-shadow: none;
    }
}

@keyframes myfirst {
    from {
        text-shadow: 4px 4px 7px #ffdc1a;
    }

    to {
        text-shadow: none;
    }
}

.title {
    color: #000000;
    /*padding: 20px 0 20px 0;*/
    font-size: 18px;
    font-weight: 700;
    text-shadow: 3px 3px 5px #ffdc1a;
    -webkit-animation: myfirst 2s 98765432;
    -moz-animation: myfirst 2s 98765432;
    animation: myfirst 2s 98765432;
}

    .title a {
        color: #000000;
    }

        .title a:hover {
            color: #000000;
        }

.unorderlist {
    padding: 20px;
    padding-left: 35px;
}

.liststyle {
    list-style: circle;
}