/*@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Oswald:300,400,500,600,700&display=swap');*/

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #333333;
}

.page-id-16726 .projects-wrapper.common-padding,
.page-id-16714 .projects-wrapper.common-padding.hrhide,
.page-id-16749 .projects-wrapper.common-padding,
.page-id-16742 .projects-wrapper.common-padding {
	display: none;
}

a,
img {
    text-decoration: none !important;
    outline: none;
    border: none;
    transition: all .5s;
}
.featured-cut-content .grid-re.row {
	height: auto !important;
}
.featured-cut-content .grid-re.row .project-content {
	height: auto !important;
    }
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tribe-events-single-event-description ul {
	margin-left: 40px;
}
.tribe-events-single-event-description ul li {
	list-style: disc;
}
.tribe-events-single-event-description ul li::marker {
	color: #7db233;
}
.postid-15375 .tribe-events-schedule {
    display: none !important;
}
.postid-17168 .tribe-events-schedule {
    display: none !important;
}
.postid-17615 .tribe-events-schedule {
    display: none !important;
}
.pdf_search_form {
    margin: 20px 0;
}
.pdf_search_form input[type=text] {
    background-color: #eee;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
	width: 100%;
}
.pdf_search_form input[type=submit] {
    color: #fff !important;
    background-color: #7db233;
    border-color: #7db233;
    cursor: pointer;
    border: none;
    padding: 5px 15px;
    border-radius: 5px;
}
.pdf_search_form input[type=submit]:hover {
	opacity: 0.8;
}
:focus {
    outline: 0 !important;
    box-shadow: none !important;
}
.postid-15787 .alignleft {
float: left;
margin: 0 20px 20px 0;
}
.postid-15787 .alignright {
float: right;
margin: 0 0 20px 20px;
}
.postid-15787 .about-automation p {
    font-weight: 400 !important;
}
a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}
.postid-15375 .tribe-events.tribe-common , .postid-15375 .tribe-events-event-meta .tribe-events-meta-group {
	display: none !important;
}
.postid-15375 .tribe-events.tribe-common , .postid-17615 .tribe-events-event-meta .tribe-events-meta-group {
	display: none !important;
}

.postid-17168 .tribe-events.tribe-common , .postid-17168 .tribe-events-event-meta .tribe-events-meta-group {
	display: none !important;
}

p:last-child {
    margin-bottom: 0;
}

.single-post img.alignright {
    float: right;
    margin: 0 0 30px 30px;
}

.oswald-font {
    font-family: 'Oswald', sans-serif;
}

/*header*/ #top-nav-fixed{
    background: #5D6771;
    position: absolute;
    top: 0;
    z-index: 1024;
    width: 100%;
    /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);*/
}

.logo-col {
    max-width: 265px;
}

/* Code commented by haroon to fix the logo bend issue in header */
/* .navbar-brand {
    background: #fff;
    height: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: relative;
} */

.navbar-brand:after {
    content: '';
    background: linear-gradient(to right top, #ffffff 49.5%, transparent 50%);
    width: 10%;
    position: absolute;
    right: -27px;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.navbar-brand:before {
    /*content: '';*/
    background: linear-gradient(to right top, #7db233 49.5%, #7db233 50%);
    width: 2.5%;
    position: absolute;
    right: -21px;
    top: -4px;
    bottom: 0;
    z-index: 4;
    transform: rotate(-13deg);
    height: 100%;
}

.header-right {
    position: relative;
    text-align: right;
}

.top-header-info {
    padding: 15px 0;
}

.top-header-info ul li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #8C98A2;
}

.top-header-info ul li:last-child {
    border-right: 0;
    padding-right: 15px;
}

.top-header-info ul li a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    transition: all 0.2s;
}

.top-header-info ul li a:hover {
    transform: translate(0, 2px);

}

.bg-light {
    background-color: #fff !important;
    padding: 16px 0 19px 42px;
}

/* Commented by Haroon */
/* .navbar-light .navbar-nav li .nav-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #202020;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 15px 0px;
    margin: 0 14px;
    border-bottom: 3px solid transparent;
} */

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    border-bottom: 3px solid #7db233;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:not(.mega-menu-item-has-children):hover a.mega-menu-link {
    border-bottom: 3px solid #7db233 !important;
}

#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-menu-item:hover .mega-menu-link {
    border-bottom: 0 !important;
}

/*header*/#top-nav-fixed.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1024;
    transition: all 0.5s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/*header*/#top-nav-fixed.sticky .top-header-info {
    display: none;
}

/*header.sticky .navbar-brand img{
    max-width: 50px;
}

header.sticky .bg-light {
    background-color: #082f5e !important;
}
header.sticky .navbar-light .navbar-nav li .nav-link{
    color: #fff;
    border-right: 2px solid #fff;
}
header.sticky .navbar-light .navbar-nav li .nav-link:hover{
    color: #D6A20B;
}*/
.banner-wrapper {
    position: relative;
    margin-top: 141px;
}

/*.banner-img:after {
    content: '';
    background: url(../images/banner-shape.png) no-repeat center / cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}*/
.banner-img img {
    height: 540px;
    object-fit: cover;
}

