@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Figtree", sans-serif;
    padding: 0;
    margin: 0;
}
.alert1 span{display:block;}
img {
    max-width: 100%;
}


/*****/
.pt-0 {
    padding-top: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}


.pb-0 {
    padding-bottom: 0;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}


.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

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

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

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}


.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

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

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

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}


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

/*****/

/*header*/
.header {
    z-index: 9999;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: rgba(0, 0, 0, .1) 0px 5px 10px;


}

.header .logo {
    width: 154px;
    padding: 15px 0;
    display: block;

}

.header ul {
    display: flex;
    gap: 77px;
}

.header ul>li {
    list-style: none;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    padding: 10px 15px;
}

.header ul li a {
    text-decoration: none;
    color: #000;
    padding: 0px 22px;
}

.header .disabaled, .header .disabaled:hover{
    color: #828282 !important;
}

.header ul li:hover>a {
    text-decoration: none;
    color: #F18F4A;
}

.header-wrapper {
    display: flex;
    align-items: center;
}

.uls-wrappers {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.primary-btn {}

.header .menusuls {
    display: flex;
    gap: 0;
}

.hamburger {
    display: none;
}

.hamburger-icn {
    width: 25px;
}


/*header*/


.container {
    margin: auto;
    max-width: 90%;
    width: 1260px;
    padding: 0px 14px;
}

.container-fluid video {
    /* height: 100vh; */
    object-fit: cover;
    width: 100% !important;
}

.product-slider #sync1 .item {
    height: 605px;
    width: 100%;
}

/*product slider start*/
.product-slider {
    min-width: 50%;
}

.product-slider .item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#sync1 .item {
    height: 300px;
}

#sync2 .item {
    height: 117px;
    width: 100%;
    border: 1px solid #DDDDDD;
}

#sync2 .owl-item.current {
    opacity: 1;
}

#sync2 .current {
    opacity: 1;
}

#sync2 .owl-stage {
    display: flex;
    gap: 19px;
}

.product-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 32px 0;
    gap: 32px;
}

.product-images {
    width: 100%;
    height: 354px;
    background-size: contain;
    background-position: center center;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    background-repeat: no-repeat;
}

.product-image {
    width: 100%;
    height: 186px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.p-50 {
    padding-left: 50px;
}

.dlvd {
    font-size: 13px;
    color: #339E82 !important;
}

.product-slider #sync1 .item {
    width: 100% !important;
}

.product-slider #sync2 .item {
    border: 1px solid #707070;
}

#sync2 .owl-item {
    width: 100% !important;
}

.product-slider .mainhead {
    color: #fff;
    font-size: 54px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 23px;
    font-weight: 600;
}

.slide-cont-wrap h3 {
    font-size: 48px;
    transition: all 0.6s cubic-bezier(0, -0.47, 0, 1.33);
    color: #fff;
    margin-left: 80%;
    opacity: 0.3;
}

.owl-item.active .slide-cont-wrap h3 {
    margin-left: 390px;
    opacity: 1;
}

.fourthslides {
    padding-top: 310px;
}

.slider .slide-cont-wrap .one {
    width: 106px;
    right: 409px;
    top: -103px;
    position: absolute;
}

.slider .slide-cont-wrap .two,
.slider .slide-cont-wrap .three,
.slider .slide-cont-wrap .four {
    width: 160px;
}

.slider .slide-cont-wrap .five {
    width: 190px;
}

.slider .slide-cont-wrap .two {
    right: 224px;
    top: -82px;
    position: absolute;
}

.slider .slide-cont-wrap .three {
    right: 31px;
    top: -103px;
    position: absolute;
}

.slider .slide-cont-wrap .four {
    right: 415px;
    top: 25px;
    position: absolute;
}

.slider .slide-cont-wrap .five {
    right: 208px;
    top: 104px;
    position: absolute;
}

.product-slider .para {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 45px;
    margin-top: 30px;
    font-weight: 600;
}

.mainbtn {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    justify-content: center;
}

.secondary-btn a {
    color: #000;
    border: 1px solid #fff;
    background: #fff;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 40px;
    line-height: 10px;
    font-size: 16px;
    width: 297px;
    transition: 0.3s;
    font-weight: 600;
}

.secondary-btn a:hover {
    color: #fff;
    background: none;
}

.uls-wrappers .primary-btn a {
    color: #F18F4A;
    background: #fff;
    border: 1px solid #ec8c49;
    padding: 8px 24px;
    margin: 5px 0px;
    text-decoration: none;
    border-radius: 41px;
    line-height: 16px;
    font-size: 16px;
    width: 297px;
    font-weight: 600;
    transition: 0.3s;
}

.primary-btn a {
    color: #fff;
    background: #F18F4A;
    border: 1px solid #ec8c49;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 41px;
    line-height: 16px;
    font-size: 16px;
    width: 297px;
    font-weight: 600;
    transition: 0.3s;
}

.primary-btn a:hover {
    color: #ec8c49;
    background: none;
}

.header-wrapper .primary-btn a:hover {
    background: #F18F4A;
    border: 1px solid #ec8c49;
    color: #fff;
}

.owl-carousel button.owl-dot {
    border: 1px solid #fff;
    margin: 0px 8px;
    height: 10px;
    border-radius: 10px;
    position: relative;
    bottom: 41px;
    width: 21px;
}

.owl-carousel button.owl-dot.active {
    background: #F18F4A;
    border: 1px solid #F18F4A;
    width: 29px;
}

.owl-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute;
    width: 100%;
}

.slider .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.slide-cont-wrap {
    width: 100%;
    position: absolute;
    top: 32%;
    text-align: center;
}

.one_slider .slide-cont-wrap {
    top: 30%;
}

.slider .product-slider .item .container {
    position: relative;
}

.slider .product-slider .item {
    position: relative;
}

/* .slider .product-slider .item::after{position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; 
      background: linear-gradient(0deg,#1c2037,transparent 40%),linear-gradient(90deg,rgba(0,0,0,.2) 8%,transparent 60%);
      z-index: 0;} */

