h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway",sans-serif
}

p {
    font-family: "Work Sans",sans-serif
}

table, th, td {
    font-family: "Work Sans",sans-serif!important;
    font-weight:500;
}

a {
    font-family: "Work Sans",sans-serif
}

span {
    font-family: "Work Sans",sans-serif
}

ul li {
    font-family: "Work Sans",sans-serif
}

.blogbnr {
    background-image: url('https://cdn.ltex.in/img/welpl-blog-banner.png') !important;
    background-size: cover !important
}

.rowcustom {
    display: flex;
    align-items: flex-start
}

.ecommercebackground {
    background-image: url('https://cdn.ltex.in/images/bg.jpg');
    padding-bottom: 30px
}

.author-box {
    display: block;
    background: #fff;
    border: 4px solid #0d93b3;
    box-shadow: 0 10px 40px 0 #f5f6f7;
    padding: 20px 10px 10px 10px;
    margin-bottom: 25px;
    border-radius: 38px 8px 38px 8px;
    margin-top: 15px
}

.section-title h3 {
    margin-bottom: 40px;
    position: relative;
    display: block
}

.section-title h3 {
    font-size: 24px
}

    .section-title h3::before {
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        content: "";
        width: 200px;
        height: 3px;
        background-color: #008daf;
        margin: auto
    }

    .section-title h3::after {
        position: absolute;
        bottom: -15px;
        left: -45px;
        right: 0;
        content: "";
        width: 5px;
        height: 3px;
        margin: auto;
        background-color: #363636;
        -webkit-animation: moveLeftBounces 10s linear infinite;
        animation: moveLeftBounces 10s linear infinite
    }

    .section-title h3.businessconsultation {
        background: #f3f3f3;
        padding: 30px 20px
    }

.messageimage {
    margin-top: 20px !important
}

.updated-rep-box {
    border-radius: 10px;
    background-color: #008daf54;
    margin: 0 0 15px 0;
    display: flex;
    padding: 20px 25px
}

.marketingbox {
    padding: 20px;
    height: 380px;
    margin: 10px 0 10px 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 40px rgba(0,0,0,.1);
    text-align: center
}

.marketingbox5 {
    padding: 20px;
    height: 300px;
    margin: 10px 0 10px 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 40px rgba(0,0,0,.1);
    text-align: center
}

.marketingbox2 {
    padding: 20px;
    height: 330px;
    margin: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0,0,0,.1);
    text-align: center
}

.introid i {
    font-size: 21px;
    text-align: center
}

.introid {
    text-align: center;
    margin-top: 5px
}

figure.author-thumb img {
    border: 3px solid #cf2c68;
    padding: 5px;
    margin-left: 11px;
    height: 110px;
    width: 110px;
    border-radius: 100%
}

figure.author-thumb {
    text-align: center
}

.author-content p {
    font-size: 14px;
    margin-top: 5px
}

.author-content h4 {
    font-size: 18px;
    color: #cf2c68;
    margin-top: 5px;
    margin-bottom: 0
}

.author-content span {
    font-weight: 600;
    font-size: 12px
}

.section-title h1 {
    margin-bottom: 40px;
    position: relative;
    display: block
}

    .section-title h1::before {
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        content: "";
        width: 200px;
        height: 3px;
        background-color: #008daf;
        margin: auto
    }

    .section-title h1::after {
        position: absolute;
        bottom: -15px;
        left: -45px;
        right: 0;
        content: "";
        width: 5px;
        height: 3px;
        margin: auto;
        background-color: #fff;
        -webkit-animation: moveLeftBounces 10s linear infinite;
        animation: moveLeftBounces 10s linear infinite
    }

.section-title h2 {
    margin-bottom: 40px;
    position: relative;
    display: block
}

    .section-title h2::before {
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        content: "";
        width: 200px;
        height: 3px;
        background-color: #008daf;
        margin: auto
    }

    .section-title h2::after {
        position: absolute;
        bottom: -15px;
        left: -45px;
        right: 0;
        content: "";
        width: 5px;
        height: 3px;
        margin: auto;
        background-color: #fff;
        -webkit-animation: moveLeftBounces 10s linear infinite;
        animation: moveLeftBounces 10s linear infinite
    }

.newbox {
    border-radius: 7px;
    padding: 40px;
    height: 380px
}

.newshadow {
    border-radius: 10px;
    margin-top: 15px;
    box-shadow: -5px -5px 10px #fff,5px 5px 10px rgb(36 65 93 / 33%)
}

.newcircle {
    border-radius: 25%;
    padding: 5px;
    box-shadow: -5px -5px 10px #fff,5px 5px 10px rgb(36 65 93 / 33%);
    background: #f0f0f3
}

.newcircleservice {
    border-radius: 39%;
    padding: 9px;
    box-shadow: 1px 0 11px 0 #fff,0 2px 4px rgb(36 65 93 / 33%);
    background: #0292ff17
}

.Dkstyle {
    border: 3px solid #cf2c68;
    border-radius: 5px;
    padding: 13px 14px;
    box-shadow: 0 1px 3px #298db0
}

div.parent {
    display: table;
    width: 100%
}

div.text1 {
    vertical-align: middle;
    display: table-cell;
    text-align: justify;
    float: left
}

div.parent .img {
    vertical-align: middle;
    display: table-cell;
    padding-right: 20px;
    width: 100px
}

div.img img {
    width: 100%;
    vertical-align: middle
}

.dkdesign {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    height: 250px;
    padding: 20px 30px 10px 0;
    text-align: left;
    margin-top: 5px;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.24) 0 3px 8px
}

.featimg {
    float: left;
    padding: 10px;
    width: 20%;
    text-align: center
}

.featcontent {
    float: left;
    width: 80%
}


@media screen and (min-width :0) and (max-width :767px) {
    .steps{
        display:block!important;
    }
    .about .m-a-img {
        top: 35px;
    }
    .distribution-logistics-faster-blog-img{
        display:block!important;
    }
    .vendor__content {
        display: block!important;
    }
    .topmenu nav {
        height: 54px!important;
        line-height: 27px!important;
    }
    ul.funding-ulli li.card {
        right: 5%;
    }

    .invest-container .box {
        margin-top: 30px !important;
    }

    ul.funding-ulli li.card-2 {
        transform: none !important;
    }
    .div-sec-flex {
        display: block!important;
    }
    .inner-m-a::before {
        background-image: none !important
    }

    .m-a-img {
        position: relative;
        top: 42px;
    }

    .outcomes .col-6 {
        margin-top: 30px;
    }

    ul.ul-cards > li {
        right: 5% !important;
    }

    h2.m-a-h2 {
        font-size: 21px !important;
        line-height: 1.5;
    }

    ul.funding-ulli li.card .content {
        padding-top: 20px;
    }

    #tsum-tabs .content1 {
        display: block !important
    }

    #tsum-tabs .swiper {
        position: relative;
        top: 60px
    }

    #tsum-tabs a.product-btn {
        margin: 5px 5px !important
    }

    #tsum-tabs ._swiper {
        position: relative;
        top: 10px
    }

    #tsum-tabs .swiper .swiper-slide img {
        margin-bottom: 20px
    }

    #tsum-tabs main {
        padding: 0 !important;
        margin: 0 auto
    }

    #tsum-tabs .content2 {
        display: block !important
    }
    .side-enquiry {
        margin-top: 56px!important;
    }
    .product-right {
        padding: 15px
    }

        .product-right h2 {
            margin-top: 0 !important
        }

    .hideicon {
        display: none
    }

    p.lineheight24 {
        width: 100% !important
    }

    .businessconsultation {
        padding: 30px 10px !important
    }

    .timeline__event__icon {
        padding: 0 !important
    }

    ul.list-inline li img {
        margin: 15px 0 !important
    }

    #main-content-m-a {
        width: auto !important
    }

    .welpl-contact-m-a {
        padding-bottom: 20px !important
    }

    .author-content {
        padding: 0 5px 0 15px;
        text-align: justify
    }

    .missionilp {
        margin-top: 20px !important
    }

    .visionilp {
        margin-top: 30px !important
    }

    .rowcustom {
        display: inline-block;
        align-content: unset
    }

    .project-sitemap {
        padding: 0 !important
    }

    p.count-para {
        column-count: 1 !important
    }

    .pagedivone.herounit {
        display: block !important
    }

    .herounittwo {
        padding-left: 0 !important;
        width: 290px !important
    }

    .pagedivtwo {
        padding: 0 20px
    }

    img.full-width-back {
        width: 100% !important
    }

    .contain-categories .cate-col {
        background: #fff !important;
        border-left: 1px solid #e3e3e3
    }

        .contain-categories .cate-col h4 {
            color: #000 !important;
            padding-left: 20px
        }

    .blog-detail-inner {
        display: block !important
    }

    .div-sec {
        display: block !important
    }

    .blog-content-inside h2 {
        font-size: 22px;
        line-height: 1.3;
        margin-top: 30px
    }

    h1.blogs-h1 {
        font-weight: 600
    }

    .post-comment-a {
        bottom: 15px;
        position: relative
    }

    ul.process {
        list-style-type: none
    }

        ul.process > li.process__item {
            padding: 20px !important
        }

    .Fastest-Growing {
        display: block !important
    }

    .inner {
        background: #fff;
        padding: 2em;
        transform: rotate(359deg);
        border: solid 1px #8080802e;
        box-shadow: 2px 2px 8px 0 rgba(145,145,145,0.5)
    }

    .blog-detail-inner2 {
        padding-left: 15px !important
    }

    .blog-detail-inner3 {
        padding-left: 15px !important
    }

    .footer-left img {
        width: 80px;
        height: 80px;
        position: absolute;
        right: -20% !important;
        top: -28px !important
    }

    .subscribe-wrapper .submit-btn {
        padding: 12px 10px !important
    }

    .appointment {
        height: 100% !important;
        display: block !important
    }

        .appointment img {
            bottom: 0 !important
        }

        .appointment h2 {
            font-size: 22px !important
        }

    .gg-loc {
        width: 100%;
        height: 100%;
        padding-left: 0 !important;
        border-radius: 10px
    }

    .fg-cont {
        padding-left: 15px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .bg-img img {
        display: none
    }

    .welpltab-loc {
        height: 100% !important
    }

    .wrapper-tab-city h5 {
        font-size: 18px !important
    }

    .embed-responsive-16by9 {
        margin-left: 10% !important
    }

    .acc_style04 {
        height: auto !important
    }

    .master-blog .card {
        width: auto !important
    }

    .appointment img {
        display: none
    }

    .appointment h2 {
        text-align: center
    }

    .appointment p {
        text-align: center
    }

    .appointment a {
        text-align: center;
        display: block
    }

    .appointment {
        margin-top: 0 !important
    }

        .appointment div {
            padding-bottom: 20px
        }

    .city-video-sec {
        display: block !important
    }

    .service-container {
        flex-direction: column
    }

        .service-container .service-box {
            width: 85%;
            margin: auto
        }

    .complete-range-chennai {
        display: block !important
    }

    .city-warehouse-img {
        height: 200px !important
    }

    h1 {
        font-size: 26px !important;
        line-height: 38px !important
    }

    .master-blog .content h1 a {
        font-size: 14px;
        line-height: 1
    }

    .col-md-12.index-appointment {
        margin-top: -50px
    }

    .pageblock1 .pagedivtwo a {
        line-height: 1.3
    }

    .wrapper-tab-city .content-wrapper {
        padding: 12px 10px !important
    }

    blockquote {
        height: unset !important
    }

    .choose_us_index {
        display: block !important
    }

    .details-welpl-openings p {
        padding-left: 0 !important
    }

    a.btn-apply-welpl {
        top: 0 !important
    }

    .faq-answer {
        display: none;
        padding: 14px !important
    }

    .form-popup-bg h2 {
        color: #fff !important;
        font-size: 21px !important
    }

    .keep-your-products-safe {
        display: block !important
    }

    .counter-facts .counter {
        width: 200px !important
    }

    .indexwhychooseimg {
        width: unset !important
    }

    .about-us-welpl {
        display: block !important
    }

    .section-master-superior {
        height: unset !important
    }

    .Superior-Quality-Storage-Solutions .section-title {
        margin-top: unset !important
    }

    .get-easy-to-started .get-easy-to-started-row {
        display: block !important
    }

    .div-sec-blog {
        padding: 0 !important
    }

    .outcomes .outcomes-content {
        margin-top: 10px;
    }
    .invest-container .box{
        margin:10px 40px!important;

    }
    .m-a-img img{
        margin-left:0%!important;
        margin-bottom:10px;
    }
}

@media screen and (min-width :0) and (max-width :1000px) {
    .rowcustom {
        display: inline-block;
        align-content: unset
    }
}

@media screen and (min-width:1024px) {
    .centcontent {
        margin-top: 134px;
        margin-left: 100px
    }
}

@media screen and (min-width:1400px) {
    .feat .item {
        height: 10vh !important
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .centcontent {
        margin-top: 100px
    }
    .div-sec-flex {
        display: block !important;
    }
    .vendor__content {
        display: block !important;
    }
    .distribution-logistics-faster-blog-img {
        display: block !important;
    }
    .about-item h1 {
        margin-top: 20px;
    }

    .invest-container .box {
        margin-top: 30px !important;
    }

    .inner-m-a::before {
        display: none;
    }

    .outcomes .outcomes-content {
        margin-top: 10px;
    }

    ul.funding-ulli li.card {
        right: 3%;
    }

    ul.funding-ulli li.card-2 {
        transform: none !important;
    }

    .m-a-img {
        position: relative;
        top: 42px;
    }


    .feat .item {
        height: unset !important
    }

    #tsum-tabs .content1 {
        display: block !important
    }

    .section-master-superior {
        height: unset !important
    }

    .get-easy-to-started .get-easy-to-started-row {
        display: block !important
    }

    .Superior-Quality-Storage-Solutions .section-title {
        margin-top: unset !important
    }

    .bg-img img {
        display: none
    }

    .master-blog {
        display: flex !important
    }

    h3.industriescolor {
        margin-top: 0 !important
    }

    .hexagon {
        padding-bottom: 70px !important
    }

    .appointment img {
        display: none
    }

    .appointment img {
        display: none
    }

    .city-warehouse-img {
        height: 200px !important
    }

    .appointment h2 {
        text-align: center
    }

    .Fastest-Growing {
        display: block !important
    }

    .choose_us_index {
        display: block !important
    }

    .appointment p {
        text-align: center
    }

    .div-sec {
        display: block !important
    }

    .appointment {
        margin-top: 0 !important
    }

        .appointment a {
            text-align: center;
            display: block
        }

    .welpltab-loc {
        height: 100% !important
    }

    .wrapper-tab-city .location-tab-symbol {
        justify-content: flex-start !important
    }

    .embed-responsive-16by9 {
        margin-left: 0 !important
    }

    .city-video-sec {
        display: block !important
    }

    .service-container {
        flex-direction: column
    }

        .service-container .service-box {
            width: 50%;
            margin: auto
        }

    .complete-range-chennai {
        display: block !important
    }

    .details-welpl-openings p {
        padding-left: 0 !important
    }

    a.btn-apply-welpl {
        top: 0 !important
    }

    .keep-your-products-safe {
        display: block !important
    }

    .counter-facts .counter {
        width: 200px !important
    }

    .about-us-welpl {
        display: block !important
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .div-center {
        display: block !important;
        margin-top: 10px;
    }

    .centcontent {
        margin-top: 187px
    }

}

@media screen and (min-width:1024px) {
    .dkfront {
        font-size: 50px;
        text-shadow: 2px 1px 2px rgba(0,1,2,0.98);
        color: white;
        text-align: center
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .dkfront {
        font-size: 30px;
        text-shadow: 2px 1px 2px rgba(0,1,2,0.98);
        color: white;
        text-align: center
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .dkfront {
        font-size: 28px;
        text-shadow: 2px 1px 2px rgba(0,1,2,0.98);
        color: white;
        text-align: center
    }
}

.logppartner {
    visibility: visible;
    animation-delay: .5s;
    animation-name: fadeInLeft;
    border-radius: 15px 30px;
    overflow: hidden;
    color: #278daf;
    border: 2px solid #278daf;
    box-shadow: 0 0 5px 2px;
    cursor: pointer
}

    .logppartner:hover {
        color: #cf2c68;
        border: 2px solid #cf2c68;
        cursor: pointer;
        box-shadow: 0 0 4px 2px
    }

.ourpresencebannerwe-ahmedabad {
    background-image: url(../img/ahmedabad-banner.jpeg);
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.ourpresencebannerwe-noida {
    background-image: url(../img/noida-banner.jpeg);
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.ourpresencebannerwe-jammu {
    background-image: url(https://cdn.ltex.in/img/banner-jammu.jpeg);
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.processwelpl {
    background: #008daf12;
    padding: 20px;
    border-bottom: 5px solid #008daf;
    border-radius: 10px;
    margin: 10px
}

.servicemodelheading2 h2 span {
    color: #cf2c68
}

.servicemodelheading span {
    margin-left: 35px
}

.servicemodelheading2 h2 {
    font-size: 35px
}

.afterline1 {
    height: 5px;
    border-radius: 3px;
    width: 50px;
    margin-bottom: 15px;
    background: #cf2c68;
    top: 55%;
    left: 90%
}

.immhhh {
    text-align: center
}

.headingofprocess {
    padding: 10px;
    padding: 15px 20px;
    border-radius: 5px 72px 72px 5px
}

.processheadingkeys ul {
    padding-left: 15px
}

.processheadingkeys2 ul {
    padding-left: 15px
}

.headingofprocess h2 {
    margin-bottom: 0;
    color: #cf2c68 !important;
    text-align: center;
    text-shadow: 3px 3px 5px #0000002b
}

.serialno h3 {
    background: #cf2c68;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    margin-left: auto;
    padding-top: 7px;
    margin-bottom: 0;
    margin-right: auto;
    font-size: 25px
}

.processheadingkeys ul li {
    list-style: none;
    padding: 5px 6px;
    margin: 8px 0;
    border-radius: 4px;
    background: #cf2c6821
}

.processheadingkeys2 ul li {
    list-style: none;
    padding: 5px 6px
}

.processheadingkeys ul li i {
    color: #cf2c68;
    margin-right: 5px
}

.processheadingkeys2 ul li i {
    color: #cf2c68;
    margin-right: 5px
}

.afterline {
    height: 5px;
    border-radius: 3px;
    width: 100px;
    margin-bottom: 35px;
    margin-left: auto;
    background: #cf2c68;
    top: 55%;
    left: 90%;
    margin-right: auto
}

.pargraphprocess {
    padding: 0 0 50px 0
}

    .pargraphprocess img {
        border-radius: 15px
    }

.ilp1 {
    padding: 15px 20px;
    background: #ffe8f4;
    margin: 10px
}

.wmses2 {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.ipleses {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.iespl {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.pilies {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.missionilp {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.visionilp {
    padding: 25px 25px;
    background: #d9f3ff;
    margin-top: 80px;
    box-shadow: 1px 3px 3px 1px #d9f3ff
}

.servicemodelheading h2 {
    font-size: 25px
}

.servicemodelheading2 h1 {
    font-size: 36px
}

.rounded {
    border-radius: 10px
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .hideicon {
        display: none
    }

    .hex {
        padding-top: 50px !important
    }

    .big-hr {
        padding: 10px 9px 25px 22px !important
    }
}

.modalw {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4)
}

.modal-contentw {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 2px solid #fff;
    width: 400px;
    min-height: 100px;
    max-height: 400px
}

.modal-content {
    background-color: #008daf;
    margin: auto;
    padding: 0;
    border: 2px solid #fff;
    width: 300px;
    height: 406px
}

.closew {
    color: #aaa;
    float: right;
    font-size: 35px;
    font-weight: 700
}

    .closew:hover, .closew:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.modalFeadback {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 159px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4)
}

.column-info h3 {
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    font-size: 14px
}

.mb5 {
    margin-bottom: 5px
}

.modal-contentFeadback {
    background-color: #008daf;
    margin: auto;
    border: 2px solid #fff;
    width: 260px;
    height: 370px
}

.closeFeadback {
    color: #aaa;
    float: right;
    font-size: 30px;
    font-weight: 700
}

    .closeFeadback:hover, .closeFeadback:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.checked {
    color: orange
}

.modald {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 159px;
    left: 0;
    top: 0;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4)
}

.modal-contentd {
    background-color: #008daf;
    margin: auto;
    border: 2px solid #fff;
    width: 260px;
    height: 250px
}

.closed {
    color: #aaa;
    float: right;
    font-size: 30px;
    font-weight: 700
}

    .closed:hover, .closed:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.modalPopup {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 159px;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.1)
}

@media screen and (min-width:1024px) {
    .modalPopup-content {
        border-radius: 5px;
        margin: auto;
        border: 1px solid #ccc;
        width: 35%;
        height: 400px;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .modalPopup-content {
        border-radius: 5px;
        margin: auto;
        border: 1px solid #ccc;
        width: 35%;
        height: 400px;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .modalPopup-content {
        border-radius: 5px;
        margin: auto;
        border: 1px solid #ccc;
        width: 100%;
        height: 400px;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
}

.closePopup {
    color: #aaa;
    float: right;
    font-size: 35px;
    font-weight: 700
}

    .closePopup:hover, .closePopup:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

#homePage.active {
    overflow: hidden
}

#landingSection {
    background: #4db6ac
}

    #landingSection .wrapper {
        padding-top: 72px;
        height: calc(100vh - 250px);
        display: flex;
        align-content: center;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        position: relative
    }

        #landingSection .wrapper .sliderItem {
            display: flex;
            flex-direction: row;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1
        }

            #landingSection .wrapper .sliderItem.active {
                z-index: 2
            }

                #landingSection .wrapper .sliderItem.active .title {
                    transform: translateY(0);
                    opacity: 1;
                    transition: all 1s ease-in-out
                }

                #landingSection .wrapper .sliderItem.active .subtitle {
                    transform: translateY(0);
                    opacity: 1;
                    transition: all 1s ease-in-out
                }

                #landingSection .wrapper .sliderItem.active .landingAction {
                    transform: translateY(0);
                    opacity: 1;
                    transition: all 1s ease-in-out;
                    cursor: pointer;
                    display: flex
                }

                #landingSection .wrapper .sliderItem.active .sliderItemImage img {
                    transform: translateY(0);
                    opacity: 1;
                    transition: all 1s ease-in-out
                }

            #landingSection .wrapper .sliderItem .title {
                font-size: 48px;
                line-height: 1.3;
                color: #fff;
                font-weight: 400;
                transform: translateY(50px);
                opacity: 0;
                text-align: left
            }

            #landingSection .wrapper .sliderItem .subtitle {
                margin-top: 35px;
                font-size: 24px;
                line-height: 40px;
                font-weight: 300;
                color: #fff;
                transform: translateY(75px);
                opacity: 0
            }

            #landingSection .wrapper .sliderItem .landingAction {
                margin-top: 40px;
                color: #fff;
                background-color: #009688;
                padding: 16px 48px;
                font-size: 18px;
                line-height: 1.5;
                display: inline-block;
                border-radius: 50px;
                transform: translateY(100px);
                opacity: 0
            }

            #landingSection .wrapper .sliderItem .sliderItemContent {
                flex: 0 0 75%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-content: center;
                justify-content: flex-end;
                padding-right: 100px;
                padding-bottom: 80px
            }

#solutionSection {
    padding: 60px 0;
    background: #f9f9f9
}

    #solutionSection .wrapper {
        display: flex;
        flex-direction: row
    }

        #solutionSection .wrapper .solutionItem {
            flex: 0 0 33.33%;
            text-align: center;
            font-size: 18px;
            font-weight: 400;
            padding: 0 40px
        }

            #solutionSection .wrapper .solutionItem .solutionImg img {
                height: 56px
            }

            #solutionSection .wrapper .solutionItem .solutionText {
                font-weight: 600;
                margin: 30px 0 12px
            }

#networkSection {
    padding: 60px 0
}

    #networkSection .title {
        font-size: 40px;
        font-weight: 500;
        text-align: center
    }

    #networkSection .description {
        text-align: center;
        padding: 0 100px;
        font-size: 20px
    }

    #networkSection .networkImg {
        text-align: center;
        margin-top: 50px
    }

        #networkSection .networkImg img {
            width: 65%
        }

#trustedSection {
    padding: 60px 0
}

    #trustedSection .title {
        font-size: 40px;
        font-weight: 500;
        text-align: center
    }

    #trustedSection .wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-wrap: wrap
    }

        #trustedSection .wrapper .trustItem {
            flex: 0 0 25%;
            text-align: center;
            margin-top: 50px
        }

#howToOrder .wrapper {
    padding: 0
}

    #howToOrder .wrapper .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500
    }

    #howToOrder .wrapper .stepList {
        display: flex;
        flex-direction: row;
        opacity: 0;
        transform: translateY(100px);
        transition: all .6s ease-in-out
    }

        #howToOrder .wrapper .stepList.active {
            opacity: 1;
            transform: translateY(0)
        }

        #howToOrder .wrapper .stepList .stepItem {
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
            text-align: center;
            padding: 0 15px;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            align-items: center
        }

            #howToOrder .wrapper .stepList .stepItem:first-child:before {
                content: none
            }

            #howToOrder .wrapper .stepList .stepItem:last-child:after {
                content: none
            }

            #howToOrder .wrapper .stepList .stepItem .stepImg {
                background-color: #fff;
                border: 2px solid #fff;
                border-radius: 50%;
                height: 160px;
                width: 160px;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative
            }

                #howToOrder .wrapper .stepList .stepItem .stepImg img {
                    height: 60px
                }

                #howToOrder .wrapper .stepList .stepItem .stepImg span {
                    top: 8px;
                    left: 8px;
                    width: 32px;
                    height: 32px;
                    font-size: 28px;
                    line-height: 32px;
                    position: absolute;
                    background: #278daf;
                    border-radius: 50%;
                    color: #fff
                }

            #howToOrder .wrapper .stepList .stepItem .stepText {
                margin-top: 20px;
                margin-bottom: 40px;
                font-size: 14px;
                line-height: 1.5;
                font-weight: 300
            }

            #howToOrder .wrapper .stepList .stepItem .stepSubtext {
                margin-top: 20px;
                font-weight: 300;
                color: #828590
            }

            #howToOrder .wrapper .stepList .stepItem:after {
                content: "";
                position: absolute;
                top: 80px;
                width: calc(50%+16px);
                height: 2px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background: #fff;
                z-index: -1;
                left: 50%
            }

            #howToOrder .wrapper .stepList .stepItem:before {
                content: "";
                position: absolute;
                top: 80px;
                width: calc(50%+16px);
                height: 2px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background: #fff;
                z-index: -1;
                right: 50%
            }

#features {
    padding: 60px 0
}

    #features .title {
        font-size: 40px;
        font-weight: 500;
        text-align: center
    }

    #features .featuresTabs {
        background-color: #f1f1f1
    }

        #features .featuresTabs .wrapper {
            display: flex;
            justify-content: center;
            position: relative
        }

            #features .featuresTabs .wrapper a {
                text-decoration: none;
                font-size: 20px;
                padding: 20px 0;
                font-weight: 400;
                color: #333;
                cursor: pointer;
                display: flex;
                flex: 0 0 25%;
                text-align: center;
                justify-content: center;
                transition: all .3s ease-in-out
            }

                #features .featuresTabs .wrapper a.active, #features .featuresTabs .wrapper a:hover {
                    color: #278daf
                }

                #features .featuresTabs .wrapper a.active {
                    padding: 25px 0 15px
                }

                #features .featuresTabs .wrapper a:first-child ~ a:last-child::after.active {
                    transform: translateX(0)
                }

                #features .featuresTabs .wrapper a:nth-child(2).active ~ a:last-child::after {
                    transform: translateX(100%)
                }

                #features .featuresTabs .wrapper a:nth-child(3).active ~ a:last-child::after {
                    transform: translateX(200%)
                }

                #features .featuresTabs .wrapper a:last-child.active::after {
                    transform: translateX(300%)
                }

                #features .featuresTabs .wrapper a:last-child:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    height: 4px;
                    left: 0;
                    width: 25%;
                    background-color: #278daf;
                    transition: all .3s ease-in-out
                }

    #features .featuresTabContent {
        margin-top: 40px;
        height: 325px;
        position: relative
    }

        #features .featuresTabContent .featuresTabItem {
            display: flex;
            flex-direction: row;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            transition: all .3s ease-in-out
        }

            #features .featuresTabContent .featuresTabItem .featuresDetails {
                color: #4e4e4e;
                font-size: 20px;
                font-weight: 300;
                flex: 0 0 58.33333%;
                padding-right: 25px
            }

                #features .featuresTabContent .featuresTabItem .featuresDetails .featuresText {
                    color: #278daf;
                    font-size: 40px;
                    font-weight: 400;
                    margin-bottom: 20px
                }

            #features .featuresTabContent .featuresTabItem .featuresImg {
                flex: 0 0 41.6666%;
                padding-left: 25px
            }

                #features .featuresTabContent .featuresTabItem .featuresImg img {
                    width: 100%
                }

            #features .featuresTabContent .featuresTabItem.active {
                opacity: 1;
                z-index: 2
            }

