/*linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%)*/
/*linear-gradient(5deg, #020024 0%, #090979 35%, #00d4ff 100%)*/

* {    box-sizing: border-box;}
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
textarea{ resize:none;}
a:hover, a:active { text-decoration:none; }
a:focus { text-decoration:none; outline:none; }
::-moz-selection { color: #fff; background:#ef5555; text-shadow:none;}
::selection { color: #fff; background:#ef5555; text-shadow:none; }
p { display:block; padding:10px 0px; }
.clear { clear:both; height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px; display:block; }
.clear5 { display:block; height:5px; line-height:0px; font-size:0px; clear:both; }
.clear10 { display:block; height:10px; line-height:0px; font-size:0px; clear:both; }
.clear20 { display:block; height:20px; line-height:0px; font-size:0px; clear:both; }
.clear40 { display:block; height:40px; line-height:0px; font-size:0px; clear:both; }
header, section, aside, nav, footer { display:block; }
h1, h2, h3, h4, h5, h6 { display:block; margin:0; padding:0; }
img { max-width:100%; }
ul { display:block; margin:0; padding:0; list-style:none; }
body {font-family: 'Hind', sans-serif; color:#252935; padding: 0; margin: 0;}
.col{flex: unset;}

.container {
    max-width: 1200px;
    margin:auto
}


.upm__topbar {
    background:#1eccaf;
    color: #fff;
    padding: 5px 0;
}

.upm__topbar .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.upm__topbar .col a{color: #fff;}
/*.upm__logobar {
    padding: 15px 0;
}*/
.upm__logobar .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.btn-img {transition: all 0.3s;}
.btn-img:hover {opacity: 0.8;}

.ump__navbar {
    position: relative;
    z-index: 999;
}

.ump__navbar ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
     background:#1eccaf;
    border-right: 5px solid #ffffff;
    border-left: 5px solid #ffffff; 
}

.ump__navbar ul > li > a {
    display: block;
    padding: 10px 35px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    border-right: 1px dashed rgba(245,245,245,0.1);
}
.ump__navbar ul > li > a:first-child{
    border-left: 1px dashed rgba(245,245,245,0.1);
}

.ump__navbar ul > li > a:hover {
    color:#f69621 ;
}


.ump_banner {
    margin-top: -25px;
}
.ump_banner .item {
    background-image:url('../img/banner1.png') ;
    background-repeat: no-repeat;
    background-size: cover;
}

.ump_banner .item_headering {
    padding: 9rem 0 3rem;
    text-align: center;
}
.ump_banner h1 {
    font-size: 3.5rem;
    font-size: 700;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    letter-spacing: -0.1rem;
}

.ump_banner h1 span {
    display: block;
    font-size: 1.188rem;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 1rem;
    letter-spacing: 0;
}

.ump_banner h1 strong {
    color:#f69621 ;
}

.bnnerbtn {
    display: inline-block;
    margin-top: 1.2rem;
    transition: all 0.3s;
}

.bnnerbtn:hover {
    opacity: 0.8;
}

.item_contactdetails .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
    max-width: 1000px;
    padding-bottom: 4rem;
}

.item_contactdetails .col {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.2;
}
.item_contactdetails .col img {
    width: auto;
    margin: 0 auto 0.5rem;
}
.item_contactdetails .col strong {
    display: block;
    font-size: 1.875rem;
    font-weight: 600;
}

.upm__welcome {
    padding: 3.125rem 0;
   
}

.upm__welcome .container {
    max-width: 1000px;
}

.upm__welcome .container p {
    padding-top:0 ;
    margin-top: 0 ;
}

.upm__welcome h2 {
    font-size: 2.188rem;
    text-decoration: underline;
    padding-bottom: 20px;
    text-decoration-color:#411283;
}
.upm__welcome .welcomebtn img {
    transition: all 0.3s;
}

.upm__welcome .welcomebtn img:hover {
    opacity: 0.8;
}

.fun-facts-section {
    position: relative;
    padding: 50px 0px 40px;
    background: #f0f3fb;
}
.fact-counter {
    position: relative;
    z-index: 1;
}

.fun-facts-section .auto-container {
    max-width: 1200px;
    margin: 0 auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.fact-counter .counter-column {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}


.fact-counter .counter-column .inner {
    position: relative;
    display: block;
    border-right: 1px dashed #35353514!important;
}
.fact-counter .counter-column .inner.no {
    border-right: none!important;
}
.fact-counter .counter-column .icon-box {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 1em;
    color: #f47629;
    margin-bottom: 25px;
}

.fact-counter .count-box {
    position: relative;
       font-size: 15px
    line-height: 1.1em;
      color: #411283;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 5px;
}

.fact-counter .count-box .count-text {
    position: relative;
    display: inline-block;
}


.fact-counter .counter-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #6a6a6a;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.upm__servicerange {
    padding: 3.125rem 0;
   
}
.upm__servicerange h2 {
    font-size: 2.188rem;
    text-align: center;
}

.service_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1.125rem;

}

.service_wrapper .col {
    width: 100%;
    max-width: 325px;
     border-bottom: 4px solid #411283!important;
    padding: 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 3px 5px #dedede;
    margin-bottom: 3rem;
    box-shadow: 0 0 20px #00000037;
    background: #fff;
    border-radius: 5px;
}

.service_wrapper .col .imgblock {
    max-height: 210px;
    overflow: hidden;
    background-color: #000;
    margin-bottom: 0.625rem;

}

.service_wrapper .col .imgblock img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: 0.9;
      height: 200px;
    
}
.service_wrapper .col h3 {
    font-size: 1.125rem;
}
.service_wrapper .col p {
    padding: 0 0 0.625rem;
    margin: 0.625rem 0 0;
}

