h1, h2, h3, h4, h5, h6 {
    text-transform: initial !important;
}

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.div1 {
    order: 2;
}

.div2 {
    order: 1;
}

#can {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}

.width_100 {
    width: 100% !important;
}

.tgmenu__navbar-wrap ul li a, .tgmenu__action > ul li.header-search a {
    color: #fff;
    /*color: #3f3f3f;*/
}

.border-btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 29px;
    font-size: 14px;
}

    .border-btn:hover {
        background: var(--tg-theme-primary);
        color: var(--tg-color-white-default);
        border-color: var(--tg-theme-primary);
    }

.demo_btn {
    background: transparent;
    color: var(--tg-color-white-default);
    border-color: var(--tg-theme-primary);
    border: 1px solid #fff;
    /*color: #3f3f3f;
    border-color: #3f3f3f;
    border:1px solid #3f3f3f;*/
    color: #fff;
    border-color: #fff;
    border: 1px solid #fff;
}

.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {
    color: #fff;
    /*color: #3f3f3f;*/
}

.home-slide__overlay {
    background: linear-gradient(90deg, #020424 29.69%, rgba(10, 9, 53, 0) 89.58%);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

}

.e-con-full.e-flex, .e-con.e-flex > .e-con-inner {
    flex-direction: row;
}

.e-con > .e-con-inner {
    gap: 0px 0px;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: 100%;
}

.e-con.e-flex > .e-con-inner {
    flex-wrap: initial;
    justify-content: initial;
    align-items: center;
    align-content: initial;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto;
}

.elementor-11 .elementor-element.elementor-element-d2e11ab {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 0px 20px;
    --background-transition: 0.3s;
    --padding-top: 40px;
    --padding-bottom: 40px;
    --padding-left: 0px;
    --padding-right: 40px;
}

.elementor-11 .elementor-element.elementor-element-86799bc {
    --display: flex;
    --justify-content: center;
    --gap: 5px 5px;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-width: 0px 1px 1px 0px;
    --border-top-width: 0px;
    --border-right-width: 1px;
    --border-bottom-width: 1px;
    --border-left-width: 0px;
    border-color: #ECF2FD;
    --border-color: #ECF2FD;
    --padding-top: 30px;
    --padding-bottom: 30px;
    --padding-left: 15px;
    --padding-right: 15px;
}

.technologies_we_serve {
    padding: 120px 0;
}

    .technologies_we_serve .title {
        font-size: 40px;
    }

    .technologies_we_serve .subtitle {
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: 2.75rem;
        width: 100%;
        color: #ababab;
        line-height: 1.3;
    }

.industries_img_box {
    padding: 30px 15px;
}

    .industries_img_box img {
        width: 40px;
    }

    .industries_img_box p {
        margin-bottom: 0;
    }

    .industries_img_box:hover {
        box-shadow: 0 16px 47px rgb(181 184 189 / 25%);
    }

@media(max-width:480px) {
    .industries_img_box {
        padding: 20px 15px;
    }

    .border_top_xs {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border_right_xs {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .no_border_right_xs {
        border-right: none !important;
    }

    .technologies_we_serve p.subtitle {
        font-size: 18px;
        width: 100%;
    }
}


.Industris_we_serve_img {
    border-radius: 10px;
}

.slider__nav {
    display: flex;
    /*    position: relative;*/
    width: 100%;
    top: 50%;
    transform: none;
    /*    transform: translateY(-100%);*/
    z-index: 2;
}

    .slider__nav button.slider-button-prev {
        position: absolute;
        left: 36px;
        right: auto;
        top: 50%;
    }

    .slider__nav button.slider-button-next {
        background: #686868;
        position: absolute;
        left: auto;
        right: 55px;
        top: 50%;
        margin-top: 0px !important;
    }

        .slider__nav button.slider-button-prev:hover, .slider__nav button.slider-button-next:hover {
            background: #f66300;
        }

.footer__content p, .footer__newsletter p {
    color: #DCDCDC;
}

.footer__widget-title {
    color: #fff;
}
/*--------------------------------------------------------*/
.HomeBanner_homeBtnWrap__sofM9.visible {
    opacity: 1;
    transform: translateY(0);
    transition: .6s cubic-bezier(.13,.81,.44,1.01);
}

.HomeBanner_homeBtnWrap__sofM9 ul {
    padding: 0;
    margin: 0;
}

    .HomeBanner_homeBtnWrap__sofM9 ul li {
        flex: 0 0 20%;
        display: flex;
        text-align: center;
        width: 100%;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid hsla(0, 0%, 44%, .2);
        transition: all .3s ease-in-out;
        position: relative;
        z-index: 1;
    }

        .HomeBanner_homeBtnWrap__sofM9 ul li:before {
            background: hsl(0deg 0% 100% / 45%);
            transition: .3s ease;
            content: "";
            position: absolute;
            top: 40%;
            right: 0;
            bottom: 40%;
            left: 0;
            z-index: -1;
            opacity: 0;
        }

        .HomeBanner_homeBtnWrap__sofM9 ul li a {
            padding: 26px 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            cursor: default;
        }

            .HomeBanner_homeBtnWrap__sofM9 ul li a .HomeBanner_imgWrap__lFYhD {
                max-width: 35px;
                width: 100%;
                position: relative;
                margin: 0 30px 0 0;
            }

            .HomeBanner_homeBtnWrap__sofM9 ul li a h6 {
                color: #0e3b68;
                transition: .3s ease-in-out;
                margin-bottom: 0;
                font-size: 18px;
            }

        .HomeBanner_homeBtnWrap__sofM9 ul li:hover:before {
            top: 0;
            bottom: 0;
            opacity: 1;
        }

        .HomeBanner_homeBtnWrap__sofM9 ul li:hover h6 {
            color: #000;
        }

        .HomeBanner_homeBtnWrap__sofM9 ul li:hover svg path {
            fill: #000;
        }

@media (min-width: 1600px) {
    .HomeBanner_homeBtnWrap__sofM9 {
        bottom: 2.7777777778rem;
    }

        .HomeBanner_homeBtnWrap__sofM9 ul li {
            height: 140px;
        }
}

@media (min-width: 481px) {
    .HomeBanner_homeBtnWrap__sofM9 {
        margin-top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 20px;
        background: transparent;
        padding: 0;
        z-index: 5;
    }

        .HomeBanner_homeBtnWrap__sofM9 ul {
            display: flex;
            justify-content: center;
        }

            .HomeBanner_homeBtnWrap__sofM9 ul li {
                background: hsl(0deg 0% 100% / 80%);
                max-width: 400px;
                height: 120px;
                border-bottom: 0;
            }

                .HomeBanner_homeBtnWrap__sofM9 ul li a {
                    flex-direction: column;
                    justify-content: center;
                    padding: 0;
                }

                    .HomeBanner_homeBtnWrap__sofM9 ul li a .HomeBanner_imgWrap__lFYhD {
                        margin: 0 auto 18px;
                    }

                    .HomeBanner_homeBtnWrap__sofM9 ul li a h6 {
                        margin-bottom: 8px;
                    }

                .HomeBanner_homeBtnWrap__sofM9 ul li:after {
                    height: 65px;
                    width: 1px;
                    background: hsla(0, 0%, 100%, .05);
                    content: "";
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                }
}

@media(min-width:769px) {
    .HomeBanner_homeBtnWrap__sofM9 ul {
        column-count: 4;
    }

    .HomeBanner_homeBtnWrap__sofM9 {
        margin-top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 20px;
        background: transparent;
        padding: 0;
        z-index: 5;
    }

        .HomeBanner_homeBtnWrap__sofM9 ul li a .HomeBanner_imgWrap__lFYhD {
            margin: 0 auto 18px;
        }

        .HomeBanner_homeBtnWrap__sofM9 ul li a h6 {
            margin-bottom: 8px;
        }
}

@media(max-width:768px) {
    /*    .HomeBanner_homeBtnWrap__sofM9 ul {
        column-count: 2;
    }*/
    .page-section.why-kanda-section .why-kanda__envelop--active:nth-child(4) .why-kanda__item {
        display: none;
    }

    .home_banner_txt .banner_txt {
        font-size: 2.5rem !important;
    }

    .home_banner_txt {
        width: 85%;
    }

    .HomeBanner_homeBtnWrap__sofM9 ul li {
        flex: 0 0 25%;
    }
}

@media(max-width:480px) {
    .HomeBanner_homeBtnWrap__sofM9.visible {
        /*        background: #060827;*/
        background: #dbdbdb;
    }

    .HomeBanner_homeBtnWrap__sofM9 ul {
        column-count: 2;
    }

        .HomeBanner_homeBtnWrap__sofM9 ul li {
            border-bottom: none;
        }

            .HomeBanner_homeBtnWrap__sofM9 ul li a h6 {
                font-size: 16px;
                text-align: left;
            }

            .HomeBanner_homeBtnWrap__sofM9 ul li a .HomeBanner_imgWrap__lFYhD {
                margin: 0 15px 0 0;
            }
}
/*----------------------------------------------------------------*/
.counter__content-three {
    display: grid;
    grid-template-columns: 30% 70%;
}

@media(max-width:480px) {
    .counter__content-three {
        display: grid;
        grid-template-columns: 30% 70%;
    }
}
/*------------------------------------------------------------------*/
.Industries_main_div {
    padding: 90px 0;
}

    .Industries_main_div .container {
        margin: 0 auto;
        width: 60%;
    }

    .Industries_main_div .grid_div {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        column-gap: 1rem;
        row-gap: 1rem;
        text-align: left;
    }

        .Industries_main_div .grid_div .content_div {
            border: 1px solid #9abdd666;
            border-radius: 5px;
            padding: 15px;
            display: grid;
            row-gap: 4rem;
        }

            .Industries_main_div .grid_div .content_div img {
                width: 48px;
            }

            .Industries_main_div .grid_div .content_div p {
                font-size: 16px;
                color: #295a74;
                font-weight: 500;
            }

@media(max-width:480px) {
    .Industries_main_div .container {
        width: 100%;
    }
}
/*---------------------------------------------------*/
.counter__area-three {
    position: relative;
}

    .counter__area-three:before {
        /*content: "url("../../assets/img/choose_us_left_background_shape.png")";
  background:url("../../assets/img/choose_us_left_background_shape.png");
  width: 100%;
  display: block;*/


        content: '';
        display: block;
        width: 100%;
        background: url('../../assets/img/choose_us_left_background_shape.png') no-repeat center center;
        background-size: cover;
        position: absolute;
        z-index: 99999999 !important;
        left: 0;
        top: 0;
        background-size: cover;
    }
/*.counter__area-three::after{
    display: block;
    content: "";
    background-image: url("../../assets/img/choose_us_left_background_shape.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 9999999999;
    width: 100%;


    content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url('../../assets/img/choose_us_left_background_shape.png') 0 0 no-repeat;
  background-size: contain;
}*/
/*--------------------------------------------------------------*/
.technologies_we_serve, .Industries_main_div, .our_products, .counter__area-three {
    background: #f8fcff;
}

.our_products {
    padding-bottom: 90px;
}

    .our_products .container {
        background-image: radial-gradient(at 49% 0, #e3f2f8 0, transparent 50%), radial-gradient(at 69% 37%, #e2f2f9 0, transparent 50%), radial-gradient(at 38% 35%, #e2f2f9 0, transparent 50%), radial-gradient(at 15% 26%, rgba(225, 247, 254, .57) 0, transparent 50%), radial-gradient(at 75% 29%, rgba(225, 242, 249, .42) 0, transparent 50%), radial-gradient(at 62% 89%, rgba(188, 230, 240, .1) 0, transparent 50%), radial-gradient(at 32% 55%, rgba(219, 243, 255, .64) 0, transparent 50%), radial-gradient(at 93% 90%, rgba(165, 216, 233, .5) 0, transparent 50%), radial-gradient(at 94% 86%, rgba(185, 248, 234, .5) 0, transparent 50%), radial-gradient(at 16% 81%, #e0f7ff 0, transparent 50%), radial-gradient(at 90% 88%, rgba(185, 218, 212, .14) 0, transparent 50%), radial-gradient(at 98% 96%, rgba(156, 180, 196, .11) 0, transparent 50%);
        padding: 2rem;
        background-size: cover;
        margin: 0 auto;
        width: 60%;
        border-radius: 1.5rem;
    }

        .our_products .container h2 {
            font-size: 40px;
            margin-bottom: 25px;
        }

    .our_products .our_products_grid_view {
    }

        .our_products .our_products_grid_view ul {
            list-style-type: none;
            display: grid;
            grid-template-columns: repeat(4, 25%);
            column-gap: 0rem;
            row-gap: 1rem;
            text-align: left;
            padding: 0;
        }

            .our_products .our_products_grid_view ul li {
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
                transition-timing-function: cubic-bezier(.4,0,.2,1);
                transition-duration: .15s;
                border-radius: .75rem;
                padding: 25px;
                margin: 0px 9px;
                border-radius: 10px;
                background-image: linear-gradient(120deg, #ffffff80 0%, #ffffff20 100%);
                display: grid;
                row-gap: 5rem;
            }

                .our_products .our_products_grid_view ul li a {
                    display: grid;
                    row-gap: 1rem;
                }

                .our_products .our_products_grid_view ul li img {
                    height: 45px;
                }

                .our_products .our_products_grid_view ul li p {
                    margin-bottom: 0px;
                    font-size: 18px;
                    font-size: 1.25rem;
                    font-weight: 500;
                    color: #1b465e;
                }
/*----------------------------------------------------------------*/
.business_grow_div {
    background: #f8fcff;
    display: block;
    padding-bottom: 90px;
}

.tile-module--list--26_2B {
    display: flex;
    position: relative;
    z-index: 2;
    list-style-type: none;
    padding-left: 0;
}

.tile-module--item--1jmhZ {
    flex: 1 1 100%;
    color: #000;
    position: relative;
}

    .tile-module--item--1jmhZ:before {
        background-size: 125%;
        left: -50%;
        right: -50%;
        width: 200%;
        height: 150%;
        pointer-events: none;
    }

    .tile-module--item--1jmhZ:after, .tile-module--item--1jmhZ:before, .tile-module--tile--3zzdB:after {
        content: "";
        opacity: 0;
        will-change: opacity;
        transition: opacity .3s;
        position: absolute;
        display: inline-block;
    }

.tile-module--tile--3zzdB {
    text-decoration: none;
    border-radius: 12px;
    padding: 180px 30px 30px;
    height: 380px;
    border: 1px solid transparent;
    color: currentColor;
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 100%;
}

    .tile-module--tile--3zzdB:hover {
        background: #fff;
    }

    .tile-module--tile--3zzdB .tile-module--image--1oPcF {
        width: 120px;
        height: 120px;
        position: absolute;
        top: 30px;
        left: 10px;
    }

.mvp-module--wrapper--18fMI {
    position: absolute;
    width: 84px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 102px;
}

.mvp-module--satelliteA--1mevC {
    position: absolute;
    width: 7px;
    height: 7px;
    bottom: 0;
    right: 30%;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.mvp-module--satelliteB--8Ln3A {
    width: 12px;
    height: 12px;
    top: 0;
    right: 10%;
}

.mvp-module--satellite--1itza, .mvp-module--satelliteB--8Ln3A {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.mvp-module--planet--2bRP6 {
    width: 78px;
    height: 78px;
}

.mvp-module--planet--2bRP6, .mvp-module--rocket--ZNNY- {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.mvp-module--satellite--1itza, .mvp-module--satelliteB--8Ln3A {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.mvp-module--satellite--1itza {
    width: 45px;
    height: 45px;
    top: 50%;
    left: 50%;
}

.tile-module--title--bZnXL {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 34px;
}

.tile-module--text--isfL1 {
    font-size: 16px;
}

.tile-module--tile--3zzdB:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzMyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA5LjE5NTQzQzAuNDQ3NzE1IDkuMTk1NDMgMCA5LjY0MzE1IDAgMTAuMTk1NEMwIDEwLjc0NzcgMC40NDc3MTUgMTEuMTk1NCAxIDExLjE5NTRWOS4xOTU0M1pNMzEuNSAxMC4xOTU0TDMyLjE3NjkgMTAuOTMxNUMzMi4zODI4IDEwLjc0MjIgMzIuNSAxMC40NzUyIDMyLjUgMTAuMTk1NEMzMi41IDkuOTE1NjcgMzIuMzgyOCA5LjY0ODcgMzIuMTc2OSA5LjQ1OTM0TDMxLjUgMTAuMTk1NFpNMjIuMTc2OSAwLjI2MzkwMkMyMS43NzAzIC0wLjEwOTkyNiAyMS4xMzc3IC0wLjA4MzQxMDQgMjAuNzYzOSAwLjMyMzEyNUMyMC4zOTAxIDAuNzI5NjYxIDIwLjQxNjYgMS4zNjIyNyAyMC44MjMxIDEuNzM2MUwyMi4xNzY5IDAuMjYzOTAyWk0yMC44MjMxIDE4LjY1NDhDMjAuNDE2NiAxOS4wMjg2IDIwLjM5MDEgMTkuNjYxMiAyMC43NjM5IDIwLjA2NzdDMjEuMTM3NyAyMC40NzQzIDIxLjc3MDMgMjAuNTAwOCAyMi4xNzY5IDIwLjEyN0wyMC44MjMxIDE4LjY1NDhaTTEgMTEuMTk1NEgzMS41VjkuMTk1NDNIMVYxMS4xOTU0Wk0yMC44MjMxIDEuNzM2MUwzMC44MjMxIDEwLjkzMTVMMzIuMTc2OSA5LjQ1OTM0TDIyLjE3NjkgMC4yNjM5MDJMMjAuODIzMSAxLjczNjFaTTMwLjgyMzEgOS40NTkzNEwyMC44MjMxIDE4LjY1NDhMMjIuMTc2OSAyMC4xMjdMMzIuMTc2OSAxMC45MzE1TDMwLjgyMzEgOS40NTkzNFoiIGZpbGw9IiNEOTE5NjUiLz48L3N2Zz4=) scroll no-repeat 50% / contain;
    width: 32px;
    height: 20px;
    margin-top: 40px;
    bottom: 35px;
    left: 35px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    opacity: 0;
}

.tile-module--item--1jmhZ:after {
    background-color: #fff;
    border: 1px solid rgba(205, 208, 227, .295455);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    border-radius: 12px;
}

.tile-module--item--1jmhZ:after, .tile-module--item--1jmhZ:before, .tile-module--tile--3zzdB:after {
    content: "";
    opacity: 0;
    will-change: opacity;
    transition: opacity .3s;
    position: absolute;
    display: inline-block;
}

.product-module--satelliteB--xlh4Z {
    width: 16px;
    height: 16px;
    bottom: -10%;
    left: 30%;
}

.product-module--satelliteB--xlh4Z, .product-module--smallbox--2duTb {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.product-module--box--oyW0A {
    width: 74px;
    height: 74px;
}

.product-module--box--oyW0A, .product-module--smartphone--1nMLo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.product-module--satelliteB--xlh4Z, .product-module--smallbox--2duTb {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.product-module--smallbox--2duTb {
    width: 51px;
    height: 52px;
    bottom: 5%;
    right: -10%;
}

.product-module--box--oyW0A, .product-module--smartphone--1nMLo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.product-module--smartphone--1nMLo {
    width: 55px;
    height: 56px;
}

.product-module--brick--18oHV {
    position: absolute;
    width: 13px;
    height: 12px;
    top: 55px;
    left: 14px;
    transition: left .3s ease, transfrom .3s ease;
}

.product-module--satelliteA--JdqI6 {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 30%;
    right: -10%;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.team-module--satelliteA--1pRM3, .team-module--satelliteB--BuXDP {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.team-module--satelliteB--BuXDP {
    bottom: 15px;
    left: 4px;
    width: 9px;
    height: 6px;
}

.team-module--satelliteA--1pRM3 {
    width: 18px;
    height: 9px;
    top: 0;
    right: -10px;
}

.team-module--satelliteA--1pRM3, .team-module--satelliteB--BuXDP {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.team-module--ellipseA--1N6gL, .team-module--ellipseB--enLvj {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.team-module--ellipseA--1N6gL {
    width: 88px;
    height: 71px;
    top: 5px;
    left: -3px;
}

.team-module--ellipseB--enLvj {
    width: 84px;
    height: 74px;
    top: 20%;
    right: 23%;
}

.team-module--ellipseA--1N6gL, .team-module--ellipseB--enLvj {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.team-module--persons--2H4S5 {
    position: absolute;
    width: 46px;
    height: 41px;
    top: 42%;
    left: 34%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.digital-module--satelliteA--20D4Q, .digital-module--satelliteB--ZFmTp {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.digital-module--satelliteB--ZFmTp {
    bottom: 5px;
    right: 25px;
    width: 9px;
    height: 9px;
}

.digital-module--satelliteA--20D4Q {
    width: 13px;
    height: 15px;
    top: 5px;
    left: 10px;
}

.digital-module--satelliteA--20D4Q, .digital-module--satelliteB--ZFmTp {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.digital-module--triangleA--2Uudx, .digital-module--triangleB--2eUXZ {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.digital-module--triangleA--2Uudx {
    width: 78px;
    height: 87px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.digital-module--triangleB--2eUXZ {
    width: 65px;
    height: 59px;
    top: 20%;
    right: -13px;
}

.digital-module--triangleA--2Uudx, .digital-module--triangleB--2eUXZ {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.digital-module--clock--1PbbI, .digital-module--pie--3j-T- {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.digital-module--pie--3j-T- {
    width: 19px;
    height: 19px;
    top: 39%;
    left: 75%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.digital-module--clock--1PbbI {
    width: 51px;
    height: 38px;
    top: 33%;
    left: 22%;
}

.digital-module--clock--1PbbI, .digital-module--pie--3j-T- {
    position: absolute;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.tile-module--item--1jmhZ:hover:after, .tile-module--item--1jmhZ:hover:before, .tile-module--tile--3zzdB:hover:after {
    opacity: 1;
}

/*--------------------------------------------------------------*/
.service_grid_view {
    display: grid;
    grid-template-columns: 30% 70%;
    column-gap: 8rem;
}

    .service_grid_view .services_btn_div {
        display: flex;
        align-items: flex-start;
        row-gap: .25rem;
        flex-direction: column;
    }
/*.service_grid_view .services_btn_div{
    display: flex;
    align-items: flex-start;
    row-gap: .25rem;
    flex-direction: column;
}*/

/*-------------------------------------------------------------------------------*/

.Custom_Development_div {
}

    .Custom_Development_div .technology_tabs {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .Custom_Development_div .nav-tabs {
        border-bottom: 0px;
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;
    }

        .Custom_Development_div .nav-tabs .nav-item {
            /*    display: block;*/
        }

            .Custom_Development_div .nav-tabs .nav-item .nav-link {
                padding: 8px 20px;
                border-radius: 5px;
                font-size: 20px;
                border: 1px solid #ccc;
                margin-right: 15px;
                color: #9f9f9f;
            }

            .Custom_Development_div .nav-tabs .nav-item img {
                margin-right: 10px;
                width: 40px;
                filter: brightness(0) invert(0);
            }

            .Custom_Development_div .nav-tabs .nav-item i {
                margin-right: 10px;
                font-size: 30px;
                font-weight: 600;
            }

    .Custom_Development_div .nav-pills .nav-link.active img, .Technologies_we_use .nav-pills .show > .nav-link img {
        filter: brightness(0) invert(1);
    }

    .Custom_Development_div .nav-pills .nav-link.active {
        color: #fff;
    }

    .Custom_Development_div .technology_tabs .listing-icons {
        display: flex;
        list-style-type: none;
        padding-left: 0;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

        .Custom_Development_div .technology_tabs .listing-icons li {
            /*    width: 12%;*/
            text-align: center;
        }

            .Custom_Development_div .technology_tabs .listing-icons li img {
                margin-bottom: 10px;
            }


    .Custom_Development_div .card {
        padding: 30px;
        border-radius: 20px;
        margin-bottom: 25px;
        height: 272px;
        border: 1px solid #ccc;
    }

    .Custom_Development_div .card-headers {
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        padding-bottom: 15px;
        align-items: center;
    }

        .Custom_Development_div .card-headers img {
            margin-right: 15px;
        }

        .Custom_Development_div .card-headers h5 {
            margin-bottom: 0;
        }

    .Custom_Development_div .card .card-text {
        padding-top: 15px;
    }

@media(max-width:480px) {
    .Custom_Development_div .card {
        height: auto;
    }
}

/*----------------------------------------------------------*/
.Technologies_we_use {
    padding: 0px 0 90px;
    background: #f8fcff;
}

    .Technologies_we_use .technology_tabs {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .Technologies_we_use .nav-tabs {
        border-bottom: 0px;
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;
    }

        .Technologies_we_use .nav-tabs .nav-item {
            /*    display: block;*/
        }

            .Technologies_we_use .nav-tabs .nav-item .nav-link {
                padding: 8px 20px;
                border-radius: 5px;
                font-size: 20px;
                border: 1px solid #ccc;
                margin-right: 15px;
                color: #9f9f9f;
            }

            .Technologies_we_use .nav-tabs .nav-item img {
                margin-right: 10px;
                width: 40px;
                filter: brightness(0) invert(0);
            }

            .Technologies_we_use .nav-tabs .nav-item i {
                margin-right: 10px;
                font-size: 30px;
                font-weight: 600;
            }

    .Technologies_we_use .nav-pills .nav-link.active img, .Technologies_we_use .nav-pills .show > .nav-link img {
        filter: brightness(0) invert(1);
    }

    .Technologies_we_use .nav-pills .nav-link.active {
        color: #fff;
    }

    .Technologies_we_use .technology_tabs .listing-icons {
        display: flex;
        list-style-type: none;
        padding-left: 0;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

        .Technologies_we_use .technology_tabs .listing-icons li {
            /*    width: 12%;*/
            text-align: center;
        }

            .Technologies_we_use .technology_tabs .listing-icons li img {
                margin-bottom: 10px;
            }

@media(max-width:480px) {
    .Technologies_we_use .nav-tabs .nav-item .nav-link {
        padding: 5px 10px;
        border-radius: 3px;
        font-size: 17px;
        border: 1px solid #ccc;
        margin-right: 3px;
    }

    .Technologies_we_use .nav-tabs .nav-item img {
        margin-right: 3px;
        width: 28px;
    }
}

/*------------------------------------------------*/
.modal_bg_color {
    background: #000000;
    opacity: 0.8 !important;
}

.modal-open {
    padding-right: 0px !important;
}

.custom_dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-width: 800px !important;
    width: 800px !important;
    z-index: 1;
    border-radius: 0px;
}

    .custom_dialog .modal-content {
        border-radius: 0px;
        font-size: 16px;
        background: #2d2d2d;
        border: 1px solid #505050;
        box-shadow: 0px 0px 10px 4px #ffffff2e;
        text-transform: capitalize;
    }

    .custom_dialog .modal-header {
        border-bottom: 2px solid #3e3e3e;
    }

        .custom_dialog .modal-header .modal-title {
            color: #fff;
            font-size: 17px;
            text-transform: capitalize;
            letter-spacing: 1px;
        }

        .custom_dialog .modal-header .btn-close {
            font-size: 14px;
            background-color: #6b6b6b;
        }

    .custom_dialog .modal-body {
        min-height: 300px;
        max-height: 500px;
        overflow: auto;
    }

        .custom_dialog .modal-body .modal_content_div {
            margin-bottom: 0px;
            padding: 15px 0px;
            border-bottom: 1px solid #3f3f3f;
        }

            .custom_dialog .modal-body .modal_content_div h6 {
                text-transform: capitalize;
                color: #FFA800;
                margin-bottom: 5px;
            }

            .custom_dialog .modal-body .modal_content_div a {
                color: #fff;
                font-size: 14px;
            }

            .custom_dialog .modal-body .modal_content_div p a {
                color: #FFA800;
            }

            .custom_dialog .modal-body .modal_content_div p {
                color: #fff;
                font-size: 14px;
                margin-bottom: 0px;
            }

.modal_content_div:last-child {
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.modal_content_div .custom_table .table > :not(caption) > * > * {
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.modal_content_div .custom_table .table {
    margin-bottom: 0px;
}

@media(max-width:768px) {
    .custom_dialog {
        max-width: 95% !important;
        width: 95% !important;
    }
}

@media(max-width:480px) {

    .custom_dialog {
        max-width: 95% !important;
        width: 95% !important;
        margin: 0;
    }

        .custom_dialog .modal-body {
            min-height: 300px;
            max-height: 600px;
            overflow: auto;
        }
}
/*-----------------------------------------------------*/
.yellow_color {
    color: #FFA800;
}

.mb_0 {
    margin-bottom: 0px !important;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_15 {
    margin-bottom: 15px !important;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_40 {
    margin-top: 40px;
}

.tgmenu__navbar-wrap ul li a {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 24px 16px;
}

    .tgmenu__navbar-wrap ul li a:hover {
        font-size: 15px;
        text-transform: capitalize;
        font-weight: 500;
        padding: 24px 16px;
    }

.my_login_btn {
    padding: 8px 10px;
    border-radius: 5px;
    border-color: #fff;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}

.sticky-menu {
    background: #2e2e2e;
}

.tg-header__top {
    /*background-color: #2e2e2e;*/
    /*background-color: #001149;*/
    /*background-color: #0e3b68;*/
    background-color: #061f5f
}

.tg-header__top-social .list-wrap li a::before {
    display: none;
}

.tg-header__top-social .list-wrap li img {
    height: 40px;
}

.tgmenu__nav .logo img {
    max-height: 50px;
    filter: brightness(0) invert(1);
}

.tgmenu__action > ul li.header-btn a span {
    transform: scaleX(-1);
    color: #fff;
}

.slider__area-two {
    /*	background-color: #0A0E14;*/
    background-color: #4d4e50;
    position: relative;
    height: 800px;
}

    .slider__area-two .home-banner video {
        background-color: rgb(77, 78, 80);
        position: relative;
        height: 800px;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        object-fit: cover;
    }
/*.slider__area-two:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 2;
    background-color: #ffffffdb;
    width: 100%;
    height: 100%;
}*/
.about-area img.bg_imgs {
    z-index: -1;
}
/*.about-area::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 4%);
    z-index: -1;
}*/

.slider__bg-three.swiper-slide-active .slider__shape, .slider__bg-two.swiper-slide-active .slider__shape, .slider__bg.swiper-slide-active .slider__shape {
    animation: zoom_in1 30s alternate linear infinite;
    will-change: transform;
}

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

    100% {
        transform: scale(1.3);
    }
}

.slider__shape {
    top: 0px;
    background-position: top;
    /*opacity: 0.17 !important;
    opacity: 0 !important;*/
}

/*.tg-header__area {
    position: absolute;
    background-color: transparent;
    top: 15px;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    height: auto;
    border-bottom: 1px solid rgba(253, 253, 253, 0.3098039216);
    border-bottom: none;
}*/
.tg-header__area {
    position: absolute;
    background-color: #ff000000;
    /* top: 15px; */
    /* left: 0; */
    padding: 10px 0;
    width: 100%;
    z-index: 999;
    height: auto;
    border-bottom: 1px solid rgba(253, 253, 253, 0.3098039216);
    border-bottom: none;
}

.sticky-menu {
    position: fixed !important;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    z-index: 99999 !important;
    /*    background: #0E3B68;*/
    background: #fff;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    /*    box-shadow: 0 10px 15px rgb(255 255 255 / 10%);*/
    box-shadow: 0 10px 15px rgb(0 0 0 / 18%);
    border-radius: 0;
}

.tgmenu__navbar-wrap ul li .sub-menu {
    border-radius: 5px;
    padding: 10px 0;
}

    .tgmenu__navbar-wrap ul li .sub-menu li a {
        color: #000;
        padding: 5px 15px 5px 15px;
        letter-spacing: 0px;
        text-transform: capitalize;
    }

.tgmenu__action > ul li.header-btn {
    margin-left: 15px;
}

.tgmenu__navbar-wrap ul li .sub-menu li > a:hover ~ .tgmenu__main-menu li.menu-item-has-children > a::after {
    transform: rotate(180deg);
}
/*------------------------------------------------------*/
.header_text {
    text-align: center;
}

    .header_text h2.title {
        margin-bottom: 0px;
        color: var(--tg-color-white-default);
        text-transform: capitalize;
        font-size: 3.5rem;
        line-height: 1.5;
    }

        .header_text h2.title.border_text {
            /*	color: #07090d;*/
            color: #303132;
            text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
            letter-spacing: 3px;
        }

.slider__content-two .title {
    position: relative;
    z-index: 1;
}

    .slider__content-two .title span {
        color: #FFA800;
    }

.slider__content-two .subtitle {
    margin-top: 15px;
    color: #c5c5c5;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
    -webkit-animation-duration: 0.8s !important;
    animation-duration: 0.8s !important;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-name: fadeInUp21 !important;
    animation-name: fadeInUp21 !important;
}

@keyframes fadeInUp21 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slider__content-two .registerNow_btn {
    color: #fff;
    background: #FFA800;
    padding: 8px 24px;
    border-radius: 35px;
    font-weight: 600;
    letter-spacing: 1px;
}

    .slider__content-two .registerNow_btn:hover {
        background: #b37600;
    }

.grid_view_head {
    display: grid;
    /*  grid-template-columns: auto auto auto auto;*/
    grid-template-columns: repeat(4, 1fr);
    column-gap: 3rem;
    width: 60%;
    margin: 0 auto;
    margin-top: 40px;
}

    .grid_view_head .grid_div {
        /*	border: 1px solid red;*/
        padding: 20px;
        border-radius: 15px;
        background-image: linear-gradient(to bottom right, #787878, #434343);
    }

        .grid_view_head .grid_div img {
            width: 70px;
            margin-bottom: 15px;
        }

        .grid_view_head .grid_div h6 {
            font-size: 15px;
            font-weight: 500;
        }

.custom_container_data {
    margin-top: 6rem;
}
/*.slider__bg-two{
	min-height: 750px;
}*/
.slider__bg-two {
    min-height: 800px;
}

.offCanvas__info1 {
    background: #fff none repeat scroll 0 0;
    width: 450px;
    box-shadow: 0px 0px 28px -3px #626262;
    /*	background-image: url('../../assets/img/sidebar_img.png');*/
}

.tg-header__area.sticky-menu {
    padding: 10px 0;
}

    .tg-header__area.sticky-menu .tgmenu__nav .logo img {
        filter: none;
    }

    .tg-header__area.sticky-menu .tgmenu__navbar-wrap ul li a, .tg-header__area.sticky-menu .tgmenu__action > ul li.header-search a {
        color: #3f3f3f;
    }

    .tg-header__area.sticky-menu .demo_btn {
        color: #3f3f3f;
        border-color: #3f3f3f;
        border: 1px solid #3f3f3f;
    }

        .tg-header__area.sticky-menu .demo_btn:hover {
            background: var(--tg-theme-primary);
            color: var(--tg-color-white-default);
            border-color: var(--tg-theme-primary);
        }

.offCanvas__close-icon {
    margin-top: 0px;
    position: absolute;
    right: 30px;
}

.offCanvas__side-info {
    padding-top: 10px;
    border-top: 1px solid #bdbdbd;
}
/*.offCanvas__close-icon button{
    color: #ffffff;
}*/
.right_sidebar_ul {
    list-style-type: none;
    padding: 0;
}

    .right_sidebar_ul li {
        border-bottom: 1px solid #ffffff1c;
        padding: 15px 0px;
    }

        .right_sidebar_ul li:last-child {
            border-bottom: 0px solid #ffffff1c;
        }

        .right_sidebar_ul li a {
            color: #fff;
        }

            .right_sidebar_ul li a img {
                width: 30px;
                margin-right: 20px;
            }
/*------------------------------------------------*/
.chairman_msg_css {
    display: grid;
    grid-template-columns: 25% 75%;
    column-gap: 0rem;
    width: 82%;
    margin: 0 auto;
    border: 1px solid #FFA200;
    border-radius: 25px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}

    .chairman_msg_css::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/chairman_bg.jpg);
        opacity: 0.2;
    }

    .chairman_msg_css::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: -1;
    }

.chairman_img img {
    border: 2px solid #FFA200;
    border-radius: 25px;
}

.chairman_content {
    padding-left: 30px;
    position: relative;
    z-index: 1;
}

    .chairman_content h2.name {
        color: #FFA200;
        font-weight: 600;
        margin-bottom: 0;
    }

    .chairman_content .position {
        font-size: 14px;
        color: #b3b3b3;
    }

    .chairman_content .message {
        color: #fff;
    }

        .chairman_content .message.last_para {
            margin-bottom: 45px;
        }

.read_more_btn {
    border: 1px solid #FFA200;
    color: #fff;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: 500;
    display: inline-block;
}

    .read_more_btn:hover {
        border: 1px solid #FFA200;
        background-color: #FFA200;
        color: #000;
    }
/*--------------------------------------------------------*/
.about_itme_div {
}

.about_ITME_content {
}

    .about_ITME_content .subHead {
        color: #8E8E8E;
        margin-bottom: 0px;
        font-size: 20px;
        font-weight: 600;
    }

    .about_ITME_content p {
        color: #fff;
    }

        .about_ITME_content p.last_para {
            margin-bottom: 21px;
        }

    .about_ITME_content h3 {
        font-size: 2rem;
        background: -webkit-linear-gradient(right, #000000, #b5b5b5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about_ITME_content h6 {
        font-size: 1rem;
    }

    .about_ITME_content ul {
        list-style-type: none;
        color: #fff;
        padding-left: 0;
    }

        .about_ITME_content ul li {
            position: relative;
            padding-left: 30px;
            margin-bottom: 15px;
        }

            .about_ITME_content ul li:last-child {
                margin-bottom: 30px;
            }

            .about_ITME_content ul li::before {
                content: '' !important;
                display: inline-block;
                height: 16px;
                width: 16px;
                background-image: url('../../assets/img/check_img.png');
                background-size: cover;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                position: absolute;
            }

.About_org_img_div {
    position: relative;
}

    .About_org_img_div::before {
        content: '';
        border: 1px solid #ffffff;
        width: 510px;
        height: 430px;
        display: block;
        z-index: -1;
        position: absolute;
        top: -30px;
        left: 40px;
    }

    .About_org_img_div::after {
        content: '';
        border: 1px solid greenyellow;
        background: yellow;
        width: 200px;
        height: 100px;
    }

    .About_org_img_div .abt_org_img {
        border: 4px solid #FFF;
    }

.gtts_img {
    background: #212326;
    border: 1px solid #fff;
    position: absolute;
    bottom: 45px;
    right: -40px;
    width: 36%;
    text-align: center;
}

    .gtts_img img {
        /*display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url('../../assets/img/GTTS_Logo_without_year.jpg');
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;*/

        width: 100px;
        padding: 15px;
        text-align: center;
    }

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

.partners_section {
    /*background-color: #0A0E14;*/
    /*    background-color: #4d4e50;*/
    /*    background-color: #323334;*/
    background-color: #3a3a3a;
}

    .partners_section::before {
        content: '' !important;
        display: inline-block;
        height: 100%;
        width: 100%;
        background-image: url(../../assets/img/line-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        position: absolute;
        opacity: 0.3;
    }

    .partners_section .section__title-three .sub-title {
        font-size: 20px;
        margin-bottom: 0;
    }

.section__title .title {
    font-size: 40px;
}

.our_services {
    padding: 90px 0 90px;
}

    .our_services h2.title {
        font-size: 40px;
        line-height: 1.2;
        margin: 0 0;
        text-transform: uppercase;
        font-weight: 600;
        color: #121212;
    }

    .our_services p.subTitle {
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: 2.75rem;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 2.75rem;
        width: 68%;
        color: #ababab;
        line-height: 1.3;
        font-weight: 300;
    }

@media(max-width:480px) {
    .our_services p.subTitle {
        width: 100%;
    }
}
/*---------------------Vertical Tab Start -----------------------*/
.vertical_tab .content input {
    display: none;
}

.vertical_tab .content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    display: grid;
    grid-template-columns: 30% 70%;
    margin: 0 auto;
    width: 81%;
}

    .vertical_tab .content .list {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 94%;
        margin-right: 50px;
    }

        .vertical_tab .content .list label {
            cursor: pointer;
            height: 49px;
            line-height: 49px;
            font-size: 16px;
            font-weight: 500;
            color: #000;
            padding-left: 20px;
            transition: all 0.5s ease;
            z-index: 10;
            /*  border-left: 5px solid #787878;*/
            margin-bottom: 10px;
        }


    .vertical_tab .content .slider {
        position: absolute;
        left: 0;
        top: 0;
        height: 49px;
        width: 100%;
        border-radius: 0px;
        transition: all 0.5s ease;
        /*  background: red;*/
        color: red;
        /*  border-left: 5px solid #FFB800;*/
    }

    /*#home:checked ~ .list .slider{
  top: 0;
}

#blog:checked ~ .list .slider{
  top: 65px;
}

#help:checked ~ .list .slider{
  top: 130px;
}

#code:checked ~ .list .slider{
  top: 195px;
}

#about:checked ~ .list .slider{
  top: 260px;
}*/

    .vertical_tab .content .text-content {
        width: 100%;
        height: 100%;
        height: 400px;
        color: rgba(255, 255, 255, 0.7);
        border: 1px solid #9abdd666;
        padding: 2rem;
        border-radius: 20px;
    }

    .vertical_tab .content .text {
        display: none;
    }

        .vertical_tab .content .text .title {
            font-size: 25px;
            margin-bottom: 10px;
            font-weight: 500;
            color: #000;
        }

        .vertical_tab .content .text p {
            text-align: justify;
        }

    .vertical_tab .content .text-content .home {
        display: block;
    }

#Custom_Software_Development:checked ~ .text-content .Custom_Software_Development,
#Mobile_Application_Development:checked ~ .text-content .Mobile_Application_Development,
#UX_UI_Design:checked ~ .text-content .UX_UI_Design,
#Digital_Transformation:checked ~ .text-content .Digital_Transformation,
#QA_and_Testing:checked ~ .text-content .QA_and_Testing,
#Data_Analytics:checked ~ .text-content .Data_Analytics,
#Maintenance_and_Support:checked ~ .text-content .Maintenance_and_Support {
    display: block;
}

#Mobile_Application_Development:checked ~ .text-content .Custom_Software_Development,
#UX_UI_Design:checked ~ .text-content .Custom_Software_Development,
#Digital_Transformation:checked ~ .text-content .Custom_Software_Development,
#QA_and_Testing:checked ~ .text-content .Custom_Software_Development,
#Data_Analytics:checked ~ .text-content .Custom_Software_Development,
#Maintenance_and_Support:checked ~ .text-content .Custom_Software_Development {
    display: none;
}

#Custom_Software_Development:checked ~ .list label.Custom_Software_Development,
#Mobile_Application_Development:checked ~ .list label.Mobile_Application_Development,
#UX_UI_Design:checked ~ .list label.UX_UI_Design,
#Digital_Transformation:checked ~ .list label.Digital_Transformation,
#QA_and_Testing:checked ~ .list label.QA_and_Testing,
#Data_Analytics:checked ~ .list label.Data_Analytics,
#Maintenance_and_Support:checked ~ .list label.Maintenance_and_Support {
    color: #ffffff;
    border-radius: 5px;
    /*    background-image: linear-gradient(92deg, #36b68a .07%, #34b18b 11.97%, #33ab8c 22.91%, #31a68d 33.32%, #2fa08d 43.22%, #2d9b8d 53.12%, #2c958d 64.05%, #2a908c 74.99%, #28898a 87.49%, #278085 100.07%);*/
    background-image: linear-gradient(92deg, #215c97 .07%, #0e3b68 100.07%);
}

.vertical_tab .content .list label:hover {
    color: #288889;
}

@media(max-width:480px) {
    .vertical_tab .content {
        width: 100%;
        display: block;
        text-align: center;
    }

        .vertical_tab .content input {
            display: inline-flex;
            display: none !important;
        }

        .vertical_tab .content .text-content {
            padding: 1rem;
            height: auto;
        }

        .vertical_tab .content .list {
            display: block !important;
            width: 100% !important;
        }

            .vertical_tab .content .list label {
                padding: 0px 15px;
            }
}
/*-------------------Vertical Tab End -------------------------*/
.horizon_tab {
    display: none;
}

    .horizon_tab .content .home {
        display: block !important;
    }

    .horizon_tab .content label {
        padding-right: 0px !important;
        border-left: none !important;
        padding-left: 0 !important;
        /*    border-right: 1px solid #6c6c6c;*/
        padding: 0px 15px;
        height: auto !important;
        line-height: 1 !important;
        text-align: left !important;
        margin-bottom: 0px !important;
        width: 5%;
    }

        .horizon_tab .content label:hover {
            color: #FFB800 !important;
        }

        .horizon_tab .content label:last-child {
            border-right: 0px solid #6c6c6c !important;
        }

    .horizon_tab .content {
        display: flex;
        justify-content: flex-start;
    }


.slick-dots {
    text-align: left;
    bottom: 2rem;
    font-size: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 4rem;
    position: static;
    margin-top: 3rem;
    list-style: none;
    width: 100%;
}

    .slick-dots li {
        width: auto;
        margin: 0;
        position: relative;
        padding: 0 1rem;
        display: block;
        height: auto;
        font-size: 1.2rem;
        line-height: 1.2rem;
        background: 0 0;
        border: 0;
    }

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

        .slick-dots li a:not([href]):not([class]), .slick-dots li a:not([href]):not([class]):hover {
            color: #a6a7aa;
            text-decoration: none;
        }

        .slick-dots li::after {
            content: "";
            width: 1px;
            height: 100%;
            background: #4a4a4a;
            position: absolute;
            top: 0;
            right: 0;
        }

.img_content {
    margin-bottom: 15px;
}
/*---------------------------------------------------------*/
.award_section {
    position: relative;
    margin-top: 50px;
    border: 1px dashed #FFB800;
    padding: 30px;
    border-radius: 15px;
}

    .award_section .award_text p {
        margin-bottom: 0;
        text-align: center;
        margin-top: 15px;
        font-size: 15px;
    }

    .award_section .project__item {
        position: relative;
        z-index: 1;
        background: #fff;
        border: 1px solid #0a0e14;
        padding: 10px;
        border-radius: 5px;
    }

    .award_section .project__nav button, .Testimonial_section .project__nav button, .awrds_nav_btns .project__nav button {
        height: 45px;
        width: 45px;
        background: #ffb8002b;
        border: 1px solid #FFB800;
    }

        .award_section .project__nav button i, .Testimonial_section .project__nav button i, .awrds_nav_btns .project__nav button i {
            color: #FFB800;
        }

    .award_section::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/award-sec-bg.png);
        opacity: 1;
        border-radius: 15px;
    }

    .award_section::after {
        content: "";
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        /*	background:#0000008f;*/
        background: #3233348f;
        z-index: 0;
    }

    .award_section .mb-20, .award_section .project__nav {
        position: relative;
        z-index: 99999;
    }

    .award_section p.subTitle_txt {
        color: #898989;
    }
/*------------------------------------------------------------------*/
.promotional_videos {
    position: relative;
    padding: 90px 0px;
}

    .promotional_videos::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*    background-image: url(../../assets/img/bg_img.png);*/
        background-image: url(../../assets/img/bg_img_21.png);
        opacity: 1;
        border-radius: 0px;
    }

    .promotional_videos .section__title .title {
        font-size: 40px;
        background: -webkit-linear-gradient(bottom, #323232, #b5b5b5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

        .promotional_videos .section__title .title span {
            font-size: 20px;
            background: -webkit-linear-gradient(bottom, #323232, #b5b5b5);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.promotional_videos {
}

    .promotional_videos .choose-us__thumb {
        padding: 0px 0px;
        position: relative;
        z-index: 1;
    }

        /*.promotional_videos .choose-us__thumb::before, .promotional_videos .choose-us__thumb::after {
    position: absolute;
    content: "";
    width: 110px;
    height: 74px;
    border-radius: 5px;
    background: linear-gradient(90deg, #F69220 0.04%, #F68E20 28.67%, #F48421 54.05%, #F37221 78.11%, #F05A22 100.04%);
    right: 0;
    top: 0;
    z-index: -1;
}*/
        .promotional_videos .choose-us__thumb .img {
            border-radius: 5px 5px 5px 5px;
        }

    .promotional_videos .cover-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .promotional_videos .video-popup__button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(90deg, #F69220 0.04%, #F68E20 28.67%, #F48421 54.05%, #F37221 78.11%, #F05A22 100.04%);
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff !important;
        font-size: 26px;
        border-radius: 50%;
        transition: 0.2s linear;
    }

        .promotional_videos .video-popup__button:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: inherit;
            height: inherit;
            background: inherit;
            border-radius: 50%;
            -webkit-animation: pulse-border 1500ms ease-out infinite;
            animation: pulse-border 1500ms ease-out infinite;
            z-index: -1;
        }

    .promotional_videos .pipe-shape {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .promotional_videos .choose-us__thumb::after {
        top: auto;
        bottom: 0;
        border-radius: 99px 5px 5px 99px;
    }
/*-----------------------------------------------------------*/
.gallary_testimonial_section {
    position: relative;
    /*    background-color: #0A0E14;*/
    /*    background-color: #323334;*/
    background-color: #3a3a3a;
}

    .gallary_testimonial_section::before {
        content: '' !important;
        display: inline-block;
        height: 100%;
        width: 100%;
        background-image: url(../../assets/img/aboutus_desktop.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        position: absolute;
        opacity: 0.3;
    }

.gallary_section {
    margin-top: 0px;
    position: relative;
}

    .gallary_section .project__item {
        position: relative;
        z-index: 1;
        background: transparent;
        border: 0px solid #0a0e14;
        padding: 0px;
        border-radius: 5px;
    }

        .gallary_section .project__item img {
            border-radius: 10px;
        }

    .gallary_section::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*    background-image: url(../../assets/img/award-sec-bg.png);*/
        background-image: none;
        opacity: 1;
        border-radius: 15px;
    }

    .gallary_section::after {
        content: "";
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        background: #0000008f;
        z-index: 0;
        background: linear-gradient(180deg, #FFFFFF, #999999);
        opacity: 0.2;
    }

/*-------------------------------------------------------*/
.business-today {
    padding: 90px 0 0;
    background: #0e3b68;
}

    .business-today .business-today-sec {
        background-color: #0e3b68;
        border-radius: 11px;
        padding: 15px 50px 0 50px;
        color: #fff;
    }

        .business-today .business-today-sec h2 {
            font-size: 35px;
            line-height: 45px;
            font-weight: 700;
            color: #fff;
            text-transform: initial;
        }

        .business-today .business-today-sec p {
            margin-top: 0;
            margin-bottom: 1rem;
            color: #fff;
        }

        .business-today .business-today-sec .business-btn {
            border: 1px solid #fff;
            line-height: 20px;
            color: #fff;
            background: #0652dd;
            background: #0e3b68;
            border-radius: 100px;
            cursor: pointer;
            font-weight: 500;
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
            letter-spacing: .06em;
            text-transform: capitalize;
        }
/*---------------------------------------------------------------*/
.invite_section {
    position: relative;
    margin-top: 50px;
    border: 1px dashed #FFB800;
    padding: 70px 30px;
    border-radius: 15px;
}

    .invite_section::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/event_bg.jpg);
        opacity: 1;
        border-radius: 15px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }
/*.invite_section::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/bg_img3.png);
    opacity: 1;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}*/
.Invite_main_div {
    position: relative;
    text-align: center;
}

    .Invite_main_div h2.title {
        color: #FFC107;
        text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
        letter-spacing: 3px;
        font-size: 40px;
        margin-bottom: 15px;
    }

    .Invite_main_div p.subTitle_txt {
        font-size: 24px;
        color: #fff;
        margin-bottom: 15px;
    }

    .Invite_main_div .d-flex.align-items-center {
        justify-content: center;
        margin: 0 auto;
        width: 35%;
        background: #ffa80042;
        border: 1px solid #FFA800;
        border-radius: 5px;
        padding: 10px 15px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .Invite_main_div .d-flex.align-items-center {
        width: 38%;
    }
}


.Invite_main_div .d-flex.align-items-center .date_section {
    text-align: left;
    margin-right: 8%;
}

    .Invite_main_div .d-flex.align-items-center .date_section h6 {
        margin-bottom: 0;
        font-size: 23px;
        font-weight: 900;
        text-transform: capitalize;
        letter-spacing: 2px;
    }

    .Invite_main_div .d-flex.align-items-center .date_section p {
        margin-bottom: 0px;
        color: #adadad;
    }

.Invite_main_div .d-flex.align-items-center .JoinNow_btn {
    padding: 10px 15px;
    border-radius: 5px;
    background: #FFA800;
    border: 1px solid #FFA800 !important;
    color: #fff;
}
/*-------------------------------------------------------------------------*/
.download_app_section {
    /*	background-color:#0A0E14;*/
    background-color: #2e2e2e;
    padding: 90px 0;
}

    .download_app_section .container .col-md-4.col-sm-7 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

.context h6 {
    color: #FFB800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.context h3 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: initial;
}

    .context h3 span {
        color: #FFB800;
    }

.context p {
    color: #9B9B9B;
}

.subscribe_div {
    position: relative;
}

    .subscribe_div input {
        border-radius: 25px;
        font-size: 16px !important;
        height: 50px;
        outline: none;
        background: #ffffff47;
        border-color: transparent;
        padding: 20px;
    }

    .subscribe_div a {
        position: absolute;
        top: 6px;
        right: 7px;
        border-radius: 50px;
        padding: 10px 15px;
        background: #fff;
        color: #000;
        font-size: 16px;
        text-transform: capitalize;
    }
/*-----------------------------------------------------------------*/
.download_app_section .container {
    position: relative;
}

    .download_app_section .container .mobile_img {
        position: absolute;
        width: 32%;
        top: -145px;
        right: 0;
        z-index: 99999999999999999 !important;
    }

.scanner_div {
    text-align: center;
    position: relative;
}

    .scanner_div::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 103px;
        width: 100%;
        height: 100%;
        border-left: 1px solid #3a3a3a;
    }

    .scanner_div p {
        margin-top: 15px;
        margin-bottom: 0;
        color: #fff;
    }
/*------------------------------------------------------*/
.contact_details_section {
    background-color: #FFA800;
    padding: 30px 0;
    position: relative;
    z-index: -1;
}

    .contact_details_section .contact_grid_section {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 1rem;
        width: 100%;
        margin: 0 auto;
    }

        .contact_details_section .contact_grid_section .d-flex {
            background: #ffffff3b;
            border-radius: 10px;
            padding: 15px;
            align-items: center;
        }

            .contact_details_section .contact_grid_section .d-flex i {
                font-size: 30px;
                color: #0A0E14;
            }

            .contact_details_section .contact_grid_section .d-flex .content_div {
                padding-left: 15px;
            }

                .contact_details_section .contact_grid_section .d-flex .content_div h6 {
                    font-size: 18px;
                    color: #0A0E14;
                    margin-bottom: 0px;
                }

                .contact_details_section .contact_grid_section .d-flex .content_div p {
                    font-size: 14px;
                    color: #0A0E14;
                    margin-bottom: 0px;
                }
/*----------------------------------------------------------------*/

.footer__area {
    position: relative;
    background-color: #2B2B2B;
    background-color: #0a325a;
    border-top: 5px solid #066ce1;
}

    .footer__area::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/footer_img.png);
        opacity: 1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0.1;
    }

    .footer__area .container {
        position: relative;
        z-index: 1;
    }

.footer__widget-link .list-wrap li a {
    color: #DCDCDC;
}

.footer__top .row [class*=col-]:nth-child(2) .footer__widget {
    margin-left: 0px;
}

.footer_social_media_icons .separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .footer_social_media_icons .separator ul {
        list-style-type: none;
        padding-left: 0px;
        margin-bottom: 0;
        display: flex;
        padding: 0px 10px;
    }

        .footer_social_media_icons .separator ul li a {
            padding: 0px 10px;
            color: #fff;
        }

    .footer_social_media_icons .separator::before,
    .footer_social_media_icons .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #606060;
    }

    .footer_social_media_icons .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .footer_social_media_icons .separator:not(:empty)::after {
        margin-left: .25em;
    }

.footer__bottom {
    border-top: none;
}

    .footer__bottom img {
        width: 8%;
    }

    .footer__bottom .copyright-text p {
        color: #9E9E9E;
        font-size: 14px;
        padding: 10px 0px;
    }

.footer__bottom-menu .list-wrap {
    justify-content: right;
}

    .footer__bottom-menu .list-wrap li a {
        color: #9E9E9E;
        text-decoration: none;
    }


.scroll__top {
    color: #FFA800;
}
/*------------------------------------------------------*/

.breadcrumb__area.breadcrumb__bg {
    position: relative;
    /*	height: 500px;*/
    height: 511px;
}

    .breadcrumb__area.breadcrumb__bg::before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border-radius: 0px;
        background: #00000029;
        z-index: 0;
    }

.breadcrumb__content {
    padding: 15px 45px 15px 45px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
    border-bottom: navajowhite;
}

/*---------------------------------------------------------------*/
.about_section {
    background: #0A0E14;
    padding: 90px 0;
}

    .about_section .about_img {
        border-bottom-left-radius: 222px;
        overflow: hidden;
    }

.position_relative {
    position: relative;
}

.border_title {
    font-size: 70px;
    font-family: "Inter", sans-serif;
    /*color: #FFFFFF00;
    -webkit-text-stroke: 0.1px;
    -webkit-text-stroke-color: #ffffff25;
    stroke: #ffffff25;*/
    margin-bottom: -33px;
    line-height: 1;
    text-transform: capitalize;
    color: #07090d;
    text-shadow: -1px 0 #ffffff25, 0 1px #ffffff25, 1px 0 #ffffff25, 0 -1px #ffffff25;
    letter-spacing: 3px;
    opacity: 0.4;
}

.selector h2 {
    font-weight: 600;
    font-family: "Inter", sans-serif;
    text-transform: capitalize;
    margin: 0 0 1rem;
    color: #ffffff;
    line-height: 1.22em;
    font-size: 50px;
}

    .selector h2 p {
        color: #FFA800;
        font-size: 20px;
        position: relative;
        z-index: 1;
        margin-bottom: 0;
    }

.about-content p {
    color: #74787C;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 160px solid transparent;
    border-right: 0px solid transparent;
    border-top: 160px solid #171F2B;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 1;
}

.f-right {
    float: right;
}

.video-popup__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(90deg, #F69220 0.04%, #F68E20 28.67%, #F48421 54.05%, #F37221 78.11%, #F05A22 100.04%);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-size: 26px;
    border-radius: 50%;
    transition: 0.2s linear;
}

    .video-popup__button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: inherit;
        height: inherit;
        background: inherit;
        border-radius: 50%;
        -webkit-animation: pulse-border 1500ms ease-out infinite;
        animation: pulse-border 1500ms ease-out infinite;
        z-index: -1;
    }

.about_img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background: #0505057d;
    z-index: 0;
    border-bottom-left-radius: 222px;
}

.experience_year {
    background: #FFA800;
    border-radius: 10px;
    position: absolute;
    left: -40px;
    bottom: 50px;
    padding: 10px 25px;
}

    .experience_year img {
        position: absolute;
        width: 70px;
        top: 0;
        left: 0;
    }

    .experience_year .d-flex h2 {
        margin-bottom: 0;
        font-size: 60px;
    }

    .experience_year .d-flex h3 {
        margin-bottom: 0;
        font-size: 22px;
        margin-left: 15px;
    }

.Objective_Event {
    background: #0A0E14;
    padding: 0px 0 0px;
}

    .Objective_Event h2 {
        color: #FFA800;
        text-transform: capitalize;
        margin-bottom: 30px;
    }

    .Objective_Event ul {
        list-style-type: none;
        padding-left: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 0rem;
        width: 100%;
    }

        .Objective_Event ul li {
            position: relative;
            border: 1px solid #494949;
            padding: 15px 15px 15px 45px;
        }

            .Objective_Event ul li::before {
                content: '\f058' !important;
                font-family: 'Font Awesome 5 Free';
                position: absolute;
                /* color: #fff; */
                top: 15px;
                transform: translateY(0%);
                left: 15px;
                font-size: 20px;
            }

            .Objective_Event ul li:nth-of-type(2), .Objective_Event ul li:nth-of-type(3), .Objective_Event ul li:nth-of-type(5), .Objective_Event ul li:nth-of-type(6) {
                margin-left: -1px;
            }

            .Objective_Event ul li:nth-of-type(4), .Objective_Event ul li:nth-of-type(5), .Objective_Event ul li:nth-of-type(6) {
                margin-top: -1px;
            }
/*----------------------------------------------------------------*/
.chapters_section {
    padding: 90px 0;
    background: #0A0E14;
}

    .chapters_section .accordion-item {
        margin-bottom: 10px;
        background: linear-gradient(45deg, #3D3D3D, #A3A3A3);
        border-radius: 5px;
        border: none;
    }

        .chapters_section .accordion-item:first-of-type .accordion-button {
            border-radius: 0;
            box-shadow: none;
            background-color: transparent;
        }

    .chapters_section .accordion-button, .chapters_section .accordion-body {
        background: linear-gradient(45deg, #3D3D3D, #A3A3A3);
        color: #fff !important;
    }

        .chapters_section .accordion-button::after, .chapters_section .accordion-button:not(.collapsed)::after {
            background-image: url('../../assets/img/chevron_img.svg');
        }

    .chapters_section .accordion-button, .chapters_section .accordion-body {
        background: transparent;
        box-shadow: none;
        outline: none;
    }

        .chapters_section .accordion-body p {
            color: #d9d9d9;
            margin-bottom: 5px;
        }

            .chapters_section .accordion-body p:last-child {
                margin-bottom: 0px;
            }
/*--------------------------------------------------------------*/
.awards_section {
    padding: 90px 0 90px;
    background: #0A0E14;
    position: relative;
}

    .awards_section::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/about_orga_img.png);
        opacity: 0.6;
        border-radius: 0px;
    }

    .awards_section::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 0;
        opacity: 0.5;
    }

    .awards_section .container {
        position: relative;
        z-index: 1;
    }

        .awards_section .container .awrds_nav_btns {
            position: absolute;
            top: 35px;
            right: 15px;
        }

.award_card {
    padding: 20px 20px 20px;
    position: relative;
    border: 1px solid #404140;
    background-color: #1d1d1d;
    border-radius: 0;
}
/*--------------------------------------------------------------*/
.Opportunities_section {
    padding: 90px 0;
    background: #0A0E14;
    position: relative;
}

.grid_view_div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5rem;
    width: 100%;
    border: 1px dashed #FFA800;
    padding: 25px;
    text-align: center;
    border-radius: 10px;
}

    .grid_view_div img {
        margin-bottom: 25px;
    }

    .grid_view_div h6 {
        letter-spacing: 2px;
    }
/*--------------------------------------------------------------*/
.InvitationLetter_section {
    background: #0A0E14;
    padding: 90px 0 215px;
}

    .InvitationLetter_section .container {
        position: relative;
    }

    .InvitationLetter_section .chairman_msg_css {
        display: grid;
        grid-template-columns: 25% 75%;
        column-gap: 0rem;
        width: 100%;
        margin: 0 auto;
        border: 0px solid #FFA200;
        border-radius: 5px;
        padding: 0px;
        position: relative;
        overflow: hidden;
        z-index: 2;
    }

        .InvitationLetter_section .chairman_msg_css::before {
            display: none !important;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(../../assets/img/chairman_bg.jpg);
            opacity: 0.2;
        }

        .InvitationLetter_section .chairman_msg_css::after {
            display: none !important;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            z-index: -1;
        }

    .InvitationLetter_section .chairman_img {
        border: 1px solid #FFA200;
        border-radius: 5px;
        padding: 20px;
        text-align: center;
        margin-top: 50px;
        background: #0a0e14;
    }

        .InvitationLetter_section .chairman_img img {
            border: 0px solid #FFA200;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        .InvitationLetter_section .chairman_img h2 {
            text-align: center;
            color: #FFA800;
        }

        .InvitationLetter_section .chairman_img p {
            text-align: center;
            margin-bottom: 0;
        }

    .InvitationLetter_section .chairman_content {
        padding: 20px 20px 45px 10rem;
        position: relative;
        z-index: 1;
        border: 1px solid #FFA200;
        border-radius: 5px;
        position: absolute;
        top: 0;
        left: 15rem;
    }

        .InvitationLetter_section .chairman_content .message {
            color: #fff;
        }

            .InvitationLetter_section .chairman_content .message.last_para {
                margin-bottom: 45px;
            }
/*----------------------------------------------------------------*/
.award_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3rem;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
    justify-content: center !important;
    align-items: center !important;
}

.awards_page::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../assets/img/line-bg.png);
    opacity: 0.6;
    border-radius: 0px;
    background-position: 0% 70%;
}

.awards_page::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 0;
    opacity: 0.5;
}
/*----------------------------------------------------------------*/
.Venue_section {
    background: #0A0E14;
    padding: 90px 0;
    position: relative;
}

    .Venue_section::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/map_img_11.png);
        opacity: 0.05;
        border-radius: 0px;
        background-repeat: no-repeat;
        background-size: cover;
    }

.venue_img img {
    padding: 0px;
    border: 10px solid #2a2a2a;
}

.venue-content p {
    color: #74787C;
    text-align: justify;
}
/*----------------------------------------------------------------*/
.At_a_Glance_ITME2022_section {
    background: #0A0E14;
    padding: 90px 0;
    position: relative;
}



.scrollable_horizontal_tab ul.nav-tabs {
    border-bottom: none;
    /*display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));*/
}

    .scrollable_horizontal_tab ul.nav-tabs .nav-link {
        font-size: 0.75rem;
        padding: 0.3rem 0.5rem;
        line-height: 1.2;
        font-weight: 500;
        background-color: transparent;
        color: #fff !important;
        margin-right: 10px;
        border-radius: 5px;
        width: 115px;
        height: 40px;
        white-space: nowrap;
        /* vertical-align: middle; */
        line-height: 25px;
        border: 1px solid #3C3C3C;
        position: relative;
        /*margin-bottom: 1px;*/
        text-align: center;
        cursor: pointer;
    }

        .scrollable_horizontal_tab ul.nav-tabs .nav-link.active {
            background-color: #FFA800;
            color: #fff !important;
        }

.scrollable_horizontal_tab .tab-content {
    margin-top: 20px;
    border: 1px solid #3A3B3D;
    background-color: #11171F;
    padding: 20px 20px;
    border-radius: 5px;
}

.At_Glance_section_grid_view {
    display: grid;
    grid-template-columns: 22% 78%;
    column-gap: 0rem;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #3A3B3D;
    border-radius: 5px;
    padding: 0px 0px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

    .At_Glance_section_grid_view .title_txt h6 {
        margin-bottom: 0px;
        padding: 15px 15px;
        color: #ffa800;
        line-height: 1.5;
        font-weight: 500;
        text-transform: capitalize;
        letter-spacing: 1px;
    }

    .At_Glance_section_grid_view .cont_txt {
        border-left: 1px solid #3A3B3D;
    }

    .At_Glance_section_grid_view .cont_txt {
        padding: 15px 15px;
    }

        .At_Glance_section_grid_view .cont_txt p {
            margin-bottom: 0px;
            line-height: 1.5;
        }


/*----------------------- Scrollable Tab Start -------------------------*/
.scrtabs-tab-container * {
    box-sizing: border-box;
}

.scrtabs-tab-container {
    height: 42px;
    display: flex;
}

    .scrtabs-tab-container .tab-content {
        clear: left;
    }

    .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

.scrtabs-tabs-fixed-container {
    float: left;
    height: 42px;
    overflow: hidden;
    width: 100%;
}

.scrtabs-tabs-movable-container {
    position: relative;
}

    .scrtabs-tabs-movable-container .tab-content {
        display: none;
    }

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
    padding-right: 0;
}

.scrtabs-tab-scroll-arrow {
    border: 1px solid #dddddd;
    /*  border-top: none;*/
    color: #428bca;
    background: #c2c2c2;
    display: none;
    float: left;
    font-size: 12px;
    height: 40px;
    margin-bottom: -1px;
    padding-left: 6px;
    padding-top: 11px;
    width: 20px;
    border-radius: 3px;
}

    .scrtabs-tab-scroll-arrow:hover {
        background-color: #eeeeee;
    }

    .scrtabs-tab-scroll-arrow,
    .scrtabs-tab-scroll-arrow .scrtabs-click-target {
        cursor: pointer;
    }

        .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
            cursor: default;
        }

        .scrtabs-tab-scroll-arrow.scrtabs-disable,
        .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
            color: #ddd;
            cursor: default;
        }

            .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
                background-color: initial;
            }

.scrtabs-tabs-fixed-container ul.nav-tabs > li {
    white-space: nowrap;
}
/*----------------------- Scrollable Tab End -------------------------*/

.Associates_Partners_section {
    background-color: #0A0E14;
    padding: 90px 0;
}

    .Associates_Partners_section .vertical_tab .content .text-content {
        width: 100%;
        height: 100%;
        color: rgba(255, 255, 255, 0.7);
        padding: 25px;
        background: #11171F;
        border: 1px solid #3A3B3D;
        border-radius: 5px;
    }
/*--------------------------------------------------------------*/
.GoodwillMessages_grid_View {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.5rem;
    row-gap: 1rem;
    width: 100%;
    margin: 0 auto;
}

    .GoodwillMessages_grid_View .main_div {
        border: 1px solid #3A3B3D;
        background: #11171F;
        padding: 25px;
        border-radius: 5px;
    }

        .GoodwillMessages_grid_View .main_div img {
            margin-bottom: 15px;
            border-radius: 5px;
            width: 100%;
        }

        .GoodwillMessages_grid_View .main_div .content_div {
            text-align: center;
        }

            .GoodwillMessages_grid_View .main_div .content_div h3 {
                color: #FFA800;
                text-transform: capitalize;
            }

            .GoodwillMessages_grid_View .main_div .content_div p {
                margin-bottom: 15px;
            }

            .GoodwillMessages_grid_View .main_div .content_div a.read_more_btn {
                border: 1px solid #FFA200;
                color: #000;
                padding: 6px 25px;
                border-radius: 25px;
                font-weight: 500;
                display: inline-block;
                width: 109px;
                background: #FFA200;
            }
/*-------------------------------------------------------------*/
.Industry_Info {
    background-color: #0A0E14;
    padding: 90px 0;
}
/*-------------------------------------------------------------*/
.Index_of_Product_section {
    background-color: #0A0E14;
    padding: 90px 0;
}

    .Index_of_Product_section .chapters_section {
        padding: 0px 0px;
    }
/*------------------------ sub Accordion Start-----------------------------------------*/
.sub_accordion .faq-drawer {
    margin-bottom: 10px;
}

    .sub_accordion .faq-drawer input {
        display: none;
    }

.sub_accordion .faq-drawer__content-wrapper {
    font-size: 1.25em;
    line-height: 1.4em;
    max-height: 0px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
}

.sub_accordion .faq-drawer__title {
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    padding: 7px 15px;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
    background: #818181;
    border-radius: 3px;
    border: 1px solid #bdbdbd;
}

    .sub_accordion .faq-drawer__title::after {
        border-style: solid;
        border-width: 1px 1px 0 0;
        content: " ";
        display: inline-block;
        float: right;
        height: 10px;
        left: 2px;
        position: relative;
        right: 20px;
        top: 7px;
        transform: rotate(135deg);
        transition: 0.35s ease-in-out;
        vertical-align: top;
        width: 10px;
    }

    /* OPTIONAL HOVER STATE */
    .sub_accordion .faq-drawer__title:hover {
        color: #fff;
    }

.sub_accordion .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
    max-height: 350px;
}

.sub_accordion .faq-drawer .faq-drawer__content-wrapper .faq-drawer__content {
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
}

.sub_accordion .faq-drawer__trigger:checked + .faq-drawer__title::after {
    transform: rotate(-45deg);
    transition: 0.25s ease-in-out;
}

.sub_accordion input[type="checkbox"] {
    display: none;
}


/*------------------------ sub Accordion End --------------------------*/
.layout_section {
    background-color: #0A0E14;
    padding: 90px 0;
}

    .layout_section .main_div {
        border: 1px solid #3A3B3D;
        background: #11171F;
        padding: 25px;
        border-radius: 5px;
    }

        .layout_section .main_div img {
            width: 100%;
        }
/*---------------------------------------------------------------*/
.custom_table {
    width: 100%;
}

    .custom_table .hack1 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .custom_table .hack2 {
        display: table-cell;
        /*    overflow-x: initial;*/
        overflow: auto;
        width: 100%;
    }

.ExhibitorsList_section {
    background-color: #0A0E14;
    padding: 90px 0;
}

    .ExhibitorsList_section .table thead tr {
        background: linear-gradient(45deg, #afafaf, #ffffff8a);
    }

        .ExhibitorsList_section .table thead tr th {
            background-color: transparent;
        }

        .ExhibitorsList_section .table thead tr th, .ExhibitorsList_section .table tbody tr td {
            font-weight: 400;
            vertical-align: top;
            white-space: nowrap;
        }
/*-------------------------------------------------------------*/
.Past_Events_section {
    background-color: #0A0E14;
    padding: 90px 0;
}

.PastEvents_grid_View {
    margin-bottom: 15px;
}

    .PastEvents_grid_View .main_div {
        display: grid;
        grid-template-columns: 25% 75%;
        column-gap: 1.5rem;
        width: 100%;
        border: 1px solid #3A3B3D;
        background: #11171F;
        padding: 25px;
        border-radius: 5px;
    }

        .PastEvents_grid_View .main_div img {
            margin-bottom: 0px;
            border-radius: 5px;
            width: 100%;
            height: 155px;
            object-fit: cover;
        }

        .PastEvents_grid_View .main_div .content_div {
            padding: 0px 15px;
        }

            .PastEvents_grid_View .main_div .content_div h6 {
                color: #ffa902;
                font-size: 18px;
                margin-bottom: 15px;
                text-transform: capitalize;
            }

            .PastEvents_grid_View .main_div .content_div p {
                margin-bottom: 15px;
                min-height: 77px;
            }

            .PastEvents_grid_View .main_div .content_div a {
                color: #ffa902;
            }
/*----------------------------------------------------------------*/
.Shuttle_Bus_Service_section {
    background-color: #0A0E14;
    padding: 90px 0;
    position: relative;
}

    .Shuttle_Bus_Service_section::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/map_img_11.png);
        opacity: 0.05;
        border-radius: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
        background-position: 0% 0%;
    }

    .Shuttle_Bus_Service_section .title_txt {
        text-transform: capitalize;
        font-size: 22px;
        font-weight: 500;
    }

    .Shuttle_Bus_Service_section hr {
        border-top: 1px solid #939393;
        margin: 20px 0;
        padding: 0;
    }

    .Shuttle_Bus_Service_section .main_div {
        width: 100%;
        border: 1px solid #3A3B3D;
        background: #11171F;
        padding: 25px;
        border-radius: 5px;
        margin-bottom: 15px;
    }

        .Shuttle_Bus_Service_section .main_div .content_div h6 {
            color: #FFA800;
            font-weight: 500;
            text-transform: capitalize;
        }

        .Shuttle_Bus_Service_section .main_div .content_div p {
            color: #c1c1c1;
            font-weight: 500;
        }

.marquee_section {
    background-color: #FFA800;
    padding: 10px 10px;
}

    .marquee_section h6 {
        color: #fff;
        font-weight: 600;
        margin-bottom: 0px;
        letter-spacing: 0px;
        text-transform: capitalize;
        text-shadow: 1px 1px 2px #000000;
    }

.ImportantNote_div {
    position: relative;
    margin-top: 40px;
    background: #ffffff17;
    border: 1px solid #3A3B3D;
    padding: 40px;
    border-radius: 5px;
}

    .ImportantNote_div h4 {
        margin: 0 40% 2% 0;
        padding: 0 0 0 15px;
        border-style: solid;
        border-width: 0 0 0 4px;
        border-color: #FFA800;
        color: #FFA800;
        margin-bottom: 25px;
    }

    .ImportantNote_div ul li {
        color: #c1c1c1;
        margin-bottom: 25px;
    }

    .ImportantNote_div .contact-form-wrapper {
        background: no-repeat padding-box #fff;
        /*box-shadow: 0px 0px 13px 6px rgb(218 227 229 / 48%);*/
        padding: 35px;
        margin-left: 40px;
    }

    .ImportantNote_div .field-wrap input, .ImportantNote_div .field-wrap textarea {
        width: 100%;
        border: 1px solid rgba(0, 0, 0, .15);
        font-size: 17px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: all .3s ease;
        border-radius: 0;
        outline: 0;
        line-height: 22px;
        background-color: transparent;
        padding: 12px 15px;
    }

    .ImportantNote_div .field-wrap textarea {
        resize: none;
    }

    .ImportantNote_div .field-wrap {
        margin-bottom: 13px;
        position: relative;
    }

        .ImportantNote_div .field-wrap button.contact_us_btn {
            width: 100%;
            display: inline-block;
            border-radius: 0px;
            font-size: 17px;
            font-weight: 600;
            padding: 10px 0px;
            background-color: #ff8728 !important;
            box-shadow: none;
            transition: opacity .45s cubic-bezier(.25,1,.33,1), transform .45s cubic-bezier(.25,1,.33,1), border-color .45s cubic-bezier(.25,1,.33,1), color .45s cubic-bezier(.25,1,.33,1), background-color .45s cubic-bezier(.25,1,.33,1), box-shadow .45s cubic-bezier(.25,1,.33,1);
            font-size: 14px;
            padding: 12px 28px;
            color: #fff;
            position: relative;
            border-radius: 0px;
            top: 7px;
            border: 1px solid #ff8728;
        }

    .ImportantNote_div .contact_us_btn:hover {
        -webkit-transform: translateY(0px);
        background-color: #df6e15 !important;
    }

.scrollable_horizontal_tab ul.nav-tabs .nav-link {
    color: #000;
    border: 1px solid #e7e7e7;
    background: #979797;
    font-size: 1rem;
}

    .scrollable_horizontal_tab ul.nav-tabs .nav-link.active {
        background-color: #FFA800;
        border: 1px solid #FFA800;
        color: #fff !important;
    }

.ImportantNote_div .scrollable_horizontal_tab .tab-content {
    margin-top: 15px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 0px 0px;
    border-radius: 0;
}

.select_trip {
    color: #FFA800;
    text-transform: capitalize;
    font-weight: 500;
}
/*-------------------------------------------------------------*/
.faq__area {
    padding: 90px 0;
}
/*------------------------- Radio Btn Start -------------------------*/
.custom-radio {
    display: none;
}

    .custom-radio + label {
        font-weight: normal;
        cursor: pointer;
        color: #000;
        margin-right: 25px;
    }

        .custom-radio + label span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            width: 18px;
            height: 18px;
            cursor: pointer;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            position: relative;
            border: 1px solid #bdbdbd;
        }

            .custom-radio + label span::before {
                content: "";
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                opacity: 0;
                width: 9px;
                height: 9px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background-color: #bdbdbd;
                position: absolute;
                left: 50%;
                top: 50%;
                bottom: auto;
                right: auto;
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -moz-transition: opacity 0.2s;
                -o-transition: opacity 0.2s;
                -webkit-transition: opacity 0.2s;
                transition: opacity 0.2s;
            }

    .custom-radio:checked + label span::before {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    .custom-radio:disabled + label {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
    }

        .custom-radio:disabled + label, .custom-radio:disabled + label span {
            cursor: default;
        }
/*------------------------- Radio Btn End -------------------------*/


.Product_Launch_Grid_view .main_div {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: 19% 20% 25% 35%;
    column-gap: 0.5rem;
    row-gap: 1rem;
    width: 100%;
    border: 1px solid #3A3B3D;
    background: #11171F;
    padding: 15px;
    border-radius: 5px;
}

    .Product_Launch_Grid_view .main_div p {
        margin-bottom: 3px;
    }

    .Product_Launch_Grid_view .main_div h6 {
        text-transform: capitalize;
        margin-bottom: 0px;
        font-weight: 500;
        color: #FFA800;
    }

.OtherExhibitorss_Grid_view .main_div {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: 7% 11% 57% 23%;
    column-gap: 0.5rem;
    row-gap: 1rem;
    width: 100%;
    border: 1px solid #3A3B3D;
    background: #11171F;
    padding: 15px;
    border-radius: 5px;
}

    .OtherExhibitorss_Grid_view .main_div p {
        margin-bottom: 3px;
    }

    .OtherExhibitorss_Grid_view .main_div h6 {
        text-transform: capitalize;
        margin-bottom: 0px;
        font-weight: 500;
        color: #FFA800;
    }

/*----------------------------------------------------------------*/
.Gallery_section {
}

    .Gallery_section .project__menu-nav {
        gap: 15px 15px;
        margin-bottom: 35px;
    }

.project__thumb-two img {
    width: 100%;
    height: 300px;
    border-radius: 3px;
    object-fit: cover;
}

.Gallery_section .project__menu-nav button {
    color: #fff;
    border: 1px solid #343a40;
    padding: 10px 10px;
    width: 130px;
    border-radius: 5px;
    font-weight: 500;
}

    .Gallery_section .project__menu-nav button.active, .Gallery_section .project__menu-nav button:hover {
        color: #fff;
        background: #343a40;
    }

        .Gallery_section .project__menu-nav button.active::before, .Gallery_section .project__menu-nav button:hover::before {
            display: none;
        }

.video_gallary p {
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 15;
    bottom: 0;
    left: 0;
    background: #363636b3;
    color: #fff;
    text-align: center;
    padding: 15px 15px;
}
/*---------------------------------------------------*/
/*.contactUs_page{
    padding: 90px 0;
    background-image: url(../../assets/img/contact_bg_1.png);
    transition: background .3s, border-radius .3s, opacity .3s;
}*/

.myContactPage.contactUs_page {
    background-color: #0A0E14;
    padding: 90px 0;
    position: relative;
    background-image: none;
    transition: none;
}

    .myContactPage.contactUs_page .project-in-mind {
        padding: 0px 0px 0px;
    }

    .myContactPage.contactUs_page::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../assets/img/map_img_11.png);
        opacity: 0.05;
        border-radius: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
        background-position: 0% 0%;
        opacity: 0.1;
    }

    .myContactPage.contactUs_page .container {
        position: relative;
        z-index: 1;
    }

    .myContactPage.contactUs_page .title_div {
        margin: 0 40% 2% 0;
        padding: 0 0 0 15px;
        border-style: solid;
        border-width: 0 0 0 4px;
        border-color: #FFA800;
        border-radius: 0px;
    }

    .myContactPage.contactUs_page .section-heading {
        margin-bottom: 18px;
        font-size: 30px;
        font-weight: 600;
        line-height: 44px;
        color: #FFA800;
    }

    .myContactPage.contactUs_page .contact_data h4 {
        margin-bottom: 5px;
        color: #ffa800;
        font-size: 1.1em;
        font-weight: 500;
        text-transform: capitalize;
        line-height: 1.777em;
        letter-spacing: normal;
        word-spacing: 1px;
    }

    .myContactPage.contactUs_page .contact_data p {
        color: #b5b5b5;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 0px !important;
    }

        .myContactPage.contactUs_page .contact_data p.contact_p {
            color: #b5b5b5;
            font-size: 16px;
            font-weight: 300;
            margin-bottom: 10px !important;
        }

            .myContactPage.contactUs_page .contact_data p.contact_p i {
                margin-right: 10px;
            }

    .myContactPage.contactUs_page .visit_class {
        color: #ffa800;
    }

.booking_query_main_div {
    border: 1px solid #3A3B3D;
    background: #11171F;
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .booking_query_main_div hr {
        border-top: 1px solid #6e6e6e;
        margin: 15px 0;
        padding: 0;
    }

.booking_query_person_grid_view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.5rem;
    row-gap: 1rem;
    width: 100%;
}

    .booking_query_person_grid_view p.title {
        color: #ffa800;
        margin-bottom: 0px;
    }

    .booking_query_person_grid_view h6 {
        text-transform: capitalize;
        font-weight: 500;
    }

    .booking_query_person_grid_view p {
        margin-bottom: 0px;
    }

.workingTime_grid_view {
    display: grid;
    grid-template-columns: 30% 70%;
    column-gap: 1.5rem;
    row-gap: 1rem;
    width: 100%;
}

    .workingTime_grid_view .workingDays {
        border-right: 1px solid #3c3c3c;
    }

    .workingTime_grid_view h6 {
        text-transform: capitalize;
        font-weight: 500;
        color: #ffa800;
    }

    .workingTime_grid_view p {
        margin-bottom: 0px;
    }
/*.contact__area{
    background-color: #0A0E14;
    padding: 0px 0 90px;
    position: relative;
}*/
.DayWiseItinerary {
    margin-bottom: 30px;
}

    .DayWiseItinerary .activity_dates {
        margin-bottom: 10px;
        background: linear-gradient(45deg, #3D3D3D, #A3A3A3);
        border-radius: 3px;
        padding: 15px 15px;
        text-transform: capitalize;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .DayWiseItinerary .At_Glance_section_grid_view .cont_txt h5 {
        font-size: 16px;
        text-transform: capitalize;
        letter-spacing: 1px;
        color: #ffa800;
    }

.displays_div {
    background-color: #ffa800;
    padding: 30px;
    border-radius: 5px;
}

    .displays_div .border_title {
        color: #ffa800;
        text-shadow: -1px 0 #ffffff82, 0 1px #ffffff82, 1px 0 #ffffff82, 0 -1px #ffffff82;
        text-transform: uppercase;
    }

.selector h2 {
    font-size: 23px;
    text-transform: uppercase;
}

.displays_css {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.5rem;
    row-gap: 1rem;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

    .displays_css p {
        color: #000;
        background: #ffc24a;
        padding: 15px 15px;
        border-radius: 5px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
/*----------------------------------------------------*/
.galllary_img_div {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

    .galllary_img_div img {
        width: 100%;
        height: 300px;
        border-radius: 3px;
        object-fit: cover;
    }

    .galllary_img_div .portfolio-lightbox i {
        display: none;
    }

    .galllary_img_div .portfolio-lightbox i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        vertical-align: middle;
        background: #cdcdcd;
        height: 300px;
        line-height: 300px;
        border-radius: 3px;
        z-index: 99999999999999999 !important;
        opacity: 0.7;
        font-size: 25px;
    }

    .galllary_img_div:hover {
        filter: grayscale(1);
    }

        .galllary_img_div:hover .portfolio-lightbox i {
            display: block;
        }
/*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .offCanvas__info1 {
        box-shadow: none !important;
    }

    .grid_view_head {
        width: 100%;
        column-gap: 1rem;
    }

    .header_text h2.title {
        font-size: 2.5rem;
    }

    .about-area img.bg_imgs {
        position: fixed;
    }
    /*	----------------------------------------------*/
    .chairman_msg_css {
        width: 100%;
    }

        .chairman_msg_css::before {
            opacity: 0.2;
            background-size: cover;
            background-position: center;
        }

    .chairman_img img {
        width: 100%;
    }

    .chairman_content {
        padding-left: 30px;
    }

        .chairman_content .message.last_para {
            margin-bottom: 23px;
        }

    .about_ITME_content.pt-30 {
        padding-top: 0px;
    }
    /*	-----------------------------------------------*/
    .vertical_tab .content .list {
        width: 35%;
        margin-right: 0;
    }

        .vertical_tab .content .list label {
            font-size: 14px;
            padding-left: 10px;
            height: 45px;
            line-height: 45px;
            padding-left: 10px;
        }
    /*.vertical_tab .content .slider{
	    height: 45px;
	}
	#blog:checked ~ .list .slider {
	    top: 55px;
	}
	#help:checked ~ .list .slider {
	    top: 110px;
	}
	#code:checked ~ .list .slider {
	    top: 165px;
	}*/
    /*	-----------------------------------------------------*/

    .gallary_section::after, .award_section::after {
        content: none;
    }

    .About_org_img_div::before {
        content: '';
        border: 1px solid #ffffff;
        width: 329px;
        height: 297px;
        display: block;
        z-index: -1;
        position: absolute;
        top: -15px;
        left: 15px;
    }

    .gtts_img {
        bottom: 3px;
        right: 3px;
        width: 37%;
    }

        .gtts_img img {
            width: 100px;
            padding: 10px 0px;
        }

    .Invite_main_div .d-flex.align-items-center {
        width: 74%;
    }

    .scanner_div::before {
        display: none;
    }

    .download_app_section .container .col-md-4.col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .download_app_section .container .mobile_img {
        display: none;
    }

    .contact_details_section .contact_grid_section {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1rem;
    }

    .footer__top .row [class*=col-]:nth-child(1) .footer__widget {
        margin-bottom: 35px;
    }

    .footer__bottom img {
        width: 18%;
    }

    .tgmobile__menu {
        z-index: 999999;
    }

        .tgmobile__menu .social-links ul li {
            margin: 0px 3px 10px;
        }

            .tgmobile__menu .social-links ul li a {
                color: #fff;
            }

        .tgmobile__menu .navigation li > a {
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 500;
        }

        .tgmobile__menu .nav-logo img {
            width: 110px;
        }

    .tgmobile__search {
        padding: 0 20px 25px 25px;
        display: none;
    }
    /*	------------------------------------------------------------*/
    .hide_on_tab_and_mobile {
        display: none;
    }
    /*	---------------------------------------------------------------*/
    .about_img:before {
        border-bottom-left-radius: 148px;
    }

    .Objective_Event ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .border_title {
        font-size: 45px;
        margin-bottom: -16px;
    }

    .selector h2 {
        font-size: 35px;
    }
    /*	-------------------------------------------------------------*/
    .InvitationLetter_section {
        padding: 90px 0 50rem;
    }

        .InvitationLetter_section .chairman_msg_css {
            grid-template-columns: 40% 60%;
        }

        .InvitationLetter_section .chairman_img h2 {
            font-size: 24px;
        }

        .InvitationLetter_section .chairman_content {
            padding: 20px 20px 45px 5rem;
        }
    /*	---------------------------------------------------------------*/
    .Venue_section .container .row .col-lg-4.col-sm-12 {
        display: grid;
    }
    /* ------------------------------------------------------------------*/
    .Associates_Partners_section .vertical_tab .content .text-content {
        width: 83%;
    }
    /* ------------------------------------------------------------------*/
    .GoodwillMessages_grid_View {
        column-gap: 0.5rem;
    }

        .GoodwillMessages_grid_View .main_div {
            padding: 8px;
        }

            .GoodwillMessages_grid_View .main_div img {
                margin-bottom: 15px;
                border-radius: 5px;
            }

            .GoodwillMessages_grid_View .main_div .content_div h3 {
                color: #FFA800;
                text-transform: capitalize;
                font-size: 18px;
            }

            .GoodwillMessages_grid_View .main_div .content_div p {
                margin-bottom: 15px;
            }

                .GoodwillMessages_grid_View .main_div .content_div p br {
                    display: none;
                }
    /*--------------------------------------------------------*/
    .Shuttle_Bus_Service_section .title_txt {
        font-size: 20px;
    }

    .Shuttle_Bus_Service_section .main_div {
        padding: 15px;
    }
    /*------------------------------------------------------*/
    .ImportantNote_div .contact-form-wrapper {
        margin-left: 0px;
    }

    .displays_css {
        width: 100%;
    }

    .displays_div .selector h2 {
        font-size: 25px;
    }
}

@media (min-width: 576px) and (max-width:768px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-4 {
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
}

@media(max-width:480px) {
    .tg-header__area {
        top: 15px;
        top: 30px;
    }

        .tg-header__area.sticky-menu {
            top: 0px;
        }

    .header_text h2.title {
        font-size: 1.5rem;
    }

        .header_text h2.title.border_text {
            font-size: 2rem;
        }

    .slider__content-two .subtitle {
        font-size: 16px;
    }

    .grid_view_head {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1rem;
    }

    .tgmenu__action > ul li.header-btn a span {
        color: #f66300;
    }

    .tgmenu__action > ul {
        gap: 0px;
    }

    .offCanvas__info1 {
        width: 100%;
        box-shadow: none;
    }

    .chairman_msg_css {
        width: 100%;
        grid-template-columns: initial;
    }

    .about-area img.bg_imgs {
        position: fixed;
    }

    .chairman_msg_css::before {
        opacity: 0.2;
        background-size: cover;
        background-position: center;
    }

    .chairman_img img {
        width: 50%;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

    .chairman_content {
        padding-left: 0px;
        text-align: center;
    }

        .chairman_content .message.last_para {
            margin-bottom: 23px;
        }

    .about_ITME_content ul li::before {
        top: 20%;
    }

    .about_itme_div .container .col-md-7 {
        order: 2;
    }

    .about_itme_div .container .col-md-5 {
        order: 1;
    }

    .About_org_img_div {
        margin-bottom: 15px;
    }

        .About_org_img_div::before {
            display: none;
        }

    .gtts_img {
        bottom: 3px;
        right: 3px;
    }

    .horizon_tab {
        display: block;
        margin-top: 20px;
    }

    .vertical_tab .content .list {
        display: none;
    }

    .vertical_tab .content .text-content {
        width: 100%;
    }

    .partners_section::before {
        z-index: -1;
    }

    .horizon_tab .content {
        justify-content: center;
    }

        .horizon_tab .content label {
            text-align: center !important;
            border-right: 1px solid #6c6c6c;
            width: 10%;
        }

    .tgmobile__menu .social-links ul li a {
        color: #636363;
    }

    .gallary_section::after, .award_section::after {
        content: none;
    }

    .award_section {
        padding: 30px 15px;
    }

        .award_section::before {
            opacity: 0.2;
        }

    .project__nav {
        justify-content: flex-end;
    }

    .promotional_videos .choose-us__thumb {
        margin-bottom: 15px;
        border: 2px solid #FFB800;
        border-radius: 5px;
    }

    .Invite_main_div h2.title {
        font-size: 31px;
    }

    .Invite_main_div p.subTitle_txt {
        font-size: 18px;
    }

    .Invite_main_div .d-flex.align-items-center {
        width: 100%;
        display: block !important;
    }

        .Invite_main_div .d-flex.align-items-center .date_section {
            text-align: center;
            margin-right: 0%;
        }

            .Invite_main_div .d-flex.align-items-center .date_section p {
                margin-bottom: 15px;
                color: #e7e7e7;
            }

    .download_app_section .container .col-md-4.col-sm-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .download_app_section .container .mobile_img {
        width: 65%;
        top: -220px;
        right: -10px;
    }

    .subscribe_div input {
        margin-bottom: 15px;
    }

    .scanner_div::before {
        display: none;
    }

    .contact_details_section .contact_grid_section {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1rem;
    }

    .footer__widget-link .list-wrap li a {
        font-size: 14px;
    }

    .footer__top .row [class*=col-]:nth-child(1) .footer__widget {
        margin-bottom: 35px;
    }

    .footer__bottom img {
        width: 27%;
    }

    .award_section .project__nav button, .Testimonial_section .project__nav button, .awrds_nav_btns .project__nav button {
        height: 36px;
        width: 36px;
        background: #ffb8002b;
        border: 1px solid #FFB800;
        padding: 0px;
    }

        .award_section .project__nav button i, .Testimonial_section .project__nav button i, .awrds_nav_btns .project__nav button i {
            color: #FFB800;
            font-size: 14px;
        }

    .award_section .mb-20, .award_section .project__nav, .Testimonial_section .project__nav {
        margin-bottom: 15px;
    }
    /*	----------------------------------------------------*/
    .about_img:before {
        border-bottom-left-radius: 180px;
    }

    .experience_year {
        left: 0;
    }

    .Objective_Event ul {
        grid-template-columns: repeat(1, 1fr);
    }

        .Objective_Event ul li:nth-of-type(2), .Objective_Event ul li:nth-of-type(3), .Objective_Event ul li:nth-of-type(5), .Objective_Event ul li:nth-of-type(6) {
            margin-left: 0px;
            margin-top: -1px;
        }

    .border_title {
        font-size: 45px;
        margin-bottom: -16px;
    }

    .selector h2 {
        font-size: 35px;
    }

    .Objective_Event h2 {
        font-size: 22px;
    }

    .breadcrumb__content {
        width: 95%;
        padding: 10px 10px 10px 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        text-align: center;
    }

        .breadcrumb__content .breadcrumb {
            display: block;
        }

    .grid_view_div {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 1rem;
        row-gap: 1rem;
    }
    /*	------------------------------------------------------*/
    .InvitationLetter_section {
        background: #0A0E14;
        padding: 90px 0 90px;
    }

        .InvitationLetter_section .chairman_img {
            margin-top: 10px;
        }

        .InvitationLetter_section .chairman_msg_css {
            grid-template-columns: 100% 100%;
        }

        .InvitationLetter_section .chairman_content {
            padding: 20px 20px 45px 20px;
            position: relative;
            border-radius: 5px;
            position: relative;
            top: 0;
            left: 0rem;
            margin-top: 15px;
            text-align: left;
        }
    /*	---------------------------------------------------*/
    .Venue_section .container .row .col-lg-8.col-sm-12 {
        order: 2;
    }

    .Venue_section .container .row .col-lg-4.col-sm-12 {
        order: 1;
    }

    .venue_img img {
        margin-bottom: 15px;
    }
    /*-------------------------------------------------------*/
    .At_Glance_section_grid_view {
        display: block;
    }

        .At_Glance_section_grid_view .cont_txt {
            border-left: 0px solid #3A3B3D;
        }
    /*---------------------------------------------------------*/
    .Associates_Partners_section .vertical_tab .content .text-content {
        width: 100%;
    }

    .Associates_Partners_section .vertical_tab .content .text .title {
        font-size: 20px;
    }
    /*--------------------------------------------------------------*/
    .GoodwillMessages_grid_View {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1rem;
    }

        .GoodwillMessages_grid_View .main_div {
            padding: 15px;
        }
    /*    -----------------------------------------------------------*/
    .PastEvents_grid_View .main_div {
        column-gap: 1rem;
        padding: 10px;
    }

        .PastEvents_grid_View .main_div .content_div {
            position: relative;
            padding: 0px 0px;
        }

            .PastEvents_grid_View .main_div .content_div h6 {
                font-size: 16px;
            }

        .PastEvents_grid_View .main_div img {
            height: 94px;
        }

        .PastEvents_grid_View .main_div .content_div p {
            display: none;
        }

        .PastEvents_grid_View .main_div .content_div a {
            position: absolute;
            bottom: 0;
            border: 1px solid #ffa902;
            padding: 3px 10px;
            font-size: 14px;
            border-radius: 40px;
            background: #ffa902;
            color: #fff;
        }

            .PastEvents_grid_View .main_div .content_div a span {
                display: none;
            }
    /*--------------------------------------------------------*/
    .ImportantNote_div {
        padding: 20px;
    }

        .ImportantNote_div .contact-form-wrapper {
            padding: 24px;
        }
    /*    ----------------------------------------------------------*/
    .Product_Launch_Grid_view .main_div {
        grid-template-columns: repeat(2, 1fr);
    }

    .OtherExhibitorss_Grid_view .main_div {
        grid-template-columns: repeat(2, 1fr);
    }
    /*    -------------------------------------------*/
    .displays_css {
        grid-template-columns: repeat(1, 1fr);
    }
}



.process {
    padding: 90px 0;
    background: #f8fcff;
}

    .process p.subTitle {
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: 2.75rem;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 2.75rem;
        width: 68%;
        color: #ababab;
    }

    .process .process-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 -15px;
        padding-top: 15px;
        position: relative;
    }

        .process .process-content .process-animation {
            display: none;
        }

        .process .process-content .process-step {
            width: 50%;
            padding: 0px 15px;
            margin-bottom: 30px;
        }

            .process .process-content .process-step:last-child {
                margin-right: auto;
            }

            .process .process-content .process-step .process-step-title {
                margin: 0;
                color: #0e3b68;
            }

            .process .process-content .process-step .process-step-text {
                line-height: 1.7rem;
                margin: 0.813rem 0 0 0;
            }

@media screen and (min-width: 991px) {
    .process .process-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }

        .process .process-content .process-animation {
            display: block;
            margin: auto;
        }

            .process .process-content .process-animation svg path {
                transition: 0.5s;
                /* stroke: #001149;*/
            }

        .process .process-content .process-step {
            position: absolute;
            left: 0;
            padding: 0 16px;
            top: 0;
            width: 50%;
        }

            .process .process-content .process-step:nth-child(2n) {
                left: 0;
                right: 50%;
                padding-right: 140px;
                text-align: right;
            }

            .process .process-content .process-step:nth-child(2n + 1) {
                left: 50%;
                right: 0;
                padding-left: 140px;
            }

            .process .process-content .process-step:nth-child(2) {
                top: 21px;
            }

            .process .process-content .process-step:nth-child(3) {
                top: 145px;
            }

            .process .process-content .process-step:nth-child(4) {
                top: 265px;
            }

            .process .process-content .process-step:nth-child(5) {
                top: 384px;
            }

            .process .process-content .process-step:nth-child(6) {
                top: 503px;
            }

            .process .process-content .process-step:nth-child(7) {
                top: 623px;
            }

            .process .process-content .process-step:last-child {
                position: relative;
                margin: 0 auto;
                text-align: center;
                padding: 16px 0 0;
            }

            .process .process-content .process-step .process-step-title {
                margin: 0;
            }

            .process .process-content .process-step .process-step-text {
                line-height: 1.7rem;
                margin-top: 0.813rem;
                margin-left: 0;
            }
}

@media screen and (max-width: 767px) {
    .process .process-content .process-step {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .process h2.title {
        font-size: 36px;
    }

    .process p.subTitle {
        font-size: 18px;
        width: 100%;
    }

    .process span.hideXS {
        display: none;
    }
}
/*-----------------------------------------------------------------------------*/

.grid_view_css {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.logo_css {
    height: 50px;
    margin-bottom: 30px;
}

.LOS_feeatures {
    border: 1px solid #D2D9F4;
    background: #F3F4F9;
    padding: 20px;
    border-radius: 10px;
}

    .LOS_feeatures .card_wrap {
        display: grid;
        grid-template-columns: 1fr 4fr;
        gap: 15px;
    }

        .LOS_feeatures .card_wrap .los_thumbnail img {
            display: block;
            width: 90%;
            height: auto;
        }

    .LOS_feeatures .innovation_whitepaper_content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .LOS_feeatures .innovation_whitepaper_content .title-tag {
            color: #f66300;
            font-size: 16px;
        }

        .LOS_feeatures .innovation_whitepaper_content .sub-title {
            color: #74787C;
            font-size: 14px;
        }

.benefit_main_div {
    border: 1px solid #D2D9F4;
    background: #F3F4F9;
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
}

    .benefit_main_div h5 {
        text-align: center;
        margin: 15px 30px 30px;
    }

.benefit_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

    .benefit_grid .benefit_div {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

        .benefit_grid .benefit_div h6 {
            font-weight: 400;
            color: #74787C;
            font-size: 16px;
        }

        .benefit_grid .benefit_div .rounded_div {
            background: #f3f4f9;
            border: 1px solid #D2D9F4;
            border-radius: 15px;
            width: 65px;
            height: 65px;
            padding: 15px;
            display: inline-block;
        }

            .benefit_grid .benefit_div .rounded_div img {
                display: block;
                width: 100%;
                height: auto;
            }

        .benefit_grid .benefit_div p {
            color: #f66300;
            font-size: 16px;
        }

@media(max-width:480px) {
    .grid_view_css {
        grid-template-columns: 1fr;
    }

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

.about__img-wrap-two img:nth-child(2) {
    z-index: 1;
}

.work_environment_section {
    content: "";
    background-image: url("../../assets/img/CoreBankingServices_bg3.jpg");
    height: 640px;
    padding: 120px 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

    .work_environment_section:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        /*    background: red;*/
        /*    background-image: linear-gradient(180deg, #ffffff, #000000e0);*/
        background-color: rgba(0, 0, 0, 0.61);
        backdrop-filter: blur(0px);
    }

    .work_environment_section .container {
        position: relative;
        z-index: 1;
    }

        .work_environment_section .container h2 {
            color: #fff;
        }

        .work_environment_section .container p {
            color: #fff;
            margin-bottom: 0;
        }

.work_env_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    margin-top: 2rem;
}

    .work_env_grid .work_env_content {
        /*    background-image: linear-gradient(135deg, #1c2e35 0%, #2d3d44 100%);*/
        background-image: linear-gradient(135deg, #144474 0%, #062c52 100%);
        padding: 25px;
        height: 200px;
        display: table;
        text-align: center;
        border-radius: 10px;
        /*    border: 1px solid #fff;*/
        box-shadow: 0px 0px 11px 1px #0a21479e;
    }

        .work_env_grid .work_env_content .content {
            display: table-cell;
            vertical-align: middle;
        }

            .work_env_grid .work_env_content .content img {
                font-size: 35px;
                margin-bottom: 1.2rem;
            }

            .work_env_grid .work_env_content .content h6 {
                margin-bottom: 0px;
                color: #fff;
                font-weight: 500;
                font-size: 18px;
                letter-spacing: 1px;
            }

@media(max-width:480px) {
    .work_environment_section {
        height: auto;
        padding: 60px 0;
    }

    .work_env_grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .about__img-wrap-two img:nth-child(1) {
        width: 100%;
    }

    .experience__box {
        bottom: -80px !important;
        width: 57%;
    }
}


.video-wrapper {
    position: relative;
}

    .video-wrapper:before {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        background: red;
    }

#video {
    object-fit: cover;
    width: 100%;
    height: 800px;
}

.home_banner_txt {
    position: absolute;
    z-index: 98;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

    .home_banner_txt .banner_txt {
        position: relative;
        z-index: 10;
        font-size: 4rem;
        color: #fff;
        /*color: #646464;*/
    }

    .home_banner_txt .banner_subtxt {
        position: relative;
        z-index: 10;
        font-size: 2rem;
        color: #fff;
        margin-bottom: 0px;
        /* color: #7c7c7c;*/
    }

@media(max-width:480px) {
    .home_banner_txt .banner_txt {
        font-size: 3.5rem;
        color: #fff;
    }

    .slider__area-two {
        height: auto;
    }

    .page-section.why-kanda-section .landing-header {
        color: #0e3b68;
    }

    .page-section.why-kanda-section .why-kanda {
        margin: 0px auto;
    }

    .page-section.why-kanda-section .why-kanda__envelop.why_kanda_txt {
        display: none;
    }

    .page-section.why-kanda-section .popover-custom-alt {
        width: 380px;
        min-width: 380px;
        max-width: 380px;
    }

    .tg-header__top-delivery p span {
        display: none;
    }
}
/*-----------------------------------------------*/

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

.autoScroll_slider {
    /*  background: pr;*/
    /*  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #c7c7c7;
}

    .autoScroll_slider::before,
    .autoScroll_slider::after {
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 100px;
        position: absolute;
        width: 200px;
        z-index: 2;
    }

    .autoScroll_slider::after {
        right: 0;
        top: 0;
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    .autoScroll_slider::before {
        left: 0;
        top: 0;
    }

    .autoScroll_slider .slide-track {
        -webkit-animation: scroll 40s linear infinite;
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
    }

    .autoScroll_slider .slide {
        height: 100px;
        width: 250px;
    }

ul.product_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    ul.product_ul li {
        flex: 0 0 calc(20% - 20px);
        text-align: center;
    }

@media(max-width:768px) {
    ul.product_ul li {
        flex: 0 0 calc(35% - 20px);
        text-align: center;
    }
}

@media (max-width: 480px) {
    ul.product_ul li {
        flex: 0 0 calc(100% - 20px);
    }
}

.features_div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .features_div .item {
        flex: 0 0 calc(33.33% - 0px);
        text-align: center;
        position: relative;
        padding: 15px 10px;
    }

        .features_div .item i {
            font-size: 50px !important;
            color: #ff5e14 !important;
            margin-bottom: 5px !important;
        }

        .features_div .item h6 {
            font-size: 16px;
            color: #ff5e14 !important;
            font-weight: 500;
        }

        .features_div .item.equal-height::before {
            background: #e7e7e7 none repeat scroll 0 0;
            content: "";
            height: 1px;
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
        }

        .features_div .item.equal-height::after {
            background: #e7e7e7 none repeat scroll 0 0;
            content: "";
            height: 100%;
            position: absolute;
            right: -1px;
            top: 0;
            width: 1px;
        }

        .features_div .item.equal-height:nth-child(3)::after, .features_div .item.equal-height:nth-child(5)::after {
            background: #e7e7e7 none repeat scroll 0 0;
            content: "";
            height: 100%;
            position: absolute;
            right: -1px;
            top: 0;
            width: 0px;
        }

        .features_div .item.equal-height:nth-child(4)::before, .features_div .item.equal-height:nth-child(5)::before {
            display: none;
        }

        .features_div .item p {
            font-size: 14px;
            line-height: 1.5 !important;
        }

@media(max-width:768px) {
    .features_div .item {
        flex: 0 0 calc(50% - 0px);
        padding: 15px 10px;
    }

        .features_div .item.equal-height::before {
            display: none;
        }

        .features_div .item.equal-height::after {
            display: none;
        }
}

/*-------------------------------------------------------------------*/
.Services_section_new {
    padding: 80px 0;
}

    .Services_section_new .container {
        margin: 0 auto;
        width: 60%;
        /*    background: #ededed;*/
    }

    .Services_section_new .title {
        margin-bottom: 15px;
        color: #000;
        font-size: 40px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.13;
    }

    .Services_section_new .agency-service-block {
        margin-bottom: 50px;
    }

        .Services_section_new .agency-service-block img {
            width: 50px;
            margin-bottom: 25px;
        }

        .Services_section_new .agency-service-block i, .Services_section_new .agency-service-block .simple-btn {
            color: #fc6161;
        }

        .Services_section_new .agency-service-block .xs-title {
            margin-bottom: 20px;
        }

        .Services_section_new .agency-service-block p {
            margin-bottom: 8px;
            color: #777777;
            font-size: 0.9375rem;
        }

        .Services_section_new .agency-service-block .simple-btn {
            display: inline-block;
            font-size: 1.875rem;
        }

            .Services_section_new .agency-service-block .simple-btn img {
                width: 30px;
            }

            .Services_section_new .agency-service-block .simple-btn i {
                padding-left: 8px;
                position: relative;
                top: 2px;
                -webkit-transition: padding-left .4s ease;
                -o-transition: padding-left .4s ease;
                transition: padding-left .4s ease;
            }

@media(max-width:480px) {
    .Services_section_new .container {
        width: 100%;
    }
}
/*-----------------------------------------------------------*/
.mission_vision_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding: 30px;
}

.card-space:hover .mission_vision_card {
    transform: rotateY(-180deg);
}

.mission_vision_card {
    border-radius: 10px;
    height: 250px;
    margin: 0px;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.5s ease;
}

    .mission_vision_card h1 {
        margin-top: 5px;
        font-size: 25px;
    }

    .mission_vision_card p {
        margin-top: 0px;
        color: #fff;
        margin-bottom: 0px;
    }

.face {
    border-radius: 10px;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.1);
    background-color: #093159;
    padding: 20px;
    position: absolute;
    height: 100%;
    width: 100%;
}

    .face h1 {
        padding: 0;
        color: #fff;
    }

    .face.front {
        text-align: center;
        z-index: 20;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: rotateY(0deg);
        padding: 70px;
    }

        .face.front img {
            width: 20%;
            margin-bottom: 15px;
        }

    .face.back {
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

/*------------------------------------*/
.experience__box {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 15px;
    z-index: 1;
}
/*--------------------------------------------------*/
.interview-series {
    margin: 90px auto;
    max-width: 1262px;
    width: 100%;
}

    .interview-series .heading__title {
        color: #0047ab;
        font-size: 40px;
        font-weight: 600;
        line-height: 120%;
    }

.interview-series__container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    justify-content: center;
    margin-top: 84px;
    margin-bottom: 84px;
}

    .interview-series__container .interview-banner {
        background: linear-gradient(90deg, #fff, #e8edf8);
        border-radius: 8px;
        /*    height: 336px;*/
        height: 260px;
        position: relative;
        width: 100%;
    }

        .interview-series__container .interview-banner::before {
            content: "";
            background: url('https://ekotek.vn/images/about-us/background_series.svg');
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 8px;
            left: 0;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 0;
        }

        .interview-series__container .interview-banner .wrap-background {
            height: 100%;
            position: relative;
            width: 100%;
            z-index: 1;
        }

    .interview-series__container .interview-banner__container {
        display: flex;
        flex-direction: column;
        left: 80px;
        max-width: 694px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .interview-series__container .interview-banner .interview-wrapper {
        align-items: center;
        color: #3a7af3;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
    }

    .interview-series__container .interview-banner p {
        margin: unset;
        padding: unset;
    }

    .interview-series__container .interview-banner .interview-wrapper .brand {
        height: 24px;
        position: relative;
        width: 161px;
    }

    .interview-series__container .interview-banner .author-wrapper {
        margin-top: 0;
        display: flex;
        gap: 12px;
        align-items: center;
    }

        .interview-series__container .interview-banner .author-wrapper span {
            color: #292929;
            font-size: 18px;
            font-weight: 600;
            line-height: 150%;
        }

        .interview-series__container .interview-banner .author-wrapper p {
            color: #666;
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
        }

        .interview-series__container .interview-banner .author-wrapper p {
            color: #666;
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
        }

    .interview-series__container .interview-banner .author-says {
        align-items: flex-start;
        margin-top: 8px;
    }

        .interview-series__container .interview-banner .author-says .icon-quote {
            height: 36px;
            position: relative;
            width: 20px;
        }

        .interview-series__container .interview-banner .author-says p {
            color: #666;
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
        }

        .interview-series__container .interview-banner .author-says ul {
            list-style-type: none;
            padding: 0px 0px;
        }

            .interview-series__container .interview-banner .author-says ul.describe li:before {
                content: "\f105";
                display: block;
                font-family: var(--tg-icon-font-family);
                float: left;
                color: rgba(13, 19, 85, 0.6);
                font-size: 1.2em;
                margin-right: 10px;
                line-height: 1.2;
                font-weight: var(--tg-fw-bold);
            }

        .interview-series__container .interview-banner .author-says .social {
            margin-top: 12px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
        }

            .interview-series__container .interview-banner .author-says .social a {
                transition: ease-in-out 0.3s;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50px;
                width: 40px;
                height: 40px;
                background: #c4dcff;
            }

                .interview-series__container .interview-banner .author-says .social a i {
                    color: #37517e;
                    font-size: 16px;
                    margin: 0 2px;
                }

    .interview-series__container .interview-banner a {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .interview-series__container .interview-banner .read-full {
        align-items: center;
        display: flex;
        margin-top: 24px;
    }

        .interview-series__container .interview-banner .read-full p {
            color: #0047ab;
            font-size: 16px;
            font-weight: 500;
            line-height: 150%;
            text-align: start;
        }

        .interview-series__container .interview-banner .read-full .wrap-icon {
            align-items: center;
            display: flex;
            height: 24px;
            width: 24px;
        }

            .interview-series__container .interview-banner .read-full .wrap-icon span {
                max-height: 100%;
                max-width: 100%;
                min-height: 100%;
                min-width: 100%;
            }

    .interview-series__container .interview-banner__image {
        bottom: 0;
        height: 318px;
        left: calc(100% - 85px);
        position: relative;
        position: absolute;
        transform: translate(-85%);
        width: 315px;
        overflow: hidden;
    }

    .interview-series__container .interview-banner:nth-child(3) .interview-banner__image {
        bottom: -35px;
    }

    .interview-series__container .interview-banner .tag-flag {
        position: absolute;
        right: 75px;
        top: 0;
    }

        .interview-series__container .interview-banner .tag-flag img {
            filter: hue-rotate(200deg) brightness(65%) contrast(175%);
        }

    .interview-series__container .interview-banner .background {
        border-radius: 8px;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

    .interview-series__container .interview-banner:nth-child(2),
    .interview-series__container .interview-banner:nth-child(4) {
        flex-flow: row-reverse nowrap;
    }

        .interview-series__container .interview-banner:nth-child(2) .interview-banner__container,
        .interview-series__container .interview-banner:nth-child(4) .interview-banner__container {
            left: unset;
            right: 80px;
            transform: translateY(-50%);
        }

        .interview-series__container .interview-banner:nth-child(2) .interview-banner__image,
        .interview-series__container .interview-banner:nth-child(4) .interview-banner__image {
            height: 318px;
            left: 60px;
            right: unset;
            transform: unset;
            width: 354px;
            bottom: 0 !important;
        }

        .interview-series__container .interview-banner:nth-child(2) .tag-flag,
        .interview-series__container .interview-banner:nth-child(4) .tag-flag {
            left: 80px;
            position: absolute;
            top: 0;
        }
/*---------------------------------------------------------------*/
section.home-service {
    z-index: 2;
    position: relative;
    padding: 90px 0;
    background: #e7ecf3;
}

.home-service:before {
    position: absolute;
    left: 50%;
    content: "";
    width: .1em;
    top: 0;
    height: 50%;
    background: linear-gradient(180deg, #e5ebf3, #d42230 98%);
    filter: blur(.3px);
    transform: translate(-50%, 0);
}

.animation-service {
    align-items: center;
    contain: paint;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #e5ebf3;
}

    .animation-bg_main .animation_1, .animation-service .animation_s_1 {
        width: 50%;
        animation: 12s linear infinite reverse randomizer-09b56968;
        top: 50%;
        display: block;
        position: absolute;
        transform-origin: 60% 60%;
        transform: translate(0, -50%);
    }

        .animation-bg_main .animation_1:before, .animation-service .animation_s_1:before {
            animation: 9s ease-in-out infinite randomizerBe-09b56968;
            background-color: #f1414f;
            border-radius: 50%;
            content: "";
            display: block;
            padding-bottom: 100%;
            width: 100%;
        }

    .animation-bg_main .animation_2, .animation-service .animation_s_2 {
        animation: 9s linear infinite randomizer-09b56968;
        display: block;
        position: absolute;
        top: 30%;
        transform-origin: 60% 60%;
        width: 50%;
    }

        .animation-bg_main .animation_2:before, .animation-service .animation_s_2:before {
            background-color: #d4cdeb;
            border-radius: 50%;
            content: "";
            display: block;
            padding-bottom: 100%;
            width: 100%;
        }

    .animation-bg_main .animation_3, .animation-service .animation_s_3 {
        animation: 6s linear infinite randomizer-09b56968;
        width: 50%;
        left: 0;
    }

        .animation-bg_main .animation_3:before, .animation-service .animation_s_3:before {
            animation: 15s ease-in-out infinite randomizerBe-09b56968;
            background-color: #b2e6fe;
            border-radius: 50%;
            content: "";
            display: block;
            padding-bottom: 100%;
            width: 100%;
        }

    .animation-bg_main:after, .animation-service:after {
        -webkit-backdrop-filter: blur(2rem);
        backdrop-filter: blur(2rem);
        background-color: rgba(244, 249, 248, .1);
        content: "";
        display: table;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.home-service .serv-box {
    height: 170px;
}

.home-service .service-head h2 {
    font-family: Rubik, serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px;
    color: #00386f;
}

.home-service .service-head p {
    font-family: Rubik, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #333;
}

.home-service .serv-box_h1 {
    background: url(https://www.savit.in/assets/img/service/seo.webp) center / cover no-repeat;
    border-radius: 10px;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.home-service .serv-box_h1, .home-service .serv-box_h2 {
    height: 100%;
    padding: 20px;
    /*filter: grayscale(100%);*/
    /*display: flex;*/
    justify-content: center;
}

.home-service .serv-box {
    text-align: center;
}

    .home-service .serv-box img {
        width: 10rem;
        display: inline;
        height: auto;
        max-width: 100%;
        margin-bottom: 20px;
        position: relative;
        /*filter: brightness(0) invert(1);*/
    }

.home-service .serv-box_h1::before, .home-service .serv-box_h2::before, .home-service .serv-box_h3::before, .home-service .serv-box_h4::before, .home-service .serv-box_h5::before, .home-service .serv-box_h6::before, .home-service .serv-box_h7::before, .home-service .serv-box_h8::before, .home-service .serv-box_h9::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 36%) 0, rgb(0 0 0 / 69%) 54%, rgb(0 0 0 / 84%) 100%);
    z-index: 0;
    border-radius: 10px;
}

.home-service .serv-box_h1 h3, .home-service .serv-box_h2 h3, .home-service .serv-box_h3 h3, .home-service .serv-box_h4 h3, .home-service .serv-box_h5 h3, .home-service .serv-box_h6 h3, .home-service .serv-box_h7 h3, .home-service .serv-box_h8 h3, .home-service .serv-box_h9 h3 {
    font-family: Rubik, serif;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.home-service .serv-box_h1 p, .home-service .serv-box_h2 p, .home-service .serv-box_h3 p, .home-service .serv-box_h4 p, .home-service .serv-box_h5 p, .home-service .serv-box_h6 p, .home-service .serv-box_h7 p, .home-service .serv-box_h8 p, .home-service .serv-box_h9 p {
    font-family: Rubik, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: #fff;
    padding-bottom: 2px;
    position: relative;
}

.home-service .serv-box_h1 a, .home-service .serv-box_h2 a, .home-service .serv-box_h3 a, .home-service .serv-box_h4 a, .home-service .serv-box_h5 a, .home-service .serv-box_h6 a, .home-service .serv-box_h7 a, .home-service .serv-box_h8 a, .home-service .serv-box_h9 a {
    font-family: Rubik, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.66px;
    text-align: center;
    color: #fff;
    position: relative;
}

.home-service .serv-box_h2 {
    background: url(https://www.savit.in/assets/img/service/smo.webp) center / cover no-repeat;
    border-radius: 8px;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.home-service .serv-box_h3 {
    background: url(https://www.savit.in/assets/img/service/sem.webp) center / cover no-repeat;
    flex-wrap: wrap;
    position: relative;
}

.home-service .serv-box_h3, .home-service .serv-box_h4, .home-service .serv-box_h6, .home-service .serv-box_h7, .home-service .serv-box_h8, .home-service .serv-box_h9 {
    justify-content: center;
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    filter: grayscale(100%);
    /*display: flex;*/
    align-content: center;
}

.home-service .serv-box_h4 {
    background: url(https://www.savit.in/assets/img/service/web-design.webp) center / cover no-repeat;
    flex-wrap: wrap;
    position: relative;
}

.home-service .serv-box_h5 {
    background: url(https://www.savit.in/assets/img/service/content.webp) center / cover no-repeat;
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    /*filter: grayscale(100%);*/
    /*display: flex;*/
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

@keyframes randomizerBe-09b56968 {
    0%, 100% {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }

    20% {
        opacity: .5;
        transform: scale(1.5) translateZ(0);
    }

    40% {
        opacity: 1;
        transform: scale(.5) translateZ(0);
    }

    60% {
        opacity: .5;
        transform: scale(1.2) translateZ(0);
    }

    80% {
        opacity: 0;
        transform: scale(.8) translateZ(0);
    }
}

@keyframes randomizer-09b56968 {
    0% {
        transform: rotate(0) translateZ(0);
    }

    100% {
        transform: rotate(1turn) translateZ(0);
    }
}

@media screen and (min-width: 1024px) {
    .home-service:before {
        position: absolute;
        left: 50%;
        content: "";
        width: .1em;
        top: 0;
        height: 50%;
        background: linear-gradient(180deg, #e5ebf3, #d42230 98%);
        filter: blur(.3px);
        transform: translate(-50%, 0);
    }

    .animation-service {
        left: -250px;
    }

        .animation-bg_main .animation_1, .animation-service .animation_s_1 {
            width: 12%;
        }

        .animation-bg_main .animation_2, .animation-service .animation_s_2 {
            width: 16%;
        }

        .animation-bg_main .animation_3, .animation-service .animation_s_3, .menu-toogle-home {
            width: 10%;
        }

    .side-service {
        z-index: 1;
        padding-left: 25px;
    }

    .serv-box_h1, .serv-box_h2, .serv-box_h3, .serv-box_h4, .serv-box_h5 {
        flex-direction: column;
    }

    .home-service:after {
        position: absolute;
        content: "";
        background: url(https://www.savit.in/assets/img/bg-faq.webp) no-repeat;
        left: 10%;
        top: 5%;
        opacity: .2;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
}

@media screen and (min-width: 768px) {
    .home-service .service-head h2 {
        /*font-size: 52px;*/
        font-size: 2.5rem;
        line-height: 64px;
        text-align: left;
        position: relative;
        z-index: 1;
    }

    .home-service .service-head p {
        line-height: 28px;
        font-size: 17px;
        text-align: left;
        position: relative;
        z-index: 1;
    }

    .home-service .serv-box {
        height: 180px;
    }
}

@media(max-width:480px) {
    .home-service:before {
        display: none;
    }
}

/*----------------------------------------------------------------*/

.stacking_card_animation {
    --numcards: 4;
    --card-height: 420px;
    --card-margin: 50px;
    --card-top-offset: 80px;
}

    .stacking_card_animation #cards {
        list-style: none;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(var(--numcards), var(--card-height));
        gap: var(--card-margin);
        padding-bottom: calc(var(--numcards) * var(--card-top-offset));
        margin-bottom: 50px;
    }

    .stacking_card_animation #card-1 {
        --index: 1;
    }

    .stacking_card_animation #card-2 {
        --index: 2;
    }

    .stacking_card_animation #card-3 {
        --index: 3;
    }

    .stacking_card_animation #card-4 {
        --index: 4;
    }

    .stacking_card_animation .card_1 {
        position: sticky;
        top: 100px;
        padding-top: calc(var(--index) * var(--card-top-offset));
    }

    .stacking_card_animation .card-content {
        box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1);
        background: #fffaf2;
        color: #131212;
        border-radius: 2rem;
        overflow: hidden;
        display: grid;
        grid-template-areas: "text img";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        align-items: stretch;
        padding: 1.4em;
    }

        .stacking_card_animation .card-content > div {
            grid-area: text;
            width: 95%;
            max-width: 800px;
            place-self: center;
            text-align: left;
            display: grid;
            gap: 1em;
            place-items: start;
        }

        .stacking_card_animation .card-content > figure {
            grid-area: img;
            overflow: hidden;
        }

            .stacking_card_animation .card-content > figure > img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: .4em;
            }
/*------------------------------------------------------------------------------------*/
.section-background {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 60vh;
    width: 100%;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax {
    background-image: url(../../assets/img/ms_section_parallax_img.jpg);
}

.microsoftPartner_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    background: #fff;
    padding: 3rem;
}

.microsoftPartner_grid .ms_content {
    background: #fff;
    border: 1px solid #6a6a6a;
    border-radius: 10px;
    position: relative;
}

.microsoftPartner_grid .ms_content .content1 {
    padding: 16px;
}

.microsoftPartner_grid .ms_content .content1 img {
    margin-bottom: 15px;
    width: 81%;
}

.microsoftPartner_grid .ms_content .content1 h6 {
    color: #7a7a7a;
    font-size: 14px;
}

.microsoftPartner_grid .ms_content .content2 {
    padding: 16px;
    background: #515151;
    border-radius: 10px;
    height: 95px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.microsoftPartner_grid .ms_content .content2 h6 {
    margin-bottom: 5px;
    color: #fff;
}

.microsoftPartner_grid .ms_content .content2 p {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;
}

.microsoftPartner_grid .ms_content.vertGrid_div {
    border: none;
}

.microsoftPartner_grid .ms_content.vertGrid_div .content {
    background: #fff;
    border: 1px solid #6a6a6a;
    padding: 16px;
    border-radius: 10px;
}

.microsoftPartner_grid .ms_content.vertGrid_div .content img {
    margin-bottom: 15px;
    width: 76%;
}

.microsoftPartner_grid .ms_content.vertGrid_div .content h6 {
    color: #7a7a7a;
    margin-bottom: 0px;
}

.microsoftPartner_grid .ms_content.vertGrid_div .verti_grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}

.last_div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    /* background: #fff; */
    padding: 25px 5px;
    position: relative;
}

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

.last_div:before {
    content: '';
    width: 0;
    height: 59%;
    position: absolute;
    border: 2px solid #515151;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.last_div .div_1 h5, .last_div .div_2 h5 {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 300;
}
   
@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .section-background {
        padding: 25px 10px;
        height: 100%;
    }
    .microsoftPartner_grid {
        grid-template-columns: repeat(4, 1fr);
        padding: 1rem;
    }
    .microsoftPartner_grid .ms_content .content1 {
        padding: 18px;
    }
    .microsoftPartner_grid .ms_content .content2 {
        height: 100px;
        padding: 18px;
    }
    .microsoftPartner_grid .ms_content.vertGrid_div .content {
        padding: 18px;
    }
    .microsoftPartner_grid .ms_content.vertGrid_div .content img {
        margin-bottom: 15px;
        width: 80%;
    }
    .last_div .div_1 h5, .last_div .div_2 h5 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
    .microsoftPartner_grid {
        grid-template-columns: repeat(3, 1fr);
        padding: 1rem;
    }
    .section-background {
        padding: 25px 10px;
        height: 100%;
    }
    .microsoftPartner_grid .ms_content .content2 {
        position: relative;
    }
    .microsoftPartner_grid .ms_content.vertGrid_div .content img {
        margin-bottom: 15px;
        width: 47%;
    }
}

@media(max-width:768px) {
    .slider__btn{
        margin-bottom:25px;
    }
    .microsoftPartner_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .microsoftPartner_grid .ms_content .content2 {
        height: 110px;
        position: relative;
    }
    .section-background {
        padding: 25px 10px;
        height: 100%;
    }
}

@media(max-width:480px) {
    .microsoftPartner_grid {
        grid-template-columns: repeat(1, 1fr);
        padding: 1rem;
    }
    .section-background {
        padding: 25px 10px;
        height: 100%;
    }
}