.slider .product-slider .item::before {
    background: url(../images/clarity-ele.png) no-repeat;
    width: 100%;
    height: 67%;
    position: absolute;
    content: '';
    left: -67px;
    bottom: 0px;
    opacity: 0.4;
}

.slider .product-slider .item::after {
    background: url(../images/clarity-ele.png) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    right: -81%;
    top: -144px;
    opacity: 0.4;
}

.slide-cont-wrap {
    z-index: 1;
}

#sync1 video[controls]::-webkit-media-controls-panel {
    display: none !important;
    opacity: 0 !important;
}

#sync1 video[controls]::-moz-media-controls-panel {
    display: none !important;
    opacity: 0 !important;
}

.slidehead .mainhead {
    z-index: 99;
    position: absolute;
    top: 38%;
    color: #fff;
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 23px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, .2) 0px 1px 1px;
}

.mmi_social_icons {
    padding: 0;
    margin: 0;
    align-items: center;
    list-style: none;
    display: flex;
}

.mmi_social_icons li:first-child {
    padding-left: 0;
}

.mmi_social_icons li {
    padding: 5px 10px;
}

.footer-top-menu li a {
    color: #fff;
}

.mmi_social_icons li img {
    height: 18px;
}

.slidesheads {
    font-size: 38px;
    line-height: 41px;
    font-weight: 800;
    color: #fff;
}

.slidesheads span {
    color: #FFE7D6;
}

.sldesvgs {
    height: 42px;
}

.svgs-slides-parts {
    display: flex;
    color: #FFE7D6;
    align-items: center;
    margin-bottom: 78px;
    font-size: 20px;
    line-height: 24px;
}

.svgs-slides-parts a {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 400;
}

.container-fluid video {
    margin-top: 120px;
}

.owl-carousel .sldesvgs {
    width: unset !important;
    margin-right: 10px;
}

.svgs-slides-partsmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -18px 78px;
}

.svgs-slides-parts p {
    text-align: left;
}

/*who*/
.who-we-are .head {
    color: #000000;
    font-size: 30px;
    line-height: 42px;
    font-weight: 800;
    margin-bottom: 15px;
}

.who-we-are .paras {
    color: #5E5E5E;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.who-wrappers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    background: #EEF2FF;
    border-radius: 30px;
    align-items: center;
    padding: 102px 50px;
}

