body {
    color: #68686a;
    font-family: 'Manrope', 'Roboto', sans-serif;
}
.clear:after {
    content: "";
    clear: both;
    display: block;
}
.bg_color {
    background-color: #fcfbf5;
}
.bg_color1 {
    background-color: #f8f4e5;
}
ul {
    padding: 0px;
    margin: 0px;
}
ul.list-green li{
    list-style:inside!important;
    list-style-type: disc!important;
    list-style-position: inside!important;
    color:#B4B931;
    padding-bottom:10px;
}
li.list-green span{
    color:#2d3032;
}
.icon-img{
    width:auto;
    height:100px;
    padding-bottom:10px;
}
ul li {
    list-style: none;
}
.service-heading{
    color:#2d3032;
    font-weight:600;
    font-size:20px;
}
a {
    color: #68686a;
    text-decoration: none;
}
a:hover {
    color: #B4B931;
    text-decoration: none;
}
/* Google's floating reCAPTCHA v3 badge (bottom-right corner, expands on hover)
   was rendering behind page content on some layouts. Pages using it already
   show the required "protected by reCAPTCHA" disclosure text near the form,
   so hiding the badge outright is compliant with Google's terms and avoids
   fighting the stacking order on hover/expand instead. */
.grecaptcha-badge {
    visibility: hidden !important;
}
.connect{
    color:#ffffff;
}
.connect:hover{
    color:#9da900;
}
img {
    max-width: 100%;
}
.custom_link {
    color: #4240e3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.block-pad{
    padding:5% 0;
}
.block-pad-half{
    padding:2.5% 0;
}
.max-container{
    max-width: 1200px;
}
.bar1,
.bar2,
.bar3 {
    width: 26px;
    height: 3px;
    background-color: #68686a;
    margin: 5px 0;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -2px);
    transform: rotate(45deg) translate(-5px, -2px);
}
.menuIcon {
    cursor: pointer;
}
.menu-act a {
    background: #393a3c;
}
.menu-act-top {
    background: #393a3c;
}
.menu-act-top a {
    color: #ffffff;
}
header {
    padding: 60px 6% 40px;
}
section {
    overflow: hidden;
}
.fixed_header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 100px;
    padding: 15px 6%;
    z-index: 9;
    -ms-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 0px 6px #bbbab0;
    opacity: 1;
    visibility: visible;
    top: 0px;
    overflow: auto;
    max-height: 100vh;
}
.fixed_logo {
    display: none;
}
.fixed_header .primary_logo {
    display: none;
}
.fixed_header .fixed_logo {
    display: block;
}
.fixed_header+section {
    padding-top: 174px;
}
.section_lrp {
    padding-left: 6%;
    padding-right: 6%;
}
.section_tbp {
    padding-top: 80px;
    padding-bottom: 80px;
}
.readMore_top {
    padding-top: 80px;
    display: inline-block;
}
.menu_section {
    float: right;
}
.mainMenu {
    float: left;
}
.menuIcon {
    float: left;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 2px solid #d1d1d1;
}
.mainMenu li {
    float: left;
}
.mainMenu li a {
    display: block;
    padding: 7px 15px;
    line-height: 1;
}
.errorMsg {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
    display: none;
}

#success_msg, #error_msg {
    border-radius: 4px;
    margin-bottom: 20px;
}
/*.sub_menu{

    padding-top: 10px;

    border-top: 1px solid #cfcfcf;

    margin-top: 40px;

    display: none;

}

.sub_menu .parent{



}

.sub_menu .parent > li{

   

}

.sub_menu .parent > li > a{

    padding: 15px 0 15px 15px;

    font-size: 28px;

    display: block;

}

.sub_menu .child{

    opacity: 0;

    visibility: hidden;

    margin-top: -35px;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    padding: 0px 15px 15px 15px;

    position: absolute;

}

.sub_menu .parent > li:hover{

    background-color: #2d3032;

}

.sub_menu .parent > li:hover a{

    color: #fff;

}

.sub_menu .parent > li:hover .child{

    opacity: 1;

    visibility: visible;

    margin-top: 0px;

    position: static;

}



.sub_menu .child li{

    float: left;

}

.sub_menu .child li a{

    padding-right: 25px;

    display: block;

    font-weight: 300;



    position: relative;

}

.sub_menu .child li a:after{

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 0px;

    height: 2px;

    -ms-transition: all 0.4s;

    transition: all 0.4s;

}

.sub_menu .child li a:hover:after{

    width: 60%;

    background-color: #fff;

}*/

/*.nested_title{

    padding-left: 15px;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 400;

    color: #68686a;

    margin-bottom: 0px;

    line-height: 1;

    opacity: 0;

    position: absolute;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}*/

/*.sub_menu .parent > li:hover .nested_title{

    opacity: 1;

    position: static;

}*/

