/* CSS FILE CREATED BY GABRIEL BELTRAN */


/* global css color */

:root {
    --wp_blue: #32b1e7;
    --wp_black: #191512;
    --wp_white: #ffffff;
    --wp_gray: #929394;
    --wp_darkgray: #5c5e60;
    --wp_lightgray: #dde0e4;
}


/* global css */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

p,
h1,
h2,
h3 h4,
h5,
h6,
span {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8;
}

/* heading */

.wp-heading-section {
    background-color: var(--wp_blue);
    padding: 20px 0px;
    position: relative;
}

.wp-heading-section:after {
    background: #32b1e7;
    content: '';
    top: -15px;
    right: 0;
    width: 300px;
    height: 25px;
    position: absolute;
    z-index: 9999;
    border-top-left-radius: 45px;
}

.wp-heading-title {
    font-size: 18px;
    font-weight: 400;
    color: var(--wp_white);
    text-transform: uppercase;
}


/* banner global css */

.wp-banner-title {
    font-size: 30px;
    color: var(--wp_white);
}

.wp-banner-subtitle {
    font-size: 25px;
    color: var(--wp_white);
}

.wp-banner-content {
    color: var(--wp_white);
}


/* section */

.wp-section-title {
    font-size: 30px;
}


/* content css */

.wp-content-title {
    font-size: 25x;
}

.wp-content-subtitle {
    font-size: 25px;
}

.wp-main-content {
    font-size: 18px;
    color: var(--wp_white);
}


/* Home Page */

.wp-home-banner {
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -100px;
}

.wp-home-title {
    position: relative;
    margin-top: 100px;
}


.wp-home-banner .padd-100 {
    padding-top: 100px;
}

.wp-home-banner .container .wp-homebanner-subheading h6 a {
    text-decoration: none;
    font-size: 17px;
    color: var(--wp_white);
    text-align: center;
    padding-bottom: 10px;
    text-decoration: none;
    border-bottom: 3px solid var(--wp_blue);
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

.wp-home-banner .container .wp-homebanner-subheading h6 {
    text-align: center;
}

.wp-home-banner .container .wp-homebanner-subheading h6 a:hover {
    text-decoration: none;
    letter-spacing: 1px;
}

.wp-home-banner .wp-homebanner-quote {
    width: 60%;
    margin: 0 auto;
    padding: 100px 0;
}

.wp-home-banner .wp-homebanner-quote h2.wp-homebanner-content {
    text-align: center;
    font-size: 31px;
    color: var(--wp_white);
    letter-spacing: 3px;
    font-weight: 500;
}

.wp-home-banner .wp-homebanner-quote h3.wp-homebanner-author {
    text-align: center;
    font-size: 18px;
    color: var(--wp_white);
    font-weight: 500;
    letter-spacing: 3px;
    margin-top: 30px;
}

.wp-home-details {
    padding-bottom: 100px;
}

.wp-home-details-cont {
    width: 60%;
}

.wp-home-details .wp-homedetails-title {
    font-size: 39px;
    color: var(--wp_darkgray);
    letter-spacing: 3px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}

.wp-home-details p {
    color: var(--wp_darkgray);
    letter-spacing: 2px;
    margin-top: 20px;
}

a.wp-homedetails-link {
    font-size: 17px;
    font-weight: 600;
    color: var(--wp_blue);
    letter-spacing: 3px;
    text-align: right;
    text-transform: uppercase;
    margin-top: 30px;
    display: block;
}

a.wp-homeproj-link {
    font-size: 17px;
    font-weight: 600;
    color: var(--wp_blue);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.wp-home-project {
    margin-top: 100px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

.wp-home-project .homepage-card {
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 0px !important;
    padding-bottom: 50px;
}

.wp-home-project .homepage-card-third {
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 0px !important;
    padding-bottom: 0;
}

.homepage-card p {
    font-weight: 400;
    color: var(--wp_white);
    letter-spacing: 1px;
    line-height: 1.8;
}

.homepage-card h3 {
    font-weight: 600;
    color: var(--wp_white);
    text-transform: uppercase;
    letter-spacing: 3px;
}

.wp-home-project .homeproj-img-top {
    margin-top: -50px;
}

.wp-home-project .homeproj-img-bottom {
    margin-bottom: -50px;
}

.wp-home-project .home-proj-images {
    width: 100%;
    height: 100%;
    float: right;
}

.wp-home-project .card-block {
    padding-left: 50px !important;
}

.wp-home-featuredproject {
    margin-top: 150px;
}

.wp-home-featuredproject .wp-bg-gray {
    background-color: var(--wp_lightgray);
    padding: 100px;
}

.col-sm-5.wp-bg-gray::after {
    content: ' ';
    background-color: var(--wp_lightgray);
    position: absolute;
    right: 0;
    bottom: -5%;
    z-index: 9999;
    width: 100%;
    height: 25px;
}

.wp-bg-gray::before {
    background-color: var(--wp_lightgray);
    content: '';
    top: -25px;
    right: 0;
    width: 100%;
    height: 25px;
    position: absolute;
    z-index: 9999;
}

.wp-home-featuredproject .wp-bg-gray h3 p {
    color: var(--wp_black);
    font-size: 18px;
    margin-bottom: 50px;
    letter-spacing: 2px;
}

.wp-home-featuredproject .wp-bg-gray h4 {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 3px;
}

.wp-home-featuredproject .wp-bg-gray p {
    color: var(--wp_black);
    font-weight: 400;
    letter-spacing: 1px;
}

.wp-home-featuredproject .wp-bg-gray a {
    font-size: 18px;
    color: var(--wp_blue);
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out;
}

.wp-home-featuredproject .wp-bg-gray a:hover {
    font-size: 18px;
    color: var(--wp_blue);
    letter-spacing: 2px;
    text-decoration: none !important;
}

.wp-home-featuredproject .wp-featuredproject-imgbg {
    background-size: cover;
    background-repeat: no-repeat;
}

.wp-home-team {
    margin-top: 100px
}

section.wp-home-team .hover-image {
    /*height: 500px;*/
}

section.wp-home-team .carousel .hover-image .link-hover {
    /*height: 500px;*/
    text-align: center;
}

.wp-home-team .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.wp-home-team .ml-auto,
.mx-auto {
    margin-left: 0px !important;
}

.wp-home-team .mr-auto,
.mx-auto {
    margin-right: 0px !important;
}

.wp-home-team .carousel-inner .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.wp-home-team h2 {
    font-size: 25px;
    font-weight: 500;
    color: var(--wp_darkgray);
    text-align: center;
    padding: 50px 0px 50px 0px;
    letter-spacing: 2px;
}

.wp-home-sendmessage {
    padding: 100px;
    background-color: var(--wp_lightgray);
}

.wp-home-sendmessage .container {
    width: 60%;
}

.wp-home-sendmessage h3 {
    font-size: 25px;
    font-weight: 500;
    color: var(--wp_darkgray);
    text-align: center;
    padding: 50px 0px 50px 0px;
    letter-spacing: 2px;
}

.wp-home-sendmessage input,
.wp-home-sendmessage textarea {
    background: transparent;
    border: 4px solid #fff;
    border-radius: 0px;
}

.wp-home-sendmessage input.wpcf7-form-control.wpcf7-submit.btn.btn-lg {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 5%;
    color: #4c4e51;
    background: none;
    border: 4px solid #fff;
    border-radius: .3rem;
}


/* locations */

.wp-locations {
    text-align: center;
}

.wp-locations .wp-bg-blue {
    background-color: var(--wp_blue);
    border-left: 2px solid var(--wp_white);
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;

}
.wp-locations .wp-bg-blue a{
    color: var(--wp_black);
}
.wp-locations .wp-bg-blue a:hover{
    text-decoration: none;
    cursor: pointer;
}
.wp-locations img {
    padding: 15px;
}

.wp-locations .wp-bg-blue h3 {
    font-size: 18px;
    color: var(--wp_white);
    padding: 15px;
    letter-spacing: 10px;
}

.wp-locations .wp-bg-blue p {
    font-size: 16px;
    font-weight: 600;
    color: var(--wp_black);
    letter-spacing: 2px;
    line-height: 1;
}

.wp-locations .wp-bg-blue .wp-location-number {
    font-size: 16px;
    color: var(--wp_black);
    letter-spacing: 2px;
    line-height: 4;
}

@media (max-width: 1300px){
    .wp-locations .wp-bg-blue p { font-size: 14px; }
    .wp-locations .wp-bg-blue .wp-location-number { font-size: 14px; }
}


/* team home carousel */


/* show 3 items */

.carousel-inner .active,
.carousel-inner .active+.carousel-item,
.carousel-inner .active+.carousel-item+.carousel-item {
    display: block;
}

.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
    transition: none;
}

.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
}

.carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
}


/* left or forward direction */

.active.carousel-item-left+.carousel-item-next.carousel-item-left,
.carousel-item-next.carousel-item-left+.carousel-item,
.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}


/* farthest right hidden item must be abso position for animations */

.carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
}


/* right or prev direction */

.active.carousel-item-right+.carousel-item-prev.carousel-item-right,
.carousel-item-prev.carousel-item-right+.carousel-item,
.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
}


/* project page */

.wp-heading-title p {
    margin-bottom: 0px;
}

