.eco-system-icon-block-thee-go {
    margin-left: -45px;
    margin-top: -48px;
    z-index: 9;
}

.eco-system-rim {
    border: 0;
    height: max-content;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.eco-system-inner {
   
    background: rgba(255, 255, 255, .3);
    border-radius: 13px;
    border: 2px solid #00B9A6;
    
    margin: 0;
    width: 100%;
    height: 600px;

    position: relative;
    overflow: hidden;
}

.eco-system-icon-block-description {
    display: none
}

.eco-system-icon-block {
    position: absolute
}

.eco-system-icon-block-thee-go {
    top: 60%;
    left: 42%;
    margin-left: 0;
    margin-top: 0;
}

.eco-system-icon-block-electric-vehicles {
    top: 18%;
    left: 50%;
    margin-left: -70px
}

.eco-system-icon-block-battery-disposal {
    top: 25%;
    left: 26%;
}

.eco-system-icon-block-after-sales-service {
    top: 25%;
    right: 26%
}

.eco-system-icon-block-battery-assembly {
    top: 50%;
    left: 16%
}

.eco-system-icon-block-training-and-development {
    top: 50%;
    right: 17.5%;
}

.eco-system-icon-block-financing {
    top: 56%;
    left: 19%
}

.eco-system-icon-block-charging-station {
    top: 56%;
    right: 19%
}

.eco-system-icon-block-fleet-service {
    bottom: 15%;
    left: 32%
}

.eco-system-icon-block-retrofitting {
    bottom: 15%;
    right: 32%
}

.eco-system-icon-list-active .eco-system-icon-block {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 4px 8px 15px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    text-align: center
}

.eco-system-icon-list .eco-system-icon-block img {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.eco-system-icon-list-active .eco-system-icon-block-active {
    position: absolute;
    top: 25%;
    left: 0;
    bottom: initial;
    right: initial;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center
}

.eco-system-icon-list img:hover {
    opacity: .4
}

.eco-system-icon-list-active .eco-system-icon-block-active img {
    height: 180px
}

.eco-system-icon-list-active .eco-system-icon-block-active a {
    display: flex;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%
}

.eco-system-icon-list-active .eco-system-icon-block-active .eco-system-icon-block-description {
    display: flex;
    -ms-flex: 0 0 77%;
    flex: 0 0 77%;
    max-width: 77%
}

.eco-system-icon-list-active {
    padding-top: 55%;
    padding-left: 100px;
    padding-right: 100px
}

.eco-system-icon-title {
    position: absolute;
    color: #fff;
    line-height: 1.2em;
    width: 118px;
    font-weight: bold;
    /* width: 100%; */
    font-size: 18px;
}

.eco-system-icon-title-electric-vehicles {
    top: -42px;
    left: 6px;
    width: 150px;
}

.eco-system-icon-title-after-sales-serivce {
    right: -120px;
    width: 100px;
    top: 20px;
}

.eco-system-icon-title-training-and-development {
    top: 35px;
    right: -140px;
}

.eco-system-icon-charging-station {
    right: -100px;
    top: 90px
}

.eco-system-icon-title-retrofitting {
    bottom: -40px;
    left: 12px
}

.eco-system-icon-title-fleet-service {
    bottom: -40px;
    left: 12px
}

.eco-system-wrapper-kh .eco-system-icon-title-block-financing {
    bottom: -10px;
    left: -90px
}

.eco-system-icon-title-block-financing {
    bottom: -10px;
    left: -80px
}

.eco-system-icon-title-battery-assembly {
    top: 35px;
    left: -105px;
}

.eco-system-icon-title-battery-disposal {
    top: 30px;
    left: -110px;
    width: 100px;
}

.eco-system-icon-list-active .eco-system-icon-title {
    position: static;
    display: block;
    margin-top: 15px
}

.eco-system-icon-list-active .eco-system-icon-title {
    position: static;
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto
}

.eco-system-icon-list-active .eco-system-icon-block-active .eco-system-icon-title {
    display: none
}

.eco-system-icon-block-description {
    text-align: left
}

.thee-go-our-story {
    width: 90px
}

.thee-go-our-story h3 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 45px 40px;
    font-size: 1.3em
}

.eco-system-icon-block-description p {
    margin-left: -45px
}

.eco-system-icon-block a:hover {
    text-decoration: none
}

.eco-system-icon-list .eco-system-icon-block img {
    width: auto;
}

.eco-system-icon-list .eco-system-icon-block-active img {
    width: 140px
}

.eco-system-icon-list-active .eco-system-icon-block img {
    height: 95px;
    width: 95px
}

.eco-system-icon-block-electric-vehicles:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 120px;
    display: block;
    position: absolute;
    transform: rotate(90deg);
    left: 6px;
    bottom: -60px
}

