body {
    overflow-x: hidden;
    font-family: Roboto, sans-serif !important;
}

.navbar-position {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}

.navbar .logo-img img {
    width: 30rem;
    height: auto;
    max-width: 100%;
}

.navbar-right {
    padding-right: 0rem;
}

.swiper {
    width: 100%;
    height: 100%;
}

.mySwiper .swiper-pagination {
    display: none;
}

.rmm.style ul li {
    padding-left: 0.1rem;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.slider-img {
    width: 100%;
    height: 4rem;
}

@media (min-width:1400px) {
    .mySwiper {
        width: 100%;
        height: 95.3rem;
    }
}

.slider-btn {
    /* padding: 8rem 3rem 1rem 3rem; */
    color: rgba(255, 255, 255, 0.514);
}

.slider-overlay {
    position: absolute;
    /* center this overlay over the slider */
    top: 50%;
    left: 42%;
    transform: translate(-50%, -50%);
    padding: 2rem;
    text-align: left;
    color: white;
}

.slider-overlay .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid rgb(255, 127, 36);
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.slider-text {
    color: white;
    line-height: 6rem;
    margin-left: 3rem;
}

.slider-text1 {
    color: white;
    line-height: 6rem;
    font-size: 7rem;
    margin-left: 3rem;
}

.swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgb(255 131 48 / 30%); */
    /*background-color: rgba(0, 0, 0, 0.5);*/;
}



/* about-section */

.main-section {
    padding-top: 4rem;
}

.product-text {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    align-items: center;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
}

.product-content,

.product-content1 {
    color: white;
    font-size: 20px;
    margin: 0;
}

.service-style3-area.service-page3 {
    position: relative;
    display: block;
    background: rgb(255, 255, 255);
    padding: 70px 0px 40px;
    /*margin-top: 4rem;*/;
}

.single-service-style3 .img-holder .img-container {
    text-align: center;
}

.service-style3-area {
    position: relative;
    display: block;
    z-index: 1;
    background: rgb(250, 247, 240);
    padding: 110px 0px;
}

.bg-light {
    background-color: rgb(248, 249, 250) !important;
}

.single-service-style3 .img-holder .img-container img {
    max-width: 300px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    border-radius: 50%;
    box-shadow: 0px 3px 10px #3a3a3a;
    width: 100%;
    height: 243px;
    padding: 5px;
}

.single-service-style3.products-home-box {
    margin-bottom: 20px;
}

.single-service-style3 .img-holder .img-container img:hover {
    cursor: pointer;
    opacity: 0.7;
}

.product-heading {
    padding-bottom: 3rem;
}

.products-home-box:hover {
    transform: translateY(-3%);
    transition: all 0.3s linear;
}

.overview-text {
    padding: 2rem 0rem 2rem 0rem;
    text-align: justify;
    margin-left: 10rem;
}

.view-btn {
    text-align: center;
}

.txt {
    color: white;
}

.overview-container {
    width: 89%;
}

.item {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding-top: 43px;
    padding-bottom: 73px;
}

.text-btn {
    padding-top: 5rem;
    margin-left: 30rem;
    padding-bottom: 5rem;
}

a:link,

a:visited {
    text-decoration: none;
}

.service-style4_more_service_button a {
    line-height: 65px;
}

.btn-one {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
    background: rgb(236, 125, 27);
    margin-top: 0rem;
    border: #ec7d1b;
}

.btn-one:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #0c1529;
    opacity: 0;
    content: "";
    border-radius: 0px;
    transform: scale(0.5) rotateX(45deg);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn-one:hover:before {
    opacity: 1.0;
    transform: scale(1.0) rotateX(0deg);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.btn-one .txt {
    position: relative;
    z-index: 1;
}

.btn-one .txt i.right {
    position: relative;
    display: inline-block;
    line-height: 0;
    padding-left: 10px;
    font-weight: 400;
}

.btn-one .txt i.left {
    position: relative;
    display: inline-block !important;
    line-height: 0;
    padding-right: 10px;
    font-weight: 400;
}

.btn-one:hover,

.btn-one:focus {
    color: #ffffff;
    text-shadow: 0px 5px 3px rgba(12, 21, 41, 0.1);
}

.overview-box {
    padding: 4rem 0rem 4rem 0rem;
}

.row-container {
    padding-left: 15rem;
    padding-bottom: 4rem;
}

.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    border-radius: 5px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 999999999;
    display: block;
    background-color: rgb(255, 127, 36);
    border: rgb(255, 127, 36);
}

.scroll-top:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    z-index: -1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
    color: #f8f8f8;
}

.mb {
    color: white;
}

.footer-bottom {
    background-color: #181b22;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: white;
}

.bottom {
    margin-left: 55rem;
}

.footer {
    background-color: #292929;
    display: flex;
    overflow: hidden;
}

.fcontent-1 {
    color: white;
    line-height: 1.5rem;
    padding: 2rem;
    margin-left: 1.5rem;
    width: 30%;
}

.fcontent-2 {
    color: white;
    line-height: 1.5rem;
    padding: 2rem;
    margin-left: 20rem;
    width: 10%;
    /* margin-left: 5rem; */;
}

.fcontent-3 {
    color: white;
    line-height: 1.5rem;
    padding: 2rem;
    margin-left: 20rem;
    width: 20%;
    /* margin-left: 5rem; */;
}

.mb:hover {
    cursor: pointer;
    color: rgb(255, 127, 36);
}

.footer-text {
    color: white;
    text-align: left;
    line-height: 3rem;
    font-size: 15px !important;
    margin-top: 0 !important;
}

.fcontent:hover {
    cursor: pointer;
}

.no {
    color: white;
}

.no:hover {
    cursor: pointer;
    color: rgb(255, 127, 36);
    ;
}

.footer-content {
    display: flex;
}

.list-unstyled li {
    line-height: 3.5rem;
}

.social-links-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 2rem;
}

.social-links-style1 li {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.social-links-style1 li:last-child {
    margin-right: 0px;
}

.social-links-style1 li a i {
    position: relative;
    display: block;
    background: #fbfbfd;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #9a9fb8;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    transition: all 500ms ease;
}

.social-links-style1 li a:hover i {
    color: rgb(255, 127, 36);
}

.sociallinks-style-two {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 7px 0 8px;
}

.sociallinks-style-two li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 25px;
}

.sociallinks-style-two li:last-child {
    margin-right: 0px;
}

.sociallinks-style-two li a i {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 16px;
    transition: all 500ms ease 0s;
}

.horizontal-line {
    border: 1px solid rgb(255, 127, 36);
    width: 15rem;
    height: 0.3rem;
}

