.carousel.fade {
    opacity: 1;
}
.carousel.fade .item {
    transition: opacity ease-out 0.9s;
    left: 0;
    opacity: 0; /* hide all slides */
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
}
.carousel.fade .item:first-child {
    top: auto;
    opacity: 1; /* show first slide */
    position: relative;
}
.carousel.fade .item.active {
    opacity: 1;
}

.navbar-fixed-top.scrolled {
    z-index: 999 !important;
    background-color: rgba(31, 31, 31, 0.9) !important;
}

.search-box {
    padding-left: 25px !important;
    width: 0 !important;
}
.btn-search-now {
    float: right !important;
    text-align: center !important;
    border-radius: 50% !important;
    padding: 10px !important;
    width: 50px !important;
    height: 50px !important;
    margin-top: -60px !important;
}
.navbar-form {
    box-shadow: none;
    border: none;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type='text'] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: transparent;
}

.overlay input[type='text']:hover {
    background: transparent !important;
}

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #bbb;
}

.overlay input[type='text']:active {
    background: transparent !important;
}
.overlay input[type='text']:focus {
    background: transparent !important;
}
.overlay input[type='text']:checked {
    background: transparent !important;
}

i {
    position: relative;
    right: -25px !important;
    z-index: 2 !important;
}

.portal-home {
    text-decoration: none;
    background-color: #6e746e;
    color: white;
    border: #144677;
}
.home-layout {
    z-index: -999px;
    margin-top: -939px !important;
    background-color: #0000007a;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
    color: #ffffff;
    padding: 200px 150px 0 30px;
}

.test {
    position: absolute;
    z-index: -999;
    width: 100% !important;
    height: 939px !important;
    background: linear-gradient(white 100%);
}
body:not(#smart_warehousing) .item {
    height: 939px !important;
}

#index .page-auto-home,
#smart_warehousing .page-auto-home {
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
    background-size: cover !important;
    background: linear-gradient(white 100%);
}
body:not(#smart_warehousing) .page-auto-home {
    height: 939px;
}

.page-auto-home::before {
    position: absolute;
    content: '';
    height: 6%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.nav li a {
    font-weight: normal !important;
}

.nav li a:hover {
    border-bottom: 1px solid #003366;
    transition: all ease-in-out 0.2s;
}

.nav:not(.tab-clear) li a:hover {
    font-weight: 600 !important;
    font-size: 19px;
    border-bottom: 3px solid #003366;
}

.nav.tab-clear li a:hover,
.nav.tab-clear li a.active {
    color: #003366;
    border-bottom: 1px solid #003366;
}

.navbar.navbar-inverse .navbar-nav > li > a {
    color: white;
    width: auto;
    font-size: 20px !important;
}
.nav-image {
    background-color: none !important;
    border: none;
    margin-top: 5px;
    height: 40px;
}
.dropdown-toggle {
    background: none !important;
    border: none !important;
    padding-left: 15px;
    padding-right: 15px;
}

#search-form {
    display: none;
}
#search-button {
    background: transparent !important;
    border: none;
    margin-top: -20px !important;
    font-size: 18px !important;
    color: #fff !important;
}
.glyphicon-search.glyphicon {
    position: relative;
    cursor: pointer;
    top: 10px;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#results {
    background: white;
    margin-top: 20px;
    height: 400px;
    overflow: auto;
    display: none;
    text-align: left;
}
#clear-form span {
    background: red;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 2px;
    border-radius: 50%;
    color: #fff;
}
#clear-form {
    cursor: pointer;
}
#search-button {
    margin-top: 20px !important;
}

.glyphicon:hover {
    border-bottom: none !important;
}

.title-heading {
    font-weight: normal !important;
    color: white !important;
    z-index: 9999 !important;
}

.title-description {
    margin-top: -7px !important;
    color: white !important;
    font-size: 42px !important;
    z-index: 9999 !important;
    font-weight: bolder !important;
}
.home-heading-layout {
    margin-top: 100px !important;
    z-index: 9999 !important;
}

