/* customer-expereince */


main .demo-head{text-align: center;}
main .demo-head .title-bg{background: var(--sectionbackground); padding: 30px 0;}  
main .demo-head .title-bg .pricing-title{text-align: center;color: var(--txttheme); font-weight: 700;font-size: 37px;line-height: 45px; margin-bottom: 15px;}
main .demo-head .title-bg .headerLine {width: 160px;height: 2px;display: inline-block;vertical-align: top;background: #69A9E3;}
main .demo-head .title-bg p{font-size: 28px;line-height: 32px;font-weight: 300;} 

main .watch-demo-sec{background: var(--sectionbackground);}
main .watch-demo-sec .customer-main{position: relative; display: flex;}
main .watch-demo-sec .watch-demo-video .o-video {width: 100%; height: 0; position: relative; padding-top: 56.25%; /* 9 / 16 * 100 */ }
main .watch-demo-sec .watch-demo-video .o-video > iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; }

main .watch-demo-sec .video-thumb{width:100%;height:auto;background-color:#fff;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: flex-start;cursor: pointer;}
main .watch-demo-sec .video-thumb .thumb-img{width: 245px;text-align: center; height: auto;background-color: #666; height: 93px; margin-bottom: 0px; display: inline-block;vertical-align: middle;flex: 3;}
main .watch-demo-sec .video-thumb .thumb-img img{height: auto;width: 120px;}
main .watch-demo-sec .video-thumb .thumb-content{padding: 10px; display: inline-block;flex: 4;}
main .watch-demo-sec .video-thumb .thumb-content h3{color:#0b75d6;font-size:16px;font-weight:600;margin-bottom:5px;}
main .watch-demo-sec .video-thumb .thumb-content p{color:#6f7787;font-size:14px;margin-bottom: 0;}

main .watch-demo-sec .watch-demo-video .video-title-box{padding: 15px 15px;background-color: #fff;}
main .watch-demo-sec .watch-demo-video .video-title-box h4{font-size: 19px;font-weight: 600;color: #0b75d6;}
main .watch-demo-sec .watch-demo-video .video-title-box p{font-size: 15px;font-weight: 600;margin: 0;}
main .watch-demo-sec .tag-cate{background-color: #cde1f4;border-radius: 15px;cursor:pointer;border: 1px solid #0b75d6;padding: 1px 15px;display: inline-block;margin-bottom: 10px;color: #0b75d6;font-weight: 600;margin-left: 5px;}
main .watch-demo-sec .tag-cate:hover{background-color: #0b75d6;color:#fff;}
main .watch-demo-sec .customer-main .customer-left, main .watch-demo-sec .customer-main .customer-right{width: 50%; float: left;}main .watch-demo-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: 0px;position: relative; z-index: 1;}main .watch-demo-sec .customer-main .customer-left .content-card .subtitle{font-weight: 800; line-height: 50px;color: var(--txttheme);}
main .watch-demo-sec .customer-main .customer-left .content-card .title{font-size: 36px;font-weight: 300; margin-bottom: 20px;}
main .watch-demo-sec .customer-main .customer-left .content-card .desc{margin-bottom: 0;font-size: 17px;color: var(--txtgrey);}
main .watch-demo-sec .customer-main .customer-right .customer-img{position: absolute;right: 120px;left: auto;top: auto;bottom: -25px;overflow: hidden; max-width: 685px;}
main .watch-demo-sec .customer-img img{transition: all .6s linear; transform: scale(1);}
main .watch-demo-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 {background-position: center;text-align: center;min-height: 20px;}
main .process-timeline .sectiontitle h2 {text-align: center;font-weight: 700; font-size: 45px;color: #222;margin-bottom: 0px;}
main .process-timeline .sectiontitle .desc{	font-size: 16px;	font-weight: 600;	margin: 20px 0 0;	line-height: 28px;	color: var(--txtgrey);}
main .process-timeline .headerLine {width: 160px;height: 2px;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: 80px;}
main .process-timeline .cbp_tmtimeline:before {content: '';position: absolute;top: 3%;bottom: 0;width: 10px;background: #0b75d6;left: 13%;height: 100%;} 
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: 115px;height: 115px; top: auto;line-height: 106px;-webkit-font-smoothing: antialiased;  position: absolute; background: #0b75d6;  border-radius: 50%;text-align: center;left: 11%;margin: 0 0 0 -25px;  } 
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: auto;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;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 .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);}

main .demo-point .templates-project{padding: 0 30px;}
main .demo-point .title{font-weight: 800;font-size: 37px;line-height: 48px;margin-bottom: 20px;}
main .demo-point p{font-size: 18px;line-height: 32px;	font-weight: 500;	margin-bottom: 30px;}
main .demo-point .project-1{cursor:pointer;border: 1px solid #d2eaff;transition: all .4s ease-in-out; position: relative; padding: 20px;display: block; width: 100%; height: 100%; border-radius: 8px;}
main .demo-point .project-1::after{content: ''; position: absolute; bottom: 0; left: 0;top: auto; width: 0; height: 3px;border-radius: 0 0 8px 8px; transition: width 0.3s ease; background: var(--themecolor);}
main .demo-point .project-1:hover::after{width: 100%; right: 0;}
main .demo-point .project-1.temp-caption h2{transition: all .4s ease-in-out;}
main .demo-point .project-1:hover .temp-caption h2{color: var(--txttheme);}
main .demo-point .project-1:hover p{color: var(--primarycolor);}
main .demo-point .project-1:hover{background: #fff;}
main .demo-point .project-1 .icon img{width: 130px;border-radius: 6px;}
main .demo-point .temp-title{text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
main .demo-point .templates-project .temp-caption{margin: 20px 0 0;}
main .demo-point .templates-project .temp-caption h2{font-size: 17px;font-weight: 600; margin-bottom: 0; line-height: 27px;transition: all .4s ease-in-out;}