/* Add here all your css styles (customizations) */
* {
    padding:0px;
    margin:0px;
    box-sizing:border-box;
}
.testimonials-v6 .testimonials-info:hover {
    border-color: #72c02c;
}

.testimonials-v6 .testimonials-info {
    padding: 20px;
    background: #fff;
   /* border: solid 3px #72c02c;*/
    transition: all 0.4s ease-in-out;
    
}

.testimonials-v6 .testimonials-desc strong, .testimonials-v6 .testimonials-desc span {
    color: #555;
    display: block;
}

/*.testimonials-v6 .testimonials-info img {
    float: left;
    width: 80px;
    height: auto;
    margin-right: 20px;
}*/
/*.team .testimonials-info {
    margin-top: 15px !important;
}*/

.rounded-x {
    border-radius: 50% !important;
}

.bg-color-light {
    background-color: white !important;
    padding-right: 15px;
    padding-left: 15px;
}
.parallax-counter-v4 span.counter {
    color: white;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 10px;
}
@media (min-width: 1281px) {
    .col-2-5 {
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}
.item {
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100% !important;
    margin: auto;
}
.parallax-counter-v4 {
    z-index: 1;
    height: auto;
    padding: 30px 0;
    overflow: hidden;
    text-align: center;
    position: relative !important;
    background: url(../img/STS/Service/20.jpg) 123% 18% fixed;
}

.whitecol {
    color: white !important;
    font-size: 20px;
}
.text40 {
   
    font-size: 35px;
    font-weight: 400;
  
}
.parallax-counter-v2 .counters h4 {
    font-size: 19px !important;
   
}
.raw {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.mimag {
    width: 80px;
    margin-top: -10px;
}
.breadcrumbs-v3.img-v1 {
    background: url(../img/crm1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.datascraping .img-v1 {
    background: url(../img/datascraping.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.erpservice .img-v1 {
    background: url(../img/erpservice.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.uiux .img-v1 {
    background: url(../img/uiux.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.Digitization .img-v1 {
    background: url(../img/Digitization.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.e-commerce .img-v1 {
    background: url(../img/e-commerceimg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.Aplicationmigration .img-v1 {
    background: url(../img/appmigration.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}

.support .img-v1 {
    background: url(../img/supportservice.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.testing .img-v1 {
    background: url(../img/testingimg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 12px 0 !important;
}
.breadcrumbs-v3 {
    z-index: 1;
    padding: 100px 0;
    position: relative;
}

    .breadcrumbs-v3 h1 {
        color: #fff !important;
        font-size: 40px;
        line-height: 50px;
        text-transform: uppercase;
    }

    .breadcrumbs-v3 p {
        color: #fff;
      
        font-size: 18px;
        font-weight: 600;
    }
.h3s {
    padding-bottom: 5px;
    
    border-bottom: 2px solid #72c02c;
    text-align:center !important;
}

    
 .s1{
     padding-right:15px;
     padding-left:15px;
 }
.content-boxes-v4-sm i {
    font-size: 40px;
    margin-top: 10px;
    margin-right: 5px;
}
.content-boxes-v4 i {
    width: 40px;
    color: #72c02c;
}
.breadcrumbs-v3.img-v2 {
    background: url(../img/hr1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.breadcrumbs-v3.img-v3 {
    background: url(../img/mosquito.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

    .breadcrumbs-v3:after {
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        content: " ";
        position: absolute;
        background: rgba(0,0,0,0.2);
    }
.bg-color-red {
    background-color: #970000 !important;
}

.nav-tabs.nav-justified > li :hover {
    color: #fff;
    border: 0;
    background: #72c02c;
}
.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
   
    border: 1px solid white;
}
.lists-v2 i {
    color: #72c02c;
    font-size: 13px;
    margin-right: 7px;
    display: inline-block;
}
@media (min-width: 1200px) {
    .container1 {
        width: 1000px !important;
        margin: auto;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
   }


@media (min-width: 1024px) {
    .img390{
        width:390px;
    }
    .img340 {
        width: 340px;
    }
    .co4pt {
        padding-top: 10%;
        padding-bottom: 7%;
    }
    .img_center{
        margin:auto;
    }
    .a1 {
        position: absolute;
        top: 0;
        left: 0;
    }
    
}
.oc6img {
    width: 430px;
    margin: auto;
}
.breadcrumbs-v3:after {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(0,0,0,0.5) !important;
}
.breadcrumbs-v3.img-v4 {
    background: url(../img/warehouse.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.breadcrumbs-v3.img-v5 {
    background: url(../img/ro1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.breadcrumbs-v3.img-v6 {
    background: url(../img/pestcontrl.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.breadcrumbs-v3.img-v7 {
    background: url(../img/lawn-care.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #logo-header {
        width: 150px !important;
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -20px !important;
    }
    .header .navbar-brand {
        
        top: 0px !important;
       
    }
    .header-fixed .header.header-fixed-shrink .navbar-brand {
        top: 45px !important;
    }
    }
.cen {
       margin:auto;
     }
.media {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ml-3  {
    margin-left:15px !important;
}
.panel-heading .panel-title a {
    text-decoration: none !important;
}

.d-flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*.header-fixed .header.header-fixed-shrink .navbar-brand img {
    width: 25% !important;
}*/
#logo-header {
    width: 180px;
}
.mimag {
    width: 124px !important;
    border-left: 1px solid #c9c0c0;
    margin-top: 0px;
}
.header .navbar-brand {
  
    top: -15px !important;
}
    .header-fixed .header.header-fixed-shrink .navbar-brand img {
    width: 180px;
}
.header-fixed .header.header-fixed-shrink .navbar-brand .mimag {
    width: 124px !important;
}
.header-fixed .header.header-fixed-shrink .navbar-brand {
    top: 37px !important;
}
.modal {
    z-index: 10500 !important;
}

.navbar-nav > .user-menu > .dropdown-menu {
   
    width: 100%;
}
#logo-header {
    width: 265px !important;
}
.medialeft {
    align-items: flex-start;
}
.mr3 {
    margin-right:15px !important;
}


/***********portfoliyo galary*****/

.gallery-title {
    font-size: 36px;
    color: #FFA500;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

    .gallery-title:after {
        content: "";
        position: absolute;
        width: 22.5%;
        left: 38.5%;
        height: 45px;
        border-bottom: 1px solid #5e5e5e;
    }

.filter-button {
    font-size: 18px;
    border: 1px solid #FFA500;
    border-radius: 5px;
    text-align: center;
    color: #FFA500;
    margin-bottom: 30px;
}

    .filter-button:hover {
        font-size: 18px;
        border: 1px solid #FFA500;
        border-radius: 5px;
        text-align: center;
        color: #ffffff;
        background-color: #FFA500;
    }

.btn-default:active .filter-button:active {
    background-color: #FFA500;
    color: white;
}

.port-image {
    width: 100%;
}

.gallery_product {
    margin-bottom: 30px;
}

.gallery_product img {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.w-100 {
    width:100% !important;
}
.roundedborder {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 2px 2px 3px #868686 !important;
}

    .roundedborder .panel-body a {
        color: #900;
        text-align: center;
        text-decoration: none !important;
        font-weight: 700;
    }
    .roundedborder .panel-body {
        text-align:center;
    }

.team .member .pic {
    overflow: hidden;
    width: 180px;
    border-radius: 50%;
}
.team .member .member-info {
    padding-left: 30px;
}
.team .member {
    position: relative;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    padding: 30px;
    border-radius: 5px;
    background: #fff;
    transition: 0.5s;
}

.align-items-start {
    align-items: flex-start !important;
}

.d-flex {
    display: flex !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.testimonials-v6 .testimonials-info img {
    height: 80px !important;
    /*margin-right: 20px !important;*/
   /* float: left;*/
    padding: 5px !important;
    border: 1px solid #72c02c;
}
.textred {
    color:red !important;
}
.team .testimonials-info {
   /* position: relative;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 20%);
    padding: 30px;
    border-radius: 10px;
    background: #fff;*/
   /* margin-bottom: 15px !important;*/
    background:none !important;
}
.owl-carousel-style-v2 .item {
    background: #ffffff !important;
}
.parallax-counter-v2 {
    background:none !important
}
    .parallax-counter-v2 .counters {
        background: #272727 !important;
    }

 .text40, .parallax-counter-v2 .counters span {
            color: #49d1e5 !important;
        }
       
        .parallax-counter-v2 .counters h4 {
            font-size: 17px !important;
        }
.funny-boxes-right-u {
    border-right: none !important; 
}
.webcolor {
    color: #72c02c !important;
}
.parallax-counter-v2 .counters {
    background: white !important;
}
.parallax-counter-v2 .counters {
    border-bottom: solid 2px #72c02c !important;
}
.rounded {
    border-radius: 40px !important;
}
.team .testimonials-info {
    border-radius: 28px !important;
}
/*.team .testimonials-info {
 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 9px !important;
   
}*/
.parallax-counter-v2 {
    background: url('../img/skybg.jpg') repeat fixed !important;
}
    .text40, .parallax-counter-v2 .counters span {
        color: #e57549 !important;
    }
.testimonials-v6 .testimonials-info img {
   
    border: 1px solid #b2b8ac !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.rounded {
    border-radius: 0.25rem !important;
}
.p-3 {
    padding: 1rem !important;
}

.card-title {
    margin-bottom: 0.75rem;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

code {
    display:block !important;
    padding:10px;
}
code span {
    display:block !important;
}
.bloghight {
    max-height: 500px;
    overflow-y: scroll;
}
.rounded {
    border-radius: 40px !important;
}
.parallax-counter-v2 .counters {
    box-shadow: rgb(0 0 0 / 25%) 0px 0px 9px !important;
}
#hero {
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.w-100 {
    width:100% !important;
}
#hero .bg_text h1 {
    color: white !important;
    margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
}
#hero .bg_text p {
    color: white !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.dhero {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
}
@media (max-width: 768px) {
    #hero .bg_text h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .dhero {
        display:block !important;
    }
}
#hero img {
    animation: updown 2s ease infinite;
    padding:10px !important
}
@keyframes updown {
    0% {
        transform: translateY(-2%);
    }

    50% {
        transform: translateY(2%);
    }

    100% {
        transform: translateY(-2%);
    }
}
.navbar-default {
    background:#fff !important;
}
.navbar-toggle {
    margin-top: 0px !important;
}
.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
   
    padding: 6px 10px 6px !important;
}
.hideslider ~ .owl-carousel-style-v2 {
    display:none !important;
}
.clients1 img {
    width:100% !important;
}

@media (min-width: 576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    @media (min-width: 576px) {
        .card-deck .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
    }
}
.pdt40 {
    padding: 25px 0px 25px 0px;
}
.webcolor {
    color: #254176 !important;
}
body {
    background-color: #ffffff !important;
}
.bxshdow {
    box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
}


.crm {
    background:url(../img_Original/)
}
.bgpc {
    background-image: url(../img/crm1.jpg);
    background-size: cover;
    padding: 30px 0;
    background-attachment: fixed;
}
.pdt40 h3 {
    color: white !important;
}
.bgportfoliyo {
    background-image: url(../img_Original/mapbg1.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-attachment: fixed;
}
    .bgportfoliyo h2 {
        color: white !important;
    }
/*#owl-carousel1  strong, span, p {
    color: white !important;
}*/
.testimonials-v6 .testimonials-info img {
    background:white !important;
}
/*section {
    padding:30px 0px 30px 0px !important;
}*/
.content {
    padding-bottom:0px !important;
}
.counters span {
    color: #e57549 !important;
}
.bg-gray1 {
    background: #f7f8f8 !important;
}
.service-block p, .service-block h2 {
    color: #16262d !important;
}
.service-block:hover {
    box-shadow: 0px 0 30px rgb(97 165 55 / 34%);
}
/*.service-block {
    height: 215px;
}*/
.testimonials-v6 .testimonials-desc strong, .testimonials-v6 .testimonials-desc span {
    color: #fff !important;
}
.testimonials-desc p {
    color: #fff !important;
}

@media (max-width: 768px) {
    #logo-header {
        width: 100% !important;
    }
    .service-block {
        min-height:auto !important;
        height:auto !important;
    }
   
}
@media (min-width: 800px) {
    #logo-header {
        width: 72% !important;
    }
    
}
.header-fixed .header.header-fixed-shrink .navbar-brand {
    padding: 5px 15px !important;
}
.service-block {
    padding: 20px 20px;
    margin-bottom: 20px !important;
    min-height: 200px !important;
}
#accordion ul {
    margin-left: 40px !important;
}
.btn-green {
    background:rgb(114, 192, 44);
    color:white !important;
}
.border-green {
    border-bottom: 5px solid rgb(114, 192, 44) !important;
}
.border-green h2 {
    font-size:32px !important;
}
.border-green h4 {
    color:#fff !important;
}
.pt18 {
    margin-top:18px !important;
}
/*.border-green .footer {
    background-color: #20396e !important;
}*/
.service-block:hover {
    box-shadow: 0px 0 30px rgb(42 52 39 / 38%) !important;
}
@media (max-width: 768px) {
    #logo-header {
        width: 100% !important;
    }

    .service-block {
        min-height: auto !important;
        height: auto !important;
    }
}
@media (min-width: 800px) {
    #logo-header {
        width: 80% !important;
    }
}
.breadcrumbs .pull-left img {
    display:none !important;
}

.bgportfoliyo .media {
    display: inline-flex;
}
.bgportfoliyo .media-heading {
    color:white !important;
}

.w-25 {
    width:25% !important;
}

.cardbox .card {
    min-height: 220px;
}

.mtt-2 {
    margin-top:10px !important;

}

.astric {
    color:red !important;
}
.badge {
    background-color:rgb(114, 192, 44);
    color:white !important;
}
.cardbox .card {
    min-height: 235px !important;
}
@media (min-width: 1024px) {

    .clentbox {
        margin-top: -80px;
        background: white;
        padding-top: 30px;
        padding-bottom: 20px;
    }
}
.clentbox {
    padding-top: 30px;
}

/*@media (min-width: 992px) {
    .container {
        width: 1040px;
    }
}*/
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.breadcrumbs .pull-left .fa {
    display:none;
}
.overflow-y-auto {
    max-height: 540px !important;
    overflow-y: scroll !important;
    padding: 15px;
}
::-webkit-scrollbar {
    width: 8px !important;
    height:8px !important;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgb(114, 192, 44);
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

.slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-prev:before,
.slick-next:before {
    color: black;
}


.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.product_slider {
    display: flex;
}
.slick-prev {
   
    background: #ffffff;
    padding: 20px 33px 30px 0px;
    z-index: 1000;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 3px 0px;
}
.slick-next {
  
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 11%) 0px 1px 3px 0px;
    padding: 20px 33px 30px 0px;
}
.product_slider .item {
    width: 350px;
    /* height: 350px; */
    margin: 0px 5px 0px 5px;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-prev::before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 15px;
    text-align: center;
    color: #626262;
}
.slick-next::before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 15px;
    text-align: center;
    color: #626262;
}
.product_slider {
    display: flex;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
   /* border-radius: 50px !important;*/
}
    .slick-prev:before, .slick-next:before {
       
        font-size: 12px;
        line-height: 1;
        opacity: .75;
     
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
.product_slider .item {
    margin: 0 3px;
    background: #fff;
    text-align: center;
    border: solid 1px #eee;
}
.slick-dots {
    display:none !important;
}
/*@media (max-width: 768px) {
    .slick-prev {
        left: -10px !important;
       
    }

    .slick-next {
        right: -10px !important;
       
    }
}*/
.slick-prev, .slick-next {
    top: -45px !important;

}
.slick-prev {
    right: 25px !important;
   
}
.slick-next {
    right:0px !important;
}
/*#form1 .modal {
    display:none !important;
    
}
.modal-backdrop.in {
    opacity: 0 !important;
}
*/
.modal-content iframe {
    min-width:100% !important;
}
.ribbon-2 {
    --f: 10px;
    --r: 15px;
    --t: 10px;
    /* position: absolute;*/
    inset: var(--t) calc(-1*var(--f)) auto auto;
    padding: 0 10px var(--f) calc(10px + var(--r));
   /* clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2));
   */
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 66%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2));
    background: #BD1550;
    box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
    width: 150px !important;
}
.header .topbar {
   
    padding: 0px !important;
   
}
    .header .topbar ul.loginbar > li {
        padding-bottom:0px !important;
    }

.f-20 {
    font-size:20px !important;
}
#google_translate_element {
    margin-top:5px !important;
}
.header .topbar ul.loginbar > .d-block {
    display: contents !important;
}
.bg-color-red {
    background-color: #ff0101 !important;
}
.bg-snata {
    background-image: url(../img_Original/preview.jpg)
}
    .bg-snata .modal-title {
        color: #fff !important;
        text-align: center;
    }
    .bg-snata .modal-body p {
        color: #fff !important;
        /*text-align:center;*/
    }
/*.header-fixed .header {
    height: 100px !important;
}*/
.f14 {
    font-size:14px !important;
}
.textunderline {
    text-decoration:underline !important;
}
.loginbar .fa-tree {
    color: #ffdf00 !important;
}
#offers {
    z-index: 800000 !important;
}
#offers .modal-title {
    font-size: 17px !important;
}
@media (max-width: 768px) {
    .dhero {
        display: inline-block !important;
    }
    .header .topbar {
        padding: 8px 0 !important;
    }
}
.breadcrumbs {
    overflow: unset !important;
}
#owl-carousel2 #hero .bg_text h1 {
    text-align:left !important;
}
#owl-carousel2 #hero .bg_text p {
    text-align:left !important;
}
.clentbox {
    position:relative !important;
}
#owl-carousel2 .item {
    padding-left:0px !important;
    padding-right:0px !important
}
/*#hero {
    display: inline-block !important;
}*/
.carousel-control.left {
    background-image:none !important;
}
.carousel-control.right {
    background-image: none !important;
}
#myCarousel .item {
    padding-left: 0px !important;
    padding-right: 0px !important
}
.carousel-control.left {
    display:none !important;
}
.carousel-control.right {
    display: none !important;
}
.carousel-indicators {
    display:none !important;
}
.header-fixed .header {
    height: auto;
}

.breadcrumbs {
    margin-top:100px !important;
}
.header {
    position:fixed;
    top:0;
    width:100%;
    background:#fff !important;
}

/*@media (max-width: 1200px) {
    .breadcrumbs {
        margin-top: 125px !important;
    }
} */
@media (max-width: 991px) {
    .header {
        
        top: 0 !important;
        width: 100%;
        background: #fff !important;
    }
    .f14 {
        font-size: 8px !important;
    }
    .textunderline {
        display: block;
        text-decoration: underline !important;
        font-size: 14px;
    }
    .header .navbar-header {
        
        height: 55px !important;
    }
   /* .breadcrumbs {
        margin-top: 122px !important;
    }*/
    .header .topbar {
         padding: 0px 0 !important; 
    }
   /* #myCarousel {
        margin-top: 130px !important;
    }*/
    .d-sm-none {
        display:none !important;
    }
}
@media (min-width: 800px){
    #logo-header {
        width: 70% !important;
    }
}


/*@media (max-width: 800px) {

}*/



ul.timeline {
    list-style-type: none;
    position: relative;
}

    ul.timeline::before {
        content: ' ';
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 12px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }

    ul.timeline > li {
      
        padding-left: 20px;
    }

        ul.timeline > li::before {
            content: ' ';
            background: white;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 3px solid #72c02c;
            left: 3px;
            width: 20px;
            height: 20px;
            z-index: 400;
        }
@media (min-width: 768px){
    .modal-dialog {
        width: 640px !important;
       
    }
}
ul.timeline > li {
   
    padding-left: 35px !important;
}
.margin-my-13 {
    margin-top: 13px;
    margin-bottom:13px;
}
.green {
    color:#72c02c !important;
}

.third iframe .EmbedFrame {
    padding-bottom: 57% !important;
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px !important;
    }
}
.modal {
    z-index: 55560 !important;
}


.eventtabview .tab {
    text-align: center;
    position: relative;
/*    margin-top: 0px;*/
}

    .eventtabview .tab:before {
        content: "";
        width: 100%;
        height: 6px;
        border-radius: 10px;
        background: #72c02c;
        position: absolute;
        top: 32px;
        left: 0;
       /* transform: translateY(-50%);*/
    }

.eventtabview .tab .nav-tabs {
    display: flex;
    border: none;
    margin-bottom: 10px;
}

    .eventtabview .tab .nav-tabs li a {
        display: block;
        width: 23px;
        height: 23px;
        line-height: 26px;
        border-radius: 50%;
        background: #72c02c;
        text-align: center;
        padding: 0;
        border: none;
        margin-right: 40px;
        position: relative;
        border-radius: 50px !important;
    }

.eventtabview .tab .nav-tabs li:last-child a {
    margin-right: 0;
}

    .eventtabview .tab .nav-tabs li.active a:hover,
    .eventtabview.tab .nav-tabs li.active a:focus {
        border: none;
        background: #900;
    }

.eventtabview .tab .nav-tabs li a:before {
    content: "";
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease 0s;
}

  

    .eventtabview .tab .nav-tabs li a:hover:before {
        background: #aee800;
        border: 2px solid #fff;
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
        transform: scale(2);
    }

    .eventtabview.tab .nav-tabs li.active a:before {
        background: #72c02c;
    }

    .eventtabview .tab .nav-tabs li.active a {
        background-color: #900;
    }

    .eventtabview .tab .nav-tabs li a span {
        display: inline-block;
        font-size: 12px;
        color: #16262d;
        margin: 0 auto;
        position: absolute;
        top: -26px;
        left: 0;
        right: 0;
    }

.eventtabview .tab .tab-content {
   text-align: left;
   margin-top:15px;
}

.eventtabview .tab .tab-content h3 {
    font-size: 24px;
   /* color: #fff;*/
    margin-top: 0;
}

.eventtabview .tab .tab-content p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
    .tab .nav-tabs li a {
        margin-right: 30px;
    }
}


.overly {
    overflow-y:auto;
}

.eventtabview .nav-tabs > li {
    height: 46px;
    display: flex;
    align-items: end;
}

.modal-dialog {
  
    margin: 13px !important;
}
@media (min-width: 768px){
    .modal-dialog {
     
        margin: 30px auto !important;
    }
}
.loader {
  
    background-size: 100px 100px !important;
}
.modal-content iframe {
    width:100% !important;
}
.flexroot {
    display:flow-root !important;

}
.arrorwpos .slick-next {
    top: 0px !important;
    transform: translate(0, 0%) !important;
    margin-bottom: 10px !important;
    position: relative;
}
.arrorwpos .slick-prev {
    position: relative;
}
.arrorwpos .slick-prev {
    top: 0px !important;
    transform: translate(0, 0%) !important;
    margin-bottom: 10px !important;
    left: 0 !important;
}

.card {
   
    box-shadow: 0 0 16px 0 rgb(128 128 128 / 45%) !important;
}





/*******************************/

.horizontal-timeline {
    opacity: 0;
    width: 100%;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

    .horizontal-timeline ol {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    /* Never visible - this is used in jQuery to check the current MQ */
    .horizontal-timeline::before {
        content: 'desktop';
        display: none;
    }

    .horizontal-timeline.loaded {
        opacity: 1;
        margin: 0 !important;
    }

    .horizontal-timeline .touch-enabled {
        cursor: grab;
    }
    /* Timeline */
    .horizontal-timeline .timeline {
        position: relative;
        height: auto;
        margin: 0 auto;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .horizontal-timeline .events-wrapper {
        position: relative;
        /* Fixed up a bug where if the date display was split into two lines 
	half of the top was cut off (Changed the height to accommodate) */
        height: 80px;
        overflow: hidden;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .horizontal-timeline .events {
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 13%;
        height: 5px;
        /* width will be set using JavaScript */
        background: #000;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }
    /* Filling line */
    .horizontal-timeline .filling-line {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #002bff;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
    }
    /* Event dates on the timeline */
    .horizontal-timeline .events a {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        text-decoration: none;
        padding-bottom: 15px;
        color: #000;
        /* Fix bug on Safari - text flickering while timeline translates */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        user-select: none;
    }
        /* Dots for the event dates on the timeline */
        .horizontal-timeline .events a::after {
            content: '';
            position: absolute;
            left: 40%;
            bottom: -3px;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: #000;
            -webkit-transition: background-color 0.3s, border-color 0.3s;
            -moz-transition: background-color 0.3s, border-color 0.3s;
            transition: background-color 0.3s, border-color 0.3s;
        }
        /* Stop mouse pointer events on a selected event */
        .horizontal-timeline .events a.selected {
            pointer-events: none;
        }

            .horizontal-timeline .events a.selected::after,
            .horizontal-timeline .events a.older-event::after {
                background-color: #002bff;
            }

        .horizontal-timeline .events a:hover {
            text-decoration: underline;
        }
/* Navigation */
.timeline-navigation {
    position: relative;
    top: 3px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2;
}

    .timeline-navigation#leftNav {
        left: 1px;
    }

    .timeline-navigation#rightNav {
        right: 1px;
    }

    .timeline-navigation a {
        display: inline;
        text-decoration: none;
        color: #000;
    }

        .timeline-navigation a:hover {
            color: #002bff;
            border-color: #002bff;
        }

        /* Inactive */
        .timeline-navigation a.inactive {
            cursor: not-allowed;
            border-color: #d3d3d3;
            color: #d3d3d3;
        }
    /* Autoplay Pause/Play button */
    .timeline-navigation#pausePlay {
        width: 100%;
        top: -10px;
        text-align: center;
    }
/* Event content */
.horizontal-timeline .events-content {
    position: relative;
    margin: 2em 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: height 0.4s 0.2s;
    -moz-transition: height 0.4s 0.2s;
    transition: height 0.4s 0.2s;
}
    /* Autoplay progress bar */
    .horizontal-timeline .events-content .progressBarWrapper {
        position: absolute;
        width: 100%;
        height: 4px;
        margin-top: -4px;
        padding: 0 20px;
    }

    .horizontal-timeline .events-content .progressBar {
        width: 0%;
        max-width: 100%;
        height: inherit;
        background: #002bff;
    }

    .horizontal-timeline .events-content li[data-horizontal-timeline],
    /* data-date deprecated as of v2.0.5.alpha.3 */
    .horizontal-timeline .events-content li[data-date] {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        margin: auto;
        padding: 10px;
        background: #ccc;
        border-radius: 20px;
        opacity: 0;
        font-size: 16pt;
        text-align: center;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        transition: opacity 1s;
    }
        /* The selected events content */
        .horizontal-timeline .events-content li[data-horizontal-timeline].selected,
        /* data-date deprecated as of v2.0.5.alpha.3 */
        .horizontal-timeline .events-content li[data-date].selected {
            position: relative;
            z-index: 2;
            opacity: 1;
        }
    /* Event content animations */
    .horizontal-timeline .events-content li.enter-right,
    .horizontal-timeline .events-content li.exit-right {
        -webkit-animation-name: timeline-enter-right;
        -moz-animation-name: timeline-enter-right;
        animation-name: timeline-enter-right;
    }

    .horizontal-timeline .events-content li.enter-left,
    .horizontal-timeline .events-content li.exit-left {
        -webkit-animation-name: timeline-enter-left;
        -moz-animation-name: timeline-enter-left;
        animation-name: timeline-enter-left;
    }

    .horizontal-timeline .events-content li.exit-right,
    .horizontal-timeline .events-content li.exit-left {
        -webkit-animation-direction: reverse;
        -moz-animation-direction: reverse;
        animation-direction: reverse;
    }
    /* Speed */
    .horizontal-timeline .events-content li.animationSpeed {
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
    }

@-webkit-keyframes timeline-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes timeline-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes timeline-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes timeline-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes timeline-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes timeline-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@media only screen and (min-width: 1100px) {
    .horizontal-timeline {
        margin: 6em auto;
    }
}

@media only screen and (min-width: 501px) and (max-width: 1100px) {
    /* Never visible - this is used in jQuery to check the current MQ */
    .horizontal-timeline::before {
        content: 'tablet';
    }
}

@media only screen and (max-width: 500px) {
    /* Never visible - this is used in jQuery to check the current MQ */
    .horizontal-timeline::before {
        content: 'mobile';
    }
}

@media only screen and (max-width: 1100px) {
    .horizontal-timeline .timeline {
        padding-bottom: 40px !important;
    }

    .timeline-navigation#leftNav {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .timeline-navigation#rightNav {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .timeline-navigation#leftNav,
    .timeline-navigation#rightNav {
        display: -ms-flexbox !important;
        display: flex !important;
        top: -5px !important;
    }

    .timeline-navigation#pausePlay {
        top: 20px !important;
    }
}
.solution-img {
    margin: 10px !important;
}


@media (min-width: 992px) {
    .dflexrowreverce {
        display:flex;
        flex-direction:row-reverse;
    }
    .flexcenter {
        display: flex;
        align-items:center !important;
    }
}
.servicesection section {
    padding: 30px 0;
    overflow: hidden;
}
.need .img-v1 {
    background-image: url('../img/bg2.webp');
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding: 12px 0 !important;
    position: relative;
   /* background-attachment: fixed;*/
}
.cloudbace .img-v1 {
    background-image: url('../img/cloud.jpg');
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding: 12px 0 !important;
    position: relative;
   /* background-attachment: fixed;*/
}


    @media (min-width: 1200px){
        .img-v1 .container {

            padding-left: 160px;
            padding-right: 160px;
        }
    } 



.needbace {
    background: #fcc86a;
}
.cloudbace {
    background: #86c6f9;
}
.midnightblue {
    background: #103778 !important;
}
.lightblue {
    background: #b4d0ff !important;
}
.content {
    padding-top: 0px !important;
}

section  {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.closcroll {
    max-height: 358px;
    overflow-y: auto;
}
.lightblue .closcroll::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
.lightblue .closcroll::-webkit-scrollbar-thumb {
    background: #b4d0ff;
    border-radius: unset !important;
}
.lightblue .closcroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: unset !important;
}

.midnightblue .closcroll::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

.midnightblue .closcroll::-webkit-scrollbar-thumb {
    background: #103778;
    border-radius: unset !important;
}
.midnightblue .closcroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: unset !important;
}


.closcroll::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

    .closcroll::-webkit-scrollbar-thumb {
        background: #86c6f9;
        border-radius: unset !important;
    }
    .closcroll::-webkit-scrollbar-track {
        box-shadow: inset 0 0 3px grey;
        border-radius: unset !important;
    }
    .mlr5 {

        margin-left:5px;
        margin-right:5px;
    }


.bg_text h1 {
    color: white !important;
    margin: 0 0 20px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
}
i.icon-md {
 
    font-size: 30px !important;
    
}
.service-block-v7 {
    margin-top: 20px;
    text-align: center;
    position: relative;
    border: 1px solid #ddd;
    padding: 45px 20px 20px;
   
}
.service-block-v7 i {
    left: 50%;
    top: -25px;
    color: #fff;
    width: 55px;
    height: 50px;
    font-size: 27px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    background:#e74c3c;
    margin-left: -22.5px;
    display: inline-block;
}

.min18 {
    min-height: 18rem !important;
}

i.icon-bg-orange {
    background: #800000 !important;
}
i.icon-bg-aqua {
    background: #27d7e7 !important;
}
i.icon-bg-dark-blue {
    background: #4765a0 !important;
}
.need .content-sm {
   
    padding-bottom: 0px !important;
}
 .bg_text p {
    margin: 0 0 25px !important;
}
 .mb50 {
     margin-bottom:50px;
 }
i.icon-bg-red {
    background: #e74c3c;
}
i.icon-bg-yellow {
    background: #f1c40f;
}
i.icon-bg-purple {
    background: #9b6bcc;
}
i.icon-bg-darkyellow {
    background: #F7C04A;
}
i.icon-bg-darkgreen {
    background: #1F8A70;
}

i.icon-bg-orange {
    background: #9332a8;
}
i.icon-bg-blue {
    background: #81CACF;
}

i.icon-bg-marron {
    background: #820000;
}
i.icon-bg-sage {
    background: #4E6C50;
}

.web .img-v1 {
    background-image: url(../img/web.jpg);
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding: 12px 0 !important;
    position: relative;
    /* background-attachment: fixed; */
}
.decktop .img-v1 {
    
    background-image: url('../img/desktop.jpg');
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding: 12px 0 !important;
    position: relative;
    /* background-attachment: fixed; */
}
.mobileapp .img-v1 {
    background-image: url('../img/mobilappdev.jpg');
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding: 12px 0 !important;
    position: relative;
    /* background-attachment: fixed; */
}
.boxpd .service-block-v7 {
  
    padding: 20px 20px 20px !important;
}  
.mt-0 {
    margin-top:0px !important;
}
@media (min-width: 991px) {
    .header {
        position:fixed;
       
    }
   /* #myCarousel {
        margin-top: 98px !important;
    }*/
    .mtservice {
        margin-top: 98px !important;
        
    }

}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: rgb(114, 192, 44) !important;
}

.marginleft {
    margin-left: 6px;
    color: #16262d !important;
}
/*.content {
    padding-top: 40px !important;
   
}*/
.header .navbar-default .navbar-nav > li > a {
    color: #16262d !important;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    color: #16262d !important;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: 'Open Sans',sans-serif;
}
p, li, li a {
    color: #16262d !important;
}

.breadcrumb li.active, .breadcrumb li a:hover {
    color: #72c02c !important;
    text-decoration: none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff !important;
    background-color: #428bca;
}
/*
.service-block {
    height: 255px !important;
}*/

.header .dropdown-menu .active>a, .header .dropdown-menu li>a:hover {
    color: #fff !important;
    filter: none!important;
    background: #6c3!important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.main-timeline {
    padding: 20px 0;
    position: relative;
}

    .main-timeline::before,
    .main-timeline::after {
        content: "";
        height: 40px;
        width: 40px;
        background-color: #e7e7e7;
        border-radius: 50%;
        border: 10px solid #303334;
        transform: translatex(-50%);
        position: absolute;
        left: 50%;
        top: -15px;
        z-index: 2;
    }

    .main-timeline::after {
        top: auto;
        bottom: 15px;
    }

    .main-timeline .timeline {
        padding: 35px 0;
        margin-top: -30px;
        position: relative;
        z-index: 1;
    }

        .main-timeline .timeline::before,
        .main-timeline .timeline::after {
            content: "";
            height: 100%;
            width: 50%;
            border-radius: 110px 0 0 110px;
            border: 15px solid #46b2bc;
            border-right: none;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
        }

        .main-timeline .timeline::after {
            height: calc(100% - 30px);
            width: calc(50% - 12px);
            border-color: #65c7d0;
            left: 12px;
            top: 15px;
        }

    .main-timeline .timeline-content {
        display: inline-block;
    }

        .main-timeline .timeline-content:hover {
            text-decoration: none;
        }

    .main-timeline .timeline-year {
        color: #65c7d0;
        font-size: 50px;
        font-weight: 600;
        display: inline-block;
        transform: translatey(-50%);
        position: absolute;
        top: 50%;
        left: 10%;
    }

    .main-timeline .timeline-icon {
        color: #65c7d0;
        font-size: 70px;
        display: inline-block;
        transform: translateY(-50%);
        position: absolute;
        left: 34%;
        top: 50%;
    }

    .main-timeline .content {
        color: #909090;
        width: 50%;
        padding: 20px;
        display: inline-block;
        float: right;
    }

    .main-timeline .title {
        color: #65c7d0;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 5px 0;
    }

    .main-timeline .description {
        font-size: 16px;
        margin: 0;
    }

    .main-timeline .timeline:nth-child(even)::before {
        left: auto;
        right: 0;
        border-radius: 0 110px 110px 0;
        border: 15px solid red;
        border-left: none;
    }

    .main-timeline .timeline:nth-child(even)::after {
        left: auto;
        right: 12px;
        border-radius: 0 100px 100px 0;
        border: 15px solid green;
        border-left: none;
    }

    .main-timeline .timeline:nth-child(even) .content {
        float: left;
    }

    .main-timeline .timeline:nth-child(even) .timeline-year {
        left: auto;
        right: 10%;
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: auto;
        right: 32%;
    }

    .main-timeline .timeline:nth-child(5n+1)::before {
        border-color: #46b2bc;
    }

    .main-timeline .timeline:nth-child(5n+1)::after {
        border-color: #65c7d0;
    }

    .main-timeline .timeline:nth-child(5n+1) .timeline-icon {
        color: #65c7d0;
    }

    .main-timeline .timeline:nth-child(5n+1) .timeline-year {
        color: #65c7d0;
    }

    .main-timeline .timeline:nth-child(5n+1) .title {
        color: #65c7d0;
    }

    .main-timeline .timeline:nth-child(5n+2)::before {
        border-color: #ea3c14;
    }

    .main-timeline .timeline:nth-child(5n+2)::after {
        border-color: #EF5720;
    }

    .main-timeline .timeline:nth-child(5n+2) .timeline-icon {
        color: #EA3C14;
    }

    .main-timeline .timeline:nth-child(5n+2) .timeline-year {
        color: #EA3C14;
    }

    .main-timeline .timeline:nth-child(5n+2) .title {
        color: #EA3C14;
    }

    .main-timeline .timeline:nth-child(5n+3)::before {
        border-color: #8CC63E;
    }

    .main-timeline .timeline:nth-child(5n+3)::after {
        border-color: #6CAF29;
    }

    .main-timeline .timeline:nth-child(5n+3) .timeline-icon {
        color: #8CC63E;
    }

    .main-timeline .timeline:nth-child(5n+3) .timeline-year {
        color: #8CC63E;
    }

    .main-timeline .timeline:nth-child(5n+3) .title {
        color: #8CC63E;
    }

    .main-timeline .timeline:nth-child(5n+4)::before {
        border-color: #F99324;
    }

    .main-timeline .timeline:nth-child(5n+4)::after {
        border-color: #FBB03B;
    }

    .main-timeline .timeline:nth-child(5n+4) .timeline-icon {
        color: #F99324;
    }

    .main-timeline .timeline:nth-child(5n+4) .timeline-year {
        color: #F99324;
    }

    .main-timeline .timeline:nth-child(5n+4) .title {
        color: #F99324;
    }

    .main-timeline .timeline:nth-child(5n+5)::before {
        border-color: #0071BD;
    }

    .main-timeline .timeline:nth-child(5n+5)::after {
        border-color: #0050A3;
    }

    .main-timeline .timeline:nth-child(5n+5) .timeline-icon {
        color: #0071BD;
    }

    .main-timeline .timeline:nth-child(5n+5) .timeline-year {
        color: #0071BD;
    }

    .main-timeline .timeline:nth-child(5n+5) .title {
        color: #0071BD;
    }

@media screen and (max-width:1200px) {
    .main-timeline .timeline:after {
        border-radius: 88px 0 0 88px;
    }

    .main-timeline .timeline:nth-child(even):after {
        border-radius: 0 88px 88px 0;
    }
}

@media screen and (max-width:767px) {
    .main-timeline .timeline {
        margin-top: -19px;
    }

        .main-timeline .timeline:before {
            border-radius: 50px 0 0 50px;
            border-width: 10px;
        }

        .main-timeline .timeline:after {
            height: calc(100% - 18px);
            width: calc(50% - 9px);
            border-radius: 43px 0 0 43px;
            border-width: 10px;
            top: 9px;
            left: 9px;
        }

        .main-timeline .timeline:nth-child(even):before {
            border-radius: 0 50px 50px 0;
            border-width: 10px;
        }

        .main-timeline .timeline:nth-child(even):after {
            height: calc(100% - 18px);
            width: calc(50% - 9px);
            border-radius: 0 43px 43px 0;
            border-width: 10px;
            top: 9px;
            right: 9px;
        }

    .main-timeline .timeline-icon {
        font-size: 60px;
    }

    .main-timeline .timeline-year {
        font-size: 40px;
    }
}

@media screen and (max-width:479px) {
    .main-timeline .timeline-icon {
        font-size: 50px;
        transform: translateY(0);
        top: 25%;
        left: 10%;
    }

    .main-timeline .timeline-year {
        font-size: 25px;
        transform: translateY(0);
        top: 65%;
        left: 9%;
    }

    .main-timeline .content {
        width: 68%;
        padding: 10px;
    }

    .main-timeline .title {
        font-size: 18px;
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        right: 10%;
    }

    .main-timeline .timeline:nth-child(even) .timeline-year {
        right: 9%;
    }
}

.main-timeline .content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.need .content-sm {
    padding-bottom: 0px !important;
    padding-top: 0px;
}

.positionrlt {
    position: relative;
    padding-right: 100px;
    margin-bottom: 16px;
}
.numberwise {
    font-size: 25px;
    position: absolute;
    top: -8px;
    right: 7px;
    color: #fff;
    z-index:1;
}
.pad_top {
    padding:30px;
}
#pad_top .col-sm-4 {
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

    #pad_top .col-sm-4:nth-child(3n+3) {
        border-right-color: transparent;
    }

.bordernone {
    border-bottom: none !important;
}


.mt__10 {
    margin-top:10px;
}

#pad_top .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.font_weight600 {
    font-weight:600;
   
}
.center_text {
    font-size: 30px !important;
    text-align: center;
}

.h4border {
    border-bottom: 3px solid;
    margin-bottom: 18px;
    line-height:2;
   
}
.borderdarkpink {
    border-color: #d96686 !important;
}
.bordercolor {
    border-color: #98c580 !important;
}

.bordercolorblue {
   border-color: #75b6d9 !important;
}

.mtop_30 {
    margin-top:25px;
}


.smmt30 {
    margin-top:30px;
}

.mtitle_center h1.title-v2.title-center:after, h2.title-v2.title-center:after, h3.title-v2.title-center:after {
    left: 49%;
    width: 85px;
    margin-left: -35px;
}


.WBoxShadow 
{
    
    background-color: #f7f7f7;
    border: 1px solid #dadada;
    border-radius: 10px !important;
    box-shadow: 0 0px 7px rgba(0,6,48,2.1);
}


.hiredev {
    background-color: #93BFCF;
    border-radius: 20px !important;
   
}

.hireheading {
    color:#fff !important;
    font-weight:700;
    font-size:30px;
}

@media (max-width:417px)  {
    .hireheading{
        line-height:30px;
    }
}
.hirepara {
    color:#fff !important;
    margin-top:20px;
   
}



.text__center {
    color: #fff;
    padding: 25px;
    padding-right: 10px;
}
.hirebtn {
    border:2px solid #fff;
    border-radius:10px !important;
    margin-top:20px;
    color:#fff !important;
    
}

    .hirebtn:hover {
        background-color: #72c02c !important;
        color: #fff !important;
    }
.hiremargin {
    margin-top:30px;
}


@media only screen and (max-width:1000px) {
    .breadcrumbs {
        margin-top:0px !important;
    }
}

@media only screen and (max-width: 767px) {
    #pad_top .col-sm-4 {
        border-right: none;
    }

    #ecommerce_offer .col-sm-6{
        border-right:none !important;
    }


}

@media only screen and (max-width:1200px)  and (min-width: 1000px) {
    .border__padding {
        padding: 0px !important;
       
    }
    .margin__left{
        margin-left:15px !important;
    }
}

@media only screen and (max-width:767px) {
    .bordernone {
        border-bottom: 1px solid #D9D9D9 !important;
    }
}

@media only screen and (max-width:767px) {
    .nubertop {
        margin-top: 20px;
    }
}

@media only screen and  (max-width :967px){
    .mtservice {
        margin-top:0px !important;
    }
}


.footer-v1 .footer h2 {
    color: #eee !important;
}

.socialiconcolor li a {
    color: #555 !important;
}

.mtservice .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.align-self-center {
    align-self:center !important;
    /*padding-left:30px;*/
}

.cubotton {
    margin-top:10px;
    border-radius:30px !important;
    border-color: #900;
    border :2px solid !important ;
}
.cubotton:hover {
    background-color:#72c02c;
    color:#fff;
}

.needheading {
    font-size: 35px !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
    margin-top: 20px;
}
.needpara {
    font-size:16px !important;
}

:root {
    --color-brand: #5418a1;
    --color-brand-secondary: #13a6b78c;
}

.gradient__brand-secondary {
    stop-color: var(--color-brand-secondary);
}

.gradient__brand {
    stop-color: var(--color-brand);
}



.socialiconcolor li a:hover {
    color: #72c02c !important;
}
.mtservice {
    background-color: #fafafa !important;
    margin-bottom:40px !important;
}
.cloudgradiyant {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(97,132,252,1) 77%, rgba(0,212,255,1) 100%);
}
.custom-shape-divider-bottom-1680170278 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-bottom-1680170278 svg {
        position: relative;
        display: block;
        width: calc(113% + 1.3px);
        height: 96px;
        transform: rotateY(180deg);
    }

    .custom-shape-divider-bottom-1680170278 .shape-fill {
        fill: #FFFFFF;
    }
.cubotton {
    background-color: #72c02c !important;
    color: #fff !important;
}

.bgsvg {
    background-image: url(../img/bgvector.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center, 50%, 50%;
}

.marb40 {
    margin-bottom:40px !important;
}
.paddingright {
    padding-right: 0px !important;
}
.circle {
    height: 37px;
    width: 46px;
    background-color: #72c02c;
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 0px 0px 18px 18px !important;
  
}

.Newfontsize {
    font-size:39px !important;
}

.borderbottomnone {
    border-bottom:none !important;
}

.service_text_center {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 44px !important;
    display: flex;
    align-items: center;
    max-width: 397px;
    min-height: 70px;
    padding: 5px 1.5rem;
    margin-bottom: -16px;
    position: relative;
    margin-top: -44px;
    top: -38px;
}

.borderredius {
    border-radius: 12px !important;
    margin-top: 20px;
    text-align: center;
    position: relative;
    border: 1px solid #ddd;
    padding: 45px 20px 20px;
}
.imgorder {
    order:-1;
}

.serviceheadingsize {
    font-size:18px !important;
    font-weight:600 !important;
}

.paddingbox {
    padding:5px !important;
}

.min19 {
    min-height: 19rem !important;
}

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

.margin_bottom_30 {
    margin-bottom:30px !important;
}
.mb_40 {
    margin-bottom:20px !important;
}
.margin__bottom20 {
    margin-bottom:20px !important;
}
.mb__25 {
    margin-bottom:25px !important;
}

.mb__30{
    margin-bottom:30px !important;
}
.mb__20 {
    margin-bottom:20px !important;
}

.mb__bottom30 {
    margin-bottom:30px !important;
}

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

.margin__bottom40 {
    margin-bottom:40px !important;
}

#ecommerce_offer .col-sm-6 {
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.border__padding {
    padding:10px ;
}
.BorderRightNone {
    border-right:none !important;
}

.font__size14 {
    font-size:14px !important;
}

.whychoose h1,
h2,
h3,
h4,
h5,
h6 {
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

.whychoose a,
.whychoose a:active,
.whychoose a:focus {
    color: #333;
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

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

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

.whychoose span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

.whychoose .section-head {
    margin-bottom: 60px;
}

    .whychoose .section-head h4 {
        position: relative;
        padding: 0;
        color: #f91942;
        line-height: 1;
        letter-spacing: 0.3px;
        font-size: 34px;
        font-weight: 700;
        text-align: center;
        text-transform: none;
        margin-bottom: 30px;
    }

        .whychoose .section-head h4:before {
            content: "";
            width: 60px;
            height: 3px;
            background: #f91942;
            position: absolute;
            left: 0px;
            bottom: -10px;
            right: 0;
            margin: 0 auto;
        }

        .whychoose .section-head h4 span {
            font-weight: 700;
            padding-bottom: 5px;
            color: #2f2f2f;
        }

.whychoose p.service_text {
    color: #cccccc !important;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.whychoose .section-head p,
p.awesome_line {
    color: #818181;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.whychoose .extra-text {
    font-size: 34px;
    font-weight: 700;
    color: #2f2f2f;
    margin-bottom: 25px;
    position: relative;
    text-transform: none;
}

    .whychoose  .extra-text::before {
        content: "";
        width: 60px;
        height: 3px;
        background: #f91942;
        position: absolute;
        left: 0px;
        bottom: -10px;
        right: 0;
        margin: 0 auto;
    }

    .whychoose .extra-text span {
        font-weight: 700;
        color: #f91942;
    }

.whychooseBox {
    text-align: center;
    margin-bottom: 30px;
    padding: 30px 25px;
   
    /*box-shadow: 0 0 5px #333;*/
    border: 2px solid transparent;
    border-radius:50px !important;
}

.inset_slide:hover {
    box-shadow: 500px 0 0 0px #fff3cc inset;
    border-color:  #fdc300 !important;
}
    .inset_slide:hover .HoverText {
        color:  #fdc300 !important;
    }
.bg__color1 {
    background-color: #fff3cc;
}
.bg__color2 {
    background-color: #D8F6FF;
}
.bg__color3 {
    background-color: #D5F8EF;
}
.bg__color4 {
    background-color: #FFE5F4;
}

.bg__color5 {
    background-color: #E8E2F7;
}
.bg__color6 {
    background-color: #FDF3CE;
}
.inset_slide1:hover {
    box-shadow: 500px 0 0 0px #D8F6FF inset;
    border-color: #00AEE5 !important;
}



    .inset_slide1:hover .HoverText
     {
        color: #00AEE5 !important;
    }
.inset_slide2:hover {
    box-shadow: 500px 0 0 0px #D5F8EF inset;
    border-color: #14B789 !important;
}
    .inset_slide2:hover .HoverText
     {
        color: #14B789 !important;
    }
.inset_slide3:hover {
    box-shadow: 500px 0 0 0px #FFE5F4 inset;
    border-color: #E50087 !important;
}
    .inset_slide3:hover .HoverText
     {
        color: #E50087 !important;
    }

.inset_slide4:hover {
    box-shadow: 500px 0 0 0px #E8E2F7 inset;
    border-color: #802FDE !important;
}

        .inset_slide4:hover .HoverText
       {
            color: #802FDE !important;
        }
.inset_slide5:hover {
    box-shadow: 500px 0 0 0px #FDF3CE inset;
    border-color: #DAAB00 !important;
}
        .inset_slide5:hover .HoverText
         {
            color: #DAAB00 !important;
        }

.bs_test {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

        .whychooseBox:hover .whychooseBox,
        .whychooseBox:hover span.icon {
           
            border-radius: 10px;
            -webkit-transition: all 0.5s ease 0;
            transition: all 0.5s ease 0;
            transition: all 0.5s ease 0s;
        }

      .whychooseBox.icon {
        font-size: 40px;
        margin-bottom: 25px;
        color: #f91942;
        width: 90px;
        height: 90px;
        line-height: 96px;
        border-radius: 50px;
    }

    .whychooseBox .feature_box_col_one {
        background: rgba(247, 198, 5, 0.2);
        color: #f91942;
    }

    .whychooseBox .feature_box_col_two {
        background: rgba(255, 77, 28, 0.15);
        color: #f91942;
    }

    .whychooseBox .feature_box_col_three {
        background: rgba(0, 147, 38, 0.15);
        color: #f91942;
    }

    .whychooseBox .feature_box_col_four {
        background: rgba(0, 108, 255, 0.15);
        color: #f91942;
    }

    .whychooseBox .feature_box_col_five {
        background: rgba(146, 39, 255, 0.15);
        color: #f91942;
    }
    .whychooseBox .feature_box_col_six {
        background: rgba(23, 39, 246, 0.15);
        color: #f91942;
    }

    .whychooseBox p {
        font-size: 15px;
        line-height: 26px;
    }
    .whychooseBox h6 {
        margin-bottom: 20px;
        color: #2f2f2f;
        font-size:21px;
        margin-top:25px;
        font-weight:600;
    }
.img__bg {
    background: #fff;
    border-radius: 8px !important;
    padding:10px;
    display:inline-block;
}


#Testing .col-sm-6 {
    border-right: 1px solid #D9D9D9;
}

.BorderRightNone {
    border-right: none;
    
}

@media only screen and (max-width :767px) {
    #Testing .col-sm-6 {
        border-right: none;
        border-bottom: 1px solid #D9D9D9;
    }
}

@media only screen and (max-width :767px) {
    .BorderRightNone {
        border-bottom: 0px !important;
    }
}

.justifytext p {
    text-align:justify;
}


.whyus {
   margin-bottom: 10px !important;
}

h1.whyus span {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 10px !important;
    border-bottom: 1px solid #82a8ff;
    margin-bottom: 20px;
}

    h1.whyus span:after {
        content: "";
        position: absolute;
        bottom: calc(-100% - 1px);
        margin-left: -10px;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border-top: 1px solid #82a8ff;
    }

.positionrlt p {
    margin:0 0 15px !important;
}

#DekstopBorder .col-sm-6 {
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.h3font_size {
    font-size:24px;
}

@media only screen and (max-width :767px) {
    .DekstopBorderBottom {
        border-bottom: 1px solid #D9D9D9 !important;
    }

    .DekstopBorderNone {
        border-right: none !important;
    }
    .DekstopBottomBorderNone {
        border-bottom: 0px !important;
    }
}

.DekstopBottomBorderNone {
    border-bottom: 0px !important;
}

.marginTop {
    margin-top:15px;
}

.RatingRivew ul {
    list-style-type:none;
    margin-top:20px;
}
.Border__Right {
    border-right:1px solid gray;
}
.padding__left {
    padding-left:9px;
}
.RatingRivew li {
    display: inline-block;
    padding-right: 15px;
}

.rating {
    display: flex;
    align-items: center;
    margin: 10px 0px;
}
.starIcon {
    color:gold;
    font-size:15px;
}

.startRating {
    color:#fff !important;
}

.maxHeightImg {
    max-height:22px;
    cursor:pointer;
}


.D_Flex_Start {
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:20px;
}

@media  (max-width:309px){
    .mylivechat_expanded_outer {
        width: 0px !important;
    }
}
.D__flex {
    display:flex;
    align-items:center;
}
.H3MarginLeft{
    margin-left:20px;
}

.selfCenter {
    align-self:center;
    font-size:20px;
}

.article .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.BlogImageMargin {
    margin-top:40px;
}
.hiredev {
    background-color: #e0e0e0 !important;
}

.hireheading {
    color: #16262d !important;
}

.hirebtn {
    border: 2px solid #16262d !important;
    color: #16262d !important;
}

.hirepara {
    color: #16262d !important;
}

#hero {
    background-image: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(/assets/img/hero__bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 800px){
    #hero img {
        margin-top: 40px !important;
    }
}

@media (max-width: 768px){
    #hero .bg_text h1 {
        font-size: 28px;
        line-height: 36px;
    }
   
}
.breadcrumbs {
    margin-top: 69px !important;
}
@media (min-width: 991px){
    .mtservice {
        margin-top: 68px !important;
    }
}

@media (max-width:367px) {
    .viewCenter {
        text-align: center !important;
    }
}
@media(max-width:990px) {
    .viewCenter {
        text-align: center !important;
    }
}

.margiAuto {
    margin: auto;
}
.margin0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 5px;
}

@media(max-width:767px){
    .MvImgSize {
        width: 50% !important;
    }
    .ImageCenter {
        text-align: center !important;
    }
}
.Bottom_Border_None {
    border-bottom:0px !important;
}

.marginTop0 {
    margin-top: 0px !important;
}
.rightbordernone {
    border-right: none !important;
}
@media(min-width:991px) {
    .mvbottombordernone {
        border-bottom: none !important;
    }
}

@media(max-width:991px) {
    .mvborderrightnone {
        border-right: none !important;
    }
}
.CloudImagePad {
    padding: 20px;
}
.bottombordernone {
    border-bottom: none !important;
}
#ecommerce_offer .col-md-6 {
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

#ecommerce_offer .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}


@media only screen and (min-width:768px) {
    .mBorderBottom {
        border-bottom: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .BottomBorderNone {
        border-bottom: none !important;
    }
}
.m50 {
    margin-bottom: 0px !important;
    padding: 50px 0px !important;
    margin-top: 0px !important;
}
@media only screen and (max-width: 1000px){
    .breadcrumbs {
        margin-top: 0px !important;
    }
}
@media (max-width: 567px){
    .needheading {
        font-size: 25px !important;
    }
}
.margin40Top {
    margin-top: 40px !important;
}

@media (max-width:367px) {
    .viewCenter {
        text-align: center !important;
    }
}

@media(min-width:800px) {
    #hero img {
        margin-top: 40px !important;
    }
}


.Mmargin0 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.Mb0 {
    margin-bottom: 0px !important;
}

@media(max-width:1000px) {
    .Mmargin50 {
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 767px) {
    .BottomBorderNone {
        border-bottom: none !important;
    }
}


@media only screen and (min-width:768px) {
    .mBorderBottom {
        border-bottom: none !important;
    }
}

.margin0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 5px;
}

@media(max-width:567px) {
    .needheading {
        font-size: 25px !important;
    }
}

@media(min-width:991px) {
    .BtmBorderNone {
        border-bottom: 0px !important;
    }
}


@media(max-width:991px) {
    .rgtBorderNone {
        border-right: none !important;
    }
}

@media(max-width:991px) {
    .NoneBorder {
        border-bottom: none !important;
    }
}

@media(max-width:767px) {
    .MVbtmBorderNone {
        border-bottom: none !important;
    }

    .mtservice .align-self-center {
        text-align: center !important;
    }

    .HomeTextCenter {
        text-align: center !important;
    }

    .hireheading {
        font-size: 26px !important;
    }

    .justifytext p {
        text-align: center !important;
    }

    .HomeTextCenter {
        display: block !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .MvImgSize {
        width: 50% !important;
    }

    .ImageCenter {
        text-align: center !important;
    }

    .HireTextCenter {
        text-align: center !important;
    }
}


@media only screen and (max-width: 600px) {
    .HeadingFont {
        font-size: 20px !important;
    }

    .PeraFont {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 391px) {
    .HeadingFont {
        font-size: 18px !important;
    }
}

@media(max-width:990px) {
    .viewCenter {
        text-align: center !important;
    }
}

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

@media(max-width:967px) {
    .MobmarginTop0 {
        margin-top: 0px !important;
    }
}

.CustomerBorderNone {
    border-right: none !important;
}

.rightbordernone {
    border-right: none !important;
}

.bottombordernone {
    border-bottom: none !important;
}

@media(min-width:991px) {
    .mvbottombordernone {
        border-bottom: none !important;
    }
}

@media(max-width:991px) {
    .mvborderrightnone {
        border-right: none !important;
    }
}

.CloudImagePad {
    padding: 20px;
}

.hiredev {
    background-color: #e0e0e0 !important;
}

.hireheading {
    color: #16262d !important;
}

.hirebtn {
    border: 2px solid #16262d !important;
    color: #16262d !important;
}

.hirepara {
    color: #16262d !important;
}

.WhatsAppImg {
    width: 17px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    vertical-align: top !important;
}

.Min_Height {
    min-height: 261px !important;
}

.PaddingTopBottom0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.HireTextPading {
    color: #fff;
    padding: 25px;
    padding-right: 10px;
}
.paddingTopBottom20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

@media (min-width:200px) {
    .Top__0 {
        padding-top: 0px !important;
        margin-bottom: 0px !important;
        margin-bottom: 15px !important;
    }
}

.paddingtop_0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 20px !important;
}
.mt10{
    margin-top:10px !important;
}
.CursorPointer{
    cursor:pointer;
}
.TopDetailMargin{
    margin-top:10px;
}
.footerIcon {
    color: #72c02c;
    font-size: 13px;
    min-width: 15px;
    text-align: center;
    position: relative;
}
.MarginLeft10{
    font-size:15px !important;
}
.BgIndiaImage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/IndiaGray.png);
}

.BgUsaImage::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background-image: url(../img/UsaGray.png);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: center;
}
@media(max-width:767px){
    .mobileViewTop{
        margin-top:25px !important;
    }
}
.BgIndiaImage::before,
.BgUsaImage::before {
    pointer-events: none;
}
.font-size16{
    font-size:16px !important;
}
.Gap5{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
}

#ManiContent_datalistcareer
{
    width:100% !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}