iframe {
    background: none;
    border: none;
}

section {
    padding: 0px !important;
    border: none;
}
.banner-footer {
    margin-top: 60px;
    z-index: 9999 !important;
}
.banner-footer-image {
    padding: 10px;
    height: 50px;
    width: 50px;
    text-align: left;
    z-index: 9999 !important;
}

.banner-email-text {
    margin-left: 30px !important;
    font-size: 25px !important;
    color: #fff;
    z-index: 9999 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* This is styling for multi award winning section */

.awards {
    background: #282828 !important;
}

.sexions > .row.light {
    background: #fff url(/assets/img/bg/Background-2.png) !important;
    background-size: 110% auto !important;
}
.sexions > .row.dark {
    background: #282828 url(/assets/img/awards-icons/latest-awards/drawing.png) !important;
    color: #fff;
    background-size: 110% auto !important;
}
.sexions2 > .row.dark {
    background: #1E1E1E !important;
    color: #fff;
    background-size: 80% auto !important;
}


.row.multi-award.dark {
    padding: 70px 0;
    text-align: center;
    color: white;
    background-color: #282828 !important;
    background-size: 70% auto;
    background-image: url(/assets/img/awards-icons/latest-awards/drawing.png) !important;
}

.award-layout {
    padding: 0px !important;
    margin: auto;
}
.multi-award h2 {
    font-weight: normal !important;
}
.multi-award h2:not(.mt-0):not(.my-0) {
    margin-top: 10px !important;
}
.awards-div {
    max-width: 966px;
    margin: 0 auto !important;
    float: none !important;
}
.awards-div p {
    margin-top: 10px;
}

.award-icon-title {
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
}
.award-icon-description {
    margin-top: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}

.award-ico {
    height: 64px;
}

/* This is styling for icon section */

.row.multi-icons.light {
    padding: 50px 0;
    text-align: center;
    background-image: url(/assets/img/awards-icons/latest-awards/light-bg.jpg);
    background-position: center;
    background-size: cover;
}
.icon-header {
    margin-top: 60px !important;
    color: #282828 !important;
    text-align: center !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
}
.icon-description {
    font-size: 20px !important;
    font-weight: normal !important;
    font-family: 'MontserratLight', sans-serif !important;
    line-height: 1.5;
}
.icons-layout {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.icon-list {
    margin: auto;
    display: flex;
    width: 80%;
    text-align: center;
    height: 220px;
    overflow: hidden;
    justify-content: space-between;
}

.icon-div {
    margin-top: 20px;
    width: 14%;
    height: 220px !important;
}
.icon-div h4 {
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: 'Montserrat', sans-serif !important;
}

.icon-picture {
    text-align: center !important;
    margin-top: 0px !important;
    height: 40px !important;
    margin-bottom: 0px !important;
}

.icon-layout {
    margin-top: 10px;
    height: 180px;
}

/* .icon-border {
  border: 3px solid #003366;
  border-radius: 50%;
  height: 90px;
  width: 90px;
  padding: 5px;
} */

.home-icons {
    margin-top: 15px;
    height: 80px;
    width: 80px;
}
.icon-info {
    text-align: center !important;
    position: relative;
    margin-top: 70px !important;
}

.icon-info h4 {
    font-weight: normal;
    font-size: 16px;
}

/* This is styling for location section */

.row.location.dark {
    padding: 50px 0;
    text-align: center;
    color: white;
    background-color: #282828 !important;
}

.location-banner {
    margin-top: -70px;
    color: #fff;
    background: #003366;
    width: 30%;
    height: 100px;
    padding: 2px;
    -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}

.location-banner h1 {
    margin-top: 20px !important;
}

.location-support {
    float: right;
    color: #fff;
    background: #003366;
    width: 15%;
    height: 100px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
}

.location-support h4 {
    margin-top: 20px;
    color: #fff;
    margin-left: 60px;
    font-weight: 400 !important;
}
.map {
    margin-top: 30px;
}
circle {
    display: none !important;
}
rect {
    display: none !important;
}

.location-image {
    margin-top: 50px;
    width: 80% !important;
    height: 600px;
}

/* This is styling for location section */

.row.contact-us.dark {
    padding: 50px 0;
    text-align: center;
    color: white;
    background-color: #282828 !important;
}

#contact-form-info {
    margin-top: 100px !important;
}
.vrow {
    margin-top: 0px;
}
.form-control {
    border-radius: 0px !important;
    font-size: 16px;
}
.input-new {
    margin-top: -30px !important;
    background-color: none !important;
    border: none !important;
    border-radius: none !important;
    color: #fff !important;
    border-bottom: 2px solid white !important;
    width: 100% !important;
    padding: 6px !important;
}
:required {
    border: 1px solid red;
}
.textarea-new {
    margin-top: -35px !important;
    background-color: transparent !important;
    border: 2px solid  rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    border-radius: none !important;
    border-bottom: 2px solid white !important;
    width: 100% !important;
    padding: 6px !important;
}
.select-new {
    margin-top: -35px !important;
    background-color: transparent !important;
    border: none !important;
    color: #fff !important;
    border-radius: none !important;
    border-bottom: 2px solid white !important;
    width: 100% !important;
    padding: 6px !important;
}

.blocks {
    display: flex;
    padding: 0em;
    transform: translateY(50px); /* Adjust the value as needed to move the picture downwards */
}

.block {
    background-color: #003366;
    height: 580px;
}

.block--left {
    z-index: 2;
    width: 60%;
}

.contact-header {
    margin-top: -10px;
}
.contact-first-input {
    margin-top: 30px !important;
}

.block--right {
    z-index: 1;
    margin-top: 2%;
    margin-left: -10%;
    height: 522px !important;
    width: 50%;
    background-size: cover !important;
    background-image: url('/assets/img/media/contact-building.jpg') !important;
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
    clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
}

/* This is styling for services section */
.services-layout {
    /* padding: 200px !important; */
}
.row.services.dark {
    padding: 70px 0;
    text-align: center;
    color: white;
    background-image: url('/assets/img/awards-icons/latest-awards/offer.jpg') !important;
    background-position: center;
    background-size: cover;
}

.submitbtn {
}

.services h4 {
    color: #fff !important;
    font-size: 20px;
    font-weight: 500 !important;
    padding-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
}
.what-we-offer-icon {
    height: 10px;
}

.what-we-offer hr {
    font-size: 5px !important;
}

.what-we-offer {
    margin-top: 30px !important;
}

/* This is styling for footer section */

.row.footer.dark {
    padding: 20px 0;
    text-align: center;
    color: white;
    background-color: #282828 !important;
    background-position: center;
    background-size: cover;
}

.footer-blocks {
    display: flex;
    padding: 0em;
}

.footer-block--left {
    display: none;
    margin-top: 35px;
    z-index: 1;
    width: 405px;
    height: 280px;
    /* background-size: 100% 100%;
  background-repeat: no-repeat; */
    background-position: top 0px right 0px !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-image: url('/assets/img/footer-icons/footer.png') !important;
}

.footer-block--right {
    z-index: 2;
    width: 94%;
    margin-bottom: 0px !important;
    margin-left: -8% !important;
    background-color: #003366;
    -webkit-clip-path: polygon(6% 0, 100% 0, 100% 99%, 0 99%);
    clip-path: polygon(0% 0%, 100% 0, calc(100%) 100%, 6% 100%);
}

.site-footer-heading {
    font-family: 'montserrat' !important;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.social-footer-heading {
    font-family: 'montserrat' !important;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}
.contact-footer-heading {
    font-family: 'montserrat' !important;
    font-weight: 600;
    font-size: 16px;
    text-align: right;
}
.site-links {
    font-family: 'montserrat' !important;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.site-links p {
    font-size: 16px;
    margin-top: -7px;
}
.social-links {
    font-family: 'montserrat' !important;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.footer-contact-details {
    font-family: 'montserrat' !important;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
}
.footer-contact-details p {
    font-size: 16px;
    margin-top: -7px;
}

.footer-image {
    padding: 5px;
    height: 40px;
    width: 40px;
}

.site-links a {
    color: #fff;
}

.footer-a {
    color: white !important;
    font-family: 'Montserrat', sans-serif;
}

.social-footer-align {
    margin-right: 70px;
}

@media (max-width: 767px) {
    .row.banner-footer {
        display: none;
    }

    .row.services.services-layout {
        background-image: none !important;
    }

    .container.portal {
        padding: 0 !important;
        margin: 0 !important;
        height: 540px !important;
    }
    .page-auto-home {
        position: relative;
        width: 100% !important;
        height: 540px !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: cover !important;
        background-image: url('/assets/img/banners/process-of-arc-welding-produced-by-huge-robotic-in-2022-03-09-22-19-21-utc-2.jpg') !important;
        background: linear-gradient(white 100%);
    }
   
    .test {
        position: absolute;
        z-index: -999;
        width: 100% !important;
        height: 540px !important;
        background: linear-gradient(white 100%);
    }
    .item {
        height: 540px !important;
    }
    .home-heading-layout {
        padding-left: 20px !important;
        margin-top: -80px !important;
    }
    .title-heading {
        font-size: 17px;
    }
    .title-description {
        font-size: 22px !important;
    }

    .icon-header {
        margin-top: 0px !important;
        color: #282828 !important;
        text-align: center !important;
        font-weight: 600 !important;
        margin-bottom: 30px !important;
        font-size: 25px;
    }
    .icons-layout {
        margin-top: 30px !important;
        margin-bottom: 60px !important;
    }
    .icon-list {
        margin: auto;
        display: flex;
        width: 100%;
        text-align: center;
        height: 220px;
        overflow: hidden;
        justify-content: space-between;
    }
    .icon-div {
        padding: 5px;
        display: block;
        width: 50%;
    }
    .banner-footer-email {
        padding: 0px;
    }

    .awards-div {
        margin-top: 0px !important;
    }
    .col-md-3 {
        width: 50%;
    }

    .award-ico {
        height: 60px;
    }

    .award-icon-title {
        margin-top: 20px;
        color: #fff;
        font-size: 12px;
        padding-bottom: 20px !important;
    }
    .award-icon-description {
        margin-top: 5px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
    .sm-c {
        margin-top: 30px;
    }

    .row.services.dark {
        padding: 50px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-position: top 150px right 80px !important;
        background-repeat: no-repeat !important;
        background-size: 60% !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/what-we-offer.png');
    }

    .row.multi-award.dark {
        padding: 70px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-size: 40% !important;
        background-position: top 250px right 120px !important;
        background-repeat: no-repeat !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/what-we-offer.png');
    }

    .location-support {
        float: right !important;
        color: #fff;
        background: #003366;
        width: 70% !important;
        height: 70px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
    }

    .location-banner {
        margin-top: -65px;
        color: #fff;
        background: #003366;
        width: 70%;
        height: 80px;
        -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    }

    .location-banner h1 {
        margin-top: 20px !important;
    }

    .location-support h4 {
        margin-top: 10px !important;
        color: #fff !important;
        font-weight: normal !important;
    }
    .location-image {
        margin-top: 20px;
        width: 95% !important;
        height: 350px;
        padding-bottom: 20px;
    }

    .blocks {
        display: flex;
        padding: 0em;
    }

    .block {
        background-color: #003366;
    }

    .block--left {
        z-index: 2;
        width: 100% !important;
    }

    .block--left h1 {
        margin-top: -20px !important;
        font-size: 18px;
    }

    .block--right {
        z-index: 1;
        margin-top: 5.5%;
        margin-left: -10%;
        height: 365px !important;
        width: 50%;
        background-size: cover !important;
        background-image: url('/assets/img/media/s4-new-home.png') !important;
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
        clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
    }
    .form-control {
        border-radius: 0px !important;
        font-size: 14px;
    }
    .contact-padding {
        padding: 0px;
    }
    .vrow {
        padding: 0px;
    }
    .input-new {
        margin-top: -55px !important;
        background-color: none !important;
        border: none !important;
        border-radius: none !important;
        color: #fff !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .textarea-new {
        margin-top: -55px !important;
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        border-radius: none !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .select-new {
        margin-top: -55px !important;
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        border-radius: none !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 0px !important;
    }
    .smallbtn {
        top: -30px !important;
        background-color: #fff !important;
        width: 100% !important;
        color: #000 !important;
        font-size: 13px;
        border-radius: 7px !important;
    }
    .col-company {
        margin-top: 30px;
    }
    .col-email {
        margin-top: -10px;
    }
    .col-sel {
        margin-top: -70px !important;
    }

    /* This is styling for footer section */

    .footer-blocks {
        display: flex;
        padding: 0em;
    }

    .footer-block--left {
        margin-top: 1%;
        z-index: 1;
        display: none !important;
    }
    .footer-left-align {
        display: none !important;
    }

    .footer-block--right {
        z-index: 2;
        width: 100% !important;
        border: none !important;
        background-color: #003366;
        padding-left: 7%;
        margin-left: 0px !important;
        -webkit-clip-path: none;
        clip-path: none;
    }
    .footer-image {
        padding: 5px;
        height: 30px;
        width: 30px !important;
    }
    .site-links {
        font-family: 'montserrat' !important;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }
    .contact-footer-heading {
        font-family: 'montserrat' !important;

        text-align: right;
    }
    .footer-contact-details {
        font-family: 'montserrat' !important;
        font-size: 13px;
        font-weight: normal;
        text-align: right;
    }

    iframe {
        margin-top: -40px;
        background: none;
        border: none;
    }

    .banner-footer {
        margin-top: -80px;
    }
    .banner-footer-image {
        padding: 10px;
        height: 40px;
        width: 40px;
        text-align: left;
    }
    .banner-email-text {
        padding: 0px !important;
        margin-left: 30px !important;
        font-size: 12px !important;
        color: #fff;
    }

    .social-footer-align {
        margin-right: 0px;
        text-align: right;
    }

    .footer-padding {
        padding: 0px !important;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 16px !important;
        font-weight: normal !important;
        padding: 8px;
    }

    .nav li a:hover {
        font-weight: 600 !important;
        font-size: 13px;
        border-bottom: 3px solid #003366;
        transition: all ease-in-out 0.2s;
    }

    .dropdown-toggle {
        background: none !important;
        border: none !important;
        padding-left: 8px;
        padding-right: 8px;
    }

    .nav-image {
        background-color: none !important;
        border: none;
        margin-top: 10px;
        height: 20px !important;
    }
    .container-fluid {
        padding: 0px;
    }
    #search-button {
        background: transparent !important;
        border: none;
        margin-top: -30px !important;
        font-size: 18px !important;
        color: #fff !important;
    }
    .glyphicon {
        position: relative;
        top: -35px;
        display: inline-block;
        color: #fff;
        font-size: 14px;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 300;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .container.portal {
        padding: 0 !important;
        margin: 0 !important;
        height: 540px !important;
    }
    .page-auto-home {
        position: relative;
        width: 100% !important;
        height: 540px !important;
        margin: 0 !important;
        padding: 0 !important;
        background-size: cover !important;
        background-image: url('/assets/img/banners/process-of-arc-welding-produced-by-huge-robotic-in-2022-03-09-22-19-21-utc-2.jpg') !important;
        background: linear-gradient(white 100%);
    }
    .test {
        position: absolute;
        z-index: -999;
        width: 100% !important;
        height: 540px !important;
        background: linear-gradient(white 100%);
    }
    .home-layout {
        margin-top: -850px;
        height: 80%;
    }
    .item {
        height: 540px !important;
    }
    .home-heading-layout {
        padding-left: 20px !important;
        margin-top: -80px !important;
    }
    .title-heading {
        font-size: 17px;
    }
    .title-description {
        font-size: 22px !important;
    }

    .row.services.dark {
        padding: 50px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-position: top 200px right 80px !important;
        background-repeat: no-repeat !important;
        background-size: 45% !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/what-we-offer.png');
    }

    .row.multi-award.dark {
        padding: 70px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-size: 40% !important;
        background-position: top 220px right 190px !important;
        background-repeat: no-repeat !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/Robot.png');
    }

    .icon-header {
        margin-top: 0px !important;
        color: #282828 !important;
        text-align: center !important;
        font-weight: 600 !important;
        margin-bottom: 30px !important;
        font-size: 25px;
    }
    .icons-layout {
        margin-top: 30px !important;
        margin-bottom: 60px !important;
    }
    .icon-list {
        margin: auto;
        display: flex;
        width: 100%;
        text-align: center;
        height: 220px;
        overflow: hidden;
        justify-content: space-between;
    }
    .icon-div {
        padding: 5px;
        display: block;
        width: 50%;
    }

    .awards-div {
        margin-top: 0px !important;
    }
    .col-md-3 {
        width: 50%;
    }

    .award-ico {
        height: 60px;
    }

    .location-support {
        float: right !important;
        color: #fff;
        background: #003366;
        width: 70% !important;
        height: 70px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
    }

    .location-banner {
        margin-top: -65px;
        color: #fff;
        background: #003366;
        width: 70%;
        height: 80px;
        -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    }

    .location-banner h1 {
        margin-top: 20px !important;
    }

    .location-support h4 {
        margin-top: 10px !important;
        color: #fff !important;
        margin-left: 100px;
        font-weight: normal !important;
    }
    .location-image {
        margin-top: 20px;
        width: 95% !important;
        height: 350px;
        padding-bottom: 20px;
    }

    .sm-c {
        margin-top: 40px;
    }

    .blocks {
        display: flex;
        padding: 0em;
    }

    .block {
        background-color: #003366;
        height: 420px;
    }

    .block--left {
        z-index: 2;
        width: 70% !important;
        clip-path: polygon(0 0, 100% 0, calc(100% - 7.4%) 100%, 0% 100%);
    }

    .block--left h1 {
        margin-top: -20px !important;
        font-size: 18px;
    }

    .block--right {
        z-index: 1;
        margin-top: 4%;
        margin-left: -10%;
        height: 365px !important;
        width: 50%;
        background-size: cover !important;
        background-image: url('/assets/img/media/s4-new-home.png') !important;
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
        clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
    }
    .form-control {
        border-radius: 0px !important;
        font-size: 14px;
    }
    .input-new {
        margin-top: -55px !important;
        background-color: none !important;
        border: none !important;
        border-radius: none !important;
        color: #fff !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .textarea-new {
        margin-top: -55px !important;
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        border-radius: none !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .select-new {
        margin-top: -55px !important;
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        border-radius: none !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .smallbtn {
        top: -30px !important;
        background-color: #fff !important;
        width: 100% !important;
        color: #000 !important;
        font-size: 13px;
        border-radius: 7px !important;
    }
    .col-company {
        margin-top: 30px;
    }
    .col-email {
        margin-top: -10px;
    }
    .col-sel {
        margin-top: -70px !important;
    }

    /* This is styling for footer section */

    .footer-blocks {
        display: flex;
        padding: 0em;
    }

    .footer-block {
        height: 340px;
    }

    .footer-block--left {
        margin-top: 1%;
        z-index: 1;
        display: none !important;
    }
    .footer-left-align {
        display: none !important;
    }

    .footer-block--right {
        z-index: 2;
        width: 100% !important;
        border: none !important;
        background-color: #003366;
        margin-left: 0px !important;
        padding-left: 7%;
        -webkit-clip-path: none;
        clip-path: none;
        height: 480px;
    }
    .footer-image {
        padding: 5px;
        height: 30px;
        width: 30px !important;
    }
    .site-links {
        font-family: 'montserrat' !important;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
    }
    .contact-footer-heading {
        font-family: 'montserrat' !important;
        font-weight: 500;
        font-size: 20px;
        text-align: right;
    }
    .footer-contact-details {
        font-family: 'montserrat' !important;
        font-size: 13px;
        font-weight: normal;
        text-align: right;
    }

    iframe {
        margin-top: -40px;
        background: none;
        border: none;
    }

    .banner-footer {
        margin-top: -80px;
    }
    .banner-footer-image {
        padding: 10px;
        height: 40px;
        text-align: left;
    }
    .banner-email-text {
        padding: 0px !important;
        margin-left: 30px !important;
        font-size: 12px !important;
        color: #fff;
    }

    .social-footer-align {
        margin-right: 0px;
        text-align: right;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .footer-image {
        height: 30px;
        width: 30px !important;
    }
    .collapse.in {
        display: none;
    }

    .row.services.dark {
        padding: 50px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-position: top 200px right 80px !important;
        background-repeat: no-repeat !important;
        background-size: 40% !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/what-we-offer.png');
    }

    .row.multi-award.dark {
        padding: 70px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-size: 45% !important;
        background-position: top 240px right 70px !important;
        background-repeat: no-repeat !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/Robot.png');
    }

    .social-footer-align {
        margin-right: 0px;
        text-align: right;
    }

    .blocks {
        display: flex;
        padding: 0em;
    }

    .block {
        background-color: #003366;
        height: 470px;
    }

    .block--left {
        z-index: 2;
        width: 70% !important;
        clip-path: polygon(0 0, 100% 0, calc(100% - 7.4%) 100%, 0% 100%);
    }

    .block--left h1 {
        margin-top: -20px !important;
        font-size: 22px;
    }

    .block--right {
        z-index: 1;
        margin-top: 3%;
        margin-left: -10%;
        height: 415px !important;
        width: 50%;
        background-size: cover !important;
        background-image: url('/assets/img/media/s4-new-home.png') !important;
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
        clip-path: polygon(10% 0, 100% 0, 100% 99%, 0 99%);
    }
    .contact-padding {
        padding: 0px;
    }

    .form-control {
        border-radius: 0px !important;
        font-size: 14px;
    }
    .input-new {
        margin-top: -30px !important;
        background-color: none !important;
        border: none !important;
        border-radius: none !important;
        color: #fff !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .textarea-new {
        margin-top: -30px !important;
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        border-radius: none !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }
    .select-new {
        margin-top: -30px !important;
        background-color: transparent !important;
        border: none !important;
        color: #fff !important;
        border-radius: none !important;
        border-bottom: 2px solid white !important;
        width: 100% !important;
        padding: 6px !important;
    }

    .smallbtn {
        top: -30px !important;
        background-color: #fff !important;
        width: 100% !important;
        color: #000 !important;
        font-size: 13px;
        border-radius: 7px !important;
    }

    .row.services.dark {
        padding: 50px 0;
        text-align: center;
        color: white;
        background-color: #282828 !important;
        background-position: top 150px right 80px !important;
        background-repeat: no-repeat !important;
        background-size: 40% !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/assets/img/awards-icons/what-we-offer.png');
    }

    .location-support {
        float: right !important;
        color: #fff;
        background: #003366;
        width: 40% !important;
        height: 90px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%);
    }
    .location-support h4 {
        margin-top: 17px;
        color: #fff;
        margin-left: 90px;
        font-weight: 400 !important;
    }
    .social-footer-align {
        text-align: left;
    }
}

@media (min-width: 767px) {
    .block--left {
        clip-path: polygon(0 0, 100% 0, calc(100% - 7.4%) 100%, 0% 100%);
    }
    #contactForm {
        padding-right: 7% !important;
    }
    .footer-block--right {
        height: 320px;
    }
}
@media (min-width: 990px) {
    .footer-block--left {
        display: block;
    }
    .footer-block--right {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 10.5rem 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 10.5rem 100%);
    }
}