.service_wrapper .col a {
    font-size: 1.125rem;
    color:#252935 ;
    font-weight: 500;
}
.service_wrapper .col a:hover {
    color: #f47629;
}

.bestdealwrap {
    display: block;
    text-align: center;
}

.bestdealwrap h2 {
    font-weight: 500;
    letter-spacing: -0.12rem;
}

.bestdealwrap h2 span {
    font-weight: 700;
}

.bestdealwrap a img {
    transition: all 0.3s;
}
.bestdealwrap a img:hover {
    opacity: 0.8;
}


.upm__whyus {
    background:url('../img/whyusbg.jpg') no-repeat #f47629 ;
    padding: 3.125rem 0;
    background-size: cover;
    text-align: center;
    color: #000;
} 

.upm__whyus .why-us-item{background: #fff; box-shadow: 0 0 20px #00000037; border-radius: 10px; padding: 20px 10px 0; margin: 10px; height: 100%; transition: .5s all;} 
.upm__whyus .why-us-item p{margin: 0;}
.upm__whyus .why-us-item:hover{background:#1eccaf; color: #fff;}

.upm__whyus .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.upm__whyus .container .col {
    /* flex: 1; */
    padding: 0 25px;
    text-align: center;
    color: #fff;
}
.upm__whyus .container .col h3 {
    font-size: 1.563rem;
}
.upm__whyus .container .col p {
    padding: 0;
    margin: 0;
}
.upm__clientTestimonials {
    padding: 3.125rem 0;
}

.upm__clientTestimonials h2 {
    font-size: 2.188rem;
    text-align: center;
}
.upm__clientTestimonials h2 + p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin: 0 auto;
    line-height: 1.1;
    max-width: 1000px;
}
.clear {
    clear: both;
}
.upm__clientTestimonials .owl-carousel {
    margin-top: 2.5rem;
}

.upm__clientTestimonials .owl-carousel .divinside img {
    width: auto ;
    margin: auto;
}

.upm__clientTestimonials .owl-carousel .divinside .divtesttext {
    max-width: 1000px;
    margin: auto;
    text-align: center;
    padding-top: 1.5rem;
    font-size: 1.125rem;
    font-weight: 600;
}
.upm__clientTestimonials .owl-carousel .owl-nav {
    display: none;
}
.upm__clientTestimonials .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 1.125rem;
}
.upm__clientTestimonials .owl-carousel .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
      background-color: #4112832e;
    margin: 5px;
    border-radius: 50%;
}

.upm__clientTestimonials .owl-carousel .owl-dot.active {
   background-color: #411283;
}