.banner-wrapper .carousel-caption {
    display: flex;
    align-items: center;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.banner-box {
    background: rgba(54, 95, 127, 0.6);
    padding: 40px 40px 48px 40px;
    max-width: 640px;
    text-align: left;
    position: relative;
    top: -8px;
    left: -11px;
}

.banner-box:before {
    content: '';
    background: linear-gradient(to right top, rgba(54, 95, 127, 0.6) 49.5%, transparent 50%);
    width: 15%;
    position: absolute;
    right: -96px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.banner-box p {
    font-size: 17px;
    color: #fff;
    margin-top: 25px;
    font-weight: 500;
}

.btn-primary {
    background-color: #8fbb40 !important;
    color: #fff !important;
    font: normal normal bold 16px/19px 'Montserrat' !important;
    border: 0 !important;
    border-radius: 100px !important;
    padding: 16px 59px 16px 24px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    position: relative !important;
    cursor: pointer !important; /* Add this for better UX */
}

.btn-primary:before {
    content: '\f061' !important; /* Arrow right icon */
    font-family: 'Font Awesome 5 Free' !important; /* Specify the font */
    font-weight: 900 !important; /* Solid style */
    position: absolute !important;
    width: 43px !important;
    height: 43px !important;
    border-radius: 100px !important;
    top: 50% !important; /* Center vertically */
    transform: translateY(-50%) !important; /* Vertical alignment fix */
    right: 4px !important; /* Adjust spacing from the button edge */
    background-color: hsla(0, 0%, 0%, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important; /* Matches the button text color */
    transition: all 0.3s linear !important;
    font-size: 18px !important;
    z-index: 3 !important;
}

.btn-primary:after {
    content: '' !important;
    position: absolute !important;
    width: 43px !important;
    height: 43px !important;
    border-radius: 100px !important;
    top: 50% !important; /* Center vertically */
    transform: translateY(-50%) !important; /* Vertical alignment fix */
    right: 4px !important; /* Adjust spacing from the button edge */
    background-color: hsla(0, 0%, 0%, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important; /* Matches the button text color */
    transition: all 0.3s linear !important;
    font-size: 18px !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #8FBB40 !important;
    color: #000 !important;
}

.btn-primary:hover:after {
    background-color: rgba(255, 255, 200, 0.5) !important;
}

.btn-primary:hover:before {
    color: #000 !important;
}

.btn-outline-primary {
    background-color: #fff !important;
    color: #8fbb40 !important;
    font: normal normal bold 16px/19px 'Montserrat' !important;
    border: 2px solid #8fbb40 !important;
    border-radius: 100px !important;
    padding: 16px 59px 16px 24px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary:before {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    position: absolute !important;
    width: 43px !important;
    height: 43px !important;
    border-radius: 100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 4px !important;
    background-color: #8fbb40 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    transition: all 0.3s linear !important;
    font-size: 18px !important;
    z-index: 3 !important;
}

.btn-outline-primary:after {
    content: '' !important;
    position: absolute !important;
    width: 43px !important;
    height: 43px !important;
    border-radius: 100px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 4px !important;
    background-color: rgba(143, 187, 64, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s linear !important;
    font-size: 18px !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    background-color: #8fbb40 !important;
    color: #fff !important;
    border-color: #8fbb40 !important;
}

.btn-outline-primary:hover:after {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

.btn-outline-primary:hover:before {
    color: #fff !important;
}

.badge-primary {
    background-color: #8fbb40 !important;
    color: #fff !important;
}

.btn-style {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: 20px;
}

/* .btn-style:after {
    content: '';
    background: #DFE7EC;
    width: 90%;
    height: auto;
    position: absolute;
    right: -8px;
    top: -8px;
    bottom: -8px;
    z-index: -1;
    transition: all 0.5s ease;
}

.btn-style:hover .btn-primary {
    background: #7db233;
} */

.btn-style:hover:after {
    /*width: auto;
    left: -8px;*/
}

.banner-box-back {
    background: rgba(255, 255, 255, 0.5);
    max-width: 640px;
    text-align: left;
    position: relative;
    left: 10px;
    top: 10px;
}

.banner-box-back:before {
    content: '';
    background: linear-gradient(to right top, rgba(255, 255, 255, 0.5) 49.5%, transparent 50%);
    width: 15%;
    position: absolute;
    right: -96px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    margin-right: 5px;
    margin-left: 5px;
}

.carousel-indicators .active {
    background-color: #7db233;
}

.service-wrapper {
    background: #F3F8FC;
    padding: 15px 0;
}

.single-service {
    display: block;
    overflow: hidden;
    border: 1px solid #5D6771;
    margin: 15px 0;
}

.service-img {
    width: 100%;
}

.service-name {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.service-name-bio {
    position: absolute;
    bottom: 0;
    /*width: 370px;*/
    right: 0;
    left: 0;
}

.name-box,
.name-box-bio {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.name-box,
.name-box-bio {
    background: rgb(125 178 51);
    /* max-width: 650px; */
    text-align: left;
    position: relative;
    /* left: -20px; */
    /* top: -10px; */
    padding: 10px;
    transition: all 0.5s;
    width: 100%;
    text-align: center;
}

.name-box:before,
.name-box-bio:before {
    /*content: '';*/
    /*background: linear-gradient(to right top, rgba(207, 32, 47, .8) 49.5%, transparent 50%);*/
    /*width: 15%;*/
    /*position: absolute;*/
    /*right: -60px;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*z-index: 1;*/
}

.name-box-back,
.name-box-bio-back {
    background: rgba(255, 255, 255, 0.5);
    /*max-width: 650px;*/
    text-align: left;
    position: relative;
    left: 0px;
    top: 0px;
    /*padding: 30px;*/
    margin-left: 20px;
    right: 0;
}

.name-box-back:before,
.name-box-bio-back:before {
    content: none;
    background: linear-gradient(to right top, rgba(255, 255, 255, 0.5) 49.5%, transparent 50%);
    width: 15%;
    position: absolute;
    right: -60px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.blue-bg {
    background: rgba(54, 95, 127, .8);
}

.blue-bg:before {
    background: linear-gradient(to right top, rgba(54, 95, 127, .8) 49.5%, transparent 50%);
}

.orange-bg {
    background: rgba(218, 126, 59, .8);
}

.orange-bg:before {
    background: linear-gradient(to right top, rgba(218, 126, 59, .8) 49.5%, transparent 50%);
}

.light-blue-bg {
    background: rgba(78, 175, 205, .8);
}

.light-blue-bg:before {
    background: linear-gradient(to right top, rgba(78, 175, 205, .8) 49.5%, transparent 50%);
}

.green-bg {
    background: rgba(166, 174, 77, .8);
}

.green-bg:before {
    background: linear-gradient(to right top, rgba(166, 174, 77, .8) 49.5%, transparent 50%);
}

.purple-bg {
    background: rgba(97, 72, 116, .8);
}

.purple-bg:before {
    background: linear-gradient(to right top, rgba(97, 72, 116, .8) 49.5%, transparent 50%);
}

.single-service:hover .name-box {
    /*padding-left: 40px;*/
}

.common-padding {
    padding: 80px 0;
}

.common-padding.reduced-padding {

    padding: 40px 0 !important;
}

.about-wrapper {
    position: relative;
    z-index: 2
}

.about-wrapper:after {
    content: '';
    background: url(../png/dotted-bg.png) repeat;
    width: 42%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.about-img {
    position: relative;
    overflow: hidden;
}

.about-img:before {
    content: '';
    border: 8px solid #fff;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    opacity: 0.8;
    transition: all 1s;
    z-index: 1;
}

.about-img:hover:before {
    transform: scale(0.98);
}

.about-box {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 40px 50px;
    margin-left: -80px;
    margin-top: 70px;
}

.section-title {
    background: #7db233;
    color: #fff;
    display: inline-block;
    padding: 6px 10px;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
    margin-left: 15px;
    min-width: 280px;
    text-align: center;
}

.section-title:before,
.section-title:after {
    content: '';
    background: linear-gradient(to right bottom, rgb(125 178 51) 49.5%, transparent 50%);
    width: 6%;
    position: absolute;
/*     right: -16.5px; */
    top: 0;
    bottom: 0;
}

.section-title:before {
	right: -6%;
}

.section-title:after {
    background: linear-gradient(to left top, rgb(125 178 51) 49.5%, transparent 50%);
    right: auto;
/*     left: -16.5px; */
	left: -6%;
}

#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-4693 .mega-search input[type=text] {
    background-color: #7db233 !important;
}

.about-box p {
    font-weight: 500;
    font-size: 18px;
}

.about-box p span {
    font-weight: 700;
}

.red {
    color: #CC1F2C;
}

.project-content {
    background: #FFFFFF;
    padding: 20px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    border-bottom: 5px solid #7db233;
    transition: all 0.5s;
/*     min-height: 427px; */
}

.single-companies .automation-wrapper .company-img.project-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

.project-name {
    font-size: 16px;
    font-weight: 800;
    color: #000000;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 10px;
}

.project-content p {
    font-weight: 500;
    margin-bottom: 20px;
}

.project-img img {
    width: 100%;
}

.read-more {
    font-family: 'Oswald', sans-serif;
    font-size: 14px !important;
    color: #295F82;
    font-weight: 600;
}

.read-more:before {
    content: '';
    background: #295F82;
    width: 15px;
    height: 2px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.img-hover-effect {
    position: relative;
    overflow: hidden;
}

.img-hover-effect img {
    transition: all 1s;
}

.img-hover-effect:hover img {
    transform: scale(1.3);
}

.single-project:hover .project-content {
    background: #5D6771;
    color: #fff;
    border-bottom: 5px solid transparent;
}

.single-project:hover .project-name,
.single-project:hover .read-more {
    color: #fff;
}

.single-project:hover .read-more:before {
    background: #fff;
}

.single-project:hover .img-hover-effect img {
    transform: scale(1.3);
}

.signup-wrapper {
    position: relative;
    height: 168px;
    display: flex;
    align-items: center;
}

.signup-wrapper:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(125 178 51 / 85%);
}

.z-index {
    position: relative;
    z-index: 1;
}

.alm-btn-wrap .alm-load-more-btn.loading,
.alm-btn-wrap .alm-load-more-btn:hover,
.alm-btn-wrap .alm-load-more-btn {
    background-color: #7db233 !important;
}

.signup-wrapper h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #fff;
}

.signup-wrapper .form-control {
    border: 0;
    height: 50px;
    border-radius: 0;
    font-family: 'Oswald', sans-serif;
    padding-left: 20px;
}

.signup-wrapper .form-control::placeholder {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 300 !important;
    color: #000 !important;
}

.signup-wrapper .form-control::-moz-placeholder {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 300 !important;
    color: #000 !important;
}

.signup-wrapper .btn-primary {
    color: #fff;
    justify-content: center;
}

.signup-wrapper .btn-primary:hover {
    background: #D7E2EB;
    color: #295F82;
}

.signup-wrapper .btn-primary:before {
    content: none;
}

footer {
    background: #666D70;
    padding: 70px 0 0;
}

.social-icons {
    margin-top: 25px;
}

.social-icons ul li {
    display: inline-block;
    margin-right: 5px;
}

.social-icons ul li a {
    background: #999;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}
.page-id-18337 .social-icons ul li a {
    width: 80px !important;
    height: 80px !important;
}
.social-icons ul li a:hover {
    background: #295F82;
}

footer h4 {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

.footer-links li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
}

.footer-links li:before {
    content: "\f105";
    font-family: 'fontawesome';
    position: absolute;
    left: 0;
    color: #fff;
}

.footer-links li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

footer .media i {
    font-size: 16px;
    color: #fff;
    width: 20px;

}

footer p,
footer a {
    color: #fff;
    font-weight: 600;
}

footer a:hover {
    color: #7db233;
}

.footer-btm p {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    background: #4F5557;
    padding: 12px 0;
    margin: 0;
    text-align: center;
    margin-top: 50px;
    letter-spacing: 0.5px;
}

/*======== Automation Css ========*/

.inner-wrapper {
    background-size: cover;
    min-height: 340px;
    display: flex;
/*     margin-top: 140px; */
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
    background-position: center 30% !important;
}

/*.inner-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/automation-hm-bg.png) no-repeat;
    background-size: cover;
    min-height: 340px;
    top: 0;
    right: 0;
    
}*/

.h1-title {
    font-size: 50px;
    color: #FFFFFF;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
}

.breadcrumb {
    background: none;
    padding: 0;
    margin-bottom: 25px;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #285F81;
}

.breadcrumb-item a {
    color: #fff;
    font-size: 16px;
    /*font-weight: 500;*/
}

.breadcrumb-item a:hover {
    color: #fff;
}

.breadcrumb-item.active,
.breadcrumb li:last-child {
    color: #ffffff;
}

.relative {
    position: relative;
    z-index: 1;
}

/*solution css*/

.solution {
    margin-bottom: 40px;
}

.solution h2 span:before,
.solution h2 span:after {
    content: '';
    background: linear-gradient(to left top, rgb(125 178 51) 49.5%, transparent 50%);
    width: 100%;
    position: absolute;
    left: 0;
    height: 9px;
}

.solution h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 30px;
}

.solution h2 span:before {
    top: -9px;
}

.solution h2 span:after {
    bottom: -9px;
    background: linear-gradient(to right bottom, rgb(125 178 51) 49.5%, transparent 50%);
}

.solution h2 span {
    content: "";
    position: absolute;
    background: #7db233;
    width: 8px;
    height: 100%;
    top: 0;
    left: 0;
}

/*end*/


.left-line {
    margin-bottom: 40px;
}

/*.left-line h2 span.key {
    font-size: 0;
}*/

.left-line h2 span:before,
.left-line h2 span:after {
    content: '';
    background: linear-gradient(to left top, rgb(125 178 51) 49.5%, transparent 50%);
    width: 100%;
    position: absolute;
    left: 0;
    height: 9px;
}



.left-line h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 20px;
    position: relative;
}

.left-line h2 span:before {
    top: -9px;
}

.left-line h2 span:after {
    bottom: -9px;
    background: linear-gradient(to right bottom, rgb(125 178 51) 49.5%, transparent 50%);
}

.left-line h2 span {
    content: "";
    position: absolute;
    background: #7db233;
    width: 8px;
    height: 100%;
    top: 0;
    left: 0;
}

/* 
Commented by haroon */
/* .about-automation p {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
} */

.red-txt {
    color: #7db233;
    font-weight: 800;
}

.purple-txt {
    color: #71637F;
    font-weight: 800;
}

.green-txt {
    color: #868A39;
    font-weight: 800;
}

.ligh-bluearea,
.bioquote {
    background: #F3F8FC;
    padding: 20px;
    position: relative;
    margin-right: 80px;
}

.ligh-bluearea:after,
.bioquote:after {
    content: '';
    background: linear-gradient(to right top, #f3f8fc 49.5%, transparent 50%);
    width: 10%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    right: -68px;
}

.white-card {
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    padding: 20px 20px 10px;
    margin-bottom: 20px;
}

.white-card .section-title {
    font-size: 20px;
    margin-bottom: 15px;
    position: relative;
    margin-left: 15px;
    min-width: inherit;
    margin-right: 15px;
    display: block;
}

.white-card .section-title:before {
    right: -17.5px;
}

.white-card .section-title:after {
    left: -17.5px;
}

.white-card ul li a {
    color: #333333;
/*     font-size: 14px; */
    position: relative;
    left: -20px;
    display: flex;
    word-break: break-word;
}

.white-card ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    font-weight: 600;
    transition: 0.4s ease;
    word-break: break-all;
}

.page-id-3421 .white-card ul li:nth-child(3),
.page-id-3421 .automation-wrapper .element-item.better-together {
	display: none;
}

.white-card ul li .fa {
    opacity: 0;
    transition: 0.4s ease;
    top: 3px;
    position: relative;
    right: 0px;
    margin-right: 8px;
}

.white-card ul li:hover .fa {
    opacity: 1;
    color: #285F81;
}


.white-card ul li:hover a {
    color: #285F81;
    left: 0;
}

.white-card ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.white-card .mCustomScrollbar {
    height: 230px;
}

.white-card .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #DDDDDD;
    width: 4px;
}

.white-card .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #dedede;
}

.info-wrapper-form {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.info-wrapper-form .section-title,.partner-wrapper .section-title {
    margin-bottom: 70px;
    position: relative;
    margin-left: 15px;
    min-width: inherit;
    margin-right: 15px;
    display: block;
}*/

.info-wrapper-form {
    min-height: 864px;
    background-size: cover !important;
    position: relative;
    margin-top: 40px;
}

.info-wrapper-form:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(41, 95, 130, 0.9);
}


.info-wrapper-form textarea.form-control,
.info-wrapper-form .form-control {
    border: 1px solid #61A2CD;
    background: #295F82;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    color: #FFFFFF;
    height: 50px !important;
}


.info-wrapper-form textarea.form-control {
    resize: none;
    height: 120px !important;
}

.info-wrapper-form textarea.form-control::placeholder,
.info-wrapper-form .form-control::placeholder {
    color: #FFFFFF !important;
}


.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label,
.styled-checkbox+span {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox+label:before,
.styled-checkbox+span:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 23px;
    height: 23px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 2px;
    position: relative;
    top: -3px;
}

/*
.styled-checkbox:hover + label:before {
  background: #f35429;
}
*/

.styled-checkbox:checked+label:before,
.styled-checkbox:checked+span:before {
    background: #fff;
}

.styled-checkbox:disabled+label,
.styled-checkbox:disabled+span {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled+label:before,
.styled-checkbox:disabled+span:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked+label:after,
.styled-checkbox:checked+span:after {
    content: '';
    position: absolute;
    background-image: url(../jpg/tick-img.jpg);
    width: 14px;
    height: 11px;
    left: 5px;
    top: 4px;
    /*
  left: 6px;
  top: 10px;
  background: #285F81;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #285F81, 4px 0 0 #285F81, 4px -2px 0 #285F81, 4px -4px 0 #285F81, 4px -6px 0 #285F81, 4px -8px 0 #285F81;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
*/
}

.unstyled {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.title {
    text-align: center;
    color: #4571ec;
}


.custom-checkbox p {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: 500;
}

.custom-checkbox {
    margin-bottom: 15px;
}

.info-wrapper-form .form-group {
    margin-bottom: 30px;
}

/*.info-wrapper-form .section-title,.partner-wrapper .section-title {
        padding: 12px 10px;
    font-size: 23px;
}

.info-wrapper-form .section-title:before,.partner-wrapper .section-title:before {
        right: -50.5px;
}*/
.info-wrapper-form .section-title:after,
.partner-wrapper .section-title:after {
    left: -49.5px;
}

.custom-checkbox .styled-checkbox+label,
.custom-checkbox .styled-checkbox+span {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-right: 10px;
}

/* .btn-red {
    background: #7db233;
}

.btn-red:hover {
    color: #fff;
    background: #295F82 !important;
} */

span.wpcf7-list-item {
    margin-left: 0 !important;
}

.about-automation ul li {
    list-style: disc;
}

.about-automation ul {
    padding-left: 40px;
}

.about-automation.careers_benefits ul {
	padding-left: 17px;
	margin-bottom: 16px;
}

span.bio-position {
    font-size: 12px;
    color: #464040;
}

.background-box p {
    font-size: 20px;
}

.project-title {
    font-weight: 600;
    padding: 10px 0;
}

.team-modal .modal-header {
    background: #295f82;
    color: #fff;
}

img.headshot-small {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    float: left;
    margin-right: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid #e3e3e3 2px;
}

.linken-txt a {
    background: #295F82;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    /* text-align: center; */
    color: #fff;
    justify-content: center;
    font-size: 20px;
}

.blocks-gallery-grid {
    padding-left: 0 !important;
}

.google-maps iframe {
    width: 100% !important;
}

.loc-title {
    margin-bottom: 0;
}

.loc-title a {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.phone-txt i,
.phone-txt-2 i {
    margin-right: 5px;
    color: #295f82;
}

.bb-grey {
    /*border-bottom: 1px solid #eee;*/
    padding: 10px;
}

.wp-block-gallery .blocks-gallery-item figcaption {
    padding: 5px !important;
    bottom: 10px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    font-size: 16px !important;
}

form .btn-style:before {
    content: '';
    background: #fff;
    width: 15px;
    height: 1px;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 25px;
    left: 25px;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

.btn-style input {
    padding-left: 24px !important;
	padding-right: 24px !important;
}

.blocks-gallery-item img {
    transform-origin: 50% 65%;
    transition: transform 5s, filter 3s ease-in-out;
}

.blocks-gallery-item:hover img {
    transform: scale(1.5);
}

.blocks-gallery-item {
    overflow: hidden;
}

.accordion .fa {
    margin-right: 0.5rem;
}

.card-header {
    padding: 6px 10px;
    background: #fff;
    border-bottom: none;
}

.card-header .btn-link {
    color: #295F82;
    font-weight: 600;
    text-decoration: none;
}

.card-header .btn-link i {
    color: #d6404d;
}

.card {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.testimonial-slider {
    background-color: #ffffff;
    box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.1);
    min-height: 150px;
}

.testimonial-slider {
    background-color: #ffffff;
    box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.1);
    min-height: 150px;
}

.testimonial-slider .carousel-item {
    padding: 25px;
    text-align: center;
}

#testmonialindicator .testimonial-indicators {
    margin-top: 20px;
    bottom: 0;

}

#testmonialindicator .testimonial-indicators li {
    background: #eee;
}

#testmonialindicator .testimonial-indicators li.active {
    background: #7db233;
}

.blocks-gallery-item__caption a {
    color: #fff;
}

#ajax-load-more .entry-meta {
    display: none;
}

.pdf-list {
    width: 400px;
}

.pdf-list li {
    list-style: none !important;
    width: 50%;
    float: left;
    padding-bottom: 5px;
}

.pdf-list .btn-style {
    margin: 0 0 15px -30px !important;
}

/*.pdf-list li:before {*/
/*  content: "\f1c1";*/
/*  font-family: FontAwesome;*/
/*  display: inline-block;*/
/*  margin-left: -1.3em;*/
/*  width: 1.3em;*/
/*}*/
.checkbox-980 .wpcf7-list-item {
    display: block;
}

.newsletter {
    background-color: rgba(41, 95, 130, 0.9);
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    color: #fff;
}


.blue-angle:after {
    background: url(../png/angle-layer-blue.png) no-repeat;
    background-size: cover;
}

.green-angle:after {
    background: url(../png/angle-layer-green.png) no-repeat;
    background-size: cover;
}

.light-blue-angle:after {
    background: url(../png/angle-layer-light-blue.png) no-repeat;
    background-size: cover;
}

.orange-angle:after {
    background: url(../png/angle-layer-orange.png) no-repeat;
    background-size: cover;
}

.purple-angle:after {
    background: url(../png/angle-layer-purple.png) no-repeat;
    background-size: cover;
}

.blue-angle .breadcrumb-item a,
.purple-angle .breadcrumb-item a {
    color: #fff;
}

.blue-angle .breadcrumb-item+.breadcrumb-item::before,
.purple-angle .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.project-title a {
    color: #333333 !important;
}

.cta-div {
    background: #7db233;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

a.cta-btn {
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.cta-div:hover {
    background: #fff;
    border: 1px solid #7db233;
}

.cta-div:hover .cta-btn,
.cta-btn:hover {
    color: #7db233;
}

.service-inner {
    border: 0;
}

.service-inner .service-name {
    position: relative;
    bottom: 0;
    width: auto;
}


.service-inner .name-box,
.service-inner .name-box-bio {
    left: 0;
    top: 0;
    width: 87%;
    background: rgba(207, 32, 47, 1);

}

.service-inner .name-box:before,
.service-inner .name-box-bio:before {
    right: -14.9%;
    background: linear-gradient(to right top, rgba(207, 32, 47, 1) 49.5%, transparent 50%)
}

.call-action-btns {
    padding-top: 50px;
}

.single-call-action {
    /* background: #f5f5f5; */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 10px;
    display: block;
    text-align: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-call-action:hover {
    background: #295F82;
    color: #fff;
}

.scrollToTop {
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    bottom: 45px;
    z-index: 99;
    font-size: 30px;
    color: #fff;
    background-color: #111;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    line-height: 40px;
    transition: all .4s;
    display: none;
}

.scrollToTop:hover {
    color: #fff;
    background-color: #7db233;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.discription-text {
    padding-bottom: 60px;
}

.discription-text p {
/*     font-size: 15px;
    line-height: 26px; */
    text-align: center;
}

.market-wrapper {
    background: #f3f8fc;
}

.tab-box {
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}


.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #295F82;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #295F82;
    border-color: transparent;
}

.nav-tabs {
    /*border-bottom: 0;*/
    border-bottom: 6px solid #cf202f;
}


.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent !important;
    color: #fff;
    background-color: #295F82;
}

.nav-tabs .nav-item {
    width: 33.333333%;
    text-align: center;
}


.market-tab-content {
    padding: 30px 30px 30px 0px;
}

.market-tab-content h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}

.market-img img {
    object-fit: cover;
    min-height: 500px;
}

.accordion-data .card {
    border-radius: 0;
    border: none;
    background-color: transparent;
}

.accordion-data .card-header {
    border-bottom: none;
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid #ddd !important;
}

/*.accordion-data .btn-link.collapsed {
    background: 0 0;
    border-radius: 0;
    padding: 30px 40px 30px 10px;
    margin-top: 0;
    display: block;
    width: 100%;
    text-align: left;
    color: #333 !important;
}*/

.accordion-data .btn-link.collapsed {
    display: block;
    text-align: left;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 600;
    padding: 14px 40px 14px 10px;
    background: #295f82;
    border-radius: 10px 10px 0 0;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.accordion-data .btn-link {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #fff !important;
    font-weight: 600;
    padding: 14px 40px 14px 10px;
    background: #295f82;
    border-radius: 10px 10px 0 0;
    white-space: normal;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.accordion-data .btn-link.collapsed:before {
    float: right !important;
    content: "\f107";
    font-size: 25px;
    color: #222;
    line-height: normal;
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.project-header {
    display: flex;
    align-items: center;
}

.accordion-data .card {
    border-radius: 0;
    border: none;
    background-color: transparent;
}

.accordion-data .card-body {
    color: #000;
    padding: 20px 40px 20px 10px;
/*     font-size: 16px;
    font-weight: 400; */
    border: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
}

.accordion-data .btn-link:before {
    float: right !important;
    content: "\f106";
    font-size: 25px;
    color: #fff;
    line-height: normal;
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.light-bg-wrap {
    background: #f3f8fc;
}

.light-bg-wrap p {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}

.col-md-5th {
    max-width: 20%;
}

.logo-box {
    background: #fff;
    padding: 30px 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

.single-icon-section {
    text-align: center;
    display: block;
    transition: all 1s;
}

.single-icon-section:hover {
    transform: scale(1.1);
}

.single-icon-section p {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

.overlay-layer {
    background: rgba(54, 95, 127, .8);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(0px, 100%);
    transition: all 0.5s ease;
}

.single-service-wrap:hover .overlay-layer {
    transform: translate(0px, 0%);
}

.single-service-wrap {
    position: relative;
    overflow: hidden;
    display: block;
}

.single-service-wrap img {
    width: 100%;
}

.service-name-1 {
    background: #5D6771;
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.single-service-wrap:hover .service-name-1 {
    background: #2A5F81;
}

.col-md-5th {
    max-width: 20%;
    flex: 0 0 20%;
    padding: 0 5px;
}


.jcarousel {
    padding-bottom: 30px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    background: #295F82;
    color: #fff;
    font-size: 22px;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background: #7db233;
    color: #fff;
}

.news-room .alm-masonry li img {
    min-width: 150px;
    max-height: 150px;
    object-position: top;
    position: absolute;
    left: 0;
    top: 0;
}

.news-room .alm-masonry li h3 a,
.alm-masonry li h3 a {
    color: #295E82;
    font-size: 20px;
}

.alm-listing .alm-paging-content>li,
.alm-listing .alm-reveal>li,
.alm-listing>li {
    overflow: unset !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    border-bottom: 3px solid transparent !important;
}

.about-automation .wp-block-column:last-child {
    margin-top: 30px;
}

.addrerss-txt,
.phone-txt-2 {
    font-weight: 800;
}

.breadcrumb-item {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.breadcrumb-item+.breadcrumb-item::before {
    text-shadow: none;
}

.page-id-3432 .inner-wrapper {
    background-position: center 85% !important;
}

.page-id-3612 .inner-wrapper {
    background-position: center 48% !important;
}

.page-id-3435 .inner-wrapper {
    background-position: right 69% !important;
}

.about-automation .service-name-bio {
    width: 100%;
    position: relative;
}

.about-automation .name-box-back,
.about-automation .name-box-bio-back {
    margin-left: 0;
}

.single-post .size-full {
    width: 100%;
    height: 100%;
}

.page-numbers {
    background: #295f82;
    padding: 5px 20px;
    color: #fff;
    margin-right: 10px;
}

span.page-numbers.current,
.page-numbers:hover {
    background: #cf202f;
    color: #fff;
}

h2.screen-reader-text {
    display: none;
}

.pagination-wrapper-new.section-inner {
    width: 100% !important;
}

.page-id-4366 .about-automation a {
    width: 100%;
    /* float: left;*/
}

/*.quote-content:before{
	content: "“";
    left: 0;
    top: 35px;
	position: absolute;
    font-family: "Gotham Black";
    font-size: 49px;

}*/
.quote-content li {
    float: none;
    width: 100%
}

.quote-sign {
    color: #c71f2d;
    font-size: 36px !important;
    margin-bottom: 10px;
}

img.img-fluid.service-img-bio {
    width: 300px;
    height: 250px !important;
    /*object-fit: cover;*/
    max-width: 200px;
    margin: 0 auto;
    /* border: 2px solid #e3e3e3; */
    /* padding: 5px; */
}

h3.bio-name {
    text-align: center;
    color: #295f82;
    font-size: 28px;
}

.content-bio {
    margin: 10px 0;
    text-align: center;
}

#wpcf7-f4391-o1 label {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: 500;
}

.about-automation .quote-content ul {
    width: 100%;
}


/* 17-2-2021 */
.why-choose-en .about-img {
    margin-right: 40px;
    z-index: 1;
}

.why-choose-en .about-box {
    background: #00b2d0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 40px 30px 40px 160px;
    margin-left: -200px;
    margin-top: 0;
    color: #fff;
}

.why-choose-en .section-title {
    background: #7db233;
}

.why-choose-en .section-title::before,
.why-choose-en .section-title::after {
    background: linear-gradient(to right bottom, rgb(125 178 51) 49.5%, transparent 50%);
}

.why-choose-en .section-title::after {
    background: linear-gradient(to left top, rgb(125 178 51) 49.5%, transparent 50%);

}

.why-choose-en .info-wrapper-form .section-title:after {
    left: -37.5px;
}

.why-choose-en .info-wrapper-form .section-title:before {
    right: -38.5px;
}

.why-choose-en .about-box .red {
    color: #39456D;
}

.why-choose-en .projects-wrapper {
    background: url(../jpg/projects-bg-2.jpg) no-repeat center / cover !important;
}

.why-choose-en .info-wrapper-form {
    background: url(../jpg/join-bg.jpg) no-repeat center / cover !important;
}

.why-choose-en .info-wrapper-form:after {
    content: none;
}

.border-top {
    border-top: 2px solid #295f82 !important;
    margin: 15px 0;
}


/* 25-2-2021 */

/*.career-page .projects-wrapper {
    background: url(../images/projects-bg-2.jpg) no-repeat center / cover !important;
}*/
/*.career-page .projects-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/projects-bg-2.jpg) no-repeat center / cover !important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}*/
.career-page img.img-fluid.service-img-bio {
    max-width: 300px;
    height: auto !important;
}

.career-page .section-title::before,
.career-page .section-title::after {
    right: -17px !important;
    width: 17px;
}

.career-page .section-title::after {
    right: auto;
    left: -17px !important;
}

.career-page .accordion-data .btn-link {
    text-transform: capitalize;
}

.career-page .accordion-data .btn-link.collapsed {
    font-size: 14px;
    padding: 15px 40px 15px 10px;
    /*color: #fff !important;*/
}

.training-benefits-wrapper {
    background-color: #00b2d0;
    color: #fff;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

/*
.training-benefits-wrapper:after {
    content: "";
    position: absolute;
    top: -25%;
    right: -0%;
    width: 1200px;
    height: 1200px;
    background: url(../images/circle-bg.png) no-repeat center;
    transform: translateX(54%);
}*/
.training-benefits-wrapper .accordion-data .btn-link.collapsed::before {
    color: #fff;
}

.training-benefits-wrapper .left-line h2,
.training-benefits-wrapper .accordion-data .card-body {
    /*color: #fff;*/
}

.training-benefits-wrapper .accordion-data .card-body {
    margin-top: -1px;
}

.career-page .container {
    position: relative;
    z-index: 1;
}

.career-page .why-choose-en .about-box {
    background: #295f82;
}

.text-orange {
    color: #E77924;
}

#carouselInternships {
    margin-top: 80px;
    text-align: center;
    font-weight: 500;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    padding: 50px 40px 80px;
    min-height: 230px;
}

#carouselInternships .carousel-indicators li {
    background: #999;
}

#carouselInternships .carousel-indicators .active {
    background-color: #7db233;
}

#carouselInternships h5 {
    font-size: 16px;
    font-weight: 600;
}

.employment-wrapper {
    position: relative;
}

.employment-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url(../images/projects-bg-2.jpg) no-repeat center / cover !important;*/
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.employment-wrapper .description {
	font-size: 20px;
}

.careers-iframe {
    height: 800px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.career-page .info-wrapper-form .section-title {
    display: inline-block;
    margin-bottom: 40px;
}

.career-page .info-wrapper-form p {
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
}

.card-body li {
    list-style: disc;
}

.card-body ul {
    padding-left: 40px;
}

.career-page .jcarousel-wrapper .fa-quote-left {
    display: none;
}

.internships-wrapper .about-img::before {
    display: none;
}

/* .border-box .btn-red {
    border: 5px solid #DFE7EC;
} */

.border-box .btn-style:after {
    content: none;
}

.alm-listing .alm-paging-content>li,
.alm-listing .alm-reveal>li,
.alm-listing>li {
    position: relative;
    background: 0 0;
    margin: 0 0 30px;
    padding: 0 0 0 170px;
    list-style: none;
}

.alm-listing .alm-paging-content>li h3,
.alm-listing .alm-reveal>li h3,
.alm-listing>li h3 {
    margin: 0 0 10px;
}

/*------------------29--7-2021------------*/
.area-focus .red-icon img {
    width: 140px;
    height: auto;
}

.area-focus .red-icon p {
    font-size: 15px;
    font-weight: 600;
}

.btnclick {
    cursor: pointer;
}

#modalContactForm div.wpcf7 .ajax-loader {
    display: inline-block !important;
    position: absolute;
}

a.top-btn {
    color: #fff;
    background: #7db233;
    padding: 5px 15px;
}

.card {
    background-color: #fefefe !important;
    background-clip: border-box;
    border: 1px solid #ddd;
    border-radius: 0;
}

.card .node-type {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem 0.75rem;
    background: #295f82;
    color: #fff;
}

.card-title a {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.card-title a:hover {
    color: #7db233;
}

.card-title {
    margin-bottom: 0.75rem;
    margin-top: 15px;
}

.brochures__body {
    font-size: 14px;
}

.filter-area h5 {
    font-weight: 700;
    margin-bottom: 15px;
}

.f-option li a {
    display: block;
    margin-bottom: 0.4rem;
    font-weight: 400;
    color: #7db233 !important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #7db233;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 16px;
    font-weight: 600;
}

.f-option li a:hover,
.f-option li a.is-active {
    color: #fff !important;
    background-color: #7db233;
    border-color: #7db233;
}

.white-card-exp {
    background-color: #fefefe;
    background-clip: border-box;
    border: 1px solid #eee;
    border-radius: 0;
}

.white-card-exp .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(17, 17, 17, .03);
    border-bottom: 1px solid rgba(17, 17, 17, .125);
}

.white-card-exp .card-header .fieldset-legend {
    font-size: 20px;
}

.white-card-exp ul {
    padding: 1.25em;
}

.white-card-exp ul li {
    margin-bottom: 5px;
}

.white-card-exp ul li input {
    margin-right: 10px;
}

.info-wrapper-form .section-title:after,
.partner-wrapper .section-title:after {
    left: -17px;
    width: 17px;
}

.info-wrapper-form .section-title:before,
.partner-wrapper .section-title:before {
    right: -17px;
    width: 17px;
}

.wpcf7-spinner {
    display: none !important;
}

.mt-80 {
    margin-top: 80px;
}

/*.js-filter .text-left h5 {
    color: #7db233;
    font-weight: bold;
}*/
.text-red {
    color: #7db233;
    font-weight: bold;
}

/* .btn-red {
    color: #fff;
    background-color: #7db233;
    padding: 15px 30px;
} */

.btn-cs-red {
    color: #fff;
    background-color: #7db233;
    position: absolute;
    top: 60%;
}

.btn-cs-red:hover {
    background: #295F82;
    color: #fff;
}

.fillter-result-content {
    height: 200px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;

    padding: 20px;
}

.featured-cut-content {
    height: 600px;
    overflow-y: scroll;
    width: 100%;
    margin-bottom: 30px;
    overflow-x: hidden;

    padding: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.fillter-result .grid .card {
    height: 384px !important;
}

.fillter-result .grid .card .box-image {
    height: 200px;
}

.fillter-result .grid .card .box-image img {
    height: 100%;
}


@media (max-width: 991px) {
    .fillter-result .grid .card .box-image {
        height: auto;
    }

/*     .btn-red {
        padding: 15px 25px;
        font-size: 12px;
    } */
}

@media (max-width: 767px) {

    /*     .automation-wrapper .grid{
        height:auto !important;
    } */
    .automation-wrapper .grid img {
        width: 100%;
    }

    .automation-wrapper h5.section-title {
        font-size: 18px;
        display: inline;
    }
/* 	Code by haroon */
.jcarousel-old ul {
    flex-direction: column;
}
}


.product-list img {
    width: 100px;
    height: 100px;
}

.product-list .single-icon-section p {
    font-size: 14px;
}

.partner-page-title {
    position: relative;
    padding-left: 30px;
}

.partner-page-title:before {
    content: '';
    border-left: 6px solid #7db233;
    padding-left: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 70%;
}

.partner-page-title h2 {
    color: #C24138;
    font-size: 40px;
    font-weight: bold;

}

.partner-page-title p {
    color: #fff;
    text-shadow: 1px 2px 5px rgb(0 0 0 / 50%);
    font-size: 28px;
    font-weight: 700;
}

.red-color {
    color: #7db233;
}

.font-italic {
    font-style: italic;
}

.companies-wrapper {
    border-top: 10px solid #7db233;
}

.companies-wrapper h2 {
    text-align: center;
    color: #7db233;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 30px;
}

.left-border-text {
    border-left: 6px solid #7db233;
    padding-left: 20px;
    text-align: center;
}

.circle-logo {
    background: #fff;
    box-shadow: 3px 5px 15px rgb(0 0 0 / 25%);
    border-radius: 50%;
    padding: 10px;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    overflow: hidden;
}

.single-partner {
    padding: 20px;
    text-align: center;
    margin-top: 80px;
}

h3.partner-title {
    font-size: 20px;
    color: #7db233;
    font-weight: 600;
    margin: 30px 0;

}

.page-template-home-enengineering-public_html-enengineering-wp-content-themes-en-engineering-page-trainings-php .inner-wrapper {
    background-position: center center !important;
}

.trainings-wrapper h2 {
    text-align: center;
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 50px;
}

.trainings-content {
    background: #FFFFFF;
    /*padding: 15px 20px 50px 20px;*/
    padding: 30px;
    /*border-left: 5px solid #CF202F;*/
    transition: all 0.5s;
    margin-bottom: 20px;
    text-transform: uppercase;
    box-shadow: 0 0 25px rgb(0 0 0 / 20%);
}

.trainings-content:hover {
    box-shadow: 0 0 25px rgb(0 0 0 / 20%);
}

.trainings-form-wrapper h2 {
    text-align: center;
    color: #c14138;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 30px;
    text-shadow: 1px 2px 5px rgb(0 0 0 / 20%);
}

.trainings-form-wrapper label {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
}

.trainings-form-wrapper .form-control {
    padding: 0.675rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.trainings-form-left {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

/* .trainings-form-wrapper .btn-red {
    padding: 10px 20px;
    border-radius: 0;
} */

.trainings-form-content h6 {
    margin-bottom: 15px;
}

@media only screen and (min-width:768px) {
    .blog-size img {
        height: 162px;
    }
}

.consulting-section p {
    text-align: center;
}

.about-info {
    padding: 60px 100px 60px 100px;
}

.img-block .ab-img {
    height: 500px;
}

.company-img img {
    padding: 0px;
}

.company-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.gform_button {
    background-color: #8fbb40;
    color: #fff;
    font: normal normal bold 16px/19px 'Montserrat';
    border: 0;
    border-radius: 100px;
    padding: 16px 24px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    cursor: pointer; /* Add this for better UX */
}

.gform_button:hover {
    color: #000;
}

.gform_footer {
    justify-content: center;
}


.page-id-11430 .hrhide,
.page-id-11397 .hrhide,
.page-id-11432 .hrhide,
.page-id-11434 .hrhide,
.page-id-11436 .hrhide, 
.page-id-19498 .hrhide, 
.page-id-19507 .hrhide,
.page-id-19514 .hrhide,
.page-id-19516 .hrhide,
.page-id-19591 .hrhide {
    display: none;
}

#join-network a {
    color: #7db233;
}

.jobs-listing .container.centered img {
    display: none;
}

.tribe-events-nav-previous {
    display: none !important;
}

.tribe-events-event-meta .column,
.tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 0 0 20px;
    padding: 0 1% !important;
    text-align: left;
    vertical-align: top;
    width: 25% !important;
    zoom: 1;
}

@media (max-width: 768px) {

    .tribe-events-event-meta .column,
    .tribe-events-event-meta .tribe-events-meta-group {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        margin: 0 0 20px;
        padding: 1.5% 2% !important;
        text-align: left;
        vertical-align: top;
        width: 100% !important;
        zoom: 1;
        padding: 10px 0;
    }
}

.tribe-events-event-categories-label,
.tribe-events-event-categories,
.tribe-events-cost,
.featured-event,
/*.tribe-events-event-cost,*/
.tribe-event-duration,
.postid-12662 .tribe-events-start-date-label,
.postid-12662 .dtstart, 
.postid-12662 .tribe-events-end-date-label, 
.postid-12662 .dtend, 
.postid-12662 .tribe-events-single-section,
.postid-12662 .tribe-events-schedule, 
.tribe-event-schedule-details,
.tribe-events-calendar-list__event-datetime-wrapper,
/*.tribe-events-calendar-list__event-cost,*/
.tribe-events-event-image{
    display: none !important;
}

.tribe-events-event-meta address.tribe-events-address,
.tribe-events-list .tribe-events-venue-details {
    font-style: normal !important;
}

.common-padding.reduced-padding img {
    max-width: 100%;
}

.tablepress thead th{
	background-color: #7db233 !important;
}
.filter-nav a {
    margin: 0 15px 0 0;
    color: black;
    padding: 0;
    font-size:18px;
    font-weight:500;
}
.filter-nav .dropdown a {
    color: #295f82;
    font-size: 18px;
    padding: 0 12px 0 0;
}
.filter-nav .dropdown .dropdown-item {
    white-space: normal;
    font-size: 13px !important;
    padding: 6px 15px !important;
    font-weight: 500;
    color: #212529 !important;
}
.filter-position{
	position: absolute;
    top: 0px;
    width: 100%;
}

#loxo-jobs{
	margin-top: 40px;
}

.state-dropdown-menu{
	height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
@media (max-width: 576px){
	.filter-nav a, .filter-nav .dropdown a{
		font-size: 14px;
	}
}

.table-dark, .table-dark:hover {
    background-color: #7DB233 !important;
}

.scrollable-table {
	height: 800px;
    overflow-y: auto;
    margin-top: 40px;
}

.scrollable-table thead {
    position: sticky;
    top: -1px;
    z-index: 1024;
}

#loxo-jobs {
    margin-top: 0;
}

.dropdown-menu{
	z-index: 1025;
}

section#employment .btn-style:nth-of-type(2):after {
    display: none;
}

ul.nav.filter-nav{
	align-items: center; 
}

.serchbar-li{
	display: flex;
	align-items: center;
}
.filter-nav .dropdown a.dropdown-toggle::after{
	top: 2px;
	position: relative;
}

div#field_12_22 .gform-field-label {
    padding-top: 25px;
}

div#field_12_28 .gform-field-label {
    padding-top: 22px;
}

.privacy_btn {
	position: relative;
	margin-left: 20px;
}

.privacy_btn a {
	padding: 6px 18px;
	color: #ffffff;
	border-radius: 4px;
}

.privacy_btn a:hover {
	background-color: #7db233;
}

.privacy_btn a::after {
    content: '';
    background: #DFE7EC;
    width: 90%;
    height: 27px;
    position: absolute;
    right: 7px;
    top: -10px;
    z-index: -1;
    transition: all 0.5s ease;
}

.scrollable-table.mg-top {
	margin-top: 70px;
}

.filter-position.top_pos {
	top: 16px;
}

@media (max-width:992px) { 
	.privacy_btn {
       margin: 22px auto 0;
    }
	
	.scrollable-table.mg-top {
    	margin-top: 130px;
	}
}

@media (max-width:767px){
	ul.nav.filter-nav li{
		margin-bottom: 15px;
	}
	.scrollable-table{
		margin-top: 100px;
	}
	.scrollable-table.mg-top{
		margin-top: 150px;
	}
}

@media (max-width:575px){
	.filter-nav .dropdown a{
		padding: 0 0 0 0;
		margin: 0 12px 0 0;
	}
	
	div#field_12_22 .gform-field-label {
		padding-top: 0px;
	}
	
	div#field_12_28 .gform-field-label {
		padding-top: 0px;
	}
	
	.privacy_btn {
		width: 100%;
		margin: 10px 0 0 7%;
	}
	
	.privacy_btn a {
		width: 100%;
	}
	
	.scrollable-table.mg-top {
    	margin-top: 170px;
	}
	
	.privacy_btn a::after {
    	right: -7px;
	}
}	


.element-item .btn-style {
    margin-right: 20px;
}




.rmcontent-title h5 {
    font-weight: 600;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.rmcontent-title p {
    color: #000;
    font-size: 16px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.rmcontent-title p span {
    color: #000;
    font-size: 16px;   
    font-weight: bold;
}

.rmcontent-title {
    margin-bottom: 20px;
}

.rm-ser-btn {
    padding-left: 20px;
}

.rm-btn {
    min-width: 0;
}


/* ----------------- Code Start by Muneeb -------------------- */
.section_subheading {
	font-weight: semi-bold;
	margin-bottom: 14px; 
	text-align: center;
	color: #7db233;
}

.section_heading { 
    margin-bottom: 20px;
	text-align: center;
	font-size: 34px;
    font-weight: 700;
}

#features_kc {}

#features_kc .features_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 30px;
}

#features_kc .feature {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 24px;
}

#features_kc .feature_icon {
	border-radius: 50%;
	border: 4px solid #7db233;
	display: inline-block;
	width: 130px;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

#features_kc .feature_icon svg {
	fill: #7db233;
	height: auto;
	width: 50%;
}

#features_kc .feature_title {}

#features_kc .feature_description {
	flex: 1;
}

#features_kc .feature_btn {
	border: none;
	outline: none;
	margin: 0;
}

#support_kc {
	padding-bottom: 40px;
}

