/* customer-expereince */
main .customer-exp-sec{background: var(--sectionbackground);}
main .customer-exp-sec .customer-main{position: relative; display: flex;}
main .customer-exp-sec .customer-main .customer-left, main .customer-exp-sec .customer-main .customer-right{width: 50%; float: left;}
main .customer-exp-sec .customer-main .customer-left .content-card{margin-left: 50px; background: var(--secondarycolor);border-radius: 6px; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); padding: 40px;position: relative; z-index: 1;}
main .customer-exp-sec .customer-main .customer-left .content-card .subtitle{font-weight: 800; line-height: 50px;color: var(--txttheme);}
main .customer-exp-sec .customer-main .customer-left .content-card .title{font-size: 36px;font-weight: 300; margin-bottom: 20px;}
main .customer-exp-sec .customer-main .customer-left .content-card .desc{margin-bottom: 0;font-size: 17px;color: var(--txtgrey);}
main .customer-exp-sec .customer-main .customer-right .customer-img{position: absolute;right: 120px;left: auto;top: auto;bottom: -25px;overflow: hidden; max-width: 685px;}
main .customer-exp-sec .customer-img img{transition: all .6s linear; transform: scale(1);}
main .customer-exp-sec .customer-img:hover img{transform: scale(1.1);}

/* process-timeline */