#getStarted {
    background: #4db6ac
}

    #getStarted .wrapper {
        padding: 48px 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

        #getStarted .wrapper .sectionText {
            font-size: 28px;
            font-weight: 300;
            color: #fff;
            margin-right: 40px
        }

            #getStarted .wrapper .sectionText span {
                font-weight: 600
            }

        #getStarted .wrapper .sectionAction {
            padding: 16px 48px;
            font-size: 20px;
            line-height: 1.5;
            color: #fff;
            font-weight: 500;
            background-color: #278daf;
            border-radius: 50px
        }

#faqs {
    padding: 60px 0
}

    #faqs .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500
    }

    #faqs .wrapper {
        display: flex;
        flex-wrap: wrap;
        opacity: 0
    }

        #faqs .wrapper.active {
            opacity: 1;
            transition: all .6s ease-in-out
        }

        #faqs .wrapper .faqItem {
            flex: 0 0 33.33333%;
            padding: 0 40px;
            border-right: 1px solid #aeb1be;
            color: #333;
            font-weight: 400
        }

            #faqs .wrapper .faqItem .faqQuestion {
                margin-bottom: 20px;
                font-size: 20px;
                line-height: 1.5;
                font-weight: 400
            }

            #faqs .wrapper .faqItem > div:last-child {
                margin-bottom: 55px
            }

            #faqs .wrapper .faqItem:nth-child(3n+1) {
                border-left: 1px solid #aeb1be
            }

#useSection {
    padding: 60px 0
}

    #useSection .title {
        font-size: 40px;
        font-weight: 500;
        text-align: center
    }

    #useSection .wrapper .useItem {
        flex: 0 0 100%;
        padding: 60px 0;
        font-size: 20px;
        font-weight: 300;
        background-color: #f1f1f1
    }

        #useSection .wrapper .useItem:nth-child(2) {
            background-color: #fff
        }

        #useSection .wrapper .useItem .useItemBox {
            display: flex;
            flex-direction: row;
            align-items: center
        }

            #useSection .wrapper .useItem .useItemBox .useItemText {
                font-size: 28px;
                font-weight: 500;
                margin: 0 0 20px;
                text-align: left
            }

            #useSection .wrapper .useItem .useItemBox .useItemAction {
                margin-top: 15px;
                font-weight: 400;
                display: inline-block;
                cursor: pointer
            }

            #useSection .wrapper .useItem .useItemBox .useItemImg {
                flex: 0 0 33.3333%;
                text-align: center
            }

                #useSection .wrapper .useItem .useItemBox .useItemImg img {
                    height: 80px
                }

            #useSection .wrapper .useItem .useItemBox .useItemContent {
                display: flex;
                flex-direction: column;
                flex: 0 0 66.6667%
            }

#subscribeNewsletter {
    background: #4db6ac
}

    #subscribeNewsletter .wrapper {
        padding: 48px 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

        #subscribeNewsletter .wrapper .sectionText {
            font-size: 28px;
            font-weight: 300;
            color: #fff;
            margin-right: 40px
        }

            #subscribeNewsletter .wrapper .sectionText span {
                font-weight: 600
            }

        #subscribeNewsletter .wrapper .sectionAction {
            display: flex;
            flex-direction: row
        }

            #subscribeNewsletter .wrapper .sectionAction input {
                : inherit;
                width: 100%;
                outline: 0;
                border: 0;
                font-size: 20px;
                padding: 15px 50px 15px 20px;
                border-radius: 30px;
                background-color: #fff
            }

#whoWeAre {
    padding: 60px 0
}

    #whoWeAre .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500
    }

    #whoWeAre .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px
    }

        #whoWeAre .wrapper:last-child {
            margin-bottom: 0
        }

        #whoWeAre .wrapper .investorItem {
            opacity: 0
        }

            #whoWeAre .wrapper .investorItem img {
                height: 80px
            }

            #whoWeAre .wrapper .investorItem:first-child {
                margin-right: 100px;
                transform: translateX(-50%)
            }

            #whoWeAre .wrapper .investorItem:last-child {
                transform: translateX(50%)
            }

            #whoWeAre .wrapper .investorItem.active {
                transform: translateX(0);
                opacity: 1;
                transition: all .6s ease-in-out
            }

        #whoWeAre .wrapper .mentorItem {
            text-align: center;
            transform: translateY(50%);
            opacity: 0
        }

            #whoWeAre .wrapper .mentorItem:first-child {
                margin-right: 100px
            }

            #whoWeAre .wrapper .mentorItem img {
                height: 300px
            }

            #whoWeAre .wrapper .mentorItem .mentorName {
                margin-top: 20px;
                margin-bottom: 5px;
                font-size: 20px;
                font-weight: 500
            }

            #whoWeAre .wrapper .mentorItem .mentorImg {
                display: flex;
                position: relative;
                cursor: pointer
            }

                #whoWeAre .wrapper .mentorItem .mentorImg .mentorDesc {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0,0,0,0.65);
                    padding: 10px;
                    color: #fff;
                    text-align: center;
                    justify-content: flex-end;
                    align-items: flex-end;
                    align-content: flex-end;
                    display: flex
                }

        #whoWeAre .wrapper.active .mentorItem {
            transform: translateY(0);
            opacity: 1;
            transition: all .6s ease-in-out
        }

        #whoWeAre .wrapper.active .investorItem {
            transform: translateX(0);
            opacity: 1;
            transition: all .6s ease-in-out
        }

#howDifferentSection {
    padding: 60px 0
}

    #howDifferentSection .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500
    }

    #howDifferentSection .subTitle {
        text-align: center;
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 80px
    }

    #howDifferentSection .wrapper {
        display: flex;
        flex-direction: row
    }

        #howDifferentSection .wrapper .howDifferentItem {
            display: flex;
            flex-direction: column;
            flex: 0 0 25%;
            text-align: center;
            justify-content: flex-start;
            font-size: 20px;
            font-weight: 300;
            padding: 0 20px
        }

            #howDifferentSection .wrapper .howDifferentItem .howDifferentImg img {
                height: 50px
            }

            #howDifferentSection .wrapper .howDifferentItem .howDifferentText {
                margin: 20px 0;
                font-weight: 500
            }

@media only screen and (max-width:768px) {
    .container {
        width: 100%
    }

    #landingSection .wrapper {
        height: 100vh
    }

        #landingSection .wrapper .sliderItem {
            padding-left: 15px;
            padding-right: 15px
        }

            #landingSection .wrapper .sliderItem .title {
                font-size: 32px
            }

            #landingSection .wrapper .sliderItem .subtitle {
                font-size: 18px;
                line-height: 30px
            }

            #landingSection .wrapper .sliderItem .sliderItemContent {
                flex: 0 0 100%;
                padding-right: 0;
                justify-content: center
            }

            #landingSection .wrapper .sliderItem .sliderItemImage {
                display: none
            }

            #landingSection .wrapper .sliderItem .landingAction {
                font-size: 16px;
                padding: 12px 32px;
                position: absolute;
                bottom: 80px
            }

        #landingSection .wrapper .sliderAction {
            bottom: 30px
        }

    #howToOrder .wrapper {
        padding: 10px 0
    }

        #howToOrder .wrapper .title {
            padding: 0 15px;
            font-size: 28px
        }

        #howToOrder .wrapper .stepList {
            flex-direction: column
        }

            #howToOrder .wrapper .stepList .stepItem {
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 30px
            }

                #howToOrder .wrapper .stepList .stepItem:after, #howToOrder .wrapper .stepList .stepItem::before {
                    content: none
                }

                #howToOrder .wrapper .stepList .stepItem .stepText {
                    font-size: 18px
                }

    #features {
        padding: 40px 0
    }

        #features .title {
            padding: 0 15px;
            font-size: 28px
        }

        #features .featuresTabs .wrapper {
            padding: 0 15px;
            flex-direction: column
        }

            #features .featuresTabs .wrapper a {
                flex: 0 0 100%;
                font-size: 16px;
                transform: translateX(0) translateY(0)
            }

                #features .featuresTabs .wrapper a:first-child.active ~ a:last-child::after {
                    transform: translateX(0) translateY(-184px)
                }

                #features .featuresTabs .wrapper a:nth-child(2).active ~ a:last-child::after {
                    transform: translateX(0) translateY(-122px)
                }

                #features .featuresTabs .wrapper a:nth-child(3).active ~ a:last-child::after {
                    transform: translateX(0) translateY(-60px)
                }

                #features .featuresTabs .wrapper a:last-child.active::after {
                    transform: translateX(0) translateY(0)
                }

                #features .featuresTabs .wrapper a:last-child:after {
                    width: 100%
                }

        #features .featuresTabContent {
            min-height: 500px
        }

            #features .featuresTabContent .featuresTabItem {
                flex-direction: column;
                padding: 0 15px
            }

                #features .featuresTabContent .featuresTabItem .featuresDetails {
                    font-size: 18px;
                    padding: 0;
                    flex: none
                }

                    #features .featuresTabContent .featuresTabItem .featuresDetails .featuresText {
                        font-size: 28px
                    }

                #features .featuresTabContent .featuresTabItem .featuresImg {
                    flex: none;
                    padding-left: 0;
                    margin-top: 50px
                }

                    #features .featuresTabContent .featuresTabItem .featuresImg img {
                        width: 100%
                    }

    #getStarted .wrapper {
        padding: 40px 15px;
        flex-direction: column
    }

        #getStarted .wrapper .sectionText {
            margin-right: 0;
            text-align: center;
            margin-bottom: 40px;
            font-size: 24px
        }

        #getStarted .wrapper .sectionAction {
            font-size: 18px;
            padding: 12px 32px
        }

    #faqs {
        padding: 60px 0
    }

        #faqs .title {
            font-size: 28px;
            padding: 0 15px;
            margin-bottom: 40px
        }

        #faqs .wrapper .faqItem {
            flex: 0 0 100%
        }

            #faqs .wrapper .faqItem > div:last-child {
                margin-bottom: 40px
            }

            #faqs .wrapper .faqItem:last-child > div:last-child {
                margin-bottom: 0
            }

    #useSection {
        padding: 40px 0
    }

        #useSection .title {
            padding: 0 15px;
            font-size: 28px
        }

        #useSection .wrapper {
            margin-top: 40px;
            display: flex;
            flex-direction: column
        }

            #useSection .wrapper .useItem {
                flex: 0 0 100%;
                font-size: 18px;
                padding: 50px 15px
            }

                #useSection .wrapper .useItem .useItemText {
                    font-size: 24px;
                    text-align: center
                }

                #useSection .wrapper .useItem .useItemBox {
                    flex-direction: column
                }

    #subscribeNewsletter .wrapper {
        padding: 40px 0;
        flex-direction: column
    }

        #subscribeNewsletter .wrapper .sectionText {
            margin-right: 0;
            text-align: center;
            margin-bottom: 40px
        }

        #subscribeNewsletter .wrapper .sectionAction input {
            font-size: 18px;
            padding: 12px 50px 12px 20px
        }

    #whoWeAre {
        padding: 40px 0
    }

        #whoWeAre .title {
            padding: 0 15px;
            font-size: 28px;
            margin-bottom: 50px
        }

        #whoWeAre .wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 15px
        }

            #whoWeAre .wrapper .investorItem {
                margin-bottom: 50px
            }

                #whoWeAre .wrapper .investorItem img {
                    max-width: 100%
                }

                #whoWeAre .wrapper .investorItem:first-child {
                    margin-right: 0
                }

            #whoWeAre .wrapper .mentorItem {
                margin-bottom: 50px
            }

                #whoWeAre .wrapper .mentorItem img {
                    max-width: 100%
                }

                #whoWeAre .wrapper .mentorItem:first-child {
                    margin-right: 0
                }

        #whoWeAre .divider {
            display: none
        }

    #footer {
        padding: 40px 0
    }

        #footer .wrapper {
            flex-direction: column
        }

            #footer .wrapper .footerCol {
                flex: 0 0 100%;
                margin-left: 0;
                padding: 0 15px;
                flex-grow: unset;
                margin-bottom: 40px
            }

                #footer .wrapper .footerCol .footerDescription {
                    max-width: 100%
                }

                #footer .wrapper .footerCol:last-child {
                    margin-bottom: 0
                }

    #footerCopyright .wrapper {
        padding: 0 15px;
        flex-direction: column
    }

        #footerCopyright .wrapper .footerNavMenu {
            margin-top: 30px;
            flex-direction: column
        }

            #footerCopyright .wrapper .footerNavMenu a {
                padding: 0;
                margin-bottom: 8px
            }

    #networkSection {
        padding: 40px 0
    }

        #networkSection .title {
            padding: 0 15px;
            font-size: 28px;
            margin-bottom: 40px
        }

        #networkSection .description {
            padding: 0 15px;
            font-size: 18px
        }

        #networkSection .networkImg {
            text-align: center;
            margin-top: 40px;
            padding: 0 15px
        }

            #networkSection .networkImg img {
                width: 100%
            }

    #trustedSection {
        padding: 40px 0
    }

        #trustedSection .title {
            font-size: 28px;
            padding: 0 15px;
            margin-bottom: 40px
        }

        #trustedSection .wrapper .trustItem {
            flex: 0 0 100%;
            margin-top: 40px
        }

            #trustedSection .wrapper .trustItem:first-child {
                margin-top: 0
            }

    #howDifferentSection {
        padding: 40px 0
    }

        #howDifferentSection .title {
            font-size: 28px;
            padding: 0 15px
        }

        #howDifferentSection .subTitle {
            font-size: 18px;
            margin-bottom: 80px;
            padding: 0 15px
        }

        #howDifferentSection .wrapper {
            flex-direction: column
        }

            #howDifferentSection .wrapper .howDifferentItem {
                flex: 0 0 100%;
                font-size: 18px;
                margin-bottom: 50px
            }

                #howDifferentSection .wrapper .howDifferentItem:last-child {
                    margin-bottom: 0
                }

    #solutionSection {
        padding: 40px 0
    }

        #solutionSection .title {
            font-size: 28px;
            padding: 0 15px
        }

        #solutionSection .subTitle {
            font-size: 18px;
            margin-bottom: 80px;
            padding: 0 15px
        }

        #solutionSection .wrapper {
            flex-direction: column
        }

            #solutionSection .wrapper .solutionItem {
                flex: 0 0 100%;
                font-size: 18px;
                margin-bottom: 50px
            }

                #solutionSection .wrapper .solutionItem:last-child {
                    margin-bottom: 0
                }
}

.sticky-container {
    padding: 0;
    margin: 0;
    position: fixed;
    right: -132px;
    top: 190px;
    width: 210px;
    z-index: 1100
}

.sticky li {
    list-style-type: none;
    background-color: #fff;
    color: #efefef;
    height: 43px;
    padding: 0;
    margin: 0 0 1px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer
}

    .sticky li:hover {
        margin-left: -115px
    }

    .sticky li img {
        float: left;
        margin: 5px 4px;
        margin-right: 5px
    }

    .sticky li p {
        padding-top: 5px;
        margin: 0;
        line-height: 16px;
        font-size: 11px
    }

        .sticky li p a {
            text-decoration: none;
            color: #2c3539
        }

            .sticky li p a:hover {
                text-decoration: underline
            }

.single-blog-grid-01 .thumb img {
    border-radius: 10px;
    width: 100%
}

.single-blog-grid-01 {
    position: relative;
    z-index: 0
}

    .single-blog-grid-01 .thumb .news-date {
        padding: 3px 19px;
        border-radius: 20px;
        background-color: #008daf;
        position: absolute;
        left: 50%;
        bottom: -20px;
        transform: translateX(-50%)
    }

    .single-blog-grid-01 .thumb {
        position: relative;
        z-index: 0;
        border-radius: 10px
    }

.serve_you {
    padding: 150px 0 0
}

.section_heading .section_title {
    color: hsl(0,3%,94%);
    font-size: 140px;
    font-weight: 300;
    margin: 0
}

.section_heading h2 {
    font-weight: 500;
    margin-top: -73px;
    font-size: 40px
}

.section_heading .section_title {
    color: #fff;
    text-shadow: 2px 2px 1px rgba(40,40,40,1);
    font-size: 40px;
    font-weight: 700;
    margin: 0
}

.service_detail_m {
    margin-top: 0;
    overflow: hidden
}

.service_detail {
    display: block;
    margin-bottom: 42px;
    overflow: hidden;
    padding-left: 50px;
    position: relative
}

    .service_detail::before {
        border-left: 4px solid #018db0;
        text-align: center;
        content: "";
        height: 100%;
        left: 9px;
        position: absolute;
        top: 2px;
        width: 32px
    }

    .service_detail span i {
        font-size: 32px
    }

    .service_detail h5 {
        font-weight: 700;
        margin: 0 auto 15px;
        padding: 0;
        font-size: 18.72px;
        color: #000
    }

    .service_detail p {
        margin: 10px 0 0;
        color: #333
    }

    .service_detail::after {
        background: hsla(0,0,0,0) url(../img/service_bullet_img.png) no-repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 32px
    }

    .service_detail span {
        display: inline-block;
        float: left;
        margin-right: 10px
    }

.afflrequestForm {
    display: table-cell;
    padding: 0 0 0 80px;
    vertical-align: top;
    width: 50%
}

.formSec {
    position: relative;
    padding: 20px 35px;
    margin-left: 0;
    float: right
}

@media screen and (min-width:1024px) {
    .dp {
        float: right;
        margin-top: -510px
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .dp {
        float: right;
        margin-top: -510px
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .dp {
        float: right;
        margin-top: -324px
    }
}

.txtbox {
    color: #555;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 1px;
    padding-left: 10px;
    margin: 0
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4)
}

.close {
    color: #aaa;
    float: right;
    font-size: 35px;
    font-weight: 700
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.modalrfq {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 159px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    border-radius: 5px
}

@media only screen and (min-width:1024px) {
    .modal-contentrfq {
        background-color: #008daf;
        margin: auto;
        border: 2px solid #fff;
        width: 620px;
        height: 304px
    }
}

@media only screen and (min-width :768px) and (max-width :1023px) {
    .modal-contentrfq {
        background-color: #008daf;
        margin: auto;
        border: 2px solid #fff;
        width: 620px;
        height: 304px
    }
}

@media only screen and (min-width :0) and (max-width :767px) {
    .modal-contentrfq {
        background-color: #008daf;
        margin: auto;
        border: 2px solid #fff;
        width: 300px;
        height: 620px
    }
}

.closerfq {
    color: #aaa;
    float: right;
    font-size: 30px;
    font-weight: 700
}

    .closerfq:hover, .closerfq:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

@media screen and (min-width:1024px) {
    .dj {
        width: 381px;
        height: 90px;
        margin: -34px 0 11px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media(device-width:1024px) {
    .main-menu {
        position: relative;
        height: 48px;
        line-height: 62px;
        font-size: 10px !important;
        font-weight: 500
    }
}

@media(device-width:820px) {
    .main-menu {
        position: relative;
        height: 96px !important;
        line-height: 62px;
        font-size: 13px !important;
        font-weight: 500
    }

    #main-menu-bg {
        width: auto
    }

    .main-menu::before {
        width: auto
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .dj {
        width: 287px;
        height: 70px;
        margin: 0 -14px
    }

    .main-menu {
        position: relative;
        height: 96px !important;
        line-height: 62px;
        font-size: 13px !important;
        font-weight: 500
    }

    #main-menu-bg {
        width: auto
    }

    .main-menu::before {
        width: auto
    }

    #menu-open {
        padding: 6px 20px 6px 40px !important
    }

    .h-block {
        display: none
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .dj {
        width: 350px;
        height: 80px;
        margin: 10px
    }
}

.rfq-box {
    position: fixed;
    bottom: 60px;
    left: 0;
    z-index: 98;
    display: none;
    color: #cf2c68;
    animation-name: stretch;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
    cursor: pointer
}

.rfq-boxwhatsapp {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/whatsapp.png);
    height: 50px;
    width: 50px;
    cursor: pointer
}

@keyframes stretch {
    0 {
        transform: scale(.3);
        background-color: #cf2c68;
        border-radius: 50px
    }

    50% {
        background-color: #cf2c68
    }
}

.rfq-box .ti-pay-pulse {
    overflow: initial;
    position: relative
}

    .rfq-box .ti-pay-pulse:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

.new-features {
    background: #cf2c68;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50px;
    line-height: 50px;
    font-size: 13px;
    padding: 0 9px 1px 13px;
    z-index: 1;
    display: inline-block
}

#toTop {
    padding: .3125rem .1875rem;
    background: #333;
    color: #fff;
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 50px;
    border-radius: 100%;
    height: 50px;
    cursor: pointer;
    display: block
}

webkit-any-link {
    color: -webkit-link;
    cursor: pointer
}

#toTop:after {
    content: "";
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    background: 0;
    display: inline-block;
    transform: rotate(225deg);
    position: relative;
    top: 19px;
    margin: 0 0 0 .625rem;
    transition: all ease .5s;
    float: right;
    right: 16px
}

.flip-box {
    background-color: transparent;
    width: 300px;
    height: 200px;
    border: 1px solid #f1f1f1;
    perspective: 1000px
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg)
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.flip-box-front {
    background-color: #cf2c68;
    color: #fff
}

.flip-box-back {
    background-color: #cf2c68;
    color: #fff;
    transform: rotateY(180deg)
}

.zoom {
    background-color: #cf2c68;
    transition: transform .2s;
    margin: 0 auto;
    float: right;
    position: fixed;
    background-color: #cf2c68;
    transform: rotate(90deg);
    text-align: center;
    list-style-type: none;
    text-decoration: none;
    cursor: pointer
}

    .zoom:hover {
        background-color: #008daf
    }

.zooming {
    background-color: #008daf !important;
    transition: transform .2s;
    margin: 0 auto;
    float: right;
    position: fixed;
    background-color: #cf2c68;
    transform: rotate(90deg);
    text-align: center;
    list-style-type: none;
    text-decoration: none;
    cursor: pointer;
    z-index: 9999
}

    .zooming:hover {
        background-color: #cf2c68 !important
    }

html {
    margin-top: 0 !important
}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    height: 0
}

.content-area {
    float: left;
    margin-right: 0;
    width: 100%
}

.site-content {
    padding: 0
}

.site-main {
    margin-bottom: 0
}

.entry-content h2, .entry-summary h2, .comment-content h2 {
    margin-top: 0;
    margin-bottom: 5px
}

a:hover {
    color: #008daf
}

.main-navigation {
    margin: 0;
    font-family: "GoogleSans-Regular",sans-serif
}

.container {
    width: 1200px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.section {
    float: left;
    width: 100%;
    position: relative
}

#masthead {
    float: left;
    width: 100%;
    height: 431px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    padding-top: 30px;
    z-index: 9;
    overflow: hidden
}

.site-branding {
    margin: 0;
    float: left;
    width: 30%;
    padding-left: 80px
}

.header-right {
    float: right;
    width: 70%
}

#site-header-menu {
    float: right;
    margin: 0;
    width: 100%
}

#site-navigation {
    float: right
}

.main-navigation .current-menu-item a, .main-navigation .current-menu-ancestor a {
    font-weight: 400;
    color: #f2b71b
}

.main-navigation a {
    outline-offset: 0;
    white-space: nowrap;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    transition: all ease-in .2s;
    padding: 0 0 0 30px
}

    .main-navigation a:hover, .main-navigation a:focus {
        color: #f2b71b !important;
        outline: 0
    }

.certification-logo {
    text-align: right;
    margin-bottom: 20px;
    float: right;
    width: 100%
}

    .certification-logo img {
        margin-left: 10px
    }

.site-header-main {
    position: relative;
    z-index: 999
}

#masthead::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    background-image: url(../dk/header-right-shape.png);
    width: 318px;
    z-index: 99;
    height: 717px;
    top: 0
}

#masthead::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-image: url(../dk/header-shape.png);
    width: 576px;
    z-index: 99;
    height: 402px;
    top: 0
}

.home #masthead {
    height: 715px
}

.site-footer {
    background-color: #2a2a2a;
    color: #959595;
    font-size: 12px;
    padding: 20px 0;
    float: left;
    width: 100%
}

.testimonials {
    float: left;
    width: 100%;
    position: relative
}

.site-footer a {
    color: #959595;
    text-decoration: none;
    box-shadow: none
}

.footer-cols h2, .footer-cols h1 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: normal
}

.site-footer .widget {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0
}

.footer-cols {
    float: left;
    width: 20%
}

    .footer-cols p {
        margin: 0
    }

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

.footer-bottom {
    float: left;
    width: 100%;
    border-top: 1px solid #959595;
    margin-top: 25px;
    padding-top: 20px
}

    .footer-bottom p {
        font-size: 16px
    }

.footer-cols p {
    margin: 0;
    font-size: 13px;
    line-height: 22px
}

    .footer-cols p strong {
        font-weight: 400;
        font-size: 18px
    }

.footer-cols.footer-logo {
    text-align: right
}

.testimonails-image {
    float: right;
    width: 57%
}

    .testimonails-image img {
        width: 100%
    }

.img-footer-over {
    position: absolute;
    left: 42%;
    margin: auto;
    z-index: 9;
    height: 100%;
    display: none
}

.niyura-footer {
    overflow: hidden
}

.footer-top {
    position: relative;
    z-index: 99
}

.testimonails-main {
    position: absolute;
    width: 470px;
    top: 0;
    bottom: 0;
    padding-right: 20px
}

.testimonial_rotator.template-default .testimonial_rotator_author_info {
    font-style: normal;
    line-height: normal;
    padding: 0;
    border-left: 0;
    margin: 15px 0;
    font-size: 16px;
    color: #004c79;
    font-weight: 400;
    padding-bottom: 30px
}

    .testimonial_rotator.template-default .testimonial_rotator_author_info p {
        font-size: 16px;
        line-height: normal;
        margin: 0
    }

.testimonial_rotator_wrap {
    margin: 32px 0;
    padding: 0
}

    .testimonial_rotator_wrap.with-prevnext {
        padding: 0
    }

.testimonial_rotator_prev, .testimonial_rotator_next {
    top: auto;
    bottom: 5px
}

.testimonial_rotator_prev {
    left: 0
}

.testimonial_rotator_next {
    right: auto;
    left: 25px
}

.testimonial_rotator.template-default .testimonial_rotator_author_info p strong {
    font-weight: 400;
    color: #f2b71b
}

.testimonial_rotator_quote {
    opacity: .8
}

.client-logo {
    padding: 50px 0
}

.client-title {
    float: left;
    width: 15%;
    padding-right: 15px;
    padding-top: 25px
}

.logo-right {
    float: right;
    width: 85%
}

