footer {
    background: #19313d;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

footer h5 {
    color: #fff
}

footer .logo {
    width: 300px;
}

footer li {
    font-size: 14px;
}

footer .links h5 {
    font-size: 16px;
}

footer p {
    color: #fff;
    font-size: 12px;
}

footer .screen-reader-response {
    display: none
}

footer form {}

footer form br {
    display: none
}

footer .wpcf7-form-control-wrap {
    float: left;
    width: 80%;
}

footer .wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #2482c2;
    padding: 10px 16px;
    border: 0px;
    border-radius: 5px;
    margin-left: 10px;
    color: #fff;
}

.color1 {
    color: #fda720;
}

.color2 {
    color: #2482c2;
}

header {
    position: relative;
    height: 100vh;
}
#fixedbar{
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #ff8900;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 6px 0px;
    top:0px;
}
#fixedbar p{
    margin-bottom: 0px;
}
#fixedbar a{
    display: inline-block;
    padding: 3px 5px;
    padding-bottom: 6px;
}
header .navbar {
    background: transparent;
    position: fixed;
    width: 100%;

    background-size: cover;
    z-index: 99;
}
.fixednavbar{
    background: url("../images/header-bg.png")!important;
}
.heading-text {
    color: #2482c2;
    background: url("../images/heading-border.png");
    background-repeat: no-repeat;
    background-size: 98px;
    background-position: left bottom;
    padding-bottom: 5px;
}
.innerpage-heading{
    color: #fff;
    top: 150px;
    width: calc(100% - 200px);
    text-align: center;
    position: absolute;
}


.vidoebanner {
    position: absolute;
    top: 95px;
}

.vidoebanner vidoe {}

/* inner page | start */

.innerpage .navbar {
    background: url("../images/inner-page-header-bg.png");
    background-size: cover;
}

.innerpage h1 {
    position: relative;
    text-align: center;
}

/* inner page  | end */

/*about us | start */

.aboutus {}

.aboutus .about-us-img {
    position: relative;
}

.aboutus .about-us-img .about-wrapper {
    position: absolute;
    width: 100px;
    right: -15px;
    top: -15px;
}

.aboutus .about-us-img .about-wrapper img {
    width: 100%;
}

/*about us | end */

/* project | start */

.projects {
    background: #ececec;
}

.faq .heading-text,
.projects .heading-text {
    display: table;
    margin: 0 auto;
    margin-bottom: 30px;
}

.projects table {
    background: #fff;
    font-size: 14px;
}

.projects .p-img-wrapper {
    position: relative;
}

.projects .p-img-wrapper::after {
    content: "";
    background-image: linear-gradient(120deg, rgba(255, 0, 0, 0), rgb(255 137 0));
    position: absolute;
    width: 100%;
    left: 0px;
    height: 100%;
    bottom: 0px;
    ;
}

.projects .wrapper-1 {
    width: 70%;
    border: 5px solid #fff;
    float: right;
}

.projects .wrapper-2 {
    width: 80%;
    border: 5px solid #fff;
    float: left;
    top: -50px;
    left: 40px;
}

.projects .p-img-title {
    background: #2482c2;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    margin-top: 55px;
    text-align: center;
    padding-top: 60px;
    color: #fff;
}

.projects .carousel-control-prev {
    left: -50px;
    padding: 0px;
}

.projects .carousel-control-next {
    right: -50px;
    padding: 0px;
}