.single-blog-style1:hover .img-holder img {
    transform: scale(1.2);
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52) 0s;
}

.single-blog-style1 .img-holder img {
    width: 100%;
    height: 257px;
    transition: all 200ms linear 0.1s;
}

.single-blog-style1 .img-holder .inner::before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.single-blog-style1 {
    position: relative;
    display: block;
    margin-bottom: 70px;
}

.single-blog-style1 .img-holder {
    position: relative;
    display: block;
}

.single-blog-style1 .img-holder .inner {
    position: relative;
    display: block;
    height: 270px;
    overflow: hidden;
}

.single-blog-style1 .img-holder .overlay-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transform: perspective(400px) scaleY(0);
    transform-origin: center bottom;
    transition: all 0.9s ease 0s;
}

.single-blog-style1 .img-holder .overlay-icon a {
    position: relative;
    display: inline-block;
    top: -25px;
}

.single-blog-style1 .img-holder .inner::after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.5s;
    transition-property: all;
    opacity: 1;
    transform-origin: center bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
    background: rgb(0, 0, 0);
}

.single-blog-style1 .img-holder .date-box {
    position: absolute;
    right: 45px;
    bottom: 34px;
    width: 148px;
    height: 33px;
    /* padding-top: 2px; */
    display: flex;
    text-align: center;
    z-index: 3;
    color: white;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
}

.bgclr1 {
    background: rgb(236, 125, 27);
}

.single-blog-style1 .text-holder {
    position: relative;
    display: block;
    margin-top: -50px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 2;
    background: rgb(255, 255, 255);
    padding: 25px 20px 20px;
}

.single-blog-style1 .text-holder .meta-info {
    position: relative;
    display: block;
    padding-top: 12px;
    padding-bottom: 13px;
    overflow: hidden;
    border-bottom: 1px solid rgb(222, 225, 237);
}

.single-blog-style1 .text-holder .meta-info li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.single-blog-style1 .text-holder .meta-info li {
    position: relative;
    display: inline-block;
    float: left;
    color: rgb(34, 34, 34);
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    padding-right: 16px;
    margin-right: 15px;
}

.single-blog-style1 .text-holder .blog-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.single-blog-style1 .text-holder .blog-title a {
    color: #333;
}

.single-blog-style1 .text-holder .blog-title a {
    margin: 0px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 40px;
    font-size: 15px !important;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.social-links-style1 li img {
    width: 38px;
    background-color: white;
    padding: 2px;
    border-radius: 100%;
}

.swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    top: 126px;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgb(255 131 48 / 30%); */
    /*background-color: rgba(0, 0, 0, 0.5);*/;
}

.swiper-slide img {
    /* display: block; */
    width: 100%;
    height: 500px;
    /* object-fit: cover; */;
}

.single-blog-style1 .text-holder .text {
    position: relative;
    display: block;
    padding-top: 9px;
    padding-bottom: 27px;
}

.single-blog-style1 .text-holder .text p {
    margin: 0px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 60px;
    font-size: 15px !important;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-blog-style1 .text-holder .readmore-button {
    position: relative;
    display: block;
    background-color: rgb(236, 125, 27);
    width: 12rem;
    height: 3.5rem;
    padding: 0.5rem 0.2rem 0.5rem 1rem;
    border-radius: 1rem;
}

.single-blog-style1 .text-holder .readmore-button a {
    color: white;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 200ms linear 0.1s;
}

.news-heading {
    padding: 2rem 0rem 2rem 0rem;
    margin-left: 2rem;
}



/* fixed buttom */



.fixed-sidebar-2button {
    position: fixed;
    left: -56px;
    top: calc(40% - -237px);
    z-index: 999;
}

.sidebar-middle-2button {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.broucher-link a {
    background: #ff7f24;
    border-radius: 6px 6px 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 30px;
    text-align: center;
    transform: rotate(90deg);
}

.member-link a {
    background: #ff7f24;
    border-radius: 6px 6px 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 30px;
    text-align: center;
    transform: rotate(90deg);
    margin-top: 130px;
}

.dlab-gallery-listing .card-container {
    margin: 20px 0;
}

.dlab-gallery-listing .dez-info {
    background-color: #26448c !important;
    color: white;
    padding: 20px;
}

.dlab-gallery-listing .dez-info p {
    margin: 0;
    text-align: center;
}

.dlab-gallery-listing .card-image img {
    height: 250px;
}

.photo-gallery-main .nav-link {
    border-radius: 20px;
}

.photo-gallery-main .nav-link.active {
    background-color: #ec7d1b !important;
}

.infrastucture_details ul li {
    list-style-type: square;
}



/* career */

.mail-text {
    margin-left: 48rem;
}

.main-white-section {
    padding: 0rem 0 4rem;
}

.requirement-text {
    padding-left: 2.3rem;
    font-size: 2rem;
}



/* Quality Control */

.quality-section {
    text-align: justify;
}

.feature-section {
    background-color: #fafafa;
    padding: 3rem 0 3rem 0;
}

.quality-assurance {
    margin: 1rem 10rem 2rem 10rem;
    text-align: justify;
    width: 80%;
}

.quality-details {
    padding: 0rem 10rem 2rem 20rem;
}

.quality-cpntrol-container {
    padding-top: 3rem;
}



/* breadcrumb */



.breadcrumb-area {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    padding: 20rem 0rem 20rem 0rem;
    margin-top: 112px;
}

.bread-text {
    color: #ff7f24;
}

.breadcrumb-area:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000;
    opacity: 0.55;
    content: "";
    z-index: -1;
}

.breadcrumb-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.heading {
    margin-bottom: 15px !important;
}

.breadcrumb-area .inner-content {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}

.breadcrumb-text {
    justify-content: center;
}

.breadcrumb-area .title {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px !important;
}

.breadcrumb-area .title h2 {
    color: #ffffff;
    font-size: 30px;
    line-height: 4.3rem;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.breadcrumb-menu {
    position: relative;
    display: block;
    line-height: 0;
}

.breadcrumb-menu ul li {
    position: relative;
    display: inline-block;
    overflow: hidden;
    /* padding: 0px 25px 12px; */
    color: white;
}

.breadcrumb-menu ul a {
    position: relative;
    overflow: hidden;
    color: white;
}



/* News & Events */

.contact-heading {
    padding: 3rem 0rem 3rem 0rem;
}



/* gallery */

.gallery-img {
    width: 100%;
    height: 29rem;
}

.contact-bg {
    background-color: white;
}

.gallery-img:hover {
    transform: scale(1.2);
    transition: 0.8s;
}

.gallery-container {
    padding: 3rem 0 5rem;
    border: 1rem solid white;
}

.img-gallery-container {
    border: 3px solid #fff;
    box-shadow: 0 0 2px #aaa;
    cursor: default;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}

.contact-middle-content {
    padding: 2rem 0rem 11rem;
    position: relative;
}

.col-100 {
    width: 100%;
}

.primary-anchor {
    position: relative;
}

.primary-anchor a,

.primary-anchor button {
    position: relative;
    font-size: 1.125em;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    color: #fff;
    padding: .75em 1.5em;
    background: rgb(236, 125, 27);
    border: 1px solid rgb(236, 125, 27);
    transition: .4s;
    z-index: 1;
}

.primary-anchor a::before,

.primary-anchor button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #fff;
    left: auto;
    transition: .5s;
    z-index: -1;
}

.primary-anchor button:hover {
    color: rgb(236, 125, 27);
    transition: .4s;
}

.primary-anchor a:hover::before,

.primary-anchor button:hover::before {
    left: 0;
    width: 100%;
}

.contact-middle-content:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgb(255 255 255 / 90%);
}