.wp-project-banner {
    padding: 200px 0;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.wp-project-banner h1 {
    color: var(--wp_white);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.wp-project-banner p{
    color: var(--wp_white);
}
.wp-project-banner h2 {
    color: var(--wp_white);
    margin-bottom: 0;
}

.wp-banner-content p a {
    font-size: 18px;
    color: var(--wp_blue);
    letter-spacing: 5px;
    font-weight: 600;
}

.wp-banner-content p a:hover {
    font-size: 18px;
    color: var(--wp_blue);
    text-decoration: none;
    letter-spacing: 5px;
    font-weight: 600;
}

section.wp-project-banner .wp-banner-content {
    line-height: 2;
    margin-bottom: 50px;
}

.wp-porject-services a.h3 {
    color: var(--wp_darkgray);
}

.link-arrow {
    color: var(--wp_white);
}

.text-div {
    margin: 0 auto;
}

.viewcategory-title {
    font-family: "Open Sans";
    font-size: 30px;
    text-align: center;
}

#gallery-tab-title {
    text-align: center;
}

.gallery-proj-row {
    margin: 100px 0;
}

.btn-tabgallery {
    background-color: transparent;
    font-family: "Open Sans";
    color: #4d4e52;
}

.col-tab-images {
    margin-top: 50px;
    text-align: center;
    position: relative;
}

.img-gallery-proj {
    width: 100%;
    position: relative;
    object-fit: cover;
}

.hover-image {
    position: relative;
    cursor: pointer;
    padding-right: 0px !important;
    padding-left: 0px !important;
    display: none;
    /*height: 400px;*/
    overflow: hidden;
}

.show {
    display: block;
}

.showcheck {
    box-shadow: none !important;
    color: #32b1e6;
}

.showcheck:before {
    content: '\2713';
    display: inline-block;
    color: #32b1e6;
    padding: 0 6px 0 0;
}

.wp-project-category {
    width: 100%;
    display: table;
    margin: 0 auto;
    text-align: center;
}

section.wp-project-category h2 {
    color: #4d4e52;
    font-weight: 600;
}

.wp-porject-services {
    text-align: right;
    padding: 100px 0px 50px 0px;
}

.link-hover {
    position: absolute;
    background-color: #3695be8a;
    width: 100%;
    height: 100%;
    top: 0%;
    ;
    display: none;
    color: #fff;
}

.link-hover a {
    color: var(--wp_white);
}

.proj-img-title {
    font-size: 30px;
    margin-top: 100px;
}

.link-hover i {
    font-size: 40px;
}

.hover-image:hover .link-hover {
    display: block;
}

.breadcrum-bottom {
    font-family: "Open Sans";
    font-size: 35px;
    text-align: right;
    margin-top: 100px;
    margin-right: 50px;
}


/* Project Details */

.wp-ProjectDetails-Content {
    padding: 100px 0px 100px 0px;
}

.wp-ProjectDetails-Content .col-sm-4 {
    text-align: center;
}

.wp-ProjectDetails-Content .rounded-circle {
    border: 10px solid #dde0e4;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.wp-ProjectDetails-Content h4 {
    font-size: 15px;
    text-align: center;
    color: var(--wp_darkgray);
}

.wp-ProjectDetails-Content h3 {
    font-size: 20px;
    text-align: center;
    color: var(--wp_darkgray);
}

.wp-ProjectDetails-Content h2 {
    font-size: 30px;
    font-weight: 500;
    color: var(--wp_darkgray);
}

.wp-ProjectDetails-Content span:first-of-type {
    font-size: 18px;
    font-weight: 500;
    color: var(--wp_darkgray);
    margin-top: 50px;
}

.wp-ProjectDetails-Content span {
    font-size: 17px;
    font-weight: 500;
    color: var(--wp_darkgray);
    margin-top: 50px;
}

.wp-ProjectDetails-Content .wp-ProjectDetails-Engineer {
    margin-top: 50px;
}

.wp-ProjectDetails-Content .wp-ProjectDetails-location {
    margin-top: 50px;
}

.wp-ProjectDetails-Content .wp-ProjectDetails-architecture {
    margin-top: 50px;
}

.wp-ProjectDetails-Gallery .col-sm-6 img {
    width: 100%;
    height: 100%;
    padding: 0px 6px 0px 6px;
}

.wp-ProjectDetails-Gallery .col-sm-12 img {
    width: 100%;
}

.wp-ProjectDetails-Moreproject {
    text-align: center;
    padding: 20px 0px 0px 0px;
}

.wp-ProjectDetails-Moreproject .wp-projectdetails-background {
    background-color: #dde0e4;
    padding: 50px 0px 50px 0px;
}

.wp-ProjectDetails-Moreproject h2 {
    font-size: 35px;
    font-weight: 500;
    color: var(--wp_black);
}


/* team details */

.wp-teamdetails-content {
    padding: 100px 0px;
}

.wp-teamdetails-content .rounded-circle {
    border: 7px solid #dde0e4;
    width: 400px;
    height: 400px;
    object-fit: cover;
    margin-bottom: 15px;
}

.wp-teamdetails-content .col-md-4 {
    text-align: center;
}

section.wp-teamdetails-content blockquote {
    padding-left: 30px;
    border-left:7px solid #ccc;
}

.wp-teamdetails-content h3{
    font-size: 18px;
    font-weight: 600;
    color: var(--wp_black);
    letter-spacing: 3px;
}
.wp-teamdetails-content .col-sm-4 h3 p {
    margin-top: 50px;
    margin-bottom: 25px;
}

.wp-teamdetails-content .wp-teamdetails-project-title p {
    font-size: 18px;
    color: var(--wp_blue);
}

.wp-teamdetails-content h4 p {
    font-size: 18px;
    letter-spacing: 5px;
    color: var(--wp_black);
    margin-top: 25px;
    margin-bottom: 10px;
}

.teamdetails-description {
    padding: 50px 40px;
}

section.wp-teamdetails-content .teamdetails-description p {
    color: var(--wp_darkgray);
    letter-spacing: 1px;
}

.wp-MeetTeam {
    background-color: #dde0e4;
}

.wp-MeetTeam h2 {
    font-size: 25px;
    font-weight: 500;
    color: var(--wp_darkgray);
    text-align: center;
    padding: 50px 0px 50px 0px;
    letter-spacing: 2px;
}

section.wp-MeetTeam .img-gallery-proj {
    height: 300px;
}

.wp-MeetTeam .hover-image {
    height: 300px;
}

section.wp-MeetTeam .link-hover {
    height: 300px;
    text-align: center;
}

section.wp-MeetTeam .link-hover .proj-img-title {
    margin-top: 50px;
}


/* About us */

.wp-about-info h3 {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.wp-about-headings p {
    font-size: 17px;
}

.wp-engineering-team-info {
    padding: 100px 0px;
}


/* Team Details About us */

.wp-Aboutus-team {
    text-align: center;
    background-color: var(--wp_white);
}

.wp-Aboutus-team h1 p {
    padding: 40px 0px 0px 0px;
    color: var(--wp_blue);
    font-weight: 400;
    letter-spacing: 5px;
}

.wp-Aboutus-team h3 p {
    padding: 100px 0px 50px 0px;
    font-weight: 400;
    letter-spacing: 5px;
}

.wp-about-story {
    background-color: var(--wp_lightgray);
}

.wp-about-story img {
    margin-top: -55px;
    height: auto;
    width: 100%;
}

.wp-about-story .col-lg-7 {
    padding: 100px;
}

.wp-about-story h3 {
    letter-spacing: 5px;
}

.wp-about-story h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--wp_black);
    letter-spacing: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
}


/* News or Blog */

.wp-blog-banner {
    height: 350px;
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.wp-blog-content {
    padding: 100px 0px;
}

.wp-blog-content .wp-blogcol-image {
    text-align: center;
}

.wp-blog-content .wp-blogcol-image .rounded-circle {
    border: 10px solid #dde0e4;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.wp-blog-content .wp-blogcol-image h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--wp_black);
    letter-spacing: 4px;
    margin-top: 30px;
}

.wp-blog-content .wp-blogcol-image span {
    font-size: 18px;
    font-weight: 600;
    color: var(--wp_darkgray);
    letter-spacing: 4px;
}

.wp-blog-content .wp-blogcol-content h1 {
    font-weight: 600;
    color: var(--wp_darkgray);
    letter-spacing: 5px;
    text-transform: uppercase;
}

.wp-blog-content .wp-blogcol-content h3 {
    font-weight: 400;
    color: var(--wp_darkgray);
    letter-spacing: 5px;
    margin-top: 20px;
    text-transform: uppercase;
}

.wp-blog-content .wp-blogcol-content blockquote h3 p {
    text-transform: none;
}

.wp-blog-content .wp-blogcol-content span p {
    font-size: 17px;
    color: var(--wp_darkgray);
}

.wp-blog-content .wp-blogcol-content blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
}

.wp-blog-content .wp-blogcol-content blockquote h3 {
    letter-spacing: 2px;
    font-weight: 600;
    padding-left: 5px;
}

.wp-blog-images {
    text-align: center;
    padding: 0px 0px 100px 0px;
}

.two-col-image {
    padding: 15px;
}

.wp-blog-images .two-col-image img {
    height: 100%;
    object-fit: cover;
}

.wp-blog-images .three-col-image img {
    height: 100%;
    object-fit: cover;
}

.wp-blog-related {
    padding: 60px;
    background-color: var(--wp_lightgray);
}

.wp-blog-related h3 {
    text-align: center;
    margin-bottom: 50px;
}

.wp-blog-related .container .card-deck .card {
    flex: 1 0 30%;
    max-width: 30%;
}