.custom_link {
    position: relative;
    padding-bottom: 5px;
}
.custom_link:hover {
    color: #4240e3;
}
.custom_link:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.custom_link:hover:after {
    width: 60%;
    background-color: #4240e3;
}
a.custom-btn.btn.btn-lg{
    background-color:#B4B931!important;
    color:#ffffff!important;
    border-radius:0!important;
    padding:15px 20px!important;
}
a.custom-btn.btn.btn-lg:hover{
    background-color:#F8F4E5!important;
    color:#B4B931!important;
}
.errorMsg {
    position: absolute;
    font-size: 14px;
    color: red;
}
h1 {
    font-size: 60px;
    margin: 0px;
    font-weight: 400;
}
h3 {
    font-size: 46px;
    color: #2d3032;
    font-weight: 300;
}
.font_light {
    font-weight: 300;
}
.font_bold {
    font-weight: 600;
}
.font_medium {
    font-weight: 500;
}
.banner_title {
    padding-top: 32px;
    padding-bottom: 28px;
}
.banner_title .banner-eyebrow {
    color: #6e7600;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0 0 14px;
}
.banner_title h1 {
    max-width: 900px;
    color: #102a43;
    font-weight: 600;
    letter-spacing: -.02em;
}
.banner_title h1 .font_light {
    display: block;
    color: #6e7600;
    font-weight: 700;
}
.banner_title .banner-sub {
    max-width: 620px;
    margin: 18px 0 0;
    font-size: 17px;
    line-height: 1.6;
    color: #627d98;
}
.scroll_slider .item {
    position: relative;
    cursor: all-scroll;
}
.scroll_slider .item .slider_txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4% 8%;
    opacity: 1;
    transition: all 0.4s;
    background: linear-gradient(to bottom, rgba(7, 31, 51, 0) 0%, rgba(7, 31, 51, .78) 45%, rgba(7, 31, 51, .92) 100%);
    z-index: 2;
}
.scroll_slider .item:hover .slider_txt {
    bottom: 0px;
}
/* .scroll_slider .item:hover:after {}  */
.scroll_slider .item>.img_filter {
    position: relative;
    overflow: hidden;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.scroll_slider .item>.img_filter img {
    display: block;
    width: 100%;
    height: 420px;
    object-fit: cover;
}
.scroll_slider .item>.img_filter:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(7, 31, 51, 0) 35%, rgba(7, 31, 51, .58) 72%, rgba(7, 31, 51, .88) 100%);
}
.scroll_slider .owl-item:hover {
    z-index: 9;
}
.scroll_slider .item:hover>.img_filter {
    transform: scale(1.06);
}
.scroll_slider .item .slider_txt h2 {
    color: #c8df65;
    font-size: 60px;
    font-weight: 500;
    margin: 0px;
}
.scroll_slider .item .slider_txt .desc {
    color: #e2e8bc;
    font-size: 18px;
}
.contain_right {
    float: left;
    width: 40%;
    padding-right: 6%;
}
.bg_color_dark {
    background-color: #2d3032;
}
.contain_left {
    float: left;
    width: 60%;
    padding-left: 6%;
}
.contain_left .content {
    width: 100%;
    float: right;
    max-width: 1152px;
}
.contain_right .content {
    max-width: 768px;
}
.list_services {
    padding: 80px 0px 80px 100px;
}
.list_services li {
    color: #bbbab0;
    margin-bottom: 60px;
    cursor: pointer;
    position: relative;
}
.list_services li:hover,
.list_services li.active {
    color: #fff;
}
.list_services li:last-child {
    margin-bottom: 0px;
}
.list_services li h4 {
    font-size: 22px;
    margin-bottom: 3%;
    font-weight: 400;
}
.list_services li p {
    font-size: 15px;
    margin-bottom: 0;
}
.brands_section {
    padding-top: 100px;
    padding-bottom: 40px;
}
.logo_column img {
    padding-bottom: 60px;
}
.infrastructure {
    background-image: url("../images/infrastructure.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 867px;
}
.business_img {
    background-image: url("../images/business_01.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}
.engagement_model {
    background-image: url(../images/background_bg.jpg);
    background-position: center;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
}
.engagement_model_img {
    background-image: url(../images/engagement_model_img.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    /*height: 100%;*/
    height: 810px;
}
.flex_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* .section_container {}  */
.section_left {
    float: left;
    width: 35%;
}
.section_right {
    float: left;
    width: 65%;
}
.content_right_space {
    padding: 80px 0px 80px 120px;
}
.dark_bg_color {
    color: #f8f4e5;
}
.flex_box {
    display: -ms-flexbox;
    display: flex;
}
/* .content_right_space .tab_content {}  */
.content_right_space .tab_menu {
    padding-right: 100px;
    min-width: 300px;
    margin-left: 20%;
}
.tab_content {
    color: #2d3032;
}
.tab_content h3 {
    font-size: 36px;
}
.tab_content p {
    line-height: 1.6;
    color: rgba(45, 48, 50, 0.7);
}
/* .tab_menu {}  */
.tab_menu li a {
    display: block;
    padding: 0px 0 10px;
    color: #2f2f2f;
    font-weight: 500;
}
.tab_menu .bottom {
    border-top: 1px solid #cfcfcf;
    padding-top: 15px;
    margin-top: 5px;
    color: #2f2f2f;
    font-weight: 500;
}
.content_list {
    padding-top: 120px;
}
.content_list h4 {
    margin-bottom: 20px;
    font-size: 20px;
}
.content_list li {
    margin-bottom: 60px;
}
.content_list li:last-child {
    margin-bottom: 0px;
}
.business_section h3 {
    color: rgba(248, 244, 229, 0.9);
    padding-right: 6%;
    font-size: 40px;
}
.business_slider .owl-stage {
    left: -130px;
}
.business_slider .owl-item.active {
    color: rgba(248, 244, 229, 0.9);
}
.business_slider .owl-item {
    color: rgba(248, 244, 229, 0.3);
    padding-right: 80px;
}
.business_section>p {
    font-weight: 300;
    max-width: 60%;
    margin: 40px 0 60px;
    color: rgba(248, 244, 229, 0.9);
}
.business_section .desc {
    font-weight: 300;
    line-height: 1.6;
}
.business_section h2 {
    font-size: 20px;
    margin-bottom: 30px;
}
.business_slider .owl-prev {
    display: none !important;
}
.business_slider .owl-next {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 300px;
    top: 0;
    bottom: 0;
}
.owl-dots {
    margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}
.owl-theme .owl-dots .owl-dot span {
    width: 22px;
    height: 2px;
    margin: 5px 5px;
    /*background: #545556;*/
}
.business_section .owl-theme .owl-dots .owl-dot span {
    background: #545556;
}
.business_section .owl-theme .owl-dots .owl-dot.active span,
.business_section .owl-theme .owl-dots .owl-dot:hover span {
    background: #fcfbf5;
}
.services_slider.owl-theme .owl-dots .owl-dot span {
    background: #c3c3c3;
    margin-bottom: 0px;
}
.services_slider.owl-theme .owl-dots .owl-dot.active span,
.services_slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #2d3032;
}
.services_slider.owl-theme .owl-dots {
    line-height: 1;
}
.services_slider h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}
.services_slider .desc {
    font-weight: 400;
    margin-bottom: 50px;
    color: rgba(45, 48, 50, 0.7);
}
.split_para {
    padding: 25px 0;
}
.lets_connect {
    color: #fff;
    font-size: 36px;
    background-color: #272a2c;
    padding: 60px 0;
    display: block;
    text-align: center;
    line-height: 1;
    transition: all 0.4s;
}
.lets_connect:hover {
    background-color: #000;
    color: #fff;
}
.footerPadd {
    padding-top: 80px;
    padding-bottom: 80px;
}
footer {
    background: radial-gradient(circle at 85% 15%, rgba(157, 169, 0, .28), transparent 31%), linear-gradient(118deg, #071f33 0%, #14301c 65%, #3d4a0b 100%);
}
footer p {
    color: #d5e4eb;
    font-size: 14px;
    margin-bottom: 5px;
}
footer a {
    color: #d5e4eb;
}
footer a:hover {
    color: #c8df65;
}
footer h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
}
.footer-address-col h5 {
    color: #c8df65;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .03em;
}
.footer-address-col {
    text-align: right;
}
footer .bottom {
    margin-top: 10px;
}
.footer_left_txt {
    max-width: 335px;
    padding-right: 15px;
}
.copy_rights {
    border-top: 1px solid #484b4d;
    padding: 20px 0px;
    text-align: right;
}
.footer_right .col p:last-child {
    margin-bottom: 0px;
}
.footer_right .col {
    padding-left: 30px;
    padding-right: 30px;
    min-width: 250px;
}
.footer_row {
    -ms-display: flex;
    display: flex;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.custom_input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fcfbf5;
    padding: 0;
    border-radius: 0px;
    height: 40px;
    margin-bottom: 15px;
    width: 100%;
    color: #fff;
    font-weight: 300;
}
.custom_input:focus {
    outline: none;
}
.sign_up {
    color: #fcfbf5;
    font-weight: 500;
}
.tab_item {
    display: none;
}
.tab_item.active {
    display: block;
}
.tab_menu a:hover,
.tab_menu a.active {
    font-weight: 600;
}
.tab_menu a {
    position: relative;
}
.list_services li.active:after {
    content: "";
    position: absolute;
    left: -30px;
    border: 15px solid transparent;
    border-left-color: #ffffff;
    top: 6px;
    border-radius: 2px;
    border-top-width: 7px;
    border-bottom-width: 7px;
}
.tab_menu a.active:after {
    content: "";
    position: absolute;
    left: -15px;
    border: 6px solid transparent;
    border-left-color: #2f2f2f;
    top: 6px;
    border-radius: 2px;
    border-top-width: 5px;
    border-bottom-width: 5px;
}
footer .social_icons li {
    display: inline-block;
    padding-right: 15px;
    padding-bottom: 15px;
    font-size: 20px;
}
footer .social_icons li:last-child {
    padding-right: 0px;
}
footer .social_icons .fa-linkedin-in { color: #0A66C2; }
footer .social_icons .fa-x-twitter { color: #ffffff; }
footer .social_icons .fa-facebook-f { color: #1877F2; }
footer .social_icons a:hover i { opacity: 0.8; }
/* toggle menu*/

.wrapper {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
#sidebar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    right: -335px;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: -4px 0px 6px #00000026;
    background: #102a43;
}
/* #content {}  */
#scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #9da900;
    border-radius: 10px;
    background-color: #F5F5F5;
}
#scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
#scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #9da900;
    background-color: #9da900;
}
#sidebar.active {
    right: -320px;
}
.its-open {
    -webkit-transform: translateX(-334px);
    transform: translateX(-334px);
}
.parent .child {
    animation: slide-down 0.4s;
    animation-direction: normal;
    animation-duration: 0.4s;
    display: none;
}
.parent li a {
    font-size: 18px;
    padding: 16px 10px 16px 20px;
    display: block;
    color: #e9f2d8;
}
.parent li a:hover,
.parent li a.rotate {
    color: #c8df65;
}
.parent li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.parent li ul{
    width: 100%;
    max-height: 400px;
    overflow-y: inherit;
    position: static;
}
.parent li ul li a {
    color: #ffffff;
    font-size: 16px;
}
.parent li ul li:hover {
    background: rgba(255, 255, 255, .06);
}
.parent .child .nested_title {
    color: #c8df65;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    background-color: rgba(0, 0, 0, .2);
    font-weight: 500;
}
.parent li a i {
    display: block;
    float: right;
    margin-left: 15px;
    transition: transform 0.3s linear;
}
.rotate i {
    transform: rotate(90deg);
}
.parent {
    background: #102a43;
    height: 100%;
}
.sub-menu{
    padding-left:40px!important;
}
.inner-close {
    text-align: right;
    margin-top: 80px;
}
.inner-close i {
    color: #e9f2d8;
}
.inner-close i:hover {
    cursor: pointer;
    color: #c8df65;
}
/* .wrapper.its-open {
    position: fixed;

    width: 100%;
} */
.hide-scroll {
    overflow: hidden;
}
.hide-scroll #content::-webkit-scrollbar {
    display: none;
}
.hide-scroll #content {
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}
/* toggle menu*/