/* .parallax {

  min-height: 500px;

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

} */



.contact-form-left {
    background-color: #fff;
    padding: 8.5rem 4rem 8.5rem 5rem;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 2px;
}

h4.contact-title.lets-connect-title {
    margin-bottom: 52px;
}

.download-container .download-container-inner {
    background-color: #fff;
    position: relative;
    padding: 15px;
    margin-bottom: 36px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 2px;
}

.download-container .download-container-inner p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.contact-form-left h4.contact-title {
    font-size: 2em;
    color: #666666;
    font-weight: 600;
}

.contact-form-new-add {
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 36px;
    height: 200px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 2px;
}

.contact-form-new-add h4.contact-title {
    font-size: 2em;
    color: #666666;
    font-weight: 600;
}

.contact-form-address-mid h5 {
    font-size: 19px;
    font-weight: 600;
}

.contact-dis {
    font-size: 16px;
    margin-bottom: 2rem;
}

.address-col-row {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.address-content h4 {
    color: #666666;
    font-size: 1.2em;
    font-weight: 600;
}

.address-icon i.fa {
    font-size: 2em;
    color: rgb(236, 125, 27);
    margin-top:0.2rem;
}

.address-icon {
    width: 10%;
    text-align: center;
}

.address-content {
    width:90%;
}

.address-content p {
    font-size: 16px;
    margin-bottom: 1rem;
    color: #898989;
}



/* .container {

    max-width: 100%;

    padding: 0 9%;

} */

.generic--form__wrapper {
    justify-content: space-between;
}

.generic--form__wrapper .input-container {
    display: flex;
    align-items: center;
    height: 50px;
    position: relative;
    width: 100%;
    margin: 0 0 1.5em 0;
}

.generic--form__wrapper .input-container .input {
    color: #666666;
    font-size: 1em;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: none;
    border-bottom: 1px solid rgba(121, 121, 121, .2);
    transition: .25s;
}

.clientswiper img.img-responsive {
    width: 215px;
    height: 145px;
    border: 1px solid black;
    border-radius: 10px;
    padding: 8px;
    object-fit: contain;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.clientsection {
    padding: 39px 0;
}

.generic--form__wrapper .input-container .input.error {
    top: unset;
    left: unset !important;
    font-size: initial !important;
    color: #666666 !important;
}

.generic--form__wrapper .input-container .input:focus {
    outline: 0;
    border-bottom: 1px solid #363636;
    transition: .25s;
}

.generic--form__wrapper .input-container .input::placeholder {
    color: #000;
}

.generic--form__wrapper .input-container .placeholder {
    color: #636363;
    font-size: 1em;
    left: 0;
    line-height: 3px;
    pointer-events: none;
    position: absolute;
    transform-origin: 0 50%;
    transition: transform .2s, color .2s;
    top: 20px;
    padding: 0;
    transition: .4s;
}

.generic--form__wrapper .input-container.textArea {
    height: 5em;
}

.generic--form__wrapper .input-container label.error {
    position: absolute;
    bottom: -25px;
    color: red;
    font-weight: 400;
    text-transform: capitalize;
}


.generic--form__wrapper .cut {
    height: 20px;
    left: 0;
    position: absolute;
    top: -30px;
    transform: translateY(0);
    transition: transform .2s;
    width: 76px;
}

.generic--form__wrapper .cut-short {
    width: 50px;
}

.generic--form__wrapper .input:focus~.cut,

.generic--form__wrapper .input:not(:placeholder-shown)~.cut {
    transform: translateY(8px);
}

.generic--form__wrapper .input:focus~.placeholder,

.generic--form__wrapper .input:not(:placeholder-shown)~.placeholder {
    transform: translateY(-25px) translateX(0) scale(.75);
    font-size: 1.1em;
}

.generic--form__wrapper .input:not(:placeholder-shown)~.placeholder {
    font-size: 1.1em;
}

.generic--form__wrapper .iti__arrow {
    border-top: 4px solid #000;
}

.generic--form__wrapper .iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #000;
}

.reversecol .twocol-row .first-col {
    order: 1;
}

.twocol-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.twocol-row.justify-space {
    justify-content: space-between;
}

.twocol-row.align-center {
    align-items: center;
}

.col-40 {
    width: 40%;
}

.request-quote-form .career-detail-form {
    background: transparent;
}

.request-quote-form h6.head.s-font {
    color: #333;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 2em;
}

.col-60 {
    width: 57%;
}

.career-Form .generic--form {
    padding: 0;
}

.career-detail-form h6.head.s-font {
    color: #666666;
    margin-bottom: 25px;
    font-weight: 700;
}

.career-detail-form .form-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.career-detail-form .form-wrapper {
    background: #fff;
    box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .1);
    padding: 2.6875em 2.1875em;
    margin: 0 0 49px 0;
    position: relative;
    width: 100%;
}

#submit-button-career {
    margin: 12px auto;
}

/* career-section */

.career-buttons {
    display: flex;
}

.career-main-section {
    padding-top: 9rem;
    background-color: white;
}

.sr-only {
    position: absolute;
    margin: -1px;
    width: 3px;
    /* height: 1rem; */
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
}

.btn1 {
    display: inline-block;
    padding: 1em 1em;
    color: rgb(236, 125, 27);
    border: 1px dashed rgb(236, 125, 27);
    box-shadow: 0 4px 13px 3px rgba(0, 0, 0, 0.06);
    border-radius: 0.8rem;
    cursor: pointer;
    margin-right: 4rem;
}



/* .main-career-container{

    display: block;

    padding-left: 5rem;

} */

.career-heading {
    width: 40%;
}