.wp-blog-related .card-deck .card .wp-image-RelatedBlog {
    height: 300px;
    object-fit: cover;
}

.wp-blog-related .card-deck .card-body .card-title {
    font-size: 18px;
    color: var(--wp_darkgray);
    letter-spacing: 3px;
    text-transform: uppercase;
}

.wp-blog-related .card-deck .card-body .card-text p {
    font-size: 17px;
    color: var(--wp_darkgray);
}

.wp-blog-related .card-deck .card-body .card-text a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--wp_blue);
}

.wp-blog-related .card-deck .card-body .card-text a:hover {
    color: var(--wp_blue);
}


/* news PAge */

.wp-news-banner .wp-articlet-padding {
    padding: 50px;
}

.wp-news-banner .wp-articlet-padding h3 {
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--wp_darkgray);
}

.wp-news-banner .wp-articlet-padding span {
    display: block;
}

.wp-news-banner .wp-articlet-padding h6 a {
    font-weight: 600;
    color: var(--wp_blue);
    letter-spacing: 3px;
}

.wp-blog-related .container .card-deck .set-col .card {
    flex: 1 0 30%;
    max-width: 100%;
}

.wp-blog-related .container .card-deck .setHeight .card {
    flex: 1 0 30%;
    max-width: 100%;
}

.wp-blog-related .container .card-deck .setHeight .card .wp-image-RelatedBlog {
    height: 606px;
}

.setHeight {
    margin-bottom: 25px;
}

.wp-blog-related .container .card-deck .numcol-6 {
    margin-top: -300px
}

.wp-blog-related .container .card-deck .numcol-4 {
    margin-top: -300px
}

.wp-heading-section .wp-divcategory {
    margin-top: -25px;
}

.wp-heading-section .wp-new-categorylist {
    color: var(--wp_white);
    padding: 10px;
    text-transform: uppercase;
}


/* Service Development */

.wp-Development-Banner {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 100px;
}

..wp-Development-Banner .container {
    padding: 100px;
}

.wp-Development-Banner img {
    margin-top: 100px;
}

.wp-Development-Banner h1 {
    font-weight: 500;
    color: var(--wp_white);
    letter-spacing: 10px;
    margin-top: 50px;
    margin-bottom: 100px;
}

.wp-development-content {
    padding: 100px 0px;
}

.wp-development-content .col-sm-8 {
    padding-right: 100px;
}

.wp-development-content h3 p {
    font-weight: 500;
    letter-spacing: 5px;
}

.wp-development-content .wp-development-contentOne {
    font-weight: 600;
    letter-spacing: 2px;
}

.wp-development-content p {
    letter-spacing: 2px;
}

.wp-development-experience {
    padding: 100px 0px 70px;
    background-color: var(--wp_lightgray);
}

.wp-development-experience h3 {
    font-size: 18px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--wp_black);
}

.wp-development-experience .wp-development-experiences {
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 50px;
}

.wp-development-experience hr {
    border: 2px solid var(--wp_white);
    width: 90%;
    margin-left: 1px;
}

.wp-development-experience .col-sm-6 {
    text-align: right;
}

.wp-development-experience img {
    width: 90%;
    height: 100%;
}
.wp-development-featuredproject {
    background-color: var(--wp_lightgray);
    padding: 50px 0px 64px;
}

.wp-development-featuredproject .wp-bg-gray {
    background-color: var(--wp_white);
    padding: 100px;
    margin: -40px 0;
}

.col-sm-5.wp-bg-gray::after {
    content: ' ';
    background-color: var(--wp_white);
    position: absolute;
    right: 0;
    bottom: -5%;
    z-index: 9999;
    width: 100%;
    height: 25px;
}

.wp-bg-gray::before {
    background-color: var(--wp_white);
    content: '';
    top: -25px;
    right: 0;
    width: 100%;
    height: 25px;
    position: absolute;
    z-index: 9999;
}

.wp-development-featuredproject .wp-bg-gray h3 p {
    color: var(--wp_black);
    font-size: 18px;
    margin-bottom: 50px;
    letter-spacing: 2px;
}

.wp-development-featuredproject .wp-bg-gray h4 {
    color: var(--wp_black);
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: 5px;
}

.wp-development-featuredproject .wp-bg-gray p {
    color: var(--wp_black);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2px;
}

.wp-development-featuredproject .wp-bg-gray a {
    font-size: 18px;
    color: var(--wp_blue);
    letter-spacing: 3px;
}

.wp-development-featuredproject .wp-bg-gray a:hover {
    font-size: 18px;
    color: var(--wp_blue);
    letter-spacing: 3px;
    text-decoration: none;
}

.wp-development-featuredproject .wp-featuredproject-imgbg {
    background-size: cover;
    background-repeat: no-repeat;
}


/* heading home */

.wp-heading-section .wp-new-categorylist:hover {
    color: var(--wp_white);
    text-decoration: none;
}


/* category template */

.wp-category-breadcrumbs {
    text-align: center;
}


/* footer */

.footer {
    margin-top: 0px !important;
}


/** CSS Added by nicko **/
.b-lazy {
    -webkit-transition: opacity 500ms ease-in-out;
       -moz-transition: opacity 500ms ease-in-out;
         -o-transition: opacity 500ms ease-in-out;
            transition: opacity 500ms ease-in-out;
             max-width: 100%;
               opacity: 0;
}
.b-lazy.b-loaded {
               opacity: 1;
}

/* Home
**********************/

.wp-home-title {
    margin-top: 250px;
    padding: 100px 50px;
    position: relative;
}

.wp-home-title:before {
    content: '';
    position: absolute;
    background: rgba(52, 120, 156, 0.5);
    left: 0;
    top: 0;
    width: 95%;
    height: 100%;
    margin-left: -15px;
    border-bottom-right-radius: 500px;
    z-index: 1;
}

.wp-home-title h1 {
    text-align: center;
    color: var(--wp_white);
    font-weight: 500;
    letter-spacing: 10px;
    line-height: normal;
    margin-left: 0;
    margin: 0;
    position: relative;
    z-index: 2;
    font-size: 42px;
    margin: 0;
}

.wp-home-featuredproject .wp-bg-gray {
    /*margin-top: -40px;
    margin-bottom: -40px;*/
    margin:0;
}

input.wpcf7-form-control.wpcf7-submit.btn.btn-lg {
    transition: 0.3s all ease-in-out;
}

input.wpcf7-form-control.wpcf7-submit.btn.btn-lg:hover {
    background: var(--wp_blue);
    color: #fff;
}

.wp-home-featuredproject .wp-bg-gray h4 {
    font-weight: 700;
    color: #4c4e51;
    text-transform: uppercase;
}

.wp-home-featuredproject .wp-bg-gray h3 {
    color: #4c4e51;
    font-weight: 600;
    margin-bottom: 30px;
}

.wp-home-featuredproject .wp-bg-gray a {
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
    transition: 0.3s all ease-in-out;
}

.wp-home-featuredproject .wp-bg-gray a:hover {
    text-decoration: underline;
}

.wp-home-featuredproject .wp-featuredproject-imgbg {
    /*background-attachment: fixed;*/
    background-position: center;
    margin:40px 0;
}

.page-project .wp-project-banner a {
    color: #32b1e7;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.page-project .wp-project-banner a:hover{
    letter-spacing: 2px;
    text-decoration: none;
}

.wp-project-banner {
    position: relative;
}

.wp-project-banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}

.wp-Aboutus-team h1 {
    text-transform: uppercase;
    font-weight: 600;
    color: #32b1e7;
    margin: 100px 0 20px;
}

.wp-Aboutus-team h3,
.wp-environment-team-info h4 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 50px;
}

.wp-Aboutus-team .wp-partners {
    padding-bottom: 100px;
}

.wp-environment-team-info {
    padding-bottom: 100px;
}

.contact-location {
    background: #32b1e7;
    color:#082341;
}
.contact-location a, .contact-location h3{
    color:#fff;
}
.contact-location .location-wrapper{
    border:1px solid #fff;
}
.contact-location .location-wrapper:nth-child(3),
.contact-location .location-wrapper:last-child {
    border-bottom: none;
}

.contact-location .location-wrapper:nth-child(even) {
    border-right: none;
}

.contact-location .location-wrapper:nth-child(odd) {
    border-left: none;
}
.wp-contact-form .contact-form-wrapper{
    background: #dde0e4;
    margin-top: -150px;
}
.wp-title-top {
    padding: 200px 0 300px;
    color:#fff;
}

.wp-news-title {
    float: left;
}

/* Team Section Hover Effect */
.wp-sec-team h2{
    font-size: 25px;
    font-weight: 500;
    color: var(--wp_darkgray);
    text-align: center;
    padding: 100px 0px 50px 0px;
    letter-spacing: 2px;
}
.wp-team-caro .wp-team-caro-item{
   /* -webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;*/
    overflow: hidden;
    margin: 0;
}

.wp-team-caro figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

.wp-team-caro figure > div {
	overflow: hidden;
}

.wp-team-caro figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    width: 100%;
}