.who-we-are .main-wraps {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.who-img {
    width: 100%;
    border-radius: 35px;
}

.who-we-are .img-head {
    font-size: 30px;
    line-height: 36px;
    font-weight: 800;
    color: #000;
    margin-bottom: 18px;
}

.who-we-are .img-para {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin-bottom: 18px;
    text-align: left;
}

/*who*/


/*companyabtcrd*/
.companyabtcrd {
    background-image: url(../images/products.png);
}

.companyabthead {
    font-size: 30px;
    line-height: 42px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.companyabtcrd .crd-cnt .heading {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 11px;
}

.unitbox .para {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.unitbox .cardss {
    border: 1px solid #C5C5C5;
    border-radius: 6px;
}

.companyabtcrd .crd img {
    transition: all ease-in-out 0.5s;
}

.companyabtcrd .crd img:hover {
    transform: scale(1.2);
    border-radius: 6px;
}

.companyabtcrd .crd {
    overflow: hidden;
}

.companyabtcrd .crd-cnt {

    background: #fff;
    border-radius: 6px;
    margin-top: -7px;
}

.companyabtcrd .cardss {
    border: 1px solid #C5C5C5;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}

.companyabtcrd .para {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #5E5E5E;
}

.companyabtcrd .crd {
    transition: all 0.4s;
    transition: all 0.4s;
}

.crd-cnt {
    padding: 25px 18px 52px 18px;
}

.abt-crds-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 27px;
}

.abt-crds-wrap .crd img {
    width: 100%;
    border-radius: 6px 6px 0px 0px;
}

.companyabtcrd-btn {
    justify-content: center;
    margin-top: 46px;
}

.companyabtcrd .read {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    line-height: 19px;
    color: #F18F4A;
    text-decoration: none;
    display: flex;
    gap: 10px;
}

/*companyabtcrd*/


/*companyabtcrd*/
.mygadgetsparas {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #5E5E5E;
}

.gadgets .head {
    line-height: 42px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
}

.trackercrds {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    justify-content: center;
}

.trackercrd-wrap {
    width: 24%;
    text-align: center;
}

.crd-wrap {
    background: #fff;
    border-radius: 12px;
    padding: 24px 41px;
    border: 1px solid #D2D2D2;
}

.cards .headline {
    font-size: 16px;
    margin-top: 25px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
}

/*companyabtcrd*/

/*actionable*/
.actionable {
    background-image: url(../images/actionable.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.actionable .head {
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    color: #fff;
}

/*actionable*/
.menusuls li {
    position: relative;
}

.menusuls li>div {
    position: absolute;
    z-index: 33333;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s;
    margin-left: -50px;
}

.menusuls li ul {
    background: #fff;
    padding: 15px;
    margin-top: 30px;
    width: 250px;
    border-radius: 10px;
    display: block;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 10px;
}

.menusuls li:hover>div {
    opacity: 1;
    pointer-events: all;
    margin-top: 0;
}

.menusuls li:hover>div:after {
    opacity: 1;
}

.menusuls li ul>li {
    padding: 0px;
}

.menusuls li>div:after {
    content: "";
    position: absolute;
    left: 100px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #fff;
    opacity: 0;
    transition: all .25s;
    z-index: 999;
    top: 27px;
}

.menusuls li ul li a {
    padding: 10px 15px;
    font-size: 14px;
    display: block;
}




.owl-carousel.owl-drag .owl-item {
    background-color: #101323;
}

.menusuls li.parents>a::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 24%;
    background: url(https://cdn-public.mappls.com/about-mappls/assets/images/arrow-right.png) right center no-repeat;
    background-size: 24px auto;
    height: 24px;
    transform: rotate(90deg);
    width: 24px;
}


li.second-level>a::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 24%;
    background: url(https://cdn-public.mappls.com/about-mappls/assets/images/arrow-right.png) right center no-repeat;
    background-size: 24px auto;
    height: 24px;

    width: 24px;
}

li.second-level>ul {
    background: #fff;
    padding: 15px;

    transition: all 0.3s;
    display: none;
    width: 250px;
    border-radius: 10px;
    display: block;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 10px;
    left: 90%;
    top: 0;
    z-index: 999;
    margin: 0;
}

.herobanner {
    position: relative;
}

@media(min-width:981px) {

    li.second-level:hover>ul {
        position: absolute;
        display: block !important;
    }

}

/*****************/
.mobile_d {
    display: none;
}
#gallery{max-height:96px; overflow:hidden;}

@media(max-width:980px) {
    li.second-level>a::after {
        background-position: right -2px;
    }
body .form {
    padding: 33px 20px;
}
    li.second-level>a {
        position: relative;
    }

    ul li.second-level>ul {
        position: static;
        background: #fff;
        padding: 0px 29px;
    }

    .mobile_d {
        display: block;
    }

    .desk_d {
        display: none !important;
    }

    .menusuls li.parents>a::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 30%;
    }

    body .col-module-list {
        top: 30px;
        margin: 0;
    }

    .menusuls li>div {
        position: static;
        transition: all 0.5s;
        height: 0;
        overflow: hidden;
        margin: 0;
    }

    li:hover>div {
        height: auto;
        padding: 0;
    }

    body .header ul>li {
        padding: 0;
    }

    body .uls-wrappers .menusuls.r-0 {
        margin: 0;
        padding: 30px 0;
    }

    .menusuls li.parents div li a {
        padding: 10px 45px;
        display: block;
        font-weight: 500;
    }

    .menusuls li ul {
        box-shadow: none;
        width: 100%;
        background-color: #f9f9f9;
    }

    .menusuls li.parents>a {
        position: relative;
    }

    .menusuls li>div:after {
        display: none;
    }

    .menusuls li ul {
        padding: 0px;
        margin: 0;
    }

    .menusuls.r-0 li a {
        color: #000;
        padding: 13px 30px;
        display: block;
        border-bottom: #00000008 1px solid;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 3px;
        right: 8px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    .hamburger input {
        display: flex;
        width: 40px;
        height: 32px;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
    }

    .hamburger span {
        display: flex;
        width: 29px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;
        background: #000;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 5px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;
    }

    .hamburger span:first-child {
        transform-origin: 0% 0%;
    }

    .hamburger span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }

    .hamburger.add_b span {
        opacity: 1;
        transform: rotate(45deg) translate(-3px, -15px);
        background: #36383F;
    }

  .hamburger.add_b span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

     .hamburger.add_b span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, 15px);
    }

    .uls-wrappers .menusuls {
        position: fixed;
        width: 336px;
        top: 53px;
        right: -100%;
        height: calc(100vh - 53px);
        box-shadow: -10px 11px 10px #00000021;
        margin: 0px -50px 0 0px;
        padding: 10px;
        background-color: #fff;
        -webkit-font-smoothing: antialiased;
        transform-origin: -100% 0%;
        transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }


    .menusuls.r-0 {
        right: 0;
        display: block;
    }

    .svgs-slides-parts p {
        font-size: 14px;
        display: block;
        width: 100%;
        padding-top: 10px;
        text-align: center;
    }

    .owl-carousel .owl-item img {

        display: block;
        margin: 0 auto;
    }

    .menusuls.r-0 li a {
        color: #000;
    }

    .pb-80 {
        padding-bottom: 40px;
    }

    .pt-80 {
        padding-top: 40px;
    }

    .projection_crds {
        width: 100% !important;
    }

    .projection_crds_wrapper {
        gap: 30px !important;
    }

    .projection-model-cards .projection_crds {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .projection-model-cards {
 order:2;
}

}

/*media queries*/
@media(max-width:1200px) {
    .container-fluid video {
        height: 100vh;
    }

    .svgs-slides-parts {
        margin-bottom: 38px;
        font-size: 18px;
        line-height: 20px;
        flex-wrap: wrap;
    }

    .svgs-slides-partsmain {
        padding: 10px 0px;
        margin: unset;
    }

    .header .uls-wrappers,
    .header ul {
        gap: 30px;
    }

    .trackercrd-wrap {
        width: 47%;
    }
}


@media(max-width:768px) {
    .slider .slide-cont-wrap .one {
        width: 94px;
        right: 50px;
        top: 167px;
    }

    .slider .slide-cont-wrap .three {
        top: 36px;
        right: 42px;
        width: 108px;
    }

    .slider .slide-cont-wrap .four {
        width: 112px;
        right: 42px;
        top: 285px;
    }

    .slider .slide-cont-wrap .five {
        right: 161px;
        width: 132px;
    }

    .slider .slide-cont-wrap .two {
        width: 102px;
        right: 238px;
        top: 250px;
    }

    .fourthslides {
        padding-top: 380px;
    }

    body div .p_log .img_logo img {
        max-height: 77px;
    }

    .who-we-are .img-head {
        font-size: 24px;
        line-height: 30px;
    }

    .main-wraps {
        padding: 15px 20px;
    }

    .primary-btn a,
    .secondary-btn a {
        padding: 8px 15px;


        line-height: 16px;
        font-size: 14px;
    }

    .who-wrappers {
        padding: 0;
        gap: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .who-wrappers .main-wraps {
        order: 2;
    }

    .who-wrappers>div {
        order: 1;
    }

    .who-wrappers>div img {
        border-radius: 35px 35px 0 0;
    }

    .slider .product-slider .item::before,
    .slider .product-slider .item::after {
        background: unset !important;
    }

    .who-we-are .paras {
        font-size: 14px;
        line-height: 18px;
    }

    .slidesheads {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 0px;
    }

    .product-slider .para {
        margin-top: 10px;
    }

    .explore .owl-stage {
        gap: 0;
    }

    .item::after {
        background-color: hsla(210, 50%, 1%, 60%);
    }

    .container {
        max-width: 100%;
    }

    .container-fluid video {
        height: 615px;
        object-fit: cover;
    }

    .slide-cont-wrap {
        width: 100%;
        top: 17% !important;

    }

    .one_slider .slide-cont-wrap {
        top: 32% !important;
    }

    .slidehead .mainhead {
        font-size: 36px !important;
        top: 300px !important;
        left: 0;
        right: 0;
    }

    .explore .product-slider {

        margin: 0px -15px;
    }

    .product-slider .mainhead {
        font-size: 36px;
        line-height: 35px;
    }

    .product-slider .para {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        margin-bottom: 36px;
    }

    .explore .heading {
        font-size: 24px;
        line-height: 22px;
    }




    .l-0 {
        position: fixed;
        left: 100%;
    }

    .abt-crds-wrap {
        grid-template-columns: 1fr;
    }

    .companyabtcrd {
        padding: 35px 0px 32px 0px;
    }

    .trackercrd-wrap {
        width: 100%;
    }

    .trackercrds {
        gap: 21px;
    }

    .gadgets .head {
        line-height: 42px;
        font-size: 24px;
    }

    .mygadgets {
        padding: 40px 0px;
    }

    .mygadgetsparas br {
        display: none;
    }

    .actionable .head {
        font-size: 26px;
        line-height: 32px;
    }

    .actionable {
        padding: 40px 0px;
    }

    .header ul li a {
        color: #fff;
    }

    .header .logo {
        width: 100px;
    }

    .uls-wrappers .primary-btn a {
        font-size: 12px;
        padding: 8px 15px;
    }

    .list_col {
        flex-wrap: wrap;
    }

    .list_col .dis_p,
    .team-section>div.team_boxes,
    .Str_Partners .Pr_div>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .herobanner h1 {
        font-size: 36px;
        line-height: normal;
    }



    .aboutabtcrd .about-crds-wrap {
        grid-template-columns: 1fr;
    }

    .team_m .trackercrds,
    .inner-w {
        max-width: 100%;
    }


}


/***************About_para*********************/

.herobanner {
    background: url(../images/about/aboutBanner.png) center top no-repeat;

    background-size: cover;
    height: 550px;
    display: flex;
    padding-top: 150px;
}

.herobanner h1 {
    font-size: 36px;
}

.herobanner>div {
    margin-top: 50px;
}

.para_g {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 20px 0 0 0;
}

.col-module-list {
    position: relative;
    top: -110px;
    margin-bottom: -80px;
}

.list_col {
    display: flex;
    gap: 20px;
    flex: 4;
    color: #5E5E5E;
}

.dis_p {
    flex: 0 0 calc(25% - 20px);
    max-width: 25%;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 14px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

.icon_mp {
    height: 90px;
    padding-top: 15px;
    text-align: center;
}

.dis_area h3 {
    font-size: 20px;
    text-align: center;
    color: #000;
    padding-bottom: 10px;
}

.dis_area p {
    font-size: 16px;
    text-align: center;
    padding-bottom: 14px;
}

.head_area {
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600;
}

.head_area h2 {
    color: #000;
    margin-bottom: 10px;
}

.about-crds-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 27px;
}

.about-crds-wrap .crd img {
    width: 100%;
    display: block;
    border-radius: 6px 6px 0px 0px;
}

.about-crds-wrap h6.heading {
    font-size: 18px;
    padding: 0px 0px 10px;
}

.about-crds-wrap .crd-cnt {
    background-color: #EEF2FF;
    border-radius: 0 0 10px 10px;
}

.team_m {
    background: url(../images/about/bg-dis.png) 0 0 no-repeat;
    background-size: cover;
}

.team_m h2 {
    color: #fff;
}

.team_m .trackercrds,
.inner-w {
    width: 900px;
    margin: 0 auto;
}

.team-section,
.Pr_div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.team-section>div {
    flex: 0 0 calc(33% - 25px);
}

.team-section .team_boxes {
    display: block;
    flex-wrap: wrap;
    background-color: #FFEFE3;
    border-radius: 15px;
    overflow: hidden;
}

.team_boxes img {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #C8D0E8;
}

.team_txt {
    border-radius: 0px 0px 15px 15px;
    flex: 0 0 100%;
}

.team_txt h3 {
    padding-bottom: 5px;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    cursor: pointer;
}

.team_txt {
    padding: 20px 25px;
}

.Str_Partners {
    text-align: center;
}

.Str_Partners .head h2 {
    font-size: 30px;
    padding: 0px 0px 25px;
}

.Str_Partners .head p.para_p {
    font-size: 18px;
    padding: 25px 0px 30px;
    font-weight: 600;
}

.Pr_div>div {
    flex: 0 0 calc(33% - 25px);
    border-radius: 15px;
    border: #eee 1px solid;
    padding: 20px;
    text-align: left;
}

.Pr_div>div p {
    padding-bottom: 20px;
}

.Pr_div>div p a {
    color: #ec8c49;
    text-decoration: none;
}

.Pr_div>div p a:hover {
    color: #000;
}

.Pr_div>div h4 {
    font-size: 20px;
    padding: 0px 0px 10px;
}

.p_log {
    padding: 40px 0;
}

.p_log .img_logo {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding-bottom: 30px;
}

.p_log .img_logo img {
    max-height: 136px;
}

.subHead_ac {
    font-weight: 600;
    font-size: 20px;
}

.cardss {
    background: #EEF2FF;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    align-content: flex-start;
    flex-wrap: wrap
}

.modal_shadow.addC_show {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
    display: flex;
    align-items: center;
}

.modal_shadow {
    position: fixed;
    top: 0;
    padding: 50px;
    z-index: 99999;
    background: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.inner_divBox {
    box-shadow: rgb(0 0 0 / 20%) 0 0 10px;
    border-radius: 10px;
    padding: 20px;
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
}

.close_box {
    text-align: right;
    height: 32px;
}

.content_mmi {
    max-height: 70vh;
    overflow: auto;
}

.inner_thums {
    float: left;
    margin-right: 30px;
    min-width: 250px;
}

.content_mmi p {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 30px;
}

.inner_thums h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 0px;
}

.content_mmi p {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 30px;
}

.close_box img {
    height: 16px;
    cursor: pointer;
}

#gallery {
    margin: 0;
    border: #eee 1px solid;
    border-left: none;
    border-right: none;
    padding: 10px 0;
}

#gallery div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#gallery .slick-track>div {
    padding: 0px 30px;
}

#gallery img {
    margin: 0px 4rem;
    width: auto !important;
    max-width: 100%;
}

#gallery .slick-arrow {
    display: none !important;
}

