.main-page-header p{margin: 40px 0px;}
.mr-top-30 {margin-top: 30px;}
.mt-60{margin-top: 60px;}
.pad-50{padding: 50px 0px;}
.mt-80 {margin-top: 80px;}
.mb-40 {margin-bottom: 30px;}
.mt-40 {margin-top: 40px;}
.orange-text{color: #F13C31 !important;}
.main-page-header .page-header-content {padding: 0 0%;}
.gray-bg{background-color: #fafafa;margin: 50px 0px;}
.title-part .sub-title {font-weight: 600;margin-bottom: 10px;display: inline-block;text-transform: uppercase;}
.title-part h3{font-weight: 600;font-size: 30px;line-height: 48px;}
.title-part p{padding: 0px 120px;}
.tech-icon {font-size: 40px;color: #252B33 !important;transition: all 0.3s ease-in-out;transform: translate(0%, 0) translateZ(0);-webkit-transform: translate(0%, 0) translateZ(0);}
.tech-icon::before{color: #252B33 !important;}
.tags ul li {list-style: none;font-size: 16px !important;line-height: 28px !important;font-weight: 400 !important;background-color: #E9F1FF;border-radius: 4px;margin-right: 10px;margin-bottom: 10px;padding: 3px 10px;}
.main-page-header .page-header-content h1{font-size: 54px;line-height: 64px;}

/* Banner Section Start */
.wdc-banner-sec .bold-para{margin: 40px 0px;}
.wdc-banner-sec p{padding: 0px 120px;}
/* Banner Section End */

/* WDC Services Section Start */
.wdc-services-sec, .wdc-hire-asp-net-sec{padding: 100px 0px;}
.technology-icon, .service-points {margin-top: 20px;}
.left-right-part .content-wrap ul {padding-left: 20px;}
.service-points h4{font-size: 20px;line-height: 30px;font-weight: 600;margin-bottom: 10px;}
.service-points ul {display: flex;flex-wrap: wrap;}
.service-points ul.four-col li {width: 25%;}
.left-right-part .content-wrap h3 {font-size: 30px;line-height: 44px;letter-spacing: -0.5px;font-weight: 600;}
.left-right-part .content-wrap .tagline{margin: 20px 0px;font-weight: 600;}
.left-right-part .content-wrap ul li {font-size: 16px;line-height: 24px;margin-bottom: 10px;position: relative;list-style: none;}
.service-points ul li {font-size: 14px !important;color: #252B33;list-style-position: outside;padding: 0 30px 0px 0px;width: 100%;position: relative;}
.left-right-part .content-wrap ul li::before {content: '';position: absolute;width: 5px;height: 5px;border-radius: 100%;background-color: #252B33;left: -13px;top: 10px;}
/* WDC Services Section End */

/* Full Stack Section Start */
.tech-grid .icon-block {background-color: #f8f8f8;text-align: center;padding: 40px 6px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-top: 0px;position: relative;}
.tech-grid .icon-block:hover{margin-top: -5px;position: relative;}
.tech-grid .icon-block .icon-box {width: 50px;height: 50px;margin: 0 auto;display: flex;display: -ms-flexbox;justify-content: center;align-items: center;}
.tech-grid .icon-block .icon-box .tech-icon {font-size: 44px;color: #252B33 !important;}
.tech-icon.icon-ic-database-technology-oracle, .tech-icon.icon-ic-database-technology-my-sql {font-size: 75px !important;}
.tech-grid .icon-block h5, .tech-grid .icon-block h3 {font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 20px;color: #252B33;font-weight: 500;margin-top: 16px;}
.tech-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: 12px;}

.page-link-col {display: flex;padding: 30px;border: 1px solid rgba(217, 222, 226, 1);border-radius: 4px;transition: all 0.3s ease-in-out;height: 100%;}
.pages-link h3 {font-weight: 600;font-size: 24px;line-height: 36px;margin-bottom: 15px;}
.page-link-col p {margin-bottom: 0px;}
.page-link-col:hover {box-shadow: 0px 15px 20px 10px rgba(0, 0, 0, 0.04);}
.page-link-col ul{padding-left: 25px;margin-bottom: 0px;}
.wdc-hire-microsoft{margin-top: 100px;}
.wdc-hire-microsoft .pages-link h3{font-weight: 800;margin-top: 15px;}


.technology-icon ul {display: flex;display: -ms-flexbox;flex-wrap: wrap;margin: 0px;padding-left: 0px !important;padding-top: 10px;}
.technology-icon ul li {list-style: none;margin: 0 8px 8px 0;}
.technology-icon ul li .tech-icon {padding: 10px 12px;font-size: 36px;color: #252B33 !important;border-radius: 2px;border: 1px solid #EEEEEE;   display: flex;display: -ms-flexbox;align-items: center;justify-content: center;}
.technology-icon ul li::before, .tags ul li::before{display: none;}

.wdc-enterprise-sec .wdc-hire-microsoft{margin-top: 60px;}

.workflow-section { padding-top: 60px; display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center;text-align: center;}
.workflow-section h3{font-size:20px; line-height: 24px; font-weight:800;margin-bottom: 12px;}
.workflow-section p{font-size:14px;line-height:22px;margin-bottom:0px;}
.workflow-section > div{border-radius:50%;height:260px;width:260px;}
.workflow-section .process-flow{position:relative;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;}
.workflow-section .discover{background:rgba(224,114,242,0.1);margin-left:5px;}
.workflow-section .define{background:rgba(1,194,109,0.1);margin-left:-20px;}
.workflow-section .design{background:rgba(255,87,119,0.1);margin-left:-20px;}
.workflow-section .discover h3{color:#E072F2 !important;}
.workflow-section .define h3{color:#01C26D !important;}
.workflow-section .design h3{color:#FF5777 !important;}
.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);}
/* Full Stack Section End */

/*================== Dark Theme Start ===============*/
.theme-black{ background-color: #000000; }
.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 .tech-grid .icon-block .icon-box .tech-icon, .theme-black .tech-icon::before { color: #fff !important; }
.theme-black .gray-bg, .theme-black .tech-grid .icon-block{background-color: #202020;}
.theme-black .orange-text{color: #F13C31 !important;}
.theme-black .left-right-part .content-wrap ul li::before{background-color: #fff;}
.theme-black .page-link-col, .theme-black .technology-icon ul li .tech-icon{border: 1px solid rgba(217, 222, 226, 0.5);}
.theme-black .tags ul li {background-color: #555555;}
/*================== Dark Theme End ===============*/