.eco-system-icon-block-after-sales-service:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 160px;
    display: block;
    position: absolute;
    transform: rotate(135deg);
    left: -113px;
    bottom: -44px;
}

.eco-system-icon-block-battery-disposal:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 155px;
    display: block;
    position: absolute;
    transform: rotate(-133deg);
    right: -106px;
    bottom: -39px;
}

.eco-system-icon-block-training-and-development:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 131px;
    display: block;
    position: absolute;
    transform: rotate(-126deg);
    left: 76px;
    bottom: -48px
}

.eco-system-icon-block-training-and-development:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 170px;
    display: block;
    position: absolute;
    transform: rotate(170deg);
    left: -161px;
    bottom: 23px;
}

.eco-system-icon-block-battery-assembly:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 170px;
    display: block;
    position: absolute;
    transform: rotate(-170deg);
    right: -161px;
    bottom: 23px;
}

.eco-system-icon-block-charging-station:after {
    content: '';
    background: #a8c953;
    height: 2px;
    width: 170px;
    display: block;
    position: absolute;
    transform: rotate(209deg);
    right: -161px;
    bottom: 23px;
}

.eco-system-icon-block-financing:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 117px;
    display: block;
    position: absolute;
    transform: rotate(-209deg);
    right: -92px;
    bottom: 123px
}

.eco-system-icon-block-fleet-service:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 150px;
    display: block;
    position: absolute;
    transform: rotate(-239deg);
    right: -45px;
    bottom: 188px
}

.eco-system-icon-block-retrofitting:after {
    content: '';
    background: rgb(212 241 250 / 80%);
    height: 3px;
    width: 150px;
    display: block;
    position: absolute;
    transform: rotate(239deg);
    left: -45px;
    bottom: 188px
}

.eco-system-icon-list-active .eco-system-icon-block:after {
    display: none
}



.knowledge-hub-banner-inner {
    position: relative
}

.knowledge-hub-banner h1 {
    line-height: 1
}

.knowledge-hub-banner h1 span {
    display: block;
    text-transform: uppercase
}

.knowledge-hub-banner h1 span.nepal {
    color: #2e2e2e;
    font-size: 34px
}

.knowledge-hub-banner h1 span.electric-mobility {
    color: #a8ca54;
    font-size: 42px
}

.knowledge-hub-banner h1 span.revolution {
    color: #000;
    font-size: 65px
}

.interactive-guide .btn {
    padding: 5px 20px;
    margin-top: 80px;
    background-color: #a8ca54;
    text-transform: uppercase;
    color: #000;
    font-weight: 500
}

.interactive-guide .btn-green-outline:hover {
    background-color: transparent;
    color: #a8ca54
}