.career-content {
    padding-left: 3.8rem;
    text-align: justify;
}



/* news-details */

.detail-img {
    width: 100%;
    box-shadow: 0 9px 7px -2px #b8b8b8;
    height: 500px;
}

.environment-img {
    width: 100%;
    height: 100%;
    margin-left: 4rem;
    margin-top: 3rem;
}

.content-img {
    width: 30rem;
    height: 20rem;
}

.news-content {
    margin-top: 4rem;
}



/* product-detail */



.product-slider {
    width: 80%;
    margin-left: 30rem;
    padding: 5rem 0rem 3rem 0rem;
}

.product-slider .mySwiper {
    height: 15rem;
    margin-top: 1rem;
}

.product-slider .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    border: 0.5rem solid #ff7b07;
}

.product-slider .swiper-slide::before {
    background-color: rgba(255, 255, 255, 0.096);
}

.swipper-slider-btn {
    color: rgba(255, 255, 255, 0.582);
}

.product-slider .mySwiper2 {
    height: 35rem;
    box-shadow: 0 9px 7px -7px #b8b8b8;
}

.product-detail-container {
    margin-left: 3rem;
    text-align: justify;
    margin-top: 2rem;
}

.product-detail-heading {
    color: #ec7d1b;
    font-weight: 500;
}

.product-overview-text {
    font-weight: 600;
}

.bottom-slider .product-overview-text {
    text-align: center;
    padding: 5rem 0 4rem;
}

.bottom-slider .slide-container {
    width: 60%;
    height: 30rem;
    padding-bottom: 6rem;
}

.service-style3-area {
    position: relative;
    display: block;
    background: #faf7f0;
    padding: 110px 0px 110px;
    z-index: 1;
}

.service-style3-area {
    position: relative;
    display: block;
    background: #faf7f0;
    padding: 110px 0px 110px;
    z-index: 1;
}

.service-style3-area_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-attachment: scroll;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.single-service-style3 {
    position: relative;
    display: block;
}

.single-service-style3 .img-holder {
    position: relative;
    display: block;
}

.single-service-style3 .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
}



/*.single-service-style3 .img-holder .inner::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000000;

    transition: .3s;

    text-align: center;

    transform: translateY(50%);

    opacity: 0;

    z-index: 1;

}*/



/*.single-service-style3:hover .img-holder .inner::before {

    opacity: 0.70;

    transform: translateY(0px);

}*/



/*.single-service-style3 .img-holder .inner img {

    width: 100%;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    height: 250px;

}



.single-service-style3:hover .img-holder .inner img {

    transform: scale(1.2);

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);

}

*/

.single-service-style3 .text-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 38px 30px 45px;
}

.single-service-style3 .text-holder h2 {
    color: #222222;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 12px;
}

.single-service-style3 .text-holder p {
    margin: 0;
}

.single-service-style3 .text-holder .readmore-button {
    position: relative;
    display: block;
    margin-top: 33px;
}

.single-service-style3 .text-holder .btn-one {
    color: #222222;
    background: #ffffff;
    border: 1px solid #222222;
    line-height: 48px;
    padding-left: 25px;
    padding-right: 25px;
}

.single-service-style3 .text-holder .btn-one::before {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav {
    position: absolute;
    top: 170px;
    left: -80px;
    right: -80px;
    z-index: -1;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border: 1px solid #222222;
    color: #222222;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
    float: left;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
    float: right;
}

.service-style3-area.service-page3 {
    position: relative;
    display: block;
    background: #fff;
    padding: 110px 0 40px;
}

.service-page3 .single-service-style3 {
    margin-bottom: 70px;
}

.service-page3 .single-service-style3 .text-holder {
    border: 1px solid #e9ebf4;
}

.service-page3 .single-service-style3:hover .text-holder {
    border-color: transparent;
    border-bottom-color: #222222;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.06);
}

.service-page3 .single-service-style3 .text-holder .btn-one:hover {
    color: #fff;
}

.service-details-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 110px 0 110px;
}

.services-page-link {
    position: relative;
    display: block;
}

.services-page-link ul {
    position: relative;
    display: block;
    overflow: hidden;
}

.services-page-link ul li {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

.services-page-link ul li:last-child {
    margin-bottom: 0;
}

.services-page-link ul li a {
    position: relative;
    display: block;
    background: #e9ebf4;
    padding: 0 20px;
    color: #222222;
    font-size: 16px;
    line-height: 50px;
    font-weight: 500;
    z-index: 1;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.services-page-link ul li a:hover,

.services-page-link ul li.active a {
    color: #fff;
}

.services-page-link ul li a span::before {
    position: relative;
    display: inline-block;
    float: right;
    color: #2739a7;
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.2s;
}

.services-page-link ul li a:hover span::before,

.services-page-link ul li.active a span::before {
    color: #fff;
}

.services-page-link ul li a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: -1;
}

.services-page-link ul li a:hover:before,

.services-page-link ul li.active a:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}

.single-sidebar-box .title {
    position: relative;
    display: block;
    background: #2739a7;
    padding: 22px 0px 22px 30px;
    margin-bottom: 5px;
}

.single-sidebar-box .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

.single-sidebar-box .downloads-links {
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e9ebf4;
}

.single-sidebar-box .downloads-links li {
    position: relative;
    display: block;
}

.single-sidebar-box .downloads-links li a {
    position: relative;
    display: block;
    padding-left: 34px;
    color: #222222;
    font-size: 18px;
    line-height: 68px;
    border: 1px solid #e9ebf4;
    border-bottom: none;
}

.single-sidebar-box .downloads-links li a i {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.special-services {
    position: relative;
    display: block;
    padding: 100px 40px 60px;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.special-services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.70;
    z-index: -1;
}

.special-services .thm_logo {
    position: relative;
    display: block;
    padding-bottom: 16px;
}

.special-services .thm_logo span::before {
    color: #fff;
    font-size: 70px;
}

.special-services h2 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 12px;
}

.special-services p {
    color: #ffffff;
    margin: 0 0 33px;
}

.special-services a {
    line-height: 50px;
    padding: 0 25px;
}

