/* GLOBAL CLASS */
.mt-3rm{margin-top: -3.0em;}

.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-50{margin-left: 50px;}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}

.inner-page-header.site-header {background: #ffffff38;}
.site-header.header-3 .main-nav {transform: translateX(-30%); left: 40%;}
.navbar-menu .inquiry-now {float:left;}
.navbar-menu .call-whatsapp img{float:left; width: 35px; height: 35px; margin-left: 12px;}

/*HOME PAGE */
.header-sticky{width:100; position:fixed;top:0; background: #fff!important;}
.header-sticky .header-wrap{height: 75px;}
.hero.has_style1 .hero-title{line-height: 1.0; margin-bottom: 25px;}
.hero.has_style1 .header-wrap-home{padding: 5rem 0 0;}
.hero.has_style1 .header-wrap-home .hero-title{line-height: 1.3; margin-bottom: 25px;}
.hero.has_style1 .img_wrap img {width: 100%;}
.section.section-companies2 .client_slider .item{margin-left:30px; margin-right:30px;}
.typed {color: #5a5a5a;}
.portfolio-home .section-head{position: sticky; top:60px;}
.portfolio-item-home .rounded_icon{float: left;}
.portfolio-item-home h4{margin-bottom: 10px;}
.portfolio-item-home h4 a{color: #000;}
.portfolio-item-home .p-section-title{font-size:25px;}
.portfolio-item-home div img{border-radius: 8px;}
.portfolio-home .img_sticky {background: #f3f8ff;}
.frm-tagline{margin-bottom:32px;}
.block_contact_form .btn-primary {background: #000000;}
.block_contact_form .btn-primary:hover{background: #3babd1!important;}
.block_contact_form .client-img img{width:100%;}
.block_contact_form .content {background: #0000001f!important;}
.block_contact_form  input[type=text], input[type=password], input[type=email], input[type=number], select, textarea{padding: 22px 15px;}
.block_contact_form  input[type=tel]{padding: 11px 15px;}
.block_contact_form  select{height: 45px;}
.btn.gt-a-free-qt-btn{background-color: #000; color: #ffffff;}

.section.section-testimonial .client-img{padding:0px; border-radius:2%;}
.section.section-testimonial .client-wrap{padding-top: 0rem;}
.section.section-testimonial .client_slick{padding: 30px 15px 0px 15px; border-radius: 9px; box-shadow: 0 8px 90px #ecedef}
.section.section-services .box.has-style2 .box-icon{background: #f0f5ff61 !important; font-size: 42px !important; color: #000;}
.section.section-services h4.box-title{color:#3babd1;}
.section.section-services h3.box-title{color:#3babd1; font-size: 22px;}

.section.section-technology-stack .nav-tabs{display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; justify-content: center; border-bottom: 1px solid #ddd;}
.section.section-technology-stack .nav-tabs a{color: #000; padding: 15px 15px; font-size: 16px; font-weight: 500; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; display: block;}
.section.section-technology-stack .nav-tabs a.active{border-bottom: 1px solid #53ab9f;}

.section.section-technology-stack .well-services{z-index: 1;background: #fff;text-align: center;position: relative;margin-top: 30px; box-shadow: none; background: none;}
.section.section-technology-stack .well-services .services-img{border-radius: 6px!important; padding: 30px; position: relative; text-align: center; margin-bottom: 40px;z-index: 1;}
.section.section-technology-stack .well-services .services-img img{width: 54px; height: 54px; vertical-align: middle;}
.section.section-technology-stack .big-icon {font-size: 24px;display: inline-block;line-height: 74px;color: #fff;position: relative;z-index: 1;width: 74px;height: 74px;border-radius: 50%;}
.section.section-technology-stack .well-services:hover .services-img {background: #070707;}
.section.section-technology-stack .well-services:hover .services-img h6{color:#fff;}
.section.section-technology-stack .well-services:hover .big-icon {background: #fff;}
.services-btn {background: #0e0e0e;padding: 8.5px 28px;margin-top: 9px;}

/* Useful Links Page */
.section-useful-links h3{font-size: 1.25rem!important;}


/* Technology Page */
.tech-box{background-color: #FFF; box-shadow: 52px 52px 74px 0 rgb(115 131 169 / 8%);
    transition: 0.25s ease-in-out; padding: 15px; border-radius: 10px;}
.technologies-details .tech-box-inner-left{min-height: 280px; height: auto; border-radius: 10px; padding: 15px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.technologies-details .tech-box-inner-right{min-height: 280px; height: auto; border-radius: 10px; padding: 15px; display: flex; align-items: center; justify-content: center;}
.tech-info h3{font-size: 22px; line-height: 32px;}
.tech-box-inner-left h2{font-size: 26px !important;line-height: 36px;}
.tech-icon-box{display: flex;width: 90px;align-items: center;justify-content: center;
  flex-direction: column; margin: 0 auto; border-radius: 5px;background-color:#FFF; box-shadow: 10px 10px 15px 0 rgb(0 0 0 / 5%); transition: 0.25s ease-in-out; padding: 10px; border: 1px solid #f3f3f3;}
.tech-icon-box img{margin-bottom: 10px; display: block; width: 50px;}
.tech-icon-box h4 a{font-size: 14px; color: #14234b !important;}

.on-demand-list h3.box-title {color: #3babd1;font-size: 22px;}
.on-demand-process .client-card li img {width: 22px; height: auto; margin-right: 5px; margin-bottom:0px;}
.on-demand-process .client-card li {margin-bottom: 10px;}
.on-demand-solutions .client-card img {border: 1px solid#dedddd; border-radius: 4px;}

/*Service Page */
.services-page-cta-btn{padding: 13.5px 34px; font-size: 20px;}

/*About Page */
.about-page .container p{text-align: justify;}

/* Inquiry Page */
.swal2-popup.swal2-modal{font-size: 15px}
.hero.has-style4 {background: #f3f8ff;}
.inquiry-page .block_contact_form .section-title{display:none;}
.inquiry-page .section-testimonial {background: #f3f8ff;}
.inquiry-page .section-testimonial h6{display:none;}
.inquiry-page .section-testimonial h2{margin-top: 70px;}
.inquiry-page .section-inquiry-workfolio {background: #f3f8ff;}

/* Work Page */
.section-workfolio{ margin-top:-120px; }
.row .brick{ cursor: pointer; margin-bottom:60px; }
.brick img{ border-radius: 8px; width:100%; }
.brick .item-info { padding: 10px 0 0 0; }
.cf-workfolio .hero_wrap{padding: 40px 0px;}

/* Solution */
.compe-img-box{margin-bottom: 20px;}
.compe-img-box img{max-width: 80%; margin: 0 auto;}

/* Blog Page */
.blog.has_style_grid .blog-img img {height: auto;}
.article_page .hero_page.has_bg::before{background: rgb(0 0 0 / 51%);}
.article_page .hero-excerpt{font-size: 1.1em; color:#fff; font-weight: normal; max-width: 50%;}
.blog.has_style_grid .blog-title {font-size: 19px;}
.blog.has_style_grid .blog-excerpt{max-height: 55px; overflow: hidden;}
.blog-details-head.hero_page .title{font-size: 2.7em;}
.article_page .article_wrap{background: #ffffff; margin-top: 30px;}
.article_page .inner-page-header.site-header{background: #ffffffd1;}
.article_page .content .featured_image {width: 100%;}
.article_page .content .tag_cloud{text-align: left;}
.article_page .content .headings {color: #3babd1;}
.article_page .content .points {color: #110521;}
.article_page .content .inner h2{color: #3babd1; font-size: 33px; line-height: 33px; margin-top: 80px; margin-bottom: 24px;}
.article_page .content .inner h3{font-size: 1.3em; margin-bottom: 10px;}
.article_page .content .inner p{font-size: 19px; line-height: 33px; margin-top: 10px; margin-bottom: 15px;}
.article_page .content .inner b, strong {color: #272727;}
.article_page .content .inner ul{display: block; list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 30px;}
.article_page .content .inner ul li{list-style: inherit; font-size: 19px;}
.article_page .user{width: inherit;height: inherit;}
.avatar.avatar-sm {margin-bottom: 0px; width: 5rem;height: 5rem;}
.blog .user {width: 5rem; height: 5rem;}


/* CALL BUTTON */
.call-float-div.call-close {right: -280px;}
.call-float-div #call-btn-action, .btn-call-float i{color: #fff;}
.call-float-div {position: fixed;right: 0;top: 250px;transition: all .3s ease-out 0s;z-index: 900;}
.btn-call-float {height: 34px;background: linear-gradient(to right,#31b1dd,#555858);line-height: 34px;font-weight: 700;display: inline-block;position: absolute;right: 100%;font-size: 15px;white-space: nowrap;top: 0;padding: 0 5px;border-radius: 15px 0 0 15px;cursor: pointer;}
.btn-call-float, .call-heading {color: #fff;text-transform: uppercase;}
.call-float-div {position: fixed;right: 0;top: 250px;transition: all .3s ease-out 0s;z-index: 900;}
.info-call {padding: 15px 20px 20px;background-color: #3babd1;color: #fff;width: 280px;border-radius: 0 0 0 6px;}
.text-center {text-align: center;}
.info-call .or-text-label {display: inline-block; width: 100%; font-size: 12px; font-weight: 600; color: rgba(255,255,255,.8); position: relative; text-align: center; text-transform: uppercase; margin: 7px 0;}
.form-input-div {position: relative;}
.text-white {color: #fff;}
.txt-call-code {width: 66px; padding-left: 20px; margin-right: 8px; position: relative;}
.txt-call-phone {width: 159px; padding-left: 10px;}
.txt-call-code-plus {font-size: 20px; font-weight: 500; color: #0b034e; position: absolute; top: 10px; left: 5px; z-index: 1;}
.txt-call-code, .txt-call-phone {height: 40px; display: inline-block; padding-right: 10px; font-size: 16px; font-weight: 500; color: #000; border: 0;}
input[type=submit].btn-block {width: 100%;}
.btn-gradient-yellow-purple.quick-call-btn {padding: 8px 25px;}
.btn-gradient-yellow-purple {background: linear-gradient(270deg,#a98862,#222323); background-size: 400% 400%; -webkit-animation: AnimationName 10s ease infinite; -moz-animation: AnimationName 10s ease infinite; animation: AnimationName 10s ease infinite; color: #fff; font-weight: 500; font-size: 17px; padding: 12px 40px; border-radius: 30px; margin-top: 15px;}
.btn-gradient-yellow-purple:hover{color:#adadad;}
.btn-gradient-yellow-purple:checked{color:#adadad;}
.btn-gradient-yellow-purple:visited{color:#adadad;}
.info-call .phone-no{font-size: 22px;}

#phone2{padding: 15px 15px 15px 73px;}
#quickCall .iti__selected-dial-code{color: #000;}
#quickCall .iti__country-name{color: #000;}

/* Footer */
.footer .footer-desc .logo img {height: 2rem;}
.portfolio-content{padding: 20px;}
.footer-about p{color: #f1f1f1;}
.upper-footer{border-bottom: 1px solid #FFF;padding-bottom: 20px;margin-bottom: 20px;}

.top-app{padding: 30px 0px;}
.top-app-content h4{color: #FFF;}
.top-app-content p{color: #f1f1f1;}
.social-box{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.social-box ul{display: flex;align-items: center;list-style: none;}
.social-box ul li{padding:0px 20px;}
.social-box ul li a{display: block;width: 40px;height: 40px;border-radius: 200px;color: #3babd1;line-height: 40px;font-size: 20px;text-decoration: none;text-align: center;}
.call-to-action{background: #110521;overflow: hidden;padding: 27px 0;}
.call-to-action h3{font-size: 30px;color: #FFF;}
.tech-img-box {display: block;text-align: center;margin-bottom: 20px;}
.tech-img-box img {display: inline-block;text-align: center;width: 90px;max-width: 90px;height: auto;}
.iti{display:block;}


/*========================
    WorkFolio
==========================*/
.cstdy-wrfrm-disbuk{background: url("images/work/disbuk/wireframe.html") no-repeat left top;}
.cstdy-wrfrm-duocash{background: url("images/work/duocash/wireframe.jpg") no-repeat left top;}
.cstdy-wrfrm-medeego{background: url("images/work/medeego/wireframe.jpg") no-repeat left top;}
.cstdy-wrfrm-saloonisto{background: url("images/work/saloonisto/wireframe.jpg") no-repeat left top;}
.cstdy-wrfrm-shopcorner{background: url("images/work/shopcorner/wireframe.jpg") no-repeat left top;}
.cstdy-wrfrm-mediheist{background: url("images/work/mediheist/wireframe.jpg") no-repeat left top;}
.cstdy-wrfrm-invc{background: url("images/work/invc/wireframe.jpg") no-repeat left top;}
.cstdy-wrfrm-heal-u{background: url("images/work/healu/wireframe.jpg") no-repeat left top;}

.portfolio-overview{display: flex;align-items: flex-start;flex-flow: column;margin-bottom: 20px;}
.portfolio-overview img{width:60px;height: 60px;display: inline-block;margin-bottom: 10px;}
.portfolio-overview h4{font-size: 20px;font-weight: 600;}
.portfolio-overview span{font-size: 15px;}
.dwn-app {display: flex;align-items: center;margin-top: 30px;}
.dwn-app a:first-child{margin-right:20px;}
.first-branding img{width: 100%;}
.tech-stack-box{display: flex;align-items: center;justify-content: center;width: 100%;height: 120px;background-color: rgba(243, 248, 255, 0.3);border: 1px solid #3babd1;border-radius: 10px;box-shadow: 52px 52px 74px 0 rgb(115 131 169 / 8%);transition: 0.25s ease-in-out;}
.tech-stack-box img{height: 70px;}
.cta-box{background-color: #FFF;padding: 30px ;border-radius: 10px;box-shadow: 52px 52px 74px 0 rgb(115 131 169 / 8%);}
h4.cta-header{font-size: 24px;line-height: 28px;}
.cta-box .cta-action{text-align: right;}

.cd-image-container {position: relative;width: 100%;max-width: 100%;margin: 0em auto;}
.cd-image-container img {display: block;}
.cd-image-label {position: absolute;bottom: 0;right: 0;color: #ffffff;padding: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;opacity: 0;-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;}
.cd-image-label.is-hidden {visibility: hidden;}
.is-visible .cd-image-label {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.cd-resize-img {position: absolute;top: 0;left: 0;width: 0;height: 100%;overflow: hidden;background-size: auto 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.cd-resize-img-1 {background-size: auto 100%;}
.saloonisto-img{background-size: auto 100%;}
.cd-resize-img .cd-image-label {right: auto;left: 0;}
.is-visible .cd-resize-img {width: 50%;-webkit-animation: cd-bounce-in 0.7s;-moz-animation: cd-bounce-in 0.7s;animation: cd-bounce-in 0.7s;}
@-webkit-keyframes cd-bounce-in {
  0% {width: 0;}
  60% {width: 55%;}
  100% {width: 50%;}
}
@-moz-keyframes cd-bounce-in {
  0% {width: 0;}
  60% {width: 55%;}
  100% {width: 50%;}
}
@keyframes cd-bounce-in {
  0% {width: 0;}
  60% {width: 55%;}
  100% {width: 50%;}
}
.cd-handle {position: absolute;height: 44px;width: 44px;left: 50%;top: 50%;margin-left: -22px;margin-top: -22px;border-radius: 50%;background: #3babd1 url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-arrows.svg") no-repeat center center;cursor: move;box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);opacity: 0;-webkit-transform: translate3d(0, 0, 0) scale(0);-moz-transform: translate3d(0, 0, 0) scale(0);-ms-transform: translate3d(0, 0, 0) scale(0);-o-transform: translate3d(0, 0, 0) scale(0);transform: translate3d(0, 0, 0) scale(0);}
.cd-handle.draggable {background-color: #3babd1;}
.is-visible .cd-handle {opacity: 1;-webkit-transform: translate3d(0, 0, 0) scale(1);-moz-transform: translate3d(0, 0, 0) scale(1);-ms-transform: translate3d(0, 0, 0) scale(1);-o-transform: translate3d(0, 0, 0) scale(1);transform: translate3d(0, 0, 0) scale(1);-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;transition: transform 0.3s 0.7s, opacity 0s 0.7s;}


/* All Media*/
@media screen and (max-width: 768px){
	.hidden-xs{display:none;}
	.call-whatsapp{display:none;}
	.hero.has_style1 .header-wrap-home {padding: 4rem 0 0;}
	/* Blog Page */
	.article_page .hero_page .hero_wrap {padding: 80px 0;}
	.article_page .content .inner iframe{width: 100%!important;}
	.article_page .hero-excerpt{max-width: 100%;}
	.article_page .content .inner img{width: 100%!important; height:auto!important;}
	/* Portfolio */
	h4.cta-header{font-size: 24px;line-height: 28px;text-align: center;margin-bottom: 15px;}
	.cta-box .cta-action{text-align: center;}
	.portfolio-overview{align-items: center;}
}

@media (min-width: 1200px){
	.container {max-width: 1170px;}
}

@media screen and (min-width: 1025px) and (max-width: 1440px){
	.site-header .header-wrap {height: 80px;}
}










/*========================
    Designer
==========================*/


/* 7eleven CSS for Solutions Page */

.indu-box {
    display: block;
    margin-bottom: 30px;
    padding: 0;
    background-color: #FFF;
    width: 100%;
    border-radius: 10px;
    transition: 0.5s all;
}

.indu-box:hover,
.indu-box:focus {
    box-shadow: 52px 52px 74px 0 rgb(115 131 169 / 8%);
    transition: 0.5s all;
}

.indu-box img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

.indu-box-detail {
    padding: 20px 30px;
}

.indu-box-detail h4 {
    font-size: 22px;
    margin-bottom: 15px;
}

.indu-box-detail p {
    margin-bottom: 30px;
}

.feature-right {
    width: 100%;
    display: block;
    padding: 0;
}

.feature-right h4 {
    font-size: 22px;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}

.feature-right h4::after {
    content: '';
    width: 130px;
    height: 3px;
    background-color: #3babd1;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.feature-right p {
    margin-bottom: 40px !important;
    display: block;
}

.feature-list {
    width: 100%;
    display: block;
    padding: 0;
    margin-bottom: 30px;
}

.feature-list ul {
    padding: 0;
    margin: 0;
}

.feature-list ul li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.feature-list ul li img {
    width: 30px;
    height: auto;
    margin-right: 20px;
}

.client-card {
    background-color: #FFF;
    box-shadow: 52px 52px 74px 0 rgb(115 131 169 / 8%);
    padding: 40px;
    text-align: left;
    transition: 0.5s all;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

@media (max-width:768px) {
    .client-card {
        padding: 25px;
    }
}

.client-card:hover,
.client-card:focus {
    background-color: rgba(243, 248, 255, 0.3);
    transition: 0.5s all;
}

.client-card img {
    margin-bottom: 30px;
}

.client-card h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.client-card p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.client-card .client-counter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.client-card .client-counter-box .cli-dig {
    display: block;
    text-align: left;
    margin-bottom: 20px;
}

.client-card .client-counter-box .cli-dig h4 {
    font-size: 22px;
    margin-bottom: 5px;
}

.client-card .client-counter-box .cli-dig span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.techno-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.techno-box img {
    display: block;
    margin-bottom: 20px;
}

.portfolio__img-box {
    position: relative;
}

.portfolio__img-box.img-right {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.portfolio__img-box.img-left {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
}

.portfolio__content {
    padding: 0px 30px 0px 130px;
}

.portfolio-right-phone {
    position: absolute;
    width: 300px;
    height: auto;
    left: 0px;
    animation: port-phone 5s infinite;
    transition: 1s all;
}

.portfolio-left-phone {
    position: absolute;
    width: 300px;
    height: auto;
    right: 0px;
    animation: port-phone 5s infinite;
    transition: 1s all;
}

@keyframes port-phone {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(20px);
    }
    50% {
        transform: translateY(0px);
    }
}

@media (max-width:1440px) {
    .portfolio__content {
        padding: 0 90px;
    }
}

@media (max-width:1366px) {
    .portfolio__content {
        padding: 0 60px;
    }
    .portfolio-right-phone {
        width: 250px;
    }
    .portfolio-left-phone {
        width: 250px;
    }
}

@media (max-width:1200px) {
    .portfolio-right-phone {
        width: 200px;
    }
    .portfolio-left-phone {
        width: 200px;
    }
    .portfolio__content {
        padding: 0 40px;
    }
}

@media (max-width:991px) {
    .portfolio-right-phone {
        width: 150px;
    }
    .portfolio-left-phone {
        width: 150px;
    }
}

@media (max-width:480px) {
    .portfolio-right-phone {
        width: 200px;
    }
    .portfolio-left-phone {
        width: 200px;
    }
    .portfolio__img-box.img-right,
    .portfolio__img-box.img-left {
        margin-top: 80px;
    }
}