.knowledge-hub-banner-road {
    background: url(../images/knowledge-hub-banner-bg.svg) no-repeat bottom center;
    background-size: contain !important;
    height: 216px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.kh-elements {
    position: absolute;
    width: 100%;
    bottom: 90px;
    z-index: 1
}

.kh-elements li {
    display: inline-block
}

.kh-elements li a {
    text-align: center;
    display: block;
    color: #000
}

.kh-elements li a:hover {
    color: #000;
    text-decoration: none
}

.kh-elements span {
    display: block;
    font-weight: 500;
    margin-bottom: 10px
}

.kh-elements img {
    height: 70px
}

.kh-elements .col2,
.kh-elements .col4 {
    padding-top: 35px
}

.kh-elements .col3 {
    padding-top: 70px
}

.kh-content {
    padding-top: 24vh;
    padding-left: 60px;
    padding-right: 60px
}

.kh-guide {
    margin-top: 100px;
    margin-bottom: 100px
}

.kh-guide-row1 .kh-guide-title h2 {
    color: #2e2e2e
}

.kh-guide-title h2 {
    font-size: 30px;
    color: #a8ca54
}

.kh-guide-title h2 span {
    vertical-align: bottom
}

.kh-guide-content1 h3 {
    margin-bottom: 15px
}

.kh-guide-content {
    position: relative;
    padding-bottom: 235px
}

.kh-guide-row {
    margin-top: -367px;
    padding-top: 183px;
    position: relative
}

.kh-guide-row1 {
    margin-top: -183px
}

.kh-guide-row1 .kh-guide-title h2:after {
    content: '';
    background: url(../images/black-bar.jpg) repeat-x bottom;
    width: 100%;
    height: 59px;
    display: block;
    border-radius: 50px;
    margin-top: 25px
}

.kh-guide-row1 .kh-guide-content:before {
    content: '';
    background: url(../images/black-bar-vt2.jpg) repeat-y right;
    width: 60px;
    height: calc(100% + 59px);
    display: block;
    position: absolute;
    top: -59px;
    right: 0;
    border-radius: 50px
}

.kh-guide-title h2:after {
    content: '';
    background: url(../images/green-bar.jpg) repeat-x bottom;
    width: 100%;
    height: 59px;
    display: block;
    border-radius: 50px;
    margin-top: 25px
}

.kh-guide-content:before {
    content: '';
    background: url(../images/green-bar-vt.jpg) repeat-y right;
    width: 60px;
    height: calc(100% + 59px);
    display: block;
    position: absolute;
    top: -59px;
    right: 0;
    border-radius: 50px
}

.kh-guide-content2:before {
    right: initial;
    left: 0
}

.kh-guide-content1-bottom {
    padding-left: 60px;
    padding-right: 60px
}

.kh-element-icon {
    margin-left: 80px
}

.kh-guide-row2 .kh-element-icon,
.kh-guide-row4 .kh-element-icon {
    margin-right: 80px
}

.kh-pad-right {
    padding-right: 60px
}

.kh-pad-left {
    padding-left: 60px
}

.cloud-wrapper-img {
    position: absolute;
    top: 50%;
    z-index: 1
}

.cloud-wrapper-img1 {
    background: url(../images/cloud1.svg) no-repeat 0 0;
    width: 1100px;
    margin-left: -425px;
    height: 460px;
    margin-top: -400px;
    left: 50%
}

.cloud-wrapper-img2 {
    background: url(../images/cloud2.svg) no-repeat 0 0;
    width: 1080px;
    margin-right: -475px;
    height: 558px;
    margin-top: -370px;
    right: 50%
}

.kh-guide-row .kh-guide-title h2 {
    position: relative
}

.kh-guide-row .kh-element-icon-car,
.kh-guide-row3 .kh-element-icon-car,
.kh-guide-row5 .kh-element-icon-car {
    position: absolute;
    left: 190px;
    right: initial;
    top: 45px;
    margin-left: 500px
}

.kh-guide-row2 .kh-element-icon-car,
.kh-guide-row4 .kh-element-icon-car {
    position: absolute;
    right: 190px;
    left: initial;
    top: 45px;
    margin-right: 150px
}

.kh-guide-row2 .kh-element-icon-car {
    margin-right: 310px
}

.kh-guide-row3 .kh-element-icon-car {
    margin-left: 150px
}

.kh-guide-row4 .kh-element-icon-car {
    margin-right: -70px
}

.kh-guide-row5 .kh-element-icon-car {
    margin-left: 0;
    position: static
}

.renewable-row {
    margin-top: 105px
}

.renewable-row p {
    margin-bottom: 0
}

.ev-row {
    padding-left: 25px;
    padding-right: 25px
}

.ev-col {
    padding-top: 15px
}

.kh-guide-content {
    padding-top: 70px
}

.ev-icon-img {
    min-height: 90px
}

.ev-col h4 {
    font-size: 1.2rem
}

.ev-col p {
    font-size: .8rem
}

.eco-system-wrapper-kh .eco-system-rim {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0
}

.eco-system-wrapper-kh .eco-system-inner {
    width: calc(60em - 60px);
    height: calc(60em - 60px);
    margin: auto;
    border-radius: 0;
    overflow: visible;
    background: 0 0
}

.eco-system-wrapper-kh .eco-system-icon-block a span.eco-system-icon-title-active {
    display: none
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover span.eco-system-icon-title {
    display: none
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover span.eco-system-icon-title-active {
    display: block
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover span.eco-system-icon-title-active span {
    display: block
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover span.eco-system-icon-title-electric-vehicles-active {
    top: -92px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover span.eco-system-icon-title-active {
    width: 250px
}

.eco-system-wrapper-kh .eco-system-icon-title {
    font-weight: 500;
    width: 120px
}

.eco-system-wrapper-kh .eco-system-icon-title .eco-system-icon-title-desc {
    font-weight: 400
}

.eco-system-wrapper-kh .eco-system-icon-title-after-sales-serivce {
    right: -130px
}

.eco-system-wrapper -kh.eco-system-icon-title-training-and-development {
    right: -135px
}

.eco-system-wrapper-kh .eco-system-icon-charging-station {
    width: 100px
}

.eco-system-wrapper-kh .eco-system-icon-title-battery-disposal {
    left: -130px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-title-after-sales-serivce-active {
    right: -260px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-title-training-and-development-active {
    right: -265px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-charging-station-charging-station-active {
    right: -250px
}

.eco-system-wrapper -kh.eco-system-icon-block a:hover .eco-system-icon-charging-station-charging-station-active {
    right: -250px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-title-retrofitting-active {
    bottom: -135px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-title-fleet-service-active {
    bottom: -97px;
    text-align: right;
    left: -146px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-title-financing-active {
    text-align: right;
    left: -270px;
    bottom: -56px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-battery-assembly-active {
    text-align: right;
    left: -260px
}

.eco-system-wrapper-kh .eco-system-icon-block a:hover .eco-system-icon-batter-disposal-active {
    text-align: right;
    left: -260px
}

.kh-guide-row5 .kh-guide-title h2 {
    margin-left: 415px;
    margin-top: 100px
}

.kh-guide-row5 .kh-guide-title h2:after {
    width: 415px;
    margin-left: -415px;
    margin-top: -70px
}

.kh-guide-row5 {
    z-index: 2
}

.kh-guide-row4 {
    z-index: 2
}

.kh-guide-row3 {
    z-index: 3
}

.kh-guide-row2 {
    z-index: 4
}

.kh-guide-row1 {
    z-index: 5
}

.s1-leaf-right {
    -webkit-animation: s1Sway 6s infinite;
    animation: s1Sway 6s infinite
}

.heart {
    fill: #a8ca54;
    position: relative;
    top: 5px;
    width: 50px;
    animation: pulse 1s ease infinite
}

.co2-emission {
    padding-top: 15vh;
    padding-bottom: 15vh
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes s1Sway {

    0%,
    100% {
        transform: rotate(-25deg)
    }

    50% {
        transform: rotate(1deg)
    }
}

.large-shadow,
.medium-shadow,
.small-shadow {
    fill: rgba(0, 0, 0, .05)
}

.small {
    -webkit-animation: counter-rotation 2.5s infinite linear;
    -moz-animation: counter-rotation 2.5s infinite linear;
    -o-animation: counter-rotation 2.5s infinite linear;
    animation: counter-rotation 2.5s infinite linear;
    -webkit-transform-origin: 100.136px 225.345px;
    -ms-transform-origin: 100.136px 225.345px;
    transform-origin: 100.136px 225.345px
}

.small-shadow {
    -webkit-animation: counter-rotation 2.5s infinite linear;
    -moz-animation: counter-rotation 2.5s infinite linear;
    -o-animation: counter-rotation 2.5s infinite linear;
    animation: counter-rotation 2.5s infinite linear;
    -webkit-transform-origin: 110.136px 235.345px;
    -ms-transform-origin: 110.136px 235.345px;
    transform-origin: 110.136px 235.345px
}

.medium {
    -webkit-animation: rotation 3.75s infinite linear;
    -moz-animation: rotation 3.75s infinite linear;
    -o-animation: rotation 3.75s infinite linear;
    animation: rotation 3.75s infinite linear;
    -webkit-transform-origin: 254.675px 379.447px;
    -ms-transform-origin: 254.675px 379.447px;
    transform-origin: 254.675px 379.447px
}

.medium-shadow {
    -webkit-animation: rotation 3.75s infinite linear;
    -moz-animation: rotation 3.75s infinite linear;
    -o-animation: rotation 3.75s infinite linear;
    animation: rotation 3.75s infinite linear;
    -webkit-transform-origin: 264.675px 389.447px;
    -ms-transform-origin: 264.675px 389.447px;
    transform-origin: 264.675px 389.447px
}

.large {
    -webkit-animation: counter-rotation 5s infinite linear;
    -moz-animation: counter-rotation 5s infinite linear;
    -o-animation: counter-rotation 5s infinite linear;
    animation: counter-rotation 5s infinite linear;
    -webkit-transform-origin: 461.37px 173.694px;
    -ms-transform-origin: 461.37px 173.694px;
    transform-origin: 461.37px 173.694px
}

.large-shadow {
    -webkit-animation: counter-rotation 5s infinite linear;
    -moz-animation: counter-rotation 5s infinite linear;
    -o-animation: counter-rotation 5s infinite linear;
    animation: counter-rotation 5s infinite linear;
    -webkit-transform-origin: 471.37px 183.694px;
    -ms-transform-origin: 471.37px 183.694px;
    transform-origin: 471.37px 183.694px
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes counter-rotation {
    from {
        -webkit-transform: rotate(359deg)
    }

    to {
        -webkit-transform: rotate(0)
    }
}

@-moz-keyframes counter-rotation {
    from {
        -moz-transform: rotate(359deg)
    }

    to {
        -moz-transform: rotate(0)
    }
}

@-o-keyframes counter-rotation {
    from {
        -o-transform: rotate(359deg)
    }

    to {
        -o-transform: rotate(0)
    }
}

@keyframes counter-rotation {
    from {
        transform: rotate(359deg)
    }

    to {
        transform: rotate(0)
    }
}

.kh-guide-row5 h2 .kh-element-icon-title {
    display: inline-block
}

.kh-element-icon-title .btn-green-outline {
    padding: 15px;
    margin-top: 20px;
    background-color: #a8ca54;
    color: #fff
}

.kh-element-icon-title .btn-green-outline:hover {
    background: 0 0;
    color: #a8ca54
}

.kh-element-icon-title .btn-green-outline.contact-us {
    margin-left: 15px
}
.dt-1200hide{
    display: block;
 }
 .dt-1200show{
    display: none;
 }
 .s1{
    background: rgba(255, 255, 255, .3);
    border-radius: 13px;
    border: 2px solid #00B9A6;
    padding: 40px;
 }
 .s1 h1{
    font-size: 24px;
 }
@media only screen and   (max-width:1199px) {
     .dt-1200hide{
        display: none;
     }
     .dt-1200show{
        display: block;
     }
 
}
 
@media only screen and   (max-width:1199px) {
    .s1{
        padding: 60px 30px;
     }
     .s1 h1{
        font-size: 16px;
     }
}