/* This CSS document is in support of the regular Elementor Global CSS and is mostly in relation to custom query loops */


.dcs-universal-pagination {width:100%;display: flex;justify-content: center;}
.dcs-universal-pagination ul {margin:0;padding:0;}
.dcs-universal-pagination ul li.inactive {color:#E6E6E6;}
.dcs-universal-pagination ul li {display:inline; margin:2px;padding:6px 9px;background:#FFF;color:black;border-radius: 5px;}

.dcs-universal-pagination ul li.active:hover {
    cursor:pointer;background:white;color:#E2251D;
    -webkit-box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    -moz-box-shadow:  0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;  
}

.dcs-universal-pagination ul li.selected {
    background:#E2251D;color:white;
    -webkit-box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    -moz-box-shadow:  0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
}

/* Team index CSS parts */

li.init.grey {
    opacity: 0.3;
    cursor: not-allowed;
}

.common_team_dropdown li {
    //background-color:#fff!important;
    height:42px
}

ul.open {
    z-index:9999
}
.common_team_dropdown{
        width: 20%;
}

button#team_search1 , button#team_reset1 , #insights_reset_btn , #insights_reset_btn {
    background: #910022;
    color: #fff;
    border: 1px solid #c36;
    padding: 0.5rem 22px;
    font-size: 1rem;
    border-radius: 3px;
    transition: all .3s;
    text-transform:uppercase;
}
button#team_reset1 , #insights_reset_btn {
    background: #4D4D4D;
}

button#team_search1:hover {
    background: #E2251D;
}
button#team_reset1:hover #insights_reset_btn:hover {
    background: #000;
}