.projects .bx-wrapper {
    max-width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* projects | end  */

/* parallax | start  */

.parallax {
    background: url(../images/parallax.png);
    text-align: right;
    color: #fff;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.parallax .parallax {
    padding: 0px !important;
}

.parallax .h3 {
    font-size: 16px;
    line-height: 30px;
    margin: 20px auto;
}

.parallax .h2+.h3 {
    display: none
}

.parallax .h2 {
    text-transform: capitalize;
}

/* parallax | end  */

/* faq | start */

.faq .accordion-item:first-of-type .accordion-button {
    background-image: linear-gradient(120deg, rgba(36, 130, 194), rgb(255 137 0));
    color: #fff;
}

/* faq | end */

header .navbar-brand {
    width: 300px;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    margin: 0px 10px;
    text-transform: capitalize;
}

header .navbar-expand-lg .navbar-nav .nav-link.active {
    color: #fff;
    border-bottom: 1px solid #ccc;
}

header .nav-link {
    color: #fff;
    font-size: 14px;
}

.btn-primary {
    background: #2482c2;
    border-color: #2482c2;
}

.btn-primary:active,
.btn-primary:hover {
    background: #2482c2;
    border-color: #2482c2;
    opacity: 0.8;
}

.btn-yellow {
    background: #fda720;
    border-color: #fda720;
}

.aboutusgrid {
    background: #f5f5f5;
}

.aboutusgrid .card-body {}

.aboutusgrid .card {
    width: 90%;
    margin: 0 auto;
    background: transparent;
    border: none;
    box-shadow: none !important;
}

.aboutusgrid .card img {
    border-radius: 20px;
}

.aboutusgrid .card {}

.aboutusgrid .card-title {
    color: #2482c2;
    font-weight: bold;
    text-align: center;
}

.aboutusgrid .card-text {
    text-align: center;
}

.meetourteam {
    position: relative;
}

.eb5-benefits::after,
.meetourteam::after {
    content: "";
    background: url(../images/bg.png);
    width: 25%;
    position: absolute;
    bottom: 30px;
    left: 0px;
    height: 50%;
    background-size: cover;
    z-index: -1;
}

.eb5-benefits::before,
.meetourteam::before {
    content: "";
    background: url(../images/bg-2.png);
    width: 25%;
    position: absolute;
    top: 30px;
    right: 0px;
    height: 50%;
    background-size: cover;
    z-index: -1;
}

.meetourteam .heading-text {
    display: table;
    margin: 0 auto;
    margin-bottom: 30px;
}

.meetourteam .subtext {
    font-size: 18px;
    color: #767676;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 0px;
}

.meetourteam .img-thumb {
    margin-bottom: 30px;
}

.meetourteam .img-gradident {
    background: linear-gradient(120deg, rgba(36, 130, 194, 1), rgb(255 137 0));
    padding: 5px 10px;
    text-align: center;
    color: #fff;
}

.meetourteam .img-gradident p {
    margin: 0px;
}

.meetourteam .name {
    font-size: 14px;
}

.meetourteam .desg {}

.meetourteam .text {
    width: 70%;
    margin: 30px auto;
    text-align: left;
    line-height: 27px;
}

.meetourteam .text p {
    color: rgba(36, 130, 194, 1)
}

/* portfolio | start */

.portfolio.projects {
    background: transparent;
}

.portfolio .h6 {
    text-align: justify;
    line-height: 27px;
}

.portfolio .heading {
    color: rgba(36, 130, 194, 1);
    margin: 20px 0px;
    font-size: 18px;
}

.portfolio .item {
    margin-bottom: 25px;
}

.portfolio .item:nth-child(2n) .col-md-6:first-child {
    order: 1
}

.portfolio .item .col-md-6:nth-child(2) {
    margin-top: 40px;
}

.portfolio .item:nth-child(2n) {
    background: #f5f5f5;
    padding: 10px 0px;
}

.portfolio-grid {}

.portfolio-grid .p-grid-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.portfolio-grid .grid-text {}

.portfolio-grid .gallery_product {}

.portfolio-grid .p-grid-wrapper img {
    transition: 1s;
    width: 100%;
    height: 100%;
}

.portfolio-grid .p-grid-wrapper:hover img {
    transform: scale(1.5, 1.5);
}

.portfolio-grid .p-grid-detail-bg {
    background: linear-gradient(rgba(36, 130, 194, 0.5), rgb(255, 137, 0, 0.5));
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.portfolio-grid .p-grid-detail {
    position: absolute;
    bottom: 0px;
    padding: 20px;
    z-index: 9;
    color: #fff;
    text-transform: capitalize;
}

.portfolio-grid .p-g-title {
    font-weight: bold;
}

.portfolio-grid .p-g-text {}

.portfolio-grid .gallery_product {
    margin-bottom: 30px;
    position: relative;
}

/* portfolio | end */

/* eb5-benefits */

.eb5-benefits {
    background: url(../images/bg_people.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.eb5-benefits .p-img-wrapper {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 39px;
    box-shadow: 3px 4px 8px 1px #5d5c5c;
}

.eb5-benefits .heading-text {
    margin-left: 15px;
    padding-left: 0px;
}

.eb5-benefits ul {
    padding: 0px;
    list-style: none;
    margin-top: 50px;
}

.eb5-benefits ul li {
    margin-bottom: 30px;
}

.eb5-benefits ul li i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ff8900;
    padding: 12px;
    color: #2482c2;
    font-size: 15px;
    margin: 0px 10px;
}

.eb5-benefits {
    position: relative;
}

.heading-center {}

.heading-center .heading-text {
    padding-left: 0px;
    display: table;
    margin: 0 auto;
    margin-bottom: 25px;
    background-position: center bottom;
}

.eb5-investment {
    background: url("../images/bg_city.jpg");
    background-size: cover;
}

.eb5-investment ul .eb5-list .eb5-box {
    background: #fff;
    border-radius: 50px 0px 50px 0px;
    margin-bottom: 17px;
    padding: 10px;
    padding-right: 25px;
    box-shadow: 1px 2px 5px 1px #ccc;
}
.eb5-investment ul li:nth-child(2n) .eb5-list .eb5-box {
    border-radius: 0px 50px 0px 50px;
    padding: 10px;
    padding-left: 25px;
}
.eb5-investment ul {
    display: table;
    margin: 20px 0px;
    padding: 0px;
    list-style: none;
}

.eb5-investment ul li {
    float: left;
    width: 100%;
}

.eb5-investment ul .eb5-list .title {
    color: #2482c2;
    font-weight: bold;
}

.eb5-investment ul .eb5-list p {}

.eb5-investment ul .eb5-list {
    width: 50%;
    float: left;
    text-align: right;
    border-right: 1px solid #ccc;
    padding: 0px 20px;
    position: relative;
    padding-bottom: 25px;
}

.eb5-investment ul .eb5-list::after {
    content: "";
    width: 20px;
    height: 20px;
    background: #ff8900;
    border: 3px solid #fff;
    outline: 1px solid #2482c2;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    right: -10px;
    top: 0px;
}
.eb5-investment ul li:nth-child(2n) .eb5-list::after {
    background: #2482c2;
    border: 3px solid #fff;
    outline: 1px solid #ff8900;
}
.eb5-investment ul li:nth-child(2n) .eb5-list {
    float: right;
    border-left: 1px solid #ccc;
    border-right: 0px;
    text-align: left;
}

.eb5-investment ul li:nth-child(2n) .eb5-list::after {
    left: -10px;
}

/* eb5- project */

/* contact us | start */

.contactus {}

.contact-text {}

.contact-text .heading {
    font-size: 13px;
    color: #2482c2;
}

.contact-text .h3 {
    margin-bottom: 14px;
    color: #585858;
    font-size: 25px;
}

.contact-text ul {
    list-style: none;
    padding: 0px;
}

.contact-text ul li {
    display: flex;
}

.contact-text ul li .icon {}

.contact-text ul li .icon img {
    width: 40px;
    padding-right: 10px;
}

.contact-text ul li .text {
    margin: 0px;
    font-size: 14px;
}

.contact-text ul li .text .title {
    margin: 0px;
}

.contact-text ul li .text .sub-text {
    font-size: 12px;
}

.contact-form {
    box-shadow: 1px 1px 8px 1px #ccc;
    padding: 25px;
    border-radius: 10px;
    padding-bottom: 0px;
    height: auto;
    min-height: auto;
    max-height: initial;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.contact-form .btn {
    width: auto;
    margin-left: 10px;
}

.contact-form p.text {
    font-size: 14px;
    line-height: 22px;
}

.contact-form label {
    text-transform: capitalize;
}

.contact-form textarea,
.contact-form input[type='text'] {
    background: #fbfbfb;
}

/* contact us | end */

.underconstrction {}

.underconstrction p {
    color: #2482c2;
    margin: 10px 0px;
    margin-bottom: 61px;
    font-size: 23px;
    font-weight: normal;
    line-height: 42px;
}

@media(max-width:576px) {
    header .navbar-brand {
        width: 250px
    }
    .banner-xs-none {
        display: none;
    }
    header h1 {
        bottom: 50px;
    }
    .projects .wrapper-2 {
        display: none;
    }
    .projects .p-img-title {
        position: relative;
        padding-top: 37px;
        width: 100px;
        height: 100px;
    }
    .projects .project-us-img {
        margin-bottom: 70px;
    }
    .projects .carousel-control-next {
        right: 0px
    }
    .projects .carousel-control-prev {
        left: 0px;
    }
    .portfolio .col-10.project-us-img {
        width: 100%;
        margin-bottom: 0px;
    }
}

@media(min-width:576px) {
    .banner-md-none {
        display: none;
    }
}

.landing-heading {
    left: auto;
    width: auto;
    text-align: left;
}
.text-center .heading-text{
    display: table;
    margin: 0 auto;
    margin-bottom: 30px;
}
.slide .container{

}
header h1 {
    position: absolute;
    bottom: 200px;
    z-index: 99;
    color: #ffff;
    width: calc(100% -120px);
    text-align: left;
    text-transform: capitalize;
    left:100px;
}
.innerpage header{
height:auto;
margin-top:43px;
}