/* why-need-semsto-page */
main .whyneed-slide-video{ padding: 100px 0; position: relative;}
/* main .whyneed-slide-video::after{background: url(../images/project-management/shape.png) no-repeat;background-position: right top;background-size: 100% auto;content: '';position: absolute;top: 0;right: 0px;height: 100%;width: 100%;z-index: -1;} */
main .whyneed-slide-video::before{background-color: var(--sectionbackground);content:'';position: absolute; left: 0;right: 0; top: 0; bottom: 0; z-index: -1;}
main .whyneed-slide-video .slide-video, main .whyneed-slide-video .slide-left-content{z-index: 1; position: relative;}
main .whyneed-slide-video .slide-video .responsive-iframe{max-width: 635px;border: none;}
main .whyneed-slide-video .slide-left-content .right-btn{display: flex; align-items: center; padding-left: 0;}
main .whyneed-slide-video .slide-left-content .right-btn li:first-child{padding-right: 30px;}
main .whyneed-slide-video .slide-left-content .right-btn .btn-bg{outline-color: var(--themepink); color: var(--themepink);}
main .whyneed-slide-video .slide-left-content .right-btn .btn-bg:hover{background: var(--themepink);outline-color: rgba(228, 136, 217, 0); color: var(--secondarycolor); box-shadow: none;}
main .whyneed-slide-video .slide-left-content  span{color: var(--txttheme); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500;}
main .whyneed-slide-video .slide-left-content  h1{font-weight: 700;font-size: 50px;}
main .whyneed-slide-video .slide-left-content  p{font-size: 18px;line-height: 32px;font-weight: 500;}