.client-logo .owl-prev, .client-logo .owl-next {
    position: absolute;
    left: -40px;
    width: 23px;
    height: 38px;
    color: transparent !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-image: url(dk/arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 40%
}

.client-logo .owl-next {
    left: auto !important;
    right: -40px;
    transform: rotate(180deg)
}

.partner-logo {
    background-color: #2a2a2a;
    padding: 40px 0
}

    .partner-logo h3 {
        color: #f2b71b;
        line-height: 35px;
        text-transform: uppercase;
        margin-bottom: 30px
    }

.client-logo .owl-carousel .owl-wrapper-outer {
    padding-bottom: 3px
}

.client-logo h3 {
    text-transform: uppercase;
    line-height: 36px
}

.partner-logo .owl-prev, .partner-logo .owl-next {
    position: absolute;
    left: -40px;
    width: 23px;
    height: 38px;
    color: transparent !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-image: url(../dk/arrow-white.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 40%
}

.partner-logo .owl-next {
    left: auto !important;
    right: -40px;
    transform: rotate(180deg)
}

.partner-logo img {
    border-radius: 3px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all ease-in .2s
}

    .partner-logo img:hover {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        transition: all ease-in .2s
    }

.hex {
    float: left;
    margin-right: -35px;
    margin-bottom: -75px;
    width: 200px;
    height: 172px;
    background-image: url(../dk/hexagon-white.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all ease-in .3s
}

.hex-row {
    clear: left
}

.hex.even {
    margin-top: 93px
}

.industriescolor {
    color: #fff
}

.hex:hover, .hex:focus {
    background-image: url(../dk/hexagon-blue.png);
    color: #fff
}

.hex {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #0461a5;
    padding-top: 70px
}

.hexagon h3 {
    text-transform: uppercase;
    line-height: 34px;
    margin-bottom: 35px
}

a:focus {
    outline: 0
}

.hexagon .container {
    position: relative
}

.send-enquiry-hex {
    position: absolute;
    right: 126px;
    top: 495px;
    z-index: 9
}

.slider-tab {
    display: block;
    bottom: -178px;
    background-image: url(../dk/layer-bg.png);
    width: 412px;
    height: 357px;
    right: 85px;
    z-index: 999;
    position: absolute
}

.cs-slide {
    overflow: visible !important
}

.crellyslider {
    overflow: visible !important
}

.slider-tab-inn {
    top: auto !important;
    bottom: -95px;
    left: auto !important;
    right: 207px;
    z-index: 9999 !important;
    text-transform: uppercase;
    text-align: center;
    width: 170px;
    height: 200px;
    vertical-align: middle;
    display: block !important;
    padding-top: 60px !important
}

    .slider-tab-inn p {
        margin: 0 !important;
        text-transform: uppercase;
        font-size: 29px !important;
        line-height: 35px !important;
        color: #fff;
        font-family: "GoogleSans-Regular",sans-serif
    }

.crellyslider .cs-controls .cs-next {
    right: 0
}

.crellyslider .cs-controls .cs-previous {
    left: 0
}

.crellyslider .cs-controls {
    position: absolute;
    width: 185px;
    top: auto;
    opacity: 1;
    bottom: 18px;
    left: auto;
    right: 201px;
    z-index: 9999;
    margin: 0
}

    .crellyslider .cs-controls .cs-next, .crellyslider .cs-controls .cs-previous {
        display: block;
        width: 15px;
        height: 29px;
        position: absolute;
        cursor: pointer;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        background-image: url(../dk/arrow-slider.png) !important
    }

    .crellyslider .cs-controls .cs-next {
        right: 0;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

.welcome-content {
    position: absolute;
    bottom: 125px;
    color: #fff;
    left: 0;
    right: 0;
    z-index: 999
}

    .welcome-content h1 {
        text-transform: uppercase;
        font-size: 36px;
        font-weight: 500;
        border-bottom: 3px solid #f2b71b;
        width: 85%;
        padding-bottom: 10px;
        margin-bottom: 15px;
        color: #fff
    }

    .welcome-content p {
        margin: 0
    }

    .welcome-content .container {
        position: relative
    }

    .welcome-content h3 {
        text-align: right;
        position: absolute;
        top: -116px;
        text-transform: uppercase;
        right: 16%;
        font-size: 76px;
        width: 500px;
        line-height: 75px;
        color: #f2b71b;
        font-weight: 500
    }

        .welcome-content h3 strong {
            font-weight: 500;
            font-size: 103px
        }

.description {
    float: left;
    width: 45%;
    line-height: 30px
}

.btn-yellow {
    text-transform: uppercase;
    color: #fff;
    background-color: #f2b71b;
    display: inline-block;
    padding: 7px 20px;
    clear: both;
    margin-top: 15px;
    transition: all ease-in .2s
}

    .btn-yellow:hover, .btn-yellow:focus {
        background-color: #0461a5
    }

.home .common-header {
    display: none
}

.common-header {
    min-height: 431px;
    height: 431px;
    overflow: hidden
}

    .common-header img {
        width: 100%
    }

    .common-header .container {
        position: relative
    }

.header-tagline {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    text-align: right;
    bottom: 70px
}

    .header-tagline p {
        margin: 0
    }

    .header-tagline h3 {
        font-size: 76px;
        line-height: 75px;
        color: #f2b71b;
        font-weight: 500;
        float: left;
        width: 80%;
        text-transform: uppercase;
        border-bottom: 3px solid #f2b71b;
        padding-bottom: 15px;
        margin-left: 90px
    }

        .header-tagline h3 strong {
            font-size: 103px;
            font-weight: 500;
            line-height: 105px
        }

.director-main {
    float: left;
    width: 100%;
    position: relative
}

.director-left {
    float: left;
    width: 48%
}

    .director-left img {
        float: left;
        width: 100%
    }

.director-main .container {
    position: relative
}

.director-details {
    position: absolute;
    right: 15px;
    width: 50%;
    color: #fff;
    top: 70px
}

.director-overlay {
    position: absolute;
    right: 51%;
    z-index: 99;
    min-height: 100%
}

.director-image {
    float: left;
    width: 18%
}

.director-right {
    float: right;
    width: 82%;
    padding-left: 15px
}

.director-list {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

    .director-list p {
        margin: 0
    }

.director-right h3 {
    color: #f2b71b;
    font-size: 16px;
    line-height: 40px
}

.director-main::after {
    content: "Empowering Technology";
    display: block;
    position: absolute;
    z-index: 999;
    bottom: 0;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: right;
    font-size: 99px;
    line-height: 85px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    z-index: 999;
    opacity: .1
}

.csr-about {
    padding: 140px 0;
    color: #fff;
    background-image: url(../dk/csr-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.csr-col-1 {
    float: left;
    width: 22%
}

.csr-col-2, .csr-col-3 {
    float: left;
    width: 38%;
    padding-left: 56px;
    text-align: justify
}

.csr-about h3 {
    line-height: 40px;
    color: #e8b01c;
    font-weight: 600
}

.csr-about p {
    line-height: 30px
}

.product-content {
    float: left;
    width: 100%;
    margin: 50px 0
}

    .product-content h2 {
        font-size: 36px;
        text-transform: uppercase;
        font-weight: 400;
        color: #232a2a;
        margin-bottom: 30px
    }

ul.product-de {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

    ul.product-de li {
        float: left;
        width: 49%;
        list-style: none;
        margin-bottom: 20px
    }

.product-des {
    float: left;
    width: 70%;
    padding: 33px 30px;
    background-color: #f2f2f2
}

.pro-img {
    float: left;
    width: 30%
}

ul.product-de h4 {
    font-size: 18px;
    color: #f2b71b;
    margin-bottom: 7px;
    font-weight: 400
}

ul.product-de p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 4px;
    font-weight: 400
}

ul.product-de li:nth-child(even) {
    margin-left: 2%
}

.map {
    float: right;
    width: 48%;
    margin-bottom: -335px;
    z-index: 9999;
    position: relative;
    margin-top: 10px
}

.contact-detail h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    color: #232a2a;
    margin-bottom: 20px
}

.contact-detail p {
    font-size: 16px;
    line-height: 30px;
    color: #686868;
    margin-bottom: 10px
}

.form-left h3 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
    color: #f2b71b;
    margin-bottom: 20px
}

.form-left {
    float: left;
    width: 48%
}

.form-right {
    float: right;
    width: 48%
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border: 0;
    background-color: transparent;
    border-bottom: 2px solid #f2b71b;
    border-right: 2px solid #f2b71b;
    margin-bottom: 35px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    color: #fff;
    font-family: "GoogleSans-Regular",sans-serif
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    height: 168px;
    margin-top: 127px;
    border: 0;
    background-color: transparent;
    border-bottom: 2px solid #f2b71b;
    border-right: 2px solid #f2b71b;
    color: #fff;
    font-size: 16px;
    color: #fff;
    font-family: "GoogleSans-Regular",sans-serif
}

input.wpcf7-form-control.wpcf7-submit {
    float: right;
    margin-top: 15px;
    background-color: #f2b71b;
    font-family: "GoogleSans-Regular",sans-serif;
    font-size: 25px;
    line-height: 30px;
    padding: 10px 15px;
    margin-bottom: 30px;
    font-weight: 400
}

    input.wpcf7-form-control.wpcf7-submit:focus {
        outline: 0
    }

.img-l {
    position: absolute;
    left: 43%;
    bottom: -53px
}

#imageData #imageDetails {
    width: 100%;
    float: left;
    text-align: center
}

span#titleText {
    font-size: 20px;
    margin-top: 20px;
    line-height: 25px;
    text-align: center
}

span#numberDisplay {
    display: none !important
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: none !important
}

.certificate h3 {
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 15px;
    color: #f2b71b;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}

span.wpcf7-not-valid-tip {
    display: none !important
}

.wpcf7-not-valid {
    border-color: red !important
}

ul.product-de li:nth-child(2n+1) {
    clear: both
}

.product-des {
    min-height: 191px
}

.mobile-header {
    display: none
}

.mobile-visible {
    display: none
}

section.csr-about {
    display: none
}

section.director img.director-overlay {
    display: none
}

.testimonials {
    display: none
}

@media only screen and (max-width :1280px) and (min-width:1101px) {
    .site-branding {
        padding-left: 110px
    }

    .header-right {
        padding-right: 50px
    }
}

@media only screen and (max-width :1100px) {
    #masthead::before {
        width: 490px;
        height: 340px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    #masthead::after {
        width: 285px;
        height: 643px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .welcome-content h3 strong {
        font-size: 70px
    }

    .welcome-content h3 {
        top: -100px;
        font-size: 70px;
        width: 370px
    }

    .welcome-content {
        bottom: 80px
    }

    .home #masthead {
        height: 643px
    }

    .site-branding {
        width: 35%;
        padding-left: 110px
    }

    .header-right {
        width: 65%
    }

    .slider-tab {
        width: 330px;
        height: 285px;
        background-size: 100%;
        bottom: -141px
    }

    .slider-tab-inn {
        bottom: -85px;
        right: 165px;
        height: 180px
    }

    .crellyslider .cs-controls {
        width: 165px;
        bottom: 18px;
        right: 169px
    }

    .hexagon {
        padding-top: 75px
    }

    .hex {
        margin-right: -35px;
        margin-bottom: -58px;
        width: 165px;
        height: 142px
    }

        .hex.even {
            margin-top: 85px
        }

    .slider-tab-inn p {
        font-size: 22px !important;
        line-height: 30px !important
    }

    .hex {
        font-size: 12px;
        padding-top: 55px
    }

    .send-enquiry-hex {
        right: 169px;
        top: 448px;
        width: 185px
    }

    .hex-row {
        padding-left: 15px
    }

    .hexagon {
        padding-bottom: 100px
    }

    .partner-logo .owl-carousel, .client-logo .owl-carousel {
        padding: 0 35px
    }

    .partner-logo .owl-prev, .client-logo .owl-prev {
        left: 5px
    }

    .partner-logo .owl-next, .client-logo .owl-next {
        right: -2px
    }

    .testimonial_rotator_wrap {
        margin: 0
    }

    .testimonails-main {
        width: 435px
    }

    .testimonial_rotator_quote {
        font-size: 14px;
        line-height: normal
    }

    .footer-cols p strong {
        font-size: 16px
    }

    .footer-bottom p {
        font-size: 15px
    }

    #masthead {
        height: 330px
    }

    .header-tagline h3 strong {
        font-size: 60px;
        line-height: 70px
    }

    .header-tagline h3 {
        font-size: 50px;
        line-height: 50px;
        font-size: 50px;
        line-height: 50px;
        width: 66%;
        margin-left: 155px
    }

    .common-header {
        min-height: 330px;
        height: 330px
    }

    .header-tagline {
        bottom: 35px
    }

    ul.product-de p br {
        display: none
    }

    .product-des {
        padding: 18.5px 22px;
        min-height: 162px
    }

    .certificate ul li {
        margin-left: 19px;
        height: 460px
    }

    .logos li {
        margin-left: 13px
    }

    .img-l {
        left: 40%
    }
}

@media only screen and (max-width:999px) {
    .home #masthead {
        height: auto;
        position: relative
    }

    #masthead::before, #masthead::after {
        content: none
    }

    .industriescolor {
        color: #000
    }

    .site-branding {
        width: 35%;
        padding-left: 0
    }

    .header-right #menu-toggle {
        margin-bottom: 0;
        margin-top: 0;
        float: right;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        color: #0461a6;
        text-indent: -99999px;
        padding: 0;
        width: 40px;
        height: 40px;
        outline: 0
    }

    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: #f2b71b;
        margin: 6px 0;
        transition: .4s
    }

    .toggled-on .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px,6px);
        transform: rotate(-45deg) translate(-9px,6px)
    }

    .toggled-on .bar2 {
        opacity: 0
    }

    .toggled-on .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px,-8px);
        transform: rotate(45deg) translate(-8px,-8px)
    }

    .certification-logo {
        margin-bottom: 10px
    }

    #masthead {
        padding-top: 10px;
        padding-bottom: 10px;
        z-index: 99999;
        overflow: visible
    }

    #site-header-menu {
        float: right;
        margin: 0;
        width: 160px;
        position: absolute;
        right: 0;
        top: 95px;
        z-index: 999;
        background-color: #0461a6;
        border: 3px solid #f2b71b;
        padding: 9px 15px
    }

    #site-navigation {
        float: right;
        width: 100%
    }

    .main-navigation a {
        padding-left: 0
    }

    .main-navigation li {
        position: relative;
        padding: 5px 0;
        border-top: 1px solid #f2b71b
    }

    .main-navigation .primary-menu {
        border-bottom: 0
    }

    .main-navigation li:first-child {
        border-top: 0
    }

    .welcome-content h3 {
        top: 0;
        font-size: 30px;
        width: 100%;
        position: relative;
        left: 0;
        float: left;
        text-align: left;
        line-height: 30px
    }

        .welcome-content h3 strong {
            font-size: 30px
        }

    .slider-tab {
        width: 250px;
        height: 216px
    }

    .slider-tab-inn {
        bottom: -50px;
        right: 146px;
        height: 150px;
        width: 130px
    }

    .crellyslider .cs-controls {
        width: 125px;
        bottom: 19px;
        right: 149px
    }

    .slider-tab {
        bottom: -107px
    }

    .hex.even {
        margin-top: 0
    }

    .hex {
        margin-right: 15px;
        margin-bottom: 15px
    }

    .hex-row {
        clear: left;
        float: left;
        width: 100%
    }

    .hexagon .container {
        position: initial
    }

    .hexagon {
        position: relative
    }

    .send-enquiry-hex {
        right: 30px;
        top: inherit;
        width: 185px;
        bottom: -50px
    }

    .hexagon {
        background-image: none
    }

    .hexagon {
        padding-bottom: 10px
    }

    .hexagon {
        padding-top: 35px
    }

    .logo-container {
        text-align: center
    }

    .client-title {
        float: left;
        width: 100%;
        padding-right: 0;
        padding-top: 0
    }

    .client-logo h3 {
        margin-bottom: 15px
    }

    .logo-right {
        width: 100%
    }

    .img-footer-over {
        display: none
    }

    .testimonails-image {
        display: none
    }

    .testimonails-main {
        width: 100%;
        position: relative;
        margin-bottom: 15px
    }

    .hexagon h3 br, .partner-logo h3 br, .client-logo h3 br {
        display: none
    }

    .hex-row {
        padding-left: 0
    }

    .hex {
        width: 140px;
        height: 130px;
        float: none;
        display: inline-block;
        padding-top: 45px
    }

    .hex-row {
        text-align: center
    }

    .hexagon {
        text-align: center
    }

        .hexagon h3 {
            text-align: center
        }

    .header-tagline h3 {
        font-size: 25px;
        line-height: 25px
    }

        .header-tagline h3 strong {
            font-size: 25px;
            line-height: 40px
        }

    .header-tagline {
        bottom: 15px
    }
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    padding-top: 15px
}

    .tabs label {
        order: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        margin-right: .2rem;
        cursor: pointer;
        background-color: #cf2c68;
        font-weight: 700;
        transition: background ease .3s;
        color: #fff
    }

    .tabs .tab {
        order: 9;
        flex-grow: 1;
        width: 100%;
        height: 100%;
        display: none;
        padding: 1rem;
        padding: 10px
    }

    .tabs input[type="radio"] {
        display: none
    }

        .tabs input[type="radio"]:checked + label {
            background: #ddd;
            color: #cf2c68
        }

            .tabs input[type="radio"]:checked + label + .tab {
                display: block
            }

.accordion-div {
    margin: 2rem 0;
    background-color: #fff;
    color: #fff
}

.accordion .card-header:after {
    font-family: "GoogleSans-Regular",sans-serif;
    content: "f068";
    float: right
}

.accordion .card-header.collapsed:after {
    content: "f067"
}

.accordion h1 {
    text-transform: uppercase;
    padding-top: 1.5rem;
    margin-left: 1rem
}

.accordion .card-title {
    color: #fff;
    text-decoration: none
}

.accordion > .card {
    background-color: #000
}

    .accordion > .card > .card-header {
        border-bottom: 1px solid #fff
    }

#over img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

#over1 img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

#over2 img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

#over3 img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.containerimage {
    position: relative;
    width: auto
}

.image {
    display: block;
    width: 100%;
    height: auto;
    position: center
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 83%;
    width: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008cba;
    border: solid #008daf;
    border-radius: 10px
}

.overlay1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: auto;
    opacity: 0;
    transition: .5s ease;
    background-color: #008cba;
    border: solid #008daf;
    border-radius: 10px
}

.containerimage:hover .overlay {
    opacity: 1
}

.containerimage:hover .overlay1 {
    opacity: 1
}

.containerimage:hover .overlay2 {
    opacity: 1
}

.formSec1 {
    position: relative;
    padding: 20px 35px;
    margin-left: 0;
    float: right
}

@media screen and (min-width:1024px) {
    .dp1 {
        float: right;
        margin-top: -97px
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .dp1 {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .dpbanner {
        height: 480px;
        padding-top: 90px
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .dpbanner {
        height: 400px;
        padding-top: 100px
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .dpbanner {
        height: 100% !important;
        padding-top: 20px !important
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .dpfont {
        font-size: 12px;
        font-weight: 300
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .topmenu nav {
        height: 65px !important;
        line-height: 27px !important;
    }
        .topmenu nav.mobile-nav {
            padding-top: 20px!important;
        }
}

.text {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 200px;
    width: 220px;
    padding-top: 10px
}

.mapouter {
    position: relative;
    text-align: center;
    height: 100px
}

.hero-unit {
    text-align: center;
    background: 0;
    border-radius: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 5px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 42px;
    color: inherit;
    background-color: #008daf;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 10px
}

.toggle_title {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2) !important;
    padding: 12px !important;
    font-size: 16px !important;
    color: #333 !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-top: 23px !important;
    margin-left: 0 !important;
    width: 100%;
    padding-left: 46px !important;
    height: auto !important
}

.toggle_active:before {
    font-family: "GoogleSans-Regular",sans-serif;
    background-size: cover !important;
    width: 37px !important;
    height: 63px !important;
    padding: 10px
}

.toggle_title:before {
    font-family: "GoogleSans-Regular",sans-serif;
    background-size: cover;
    width: 20px;
    font-size: 20px;
    padding: 10px
}

.toggle_title {
    margin-top: 0 !important;
    padding: 3rem 3rem 1rem 1rem !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.toggle_title-investor {
    margin-top: 0 !important;
    padding: 3rem 0rem 0rem 1rem !important;
    border-bottom: 1px solid #e5e5e5 !important
}

.toggle_title:hover {
    color: #008daf !important;
    transition: .3s !important
}

.toggle_title-investor:hover {
    color: #008daf !important;
    transition: .3s !important
}

.toggle_content {
    font-size: 15px;
    color: #515151 !important;
    border-left: 0 solid #dedede !important;
    border-bottom: 0 solid #dedede !important;
    border-right: 0 solid #dedede !important;
    margin: 8px !important;
    width: 100%;
    padding: 5px 15px !important;
    background: #fff !important;
    line-height: 1.9 !important
}

div.nicecolor {
    border: 5px solid #008daf;
    border-radius: 30px 5px;
    margin-top: 10px
}

    div.nicecolor:hover {
        border: 5px solid #cf2c68;
        border-radius: 30px 5px;
        box-shadow: 2px 3px #ccc
    }

@media screen and (min-width :0) and (max-width :767px) {
    .twitter {
        display: none
    }
}

.fundingform {
    background: #008daf;
    border: 3px solid #b5afaf
}

.fundingfrm {
    padding-bottom: 25px;
    padding-top: 0;
    padding-right: 40px;
    padding-left: 40px
}

.fundline {
    border-bottom: 3px solid #eee;
    margin-bottom: 20px
}

.fundsection {
    padding: 60px 90px
}

.fundbox {
    height: 200px;
    background: #0299c5;
    padding: 16px 30px;
    color: #fff;
    width: 300px;
    border: 2px solid #cf2c68;
    margin-bottom: 40px
}

.fundingicon {
    margin: auto;
    padding-top: 5px;
    padding-bottom: 6px;
    text-align: center
}

.fullbody {
    background: #f1f1f1;
    margin-bottom: 30px
}

.fundraise {
    background: #7bcae1;
    padding: 0 20px;
    border-bottom: 2px solid #dfdfdf
}

.wp-block-audio figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-audio figcaption {
    color: hsla(0,0,100%,.65)
}

.wp-block-code > code {
    font-family: "GoogleSans-Regular",sans-serif;
    color: #1e1e1e;
    padding: .8em 1em;
    border: 1px solid #ddd;
    border-radius: 4px
}

.wp-block-embed figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-embed figcaption {
    color: hsla(0,0,100%,.65)
}

.blocks-gallery-caption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .blocks-gallery-caption {
    color: hsla(0,0,100%,.65)
}

.wp-block-image figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-image figcaption {
    color: hsla(0,0,100%,.65)
}

.wp-block-pullquote {
    border-top: 4px solid;
    border-bottom: 4px solid;
    margin-bottom: 1.75em;
    color: currentColor
}

    .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer {
        color: currentColor;
        text-transform: uppercase;
        font-size: .8125em;
        font-style: normal
    }

.wp-block-quote {
    border-left: .25em solid;
    margin: 0 0 1.75em;
    padding-left: 1em
}

    .wp-block-quote cite, .wp-block-quote footer {
        color: currentColor;
        font-size: .8125em;
        position: relative;
        font-style: normal
    }

    .wp-block-quote.has-text-align-right {
        border-left: 0;
        border-right: .25em solid;
        padding-left: 0;
        padding-right: 1em
    }

    .wp-block-quote.has-text-align-center {
        border: 0;
        padding-left: 0
    }

    .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-plain {
        border: 0
    }

.wp-block-search .wp-block-search__label {
    font-weight: 700
}

.wp-block-group:where(.has-background) {
    padding: 1.25em 2.375em
}

.wp-block-separator {
    border: 0;
    border-bottom: 2px solid;
    margin-left: auto;
    margin-right: auto;
    opacity: .4
}

    .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
        width: 100px
    }

    .wp-block-separator.has-background:not(.is-style-dots) {
        border-bottom: 0;
        height: 1px
    }

    .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
        height: 2px
    }

.wp-block-table thead {
    border-bottom: 3px solid
}

.wp-block-table tfoot {
    border-top: 3px solid
}

.wp-block-table td, .wp-block-table th {
    padding: .5em;
    border: 1px solid;
    word-break: normal
}

.wp-block-table figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-table figcaption {
    color: hsla(0,0,100%,.65)
}

.wp-block-video figcaption {
    color: #555;
    font-size: 13px;
    text-align: center
}

.is-dark-theme .wp-block-video figcaption {
    color: hsla(0,0,100%,.65)
}

.wp-block-template-part.has-background {
    padding: 1.25em 2.375em;
    margin-top: 0;
    margin-bottom: 0
}

.sectfund {
    background: #0299c585;
    padding: 31px 20px;
    height: 270px
}

.sectfund5 {
    background: #0299c585;
    padding: 21px 20px
}

.sectfund1 {
    background: #7cb83563;
    padding: 45px 20px;
    height: 270px
}

.sectfund2 {
    background: #b923794a;
    padding: 31px 20px;
    height: 270px
}

.sectfund4 {
    background: #d7d7d775;
    padding: 31px 20px;
    margin-bottom: 35px
}

.sectfund3 {
    background: #dedaf2;
    padding: 31px 20px;
    height: 270px
}

.padd {
    padding: 0
}

.fundraise {
    background: #7bcae1;
    padding: 0 40px;
    border-bottom: 2px solid #dfdfdf
}

    .fundraise img {
        margin-top: 60px
    }

.fundraise1 {
    background: #7bcae1;
    padding: 0 40px
}

    .fundraise1 img {
        margin-top: 60px
    }

@media screen and (min-width :400px) and (max-width :500px) {
    .fundraise {
        height: 205px;
        padding: 0 15px;
        border-bottom: 2px solid #dfdfdf
    }

    .fundraise1 {
        height: 205px;
        padding: 5px 15px
    }

    .fundsection {
        padding: 20px 20px
    }

    .respome {
        margin-top: 25px
    }

    .modal-contentFeadback {
        height: 365px
    }
}

.bfformcsr {
    background: #008dafc9;
    padding: 3px 3px
}

.csrpic img {
    border: 6px solid #008daf;
    border-radius: 10px;
    width: 100%
}

.csrpic {
    margin-bottom: 20px
}

.fullbody2 {
    margin-top: 15px
}

@media screen and (min-width :500px) and (max-width :600px) {
    .fundraise {
        height: 205px;
        padding: 0 15px;
        border-bottom: 2px solid #dfdfdf
    }

    .fundraise1 {
        height: 205px;
        padding: 5px 15px
    }

    .fundsection {
        padding: 20px 20px
    }

    .respome {
        margin-top: 25px
    }
}

.padd {
    padding: 0
}

.wrapperwe {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.video-main {
    position: relative;
    display: inline-block
}

.videowe {
    height: 60px;
    width: 60px;
    line-height: 74px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    display: inline-block;
    background: #cf2c68;
    z-index: 999;
    cursor: pointer
}

@keyframes waves {
    0 {
        -webkit-transform: scale(0.2,0.2);
        transform: scale(0.2,0.2);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    50% {
        opacity: .9;
        -ms-filter: "alpha(opacity=90)"
    }

    100% {
        -webkit-transform: scale(0.9,0.9);
        transform: scale(0.9,0.9);
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
}

.fa-play:before {
    content: "\f04b"
}

.waveswe {
    position: absolute;
    width: 165px;
    height: 165px;
    background: #e72b7059;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    border-radius: 100%;
    right: -53px;
    bottom: -53px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}

.wave-1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.videowe i {
    font-size: 25px
}

@media screen and (max-width:798px) {
    .videowe {
        height: 50px;
        width: 50px;
        line-height: 56px;
        text-align: center;
        border-radius: 100%;
        background: transparent;
        color: #fff;
        display: inline-block;
        background: #cf2c68;
        z-index: 999
    }

    .waveswe {
        position: absolute;
        width: 165px;
        height: 165px;
        background: #e72b7059;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        border-radius: 100%;
        right: -56px;
        bottom: -59px;
        z-index: -1;
        -webkit-animation: waves 3s ease-in-out infinite;
        animation: waves 3s ease-in-out infinite
    }

    .videowe i {
        font-size: 20px;
        margin-left: 5px
    }

    .wave-1 {
        -webkit-animation-delay: 0;
        animation-delay: 0
    }

    .wave-2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .wave-3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }
}

.smartwebg {
    padding: 15px 0;
    margin-top: 5px
}

.topmenu .dpfont a:hover {
    color: #00cdff
}

.mb-1 {
    margin-bottom: 15px
}

.mb-2 {
    margin-bottom: 20px
}

.mb-3 {
    margin-bottom: 25px
}

.mb-4 {
    margin-bottom: 30px
}

.mb-5 {
    margin-bottom: 35px
}

.enquiry-main {
    width: 270px;
    margin-top: 10px
}

.enquiry-box {
    background-color: #008daf;
    height: 460px;
    padding: 3px;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 5%;
    display: block
}

.enquiry-head {
    color: #fff;
    font-size: 25px;
    margin: 0;
    position: relative;
    top: 4px
}

.hr-enq {
    border-top: 1px solid #fff;
    margin-top: 8px
}

.sliderback .righttickpp {
    color: #cf2c68;
    margin-bottom: 10px;
    background: #fff;
    padding: 1px 10px;
    border-radius: 2px;
    font-weight: 700
}

.our-services div > a:hover img {
    filter: invert(1)
}

.book-apppint h2 {
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 5px
}

.book-apppint p {
    margin-bottom: 20px;
    font-weight: 600
}

.btn-primary:hover {
    color: #fff;
    background-color: #a21448;
    border-color: #a21448;
    text-decoration: none;
    transition: .4s ease-in-out
}

.big-hr {
    padding: 10px 9px 7px 22px
}

.stats span.percent {
    float: none;
    font-size: 26px;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    stroke-width: 22px;
    -webkit-text-stroke-color: #008daf;
    stroke: #008daf
}

.provide-best h2 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 2px
}

.provide-best p {
    margin-bottom: 16px
}

.hex {
    padding-top: 62px
}

.contact-info .fa.fa-map-marker {
    position: relative
}

.cultural-imgs {
    height: 300px;
    width: 100%
}

.whyusulli {
    padding-left: 0
}

.whyusli {
    padding-left: 15px
}

.videowe i {
    position: relative;
    top: -2px;
    left: 2px
}

.model-images {
    height: 300px;
    width: 100%;
    margin-top: 20px
}

.processwelpl {
    background: #008daf12;
    padding: 20px;
    border-bottom: 5px solid #008daf;
    border-radius: 10px;
    margin: 10px
}

.servicemodelheading2 h1 span {
    color: #cf2c68
}

.servicemodelheading span {
    margin-left: 35px
}

.servicemodelheading2 h1 {
    font-size: 35px
}

.afterline1 {
    height: 5px;
    border-radius: 3px;
    width: 50px;
    margin-bottom: 15px;
    background: #cf2c68;
    top: 55%;
    left: 90%
}

.immhhh {
    text-align: center
}

.headingofprocess {
    padding: 10px;
    padding: 15px 20px;
    border-radius: 5px 72px 72px 5px
}

.processheadingkeys ul {
    padding-left: 15px
}

.processheadingkeys2 ul {
    padding-left: 15px
}

.serialno h3 {
    background: #cf2c68;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    margin-left: auto;
    padding-top: 7px;
    margin-bottom: 0;
    margin-right: auto;
    font-size: 25px
}

.processheadingkeys ul li {
    list-style: none;
    padding: 5px 6px;
    margin: 8px 0;
    border-radius: 4px;
    background: #cf2c6821
}

.processheadingkeys2 ul li {
    list-style: none;
    padding: 5px 6px
}

.processheadingkeys ul li i {
    color: #cf2c68;
    margin-right: 5px
}

.processheadingkeys2 ul li i {
    color: #cf2c68;
    margin-right: 5px
}

.afterline {
    height: 5px;
    border-radius: 3px;
    width: 100px;
    margin-bottom: 35px;
    margin-left: auto;
    background: #cf2c68;
    top: 55%;
    left: 90%;
    margin-right: auto
}

.pargraphprocess {
    padding: 0 0 50px 0
}

    .pargraphprocess img {
        border-radius: 15px
    }

.ilp1 {
    padding: 15px 20px;
    background: #ffe8f4;
    margin: 10px
}

.wmses2 {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.ipleses {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.iespl {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.pilies {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.missionilp {
    padding: 15px 20px;
    background: #fff;
    margin: 30px 10px;
    box-shadow: 0 3px 10px 2px #cccccc82
}

.visionilp {
    padding: 25px 25px;
    background: #d9f3ff;
    margin-top: 80px;
    box-shadow: 1px 3px 3px 1px #d9f3ff
}

.servicemodelheading h2 {
    font-size: 25px
}

.servicemodelheading2 h1 {
    font-size: 36px
}

.home_enquiry {
    height: 480px;
    border: 0;
    overflow: hidden
}

.rounded {
    border-radius: 10px
}

.br-1 {
    border-radius: 10px
}

.mt-5 {
    margin-top: 35px
}

.pargraphprocess .wmses2 img {
    margin-left: auto;
    margin-right: auto
}

.servicemodelheading h2 span {
    margin-left: 3px;
    color: #cf2c68
}

.services-img {
    height: 300px;
    width: 100%;
    margin-top: 60px
}

.price-section {
    background: #cf2c6821;
    padding: 30px 20px;
    margin-bottom: 30px;
    border-radius: 5px
}

.delivery-section {
    background: #cccccc6e;
    padding: 30px 20px
}

.cultural-banner {
    background-image: url('https://cdn.ltex.in/img/cultural-img/Cultural-banner1.png');
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.sliderback .sliderbackleftcontent {
    margin-top: 20%;
    margin-bottom: 20%;
    display: block
}

.enquiry-main .enquiry-box .hr-enq .mt15 {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.mt10 img.newshadowimage {
    width: 100%;
    border-radius: 10px
}

.mt30 img.newsshadowimage {
    border-radius: 10px;
    width: 100%
}

.indexbannerwhychooseus {
    padding-top: 50px;
    padding-bottom: 50px
}

    .indexbannerwhychooseus .indexcustumerb img.dpfont {
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        height: 100px
    }

.block-content img.map_img {
    width: 100%
}

.cookie_box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 430px;
    padding: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    z-index: 999999
}

.hide {
    display: none
}

.cookie_box img {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.cookie_box h5 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 15px
}

.cookie_box button {
    padding: 7px 20px;
    background: #cf2c68;
    color: #fff;
    font-size: 13px;
    border: 0;
    outline: 0;
    cursor: pointer
}

    .cookie_box button:focus {
        background: #008daf
    }

#wrapper {
    width: 100%;
    max-width: 1100px;
    position: relative
}

#carousel2 {
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: none
}

    #carousel2::-webkit-scrollbar {
        height: 0
    }

#prev, #next {
    display: flex;
    justify-content: center;
    align-content: center;
    background: #008daf;
    border: 0;
    padding: 8px;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    position: absolute
}

#prev {
    top: 50%;
    left: -70px;
    transform: translate(50%,-50%)
}

#next {
    top: 50%;
    right: -70px;
    transform: translate(-50%,-50%)
}

#content {
    display: grid;
    grid-gap: 16px;
    grid-auto-flow: column;
    margin: auto;
    box-sizing: border-box
}

.item2 {
    width: 260px;
    height: 155px;
    animation-name: fadeInLeft;
    border-radius: 15px 30px;
    overflow: hidden;
    color: #278daf;
    border: 2px solid #008daf;
    box-shadow: 0 0 5px 2px
}

@media screen and (max-width:800px) {
    #next {
        right: -35px
    }

    #prev {
        left: -20px
    }

    .item2 {
        width: 318px !important;
        height: 165px !important
    }

    #content {
        padding: 0 25px !important
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .h-block {
        display: none
    }
}

.featurepresence.text-center {
    padding: 10px 10px;
    background: #008daf;
    border-radius: 5px
}

.featurepresence h4 {
    font-size: 20px
}

.featurepresence img {
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(rgb(72,0,72,0.8),rgb(192,72,72,0.8)),url("https://pacificcrestdynamics.com/media/3-column-info/3.jpg")
}

.owl-nav {
    text-align: center
}

button.owl-prev span {
    font-size: 36px;
    font-weight: 900;
    color: #008daf;
    margin-right: 10px
}

button.owl-next span {
    font-size: 36px;
    font-weight: 900;
    color: #008daf;
    margin-right: 10px
}

.whitetext {
    color: #fff
}

span.moredetail {
    background: #cf2c68;
    padding: 8px;
    border-radius: 5px
}

ul.whdetail {
    list-style: none;
    color: #fff;
    font-weight: 500;
    text-align: left;
    padding: 0
}

.cityname {
    position: absolute;
    top: 22%;
    left: 38%;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,1,2,.98)
}

