section.title_2coldesc_3cards.section {
    padding-top: 100px;
}
 .title_2coldesc_3cards .row .col-lg-12 {
    position: relative;
}
 .title_2coldesc_3cards .row .col-lg-12:before {
    content: '';
    background: var(--pe_light_bluegray);
    opacity: 1;
    position: absolute;
    left: -5%;
    right: -5%;
    top: -25%;
    bottom: -60%;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
 .title_2coldesc_3cards_wrap {
    padding: 0 30px 40px;
    text-align: center;
}
/* .title_2coldesc_3cards * {
    display: block;
}*/
 .title_2coldesc_3cards_logo {
    max-height: 24px;
    margin-bottom: 28px;
    display: inline-block;
}
 .title_2coldesc_3cards_cover {
    margin-bottom: 25px;
}
 .title_2coldesc_3cards_logo img {
    height: 24px;
}
 .title_2coldesc_3cards_logo img[alt="Low Code: The Business Transformation Game-Changer"] {
    height: 35px
}
 .title_2coldesc_3cards_logo img, .title_2coldesc_3cards_cover img {
    max-height: 155px;
    margin: auto;
}
 .title_2coldesc_3cards_content_wrap h3 a{
    line-height: 1.4;
}
 .title_2coldesc_3cards_content_wrap p{
    font-size: 16px;
}
 .title_2coldesc_3cards_content_wrap a {
    display: inline-block;
    margin-top: 10px;
}
 .title_2coldesc_3cards .container .row >div .title_2coldesc_3cards_wrap .cta{
    background-color: var(--pe_blue);
}
.title_2coldesc_3cards .container .row:nth-child(2) >div:nth-child(2) .title_2coldesc_3cards_wrap .cta:hover,
.title_2coldesc_3cards .container .row:nth-child(2) >div:nth-child(3) .title_2coldesc_3cards_wrap .cta:hover,
.title_2coldesc_3cards .container .row:nth-child(2) >div:first-child .title_2coldesc_3cards_wrap .cta:hover{
    filter:brightness(80%);
}
 @media (max-width: 991px) {
     .idc .titles-design2 {
        margin-top: 5%;
        margin-bottom: 5%
    }
     .title_2coldesc_3cards {
        display: table;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        margin-top: 0
    }
     .title_2coldesc_3cards > div {
        display: table-cell;
        vertical-align: top;
    }
     .title_2coldesc_3cards_content_wrap {
        padding-left: 15px;
    }
     .title_2coldesc_3cards_content_wrap a {
        margin-top: 0
    }
     .title_2coldesc_3cards .row.mb-30 .col-md-12:before {
        bottom: -15%;
        top: -15%
    }
     .title_2coldesc_3cards_wrap {
        padding-top: 30px;
    }
}
 @media (max-width: 767px) {
     .title_2coldesc_3cards {
        padding-bottom: 40px
    }
     .title_2coldesc_3cards, .title_2coldesc_3cards > div {
        display: inline-block;
    }
     .title_2coldesc_3cards_content_wrap {
        padding-left: 0;
        text-align: center;
    }
     .title_2coldesc_3cards_content_wrap h3 a {
        text-align: center
    }
}
 @media (max-width: 420px) {
     .title_2coldesc_3cards, .title_2coldesc_3cards .container {
        display: block;
    }
}

.infographic_wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    counter-reset: shit;
}
 .infographic_wrap .col-md-6 {
 	padding-left: 15px;
 	padding-left: 15px;
 }
 .infographic_wrap > div:first-of-type, .infographic_wrap > div:nth-child(2) {
    margin-bottom:30px;
}
 .infographic_wrap > div:first-of-type h3 {
    color: var(--pe_teal)
}
 .infographic_wrap > div:nth-child(3) h3 {
    color: var(--pe_blue)
}
 .infographic_wrap > div:nth-child(4) h3 {
    color: var(--pe_mid_blue);
}
 .infographic_wrap > div:nth-child(5) h3 {
    color: var(--pe_deep_blue)
}
 .infographic_wrap > div > div {
    counter-increment: shit;
}
 .infographic_wrap .infographic_window {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3);
    box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.3);
    padding: 7rem;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
 .infographic_wrap .infographic_window:before {
    content: '';
    position: absolute;
    top: 21px;
    bottom: 21px;
    left: 21px;
    right: 21px;
    border: 2px solid var(--whisper);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    z-index: -1;
}
 .infographic_wrap .infographic_window:after {
    content: counter(shit);
    width:135px;
    height:135px;
    position:absolute;
    z-index:2;
    font-weight:900;
    color: #ffffff;
    border-radius:100%;
    z-index: 0;
    font-size: 30px;
}
 .infographic_wrap > div:first-of-type .infographic_window:after {
    background: var(--pe_teal);
    top:-10%;
    left:-10%;
    padding: 60px 0px 0px 80px;
}
 .infographic_wrap > div:nth-child(3) .infographic_window:after {
    background: var(--pe_blue);
    top: -10%;
    right:-10%;
    padding: 60px 0px 0px 35px;
}
 .infographic_wrap > div:nth-child(4) .infographic_window:after {
    background: var(--pe_mid_blue);
    bottom:-10%;
    left:-10%;
    padding: 30px 0px 0px 80px;
}
 .infographic_wrap > div:nth-child(5) .infographic_window:after {
    background: var(--pe_deep_blue);
    bottom:-10%;
    right:-10%;
    padding: 30px 0px 0px 35px;
}
 .infographic_wrap > h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    display: inline-block;
    z-index: 1;
    padding: 30px 72px;
    background-image: url('/wp-content/themes/caspio/img/Group_5691.svg');
    background-position: center center;
    background-size: cover;
    font-family:'latobold';
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
}
 @media (max-width:1199px) {
     .infographic_wrap .infographic_window {
        padding: 7rem 9rem;
    }
}
 @media (max-width:991px) {
     .infographic_wrap > h3.mb-0 {
        position: relative;
        top:initial;
        left:initial;
        right:initial;
        bottom:initial;
        display:block;
        transform:none;
        margin-bottom:30px !important;
    }
     .infographic_wrap > div:first-of-type, .infographic_wrap > div:nth-child(2) {
        margin-bottom:30px;
    }
     .infographic_wrap > div {
        margin-bottom:30px;
    }
     .infographic_wrap .infographic_window:after {
        display:none;
    }
     .infographic_wrap .infographic_window {
        padding: 5rem;
    }
}
 @media (max-width:400px) {
     .infographic_wrap > h3.mb-0 {
        font-size:22px;
        padding:35px
    }
}
.bgstriptitledescimg:before{background:transparent radial-gradient(circle closest-corner at 64% 54%, var(--pe_teal) 0%, var(--pe_mid_blue) 79%, var(--pe_deep_blue) 100%) 0% 0% no-repeat padding-box}
.bgstriptitledescimg:before {content: '';position: absolute;left: 0;right: 0;bottom: 11%;top: 11%;}
.bgstriptitledescimg h2, .bgstriptitledescimg p, .bgstriptitledescimg p a {color: #fff;}
.bgstriptitledescimg .flex {align-items: center;}

.threecolicontitledesc img {object-fit: contain;height: 39px;max-width: 100%;min-width: 43px;}
.threecolicontitledesc .flex {align-items: center;}
.threecolicontitledesc p.font-16 a {font-size: 16px;}

@media (max-width: 1110px){
	.bgstriptitledescimg h2.font-36 {font-size: 28px;}
}
@media (max-width: 991px) {
	.bgstriptitledescimg:before {top: -9%}
	.bgstriptitledescimg .text-left {text-align: center;}
	.threecolicontitledesc img {margin-bottom: 30px}
}
@media (max-width: 767px) {
	.threecolicontitledesc img {margin-bottom: 15px;}
}

.title_bignumsteps .steps_wrap {counter-reset: a;}
.title_bignumsteps .steps_wrap > div:nth-child(even) > .row {flex-direction:row-reverse}
.title_bignumsteps .steps_wrap > div:nth-child(odd) > .row:last-child {margin-left: 8.33%}
.title_bignumsteps .steps_wrap > div:nth-child(even) > .row:last-child {margin-left: 1%;}
.title_bignumsteps .process_box {counter-increment: a;position: relative;}
.title_bignumsteps .process_box p.font-16 a {font-size:inherit;}
.title_bignumsteps .process_box.mb-60:last-child {margin-bottom: 0 !important;}
.title_bignumsteps .process_box > .row:first-child {display: flex;justify-content: center;align-items: center;}
.title_bignumsteps .process_box h4.font-18 {font-size: 18px}
.title_bignumsteps .process_box .content {background-color: #fff;position: relative;padding: 25px 35px 20px;}
.title_bignumsteps .process_box .content:before {position: absolute;content: '';top: 0;width: 2px;height: 100%;background-color: var(--cerulean);left: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.title_bignumsteps .process_box:hover .content:before {width: 5px}
.title_bignumsteps .steps_wrap >div:nth-child(even) .content:before {left: auto;right: 0;}
.title_bignumsteps .process_box .content:after {position: absolute;content: '';border: 14px solid;border-color: transparent;border-left-color: var(--cerulean);top: 50%;margin-top: -14px;left: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.title_bignumsteps .process_box:hover .content:after {left: 5px}
.title_bignumsteps .steps_wrap >div:nth-child(even) .content:after {left: auto;right: 0;border-left-color: transparent;border-right-color: var(--cerulean);}
.title_bignumsteps .steps_wrap >div:nth-child(even):hover .content:after {right: 5px;}
.title_bignumsteps .process_box .number span:after {content: counter(a);color:var(--pe_mid_blue);}
.title_bignumsteps .process_box > .row:last-child >div>div>div:nth-child(3),
.title_bignumsteps .process_box > .row:last-child >div>div>div:nth-child(4) {margin-top: 30px;}
@media (max-width: 991px) {
	.title_bignumsteps .process_box .content {padding: 35px 35px 20px}
	.title_bignumsteps .process_box .number {text-align: center;}
	.title_bignumsteps .process_box .content:before,
	.title_bignumsteps .steps_wrap >div:nth-child(even) .content:before, 
	.title_bignumsteps .process_box:hover .content:before {width: 100%;height: 2px;top: 0;left: 0;right: 0;}
	.title_bignumsteps .process_box .content:after, 
	.title_bignumsteps .steps_wrap >div:nth-child(even) .content:after {top: 0;left: 50%;border-left-color: transparent;border-right-color: transparent;border-top-color: var(--cerulean);margin-top: 0;transform: translateX(-50%);right: auto;}
	.title_bignumsteps .steps_wrap >div:nth-child(even):hover .content:after {right: auto;}
	.title_bignumsteps .process_box:hover .content:after {left: 50%;top: 0;}
	.title_bignumsteps .steps_wrap > div:nth-child(odd) > .row:last-child {margin-left: -15px;}
	.title_bignumsteps .steps_wrap > div:nth-child(even) > .row:last-child {margin-left: -15px;}
}
.row.bg_pe_light_bluegray.align-items-center {
    box-shadow: var(--box_shadow)
}

.col.col-lg-2.p-0.position-relative ul {
    position: relative
}

.col.col-lg-2.p-0.position-relative ul:before {
    content: "";
    background: var(--pe_white);
    width: 100%;
    height: 340%;
    position: absolute;
    left: 0;
    top: -120%;
    bottom: 0;
    z-index: 0;
}
#tabs .tabs_ul li i {
    font-size: var(--fs-16);
    font-family: 'icomoon_homepage'!important
}
#tabs .tabs_ul .icon_wrap {
	width: 34px;
	height: 34px;
	border-radius: 100%;
}
.tabs_ul li {
	position: relative;
	z-index: 1;
}
.tabs_ul li i.icon-sim,.tabs_ul li i.icon-shield-user1,.tabs_ul li i.icon-calendar,.tabs_ul li i.icon-pie-chart2,.tabs_ul li i.icon-checklist-colored1 {
    font-size: var(--fs-20)
}

.tabs_ul li i,.tabs_ul li a {
    color: var(--pe_old);
    text-decoration: none!important;
}
.tabs_ul li a {
	border-left: 3px solid transparent;
}
/*.tabs_ul li.active a span,.tabs_ul li a:active span,.tabs_ul li a:focus span,.tabs_ul li a:hover span {
    color: var(--pe_blue);
    text-decoration: underline
}*/
.tabs_ul li:hover a {
    border-color:var(--pe_blue);
}
.tabs_ul li.active a {
	background:var(--pe_light_bluegray);
	border-left-color: var(--pe_mid_blue);
}
.tabs_ul li.active a span {
    color: var(--pe_mid_blue);
}
.tabs_ul li:hover a span,
.tabs_ul li:focus a span {
    color: var(--pe_blue);
}
.tabs_ul li:hover a span, .tabs_ul li.active a span {
    text-decoration: none;
}
.tabs_ul li:hover i, .tabs_ul li.active i {
    color: var(--pe_white)
}
.tabs_ul li:hover .icon_wrap {
    background: var(--pe_blue);
} 
.tabs_ul li.active .icon_wrap {
	background: var(--pe_mid_blue);
}
.tabs_images {
/*    margin-top: 50px*/
}

.tabs_images p {
/*    display: none*/
}

.tabs_button {
    margin-top: 50px
}

@media (max-width: 991.33px) {
    .tabs_button {
        margin-top:35px
    }

    .tabs_ul {
        display: none!important
    }

    .tabs_images {
        margin-top: 0
    }

    .tabs_images .img_wrap,.tabs_images p {
        display: block;
        opacity: 1
    }

    .tabs_images .img_wrap {
        margin-bottom: 30px
    }

    .tabs_images .img_wrap:last-child {
        margin-bottom: 0
    }
    .row.bg_pe_light_bluegray.align-items-center {
    	background: none;
    	box-shadow: none;
    }
}

section.section.free-app-builder-style2 {
	background: rgb(17,149,187);
	background: -webkit-linear-gradient(rgba(17,149,187,1) 0%, rgba(1,88,131,1) 100%);
	background: -o-linear-gradient(rgba(17,149,187,1) 0%, rgba(1,88,131,1) 100%);
	background: linear-gradient(rgba(17,149,187,1) 0%, rgba(1,88,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1195bb', endColorstr='#015883',GradientType=0 );
	padding-top: 4rem;
}
.free-app-builder-style2 .generic-titles {
	margin: 0 auto 1rem !important;
}
.free-app-builder-style2 .generic-titles h2,
.free-app-builder-style2 .generic-titles p {
	color: #fff;
	margin-bottom: 25px;
}
.free-app-builder-style2 img {
	width: 100%;
}
@media (max-width:768px) {
	.free-app-builder-style2 .generic-titles {
		margin: 0 auto 4rem!important;
	}
}
@media (max-width: 767px) {
	.free-app-builder-style2 .generic-titles a {
		font-size: 2rem !important;
		padding: 10px 45px !important;
	}
	.free-app-builder-style2 img {
		width: 100%;
	}
}
@media (max-width: 700px) {
	section.free-app-builder-style2.section {
		padding-top: 5rem !important;
	}
}
@media (max-width: 520px) {
  .threecolicontitledesc .flex {
    display: block;
  }
  .threecolicontitledesc .flex > div {
    display: inline-block;
  }
  .threecolicontitledesc .flex .col-md-10 {
    width: 100%;
  }
}
@media (max-width: 450px) {
	.free-app-builder-style2 .generic-titles a {
		font-size: 2rem !important;
		padding: 8px 30px !important;
	}
}


/*==========================================
 override codes as of 12/13/2021
==========================================*/
.section.title_desc_3_icons, .section.two_col_list_numbered_title_desc {padding-bottom: 0;}
.section.two_col_list_numbered_title_desc {padding-top: 0;}

.customer-cta a {color: var(--pe_white);}
.faq {padding:70px 0;}