@charset "UTF-8";

@font-face {
    font-family: 'SortsMillGoudy-Regular';
    src: url('../fonts/SortsMillGoudy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Book';
    src: url('../fonts/Futura-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Medium';
    src: url('../fonts/futura-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Futura-Book';
    font-size: 16px;
    line-height: 21.3px;
    font-weight: normal;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
}

    body p {
        color: #000000;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'SortsMillGoudy-Regular';
}

a, a:focus, a:focus-visible, :focus, a:hover, body a:hover, body a:focus {
    outline: none;
    text-decoration: none;
}

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

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

.table {
    display: table !important;
    width: 100%;
    margin-bottom: 0;
}

a, button {
    cursor: pointer;
}

button {
    background: unset;
    border: 0;
    padding: 0;
}

section {
    width: 100%;
    clear: both;
}

.accordion-button:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-control:focus {
    border-color: #000000;
    outline: 0;
    box-shadow: none;
}

.container-full {
    max-width: 100%;
    padding: 0 100px;
}

.container-1600 {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 100px;
}

.outer_main {
    min-height: calc(100vh - 562px);
}

.blueArrow_btn {
    font-size: 18px;
    line-height: 24px;
    color: #0066CC;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    gap: 8px;
    -webkit-font-smoothing: antialiased;
}

    .blueArrow_btn span:first-child {
        text-decoration: underline;
    }

    .blueArrow_btn span:last-child {
        font-size: 22px;
    }

    .blueArrow_btn img {
        width: 20px;
    }

.light_blue {
    color: #7BBDFF !important;
}

.text_black {
    color: #000000 !important;
}

.text_white {
    color: #ffffff !important;
}

.p_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.p_200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.h_xxl {
    font-size: 64px;
    line-height: 85.3px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

.h_xl {
    font-size: 48px;
    line-height: 64px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px;
}

.h_lg {
    font-size: 42px;
    line-height: 56px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

.h_md {
    font-size: 35px;
    line-height: 46.6px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

.h_sm {
    font-size: 26px;
    line-height: 34.6px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

.h_xs {
    font-family: 'SortsMillGoudy-Regular';
    font-size: 22px;
    line-height: 29.3px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

.h_xxs {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}

.bg_grey {
    background-color: #f7f7f7;
}

.breadcrumb_list {
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
    padding: 19px 0;
}

.breadcrumb-item, .breadcrumb-item a {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .breadcrumb-item a {
        white-space: nowrap;
    }

    .breadcrumb-item img {
        width: auto;
        height: 18px;
    }

    .breadcrumb-item span {
        position: relative;
        top: 2px;
        color: #000000;
    }

    .breadcrumb-item + .breadcrumb-item:before {
        content: '';
        width: 40px;
        border-top: 1px solid #000000;
        padding: 0;
        margin: 0 5px;
    }

.block_txt {
    display: block;
}

.breadcrumb_list ol {
    flex-wrap: nowrap;
}

    .breadcrumb_list ol li:last-child span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        -webkit-line-clamp: 1;
        overflow: hidden;
        word-break: break-all;
    }

.header_one {
    width: 100%;
    background-color: #F8EA21;
}

    .header_one ul, .header_12 ul {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 30px;
        justify-content: flex-end;
    }

        .header_one ul li a, .header_12 ul li a, .header_12 ul li span.dropMenu {
            font-size: 14px;
            line-height: 36px;
            color: #000000;
            display: inline-block;
            cursor: pointer;
        }

        .header_12 ul li a {
            max-width: 350px;
        }

        .header_one ul li a {
            display: flex;
            align-items: center;
            gap: 15px;
            line-height: 22px;
        }

.header_two {
    width: 100%;
    background-color: #373A47;
}

.header_11 img {
    width: auto;
    height: 36px;
}

.header_1 {
    width: 100%;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_12 ul li a, .header_12 ul li span.dropMenu {
    color: #ffffff;
}

.dropMenu img {
    transition: .3s all ease-in-out;
}

    .dropMenu img.imgRotate {
        transform: rotate(180deg);
        transition: .3s all ease-in-out;
    }

.mobile-nav {
    display: none;
}

.header_12_subsec {
    position: absolute;
    width: 100%;
    padding: 40px 250px;
    background: #ffffff;
    border-radius: 3px;
    top: 88px;
    right: 0px;
    z-index: 9;
    display: none;
    transform: translateY(-20px);
    box-shadow: 0px 7px 10px 8px rgb(0 0 0 / 23%);
    transition: transform .4s ease-out, opacity .3s ease-out;
    min-height: 400px;
}

.header_12_subsec_body {
    display: flex;
    gap: 100px;
    justify-content: center;
}

.header_12_subsec_body_txt {
    width: 20%;
}

    .header_12_subsec_body_txt p {
        font-family: 'Futura-Book';
        font-size: 14px;
        line-height: 19px;
        color: #717171;
        margin-bottom: 0;
        -webkit-font-smoothing: antialiased;
    }

.header_12 .header_12_subsec_body_txt a {
    font-family: 'Futura-Medium';
    font-size: 18px;
    line-height: 24px;
    gap: 8px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 15px;
}

.header_12 .header_12_subsec_body_txt img {
    width: 18px;
    margin-top: 6px;
    transform: unset;
}

.header_12_subsec_body_txt i {
    position: relative;
    top: 1px;
    width: 10px;
    height: 10px;
    font-size: 20px;
    transition: .3s;
    justify-content: center;
}

.header_11_subsec_body_txt a, .header_11_subsec_body_txt i {
    color: #000;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header_11_subsec_body_txt p {
    width: 234px;
    font-family: 'Futura-Book';
    font-size: 14px;
    line-height: 19px;
    color: #717171;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
}

.innerMenu {
    width: calc(100% - 234px);
}

    .innerMenu > ul > li {
        width: 100%;
        margin-bottom: 15px;
    }

    .innerMenu li h5 {
        font-family: 'Futura-Medium';
        font-size: 16px;
        line-height: 22px;
        color: #000;
        -webkit-font-smoothing: antialiased;
        margin-bottom: 6px;
    }

.inner_txt {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0;
    color: #505050;
}

.header_12 .innerMenuList {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

    .header_12 .innerMenuList li a {
        color: #000000;
    }

.header_12 .innerMenuList1, .header_12 .innerMenuList2, .header_12 .innerMenuList3 {
    display: unset;
    width: 33.3%;
}

.ooh_header_drop .innerMenu {
    display: flex;
    width: 80%;
    gap: 30px;
}

.ooh_credentials_sec {
    position: relative;
}

    .ooh_credentials_sec .offcanvas-header {
        position: absolute;
        top: -48px;
        width: 100%;
    }

        .ooh_credentials_sec .offcanvas-header .close_btn {
            padding: 0;
        }

    .ooh_credentials_sec .offcanvas {
        height: calc(100vh - 48px);
        background: #f8ea21 url('../images/cred-bg.svg') no-repeat;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .ooh_credentials_sec .offcanvas-body {
        padding-left: 83px;
        padding-top: 29px;
    }

.ooh_credentials_body {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%;
}

.personImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(-260px);
    opacity: 0;
    transition: 1s all ease;
}

    .personImg img {
        width: auto;
        height: 100%;
    }

.offcanvas.show .personImg {
    transform: translateX(0);
    opacity: 1;
}

.ooh_credentials_sec .offcanvas-backdrop.show {
    opacity: 0.8;
}

.ooh_Form_table {
    width: 442px;
    padding-top: 15vh;
}

    .ooh_Form_table h3 {
        margin-bottom: 5px;
    }

    .ooh_Form_table p {
        margin-bottom: 107px;
    }

    .ooh_Form_table .form_field {
        margin-bottom: 0;
    }

        .ooh_Form_table .form_field input {
            background-color: #fff;
            border: 1px solid #BEBEBE;
            border-radius: 2px;
            padding: 13px 15px;
        }

            .ooh_Form_table .form_field input::placeholder {
                color: #C9C9C9;
                ;
            }

        .ooh_Form_table .form_field a {
            position: absolute;
            top: 50%;
            transform: translate(0, 5px);
            right: 16px;
        }

    .ooh_Form_table .resend_otp {
        text-align: right;
        margin-bottom: 0;
        text-decoration: underline;
        margin-top: 13px;
    }

.footer {
    width: 100%;
    background: #000000;
    position: relative;
}

.footerTop {
    width: 100%;
    display: flex;
    gap: 30px;
    padding-top: 100px;
    padding-bottom: 88px;
    align-items: flex-start;
    overflow: hidden;
}

    .footerTop .footerRES {
        width: calc(19% - 24px);
    }

        .footerTop .footerRES.col_1 {
            width: calc(24% - 24px);
        }

.logoFooter img {
    width: auto;
    height: 40px;
}

.footerInner h3 {
    font-family: 'SortsMillGoudy-Regular';
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 22px;
    margin-bottom: 12px;
}

.footerTop h4 {
    font-family: 'SortsMillGoudy-Regular';
    font-size: 28px;
    line-height: 37px;
    color: #ffffff;
    margin-bottom: 15px;
}

.footerInner {
    width: 100%;
}

.col_1 .footerInner {
    margin-bottom: 40px;
}

.footerInner > p {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 20px;
}

.footerInner .contact_btn {
    font-family: 'Futura-Book';
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
    border: 1px solid #ffffff;
    padding: 10px 20px;
    width: 213px;
    display: inline-block;
}

.footerInner ul li {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
}

    .footerInner ul li:last-child {
        margin-bottom: 0;
    }

    .footerInner ul li a {
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        display: inline-block;
    }

        .footerInner ul li a:hover, .footerInner li a:focus {
            color: #ffffff;
        }

.paddTop_52 ul {
    padding-top: 52px;
}

.site_logo {
    width: 100%;
    margin-bottom: 60px;
}

    .site_logo img {
        width: auto;
        height: 24px;
    }

.copy {
    width: 100%;
    background: transparent;
}

.bottom_footer {
    width: 100%;
    padding: 18px 0;
    border-top: 1px solid rgb(189 189 189 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .bottom_footer .logoFooter img {
        width: 120px;
    }

.copyInner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .copyInner p {
        font-family: 'Futura-Medium';
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        margin-bottom: 0;
    }

        .copyInner p a {
            color: #ffffff;
            text-decoration: underline;
        }

.socialIcon {
    width: 100%;
}

    .socialIcon > ul {
        display: flex;
        gap: 18px;
    }

    .socialIcon ul li {
        width: unset;
    }

        .socialIcon ul li a:hover {
            background: #3d3d3d;
            transition: all 0.3s ease-in-out 0s;
        }

    .socialIcon a img {
        width: auto;
        height: 23px;
    }

.contactSec_1 {
    padding: 163px 0;
}

.contSec_1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    gap: 40px;
}

.contSec_11 {
    max-width: 612px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding-top: 73px;
    padding-bottom: 10px;
}

.contSec_1 img {
    width: 100%;
}

.contSec_11 .border_line {
    position: absolute;
    left: 4px;
    right: 0;
    bottom: 22px;
    width: 100%;
    border-top: 1px solid #000000;
    transform: rotate(-3deg);
    display: none;
}

.contSec_12 {
    width: 48%;
    flex-shrink: 0;
}

    .contSec_12 > img {
        display: none;
    }

.contSec_121 {
    width: 100%;
    height: 100%;
    padding: 65px;
    background-color: #f7f7f7;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contSec_12 .form_box {
    width: 100%;
}

.form_field {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

    .form_field label, .form_field input, .form_field textarea {
        width: 100%;
        font-family: 'Futura-Book';
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        -webkit-font-smoothing: antialiased;
    }

        .form_field input::placeholder, .form_field textarea::placeholder {
            font-size: 16px;
            line-height: 22px;
        }

    .form_field label {
        margin-bottom: 10px;
    }

    .form_field input, .form_field textarea {
        padding: 0;
        padding-bottom: 5px;
        border: 0;
        border-bottom: 1px solid #000000;
        border-radius: 1px;
        background-color: unset;
        position: relative;
        resize: none;
    }

.flag_dropdown button, .phone_div {
    width: 100%;
    color: #000000;
}

.phone_div {
    display: flex;
    gap: 10px;
    font-size: 14px;
    line-height: 18px;
    justify-content: space-between;
    -webkit-font-smoothing: antialiased;
}

.flag_dropdown {
    min-width: 60px;
    flex-shrink: 0;
    position: relative;
    border-bottom: 1px solid #000;
}

    .flag_dropdown button {
        text-align: left;
    }

    .flag_dropdown button, .flag_list li span, .number_box span {
        font-size: 16px;
        line-height: 22px;
        -webkit-font-smoothing: antialiased;
    }

        .flag_dropdown button span:after {
            content: '';
            background: url('../images/arrow-down.svg') no-repeat;
            width: 30px;
            height: 14px;
            display: inline-flex;
            vertical-align: middle;
            align-items: center;
            justify-content: center;
            transition: .3s;
        }

        .flag_dropdown button.arrow_down span:after {
            transform: rotate(180deg);
        }

.flag_list {
    width: 270px;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    border-radius: 3px;
    padding: 15px 0;
    box-shadow: 0 2px 10px #0000001a;
    opacity: 0;
    visibility: hidden;
    max-height: 330px;
}

.flag_list {
    overflow-x: visible;
    overflow-y: auto;
}

    .flag_list::-webkit-scrollbar {
        width: 2px;
        border-radius: 2px;
    }

    .flag_list::-webkit-scrollbar-track {
        background: #f7f7f7;
    }

    .flag_list::-webkit-scrollbar-thumb {
        background: #dddddd;
        border-radius: 2px;
        cursor: pointer;
    }

        .flag_list::-webkit-scrollbar-thumb:hover {
            background: #dddddd;
            cursor: pointer;
        }

    .flag_list li, .flag_list li a {
        width: 100%;
        gap: 10px;
        color: #000;
        display: flex;
        align-items: center;
    }

    .flag_list li {
        padding: 5px 15px;
        margin-bottom: 2px;
        cursor: pointer;
    }

        .flag_list li:last-child {
            margin-bottom: 0;
        }

        .flag_list li.active, .flag_list li:hover {
            background-color: #edf0ff;
            cursor: pointer;
        }

        .flag_list li img {
            width: 20px;
        }

        .flag_list li span {
            color: #000000;
        }

.number_box {
    width: calc(100% - 73px);
    position: relative;
}

    .number_box span {
        position: absolute;
        top: 0;
        color: #696969;
    }

    .number_box input {
        padding-left: 60px;
    }

.subject_div .flag_dropdown {
    width: 100%;
    padding-bottom: 5px;
}

.flag_dropdown button.grey_color {
    color: #696969;
}

.subject_div .flag_dropdown button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subject_div .flag_dropdown .flag_list {
    width: 95%;
}

.form_field textarea::placeholder {
    position: absolute;
    bottom: 6px
}

.form_btn {
    width: 100%;
    margin-top: 40px;
    display: flex;
    gap: 15px;
}

    .form_btn button {
        font-family: 'Futura-Book';
        font-size: 16px;
        line-height: 21.3px;
        color: #ffffff;
        -webkit-font-smoothing: antialiased;
        padding: 8px 25px;
        border-radius: 2px;
        background-color: #000000;
        border: 1px solid #000000;
        min-width: 110px;
        height: 42px;
    }

        .form_btn button.border_btn {
            color: #000000;
            background: unset;
            border-color: #000000;
        }

        .form_btn button:hover, .form_btn button:focus {
            color: #ffffff;
        }

        .form_btn button.border_btn:hover, .form_btn button.border_btn:focus {
            color: #000000;
        }

.error {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 15px;
    line-height: 18px;
    color: #dd0f0f;
    text-align: left;
}

.error_box input {
    border-color: #dd0f0f !important;
}

.succ_box {
    width: 100%;
    text-align: center;
}

.contact_close_btn {
    position: absolute;
    top: 15px;
    right: 16px;
    width: unset;
    height: unset;
    color: #323232;
    background: unset;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.succ_box .contact_close_btn img {
    width: 16px;
    margin: 0;
}

.succ_box img {
    width: 60px;
    margin-bottom: 20px;
}

.succ_box h4 {
    font-family: 'Futura-Book';
    font-size: 22px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 15px;
}

.succ_box p {
    font-size: 16px;
    line-height: 21.3px;
    margin: 0;
}

.succ_box h4.err_msg {
    color: #c90000;
}

.err_mail {
    font-family: 'Futura-Medium';
}

.home_sec {
    background-color: #1F1E1E;
    position: relative;
    width: 100%;
    display: table;
    height: 816px;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.home_sec0 {
    width: 100%;
    display: flex;
    align-items: center;
}

.home_sec1 {
    width: 43%;
    z-index: 1;
}

.homeImg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55%;
    height: 100%;
}

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

.home_sec1 h2, .home_sec1 p {
    font-family: 'Futura-Book';
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
}

.home_sec11 {
    width: 100%;
    margin-top: 100px;
}

.home_sec21 {
    width: 100%;
    text-align: center;
}

    .home_sec21 p {
        font-size: 22px;
        line-height: 24px;
        color: #000000;
        margin-bottom: 0;
    }

.home_sec22 {
    width: 100%;
    margin: 70px 0;
}

    .home_sec22 img {
        width: 100%;
    }

.home_sec23 > p {
    font-family: 'SortsMillGoudy-Regular';
    max-width: 910px;
}

.home_sec24 {
    width: 100%;
    display: flex;
    margin-top: 70px;
}

.home_sec241 li:not(:last-child) {
    margin-bottom: 40px;
}

.home_sec241 li h3 {
    margin-bottom: 10px;
    position: relative;
}

.home_sec241, .home_sec242 {
    width: 50%;
}

.home_sec241 {
    padding-left: 80px;
}

    .home_sec241 li h3 span {
        width: 16px;
        height: 1px;
        display: block;
        background-color: #000000;
        position: absolute;
        left: -30px;
        top: 15px;
    }

.home_sec242 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.img_border img {
    width: 112px;
    height: 94px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    position: relative;
}

.img_border:nth-child(1) img, .img_border:nth-child(5) img {
    left: -20px;
    z-index: 1;
}

.img_border:nth-child(2) img, .img_border:nth-child(6) img {
    transform: rotate(-33deg);
    top: 13px;
    left: -91px;
}

.img_border:nth-child(3) img, .img_border:nth-child(7) img {
    transform: rotate(22deg);
    top: 2px;
    left: -13px;
}

.img_border:nth-child(4) img, .img_border:nth-child(8) img {
    transform: rotate(-14deg);
    top: 15px;
    left: -44px;
}

.img_border:nth-child(5) img {
    margin-top: 20px;
}

.expandBox {
    opacity: 0;
    visibility: hidden;
    transition: 1s opacity;
}

.expandimg {
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: 1s opacity;
}

    .expandimg > img {
        width: 463px;
        height: 408px;
        object-fit: cover;
        box-shadow: 0 2px 6px rgb(0 0 0 / 11%);
        position: relative;
    }

.expandBox_1 .expandimg:nth-child(1), .expandBox_2 .expandimg:nth-child(2), .expandBox_3 .expandimg:nth-child(3), .expandBox_4 .expandimg:nth-child(4), .expandBox_5 .expandimg:nth-child(5), .expandBox_6 .expandimg:nth-child(6), .expandBox_7 .expandimg:nth-child(7), .expandBox_8 .expandimg:nth-child(8) {
    opacity: 1;
    visibility: visible;
}

.close_btn {
    position: absolute;
    top: 12px;
    right: 12px;
}

    .close_btn img {
        width: 17px;
    }

.imageTxt {
    position: absolute;
    bottom: 35px;
    right: 15px;
    padding: 18px 20px;
    padding-bottom: 16px;
    border-radius: 2px;
    background-color: #F8EA21;
    min-width: 230px;
    transform: rotate(-10deg);
}

    .imageTxt p {
        font-size: 20px;
        line-height: 26.6px;
        margin-bottom: 0;
    }

.home_sec25 {
    width: 100%;
    padding: 15px 20px;
    padding-right: 40px;
    background-color: #f7f7f7;
    border: 1px solid #D3D3D3;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    margin-top: 160px;
}

    .home_sec25 p {
        max-width: 880px;
    }

    .home_sec25 img {
        width: 39px;
    }

.home_sec31 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.home_sec311, .home_sec312 {
    width: 50%;
}

.home_sec311 {
    max-width: 560px;
}

    .home_sec311 ul {
        width: 100%;
        margin-top: 25px;
    }

        .home_sec311 ul li {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 10px;
        }

            .home_sec311 ul li:last-child {
                margin-bottom: 0;
            }

            .home_sec311 ul li span {
                width: 16px;
                height: 1px;
                display: block;
                background-color: #000000;
            }

.mapOuter {
    width: 100%;
    height: 488px;
    border: 1px solid #f1f1f1;
    position: relative;
}

#map {
    width: 100%;
    height: 100%;
}

.sidebar {
    width: 100%;
    overflow-y: hidden;
    overflow-X: auto;
    margin-top: 60px;
}

    .sidebar::-webkit-scrollbar {
        height: 6px;
        border-radius: 6px;
    }

    .sidebar::-webkit-scrollbar-track {
        background: #ffffff;
    }

    .sidebar::-webkit-scrollbar-thumb {
        background: #dddddd;
        border-radius: 6px;
        cursor: pointer;
    }

        .sidebar::-webkit-scrollbar-thumb:hover {
            background: #dddddd;
            cursor: pointer;
        }

.listings {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
}

    .listings .item_images a {
        width: 59px;
        height: 62px;
        border-bottom: 2px solid transparent;
        display: block;
    }

    .listings .item_images .title {
        display: block;
        color: rgb(0 0 0 / 0%);
    }

    .listings .item_images:first-child a {
        background: url("../images/bb-7.svg")no-repeat;
        background-position: center;
        background-size: 100%;
    }

li.item_images span {
    opacity: 0;
}

.listings .item_images:nth-child(2) a {
    background: url("../images/hp-16.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(3) a {
    background: url('../images/buffalo-4.png')no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(4) a {
    background: url("../images/ndmc-10.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(5) a {
    background: url("../images/lotus-8.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(6) a {
    background: url("../images/Shakti-Electronics.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(7) a {
    background: url("../images/ujjala-12.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(8) a {
    background: url('../images/paytm-5.png')no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(9) a {
    background: url("../images/lulu-15.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(10) a {
    background: url("../images/nre.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(11) a {
    background: url("../images/Xchange.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(12) a {
    background: url("../images/fbb.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(13) a {
    background: url("../images/flag-11.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(14) a {
    background: url("../images/paan-14.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(15) a {
    background: url("../images/raj-shree-9.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(16) a {
    background: url("../images/lg-6.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(17) a {
    background: url("../images/Bharat_Electronics.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(18) a {
    background: url("../images/safal-13.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(19) a {
    background: url("../images/torrent-18.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images:nth-child(20) a {
    background: url("../images/qrs-17.png")no-repeat;
    background-position: center;
    background-size: 100%;
}

.listings .item_images.active a {
    border-color: #373A47;
}

.listings .item_images .title small {
    font-weight: 400;
}

.leaflet-popup-close-button {
    display: none;
}

.leaflet-popup-content {
    font: 400 12px/20px 'Source Sans Pro', 'Helvetica Neue', sans-serif;
    padding: 0;
    max-width: 250px !important;
    min-width: 150px !important;
    box-shadow: 0 9px 10px rgb(0 0 0 / 16%)
}

    .leaflet-popup-content p {
        font: 400 12px/20px 'Source Sans Pro', 'Helvetica Neue', sans-serif;
    }

        .leaflet-popup-content p:last-child {
            margin-bottom: 0;
        }

.leaflet-popup-content-wrapper {
    padding: 0;
}

.leaflet-popup-content div {
    padding: 10px;
}

.leaflet-container .leaflet-marker-icon {
    cursor: pointer;
}

.leaflet-marker-pane .leaflet-marker-icon:not(.customIcon), .leaflet-bottom.leaflet-right {
    display: none;
}

.home_sec4 h2 {
    text-align: center;
    margin-bottom: 70px;
}

.home_sec41 {
    width: 100%;
    margin-top: 100px;
    height: 816px;
}

    .home_sec41 img {
        width: 100%;
        margin-bottom: 60px;
    }

    .home_sec41 p {
        max-width: 705px;
    }

.partitionLine {
    width: 100%;
    text-align: center;
}

    .partitionLine img {
        width: 73px;
        height: 68px;
    }

    .partitionLine.rotate img {
        transform: rotate(80deg);
    }

.home_sec5 {
    width: 100%;
    background: url('../images/dots-bg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    display: table;
    height: 408px;
    position: relative;
}

.home_sec51 {
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .home_sec51 p {
        margin-bottom: 30px;
    }

.home_sec6 {
    background-color: #222224;
}

.home_sec61 h2 {
    font-size: 80px;
    line-height: 106px;
    color: #ffffff;
    margin-bottom: 40px;
    -webkit-font-smoothing: antialiased;
}

.home_sec62 {
    max-width: 700px;
}

    .home_sec62 h3 {
        font-size: 48px;
        line-height: 60px;
        color: #ffffff;
        margin-bottom: 25px;
        -webkit-font-smoothing: antialiased;
    }

    .home_sec62 p {
        font-size: 24px;
        line-height: 32px;
        color: #ffffff;
        margin-bottom: 20px;
        -webkit-font-smoothing: antialiased;
    }

.home_sec63 {
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
}

.home_sec631 {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
}

    .home_sec631 img {
        width: auto;
        height: 74px;
    }

    .home_sec631 span {
        width: 100%;
        height: 1px;
        background-color: #F8EA21;
        display: block;
    }

.subscribe_popup .modal-dialog {
    max-width: 805px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10%;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.subscribe_popup .modal-body {
    padding: 60px;
}

.subscribe_popup .close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: unset;
    height: unset;
    color: #000000;
    background: unset;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.modal_body h3 {
    margin: 0;
}

.modal_body p {
    font-size: 24px;
    line-height: 32px;
}

.subscribe_popup .close_btn img {
    width: 16px;
}

.subscribe_btn {
    max-width: 550px;
    display: flex;
    margin-top: 100px;
    position: relative;
}

    .subscribe_btn input {
        font-size: 18px;
        line-height: 24px;
        color: #000000;
        border: 0;
        width: calc(100% - 126px);
        padding: 8px 8px 8px 0;
        border-bottom: 1px solid #dddddd;
    }

        .subscribe_btn input::placeholder {
            font-size: 18px;
            line-height: 24px;
        }

    .subscribe_btn button {
        font-size: 18px;
        line-height: 24px;
        color: #ffffff;
        background-color: #000000;
        padding: 10px 15px;
        display: inline-block;
        border-radius: 1px;
        width: 126px;
        text-align: center;
        flex-shrink: 0;
    }

.modal_body2 {
    width: 100%;
    min-height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

    .modal_body2 img {
        width: 110px;
    }

.modal_body .modal_body2 p {
    font-size: 18px;
    line-height: 24px;
}

.servis_sec {
    background: #07080D url('../images/services-banner.webp') no-repeat;
    background-position: 44% 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
    height: 816px;
}

.servicesImg {
    display: none;
}

.servis_sec1 {
    max-width: 660px;
}

    .servis_sec1 h1 {
        margin-bottom: 70px;
    }

    .servis_sec1 p {
        font-size: 18px;
        line-height: 24px;
        color: #ffffff;
        border-top: 1px solid #ffffff;
        padding-top: 20px;
        margin-bottom: 0;
    }

.servis_sec2 {
    width: 100%;
    height: 608px;
    display: table;
}

.servis_sec21 {
    max-width: 1174px;
    margin: 0 auto;
    text-align: center;
}

.platSec_1 {
    display: table;
    position: relative;
    height: 816px;
}

    .platSec_1.reveal {
        opacity: 1;
        transform: translateY(0);
    }

.platSec_12 {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.platSec_121 {
    width: 50%;
    max-width: 570px;
}

.platSec_221 {
    margin-right: 0;
    margin-left: auto;
}

.mar_bot {
    margin-bottom: 30px;
}

.bg_0, .bg_0.reveal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: translateY(0);
}

.bg_1 {
    background: #010101 url('../images/OCM-banner.webp') no-repeat;
    background-size: cover;
    background-position: 54% 100%;
}

.bg_2 {
    background: #E9E9E9 url('../images/MAT-banner.webp') no-repeat;
    background-size: cover;
    background-position: 38% 100%;
}

.bg_3 {
    background: #010101 url('../images/TMT-banner.webp') no-repeat;
    background-size: cover;
    background-position: 60% 100%;
}

.bg_4 {
    background: #E3E7EB url('../images/GS-banner.webp') no-repeat;
    background-size: cover;
    background-position: 25% 100%;
}

.bg_5 {
    background: #272A33 url('../images/BR-DC-banner.webp') no-repeat;
    background-size: cover;
    background-position: 50% 100%;
}

.bg_6 {
    background: #D7B677 url('../images/RBAT-banner.webp') no-repeat;
    background-size: cover;
    background-position: 58% 100%;
}

.bg_7 {
    background: #BAAEAD url('../images/BTL-CT-banner.webp') no-repeat;
    background-size: cover;
    background-position: 82% 100%;
}

.bg_8 {
    background: #020E0F url('../images/POP-RBC-banner.webp') no-repeat;
    background-size: cover;
    background-position: 54% 100%;
}

.bg_9 {
    background: #E3E3E3 url('../images/PAAM-banner.webp') no-repeat;
    background-size: cover;
    background-position: 68% 100%;
}

.bg_10 {
    background: #D3CECB url('../images/WPM-banner.webp') no-repeat;
    background-size: cover;
    background-position: 50% 100%;
}

.bg_11 {
    background: #18262F url('../images/WA-banner.webp') no-repeat;
    background-size: cover;
    background-position: 46% 100%;
}

.bg_12 {
    background: #D3CECB url('../images/PAA-banner.webp') no-repeat;
    background-size: cover;
    background-position: 50% 100%;
}

.bg_13 {
    background: #E5E3D7 url('../images/SMA-banner.webp') no-repeat;
    background-size: cover;
    background-position: 75% 100%;
}

.home_sec4.servis_sec3 {
    height: 1224px;
    display: flex;
    align-items: center;
}

    .home_sec4.servis_sec3 .home_sec41 {
        height: unset;
        margin: 0;
    }

.servis_sec3 p a {
    font-size: 16px;
    line-height: 21.3px;
    text-decoration: underline;
}

.works_sec1 {
    background: #e4e6e2 url('../images/works-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
    height: 816px;
}

    .works_sec1 .home_sec1 {
        max-width: 575px;
        width: unset;
    }

.works_sec2 .servis_sec21 {
    max-width: 1228px;
}

.home_sec42 {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
}

.home_sec421 {
    max-width: 960px;
}

.home_sec422 img {
    width: auto;
    max-width: 137px;
    height: 36px;
    object-fit: contain;
    margin: 0;
    padding-left: 12px;
    border-left: 1px solid #000000;
}

.works_sec4, .works_sec5 {
    border-top: 1px solid #C9C9C9;
}

.home_sec421 span {
    font-size: 19px;
}

.home_sec421 p {
    max-width: 100%;
}

.works_sec6.home_sec41 img {
    margin-bottom: 40px;
}

.casestu_sec1 {
    background: #0A0F12 url('../images/case-studies-banner.jpg') no-repeat;
    background-position: 66% 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
    height: 816px;
}

    .casestu_sec1 .servis_sec1 {
        max-width: 450px;
        position: relative;
    }

        .casestu_sec1 .servis_sec1 p {
            padding: 0;
            border: 0;
            padding-bottom: 30px;
            border-bottom: 1px solid #ffffff;
        }

.scrolldown_btn {
    position: absolute !important;
    bottom: -22px;
    right: -40px;
}

.scrolldown_ani {
    display: inline-block;
}

    .scrolldown_ani img {
        width: 28px;
    }

.casestu_sec2 {
    width: 100%;
    margin-top: 100px;
    padding-bottom: 100px;
    height: 1224px;
}

.casestu_sec21, .casStdySec21 {
    width: 100%;
}

    .casestu_sec21 > img, .casStdySec21 img {
        width: 100%;
        height: 816px;
        object-fit: cover;
        margin-bottom: 60px;
    }

    .casestu_sec21 h3, .casestu_sec21 p {
        margin-bottom: 20px;
    }

    .casestu_sec21 h3 {
        margin-bottom: 25px;
    }

    .casestu_sec21 .home_sec422 img {
        border: 0;
        padding: 0;
        width: 94px;
        height: 71px;
    }

.about_sec1 {
    background: #EAEAEC url('../images/about-banner.jpg') no-repeat;
    background-position: 54% 100%;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
    height: 408px;
}

    .about_sec1 .servis_sec1 {
        max-width: 706px;
    }

.about_sec21 {
    width: 100%;
    height: 1632px;
    padding-left: 30px;
    border: 1px solid #D1D1D1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_sec211 {
    max-width: 665px;
}

    .about_sec211 p {
        font-family: 'SortsMillGoudy-Regular';
        font-size: 32px;
        line-height: 42.6px;
        color: #000000;
        -webkit-font-smoothing: antialiased;
        margin-bottom: 25px;
        text-indent: 46px;
    }

        .about_sec211 p:last-child {
            margin-bottom: 0;
        }

.about_sec212 {
    height: 100%;
}

    .about_sec212 img {
        width: 529px;
        height: 100%;
        object-fit: cover;
    }

.contact_sec1 {
    background: linear-gradient(to bottom, #eceefc 5%, rgb(254 254 254) 100%);
    position: relative;
    width: 100%;
    display: table;
    height: 408px;
}

    .contact_sec1 .home_sec1 {
        text-align: center;
        max-width: 330px;
        margin: 0 auto;
    }

.home_sec, .servis_sec, .works_sec1, .works_sec4, .works_sec5, .casestu_sec1, .about_sec1, .contact_sec1 {
    overflow: hidden;
}

.reveal2, .reveal {
    position: relative;
    transform: translateY(160px);
    opacity: 0;
    transition: 1s all ease;
}

    .reveal2.reveal3 {
        transform: translateY(250px);
    }

    .reveal2.reveal4 {
        transform: translateY(350px);
    }

.homeImg.reveal2 {
    position: absolute;
    transform: translateY(300px);
    opacity: 0;
    transition: 1s all ease;
}

    .reveal2.active, .reveal.active, .reveal2.reveal3.active, .reveal2.reveal4.active, .homeImg.reveal2.active {
        transform: translateY(0);
        opacity: 1;
    }

.bannerHeight {
    position: relative;
    height: calc(100vh - 90px);
    min-height: 816px;
    overflow: hidden;
}

.oohCamSec1 {
    background: #07080D url('../images/ooh-camp-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.table_cell2 {
    display: table-cell;
    vertical-align: bottom;
}

.oohCamSec11 {
    padding-bottom: 100px;
}

.oohCamSec12 p {
    max-width: 464px;
    margin-bottom: 40px;
}

.oohCamSec12 h1, .casStdySec412 h3, .casStdySec611 h3 {
    font-size: 62px;
    line-height: 82.6px;
}

.book_call_btn {
    color: #fff;
    text-decoration: underline;
    position: relative;
}

    .book_call_btn img {
        padding-left: 30px;
    }

    .book_call_btn::after {
        content: '';
        position: absolute;
        right: 30px;
        height: 18px;
        bottom: 0;
        border-left: 1px solid #ffffff;
    }

.oohCamSec12 h1 {
    margin-top: 123px;
}

.oohCamSec2 {
    width: 100%;
    padding: 130px 0 100px;
    background-color: #f4f4f4;
    height: 1428px;
}

.oohCamSec21 {
    width: 100%;
}

    .oohCamSec21 h2 {
        margin-bottom: 40px;
    }

    .oohCamSec21 p {
        font-size: 26px;
        line-height: 35px;
        max-width: 960px;
    }

.oohCamSec22 {
    width: 100%;
    margin-top: 185px;
}

    .oohCamSec22 img {
        width: 100%;
    }

.oohCamSec3 {
    width: 100%;
    display: table;
    padding: 100px 0;
    height: 1632px;
}

.oohCamSec31 {
    width: 100%;
}

.oohCamSec311 {
    width: 100%;
    margin-bottom: 100px;
}

    .oohCamSec311 h3 {
        max-width: 950px;
    }

    .oohCamSec311 h4 {
        max-width: 730px;
        margin-bottom: 40px;
    }

    .oohCamSec311 p {
        max-width: 710px;
    }

.oohCamSec312 {
    max-width: 700px;
}

    .oohCamSec312 ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

        .oohCamSec312 ul li {
            width: 100%;
            display: flex;
        }

.icon_side {
    width: 55px;
    height: 63px;
    border-bottom: 1px dashed #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon_side img {
        width: auto;
        height: 34px;
    }

.cont_side {
    width: calc(100% - 55px);
    border-left: 1px solid #000000;
}

    .cont_side h4 {
        font-size: 32px;
        line-height: 42px;
        color: #000000;
        padding: 10px 0 10px 30px;
        border-bottom: 1px dashed #000000;
    }

    .cont_side p {
        padding: 15px 0 15px 30px;
        padding-right: 0;
    }

.oohCamSec4 {
    width: 100%;
    display: table;
    background-color: #000000;
    height: 816px;
    overflow: hidden;
}

.oohCamSec41 {
    width: 100%;
    border: 1px solid #363636;
}

.oohCamSec42 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
}

.oohCamSec421 {
    width: 50%;
    max-width: 620px;
    padding-left: 30px;
}

    .oohCamSec421 h3 {
        margin-bottom: 25px;
    }

    .oohCamSec421 p {
        max-width: 494px;
    }

.oohCamSec422 {
    width: 50%;
    text-align: right;
}

.paddingRight {
    padding-right: 30px;
}

.oohCamSec422 img {
    width: 100%;
    height: 414px;
    object-fit: cover;
}

.read_btn {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #363636;
    background: #151515;
}

    .read_btn .blueArrow_btn img {
        width: auto;
        transform: rotate(-35deg);
    }

.oohCamSec5 {
    display: table;
    background: #F4F4F4;
    height: 1016px;
}

.ooh_mon_upper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 66px;
}

    .ooh_mon_upper p {
        font-size: 23px;
        line-height: 30.6px;
        margin-bottom: 38px;
    }

.oohMonLower {
    display: flex;
    align-items: stretch;
    padding: 3px;
    background-color: #ffffff;
    border: 1px solid #E3E3E3;
    height: 475px;
}

.oohMonLower1 {
    width: 515px;
    height: 100%;
}

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

.oohMonLower2 {
    width: calc(100% - 550px);
    max-width: 637px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.oohMonLower21 {
    padding-left: 40px;
}

    .oohMonLower21 li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 13px;
    }

        .oohMonLower21 li::before, .detail_list p:before {
            content: '';
            position: absolute;
            border-bottom: 1px solid #000000;
            width: 15px;
            top: 9px;
            left: 0;
        }

.oohCamSec6 {
    width: 100%;
    display: table;
    height: 816px;
}

.ooh_questions_sec {
    display: flex;
}

.ooh_questions_subsec1, .ooh_questions_subsec2 {
    width: 50%;
}

    .ooh_questions_subsec1 p {
        max-width: 430px;
    }

    .ooh_questions_subsec2 p {
        margin-bottom: 0;
        max-width: 580px;
    }

    .ooh_questions_subsec2 .accordion-item button::after {
        display: none;
    }

    .ooh_questions_subsec2 .accordion-item {
        border: 0;
        border-bottom: 1px solid #ddd;
    }

        .ooh_questions_subsec2 .accordion-item:last-of-type {
            border: 0;
        }

    .ooh_questions_subsec2 .accordion-button {
        color: #000000;
        background-color: transparent;
        justify-content: space-between;
        box-shadow: none;
    }

.quesTab_box .accordion-body {
    padding-top: 0;
}

.transitMediaSec1 {
    background: #000000 url('../images/track-trans-banner.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    display: table;
}

.oohCamSec3.oohCamSec7 {
    height: 1016px;
}

.oohCamSec7 .oohCamSec311 h3, .oohCamSec7 .oohCamSec311 p {
    max-width: 705px;
}

.oohCamSec7 .oohCamSec312 ul li:first-child {
    grid-column: 1 / span 3;
}

.oohCamSec7 .oohCamSec312 ul li:nth-child(2) {
    grid-column: 1 / span 2;
}

.oohCamSec7 .oohCamSec312 ul li:last-child {
    grid-row: 3;
    grid-column: 3;
}

.oohCamSec422.paddingRight img {
    height: 497px;
}

.mediaAssetSec1 {
    background: #e9ebe9 url('../images/media-asset-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.geotaggingSec1 {
    background: #0A0A15 url('../images/geotagging-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.dataCollSec1 {
    background: #313437 url('../images/data-collection.jpg') no-repeat;
    background-position: right;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.retailSec1 {
    background: #070C0D url('../images/retail-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.btlCamSec1 {
    background: #010101 url('../images/btl-campaign-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.proof_performance {
    background: #000004 url('../images/proof-banner.jpg') no-repeat;
    background-position: right;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.physical_asset {
    background: #0C0C16 url('../images/physical-asset-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.wall_painting {
    background: url('../images/painting-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.pre_acquisition {
    background: url('../images/acquisition-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.warehouse_banner {
    background: url('../images/warehouse-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.site_maintenance {
    background: url('../images/site-maintenance-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: table;
}

.casStdyHeight {
    width: 100%;
    height: 816px;
    display: table;
    overflow: hidden;
}

.casStdySec1 {
    background: #021A25 url('../images/care-insurance-banner.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.casStdy2Sec1 {
    background: #3E6275 url('../images/m3m-banner.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.casStdy3Sec1 {
    background: #0f0f10 url('../images/pmuy-banner.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.casStdySec11 {
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}

    .casStdySec11 h1 {
        margin-bottom: 70px;
    }

    .casStdySec11 h2 {
        font-family: 'Futura-Book';
        font-size: 16px;
        line-height: 21.3px;
        color: #000000;
        margin: 0 auto;
    }

.casStdySec2 {
    width: 100%;
    padding: 100px 0;
    display: table;
    height: 1424px;
    overflow: hidden;
}

.casStdySec211 {
    max-width: 922px;
}

.big_txt {
    font-size: 74px;
    line-height: 98px;
}

.big_txt2 {
    font-size: 20px;
    line-height: 26.6px;
}

.casStdySec3 {
    --t: 1px;
    --g: 102px;
    --s: 8px;
    background: conic-gradient(at var(--t), #0000 75%, #ececec 0) var(--g) / calc(var(--g) + var(--t)) var(--s);
    padding: 100px 0;
    background-color: #f7f7f7;
    display: table;
    height: 816px;
}

.casStdySec31 {
    width: 100%;
    display: flex;
}

.casStdySec311 {
    width: 411px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .casStdySec311 h3 {
        line-height: 30px;
        padding-top: 75px;
        padding-bottom: 15px;
        border-bottom: 1px solid #000000;
    }

    .casStdySec311 h4 {
        max-width: 396px;
    }

.casStdySec312 {
    width: calc(100% - 411px);
    padding-top: 120px;
    padding-bottom: 60px;
    border-left: 1px solid #000000;
    position: relative;
}

.blackDot {
    position: absolute;
    top: 112px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: block;
    background-color: #000000;
}

.casStdySec312 ul {
    width: 100%;
    border-top: 1px solid #000000;
}

    .casStdySec312 ul li {
        width: 100%;
        padding: 28px;
        border-bottom: 1px dashed #000000;
    }

        .casStdySec312 ul li h5 {
            font-size: 32px;
            line-height: 42.6px;
            color: #000000;
            margin-bottom: 15px;
        }

.casStdySec4 {
    width: 100%;
    background-color: #171717;
    display: table;
    height: 816px;
}

.casStdySec41 {
    width: 100%;
    height: 816px;
    display: flex;
}

.casStdySec411 {
    width: 411px;
    flex-shrink: 0;
}

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

.casStdySec412 {
    width: calc(100% - 411px);
    padding: 40px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .casStdySec412 > div {
        max-width: 652px;
        margin-top: 120px;
    }

    .casStdySec412 ul {
        margin-bottom: 70px;
    }

    .casStdySec412 p, .casStdySec412 li, .casStdySec412 h3 {
        color: #ffffff;
    }

    .casStdySec412 .oohMonLower21 li::before {
        border-color: #ffffff;
    }

.casStdySec5 {
    width: 100%;
    display: table;
    height: 816px;
}

.casStdySec51 {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
}

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

    .casStdySec51 > p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .casStdySec51.casStdySec52 > p {
        font-size: 18px;
        line-height: 24px;
    }

.casStdySec511 {
    width: 100%;
    padding: 15px 20px;
    background-color: #F7F7F7;
    border-top: 1px solid #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 120px;
}

    .casStdySec511 p {
        max-width: 690px;
        text-align: left;
        margin-bottom: 0;
    }

    .casStdySec511 a {
        color: #000000;
        cursor: pointer;
    }

    .casStdySec511 img {
        width: 22px;
        cursor: pointer;
    }

.casStdySec6 {
    width: 100%;
    display: table;
    background: #F8EA21 url('../images/yellow-grid.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    height: 918px;
}

.casStdySec61 {
    width: 100%;
    padding: 0 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.casStdySec611 {
    padding-left: 40px;
}

    .casStdySec611 h3 {
        position: relative;
    }

.lineOutside {
    width: 140px;
    height: 4px;
    background-color: #000000;
    display: block;
    position: absolute;
    left: -40px;
    bottom: 23px;
    transform: translate(-100%, 0);
}

.form_section {
    width: 438px;
    padding: 64px 32px;
    border-radius: 2px;
    background-color: #171717;
}

    .form_section .form_field label, .form_section .form_field input, .form_section .flag_dropdown button, .form_section .phone_div {
        color: #ffffff;
    }

        .form_section .flag_dropdown button span:after {
            filter: contrast(0) brightness(100);
        }

    .form_section .form_field input, .form_section .flag_dropdown {
        border-color: #3c3c3c;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #171717 inset !important;
    -webkit-text-fill-color: #fff !important;
}

.form_section .form_btn {
    margin-top: 100px;
}

    .form_section .form_btn button {
        line-height: 26px;
        color: #000000;
        background-color: #ffffff;
        border-color: #ffffff;
    }

        .form_section .form_btn button.border_btn {
            color: #ffffff;
            border-color: #ffffff;
            background: unset;
        }

.casStdySec71 {
    width: 100%;
    display: flex;
    gap: 80px;
}

.casStdySec711 {
    width: calc(50% - 40px);
}

    .casStdySec711 img {
        width: 100%;
    }

.casStdySec712 {
    width: calc(50% - 40px);
    max-width: 600px;
}

    .casStdySec712 h3 {
        margin-top: 50px;
        margin-bottom: 70px;
    }

    .casStdySec712 p:first-of-type {
        text-indent: 40px;
    }

.successful_msgT {
    visibility: hidden;
    min-width: 250px;
    position: fixed;
    z-index: 1002;
    top: 30px;
    right: 30px;
    background-color: #171717;
    padding: 16px 30px;
    border-radius: 3px;
}

    .successful_msgT p {
        font-size: 16px;
        line-height: 22px;
        color: #ffffff;
        margin-bottom: 0;
    }

    .successful_msgT.show {
        visibility: visible;
        -webkit-animation: fadein .5s, fadeout .5s 2.6s;
        animation: fadein .5s, fadeout .5s 2.6s;
    }

@-webkit-keyframes fadein {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 30px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0
    }

    to {
        top: 30px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        top: 30px;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        top: 30px;
        opacity: 1
    }

    to {
        top: 0;
        opacity: 0
    }
}

.privacyPolicy_1 {
    padding: 100px 0;
}

.privacyPolicy_11 {
    max-width: 1020px;
    margin: 0 auto;
}

    .privacyPolicy_11 ul {
        width: 100%;
    }

        .privacyPolicy_11 ul li {
            width: 100%;
            display: flex;
            margin-bottom: 70px;
        }

            .privacyPolicy_11 ul li:last-child {
                margin-bottom: 0;
            }

.heading_1 {
    width: 350px;
    padding: 20px 40px;
    padding-left: 0;
    flex-shrink: 0;
    text-align: right;
}

.detail_1 {
    width: calc(100% - 350px);
    padding: 20px 40px;
    padding-right: 0;
    border-left: 1px solid #000000;
}

.heading_1 h1, .heading_1 h2, .heading_1 h3 {
    margin-bottom: 0;
}

.detail_1 p {
    margin-bottom: 20px;
}

.detail_list p {
    position: relative;
    padding-left: 28px;
}

.detail_1 p a {
    color: #0066CC;
    text-decoration: underline;
}

@media (max-width: 1600px) {
    .home_sec1 {
        width: 35%;
    }

    .homeImg {
        width: 64%;
    }

    .oohCamSec1, .transitMediaSec1, .geotaggingSec1 {
        background-position: 30% 100%;
    }

    .retailSec1, .btlCamSec1, .dataCollSec1 {
        background-position: 80% 100%;
    }

    .oohCamSec12 h1, .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 54px;
        line-height: 72px;
    }
}

@media (max-width: 1540px) {
    .home_sec, .servis_sec, .platSec_1, .works_sec1, .casestu_sec1, .casStdyHeight, .casStdySec5, .casStdySec4, .casStdySec41 {
        height: 726px;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 726px;
    }

    .home_sec4.servis_sec3 {
        height: 1089px;
    }

    .contactSec_1 {
        padding: 132px 0;
    }

    .casestu_sec2 {
        height: 1089px;
        padding-bottom: 0;
    }

        .casestu_sec2.marginBottom {
            margin-bottom: 100px;
        }

    .bannerHeight {
        min-height: 726px;
    }

    .oohCamSec2 {
        padding: 120px 0 80px;
        height: 1270.5px;
    }

    .oohCamSec22 {
        margin-top: 90px;
    }

    .oohCamSec21 h2 {
        margin-bottom: 30px;
    }

    .oohCamSec3 {
        height: 1452px;
    }

    .oohCamSec5 {
        height: 926px;
    }

    .oohCamSec6, .oohCamSec4, .casStdySec3 {
        height: 726px;
    }

    .oohCamSec312 ul {
        gap: 60px;
    }

    .oohCamSec42 {
        padding: 50px 0;
    }

    .oohCamSec422 img {
        height: 400px;
    }

    .oohCamSec422.paddingRight img {
        height: 450px;
    }

    .read_btn {
        padding: 18px;
    }

    .ooh_mon_upper h3 {
        margin-bottom: 0;
    }

    .ooh_mon_upper {
        margin-bottom: 60px;
    }

    .oohCamSec311 {
        margin-bottom: 80px;
    }

    .oohCamSec421 p {
        max-width: 515px;
    }

    .oohCamSec421 {
        width: 45%;
    }

    .casStdySec2 {
        height: 1362px;
    }

    .casStdySec312 {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .casStdySec311 h3 {
        padding-top: 55px;
    }

    .casStdySec312 ul li {
        padding: 25px;
    }

        .casStdySec312 ul li h5 {
            line-height: 40px;
            margin-bottom: 10px;
        }

    .casStdySec412 > div {
        margin-top: 70px;
    }

    .casStdySec6 {
        height: 816.75px;
    }

    .casStdySec71 {
        gap: 100px;
    }

    .casStdySec711, .casStdySec712 {
        width: calc(50% - 50px);
    }

    .blackDot {
        top: 92px;
    }
}

@media (max-width: 1440px) {
    .homeImg {
        width: 63%;
    }

    .home_sec11 {
        margin-top: 80px;
    }

    .home_sec, .servis_sec, .platSec_1, .works_sec1, .casestu_sec1, .casStdyHeight, .casStdySec5, .casStdySec4, .casStdySec41 {
        height: 664px;
    }

    .home_sec41 {
        height: 664px;
        margin-bottom: 100px;
    }

    .home_sec4:not(.servis_sec3, .works_sec3, .works_sec4) .home_sec41 img {
        height: 482px;
        object-fit: cover;
    }

    .home_sec61 h2 {
        font-size: 74px;
        line-height: 98.6px;
        margin-bottom: 30px;
    }

    .home_sec62 h3 {
        font-size: 44px;
        line-height: 58.6px;
        margin-bottom: 20px;
    }

    .home_sec62 p {
        font-size: 22px;
        line-height: 29.3px;
    }

    .home_sec63 {
        margin-top: 50px;
    }

    .home_sec631 img {
        height: 70px;
    }

    .home_sec5 {
        height: 332px;
    }

    .home_sec25 {
        margin-top: 120px;
    }

    .contactSec_1 {
        padding: 100px 0;
    }

    .home_sec4.servis_sec3 {
        height: 996px;
    }

    .contSec_1, .home_sec24 {
        margin-top: 60px;
    }

    .home_sec22 {
        margin: 60px 0;
    }

    .home_sec4 h2 {
        margin-bottom: 60px;
    }

    .works_sec3 .home_sec41, .works_sec4 .home_sec41 {
        height: 830px;
        margin-bottom: 0;
    }

        .works_sec4 .home_sec41.works_sec6 {
            margin-top: 0;
            height: unset;
            margin-bottom: 100px;
        }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 664px;
    }

    .casestu_sec2 {
        height: 996px;
    }

    .about_sec21 {
        gap: 40px;
        padding-left: 40px;
    }

    .about_sec211 p {
        font-size: 31px;
        line-height: 41.3px;
    }

    .oohCamSec12 h1, .oohCamSec22 {
        margin-top: 80px;
    }

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

    .oohCamSec2 {
        padding: 120px 0 80px;
        height: 1195.2px;
    }

    .oohCamSec3 {
        height: unset;
    }

    .oohCamSec5 {
        height: 864px;
    }

    .casStdySec2 {
        height: 1262.4px;
    }

    .casStdySec6 {
        height: 830px;
    }

    .bannerHeight {
        min-height: 664px;
    }

    .ooh_mon_upper p {
        margin-bottom: 20px;
    }

    .ooh_mon_upper {
        margin-bottom: 50px;
    }

    .oohMonLower {
        height: 450px;
    }

    .oohCamSec421 {
        width: 48%;
    }

    .casStdySec3 {
        height: 664px;
    }

    .casStdySec312 {
        padding-top: 86px;
        padding-bottom: 40px;
    }

    .casStdySec311 h3 {
        padding-top: 41px;
    }

    .blackDot {
        top: 78px;
    }

    .casStdySec312 ul li {
        padding: 20px 25px;
    }

    .casStdySec711, .casStdySec712 {
        width: calc(50% - 70px);
    }

    .privacyPolicy_11 ul li {
        margin-bottom: 60px;
    }
}

@media (max-width: 1399px) {
    .container-full, .container-1600 {
        padding: 0 40px;
    }

    .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 50px;
        line-height: 66.6px;
    }

    .lineOutside {
        width: 90px;
        left: -10px;
    }

    .casStdySec611 {
        padding-left: 30px;
    }

    .casStdySec61 {
        padding: 0 60px;
    }
}

@media (max-width: 1280px) {
    .home_sec41 {
        height: 664px;
        margin-bottom: 100px;
    }

    .about_sec1 {
        background-position: 60% 100%;
    }

    .about_sec21 {
        gap: 50px;
        padding-left: 45px;
    }

    .about_sec211 p {
        font-size: 30px;
        line-height: 40px;
    }

    .about_sec1 .servis_sec1 {
        max-width: 620px;
    }
}

@media (max-width: 1267px) {
    .about_sec21 {
        height: 1540px;
    }

    .about_sec211 p {
        font-size: 29px;
        line-height: 38.6px;
    }
}

@media (max-width: 1260px) {
    .home_sec1 {
        width: 39%;
    }

    .homeImg {
        width: 60%;
    }

    .about_sec1 {
        background: #EAEAEC url('../images/about-banner-2.jpg') no-repeat;
        background-position: 60% 100%;
        background-size: cover;
    }

    .home_sec, .servis_sec, .platSec_1, .works_sec1, .casestu_sec1 {
        height: 500px;
    }

        .works_sec1 .home_sec1 {
            max-width: 520px;
        }

    .p_100, .contactSec_1, .servis_sec2, .home_sec4.servis_sec3, .oohCamSec2, .oohCamSec3, .casStdySec2, .casStdySec3, .casStdySec5, .casStdySec6, .privacyPolicy_1 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .home_sec22 {
        margin: 50px 0;
    }

    .contSec_1, .home_sec24, .sidebar, .home_sec11 {
        margin-top: 50px;
    }

    .home_sec4 h2, .home_sec41 img, .casestu_sec21 > img, .privacyPolicy_11 ul li {
        margin-bottom: 50px;
    }

    .home_sec25 {
        margin-top: 100px;
    }

    .home_sec4:not(.servis_sec3, .works_sec3, .works_sec4) .home_sec41 img, .home_sec41, .servis_sec2, .home_sec4.servis_sec3, .works_sec3 .home_sec41, .works_sec4 .home_sec41, .casestu_sec2, .oohCamSec2, .casStdySec2, .casStdySec3, .casStdySec5, .casStdySec6 {
        height: unset;
    }

    .home_sec41 {
        margin: 80px 0;
    }

    .works_sec3 .home_sec41, .works_sec4 .home_sec41, .works_sec4 .home_sec41.works_sec6 {
        margin-bottom: 80px;
    }

    .footerTop {
        padding-top: 80px;
        padding-bottom: 68px;
    }

    .site_logo {
        margin-bottom: 40px;
    }

    .casestu_sec2 {
        margin: 0;
        padding-bottom: 80px;
    }

        .casestu_sec2.marginBottom {
            margin-bottom: 0;
        }

        .casestu_sec2.pddingTop, .works_sec4 .home_sec41.works_sec6 {
            padding-top: 80px;
        }

    .servis_sec1 {
        max-width: 530px;
    }

    .bg_6 {
        background-position: 64% 100%;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 600px;
    }

    .about_sec1, .contact_sec1 {
        height: 350px;
    }

    .about_sec21 {
        gap: 0;
        padding-left: 0;
        height: unset;
        align-items: flex-start;
    }

    .about_sec211 {
        width: 70%;
        max-width: unset;
        padding: 40px;
    }

        .about_sec211 p {
            font-size: 28px;
            line-height: 37px;
        }

    .about_sec212 {
        width: 30%;
        height: unset;
    }

        .about_sec212 img {
            width: 100%;
            height: 100%;
        }

    .home_sec5 {
        height: 300px;
    }

    .contSec_1 {
        gap: 30px;
    }

    .contSec_11 {
        max-width: 505px;
        padding-top: 70px;
    }

    .contSec_12 {
        width: 50%;
    }

    .contSec_121 {
        padding: 50px;
    }

    .platSec_121 {
        width: 50%;
        max-width: 520px;
    }

    .home_sec61 h2 {
        font-size: 70px;
        line-height: 93.3px;
    }

    .h_xxl {
        font-size: 60px;
        line-height: 80px;
    }

    .h_xl {
        font-size: 44px;
        line-height: 58.6px;
    }

    .home_sec241 li:not(:last-child) {
        margin-bottom: 30px;
    }

    .casestu_sec21 h3 {
        margin-bottom: 20px;
    }

    .oohCamSec312 ul {
        gap: 50px;
    }

    .oohCamSec4, .oohCamSec5, .oohCamSec6 {
        padding: 80px 0;
        height: unset;
    }

    .oohCamSec21 p {
        font-size: 24px;
        line-height: 32px;
    }

    .oohCamSec421 {
        width: 50%;
    }

    .oohCamSec422 {
        width: 48%;
    }

    .oohMonLower2 {
        width: calc(100% - 540px);
    }

    .oohMonLower21 {
        padding-left: 20px;
    }

    .oohCamSec11 {
        padding-bottom: 80px;
    }

    .casStdyHeight {
        height: 500px;
    }

    .casStdySec11 h1, .casestu_sec21 > img, .casStdySec21 img, .casStdySec712 h3 {
        margin-bottom: 40px;
    }

    .casStdySec511 {
        margin-top: 80px;
    }

    .casStdySec71 {
        gap: 80px;
    }

    .casStdySec711, .casStdySec712 {
        width: calc(50% - 40px);
    }
}

@media (max-width: 1199px) {
    .h_lg {
        font-size: 40px;
        line-height: 53.3px;
    }

    .h_md {
        font-size: 34px;
        line-height: 45.3px;
    }

    .servis_sec21 .h_lg {
        font-size: 36px;
        line-height: 48px;
    }

    .bg_8 {
        background-position: 60% 100%;
    }

    .works_sec1 {
        background-position: 40% 100%;
    }

    .home_sec631 img {
        height: 66px;
    }

    .contSec_11 {
        padding-top: 50px;
    }

    .icon_side {
        height: 61px;
    }

    .cont_side h4 {
        font-size: 30px;
        line-height: 40px;
        padding: 10px 0 10px 25px;
    }

    .cont_side p {
        padding: 15px 0 15px 25px;
        padding-right: 0;
    }

    .ooh_mon_upper p {
        font-size: 22px;
        line-height: 29.3px;
    }

    .oohMonLower {
        height: 500px;
    }

    .oohMonLower1 {
        width: 480px;
    }

    .oohMonLower2 {
        width: calc(100% - 480px);
        padding: 30px;
    }

    .casStdySec11 {
        max-width: 743px;
    }

    .casStdySec61 {
        padding: 0 40px;
    }

    .lineOutside {
        width: 70px;
    }

    .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 48px;
        line-height: 64px;
    }

    .casStdySec412 ul {
        margin-bottom: 60px;
    }

    .big_txt {
        font-size: 70px;
        line-height: 90px;
    }

    .form_section {
        width: 400px;
        padding: 50px 30px;
    }

    .casStdySec311, .casStdySec411 {
        width: 380px;
    }

    .casStdySec312, .casStdySec412 {
        width: calc(100% - 380px);
    }

        .casStdySec312 ul li h5 {
            font-size: 30px;
            line-height: 40px;
        }
}

@media (max-width: 1100px) {
    .home_sec11 {
        margin-top: 30px;
    }

    .home_sec1 {
        width: 41%;
    }

    .home_sec, .servis_sec, .platSec_1, .works_sec1, .casestu_sec1 {
        height: 450px;
    }

    .servis_sec2 {
        height: 450px;
    }

    .servis_sec21 .h_lg {
        font-size: 34px;
        line-height: 45.3px;
    }

    .servis_sec {
        background-position: 30% 100%;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 520px;
        object-position: top;
    }

    .about_sec1, .contact_sec1 {
        height: 300px;
    }

    .home_sec61 h2 {
        font-size: 60px;
        line-height: 80px;
    }

    .home_sec62 {
        max-width: 630px;
    }

        .home_sec62 h3 {
            font-size: 42px;
            line-height: 56px;
        }

        .home_sec62 p {
            font-size: 20px;
            line-height: 26.6px;
        }

    .home_sec631 img {
        height: 54px;
    }

    .about_sec1 .servis_sec1 {
        max-width: 500px;
    }

    .about_sec211 p {
        font-size: 26px;
        line-height: 34.6px;
    }

    .h_xxl {
        font-size: 50px;
        line-height: 50px;
    }

    .h_xl {
        font-size: 40px;
        line-height: 53.3px;
    }

    .h_lg {
        font-size: 38px;
        line-height: 50.6px;
    }

    .h_md {
        font-size: 32px;
        line-height: 42.6px;
    }

    .h_sm {
        font-size: 24px;
        line-height: 32px;
    }

    .home_sec21 p {
        font-size: 20px;
    }

    .contSec_121 {
        padding: 40px;
    }

    .expandimg > img {
        width: unset;
        max-width: 420px;
        height: 380px;
    }

    .home_sec241 {
        padding-left: 60px;
    }

    .works_sec1 .home_sec1 {
        max-width: 480px;
    }

    .casestu_sec21 h3 {
        margin-bottom: 15px;
    }

    .imageTxt {
        padding: 16px 20px;
        padding-bottom: 14px;
        min-width: 210px;
    }

    .partitionLine img {
        width: 60px;
        height: 56px;
    }

    .servis_sec1 h1 {
        margin-bottom: 50px;
    }

    .oohMonLower1 {
        width: 400px;
    }

    .oohMonLower2 {
        width: calc(100% - 400px);
    }

    .oohCamSec12 h1 {
        font-size: 52px;
        line-height: 69px;
    }

    .casStdySec11 {
        max-width: 720px;
    }

    .casStdySec71 {
        gap: 40px;
    }

    .casStdySec711, .casStdySec712 {
        width: calc(50% - 20px);
    }

    .lineOutside {
        width: 50px;
    }

    .casStdySec61 {
        padding: 0;
    }

    .casStdySec311, .casStdySec411 {
        width: 360px;
    }

    .casStdySec312, .casStdySec412 {
        width: calc(100% - 360px);
    }

    .big_txt {
        font-size: 64px;
        line-height: 72px;
    }

    .casStdySec312 ul li h5 {
        font-size: 28px;
        line-height: 36px;
    }

    .heading_1 {
        width: 320px;
        padding: 20px 30px;
        padding-left: 0;
    }

    .detail_1 {
        width: calc(100% - 320px);
        padding: 20px 30px;
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .p_100, .contactSec_1, .servis_sec2, .home_sec4.servis_sec3, .oohCamSec2, .oohCamSec3, .oohCamSec4, .oohCamSec5, .oohCamSec6, .casStdySec2, .casStdySec3, .casStdySec5, .casStdySec6, .privacyPolicy_1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .oohCamSec6 {
        padding-bottom: 44px;
    }

    .home_sec22 {
        margin: 40px 0;
    }

    .contSec_1, .home_sec24, .sidebar {
        margin-top: 40px;
    }

    .home_sec4 h2, .home_sec41 img, .casestu_sec21 > img, .ooh_mon_upper {
        margin-bottom: 40px;
    }

    .home_sec63 {
        margin-top: 40px;
        gap: 10px;
    }

    .home_sec25 {
        margin-top: 80px;
    }

    .home_sec41 {
        margin: 60px 0;
    }

    .works_sec3 .home_sec41, .works_sec4 .home_sec41, .works_sec4 .home_sec41.works_sec6, .oohCamSec311 {
        margin-bottom: 60px;
    }

    .footerTop {
        padding-top: 60px;
        padding-bottom: 48px;
    }

    .site_logo {
        margin-bottom: 30px;
    }

    .casestu_sec2 {
        padding-bottom: 60px;
    }

        .casestu_sec2.pddingTop, .works_sec4 .home_sec41.works_sec6 {
            padding-top: 60px;
        }

    .about_sec211 p {
        font-size: 24px;
        line-height: 32px;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 480px;
    }

    .oohCamSec312 ul {
        gap: 40px;
    }

    .oohCamSec22, .oohCamSec12 h1, .casStdySec511 {
        margin-top: 60px;
    }

    .icon_side img {
        height: 32px;
    }

    .oohCamSec11 {
        padding-bottom: 60px;
    }

    .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 46px;
        line-height: 61px;
    }

    .casStdySec712 h3 {
        margin: 20px 0;
    }

    .casStdySec412 > div {
        margin-top: 40px;
    }
}

@media (max-width: 992px) {
    .header_outer {
        padding-bottom: 90px;
    }

    .header_one, .header_two {
        position: fixed;
        z-index: 1001;
    }

    .header_two {
        top: 30px;
    }

    .header_12 {
        display: none;
    }

    .b-menu, .mobile-nav {
        display: block;
    }

    .b-container {
        width: 26px;
        height: 18px;
        position: relative;
    }

    .b-menu {
        cursor: pointer;
        position: relative;
        transition: unset;
        z-index: 12;
        width: 26px;
        height: 18px;
    }

    .b-container.open .b-menu {
        top: -30px;
        right: -20px;
        z-index: 9999;
    }

    .b-bun--bottom, .b-bun--mid, .b-bun--top {
        height: 2px;
        width: 26px;
    }

    .b-bun {
        position: relative;
        background: #FFFFFF;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .b-bun--top {
        top: 0;
    }

    .b-bun--mid {
        top: 6px;
    }

    .b-bun--bottom {
        top: 12px;
    }

    .b-container.open .b-bun--top {
        background: #000;
        top: 8px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: .4s;
    }

    .b-container.open .b-bun--mid, .b-nav {
        opacity: 0;
    }

    .b-container.open .b-bun--bottom {
        background: #000;
        top: 4px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: .4s;
    }

    .b-nav {
        background: #fff;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 12;
        visibility: hidden;
        width: 100%;
        padding: 60px 25px 25px;
        margin-right: -300px;
        box-shadow: 0 5px 24px rgba(24, 24, 24, .27);
        transition: margin .2s linear;
        overflow: hidden;
    }

        .b-nav.open {
            opacity: 1;
            visibility: visible;
            margin-right: 0;
        }

        .b-nav ul li a {
            width: 100%;
            font-size: 16px;
            line-height: 22px;
            color: #000000;
            display: inline-block;
            cursor: pointer;
            padding: 15px;
        }

            .b-nav ul li a:focus, .b-nav ul li a:hover {
                color: #000000;
            }

    .border_bottom__grey {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .nav_menu_list {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .nav_menu_heading {
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        padding: 20px 20px;
        border-top: 1px solid #e5e5e5;
        display: inline-block;
        cursor: pointer;
        background-color: #ffffff;
    }

    .submenu-indicator {
        position: absolute;
        right: 0;
        top: 12px;
        padding: 10px;
        padding-right: 4px;
        cursor: pointer;
    }

    .submenu-indicator-chevron {
        height: 10px;
        width: 10px;
        display: block;
        border-style: solid;
        border-width: 0 1px 1px 0;
        border-color: transparent #b1b0b0 #b1b0b0 transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        cursor: pointer;
    }

    .mobile-nav {
        position: fixed;
        right: 30px;
    }

    .mobile_nav_menu .menu_btn {
        text-align: left;
        padding: 0;
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        padding: 20px;
        border-top: 1px solid #e5e5e5;
        width: 100%;
    }

    .menu_item_btn {
        display: flex;
        position: relative;
    }

        .menu_item_btn img {
            position: absolute;
            right: 13px;
            top: 50%;
            transform: translate(0, -50%);
        }

    .mobile_nav_menu .btn:first-child:active, .menu_btn:active {
        border-color: transparent;
        outline: 0;
    }

    .mobile_nav_menu .offcanvas.offcanvas-end {
        width: 100%;
    }

    .mobile_nav_menu .offcanvas-body {
        display: flex;
        padding: 0;
    }

    .mob_menu_left {
        width: 30%;
    }

    .mob_menu_right {
        width: 70%;
        background-color: #f7f7f7;
    }

    .mobile_nav_menu .offcanvas-header h5 {
        font-size: 16px;
        line-height: 22px;
        font-family: 'Futura-Medium';
        display: flex;
        margin-bottom: 0;
    }

    .mob_menu_list {
        background-color: #373A47;
        border-radius: 2px;
        font-size: 16px;
        line-height: 22px;
        color: #ffffff;
        border-top: 1px solid #e5e5e5;
        padding: 10px 20px;
        text-align: center;
    }

        .mob_menu_list a {
            color: #ffffff;
        }

    .innerMenu {
        width: 100%;
        height: 100%;
        overflow: auto;
        scrollbar-width: none;
    }

    .header_one ul {
        gap: 0;
    }

    .innerMenu > ul > li {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
    }

        .innerMenu > ul > li:last-child {
            margin-bottom: 0;
        }

    .b-nav {
        padding: 60px 0 25px;
    }

    .footerTop {
        flex-direction: column;
        gap: 0;
    }

        .footerTop .footerRES {
            width: 100%;
            margin-bottom: 30px;
        }

            .footerTop .footerRES.col_1 {
                width: 100%;
                padding-bottom: 35px;
                border-bottom: 1px solid #1b1b1b;
                margin-bottom: 30px;
            }

            .footerTop .footerRES.col_4 {
                margin-bottom: 15px;
            }

            .footerTop .footerRES.col_5 {
                margin-bottom: 0;
            }

    .paddTop_52 ul {
        padding-top: 0;
    }

    .footerTop h4 {
        margin-bottom: 12px;
    }

    .col_1 .footerInner {
        margin-bottom: 30px;
    }

    .site_logo {
        position: absolute;
        top: 68px;
        right: 40px;
        margin: 0;
        display: inline-block;
        width: unset;
    }

    .breadcrumb-item + .breadcrumb-item:before {
        width: 25px;
        margin: 0;
    }

    .expandimg > img {
        max-width: 400px;
        height: 340px;
    }

    .home_sec61 h2 {
        font-size: 52px;
        line-height: 69px;
    }

    .h_xl, .home_sec62 h3 {
        font-size: 38px;
        line-height: 50.6px;
    }

    .h_lg {
        font-size: 36px;
        line-height: 48px;
    }

    .h_sm {
        font-size: 22px;
        line-height: 29.3px;
    }

    .contSec_121 {
        padding: 30px;
    }

    .form_btn {
        gap: 15px;
    }

    .works_sec1 .home_sec1 {
        max-width: 400px;
    }

    .home_sec241 {
        padding-left: 30px;
    }

    .servis_sec1 {
        max-width: 465px;
    }

        .servis_sec1 h1 {
            margin-bottom: 40px;
        }

    .home_sec422 img {
        max-width: 104px;
        height: 30px;
    }

    .imageTxt p {
        font-size: 18px;
        line-height: 24px;
    }

    .about_sec1 .servis_sec1 {
        max-width: 490px;
    }

    .bg_1 {
        background-position: 50% 100%;
    }

    .bg_2 {
        background-position: 42% 100%;
    }

    .bg_4 {
        background-position: 30% 100%;
    }

    .bg_5 {
        background-position: 44% 100%;
    }

    .bg_6 {
        background-position: 64% 100%;
    }

    .bg_8 {
        background-position: 58% 100%;
    }

    .bg_10 {
        background-position: 56% 100%;
    }

    .bg_11 {
        background-position: 42% 100%;
    }

    .bg_13 {
        background-position: 70% 100%;
    }

    .home_sec1 {
        width: 42%;
    }

    .homeImg {
        width: 57%;
    }

    .oohCamSec12 h1 {
        font-size: 50px;
        line-height: 66.6px;
    }

    .oohMonLower1 {
        width: 360px;
    }

    .oohMonLower2 {
        width: calc(100% - 360px);
    }

    .oohCamSec21 p {
        font-size: 22px;
        line-height: 29.3px;
    }

    .icon_side {
        height: 58px;
    }

    .cont_side h4 {
        font-size: 28px;
        line-height: 37px;
    }

    .ooh_mon_upper p {
        font-size: 20px;
        line-height: 26.6px;
    }

    .oohCamSec21 h2, .oohCamSec421 h3 {
        margin-bottom: 20px;
    }

    .h_xxs {
        font-size: 17px;
        line-height: 22.6px;
    }

    .oohCamSec12 p {
        margin-bottom: 30px;
    }

    .casStdySec11 {
        max-width: 680px;
    }

    .big_txt {
        font-size: 60px;
        line-height: 70px;
    }

    .casStdySec311, .casStdySec411 {
        width: 340px;
    }

    .casStdySec312, .casStdySec412 {
        width: calc(100% - 340px);
    }

        .casStdySec412 h3, .casStdySec611 h3 {
            font-size: 44px;
            line-height: 58px;
        }

    .casStdySec71 {
        gap: 30px;
    }

    .casStdySec711, .casStdySec712 {
        width: calc(50% - 15px);
    }

    .casStdySec611 {
        padding-left: 15px;
        max-width: 470px;
    }

    .lineOutside {
        width: 40px;
        left: -5px;
    }

    .heading_1 {
        width: 205px;
        padding: 20px 25px;
        padding-left: 0;
    }

    .detail_1 {
        width: calc(100% - 205px);
        padding: 20px 25px;
        padding-right: 0;
    }
}

@media (max-width: 930px) {
    .servis_sec21 .h_lg {
        font-size: 32px;
        line-height: 42.6px;
    }

    .home_sec1 {
        width: 47%;
    }

    .homeImg {
        width: 52%;
    }

    .casStdySec611 {
        max-width: 400px;
    }
}

@media (max-width: 883px) {
    .home_sec1 {
        width: 52%;
    }

    .homeImg {
        width: 48%;
    }

    .home_sec31 {
        gap: 40px;
        flex-direction: column;
    }

    .mapOuter {
        height: 450px;
    }

    .home_sec311, .home_sec312, .contSec_12, .oohCamSec421, .oohCamSec422 {
        width: 100%;
    }

    .home_sec311 {
        max-width: 100%;
    }

    .contSec_1 {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 25px;
        flex-direction: column;
        height: unset;
    }

    .contSec_11 {
        padding: 0;
        max-width: 100%;
        gap: 40px;
        text-align: center;
    }

        .contSec_11 img {
            display: none;
        }

    .contSec_12 > img {
        display: block;
    }

    .contSec_121 {
        padding: 40px;
        margin-bottom: 40px;
    }

    .expandimg > img {
        max-width: 340px;
        height: 300px;
    }

    .imageTxt {
        padding: 12px 20px;
    }

    .casestu_sec1 .servis_sec1 {
        max-width: 420px;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 450px;
    }

    .about_sec1 .servis_sec1 {
        max-width: 410px;
    }

    .home_sec22 {
        margin: 30px 0;
    }

    .home_sec24, .sidebar, .form_btn {
        margin-top: 30px;
    }

    .home_sec4 h2, .home_sec41 img, .casestu_sec21 > img, .works_sec6.home_sec41 img {
        margin-bottom: 30px;
    }

    .home_sec5 {
        height: 260px;
    }

    .home_sec61 h2 {
        font-size: 46px;
        line-height: 61.3px;
        margin-bottom: 20px;
    }

    .servis_sec1 h1 {
        margin-bottom: 30px;
    }

    .h_xl, .home_sec62 h3 {
        font-size: 36px;
        line-height: 48px;
    }

    .home_sec62 {
        max-width: 570px;
    }

        .home_sec62 p {
            font-size: 18px;
            line-height: 24px;
        }

    .h_xxl {
        font-size: 48px;
        line-height: 48px;
    }

    .home_sec631 img {
        height: 50px;
    }

    .casestu_sec1 {
        background-position: 56% 100%;
    }

    .about_sec211 {
        padding: 30px;
    }

        .about_sec211 p {
            font-size: 22px;
            line-height: 29.3px;
        }

    .mar_bot {
        margin-bottom: 25px;
    }

    .subscribe_popup .modal-dialog {
        max-width: 95%;
    }

    .oohCamSec21 h2 {
        margin-bottom: 15px;
    }

    .oohCamSec42 {
        flex-direction: column;
        gap: 40px;
        padding: 30px;
    }

    .oohCamSec421 {
        max-width: 100%;
        padding-left: 0;
    }

        .oohCamSec421 p {
            max-width: 100%;
        }

    .oohCamSec422 img, .oohCamSec422.paddingRight img {
        height: unset;
        max-height: 430px;
    }

    .paddingRight {
        padding-right: 0;
    }

    .oohMonLower {
        flex-direction: column;
        height: unset;
    }

    .oohMonLower1, .ooh_questions_subsec1, .ooh_questions_subsec2 {
        width: 100%;
    }

        .oohMonLower1 img {
            max-height: 500px;
        }

    .oohMonLower2 {
        width: 100%;
        max-width: 100%;
        padding: 27px;
        padding-top: 32px;
    }

        .oohMonLower2 > p {
            margin-bottom: 30px;
        }

    .ooh_questions_sec {
        width: 100%;
        flex-direction: column;
        gap: 24px;
    }

    .ooh_questions_subsec1 p {
        max-width: 530px;
    }

    .ooh_questions_subsec2 .accordion-button, .quesTab_box .accordion-body {
        padding-left: 0;
        padding-right: 0;
    }

    .ooh_mon_upper {
        margin-bottom: 30px;
    }

        .oohCamSec21 h2, .oohCamSec421 h3, .ooh_mon_upper p {
            margin-bottom: 15px;
        }

    .casStdySec61 {
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
    }

    .casStdySec611 {
        width: 100%;
        max-width: 100%;
        padding: 0 80px;
    }

    .lineOutside {
        width: 70px;
        left: -10px;
    }

    .casStdySec612 {
        width: 100%;
        padding: 0 80px;
    }

    .form_section {
        width: 100%;
    }

    .big_txt {
        font-size: 56px;
        line-height: 62px;
    }

    .casStdySec311, .casStdySec411 {
        width: 300px;
    }

    .casStdySec312, .casStdySec412 {
        width: calc(100% - 300px);
    }

    .casStdySec412 {
        padding: 30px;
        padding-right: 0;
    }

        .casStdySec412 ul {
            margin-bottom: 30px;
        }

        .casStdySec412 > div {
            margin-top: 20px;
        }

    .casStdySec71 {
        flex-direction: column-reverse;
    }

    .casStdySec711, .casStdySec712 {
        width: 100%;
        max-width: 100%;
    }

        .casStdySec712 h3 {
            margin-top: 0;
        }
}

@media (max-width: 768px) {
    .container-full, .container-1600 {
        padding: 0 30px;
    }

    .site_logo {
        right: 30px;
    }

    .home_sec {
        padding-bottom: 60px;
        height: unset;
    }

    .home_sec0 {
        flex-direction: column-reverse;
        gap: 60px;
    }

    .home_sec1 {
        width: 100%;
    }

    .homeImg {
        width: calc(100% + 60px);
        position: unset;
    }

        .homeImg img {
            height: unset;
        }

        .homeImg.reveal2 {
            transform: translateY(160px);
        }

    .home_sec1 h1.reveal2 {
        transform: translateY(200px);
    }

    .reveal2.reveal4 {
        transform: translateY(300px);
    }

    .homeImg.reveal2 {
        position: relative;
    }

    .home_sec1 h1.reveal2.active {
        transform: translateY(0);
    }

    .servis_sec {
        background: #07080D;
        height: unset;
    }

    .works_sec1 {
        background: #e6e5e3;
        height: unset;
    }

    .casestu_sec1 {
        background: #0f1112;
        height: unset;
    }

    .servicesImg {
        width: calc(100% + 60px);
        margin-left: -30px;
        display: block;
    }

        .servicesImg img {
            width: 100%;
        }

    .servis_sec1, .works_sec1 .home_sec1, .casestu_sec1 .servis_sec1 {
        width: 100%;
        max-width: 100%;
        padding: 60px 0;
    }

    .casestu_sec1 .servis_sec1 {
        padding-right: 40px;
    }

    .about_sec1 .servis_sec1 {
        background: unset;
        height: unset;
        padding: 0;
    }

    .about_sec1 {
        background-position: 54% 100%;
    }

    .scrolldown_btn {
        bottom: 37px;
        right: 0;
    }

    .home_sec61 h2 {
        font-size: 44px;
        line-height: 58.6px;
    }

    .expandimg {
        text-align: right;
    }

        .expandimg > img {
            width: 94%;
            max-width: 94%;
            height: unset;
        }

    .imageTxt {
        text-align: left;
        min-width: 190px;
    }

    .mapOuter {
        height: 500px;
    }

    .bg_13 {
        background-position: 64% 100%;
    }

    .ooh_mon_upper h3 .block_txt {
        display: contents;
    }

    .oohCamSec12 h1 {
        font-size: 44px;
        line-height: 58.6px;
    }

    .oohCamSec21 p {
        font-size: 20px;
        line-height: 26.6px;
    }

    .oohCamSec1, .transitMediaSec1 {
        background-position: 50% 100%;
        background-blend-mode: overlay;
    }

    .oohCamSec1 {
        background-color: rgb(0 0 0 / 72%);
    }

    .mediaAssetSec1 {
        background-position: 60% 100%;
        background-blend-mode: overlay;
        background-color: rgb(233 235 233 / 40%);
    }

    .transitMediaSec1 {
        background-color: rgb(0 0 0 / 72%);
    }

    .dataCollSec1, .retailSec1, .btlCamSec1, .proof_performance {
        background-position: 80% 100%;
        background-blend-mode: overlay;
    }

    .dataCollSec1 {
        background-color: rgb(49 52 55 / 90%);
    }

    .retailSec1 {
        background-color: rgb(7 12 13 / 80%);
    }

    .btlCamSec1 {
        background-color: rgb(1 1 1 / 72%);
    }

    .proof_performance {
        background-color: rgb(2 2 2 / 50%);
    }

    .physical_asset, .wall_painting, .warehouse_banner, .pre_acquisition, .site_maintenance {
        background-position: 60% 100%;
        background-blend-mode: overlay;
    }

    .physical_asset {
        background-color: rgb(12 12 22 / 90%);
    }

    .wall_painting {
        background-color: rgb(12 16 17 / 88%);
    }

    .warehouse_banner {
        background-color: rgb(19 24 23 / 90%);
    }

    .pre_acquisition {
        background-color: rgb(0 0 0 / 74%);
    }

    .site_maintenance {
        background-color: rgb(0 0 0 / 74%);
    }

    .casStdySec511 img {
        width: 20px;
    }

    .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 42px;
        line-height: 56px;
    }

    .casStdySec411 {
        width: 255px;
    }

    .casStdySec412 {
        width: calc(100% - 255px);
    }
}

@media (max-width: 767px) {
    .bannerHeight {
        min-height: 500px;
        height: 500px;
    }

    .servicesImg img {
        width: 100%;
        height: 261px;
        object-fit: cover;
    }
}

@media (max-width: 750px) {
    .servis_sec21 .h_lg {
        font-size: 30px;
        line-height: 40px;
    }

    .subscribe_popup .modal-body {
        padding: 40px;
        padding-bottom: 50px;
    }

    .oohCamSec311 h3 .block_txt {
        display: contents;
    }
}

@media (max-width: 720px) {
    .big_txt {
        font-size: 50px;
        line-height: 60px;
    }

    .casStdySec611, .casStdySec612 {
        padding: 0 60px;
    }

    .lineOutside {
        width: 50px;
    }

    .casStdySec31 {
        flex-direction: column;
        gap: 25px;
    }

    .casStdySec311 {
        width: 100%;
    }

    .casStdySec312 {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .blackDot {
        display: none;
    }

    .casStdySec311 h3 {
        padding: 0;
        border: 0;
    }

    .casStdySec311 h4 {
        max-width: 300px;
    }

    .casStdySec312 ul {
        border-top: 1px dashed #000000;
    }

        .casStdySec312 ul li {
            padding: 20px 0;
        }

    .casStdySec411 {
        width: 200px;
    }

    .casStdySec412 {
        width: calc(100% - 200px);
    }

    .casStdySec4, .casStdySec41 {
        height: 570px;
    }

    .casStdySec11 h2 .block_txt {
        display: contents;
    }
}

@media (max-width: 650px) {
    .servis_sec21 .h_lg {
        font-size: 28px;
        line-height: 37.3px;
    }

    .casStdySec4, .casStdySec41 {
        height: unset;
    }

    .casStdySec4 {
        padding-bottom: 60px;
    }

    .casStdySec41 {
        flex-direction: column;
        gap: 40px;
    }

    .casStdySec412 {
        width: 100%;
        padding: 0;
        gap: 50px;
    }

        .casStdySec412 > div {
            margin-top: 0;
        }

    .casStdySec411 {
        width: 100%;
    }

        .casStdySec411 img {
            max-height: 450px;
            object-position: center;
        }

    .servicesImg img {
        height: 237px;
    }
}

@media (max-width: 576px) {
    .homeImg {
        width: calc(100% + 40px);
    }

    .servicesImg {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .about_sec1 {
        background: #EAEAEC url('../images/about-banner-3.jpg') no-repeat;
    }

    .about_sec1 {
        background-position: 100%;
        background-size: cover;
    }

    .container-full, .container-1600 {
        padding: 0 20px;
    }

    .b-container.open .b-menu {
        right: 0;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 400px;
    }

    .servis_sec1, .works_sec1 .home_sec1, .casestu_sec1 .servis_sec1 {
        padding: 40px 0;
    }

    .casestu_sec1 .servis_sec1 {
        padding-right: 40px;
    }

    .scrolldown_btn {
        bottom: 19px;
    }

    .servis_sec2 {
        height: unset;
    }

    .servis_sec21 .h_lg {
        font-size: 24px;
        line-height: 32px;
    }

    .platSec_1 {
        height: unset;
        display: flex;
        flex-direction: column;
        border-top: 1px solid #dddddd;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .servis_sec2 + .platSec_1 {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
    }

    .platSec_12 {
        padding-top: 25px;
    }

    .platSec_121 {
        width: 100%;
        max-width: 100%;
    }

    .bg_0 {
        position: unset;
    }

    .bg_1 {
        background: #010101 url('../images/OCM-Mobile.jpg') no-repeat;
    }

    .bg_2 {
        background: #E9E9E9 url('../images/MAT-Mobile.jpg') no-repeat;
    }

    .bg_3 {
        background: #010101 url('../images/TMT-Mobile.jpg') no-repeat;
    }

    .bg_4 {
        background: #E3E7EB url('../images/GS-Mobile.jpg') no-repeat;
    }

    .bg_5 {
        background: #272A33 url('../images/BR-DC-Mobile.jpg') no-repeat;
    }

    .bg_6 {
        background: #D7B677 url('../images/RBAT-Mobile.jpg') no-repeat;
    }

    .bg_7 {
        background: #BAAEAD url('../images/BTL-CT-Mobile.jpg') no-repeat;
    }

    .bg_8 {
        background: #020E0F url('../images/POP-RBC-Mobile.jpg') no-repeat;
    }

    .bg_9 {
        background: #E3E3E3 url('../images/PAAM-Mobile.jpg') no-repeat;
    }

    .bg_10 {
        background: #D3CECB url('../images/WPM-Mobile.jpg') no-repeat;
    }

    .bg_11 {
        background: #18262F url('../images/WA-Mobile.jpg') no-repeat;
    }

    .bg_12 {
        background: #D3CECB url('../images/PAA-Mobile.jpg') no-repeat;
    }

    .bg_0, .bg_0.reveal {
        position: relative;
        height: 300px;
        background-size: cover;
        background-position: center;
    }

    .bg_0, .bg_13.reveal {
        background-size: 243%;
        background-position: 100% 80%;
    }

        .bg_0.reveal, .platSec_1.reveal {
            transform: translateY(160px);
            opacity: 0;
        }

            .bg_0.reveal.active, .platSec_1.reveal.active {
                transform: translateY(0);
                opacity: 1;
            }

    .platSec_1 .text_white {
        color: #000000 !important;
    }

        .platSec_1 .text_white img {
            filter: brightness(0);
        }

    .home_sec31 {
        gap: 30px;
    }

    .home_sec24 {
        flex-direction: column;
        gap: 30px;
    }

    .home_sec241, .home_sec242 {
        width: 100%;
    }

    .home_sec242 {
        align-items: flex-start;
    }

    .collageBox {
        display: flex;
        padding: 15px 0;
        flex-wrap: wrap;
    }

    .img_border {
        width: 25%;
    }

        .img_border img {
            width: 100%;
            height: unset;
        }

        .img_border:nth-child(1) img, .img_border:nth-child(5) img {
            left: 14px;
            transform: rotate(342deg);
        }

        .img_border:nth-child(2) img, .img_border:nth-child(6) img {
            transform: rotate(12deg);
            top: 9px;
            left: 0px;
            z-index: 1;
        }

        .img_border:nth-child(3) img, .img_border:nth-child(7) img {
            transform: rotate(10deg);
            top: -6px;
            left: -6px;
            z-index: 2;
        }

        .img_border:nth-child(4) img, .img_border:nth-child(8) img {
            transform: rotate(29deg);
            top: 0;
            left: -10px;
            z-index: 3;
        }

        .img_border:nth-child(6) img, .img_border:nth-child(7) img, .img_border:nth-child(8) img {
            margin-top: 20px;
        }

    .expandimg {
        position: unset;
        display: none;
    }

    .expandBox_1 .collageBox, .expandBox_2 .collageBox, .expandBox_3 .collageBox, .expandBox_4 .collageBox, .expandBox_5 .collageBox, .expandBox_6 .collageBox, .expandBox_7 .collageBox, .expandBox_8 .collageBox {
        display: none;
    }

    .expandBox_1 .expandimg:nth-child(1), .expandBox_2 .expandimg:nth-child(2), .expandBox_3 .expandimg:nth-child(3), .expandBox_4 .expandimg:nth-child(4), .expandBox_5 .expandimg:nth-child(5), .expandBox_6 .expandimg:nth-child(6), .expandBox_7 .expandimg:nth-child(7), .expandBox_8 .expandimg:nth-child(8) {
        display: block;
    }

    .expandBox {
        width: 100%;
    }

    .expandimg > img {
        width: 100%;
        max-width: 100%;
        height: unset;
    }

    .casestu_sec21 .home_sec422 img {
        width: 54px;
        height: unset;
    }

    .about_sec211 {
        width: 100%;
    }

    .about_sec212 {
        display: none;
    }

    .breadcrumb-item + .breadcrumb-item:before {
        width: 20px;
    }

    .about_sec1 .servis_sec1 {
        width: 100%;
        max-width: 520px;
        height: 300px;
        padding-right: 110px;
        display: flex;
        align-items: center;
        background: linear-gradient(to right, #e1e3e5 73%, rgb(229 232 225 / 24%) 100%);
    }

    .subscribe_popup .modal-body {
        padding: 40px 30px;
    }

    .subscribe_btn {
        margin-top: 70px;
    }

    .modal_body p {
        font-size: 22px;
        line-height: 30px;
    }

    .footerTop h4 {
        font-size: 26px;
        line-height: 34.6px;
    }

    .footerInner h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .footerTop {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .site_logo {
        top: 48px;
        right: 15px;
    }

    .oohMonLower2 {
        padding: 20px;
        padding-top: 25px;
    }

    .oohMonLower21 {
        padding-left: 15px;
    }

    .oohMonLower1 img {
        max-height: 400px;
    }

    .oohCamSec22 {
        margin-top: 40px;
    }

    .oohCamSec311 {
        margin-bottom: 40px;
    }

    .oohCamSec312 ul {
        gap: 30px;
    }

    .oohCamSec42 {
        gap: 30px;
        padding: 20px;
    }

    .ooh_mon_upper {
        margin-bottom: 20px;
    }

    .oohCamSec11 {
        padding-bottom: 40px;
    }

    .lineOutside {
        display: none;
    }

    .casStdySec611, .casStdySec612 {
        padding: 0;
    }

    .privacyPolicy_11 ul li {
        flex-direction: column;
    }

    .heading_1 {
        width: 100%;
        padding: 0;
        padding-bottom: 20px;
        text-align: left;
    }

    .detail_1 {
        width: 100%;
    }

    .servicesImg img {
        height: 177px;
    }
}

@media (max-width: 480px) {
    body, .breadcrumb-item, .breadcrumb-item a, .home_sec1 h2, .home_sec1 p, .blueArrow_btn, .form_field label, .form_field input, .form_field textarea, .flag_dropdown button, .flag_list li span, .number_box span, .servis_sec1 p, .servis_sec3 p a, .succ_box p, .b-nav ul li a, .subscribe_btn input::placeholder, .form_field input::placeholder, .form_field textarea::placeholder, .form_btn button, .casStdySec11 h2 {
        font-size: 14px;
        line-height: 18.6px;
    }

        .blueArrow_btn img {
            width: 18px;
        }

    .error {
        font-size: 12px;
        line-height: 16px;
    }

    .home_sec1 h2, .home_sec1 p {
        margin-bottom: 15px;
    }

    .casestu_sec21 > img, .casStdySec21 img {
        height: 300px;
    }

    .about_sec1, .contact_sec1, .about_sec1 .servis_sec1 {
        height: 250px;
    }

    .home_sec61 h2 {
        font-size: 40px;
        line-height: 53.3px;
    }

    .casestu_sec1 .servis_sec1 {
        padding-right: 30px;
    }

    .scrolldown_btn {
        bottom: 22px;
    }

    .scrolldown_ani img {
        width: 24px;
    }

    .h_xxl {
        font-size: 40px;
        line-height: 30px;
    }

    .h_xl, .h_lg {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 12px;
    }

    .h_md {
        font-size: 28px;
        line-height: 37.3px;
        margin-bottom: 12px;
    }

    .h_sm, .servis_sec21 .h_lg {
        font-size: 20px;
        line-height: 26.6px;
    }

    .h_xs, .about_sec211 p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .home_sec62 p, .home_sec21 p {
        font-size: 16px;
        line-height: 21.3px;
    }

    .home_sec25 {
        padding: 15px 20px;
    }

    .home_sec62 h3 {
        font-size: 28px;
        line-height: 37.3px;
    }

    .contSec_121 {
        padding: 25px;
        height: 634px;
    }

    .mar_bot {
        margin-bottom: 15px;
    }

    .home_sec421 span {
        font-size: 15px;
    }

    .home_sec42 {
        gap: 0;
        position: relative;
    }

    .home_sec422 {
        position: absolute;
        top: 0;
        right: 0;
    }

    .home_sec421 h3 {
        max-width: 85%;
    }

    .about_sec211 {
        padding: 20px;
    }

    .bg_0 {
        height: 250px;
    }

    .home_sec631 {
        gap: 15px;
    }

        .home_sec631 img {
            height: 40px;
        }

    .contSec_1 {
        margin-top: 15px;
    }

    .modal_body p {
        font-size: 20px;
        line-height: 28px;
    }

    .modal_body2 img {
        width: 80px;
    }

    .modal_body .modal_body2 p {
        font-size: 16px;
        line-height: 22px;
    }

    .subscribe_btn input {
        font-size: 14px;
        line-height: 18px;
        width: calc(100% - 90px);
    }

    .subscribe_btn button {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 12px;
        padding-bottom: 10px;
        width: 90px;
    }

    .succ_box h5 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .footerTop .footerRES.col_1 {
        padding-bottom: 30px;
        margin-bottom: 25px;
    }

    .oohCamSec21 p {
        font-size: 18px;
        line-height: 24px;
    }

    .h_xxs {
        font-size: 16px;
        line-height: 21.3px;
    }

    .cont_side h4 {
        font-size: 22px;
        line-height: 29px;
        padding: 10px 0 10px 20px;
    }

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

    .cont_side p {
        padding: 10px 0 10px 20px;
        padding-right: 0;
    }

    .icon_side img {
        height: 30px;
    }

    .ooh_mon_upper p {
        font-size: 17px;
        line-height: 22.6px;
    }

    .oohMonLower2 > p {
        margin-bottom: 20px;
    }

    .oohCamSec12 h1 {
        font-size: 40px;
        line-height: 53.3px;
    }

    .big_txt2, .casStdySec51 > p {
        font-size: 16px;
        line-height: 21.3px;
    }

    .casStdySec511 {
        margin-top: 40px;
    }

    .big_txt, .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 40px;
        line-height: 53px;
    }

    .casStdySec412 {
        gap: 40px;
    }

    .form_section .form_btn {
        margin-top: 60px;
    }

    .breadcrumb-item img {
        height: 16px;
    }

    .casStdySec311 h4 {
        max-width: 240px;
    }

    .casStdySec41, .casStdySec412, .casStdySec61 {
        gap: 30px;
    }

    .casStdySec11 h1, .casStdySec21 img {
        margin-bottom: 30px;
    }

    .casStdySec511 {
        margin-top: 30px;
    }

    .casStdySec411 img {
        max-height: 400px;
    }

    .b-nav ul li a {
        padding: 15px 10px;
    }

    .servicesImg img {
        height: 215px;
    }
}

@media (max-width: 440px) {
    .h_xl {
        font-size: 28px;
        line-height: 37px;
    }

    .bg_0 {
        height: 200px;
    }

    .contSec_121 {
        padding: 20px;
        height: 624px;
    }

    .h_sm, .servis_sec21 .h_lg {
        font-size: 19px;
        line-height: 25.3px;
    }

    .home_sec61 h2 {
        font-size: 32px;
        line-height: 42.6px;
        margin-bottom: 15px;
    }

    .home_sec62 h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .home_sec25 {
        padding: 12px 12px;
        gap: 6px;
    }

    .h_xxl {
        font-size: 38px;
        line-height: 28px;
    }

    .home_sec5 {
        height: 240px;
    }

    .subscribe_popup .modal-body {
        padding: 35px 20px;
    }

    .subscribe_btn {
        margin-top: 50px;
    }

    .footerTop h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .footerInner h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .mob_menu_list {
        font-size: 15px;
        line-height: 21px;
        padding: 10px 15px;
    }
}

@media (max-width: 400px) {
    .h_lg {
        font-size: 28px;
        line-height: 37px;
    }

    .h_xl {
        font-size: 26px;
        line-height: 34.6px;
    }

    .modal_body p {
        font-size: 18px;
        line-height: 24px;
    }

    .home_sec1 h2, .home_sec1 p {
        margin-bottom: 12px;
    }

    .home_sec11 {
        margin-top: 20px;
    }

    .home_sec25 img {
        width: 30px;
    }

    .listings {
        gap: 10px;
    }

    .scrolldown_btn {
        bottom: 12%;
    }

    .oohMonLower1 img {
        max-height: 280px;
    }

    .oohCamSec12 h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .big_txt, .casStdySec412 h3, .casStdySec611 h3 {
        font-size: 38px;
        line-height: 50px;
    }

    .form_section {
        padding: 40px 20px;
    }

    .servicesImg img {
        height: 221px;
    }
}

@media (max-width: 360px) {
    .servis_sec1 h1 {
        margin-bottom: 12px;
    }

    .contSec_121 {
        padding: 20px 15px;
    }

    .b-nav {
        padding: 60px 0 20px;
    }

    .scrolldown_btn {
        bottom: 11.6%;
        right: 0;
    }

    .container-full, .container-1600 {
        padding: 0 15px;
    }

    .homeImg {
        width: calc(100% + 30px);
    }

    .servicesImg {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .oohCamSec42 {
        gap: 25px;
        padding: 15px;
    }

    .oohMonLower2 {
        padding: 15px;
        padding-top: 20px;
    }

    .oohMonLower21 li::before, .detail_list p:before {
        width: 10px;
    }

    .oohMonLower21 li {
        padding-left: 20px;
    }

    .oohMonLower21 {
        padding-left: 0;
    }

    .mob_menu_list {
        padding: 10px 5px;
    }
}