.cookie_box {
    display: none
}

img.twitter_img {
    margin-bottom: 11px;
    font-size: 2em;
    border-radius: 4px
}

img.twitter_img-footer {
    margin-bottom: 10px;
    font-size: 2em;
    border-radius: 0
}

img.twitter_img:hover {
    -webkit-filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.6);
    filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.6)
}

.inner-offset .inner-offset-div {
    padding: 10px;
    color: white
}

.owl-carousel .item a {
    text-decoration: none
}

    .owl-carousel .item a img.mb18 {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .owl-carousel .item a span {
        font-size: 16px
    }

.blogs h2 {
    margin-bottom: 20px
}

.blogs .single-blog-grid-01 {
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),0 1px 2px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    border: 3px solid #298db0
}

    .blogs .single-blog-grid-01 .thumb img {
        width: 100%
    }

    .blogs .single-blog-grid-01 .content h3 {
        list-style-type: none;
        text-decoration: none
    }

    .blogs .single-blog-grid-01 .content-right {
        text-align: right
    }

        .blogs .single-blog-grid-01 .content-right a {
            list-style-type: none;
            text-decoration: none;
            color: #cf2c68;
            text-align: right
        }

footer a.indiamart_img img {
    width: 21px;
    margin-left: 3px;
    border-radius: 4px;
    margin-bottom: 11px
}

footer .msme_logo {
    margin-bottom: 15px !important
}

    footer .msme_logo img {
        margin-left: 20px
    }

    footer .msme_logo h2 {
        color: white;
        margin-left: 35px;
        margin-top: 10px;
        font-size: 26px;
        font-weight: 500
    }

    footer .msme_logo p {
        color: white;
        margin-top: 10px;
        line-height: 1.5
    }

footer .contact-info .fa-map-marker {
    margin-bottom: 0
}

footer .contact-info strong {
    font-size: 15px
}

footer .contact-info .fa {
    margin-top: 4px
}

footer .contact-info a.footer_anchor {
    color: #fff;
    list-style-type: none;
    text-decoration: none
}

footer .zoom-1 {
    bottom: 315px;
    left: -34px;
    height: 32px;
    font-weight: bold;
    width: 100px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

footer .zoom-2 {
    bottom: 195px;
    left: -34px;
    height: 32px;
    font-weight: bold;
    width: 100px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.enquiry-form-modal .modal-content {
    height: 450px
}

    .enquiry-form-modal .modal-content .enquiry-form-modal-close {
        width: 100%;
        min-height: 12px
    }

        .enquiry-form-modal .modal-content .enquiry-form-modal-close span {
            margin-top: 8px;
            margin-right: 25px
        }

    .enquiry-form-modal .modal-content p {
        color: white;
        font-weight: bolder;
        text-align: center;
        text-transform: uppercase;
        margin: 0;
        font-size: 20px;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .enquiry-form-modal .modal-content .c {
        border-top: 1px solid #fff;
        margin-top: 10px
    }

        .enquiry-form-modal .modal-content .c .input_c {
            height: 30px;
            width: 100%
        }

        .enquiry-form-modal .modal-content .c .input_c_msg {
            height: 50px;
            width: 100%
        }

        .enquiry-form-modal .modal-content .c .mt20 span {
            font-size: 20px
        }

        .enquiry-form-modal .modal-content .c .txtResult {
            color: black;
            font-size: 20px;
            text-align: center;
            width: 100%
        }

        .enquiry-form-modal .modal-content .c .spnLeft {
            color: white;
            font-size: 20px;
            width: 35px;
            text-align: center;
            background-color: #008daf;
            border: 0
        }

        .enquiry-form-modal .modal-content .c .spnRight {
            color: white;
            font-size: 20px;
            width: 35px;
            text-align: center;
            background-color: #008daf;
            border: 0
        }

        .enquiry-form-modal .modal-content .c a.btnEnquirymaster {
            border-radius: 5px;
            font-size: Medium;
            padding: 12px 20px;
            cursor: pointer;
          
        }

.modalFeadback .modal-contentFeadback {
    border-radius: 10px;
    width: 245px;
    color: #000
}

    .modalFeadback .modal-contentFeadback span.closeFeadback {
        margin-top: 8px;
        min-height: 12px;
        margin-right: 20px
    }

.modalFeadback h3 {
    color: white;
    font: bold;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 11px;
    padding-top: 0
}

.modalFeadback .stars {
    padding-left: 30px
}

.feedback_input {
    height: 35px !important;
    width: 100%
}

.feedback_input_msg {
    height: 45px !important;
    width: 100%
}

a.btnFeedback {
    border-radius: 5px;
    height: 35px;
    font-size: Medium;
    padding: 12px 20px;
    cursor: pointer
}

.rfq-modal .modal-contentrfq .close-rfq {
    max-width: 600px;
    min-width: 270px;
    height: 13px;
    color: #000
}

.rfq-modal .modal-contentrfq h3 {
    color: white;
    text-align: center;
    position: relative;
    bottom: 10px
}

.rfq-modal .modal-contentrfq .rfq-form {
    border-top: 1px solid #fff
}

.rfq-modal .modal-contentrfq .rfq-form-details {
    margin-top: 10px
}

    .rfq-modal .modal-contentrfq .rfq-form-details .rfq-input {
        height: 30px;
        width: 100%
    }

    .rfq-modal .modal-contentrfq .rfq-form-details .rfq-selectbox {
        height: 30px;
        width: 100%
    }

    .rfq-modal .modal-contentrfq .rfq-form-details .rfq-date {
        height: 30px;
        width: 100%
    }

    .rfq-modal .modal-contentrfq .rfq-form-details .txtmsgref {
        height: 30px;
        width: 100%
    }

.rfq-center {
    text-align: center
}

a.btnrfq {
    border-radius: 5px;
    height: 35px;
    font-size: medium;
    padding: 12px 20px
}

.wap-modal .modal-contentw {
    background-image: linear-gradient(to bottom right,#008daf,#008daf)
}

    .wap-modal .modal-contentw .whatsapp-div-md-1 {
        width: 350px;
        min-height: 35px;
        border-bottom: 1px solid #fff;
        color: #fff
    }

        .wap-modal .modal-contentw .whatsapp-div-md-1 .closew {
            margin-top: -10px;
            font-weight: bold
        }

        .wap-modal .modal-contentw .whatsapp-div-md-1 img {
            width: 25px
        }

    .wap-modal .modal-contentw .whatsapp-div-md-2 {
        width: 345px
    }

        .wap-modal .modal-contentw .whatsapp-div-md-2 h5 {
            margin-top: 5px;
            font-weight: bold;
            color: #fff;
            text-align: center
        }

        .wap-modal .modal-contentw .whatsapp-div-md-2 .txtmsg {
            margin-top: 5px
        }

.whatsapp-center {
    text-align: center
}

a.btnSendwp {
    text-align: center;
    border-radius: 5px;
    height: 35px;
    font-size: Medium;
    padding: 10px 28px
}

.cp-modal .modal-contentd {
    min-height: 12px
}

    .cp-modal .modal-contentd .closed {
        margin-top: 0;
        margin-right: 10px
    }

    .cp-modal .modal-contentd p {
        color: white;
        font-weight: bolder;
        text-align: center;
        text-transform: uppercase;
        padding-top: 12px;
        font-size: 20px
    }

    .cp-modal .modal-contentd .cp-modal-form {
        border-top: 1px solid #fff
    }

    .cp-modal .modal-contentd .cp-modal-form-input {
        margin-top: 15px
    }

.cp-modal .TextBox1 {
    display: none
}

.cp-modal .cp-input {
    height: 25px
}

.wareservice-banner {
    background-image: url(https://cdn.ltex.in/img/service/warehouse-services/banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.owl-custom img {
    margin-left: auto;
    margin-right: auto
}

.whyusulli .fa-check-square-o, .whyusli .fa-check-square-o {
    color: #cf2c68
}

.modal-submit-btn {
    padding: 10px 20px
}

.contract-banner {
    background-image: url(https://cdn.ltex.in/img/service/contract-logistics.html/banner.webp);
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

ul.whyusul {
    padding-left: 10px
}

.fullfillment-banner {
    background-image: url(https://cdn.ltex.in/img/service/fulfillment-warehouse.html/banner.webp);
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.undefined .OurDevelopmentProcess_processfollowmaindiv__BdZDX .OurDevelopmentProcess, .OurDevelopmentProcess2, .OurDevelopmentProcess3, .OurDevelopmentProcess4, .OurDevelopmentProcess8, .OurDevelopmentProcess7, .OurDevelopmentProcess6, .OurDevelopmentProcess5 img {
    color: transparent
}

.undefined img.OurDevelopmentProcess_lt__1x4sy {
    width: 100%;
    color: transparent
}

ul.whyusullian li {
    background: #ffcfe0;
    padding: 8px 20px;
    font-weight: 600;
    margin: 10px;
    border-radius: 7px;
    list-style: none;
    font-size: 13px
}

    ul.whyusullian li span {
        margin-bottom: 0
    }

.ilp1 {
    padding: 15px 20px;
    background: #ffe8f4;
    margin: 10px;
    text-align: center
}

.wmses2 {
    padding: 15px 20px;
    background: #def7ff;
    margin: 10px;
    text-align: center
}

.ipleses {
    padding: 15px 20px;
    background: #efffdb;
    margin: 10px;
    text-align: center
}

.iespl {
    padding: 15px 20px;
    background: #def7ff;
    margin: 10px;
    text-align: center
}

.pilies {
    padding: 15px 20px;
    background: #ffe8f4;
    margin: 10px;
    text-align: center
}

.missionilp {
    padding: 20px 20px;
    background: #efefef;
    box-shadow: 1px 3px 3px 1px #e9e9e9
}

.visionilp {
    padding: 25px 25px;
    background: #d9f3ff;
    margin-top: 80px;
    box-shadow: 1px 3px 3px 1px #d9f3ff
}

.missionilp p {
    margin-bottom: 0
}

.investorimgpage_ilps img {
    width: 100%;
    border-radius: 10px;
    border: 3px solid #cf2c68
}

.bg-banner {
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.indus-para {
    margin-top: 20px
}

.use-smart-tech {
    background-color: #f6f6f6
}

.video-content-sec {
    margin-top: 20px
}

.aviationbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/aviation-automotive/banner.webp)
}

.book-apppint-belowpara p {
    margin-top: 20px
}

.apparal-banner {
    background-image: url(https://cdn.ltex.in/img/Industries/apparel-lifestyle/banner.webp)
}

.cosmeticbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/cosmetic-skincare/banner.webp)
}

.foodbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/food-beverages/banner.webp)
}

.pharmabanner {
    background-image: url(https://cdn.ltex.in/img/Industries/pharma-healthcare/banner.webp)
}

.telecombanner {
    background-image: url(https://cdn.ltex.in/img/Industries/telecom-solar/banner.webp)
}

.entertain-banner {
    background-image: url(https://cdn.ltex.in/img/Industries/entertainment-gaming/banner.webp)
}

.fitnessbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/fitness-sport/banner.webp)
}

.powergridbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/powergrid-energy/banner.webp)
}

.invertbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/inverter/banner.webp)
}

.publishbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/publishing-records/banner.webp)
}

.enggbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/engineering-electrical/banner.webp)
}

.fmcgbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/retail-fmcg/banner.webp)
}