/**************************/

.HoverArrow {
    --arrowSpacing: 8px;
    --arrowHoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    --arrowHoverOffset: translateX(3px);
    position: relative;
    top: 1px;
    margin-left: var(--arrowSpacing);
    stroke-width: 2px;
    fill: none;
    stroke: currentColor
}

.HoverArrow--sizeSmall {
    --arrowSpacing: 4px;
    stroke-width: 1.5px
}

.HoverArrow__linePath {
    opacity: 0;
    transition: opacity var(--hoverTransition, var(--arrowHoverTransition))
}

.HoverArrow__tipPath {
    transition: transform var(--hoverTransition, var(--arrowHoverTransition))
}

@media (pointer:fine) {

    a:hover .HoverArrow__linePath,
    button:hover .HoverArrow__linePath {
        opacity: 1
    }

    a:hover .HoverArrow__tipPath,
    button:hover .HoverArrow__tipPath {
        transform: var(--arrowHoverOffset)
    }
}

@media (pointer:coarse) {

    a:active .HoverArrow__linePath,
    button:active .HoverArrow__linePath {
        opacity: 1
    }

    a:active .HoverArrow__tipPath,
    button:active .HoverArrow__tipPath {
        transform: var(--arrowHoverOffset)
    }
}


/*  */

/*footer*/
.footer {
    background: #fff;

}