.sidebar-contact-info {
    position: relative;
    display: block;
    padding: 33px 0 60px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.sidebar-contact-info .icon {
    position: relative;
    padding-bottom: 20px;
}

.sidebar-contact-info .icon span::before {
    color: #ffffff;
    font-size: 180px;
}

.sidebar-contact-info h3 {
    color: #ffffff;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    margin: -21px 0 20px;
}

.sidebar-contact-info .border-box {
    position: relative;
    display: block;
    width: 70px;
    height: 1px;
    background: #fff;
    margin: 0 auto;
}

.sidebar-contact-info .phone {
    position: relative;
    display: block;
    padding-top: 29px;
}

.sidebar-contact-info .phone a {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
}

.sidebar-contact-info .mail {
    position: relative;
    display: block;
}

.sidebar-contact-info .mail a {
    color: #ffffff;
}

.service-details-content {
    position: relative;
    display: block;
}

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

.service-details_main_image img {
    width: 100%;
}

.service-details_main_content {
    position: relative;
    display: block;
    padding-top: 45px;
    padding-bottom: 46px;
}

.service-details_main_content .sec-title {
    padding-bottom: 22px;
}

.service-details_main_content .sec-title .sub-title {
    padding-bottom: 6px;
}

.service-details_main_content .sec-title h2 {
    font-size: 36px;
}

.service-details_main_content .inner-content {
    position: relative;
    display: block;
}

.service-details_main_content .inner-content .top_text {
    position: relative;
    display: block;
    padding-bottom: 20px;
}

.service-details_main_content .inner-content .top_text p {
    font-weight: 700;
    margin: 0;
}

.service-details_main_content .inner-content .bottom_text {
    position: relative;
    display: block;
}

.service-details_main_content .inner-content .bottom_text p {
    margin: 0;
}

.single-team-item {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

.single-team-item .img-holder {
    position: relative;
    display: block;
}

.single-team-item .img-holder img {
    height: 210px;
}

.single-team-item .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-team-item .img-holder .inner:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: #041321;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 0.50;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
}

.single-team-item:hover .img-holder .inner:after {
    transform: scaleY(1.0);
}

.single-team-item .img-holder img {
    width: 100%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-team-item:hover .img-holder img {
    transform: scale(1.2);
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.single-team-item .img-holder .overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    transform: perspective(400px) scaleY(0);
    transform-origin: bottom;
}

.single-team-item:hover .img-holder .overlay-icon {
    transform: perspective(400px) scaleY(1.0);
}

.single-team-item .img-holder .overlay-icon a {
    position: relative;
    display: inline-block;
}

.single-team-item .img-holder .overlay-icon span {
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
}

.single-team-item .title-holder {
    position: relative;
    display: block;
    padding: 30px 0px 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-team-item:hover .title-holder {
    box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.05);
}

.single-team-item .title-holder::before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    content: "";
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) scaleX(0);
    -ms-transform: perspective(400px) scaleX(0);
    transform: perspective(400px) scaleX(0);
}

.single-team-item:hover .title-holder::before {
    opacity: 1;
    -webkit-transform: perspective(400px) scaleX(1.0);
    -ms-transform: perspective(400px) scaleX(1.0);
    transform: perspective(400px) scaleX(1.0);
}

.single-team-item .title-holder .inner {
    position: relative;
    display: block;
    padding-bottom: 31px;
}

.single-team-item .title-holder .inner::before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #cddfec;
    content: "";
    opacity: 1;
    transition: all 700ms ease 100ms;
    -webkit-transform: perspective(400px) scaleX(1.0);
    -ms-transform: perspective(400px) scaleX(1.0);
    transform: perspective(400px) scaleX(1.0);
}

.single-team-item:hover .title-holder .inner::before {
    opacity: 0;
    -webkit-transform: perspective(400px) scaleX(0);
    -ms-transform: perspective(400px) scaleX(0);
    transform: perspective(400px) scaleX(0);
}

.single-team-item .title-holder h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 8px;
}

.single-team-item .title-holder h3 a {
    color: #222222;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-team-item .title-holder p {
    color: #222222;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
}

.single-team-item .social-icon {
    position: absolute;
    left: 0;
    bottom: 11px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 29px;
    opacity: 0;
}

.single-team-item:hover .social-icon {
    opacity: 1;
}

.single-team-item .social-icon ul {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.single-team-item:hover .social-icon ul {
    opacity: 1.0;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}

.single-team-item .social-icon ul li {
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 3px;
}

.single-team-item .social-icon ul li:first-child {
    margin-left: 0;
}

.single-team-item .social-icon ul li:last-child {
    margin-right: 0;
}

.single-team-item .social-icon ul li a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    background: #3b5998;
    border-radius: 50%;
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.single-team-item .social-icon ul li a.twitter {
    background: #55acee;
}

.single-team-item .social-icon ul li a.linkedin {
    background: #007ab9;
}

.single-team-item .social-icon ul li a.pint {
    background: #cb2027;
}

.single-team-item.v2 .title-holder::before {
    background: #ec7d1b;
}

.product-container {
    margin-left: 2rem;
}

.product-heading {
    margin-top: 3rem;
}

.product-main-container {
    display: flex;
    margin-left: 18rem;
}

.category-container {
    margin-left: 4rem;
}

.category-text {
    margin-top: 0;
    margin-bottom: 2rem;
}

.generic--form__wrapper.twocol-row form {
    width: 100%;
}

.services-page-link ul li a span::before {
    position: relative;
    display: inline-block;
    float: right;
    color: #2739a7;
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.2s;
}

.services-page-link ul li a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: -1;
}

.services-page-link ul li a:before {
    background: #ec7d1b;
}

.service-style3-area_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-attachment: scroll;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.single-service-style3 {
    position: relative;
    display: block;
}

.single-service-style3 .img-holder {
    position: relative;
    display: block;
}

.single-service-style3 .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px;
}





/*.single-service-style3 .img-holder .inner::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #000000;

    transition: .3s;

    text-align: center;

    transform: translateY(50%);

    opacity: 0;

    z-index: 1;



}*/



.single-service-style3:hover .img-holder .inner::before {
    opacity: 0.70;
    transform: translateY(0px);
}



/*.single-service-style3 .img-holder .inner img {

    width: 100%;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    height: 282px;

}*/



/*.single-service-style3:hover .img-holder .inner img {

    transform: scale(1.2);

    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);



}*/



.single-service-style3 .text-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 38px 30px 45px;
}

.single-service-style3 .text-holder h2 {
    color: #222222;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 12px;
}

.single-service-style3 .text-holder p {
    margin: 0;
}

.single-service-style3 .text-holder .readmore-button {
    position: relative;
    display: block;
    margin-top: 33px;
}

.single-service-style3 .text-holder .btn-one {
    color: #222222;
    background: #ffffff;
    border: 1px solid #222222;
    line-height: 48px;
    padding-left: 25px;
    padding-right: 25px;
}

.single-service-style3 .text-holder .btn-one::before {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav {
    position: absolute;
    top: 170px;
    left: -80px;
    right: -80px;
    z-index: -1;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border: 1px solid #222222;
    color: #222222;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
    float: left;
}

.service-style3_carousel.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
    float: right;
}

