.elementor-528 .elementor-element.elementor-element-9933ad0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-528 .elementor-element.elementor-element-1159b6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-9933ad0 *//* Tabs Section */
.tabs-sec h4{
color: #222222;
font-family: "Jost", Sans-serif;
font-size: 40px;
text-transform: uppercase;
line-height: 50px;
letter-spacing: 0px;
font-weight: 800;
}
.tabs-sec .accordion__container {
border: 1px solid #dcdcdc;
}

.tabs-sec .accordion__container::after {
content: " ";
display: block;
clear: both;
}

.tabs-sec .accordion__item-wrapper {
margin-left: -1px;
margin-right: -1px;
}

.tabs-sec .accordion__item {
height: 500px;
width: 8%;
float: left;
background-color: #F5F6F6;
border-right: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
box-sizing: border-box;
transition: all 500ms ease;
position: relative;
cursor: pointer;
overflow: hidden;
}

.tabs-sec .accordion__title {
transform: rotate(-90deg);
position: absolute;
bottom: -40px;
width: 100%;
white-space: pre;
transform-origin: left;
left: 70%;
}

.tabs-sec .accordion__item.state-active {
width: calc(100% - 56%);
cursor: initial;
}

.tabs-sec .state-active .accordion__title {
display: none;
}

.tabs-sec .accordion__content {
opacity: 0;
}

.tabs-sec .state-active .accordion__content {
opacity: 1;
}

.tabs-sec .accordion__content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 100%;
padding: 5%;
}

.tabs-sec .accordion__content p {
padding-top: 30px;
}

.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(2) .accordion__title h4,.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(6) .accordion__title h4 {
color: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(3) .accordion__title h4,.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(7) .accordion__title h4
,.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(8) .accordion__title h4 {
color: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(4) .accordion__title h4 {
color: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:hover:nth-child(5) .accordion__title h4 {
color: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(2) .accordion__content,.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(6) .accordion__content {
background: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(3) .accordion__content,.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(7) .accordion__content {
background: #FFD317;
}
.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(4) .accordion__content,.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(8) .accordion__content {
background: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(4) .accordion__content {
background: #FFD317;
}

.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(5) .accordion__content {
background: #FFD317;
}

.tabs-sec .state-active .accordion__content,.tabs-sec .state-active .accordion__content h4,.cold-hard-sec h4 {
color: #fff;
}

.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(1) .accordion__content,.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(1) .accordion__content h4 {
color: initial;
}

.tabs-sec .accordion__title.back-arrow h4 {
display: none;
}

.tabs-sec .accordion__title.back-arrow {
transform: rotate(0deg);
top: 45%;
left: 0;
white-space: initial;
text-align: center;
}

.tabs-sec .accordion__title.back-arrow:before {
content: '';
width: 40%;
height: 40%;
position: absolute;
background: url(https://echodmc.com/wp-content/uploads/2022/08/Text-Spiral.png);
background-size: contain;
top: -35px;
left: 29%;
background-repeat: no-repeat;
background-position: center;
animation: rotate-animation 5s infinite linear;
}

.tabs-sec .accordion__title.back-arrow svg {
width: 15%!important;
}
@media only screen and (max-width:921px){
.tabs-sec .accordion__item {
height: auto;
width: 100%;
float: none;
}
.tabs-sec .accordion__title {
transform: rotate(0deg);
text-align: left;
position: relative;
bottom: 0px;
left:0px;
width: 100%;
padding-left: 5%;
padding-right: 5%;
white-space: normal;
padding-top:20px;
padding-bottom:20px;
}
.tabs-sec .accordion__item.state-active {
width: 100%;
}
.tabs-sec .accordion__content {
display:none;
}
.tabs-sec .state-active .accordion__title,.tabs-sec .state-active .accordion__content {
display: block;
}
.tabs-sec .accordion__item{
border:1px solid #dcdcdc;
}
.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(1) .accordion__content{
padding-top:0;
}
.case-studies-page-sec .shape-spiral-text:after {
right: -65px;
}
.tabs-sec .accordion__item-wrapper .accordion__item.state-active:nth-child(2) .accordion__title,
.tabs-sec .accordion__item-wrapper .accordion__item.state-active:nth-child(6) .accordion__title{
background: #FFD317;
}
.tabs-sec .accordion__item-wrapper .accordion__item.state-active:nth-child(3) .accordion__title,
.tabs-sec .accordion__item-wrapper .accordion__item.state-active:nth-child(7) .accordion__title{
background: #FFD317;
}
.tabs-sec .accordion__item-wrapper .accordion__item.state-active:nth-child(4) .accordion__title {
background: #FFD317;
}
.tabs-sec .accordion__item-wrapper .accordion__item.state-active:nth-child(5) .accordion__title {
background: #FFD317;
}
.tabs-sec .accordion__item-wrapper .accordion__item.state-active .accordion__title h4 {
color: #fff!important;
}
.tabs-sec .accordion__content .accordion-desktop-title,.tabs-sec .accordion__title.back-arrow svg {
display:none;
}
.tabs-sec .accordion__item-wrapper .accordion__item .accordion__title.back-arrow h4 {
display: block!important;
color:#222222!important;
text-align:left;
}
.tabs-sec .accordion__content {
padding: 0% 5% 2%;
}
.tabs-sec .accordion__content p {
padding-top: 10px;
}
.tabs-sec .accordion__item-wrapper .accordion__item:nth-child(1) .accordion__content p{
padding-top: 30px;
}
.tabs-sec h4{
font-size: 30px;
line-height: 30px;
}
}/* End custom CSS */