.first-wrapper {
    flex-wrap: wrap;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.footer .logos {
    width: 154px;
}

.headings {
    font-size: 16px;
    line-height: 29px;
    color: #000;
    font-weight: 500;
}

.footparas,
.footparas a,
.locate a {
    color: #5E5E5E;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    gap: 12px;

}

.footparas a {
    display: flex;
    align-items: center;
}

.locate {
    display: flex;
    gap: 10px;
}

.second-wrapper ul li {
    list-style: none;
}

.second-wrapper ul li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 28px;
    color: #5E5E5E;
}

.second-wrapper ul li a:hover {
    color: #F18F4A;
}

.last-uls li a {
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    color: #5E5E5E;
    font-weight: 600;
}

.last-uls {
    display: flex;
    gap: 10px;
    list-style: none;
}

.contact-wrrapper {
    display: flex;
}

.newsltter-btn {
    border: 1px solid #707070;
    padding: 7px 21px;
    border-radius: 6px;
    display: flex;
    gap: 26px;
    align-items: center;
    justify-content: space-between;
}

#fname {
    border: none;
    outline: none;
}

.footer hr {
    background-color: #C5C5C5;
    border: 0;
    height: 1px;
    display: block;
}

/*footer*/




/***************Product_para*********************/
.trend_herobanner {
    background-image: url(../images/trend_herobanner.jpg);
    background-size: cover; background-position: right center;
    height: 500px;
    display: flex;
    padding-top: 60px;
}