.service-style3-area.service-page3 {
    position: relative;
    display: block;
    background: #fff;
    padding:50px 0 40px;
}

.service-page3 .single-service-style3 {
    margin-bottom: 70px;
}

.service-page3 .single-service-style3 .text-holder {
    border: 1px solid #e9ebf4;
}

.service-page3 .single-service-style3:hover .text-holder {
    border-color: transparent;
    border-bottom-color: #222222;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.06);
}

.service-page3 .single-service-style3 .text-holder .btn-one:hover {
    color: #fff;
}

.service-details-area {
    position: relative;
    display: block;
    background: #fff;
    padding: 110px 0 110px;
}

.single-sidebar-box .title {
    position: relative;
    display: block;
    background: #2739a7;
    padding: 22px 0px 22px 30px;
    margin-bottom: 5px;
}

.single-sidebar-box .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

.single-sidebar-box .downloads-links {
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e9ebf4;
}

.single-sidebar-box .downloads-links li {
    position: relative;
    display: block;
}

.single-sidebar-box .downloads-links li a {
    position: relative;
    display: block;
    padding-left: 34px;
    color: #222222;
    font-size: 18px;
    line-height: 68px;
    border: 1px solid #e9ebf4;
    border-bottom: none;
}

.single-sidebar-box .downloads-links li a i {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.service-details-content {
    position: relative;
    display: block;
}

.service-details_main_content {
    position: relative;
    display: block;
    padding-top: 45px;
    padding-bottom: 46px;
}

.service-details_main_content .sec-title {
    padding-bottom: 22px;
}

.service-details_main_content .sec-title .sub-title {
    padding-bottom: 6px;
}

.service-details_main_content .sec-title h2 {
    font-size: 36px;
}

.service-details_main_content .inner-content {
    position: relative;
    display: block;
}

.service-details_main_content .inner-content .top_text {
    position: relative;
    display: block;
    padding-bottom: 20px;
}

.service-details_main_content .inner-content .top_text p {
    font-weight: 700;
    margin: 0;
}

.service-details_main_content .inner-content .bottom_text {
    position: relative;
    display: block;
}

.service-details_main_content .inner-content .bottom_text p {
    margin: 0;
}

.product-heading {
    margin-top: 3rem;
}

.product-main-container {
    display: flex;
    margin-left: 18rem;
}

.bottom-slider .swiper-slide {
    box-shadow: 0 9px 7px -7px #b8b8b8;
}

.bottom-slider .swiper-slide::before {
    background-color: rgba(255, 255, 255, 0.116);
}

.bottom-slider {
    background-color: #faf7f0;
    margin-top: 3rem;
    padding-bottom: 4rem;
}

.bottom-slider .swiper-pagination-bullet-active {
    background-color: #ec7d1b;
}

.swipper-btn {
    color: #000000ab;
    top: 127px;
}

.contact-form-address-mid {
    display: flex;
    margin: 7px 0;
}

.contact-form-address-mid .address-icon {
    margin: 0 20px 0 0;
}

.research-img {
    width: 100%;
    height: 40%;
    box-shadow: 0 9px 7px -7px #b8b8b8;
}



/* infrastructure */

.infra-img {
    width: 100%;
    height: 40rem;
}

.second-div {
    margin-left: 3rem;
}

.font-18,

.font-20,

.slide_text p {
    line-height: 1.4;
}

.banner_effect,

.zoominbanner_effect {
    transition: all .5s ease-in-out;
    overflow: hidden;
}

.im_interested_in a,

.merge_tow_category_table,

.product_wraper_cls,

.reserch_devlop_wraper,

.sub_product_listbar,

.sub_product_listbar ul li a {
    display: inline-block;
    float: left;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-30 {
    font-size: 30px;
}

.font-36 {
    font-size: 36px;
}

.font-40 {
    font-size: 40px;
}

.white {
    color: #fff;
}

.black {
    color: #000;
}

.light_gray_bg {
    background: #f8f8f8;
}

.light_gray_bg_semibold {
    color: #909195;
}

.semibold {
    font-family: dinmedium;
}

.uppercase {
    text-transform: uppercase;
}

.orange {
    color: #f47b22;
}

.light_font {
    color: #222;
    font-family: dinlight;
}

.relative {
    position: relative;
}

.padding_bottom_20 {
    padding-bottom: 20px;
}

.padding_bottom_10 {
    padding-bottom: 10px;
}

.pageBannerWrapper {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 105px;
}

.slide_text h1 {
    margin: 0 0 35px;
}

.slide_text {
    font-family: dinmedium;
    padding-left: 15%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
}

.slide_text h1:after,

.title:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
}

.slide_text p {
    font-family: dinlight;
}

.slide_text h1:after {
    width: 70px;
    height: 4px;
    background: #fff;
}

.zoominbanner_effect {
    -webkit-animation: zoomin 10s ease-in infinite;
    animation: zoomin 10s ease-in infinite;
}

.banner_effect {
    -webkit-animation: zoomout 10s ease-in infinite;
    animation: zoomout 10s ease-in infinite;
}

@-webkit-keyframes zoomin {



    0%,

    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes zoomin {



    0%,

    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@-webkit-keyframes zoomout {



    0%,

    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

@keyframes zoomout {



    0%,

    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}

.product_wraper_cls {
    width: 100%;
    padding: 100px 0 0 100px;
}

.title {
    margin-bottom: 45px;
}

.title:after {
    width: 70px;
    height: 2px;
    background: #f47b22;
}

.product_table_wraper .product_table {
    border: 1px solid #c7c8c3;
}

.product_table {
    border: 0;
    width: 100%;
    border-collapse: collapse;
}

.product_table tr td {
    padding: 10px 15px;
    text-align: center;
    border-right: 1px solid #c7c8c3;
    border-bottom: 1px solid #c7c8c3;
}

.product_table_wraper table {
    margin: 0;
}

.product_table_wraper .product_sub_table {
    width: 100%;
}

.sub_product_listbar h2 {
    margin: 0 0 30px;
}

.sub_product_listbar {
    width: 100%;
    background: #f47b22;
    padding: 25px;
}

.sub_product_listbar ul {
    list-style: none;
    padding: 0;
}

.sub_product_listbar ul li a {
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    width: 100%;
    padding: 15px 20px 15px 0;
    border-bottom: 1px solid #fff;
    position: relative;
}

.sub_product_listbar ul li:last-child a {
    border: none;
}

.arrow {
    transition: all ease-in-out .3s;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.sub_product_listbar ul li a:focus,

.sub_product_listbar ul li a:hover {
    color: #fff;
    font-weight: 700;
}

.sub_product_listbar ul li a:focus .arrow,

.sub_product_listbar ul li a:hover .arrow {
    right: 0;
    color: #fff;
}

.sidebar.sticky {
    z-index: 999;
}

.sidebar.sticky .sub_product_listbar {
    margin-top: 30px;
}

.margin_top_blocks {
    padding-top: 70px;
}

.im_interested_in a {
    background: #12bbf2;
    padding: 8px 20px;
    color: #fff;
}

.im_interested_in a:hover {
    background: #f47b22;
}

.pdf_download a:hover {
    color: #f47b22;
}

.im_interested_in {
    text-align: right;
}

.pdf_download a {
    padding: 5px 11px;
    float: left;
    margin-left: 15px;
    color: #12bbf2;
}

.table_full_wraper {
    position: relative;
}

.Interested_wraper {
    position: absolute;
    top: -50px;
    right: 0;
}

.pdf_download {
    position: absolute;
    top: -3px;
    left: -70px;
}

.pdf_download i {
    font-size: 26px;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99999999;
    background: rgba(255, 255, 255, .9);
}

.centerDiv {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.merge_tow_category_table {
    position: relative;
    width: 50%;
    padding-right: 15px;
}

.merge_tow_category_table .product_table_wraper .product_table tr td.font-16:nth-child(1) {
    width: 30%;
}

.merge_tow_category_table .product_table_wraper .product_table tr td.font-16:nth-child(2) {
    width: 20%;
}

.reserch_devlop_wraper {
    width: 100%;
    padding-right: 50%;
}

.parshwanathGroupTitle_wraper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}

.product_table_60 {
    width: 60%;
}

.food_colours_table_full_wraper {
    width: 100%;
    overflow: auto;
}

.browse-cat-link {
    border: 4px solid #e6e9ea !important;
    border-radius: 10px;
    box-shadow: 0 0 10px #e6e9ea;
}

.browse-cat-link {
    display: block;
    position: relative;
    border: 8px solid #e6e9ea;
    background-color: #e6e9ea;
    color: black;
    height: 100%;
    min-width: 260px;
    min-height: 225px;
    text-align: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    margin: 15px auto;
}

.browse-cat-link .browse-content-wrap {
    width: 100%;
    display: table;
}

.browse-cat-link .browse-cat-content {
    height: 225px;
    display: table-cell;
    vertical-align: middle;
}

.browse-cat-link .browse-cat-content h3 {
    color: inherit;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: 400;
    bottom: 25px;
    font-size: 2rem;
}

.browse-cat-link .browse-cat-content img {
    padding-bottom: 40px;
}



/*------------------------------*/

.download-container .browse-cat-link {
    border: 4px solid #e6e9ea !important;
    border-radius: 10px;
    box-shadow: 0 0 10px #e6e9ea;
}

.download-container .browse-cat-link {
    display: block;
    position: relative;
    border: 8px solid #e6e9ea;
    background-color: #ec7d1b;
    color: #fafafa;
    height: 100%;
    padding: 10px;
    min-width: 100%;
    min-height: auto;
    text-align: center;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    margin: 15px auto;
    font-size: 19px;
}

@keyframes myanimation {

    0% {
        transform: rotate(0) translateY(-10%);
        opacity: 0;
    }

    100% {
        transform: rotate(0) translateY(0);
        opacity: 1;
    }
}



/* --------------------new-footer----------------------- */

.new-footer {
    background-color: #292929;
    color: white;
}

.footer-top-new {
    padding-top: 30px !important;
    padding-bottom: 10px;
}

.footer-bottom-new {
    background: #181b22;
}

.footer-bottom-new .text-center {
    padding: 5px 0 5px 0 !important;
    margin: 0;
    font-size: 14px !important;
}

.fancybox-image,

.fancybox-spaceball {
    border-radius: 0px;
}



/* product-page */

.product-detail-collapse-ex .product-detail-collapse-ex-card-main {
    border: 0;
    width: 100%;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: #7e7e7e;
    font-weight: normal;
    line-height: 2;
}

.product-detail-collapse-ex .product-detail-collapse-ex-card {
    width: 75%;
    margin: auto auto 30px auto;
    border: 2px solid #fdc595;
    border-radius: 0.8rem;
    padding: 0.5rem;
    box-shadow: 0 9px 7px -7px #b8b8b8;
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
}

.product-detail-collapse-ex .faq-section .mb-0>a {
    display: block;
    position: relative;
}

.product-detail-collapse-ex .product-detail-collapse-ex-card h5 a {
    color: #7e7e7e;
    font-weight: 700;
    font-size: 2rem;
}

.product-detail-collapse-ex .faq-section .mb-0>a:after {
    content: "\f107";
    font-size: 20px;
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    font-weight: 700;
}

.specification-section {
    margin-top: 4rem;
}

.product-table {
    margin-bottom: 30px;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.product-table {
    margin-bottom: 20px;
}

td,

th {
    text-align: left;
    padding: 8px;
}

tr:hover {
    background-color: #dddddd;
}

section#section-themes {
    padding: 40px 0;
}

.row.packaging-section {
    padding: 30px 0px 30px 15px;
}

.row.packaging-section .list-content {
    margin-left: 10px;
    padding-right: 0;
}

section.our-vision-home,
section.our-mission-home {
    padding: 0px 0 50px;
}

section.our-vision-home .section-title-1 h1,
section.our-mission-home .section-title-1 h1,
section.our-ups-home .section-title-1 h1 {
    margin-top: 0px;
}




@media (min-width:1200px) and (max-width:1399px) {

    .navbar .logo-img img {
        width: auto;
        height: auto;
    }

    .navbar-navA {
        width: 100% !important;
    }


    .navbar-position {
        height: auto;
    }

    .navbar-collapse.collapse {
        padding-top: 0px;
    }

    .footer {
        padding: 3rem 1rem 3rem 5rem;
    }
}

.rmm .style .contained {
    max-width: 100% !important;
}

.list-content {
/*    margin-left: 0px;*/
    padding-right: 4rem;
}

@media (min-width:1200px) {

.our-ups-home .container .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

}

@media (min-width:1400px) {

    .home-slider {
        height: 500px !important;
        margin-top: 112px;
    }
}

.about-container {
    overflow: hidden;
    padding: 3rem 0rem 1rem 0rem;
}

.about-img {
    width: 90%;
    height: 40rem;
    box-shadow: 0 9px 7px -5px #b8b8b8;
}

.mediaBody-container {
    margin-left: 3.5rem;
}

.contact-address p.no a {
    color: #fff;
}

.product-name-title {
    width: 100%;
    background-color: #e9ebf4;
    text-align: center;
    margin: 13px auto 0 auto;
    padding: 7px 0;
    border: 1px solid #0000002b;
}

.product-name-title-2 {
    width: 100%;
    margin: 0 auto;
    padding: 7px 0;
}

.blog-inner-img {
    width: 590px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.product-img-new {
    width: 110px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px;
    margin: 0 auto;
    display: flex;
}

.product-img-new-2 {
    width: 155px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px;
    margin: 0 auto;
    display: flex;
}

.loader-first1 img {
    width: 16px;
    display: inline;
    margin: 0px;
}

.loader-first1 .copyright {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright a {
    margin-left: 6px;
    margin-right: 6px;
}

.loader-first1 img {
    animation: rotateAnimation 2s linear infinite;
}

.pname-1 {
    width: 60%;
    padding: 4px 9px !important;
    border: 1px solid #0000002b;
}

.pname-2 {
    width: 20%;
    padding: 4px 9px !important;
    text-align: center;
    border: 1px solid #0000002b;
}

.pname-3 {
    width: 20%;
    padding: 4px 9px !important;
    text-align: center;
    border: 1px solid #0000002b;
}

@keyframes rotateAnimation {

    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.footer-content.add-col {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.footer-content.add-col i.icon.fa.fa-map-marker {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 18px;
}


/*new*/
.primary-anchor.resume-button.form-item label.error {
    color: red !important;
    /* display: block; */
    font-weight: 400;
    position: absolute;
    bottom: -25px;
}

@media (min-width:1920px) {

    .single-service-style3 .img-holder .img-container img {
        height: 295px;
    }
}

@media (min-width:1399px) and (max-width:1440px) {

    .single-service-style3 .img-holder .img-container img {
        height: 295px;
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    .single-service-style3 .img-holder .img-container img {
        height: 240px;
    }

    .service-style3-area.service-page3 {
        padding: 40px 0 40px;
    }

    .footer-top-new {
        padding-top: 20px !important;
        padding-bottom: 10px;
    }

    .breadcrumb-area {
        padding: 15rem 0rem 15rem 0rem;
        margin-top: 112px;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .navbar-right {
        display: none;
    }
    nav.navbar .container { 
    width: 100%;
}

.navbar .logo-img img {
    width: 20rem;
}



    .home-slider {
        height: 500px !important;
        margin-top: 97px;
    }

    .single-service-style3 .img-holder .img-container img {
        height:190px;
    }

    #submit-button-career {
    margin: 30px auto 0;
}

}

@media (min-width:768px) and (max-width:991px) {


    .navbar-right {
        display: none;
    }

    .home-slider {
        height: 500px !important;
        margin-top: 97px;
    }

    .breadcrumb-area {
        margin-top: 65px;
    }

    .single-service-style3 .img-holder .img-container img {
        height: 295px;
    }
}

@media (max-width:767px) {

    .navbar-navA {
        display: none;
    }

    .rmm.style {
        text-align: left;
        padding-top: 40px !important;
        padding-bottom: 5px !important;
    }

    .home-slider {
        margin: 0px;
    }

    .swiper-slide img {
        display: block;
        width: 100%;
/*    height: 383px;*/
        top: 0;
        object-fit: cover;
    }

    .navbar .logo-img img {
        height: auto;
        max-width: 100%;
    }

    .navbar>.container .navbar-brand,

    .navbar>.container-fluid .navbar-brand {
        top: 8px;
    }

    .home-slider.mySwiper {
        width: 100%;
        height: 25rem;
        margin-top: 66px;
    }

    .home-slider .slider-text {
        line-height: 3rem;
        margin-left: 3rem;
        font-size: 16px;
    }

    .home-slider .slider-text1 {
        line-height: 4rem;
        font-size: 4rem;
        margin-left: 3rem;
    }

    h3.slider-text {
        display: none;
    }

    .row-container {
        padding-left: 0px;
    }

    .overview-text {
        margin-left: 0rem;
    }

    .footer {
        padding: 2rem;
        flex-direction: column;
    }

    .fcontent-1,

    .fcontent-2,

    .fcontent-3 {
        padding: 0rem;
        margin-left: 0rem;
        width: 100%;
    }

    section.footer-top {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .breadcrumb-area {
        padding: 8rem 0rem 8rem 0rem;
    }

    .breadcrumb-area .title h2 {
        font-size: 24px;
        line-height: 2.3rem;
        margin: 0 0 10px;
    }

   .about-img {
    height: 30rem;
    width: 100%;
}

    .product-slider {
        width: 100%;
        margin-left: 0rem;
    }

    .product-detail-collapse-ex .product-detail-collapse-ex-card {
        width: 100%;
    }

    .product-detail-container {
        margin-left: 0rem;
    }

    .product-detail-container .btn-one {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        line-height: 50px;
    }

    .second-div {
        margin-left: 0rem;
    }

    .environment-img {
        margin-left: 0rem;
        margin-top: 0rem;
    }

    .quality-section {
        text-align: justify;
        margin: 1rem 0rem 2rem 0rem;
    }

    .detail-img {
        width: 100%;
        margin-left: 0rem;
    }

    .contact-container {
        margin-left: 0rem;
    }

    .twocol-row .col-40 {
        width: 100%;
        margin-bottom: 20px;
    }

    .twocol-row .col-60 {
        width: 100%;
    }

    .footer-bottom-new .text-center {
        padding: 5px 0 5px 0 !important;
        line-height: 1.3;
        flex-direction: column;
    }

    .navbar-position {
        padding: 10px 0;
    }

    .new-footer {
        padding: 0px 10px;
    }

    .footer-top-new {
        padding-top: 20px !important;
        padding-bottom: 10px;
    }

    .breadcrumb-area {
        margin-top: 65px;
    }

    .blog-inner-img {
        width: 310px !important;
    }

    .service-style3-area.service-page3 { 
        padding: 20px 0 40px;
    }

    .clientswiper img.img-responsive {
        height: 110px;
    }
    .mediaBody-container {
        margin-left: 0rem;
    }

    section.our-vision-home .section-title-1,
    section.our-mission-home .section-title-1,
    section.our-ups-home .section-title-1 {
    margin-bottom: 70px;
}







}

@media (max-width:420px) {

    .rmm.style {
        text-align: left;
        padding-top: 54px;
        padding-bottom: 5px;
    }

    .strength-col {
        width: 75% !important;
    }

    .single-service-style3 .img-holder .img-container img {
        height: 301px;
    }

    .breadcrumb-area {
        margin-top: 65px;
    }

    .blog-inner-img {
        width: 300px !important;
    }
}