.team-input .teamname_search {border: 1px solid #b3b3b3;}

.common_team_dropdown{
    height: 45px;
    width:22%;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    z-index:2;
    list-style:none;
    padding-left:0px;
    line-height:34px;
    background: url(/wp-content/uploads/2023/03/dropdownuli.png);
    background-size: 12px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.demo_team_filter .common_team_dropdown{width:calc((80% / 5) - 10px);}



.common_team_dropdown li {
    padding: 5px 10px; 
    z-index: 2;
    line-height: 32px;
}

.common_team_dropdown li:not(.init){
    float:left;width:100%;
    display:none;
    background:white;
    border-left:1px solid #B3B3B3;
    border-right:1px solid #B3B3B3;
    transition:all 0.1s ease
}


.common_team_dropdown li:not(.init):hover {
    background:#FAAB00;
    cursor:pointer;
}
.common_team_dropdown li.init{
    cursor: pointer;
    line-height: 38px;
}
.common_team_dropdown li.selected, .common_team_dropdown li.selected:not(.init) {
    background-color:#E6E6E6
}

li.init.activated span {
    content: 'X';
    float: right;
    height: 22px;
    width: 22px;
    display: inline-table;
    text-align: center;
    font-size: 21px;
    color: #555;
    background: #d1d1d1;
    border-radius: 100%;
    line-height: 21px;
    margin-top: 8px;
    margin-right: 31px;
    box-shadow: 2px 2px 3px 6px #FFFFFF, 1px 1px 0 0 #999 inset;
}

.common_team_dropdown li:nth-child(2) {
    border-top:1px solid #B3B3B3;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: 2px;
}


.common_team_dropdown li:last-child {
    border-bottom:1px solid #B3B3B3;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
}


.common_team_dropdown li:only-child {
    border: none;
}



.common_pagination-universal-pagination {width:100%;display: flex;justify-content: center;}
.common_pagination-universal-pagination ul {margin:0;padding:0;}
.common_pagination-universal-pagination ul li.inactive {color:#E6E6E6;}
.common_pagination-universal-pagination ul li {display:inline; margin:2px;padding:6px 9px;background:#FFF;color:black;border-radius: 5px;}

.common_pagination-universal-pagination ul li.active:hover {
    cursor:pointer;background:white;color:#E2251D;
    -webkit-box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    -moz-box-shadow:  0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;  
}

.common_pagination-universal-pagination ul li.selected {
    background:#E2251D;color:white;
    -webkit-box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    -moz-box-shadow:  0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
    box-shadow: 0 0 2px 0px #E6E6E6 inset, 0 0 2px 0px #E6E6E6;
}


/* Filter animations for dropdowns on Team and Insights */

.team_filter.loading, .insights_filter.loading {
    position: relative;
}

.team_filter.loading:before, .insights_filter.loading:before {
    content: "";
    background:rgba(255,255,255,0.8) url(/wp-content/uploads/2023/01/loader.gif);
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0px;
    background-size:40px;
}


button#insights_search_btn {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
}

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

.all_insights_filter_tags span.cate_id_tags {
    margin-right: 10px;
    cursor: pointer;
    padding: 5px 15px;
    background: #dadada;
    border-radius: 6px;
}

.all_insights_filter_tags span.cate_id_tags i {
    padding-left: 14px;
    font-size: 13px;
}

button#team_search1, button#team_reset1 {
    border: none!important;
    width: calc(10% - 10px);
}

#insights_reset_btn, #insights_reset_btn {
    border: none!important;
    width: calc(10% - 20px);
}



/*html { scroll-behavior: smooth; }*/

.insights_section .teamprofile p {  display: block; }
.insights_section .team_profiles a.co-black {  color: #000; }


/** Team Page, Team Profiles and Filters for Shortcode **/

.team_filter, .insights_filter {display:inline-flex;gap:10px;width:100%;padding-bottom:30px;flex-wrap:wrap;}
.team_filter {justify-content: space-evenly;}
.insights_filter {justify-content: flex-start;}

.team_filter select, .insights_filter select, .team_filter input {padding:10px 5px}
#team_search, #team_reset, #insights_reset {text-transform:uppercase;color:white;font-weight:500;border:none;}
#team_search {background:#910022;border:none;}
#team_search:hover {background:#E2251D;}
#team_reset, #insights_reset {background:#4D4D4D;border:none;}
#team_reset:hover, #insights_reset:hover {background:#000;}

.team_filter select, .team_filter input {width:calc((80% / 5) - 10px);}
#team_search, #team_reset {width: calc((20% / 2) - 30px);}

.insights_filter select {width:calc(85% / 4);}
#insights_reset  {width: calc(15% - 40px);}

.team_profiles .container, .insights_profiles .container {padding-top: 30px;}
.team_profiles a, .insights_profiles a {text-decoration:none;color:inherit;}
.team_profiles .row, .insights_profiles .row  {display:inline-flex;width:100%;padding:0;flex-wrap: wrap;gap:60px 20px;justify-content: flex-start;}
.team_profiles .col-md-3 {width: calc(20% - 16px);padding:0;margin:0}
.teamprofile, .insightsprofile {padding:0;}

.teamprofile h2  {text-transform:uppercase;font-size:var( --e-global-typography-3b18f49-font-size);color:#910022;margin-bottom:5px;line-height:1.1;}
.teamprofile h4 {font-size: var( --e-global-typography-243258a-font-size);color:black;margin-bottom:0px;font-weight:normal}
.teamprofile p, .field_under /* {text-transform:uppercase;line-height:1.4;margin-top:20px;font-weight:normal;color:#CCCCCC}*/ {display:none;}
.teamprofile a {color:#910022;}

@media only screen and (max-width:1366px) {
    .team_profiles .col-md-3 {width: calc(25% - 15px);padding:0;margin:0}
    .team_filter input {width:calc(100% - 10px);}
    .team_filter select {width:calc((75% / 2) - 10px);}
    #team_search, #team_reset {width: calc((25% / 2) - 5px);}
    .demo_team_filter .common_team_dropdown {width: 49%;}
    .team_filter, .insights_filter {justify-content:flex-start;}
    .common_team_dropdown {width: 49% !important;display: block;}
    button#team_search1, button#team_reset1, #insights_reset_btn, #insights_reset_btn {border: none!important;width: auto;}
}

@media only screen and (max-width:1200px) {
    .insights_filter select {width: calc(85% / 2);}
    #insights_reset {width: calc(15% - 20px);}
}

@media only screen and (max-width:1024px) {
    .team_filter input {width:100%;}
    .team_filter select {width:calc(50% - 5px);}
    #team_search, #team_reset {width: calc(50% - 5px);}
    .team_profiles .col-md-3 {width:calc(33% - 11px);}
}

@media only screen and (max-width:880px) {
    .team_profiles .col-md-3 {width: calc(50% - 10px);}
}

@media only screen and (max-width:767px) {
    .team_filter input {width:100%;}
    .team_filter select {width:100%;}
    #team_search, #team_reset {width: calc(50% - 5px);}
    .insights_filter select {width:100%;}
    #insights_reset {width:100%;}
    .team_profiles .col-md-3 {width:100%;}
     .common_team_dropdown{ width:100%; display:block; }
}


@media only screen and (max-width: 550px){
.insights_filter .common_team_dropdown, .common_team_dropdown {width: 100% !important;}
}

/* specific loop styling for insights */

.insights_profiles .col-md-3 {width:calc(25% - 15px);padding:0;margin:0}
.insightsprofile img {min-height: 260px;object-fit: cover;object-position: center;}
.insightsprofile h2 {text-transform:Normal;font-size: var( --e-global-typography-3b18f49-font-size);color:#910022;margin-bottom:20px;line-height:1.1;padding-right:5%;font-weight:400;}
.insightsprofile p {margin-top:10px;line-height:1.4;}
.insightsprofile {overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 12;line-clamp: 12;-webkit-box-orient: vertical;}
.insights_profiles .read_more {display:none;}

@media only screen and (max-width:1366px) {
    .insights_profiles .col-md-3 {width: calc(33% - 10px);}
}

@media only screen and (max-width:1200px) {
    .insights_profiles .col-md-3 {width: calc(50% - 10px);}
}

@media only screen and (max-width:767px) {
    .insights_profiles .col-md-3 {width:100%;}
}


/* Loop styling for What we do Page */

.whatwedocats .cat-shortcode {padding:0;display:inline;font-size:1em;text-transform:uppercase;font-weight:500;list-style:none;}
.whatwedocats .cat-shortcode li {display:inline-flex;margin-right:10px;margin-bottom:10px;}
.whatwedocats .cat-shortcode_sub {display:inline;margin:0;padding:0;} 
.whatwedocats .cat-shortcode a {padding:8px 16px 6px 16px;border:1px solid #B3B3B3;border-radius:5px;transition:all 0.3s ease;}
.whatwedocats .cat-shortcode a:hover {color:#E2251D;}


/* Loop styling for Services, Technology Index Pages */

.cat-shortcode-services {display:flex;flex-direction:row;flex-wrap:wrap;padding:0;align-content:flex-start;gap:20px}
.cat-shortcode-services li {list-style-type:none;width:calc(33% - 15px);margin-bottom:60px;padding-bottom:30px;border-bottom:20px #F2F2F2 solid;}
.cat-shortcode-services .img_div {position:relative;display:inline-block;}
.cat-shortcode-services .img_div:after {position: absolute;content: '';width:102%;height:40px;display: block;left:-1px;right:-1px;bottom:-15px;background:white;transform: skewY(-2deg);}
.cat-shortcode a {text-decoration:none;color:black;}
.cat-shortcode-services .title_content {padding-top:30px;padding-bottom:15px;}
.cat-shortcode-services .title_content a {font-size:var( --e-global-typography-3b18f49-font-size);text-transform:uppercase;color:#910022;font-weight:500;text-decoration: none;}
.cat-shortcode-services .desc_content {font-size: 1.125em;font-weight:300;}


/* Responsive elements for services, team loops */

@media only screen and (max-width:1024px) {
    .cat-shortcode-services li {width:calc(50% - 20px);}
}

@media only screen and (max-width:767px) {
    .cat-shortcode-services li {width:100%;}
}


/* Loop styling for functions and sectors pages */

.catlists .cate_wrap {padding-top:55px;padding-bottom:40px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;display:flex;}
.catlists .category_details {width:calc(100% - 275px);}
.catlists .cate_post {width:275px;}
.catlists .menu-data h3 {font-size:var( --e-global-typography-8af6365-font-size);text-transform:uppercase;color:#910022;pointer-events: none;cursor:default;}
.catlists .desc {font-size: var( --e-global-typography-f374456-font-size);padding-bottom: 20px;padding-right:20%;font-weight:300;}
.catlists .desc span {font-weight:500}
.catlists .menu-data a.classbutton {margin-right:10px;white-space:nowrap;} 
.catlists .menu-data a.classbutton {padding:10px 16px 8px 16px;border:1px solid #B3B3B3;font-size:1.125em;text-transform:uppercase;font-weight:500;border-radius:5px;transition:all 0.3s ease;}
a.classbutton {text-decoration:none;color:black;}
a.classbutton:hover {color:#E2251D;}
.catlists .menu-data img {width:100%;}
.catlists .cate_post h4 {font-size:1.125em;text-transform:uppercase;display:relative;font-weight:500}
.catlists .cate_post h4::before {content:'Featured Story:';display:absolute;color:black;margin-right:10px;display:block;width:100%;font-weight:normal;}
.cate_post a {text-decoration:none;color:#910022;}

@media only screen and (max-width:1024px) {
    .catlists .category_details {width:calc(100% - 200px);}
    .catlists .cate_post {width:200px;}
}

@media only screen and (max-width:767px) {
    .catlists .cate_wrap {flex-wrap:wrap;}
    .catlists .category_details {width:100%;}
    .catlists .cate_post {width:100%;}
    .catlists .menu-data img {margin-top:40px;}
    .catlists .desc {padding-right:0;}
    .demo_team_filter .common_team_dropdown {width: 100%}

}


@media only screen and (max-width: 550px) {
    button#team_search1 , button#team_reset1 {width:100%;}
    .insights_filter .common_team_dropdown , .common_team_dropdown { width: 100%; }
    .demo_team_filter .common_team_dropdown {width: 100%}
    button#insights_reset_btn {width: 100%;}
}

/*Code By ID:56 on 28-08-23*/
.common_team_dropdown li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.common_team_dropdown li span {
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 0;
}


/* Gallery Items */

.gallery-images {
    position: relative;
}
.gallery-images #gallery-1{
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.gallery-images #gallery-1 .gallery-item{
    float: left;
    width: 33.3333%;
    margin: 0;
    margin-bottom: 20px;
}

@media(max-width:992px) {
    .gallery-images #gallery-1 .gallery-item{
        width: 50%;
    }
}
@media(max-width:767px) {
    .gallery-images #gallery-1 .gallery-item{
        width: 100%;
    }
    
}