.p_herobanner {
    background: url(../images/product/product_anner.png) center top no-repeat;

    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

.p_herobanner h1 {
    font-size: 36px;
}

.p_herobanner>div {
    margin-top: 50px;
}

.head h2 {
    padding-bottom: 10px;
}

.product_Indices h2 {
    font-size: 30px;
    font-weight: 700;
}

.inner_list {
    display: flex;
    gap: 25px;
    padding-top: 20px;
    flex-wrap: wrap;
}

.inner_list .list-box {
    flex: 0 0 calc(33% - 25px);
}

.list-box>div {
    background-color: #EEF2FF;
    border-radius: 10px;
    overflow: hidden;
}

.item_list {
    padding: 20px;
}

.item_list h4 {
    font-size: 18px;
    color: #000;
}

.item_list p {
    font-size: 14px;
    color: #5E5E5E;
    padding: 10px 0;
}

.item_list a {
    color: #F18F4A;
    font-weight: 500;
    text-decoration: none;
}

.bg_gray {
    background-color: #EEF2FF;
}

.product_Indices.bg_gray .list-box>div {
    background-color: #fff;
}

.trends_p {
    padding: 20px 0;
}

.trends p {
    font-size: 16px;
}

@media(max-width:768px) {
    .svgs-slides-parts a {
        display: block;
    }

    .p_herobanner {
        background-position: 95% bottom;
        position: relative;
    }

    .p_herobanner::after {
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(8, 8, 8, 1) 3%, rgba(255, 255, 255, 0) 80%);
        ;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .cont-wrap {
        position: absolute;
        bottom: 30px;
        z-index: 2;
    }

    .inner_list .list-box {
        flex: 0 0 100%;
    }
}




/**Sales projection**/
.sales_herobanner {
    background-image: url(../images/sales-projection.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

.sales-uls li,
.dis-uls li {
    list-style: none;
    margin-bottom: 10px;
    font-weight: bold;
}

.saleslist-box {
    flex: 0 0 calc(25% - 25px);
}

.saleslist-crd {
    border: 1px solid #D8D8D8;
    background: #fff !important;
    border-radius: 10px;
    height: 240px;
}

.salesimg {
    border-radius: 10px 10px 0px 0px;
}

.sales_item_list {
    padding: 16px 50px 20px 15px;

}

.sales_item_list p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #000000;
}

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

.breadcrumbsuls {
    display: flex;
    gap: 15px;
}

.breadcrumbsuls li {
    list-style: none;
}

.breadcrumbsuls li a {
    text-decoration: none;
    font-weight: 500;
}

.breadcrumbsone {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}
.fmcg_herobanner{position:relative;}
.breadcrumbstwos {
    color: #F18F4A;
    text-decoration: underline !important;
    font-size: 18px;
    line-height: 24px;
}

.projection-model .para {
    font-size: 16px;
    line-height: 18px;
    color: #5E5E5E;
}

.projection_crds_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.projection_crds {
    width: 46%;
    border: 1px solid #123499;
    text-align: left;
    padding: 24px 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.projection_crds_conts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
}

.projection_crds_conts .heads {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
}

.projection_crds_conts .paras {
    color: #5E5E5E;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.projection-model-cards {
    gap: 19px;
}

.cards .headline {
    font-size: 20px;
    margin-top: 25px;
    line-height: 24px;
    font-weight: bold;
}

.projection_head {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #000;
}

.product_list {
    justify-content: center;
}

/**Sales projection**/


/**District Potential**/
.districts_herobanner {
    background-image: url(../images/district-potential.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
    background-position: bottom;
}

.dis-uls li {
    font-weight: 400 !important;
}

.sales-uls li {
    font-weight: bold !important;
}

/**District Potential**/

/**Rular Potentials**/
.rular_herobanner {
    background-image: url(../images/potentials.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Rular Potentials**/
.mobfour {
    display: none;
}

.deskfour {
    display: block;
}


/**Sales projection**/
.sales_herobanner {
    background-image: url(../images/sales-projection.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

.sales-uls li,
.dis-uls li {
    list-style: none;
    margin-bottom: 10px;
    font-weight: bold;
}

.saleslist-box {
    flex: 0 0 calc(25% - 25px);
}

.saleslist-crd {
    border: 1px solid #D8D8D8;
    background: #fff !important;
    border-radius: 10px;
    height: 240px;
}

.salesimg {
    border-radius: 10px 10px 0px 0px;
}

.sales_item_list {
    padding: 16px 50px 20px 15px;

}

.sales_item_list p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #000000;
}

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

.breadcrumbsuls {
    display: flex;
    gap: 15px;
}

.breadcrumbsuls li {
    list-style: none;
}

.breadcrumbsuls li a {
    text-decoration: none;
    font-weight: 500;
}

.breadcrumbsone {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}

.breadcrumbstwos {
    color: #F18F4A;
    text-decoration: underline !important;
    font-size: 18px;
    line-height: 24px;
}

.projection-model .para {
    font-size: 16px;
    line-height: 18px;
    color: #5E5E5E;
}

.projection_crds_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.projection_crds {
    width: 46%;
    border: 1px solid #123499;
    text-align: left;
    padding: 24px 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.projection_crds_conts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
}

.projection_crds_conts .heads {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
}

.projection_crds_conts .paras {
    color: #5E5E5E;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.projection-model-cards {
    gap: 19px;
}

.cards .headline {
    font-size: 16px;
    margin-top: 25px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
}

.projection_head {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #000;
}

.product_list {
    justify-content: center;
}

/**Sales projection**/


/**Retail**/
.retails_herobanner {
    background-image: url(../images/retail_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Retail**/

/**Industries**/
.industries_herobanner {
    background: url(../images/industries_bg.png) center top no-repeat;
    background-size: cover;
    height: 500px;
    display: flex;
}

.industries a {
    text-decoration: none;
}

.industries .one {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/retail.png);
}

.industries .two {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/ecommerce.png);
}

.industries .three {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/bfsi.png);
}

.industries .four {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/energy.png);
}

.industries .five {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/fmcg.png);
}

.industries .six {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/urban-planning.png);
}

.industries .seven {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/telecom.png);
}

.industries .eight {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 51%, rgba(0, 0, 0, 1) 100%), url(../images/pharma.png);
}

.wrapbacks {
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    align-items: flex-end;
    display: flex;
    border-radius: 15px;
    background-position: center;
}

.real-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 36px;
}

.industries .paras {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 21px;
    margin-left: 25px;
    display: inline-block;
    position: relative;
}

.industries .paras:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.industries .paras:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/**Industries**/