.wp-team-caro figure:hover img,
.wp-team-caro figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.wp-team-caro figcaption {
	height: 100%;
	width: 50%; 
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px;
        background: #32b1e7;
}
.wp-team-caro figcaption h3{
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin-bottom: 5px;
}
.wp-team-caro figcaption p{
    font-size: 14px;
    color: #dde0e4;
    line-height: 1.2;
    text-align:left;
}
.wp-team-caro figure:hover figcaption,
.wp-team-caro figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.wp-team-caro figcaption a {
	position: absolute;
	bottom: 20px;
    right: 20px;
    background: #082341;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    transition:all 0.3s ease-in-out;
}
.wp-team-caro figcaption a:hover{
    background:#0c1e2b;
}
/* Header */
.home .wp-header{
    background: transparent;
}
.wp-header{
    background: #212225;
}
.wp-header .wp-logo{
    width: 200px;
    transition: all 0.5s ease-in-out;
}
.wp-header .wp-scroll .wp-logo{
    width: 170px;
}
.wp-header.header .navbar{
    height: auto;
    max-height: initial;
    background: transparent;
    padding: 20px 15px;
    transition: all 0.5s ease-in-out;
}
#menu-main-menu li a{
    position: relative;
    outline: none;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
}
#menu-main-menu li a:before, #menu-main-menu li a:after{
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: -1px;
    background: #fff;
}
#menu-main-menu li a:before{
    left: 0;
}
#menu-main-menu li a:after{
    right: 0;
    background: #14bcff;
    transition: width .8s cubic-bezier(.22,.61,.36,1);
}
#menu-main-menu li a:hover, #menu-main-menu li a:focus{
    background: none;
    color: #32b1e7;
}
#menu-main-menu li a.active{
    font-weight: bold;
}
#menu-main-menu li a:hover:before{
    background: #14bcff;
    width: 100%;
    transition: width .5s cubic-bezier(.22,.61,.36,1);
}
#menu-main-menu li a:hover:after{
    background: transparent;
    width: 100%;
    transition: 0s;
}
#burger {
    margin: auto;
    width: 34px;
    border-top: 2px solid #fff;
    transition: all .3s;
    cursor: pointer;
    position: relative;
    height: 12px;
    margin-top: 7px;

}
#burger:before {
    position: absolute;
    top: -12px;
    left: 0px;
    height: 2px;
    content: "";
    background: #fff;
    width: 100%;
    transition: all .3s;
    transform: rotate(0deg);
}
#burger:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 2px;
    content: "";
    background: #fff;
    width: 100%;
    transition: all .3s;
    transform: rotate(0deg);
}
#burger.active {
    border-top: 8px solid transparent;
}

#burger.active:after {
    transform: rotate(45deg);
    bottom: 5px;
}

#burger.active:before {
    transform: rotate(-45deg);
    top: -3px;
}
.header.wp-header .navbar-toggler{
    float:right;
    margin-top: 18px;
}
.wp-header.header .navbar.wp-scroll .navbar-toggler{
    margin-top: 10px;
}
.header.wp-header .fixed-top .navbar-toggler{
    margin-top: 10px;
}
.wp-call-btn .btn-call{
    border: none;
    background: transparent;
    color: var(--wp_blue);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 23px;
    text-transform: uppercase;
    padding:0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.wp-call-btn .btn-call:hover{
   color: #fff;
}
.wp-call-btn .btn-call:active, .wp-call-btn .btn-call:focus, .wp-head-close:active, .wp-head-close:focus{
   appearance: none;
   -ms-progress-appearance: none;
   -webkit-appearance: none;
}
.wp-header.header .navbar.wp-scroll {
    background: #212225 !important;
    padding: 10px 15px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.wp-bg-gray::before, .col-sm-5.wp-bg-gray::after{
    content:none;
}
.wp-header.header .navbar-expand-lg{
    display: block;
}
div#wp-head-contact {
    background: #212225;
    margin-bottom: 15px;
    margin: -20px -15px 15px;
    position: relative;
}
#wp-head-contact .wp-head-contact-cont{
    padding: 35px 50px;
}