#support_kc .content {
	background-color: #8dc540;
	color: #ffffff;
	text-align: center;
	padding: 50px 5%;
}

#support_kc .section_heading {
/* 	font-size: 24px; */
}

#support_kc .section_description {
	font-size: 18px;
	margin-bottom: 30px;
}

#support_kc .cta_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

#support_kc .cta_tel,
#support_kc .cta_email {
	font-weight: bold;
	font-size: 18px;
}

#support_kc .cta_btn {
	
}
/*  Code by Haroon */
.jcarousel-old ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    max-width: 600px;
    margin: 0 auto;
}
.jcarousel-old ul li img {
    width: 100%;
	height: 400px;
    margin-bottom: 12px;
}
.jcarousel-old ul li span
{
	    color: #000;
    font-weight: 600;
}

.codiffy-jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    width: 100%;
	max-width: 1170px;
}
.codiffy_protectedsection .codiffy-jcarousel img {
     width: 100%;
    display: block;
    object-fit: contain;
    height: auto;
    max-width: 1170px;
}
.codiffy_protectedsection .codiffy-jcarousel {
    position: relative;
    overflow: hidden;
}

.codiffy_protectedsection .codiffy-jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.codiffy_protectedsection .codiffy-jcarousel li {
    float: left;
	position: relative;
}