.chemical-banner {
    background-image: url(https://cdn.ltex.in/img/Industries/chemical-oil/banner.webp)
}

.mining-banner {
    background-image: url(https://cdn.ltex.in/img/Industries/mining-mineral/banner.webp)
}

.consumer-banner {
    background-image: url(https://cdn.ltex.in/img/Industries/consumer-durable/banner.webp)
}

.aviationbanner {
    background-image: url(https://cdn.ltex.in/img/Industries/aviation-automotive/banner.webp);
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.book-apppint-belowpara p {
    margin-top: 10px;
    margin-bottom: 15px
}

.use-smart-tech {
    background-color: #f6f6f6
}

.photobannerwe {
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(0,1,2,0.98)
}

.img-gallery img {
    width: 100%;
    border-radius: 10px;
    border: 3px solid #008daf
}

.ecommercebackground .wms-boxes {
    height: 350px
}

.chandi-last {
    line-height: 28px;
    margin-top: 20px
}

.owl-three.owl-carousel .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center
}

.owl-three.owl-carousel .owl-item img {
    width: 150px !important;
    margin: 0 auto
}

.loc-gurgaon-banner {
    background-image: url(https://cdn.ltex.in/images/gurgaon-banner.jpg)
}

.mapouter .gmap_canvas iframe {
    border: 0;
    overflow: hidden;
    width: 200px;
    height: 85px
}

.mumbai-banner {
    background-image: url(https://cdn.ltex.in/images/mumbai-mumbai.jpg)
}

.bhiwandi-banner {
    background-image: url('https://cdn.ltex.in/media/city/Bhiwandi-banner.png')
}

.delhi-banner {
    background-image: url('https://cdn.ltex.in/media/city/Delhi-banner.png')
}

.bang-banner {
    background-image: url(https://cdn.ltex.in/images/bangalore-banner.jpg)
}

.hydera-banner {
    background-image: url(https://cdn.ltex.in/images/hyderabad-banner.jpg)
}

.faridabaad-banner {
    background-image: url('https://cdn.ltex.in/media/city/Faridabad-banner.png')
}

.ghaziabad-banner {
    background-image: url('https://cdn.ltex.in/media/city/Ghaziabad-banner.png')
}

.jaipur-banner {
    background-image: url('https://cdn.ltex.in/media/city/Jaipur-banner.png')
}

.kolkata-banner {
    background-image: url('https://cdn.ltex.in/media/city/Kolkata-banner.png')
}

.lk-banner {
    background-image: url('https://cdn.ltex.in/media/city/Lucknow-banner.png')
}

.manesar-banner {
    background-image: url('https://cdn.ltex.in/media/city/Manesar-banner.png')
}

.pune-banner {
    background-image: url('https://cdn.ltex.in/media/city/Pune.png')
}

.Dkstyle .single-behan-cont {
    margin-top: 10px !important;
    margin-bottom: 30px !important
}

.pune-1 .newshadow {
    border: 2px solid #cf2c68;
    border-radius: 10px;
    width: 100%;
    height: 100%
}

.pune-2 .newshadow {
    height: 299px;
    border: 2px solid #cf2c68;
    border-radius: 10px;
    width: 100%
}

.pune-2 .mapouter .gmap_canvas iframe {
    width: 200px;
    height: 85px;
    border: 0;
    overflow: hidden;
    padding: 2px;
    border-radius: 5px
}

.single-began {
    padding: 0 7px
}

.chennai-banner {
    background-image: url(https://cdn.ltex.in/images/chennai-banner.jpg)
}

.hero-unit {
    text-align: center;
    background: 0;
    border-radius: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0
}

.hero-unit {
    padding: 5px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 42px;
    color: inherit;
    background-color: #fff;
    position: relative;
    border: 3px solid #cccccc85
}

.formcon {
    background: #008daf;
    padding: 14px 20px;
    border: 1px solid #555
}

.career-submit {
    border-radius: 5px;
    width: 40%;
    height: 40px;
    font-weight: 500;
    font-size: 18px
}

.current-openings ul.why-us {
    list-style-type: none;
    text-decoration: none
}

    .current-openings ul.why-us li {
        color: black;
        font-size: 15px;
        margin: 10px;
        min-height: 70px
    }

        .current-openings ul.why-us li strong {
            margin-left: 35px
        }

        .current-openings ul.why-us li p {
            text-align: justify
        }

.current-openings .co-divone {
    margin-top: 20px
}

.vendor-banner {
    background-image: url(https://cdn.ltex.in/img/Vendors.html.jpg)
}

.invest-banner {
    background-image: url(https://cdn.ltex.in/img/Investors.jpg)
}

.vendor .vendor-divone {
    padding: 25px
}

.vendor .vendor-divtwo {
    padding: 13px;
    margin: 65px
}

.vendor .vendor-form {
    border-radius: 5px;
    padding: 25px;
    margin-top: 40px;
    position: relative
}

    .vendor .vendor-form .vendor-form-row {
        margin: 0
    }

    .vendor .vendor-form .vendor-form-field {
        margin-top: 5px;
        color: #000
    }

        .vendor .vendor-form .vendor-form-field .txtbox {
            height: 35px;
            text-align-last: left;
            width: 100%;
            border: 1px solid #e6e6e6
        }

.vendor .vendor-code {
    display: none
}

.vendor .vendor-btn {
    margin-top: 5px;
    text-align: center
}

    .vendor .vendor-btn .form-elem {
        margin-top: 10px;
        margin-bottom: 10px
    }

.vendor .vendor-submit-btn-form {
    border-radius: 5px;
    width: 40%;
    height: 35px
}

.funding-banner {
    background-image: url(https://cdn.ltex.in/img/Startup.jpg)
}

.csr-banner {
    background-image: url(https://cdn.ltex.in/img/Corporate.jpg)
}

.btnstart {
    text-align: center;
    margin-top: 30px
}

    .btnstart .btnstartup {
        height: 35px;
        padding: 10px;
        margin-top: 30px;
        cursor: pointer
    }

.featurepresence.text-center {
    padding: 10px 10px;
    background: #008daf;
    border-radius: 5px
}

.featurepresence h4 {
    font-size: 20px
}

.featurepresence img {
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(rgb(72,0,72,0.8),rgb(192,72,72,0.8)),url("https://pacificcrestdynamics.com/media/3-column-info/3.jpg")
}

.owl-nav {
    text-align: center
}

button.owl-prev span {
    font-size: 36px;
    font-weight: 900;
    color: #008daf;
    margin-right: 10px
}

button.owl-next span {
    font-size: 36px;
    font-weight: 900;
    color: #008daf;
    margin-right: 10px
}

.whitetext {
    color: #fff
}

span.moredetail {
    background: #cf2c68;
    padding: 8px;
    border-radius: 5px
}

ul.whdetail {
    list-style: none;
    color: #fff;
    font-weight: 500;
    text-align: left;
    padding: 0
}

.cityname {
    position: absolute;
    top: 22%;
    left: 38%;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,1,2,.98)
}

p.jammu-address, .visakha-address {
    font-size: 12px
}

.vizagbanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.raipurbanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.coimbatorebanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.manglorebanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.mysorebanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.amaravatibanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.vijaywadabanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.trivandrumbanner {
    background-image: url('https://cdn.ltex.in/media/bg/trivandrum-banner-image.png')
}

.suratbanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.rajkotbanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.mundrabanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.vadodarabanner {
    background-image: url('../media/bg/our-presence.html.jpg')
}

.vapibanner {
    background-image: url('https://cdn.ltex.in/img/city/vapi/banner.webp')
}

.warehousingbanner {
    background-image: url(https://cdn.ltex.in/img/service/warehouse-services/banner.webp);
    background-repeat: no-repeat
}

ul.whyusulli .fa-check-square-o {
    color: #cf2c68
}

.owl-theme .item .icon img {
    margin-left: auto;
    margin-right: auto
}

.contarctlogistics-banner {
    background-image: url(https://cdn.ltex.in/img/service/contract-logistics.html/banner.webp)
}

.fullfilmentwarehousebanner {
    background-image: url(https://cdn.ltex.in/img/service/fulfillment-warehouse.html/banner.webp)
}

.demandwarehousebanner {
    background-image: url(https://cdn.ltex.in/img/service/ondemand-warehouse/banner.jpg)
}

.distribution-banner {
    background-image: url(https://cdn.ltex.in/img/service/distribution.html/banner.webp)
}

.order-management-banner {
    background-image: url(https://cdn.ltex.in/img/service/order-management-services/banner.webp)
}

.vds-banner {
    background-image: url(https://cdn.ltex.in/img/service/value-added-services.html/banner.webp);
    background-repeat: no-repeat
}

.threepl-banner {
    background-image: url(https://cdn.ltex.in/img/service/third-party-logistics.html/banner.webp)
}

.business-banner {
    background-image: url('../media/bg/our-businesses.jpg')
}

.industries-banner {
    background-image: url('../media/bg/industri.jpg')
}

.industry-division {
    margin-top: 15px
}

    .industry-division img {
        border-radius: 10px;
        width: 100%;
        border: 3px solid #008daf
    }

.our-presence-banner {
    background-image: url(https://cdn.ltex.in/img/our-presense.jpg)
}

#toTop:hover {
    background-color: #cf2c68
}

.formcon {
    background: #008daf;
    padding: 14px 20px;
    border: 1px solid #555
}

.contact-form-welpl {
    margin-bottom: 40px
}

    .contact-form-welpl h3 {
        color: white;
        font-size: 16px;
        color: white;
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 5px;
        padding-bottom: 5px;
        border-bottom: 2px solid #fff
    }

    .contact-form-welpl .txtbox {
        height: 35px;
        width: 100%;
        text-align: center;
        margin: 1px
    }

    .contact-form-welpl .btnSubmit {
        border-radius: 5px;
        width: 30%;
        margin-top: 10px;
        font-size: 14px
    }

.upload-adhar {
    height: 35px;
    text-align-last: center;
    width: 100%;
    background: #fff;
    color: #555;
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px;
    border-radius: 2px
}

.blog-banner {
    background-image: url(https://cdn.ltex.in/img/blog/blogbanner.jpg)
}

.blog-h2 {
    color: white
}

.post-info {
    background-color: #008daf;
    padding-left: 18px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 28px
}

    .post-info span {
        color: #fff;
        padding: 0 20px 3px 13px !important
    }

.pageblock1 {
    overflow: hidden;
    margin-top: 15px;
    box-shadow: rgba(99,99,99,0.2) 0 2px 8px 0;
    padding-bottom: 15px;
    padding-right: 15px
}

.post-info span + span {
    border-left: 0 !important
}

.pageblock1 .pagedivone {
    margin-top: 20px;
    margin-bottom: 20px
}

.pageblock1 .hero-unit {
    margin-bottom: -20px !important
}

.pageblock1 .hero-unit {
    height: 250px
}

.post-info span + span {
    padding-left: 0 !important
}

.pageblock1 .hero-unit img {
    height: 240px;
    padding-bottom: 6px
}

.pageblock1 .post-info, .tags a, nav.pagination a, ul.blog-cats > li {
    border: 0 !important
}

.pageblock1 .post-info {
    margin-bottom: 12px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0
}

.post-info::after {
    background-color: #fff !important
}

.pageblock1 .pagedivtwo a {
    margin-top: 0;
    overflow: hidden;
    list-style-type: none;
    text-decoration: none;
    color: black;
    font-size: 16px;
    font-weight: 600;
    font-family: "Raleway",sans-serif
}

.pageblock1 .pagedivtwo h2 a:hover {
    color: #cf2c68
}

.pageblock1 .pagedivtwo a.btn {
    background: #fff;
    color: #000;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    padding: 6px 24px;
    border: 1px solid #008daf;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize !important;
    margin-top: 8px
}

    .pageblock1 .pagedivtwo a.btn:hover {
        box-shadow: inset 6em 0 0 0 #008daf,inset -6em 0 0 0 #008daf;
        border-color: #008daf;
        color: #fff;
        transition: all .5s
    }

    .pageblock1 .pagedivtwo a.btn:hover {
        color: #fff !important
    }

    .pageblock1 .pagedivtwo a.btn::before {
        background-color: #fff !important
    }

.pageblock1 .pagedivtwo a .fa-star {
    font-weight: bold;
    font-size: 12px;
    color: #cf2c68
}

.blog-side ul.why-us li {
    color: black;
    font-size: 13px;
    margin: 9px;
    list-style-type: none;
    text-decoration: none
}

    .blog-side ul.why-us li span {
        top: 15px !important
    }

    .blog-side ul.why-us li a {
        margin-left: 36px;
        color: #000;
        position: relative;
        bottom: 10px
    }

        .blog-side ul.why-us li a:hover {
            text-decoration: none
        }

    .blog-side ul.why-us li p a {
        font-size: 13px;
        color: #cf2c68;
        margin-left: 0;
        text-align: left
    }

.blog-side .why-us li p {
    border-top: 2px solid #f1f1f1;
    padding-top: 15px
}

.make-it-slow {
    border-radius: 10px;
    padding: 10px;
    border: 2px solid #298db0;
    margin-top: 10px;
    box-shadow: 0 3px 5px #298db0;
    transition: box-shadow .3s ease-in-out
}

    .make-it-slow:hover {
        transition: box-shadow .3s;
        border-radius: 10px;
        padding: 10px;
        border: 2px solid #cf2c68;
        margin-top: 10px;
        box-shadow: 0 3px 15px #cf2c68
    }

.tcontainer {
    width: 100%;
    overflow: hidden
}

.ticker-wrap {
    width: 100%;
    padding-left: 100%;
    background-color: #298db0
}

@keyframes ticker {
    100% {
        transform: translate3d(-100%,0,0)
    }
}

.ticker-move {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    animation-timing-function: linear;
    animation: ticker 40s infinite
}

    .ticker-move:hover {
        animation-play-state: paused
    }

.ticker-item {
    color: #fff;
    display: inline-block;
    padding: 0 40px;
    font-size: 20px
}

.press-h2 {
    color: white
}

.press-banner {
    background-image: url('../img/press-release.png')
}

.press-rightdiv {
    background-color: #008daf;
    color: #fff;
    border-radius: 10px;
    padding: 20px 20px 40px 20px;
    width: 100%;
    height: 100%
}

h4.press-h4-rightside {
    color: #fff;
    font-size: 20px
}

.press-rightdiv a img.certification-img {
    width: 100%;
    border: 3px solid #cf2c68;
    border-radius: 5px
}

.press-rightdiv p {
    padding-top: 10px;
    color: #fff
}

.press-rightdiv .press-btn {
    margin-top: 40px
}

    .press-rightdiv .press-btn a {
        border-radius: 5px;
        height: 35px;
        font-size: medium;
        padding: 10px 20px;
        list-style-type: none;
        text-decoration: none;
        cursor: pointer
    }

h4.tag-h4 {
    margin-top: 20px
}

.case-banner {
    background-image: url(https://cdn.ltex.in/img/casestudy.jpg)
}

h2.case-h2 {
    color: #fff
}

a.btnvpop {
    padding: 10px 20px !important
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 0
}

    .custom-file-upload label {
        display: block;
        margin-bottom: 5px
    }

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
    display: flex
}

.file-upload-input {
    color: #000;
    font-size: 16px;
    padding: 6px 17px;
    border: 0;
    background-color: #fff;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    float: left
}

    .file-upload-input:hover, .file-upload-input:focus {
        background-color: #f1efee;
        outline: 0
    }

.file-upload-button {
    width: 96px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 4px;
    border: 0;
    margin-left: -1px;
    background-color: #cf2c68;
    float: left;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

    .file-upload-button:hover {
        background-color: #9f0f44
    }

.vendor-form-field {
    padding-top: 16px
}

.col-lg-12.vendor-btn {
    margin-top: 55px
}

.vendor-img {
    width: 37%;
    position: absolute;
    z-index: 1;
    left: -241px;
    top: 273px
}

.customer-video-banner {
    background-image: url(https://cdn.ltex.in/img/customervideo.jpg)
}

.btn_play {
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    background: #fff;
    padding: 3px 13px 2px 13px;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    cursor: pointer
}

.w3-main, #main {
    transition: margin-left .4s
}

.w3-modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #292828;
    background-color: transparent;
    border-radius: 5px;
    bottom: 0;
    justify-content: center;
    align-items: center
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

@media(max-width:768px) {
    .w3-modal-content {
        width: 500px
    }

    .w3-modal {
        padding-top: 50px
    }
}

@media(min-width:993px) {
    .w3-modal-content {
        width: 900px
    }

    .w3-hide-large {
        display: none !important
    }

    .w3-sidebar.w3-collapse {
        display: block !important
    }
}

.w3-animate-opacity {
    animation: opac .8s
}

@media only screen and (min-width:1024px) {
    .modal-contentsd {
        background-color: #008daf;
        margin: auto;
        border: 2px solid #fff;
        width: 100%;
        height: 410px;
        max-width: 650px;
        padding: 30px 30px 30px 30px;
        border-radius: 6px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
        border: 1px solid #e8e8e8
    }
}

@media only screen and (min-width :768px) and (max-width :1023px) {
    .modal-contentsd {
        background-color: #008daf;
        margin: auto;
        border: 2px solid #fff;
        width: 100%;
        height: 350px;
        max-width: 450px;
        padding: 30px 30px 30px 30px;
        border-radius: 6px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
        border: 1px solid #e8e8e8
    }
}

@media only screen and (min-width :0) and (max-width :767px) {
    .modal-contentsd {
        background-color: #008daf;
        margin: auto;
        border: 2px solid #fff;
        width: 100%;
        height: 320px;
        max-width: 450px;
        padding: 30px 30px 30px 30px;
        border-radius: 6px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
        border: 1px solid #e8e8e8
    }
}

.closesd {
    position: absolute;
    z-index: 10000;
    top: -3px;
    right: 5px;
    font-size: 30px;
    color: #fff
}

    .closesd:hover, .closesd:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

@media only screen and (min-width:1024px) {
    .sd {
        width: 100%;
        height: 90%;
        border-radius: 10px
    }
}

@media only screen and (min-width :768px) and (max-width :1023px) {
    .sd {
        width: 100%;
        height: 73%;
        border-radius: 10px
    }
}

@media only screen and (min-width :0) and (max-width :767px) {
    .sd {
        width: 100%;
        height: 73%;
        border-radius: 10px
    }
}

fieldset, label {
    margin: 0;
    padding: 0
}

.rating {
    border: 0;
    text-align: center
}

    .rating > input {
        display: none
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005"
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute
    }

    .rating > label {
        color: #ddd;
        float: right
    }

    .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
        color: #cf2c68
    }

        .rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
            color: #d45181
        }

img.customer-video-img {
    width: 80px;
    height: 80px
}

.rating-video {
    margin-top: 10px
}

.rating-video {
    color: white;
    font-size: 20px;
    margin-top: 9px;
    text-align: left
}

fieldset .rating {
    float: left
}

.rating-video a.savesubmit {
    border-radius: 5px;
    float: right;
    height: 35px;
    text-decoration: none;
    padding: 8px 20px
}

.focus {
    border-radius: 3px
}

    .focus:hover {
        height: 192px;
        width: 348px;
        box-shadow: 0 0 10px 0 #008daf
    }

@media only screen and (max-width:600px) {
    .focus:hover {
        width: 100%;
        height: 240px;
        box-shadow: 0 0 10px 0 #008daf
    }
}

.photo-gallery img {
    width: 100%;
    border-radius: 10px;
    border: 7px solid #008daf
}

.productImage img#largeImage {
    box-shadow: 0 2px 5px rgba(0,0,0,0.5),0 -2px 5px rgba(0,0,0,0.5);
    border-radius: 10px;
    border: 7px solid #008daf
}

#description {
    padding: 5px;
    margin: 10px 0;
    color: rgba(0,0,0,0.5)
}

#thumbs img {
    height: 80px;
    cursor: pointer
}

h2.welplfeatures-h2 {
    color: #fff
}

p.feature_fun-para {
    color: #fff
}

.wms-details {
    margin-top: 80px
}

.inner_wrap {
    position: relative;
    padding: 10px 40px;
    color: #fff
}

    .inner_wrap h1 {
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size: 60px;
        text-align: left;
        line-height: 60px;
        margin: 15px 0 10px 0;
        font-weight: 500
    }

    .inner_wrap p {
        margin: 0 0 15px 0;
        letter-spacing: 1.6px;
        font-weight: 300
    }

        .inner_wrap p span {
            font-size: .75rem;
            text-decoration: line-through;
            color: #ff8379
        }

    .inner_wrap span.border_btm:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        bottom: -10px;
        left: -10px;
        border-bottom: 3px solid #cf2c68;
        border-left: 3px solid #cf2c68
    }

    .inner_wrap:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        top: -10px;
        left: -10px;
        border-top: 3px solid #cf2c68;
        border-left: 3px solid #cf2c68
    }

    .inner_wrap:after {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        top: -10px;
        right: -10px;
        border-top: 3px solid #cf2c68;
        border-right: 3px solid #cf2c68
    }

@media only screen and (max-width:600px) {
    .servicemodelheading2 h1 {
        font-size: 25px;
        margin-top: 20px
    }

    .afterline {
        margin-bottom: 15px
    }

    .cultural-imgs {
        height: auto
    }

    .flex-reverse {
        display: flex;
        flex-direction: column-reverse
    }

    .processwelpl {
        margin-bottom: 10px
    }

    .sliderback .dkfront {
        font-size: 35px;
        line-height: 42px
    }

    .big-hr {
        padding: 2px 9px 22px 22px
    }

    .provide-best h2 {
        font-size: 22px
    }

    .book-apppint h2 {
        font-size: 22px
    }

    .whyusul {
        padding-left: 0
    }

    .processheadingkeys ul {
        padding-left: 0
    }

    .model-images {
        height: auto
    }

    .videowe i {
        left: 0
    }

    .servicemodelheading h2 {
        font-size: 20px
    }

    .servicemodelheading2 h1 {
        font-size: 22px
    }

    .wmses2 {
        padding: 15px 10px;
        text-align: left
    }

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

    .mt60 {
        margin-top: 0
    }

    .mt35 {
        margin-top: 0
    }

    .services-img {
        height: auto
    }

    .pargraphprocess img {
        margin-top: 0
    }

    .pargraphprocess {
        margin-top: 25px
    }

    .servicemodelheading h2 span img {
        display: none
    }

    .text-right.header-padding {
        display: none
    }

    .dj {
        width: 286px;
        height: 70px;
        margin: 0
    }

    #menu-open {
        padding: 5px 15px 5px 30px
    }

    .bold-txt {
        font-weight: 700;
        margin: 6px 0
    }

    .services div {
        margin-bottom: 15px
    }

    .section-title h2 {
        font-size: 18px;
        margin-top: 25px
    }

    .philan_head {
        text-align: center
    }

        .philan_head .text-justify {
            text-align: center
        }

    .imgborderservice3 {
        width: 100%
    }

    .accordion-item h4 {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 18px
    }

    .faqiconcolor {
        width: 30px;
        text-align: center
    }

    .imgborderservice {
        border: 3px solid #008daf
    }

    .ecommercebackground .wms-boxes {
        height: auto
    }

    .wmsss {
        text-align: center
    }

    ul.with_dot li {
        text-align: left
    }

    ul.with_dot1 {
        padding-left: 20px
    }

    .buy-seller-section .but-sell-box {
        margin-bottom: 25px
    }

    .owl-carousel.owl-drag .owl-item > div {
        display: flex;
        justify-content: center
    }

    h4 {
        line-height: 24px
    }

    .main-section .col-md-12 > h1 {
        line-height: 28px
    }

    .main-section .col-md-12.mt10 {
        margin: 25px 0;
        line-height: 32px
    }

    div.text1 {
        text-align: left
    }
}

.service-model-banner {
    background-image: url('../img/modelbanner.jpg')
}

.service-comp-banner {
    background-image: url('https://cdn.ltex.in/img/service-c.jpg')
}

.index-banner-heading {
    margin-top: 20%;
    margin-bottom: 20%;
    display: block
}

.enquiry-main .capcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.index-newshadow img {
    width: 100%;
    border-radius: 10px
}

.index-newshadowtwo img {
    border-radius: 10px;
    width: 100%
}

.hexagon {
    padding-top: 40px;
    padding-bottom: 185px;
    background-image: url(https://cdn.ltex.in/dk/banner2.webp);
    background-repeat: no-repeat;
    background-position: center
}

.index-customer-says {
    padding-top: 10px;
    padding-bottom: 30px
}

    .index-customer-says img {
        width: 100px;
        margin-left: auto;
        margin-right: auto;
        height: 100px
    }

img.our-presence-img {
    width: 100%
}

.corner-borders::before, .corner-borders::after {
    border-color: #cf2c68;
    border-width: 8px;
    content: '';
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 50px
}

.corner-borders--left::before {
    left: -20px
}

.corner-borders--left::after {
    left: -20px
}

.corner-borders--left::before {
    border-left-style: solid;
    border-top-style: solid;
    top: -20px
}

.corner-borders--left::after {
    border-bottom-style: solid;
    border-left-style: solid;
    bottom: -20px
}

.corner-borders--right::before, .corner-borders--right::after {
    right: -20px
}

.corner-borders--right::before {
    border-right-style: solid;
    border-top-style: solid;
    top: -20px
}

.corner-borders--right::after {
    border-bottom-style: solid;
    border-right-style: solid;
    bottom: -20px
}

msg-error {
    color: #c65848
}

.g-recaptcha.error {
    border: solid 2px #c64848;
    padding: .2em;
    width: 19em
}

img.indiamartlogo-head:hover {
    -webkit-filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.6);
    filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.6)
}

.pagedivone h1 {
    height: 45px;
    font-size: 14px;
    font-weight: 600
}

a.toTop {
    background-color: transparent;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    box-shadow: 0 0 8px #333,inset 0 0 8px #333;
    -webkit-animation: pulse 2s linear 1s infinite
}

.project-header {
    margin-bottom: 40px
}

.project-sitemap {
    padding: 20px;
    text-rendering: optimizeLegibility;
    color: #444
}

.project-title {
    margin: 0 0 .2em;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.2
}

.project-subtitle {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
    color: #666
}

.sitemap {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding: 0
}

    .sitemap a {
        position: relative;
        z-index: 10;
        display: inline-flex;
        flex-direction: column;
        padding: .5em 1em;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        border-bottom-width: 3px;
        background: #dcf7fd;
        border-color: #aadbe7;
        font-weight: 600;
        text-decoration: none;
        color: #727272;
        font-weight: 500
    }

        .sitemap a:before {
            margin-bottom: .3em;
            font-size: .8em;
            color: #aaa
        }

.sitemap-main {
    position: relative;
    flex: 1 1 100%;
    order: 3;
    margin-bottom: 1em
}

    .sitemap-main a {
        margin-bottom: .5em;
        margin-left: .2em
    }

    .sitemap-main ul {
        position: relative;
        padding-left: 2em
    }

    .sitemap-main > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start
    }

        .sitemap-main > ul > li {
            flex: 1 1 auto
        }

.sitemap li {
    margin-right: 1em;
    list-style: none
}

.sitemap-main li:before, .sitemap-main li:after {
    display: inline-block;
    width: 1em;
    height: 2em;
    border: 2px solid #f2f2f2;
    border-right: 0;
    border-top: 0;
    content: ""
}

.sitemap-main li:after {
    position: absolute;
    left: 2em;
    bottom: 0;
    width: 2px;
    height: 100%
}

.sitemap-main ul:before {
    position: absolute;
    left: 0;
    top: -2.75em;
    display: block;
    width: 2px;
    height: 100%;
    background: #fff;
    content: ""
}

.sitemap-main > ul:before {
    display: none
}

.sitemap-main li:last-child:after {
    border-color: #fff;
    bottom: 0;
    height: 2.7em
}

.sitemap-root {
    margin-bottom: 2em
}

    .sitemap-root > a {
        min-width: 8em;
        background: #008daf;
        color: #fff;
        border-color: #008daf
    }

        .sitemap-root > a:before {
            color: #fff
        }

        .sitemap-root > a:after {
            position: absolute;
            bottom: -2.6em;
            left: calc(2em - 1px);
            display: block;
            width: 2px;
            height: 2em;
            background: #f2f2f2;
            content: ""
        }

.sitemap-main > ul > li > a {
    background: #008daf;
    border-color: #008daf;
    color: #fff;
    cursor: auto
}

.sitemap-main ul ul ul a {
    background: #fff
}

.sitemap-aux {
    order: 3;
    font-size: .9em
}

    .sitemap-aux ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0
    }

    .sitemap-aux li {
        margin: 0 .5em .5em 0
    }

    .sitemap-aux a {
        background: #faf8d4;
        border-color: #f5f1a6
    }

@media(min-width:420px) {
    .sitemap {
        justify-content: space-between
    }

    .sitemap-aux ul {
        justify-content: flex-end
    }
}

@media(min-width:600px) {
    .sitemap-aux {
        order: 2
    }
}

h3.industriescolor {
    margin-top: 60px
}

@media screen and (min-width :0) and (max-width :767px) {
    .dp1 {
        display: none
    }

    .hexagon {
        background-size: cover
    }

    h3.industriescolor {
        color: #fff
    }

    .hex {
        padding-top: 50px
    }

    footer .msme_logo h1 {
        margin-left: 20px
    }

    footer .msme_logo p {
        margin-left: 20px
    }

    .dpbanner.cultural-banner {
        min-height: 150px
    }

    .dpbanner.contactusbannerwe {
        min-height: 150px
    }
    .enquiry-form-modal .modal-content .c a.btnEnquirymaster {
        position:relative;
        top:20px;
    }
    h1.blogs-h1 {
        font-size: 20px !important;
        margin-top: 40px !important;
        line-height: 1.5 !important
    }

    .blog-content-inside ul {
        line-height: 1.9
    }
}

input#ctl00_ContentPlaceHolder1_FileUpload1 {
    padding: 6px
}

li.toggle_title.accordion.faqli {
    margin: 10px;
    min-height: 80px
}

.recent-posts.wow.slideInUp {
    box-shadow: rgba(99,99,99,0.2) 0 2px 8px 0;
    padding: 24px;
    border: 2px solid #f1f1f1;
    border-radius: 4px
}

.recent-posts div span {
    margin-top: 0 !important
}

.recent-posts .recent-posted {
    border-top: 2px solid #f1f1f1;
    padding-top: 18px;
    margin-bottom: -8px
}

nav.pagination {
    margin: 20px 0 !important
}

.sidebar-container > div > h4 {
    margin-bottom: 10px !important;
    margin-top: 0
}

div.tags-content {
    position: relative;
    bottom: 0
}

    div.tags-content a {
        text-align: left !important;
        text-transform: capitalize
    }

nav.pagination a.active {
    background-color: #008daf;
    border-radius: 100px
}

nav.pagination a:hover {
    background-color: #aaa;
    border-radius: 100px
}

.grid {
    background: linear-gradient(271deg,#008daf 0,#008daf 55%,#008daf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008daf',endColorstr='#008daf',GradientType=1);
    border-radius: 46px 0 46px 0;
    border: 0 solid #000;
    margin: 0;
    padding: 25px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.2)
}

.tags .grid a {
    text-transform: capitalize;
    text-align: left !important;
    background: #fff;
    border-radius: 4px
}

    .tags .grid a:hover {
        text-transform: capitalize;
        text-align: left !important;
        background: #fff;
        border-radius: 4px;
        color: #cf2c68
    }

.tag-scrollers {
    width: 100%;
    max-width: 1200px;
    overflow: hidden
}

.tag-scroller {
    display: grid;
    gap: 1.5rem
}

.tag-list {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

    .tag-list li {
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        padding: 25px;
        border: 2px solid #f1f1f1;
        border-radius: 5px;
        white-space: nowrap;
        width: 270px;
        text-align: center
    }

        .tag-list li a:hover {
            text-decoration: none
        }

        .tag-list li:hover {
            transition: all .5s;
            transform: translateY(-10px)
        }

.site-border {
    border-top: 2px solid #cd2026;
    margin-top: 20px
}

.tag-scrollers .flex {
    display: flex;
    align-items: baseline
}

    .tag-scrollers .flex .fa-angle-double-right {
        font-size: 20px;
        background: #cf2c68;
        color: #fff;
        padding: 10px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        border-radius: 100%;
        position: relative;
        -webkit-animation-name: move;
        -webkit-animation-duration: 4s;
        animation: move 4s infinite
    }

@keyframes move {
    0 {
        left: 0;
        color: #000
    }

    20% {
        left: 5px;
        color: #fff
    }

    40% {
        left: 0;
        color: #000
    }
}

.sitemap-heading h3 {
    border: 1px solid #008daf;
    border-radius: 5px;
    color: #fff;
    background: #008daf;
    padding: 10px;
    text-align: center;
    width: 150px;
    margin-top: 30px
}

@keyframes titleIn {
    0 {
        opacity: 0;
        transform: translateX(-10px)
    }

    70% {
        transform: translateX(150px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

h1 {
    color: #20263f;
    font-weight: 400;
    font-size: 30px;
    display: block;
    line-height: 20px
}

.title {
    text-align: left;
    justify-content: left;
    width: 100%;
    height: 75px;
    margin-bottom: 30px;
    animation-name: titleIn;
    animation-duration: 2s;
    animation-timing-function: ease-in-out
}

.photo-gallery {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
}

img.photo-img {
    border-radius: 10px;
    padding: 5px
}

.photo-gallery > div:hover img.photo-img {
    opacity: .7
}

.photo-gallery > div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #20263f
}

.strategybanner {
    background-image: url('../media/bg/strategy.html (2).jpg')
}
.securitybanner {
    background-image: url('../media/bg/security-protocols-banner.png')
}
.ftwzbanner {
    background-image: url('../media/bg/FTWZ-banner.png')
}
.ftwz-dbanner {
    background-image: url('../media/bg/FTWZ-domestic.png')
}
.tags a:hover {
    background-color: #fff;
    color: #cf2c68
}

.aboutbanner {
    background-image: url('../img/about.html-us.png')
}

h1.photo-gallery-heading {
    font-weight: 700
}

.our-services p {
    font-size: 13px !important
}

.our-services div > a {
    padding: 35px 10px 0 105px !important
}

@media screen and (min-width :0) and (max-width :420px) {
    div#recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .twitter-feeds div {
        padding: 0 0 25px 0 !important
    }

    .twitter-feeds iframe {
        position: relative;
        right: 20px
    }

    .our-services p {
        font-size: 11px !important;
        line-height: 1.5
    }

    .our-services h4 {
        font-size: 14px
    }

    .our-services div > a {
        padding: 20px 10px 0 105px !important
    }

    .pageblock1 .pagedivone a {
        margin-top: 24px
    }

    .mapouter .gmap_canvas iframe {
        width: 140px;
        margin-right: 60px
    }

    .imgborderservicemain {
        width: 100%
    }

    .newbox {
        height: auto !important
    }

    .custom-feedback-form h1 {
        font-size: 20px
    }
}

@media screen and (min-width :0) and (max-width :767px) {
    .footerlogo {
        width: 84px;
        height: 81px;
        border-radius: 50%;
        margin-left: 2px;
        margin-top: 67px
    }

    .twitter-feeds div {
        padding: 0 0 25px 0 !important
    }

    .twitter-feeds iframe {
        position: relative;
        right: 5px
    }

    .msme_logo {
        padding-left: 0 !important
    }

    .pageblock1 .pagedivone a {
        margin-top: 24px
    }

    .blog-side h4.cv-categories {
        margin-top: 20px
    }

    img.g-map-presence {
        width: 290px !important
    }

    h3.csr-headthree {
        line-height: 24px
    }

    a.toTop {
        z-index: 999
    }

    .custom-feedback-form h2.customer-feedback-rate {
        font-size: 19px !important
    }

    .custom-feedback-form .radioBtn h2 {
        font-size: 15px !important
    }

    .custom-feedback-form .rate label {
        font-size: 13px !important
    }

    .custom-feedback-form .rate input {
        font-size: 13px !important
    }
}

@media screen and (min-width :768px) and (max-width :1023px) {
    .footerlogo {
        width: 84px;
        height: 81px;
        border-radius: 50%;
        margin-left: 20px;
        margin-top: 67px
    }

    footer .color-part {
        background: transparent
    }

    .servicemodelheading2 h1 {
        padding-top: 20px
    }

    .philan_head {
        text-align: center
    }

    .blog-side h4.cv-categories {
        margin-top: 20px
    }

    .ilp1, .wmses2, .ipleses, .iespl, .pilies {
        margin: 40px
    }

    .csr-call_now {
        margin: 0 80px
    }

    .twitter-feeds iframe {
        position: relative;
        left: 85px
    }

    .pageblock1 .pagedivone a {
        margin-top: 20px
    }

    .pageblock1 .pagedivone a {
        margin-top: 0
    }

    img.ios-img-two {
        height: auto !important
    }

    img.g-map-presence {
        width: 450px !important
    }

    .OurDevelopmentProcess, .OurDevelopmentProcess2, .OurDevelopmentProcess3, .OurDevelopmentProcess4, .OurDevelopmentProcess5, .OurDevelopmentProcess6, .OurDevelopmentProcess7, .OurDevelopmentProcess8 {
        margin: 20px
    }

    a.toTop {
        z-index: 999
    }
}

@media screen and (min-width:1024px) {
    .footerlogo {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-left: 55px;
        margin-top: 15px
    }

    .philan_head {
        text-align: center
    }

    .blog-side h4.cv-categories {
        margin-top: 40px
    }
}

@media screen and (device-width:820px) {
    .footerlogo {
        margin-left: 50px
    }

    footer .color-part {
        background: transparent
    }
}

@media screen and (device-width:912px) {
    .footerlogo {
        margin-left: 50px
    }
}

.services div {
    margin-bottom: 0 !important
}

p.bilaspur-add {
    font-size: 13px
}

.bilaspurbnr {
    background-image: url('../img/Bilaspur-banner.png')
}

.srinagarbnr {
    background-image: url('../img/Srinagar-banner.png')
}

h4.srinagar-h4 {
    margin-top: 20px
}

.custom-feedback-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

    .custom-feedback-form .form-control:focus {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #555;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
    }

.custom-feedback-form .radioBtn {
    display: flex
}

.custom-feedback-form h2.customer-feedback-rate {
    padding-top: 5px;
    font-size: 24px
}

.custom-feedback-form .radioBtn h2 {
    font-size: 18px;
    line-height: 28px
}

.custom-feedback-form .rate label {
    font-size: 16px
}

.custom-feedback-form .rate input {
    font-size: 16px
}

.custom-feedback-form .feedback-form-head .head1 {
    margin-top: 15px
}

.custom-feedback-form .remarks {
    margin-top: 10px
}

.custom-feedback-form textarea#ctl00_ContentPlaceHolder1_txttextarea {
    width: 99%
}

.inter-warehouse {
    margin-top: 18px
}

.master-blog {
    display: inline-block;
    flex-wrap: wrap;
    width: 100%
}

    .master-blog .card {
        width: 350px;
        padding: 15px
    }

    .master-blog .inner-card {
        border: 4px solid #008daf;
        border-radius: 5px
    }

    .master-blog .img-wrapper {
        width: 100%;
        margin-bottom: 10px
    }

        .master-blog .img-wrapper img {
            width: 100%;
            object-fit: cover;
            object-position: center
        }

    .master-blog .content p {
        font-weight: 600;
        font-size: 14px;
        line-height: 1.5;
        padding-left: 10px;
        text-align:left
    }

    .master-blog .btn-wrapper {
        text-align: right;
        width: 90%;
        height: 40px
    }

    .master-blog .view-btn {
        border: 0;
        color: #cf2c68;
        font-size: 15px;
        cursor: pointer;
        background: #fff;
        font-weight:600;
    }

.accordion-section {
    max-width: 650px;
    width: 100%;
    margin: 30px auto
}

.each-accordionbox {
    margin-top: 10px;
    padding: 15px 0;
    box-shadow: rgba(0,0,0,0.16) 0 0 3px,rgba(0,0,0,0.23) 0 0 3px;
    border-radius: 5px;
    position: relative
}

    .each-accordionbox::before {
        content: '+';
        position: absolute;
        top: 11px;
        left: -8px;
        background: #cf2c68;
        background-position: center;
        border-radius: 6px;
        font-size: 30px;
        color: #fff;
        padding: 0 12px;
        transition: all .5s
    }

h4.each-title {
    color: #000;
    padding: 0 40px 0;
    font-size: 14px;
    cursor: pointer;
    text-transform: capitalize
}

.accordion-section ul {
    padding: 0 40px 20px;
    font-size: 15px;
    display: none;
    color: #fff
}

    .accordion-section ul li {
        padding-bottom: 10px;
        padding-top: 10px;
        list-style-type: square
    }

        .accordion-section ul li a {
            color: #fff
        }

            .accordion-section ul li a:hover {
                color: #fff;
                text-decoration: none
            }

.each-accordionbox.active {
    background: #008daf;
    color: #fff
}

    .each-accordionbox.active .each-title {
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        color: #fff
    }

    .each-accordionbox.active::before {
        transform: rotate(45deg);
        top: 25px
    }

@keyframes heartbeat {
    0 {
        transform: scale(0.75)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(0.75)
    }

    60% {
        transform: scale(1)
    }

    80% {
        transform: scale(0.75)
    }

    100% {
        transform: scale(0.75)
    }
}

.post-info {
    border: 0 !important
}

h4.catwelpl {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-gap: 20px;
    align-items: center
}

    h4.catwelpl:after, h4.catwelpl:before {
        content: " ";
        display: block;
        border-bottom: 1px solid #008daf;
        border-top: 1px solid #008daf;
        height: 5px
    }

.flex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

    .flex .media-one img {
        margin-right: 20px
    }

    .flex .media-two a {
        text-decoration: none;
        color: #000;
        font-weight: 600
    }

        .flex .media-two a:hover {
            color: #008daf;
            font-weight: 600
        }

        .flex .media-two a > span.date {
            color: #555;
            font-size: 10px !important
        }

.recent-posts div + div {
    margin-top: 5px !important
}

.square-feetwelpl {
    position: relative
}

.container-wrapper {
    background-color: white;
    color: black;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0,0,0,0.40);
    margin: 8px 0
}

.question {
    font-size: 15px;
    padding: 20px 80px 15px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: .3s
}

.answer {
    padding: 0 20px 20px;
    line-height: 1.5rem
}

p.count-para {
    column-count: 3;
    column-gap: 30px
}

p.firstletter::first-letter {
    color: #008daf;
    font-size: 30px
}

.link_wrap {
    padding: 0;
    margin: 10px 0;
    position: relative
}

p.lineheight24 {
    display: inline-block;
    width: 90%
}

.acc_style04 {
    background: #fff;
    padding: 1em 3em;
    color: #000;
    transition: all .2s ease-in;
    position: relative;
    border: 1px solid #e5e5e5
}

.acc_style03 {
    background: #fff;
    padding: 1em 3em;
    color: #000;
    transition: all .2s ease-in;
    position: relative;
    border: 1px solid #e5e5e5;
    list-style-type: none
}

.acc_style04:hover {
    background: #fff;
    padding: 1em 3em;
    color: #000;
    transition: all .2s ease-in;
    position: relative
}

.acc_style04::before {
    content: "";
    position: absolute;
    left: 14px;
    top: -2px;
    width: 24px;
    height: 74%;
    background: #c7c7c7;
    clip-path: polygon(100% 0,100% 100%,50% 75%,0 100%,0 0);
    transition: all .2s ease-in
}

.acc_style04:hover::before {
    height: 60%
}

.question b:hover {
    color: #cf2c68
}

.whydoensure {
    border-image: radial-gradient(#0000 80%,#008daf 0)5%/10px;
    padding: 20px;
    margin-top: 20px
}

.pagedivone.herounit {
    display: flex;
    justify-content: space-between
}

.pageblock1 .herounittwo a.btn {
    background: #fff;
    color: #000;
    padding: 6px 24px;
    border: 1px solid #008daf;
    font-size: 14px;
    text-transform: capitalize !important;
    margin-top: 8px
}

    .pageblock1 .herounittwo a.btn:hover {
        box-shadow: inset 6em 0 0 0 #008daf,inset -6em 0 0 0 #008daf;
        border-color: #008daf;
        color: #fff;
        transition: all .5s
    }

    .pageblock1 .herounittwo a.btn:hover {
        color: #000 !important
    }

    .pageblock1 .herounittwo a.btn::before {
        background-color: #fff !important
    }

.pageblock1 .herounitone {
    height: 250px;
    width: 385px
}

.herounit {
    margin-top: 15px
}

.herounitone {
    padding: 5px;
    font-size: 18px;
    font-weight: 200;
    line-height: 42px;
    color: inherit;
    background-color: #fff;
    position: relative;
    border: 3px solid #cccccc85
}

.pageblock1 .herounitone img {
    position: absolute;
    top: -15px;
    left: -15px;
    height: 240px
}

.herounittwo {
    padding-left: 15px;
    width: 463px
}

.pageblock .herounit .post-info {
    margin-bottom: 12px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

.herounittwo h1 a {
    color: black
}

.col-md-12.pagedivone.herounit {
    padding: 15px;
    box-shadow: rgba(99,99,99,0.2) 0 2px 8px 0
}

.pageblock .herounittwo h1 a:hover {
    color: #cf2c68;
    text-decoration: none
}

.pageblock .herounittwo a.btn {
    background: #fff;
    color: #000;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    padding: 6px 24px;
    border: 1px solid #008daf;
    font-size: 14px;
    text-transform: capitalize !important;
    margin-top: 8px
}

    .pageblock .herounittwo a.btn:hover {
        box-shadow: inset 6em 0 0 0 #008daf,inset -6em 0 0 0 #008daf;
        border-color: #008daf;
        color: #fff;
        transition: all .5s
    }

    .pageblock .herounittwo a.btn:hover {
        color: #fff !important
    }

    .pageblock .herounittwo a.btn::before {
        background-color: #fff !important
    }

.contain-categories {
    border: 1px solid #e3e3e3;
    margin-top: 30px;
    border-radius: 4px;
    box-shadow: rgba(99,99,99,0.2) 0 2px 8px 0
}

    .contain-categories .cate-row {
        align-items: center;
        display: flex;
        border-bottom: 1px solid #e3e3e3
    }

    .contain-categories .cate-col {
        background: #008daf;
        padding: 0
    }

        .contain-categories .cate-col h4 {
            color: #fff
        }

    .contain-categories i {
        padding-left: 6px;
        font-size: 20px
    }

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

    ul.accordion.effect7 a {
        color: #b63b4d;
        text-decoration: none
    }

    ul.accordion.effect7 .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 42px;
        color: #000;
        font-size: 14px;
        border-bottom: 1px solid #e3e3e3;
        position: relative;
        transition: all .4s ease
    }

    ul.accordion.effect7 li:last-child .link {
        border-bottom: 0
    }

    ul.accordion.effect7 li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #595959;
        transition: all .4s ease
    }

        ul.accordion.effect7 li i.fa-chevron-down {
            right: 35px;
            left: auto;
            font-size: 16px
        }

    ul.accordion.effect7 li.open .link {
        color: #061283
    }

    ul.accordion.effect7 li.open i {
        color: #b63b4d
    }

        ul.accordion.effect7 li.open i.fa-chevron-down {
            transform: rotate(180deg)
        }

.submenu {
    display: none;
    background: #eee;
    font-size: 14px
}

    .submenu li {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .submenu a {
        display: block;
        text-decoration: none;
        color: #000 !important;
        padding: 12px;
        transition: all .25s ease
    }

.effect7 {
    position: relative
}

    .effect7:before, .effect7:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 10px;
        right: 10px;
        border-radius: 100px / 10px
    }

    .effect7:after {
        right: 10px;
        left: auto;
        transform: skew(8deg) rotate(3deg)
    }

ul.accordion.effect7 li .link:hover {
    color: #cf2c68
}

.big-hr {
    max-width: 1032px !important
}

img.full-width-back {
    width: 45%;
    border: 7px solid #008daf
}

img.full-width-manual {
    width: 100% !important;
    border: 7px solid #008daf
}

.about-city {
    background: #f6f8fd;
    padding: 20px
}

.service_detail1_m {
    margin-top: 10px
}

.inner-offset p {
    font-size: 14px;
    line-height: 1.7
}

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px
}

.container-right {
    padding: 15px 30px;
    position: relative;
    background: inherit;
    width: 100%
}

    .container-right::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 46px;
        right: 10px;
        z-index: 1;
        border: 10px solid;
        border-color: transparent transparent transparent #008daf
    }

    .container-right.right.m-a-why::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 150px;
        right: 10px;
        z-index: 1;
        border: 10px solid;
        border-color: transparent transparent transparent #008daf
    }

    .container-right.right::before {
        left: 10px;
        border-color: transparent #008daf transparent transparent
    }

    .container-right.right.m-a-why::before {
        left: 10px;
        border-color: transparent #008daf transparent transparent
    }

h1.city-main-head {
    color: #20263f;
    font-weight: 400;
    font-size: 28px;
    display: block;
    line-height: 20px
}

.container-right .content {
    padding: 15px;
    background: #fff;
    position: relative;
    border: 1px solid #eee;
    border-right: 5px solid #006e6d;
    border-left: 5px solid #eee;
    border-radius: 15px 0 0 15px;
    height: 130px
}

.container-right.right .content {
    border-right: 5px solid #eee;
    border-left: 5px solid #008daf;
    border-radius: 0 15px 15px 0
}

.container-right.right.m-a-why .content {
    border-right: 5px solid #eee;
    border-left: 5px solid #008daf;
    border-radius: 0 15px 15px 0;
    height: 300px;
    width: 320px
}

    .container-right.right.m-a-why .content h2 {
        margin: 0 0 10px 0;
        font-size: 16px;
        font-weight: normal;
        color: #000;
        line-height: 1.5
    }

.container-right.m-a-why .content p {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #454545
}

.container-right .content h2 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: normal;
    color: #000
}

.container-right .content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #454545
}

@media(max-width:767.98px) {
    h1.city-main-head {
        font-size: 28px !important
    }

    .container-right {
        width: 100%;
        padding-right: 30px
    }

        .container-right.right {
            left: 0
        }

            .container-right.right::after {
                left: 82px
            }

            .container-right.right::before {
                left: 10px;
                border-color: transparent #008daf transparent transparent
            }

        .container-right .content {
            height: 100% !important
        }

        .container-right.right.m-a-why .content {
            height: 100% !important;
            width: 100% !important
        }

        .container-right.right .content {
            border-right: 5px solid #eee;
            border-left: 5px solid #008daf;
            border-radius: 0 15px 15px 0
        }
}

.Fastest-Growing {
    display: flex;
    align-items: center
}

.wrapper-tab-city .tab-wrapper {
    text-align: center;
    display: block;
    margin: auto;
    max-width: 500px
}

.wrapper-tab-city .tabs {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center
}

.wrapper-tab-city .tab-link {
    margin: 0 1%;
    list-style: none;
    padding: 6px 24px;
    color: #aaa;
    cursor: pointer;
    font-weight: 700;
    transition: all ease .5s;
    border-bottom: solid 3px rgba(255,255,255,0);
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 600
}

    .wrapper-tab-city .tab-link:hover {
        color: #999;
        border-color: #999
    }

    .wrapper-tab-city .tab-link.active {
        color: #333;
        border-color: #333;
        font-size: 18px;
        font-weight: 600
    }

    .wrapper-tab-city .tab-link:nth-of-type(1).active {
        color: #008daf;
        border-color: #008daf;
        font-size: 18px;
        font-weight: 600
    }

    .wrapper-tab-city .tab-link:nth-of-type(2).active {
        color: #cf2c68;
        border-color: #cf2c68
    }

    .wrapper-tab-city .tab-link:nth-of-type(3).active {
        color: #eec63b;
        border-color: #eec63b
    }

.wrapper-tab-city .content-wrapper {
    padding: 40px 10px
}

.wrapper-tab-city .tab-content {
    display: none;
    text-align: center;
    color: #888;
    font-weight: 300;
    font-size: 15px;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn .5s ease 1 forwards
}

    .wrapper-tab-city .tab-content.active {
        display: block
    }

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none
    }
}

.wrapper-tab-city .citypagespacenumber {
    color: #000;
    font-weight: 600;
    font-size: 21px
}

.wrapper-tab-city .dpfont {
    color: #000
}

.blog-detail-inner {
    display: flex;
    justify-content: flex-start
}

.blog-detail-inner1 {
    padding-left: 15px
}

.blog-detail-inner2 {
    padding-left: 10px
}

.blog-detail-inner3 {
    padding-left: 10px
}

    .blog-detail-inner3 a {
        background: #fff;
        color: #969696
    }

        .blog-detail-inner3 a:hover {
            background: #fff;
            color: #cf2c68;
            text-decoration: none
        }

h1.blogs-h1 {
    margin-top: 20px;
    line-height: 1.3
}

.blog-content-inside p {
    font-size: 15px;
    line-height: 1.5
}

    .blog-content-inside p b.para-bold {
        font-size: 17px;
        font-weight: 600 !important
    }

.div-sec {
    display: flex
}

.div-sec-blog {
    padding: 40px 0
}

img.blog-inner-img {
    width: 100%;
    position: relative;
    top: 20px
}

table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-top: 20px
}

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

    table td {
        padding: .625em;
        text-transform: capitalize
    }

    table th {
        font-size: 18px;
        letter-spacing: .1em;
        font-weight: 600;
        padding: .625em;
        text-align: center
    }

@media screen and (max-width:600px) {
    table {
        border: 0
    }

        table caption {
            font-size: 1.3em
        }

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

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

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

            table td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase
            }

            table td:last-child {
                border-bottom: 0
            }
}

.bottom-line {
    border-bottom: 2px solid #cccccc4f;
    padding-bottom: 50px
}

.block {
    padding: 0
}

    .block label {
        color: #5e5e5e;
        padding-bottom: 10px;
        font-size: 16px;
        padding-top: 10px
    }

.input-res {
    appearance: none;
    color: #333;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px 11px 11px 11px;
    border-radius: 3px;
    box-sizing: border-box
}

.post-comment-inner-blog {
    border-radius: 5px;
    height: 40px;
    font-size: medium;
    padding: 10px 10px;
    list-style-type: none;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    top: 30px
}

.process {
    width: 100%;
    padding: 0 15px;
    text-align: center
}

.process__item {
    user-select: none;
    text-align: center;
    position: relative;
    padding: 15px 15px;
    transition: .4s ease-in-out
}

    .process__item:hover {
        background: #f2f2f2
    }

        .process__item:hover .process__number {
            transform: translateY(5px);
            color: #cf2c68
        }

.process__number {
    font-size: 50px;
    -webkit-text-stroke: 1px #003c71;
    display: block;
    color: transparent;
    font-weight: 700;
    transition: .4s ease-in-out
}

.process__title {
    display: block;
    font-weight: 600;
    letter-spacing: 1.3px;
    font-size: 16px;
    color: #008daf;
    text-transform: capitalize;
    margin-top: 0;
    line-height: 1.4
}

.process__subtitle {
    display: block;
    font-size: 13px;
    color: #333;
    margin-top: 20px;
    line-height: 1.3
}

@media(min-width:768px) {
    .process {
        display: inline-block
    }

    .process__item {
        width: 49%;
        display: inline-block
    }
}

@media(min-width:1200px) {
    .process {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .process__item {
        width: 100%
    }

        .process__item:not(:last-of-type)::after {
            content: "";
            width: 1px;
            height: 75%;
            background: #8c8c8c;
            position: absolute;
            right: 0;
            top: 50%;
            opacity: .2;
            transform: translateY(-50%)
        }
}

.blog-content-inside ul > li {
    font-size: 14px !important;
    line-height: 1.9;
    font-weight: 500
}

.blog-content-inside h2 {
    line-height: 1.5
}

ul.list-inline li {
    display: inline-block;
    list-style-type: disc
}

.appointment {
    background: #008daf;
    border: 6px solid #008daf;
    border-radius: 22px 22px 0 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 250px
}

    .appointment h2 {
        color: #fff;
        font-size: 32px;
        line-height: 1.3
    }

    .appointment p {
        color: #fff;
        font-size: 17px;
        line-height: 1.5;
        padding-bottom: 10px
    }

    .appointment a {
        color: #fff;
        font-size: 17px;
        line-height: 1.5;
        background: #cf2c68;
        padding: 10px 40px;
        border-radius: 5px
    }

        .appointment a:hover {
            text-decoration: none
        }

    .appointment img {
        width: 340px;
        position: relative;
        bottom: 45px
    }

.welpltab-loc {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 5px 50px #172B4D19;
    border: 1px solid #0000000A;
    border-radius: 18px;
    padding: 30px;
    height: 440px;
    position: relative;
    top: 25px
}

.fg-cont {
    border-left-color: #cf2c68;
    border-left-width: 2px;
    border-left-style: solid;
    border-bottom-color: #cf2c68;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-left: 53px;
    padding-bottom: 50px;
    padding-top: 20px
}

.moretext {
    display: none
}

.moretext1 {
    display: none
}

.moretext2, .chennaiitrusted-3pl-services, .benefits-more {
    display: none
}

.moretext3, .ahmedabadtext, .ahmedabadtext-hire, .ahmedabadtext-DL, .expand-network-chennai {
    display: none
}

.moretext4, .moretext-bang, .hyderabadtext, .hyderatext, .punetext, .rent-lease-text, .do-choose-text {
    display: none
}

.moretext5, .moretext6, .moretext7, .moretext8, .moretext9, .moretext10, .moretext11, .moretext12, .moretext13, .moretext14, .moretext15, .moretext16, .moretext17, .moretext18, .moretext19 {
    display: none
}

.hoskotetext-1 {
    display: none
}

a.hoskotetext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.hoskotetext-2 {
    display: none
}

a.hoskotetext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.panveltext-1 {
    display: none
}

a.panveltext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.nagpurtext-1 {
    display: none
}

a.nagpurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.aurangabadtext-1 {
    display: none
}

a.aurangabadtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.panveltext-2 {
    display: none
}

a.panveltext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.goatext-1, .goatext-2 {
    display: none
}

a.goatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.goatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.madhavaramtext-2, .madhavaramtext-1 {
    display: none
}

.okhlatext-2 {
    display: none
}

a.okhlatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.okhlatext-1 {
    display: none
}

a.okhlatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.kundlitext-2 {
    display: none
}

a.kundlitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.sonitext-1 {
    display: none
}

a.sonitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.karnaltext-1 {
    display: none
}

a.karnaltext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ambalatext-1 {
    display: none
}

a.Ambalatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ambalatext-2 {
    display: none
}

a.Ambalatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Kanpurtext-1 {
    display: none
}

a.Kanpurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Kanpurtext-2 {
    display: none
}

a.Kanpurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Gorakhpurtext-1 {
    display: none
}

a.Gorakhpurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Gorakhpurtext-2 {
    display: none
}

a.Gorakhpurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Varanasitext-1 {
    display: none
}

a.Varanasitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Varanasitext-2 {
    display: none
}

a.Varanasitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ludhianatext-1 {
    display: none
}

a.Ludhianatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ludhianatext-2 {
    display: none
}

a.Ludhianatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Amritsartext-1 {
    display: none
}

a.Amritsartext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Amritsartext-2 {
    display: none
}

a.Amritsartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Jalandhartext-1 {
    display: none
}

a.Jalandhartext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Jalandhartext-2 {
    display: none
}

a.Jalandhartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bathindatext-1 {
    display: none
}

a.Bathindatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bathindatext-2 {
    display: none
}

a.Bathindatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Zirakpurtext-1 {
    display: none
}

a.Zirakpurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Zirakpurtext-2 {
    display: none
}

a.Zirakpurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.chandigarhtext-1 {
    display: none
}

a.chandigarhtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.chandigarhtext-2 {
    display: none
}

a.chandigarhtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Badditext-1 {
    display: none
}

a.Badditext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Badditext-2 {
    display: none
}

a.Badditext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bilaspurtext-1 {
    display: none
}

a.Bilaspurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bilaspurtext-2 {
    display: none
}

a.Bilaspurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.srinagartext-1 {
    display: none
}

a.srinagartext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.srinagartext-2 {
    display: none
}

a.srinagartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Hisartext-1 {
    display: none
}

a.Hisartext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Hisartext-2 {
    display: none
}

a.Hisartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ranchitext-1 {
    display: none
}

a.Ranchitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ranchitext-2 {
    display: none
}

a.Ranchitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.patnatext-1 {
    display: none
}

a.patnatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.patnatext-2 {
    display: none
}

a.patnatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ranchitext-2 {
    display: none
}

a.Ranchitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Jhansitext-1 {
    display: none
}

a.Jhansitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Jhansitext-2 {
    display: none
}

a.Jhansitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Dehraduntext-1 {
    display: none
}

a.Dehraduntext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Dehraduntext-2 {
    display: none
}

a.Dehraduntext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.sirsatext-1 {
    display: none
}

a.sirsatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Rohtaktext-1 {
    display: none
}

a.Rohtaktext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Rohtaktext-2 {
    display: none
}

a.Rohtaktext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.sonitext-2 {
    display: none
}

a.sonitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.karnaltext-2 {
    display: none
}

a.karnaltext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.kundlitext-1 {
    display: none
}

a.kundlitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.madhavaramtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.madhavaramtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.nashiktext-1 {
    display: none
}

a.nashiktext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.moreless-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.benefits-more-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.expand-network-chennai-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.chennaiitrusted-3pl-services-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.ahmedabadtext-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.ahmeda-DL-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.w-hire-btn-ahmeda {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.bangmore-1 {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.btn-hydera {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.hyderatext-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.pune-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.rent-lease-text-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.more-less-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.ghaziabad-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.ghaziabad2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.klk-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.lko-btn2 {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.bhiwandi-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.bhiwandi2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.bhiwandi3-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.klk2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.jammu-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.noida-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.lko-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

a.lessmore-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.delhi-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.less-more-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

a.do-choose-text-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

a.jammu-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

a.lm-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.mum-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.ml-button {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.rent-lease {
    background: #f6f8fd;
    padding: 40px
}

section.bg-img {
    padding: 2%;
    background: #008daf;
    position: relative
}

.bg-img h2 {
    color: #fff;
    text-align: left
}

.form-subscribe {
    margin: 0 auto
}

    .form-subscribe .form-control {
        background-color: hsla(0,0,100%,.8);
        padding-left: 24px;
        padding-right: 24px;
        letter-spacing: 1px;
        border: 0;
        border-top-left-radius: 36px;
        border-bottom-left-radius: 36px
    }

        .form-subscribe .form-control.focus, .form-subscribe .form-control:focus {
            z-index: 2;
            background-color: hsla(0,0,100%,.8)
        }

    .form-subscribe .btn {
        border-top-right-radius: 36px;
        border-bottom-right-radius: 36px;
        background: #7ec855;
        border-color: #7ec855;
        margin-left: 20px
    }

.bg-img .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2
}

.bg-img img {
    width: 285px;
    height: 285px;
    position: absolute;
    top: -85px;
    bottom: 0;
    left: 35%
}

.wrapper-tab-city h5 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding-top: 0;
    margin-left: 35px
}

.wrapper-tab-city p {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    padding-bottom: 0;
    margin-left: 20px
}

.wrapper-tab-city .location-tab-symbol img {
    height: 20px;
    width: 20px
}

.wrapper-tab-city img {
    border-radius: 10px
}

.embed-responsive-16by9 {
    padding-bottom: 50.25% !important;
    border-radius: 10px;
    width: 100%;
    margin-left: 15%
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 80% !important;
    height: 100%;
    border: 0;
    border-radius: 10px
}

.wrapper-tab-city .squarefit, .squarefit1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.wrapper-tab-city .location-tab-symbol {
    display: flex;
    justify-content: space-around
}

.location-tab-symbol .fa-map-marker {
    font-size: 26px
}

@media(device-width:1024px) {
    .master-blog {
        display: ruby !important
    }
}

@media(device-width:912px) {
    .master-blog {
        display: ruby !important
    }
}

.vas-mumbai {
    display: flex;
    align-items: center
}

.city-video-sec {
    display: flex;
    align-items: center
}

.cityrelatedfullcity {
    border: 0 !important;
    box-shadow: none !important
}

    .cityrelatedfullcity h4 {
        padding-top: 40px
    }

.service-container .service-box {
    text-align: center;
    padding: 0 0 30px 20px;
    position: relative
}

    .service-container .service-box::before {
        content: "";
        border: 3px dotted #cf2c68;
        border-top-style: solid;
        border-bottom-style: solid;
        border-right: 0;
        position: absolute;
        border-radius: 30px 0 0 30px;
        width: 35%;
        top: 90px;
        bottom: 7px;
        left: 0
    }

.service-container .service-icon {
    font-size: 45px;
    line-height: 95px;
    background-color: #fff;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    border-radius: 50%;
    position: relative;
    color: #cf2c68
}

.service-container .service-content {
    background-color: #fff;
    padding: 20px 10px;
    border: 3px solid #cf2c68;
    border-radius: 20px
}

    .service-container .service-content::before, .service-container .service-content::after {
        content: "";
        position: absolute;
        background: #cf2c68;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 86px;
        left: 35%
    }

    .service-container .service-content::after {
        border-radius: 0;
        transform: rotate(45deg);
        top: auto;
        bottom: 4px
    }

.service-container .service-title a {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-decoration: none;
    color: #cf2c68
}

.service-container {
    padding-top: 20px
}

.card-wrapper {
    padding-top: 25px
}

.faq-card {
    background-color: #fff;
    border-radius: 20px;
    margin-top: 70px;
    box-shadow: 0 5px 50px #172B4D19
}

.faq-ilustrations {
    position: relative
}

    .faq-ilustrations .mobile.ilust {
        position: absolute;
        top: -80px;
        left: -30px;
        right: 0;
        width: 200px
    }

.mobile {
    display: block;
    margin: 0 auto;
    width: 200px
}

.faq-content {
    padding: 9px 25px 3rem
}

.faq-accordion {
    padding: 8px 0;
    border-bottom: 1px solid #172B4D19
}

input.tgg-title {
    appearance: unset;
    all: unset
}

.faq-accordion-title label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.faq-accordion-title h2 {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.faq-accordion-title span {
    margin-left: auto;
    transition: transform .4s ease-in-out
}

.faq-accordion-content {
    color: #000;
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s ease-in-out
}

.faq-accordion-title:hover h2 {
    color: #008daf
}

.faq-accordion .tgg-title:checked + div > label > h2 {
    font-weight: 500
}

.faq-accordion .tgg-title:checked + div > label > span {
    will-change: transform;
    transform: rotate(180deg)
}

.faq-accordion .tgg-title:checked ~ .faq-accordion-content {
    will-change: max-height;
    max-height: 100%
}

a.btn.btn-success.btn-lg.btnSubscribe {
    background: #cf2c68;
    border-color: #cf2c68
}

.complete-range-chennai {
    display: flex;
    align-items: center
}

.benefits-more {
    padding: 0 !important;
    margin-left: 10px
}

.city-warehouse-img {
    width: 514px;
    height: 285px
}

.e-commerce-warehouse-services {
    background-image: url(https://cdn.ltex.in/img/service/ecommerce-warehouse-services.html/banner.webp)
}

.wm {
    background-image: url(https://cdn.ltex.in/img/service/warehousing-inplant/banner.webp)
}

.reverse-logistics {
    background-image: url(https://cdn.ltex.in/img/service/reverse-logistics.html/banner.webp)
}

.commodities {
    background-image: url(https://cdn.ltex.in/img/service/commodities.html-storage/banner.webp)
}

.cfa-services {
    background-image: url(https://cdn.ltex.in/img/service/cfa-services/banner.webp)
}

.frieght-forwarding {
    background-image: url(https://cdn.ltex.in/img/service/freight-forwarding/banner.webp)
}

.wms-services {
    background-image: url(https://cdn.ltex.in/img/service/WMS/banner.webp)
}

.consultancy-supply-chain {
    background-image: url(https://cdn.ltex.in/img/service/360-scc/banner.webp)
}

.training-solutions {
    background-image: url(https://cdn.ltex.in/img/service/education-training/banner.webp)
}

.backslider {
    background-image: url(https://cdn.ltex.in/img/our-business/automation/image3.gif);
    background-repeat: no-repeat;
    background-size: cover
}

.content-hide-case-studies {
    display: none
}

h4.case-studies-heading {
    position: relative;
    bottom: 30px;
    line-height: 1.4
}

a.case-studies-btn {
    position: relative;
    bottom: 20px
}

.answercont ul li {
    line-height: 1.5
}

.Jamshedpurtext-1 {
    display: none
}

.Jamshedpurtext-2 {
    display: none
}

a.Jamshedpurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

a.Jamshedpurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.guwahatitext-1 {
    display: none
}

a.guwahatitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.guwahatitext-2 {
    display: none
}

a.guwahatitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.guwahatitext-3 {
    display: none
}

a.guwahatitext-3-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.wrapper-tab-city h5.bhuv-title {
    font-size: 15px
}

.wrapper-tab-city p.bhuv-address {
    font-size: 12px
}

.Bhubaneswartext-1 {
    display: none
}

a.Bhubaneswartext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bhubaneswartext-2 {
    display: none
}

a.Bhubaneswartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Siliguritext-1 {
    display: none
}

a.Siliguritext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Siliguritext-2 {
    display: none
}

a.Siliguritext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Dibrugarhtext-1 {
    display: none
}

a.Dibrugarhtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Dibrugarhtext-2 {
    display: none
}

a.Dibrugarhtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Indoretext-1 {
    display: none
}

a.Indoretext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Indoretext-2 {
    display: none
}

a.Indoretext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.index-form-welpl {
    margin-top: 7em !important;
    margin-left: -8em !important;
    position: relative
}

img.index-welpl-circle-img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -60px;
    right: 55px;
    display: none
}

.master-blog .content p a {
    font-size: 15px;
    font-weight:500;
}

.bhopaltext-1 {
    display: none
}

a.bhopaltext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.bhopaltext-2 {
    display: none
}

a.bhopaltext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Gwaliortext-1 {
    display: none
}

a.Gwaliortext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Gwaliortext-2 {
    display: none
}

a.Gwaliortext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Ganganagartext-2 {
    display: none
}

a.Ganganagartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Jodhpurtext-1 {
    display: none
}

a.Jodhpurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Jodhpurtext-2 {
    display: none
}

a.Jodhpurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Udaipurtext-1 {
    display: none
}

a.Udaipurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Udaipurtext-2 {
    display: none
}

a.Udaipurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Neemranatext-1 {
    display: none
}

a.Neemranatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Neemranatext-2 {
    display: none
}

a.Neemranatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bhiwaditext-1 {
    display: none
}

a.Bhiwaditext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Bhiwaditext-2 {
    display: none
}

a.Bhiwaditext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Kochitext-1 {
    display: none
}

a.Kochitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Kochitext-2 {
    display: none
}

a.Kochitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Visakhapatnamtext-1 {
    display: none
}

a.Visakhapatnamtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Visakhapatnamtext-2 {
    display: none
}

a.Visakhapatnamtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Vizagtext-1 {
    display: none
}

a.Vizagtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Vizagtext-2 {
    display: none
}

a.Vizagtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Nelamangalatext-1 {
    display: none
}

a.Nelamangalatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Nelamangalatext-2 {
    display: none
}

a.Nelamangalatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Raipurtext-1 {
    display: none
}

a.Raipurtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Raipurtext-2 {
    display: none
}

a.Raipurtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.coimtext-1 {
    display: none
}

a.coimtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.coimtext-2 {
    display: none
}

a.coimtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Mangaloretext-1 {
    display: none
}

a.Mangaloretext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Mangaloretext-2 {
    display: none
}

a.Mangaloretext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.chart span {
    font-size: 16px;
    color: #000
}

.stats > div > div:hover span.num {
    color: #fff !important
}

.mysoretext-1 {
    display: none
}

a.mysoretext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.mysoretext-2 {
    display: none
}

a.mysoretext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.mysoretext-3 {
    display: none
}

a.mysoretext-3-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.Amravatitext-1 {
    display: none
}

a.Amravatitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Amravatitext-2 {
    display: none
}

a.Amravatitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Rajkottext-1 {
    display: none
}

a.Rajkottext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Rajkottext-2 {
    display: none
}

a.Rajkottext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Mundratext-1 {
    display: none
}

a.Mundratext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Mundratext-2 {
    display: none
}

a.Mundratext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.vijaywadatext-1 {
    display: none
}

a.vijaywadatext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.vijaywadatext-2 {
    display: none
}

a.vijaywadatext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.vandrumtext-1 {
    display: none
}

a.vandrumtext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.vandrumtext-2 {
    display: none
}

a.vandrumtext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.surattext-1 {
    display: none
}

a.surattext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.surattext-2 {
    display: none
}

a.surattext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.Vadodaratext-1 {
    display: none
}

a.Vadodaratext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.Vadodaratext-2 {
    display: none
}

a.Vadodaratext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    cursor: pointer
}

.haridwartext-1 {
    display: none
}

a.haridwartext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.haridwartext-2 {
    display: none
}

a.haridwartext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.haldwanitext-1 {
    display: none
}

a.haldwanitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.haldwanitext-2 {
    display: none
}

a.haldwanitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.haldwanitext-3 {
    display: none
}

a.haldwanitext-3-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer
}

.vapitext-1 {
    display: none
}

a.vapitext-1-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    float: right
}

.vapitext-2 {
    display: none
}

a.vapitext-2-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    top: 10px
}

.vapitext-3 {
    display: none
}

a.vapitext-3-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    border: 1px solid #cf2c68;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    top: 10px
}

.owl-carousel .owl-item img.client-says-index-img {
    display: block;
    width: 70px !important;
    height: 70px
}

.indexcustumerb {
    font-size: 16px !important
}

.indexwhatcustumerfont {
    font-size: 14px !important;
    font-style: italic !important;
    line-height: 1.6
}

.indexcustumerspanleft {
    font-size: 35px !important
}

.indexcustumerspanright {
    font-size: 35px !important
}

blockquote {
    padding: 20px 20px !important;
    margin: 0 0 20px;
    height: 300px;
    border-left: 3px solid #eee !important
}

    blockquote i.fa {
        font-size: 38px;
        color: #cf2c68
    }

.choose_detail {
    display: block;
    margin-bottom: 42px;
    overflow: hidden;
    padding-left: 50px;
    position: relative;
    top: 10px
}

    .choose_detail::before {
        border-left: 4px solid #018db0;
        text-align: center;
        content: "";
        height: 100%;
        left: 8px;
        position: absolute;
        top: 2px;
        width: 32px
    }

    .choose_detail::after {
        background: url(../img/service_bullet_img.png) no-repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 32px
    }

    .choose_detail h5 {
        font-weight: 700;
        padding: 0;
        font-size: 16px;
        color: #000
    }

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

.indexwhychooseimg {
    width: 85% !important;
    border: 0 !important
}

.grid-cards .card {
    position: relative;
    flex: 1;
    background: #fff;
    padding: 1rem 1rem 1.5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-radius: 1rem;
    min-height: 170px;
    margin: 15px;
    transition: all ease .3s;
    overflow: hidden;
    animation: fadeInLeft 1.5s backwards
}

    .grid-cards .card:nth-child(2) {
        animation-delay: .15s
    }

    .grid-cards .card:nth-child(3) {
        animation-delay: .2s
    }

    .grid-cards .card:nth-child(4) {
        animation-delay: .3s
    }

    .grid-cards .card:hover {
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px)
    }

    .grid-cards .card img {
        aspect-ratio: 1.5625;
        width: 100%;
        border-radius: 12px;
        margin-bottom: 15px;
        position: relative;
        max-height: 320px;
        object-fit: cover;
        box-shadow: 0 6px 16px -7px #aaa
    }

    .grid-cards .card .card-body {
        color: #676767;
        width: 100%;
        margin-bottom: 55px;
        padding: 0 .8rem;
        position: relative;
        text-align: center
    }

    .grid-cards .card .card-footer {
        display: flex;
        justify-content: flex-end;
        position: absolute;
        bottom: 0;
        width: calc(100% - 1rem)
    }

        .grid-cards .card .card-footer a {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #008daf;
            color: #fff;
            text-shadow: 0 1px 5px rgba(0,0,0,0.08);
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            width: 56%;
            height: 40px;
            border-top-left-radius: 1rem;
            border-bottom-right-radius: 1rem
        }

@keyframes fadeInLeft {
    0 {
        transform: translate(-100%,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.faq-accordion-title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.faq-accordion-title h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.faq-card-welpl-openings {
    background-color: #DEDEDE94;
    border-radius: 10px
}

.faq-accordion-welpl-openings {
    padding: 0 0 !important;
    border: 0 !important
}



.details-welpl-openings ul {
    list-style-type: none;
    padding: 0
}

.details-welpl-openings p {
    font-size: 14px !important;
    color: #000
}

    .details-welpl-openings p.design-p-welpl {
        font-size: 16px !important;
        color: #000
    }

.welpl-openings-right h3 {
    border-bottom: 1px solid #000;
    padding-bottom: 10px
}

.welpl-openings-right p a {
    color: #000
}

    .welpl-openings-right p a:hover {
        text-decoration: none
    }

.form-popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.form-popup-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s 0,visibility 0 .3s;
    overflow-y: auto;
    z-index: 10000
}

    .form-popup-bg.is-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s 0,visibility 0 0;
        overflow: hidden
    }

.form-container {
    background-color: #008daf;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px;
    color: #fff
}

.close-button {
    color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: 0;
    font-size: 25px;
    font-weight: 700
}

.form-popup-bg:before {
    content: '';
    background-color: #fff;
    opacity: .25;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

a.btn-apply-welpl {
    color: #fff;
    background: #cf2c68;
    padding: 10px 40px;
    border-radius: 7px;
    position: relative;
    top: 0px;
    cursor: pointer;
    float: right
}

    a.btn-apply-welpl:hover {
        text-decoration: none
    }

a.apply-submit-welpl {
    color: #fff;
    background: #cf2c68;
    text-align: center;
    border-radius: 7px;
    width: 100px;
    cursor: pointer;
    padding: 10px 0;
    position: relative;
    top: 10px
}

    a.apply-submit-welpl:hover {
        text-decoration: none
    }

.form-popup-bg .form-group > label {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500
}

.form-popup-bg .form-group > input.form-control {
    border: 1px solid #fff;
    border-radius: 7px;
    margin-top: 5px
}

.form-popup-bg h2 {
    color: #fff !important;
    font-size: 25px
}

.formbold-form-label {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px
}

.formbold-file-input input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.formbold-file-input label {
    border: 1px dashed #e0e0e0;
    border-radius: 6px;
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.formbold-drop-file {
    display: block;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
    margin-top: 10px
}

.formbold-or {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 8px
}

.formbold-browse {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 8px 28px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-bottom: 10px
}

.faq-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0
}

.faq-question {
    font-weight: bold;
    cursor: pointer;
    align-items: center
}

    .faq-question i {
        margin-right: 10px;
    }

.faq-answer {
    display: none;
    padding: 25px
}

.faqheading {
    margin-top: 0 !important;
    padding: 1rem 0rem 0rem 1rem !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2) !important
}

.subheadingtittle {
    color: #008daf;
    font-size: 18px
}

.btnplus {
    float: right;
    background: #fff;
    padding: 2px 13px;
    margin-right: 5px;
    width: 40px;
    border-radius: 8px;
    color: #000;
    font-size: 16px;
    text-align: center
}

.view-all-industries a {
    color: #fff;
    background: #cf2c68;
    padding: 10px 40px;
    text-align: center;
    border-radius: 7px;
    font-size: 17px
}

    .view-all-industries a:hover {
        text-decoration: none
    }

.counter-facts .counter {
    position: relative;
    text-align: center;
    min-height: 160px;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 100px;
    box-shadow: 0 4px 2px rgba(0,0,0,0.2);
    background: #fff
}

    .counter-facts .counter::before {
        content: "";
        position: absolute;
        height: 70px;
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 10px 10px 0 0;
        background-color: #008daf
    }

    .counter-facts .counter .counter-icon {
        position: relative;
        width: 70px;
        height: 70px;
        margin: 0 auto 10px;
        border-radius: 10px 10px 0 0;
        transform: translateY(-20px);
        line-height: 70px;
        clip-path: polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)
    }

        .counter-facts .counter .counter-icon i.fa {
            color: #fff;
            font-size: 24px
        }

        .counter-facts .counter .counter-icon::before {
            content: "";
            position: absolute;
            width: 120px;
            height: 90px;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 10px 10px 0 0;
            background: #cf2c68;
            z-index: -1;
            clip-path: polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)
        }

    .counter-facts .counter:hover .counter-icon i {
        transform: rotate(360deg);
        transition: all .3s ease
    }

    .counter-facts .counter p {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 1.5;
        text-transform: capitalize;
        margin: 0 0 5px 0
    }

@media screen and (max-width:1200px) {
    .counter-facts .counter {
        margin-bottom: 40px
    }
}

.keep-your-products-safe {
    display: flex;
    align-items: center
}

    .keep-your-products-safe h2 {
        font-size: 22px
    }

.main-service-index {
    width: 100%;
    min-height: 250px;
    text-align: center;
    position: relative
}

    .main-service-index a {
        color: #000
    }

        .main-service-index a:hover {
            text-decoration: none
        }

    .main-service-index .service {
        background: #fff;
        padding: 15px;
        border-radius: 10px;
        position: absolute;
        bottom: 0;
        z-index: 1;
        box-shadow: 0 0 20px -15px #030380;
        transition: transform .8s
    }

.m-a-welpl {
    width: 100%;
    min-height: 250px;
    text-align: center;
    position: relative
}

    .m-a-welpl .service {
        background: #fff;
        padding: 20px 20px;
        border-radius: 10px;
        position: absolute;
        bottom: 0;
        z-index: 1;
        box-shadow: 0 0 20px -15px #030380;
        transition: transform .8s;
        height: 220px
    }

        .m-a-welpl .service h4 {
            height: 35px;
            width: 80%;
            margin: 15px auto;
            background: #fff;
            position: relative;
            font-size: 18px
        }

        .m-a-welpl .service p {
            font-size: 14px !important
        }

        .m-a-welpl .service h4::before {
            background: linear-gradient(to right,#008daf,#fff);
            left: -5px;
            bottom: -5px
        }

        .m-a-welpl .service h4::after, .service h4::before {
            content: '';
            width: 40px;
            height: 30px;
            position: absolute;
            z-index: -1
        }

        .m-a-welpl .service h4::after {
            background: linear-gradient(to right,#fff,#008daf);
            right: -5px;
            top: -5px
        }

.main-service-index .service-logo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: -90px auto 0;
    background: #fff;
    border: 18px solid #008daf;
    display: flex;
    justify-content: center;
    align-items: center
}

.main-service-index .service h4 {
    height: 35px;
    width: 80%;
    margin: 15px auto;
    background: #fff;
    position: relative
}

    .main-service-index .service h4::after, .service h4::before {
        content: '';
        width: 40px;
        height: 30px;
        position: absolute;
        z-index: -1
    }

    .main-service-index .service h4::after {
        background: linear-gradient(to right,#fff,#008daf);
        right: -5px;
        top: -5px
    }

    .main-service-index .service h4::before {
        background: linear-gradient(to right,#008daf,#fff);
        left: -5px;
        bottom: -5px
    }

.main-service-index::after {
    content: '';
    height: 200px;
    width: 80%;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    bottom: 0;
    left: 10%;
    z-index: -1;
    box-shadow: 0 0 20px -15px #030380;
    transition: transform .8s
}

.main-service-index::before {
    content: '';
    height: 200px;
    width: 64%;
    background: #fff;
    position: absolute;
    border-radius: 10px;
    bottom: 0;
    left: 18%;
    z-index: -2
}

.main-service-index:hover .service {
    transform: translateY(-50px)
}

.main-service-index:hover::after {
    transform: translateY(-25px)
}

.main-service-index .service-logo img {
    transition: transform 1s
}

.main-service-index:hover .service-logo img {
    transform: rotate(360deg)
}

.industries-we-serve {
    border: 0;
    box-shadow: 0 5px 50px #172B4D19;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    border-radius: 16px;
    flex-direction: column;
    padding: 10px 20px;
    background: #fff;
    transition: all 1s
}

    .industries-we-serve:hover {
        background: #278daf !important;
        transition: all 1s
    }

        .industries-we-serve:hover h4 {
            color: #fff
        }
        .industries-we-serve:hover h3 {
            color: #fff; 
        }
        .industries-we-serve:hover img {
            filter: brightness(0) invert(1)
        }

    .industries-we-serve .industries-we-serve-img {
        width: 40px;
        height: 40px
    }
    .industries-we-serve:hover p {
        color: #fff !important;
        
    }
    .industries-we-serve h3{
        font-size:18px;
    }

    a.industries-we-serve-link:hover {
        text-decoration: none
    }

.about .about-img {
    position: relative;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-left: 30px
}

    .about .about-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 10px;
        top: -30px;
        right: 0;
        border-radius: 10px;
        background: #008daf
    }

    .about .about-img::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 100%;
        left: -30px;
        bottom: 30px;
        border-radius: 10px;
        background: #008daf
    }

    .about .about-img .about-exp {
        position: absolute;
        top: 0;
        left: 0;
        padding: 15px;
        background: #008daf;
        color: #fff;
        border: 1px solid #aaa;
        margin-top: -30px;
        margin-left: -30px;
        border-radius: 10px
    }

        .about .about-img .about-exp span {
            padding-left: 10px;
            font-size: 18px
        }

.about-us-welpl {
    display: flex;
    align-items: center
}

.process__number_about {
    font-size: 34px;
    -webkit-text-stroke: 1px #003c71;
    display: block;
    color: transparent;
    font-weight: 700;
    transition: .4s ease-in-out
}

.process__item:hover {
    background: #f2f2f2
}

    .process__item:hover .process__number_about {
        transform: translateY(5px);
        color: #cf2c68
    }

.process__subtitle_about-p {
    display: block;
    font-size: 13px;
    color: #333;
    margin-top: 20px;
    line-height: 1.9
}

.container-fluid.counter-facts {
    margin-bottom: 20px
}

.customer-says {
    margin-top: 50px
}

.section-master-superior {
    background-color: #f3f3f3;
    height: 300px
}

.Superior-Quality-Storage-Solutions .owl-carousel h4 {
    font-size: 18px
}

.Superior-Quality-Storage-Solutions .section-title {
    margin-top: 25%
}

.section-master-superior .Superior-Quality-Storage-Solutions .owl-carousel .item {
    background: #f3f3f3;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.10);
    border-radius: 0 !important;
    border: 0;
    height: 90%;
    padding: 10px
}

    .section-master-superior .Superior-Quality-Storage-Solutions .owl-carousel .item h4 {
        padding-left: 20px
    }

    .section-master-superior .Superior-Quality-Storage-Solutions .owl-carousel .item p {
        padding-left: 20px;
        color: #008daf
    }

.get-easy-to-started h2 {
    color: #000;
    font-size: 24px
}

.get-easy-to-started .get-easy-to-started-row {
    display: flex;
    align-items: center;
    justify-content: center
}

.get-easy-to-started {
    position: relative;
    background: #f3f3f3
}

    .get-easy-to-started .service-item {
        position: relative;
        width: 100%;
        margin-bottom: 35px
    }

    .get-easy-to-started .service-header {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center
    }

    .get-easy-to-started .service-icon {
        position: relative;
        width: 80px;
        padding: 15px 0;
        text-align: center;
        background: #008daf;
        right: -12px;
        z-index: 1
    }

        .get-easy-to-started .service-icon i {
            font-size: 32px;
            color: #fff
        }

    .get-easy-to-started .service-title {
        position: relative;
        display: flex;
        align-items: center;
        width: calc(100% - 80px);
        height: 100px;
        padding-left: 28px;
        padding-right: 12px;
        background: #fff
    }

        .get-easy-to-started .service-title h4 {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 1.5;
            text-transform: capitalize
        }

    .get-easy-to-started .service-detail {
        position: relative;
        width: 100%;
        padding: 30px;
        background: #fff
    }

        .get-easy-to-started .service-detail p {
            font-size: 18px;
            margin: 0
        }

    .get-easy-to-started h2 span {
        display: block;
        font-size: 40px;
        color: #cf2c68;
        font-weight: 700
    }

    .get-easy-to-started .service-item .service-title h4 span {
        display: block
    }

.navbar-main > li > a {
    border-right: 1px solid #fff;
    padding: 0 17px !important
}

.pd-wrap {
    padding: 40px 0;
    font-family: 'Poppins',sans-serif
}

.heading-section {
    text-align: center;
    margin-bottom: 20px
}

.sub-heading {
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px
}

.heading-section h2 {
    font-size: 32px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: 'Poppins',sans-serif
}

.user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    min-width: 80px;
    background-size: 100%
}

.carousel-testimonial .item {
    padding: 30px 10px
}

.quote {
    position: absolute;
    top: -23px;
    color: #2e9da1;
    font-size: 27px
}

.name {
    margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500
}

.position {
    color: #adadad;
    font-size: 14px
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    outline: 0;
    height: 25px
}

    .owl-nav button svg {
        width: 25px;
        height: 25px
    }

    .owl-nav button.owl-prev {
        left: 25px
    }

    .owl-nav button.owl-next {
        right: 25px
    }

    .owl-nav button span {
        font-size: 45px
    }

.product-thumb .item img {
    height: 100px
}

.product-name {
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px
}

.product-price-discount {
    font-size: 22px;
    font-weight: 400;
    padding: 10px 0;
    clear: both
}

    .product-price-discount span.line-through {
        text-decoration: line-through;
        margin-left: 10px;
        font-size: 14px;
        vertical-align: middle;
        color: #a5a5a5
    }

.display-flex {
    display: flex
}

.align-center {
    align-items: center
}

.product-info {
    width: 100%
}

.reviews-counter {
    font-size: 13px
}

    .reviews-counter span {
        vertical-align: -2px
    }

.rate {
    float: left;
    padding: 0 10px 0 0
}

    .rate:not(:checked) > input {
        position: absolute;
        top: -9999px
    }

    .rate:not(:checked) > label {
        float: right;
        width: 15px;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 21px;
        color: #ccc;
        margin-bottom: 0;
        line-height: 21px
    }

        .rate:not(:checked) > label:before {
            content: '\2605'
        }

    .rate > input:checked ~ label {
        color: #ffc700
    }

    .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {
        color: #deb217
    }

    .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label {
        color: #c59b08
    }

.product-dtl p {
    font-size: 14px;
    line-height: 24px;
    color: #7a7a7a
}

.product-dtl .form-control {
    font-size: 15px
}

.product-dtl label {
    line-height: 16px;
    font-size: 15px
}

.form-control:focus {
    outline: 0;
    box-shadow: none
}

.product-count {
    margin-top: 15px
}

    .product-count .qtyminus, .product-count .qtyplus {
        width: 34px;
        height: 34px;
        background: #212529;
        text-align: center;
        font-size: 19px;
        line-height: 36px;
        color: #fff;
        cursor: pointer
    }

    .product-count .qtyminus {
        border-radius: 3px 0 0 3px
    }

    .product-count .qtyplus {
        border-radius: 0 3px 3px 0
    }

    .product-count .qty {
        width: 60px;
        text-align: center
    }

.round-black-btn {
    border-radius: 4px;
    background: #212529;
    color: #fff;
    padding: 7px 45px;
    display: inline-block;
    margin-top: 20px;
    border: solid 2px #212529;
    transition: all .5s ease-in-out 0
}

    .round-black-btn:hover, .round-black-btn:focus {
        background: transparent;
        color: #212529;
        text-decoration: none
    }

.product-info-tabs {
    margin-top: 25px
}

    .product-info-tabs .nav-tabs {
        border-bottom: 2px solid #d8d8d8
    }

        .product-info-tabs .nav-tabs .nav-item {
            margin-bottom: 0
        }

        .product-info-tabs .nav-tabs .nav-link {
            border: 0;
            border-bottom: 2px solid transparent;
            color: #323232
        }

        .product-info-tabs .nav-tabs .nav-item .nav-link:hover {
            border: 0
        }

        .product-info-tabs .nav-tabs .nav-item.show .nav-link, .product-info-tabs .nav-tabs .nav-link.active, .product-info-tabs .nav-tabs .nav-link.active:hover {
            border: 0;
            border-bottom: 2px solid #d8d8d8;
            font-weight: bold
        }

    .product-info-tabs .tab-content .tab-pane {
        padding: 30px 20px;
        font-size: 15px;
        line-height: 24px;
        color: #7a7a7a
    }

.review-form .form-group {
    clear: both
}

.mb-20 {
    margin-bottom: 20px
}

.review-form .rate {
    float: none;
    display: inline-block
}

.review-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #000
}

.review-form .form-control {
    font-size: 14px
}

.review-form input.form-control {
    height: 40px
}

.review-form textarea.form-control {
    resize: none
}

.review-form .round-black-btn {
    text-transform: uppercase;
    cursor: pointer
}

.product-right h2 {
    margin-bottom: 15px;
    line-height: 1.2em;
    font-size: 34px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: -8%
}

.product-right .text-theme {
    color: #cf2c68;
    font-weight: 700;
    font-size: 16px
}

.product-right p {
    margin-top: 15px;
    line-height: 1.7;
    color: #323232;
    font-size: 15px
}

.product-price {
    font-size: 25px;
    font-weight: 600;
    color: #008daf;
    position: relative;
    bottom: 10px
}

    .product-price small {
        font-size: 18px;
        font-weight: 600;
        color: #484848
    }

.product-right h4 {
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 600
}

.product-right h3 {
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: 600;
    line-height: 1.5
}

.product-right .border-product {
    padding-top: 0;
    padding-bottom: 20px
}

.single-product-tables {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.selectProduct {
    position: relative
}

.product-right a {
    border-radius: 7px;
    padding: 10px 50px;
    font-weight: 600;
    font-size: 16px;
    background: #008daf;
    color: #fff
}

    .product-right a:hover {
        text-decoration: none;
        background: #cf2c68;
        color: #fff
    }

#tsum-tabs main {
    padding: 20px;
    margin: 0 auto
}

#tsum-tabs section {
    display: none;
    padding: 60px 0 0;
    border-top: 1px solid #ddd
}

#tsum-tabs input {
    display: none
}

#tsum-tabs label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #555
}

    #tsum-tabs label:before {
        font-weight: normal;
        margin-right: 10px
    }

    #tsum-tabs label:hover {
        color: #cf2c68;
        cursor: pointer
    }

#tsum-tabs input:checked + label {
    color: #cf2c68;
    border: 1px solid #ddd;
    border-top: 3px solid #008daf;
    border-bottom: 1px solid #fff
}

    #tsum-tabs input:checked + label:hover {
        color: #008daf
    }

