Custom CSS Divi

@media only screen and (min-width:768px) {
.hide-desktop { display: none; }
}
@media only screen and (max-width:760px) {
.hide-mobile { display: none; }
}

.et-waypoint {
    opacity: 1;
}
@media ( max-width: 981px ) {
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
   display: table-cell;
   width: 57px;
   line-height: 0;
   position: relative;
   right: 26px;
}
}
@media ( max-width: 981px ) {
.et_pb_blurb_position_left .et_pb_blurb_container {
   padding-left: 0px;
}
}
@media ( min-width: 1200px ) {
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
   display: table-cell;
   width: 75px;
   line-height: 0;
   position: relative;
   right: 26px;
   top: 15px;
}
}

@media ( min-width: 1920px ) {
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: table-cell;
    width: 75px;
    line-height: 0;
    position: relative;
    right: 65px;
    top: 6px;
}
}

/*---------------Menu CTA Button---------------*/

#top-menu li a:hover {opacity: 1!important;}

.menu-cta a {
    border: 2px solid #ffffff !important;
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#main-header.et-fixed-header .menu-cta a{
	color: #535B7C !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#main-header.et-fixed-header .menu-cta a:hover{
	color: #ffffff !important;
}

.menu-cta a:hover {
    background-color: #32cfc0;
    color: white !important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}

/*---------------CTA Button Color on Fixed Navigation---------------*/



/*---------------Menu CTA Button Mobile Settings---------------*/

@media only screen and (max-width: 980px) {
.menu-cta a {
    background-color: #32cfc0;
    }
}

/*instagram icon*/
.et-social-google-plus a.icon:before {
	background: url('https://finata.id/wp-content/uploads/2019/04/instagram.png');
	content: '';
	display: block;
	background-repeat: no-repeat;
}
#main-footer .et-social-google-plus a.icon:before {
	height: 15px;
	width: 15px;
}

/* loader */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 54px;
  height: 54px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 41px;
  height: 41px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* loading */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 24px;
}
.lds-ellipsis div {
  position: absolute;
  top: 2px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
#et_pb_contact_form_0{
	margin-bottom: 8px;
}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a{
	padding-top: 15px;
}
.custom-tabs .et_pb_tab_active a {
 color: #ffffff!important;
}
.custom-tabs ul.et_pb_tabs_controls {
 float: left;
 width: 30%;
 display: block;
 background: transparent;
}
.custom-tabs .et_pb_all_tabs {
 display: flex;
 width: 65%;
}
.custom-tabs .et_pb_tabs_controls li {
 display: block;
 width: 100%;
 border: 1px solid #d9d9d9;
 margin-bottom: 5px;
}
.custom-tabs .et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
border-right: 1px solid #d9d9d9;
}
.custom-tabs .et_pb_tabs_controls li a {
  display: block;
  width: 100%;
  padding: 15px 30px ;
  font-size: 15px;
}
.custom-tabs ul.et_pb_tabs_controls:after {
content: none;
}
.custom-tabs .et_pb_tab {
   padding: 0 30px;
}
.et_pb_tabs, .et_pb_wc_tabs {
    border: none;
}
.et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #32cfc0;
}
@media(max-width:767px){
.custom-tabs ul.et_pb_tabs_controls.clearfix {
 float: left;
 width: 100%;
 display: inherit;
}
.custom-tabs .et_pb_all_tabs {
 display: flex;
 width: 100%;
}
.custom-tabs .et_pb_tab.et_pb_tab.clearfix.et-pb-active-slide {
 border-left: 0px solid #d9d9d9;
}
}

.inline .mauticform_wrapper .mauticform-page-wrapper{
	display: flex;
}
.inline .mauticform_wrapper .mauticform-page-wrapper .mauticform-row{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: auto;
}
.mauticform_wrapper input,
.mauticform_wrapper select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.mauticform_wrapper input:focus,
.mauticform_wrapper select:focus {
	border-color: #32cfc0;
}

.mauticform_wrapper button[type=submit] {
  width: 100%;
  background-color: #32cfc0;
  color: white;
  padding: 11px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 18px;
}

.mauticform_wrapper button[type=submit]:hover {
  background-color: #2cb8aa;
}