a.common-blue-button {text-decoration: none;position: relative;padding: 10px 30px 10px 55px;display: inline-block;line-height: 26px;font-size: 17px;color: #1153ff;}
a.common-blue-button:before {content: "";left: 0px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 2rem;height: 2rem;border: 2px solid #1153ff;border-radius: 50px;position: absolute;-webkit-transition: all .4s ease;transition: all .4s ease;background: #1153ff17;}
a.common-blue-button:hover:before {width: 100%;}
a.common-blue-button svg {font-size: 21px;position: absolute;left: 25px;}

.content-style{}
.content-style p{color: #565656; font-size: 18px; line-height: 32px;}
.img-style {
    position: relative;
    border-radius: 12px 24% 20px 24%;
    box-shadow: inset 10px 10px 10px #00000045;
    padding: 21px;
    overflow: hidden;
}
.title-head {
    color: black;
    font-weight: 600;
}
/* .img-style:before {border: 1px solid #009ADB;content: '';position: absolute;top: -25px;left: -25px;width: 95%;height: 95%;z-index: -1;} */
.img-style img{border-radius: 12px 24% 20px 24%;}
/*.maintain {
   
    padding-bottom: 0;
    position: relative;
  
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
}*/
.content-div{
    padding-top: 8px;
    z-index: 2;
    position: relative;
    text-align: center;
    }
.content-div p{font-size: 20px}
.highlighterbg1 {
  color: #1153FF;
}

.content-img {
    background: #FCFAD6;
    padding: 10%;
    border-radius: 0 0 0 71px;
    box-shadow: 4px 10px 14px #00000026
}

.content-div h1 {
    color: #080808;
    text-align: center;
    font-size: 2.7rem;
    font-family: 'General Sans';
    font-weight: 900;
}
.content{
	    height: 325px;
    overflow: auto;
}
.content h5{
	font-weight: 700;
}
.content-div p {
    color: #424141;
    text-align: center;
}
.shape-image.shape-1 {
    bottom: 60px;
    left: -124px;
}
.shape-image.shape-2 {
    bottom: 300px;
    right: -15%;
    left: unset;
}
.shape-image {
    position: absolute;
}
.shape-image.shape-3 {
    top: 0;
    right: 0;
}
.shape-image {
    position: absolute;
    bottom: -9%;
    width: 395px;
    left: 0;
    transform: translateX(0%);
    opacity: .8;
    z-index: 1;
  }
/* ----------------------pritee------------------ */




.bell{
   
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/* ------------------------------new------------------------------ */
.digi {
    min-height: 400px;
    position: relative;
    padding: 0px 0 0;
    z-index: 9;
}

.locator {
    position: absolute;
    font-size: 13px;
}

.locator p {
    margin: 0;
}

.locator.digitalmarketing {
    left: 19%;
    bottom: 10%;
}

.locator.webdevelopment {
    left: 19%;
    top: 40%;
}

.locator.uiux {
    left: 6%;
    top: 40%;
}

.locator.iedge {
    left: 6%;
    bottom: 25%;
}

.locator.dailer {
    left: 6%;
    bottom: 4%;
}

.locator.chatbot {
    left: 33%;
    top: 50%;
}

.locator.ar {
    left: 56%;
    bottom: 34%;
}

.locator.vr {
    left: 64%;
    top: 42%;
    opacity: 1;
}

.locator.ecommerce {
    left: 35%;
    top: 30%;
}

.locator.mobileapplication {
    left: 31%;
    bottom: 15%;
}

.locator.iaugment {
    left: 48%;
    top: 24%;
}

.locator.modeling {
    left: 47%;
    bottom: 8%;
}

.locator.livingapps {
    left: 61%;
    bottom: 15%;
}

.locator.wayfindings {
    right: 24%;
    bottom: 14%;
}

.locator.designpro {
    right: 9%;
    bottom: 54%;
}

.locator.trumplify {
    right: 24%;
    bottom: 54%;
}

.locator.finearts {
    right: 9%;
    bottom: 10%;
}
.fs-pointer.collapsed {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.closer, .fs-pointer {
    background: #fff;
    border: 1px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    outline: 0 !important;
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}
.fs-pointer .leftlabel {
    color: #fff;
    font-weight: 400;
    position: absolute;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    text-align: left;
    top: 0;
    left: 32px;
}

.fs-pointer .rightlabel {
    color: #fff;
    font-weight: 400;
    position: absolute;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    text-align: right;
    top: 0;
    left: -32px;
}

.fs-pointer_dot {
    height: 45px;
    width: 45px;
    z-index: 0;
    opacity: 0;
    border: 10px solid #229bd7;
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-animation: flash 2s ease-out;
    -moz-animation: flash 2s ease-out;
    animation: flash 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -7px;
    left: -7px;
}
@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
.closer {
    position: absolute;
    z-index: 9;
    top: -5px;
    right: -5px;
}
.box-cont1{
	height: 150px
}
@media (max-width: 575px) {
    .closer, .fs-pointer {
        background: #fff;
        border: 1px;
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        border-radius: 50%;
        outline: 0 !important;
    }

    .fs-pointer .leftlabel {
        font-size: 12px;
        left: 28px;
    }

    .fs-pointer_dot {
        height: 28px;
        width: 28px;
        z-index: 0;
        opacity: 0;
        border: 3px solid #229bd7;
        background: 0 0;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        -webkit-animation: flash 2s ease-out;
        -moz-animation: flash 2s ease-out;
        animation: flash 2s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        position: absolute;
        top: -5px;
        left: -5px;
    }

    .locator.digitalmarketing {
        left: 37%;
        bottom: 26%;
    }

    .locator.webdevelopment {
        left: 35%;
        top: 51%;
    }

    .locator.uiux {
        left: 6%;
        top: 54%;
    }

    .locator.iedge {
        left: 6%;
        bottom: 33%;
    }

    .locator.dailer {
        left: 6%;
        bottom: 23%;
    }

    .locator.chatbot {
        left: 7%;
        top: 33%;
    }

    .locator.ar {
        left: 65%;
        bottom: 48%;
        display: none;
    }

    .locator.vr {
        left: 70%;
        top: 44%;
    }

    .locator.ecommerce {
        left: 7%;
        top: 6%;
    }

    .locator.mobileapplication {
        left: 8%;
        bottom: 78%;
    }

    .locator.iaugment {
        left: 48%;
        top: 11%;
    }

    .locator.modeling {
        left: 47%;
        bottom: 8%;
        display: none;
    }

    .locator.livingapps {
        left: 68%;
        bottom: 71%;
    }

    .locator.wayfindings {
        right: 41%;
        bottom: 1%;
    }

    .locator.designpro {
        right: 70%;
        bottom: 1%;
    }

    .locator.trumplify {
        right: 26%;
        bottom: 40%;
    }

    .locator.finearts {
        right: 22%;
        bottom: 26%;
    }
}

.fs-content {
    padding: 0;
    position: relative;
    overflow: hidden;
    max-width: /*220px*/ 380px;
}

.fs-content.show {
    z-index: 999;
}

.tech-content.show {
    z-index: 990;
}

.fs-inner-content {
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    text-align: justify;
}

.digi .tab-content .tab-pane.collapse.show {
    display: block;
}
.two-part-title h2{
  font-size: 32px;
  font-family: 'General Sans';
  font-weight: 600;
}
.two-part-title h2 .highlighterbg1{color: #1153FF;}
.two-part-title-wrapper .two-part-title {
  position: relative;
}
/*----------------------------*/

.pos {
    position: relative
}

.box {
    text-align: center;
    background-color: white;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
    border-radius: 0;
    padding: 28px 23px;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
    border-top: 4px solid #607d8b91;
}

.box:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}

.img-box img {
    width: auto;
    padding: 9px;
    z-index: 1;
    position: relative;
    border-radius: 9px;
    object-fit: contain;
}

.img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    width: auto;
    height: 89px;
    object-fit: contain;
}

.top-circle-shape {
    position: absolute;
    width: 150px;
    top: -28%;
    height: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: linear-gradient(90deg, #0d6efd80, #637FEA);
    opacity: 0.19;
    border-radius: 100%;
    box-sizing: border-box;
}

.shopify_heading h4 {
    font-weight: 700;
}

.box-cont h4 {
    font-size: 19px;
    font-weight: 700;
}

.top-circle-shape::before {
    position: absolute;
    content: "";
    background: #0d6efd;
    border-radius: 100%;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    left: 20px;
    top: 20px;
}
/*---------------------------*/
@media (max-width: 768px) {
  .shape-image.shape-2{display: none;}
  .maintain {
    padding: 30px 0;
  }
  .content-div h1 {
    font-size: 1.7rem;
  }
  .circle{
   display: none;
  }

  .bg-card-color-1 .inner, .bg-card-color-4 .inner{
    flex-direction: column-reverse;
    display: flex;
}
.box-cont1{
	height: auto
}
}
@media screen and (min-width:1200px) and (max-width:1920px) and (-webkit-min-device-pixel-ratio:1.25)
{
	.locator.uiux {  
    top: 14%;
}
	.locator.webdevelopment {
   
    top: 16%;
}
	.locator.dailer {
 
    bottom: 45%;
}
	.locator.digitalmarketing {
  
    bottom: 30%;
}
	.locator.mobileapplication {
  
    bottom: 28%;
}
	.locator.modeling {
   
    bottom: 30%;
}
	.locator.livingapps {

    bottom: 26%;
}
	.locator.finearts {
   
    bottom: 35%;
}
}
@media screen and (min-width:1200px) and (max-width:1920px) and (-webkit-min-device-pixel-ratio:1.50)
{
}