#tsum-tabs #tab1:checked ~ #content1, #tsum-tabs #tab2:checked ~ #content2 {
    display: block
}

@media screen and (min-width:0) and (max-width:767px) {
    .faq-accordion-title h2 {
        font-size: 13px!important;
    }
    .vas-mumbai{
        display:block!important;
    }
    #tsum-tabs label {
        font-size: 14px
    }

    #tsum-tabs label {
        padding: 10px 6px !important
    }

    #tsum-tabs input:checked + label {
        color: #cf2c68;
        border: 1px solid #ddd;
        border-top: 3px solid #008daf;
        border-bottom: 1px solid #fff
    }

    #tsum-tabs section {
        display: none;
        padding: 60px 0 0;
        border-top: 1px solid #ddd
    }

    #tsum-tabs section {
        padding: 20px 0 0 !important
    }
}

#tsum-tabs .content1 {
    display: flex;
    align-items: center
}

#tsum-tabs .content2 {
    display: flex;
    align-items: center
}

#tsum-tabs a.product-btn {
    position: relative;
    cursor: pointer;
    float: left;
    margin: 0 5px;
    width: 200px;
    text-align: center
}

#tsum-tabs .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto
}

#tsum-tabs .swiper-slide {
    background-size: cover;
    background-position: center
}

