/*==== How to Engage Page Start =====*/
.how-to-engage-contant{text-align: center;}
.how-to-engage-contant h2 { margin-bottom: 30px;font-family: Poppins,sans-serif;letter-spacing: 0;text-transform: none;}
.engagement-section{position:relative;padding-top:40px; margin-top: 100px;}
.engagement-section .col-left{width:45%;float:left;position:relative;}
.engagement-section .col-left .constrained-budget{background:url("../images/constrained-bg.jpg");background-repeat:no-repeat;height:555px;padding:100px 100px 0px 100px;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.4);position:relative;left:5px;}
.engagement-section .col-left .constrained-budget h3{color:#fff;font-size:40px;font-weight:800;padding:30px 0px;}
.engagement-section .col-left .constrained-budget p{color:#fff;font-size:16px;line-height:26px;}
.engagement-section .col-left .constrained-textblock{text-align:right;position:relative;top:100px;padding-left:50px;}
.engagement-section .col-left .constrained-textblock h4{color:#7F92A9;font-size:24px;font-weight: 500; line-height: 1.2;}
.engagement-section .col-left .constrained-textblock h2{color:#252b33;font-size:36px;padding-bottom:30px;}
.engagement-section .col-right{width:55%;float:right;}
.engagement-section .col-right .evolving-scope{background:url("../images/img-evolving-scope.jpg");background-repeat:no-repeat;height:653px;padding:100px 90px 0px 100px;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.4);position:relative;bottom:60px;}
.engagement-section .col-right .evolving-scope h2{color:#fff;font-size:50px;font-weight:800;padding:30px 0px;}
.engagement-section .col-right .evolving-scope p{color:#fff;font-size:16px;line-height:26px;}
.engagement-section .col-right .evolving-textblock{text-align:left;position:relative;bottom:0px;left:100px;width:80%;}
.engagement-section .col-right .evolving-textblock h4{color:#7F92A9;font-size:24px;font-weight: 500; line-height: 1.2;}
.engagement-section .col-right .evolving-textblock h2{color:#252b33;font-size:36px;width:70%;padding-bottom:30px;}
.engagement-section .point p{margin-bottom:20px;position:relative;}
.engagement-section .col-right .point p:before{content:"";display:block;width:50px;height:2px;position:absolute;top:25px;left:-70px;background:#C9CED8;}
.transparent-workflow-section{ padding: 100px 0px 130px 0px; text-align: center;}
.transparent-workflow-section .workflow-section { padding-top: 100px; display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center;}
.workflow-section h3{font-size:24px;font-weight:800;padding-top:45px;padding-bottom:15px;}
.workflow-section p{font-size:14px;line-height:22px;margin-bottom:0px;}
.workflow-section > div{border-radius:50%;height:250px;width:250px;}
.workflow-section .discover{background:rgba(220,94,245,0.1);margin-left:5px;position:relative;}
.workflow-section .define{background:rgba(1,187,228,0.1);margin-left:-30px;position:relative;}
.workflow-section .design{background:rgba(17,195,97,0.1);margin-left:-30px;position:relative;}
.workflow-section .develop{background:rgba(255,144,0,0.1);margin-left:-30px;position:relative;}
.workflow-section .deliver{background:rgba(255,87,119,0.1);margin-left:-30px;position:relative;}
.workflow-section .discover h3{color:#DC5EF5;}
.workflow-section .define h3{color:#01BBE4;}
.workflow-section .design h3{color:#11C361;}
.workflow-section .develop h3{color:#FF9000;}
.workflow-section .deliver h3{color:#FF5777;}
.workflow-section .discover:after{content:"";display:block;background:url("../images/circle-arrow1.png") no-repeat;width:169px;height:149px;position:absolute;left:-25px;top:-25px;}
.workflow-section .define:after{content:"";display:block;background:url("../images/circle-arrow1.png") no-repeat;width:169px;height:149px;position:absolute;left:40px;bottom:-50px;-ms-transform:rotate(140deg) scalex(-1);-webkit-transform:rotate(140deg) scalex(-1);-moz-transform:rotate(140deg) scalex(-1);transform:rotate(140deg) scalex(-1);}
.workflow-section .design:after{content:"";display:block;background:url("../images/circle-arrow1.png") no-repeat;width:169px;height:149px;position:absolute;left:40px;top:-50px;-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);transform:rotate(40deg);}
.workflow-section .develop:after{content:"";display:block;background:url("../images/circle-arrow1.png") no-repeat;width:169px;height:149px;position:absolute;left:40px;bottom:-50px;-ms-transform:rotate(140deg) scalex(-1);-webkit-transform:rotate(140deg) scalex(-1);-moz-transform:rotate(140deg) scalex(-1);transform:rotate(140deg) scalex(-1);}
.workflow-section .deliver:after{content:"";display:block;background:url("../images/circle-arrow1.png") no-repeat;width:169px;height:149px;position:absolute;top:-30px;right:-20px;-ms-transform:rotate(78deg);-webkit-transform:rotate(78deg);-moz-transform:rotate(78deg);transform:rotate(78deg);}


/************************* Dark Theme Start  *********************************/
.theme-black h1, .theme-black h2, .theme-black h3, .theme-black h4, .theme-black h5, .theme-black h6, .theme-black p, .theme-black span,.theme-black blockquote,.theme-black strong,.theme-black b,.theme-black u,.theme-black center,.theme-black ol,.theme-black ul,.theme-black li,.theme-black li a { color:#fff !important;}
.theme-black,.theme-black .methodology-hero-banner{background:#000000;}
/*==== Testimonial Page start ====*/
.theme-black .client-testimonial-section .testimonial-block .testimonial-content h4{ color: #F13C31 !important;}
.theme-black .client-testimonial-section { border-bottom:1px solid rgba(255, 255, 255, 0.1);}
/*==== Testimonial Page End ====*/
.theme-black .guidelines-section .box-content {background-color: #202020;}
.theme-black .web-brand-color .web-color-box {border:1px solid rgba(255, 255, 255, 0.1);}
.branding-kit .zip-section span { color: #252b33 !important;}
.theme-black .web-brand-color .web-color-box .color-code { color: #ffffff; }
.theme-black .branding-kit .zip-section a{ border:1px solid rgba(255, 255, 255, 0.1);}

.theme-black .workflow-section .discover{background: rgba(220, 94, 245, 0.4);}
.theme-black .workflow-section .define{background: rgba(1, 187, 228, 0.4);}
.theme-black .workflow-section .design{background: rgba(17, 195, 97, 0.4);}
.theme-black .workflow-section .develop{background: rgba(255, 144, 0, 0.4);}
.theme-black .workflow-section .deliver{background: rgba(255, 87, 119, 0.4);}
/************************* Dark Theme End  *********************************/

/*==== How to Engage Page End =====*/

@media only screen and (max-width:1280px){
/*==== How to Engage Start =====*/
.workflow-section>div{height:190px;width:190px;}
.workflow-section .discover:after,.workflow-section .define:after,.workflow-section .design:after,.workflow-section .develop:after,.workflow-section .deliver:after{display:none;}
.workflow-section h3{padding-top:30px;padding-bottom:10px;}
/*==== How to Engage End =====*/

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.transparent-workflow-section{ padding: 60px 0px;}
.transparent-workflow-section .workflow-section{ padding-top: 50px;}
.engagement-section .col-left .constrained-budget h3{font-size:24px;padding:20px 0px;}
.engagement-section .col-right .evolving-scope h2{font-size:30px;padding:20px 0px;}
.engagement-section .col-right .evolving-scope p,.engagement-section .col-left .constrained-budget p{font-size:16px;line-height:26px;}
.engagement-section .col-left .constrained-textblock{padding-left:0px; padding-right: 20px; top: 95px;}
.engagement-section .col-right .evolving-textblock{left:0px; padding-left: 20px; width: 100%;}
.engagement-section .col-right .point p:before{display:none;}
.engagement-section .col-left .constrained-budget{padding:40px 30px;height:auto;}
.engagement-section .col-right .evolving-scope{padding:40px 30px;height:auto;}
.workflow-section>div,.execution-waterfall .workflow-section > div{height:160px;width:160px;}
.workflow-section h3{font-size:14px !important;padding-top:18px;}
.workflow-section p{font-size:10px !important;line-height:18px !important;}
.workflow-section{display:flex;align-items:center;justify-content:center;}
.workflow-section .discover:after,.workflow-section .define:after,.workflow-section .design:after,.workflow-section .develop:after,.workflow-section .deliver:after{display:none;}
.workflow-section h3{padding-top:30px;padding-bottom:10px;}
/* iPad 9th Gen Css End */
}