/*Nocc service page*/

.nocc-ban-text {
    position: absolute;
    bottom: 20px;
    left: 10%;
    color: #fcfbf5;
    font-size: 50px;
    text-align: left;
    z-index: 9;
}
.nocc-banner {
    position: relative;
    text-align: center;
}
.nocc-banner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.55) 80%);
}
.nocc-ban-text span {
    font-weight: 100;
}
/* .noc-mid {}  */
.noc-mid-left {
    background: #f8f4e5;
    padding: 30px 10px;
    text-align: center;
}
.lan-abt {
    background: #ffffff;
    padding: 30px 100px;
}
.noc-mid-left h2 {
    font-size: 40px;
    text-align: center;
    margin: 80px 0px 30px 0px;
}
.lan-abt h2 {
    font-size: 40px;
    text-align: center;
    margin: 20px 0px 30px 0px;
}
.noc-mid-left h2 span {
    font-weight: 300;
}
.noc-mid-right {
    background: #2d3032;
    color: #ffffff;
    padding: 50px 35px 50px;
}
.noc-mid-right h2 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 30px;
}
.noc-mid-right h2 span {
    font-weight: 500;
}
.noc-mid-left p {
    margin: 20px 0px 0px 0px;
}
.noc-mid-left img {
    margin: 20px 0px 200px 0px;
}
.key-performance ul li {
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    color: #ebebeb;
}
.key-performance ul li span {
    cursor: pointer;
}
.key-performance ul li .key-sub {
    padding-left: 35px;
    margin-bottom: 20px;
    display: none;
    background: #0000001c;
}
/* .key-performance {
    border-bottom: 10px solid #ffffff1f;
} */
.key-performance ul li.active span {
    background: #0000002e;
}
.key-performance ul li span img {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    margin-top: 15px;
    float: right;
}
.key-performance ul li.active span img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.key-performance ul li span {
    padding: 10px;
    width: 100%;
    display: inline-block;
}
.key-performance ul li .key-sub li {
    font-weight: 300;
    font-size: 18px;
    margin: 10px 0px;
}
.why-choose {
    background: #f8f4e5;
}
.why-choose h3 {
    margin-right: 20px;
}
.why-choose ul {
    margin-bottom: 20px;
}
.why-choose ul li {
    margin-bottom: 10px;
}
.why-choose h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #2d3032;
}
.why-choose p {
    line-height: 28px;
}
.testimonial-img {
    padding: 20px 0px;
    text-align: center;
    background: #3c3c3c;
}
.testimonial-text {
    margin: 50px 0px 20px 50px;
}
.testimonial-text p {
    width: 75%;
    padding-bottom: 20px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px;
    color: #2d3032;
}
.testimonial-text h5 {
    font-weight: 500;
    color: #2d3032;
    font-size: 1.10rem;
}
#demo li.active {
    background-color: #3c3c3c;
}
#demo li {
    background-color: #dadada;
}
.item .custom_link {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    width: 100px;
}
#inner-testimonial.owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}
#inner-testimonial .owl-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
/*Nocc service page*/