/** Carousel Controls **/

.codiffy_protectedsection .codiffy-jcarousel-control-prev,
.codiffy_protectedsection .codiffy-jcarousel-control-next {
    position: absolute;
    top: 45%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    background: #034175;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.codiffy_protectedsection .codiffy-jcarousel-control-prev:hover,
.codiffy_protectedsection .codiffy-jcarousel-control-next:hover {
	background: #7db233;
    color: #fff;
}
.codiffy-jcarousel-wrapper ul li a {
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    background: #82b225;
    max-width: 110px;
     display: none;
    margin: 0 auto;
    font-size: 16px;
    padding: 10px;
}
.codiffy-jcarousel-wrapper ul li:hover a {
	display: inline-block;
}
.codiffy_protectedsection .codiffy-jcarousel-control-prev {
    left: -50px;
}

.codiffy_protectedsection .codiffy-jcarousel-control-next {
    right: -50px;
}

.codiffy_protectedsection .codiffy-jcarousel-control-prev:hover span,
.codiffy_protectedsection .codiffy-jcarousel-control-next:hover span {
    display: block;
}

.codiffy_protectedsection .codiffy-jcarousel-control-prev.inactive,
.codiffy_protectedsection .codiffy-jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/* ------- software products page ---------- */
#tools_sp {
	background: #F5F5F5;
}