.footer {

    background: url(../img/footer.jpg);
    color: #fff;
    padding: 4rem 0 1.5rem;
}

.footer-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-wrap .col:first-child {
    width: 25%;
}

.footer-wrap .col:first-child p {
    font-size: 1.125rem;
    line-height: 1.3;
    padding: 0;
}

.footer-wrap .col h3 {
    font-size: 1.375rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.footer-wrap .ftrlinks li {
    margin-bottom: 1.15rem;
}

.footer-wrap .ftrlinks li a {
    color: #fff;
    position: relative;
}

.footer-wrap .ftrlinks li a:hover {
    color: #fdce4b;
}

.footer-wrap .ftrlinks li a:before {
    content: '⟶';
    padding-right: 10px;
}

.footer td {
    text-transform: uppercase;
}

ul.ftr_social {
    display: flex;
    flex-wrap: wrap;
}

    ul.ftr_social li a {
    display: block;
    height: 42px;
    width: 42px;
    line-height: 42px;
    background-color: #23323f;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}

ul.ftr_social li a:hover {
   background-color: #fdce4b;
    color: #050341;
}


.ftr__copyright {
    margin-top: 1.825rem;
    padding: 15px 0 0;
    border-top: 1px solid rgb(245 245 245 / 52%);
}

.ftr__copyright .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-betweens;
}

.ftr__copyright .container .col {
    flex: 1;
}

.ftr__copyright .container .col:last-child {
    text-align: right;
}
.ftr__copyright .container .col a {
    color: #fff;
}
.ftr__copyright .container .col a:hover {
    color: #f69621;
}

.top_social {
    display: flex;
    flex-wrap: wrap;
}

.top_social a {
    padding-left: 10px;
    color: #fff;
}

.top_social a:hover {
    color: #f69621;
}

.top_go {
    width: 50px;
  border: 2px solid #f7f7f7;
    color: #fdfdfd;
    font-size: 1.5rem;
    text-align: center;
    line-height: 46px;
    position: fixed;
    right: 2%;
    bottom: 4%;
    
  background:#1eccaf;
    cursor: pointer;
    z-index: 1111;
}



span.menubur {
    display: none;
}


.innerserviceblock {
    background-color: #f8f8f8;
}

.inner_mainwrapper {
    border-top: 1px solid #ddd;
    padding-top: 1.2rem;
}

.imgMain {
    float: right;
    max-width: 400px;
    display: block;
    margin-left: 30px;
    border: 1px solid #ddd;
    padding: 15px;
}


.contact_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem 0;
}

.contact_wrapper .col {
    width: 40%;
}

.contact_wrapper .col ul li {
    padding: 0 0 0.5rem 0;
    font-size: 1.2rem;
    width: 100%;
    float: left;
}

.contact_wrapper .col ul li i {
    float: left;
    height: 50px;
    overflow: hidden;
    width: 50px;
     color: #411283;
}

.contact_wrapper .col ul li a {
    color: #f69621;
}

.contact_wrapper .form-control {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #ddd;
    margin-bottom: 0.625rem;
    font-family: inherit;
    padding: 0 15px;
    font-size: 1rem;
    opacity: 0.8;
}

.contact_wrapper textarea.form-control {
    height: auto; 
    padding: 15px;
    height: 120px;
}

.submitbtn {
    background-color: #f69621;
    padding: 10px 25px;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 5px;
    font-family: inherit;
    border: 0;
    cursor: pointer;
    transition: all 0.3;
}

.submitbtn:hover {
    opacity: 0.8;
}


.inner_mainwrapper ul {
    list-style: disc;
    margin-left: 15px;
}

ul.contact_info.large.lsn { 
    list-style: none !important;  
    margin: 0;    
}

.ump__navbar ul > li {
    position: relative;
}
.ump__navbar .submenu {
    display: block;
    position: absolute;
    border: 1px solid #f69621 !important;
    min-width: 300px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;

}

.ump__navbar ul > li:hover .submenu {
    opacity: 1;
    visibility: visible;
}