#tsum-tabs swiper-slide img {
    width: 100%;
    height: 100%
}

#tsum-tabs .mySwiper2 {
    height: 80%;
    width: 100%
}

#tsum-tabs ._mySwiper2 {
    height: 80%;
    width: 100%
}

#tsum-tabs .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

#tsum-tabs ._mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

#tsum-tabs .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

#tsum-tabs ._mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

#tsum-tabs .mySwiper .swiper-slide-thumb-active {
    opacity: 1
}

#tsum-tabs ._mySwiper .swiper-slide-thumb-active {
    opacity: 1
}

#tsum-tabs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

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

    .product-right table tr {
        background: #fff;
        text-align: center;
        padding: 30px 25px;
        box-shadow: 0 0 25px rgba(0,0,0,0.07);
        border-radius: 15px;
        border: 3px solid rgba(0,0,0,0.07);
        margin-bottom: 20px;
        transition: all .5s ease 0
    }

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

    .product-right table th {
        font-size: 13px;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-weight: 700
    }

@media screen and (max-width:600px) {
    .product-right table {
        border: 0
    }

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

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

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

            .product-right table td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase
            }

            .product-right table td:last-child {
                border-bottom: 0
            }
}

.feat .item {
    background: #fff;
    text-align: center;
    padding: 30px 25px;
    box-shadow: 0 0 25px rgba(0,0,0,0.07);
    border-radius: 15px;
    border: 3px solid rgba(0,0,0,0.07);
    margin-bottom: 20px;
    transition: all .5s ease 0;
    height: 40vh
}

    .feat .item p {
        font-size: 14px;
        line-height: 1.6
    }

    .feat .item h6 {
        margin-bottom: 20px;
        color: #000;
        font-size: 18px
    }

.m-a-swiper {
    padding-top: 10px
}

    .m-a-swiper h3 {
        background-color: #ddd;
        padding: 10px 20px;
        border-top-left-radius: 2em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 2em;
        border-bottom-left-radius: 0;
        color: #cf2c68
    }



.merger-and-acquisition-banner {
    background-image: url('https://cdn.ltex.in/img/WELPL-banner Mergers and Acquisitions.png')
}

.palletbanner {
    background-image: url('../img/pallets-welpl-banner.png')
}

.rackbanner {
    background-image: url('../img/welpl-rack-banner.png')
}

.binsbanner {
    background-image: url('../img/bins-banner.png')
}

p.investor-more_read {
    display: none
}

a.investor-more-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

.snip1519 {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    background-color: #fff;
    border-radius: 5px;
    border-top: 5px solid #008daf;
    color: #9e9e9e;
    text-align: center;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15)
}

    .snip1519 figcaption {
        padding: 12% 10% 14%
    }

    .snip1519 i {
        font-size: 54px;
        color: #000;
        width: 80px;
        line-height: 80px;
        border-radius: 50%;
        padding: 0;
        margin: 0 0 10px;
        text-align: center;
        display: inline-block;
        font-weight: 400
    }

    .snip1519 h3 {
        color: #3c3c3c;
        font-size: 20px;
        line-height: 24px;
        margin: 10px 0
    }

    .snip1519 p {
        font-size: 14px;
        font-weight: 300;
        margin: 0 0 20px;
        color: #000
    }

p.merger-column-count {
    column-gap: 44px;
    column-rule: 4px dashed #12fe14;
    column-fill: balance;
    column-count: 3
}

ul.m-a-benefits li b {
    font-size: 16px;
    line-height: 1.8
}