#tools_sp .content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

#tools_sp .tool_wrapper_top {
	padding: 34px 5%;
	background-color: #ffffff;
	text-align: center;
	display: flex;
	flex-direction: column;
}

#tools_sp .tool_wrapper_top > div {
	flex: 1;
}

#tools_sp .tool_wrapper_top .tool_description {}

#tools_sp .tool_wrapper_top .tool_img_wrapper {
	width: 100%;
	height: auto;
}

#tools_sp .tool_wrapper_top .tool_img_wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#tools_sp .tool_wrapper_top .btn_groups {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 20px;
}

#tools_sp .tool_wrapper_top .btn_item {}

#tools_sp .tool_wrapper_top .btn_item button {}

#tools_sp .tool_wrapper_bottom {
	background-color: #ffffff;
	padding: 34px 5%;
	text-align: center;
	display: flex;
	flex-direction: column;
}

#tools_sp .tool_wrapper_bottom .tool_description {}

#tools_sp .tool_wrapper_bottom .tool_cta {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

#tools_sp .right_side {
/* 	width: 47%; */
}

#trial_sp {
	background-color: #8DC540;
}

#trial_sp .content {
	text-align: center;
	color: #ffffff;
}

#trial_sp {}

#demo_sp .content ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	text-align: center;
}