.bg-cross-1 {
    padding: 100px 0px;
    background: #2d3032;
    color: #ffffff;
}
.bg-cross-1 h4,
.bg-cross-2 h4 {
    font-size: 30px;
}
.bg-cross-1 i {
    font-size: 50px;
    position: relative;
    top: 0;
    transition: top ease 0.3s;
}
.bg-cross-1 i:hover {
    top: -10px;
}
.bg-cross-2 {
    padding: 100px;
    background: #b0b237;
    color: #ffffff;
}
.bg-cross-2 i {
    font-size: 50px;
    position: relative;
    top: 0;
    transition: top ease 0.3s;
}
.bg-cross-2 i:hover {
    top: -10px;
}
.lead-team-top {
    width: 100%;
    background: #f8f4e5;
    padding: 100px 50px;
}
.lead-team-top h5 {
    width: 80%;
    margin: auto;
}
.lead-team-top p {
    width: 80%;
    margin: 20px auto;
}
.team-img {
    text-align: center;
    margin: auto;
    position: relative;
}
/* .team-img img {
    border-radius: 50%;
} */
.team-img img:hover {
    cursor: pointer;
}
.team-des1,
.team-des2,
.team-des3 {
    display: none;
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 30px 20px;
    border-top: 2px solid #9da900;
}
.pic1,
.pic2,
.pic3 {
    position: relative;
    z-index: 5;
}
.team-des-close {
    position: absolute;
    right: 5px;
    top: 5px;
}
.team-des-close i {
    font-size: 35px;
}
.team-des-close i:hover {
    cursor: pointer;
}
.leader-ship-text {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.pic1-select {
    display: none;
}
.team-img.select .pic1 {
    display: none;
}
.team-img.select .pic1-select {
    display: block;
}
.pic2-select {
    display: none;
}
.team-img.select .pic2 {
    display: none;
}
.team-img.select .pic2-select {
    display: block;
}
.pic3-select {
    display: none;
}
.team-img.select .pic3 {
    display: none;
}
.team-img.select .pic3-select {
    display: block;
}
.lead-team-top .select+.leader-ship-text:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #9da900;
    max-width: 394px;
}
.leader-ship-text h4:after {
    content: '';
    background: #2d3032;
    width: 150px;
    height: 2px;
    display: block;
    margin: auto;
    margin-top: 10px;
}
.des-desk {
    display: block;
}
.des-mob {
    display: none;
}
.case-study {
    margin-top: 50px;
    margin-bottom: 100px;
}
.csae-in {
    background: #ffffff;
    padding: 20px;
    padding-bottom: 0px;
    height: 100%;
    position: relative;
}
.case-study-more {
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #cccccc;
    width: 100%;
    padding: 10px 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.case-study-more a {
    color: #4240e3;
}
.case-study-more a:hover {
    color: #9da900;
}
.case-img {
    height: 100%;
}
.case-img img {
    width: 100%;
    height: 100%;
}
.csae-in h5 {
    color: #2d3032;
    margin-bottom: 2px;
}
.csae-in h6 {
    color: #2d3032;
}
.csae-in p {
    font-size: 15px;
    line-height: 20px;
}
/* .case-study-inner {}  */
.case-in-left {
    background: #2d3032;
    color: #ffffff;
    padding: 10px 10px 10px;
}
.case-in-mid {
    /*  background: #f8f4e5;*/
    color: #ffffff;
    padding: 10px 0px 10px;
}
.case-in-mid p {
    color: #2d3032;
}
.case-in-mid ul li {
    color: #2d3032;
    margin: 10px 0px 10px 0px;
}
/* .case-in-mid ul li i {}  */
.case-study-inner .font_bold {
    color: #2d3032;
}
.case-study-inner h2 {
    font-weight: normal;
    color: #848484;
    margin: 30px 0px;
}
.case-in-mid h4 {
    font-size: 22px;
    /* font-weight:400;*/
    color: #2d3032;
}
.case-in-right {
    background: #2d3032;
    color: #ffffff;
    padding: 10px 10px 10px;
}
.case-in-mid-sec {
    margin: 30px 0px;
    margin-top: 0px;
}
.case-in-img {
    margin: 30px;
    text-align: center;
}
/* .case-in-mid-sec .case-in-img:first-child {} .case-in-img img {}  */
.who-want h2 {
    margin: 80px 0px 30px 0px;
    text-align: left;
}
/* .who-want .noc-mid-left {} .who-want .noc-mid-right {}  */
.who-want .noc-mid-right h2 {
    font-weight: 400;
}
.who-want-con {
    padding: 50px 100px;
    text-align: center;
}
.who-want-con h2 a {
    padding: 3px 5px;
}
.happy-emp {
    margin: 40px 30px;
    text-align: center;
}
.happy-emp h5 {
    margin-top: 20px;
}
.happy-emp h6 {
    margin-bottom: 20px;
}
.happy-emp-w {
    /*   background: #f8f4e5;*/
    padding: 30px 30px;
    text-align: center;
}
/* .happy-emp p,
.happy-emp-b p {}  */
.happy-emp-b {
    /*  background: #2d3032;*/
    padding: 30px 30px;
    /* color:#ffffff;*/
    text-align: center;
}
.contact-form {
    width: 60%;
    margin: 50px auto;
}
.contact .noc-mid-left img {
    margin: 0px;
}
.contact-form .form-group {
    margin-bottom: 30px;
}
.contact-form label {
    color: #ffffff;
}
.contact-form button {
    width: 100%;
    background: none;
    border-radius: 0;
    border: none;
    color: #909192;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    padding-left: 0px;
}
.contact-form button:hover {
    color: #b2b638;
    background: no-repeat;
}
.btn.focus,
.btn:focus {
    box-shadow: none;
}
.contact-form .form-control {
    border-radius: 0;
    background: no-repeat;
    border: none;
    border-bottom: 1px solid #949393;
    padding-left: 0;
}
.form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #505050;
}
.contact .noc-mid-right {
    padding-top: 40px;
}
.contact .noc-mid-right h2 {
    margin-bottom: 10px;
    padding-top: 30px;
    font-size: 35px;
}
.contact .noc-mid-right p {
    padding-left: 5px;
    margin-bottom: 10px;
}
.know-more {
    color: #2d3032;
    font-size: 14px;
    text-align: left;
    padding-top: 5px;
    display: block;
}
.case-in-img-top {
    background: #f8f4e5;
}
@media (max-width: 1200px) {
    .container1 {
        width: 100%;
    }
    .case-study-inner {
        margin: 0 30px;
    }
    .case-study {
        margin: 0 15px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1920px;
    }
    .container1 {
        width: 1140px;
        margin: auto;
    }
}
@media (max-width: 1460px) {
    .contact-form {
        width: 100%;
    }
}
@media (max-width: 1919px) {
    .inner-close {
        margin-top: 48px;
    }
    .container {
        max-width: 100%;
    }
    .list_services {
        padding: 8% 0px 8% 10%;
    }
    .section_tbp {
        padding-top: 4%;
        padding-bottom: 4%;
    }
    .content_right_space {
        padding: 6% 0px 6% 6%;
    }
    .content_right_space .tab_menu {
        padding-right: 4%;
        margin-left: 4%;
        min-width: 240px;
    }
    .content_list {
        padding-top: 14%;
    }
    .content_list li {
        margin-bottom: 10%;
    }
    .business_section>p {
        margin: 20px 0 40px;
    }
    .business_section h2 {
        margin-bottom: 20px;
    }
    .footerPadd {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .banner_title {
        padding-top: 4%;
        padding-bottom: 4%;
    }
    .footer_right .col {
        padding-left: 15px;
        padding-right: 15px;
        min-width: 200px;
    }
    .section_lrp {
        padding-left: 3%;
        padding-right: 2%;
    }
    header,
    .fixed_header {
        padding: 30px 2% 20px;
    }
    .fixed_header+section {
        padding-top: 124px;
    }
    .copy_rights {
        padding: 15px 0px;
    }
    h1 {
        font-size: 50px;
    }
    h3 {
        font-size: 36px;
    }
    .list_services li {
        margin-bottom: 40px;
    }
    .tab_content h3 {
        font-size: 26px;
    }
    .content_list h4 {
        margin-bottom: 15px;
        font-size: 18px;
    }
    .business_section h3 {
        font-size: 30px;
    }
    .brands_section {
        padding-top: 4%;
        padding-bottom: 0%;
    }
    .lets_connect {
        padding: 3% 0;
    }
    .business_section .desc {
        line-height: 1.4;
    }
    .infrastructure {
        height: 710px;
    }
    .engagement_model_img {
        height: 680px;
    }
}
@media (max-width: 1365px) {
    .business_slider .owl-stage {
        left: -50px;
    }
    .business_slider .owl-next {
        width: 100px;
    }
    .footer_row {
        display: block;
    }
    .footerPadd {
        padding-top: 2%;
        padding-bottom: 0;
    }
    .footer_right .row {
        justify-content: space-between;
    }
    .footer_right .col {
        flex-grow: inherit;
        padding-bottom: 2%;
    }
    .scroll_slider .item .slider_txt h2 {
        font-size: 45px;
    }
}
@media (max-width: 1080px) {
    .content_right_space {
        padding: 4%;
    }
    .content_list {
        padding-top: 40px;
    }
    .content_list li {
        margin-bottom: 30px;
    }
    .infrastructure {
        height: 250px;
    }
    .engagement_model_img {
        height: 370px;
    }
}
@media (max-width: 991px) {
    .noc-mid-right h2 {
        font-size: 25px;
    }
    .noc-mid-right {
        padding: 20px 20px 20px;
    }
    .key-performance ul li {
        font-size: 18px;
    }
    .testimonial-text p {
        width: 100%;
    }
    .testimonial-text {
        margin: 30px 0px 20px 10px;
    }
    .nocc-ban-text {
        position: absolute;
        bottom: 50px;
        left: 5%;
        color: #fcfbf5;
        font-size: 40px;
    }
    .happy-emp {
        margin: 0px;
        margin-top: 20px;
    }
    .happy-emp-w,
    .happy-emp-b {
        padding: 0px;
    }
    .inner-close {
        margin-top: 15px;
    }
    .parent {
        margin-top: 0px;
    }
    .rotate i {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .parent .child {
        animation: none;
    }
    .parent li a i {
        display: block;
        float: right;
        margin-left: 15px;
        -moz-transition: all 0.5s linear;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .parent-2 li a i {
        display: block;
        float: right;
        margin-left: 15px;
        -moz-transition: all 0.5s linear;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .its-open {
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
    }
    #sidebar.active {
        right: -245px;
    }
    .parent li ul li {
        background-color: #2d3032;
    }
    .parent li ul {
        position: static;
        left: 0px;
    }
    .parent li a {
        font-size: 12px;
        width: 100%;
        display: block;
        padding: 10px;
    }
    .parent .child .nested_title {
        padding: 10px;
    }
    .parent li {
        padding-right: 5px;
        font-size: 12px;
        padding: 0px;
    }
    .parent li ul li a {
        font-size: 12px;
        width: 100%;
        display: block;
    }
    .parent li:hover ul {
        display: none;
        position: static;
    }
    .parent-2 li:hover ul {
        display: none;
        position: static;
    }
    .show-menu{
        display:block!important;
        position:static;
        transition: all 0.4s;
    }
    .parent li ul {
        width: 100%;
    }
    /*.business_slider .owl-stage {

        left: 0px;

    }*/
    .fixed_header+section {
        padding-top: 59px;
    }
    .logo img {
        max-width: 220px;
    }
    .banner_title h1 {
        max-width: 80%;
    }
    h1 {
        font-size: 40px;
    }
    .contain_left {
        float: none;
        width: 100%;
        padding-left: 4%;
    }
    .contain_left .content {
        float: none;
    }
    .contain_right {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .contain_right .content {
        max-width: 100%;
    }
    .list_services {
        padding: 4%;
    }
    .custom_link {
        padding-bottom: 25px;
        display: block;
    }
    .readMore_top {
        padding-bottom: 60px;
        padding-top: 20px;
        text-align: center;
    }
    .brands_section h3 {
        text-align: center;
    }
    .lets_connect {
        font-size: 24px;
        padding: 20px 0;
    }
    .logo_column img {
        padding-bottom: 30px;
    }
    footer h4 {
        font-size: 22px;
    }
    .content_right_space .tab_menu {
        margin-left: 40px;
        min-width: 200px;
        padding-right: 0;
    }
    /*  .sub_menu .parent > li > a{

        font-size: 22px;

    }

    .sub_menu .parent > li {

        font-size: 15px;

    }*/
    .list_services li {
        margin-bottom: 30px;
    }
    .list_services li h4 {
        margin-bottom: 15px;
    }
    header,
    .fixed_header {
        padding: 10px 2% 10px;
    }
    .scroll_slider .item .slider_txt {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 20px;
        opacity: 1;
        transition: all 0.4s;
    }
    .scroll_slider .item>.img_filter img {
        height: 320px;
    }
    .scroll_slider .item .slider_txt h2 {
        font-size: 25px;
    }
    .scroll_slider .item .slider_txt .desc {
        line-height: 1.4;
        margin-top: 5px;
        font-size: 14px;
    }
    /*.footer_left_txt {

        max-width: 100%;

        padding-right: 15px;

        text-align: left;

        padding: 15px 0;

    }*/
}
@media (max-width: 767px) {
    .footer_left_txt {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 8px;
        text-align: center;
    }
    .footer_right .row {
        flex-direction: column;
        align-items: center;
    }
    .footer_right .col {
        min-width: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px;
        text-align: center;
    }
    .footer_right .col:last-child {
        margin-bottom: 0;
    }
    /* Stacked into a single column, right-aligned addresses read as cramped
       against the edge — center to match the rest of the mobile footer. */
    .footer-address-col {
        text-align: center;
    }
    .footer-address-col h5 {
        margin-top: 0;
    }
    footer .bottom {
        margin-top: 12px;
    }
    .social_icons {
        padding-left: 0;
    }
    .list_services li.active:after {
        left: -20px;
    }
    .section_left {
        float: none;
        width: 100%;
        min-height: 250px;
    }
    .section_right {
        float: none;
        width: 100%;
    }
    .noc-mid-right h2 {
        font-size: 25px;
    }
    .noc-mid-right {
        padding: 20px 20px 20px;
    }
    .key-performance ul li {
        font-size: 18px;
    }
    .testimonial-text p {
        width: 100%;
    }
    .testimonial-text {
        margin: 30px 0px 0px 10px;
    }
    .nocc-ban-text {
        position: absolute;
        bottom: 50px;
        left: 5%;
        color: #fcfbf5;
        font-size: 30px;
    }
    .noc-mid-left {
        padding: 20px;
    }
    .lan-abt {
        padding: 30px 0px;
    }
    .bg-cross-1,
    .bg-cross-2 {
        padding: 50px;
    }
    .des-desk {
        display: none;
    }
    .des-mob {
        display: block;
    }
    .services_title {
        margin-bottom: 40px;
    }
    .services_slider h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .services_slider .desc {
        margin-bottom: 30px;
    }
    /*.sub_menu .parent > li > a{

        font-size: 18px;

    }

    .sub_menu .parent > li {

        font-size: 14px;

    }*/
}
@media (max-width: 640px) {
    .banner_title h1 {
        max-width: 100%;
    }
    h1 {
        font-size: 28px;
    }
    h3 {
        font-size: 26px;
    }
    .list_services li h4 {
        font-size: 18px;
    }
    .list_services li p {
        font-size: 14px;
    }
    .logo_column img {
        max-width: 120px;
    }
    .readMore_top {
        padding-bottom: 30px;
    }
    .tab_content h3 {
        font-size: 18px;
    }
    body {
        font-size: 14px;
    }
    .business_section h3 {
        font-size: 18px;
    }
    .business_section h2 {
        margin-bottom: 15px;
    }
    .services_title {
        margin-bottom: 20px;
        font-size: 22px;
    }
    .services_slider h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .content_list {
        padding-top: 30px;
    }
    .footer_left_txt {
        max-width: 100%;
        font-size: 16px;
    }
    footer p {
        font-size: 13px;
    }
    /*.sub_menu .parent > li > a {

        padding: 10px 0 10px 10px;

    }

    .sub_menu .parent > li > a {

        font-size: 16px;

    }*/
    .section_lrp {
        padding-left: 0;
        padding-right: 0;
    }
    .business_slider .owl-stage {
        left: 0;
    }
    .business_slider .owl-item {
        padding-right: 0px;
    }
    .business_section>p {
        max-width: 100%;
    }
    .logo img {
        max-width: 180px;
    }
    /*.sub_menu{

        margin-top: 20px;

    }*/
    .lets_connect {
        font-size: 16px;
    }
    .footerPadd {
        padding-top: 20px;
    }
    footer .bottom {
        margin-top: 15px;
    }
    .copy_rights {
        text-align: center;
    }
    .scroll_slider .item:hover>.img_filter {
        transform: scale(1);
    }
    .scroll_slider .item>.img_filter:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, rgba(7, 31, 51, 0) 20%, rgba(7, 31, 51, .88) 80%);
    }
    .business_slider .owl-next {
        width: 0;
    }
    /*.sub_menu .parent > li {

        font-size: 12px;

    }

    .sub_menu .child li a{

        padding-right: 15px;

    }*/
}
@media (max-width: 575px) {
    .case-study-more {
        position: inherit;
    }
    .row-sec .col-md-3:nth-child(2) {
        order: 1;
    }
    .row-sec .col-md-3:nth-child(1) {
        order: 2;
    }
    .row-sec .col-md-3:nth-child(3) {
        order: 4;
    }
    .row-sec .col-md-3:nth-child(4) {
        order: 3;
    }
    .nocc-ban-text {
        position: absolute;
        bottom: 50px;
        color: #fcfbf5;
        font-size: 25px;
        line-height: 30px;
        left: 5%;
    }
}
@media (max-width: 480px) {
    .team-img img {
        max-width: 50%;
    }
    .key-performance ul li .key-sub {
        padding-left: 15px;
    }
    .key-performance ul li .key-sub li {
        font-size: 15px;
        margin: 5px 0px;
    }
    .mainMenu {
        display: none;
    }
    .lead-team-top {
        padding: 30px 0px;
    }
    .lead-team-top p {
        width: 100%;
    }
    .lead-team-top h5 {
        width: 100%;
    }
    .contact .noc-mid-right h2 {
        font-size: 25px;
    }
    .lan-abt h2 {
        font-size: 30px;
        margin: 20px 0px 10px 0px;
    }
    .noc-mid-left h2 {
        font-size: 25px;
    }
    .noc-mid-left img {
        margin: 20px 0px 0px 0px;
    }
    .noc-mid-left h2 {
        margin: 20px 0px 20px 0px;
    }
    .noc-mid-right h2 {
        font-size: 25px;
    }
    .noc-mid-right {
        padding: 20px 10px 20px;
    }
    .key-performance ul li {
        font-size: 16px;
    }
    .testimonial-text p {
        width: 100%;
    }
    .testimonial-text {
        margin: 30px 0px 0px 10px;
    }
    .nocc-ban-text {
        position: absolute;
        bottom: 0px;
        color: #fcfbf5;
        font-size: 15px;
        line-height: 30px;
        text-shadow: 1px 1px 3px #6b6b6b;
    }
    .content_list li {
        margin-bottom: 10px;
    }
    .content_list h4 {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .tab_content p {
        font-size: 12px;
    }
    .content_list {
        padding-top: 10px;
    }
    .tab_content h3 {
        font-size: 15px;
    }
    .content_right_space .tab_menu {
        margin-left: 20px;
        min-width: 85px;
    }
    .tab_menu li a,
    .tab_menu .bottom {
        font-size: 12px;
    }
    .tab_menu .bottom {
        padding-top: 10px;
        margin-top: 0px;
    }
    .logo img {
        max-width: 100px;
    }
    .primary_logo {
        display: none;
    }
    .fixed_logo {
        display: block;
    }
    h1 {
        font-size: 20px;
    }
    h3 {
        font-size: 18px;
    }
    header .left {
        flex-grow: 0;
    }
    .menuIcon {
        margin-left: 10px;
        padding-left: 10px;
        margin-top: 3px;
    }
    .bar1,
    .bar2,
    .bar3 {
        width: 16px;
        height: 2px;
        margin: 3px 0;
    }
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-6px, 2px);
        transform: rotate(-45deg) translate(-6px, 2px);
    }
    .fixed_header+section {
        padding-top: 53px;
    }
    .scroll_slider .item .slider_txt h2 {
        font-size: 22px;
    }
    .custom_link {
        font-size: 12px;
    }
    .list_services li h4 {
        font-size: 16px;
    }
    .list_services li p {
        font-size: 12px;
    }
    .list_services li p {
        font-size: 12px;
    }
    .brands_section {
        padding-top: 25px;
    }
    .readMore_top {
        padding-bottom: 30px;
        padding-top: 10px;
    }
    body {
        font-size: 12px;
    }
    .business_section>p {
        margin: 15px 0 30px;
    }
    .section_tbp {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .services_slider .desc {
        margin-bottom: 15px;
    }
    .split_para {
        padding: 15px 0;
    }
    .footer_left_txt {
        font-size: 14px;
    }
    .lets_connect {
        font-size: 14px;
    }
    footer p {
        font-size: 12px;
    }
    .services_title {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .services_slider h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .tab_menu .bottom {
        display: none;
    }
}
@media all and (min-width: 600px) and (max-width: 991px) {
    .slider_txt {
        background: linear-gradient(to bottom, rgba(4, 0, 0, 0) 20%, rgb(0, 0, 0) 80%);
    }
}
/*@media (min-width: 992px){

    .container {

        max-width: 100%;

    }

}*/

/* Sticky header with brand logo + partner-logo strip (introduced on contact-us.html, shared here for site-wide reuse) */
.contact-page-header { position: sticky; top: 0; z-index: 100; padding: 12px 24px; border-bottom: 1px solid #e5eaee; box-shadow: 0 2px 12px rgba(16, 42, 67, .05); }
.contact-page-header .container { width: 100%; max-width: none; padding-left: 0; padding-right: 0; }
.contact-page-header .left { display: flex; flex: 0 0 auto; width: auto; align-items: center; max-width: none; }
.contact-page-header .brand-lockup { display: flex; flex-direction: row; align-items: center; gap: 20px; }
.contact-page-header .logo { line-height: 0; }
.contact-page-header .primary_logo { display: block; width: 300px; max-width: none; }
.contact-page-header .fixed_logo { display: none; }
.contact-page-header .partner-logos { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding-left: 18px; border-left: 1px solid #d8e0e5; }
.contact-page-header .partner-logos img { display: block; width: auto; height: 28px; max-width: 64px; object-fit: contain; }
.contact-page-header .partner-logos img[alt="IBM Silver Partner"] { height: 30px; max-width: 60px; }
.contact-page-header .menu_section { display: flex; align-items: center; }
.contact-page-header .mainMenu li a { padding: 8px 14px; }
.contact-page-header .menuIcon { margin-left: 18px; padding-left: 18px; }
@media (max-width: 991px) {
    .contact-page-header { padding: 10px 18px; }
    .contact-page-header .row { flex-wrap: nowrap; }
    .contact-page-header .left { min-width: 0; }
    .contact-page-header .brand-lockup { gap: 4px; }
    .contact-page-header .primary_logo { width: 150px; }
    .contact-page-header .partner-logos { gap: 5px; }
    .contact-page-header .partner-logos img { height: 22px; max-width: 50px; }
    .contact-page-header .partner-logos img[alt="IBM Silver Partner"] { height: 23px; max-width: 46px; }
    .contact-page-header .mainMenu { display: none; }
    .contact-page-header .menu_section { justify-content: flex-end; }
    .contact-page-header .menuIcon { margin: 0; padding-left: 12px; }
    .contact-page-header.fixed_header { min-width: 0; margin-left: 0; padding: 10px 18px; }
}
@media (max-width: 576px) {
    .contact-page-header { padding: 10px 16px; }
}

/* Sidebar as a permanent, always-visible vertical nav rail on wider screens.
   Below this breakpoint it keeps the existing hamburger/off-canvas behavior. */
@media (min-width: 992px) {
    #sidebar {
        position: fixed;
        left: 0;
        right: auto;
        top: 0;
        bottom: 0;
        width: 300px;
        overflow-y: auto;
        box-shadow: 4px 0 10px rgba(0, 0, 0, .12);
    }
    .wrapper.its-open {
        transform: none;
    }
    body:has(#sidebar) #content {
        margin-left: 300px;
    }
    .menuIcon,
    .inner-close {
        display: none;
    }
}

/* Horizontal main navigation (header) */
.main-navbar { padding: 0; justify-content: flex-end; }
.main-navbar .navbar-nav { align-items: center; }
.main-navbar .nav-link {
    color: #102a43;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 14px;
}
.main-navbar .nav-link:hover,
.main-navbar .nav-link:focus,
.main-navbar .nav-link.show {
    color: #6e7600;
}
.main-navbar .nav-link-cta {
    background: #102a43;
    color: #ffffff !important;
    border-radius: 999px;
    padding: 8px 20px;
    margin-left: 6px;
    transition: background-color .2s ease, color .2s ease;
}
.main-navbar .nav-link-cta:hover {
    background: #0a1c2e;
    color: #c8df65 !important;
}
.main-navbar .dropdown-toggle::after {
    vertical-align: 1px;
    transition: transform .2s ease;
}
.main-navbar .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

/* Positioned explicitly rather than relying on Popper (data-bs-display="static"
   disables it), since Bootstrap only applies its own top/left rules once
   Popper has attached and marked the element with data-bs-popper. */
.main-navbar .nav-item.dropdown {
    position: relative;
}
.main-navbar .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #e6eef2;
    border-radius: 10px;
    box-shadow: 0 18px 40px rgba(16, 42, 67, .14);
    padding: 10px;
    margin-top: 6px;
}
/* Content-rich items get a wider, 2-column panel, still anchored under their
   own toggle (not full-width) so short menus don't leave the panel oversized.
   Columns are a fixed width (not content-driven) so every mega-menu across
   the site lines up the same regardless of how long its item labels are. */
.main-navbar .dropdown-menu.mega-menu {
    width: 454px;
    max-width: 454px;
    padding: 20px;
}
.mega-menu-inner {
    display: grid;
    grid-template-columns: repeat(2, 190px);
    gap: 20px 32px;
}
.mega-col {
    display: flex;
    flex-direction: column;
}
.mega-col-title {
    color: #6e7600;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e6eef2;
}
.main-navbar .dropdown-item {
    color: #102a43;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 14px;
}
.main-navbar .dropdown-item:hover,
.main-navbar .dropdown-item:focus {
    background-color: rgba(200, 223, 101, .18);
    color: #102a43;
}
.main-navbar .navbar-toggler {
    border-color: rgba(16, 42, 67, .25);
}
@media (max-width: 991px) {
    /* Anchor the expanded panel to the sticky header itself (left:0/right:0
       against the header's own box) instead of letting it stay inline in the
       nav's flex column, whose computed width can be squeezed/overflowed by
       the sibling logo column — that mismatch was pushing the open menu off
       the right edge of the viewport on phones. Bootstrap's base .navbar
       rule sets position:relative on the nav itself, which would otherwise
       make the (narrow) nav column the containing block instead of the
       full-width header — override it back to static so the header wins. */
    .main-navbar { position: static; }
    .main-navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: auto;
        background: #ffffff;
        border: 1px solid #e6eef2;
        border-radius: 10px;
        box-shadow: 0 12px 30px rgba(16, 42, 67, .12);
        margin: 10px 12px 0;
        padding: 8px;
        max-height: calc(100vh - 90px);
        overflow-y: auto;
        z-index: 1050;
    }
    .main-navbar .navbar-nav { align-items: stretch; }
    .main-navbar .dropdown-menu {
        position: static;
        left: auto;
        transform: none;
    }
    .main-navbar .dropdown-menu.mega-menu {
        width: 100%;
        max-width: none;
        box-shadow: none;
        border: none;
    }
    .mega-menu-inner {
        display: block;
    }
    .mega-col-title {
        border-bottom: none;
        margin-top: 12px;
    }
    .main-navbar .nav-link-cta { margin-left: 0; text-align: center; }
}

/* "Our Customers and Partners" logo wall: give every mixed png/jpg logo a
   uniform card instead of rendering at native (wildly inconsistent) sizes. */
.brands_section h3 {
    color: #102a43;
    font-weight: 500;
}
.brands_section h3 .font_bold {
    color: #6e7600;
}
.brands_section .custom_link {
    color: #6e7600;
}
.brands_section .custom_link:hover {
    color: #4f5400;
}
.brand-logo-card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    padding: 16px;
    margin-bottom: 24px;
    background: #ffffff;
    border: 1px solid #e6eef2;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(16, 42, 67, .06);
}
.logo_column .brand-logo-card img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    padding-bottom: 0;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .7;
    transition: filter .2s ease, opacity .2s ease;
}
.brand-logo-card:hover img {
    filter: none;
    opacity: 1;
}
@media (max-width: 576px) {
    .brand-logo-card {
        height: 70px;
        padding: 10px;
        margin-bottom: 16px;
    }
}