.elementor-6723 .elementor-element.elementor-element-26428bf{--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;--background-transition:0.3s;}.elementor-6723 .elementor-element.elementor-element-f4cd874 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper{width:25%;}.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title, .elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title:before, .elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title:after, .elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-content, .elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title, .elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title a{color:#878787;}.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active,
					 .elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active a{color:#040404;}.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;}/* Start custom CSS for tabs, class: .elementor-element-f4cd874 *//*
.skills-tab-content-item {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 15px;
    padding: 20px;
}*/
.skills-tab-content-item {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
    padding: 20px;
    justify-content: center;
    text-align: center;
}


.skills-tab-content-item-icons {
    border: 1px solid #9395986E!important;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 25px;
    box-shadow: 0 0 0px white!important;
    font-size: 13px;
    height: 115px;
    width: 178px;
}

@media screen and (max-width: 1150px){
.skills-tab-content-item{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 15px;
    padding: 0px;
}

.skills-tab-content-item-icons {
    border: 1px solid #9395986E;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 25px;
    box-shadow: 0 0 0px white;
    font-size: 13px;
    height: 115px;
    width: 140px;
    text-align:center;
}
}

@media screen and (max-width: 850px){
.skills-tab-content-item{
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px;
    padding: 0px;
}
/*width of left tabination for mobile and tablet*/
.elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 45% !important;
}

.skills-tab-content-item-icons {
    border: 1px solid #9395986E;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 25px;
    box-shadow: 0 0 0px white;
    font-size: 13px;
    height: 115px;
    width: 140px;
    text-align:center;
}
}



/*you can remove demo*/
    .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs {
        display: flex;
        justify-content: center;
    }
    /*
    .elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 32% !important;
}*/
.elementor-5552 .elementor-element.elementor-element-d37665b .eael-advance-tabs .eael-tabs-content > div {
    color: #333;
    margin-top: 20px;
    border-radius: 10px;
}
.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs {
        display: flex;
        gap: 20px;
    }
    .elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 36%;
    padding: 18px;
    background: #ffffff;
    border-radius: 10px;
}
.elementor-6715 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 36%;
}
.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 36%;
}
.eael-advance-tabs .eael-tabs-nav>ul {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    padding: 18px;
    background: white;
    border-radius: 10px;
}
.elementor-tabs-content-wrapper {
    border-radius: 10px;
    background: #ffffff;
    padding: 18px;
}
.elementor-tabs-wrapper{
    border-radius: 10px;
    background: #ffffff;
    padding: 18px;
}
.elementor-5552 .elementor-element.elementor-element-d37665b .eael-advance-tabs .eael-tabs-content > div {
    color: #333;
    margin-top: 0px;
    border-radius: 10px;
}
.eael-advance-tabs .eael-tabs-nav>ul {
    padding: 10px 150px;
    justify-content: center;
    /*gap: 220px;*/
}
@media screen and (max-width: 500px){
.eael-advance-tabs .eael-tabs-nav>ul {
    padding: 0px;
    
    /*gap: 220px;*/
}

}

/*tabbination padding*/
.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 5px 25px;
}


/*for solving the border problem bottom left and bottom right border not occur so use this*/
.elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 36%;
    padding: 20px 10px;
    background: #ffffff;
    border-radius: 10px;
}
/*for solving the border problem bottom left and bottom right border not occur so use this*/
.elementor-6715 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 36%;
    padding: 20px 10px;
    background: #ffffff;
    border-radius: 10px;
}
/*for solving the border problem bottom left and bottom right border not occur so use this*/
.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tabs-wrapper {
    width: 36%;
    padding: 20px 10px;
    background: #ffffff;
    border-radius: 10px;
}

/*for increase the font-weight of text for active*/
.elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active, .elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active a {
    color: #040404;
    font-weight: 600;
}
.elementor-6715 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active, .elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active a {
    color: #040404;
    font-weight: 600;
}
.elementor-6723 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active, .elementor-6246 .elementor-element.elementor-element-f4cd874 .elementor-tab-title.elementor-active a {
    color: #040404;
    font-weight: 600;
}/* End custom CSS */