#demo_sp .content ul .email {
	color: #8DC540;
	font-size: 20px;
}

#status_gh {}

#status_gh .content {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

#status_gh .section_heading {
	text-align: left;
}

#status_gh .section_description {
	font-size: 15px;
}

#status_gh .section_img {}

#status_gh .section_img img {
	width: 100%;
}

#status_gh .left_side {
	width: 30%
}

#status_gh .right_side {
	width: 65%;
}

#status_gh .right_side .section-title {
	text-transform: capitalize;
}

#utilities_gh {
	background-color: #F5F5F5;
}

#utilities_gh .split_content {
	display: flex;
	justify-content: space-between;
}

#utilities_gh .left_side {
	width: 47%;
}

#utilities_gh .left_side .content,
#utilities_gh .right_side .content {
	margin-bottom: 40px;
}

#utilities_gh .left_side .icon,
#utilities_gh .right_side .icon {
	border-radius: 50%;
	border: 4px solid #7DB233;
	margin-bottom: 20px;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#utilities_gh .left_side .icon p,
#utilities_gh .right_side .icon p {
	width: 60%;
}

#utilities_gh .left_side .icon svg,
#utilities_gh .right_side .icon svg {
	fill: #7DB233;
	width: 100%;
	height: auto;
}

#utilities_gh .left_side h2,
#utilities_gh .right_side h2 {
	margin-bottom: 20px;
	font-weight: 600;
}