main .whyneed-semsto-customer .customer-say-main{padding: 0 30px; margin-bottom: 50px;}
main .whyneed-semsto-customer .customer-title{text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
main .whyneed-semsto-customer .customer-say-main .teaser-content{background: #e2e2e2;border-radius: 8px;box-shadow: 0 0.125em 0.375em 0 rgba(0,0,0,0.1);overflow: hidden; position: relative;padding: 60px 40px;display: block;width: 100%;min-height: 555px;}
main .whyneed-semsto-customer .customer-say-main .teaser-content::before{content: '';height: 100px;width: 100px;display: block;top: -50px;right: -50px;background: #c0c0c0;position: absolute;transform: rotate(45deg);}
main .whyneed-semsto-customer .customer-say-main .before-dark::before{background: #565656;}
main .whyneed-semsto-customer .customer-say-main .before-danger::before{background: #e32450;}
main .whyneed-semsto-customer .customer-say-main .teaser-content::after{content: ''; position: absolute; bottom: 0; left: 0;top: auto; width: 0;transition-delay: 1s; transition: width .3s ease .4s; height: 2px;background: var(--themecolor);}
main .whyneed-semsto-customer .customer-say-main .img-bg:hover .teaser-content::after{width: 100%; right: 0;}
main .whyneed-semsto-customer .customer-say-main .teaser-content .logo{margin: 0 0 30px;}
main .whyneed-semsto-customer .customer-say-main .teaser-content h3{font-size: 24px;font-weight: 600;line-height: 35px;margin: 0 0 15px;color: var(--txttheme);}
main .whyneed-semsto-customer .customer-say-main .teaser-content p{font-size: 15px;font-weight: 500;color: var(--txtblack);margin-bottom: 0;}
main .whyneed-semsto-customer .customer-say-main .img-bg{position: relative; overflow: hidden; transition: all 0.8s cubic-bezier(0.19,0.01,0.32,0.96);}
main .whyneed-semsto-customer .customer-say-main .img-bg div.image::after{position: absolute; top: -300px; left: -97px;content: '';transition: all 0.8s cubic-bezier(0.19,0.01,0.32,0.96); width: 1080px; height: 1075px;background: #c0c0c0;transform: rotate(45deg);}
main .whyneed-semsto-customer .customer-say-main .img-bg div.after-dark::after{background: #565656;}
main .whyneed-semsto-customer .customer-say-main .img-bg div.after-danger::after{background: #e32450;}
main .whyneed-semsto-customer .customer-say-main .image{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;transition: all 0.8s cubic-bezier(0.19,0.01,0.32,0.96);}
main .whyneed-semsto-customer .customer-say-main .img-position{display: flex;justify-content: center;align-items: center;min-height: 500px;z-index: 1;position: relative;}
main .whyneed-semsto-customer .customer-say-main .img-bg:hover .image{transform: translateX(200%) translateY(-200%);}
main .whyneed-semsto-customer .customer-say-main .img-bg:hover::after{transform: translateX(200%) translateY(-200%);}

/* need-semsto-sec */
main .need-semsto-sec .templates-project{padding: 0 30px;}
main .need-semsto-sec .project-1{box-shadow: 0 0.125em 0.375em 0 rgba(0,0,0,0.1);position: relative; padding: 30px;display: block; width: 100%; height: 100%; border-radius: 8px;}
main .need-semsto-sec .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 .need-semsto-sec .project-1:hover::after{width: 100%; right: 0;}
main .need-semsto-sec .project-1.temp-caption h2{transition: all .4s ease-in-out;}
main .need-semsto-sec .project-1:hover .temp-caption h2{color: var(--txttheme);}
main .need-semsto-sec .project-1:hover p{color: var(--primarycolor);}
main .need-semsto-sec .project-1:hover{background: var(--sectionbackground);}
main .need-semsto-sec .temp-title{text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
main .need-semsto-sec .templates-project .temp-caption{margin: 30px 0 0;}
main .need-semsto-sec .templates-project .temp-caption h2{font-size: 18px;font-weight: 600; margin-bottom: 18px; line-height: 27px;}

/* whyneed-get-start */
main .whyneed-get-start{background: var(--sectionbackground); text-align: center;padding: 40px 0;margin-bottom: 50px;}
main .whyneed-get-start .get-start-title{font-size: 24px;font-weight: 600;margin-bottom: 30px;}
main .whyneed-get-start .right-btn{display: flex; align-items: center; justify-content: center; padding-left: 0;margin-bottom: 0;}
main .whyneed-get-start .right-btn li:first-child{padding-right: 25px;}
main .whyneed-get-start .right-btn .btn-bg{outline-color: var(--themepink); color: var(--themepink);}
main .whyneed-get-start .right-btn .btn-bg:hover{background: var(--themepink);outline-color: rgba(228, 136, 217, 0); color: var(--secondarycolor); box-shadow: none;}


/* new-section-start */

main .problem-solution-section .component-box {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 30px 20px 20px;margin: 20px 50px;position: relative;min-height: 440px;border-radius: 12px;}
main .problem-solution-section .component-box.problem-box {background: #F3E5E4;}
main .problem-solution-section .component-box.impact-box {background: #e2f0fe;}
main .problem-solution-section .component-box.solution-box {background: #EBFFFA;}
main .problem-solution-section .component-box.whysemsto-box {background: #e2f0fe;}
main .problem-solution-section .component-box .component-icon{margin: 0 auto 30px;}
main .problem-solution-section .component-box.problem-box .component-icon img{filter: invert(34%) sepia(84%) saturate(2938%) hue-rotate(339deg) brightness(100%) contrast(115%);}
main .problem-solution-section .component-box.solution-box .component-icon img{filter: invert(76%) sepia(20%) saturate(4086%) hue-rotate(63deg) brightness(88%) contrast(64%)}
main .problem-solution-section .component-box .component-icon img{filter: invert(33%) sepia(100%) saturate(1170%) hue-rotate(188deg) brightness(89%) contrast(98%);}
main .problem-solution-section .component-box .title{font-size: 40px;font-weight: 700;line-height: 1.25em;letter-spacing: 0px;margin-bottom: 25px;}
main .problem-solution-section .component-box .list-item{padding-left: 0;margin-bottom: 0;}
main .problem-solution-section .component-box .list-item li img {position: absolute;left: 0;transition: all .4s ease;top: 3px;}
main .problem-solution-section .component-box .list-item li {font-size: 16px;line-height: 26px;font-weight: 500;margin-bottom: 20px;position: relative;	padding-left: 30px;}
main .problem-solution-section .component-box .list-item li h5{font-weight: 600; color: #212529;}
main .problem-solution-section .component-box .list-item li p{font-size: 15px;line-height: 24px;color: var(--txtblack);margin-bottom: 0;}

main .problem-solution-section .why-semsto-box{margin: 20px 50px;}

main .problem-solution-section .whysesmto-content{display: flex;justify-content: center;align-items: center;}
main .problem-solution-section .whysesmto-content .title{font-size: 32px;font-weight: 700;line-height: 1.25em;letter-spacing: 0px;margin-bottom: 25px;}
main .problem-solution-section .whysesmto-content .list-item{padding-left: 0;margin-bottom: 0;}
main .problem-solution-section .whysesmto-content .list-item li{position: relative;margin-bottom: 10px;padding-left: 30px;}
main .problem-solution-section .whysesmto-content .list-item li:last-child{margin-bottom: 0;}
main .problem-solution-section .whysesmto-content .list-item img{position: absolute;top: 5px;left: 0;}
main .problem-solution-section .whysesmto-content .list-item .item-desc{font-size: 16px;font-weight: 500;color: #3a3a3a;line-height: 26px;margin-bottom: 0;}