main .process-timeline .sectionClass {padding: 80px 0px 0 0px;position: relative;display: block;}
main .process-timeline .sectiontitle {text-align: center;	background: var(--sectionbackground);	padding: 50px 0;}
main .process-timeline .sectiontitle h2 {text-align: center;font-weight: 700; font-size: 37px;color: var(--txttheme);margin-bottom:15px;}
main .process-timeline .sectiontitle .desc{	font-size: 28px;font-weight: 300;line-height: 48px;}
main .process-timeline .headerLine {width: 160px;height: 2px;vertical-align: top; display: inline-block;background: #69A9E3;}
/********************************/
/*  SECTION WORK EXPERIENCE
********************************/
main .process-timeline #work-experience .sectiontitle .headerLine {width: 280px;}
main .process-timeline #work-experience .headerline {width: 280px;}
main .process-timeline .cbp_tmtimeline {margin: 60px 30px 0 0;padding: 0;list-style: none;position: relative;}
main .process-timeline .cbp_tmtimeline li{margin-bottom: 30px;}
main .process-timeline .cbp_tmtimeline:before {content: ''; position: absolute;top: 3%; bottom: 0; width: 15px; background: #0b75d6; left: 169px; height: 94%;} 
main .process-timeline .cbp_tmtimeline li:last-child:before {content: initial;}
main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 20%;background: var(--sectionbackground);padding: 15px;font-weight: 300;position: relative; border-radius: 5px; min-height: 130px;  } 
main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel h3 {margin-top: 0px;color: var(--txttheme);font-size: 20px;margin-bottom: 5px;padding: 0 0 10px 0;border-bottom: 1px solid rgb(211, 211, 211); font-weight: bold; } 
main .process-timeline .cbp_tmtimeline > li .cbp_tmlabel:after {right: 100%; border: solid transparent; content: " "; height: 0;width: 0;position: absolute;pointer-events: none;    border-right-color: var(--sectionbackground); border-width: 10px;top: 70px;  }
main .process-timeline .cbp_tmtimeline > li .process-box::after{border-right-color: rgb(81, 156, 224);}
main .process-timeline .cbp_tmtimeline > li .cbp_tmicon {width: 100px; height: 100px; top: auto; line-height: 92px; -webkit-font-smoothing: antialiased;    position: absolute;background-color: #fff;display: flex;justify-content: center;align-items: center;border: 2px solid var(--themecolor);border-radius: 50%; text-align: center; left: 149px; margin: 0 0 0 -25px; } 
main .process-timeline .cbp_tmtimeline > li .cbp_tmicon::after{content: ''; border: solid #fff;  border-top-width: medium;  border-right-width: medium;  border-bottom-width: medium;  border-left-width: medium;
    border-width: 0 6px 6px 0; display: inline-block; padding: 9px; transform: rotate(45deg); -webkit-transform: rotate(45deg);  position: absolute; left: 40%; bottom: -36px;}

main .process-timeline .cbp_tmtimeline > li .cbp_tmicon  .cbp_tmtimeline li {margin-bottom: 70px;position: relative;}
main .process-timeline .projectParagraph {font-size: 18px;margin: 0.5em 0 0;color: var(--primarycolor);}

/* customer-stories */
main .story-desc{display: flex; justify-content: center;text-align: center;margin-bottom: 50px;}
main .story-desc .title{font-weight: 800;font-size: 37px;line-height: 48px;margin-bottom: 20px;}
main .story-desc .desc{font-size: 16px;font-weight: 500;color: var(--txtgrey);line-height: 34px;}
main .customer-story-sec .customer-inspire .inspire-box{box-shadow: 0 0.125em 0.375em 0 rgba(0,0,0,0.1);position: relative;cursor: pointer; padding:30px 20px 20px;display: block;width: 100%;height: 100%;transition: all .4s ease-in-out;}
main .customer-story-sec .customer-inspire .inspire-box:hover{background: var(--sectionbackground);}
main .customer-story-sec .customer-inspire .inspire-box:hover::after{width: 100%; right: 0;}
main .customer-story-sec .customer-inspire .inspire-box::after{content: '';position: absolute;bottom: 0;left: 0;top: auto;width: 0;height: 3px;transition: width 0.3s ease;background: var(--themecolor);}
main .customer-story-sec .customer-inspire .inspire-box .customer-logo{text-align: center;margin-bottom: 25px;}
main .customer-story-sec .customer-inspire .inspire-box .card-body h3{font-size: 24px;font-weight: 600;margin-bottom: 18px;line-height: 35px;}
main .customer-story-sec .customer-inspire .inspire-box .card-body p{font-size: 16px;line-height: 30px;color: var(--txtgrey);}
main .customer-story-sec .customer-inspire .inspire-box .card-body .read-more{font-size: 16px;color: var(--txttheme);font-weight: 700;}
main .customer-story-sec .customer-inspire .story-btn{margin-top: 30px;}

/* customer-review */
main .customer-review-sec{background: var(--sectionbackground);}
main .customer-review-sec .review-slide .review-content{padding: 20px;	height: auto;	position: relative;	border-radius: 6px;	background: var(--secondarycolor);	border-bottom: 3px solid var(--themecolor);}
main .customer-review-sec .review-slide .review-content .review-icon{display: flex; align-items: center; padding-left: 0; color: #ffa534;}
main .customer-review-sec .review-slide .review-content p{font-size: 16px;font-weight: 500;line-height: 32px;margin-bottom: 20px;}
main .customer-review-sec .review-slide .review-content .google-icon {	position: absolute;	top: auto;	bottom: 10px;	right: 15px;}
main .customer-review-sec .review-slide .owl-nav{position: absolute; top: 50%; width: 100%; transform: translateY(-50px);transition: all .4s ease;}
main .customer-review-sec .review-slide .owl-nav .owl-prev {position: absolute;cursor: pointer; transform: translateX(-210px); left: -36px;background: var(--themecolor);height: 50px;width: 50px;border-radius: 50%;font-size: 24px;transition: all .4s ease;opacity: 1;color: var(--secondarycolor);line-height: 50px;}
main .customer-review-sec .review-slide .owl-nav .owl-next {position: absolute;cursor: pointer; transform: translateX(210px);  right: -36px;background: var(--themecolor);height: 50px;width: 50px;border-radius: 50%;font-size: 24px;transition: all .4s ease;opacity: 1;color: var(--secondarycolor);line-height: 50px;}
main .customer-review-sec:hover .review-slide .owl-nav .owl-prev, main .customer-review-sec:hover .review-slide .owl-nav .owl-next {transform: translateX(0);}