#utilities_gh .left_side .description,
#utilities_gh .right_side .description {}

#utilities_gh .right_side .description ul {
	margin: 0 0 10px 20px;
}

#utilities_gh .right_side .description ul li {
	list-style-type: disc;
}

#utilities_gh .right_side .content figure,
#utilities_gh .right_side .content figure img {
	width: 100%;
}

#utilities_gh .right_side {
	width: 47%;
}

#features_gh {}

#features_gh .content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 30px;
}

#features_gh .feature_container {}

#features_gh .feature_container h2 {}

#features_gh .feature_container ul {
   margin: 0 0 10px 20px;
}

#features_gh .feature_container li {
   list-style: disc;	
   padding-left: 10px
}

#pipeline_gh {
	background-color: #8DC540;
}

#pipeline_gh .content {
	max-width: 730px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
}

#pipeline_gh .content h3 {
	margin-bottom: 20px;
}

.hca_internal_wrapper ul {
	margin-bottom: 10px;
}

.hca_internal_wrapper h3,
.hca_internal_wrapper h2,
.hca_internal_wrapper h4 {
	padding-top: 6px;
	margin-bottom: 20px;
}

.hca_internal_wrapper a {
	color: #7DB233;
	text-decoration: underline;
}

.hca_internal_wrapper a:hover {
	text-decoration: none;
}

.hca_internal_wrapper br {
	display: none;
}

.hca_internal_wrapper ul li {
	list-style: disc;
	padding-left: 20px;
	margin-left: 20px;
}

.hca_internal_wrapper ol li {
	list-style: decimal;
	padding-left: 20px;
	margin-left: 20px;
}

/* faq styling */
#main_faq {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 30px;
  width: 100%;
  max-width: 1150px;
  background-color: #fff;
  margin: 0 auto;
  margin-top: 50px;
}

#main_faq .faq-title {
	text-align: center;	
}

#main_faq .topic {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: solid 1px #ebebeb;
}
#main_faq .open {
  cursor: pointer;
  display: block;
  padding: 0px;
}
#main_faq .open:hover {
  opacity: 0.7;
}
#main_faq .expanded {
  background-color: #f5f5f5;
  transition: all 0.3s ease-in-out;
}
#main_faq .question {
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
#main_faq .question:hover {
	color: #7DB233;
}
#main_faq .answer {
  font-size: 16px;
  line-height: 26px;
  display: none;
  margin-bottom: 30px;
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
}
#main_faq .faq-t {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  float: right;
  position: relative;
  top: -40px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  transition: all 0.3s ease-in-out;
}
#main_faq .faq-o {
  top: -40px;
  -moz-transform: rotate(-224deg);
  -ms-transform: rotate(-224deg);
  -webkit-transform: rotate(-224deg);
  transform: rotate(-224deg);
}


/* software products internal pages side navigation styling  */
	.menu-parent {
        text-align: left;
		background: #fff;
    	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    	padding: 20px;
      }

      .menu-parent.style2 {
        background: #f77528;
      }
      .menu-parent.style3 {
        background: #50bd0b;
      }
      .menu-parent * {
        margin: 0;
        padding: 0;
      }
      .menu-parent li {
        list-style: none;
      }
	  .menu-parent li:not(:last-child) {
		border-bottom: 1px solid rgba(0,0,0,0.1);  
	  }	
      .menu-parent ul ul {
        display: none;
      }
      .menu-parent li.active > ul {
        display: block;
      }
	  .menu-parent a.active {
		color: #7DB233;
	  }	
      .menu-parent > ul > li > a {
        position: relative;
        display: block;
        padding: 10px 0;
        font-size: 16px;
        line-height: 1.5;
        color: #333333;
        text-decoration: none;
		font-weight: 600;  
      }
      .menu-parent > ul > li > a .fa {
        margin-right: 8px;
      }
      .menu-parent ul ul li a {
        color: #333333;
        text-decoration: none;
        font-size: 16px;
        line-height: 1.5;
        display: block;
        padding: 10px 0;
        position: relative;
		font-weight: 500;  
      }
	  .menu-parent ul ul ul li a {
		padding-left: 10px;
 	  }	
      .menu-parent ul ul li a:hover {
        color: #7DB233;
      }
      .menu-parent ul ul ul {
        padding: 0;
      }
      .menu-parent a:not(:only-child):after {
        position: absolute;
        right: 20px;
        content: "\f107";
        top: 7.5px;
        font-size: 20px;
        font-family: FontAwesome;
      }
      .menu-parent .active > a:not(:only-child):after {
        content: "\f106";
        top: 7.5px;
        font-size: 20px;
        font-family: FontAwesome;
      }

	.mb_cutsheets_wrapper {}
	
	.mb_cutsheets_wrapper br {
		display: none;	
	}
	.mb_cutsheets_wrapper h2 {
		font-size: 20px;
		padding-bottom: 14px;
		margin-bottom: 15px;
		color: #674677;
		position: relative;
	}
	.mb_cutsheets_wrapper h2::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		height: 4px;
		width: 56px;
		background-color: #7DB233;
	}
	.mb_cutsheets_wrapper h3 {
		font-size: 16px;
		font-weight: 700;
		color: #674677;
		margin-bottom: 8px;
	}
	.mb_cutsheets_wrapper ul {
		margin-bottom: 15px;
		font-weight: 600;
	}
	.mb_cutsheets_wrapper ul p {
		margin: 0;
	}
	.mb_cutsheets_wrapper strong {}

