/* Style the tabs - each tab has its own ID - find it by inspecting it */

/* Planners */

#elementor-tab-title-1321 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: solid #7c44a4 3px;
}


/* Style how the tabs look when you hover over them */

#elementor-tab-title-1321:hover {
    background-color: #7c44a4;
    color: #FFFFFF;
}


/* Couples */


#elementor-tab-title-1322:hover {
    background-color: #7c44a4;
    color: #FFFFFF;
}

#elementor-tab-title-1322 {
    border-top-right-radius: 10px;
    border-bottom-right-radius:10px;
    padding-left: 30px;
    padding-right: 30px;
    border-top: solid #7c44a4 3px;
		border-bottom: solid #7c44a4 3px;
		border-right: solid #7c44a4 3px;
}

/* Planners Price */

#elementor-tab-title-2531 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: solid #7c44a4 3px;
}


/* Style how the tabs look when you hover over them */

#elementor-tab-title-2531:hover {
    background-color: #7c44a4;
    color: #FFFFFF;
}


/* Couples Price*/


#elementor-tab-title-2532:hover {
    background-color: #7c44a4;
    color: #FFFFFF;
}

#elementor-tab-title-2532 {
    border-top-right-radius: 10px;
    border-bottom-right-radius:10px;
    padding-left: 30px;
    padding-right: 30px;
    border-top: solid #7c44a4 3px;
		border-bottom: solid #7c44a4 3px;
		border-right: solid #7c44a4 3px;
}



/* This makes sure the tabs are all in the same row on mobile */

@media screen and (min-width: 320px) {
  #h-tabs .elementor-tabs-wrapper {
    display: flex;
        flex-direction: row;
  }
}

@media screen and (min-width: 320px) {
  #h-tabs .elementor-tab-mobile-title {
    display: none;
  }
}


/* Control the padding on mobile */

@media screen and (min-width: 320px) {
    .elementor-widget-tabs .elementor-tab-desktop-title {
        padding-top: 15px;
        padding-bottom: 15px;
    }


/* Add some padding to the whole tabs bar */

#h-tabs .elementor-tabs-wrapper {
    padding-left:10px;
    padding-right: 10px;
}


/* This makes the tabs stay centered regardless of screen resolution */

#h-tabs .elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
}


/* Style how the tabs look when active */

.elementor-13 .elementor-element.elementor-element-7dfeacd .elementor-tab-title.elementor-active {
    background-color: #7c44a4; 
    color: #ffffff;
}
	
.elementor-352 .elementor-element.elementor-element-f1caa80 .elementor-tab-title.elementor-active
{
    background-color: #7c44a4; 
    color: #ffffff;
}