/* problem-we-solving-page */
main .problem-solving-sec{padding: 100px 0;position: relative;}
main .problem-solving-sec .slide-video .responsive-video{max-width: 635px;border: none;}
main .problem-solving-sec::before{background: #D7E3ED;content: '';position: absolute; left: 0;right: 0; top: 0; bottom: 0; z-index: -1;}
main .problem-solving-sec::after{background: url(../images/project-management/shape.png) no-repeat;opacity: .2;z-index: -1;background-position: right top;background-size: 100% auto;content: '';position: absolute;top: 0;right: 0px;height: 100%;width: 100%;}
main .problem-solving-sec .slide-video, main .problem-solving-sec .slide-left-content{z-index: 1; position: relative;}
main .problem-solving-sec .slide-left-content  h1{font-weight: 700;font-size: 50px;}
main .problem-solving-sec .slide-left-content  p{font-size: 18px;line-height: 32px;font-weight: 500;}


main .problem-solving-sec .slide-left-content .bulltet-list{padding-left: 0;margin-top: 20px;}
main .problem-solving-sec .slide-left-content .bulltet-list li img {position: absolute;	left: 0;transition: all .4s ease;top: 8px;}
main .problem-solving-sec .slide-left-content .bulltet-list li {font-size: 16px;line-height: 26px;font-weight: 500;	margin-bottom: 10px;	position: relative;	padding-left: 30px;}
main .problem-solving-sec .slide-left-content .bulltet-list li h5{font-weight: 700; color: #212529;}

main .msg-info{background: url(../images/problem-we-solving/bg.jpg) no-repeat;padding: 70px 0; background-position: center center; background-size: cover;}
main .msg-info .image h1{color: #fff; font-weight: 900; text-transform: uppercase; font-size: 52px;line-height: 48px;margin: 15px 0px;}

main .msg-info .msg-content h4{color: var(--secondarycolor);font-size: 20px; margin-bottom: 20px;}
main .msg-info .msg-content p{color: #DBE8F8;font-size: 16px; margin-bottom: 0;}
main .msg-info .parallax-btn{outline-color: rgba(255, 255, 255, 0.5);  color: var(--secondarycolor);}
main .msg-info .parallax-btn:hover{background: var(--secondarycolor);color: var(--primarycolor);outline-color: rgba(255, 255, 255, 0);}

/* capabilities-sec */
main .capabilities-menu .cap-title{text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
main .capabilities-menu p{font-size: 17px;line-height: 32px;font-weight: 500;margin-bottom: 30px;color: var(--txtgrey); text-align: center;}
main .capabilities-menu .exp-cap-title{font-size: 22px;font-weight: 600;color: var(--txttheme);margin-bottom: 20px;}
main .capabilities-menu .explore-list{position: relative;padding: 0 0 0 25px;margin-bottom: 20px;font-size: 16px;color: var(--txtgrey); font-weight: 500;}
main .capabilities-menu .explore-list img {position: absolute;left: 0;top: 7px;}


main .capabilities-menu .icon-grid{display: flex;border: none;justify-content: center;}
main .capabilities-menu .icon-grid .explore-tab{width:14.8%;margin:0px 15px;text-align: center;padding: 0px 15px !important; cursor: pointer;color: var(--txtblack);
   font-weight: 600;font-size: 14px;line-height: 24px;}
main .capabilities-menu .icon-grid .explore-tab:hover{background-color: #f1f5fd !important;}
main .capabilities-menu .icon-grid .explore-tab:focus{background-color: #f1f5fd !important;}
main .capabilities-menu .icon-grid .explore-tab img{width: 100%;padding: 15px 30px;max-width: 130px;}
main .capabilities-menu .icon-grid .explore-tab p{text-align:center}
main .capabilities-menu .bg-soft-primary{background-color: #f1f5fd;}
main .capabilities-menu #nav-tabContent .bg-soft-primary{position: relative;}
main .capabilities-menu #nav-tabContent .bg-soft-primary.active::before{content: "";position: absolute;border-width: 0px 25px 25px;border-style: solid;border-color: #f1f5fd transparent;display:block;width: 0;}
main .capabilities-menu #nav-tabContent .tabcon1.active::before{top: -25px;left: 6%;}
main .capabilities-menu #nav-tabContent .tabcon2.active::before{top: -25px;left: 23%;}
main .capabilities-menu #nav-tabContent .tabcon3.active::before{top: -25px;left: 39%;}
main .capabilities-menu #nav-tabContent .tabcon4.active::before{top: -25px;right: 41%;}
main .capabilities-menu #nav-tabContent .tabcon5.active::before{top: -25px;right: 25%;}
main .capabilities-menu #nav-tabContent .tabcon6.active::before{top: -25px;right: 8%;}
main .capabilities-menu #nav-tabContent2 .bg-soft-primary{position: relative;}
main .capabilities-menu #nav-tabContent2 .bg-soft-primary.active::before {content: "";position: absolute;border-width: 0px 25px 25px;border-style: solid;border-color: #f1f5fd transparent;display: block;width: 0;}
main .capabilities-menu #nav-tabContent2 .tabcon7.active::before {top: -25px;left: 6%;}
main .capabilities-menu #nav-tabContent2 .tabcon8.active::before {top: -25px;left: 23%;}
main .capabilities-menu #nav-tabContent2 .tabcon9.active::before {top: -25px;left: 39%;}
main .capabilities-menu #nav-tabContent2 .tabcon10.active::before {top: -25px;right: 41%;}
main .capabilities-menu #nav-tabContent2 .tabcon11.active::before {top: -25px;right: 25%;}
main .capabilities-menu .icon-grid .explore-tab p {  text-align: center;  font-size: 16px;  color: #212529;  font-weight: 600;}
main .capabilities-menu .icon-list{padding: 0px;}
main .capabilities-menu .icon-list li i{margin-right: 5px;color: var(--themecolor);}
/* customizable-sec */
main .customize-sec .customize-bg{background: var(--secondarycolor);padding: 0 0 50px;}
main .customize-sec .customize-padding{padding-top: 100px;}
main .customize-sec .customize-bg .capabilities-project .capab-box{margin-bottom: 30px;}
main .customize-sec .customize-bg .cap-title{text-align: center;font-weight: 700;font-size: 45px;}
main .customize-sec .customize-bg .capabilities-project .icon {position: relative;transition: all .4s ease-in-out; cursor: pointer; height: 90px;width: 90px;text-align: center;display: flex;align-items: center;justify-content: center;}
main .customize-sec .customize-bg .capabilities-project .icon::after{position: absolute; top: 0; left: 0;right: 0; bottom: 0; height: 90px; width: 90px; border-radius: 50%; background: #DBE8F8;transition: all .4s ease-in-out; content: '';transform: scale(90px);}
main .customize-sec .customize-bg .capabilities-project .project-1:hover .icon::after{transform: scale(0);}
main .customize-sec .customize-bg .capabilities-project .project-1:hover  .icon img{transform: scale3d(1.3, 1.3, 1);}
main .customize-sec .customize-bg .capabilities-project .icon img{position: relative; z-index: 1;transform: scale3d(1); transition: all .4s ease-in-out;}
main .customize-sec .customize-bg .capabilities-project .cap-caption{margin: 30px 0 0;}
main .customize-sec .customize-bg .capabilities-project .cap-caption h2{font-size: 22px;font-weight: 600; margin-bottom: 18px; line-height: 35px;}
main .customize-sec .customize-bg .capabilities-project .cap-caption p{font-size: 15px;line-height: 30px;}

/* flexible-package-sec */
main .flexible-package-sec{background: var(--sectionbackground); text-align: center;padding: 40px 0;margin-bottom: 50px;}
main .flexible-package-sec .flexible-title{text-align: center;font-weight: 700;font-size: 37px;margin-bottom: 30px;}
main .flexible-package-sec p{font-size: 17px;line-height: 32px;font-weight: 500;margin-bottom: 30px;color: var(--txtgrey);}

/* good-company-sec */
main .good-company-sec .customer-say-main{padding: 0 30px; margin-bottom: 50px;}
main .good-company-sec .customer-title{text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
main .good-company-sec .customer-say-main .teaser-content{background: #F8F7F5;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%;height: 100%;}
main .good-company-sec .customer-say-main .teaser-content::before{content: '';height: 100px;width: 100px;display: block;top: -50px;right: -50px;background: #007db8;position: absolute;transform: rotate(45deg);}
main .good-company-sec .customer-say-main .before-dark::before{background: var(--primarycolor);}
main .good-company-sec .customer-say-main .before-danger::before{background: #E30613;}
main .good-company-sec .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 .good-company-sec .customer-say-main .img-bg:hover .teaser-content::after{width: 100%; right: 0;}
main .good-company-sec .customer-say-main .teaser-content .logo{margin: 0 0 30px;}
main .good-company-sec .customer-say-main .teaser-content h3{font-size: 24px;font-weight: 600;line-height: 35px;margin: 0 0 15px;color: var(--txttheme);}
main .good-company-sec .customer-say-main .teaser-content p{font-size: 15px;font-weight: 500;color: var(--txtgrey);}
main .good-company-sec .customer-say-main .img-bg{position: relative; overflow: hidden; transition: all 0.8s cubic-bezier(0.19,0.01,0.32,0.96); height: 100%;}
main .good-company-sec .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: 1030px;background: #007db8;transform: rotate(45deg);}
main .good-company-sec .customer-say-main .img-bg div.after-dark::after{background: var(--primarycolor);}
main .good-company-sec .customer-say-main .img-bg div.after-danger::after{background: #E30613;}
main .good-company-sec .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 .good-company-sec .customer-say-main .img-position{display: flex;justify-content: center;align-items: center;height: 390px;z-index: 1;position: relative;}
main .good-company-sec .customer-say-main .img-bg:hover .image{transform: translateX(200%) translateY(-200%);}
main .good-company-sec .customer-say-main .img-bg:hover::after{transform: translateX(200%) translateY(-200%);}


main .cap-title {text-align: center;font-weight: 700;font-size: 45px;margin-bottom: 30px;}
main .roadmap-body {border-radius: 8px;-webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);}
main .roadmap-body .road-heading{padding: 15px;}
main .roadmap-body .road-heading h4{color: rgba(23, 38, 67, 1);font-size: 18px; font-weight: 700;display: flex;align-items: center;justify-content: center;text-transform: uppercase;margin: 0;}
main .roadmap-body.in-progress .road-heading{background-color: #F3F7EC;}
main .roadmap-body.up-next .road-heading{background-color: #fffbe0;}
main .roadmap-body.future .road-heading{background-color: #fff1f8;}
main .roadmap-body .column{border: 1px solid rgba(243, 247, 236, 1);padding: 15px;background-color: #fff;}
main .roadmap-card {background: #fff;padding: unset;margin-bottom: 15px;position: relative;cursor: pointer;transition: box-shadow .4s;border: 1px solid #eaedf3;border-radius: 10px;}
main .roadmap-card ul{padding-left: 20px;list-style: disc;}
main .roadmap-card:hover {box-shadow:0 10px 14px -4px rgba(81,108,179,.16); transition:box-shadow .4s}
main .roadmap-card .description {word-break:break-word;}
main .roadmap-card .vote-box {border-radius: 5px;width: 77px;height: 28px;line-height: 22px;padding: 3px 8px;background-color: #d9eaf9;text-align: center;font-size: 13px;font-weight: 600;white-space: nowrap;color: #0967F3;}
main .roadmap-card em, main .roadmap-card ol, main .roadmap-card p, main .roadmap-card span, main .roadmap-card ul{color:var(--txtblack);text-align: left;line-height:1.6;font-size: 14px;margin-bottom:10px;font-family: "Montserrat", sans-serif;}
main .roadmap-card h1 {font-size:1.3rem}
main .roadmap-card h2 {font-size:1.25rem}
main .roadmap-card h3 {font-size:1.2rem}
main .roadmap-card h4 {font-size:1.1rem}
main .roadmap-card h5 {font-size:1rem}
main .roadmap-card h6 {font-size:.9rem}
main .roadmap-card i {color:#e0e0e0}
main .roadmap-card .img-container img {max-width:100%;width:100%;max-height:200px;object-fit:cover;border-top-right-radius:3px}
main .roadmap-card .tag {margin:3px 5px 10px 0}
main .roadmap-card .body {padding: 15px 20px;}
main .roadmap-card .features-summary ul {list-style:none;padding-left:0}
main .roadmap-card .features-summary .accordion .content {padding-top:0!important} 
main .roadmap-card .features-summary .accordion .title {margin-bottom:0!important;padding-top:0!important;margin-top:0   } 
main .roadmap-card .features-summary .feature-group {    display:flex;    align-items:center;    margin:5px 0;    padding:5px 10px;    border-radius:3px;    border:1px solid #f4f4f4   }
main .roadmap-card .features-summary .feature-title, main .roadmap-card .features-summary .title, main .roadmap-card .features-summary .ui .title {        font-size:.9em;    font-weight:400;    width:85%;    margin:5px 0   } 
main .roadmap-card .features-summary .feature-title {font-size:.8em} 
main .roadmap-card .features-summary .feature-progress {    width:30%   }
main .roadmap-card .features-summary .ui.progress {height:0.5em; margin-bottom:0;}
main .roadmap-card .title {color: #2f2f2f;font-weight: 700;font-size: 17px;line-height: 20px;margin-bottom: 15px;}
main .dot {    width:9px;    height:9px;    border-radius:100%;    vertical-align:top;    display:inline-block;    margin-right: 10px;  }
main .roadmap-card .objective {    display:flex   }
main .roadmap-card .ui.dropdown {    border:none;    width:100%;    color:#000;    padding:9px;    font-size:.9em;    min-width:unset;    background:0 0!important   }
main .roadmap-card .ui.dropdown .default,   main .roadmap-card .ui.dropdown .text {color:#444!important;font-weight:400;    letter-spacing:-.03em;    line-height:1.3;    padding:5px 10px}
main .roadmap-card .ui.dropdown i {padding:0;top:unset;position:inherit}
main .roadmap-card .p-dropdown {color:#000;padding:15px 20px 5px;font-size:.9em;min-width:unset}
main .roadmap-card .p-dropdown .default, main .roadmap-card .p-dropdown .text {color: #2f2f2f;font-weight: 600;font-size: 15px;line-height: 20px;margin-bottom: 4px;}
main .roadmap-card .details, main .roadmap-card .edit { position:absolute;right:10px;top:10px; -webkit-transition:opacity .4s;    transition:opacity .4s;    white-space:nowrap;    opacity:0   }
main .roadmap-card .completed-date {    font-size:.9em;    display:inline-block;    padding:3px 8px;    border-radius:50px;    font-weight:500;    background:#def5e9;    color:#76bb76   }
main .roadmap-card .meta {display:flex;align-items:center}
main .roadmap-card .meta .right {   font-weight:400;    color:#b7b7b7;    font-size:.85em;    flex-grow:1;    text-align:right   }
main .roadmap-card .meta .vote {    height:25px;    background:#fff;    border:1px solid #dae8eb;    border-radius:3px;    font-size:.8rem;    font-weight:600;        cursor:pointer;    opacity:.5;    color:#919191;    display:flex;    align-items:center;    padding-right:10px;    transition:.3s;    margin-right:10px   }
main .roadmap-card .meta .vote:hover {   opacity:1;    transition:.3s   }
main .roadmap-card .meta .vote i {    font-size:1.1rem;   line-height:1.1;margin:-3px 5px 0 0;    padding:0   }
main .roadmap-card .meta [data-action=remove-vote] {    color:#27a318!important;    opacity:1!important   }