/* careers page section opportunity */
.coddify_opportunity_title {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.5;
}

.coddify_section_opportunity {
	overflow: hidden;
}

.coddify_section_opportunity .btn-container {
	display: flex;
	flex-wrap: wrap;
/* 	justify-content: center; */
	gap: 20px;
}

.coddify_section_opportunity .privacy_btn {
	display: flex;
/* 	justify-content: center; */
	margin-left: 12.6%;
	margin-top: 50px;
}

.coddify_section_opportunity .privacy-btn {
	margin-left: 9.6%;
}

.coddify_section_opportunity a {
	position: relative;
	font-size: 18px;
	white-space: wrap;
}

.coddify_section_opportunity .content {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.coddify_section_opportunity .left-side {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.coddify_section_opportunity .right-side {
	flex: 1;
}

.coddify_section_opportunity .left-side h2 {
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 10px;
	font-size: 22px;
}

.coddify_section_opportunity .left-side .description {
	margin-bottom: 10px;
}

.coddify_section_opportunity .left-side .text-center {}

.coddify_section_opportunity .social-icons {
/* 	margin: 25px 0; */
}

.coddify_section_opportunity .right-side figure {
	height: 400px;
	margin-bottom: 0;
}

.coddify_section_opportunity figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.highlight-wrapper .graphic_chart_title {
	margin: 50px auto;
}

.highlight-wrapper .graphic-chart {
	width: 75%;
	margin: 0 auto;
}
.wpcf7-response-output,
.wpcf7-not-valid-tip {
	color: #fff !important;
}

.mub_focus_area {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-row-gap: 30px;
}
.mub_focus_area .img-fluid {
	max-width: auto;
}
.mub_focus_area .col-md-2 {
	max-width: 100%;
}

.codiffy_footer_logo {
	max-width: 230px;
}



/* --------------------- Locations Section ----------------------- */
#locations-home {
  padding-top: 30px;
  width: 100%;	
  position: relative;
}

#locations-home .heading {
  font-family: "Arial";
  font-size: 48px;
  text-align: center;
  color: #8fbb40;
  margin-bottom: 30px;
  font-weight: 800;
}

#locations-home .map-container {
  position: relative;
/*   display: flex;
  justify-content: center; */
} 

#locations-home .us-map {
  width: 100%;
  margin-bottom: 80px;
  position: relative;
}

/* #locations-home .us-map.popup-open {
  display: none;
} */

#locations-home .us-map .city-area {
  position: absolute;
  cursor: pointer;
}

#locations-home .us-map img {
  object-fit: fill;
}

.cls-2.active-state {
	fill: #8fbb40;
    cursor: pointer;
}

.cls-2.active-state:hover {
    fill: #295F82;
}

#locations-home .popup {
  width: 90%;
  margin: 0 auto;
  display: flex;
  border-radius: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s linear;
}

#locations-home .popup.popup-open {
  opacity: 1;
  visibility: visible;
  background: rgba(0,0,0,0.8)	
}

#locations-home .popup .left-side {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 5%;
}

#locations-home .popup .left-side .map {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 285px;
}

#locations-home .popup .left-side .state-map {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#locations-home .popup .left-side .map .pin-icon {
  width: 28.06px;
  height: 44.67px;
  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.16));
  position: absolute;
}

#locations-home .popup .right-side {
  width: 50%;
  padding: 45px 10%;
}

#locations-home .popup .right-side .state-name {
  font-weight: bold;
  font-family: 'Arial';	
  font-size: 30px;
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
  border-bottom: 2px solid #8fbb40;
  margin-bottom: 30px;
}

#locations-home .popup .right-side .state-locations-container {
  display: grid;
  grid-row-gap: 26px;
}

#locations-home .popup .right-side .city-name {
  font-weight: bold;
  font-family: 'Arial';		
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
}

#locations-home .popup .right-side .city-icons {
  text-align: center;
  margin-bottom: 5px;
}

#locations-home .popup .right-side .city-icons img {
  width: 31.13px;
  height: 27.99px;
}

#locations-home .popup .right-side .city-address,
#locations-home .popup .right-side .city-phone {
  font-size: 14px;
  font-family: 'Arial';		
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  font-style: normal;
}

#locations-home .popup .right-side .cta-btn {
	display: block;
    margin: 14px auto 0;
}

#locations-home .popup .close-btn {
  position: absolute;
  top: 2%;
  right: 2%;
  background-color: #8fbb40;
  color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;	
}

#locations-home ~ .row {
	margin-left: 0;
	margin-right: 0;
}

.datatablee_wrapper {
	display: flex;
	flex-wrap: wrap;
	row-gap: 50px;
}
.datatablee_wrapper ul li {
	list-style: none;
}
.datatablee_wrapper ul.f-option {
	padding-left: 0;
	margin-top: 105px;
}
.datatablee_wrapper .wpda_table .wpdt-c.wdt-skin-light {
    overflow-x: auto;
}
.page-id-19753 .wdtheader.sort::before,
.page-id-19753 .wdtheader.sort::after {
	display: none !important;
}
.datatablee_wrapper .wpda_table h2.wpdt-c {
	margin-left: -35%;
}

.filter-area-re ul.f-option {
	padding-left: 0;
}

header.tribe-events-header {
	z-index: 5;
}

header.tribe-events-calendar-list__event-header {
	position: relative;
}

header.tribe-events-calendar-list__event-header a,
header.tribe-events-calendar-list__event-header a:hover {
	border-bottom: none !important;
}

.quote-wrapper .img-hover-effect img {
	height: 100% !important;
	object-fit: cover;
}


/*////////// EVENTS PAGE ///////////*/
	.events-upcoming {
		background-image: url(../png/blog-bg.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
    .events-upcoming .events-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px;
        justify-content: center;
    }
    .events-upcoming .event {
        background: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
    }
    .events-upcoming .event h3 {
        margin-bottom: 15px;
    }
    .events-upcoming .event p {
		flex: 1; 
    }
	.events-upcoming .register-btn {
		margin-top: 15px;
	}
	.events-past {
		background-color: #EAEBEE;
		background-image: url(../png/dv-pattern.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
    .events-past ul {
    }
    .events-past .past-item {
		position: relative;
    }
	.events-past .event-link {
		display: block;
		color: inherit;
		display: grid;
    	grid-template-columns: 24% 1fr;
    	gap: 50px;
	}
	.events-past .past-item:not(:last-child) {
		margin-bottom: 50px;
	}
	.events-past .past-item::before {
		content: '';
		position: absolute;
		bottom: -20px;
		left: 50%;
		transform: translatex(-50%);
		width: 96%;
		height: 1px;
		background-color: #D3D3D3;
	}
	.events-past .past-item h4 {
		width: 100%;
	}	
	.events-past .past-item p {
		font-size: 18px;
	}
	.events-past .past-item:last-child::before {
	    content: none !important;
	    visibility: hidden;
    }


/* project experience page */
#project-experience {
	background: url(../jpg/proj-exp-bg.jpg) no-repeat right / contain;
}

#project-experience .content {
}

#project-experience .section-heading {
	font-size: 4.25em;
    color: #2a5f82;
	margin-bottom: 30px;
}

#project-experience .subtitle {
	font-weight: 300;
    font-size: 2em;
    color: #684678;
    line-height: 1.2em;
	margin-bottom: 70px;
}

#project-experience .services-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
	column-gap: 30px;
	row-gap: 18px;
}

#project-experience .service-item {
	color: #ffffff;
    background-color: #8ebb40;
	padding: 14px 20px;
	display: inline-block;
	border: 3px solid #fff;
	transition: all .2s;
	border-radius: 4px;
	display: flex;
	align-items: center;
}

#project-experience .service-item h2 {
	font-size: 1.1em;
	margin-left: 10px;
	transition: all .2s;
	margin-bottom: 0;
}

#project-experience .service-item h2::after {
	line-height: 1em;
    content: "\203A";
    opacity: 0;
    position: absolute;
	top: 50%;
	transform: translatey(-50%);
    margin-left: -1em;
    transition: all .2s;
    font-feature-settings: "kern" off;
	font-size: 28.8px;
}

#project-experience .service-item:hover {
	background-color: #2a5f82;
}
#project-experience .service-item:hover h2::after {
	opacity: 1;
	margin-left: .5em;
}
#project-experience .service-item:hover h2 {
	transform: translateX(-3px);
	margin-left: 0;
}

/* ----------------- Code End by Muneeb -------------------- */

/* Code by Haroon */
.page-id-18337 .project-content {
    min-height: 227px !important;
}
/* Code by Haroon to Hide autrhor name  */
.aioseo-author-bio-compact {
display:none !important
}

/* Code by Haroon to fix mega menu */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:before {
    content: '\f140';
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}

/* Custom CSS Code by Blue Bison Digital */
.segment-tile .bg-white {
    position: static;
    padding-bottom: 100px !important;
}
.segment-tile .bg-white a {
    position: absolute !important;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
}