#wp-head-contact .footer-contact-widget{
    text-align: center;
}
#wp-head-contact .footer-contact-widget a{
    color: #b7b7b7;
    transition: all 0.3s ease-in-out;
}
.wp-footer-sec .footer-contact-widget a{
    color: #fff;
    transition: all 0.3s ease-in-out;
}
#wp-head-contact .footer-contact-widget a:hover, .wp-footer-sec .footer-contact-widget a:hover{
    color: #fff;
    color:#32b1e7;
    text-decoration: none;
}
#wp-head-contact .footer-contact-widget p{
    color: #b7b7b7;
}
.wp-head-close{
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #eee;
    position: absolute;
    top: 10px;
    cursor: pointer;
}
.wp-head-close:hover{
    color:#f44336;
}
#wp-head-contact .footer-contact-widget:nth-child(4) p, #wp-head-contact .footer-contact-widget:nth-child(1) h3{
    margin:0;
}
.wp-locations .wp-bg-blue:first-child{
    border-left: none;
}
/* Breadcrumbs */
.wp-heading-section .breadcrumb .breadcrumb-item{
    text-transform: uppercase;
    color:#fff;
    letter-spacing: 1px;
}
.wp-heading-section .breadcrumb-item+.breadcrumb-item::before{
    color:#fff;
}
/*project page*/
.wp-filter-group-btn h2{
    text-transform: uppercase;
}
.page-project .wp-project-banner a span{
    color:#fff;
}
.wp-filter-group-btn .btn-filter{
    color: #4d4e52;
    cursor:pointer;
    background: transparent;
    letter-spacing: normal;
}
.wp-filter-group-btn .btn-filter.is-checked:before{
    content: '\2713';
    display: inline-block;
    color: #32b1e6;
    padding: 0 6px 0 0;
}
.wp-filter-group-btn .btn-filter.is-checked {
    box-shadow: none !important;
    color: #32b1e6;
}
.wp-filter-group-btn{
    padding: 150px 0 50px;
}
.wp-gallery-grid .wp-gallery-item{
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block;
}
.wp-gallery-grid .wp-gallery-item .img-gallery-proj{
    display: block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    object-fit: cover;
    width: 100%;
}
.wp-gallery-grid .wp-gallery-hover{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 10px;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.wp-gallery-grid .wp-gallery-item .wp-gallery-hover-title{
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -40px;
    text-align: center;
    color:#fff;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    text-transform: uppercase;
}
.wp-gallery-grid .wp-gallery-item .wp-gallery-hover-title:hover{
    text-decoration: none;
}
.wp-gallery-grid .wp-gallery-item-handler{
    height: 100%;
    width: 100%;
    display: inline-flex;
}
.wp-gallery-grid .wp-gallery-item:hover .wp-gallery-hover-title{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.wp-gallery-grid .wp-gallery-item .wp-gallery-hover-title h4, .wp-gallery-grid .wp-gallery-item .wp-gallery-hover-title span{
    color:#fff;
}
.wp-gallery-grid .wp-gallery-item .wp-gallery-hover-title h4:hover{
    text-decoration: none;
}
.wp-gallery-grid .wp-gallery-item:hover .img-gallery-proj{
    filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><f…0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter);
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.wp-gallery-grid .wp-gallery-item:hover .wp-gallery-hover {
    background: rgba(33,34,37,0.6);
    background: -moz-linear-gradient(top, rgba(33,34,37,0.6) 0%, rgba(33,34,37,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,34,37,0.6)), color-stop(100%, rgba(33,34,37,1)));
    background: -webkit-linear-gradient(top, rgba(33,34,37,0.6) 0%, rgba(33,34,37,1) 100%);
    background: -o-linear-gradient(top, rgba(33,34,37,0.6) 0%, rgba(33,34,37,1) 100%);
    background: -ms-linear-gradient(top, rgba(33,34,37,0.6) 0%, rgba(33,34,37,1) 100%);
    background: linear-gradient(to bottom, rgba(33,34,37,0.6) 0%, rgba(33,34,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212225', endColorstr='#212225', GradientType=0 );
}
.wp-porject-services a.h3:hover{
    color:#32b1e7;
}
.my-gallery {
    width: 100%;
    float: left;
  }
  .my-gallery img {
    width: 100%;
    height: auto;
  }
  .my-gallery figure {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    width: 150px;
  }
  .my-gallery figcaption {
    display: none;
  }
  /*Services*/
  .wp-services-offered.services-blog .services-blog-container h3{ 
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 25px;
    letter-spacing: 3px;
    font-weight: 600;
  }
  .wp-services-offered.services-blog .services-blog-container {
      padding:0;
  }
  .wp-services-offered h2.blog-header-title{
    padding: 50px 0;
    font-size: 36px;
    letter-spacing: 4px;
    font-weight: 600;
  }
  .wp-services-offered.services-blog {
    padding:25px 0 50px;
    background: #dde0e5;
  }
    .wp-project-banner.wp-service-item-banner{
        padding: 150px 0;
    }
    .wp-project-banner.wp-service-item-banner img{
        max-width: 170px;
    }
  /*About*/
  .wp-about-team-labels h3{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 50px;
  }
  /*Contact us*/
  .page-template-page-contact-us .wp-contact-banner.page-banner{
    background-attachment: fixed;
    background-size: cover  !important;
  }
  .page-template-page-contact-us .wp-contact-banner.page-banner h1{
    color: var(--wp_white);
    line-height: normal;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 35px;
  }

  /*News*/
  .wp-heading-section .breadcrumb .breadcrumb-item a:hover{
    text-decoration: none;
  }
  .wp-news-banner .wp-news-banner-img-feat{
    height: 650px;
    object-fit: cover;
    overflow: hidden;
    margin-bottom: -50px;
  }
.wp-news-banner .wp-news-banner-img-feat img{
    object-fit: cover;
    width: 100%;
    margin-bottom: -50px;
  }
  .wp-news-banner .wp-articlet-padding {
    padding: 0 50px;
}
.wp-news-banner .wp-articlet-padding h3{
    font-size: 20px;
    letter-spacing: 2px;
}
.wp-news-banner .wp-articlet-padding h1{
    font-size: 35px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;
    color: #5c5d60;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.wp-news-banner .wp-articlet-padding a{
    color:#32b1e7;
    margin-top: 15px;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.wp-news-banner .wp-articlet-padding a i{
    color: #5c5d60;
}
.wp-blog-related{
    padding: 110px 0 100px;
}
.wp-blog-related .card .card-img-top{
    object-fit: cover;
    border-radius: 0;
}
.wp-blog-related .card-columns .card {
    margin-bottom: 30px;
    border-radius: 0;
}
.wp-blog-related .card-columns .card .small a{
    color:#32b1e7;
    text-transform: uppercase;
    font-weight: 700;
}
.wp-blog-related .card-columns .card a i{
    color: #5c5d60;
}
.wp-blog-related .card-columns .card-title a{
    color: #082341;
}
.wp-blog-related .card-columns .card .card-body{
    padding: 30px;
}
.wp-blog-related .card-columns .card .card-body .card-text{
    margin-bottom: 15px;
}
.wp-blog-related .card-columns{
    column-gap: 30px;
}
.wp-sl-next, .wp-sl-prev{
    font-size: 30px;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: #fff;
    color: #212225;
    border: none;
    outline: 0;
    background: 0 0;
    z-index: 1;
    text-align: center;
}
.wp-sl-next{
    left: 15px;
}
.wp-sl-prev{
    right: 15px;
}
.wp-home-featuredproject-img{
    display: none;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wp-service-item-article{
    padding:100px 0;
}
.wp-service-item-article h2{
    color: #4c4e51;
    letter-spacing: 1px;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}
.wp-service-item-article h3{
    color: #4c4e51;
    line-height: 1.8;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.wp-service-item-article-exp{
    background-color: #dde0e4;
    padding:50px 0;
}
.wp-service-item-featured{
    background-color: #dde0e4;
}
.service-article-experience.wp-service-item-article-exp .services-article-experience-container h3{
    font-size: 21px;
}
.wp-service-item-featured.wp-service-item-featured .services-article-featured-content p,     .wp-service-item-featured.wp-service-item-featured .services-article-featured-content a{
    font-size: initial;
}
.wp-service-item-featured.wp-service-item-featured .services-article-featured-content h2{
    font-size: 27px;
    letter-spacing: 3px;
    padding: 5px 0 15px;
    line-height: normal;
}
.services-article-featured.wp-service-item-featured .services-article-featured-content {
    padding: 100px 50px;
}
.wp-service-item-article-exp .services-article-experience-container ul {
    list-style-type: none;
    padding: 0;
}
.wp-service-item-article-exp .services-article-experience-container ul li{
    border-bottom: 4px solid #fff;
    padding:12px 0;
}
.wp-service-item-article-exp .services-article-experience-container ul li:last-child{
    border-bottom: none;
}
.wp-service-item-article-exp .services-article-experience-container ul li:before{
    content: "-";
    margin-right: 10px;
}
.wp-service-item-article-exp img{
    object-fit: cover;
}
.wp-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

#particles-js {
    position: absolute;
    height: 150%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
}
.jlr {font-size: 0;}

.jlr .jlr_item {
    font-size: 1rem;
    display: inline-block;
    box-sizing: border-box;     
    padding: 5px;
}

.jlr img.jlr_img {
    height: 200px;
    opacity: 0;

}

.jlr img.jlr_loaded {
     -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
    opacity: 1;
}

.wp-home-banner{
    overflow: hidden;
    position: relative;
}

.footer-logo-widget img {
    width: 200px;
}
.footer .wp-footer-sec{
    border-top: 2px solid #8a8b8b;
    padding:50px 0;
}
.wp-service-item-banner-cont{
    position: relative;
}
/* responsive */

@media only screen and (max-width:767px) {
    /* home */
    .wp-home-title {
        margin-top: 150px;
        padding:50px 10px;
    }
    .wp-home-title h1{
        letter-spacing: 3px;
        line-height: normal;
        margin-left: 0;
        font-size: 30px;
    }
    .wp-home-title:before{
        width: 104%;
        height: 100%;
        margin-left: -15px;
        border-bottom-right-radius: 100px;
    }
    .wp-homebanner-subheading{
        margin-bottom: 15px;
    }
    .wp-home-banner {
        padding: 35px 0;
        background-position-y: 0px;
    }
    /*.wp-header.header .navbar{
        /background: #191512 !important;
    }*/
    .wp-home-banner .container .wp-homebanner-subheading h6 a{
        font-size: 14px;
        padding-bottom: 4px;
        border-bottom: 2px solid var(--wp_blue);
    }
    .wp-home-banner .padd-100 {
        padding-top: 50px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        line-height: 2;
    }
    .wp-home-banner .wp-homebanner-quote {
        width: 100%;
        padding: 50px 0 25px;
    }
    .wp-home-banner .wp-homebanner-quote h2.wp-homebanner-content {
        font-size: 15px;
        font-weight: 400;
    }
    .wp-home-details-cont {
        width: 100%;
    }
    .wp-home-details {
        padding: 0px;
        margin-top: 50px;
    }
    .wp-home-details .wp-homedetails-title {
        font-size: 23px;
    }
    a.wp-homedetails-link {
        font-size: 15px;
    }
    .wp-home-project {
        margin-top: 100px;
        margin-bottom: 0;
        padding-bottom: 50px;
    }
    .wp-home-project .card-block.px-2 {
        padding: 20px 0px 0px 0px !important;
    }
    .wp-home-project .home-proj-images{
        margin-bottom: 15px;
    }
    .wp-home-project .card-block{
        padding-left: 0 !important;
    }
    .wp-home-project .homeproj-img-bottom {
        margin-bottom: 15px;
    }
    .homepage-card-third h3 {
        font-size: 18px;
    }
    .homepage-card h3 {
        font-size: 18px;
    }
    .wp-home-featuredproject {
        margin-top: 0;
    }
    .wp-home-featuredproject .wp-bg-gray {
        padding: 50px 20px;
        margin:0;
    }
    .wp-home-featuredproject .wp-bg-gray h4 {
        font-size: 17px;
        margin-bottom: 5px;
        letter-spacing: 3px;
        margin-top: 20px;
    }
    .wp-home-featuredproject .wp-bg-gray h3{
        margin-bottom: 15px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        font-size: 14px;
    }
    .wp-home-featuredproject .wp-featuredproject-imgbg {
        display: none;
    }
    .wp-home-featuredproject .wp-bg-gray a {
        font-size: 15px;
    }
    .wp-sec-team h2{
        padding:50px 0;
    }
    .wp-home-team {
        margin-top: 0px;
    }
    section.wp-home-team .hover-image {
        height: auto;
    }
    section.wp-home-team .carousel .hover-image .link-hover {
        text-align: center;
    }
    .wp-home-sendmessage {
        padding: 10px;
    }
    .wp-home-sendmessage .container {
        width: 100%;
    }
    .wp-home-sendmessage h3 {
        font-size: 25px;
        padding: 25px 0;
    }
    .wp-locations .wp-bg-blue {
        border-left: 0px solid var(--wp_white);
        border-bottom: 2px solid var(--wp_white);
    }
    .wp-locations{
        display: none;
    }
    .form-control{
        margin-bottom: 5px;
    }
    .wp-home-sendmessage input, .wp-home-sendmessage textarea{
        border: 2px solid #fff;
    }
    /* heading resposnive  */
    .wp-heading-section:after {
        content: none;
    }
    /* project page */
    .proj-banner-content p{
        font-size: 15px;
    }
    .wp-project-banner {
        text-align: left;
        padding: 50px 0;
    }
    .wp-project-banner h2 {
        font-size: 18px;
        line-height: normal;
    }
    .wp-project-banner h1 {
        font-size: 25px;
    }
    .wp-project-banner span p {
        font-size: 15px;
    }
    .wp-porject-services {
        text-align: center;
        padding: 50px 0px;
    }
    .wp-filter-group-btn {
        padding: 50px 0 0;
    }
    /* project details */
    .wp-ProjectDetails-Content {
        padding: 50px 0px;
        text-align: center;
    }
    .wp-ProjectDetails-Content .wp-ProjectDetails-Engineer {
        margin-top: 20px;
    }
    .wp-ProjectDetails-Content h4{
        margin-bottom: 0;
    }
    .wp-ProjectDetails-Content .wp-ProjectDetails-location {
        margin-top: 0px;
    }
    .wp-ProjectDetails-Content .wp-ProjectDetails-architecture {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .wp-ProjectDetails-Content span p {
        font-size: 15px;
        margin-top: 25px;
        margin-bottom: 50px;
    }
    .wp-ProjectDetails-Gallery .col-sm-6 img {
        padding: 0px 0px 0px 0px;
    }
    .wp-ProjectDetails-Gallery .col-sm-12 img {
        width: 100%;
    }
    .wp-ProjectDetails-Moreproject h2 p {
        font-size: 27px;
    }
    .proj-img-title {
        font-size: 25px;
    }
    .wp-ProjectDetails-Moreproject{
        padding: 0;
    }
    .wp-ProjectDetails-Moreproject h2{
        font-size: 23px;
    }
    /* Team Details */
    .wp-teamdetails-content {
        padding: 50px 0px;
    }
    .wp-teamdetails-content .rounded-circle {
        width: 280px;
        height: 280px;
        object-fit: cover;
        margin-bottom: 15px;
    }
    .wp-teamdetails-content .wp-teamdetails-project-title p {
        font-size: 15px;
    }
    section.wp-teamdetails-content blockquote {
        padding-left: 25px;
        margin-left: 0px;
        margin-right: 0px;
    }
    section.wp-teamdetails-content .teamdetails-description p {
        font-size: 16px;
    }
    .wp-teamdetails-content h3 {
        font-size: 18px;
    }
    .wp-teamdetails-content h4 p {
        font-size: 16px;
    }
    .teamdetails-description {
        padding: 20px 10px;
    }
    section.wp-MeetTeam .link-hover .proj-img-title {
        margin-top: 100px;
    }
    .wp-MeetTeam .hover-image {
        height: 250px;
    }
    section.wp-MeetTeam .img-gallery-proj {
        height: 250px;
    }
    /* about us */
    .wp-about-story img {
        height: auto;
    }
    .wp-about-story .col-lg-7 {
        padding: 50px 15px;
    }
    .wp-engineering-team-info {
        padding: 50px 0px;
    }
    .wp-about-info h3 {
        font-size: 25px;
        letter-spacing: 3px;
    }
    .wp-about-headings p {
        font-size: 15px;
    }
    .wp-about-head-mission blockquote {
        margin-left: 0px;
        margin-right: 0px;
    }
    .wp-about-story h3 {
        font-size: 25px;
        letter-spacing: 3px;
    }
    .wp-about-story h5 {
        font-size: 18px;
        letter-spacing: normal;
       line-height: normal;
    }
    .wp-about-story p {
        font-size: 15px;
    }
    .wp-Aboutus-team h1 p {
        font-size: 18px;
    }
    .wp-Aboutus-team h3 p {
        font-size: 18px;
        padding: 50px 0px 15px 0px;
    }
    .wp-engineering-team-info h4 {
        font-size: 18px;
    }
    .wp-environment-team-info h4 {
        font-size: 18px;
    }
    .wp-about-info {
        padding: 60px 0 60px;
    }
    .wp-news-banner .col-md-5{
        background: none !important;
    }
    /* Blog or News */
    .wp-blog-banner {
        height: auto;
        background-position-y: -32px;
    }
    .wp-blog-content .wp-blogcol-image .rounded-circle {
        width: 250px;
        height: 250px;
    }
    .wp-blog-content {
        padding: 20px 0px;
    }
    .wp-blog-content .wp-blogcol-content h1 {
        font-size: 25px;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 20px;
    }
    .wp-blog-content .wp-blogcol-content h3 {
        letter-spacing: 2px;
        text-align: center;
    }
    .wp-blog-content .wp-blogcol-content blockquote {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 25px;
    }
    .wp-blog-content .wp-blogcol-content blockquote h3 {
        font-size: 18px;
        text-align: left;
    }
    .wp-blog-images .two-col-image img {
        height: auto;
    }
    .three-col-image {
        padding: 10px 0px;
    }
    .wp-blog-images .three-col-image img {
        height: auto;
        padding: 10px;
    }
    .wp-news-banner .wp-news-banner-img-feat img{
        margin-bottom: 0;
    }
    .wp-news-banner .wp-news-banner-img-feat{
        margin-bottom: 0;
    }
    .wp-news-banner .wp-news-banner-img-feat{
        height: auto;
    }
    .wp-news-banner .wp-articlet-padding {
        padding: 50px 15px;
    }
    .wp-news-banner .wp-articlet-padding h1{
        font-size: 27px;
    }
    .wp-news-banner .wp-articlet-padding h3{
        font-size: 18px;
    }
    .wp-news-banner .wp-articlet-padding p, .wp-news-banner .wp-articlet-padding a{
        font-size: 15px;
    }
    .wp-blog-related .card-columns {
        column-gap: 15px;
        column-count: 1;
    }
    /* news page */
    .wp-heading-section .wp-new-categorylist {
        font-size: 10px;
        padding: 0px;
    }
    .wp-heading-section .wp-divcategory {
        padding: 5px;
        margin-top: -12px;
    }
    .wp-new-banner {
        text-align: center
    }
    .wp-heading-section .wp-heading-title {
        font-size: 17px;
    }
    
    /* card deck */
    .wp-blog-related {
        padding: 60px 0px;
    }
    .wp-blog-related .container .card-deck .numcol-4 {
        margin-top: 0px;
    }
    .wp-blog-related .container .card-deck .numcol-6 {
        margin-top: 0px;
    }
    .wp-blog-related .container .card-deck .setHeight .card .wp-image-RelatedBlog {
        height: 300px;
    }
    /* Development Service */
    .wp-Development-Banner {
        padding: 100px 0px;
    }
    .wp-development-content .col-sm-8 {
        padding: 0px 15px 0px 15px;
    }
    .wp-development-content h3.wp-development-title p {
        margin-top: 50px;
        font-size: 18px !important;
        font-weight: 600;
    }
    .wp-development-content .wp-development-contentOne {
        font-size: 17px;
    }
    .wp-development-content p {
        font-size: 17px;
    }
    .wp-development-experience .container-fluid {
        padding-right: 15px;
    }
    .wp-development-experience .wp-development-experiences {
        font-size: 15px;
    }
    .wp-development-experience .col-sm-6 {
        text-align: center;
    }
    .wp-development-featuredproject .wp-bg-gray {
        padding: 20px;
    }
    .wp-development-featuredproject .wp-bg-gray h3 p {
        font-size: 17px;
    }
    .wp-development-featuredproject .wp-bg-gray h4 {
        font-size: 17px;
    }
    .wp-development-featuredproject .wp-bg-gray p {
        font-size: 15px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        font-size: 14px;
    }
    .wp-development-featuredproject .wp-featuredproject-imgbg {
        padding: 100%;
        background-position-x: 135%;
    }
    .wp-development-featuredproject .wp-bg-gray a {
        font-size: 15px;
    }

    .wp-call-btn{
        display: none;
    }
    .wp-header .wp-logo{
        width: 150px;
    }
    .wp-header .wp-scroll .wp-logo {
        width: 120px;
    }
    .wp-header.header .row{
        width: auto;
    }
    .header.wp-header #main-menu.show{
        background: #212225;
    }
    .header.wp-header #main-menu{
        right: initial;
    }
    .header.wp-header #menu-main-menu .menu-item{
        margin: 0;
    }
    .header.wp-header .nav .nav-link{
        padding: 10px;
    }
    .wp-home-featuredproject-img{
        display: block;
    }
    .wp-heading-section .breadcrumb .breadcrumb-item{
        font-size: 14px;
    }
    .wp-heading-section{
        padding: 12px 0px;
    }
    .wp-services-article .services-article .services-article-content h2{
        font-size: 25px;
        letter-spacing: 3px;
    }
    .wp-services-article .services-article .services-article-content h3{
        font-size:18px;
        letter-spacing: normal;
        line-height: normal;
    }
    .wp-services-article .services-article .services-article-content p, .wp-services-offered.services-blog .services-blog-container p{
        font-size: 15px;
    }
    .wp-services-offered.services-blog .services-blog-container h3{
        font-size: 21px;
        margin-bottom: 15px;
    }
    .wp-title-top {
        padding: 70px 0 100px;
    }
    .page-template-page-contact-us .wp-contact-banner.page-banner h1{
        line-height: normal;
        font-size: 27px;
    }
    .banner-text {
        font-size: 15px;
        width: 100%;
    }
    .wp-service-item-banner .wp-service-item-banner-cont-icon img{
        width: 90px;
    }
    .wp-service-item-article {
        padding: 60px 0;
    }
    .wp-service-item-article h2{
        font-size: 23px;
        margin-top: 40px;
    }
    .wp-service-item-article h3{
        font-size: 17px;
        letter-spacing: normal;
    }
    .services-article-featured.wp-service-item-featured .services-article-featured-content {
        padding: 50px 15px;
    }
    .wp-service-item-featured.wp-service-item-featured .services-article-featured-content p,     .wp-service-item-featured.wp-service-item-featured .services-article-featured-content a {
        font-size: initial;
    }
    .wp-service-item-article-exp{
        padding:50px 0 0;
    }
    .wp-service-item-article-exp img{
        margin-bottom: 25px;
        display: block;
        height: 230px !important;
    }
    .services-article-featured.wp-service-item-featured .services-article-featured-contenta{
        font-size: initial;
    }
    .wp-contact-form .contact-form-wrapper{
        margin-top: -50px;
    }
    .footer .wp-footer-sec{
        padding: 30px 0;
    }
    .page-template-page-services-article .services-article-featured-img{
        height: 250px;
    }
    .serv-order-1{
        -ms-flex-order: 1;
        order: 1;
    }
    .serv-order-2{
        -ms-flex-order: 2;
        order: 2;
    }
    #featured-proj .slick-arrow{
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }
    #featured-proj:hover .slick-arrow{
        opacity: 1;
    }
} 

@media only screen and (min-width:768px)and (max-width:991px) {
    /* home */
    .wp-home-title {
        width: 100%;
        margin-left: 0;
        padding: 25px 10px;
        margin-top: 200px;
    }
    .wp-home-title h1{
        letter-spacing: 3px;
        font-size: 36px;
    }
    .wp-home-title:before{
        width: 100%;
        height: 100%
    }
    .wp-home-banner .container {
        width: 100%;
    }
    .wp-home-banner {
        padding: 35px 0;
        background-position-y: 0px;
    }
    .wp-home-banner .padd-100 {
        padding-top: 50px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a{
        padding-bottom: 5px;
        font-size: 13px;
        border-bottom: none;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6{
        line-height: normal;
    }
    .wp-home-banner .wp-homebanner-quote {
        width: 100%;
        padding: 15px;
    }
    .wp-home-banner .wp-homebanner-quote h2.wp-homebanner-content {
        font-size: 15px;
        font-weight: 400;
    }
    .wp-home-details-cont {
        width: 80%;
    }
    .wp-home-details {
        padding: 0px;
        margin-top: 50px;
    }
    .wp-home-details .wp-homedetails-title {
        font-size: 24px;
    }
    .wp-home-details p {
        font-size: 15px;
        line-height: normal;
    }
    a.wp-homedetails-link {
        font-size: 15px;
    }
    .wp-home-project {
        margin-top: 120px;
    }
    .wp-home-project .card-block.px-2 {
        padding: 20px 0px 0px 35px !important;
    }
    .wp-home-project .card-block{
        padding-left: 25px !important;
    }
    a.wp-homeproj-link{
        font-size: 14px;
    }
    .wp-home-project .homepage-card{
        padding-bottom: 30px;
        padding-top: 10px;
    }
    .homepage-card-third h3 {
        font-size: 18px;
    }
    .homepage-card h3 {
        font-size: 18px;
    }
    .wp-home-featuredproject {
        margin-top: 120px;
    }
    .wp-home-featuredproject .wp-bg-gray {
        padding: 35px 20px;
    }
    .wp-home-featuredproject .wp-bg-gray h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .wp-home-featuredproject .wp-bg-gray h3 {
        margin-bottom:15px;
    }
    .wp-home-featuredproject .wp-bg-gray p {
        letter-spacing: normal;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        font-size: 11px;
    }
    .wp-home-featuredproject .wp-featuredproject-imgbg {
        padding: 0px;
        background-position-x: 0px;
    }
    .wp-home-featuredproject .wp-bg-gray a {
        font-size: 15px;
    }
    .wp-sec-team h2{
        padding: 100px 0px 20px 0px;
    }
    .wp-home-sendmessage {
        padding: 10px;
    }
    .wp-home-sendmessage .container {
        width: 70%;
    }
    .wp-home-sendmessage h3 {
        font-size: 18px;
    }
    .wp-locations .wp-bg-blue {
        border-bottom: 0px solid var(--wp_white);
        border-left: 2px solid var(--wp_white);
        padding: 5px;
    }
    .order-proj-2{
        -ms-flex-order: 2;
        order: 2;
    }
    .order-proj-1{
        -ms-flex-order: 1;
        order: 1;
    }
    /* heading resposnive  */
    .wp-heading-section:after {
        content: none;
    }
    .wp-call-btn{
        display: none;
    }
    .wp-locations{
        display: none;
    }
    .footer-contact-widget:nth-child(1) h3 {
        margin-left: 0;
    }
    .footer .footer-contact-widget:nth-child(3) {
        padding-left: 0;
    }
    .footer-contact-widget:nth-child(4) p {
        margin-right: 0;
    }
    .footer .footer-contact-widget:nth-child(2) {
        padding-right: 0;
    }
    /* project page */
    .proj-banner-row {
        padding: 0px 0px 0px 0px;
        height: 500px;
        position: relative;
        text-align: center;
    }
    .proj-banner-title {
        font-size: 20px;
        margin-top: 50px;
        text-align: center;
    }
    .proj-banner-subtitle {
        font-size: 20px;
        margin-top: 50px;
        font-weight: 600;
        text-align: center;
    }
    .proj-banner-content {
        font-size: 15px;
        text-align: center;
        width: auto;
    }
    .wp-project-banner {
        padding: 100px 0;
    }
    .wp-porject-services {
        text-align: center;
        padding: 50px 0
    }
    .proj-img-title {
        font-size: 18px;
        margin-top: 100px;
    }
    .wp-project-banner h1{
        line-height: normal;
    }
    .wp-filter-group-btn {
        padding: 100px 0 0;
    }
    .wp-gallery-grid .wp-gallery-item{
        height: 280px;
    }
    .wp-ProjectDetails-Content .rounded-circle {
        border: 5px solid #dde0e4;
        width: 200px;
        height: 200px;
        object-fit: cover;
        display: table;
        margin: 0 auto;
    }
    /* Team Details */
    .wp-teamdetails-content {
        padding: 50px 0px;
    }
    .wp-teamdetails-content .rounded-circle {
        width: 220px;
        height: 220px;
    }
    .wp-teamdetails-content .wp-teamdetails-project-title p {
        font-size: 15px;
    }
    section.wp-teamdetails-content blockquote {
        padding-left: 25px;
        margin-left: 0;
    }
    section.wp-teamdetails-content .teamdetails-description p {
        font-size: 16px;
    }
    .wp-teamdetails-content h3{
        font-size: 18px;
    }
    .wp-teamdetails-content h4 p {
        font-size: 16px;
    }
    .teamdetails-description {
        padding: 20px 10px;
    }
    section.wp-MeetTeam .link-hover .proj-img-title {
        margin-top: 100px;
    }
    /* About us */
    .wp-about-story img {
        height: auto;
    }
    .wp-about-story .col-lg-7 {
        padding: 10px;
    }
    .wp-about-info h3 {
        font-size:23px;
    }
    .wp-about-headings p {
        font-size: 15px;
    }
    .wp-about-head-mission blockquote {
        margin-left: 0px;
        margin-right: 0px;
        border-left: 4px solid #ccc;
    }
    .wp-about-story h3 {
        font-size: 25px;
        margin-top: 50px;
    }
    .wp-about-story h5 {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .wp-about-story p {
        font-size: 15px;
    }
    .wp-Aboutus-team h1 p {
        font-size: 18px;
    }
    .wp-Aboutus-team h3 p {
        font-size: 18px;
        padding: 50px 0px 15px 0px;
    }
    .wp-about-team-labels h4 {
        font-size: 18px;
    }
    .wp-engineering-team-info h4 {
        font-size: 18px;
    }
    .wp-environment-team-info h4 {
        font-size: 18px;
    }
    /* Blog or News */
    .wp-blog-banner {
        height: 50vh;
        background-position-y: 0px;
    }
    .wp-blog-content .wp-blogcol-image .rounded-circle {
        width: 200px;
        height: 200px;
    }
    .wp-blog-content {
        padding: 20px 0px;
    }
    .wp-blog-content .wp-blogcol-content h1 {
        font-size: 25px;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 20px;
    }
    .wp-blog-content .wp-blogcol-content h3 {
        letter-spacing: 2px;
        text-align: center;
    }
    .wp-blog-content .wp-blogcol-content blockquote {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 25px;
    }
    .wp-blog-content .wp-blogcol-content blockquote h3 {
        font-size: 18px;
        text-align: left;
    }
    .wp-blog-images .two-col-image img {
        height: 350px;
    }
    .three-col-image {
        padding: 10px 0px;
    }
    .wp-blog-images .three-col-image img {
        height: 250px;
    }
    /* card deck */
    .wp-blog-related {
        padding: 60px 0px;
    }
    .wp-blog-related .container .card-deck .numcol-4 {
        margin-top: 0px;
    }
    .wp-blog-related .container .card-deck .numcol-6 {
        margin-top: 0px;
    }
    .wp-blog-related .container .card-deck .setHeight .card .wp-image-RelatedBlog {
        height: 300px;
    }
    /* Development Service */
    .wp-Development-Banner {
        padding: 100px 0px;
    }
    .wp-development-content .col-sm-8 {
        padding: 0px 15px 0px 15px;
    }
    ..wp-development-content h3.wp-development-title p {
        margin-top: 50px;
        font-size: 18px;
        font-weight: 600;
    }
    .wp-development-content .wp-development-contentOne {
        font-size: 17px;
    }
    .wp-development-content p {
        font-size: 17px;
    }
    .wp-development-experience img {
        width: 100%;
        height: auto;
    }
    .wp-development-experience .container-fluid {
        padding-right: 15px;
    }
    .wp-development-experience .wp-development-experiences {
        font-size: 15px;
    }
    .wp-development-experience .col-sm-6 {
        text-align: center;
    }
    .wp-development-featuredproject .wp-bg-gray {
        padding: 20px;
    }
    .wp-development-featuredproject .wp-bg-gray h3 p {
        font-size: 17px;
    }
    .wp-development-featuredproject .wp-bg-gray h4 {
        font-size: 17px;
    }
    .wp-development-featuredproject .wp-bg-gray p {
        font-size: 15px;
    }
    .wp-development-featuredproject .col-sm-5.wp-bg-gray::after {
        bottom: -6%
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        font-size: 11px;
    }
    .wp-home-featuredproject .wp-featuredproject-imgbg {
        padding: 0px;
        background-position-x: 0px;
    }
    .wp-home-featuredproject .wp-bg-gray a {
        font-size: 15px;
    }

    .wp-header .wp-logo{
        width: 200px;
    }
    .wp-header .wp-scroll .wp-logo {
        width: 150px;
    }
    .wp-header.header .row{
        width: auto;
    }
    .header.wp-header #main-menu.show{
        background: transparent;
    }
    .header.wp-header #main-menu{
        right: initial;
        padding-top: 20px;
    }
    .header.wp-header #menu-main-menu .menu-item{
        margin: 0;
    }
    .header.wp-header .nav .nav-link{
        padding: 0;
    }
    .wp-header.header .navbar-expand-lg{
        background: #212225 !important;
    }
    .wp-services-article .services-article .services-article-content h2{
        font-size: 25px;
        letter-spacing: 3px;
    }
    .wp-services-article .services-article .services-article-content h3{
        font-size:18px;
        letter-spacing: normal;
        line-height: normal;
    }
    .wp-services-article .services-article .services-article-content p, .wp-services-offered.services-blog .services-blog-container p{
        font-size: 15px;
    }
    .wp-news-banner .wp-news-banner-img-feat img{
        display: none;
    }
    .wp-news-banner .wp-news-banner-img-feat{
        margin-bottom: 0;
    }
    .wp-news-banner .wp-news-banner-img-feat{
        height: 500px;
    }
    .wp-news-banner .wp-articlet-padding {
        padding: 30px 15px;
    }
    .wp-blog-related .card-columns {
        column-gap: 15px;
        column-count: 2;
    }
    .wp-news-banner .wp-articlet-padding h1{
        font-size: 27px;
    }
    .wp-title-top {
        padding: 100px 0 150px;
    }
    .wp-service-item-banner .wp-service-item-banner-cont-icon img{
        width:100px;
    }
    .wp-service-item-article h2{
        margin-top: 15px;
    }
    .services-article-featured.wp-service-item-featured .services-article-featured-content {
        padding: 70px 15px;
    }
    .wp-contact-form .contact-form-wrapper{
        margin-top: -50px;
    }
    .footer .wp-footer-sec{
        padding: 30px 0;
    }
}

@media only screen and (min-width:992px)and (max-width:1199px) {
    /* home */
    .wp-home-title {
        width: 100%;
        margin-left: 0;
        padding: 50px 22px;
    }
    .wp-home-title:before{
        height: 100%;
    }
    .wp-home-title h1{
        letter-spacing: 5px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a{
        padding-bottom: 5px;
        border-bottom: 2px solid var(--wp_blue);
        font-size: 14px;
    }
    .wp-home-banner {
        padding: 35px 0;
        background-position-y: 0px;
    }
    .wp-home-banner .padd-100 {
        padding-top: 50px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        line-height: 2;
    }
    .wp-home-banner .wp-homebanner-quote {
        font-size: 28px;
        font-weight: 400;
        line-height: normal;
        margin-top: 100px;
    }
    .wp-home-banner .wp-homebanner-quote h2.wp-homebanner-content {
        font-size: 15px;
        font-weight: 400;
    }
    .wp-home-details {
        padding: 0px;
        margin-top: 50px;
    }
    .wp-home-details-cont {
        width: 70%;
    }
    .wp-home-details .wp-homedetails-title {
        font-size: 27px;
    }
    a.wp-homedetails-link {
        font-size: 15px;
    }
    .wp-home-project {
        margin-top: 120px;
    }
    .wp-home-project .card-block.px-2 {
        padding: 20px 0px 0px 35px !important;
    }
    .wp-home-project .homeproj-img-bottom {
        margin-bottom: -30px;
    }
    .wp-home-project .card-block {
        padding-left: 30px !important;
    }
    .wp-home-project .homeproj-img-top {
        margin-top: -30px;
    }
    .homepage-card-third h3 {
        font-size: 18px;
    }
    .homepage-card h3 {
        font-size: 18px;
    }
    .wp-home-featuredproject {
        margin-top: 130px;
    }
    .wp-home-featuredproject .wp-bg-gray {
        padding: 50px;
    }
    .wp-home-featuredproject .wp-bg-gray h3 p {
        font-size: 17px;
    }
    .wp-home-featuredproject .wp-bg-gray h4 {
        font-size: 17px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        font-size: 14px;
    }
    .wp-home-featuredproject .wp-featuredproject-imgbg {
        padding: 0px;
        background-position-x: 0px;
    }
    .wp-home-featuredproject .wp-bg-gray a {
        font-size: 15px;
    }
    .wp-sec-team h2{
        padding: 100px 0px 30px 0px;
    }
    .wp-home-sendmessage {
        padding: 50px 0 ;
    }
    .wp-home-sendmessage .container {
        width: 70%;
    }
    .wp-locations .wp-bg-blue {
        border-bottom: 0px solid var(--wp_white);
        border-left: 2px solid var(--wp_white);
        padding: 5px;
    }
    /* heading resposnive  */
    .wp-heading-section:after {
        content: none;
    }
    .wp-header .wp-logo{
        width: 200px;
    }
    /* project page */
    .proj-banner-row {
        padding: 0px 0px 0px 0px;
        height: 500px;
        position: relative;
        text-align: center;
    }
    .proj-banner-title {
        font-size: 20px;
        margin-top: 50px;
        text-align: center;
    }
    .proj-banner-subtitle {
        font-size: 20px;
        margin-top: 50px;
        font-weight: 600;
        text-align: center;
    }
    .proj-banner-content {
        font-size: 15px;
        text-align: center;
        width: auto;
    }
    .wp-project-banner {
        padding: 100px 0;
    }
    .wp-porject-services {
        padding: 50px 0;
    }
    .proj-img-title {
        font-size: 18px;
        margin-top: 100px;
    }
    .wp-filter-group-btn {
        padding: 100px 0 10px;
    }
    .footer .footer-contact-widget:nth-child(2){
        padding-right: 0;
    }
    /* Team Details */
    .wp-teamdetails-content {
        padding: 50px 0px;
    }
    .wp-teamdetails-content .rounded-circle {
        width: 220px;
        height: 220px;
    }
    .wp-teamdetails-content .wp-teamdetails-project-title p {
        font-size: 15px;
    }
    section.wp-teamdetails-content blockquote {
        padding-left: 25px;
    }
    section.wp-teamdetails-content .teamdetails-description p {
        font-size: 16px;
    }
    .wp-teamdetails-content h3 {
        font-size: 18px;
    }
    .wp-teamdetails-content h4 p {
        font-size: 16px;
    }
    .teamdetails-description {
        padding: 20px 10px;
    }
    section.wp-MeetTeam .link-hover .proj-img-title {
        margin-top: 100px;
    }
    /* About us */
    .wp-about-story .col-lg-7 {
        padding: 40px;
    }
    .wp-about-story img {
        margin-top: -25px;
        height: auto;
    }
    .wp-about-head-mission blockquote {
        margin-left: 30px;
        margin-right: 15px;
        border-left: 4px solid #ccc;
    }
    .wp-about-info {
        padding: 100px 0 100px;
    }
    /* Blog or News */
    .wp-blog-banner {
        height: 50vh;
        background-position-y: 0px;
    }
    .wp-blog-content .wp-blogcol-image .rounded-circle {
        width: 200px;
        height: 200px;
    }
    .wp-blog-images .two-col-image img {
        height: 500px;
    }
    .wp-blog-images .three-col-image img {
        height: 400px;
    }
    .wp-blog-related {
        padding: 60px 0px;
    }
    .wp-blog-related .container .card-deck .numcol-4 {
        margin-top: 0px;
    }
    .wp-blog-related .container .card-deck .numcol-6 {
        margin-top: 0px;
    }
    .wp-blog-related .container .card-deck .setHeight .card .wp-image-RelatedBlog {
        height: 300px;
    }
    /* Development Service */
    .wp-Development-Banner {
        padding: 100px 0px;
    }
    .wp-development-content .col-sm-8 {
        padding: 0px 15px 0px 15px;
    }
    .wp-development-content h3 {
        margin-top: 50px;
    }
    .wp-development-content .wp-development-contentOne {
        font-size: 17px;
    }
    .wp-development-content p {
        font-size: 17px;
    }
    .wp-development-experience .container-fluid {
        padding-right: 15px;
    }
    .wp-development-experience .wp-development-experiences {
        font-size: 15px;
    }
    .wp-development-experience .col-sm-6 {
        text-align: center;
    }
    .wp-home-featuredproject .wp-bg-gray {
        padding: 20px;
    }
    .wp-home-featuredproject .wp-bg-gray h3 p {
        font-size: 17px;
    }
    .wp-home-featuredproject .wp-bg-gray h4 {
        font-size: 17px;
    }
    .wp-home-banner .container .wp-homebanner-subheading h6 a p {
        font-size: 14px;
    }
    .wp-home-featuredproject .wp-featuredproject-imgbg {
        padding: 0px;
        background-position-x: 0px;
    }
    .wp-home-featuredproject .wp-bg-gray a {
        font-size: 15px;
    }
    .wp-news-banner .wp-articlet-padding h1{
        font-size: 29px;
        line-height: normal;
    }
    .wp-news-banner .wp-news-banner-img-feat img{
        display: none;
    }
    .wp-blog-related .card-columns {
        column-gap: 15px;
    }
    .wp-title-top {
        padding: 100px 0 150px;
    }
    .wp-contact-form .contact-form-wrapper{
        margin-top: -100px;
    }
}

@media only screen and (min-width:1200px)and (max-width:1399px) {
    .container {
        max-width: 1170px;
    }
    .wp-teamdetails-content .rounded-circle {
        width: 300px;
        height: 300px;
    }
}

@media only screen and (min-width:1400px)and (max-width:1599px) {
    .container {
        max-width: 1370px;
    }
    .wp-teamdetails-content .rounded-circle {
        width: 300px;
        height: 300px;
    }
}
@media only screen and (min-width:1600px) {
    .container {
        max-width: 1570px;
    }
    .wp-teamdetails-content .rounded-circle {
        width: 300px;
        height: 300px;
    }
}