.ump__navbar ul > li:hover > a {color: #fdce4b;}

.ump__navbar .submenu > li > a {
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 15px;
    border-bottom: 1px dashed rgba(245,245,245,0.2);
}


@media (min-width: 576px) {
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media(max-width:1250px) {
    .container {padding: 0 15px;}
}

@media(min-width:790px) and (max-width:1250px) {
    .service_wrapper .col {  width: 27.33333%; max-width: inherit;    }
}

@media(min-width:768px) and (max-width:1024px) {
    html {overflow-x: hidden;}
    .container {padding: 0 15px;}
    .footer-wrap .col:first-child { flex: 0 0 100% !important;  }
    .footer-wrap .col {  flex: 0 0 32%;   margin-bottom: 30px;    }
    .fun-facts-section {padding-left: 0; padding-right: 0;}
    .row {margin: 0;}
    .ump__navbar ul > li > a {padding: 10px 25px; font-size: 1rem;    }
    
}



@media(max-width:767px) {
    .upm__whyus .col-md-4 {margin-bottom: 20px !important;}
    .blog-items{justify-content: center; text-align: center;}
    .blog-items .blog-content{padding-top:20px;}
    .container {padding: 0 15px;}
    .ftr__copyright .container .col {flex: 0 0 100%; text-align: center !important;    }
    .footer-wrap .col { width: 100% !important;    }
    /*.upm__whyus .container .col {flex: 0 0 100%; padding: 0;}*/
    .counter-column.col-lg-3.col-md-6.col-sm-12.wow.fadeInUp.animated { width: 100%;  }
    body {overflow-x:hidden ; font-size: 14px;}
    .fact-counter .counter-column .inner {border: 0 !important;}
    .row {margin: 0 !important;}
    .item_contactdetails .col {flex: 0 0 100%; margin-bottom: 1.125rem;}
    .upm__logobar .container .col:last-child {display: none;}
    .ump__navbar ul {display: none;}
    .ump__navbar ul > li > a { padding: 5px 6px;  font-size: 1rem;  border: 0px !important;    }
    .ump__navbar ul li {width: 100%;}
    .ump_banner {  margin-top: 0;    }
    .ump_banner .item_headering { padding: 4rem 0 2rem;    }
    span.menubur {   display: block;     color: #fff;    }
    .ump__navbar {background-color:#252935 ; font-size: 1.2rem; padding: 1rem 0;}
    .ump__navbar ul {  border: 0;        padding: 0;        border-top: 1px solid #ddd;    }
    .upm__topbar { display: none; }
    .service_wrapper .col {  width: 100%; max-width: inherit;    }
    .imgMain { float: none; max-width: 100%; margin-left: 0; padding: 15px;  margin-bottom: 20px; box-sizing: border-box;    }
    
    .contact_wrapper .col {  width: 100%;  }
    .contact_wrapper .col ul li i {float: none; height: inherit; width: 30px;   }
    .contact_wrapper .col form {padding-top: 30px ;}

    .ump__navbar .submenu {    position: static;
        border: 0px solid #f69621 !important;
        min-width: 300px;
        visibility: visible;
        opacity: 1;
    
    }
    
    .ump__navbar ul > li:hover .submenu {
        opacity: 1;
        visibility: visible;
    }
}

/* career */
.career-top img{max-width: 100%;}
.career{background: #DFE6E9; padding: 50px 0}
.career-heading h2{color: #053554; text-align: center; font-size: 35px; font-weight: 500; padding-bottom: 30px; text-decoration: underline;}
.career-heading h2 span{color:#F47D20;  font-weight: 500;}
.career-items{background: #fff; border-radius: 6px; box-shadow: 0 0 20px #00000037; padding: 20px; width: 100%; margin-bottom: 25px;}
.career-items h3{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.career-items p{padding: 10px 0; margin: 0;}
.career-items .apply{margin:10px 0;}
.career-items .apply a{padding: 5px 10px; background: #F7EBE7; color: #F47D20; transition: .5s all;}
.career-items .apply a:hover{background: #F47D20; color: #fff;}

.blog{background: #DFE6E9; padding: 50px 0;}
.blog-heading h2{color: #053554; text-align: center; font-size: 35px; font-weight: 500; padding-bottom: 30px; text-decoration: underline;}
.blog-heading h2 span{color:#F47D20;  font-weight: 500;}
.blog-items{background: #fff; box-shadow: 0 0 20px #00000037; border-radius: 6px; padding: 10px; display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.blog-items .blog-content{padding-left: 30px;}
.blog-items .blog-content .blog-tittle{padding: 20px 0;}
.blog-items .blog-content .blog-des{font-size: 16px; height: 125px; overflow: hidden;}

.approch{background: #DFE6E9; padding: 50px 0}
.approch-heading h2{color: #053554; text-align: center; font-size: 35px; font-weight: 500; padding-bottom: 30px; text-decoration: underline;}
.services-img figure{width:100%; height: 350px; position: relative; border: 1px solid; border-radius: 10px; background: #70707059; overflow: hidden;}
.services-img figure img{position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}


.gallery .heading{text-align: center; padding: 20px 0; text-decoration: underline; font-size: 32px; text-transform: uppercase; color: #23355c;}
.gallery .gallery-items figure img{transition: .5s all; width: 100%; height: 100%;object-fit: cover;}
.gallery .gallery-items figure{border: 5px solid #23355c; transition: .5s all; overflow: hidden; border-radius: 10px; width: 100%; height: 300px;}
.gallery .gallery-items figure:hover{border:5px solid #f69621}
.gallery .gallery-items figure:hover img{transform: scale(1.2);}
.btn-des {
    border-radius: 30px!important;
     border: 1px solid #1eccaf;
    padding: 5px 20px;
    /* color: #000; */
background:#1eccaf;
    color: #fff;
    font-weight: 500;
}
.btn-des:hover {
    border: 1px solid #1eccaf;
    background-color: #fff;
    color:#1eccaf;
}
.icon-box img {
    height: 75px;
}
.breadcrumb-img {
  background-image: linear-gradient(rgb(0 0 0 / 65%), rgb(7 13 1 / 50%)),url(../img/creative-tools.jpg);
    padding: 55px;
    background-size: cover;
    margin-top: -25px;
}
.font-style {
    font-weight: 500;
    font-size: 50px;
}
.php-email-form button[type=submit] {
background:#1eccaf;
    border: 0!important;
    padding: 10px 30px;
    border-radius: 4px!important;
    color: #fff!important;
    transition: 0.4s!important;
}
/*.bg-design{
position: relative;
}*/  
.bg-design:after { 
  content: "";
font-weight: bold;
    background-image: url(../img/bg-image.jpg);
    position: absolute;
     height: 450px;
    width: 100%;
    left: -60px;
    top: 0;
    z-index: -01;}

    .line{
    height: 3px;
    width: 40px;
    background-color: #fdce4b;
    padding: 0;

    }
    .about{
        position: relative;
    }
    .about h3{
        font-weight:700;
        color: #1eccaf;
    }
    .product-des{
        border: 1px solid #fdce4b;
        padding: 10px;
          /*  height: 100%;*/
            margin-top: 20px;
    }
    .product-des img{
        height:253px;
        width:100%;
        object-fit: cover;
    }
    .product-para p{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .product-para h4 a{
            color: #1eccaf;
    font-size: 20px;
    font-weight: 700;
    }
    .btn-design a{
    border: 1px solid #c0c0c0;
    color: #fff;
background:#1eccaf;
    padding: 8px 25px;
    border-radius: 30px;
    font-weight: 700;}
    .product-para h4 a:hover {
    color: #fdce4b;
}

.model-box { margin-top: -22px;    z-index: 1;  box-shadow:0px 1px 8px 3px #c0c0c0; 
     background-color: #fff; text-align: center; }
.contact-add{border-right: 1px solid; padding:20px; height: 132px;}


.client_box{ margin: 30px 0; box-shadow:0px 2px 5px 3px #c0c0c0; background: #fff; padding: 20px; }
.client_box .our-client{border: 1px solid; margin-bottom: 25px;}
.client_box .our-client img{width: 100%; height:150px; object-fit: contain;}
.col-md-3.services-img figure{height: 250px !important;}
.client {background: #f8fffe; padding-top: 37px; text-align: center;}
.client figure{ border: 1px solid; padding: 10px;}
.client img{ height:100px; object-fit: contain;}
.client .owl-nav{display: none;}
.client h2{ border-bottom: 1px solid; margin-bottom: 30px; display: inline-block;}