ul.outcomes {
    line-height: 1.8;
    font-size: 15px
}

div.investor-more-business, .investor-more-profitable, .investor-more-scalable, .investor-more-diversified, .investor-more-relevant, .investor-more-tech, .investor-more-leader, .investor-more-culture, .investor-more-trans, .investor-more-result, .investor-more-cf, .investor-more-wn {
    display: none;
    margin-top: -6px;
}

a.investor-more-business-btn, .investor-more-profitable-btn, .investor-more-scalable-btn, .investor-more-diversified-btn, .investor-more-relevant-btn, .investor-more-tech-btn, .investor-more-leader-btn, .investor-more-culture-btn, .investor-more-trans-btn, .investor-more-result-btn, .investor-more-cf-btn, .investor-more-wn-btn {
    font-weight: 600;
    cursor: pointer;
    padding-bottom: 20px;
    text-align: left !important;
}

    a.investor-more-business-btn:hover, .investor-more-profitable-btn:hover, .investor-more-scalable-btn:hover, .investor-more-diversified-btn:hover, .investor-more-relevant-btn:hover, .investor-more-tech-btn:hover, .investor-more-leader-btn:hover, .investor-more-culture-btn:hover, .investor-more-trans-btn:hover, .investor-more-result-btn:hover, .investor-more-cf-btn:hover, .investor-more-wn-btn:hover {
        text-decoration: none;
    }

.snip1519 a {
    cursor: pointer
}

    .snip1519 a:hover {
        cursor: pointer;
        text-decoration: none;
        color: #008daf
    }

h1.certifications {
    font-size: 16px;
    font-weight: 600
}

.hilux {
    padding-left: 30px;
    width: 200px !important
}

p.merger-read_more {
    display: none
}

a.merger-more-btn {
    text-decoration: none;
    color: #cf2c68;
    background: #fff;
    padding: 10px 40px;
    border-radius: 6px;
    position: relative;
    top: 10px;
    cursor: pointer;
    border: 1px solid #cf2c68
}

.about .m-a-img {
    position: relative;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-left: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

    .about .m-a-img::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 10px;
        top: -30px;
        right: 30px;
        border-radius: 10px;
        background: #008daf
    }

    .about .m-a-img::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 100%;
        left: -30px;
        bottom: 30px;
        border-radius: 10px;
        background: #008daf
    }

.why-m-a-img {
    width: 90px;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    border-radius: 100%;
    height: 90px;
    padding: 10px;
    background: #f3f3f3;
    margin: 0 auto;
    margin-bottom: 20px;
}

p.diversify-more-read {
    display: none
}

a.diversify-btn {
    font-weight: 600;
    cursor: pointer
}

    a.diversify-btn:hover {
        text-decoration: none
    }

.timeline {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    position: relative
}

.timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 6px
}

    .timeline__event:nth-child(2n+1) {
        flex-direction: row-reverse
    }

        .timeline__event:nth-child(2n+1) .timeline__event__date {
            border-radius: 0 6px 6px 0
        }

        .timeline__event:nth-child(2n+1) .timeline__event__content {
            border-radius: 6px 0 0 6px
        }

        .timeline__event:nth-child(2n+1) .timeline__event__icon:before {
            content: "";
            width: 2px;
            height: 100%;
            background: #cf2c68;
            position: absolute;
            top: 0;
            left: 50%;
            right: auto;
            z-index: -1;
            transform: translateX(-50%);
            animation: fillTop 2s forwards 4s ease-in-out
        }

        .timeline__event:nth-child(2n+1) .timeline__event__icon:after {
            content: "";
            width: 100%;
            height: 2px;
            background: #cf2c68;
            position: absolute;
            right: 0;
            z-index: -1;
            top: 50%;
            left: auto;
            transform: translateY(-50%);
            animation: fillLeft 2s forwards 4s ease-in-out
        }

.timeline__event__title {
    font-size: 1.2rem;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 600;
    color: #9251ac;
    letter-spacing: 1.5px
}

.timeline__event__content {
    padding: 20px;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    background: #fff;
    border-radius: 0 6px 6px 0
}

.timeline__event__date {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    background: #cf2c68;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 20px;
    border-radius: 6px 0 0 6px
}

.timeline__event__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    align-self: center;
    margin: 0 20px;
    background: #cf2c68;
    border-radius: 100%;
    width: 40px;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    padding: 40px;
    height: 40px;
    position: relative
}

    .timeline__event__icon:before {
        content: "";
        width: 2px;
        height: 100%;
        background: #cf2c68;
        position: absolute;
        top: 0;
        z-index: -1;
        left: 50%;
        transform: translateX(-50%);
        animation: fillTop 2s forwards 4s ease-in-out
    }

    .timeline__event__icon:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #cf2c68;
        position: absolute;
        left: 0;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        animation: fillLeftOdd 2s forwards 4s ease-in-out
    }

.timeline__event__description {
    flex-basis: 100%
}

.timeline__event--type2:after {
    background: #555ac0
}

.timeline__event--type2 .timeline__event__date {
    color: #fff;
    background: #008daf
}

.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
    background: #008daf
}

.timeline__event--type2 .timeline__event__icon {
    background: #008daf
}

    .timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after {
        background: #008daf
    }

.timeline__event--type2 .timeline__event__title {
    color: #555ac0
}

.timeline__event--type3:after {
    background: #24b47e
}

.timeline__event--type3 .timeline__event__date {
    background-color: #24b47e
}

.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
    background: #24b47e
}

.timeline__event--type3 .timeline__event__icon {
    background: #24b47e
}

    .timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after {
        background: #24b47e
    }

.timeline__event--type3 .timeline__event__title {
    color: #24b47e
}

.timeline__event:last-child .timeline__event__icon:before {
    content: none
}

@media(max-width:786px) {
    .timeline__event {
        flex-direction: column;
        align-self: center
    }

    .timeline__event__content {
        width: 100%
    }

    .timeline__event__icon {
        border-radius: 6px 6px 0 0;
        width: 100%;
        margin: 0;
        box-shadow: none
    }

        .timeline__event__icon:before, .timeline__event__icon:after {
            display: none
        }

    .timeline__event__date {
        border-radius: 0;
        padding: 20px
    }

    .timeline__event:nth-child(2n+1) {
        flex-direction: column;
        align-self: center
    }

        .timeline__event:nth-child(2n+1) .timeline__event__date {
            border-radius: 0;
            padding: 20px
        }

        .timeline__event:nth-child(2n+1) .timeline__event__icon {
            border-radius: 6px 6px 0 0;
            margin: 0
        }
}

@keyframes fillLeft {
    100% {
        right: 100%
    }
}

@keyframes fillTop {
    100% {
        top: 100%
    }
}

@keyframes fillLeftOdd {
    100% {
        left: 100%
    }
}

img.m-a-contact-img {
    width: 50px;
    margin: 0 auto
}

.welpl-m-a-contact {
    text-align: center;
    padding: 20px
}

.welpl-contact-m-a {
    background: #f3f3f3
}

    .welpl-contact-m-a .bg-m-a-contact:hover {
        background: #008daf;
        transition: all 1s
    }

        .welpl-contact-m-a .bg-m-a-contact:hover img {
            filter: brightness(0) invert(1)
        }

        .welpl-contact-m-a .bg-m-a-contact:hover h4 {
            color: #fff
        }

        .welpl-contact-m-a .bg-m-a-contact:hover p {
            color: #fff
        }

.bg-m-a-contact {
    background: #fff;
    border-radius: 10px
}

.inner-m-a {
    background: #fff;
    padding: 2em;
    border: solid 1px #8080802e;
    box-shadow: 2px 2px 8px 0 rgba(145,145,145,0.5);
    position: relative;
}

    .inner-m-a::before {
        position: absolute;
        content: "";
        width: 154px;
        height: 149px;
        bottom: 10px;
        background-image: url('https://cdn.ltex.in/img/m-a-image.png');
        right: -100px;
        bottom: -40px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
    }

#main-content-m-a {
    height: 100%;
    width: 100%;
    margin: 3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #4c4e61
}

    #main-content-m-a #card-body {
        display: flex;
        align-items: center
    }

        #main-content-m-a #card-body #card-1 {
            border-top: 3px solid #45d3d3
        }

            #main-content-m-a #card-body #card-1:hover {
                background: linear-gradient(to bottom,rgba(69,211,211,0.5),transparent);
                transform: scale(1.05);
                box-shadow: 0 5px 5px 6px rgba(0,0,0,0.1)
            }

        #main-content-m-a #card-body #card-2 {
            border-top: 3px solid #cf2c68
        }

            #main-content-m-a #card-body #card-2:hover {
                background: linear-gradient(to bottom,rgba(234,83,83,0.4) 5%,transparent 90%);
                transform: scale(1.05);
                box-shadow: 0 5px 5px 6px rgba(0,0,0,0.1)
            }

        #main-content-m-a #card-body #card-3 {
            border-top: 3px solid #fcaf4a
        }

            #main-content-m-a #card-body #card-3:hover {
                background: linear-gradient(to bottom,rgba(252,175,74,0.5),transparent 85%);
                transform: scale(1.05);
                box-shadow: 0 5px 5px 6px rgba(0,0,0,0.1)
            }

        #main-content-m-a #card-body #card-4 {
            border-top: 3px solid #008daf
        }

            #main-content-m-a #card-body #card-4:hover {
                background: linear-gradient(to bottom,rgba(84,158,242,0.5),transparent);
                transform: scale(1.05);
                box-shadow: 0 5px 5px 6px rgba(0,0,0,0.1)
            }

        #main-content-m-a #card-body .card {
            background: white;
            margin: 1rem .8rem;
            padding: 1.8rem;
            width: 30rem;
            border-radius: 4px;
            box-shadow: 0 0 7px rgba(0,0,0,0.1);
            transition: .5s all
        }

            #main-content-m-a #card-body .card .card-title {
                font-weight: 600;
                margin-bottom: 15px;
                font-size: 15px
            }

            #main-content-m-a #card-body .card .card-body {
                font-size: 14px;
                line-height: 1.5
            }

            #main-content-m-a #card-body .card #card-cont {
                display: flex;
                justify-content: flex-end
            }

                #main-content-m-a #card-body .card #card-cont .card-img {
                    padding-top: 20px;
                    width: 25%
                }

@media only screen and (max-width:675px) {
    #main-content-m-a #card-body {
        display: inline-block
    }
}

@media only screen and (max-width:375px) {
    #main-content-m-a #header-2 {
        text-align: center;
        width: 22rem
    }

    #main-content-m-a #body {
        width: 18rem
    }

    #main-content-m-a #card-body {
        display: inline
    }
}

ul.list-none-blog {
    list-style-type: none;
}

.outcomes .row {
    margin-top: 40px;
    margin-bottom: 20px;
}

.outcomes .outcomes-content {
    text-align: center;
    height: 150px;
    box-shadow: 0 0px 7px rgba(0,0,0,0.1);
    padding: 30px;
    border-radius: 10px;
}

    .outcomes .outcomes-content:hover {
        background: #008daf;
        border-radius: 10px;
        transition: all 1s
    }

    .outcomes .outcomes-content img {
        width: 45px;
    }

    .outcomes .outcomes-content:hover img {
        filter: brightness(0) invert(1)
    }

    .outcomes .outcomes-content:hover h4 {
        color: #fff;
    }

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

h2.m-a-h2 span.m-a-head {
    color: #cf2c68;
    font-weight: 600
}

.snip1519 figcaption img {
    width: 85px;
    border-radius: 30%;
    height: 85px;
    padding: 10px;
    background: #f3f3f3;
    margin: 0 auto;
    margin-bottom: 20px;
}

.internet-b-more {
    display: none;
    text-align: left;
    margin-top: -10px;
}

.internet-b-more-btn {
    font-weight: 600;
    cursor: pointer;
}

    .internet-b-more-btn:hover {
        text-decoration: none;
    }

.ilps-more {
    display: none;
    text-align: left;
    margin-top: -10px;
}

.ilps-more-btn {
    font-weight: 600;
    cursor: pointer;
    text-align: left
}

    .ilps-more-btn:hover {
        text-decoration: none;
    }

.why_m-a_content h4 {
    line-height: 1.5;
}

.why-invest-img {
    width: 90px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    border-radius: 15%;
    height: 90px;
    padding: 10px;
    background: #f3f3f3;
    margin: 0 auto;
    margin-bottom: 20px
}

.ltex-more {
    display: none;
    text-align: left;
    margin-top: -10px;
}

.ltex-more-btn {
    font-weight: 600;
    cursor: pointer;
    text-align: left
}

    .ltex-more-btn:hover {
        text-decoration: none;
    }

.div-center {
    display: flex;
    justify-content: center;
}

.bpm-more {
    display: none;
    text-align: left;
    margin-top: -10px;
}

.bpm-more-btn {
    font-weight: 600;
    cursor: pointer;
    text-align: left
}

    .bpm-more-btn:hover {
        text-decoration: none;
    }



ul.ul-cards .icon img {
    height: 35px;
    width: 35px;
}

ul.ul-cards > li {
    --bg-color: #fff;
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1);
    --padding: 20px;
    --circle-size: 5rem;
    --circle-expand: 1rem;
    --flap-height: 1.25rem;
    --flap-offset: 0.5rem;
    margin-top: calc(var(--circle-size) / 2 + var(--circle-expand));
    margin-bottom: var(--flap-offset);
    background-color: var(--bg-color);
    margin-top: 60px;
    border-radius: var(--padding);
    padding: var(--padding);
    display: grid;
    grid-template-rows: max-content max-content auto;
    justify-items: center;
    text-align: justify;
    gap: 0.75rem;
    position: relative;
}

    ul.ul-cards > li > .icon {
        width: var(--circle-size);
        margin-top: calc(var(--circle-size) / -2 - var(--padding));
        aspect-ratio: 1;
        background-color: #f2f2f2;
        justify-self: center;
        border-radius: 50%;
        display: grid;
        place-items: center;
    }

        ul.ul-cards > li > .icon i.fa {
            font-size: 25px;
        }

    ul.ul-cards > li > .ul-title {
        margin-top: 10px;
        color: var(--accent-color);
        font-weight: 600;
        text-align: center;
        font-size: 16px;
    }

    ul.ul-cards > li > .content {
        font-size: 13px;
    }

    ul.ul-cards > li::before, ul > li::after {
        content: "";
        position: absolute;
    }

    ul.ul-cards > li::before {
        top: calc(var(--circle-size) / -2 - var(--circle-expand));
        width: calc(var(--circle-size) * 1 + var(--circle-expand) * 2);
        height: calc(100% + var(--circle-size) / 2 + var(--padding) + var(--flap-offset));
        background-color: var(--accent-color);
        background-image: linear-gradient( transparent 50%, rgb(0 0 0 / .25) 0);
        border-top-left-radius: calc(var(--circle-size) / 2 + var(--circle-expand));
        border-top-right-radius: calc(var(--circle-size) / 2 + var(--circle-expand));
        clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--flap-offset)), calc(100% - var(--flap-offset)) 100%, var(--flap-offset) 100%, 0 calc(100% - var(--flap-offset)) );
        z-index: -1;
    }

    ul.ul-cards > li::after {
        width: calc(var(--circle-size) * 1 + var(--circle-expand) * 2 - var(--flap-offset) * 2);
        height: var(--flap-height);
        bottom: calc(var(--flap-offset) * -1);
        border-top-left-radius: var(--flap-height);
        border-top-right-radius: var(--flap-height);
        background-color: var(--accent-color);
    }

ul.ul-cards li .arrow-invest-flex img {
    width: 30px;
}

ul.ul-cards li .arrow-invest-flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.arrow-invest-flex img {
    width: 30px;
    margin-top: -6px;
}

.arrow-invest-flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.startup-fund-callbtn a {
    background: #fff;
    color: #cf2c68;
    border-radius: 10px;
    border: 1px solid #cf2c68;
    position: relative;
    top: 30px;
}

    .startup-fund-callbtn a:hover {
        background: #fff;
        color: #cf2c68;
        text-decoration: none;
    }

.block-content .chart img {
    position: relative;
    bottom: 15px;
}

/*funding page css*/
ul.funding-ulli {
    width: min(100%, 90rem);
    perspective: 1000px;
    display: grid;
    row-gap: 0.5rem;
}

    ul.funding-ulli li.card {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-top: 30px;
        background-color: var(--bg-color);
        box-shadow: 0 5px 35px #172B4D19;
        color: var(--color);
        display: grid;
        row-gap: 0.5rem;
        column-gap: 2rem;
        margin-top: 20px;
        border-radius: 10px;
    }

    ul.funding-ulli li.card-2 {
        transform: translate(50%, 10%);
    }


    ul.funding-ulli li.card .title {
        font-size: 15px;
        font-weight: 600;
        height: 0px !important;
        animation: none !important;
        color: #cf2c68 !important;
    }

    ul.funding-ulli li.card .content {
        font-size: 13px;
        text-align: justify;
    }

    ul.funding-ulli li.card img {
        width: 40px;
        margin-bottom: 10px;
    }

@media (min-width: 30rem) {
    ul .funding-ulli li.card {
        text-align: left;
    }

        ul.funding-ulli li.card .title {
            text-align: left
        }
}

.startup-content-more, .startup-content2-more {
    display: none;
    margin-top: -5px;
}

.startup-content-morebtn, .startup-content2-morebtn {
    font-weight: 700;
    cursor: pointer;
    text-align: left !important;
}

    .startup-content-morebtn:hover, .startup-content2-morebtn:hover {
        text-decoration: none;
    }

.csrenquiryform {
    background-color: transparent !important;
    padding: 20px;
    height: 350px !important;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    margin: 6px 0 5px;
    border-radius: 10px;
    border-top-left-radius: 2em;
    border-top-right-radius: 0em;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 0em;
    display: none;
}

.csrenquiryheading {
    color: rgba(0, 0, 0, .6) !important;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .3) !important;
    padding-bottom: 8px;
}

.csrenquiryformbtn {
    border-radius: 5px;
    width: 100%;
    height: 40px !important;
    padding: 10px !important;
    margin-top: 0 !important;
    border: 1px solid rgba(0,0,0,.3);
    cursor: pointer;
    font-weight: 500;
    background-color: transparent;
    color: rgba(0,0,0,.6);
}

.csrenquiryformbox {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    height: 26px;
    margin-bottom: 6px;
    width: 100%;
}

.csrenquirymessagebox {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    height: 26px;
    margin-bottom: 4px;
    width: 100%;
}

p.csr-read-more {
    display: none;
    margin-top: -10px;
}

p.csr-read-more2 {
    display: none;
    margin-top: -10px;
}

a.csr-read-more-btn {
    font-weight: 700;
    cursor: pointer;
    text-align: left !important;
}

    a.csr-read-more-btn:hover {
        text-decoration: none;
    }

a.csr-read-more-btn2 {
    font-weight: 700;
    cursor: pointer;
    text-align: left !important;
}

    a.csr-read-more-btn2:hover {
        text-decoration: none;
    }

.csr-area .arrow-invest-flex img {
    width: 30px;
}

.csr-area .arrow-invest-flex {
    display: flex;
    justify-content: start;
}

.csr-area .why-m-a-img {
    width: 90px;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    border-radius: 100%;
    height: 90px;
    padding: 10px;
    background: #f3f3f3;
    margin: 0 0 !important;
    margin-bottom: 20px;
}

ul.funding-ulli .csr-content-more, .csr-content2-more, .csr-content3-more, .csr-content4-more {
    display: none;
}

ul.funding-ulli a.csr-content-more-btn, a.csr-content2-more-btn, a.csr-content3-more-btn, a.csr-content4-more-btn {
    font-weight: 700;
    cursor: pointer;
    text-align: left !important;
}

    ul.funding-ulli a.csr-content-more-btn:hover, a.csr-content2-more-btn:hover, a.csr-content3-more-btn:hover, a.csr-content4-more-btn:hover {
        text-decoration: none;
    }

ul.funding-ulli .arrow-invest-flex {
    display: flex;
    justify-content: start;
    margin-top: 10px;
}

.csr-list-arrow {
    width: 30px;
}

.whyusli-flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.container.invest-container {
    padding: 0px;
}

.invest-container .box {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    padding-bottom: 20px;
    width: 234px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 0 8px #ddd, 0 10px 10px;
    cursor: pointer;
    transition: .5s;
    background: #fff;
    color: #555;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
}

    .invest-container .box:hover {
        transform: scale(1.05);
        box-shadow: 0 0 0 6px #ddd, 0 10px 10px;
    }


    .invest-container .box .row {
        position: relative;
        padding: 10px 0;
    }

        .invest-container .box .row:nth-of-type(1) span:nth-of-type(1) {
            font-size: 45px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
        }

        .invest-container .box .row:nth-of-type(1) span:nth-of-type(2) {
            font-size: 27px;
        }

        .invest-container .box .row:nth-of-type(2) span:nth-of-type(1) {
            font-size: 30px;
            font-weight: 700;
            color: #cf2c68;
        }

.faqheading .faq-question h4.subheadingtittle span {
    color: #cf2c68;
    font-weight: 700;
    font-size: 16px;
}

.faqheading .faq-question h4.subheadingtittle {
    color: #000 !important;
    font-size: 20px;
}

.faqheading .faq-question h5 b {
    color: #cf2c68;
    font-weight: 700;
    font-size: 16px;
}

.faqheading .faq-question h5 {
    font-size: 15px;
    color: #555;
}

.faq-item .faq-question {
    padding-left: 20px;
}

.faq-item {
    border-radius: 12px;
}

    .faq-item .faq-answer h2 {
        font-size: 18px;
        font-weight: 700;
    }

.row.job-post .col {
    margin-top: 15px;
}

.m-a-img img {
    width: 340px;
    height: 340px;
    margin-left: 20%;
}
.herounittwo h3 a{
    font-size:16px!important;
    color:#000!important;
}
.herounittwo h3 a:hover {
    font-size: 16px !important;
    color: #cf2c68 !important;
    text-decoration:none;
}
img.prepare-your-warehouse-fulfillment{
    width:100%;
}
.distribution-logistics-faster-blog-img{
    display:flex;
    align-items:center;
}
.distribution-logistics-faster-blog-img ul li{
    line-height:2.0;
    text-align:justify
}
.div-sec-flex{
    display:flex;
    align-items:center;
}
.op-process ul li{
    list-style-type:none;
}
.side-enquiry{
    margin-top:25px;
}
.vendor__content{
    display:flex;
    align-items:center;
}
h1.vendor__h1{
    padding-top:15px;
    font-size:28px;
}
h2.vendor__h2{
    font-weight:400
}
.steps {
    counter-reset: item-counter;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-top: 60px;
}

.steps__item {
    position: relative;
    border: 1px #000 solid;
    padding: 30px 35px;
    transition: 0.2s ease-in-out;
}

    .steps__item:nth-child(2n) {
        border-left: 0;
    }

    .steps__item:nth-child(3), .steps__item:nth-child(4) {
        border-top: 0;
    }

    .steps__item::before {
        counter-increment: item-counter;
        content: "0" counter(item-counter);
        position: absolute;
        top: -25px;
        left: 25px;
        background: #fff;
        padding: 0 10px;
        font-style: italic;
        font-size: 2.5rem;
        color: #435343;
        border-radius: 5px;
    }

    .steps__item::after {
        content: "0" counter(item-counter);
        position: absolute;
        right: 0;
        bottom: -17px;
        font-weight: 500;
        font-size: 120px;
        color: rgba(67, 83, 67, 0.4);
        transition: 0.3s ease-in-out;
        transform: translateX(10%);
        opacity: 0;
    }

    .steps__item:hover {
        background: rgba(51, 51, 51, 0.1);
    }

        .steps__item:hover __item-title, .steps__item:hover __item-paragraph {
            transform: translateX(5px);
        }

        .steps__item:hover::after {
            opacity: 1;
            transform: translateX(0);
        }

.steps__item-title {
    font-size: 21px;
    font-weight: 500;
    color: #333;
    margin: 0;
    transition: 0.2s ease-in-out;
}

.steps__item-paragraph {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    margin-top: 30px;
    color: #333;
    transition: 0.3s ease-in-out;
}

.listar-feature-item-wrapper {
    padding-left: 27px;
    padding-right: 27px;
}

.listar-feature-item {
    height: calc(90% - 20px);
}

    .listar-feature-item.listar-feature-has-link ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
        position: relative;
        display: block;
        width: 100%;
        height: 30px;
    }

    .listar-feature-item a {
        position: absolute;
        top: -12px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% + 4px);
        border-radius: 1000px;
        z-index: 10;
    }

.listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    border-radius: 1000px;
    z-index: 10;
}

.listar-feature-item a:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 1000px;
    z-index: 10;
    animation: ripple 0.7s linear infinite;
}


@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
    }

    100% {
        box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
    }
}



.listar-feature-item .listar-feature-item-inner {
    padding: 50px 50px;
    border-radius: 6px;
    z-index: 5;
    position: relative;
    height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .listar-feature-item .listar-feature-item-inner:before {
        border: 0;
        box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15), 10px 0px 10px rgba(80, 80, 80, 0.02);
        border-radius: 1000px;
        background: rgba(255, 255, 255, 0);
        background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
        background: -webkit-gradient( left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)) );
        background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
        background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
        background: -ms-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
        background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
    }

    .listar-feature-item .listar-feature-item-inner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.listar-feature-right-border {
    position: absolute;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    top: -12px;
    left: 50%;
    overflow: hidden;
}

.listar-feature-items {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
.listar-feature-item
a:hover ~ .listar-feature-item-inner
.listar-feature-right-border:before {
    border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features
.listar-feature-item
a:hover ~ .listar-feature-item-inner
.listar-feature-right-border:before,
.listar-hovering-features-grey
.listar-feature-item
a:hover ~ .listar-feature-item-inner
.listar-feature-right-border:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 11px solid #258bd5;
    border-radius: 800px;
    left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
    position: relative;
    display: block;
    text-decoration: none;
    margin: -30px;
    padding: 30px;
    height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
    margin-bottom: 120px;
    padding-left: 27px;
    padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
    content: "";
    background-color: #fff;
    z-index: 6;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}

.listar-feature-icon-wrapper {
    width: 148px;
    height: 148px;
    line-height: 148px;
    border-radius: 500px;
    position: relative;
    background-color: #fff;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%;
    vertical-align: middle;
    margin-left: -74px;
    top: -66px;
    margin-top: -74px;
}

.listar-feature-icon-inner {
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 500px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
    background: #fff;
}

    .listar-feature-icon-inner div {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        display: inline-block;
        position: relative;
        width: 120px;
        height: 120px;
        line-height: 120px;
        text-align: left;
    }

    .listar-feature-icon-inner img {
        position: relative;
        margin: 0 auto;
        vertical-align: middle;
        display: inline-block;
        width: auto;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        transform: translate(-50%);
        height: 55px;
    }

.listar-feature-item img,
.listar-feature-item i {
    position: relative;
    display: inline-block;
    border-bottom: 0;
    font-size: 40px;
    top: 0;
    padding: 0;
    color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
    top: 0;
}

.listar-feature-content-wrapper {
    position: relative;
    margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
    padding-top: 0;
    margin: 0 0 30px;
    text-align: center;
    line-height: 1.5;
}

    .listar-feature-item
    .listar-feature-item-title.listar-feature-counter-added > span {
        margin-left: 25px;
        border-radius: 0 50px 50px 0;
    }

    .listar-feature-item .listar-feature-item-title > span {
        box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12), 5px 0px 40px rgba(80, 80, 80, 0.1);
        padding: 10px 20px;
        display: inline-block;
        position: relative;
        background-color: #fff;
    }

        .listar-feature-item .listar-feature-item-title > span span {
            box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2), 5px 0px 80px rgba(80, 80, 80, 0.15);
            padding: 10px 0;
            display: inline-block;
            width: 50px;
            height: 50px;
            line-height: 30px;
            white-space: nowrap;
            position: absolute;
            top: -3px;
            left: -40px;
            border-radius: 50px;
            background-color: #fff;
        }

    .listar-feature-item .listar-feature-item-title span {
        display: inline-block;
        line-height: normal;
        font-weight: 400;
        text-shadow: none;
        border-radius: 50px;
        color: #252525;
        font-size: 13px;
    }

.listar-feature-item-excerpt {
    font-size: 12px;
    line-height: 1.8;
}

.listar-feature-item-excerpt {
    color: #252525;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.pset {
    padding-top: 70px;
}

.listar-map-button-text span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 1.6;
    padding: 10px 25px;
    box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    background-color: rgba(35, 40, 45, 0.9);
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.listar-map-button-text span {
    background-color: #fff;
    color: #252525;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .listar-map-button-text span:after {
        border: 12px solid #fff;
    }

    .listar-map-button-text span:after {
        content: "";
        position: absolute;
        top: -14px;
        left: -14px;
        width: calc(100% + 28px);
        height: calc(100% + 28px);
        border-radius: 36px;
    }

.listar-map-button:hover .listar-map-button-text span {
    padding: 10px 43px 10px 51px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    border-radius: 1000px;
    z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15), 15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
    bottom: -30px;
    background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
    background-size: 40%;
    color: #555;
    line-height: 52px;
}