/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/**General**/

.sub_service_header .animate_when_almost_visible.start_animation { opacity: 1 !important; animation: none !important; animation-timeline: none !important; }
html:not(.no-cssanimations) .animate_when_almost_visible,
html:not(.no-cssanimations) .animate_inner_when_almost_visible,
html:not(.no-cssanimations) .animate_when_parent_almost_visible { opacity: 1 !important; animation-duration: inherit !important; backface-visibility: visible !important; }
.sub_service_header .row { transition: inherit !important; }
#masthead ul .drop-menu.open-animated { display: inherit; width: auto !important; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); padding: 0; top: 65px !important; }
#masthead ul .drop-menu li { display: block; margin: 0 0 5px 0; width: 100%; }
#masthead ul .drop-menu li:last-child { margin-bottom: 0; }
#masthead ul .drop-menu li a { font-size: 16px; padding: 5px 15px; }
#masthead ul .drop-menu li:hover a { color: #000 !important; }
#masthead li:last-child { margin-right: 0; }
p { line-height: 1.5 !important; }
a { transition: .2s all; }
h2 { line-height: 1.5; }
.custom-link { font-family: poppins; font-size: 18px; font-weight: 500; position: relative; }
.custom-link:hover { color: #5da2ac; }
.custom-link::after { position: absolute; content: ''; background: url('images/Arrow.png') no-repeat; width: 27px; height: 18px; right: -40px; top: 0; bottom: 0; margin: auto; }
.custom-link.dark-arrow:after { position: absolute; content: ''; background: url('images/black-Arrow.png') no-repeat; width: 27px; height: 18px; right: -40px; top: 0; bottom: 0; margin: auto; }
.custom-link:before { content: ""; display: block; position: absolute; bottom: -.275em; left: 0; right: 0; transition: transform .75s cubic-bezier(.19, 1, .22, 1); transform: scaleX(0); transform-origin: right; border-bottom: 1px solid currentColor; opacity: inherit !important; }
.custom-link:hover:before { transform-origin: left; transform: scaleX(1); }
.white-hover:hover { color: #fff !important; }

/**Header**/
#masthead { background: rgba(235, 234, 232, 0.5); padding: 8px 0; }
#masthead .menu-container { background-color: transparent; }
#masthead #logo-container-mobile { padding: 0; }
#masthead li { display: inline-block; margin-right: 46px; height: auto; }
#masthead ul { display: flex; align-items: center; justify-content: end; padding-right: 70px; }
#masthead li a { color: rgba(90, 100, 114, 1); padding: 0; height: auto; }
#masthead li a:hover { color: #4a3160; }
#masthead li:last-child { margin-right: 0; }
#masthead .row-menu-inner { padding: 0; }
.openbtn { display: none !important; }
#masthead { padding-right: 36px; padding-left: 36px; }
.sub_service_header .row { padding-left: 36px !important; padding-right: 36px !important; }
#menu-header-menu >.menu-item{padding: 15px 0 !important;}

/***Home***/
.Home_hero .row { padding-left: 36px !important; padding-right: 36px !important; }
.Home_hero .vc_custom_heading_wrap { position: relative; }
.Home_hero .vc_custom_heading_wrap:after { position: absolute; content: ''; height: 4px; background: rgb(74, 49, 96); width: 100%; right: 0; top: 5px; bottom: 0; margin: auto; }
.Home_hero .vc_custom_heading_wrap .heading-text.el-text { background: #fff; position: relative; z-index: 1; padding-right: 10px; }
.Home_hero .uncode_text_column.text-lead { margin: 0 !important; }
.Home_hero .dummy { padding-top: 41% !important; }
.Home_hero img { aspect-ratio: 1; object-fit: cover; height: 100%; }
.Home_hero .owl-carousel-wrapper { overflow: inherit; }
.Home_hero .owl-stage-outer { overflow: hidden; }
.Home_hero p { font-size: 20px;/*max-width:1150px;*/ }
.Home_hero .owl-prev { opacity: 1; left: -90px; display: block; }
.Home_hero i { font-size: 40px !important; color: rgba(74, 49, 96, 1); }
.Home_hero .owl-carousel-container.single-gutter .owl-next { display: block; opacity: 1; right: -50px !important; }
.intro-image img { object-fit: cover; padding: 20px; }
.intro-image .uncode-single-media-wrapper { display: flex; justify-content: end; position: relative; }
.intro-image .t-entry-visual-tc:after { position: absolute; content: ''; background: rgba(217, 217, 217, 1); width: 100%; height: 100%; left: 55px; bottom: 0; }
.intro-image .t-entry-visual-tc { position: relative; display: flex; justify-content: end; }
.intro-image .t-entry-visual { overflow: inherit; }
.max-588 { max-width: 588px; }
.counter-section .counter-text p { color: rgba(74, 49, 96, 1); font-size: 20px; font-family: poppins; font-weight: 500; }
.counter-section .row.limit-width.row-parent { padding-top: 60px; padding-bottom: 60px; }
.big_logo_overlay .row-parent::after { position: absolute; content: ''; width: 650px; height: 350px; background: url('/wp-content/uploads/2025/05/logo_big_vector.png') no-repeat top right; top: 0; right: 0; bottom: 0; margin: auto; }
.our_approach_sec .uncode_text_column { max-width: 978px; margin: 0 auto; color: #5A6472; }
.our-services-row .uncode-single-media { position: relative; }
.our-services-row .uncode-single-media figcaption { position: absolute; z-index: 11; font-size: 24px; color: #fff; display: flex; font-family: 'Poppins'; align-self: center; justify-content: center; top: 0; bottom: 0; font-weight: 600; left: 0; right: 0; text-align: center; margin: 0 auto; }
.our-services-row .uncode-single-media:after { position: absolute; content: ''; width: 100%; height: 100%; background: #00000080; left: 0; z-index: 1; }
.our-services-row .custom-link { position: absolute; }
.our-services-row .custom-link:after,
.our-services-row .custom-link:before { content: inherit; }
.masking-section h2 { line-height: 1.30; }
.masking-section .uncell { padding: 0; }
.masking-section h2 { width: 100%; }
.masking-section h2 span { font-size: 140px; color: transparent; background-clip: text; -webkit-background-clip: text; background-image: url("/wp-content/uploads/2025/07/iStock-2159763229.webp"); background-size: cover; background-position: center; }
.masking-section .extend-text h2 span { background-image: url("/wp-content/uploads/2025/07/iStock-1746063634.webp"); }
.our-project-section .t-entry { text-align: center; }
.our-project-section .cssgrid-container { gap: 30px !important; }
.career-column .max-800 { max-width: 800px; margin: 0 auto; }
.justifyend .heading-text div { line-height: 1; }
.max-800 { max-width: 780px; margin: 0 auto; }
.our-project-section .dummy { padding-top: 80% !important; }
.our-project-section img { aspect-ratio: 1; object-fit: cover; }
.our-project-section .t-entry-cf-portfolio-bg-color { display: none; }
.our-services-row .wpb_heading.wpb_singleimage_heading { position: absolute; color: #fff; z-index: 111; font-size: 24px; right: 0; top: 0; left: 0; display: flex; justify-content: center; align-items: center; height: 100%; width: calc(100% - 20px); margin: auto; text-align: center; }
.counter-section .col-lg-3:first-child .uncode-counter.counter { padding-right: 10px; }

/**career**/
.career-content-sec .vc_row.row-internal.row-container { max-width: 600px; }
.career-icon-row { max-width: 600px; margin: 0 auto; }

/**service**/
.sub-service-image  img {  /*  width: 58% !important;*/
aspect-ratio: 1; object-fit: cover; margin-right: 0; margin-left: auto; border: 14px solid #fff; }
.service-right-gap { margin-right: 8%; margin-bottom: 2%; }
.service-left-gap { margin-left: 8%; margin-bottom: 2%; }
.service-y-axis { margin-top: -195px !important; }
.blur-effect .uncell { backdrop-filter: blur(8px); }

/**about**/
.sub_service_header .uncode_text_column { margin-right: 40px; }
.right-bg-down:after { position: absolute; content: ''; width: 100px; height: 100%; background: #5da2ac; top: 0; right: 0; }
.contept-section::before { position: absolute; content: ''; background: #ebeae8; right: 0; width: 50%; height: 100%; }
.extend-text svg text { font-family: 'Poppins', sans-serif; font-size: 140px; font-weight: 700; }
.text-mask-wrapper { position: relative; width: 100%; max-width: 800px; height: 200px; }
.background-image { position: absolute; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.9); }
.text-mask { position: absolute; width: 100%; height: 100%; font-family: 'Anton', sans-serif; font-size: 60px; font-weight: 900; color: white; text-align: center; line-height: 200px; mix-blend-mode: screen; /* Or lighten for other effect */ }
.width-12 { width: 12.5%; }
.historySec .vc_custom_heading_wrap .h2 { margin-bottom: 50px !important; padding-left: 36px; }
.historyTop-text { display: flex; justify-content: center; align-items: end; padding-left: 10px; padding-right: 10px; }
.historyBottom-text { display: flex; justify-content: center; align-items: start; margin-top: 30px !important; padding-top: 30px; border-top: 2px solid #4a3160 !important; padding-left: 10px; padding-right: 10px; }
.historyBottom-text::before { position: absolute; content: " "; top: -10px; left: 0; right: 0; margin: auto; width: 20px; height: 20px; border-radius: 50%; background: #4a3160; }

/**subservice**/
.icon--mousewheel { position: absolute; right: 40px; bottom: 20px; z-index: 99; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity: 1; }
.icon--mousewheel .icon-bg { display: inline-block; width: 23px; height: 33px; background-image: url('images/icon--mousewheel.svg'); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; text-indent: -9999px; }
.icon--mousewheel .icon-arrow { display: inline-block; width: 12px; height: 6px; background-image: url('images/icon--scrolldown.svg'); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; }
.pulse { -webkit-animation: pulse 3s infinite ease-in-out; -o-animation: pulse 3s infinite ease-in-out; -ms-animation: pulse 3s infinite ease-in-out; -moz-animation: pulse 3s infinite ease-in-out; animation: pulse 3s infinite ease-in-out; }
.bounce { -moz-animation: bounce 2.5s infinite; -webkit-animation: bounce 2.5s infinite; animation: bounce 2.5s infinite; }
.right-bg-down .uncont { padding-right: 100px; }
.left-bg-down .uncont { padding-left: 100px; }
.left-bg-down:after { position: absolute; content: ''; width: 100px; height: 100%; background: #5da2ac; top: 0; left: 0; }
.about-icon-section:before { position: absolute; content: ''; left: 0; background: #4a3160; top: 0; width: 49.5%; height: 100%; }
.about-icon-section .icon-box-icon { background: #fff; width: 100px !important; height: 100px; border-radius: 50%; line-height: 100px; display: flex; justify-content: center; align-items: center; padding: 25px; }
.about-icon-section .icon-box-icon i { font-size: 34px; color: #5a6472; display: flex; align-items: center; line-height: normal; }
.about-icon-section .icon-box-content p { font-size: 16px; }
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% { -moz-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-15px); transform: translateY(-15px); }
  60% { -moz-transform: translateY(-5px); transform: translateY(-5px); }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); }
  60% { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@-webkit-keyframes pulse {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes pulse {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.ba-txt-column { padding-left: calc((100% - 1200px) / 2) !important; padding-right: 30px !important; }

/**contact**/
.contact-header:after { position: absolute; content: ''; width: 50%; right: 0; top: 0; background: url('/wp-content/uploads/2025/05/iStock-2157252176.jpg') no-repeat center / cover; height: 100%; }
.contact-header .uncol { height: 100%; }
.contact-header .uncol .uncont .vc_custom_heading_wrap { width: 100%; }
.contact-header .uncol .uncont { height: 100%; display: flex; align-items: end; flex-wrap: wrap; flex-direction: row-reverse; align-content: end; }
.contact-header h1 { position: relative; z-index: 1; }
.contact-form ul li p { margin: 0; }
.contact-form ul { padding: 0 !important; }
.contact-form ul li { list-style: none; }
.contact-form ul li input { padding: 15px 20px; margin: 20px 0 0 0; width: 100%; border: 1px solid #ebeae8; box-shadow: none; height: 55px; font-size: 16px; font-weight: 400; color: #333; font-family: Poppins; }
.contact-form .g-recaptcha {    margin-top: 20px;}
.contact-form .wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 span.wpcf7-not-valid-tip { margin-top: 0 !important; font-size: 12px; font-family: poppins; font-weight: 400; color: red !important; }
.contact-form ul li textarea { height: 120px; margin: 20px 0 0 0; box-shadow: none; font-size: 16px; font-family: Poppins; padding: 15px 20px; }
.contact-form .wpcf7-form-control.wpcf7-submit { width: auto; background: #4a3160; border-color: #4a3160; color: #fff; padding: 0 20px; }
.contact-form .wpcf7-response-output { color: red }
.contact-form.career .codedropz-upload-handler { border: 0; background: #fff; margin: 0; border-radius: 0; display: flex; }
.contact-form.career ul { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.contact-form.career ul .col { width: calc(50% - 20px); margin: 0 10px 20px; }
.contact-form.career ul input { margin: 0; }
.contact-form.career ul li { width: 100%; margin: 0 10px; }
.contact-form.career .wpcf7-form-control.wpcf7-submit { margin-top: 20px; }
.contact-form.career .codedropz-upload-inner span { display: none; }
.contact-form.career .dnd-upload-counter { display: none; }
.contact-form.career .cd-upload-btn { color: #777; font-family: Poppins; font-weight: 400; font-size: 16px; }
.contact-form.career .cd-upload-btn:hover { color: #777 !important; }
.contact-form.career .codedropz-upload-inner { text-align: left; display: flex; flex-direction: column-reverse; }
.contact-form.career .codedropz-upload-inner h3 { font-size: 14px; line-height: normal; margin: 0; font-weight: 400; }
.contact-form.career span { color: #333; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; color: #46b450; font-size: 18px; font-family: Poppins; }
.office-locations .col-lg-4 .uncol { border-radius: 15px; overflow: hidden; }
.office-locations ul { padding: 0 !important; }
.office-locations .col-lg-4 li a,
.office-locations .col-lg-4 li { line-height: normal; }
.office-locations .col-lg-4 li a:visited { color: #fff }
.office-locations .col-lg-4 li { max-width: 230px; margin: 0 auto; list-style: none; position: relative; z-index: 11; }
.office-locations .col-lg-4 li:last-child { margin-top: 15px; }
.office-locations .col-lg-4 li:hover a { color: rgb(217, 217, 217) !important; }

/**career**/
.career-heading .separator-break { margin: 0; width: 60px; border-color: #4a3161 !important; }
.career-heading p { margin-top: 10px; }

/***projects**/
.filter-loader { text-align: center; width: 100%; padding: 60px 30px; position: absolute; position: absolute; z-index: 100; }
.image-maxwidth img { border: 1px solid #3059AB; width: 100%; aspect-ratio: 1; object-fit: cover; transition: all 0.4s; }
.filter-loader img { max-width: 90px; }
.portfolio-filter-item-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.portfolio-filter-item-list .inside-portfolio a { position: relative; width: 100%; display: block; height: 100%; }
.portfolio-filter-item-list .inside-portfolio a .t-background { height: auto; min-height: auto; }
.portfolio-filter-item-list .t-overlay-wrap { position: absolute; top: 0; width: 100%; height: 100%; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; }
.portfolio-filter-item-list .tmb.portfolio-item { width: 100%; }
.portfolio-filter-item-list .inside-portfolio { width: 100%; display: block; height: 100%; }
.portfolio-filter-item-list .tmb.portfolio-item img { vertical-align: middle; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3; }
.portfolio-filter-item-list .t-overlay-wrap h3 { margin: 0; color: #fff; font-size: 32px; padding: 0 15px; line-height: 1.2; }
.portfolio-filter-dropdown { background: #4a3161; padding: 20px 150px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; color: #fff; }
.portfolio-filter-dropdown #showall { height: 60px; display: flex; align-items: center; width: fit-content; padding: 12px 30px !important; background: #fff; color: #5da2ac; border: 0; font-size: 20px; letter-spacing: normal; margin: 0; }
.portfolio-filter-item { text-align: left; }
.portfolio-filter-item label { line-height: normal; margin: 0; color: #fff; font-size: 16px; font-family: poppins; }
.portfolio-filter-item select { font-size: 18px; color: #000; font-family: poppins; margin: 0; }
.portfolio-filter-item-list .inside-portfolio a .t-background::before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; transform: all 0.2s; }
.portfolio-filter-item-list .inside-portfolio a:hover .t-background:before { background: rgba(0, 0, 0, .25); }

/**single-portfoilio**/
.header-portfolio .dummy { padding-top: 40% !important; }
.single-portfolio .detail-container { border-top: 1px solid #e9e9ea; width: 100%; padding: 30px 0 25px; display: flex; align-items: center; }
.single-portfolio .detail-container .detail-label { color: #4a3160; }
.header-portfolio img { height: 100%; object-fit: cover; object-position: unset; }
.header-portfolio .owl-dots-outside.owl-carousel[data-dots="true"] { margin-bottom: 0; }
.header-portfolio .owl-dots { bottom: 20px; opacity: 1; }
.header-portfolio .owl-dots span { background: #fff !important; }
.header-portfolio .owl-dot.active span { background: #4a3160 !important; }
.header-portfolio .owl-prev.disabled,
.header-portfolio .owl-next.disabled { display: block !important; }
.header-portfolio .owl-nav-container i { font-size: 55px !important; top: inherit !important; }
.header-portfolio .owl-nav-container { top: -20px !important; bottom: 0 !important; margin: auto !important; height: auto !important; }
.header-portfolio .owl-carousel .owl-prev { left: -80px; }
.header-portfolio .owl-carousel-wrapper { overflow: visible; }
.header-portfolio .owl-carousel-wrapper .owl-stage-outer { overflow: hidden; }
.header-portfolio .owl-carousel .owl-next { right: -40px !important; }

/**team**/
.team-member .t-entry-visual-overlay { height: 24%; top: auto !important; bottom: 20px !important; }
.team-member .tmb .t-entry-visual .t-overlay-text { padding: 10px; background: #4a3160; transform: inherit !important; margin: 0 15px 25px 15px; width: calc(100% - 30px) }
.team-member .tmb .t-entry-visual .t-entry-title { margin: 0 !important; }
.team-member .t-entry-visual-overlay-in.style-dark-bg { background: transparent; }
.team-member.deparment { max-width: 1042px; margin: 0 auto; }
.team-header .data-field.data-field--detail-Designation { justify-content: center; text-transform: uppercase; letter-spacing: 1px; }
.single-team .team-feature-image img { aspect-ratio: 1; object-fit: cover; object-position: top; }

/***Bidlist**/
.bid-list article { background: #f1f0ef; padding: 20px; margin-bottom: 20px; }
.bid-list article h3 { margin: 0; font-size: 22px; }
.bid-list article h3 a { line-height: 1; }
.bid-list article ul { padding: 0 !important; margin: 15px 0; }
.bid-list article ul li { list-style: none; font-size: 16px; }
.bid-list article ul label { color: #000; font-size: 16px; font-weight: 600; margin-right: 5px; }
.bid-list article .custom-link { font-size: 16px; display: flex; align-items: center; width: fit-content; }
.bid-list article .custom-link:after { width: 28px; height: 16px; background-size: 22px; top: 2px; }
.purple-artline .h2 { position: relative; }
.purple-artline .h2:after { position: absolute; content: ''; width: 100%; height: 3px; background: rgb(74, 49, 96); left: 0; right: 0; margin: auto; bottom: -15px; }
.contact-column .uncont { position: relative; }
.contact-column .btn-container { position: absolute; bottom: 3px; right: 0; }
.contact-column .btn-container a::after,
.contact-column .btn-container a::before { content: inherit; }
.contact-column .btn-container a { font-size: 16px; }
.project-box { background: #EBEAE84D; padding: 60px; margin-bottom: 50px; }
.project-box button.btn-bg {
    background: #4a3160;
    color: #fff;
}
.plan-holders-section h3 b { color: #FF0000; }
.project-box.interest-sec { position: relative; }
.project-box.interest-sec a.logout-button { position: absolute; right: 30px; top: 30px; font-weight: 500; color: #4A3160; font-size: 18px; padding-right: 30px; font-family: 'Poppins'; }
.checkbox-group { display: flex; gap: 30px; margin: 30px 0 40px; }
.project-box.interest-sec .plan-holders-section button { background: #4A3160; color: #fff; padding: 12px 20px; }
.checkbox-group label { color: #5A6472; font-size: 18px; font-weight: 500; padding-left: 30px; position: relative; cursor: pointer; position: relative; }
.checkbox-group label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox-group .checkmark { position: absolute; content: ''; border: 1px solid #868686; width: 20px; height: 20px; top: 0; left: 0; bottom: 0; margin: auto; }
.checkbox-group input:checked ~ .checkmark { background: #4a3160; border-color: #4a3160 }
.checkbox-group .checkmark:after { left: 6px; top: 3px; width: 6px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; display: none; }
.checkbox-group input:checked ~ .checkmark:after { display: block; }
.project-box.interest-sec a.logout-button:after { position: absolute; content: ''; background: url('images/logout.svg') no-repeat; width: 24px; height: 24px; top: 0; right: 0; bottom: 0; margin: auto; }
.plan-holders-section h3:after { content: inherit; }
.plan-holders-section h3 { margin-bottom: 0; }
.plan-holders-section p { color: #5A6472; font-weight: 500; font-family: Lora; font-size: 20px; }
.project-box h3 { margin: 0 0 40px 0; color: #4A3160; font-weight: 700; line-height: 1.5; position: relative; width: fit-content; }
.project-box h3:after { position: absolute; content: ''; background: #D4A755; left: 0; width: 100%; height: 2px; bottom: -5px; }
.bid-project-details .list-detail { padding: 0 !important; }
.bid-project-details .list-detail li { list-style: none; margin-bottom: 30px; }
.bid-project-details .list-detail li span { font-weight: 600; width: 100%; display: block; font-size: 20px; color: #000000; font-family: Poppins; margin-bottom: 5px; line-height: normal; }
.bid-project-details .list-detail li b { font-weight: 400; font-size: 20px; color: #000; }
.bid-project-details .list-detail p:empty { margin: 0; }
.bid-project-details .list-detail p { margin: 0; color: #5A6472; font-size: 18px; }
.bid-info-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.bid-info-grid .box { border: 1px solid #DDDDDD; background: #fff; padding: 30px; color: #000; font-size: 18px; }
.bid-info-grid .box strong,
.project-contact .project-contact-list strong { font-weight: bold; color: #5A6472; margin-bottom: 20px; display: flex; width: 100%; position: relative; padding-left: 30px; align-items: center; font-size: 18px; }
.bid-info-grid .box strong:before,
.project-contact ul.project-contact-list strong:before,
.doc-group .doc-header strong:before { position: absolute; content: ''; left: 0; width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; }
.bid-info-grid .box .map:before { background: url('images/location.svg') }
.bid-info-grid .box .bid:before { background: url('images/estimate.svg') }
.bid-info-grid .box .calender:before { background: url('images/calendar.svg') }
.project-contact-list .user:before { background: url('images/user.svg') }
.project-contact-list .phone:before { background: url('images/calling.svg') }
.project-contact-list .email:before { background: url('images/mail.svg') }
.bid-info-grid .box p { margin: 0; font-size: 18px; color: #000; }
.project-contact ul.project-contact-list { padding: 0 !important; margin: 0; display: flex; gap: 20px; }
.project-contact ul.project-contact-list li { list-style: none; padding: 30px; background: #fff; border: 1px solid #DDD; width: 21%; font-size: 20px; color: #000; }
.doc-item { background: #fff; border: 1px solid #DDDDDD; margin-bottom: 20px; }
.doc-group .doc-header { display: flex; padding: 30px; justify-content: space-between; }
.doc-group .doc-header strong { font-size: 20px; color: #4A3160; font-weight: bold; position: relative; padding-left: 35px }
.doc-group .doc-header .lock:before { background: url('images/square-lock.svg') }
.doc-group .doc-header .specs:before { background: url('images/project-spec.svg') }
.doc-group .doc-header .plans:before { background: url('images/catalogue.svg') }
.doc-group .doc-header .planlist:before { background: url('images/check-list.svg') }
.doc-item .doc-content { padding: 30px; border-top: 1px solid #DDD; display: none; }
.doc-item .doc-content p { margin: 0 0 15px 0; font-size: 18px; color: #5A6472; }
.doc-item .doc-content .login-register-link { position: relative; font-size: 18px; font-weight: 500; color: #4A3160; margin: 30px 0 0 0; display: block; font-family: poppins; width: fit-content; padding-right: 35px; }
.doc-item .doc-content .login-register-link:after { position: absolute; content: ''; right: 0; background: url('images/login-icon.svg') no-repeat center / cover; width: 24px; height: 24px; }
.doc-item .doc-content strong { font-size: 18px; color: #000; margin-bottom: 20px; display: block; }
.doc-item .doc-content ul { margin: 0; }
.doc-item .doc-content ul li { font-size: 18px; color: #000; }
.doc-group .doc-header .doc-toggle { background: transparent; padding: 0; }
.doc-group .doc-header .doc-toggle .up { display: none; }
.custom-table { width: 100%; border-collapse: collapse; font-family: "Segoe UI", sans-serif; font-size: 15px; color: #333; border: 1px solid #dce3f0; }
.custom-table thead th { text-align: left; background-color: rgba(246, 246, 246, 0.5); padding: 12px 30px; border-bottom: 1px solid rgba(221, 221, 221, 0.5); color: rgb(35, 31, 32); font-size: 20px; font-weight: 500; font-family: Poppins; }
.custom-table tbody td { padding: 14px 30px; border-bottom: 1px solid rgba(221, 221, 221, 0.5); background-color: #fff; font-size: 18px; font-weight: 400; color: rgba(90, 100, 114, 1); }
.custom-table .custom-link { font-size: 18px; color: rgba(74, 49, 96, 1); font-weight: 500; font-family: Poppins; }
.custom-table .custom-link.dark-arrow::after { background-size: 18px; width: 18px; height: 11px; }
.bid-search-form {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.bid-search-form button {
    padding: 10px 25px;
    font-size: 16px;
}

.bid-search-form input[type="text"] {
    margin: 0;
    height: 45px;
    font-family: Poppins;
}
.bid-search-form a.reset-button {
    background: #4a3161;
    color: #fff !important;
    padding: 10px 15px;
    font-family: 'Poppins';
    font-size: 14px;
    height: 45px;
    display: flex;
    align-items: center;
    letter-spacing: 0.8px;
}
p.not_found {
    font-size: 18px;
    color: #000;
    font-family: 'Poppins';
}
/**employee**/
.Emplyoee-btn-group .uncont { display: grid; align-items: center; justify-content: center; gap: 20px; grid-template-columns: repeat(5, 1fr); }
.Emplyoee-btn-group .uncont .btn-container { margin-top: 0 !important; height: 100%; }
.Emplyoee-btn-group .uncont .btn-container a { padding: 20px 25px !important; height: 100%; display: flex; align-items: center; justify-content: center; }
.centerButton.Emplyoee-btn-group .uncont { display: flex; align-items: center; justify-content: center; gap: 20px; }
.Emplyoee-btn-group .uncont .btn-container a:before,
.Emplyoee-btn-group .uncont .btn-container a:after { content: inherit; }
.tile-employee { max-width: 500px; margin: 0 auto; border: 2px solid #4a3160; padding: 20px; }
.hide-arrow-icon:after,
.hide-arrow-icon:before { content: inherit; }
.custom-link.text-purple { color: #4a3160 !important; }

/**footer**/
.site-footer .footer-logo .uncode-single-media-wrapper img { width: 225px; }
.site-footer .footer-logo p { max-width: 265px; font-size: 16px; }
.site-footer .widget.widget_nav_menu li a { font-family: Poppins; font-size: 20px; line-height: 1; padding: 0; }
.site-footer .widget.widget_nav_menu li a:hover { color: rgb(217, 217, 217); }
.site-footer .widget.widget_nav_menu ul { padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px; }
.site-footer .row.limit-width.row-parent { padding-top: 70px; padding-bottom: 50px; }
.site-footer .contact-column li a { font-size: 16px; color: rgb(217, 217, 217); line-height: 1.5; word-break: break-all; }
.site-footer .contact-column li a:hover,
.site-footer .style-dark a:not(.btn-text-skin):focus { color: #fff !important; }
.site-footer .contact-column li { margin-bottom: 10px; }
.site-footer .contact-column li:last-child { margin-bottom: 0; }
.site-footer .contact-column .social-icon i { font-size: 28px; color: rgba(235, 234, 232, 1); transition: .2s all; }
.site-footer .contact-column .social-icon i:hover { color: #fff; }
.contact-column a:hover { color: rgb(217, 217, 217) !important; }
.site-footer .footer-last .row { padding-top: 20px !important; padding-bottom: 20px !important; }
.site-footer .footer-last .site-info { font-size: 14px; padding: 0 36px; }
.site-footer .footer-last { background: #4a3160; }
.site-footer .footer-last .site-info .custom-link:after { content: inherit; }
.site-footer .footer-last .site-info .custom-link { font-size: 14px; }
.mobHide { display: none; }
.site-footer .footer-last .site-info .custom-link:hover { color: #fff; }

/**login**/
.form_global .wpb_row.row-inner { border-radius: 20px; box-shadow: 0px 0px 40px 0px #00000026; overflow: hidden; }
.login-form ul { padding: 0 !important; }
.login-form ul li { list-style: none; margin-bottom: 20px }
.login-form input { width: 100%; height: 50px; font-size: 16px; color: #000; padding: 15px 20px; margin: 0 }
.login-form a { font-size: 18px; font-weight: 600; text-decoration: underline; color: #4a3160; }
.login-section .uncode-single-media { height: 100%; overflow: inherit; }
.login-section .uncont *.dummy { padding-top: 70% !important; }
.login-section .uncont  img { object-fit: cover; aspect-ratio: 1; height: 100%; }
.login-form input[type="submit"]:hover,
.Register-form input[type="submit"]:hover { background: #6d6e71; }
.Register-form ul { padding: 0 !important; margin: 0 -10px !important; display: flex; flex-wrap: wrap; }
.Register-form ul li.col { width: calc(50% - 20px); margin: 0 10px 20px; }
.Register-form ul li input { width: 100%; height: 50px; font-size: 16px; color: #000; padding: 15px 20px; margin: 0 }
.Register-form ul li { list-style: none; margin: 0 10px 20px; width: 100%; }
.Register-form ul li.col3 { width: calc(33.33% - 20px); margin: 0 10px 20px; }
.Register-form ul li select { margin: 0; height: 50px; }
.login-form input[type="submit"],
.Register-form input[type="submit"] { height: 55px; background: #4a3160; border: 0; color: #fff; }
::-webkit-input-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; opacity: 1; }
:-moz-placeholder { color: #000; opacity: 1; }
.site-footer .footer-last .site-info { display: flex; justify-content: space-between; width: 100%; }
.site-footer .footer-last .site-info .link a:hover { color: #fff !important; }
#profileModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
.modal-content { background: #fff; width: 400px; padding: 20px; margin: 100px auto; border-radius: 8px; position: relative; }

/*----- privacy policy ---------*/
.privacy-policy-row h2,
.privacy-policy-row h3,
.privacy-policy-row h4 { color: #4a3160 !important; }
.privacy-policy-row h3 { font-size: 35px; }
.privacy-policy-row h4 { font-size: 25px; }
.privacy-policy-row a { color: #4a3160; font-size: 18px; }
.privacy-policy-row a:hover { color: #5da2ac !important; }
.privacy-policy-class .post-title-wrapper { display: none !important; }
.privacy-policy-row p,
.privacy-policy-row li { font-size: 18px; }
.companyBenefits-row img { height: 50px; width: auto; }


.gap20 .cssgrid-container {
  gap: 20px;
}



/* service animation */

/***404***/
.error404 a.custom-link:after,.error404 a.custom-link:before {
    content: inherit !important;
}
.error404 h1 {
    line-height: 1;
}

.error404 .uncode_text_column.text-lead p {
    font-size: 22px;
    max-width: 500px;
    margin: 0 auto;
}
.displayBlock-991 {display: none;}



@media only screen and (max-width:1440px) {
  #masthead { padding: 8px 15px; }
  #masthead .menu-container { width: auto !important; }
  .Home_hero .row-header { padding-left: 50px !important; padding-right: 50px !important; }
  .Home_hero .owl-carousel-container.single-gutter .owl-next { right: -35px !important }
  .Home_hero .owl-prev { left: -70px; }
  .intro_section .limit-width.row-parent { padding-left: 20px !important; padding-right: 20px !important; }
  .intro-image .t-entry-visual-tc::after { left: 40px; width: calc(100% - 40px); }
  .intro-image .uncode-single-media-wrapper { justify-content: left; }
  .masking-section h2 span { font-size:/*clamp(27rem,5vw,34rem)*/160px; }
  .career-content-sec .col-lg-4 .uncont { height: 100%; }
  .career-content-sec .col-lg-4 .uncont .uncode-single-media,
  .career-content-sec .col-lg-4 .uncont .uncode-single-media * { height: 100%; overflow: inherit; display: block; }
  .career-content-sec .col-lg-4 img { aspect-ratio: 1; height: 100%; object-fit: cover; }
  .career-content-sec .col-lg-8 > div { padding-top: 50px; padding-bottom: 50px; }
  .sub_service_header { padding: 0 20px; }
  .main-container .row-container .single-h-padding { padding-left: 20px; padding-right: 20px; }
  .main-container .grey-content-sec.row-container .single-h-padding { padding-left: 120px; padding-right: 120px; }
  #masthead .row-menu-inner { padding: 0 20px; }
  .paddingGrey-sec .row { padding: 60px !important; }
  #masthead ul { padding-right: 0; }
  .sub_service_header .row { padding-left: 0px !important; padding-right: 0px !important; }
}
@media only screen and (max-width:1320px) {
  .counter-section .wpb_column { vertical-align: top !important; }
  .counter-section .h2 { font-size: 46px !important; }
  .counter-section .counter-text p { font-size: 18px; }
}
@media only screen and (max-width:1280px) {
  .masking-section h2 span { font-size: 145px; }
  .sec-pages .row { padding-right: 36px !important; padding-left: 36px !important; }
  .login-section .uncont *.dummy { padding-top: 80% !important; }
  .project-contact ul.project-contact-list li { width: 30%; }
  .bid-info-grid { grid-template-columns: repeat(3, 1fr); }
}
@media only screen and (max-width:1191px) {
  .animatedFotns h2 { font-size: 46px !important; line-height: 1.1 !important; }
  .site-footer .footer-logo .uncode-single-media-wrapper img { width: inherit; }
  #masthead li { display: inline-block; margin-right: 30px; height: auto; }
  .career-content-sec .col-lg-4 { width: 40%; }
  .career-content-sec .padLeft-0 { padding-left: 0px !important; }
  .font-60 h2 { font-size: 60px; }
  .sub-service-image img { margin-top: 130px; }
  .team-member .tmb .t-entry-visual .t-overlay-text { padding: 10px 3px; }
  .team-member h3.t-entry-title.h6.title-scale { font-size: 13px; }
  .companyBenefits-row .wpb_row.row-inner .wpb_column { width: 100%; }
  .companyBenefits-row .wpb_row.row-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .companyBenefits-row .text-top-reduced { height: auto !important; }
  .companyBenefits-row .font-555555.h4 { height: auto !important; }
  .companyBenefits-row:last-child { margin-top: 20px !important; }
  .login-section .uncont *.dummy { padding-top: 90% !important; }
  .team-member .tmb .t-entry-visual .t-overlay-text { padding: 10px 3px; }
  .team-member h3.t-entry-title.h6.title-scale { font-size: 13px; }
  .portfolio-filter-item-list .inside-portfolio a .t-background {
    height: auto;
    min-height: auto;
}
}
@media only screen and (max-width:1024px) {
  .sec-pages .wpb_row.row-inner { height: auto !important; }
  .sec-pages .displayNone { display: none; }
  .historySec-inner .wpb_row.row-inner { overflow: scroll; width: 3000px; }
  .historySec-inner { overflow: scroll; }
}
@media only screen and (max-width:991px) {
  #menu-header-menu >.menu-item{padding:  0 !important;}

  .displayBlock-991 {display: block;}
  .displayNone-991 {display: none;}
  .our-services-row .wpb_row.row-inner {
  display: flex;
  height: auto !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
  .our-project-section .cssgrid-container { gap: 20px !important; grid-template-columns: repeat(2, 1fr) !important; }
  .portfolio_main h3 { font-size: 24px; }
  .menu-horizontal-inner { padding: 0 !important; }
  .menu-wrapper { background: #fff !important; height: 110px !important; }
  .counter-section .wpb_column,
  .our-services-row .wpb_column { padding: 0 !important; margin-bottom: 20px; }
  .our-services-row .wpb_column { margin-bottom: 20px; width: 100% !important;}
  .our-services-row .wpb_column:last-child { margin-bottom: 0; }
  .counter-section .h2 { font-size: 32px !important; }
  .max-588,
  .max-800 { max-width: none; }
  .big_logo_overlay .row-parent::after { height: auto; width: 500px; background-size: contain; top: 14%; }
  .displayNone { display: none; }
  .our-services-row:first-child { margin-top: 20px; }
  .career-content-sec .dummy { padding-top: 90% !important; }
  .career-content-sec .col-lg-4 img { object-position: top; }
  .marginTop-tab .uncont div { margin-top: 15px !important; }
  .career-content-sec .padTop-0 .uncol { padding-top: 0 !important; }
  .about-icon-section .icon-box-icon { background: #fff; width: 80px !important; height: 80px; padding: 25px; }
  .about-icon-section .h3 { font-size: 22px; }
  .grey-content-sec .row .separator-break,
  .sec-pages .row .separator-break { margin-top: 10px; }
  .sec-pages .row { padding-right: 20px !important; padding-left: 20px !important; }
  .ba-txt-column { padding-left: calc((100% - 1200px) / 2) !important; padding-right: 0px !important; }
  .teamSection-row .row { padding-top: 0 !important; }
  .login-section .uncont *.dummy { padding-top: 100% !important; }
  #masthead .menu-container { width: 100% !important; height: 110px; }
  .portfolio-filter-dropdown { gap: 30px; }
}
@media only screen and (max-width:959px) {
  .slider #masthead .menu-primary-inner { left: 0 !important; transform: translateX(0px) !important; transition: 0.5s all ease !important; z-index: 999; }
  #masthead .menu-primary-inner { display: block; position: fixed !important; width: 320px !important; left: -300px !important; top: 0 !important; height: 100% !important; transform: translateX(-300px) !important; transition: 0.5s all ease !important; background: #4a3160; flex-wrap: wrap; padding: 50px 20px; align-items: start !important; }
  #masthead ul .drop-menu { display: none; visibility: visible !important; background: transparent !important; }
  #masthead .menu-primary-inner i { display: none; }
  #masthead ul .menu-item-has-children > a { width: calc(100% - 30px); }
  #masthead ul .menu-item-has-children i { right: -30px; background: #fff; width: 20px; height: 20px; justify-content: center; padding: 0; display: block; z-index: 99999; display: flex; }
  #masthead li a,
  #masthead ul .drop-menu li:hover a { color: #fff !important; display: block; }
  .menu-smart i.fa-dropdown { display: flex; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; align-items: center; color: #4a3160; }
  .drop-menu i.fa.fa-angle-right.fa-dropdown { display: none !important; }
  #masthead ul .drop-menu li a { font-size: 14px !important; padding: 0 5px; }
  #masthead .menu-primary-inner ul.menu-primary-inner { flex-wrap: wrap; gap: 20px; }
  #masthead ul.menu-primary-inner li { display: inline-block !important; width: 100%; margin: 0 0 10px 0 !important; }
  #masthead ul.menu-primary-inner li a.hfe-menu-item { display: inline-block; }
  #masthead .menu-container::after,
  #masthead .menu-container::before { display: none; }
  .openbtn { display: block !important; bottom: 0; position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer; margin: auto; background: #4a3160; padding: 20px; border-radius: 11px; }
  .openbtn li { list-style: none; position: absolute; background: #fff; width: 58%; height: 3px !important; transform: translateY(-50%); transition: .9s; }
  .openbtn li:nth-of-type(1) { top: 30%; }
  .openbtn li:nth-of-type(2) { top: 50%; }
  .openbtn li:nth-of-type(3),
  .openbtn li:nth-of-type(4) { width: 37%; top: 70%; }
  .openbtn li:nth-of-type(1),
  .openbtn li:nth-of-type(2),
  .openbtn li:nth-of-type(3) { left: 10px; }
  .openbtn li:nth-of-type(4) { right: 10px; }
  .openbtn.active li:nth-of-type(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
  .openbtn.active li:nth-of-type(2) { top: 50%; transform: translateY(-50%) rotate(-45deg); }
  .openbtn.active li:nth-of-type(3) { left: -50%; opacity: 0; }
  .openbtn.active li:nth-of-type(4) { right: -50%; opacity: 0; }
  #logo-container-mobile .mmb-container,
  .desktop-hidden.menu-accordion-secondary { display: none; }
  .main-menu-container { height: auto !important; width: 10%; background: transparent !important; }
  .menu-container .logo-container { position: relative; padding: 0 !important; width: 90%; }
  #masthead .row-menu-inner { padding: 10px 20px; display: flex; background: rgba(235, 234, 232, 0.5) !important; }
  #masthead { background: rgba(235, 234, 232, 0.5) !important; padding: 0; }
  .menu-horizontal { position: unset; }
  .career-content-sec .col-lg-4 { width: 100%; }
  .sub_service_header .wpb_row.row-inner { display: flex; }
  .sub-service-image img { margin-top: 0; }
  .sub_service_header .row { padding-bottom: 110px !important; }
  .service-middle .wpb_row { display: flex; }
  .service-right-gap { margin-right: 3%; margin-bottom: 2%; }
  .service-left-gap { margin-left: 3%; margin-bottom: 2%; }
  .padTop-0 { padding-top: 0 !important; }
  .width-60 { width: 50%; }
  .career-content-sec .padTop-0.importPad .uncol { padding-top: 40px !important; }
  .office-locations  .row-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
  .main-container .row-inner div .other-location,
  .main-container .row-inner div  .peru-office { padding-top: 0; }
  .contact-form .uncode-single-media-wrapper { max-height: 500px; }
  .office-locations .row-inner { grid-template-columns: 1fr; }
  .site-footer .row.limit-width.row-parent { padding-bottom: 30px; }
  .site-footer .row-parent .row-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px !important; justify-items: flex-start; }
  .site-footer .footer-logo { max-width: 150px; }
  .site-footer .wpb_column.col-lg-3.contact-column,
  .site-footer .wpb_column.col-lg-6.single-internal-gutter { padding: 0; }
  .site-footer .widget.widget_nav_menu ul { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .site-footer .footer-last .site-info { flex-wrap: wrap; justify-content: center; gap: 10px; }
  footer .footer-last { padding-top: 30px; padding-bottom: 30px; }
  .team-member  .t-entry-visual { max-height: 400px; }
  .companyBenefits-row .wpb_row.row-inner { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
  .companyBenefits-row-box { text-align: start; }
  .team-member  .t-entry-visual img { object-fit: cover; object-position: center; }
  .team-member,
  div#index-835620 { margin-top: 30px; }
  .deparment .cssgrid-container { gap: 20px; }
  .form_global .login-section .t-entry-visual { max-height: 400px; }
  .form_global .tmb .t-entry-visual { max-height: 400px; }
  .teamPage .sub_service_header .row { padding-bottom: 90px !important; }
  .career-content-sec .col-lg-4 .uncont .uncode-single-media,
  .career-content-sec .col-lg-4 .uncont .uncode-single-media * { overflow: hidden; }
  .single-team .team-feature-image img { aspect-ratio: 0; }
  .portfolio-filter-item-list { grid-template-columns: 1fr; }
  ul.project-contact-list { flex-wrap: wrap; justify-content: center; }
  .project-contact ul.project-contact-list li { width: 48%; }
  .team-member  .t-entry-visual { max-height: 400px; }
  .team-member  .t-entry-visual img { object-fit: cover; object-position: center; }
  .team-member,
  div#index-835620 { margin-top: 30px; }
  .deparment .cssgrid-container { gap: 20px; }
  .historySec-inner .wpb_row.row-inner { overflow: auto; width: 100%; border-left: 2px solid #4a3160 !important; }
  .historyTop-text { width: 100%; display: flex; justify-content: start; align-items: start; text-align: start; padding: 10px 40px 10px 20px; }
  .historyBottom-text { width: 100%; display: flex; justify-content: start; align-items: start; margin: 0 !important; border: none !important; text-align: start; padding: 10px 40px 10px 20px; }
  .width-12 { width: 100%; }
  .width-12 .uncont { display: flex; flex-wrap: wrap; }
  .historySec .vc_custom_heading_wrap .h2 { margin-bottom: 30px !important; padding-left: 0; }
  .historySec-inner { overflow: visible; }
  .historyBottom-text::before { display: none; }
  .width-12:before { position: absolute; content: " "; top: 18px; left: -6px; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #4a3160; }
  .invertedCol-mob .uncont { flex-direction: column-reverse; }
  .historySec.mobilePadding .row { padding: 40px 20px !important; }
}
@media only screen and (max-width:834px) {
  .sub-service-image img { margin-top: 70px; }
  .sub_service_header .row { padding-bottom: 110px !important; }
}
@media only screen and (max-width:767px) {
  .intro_section .introContent { margin-top: 80px; }
  .deskHide { display: none; }
  .mobHide { display: inline-block; }
  h2 { font-size: 28px !important; }
  h3.font-obs { font-size: 22px !important; }
  .fontB h2 { font-size: 35px !important; }
  .padTop10 { margin-top: -30px !important; }
  .teamPage .sub_service_header .row { padding-bottom: 0px !important; }
  .openbtn li { width: 63%; }
  .openbtn { width: 40px; height: 40px; padding: 0; }
  .openbtn li:nth-of-type(3),
  .openbtn li:nth-of-type(4) { width: 32%; top: 70%; }
  .openbtn li:nth-of-type(1),
  .openbtn li:nth-of-type(2),
  .openbtn li:nth-of-type(3) { left: 7px; }
  .openbtn li:nth-of-type(4) { right: 8px; }
  .logo-image.main-logo.logo-skinnable { height: 50px !important; }
  .mobilePadding .row { padding: 40px 20px !important; }
  .mobilePadding.extraPadding .row { padding: 60px 40px !important; }
  .animatedFotns h2 { font-size: 24px !important; line-height: 1.1 !important; }
  .Home_hero .owl-carousel-container.single-gutter .owl-next { right: -75px !important; }
  .intro-image img { padding-left: 0; }

  /*   .counter-section .wpb_row.row-inner,.our-services-row .wpb_row.row-inner,.our-project-section .cssgrid-container{display:grid;grid-template-columns:repeat(1,1fr)!important;gap:20px;} */
  .double-block-padding { padding: 20px; }
  .loginPage .double-block-padding { padding: 40px 20px; }
  .height400 { height: 250px; display: flex; justify-content: center; align-items: center; }
  .marginTop-20 { margin-top: 15px !important; }
  .Home_hero p { font-size: 18px;  /* max-width: 1150px; */ }
  .Home_hero .uncode_text_column.text-lead { margin: 0 !important; margin-top: 10px !important; }
  .big_logo_overlay .row-parent::after { height: auto; width: 260px; background-size: contain; top: 24%; }
  p,
  li,
  a { font-size: 16px !important; }
  .completedProject .btn-container { margin-top: 15px !important; text-align: center; }
  .completedProject h2 { display: flex !important; flex-wrap: wrap; gap: 10px; justify-content: center; }
  .custom-link::after,
  .custom-link.dark-arrow:after,
  .bid-list article .custom-link:after { width: 17px; height: 11px; right: -30px; background-size: 17px; }
  .career-content-sec .padTop-0 .uncol { padding-top: 0 !important; padding-bottom: 0; }
  .career-content-sec .padTop-0 .uncell { padding: 10px 20px 50px 20px; }
  .font-60 h2 { font-size: 35px; }
  .service-middle .wpb_row { display: flex; flex-wrap: wrap; }
  .invertedCol-mob .wpb_row,
  .invertedCol-mob .uncont { flex-direction: column-reverse; }
  .width-60 { width: 100%; height: 350px; }
  .service-right-gap { margin-right: 0; margin-bottom: 5%; }
  .service-left-gap { margin-left: 0; margin-bottom: 5%; }
  .sub-service-image img { margin-top: 0; }
  .sub-service-image img { border: none; }
  .sub_service_header .wpb_column { padding-top: 0 !important; padding-bottom: 50px !important; }
  .service-y-axis { margin-top: 0 !important; }
  .sub_service_header .uncode_text_column { margin-right: 0; }
  .sub_service_header .row { padding-bottom: 0px !important; padding-top: 40px !important; }
  .blur-effect .triple-block-padding { padding: 50px 20px 50px 20px; }
  .displayNone-Mob { display: none; }
  .padTop-0 { padding-top: 40px !important; }
  .site-footer .row.limit-width.row-parent { padding-top: 30px; padding-bottom: 15px; }
  .site-footer .footer-logo .uncode-single-media-wrapper { padding-bottom: 15px !important; text-align: center; display: flex; justify-content: center; }
  .site-footer .footer-logo .uncode-single-media-wrapper img { width: 85px !important; }
  .site-footer .footer-last .site-info .custom-link { font-size: 14px !important; }
  .site-footer .row-parent .row-inner { gap: 15px !important; justify-items: center; }
  .site-footer .row-parent .row-inner,
  .site-footer .widget.widget_nav_menu ul { grid-template-columns: 1fr; text-align: center; gap: 10px; }
  footer .footer-last { padding: 0; }
  .section-heading .heading-text> hr { margin-top: 10px; }
  .sec-pages .wpb_row.row-inner { height: auto !important; }
  .comprehensiveService-4 .icon-box { display: flex; flex-wrap: wrap; justify-content: center; }
  .comprehensiveService-4 .icon-box .icon-box-content { padding: 0; margin-top: 10px; text-align: center; }
  .about-icon-section .vc_custom_heading_wrap { text-align: center; }
  .about-icon-section .uncode_text_column.text-lead { text-align: center; }
  .about-icon-section .triple-block-padding { padding: 0; }
  .contact-form.career ul .col { width: calc(100% - 20px); margin: 0 10px 20px; }
  .contact-form ul li input { height: 40px; font-size: 14px; }
  .textAlign-start .heading-text.el-text { text-align: start; }
  .career-content-sec .padTop-0.importPad .uncol { padding-top: 0px !important; }
  .grey-content-sec .row { padding: 50px 20px !important; }
  .menu-wrapper,
  #masthead .menu-container { height: 70px !important; }
  .form_global .login-section .tmb .t-entry-visual { max-height: 300px; }
  .login-form input[type="submit"],
  .Register-form input[type="submit"] { height: 40px; background: #4a3160; border: 0; color: #fff; line-height: 1; }
  .form_global .tmb .t-entry-visual { max-height: 400px; }
  .form_global .double-block-padding { padding: 30px 20px; }
  .Register-form ul li.col { width: 100% !important; margin: 0 10px 20px; }
  .service-left-gap:last-child { margin-left: 0; margin-bottom: 0; }
  .login-section .uncont *.dummy { padding-top: 80% !important; }
  .exllenceSection .heading-text.el-text,
  .exllenceSection .uncont { text-align: center; }
  #bigtext-id0 .bigtext-line0 { white-space: normal; font-size: 33px !important; }
  input,
  textarea,
  select,
  .seldiv,
  .select2-choice,
  .select2-selection--single { padding: 7px 15px 7px 15px !important; }
  .rawProject .row { padding-top: 0 !important; }
  .double-block-padding .uncode_text_column.text-lead { margin-top: 15px !important; }
  .center a.custom-link.mobHide { margin-right: 10px; }
  .team-header .row.triple-top-padding.triple-bottom-padding.single-h-padding.limit-width.row-parent.row-header { padding-top: 50px; padding-bottom: 50px; }
  .team-header h1 { font-size: 35px; }
  .post-content .row.triple-top-padding.triple-bottom-padding.double-h-padding.full-width.row-parent { padding-top: 50px; padding-bottom: 50px; }
  .post-content .tmb .t-entry-visual { max-height: 500px; }
  .portfolio-filter-dropdown { padding: 20px; flex-wrap: wrap; justify-content: center; gap: 20px; }
  .header-portfolio .row.double-top-padding.double-bottom-padding.double-h-padding.full-width.row-parent.row-header { padding: 50px 20px; }
  .header-portfolio .un-media-gallery.owl-carousel-wrapper { margin-top: 25px !important; }
  .portfolio-content .row.col-triple-gutter.triple-top-padding.triple-bottom-padding.single-h-padding.limit-width.row-parent { padding-top: 50px; padding-bottom: 50px; }
  .header-portfolio h2.h2 { font-size: 28px; }
  .sub_service_header h1.h1 { font-size: 35px; }
  .bid-project-details.project-box { padding: 50px 36px; }
  .bid-info-grid { grid-template-columns: 1fr; }
  .project-box { padding: 50px 36px; }
  .project-contact ul.project-contact-list li { width: 100%; }
  .project-box { overflow-x: auto; }
  .custom-table { width: 100%; }
  .custom-table th,
  .custom-table td { white-space: nowrap; padding: 8px; }
  .portfolio-filter-dropdown #showall { height: 40px; padding: 10px 20px !important; font-size: 14px; line-height: 1; }
  .section-heading .heading-text> hr { margin-top: 10px; }
  .companyBenefits-row-box { text-align: center; }
  .companyBenefit-head .heading-text.el-text { text-align: center; }
  .companyBenefit-head hr.separator-break { width: 90px; border-top-width: 2px; margin: 0 auto !important; margin-top: 5px !important; }
  .our-services-row .wpb_column { margin-bottom: 20px; }
  .project-contact ul.project-contact-list li,
  .bid-info-grid .box,
  .doc-group .doc-header,
  .doc-item .doc-content { padding: 20px; }
  .custom-table tbody td { padding: 14px 40px; font-size: 16px; }
  .custom-table .custom-link.dark-arrow::after { background-size: 15px; width: 22px; height: 9px; }
  .custom-table thead th { font-size: 18px; }
  .bid-project-details.project-box,
  .project-box { padding: 40px 20px; }
  .bid-info-grid .box strong:before,
  .project-contact ul.project-contact-list strong:before,
  .doc-group .doc-header strong:before { width: 19px; height: 19px; background-size: cover !important; }
  .historySec-inner .wpb_row.row-inner { overflow: auto; width: 100%; border-left: 2px solid #4a3160 !important; }
  .historyTop-text { width: 100%; display: flex; justify-content: start; align-items: start; text-align: start; padding: 10px 40px 10px 20px; }
  .historyBottom-text { width: 100%; display: flex; justify-content: start; align-items: start; margin: 0 !important; border: none !important; text-align: start; padding: 10px 40px 10px 20px; }
  .width-12 { width: 100%; }
  .width-12 .uncont { display: flex; flex-wrap: wrap; }
  .historySec .vc_custom_heading_wrap .h2 { margin-bottom: 30px !important; padding-left: 0; }
  .historySec-inner { overflow: visible; }
  .historyBottom-text::before { display: none; }
  .width-12:before { position: absolute; content: " "; top: 18px; left: -6px; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #4a3160; }
  .our-project-section .cssgrid-container { gap: 20px !important; grid-template-columns: repeat(1, 1fr) !important; }
  .t-entry-visual-overlay,
  .t-entry-visual-overlay-in { pointer-events: none; }
  .portfolio-filter-item-list .inside-portfolio a .t-background { height: auto; min-height: auto; }
  .contact-form .uncode-single-media-wrapper { max-height: 300px; }
  .bid-search-form {
    flex-direction: column;
}

.bid-search-form input[type="text"] {
    width: 100%;
}

.bid-search-form button {
    width: 100%;
}

.bid-search-form a.reset-button {
    width: 100%;
}
}
@media only screen and (max-width:690px) {
  .intro_section .introContent { margin-top: 0px; }
}
@media only screen and (max-width:428px) {
  .main-menu-container { width: 15%; }
  .menu-container .logo-container { width: 85%; }
	.error404 h1 {	font-size: 55px;}
	.error404 .main-container .row-container .row-parent .single-internal-gutter .uncont > :not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]) {
	margin-top: 30px;}
}
@media only screen and (max-width:375px) {
  .openbtn { width: 35px; height: 35px; padding: 0; }
  #masthead .menu-primary-inner { width: 230px !important; }
  .openbtn li:nth-of-type(4) { right: 6px; }
}



/*404*/


/*
.page-body.standard-404 .post-body{

  background-color: #6d6e71 !important;
   color: white !important;
}
 

#bigtext-id0 .bigtext-line0 {
{
   color: white !important;
}

.page-body.standard-404 h2,.page-body.standard-404 a{
   color: white !important;

}*/