/**Ecommerce**/
.ecommerce_herobanner {
    background-image: url(../images/eco_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Ecommerce**/

/**BFSI**/
.bfsi_herobanner {
    background-image: url(../images/bfsi_bgs.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**BFSI**/

/**Energy**/
.energy_herobanner {
    background-image: url(../images/energy_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}


.fmcg_herobanner {
    background-image: url(../images/fmcg-bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Energy**/

/**Case Studies**/
.case_herobanner {
    background-image: url(../images/case_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Case Studies**/

/**origin**/
.origin_herobanner {
    background-image: url(../images/origin_designation_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

.fcs_scoll {
    overflow-y: scroll;
    padding: 56px 0px;
    height: 476px;
    justify-content: unset !important;
}

.fcs_scoll::-webkit-scrollbar {
    width: 10px;
}

.fcs_scoll::-webkit-scrollbar-track {
    background: #D6DEF9;
    border-radius: 10px;
}

.fcs_scoll::-webkit-scrollbar-thumb {
    background-color: #F18F4A;
    border-radius: 10px;

}

.fcs_scoll_wrappers {
    padding: 0px 50px 0px 50px;
    display: flex;
    align-items: center;
}

/**origin**/

/**Risk Assesment**/
.risk_herobanner {
    background-image: url(../images/risk_assesment_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Risk Assesment**/

/**Category Trend Analysis**/
.category_herobanner {
    background-image: url(../images/categoty_trend_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Category Trend Analysis**/
.crd-icn {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width:768px) {
.deskfour{display:none!important;}
.mobfour{display:block!important;}
    .p_herobanner,
    .sales_herobanner,
    .districts_herobanner,
    .rular_herobanner,
    .retails_herobanner,
    .industries_herobanner,
    .ecommerce_herobanner,
    .bfsi_herobanner,
    .energy_herobanner,
    .case_herobanner,
    .origin_herobanner,
    .risk_herobanner,
    .category_herobanner,
    .urban_herobanner {
        background-position: 95% bottom;
        position: relative;
    }

    .p_herobanner::after,
    .sales_herobanner::after,
    .districts_herobanner::after,
    .rular_herobanner::after,
    .retails_herobanner::after,
    .industries_herobanner::after,
    .ecommerce_herobanner::after,
    .bfsi_herobanner::after,
    .energy_herobanner::after,
    .case_herobanner::after,
    .origin_herobanner::after,
    .risk_herobanner::after,
    .category_herobanner::after,
    .urban_herobanner::after {
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(8, 8, 8, 1) 3%, rgba(255, 255, 255, 0) 80%);
        ;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .cont-wrap {
        position: absolute;
        bottom: 30px;
        z-index: 2;
    }

    .inner_list .list-box {
        flex: 0 0 100%;
    }

    .saleslist-box {
        flex: 0 0 calc(100% - 0px);
    }

    .saleslist-crd {
        height: unset;
    }

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

    .projection_crds_wrapper {
        grid-template-columns: 1fr;
    }

    .projection_crds_conts {
        text-align: left;
    }

    .real-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .fcs_scoll_wrappers {
        padding: unset;
        gap: 0px;
        overflow: hidden;
    }

    .fcs_scoll {
        display: flex;
        justify-content: flex-start;
        padding: 0px 20px;
    }

    .breadcrumbsone,
    .breadcrumbstwos {
        font-size: 15px;
    }

    .breadcrumbsuls {
        gap: 7px;
    }

    .projection_crds_conts .paras {
        font-size: 16px;
        line-height: 24px;
    }

    .projection_crds_conts .heads,
    .product_Indices h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .who-we-are .img-head {
        text-align: left;
    }
}



/**Urban Planning**/
.urban_herobanner {
    background-image: url(../images/urban_planning_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Urban Planning**/

/**logistics**/
.logistics_herobanner {
    background-image: url(../images/logistics_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**logistics**/

/**Pharma**/
.pharmas_herobanner {
    background-image: url(../images/pharma_bgs.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
    position: relative;
}

/**Pharma**/

/**Telecom**/
.telecom_herobanner {
    background-image: url(../images/telecom_bg.png);
    background-size: cover;
    height: 500px;
    display: flex;
    padding-top: 150px;
}

/**Telecom**/
@media(max-width:768px) {

    .p_herobanner,
    .sales_herobanner,
    .districts_herobanner,
    .rular_herobanner,
    .retails_herobanner,
    .telecom_herobanner,
    .pharmas_herobanner,
    .logistics_herobanner {
        background-position: 95% bottom;
        position: relative;
    }

    .p_herobanner::after {
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(8, 8, 8, 1) 3%, rgba(255, 255, 255, 0) 80%);
        ;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .cont-wrap {
        position: absolute;
        bottom: 30px;
        z-index: 2;
    }

    .inner_list .list-box {
        flex: 0 0 100%;
    }

    .saleslist-box {
        flex: 0 0 calc(100% - 0px);
    }

    .saleslist-crd {
        height: unset;
    }

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

    .projection_crds_wrapper {
        grid-template-columns: 1fr;
    }

    .projection_crds_conts {
        text-align: left;
    }

    .cs {
        margin-top: 10px;
    }

    .enquiryform {
        padding: 100px 0px 50px 0px;
    }

    .form,
    .tab {
        width: 100%;
    }

    .req_input-wrapper {
        grid-template-columns: 1fr;
    }

    .terms_conditions {
        padding: 100px 0px 30px 0px;
    }

    .terms_conditions .headings {
        font-size: 29px !important;
    }
    .herobanner{background-image:url(../images/about_bg.png);}
    
      .cont-wrap br{display:none;}
     
}

.telsmain-wraps {
    display: flex
}

.tels-wraps {
    display: flex;
    flex-direction: column;
}

/**Contact Form**/
.form-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #B7E5FF;
    padding: 0px 100px;
}

.form {
    padding: 63px 50px;
    border: 1px solid #F18F4A;
    width: 546px;max-width:100%;
    margin: auto;
    border-radius: 10px;
}

.enquiryform {
    padding: 180px 0px 100px 0px;
}

.enquiryform form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.enquiryform .req_input {
    border-bottom: 1px solid #BFBFBF;
    outline: unset;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    padding-bottom: 30px;
    width: 100%;
    color: #7C7C7C;
    font-weight: 600;
    font-size: 16px;
}

.enquiryform .check_req_input {
    color: #7C7C7C;
    font-weight: 600;
    font-size: 16px;
}

.enquiryform .req_textarea {
    border: 1px solid #BFBFBF;
    outline: none;
    border-radius: 6px;
    width: 100%;
}

.enquiryform .textarea_pro {
    color: #7C7C7C;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.req_input-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.enquiryform .para,
.check_req_inputtwo {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #7C7C7C;
}

.enquiryform span a {
    color: #03111A;
    text-decoration: underline;
    font-weight: 600;
}

.switchs {
    display: grid;
    grid-template-columns: 8% 1fr;
    gap: 27px;
    align-items: center;
    margin:11px 0px 28px 0px;
}

.cntct-btn {
    padding: 11px 55px !important;
}

.btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    min-width: 150px;
}

.contact_btn a {
    color: #fff;
    background: #F18F4A;
    transition: 0.2s 0.1s;
    text-decoration: none;
    padding: 15px 55px;
    border-radius: 40px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switchs .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #EBEBEB;
    -webkit-transition: .4s;
    transition: .4s;
}

.switchs .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    top: 1px;
    bottom: 4px;
    background-color: #fff;
    box-shadow: #00000038 0px 0px 4px;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #F18F4A;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
 

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}






.tab {
    overflow: hidden;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.tab .cncts {


    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 15px;
    transition: 0.3s;
    font-size: 22px;
    line-height: 19px;
    color: #000;
    font-weight: 600;

    transition: .3s ease-in-out;
    background: none;
}

.tab .cncts:hover {
    background: unset !important;
    color: #F18F4A;
}

.tab .request {
    background-color: #fff;
    border: 1px solid #8F8F8F !important;
    border-radius: 0px 8px 8px 0px;
    color: #8F8F8F;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 15px;
    transition: 0.3s;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.tab .request:hover {
    background-color: #8F8F8F;
    color: #fff;
}

.tab button:hover {
    background-color: #ddd;
}

.tabcontent {
    display: none;
    padding: 0px 12px;
}

/**Contact Form**/


/**Terms and Conditions**/
.terms_conditions .headings {
    color: #000;
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 29px;
}

.terms_conditions .para {
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.terms_conditions span {
    font-weight: 600;
}

.terms_conditions ul .myli {
    list-style: none;
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.sec-lis {
    list-style: inside;
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

/**Terms and Conditions**/
.hero-slider .owl-carousel button.owl-dot {

    margin: 0px 4px;
    height: 10px;

    bottom: 21px;
    width: 18px !important;
}

/************Form**************/

.m-p-7 {
    padding: 60px 0
}

#eveything .mmi_Partners_sec .row>div {
    display: flex;
}

.mmi-top-fotter {
    background: #03192F;
    padding: 40px 0;
}

.mmi-top-fotter .mmi-txt2 h2 {
    padding-bottom: 0px;
}

.mmi-top-fotter .mmi-txt2 h2,
.mmi-top-fotter .mmi-txt2 p {
    color: #fff;
    text-align: center;
}

.mmi-top-fotter .mmi-txt2 p {
    font-size: 20px;
}

.banner-bt a.active:hover,
.mmi-top-fotter .banner-bt a.active:hover,
.banner-bt a.active:focus {
    opacity: 1;
    color: #F18F4A
}

.mmi-top-fotter .banner-bt {
    text-align: center;
    display: flex;
    justify-content: center;
}

.mmi-bottom-fotter {
    color: #eee;
    text-align: center;
    background: #03192F;
    border-top: rgba(255, 255, 255, 0.2) 1px solid;
    padding: 16px 0px;
}

.mmi-bottom-fotter p {
    margin: 0;
    font-size: 14px;
}



.material-form-group {
    position: relative;
    padding-top: 12px;
    padding-bottom: 6px;
    transition: all .25s ease-out
}

.material-form-group label {
    z-index: 2;
    position: absolute;
    font-size: 15px;
    top: 10px;
    font-weight: 500;
    transition: all .25s ease-out;
    pointer-events: none
}

.material-form-group.focus label,
.material-form-group:not(.pristine) label {
    top: -3px;
    font-size: 12px;
    pointer-events: all;

}

.material-form-group.focus label {
    color: #F18F4A !important;
}

.material-form-control:focus label {
    color: #F18F4A !important;
}

.material-form-group:not(.pristine) .reveal-password-toggle {
    display: block
}

.material-form-group.focus,
.material-form-group.has-error {
    margin-bottom: 0
}

.material-form-group.has-error .material-form-control {
    border-bottom-color: #f22f46;
    box-shadow: 0 1px 0 #f22f46;
    margin-bottom: 0
}

.material-form-group.has-error {
    padding-bottom: 30px
}

.material-form-control {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    padding: 6px 0 4px;
    display: block;
    border: 1px solid transparent;
    border-bottom-color: #b6cbe2;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    transition: all .25s ease-out;
    border-radius: 0;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
}

.material-form-control:focus {
    border-bottom-color: #F18F4A;
    outline: none;
}

.material-form-control:fill {
    background: #fff;
}

.material-form-control:-webkit-autofill,
.material-form-control:-webkit-autofill:active,
.material-form-control:-webkit-autofill:focus,
.material-form-control:-webkit-autofill:hover {
    /*-webkit-box-shadow:0 0 0 30px #fff inset!important*/
    background: #fff;
}

.content_mmi h2 {
    padding-bottom: 30px
}
.submit-bt {padding-top: 40px;}
.submit-bt .button-btn {
    width: 100%;
    cursor: pointer;
    padding: 19px 0px;
    font-size: 18px;
    font-weight: 600;
    background: #F18F4A;
    border: 0;
    border-radius: 45px;
    color: #fff;
}
.banner-bt a:hover{background: transparent!important; opacity: 0.8}

.form textarea {
    width: 100%;
    border: 1px solid #B6CBE2;
    border-radius: 5px;
    min-height: 85px;
    font-size: 14px;
    font-weight: 500;
    resize: none;
    font-family: 'Montserrat', sans-serif;
    outline: 0px;
    padding: 15px;
}

.readmore_b{display:flex;padding:30px 0px 0;}
.readmore_b a{    padding: 12px 30px;
    background: #ec8c49;
    color: #fff;
    border-radius: 42px;
    text-decoration: none;
    font-size: 16px;}
    .poweredby{
    font-size: 16px;
    padding-top: 10px;
 
    font-weight: 500;}
    
    .readmore_link{color:#ec8c49;  text-decoration: none;}.readmore_b
        .slidesheads{padding-top:20px;}
    .slidesheads_second{ font-size: 24px;
    line-height: 27px;
    font-weight: 800;
    color: #fff;
    padding: 15px 0 0 0;}
    
    
    @media(max-width:767px){
        .para_g p{ font-size:14px;}
        .slidesheads_second {
    font-size: 18px;
    line-height: 26px;}
    }