body {
    padding: 0;
    margin: 0;
    background: white;
}
a{
    text-decoration: none !important;
}
.btn.focus, .btn:focus{
    box-shadow: none !important;
}
.navbar-btn:hover, .black-btn:hover, .close-button:hover, .play-btn:hover, .white-btn:hover, .purple-btn:hover,
.navbar-btn:active, .black-btn:active, .close-button:active, .play-btn:active, .white-btn:active, .purple-btn:active{
    border: none;}

    button {
        outline:none;
     }
     .black-btn:hover{
        color: #ffffff !important;
     }

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
.bold{
    font-weight: 700 !important;
}
 #cookiePopup {
    background: white;
    color: hsl(260, 3%, 17%);
    width: 100%;
    position: fixed;
    bottom: 0;
    box-shadow: 0px 10px 15px 0px #2b2a2d;
    padding: 20px 10px;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }
    #cookiePopup p{
    text-align: left;
    font-size: 15px;
    color: #2B2A2D;
    margin-bottom: 0;
  }
  #cookiePopup a{
      color: #5C72E6;
  }
  .cookie-text{
      margin-right:20px;
  }
  #cookiePopup button{
    border: none;
    background: #5C72E6;
    border-radius: 4px;
    padding: 5px 18px;
    color: white;
    font-family: 'Archivo-Regular';
    margin-left: 20px;
    border: 1px solid #5C72E6;
  }
  #cookiePopup button:focus{
      outline: none;
  }

@font-face {
    font-family: Aurora;
    src: url("../fonts/Aurora/Cloudy\ Aurora\ Script.otf");
}

@font-face {
    font-family: Archivo-Regular;
    src: url("../fonts/Archivo/Archivo-Regular.ttf");
}

@font-face {
    font-family: Archivo-Bold;
    src: url("../fonts/Archivo/Archivo-Bold.ttf");
}

@font-face {
    font-family: Archivo-SemiBold;
    src: url("../fonts/Archivo/Archivo-SemiBold.ttf");
}

@font-face {
    font-family: Archivo-Medium;
    src: url("../fonts/Archivo/Archivo-Medium.ttf");
}
.bold-text{
    font-family: Archivo-Bold;
}
p {
    font-family: Archivo-Regular;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}

/* NAVBAR CSS START */

#navbar-container {
    margin-top: 1%;
}

.navbar-btn {
    border: none;
    border: 1.15625px solid #12073E;
    border-radius: 34.6875px;
    color: #12073E;
    padding: 0.4rem 1.75rem;
    font-family: 'Barlow Semi Condensed';
}



.navbar-btn:hover {
    background-color: #5475EB;
    color: white;
}
.navbar-btn:hover svg path {
    fill: white;
}
.navbar-btn-arrow {
    margin-left: 7px;
    margin-bottom: 2px;
}

/*NAVBAR CSS END*/

/*HEADING BANNER CSS START*/

#heading-banner-container {
    margin-top: 50px;
    margin-bottom:80px;

}

#heading-banner-container h1>span{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.105em;
    text-transform: uppercase;
    background-image: linear-gradient(#FFC857,#FFC857);
    height: 1px;
    width: 100%;
    background-position: 0 81%;
    background-repeat: repeat-x;
    background-size: 107% 4px;
    color: #323031;
    margin-bottom: 16px;
    padding-left: 1px;
}

#heading-banner-container h3 {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 72px;
    color: #323031;
    margin-bottom: 57px;
}
.bold{
    font-weight: 700;
}

.purple-btn {
    background: #FFC857;
    border: none;
    border-radius: 52.9114px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 19.4008px;
    color: #323031;
    padding: 0.75rem 2.5rem;
}
.black-btn{
    background: #323031;
    border: none;
    border-radius: 52.9114px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 19.4008px;
    color: #ffffff;
    padding: 0.75rem 3rem;
    margin-top: 65px !important;
}

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

.purple-btn svg, .black-btn svg, .white-btn svg{
    transition: all 0.2s linear;
}

.black-btn:hover {
    color: #ffffff;
}

.white-btn:hover {
    color: #323031;
}
.purple-btn:hover svg, .black-btn:hover svg, .white-btn:hover svg{
    margin-left:15px;
}


.banner-animation-wrapper {
    width: 286px;
    background-color: ebeefc;
    transform: skewY(2deg);
    margin: auto;
}
.banner-animation-wrapper-alkira{
    width: 37%;
}

.banner-animation-container {
    transform: skewY(-2deg);

    height: 325px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.flip-container {
    -webkit-perspective: 1000;
}

.flipper {
    transition: 1s;
    -webkit-transform-style: preserve-3d;
    position: relative;
    text-align: center;
}

.front, .back {
    width: 250px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
}

.back {
    -webkit-transform: rotateY(180deg);
}

.front {
    z-index: 2;
}

/* .banner-animation-container:hover .flipper {
    -webkit-transform: rotateY(180deg);
} */

.flip-container .flipper {
    animation: flipY 12s linear infinite;
}

@keyframes flipY {
    0%, 5% {
        -webkit-transform: rotateY(180deg);
    }
    25%, 50% {
        -webkit-transform: rotateY(0deg);
    }
    70%, 100% {
        -webkit-transform: rotateY(-180deg);
    }
}

@keyframes rotateLeaf {
    0% {
        -webkit-transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(5deg);
    }
}

@keyframes upDownRightBig {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0.2rem);
    }
}

@keyframes upDownLeftSmall {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0.5rem);
    }
}

@keyframes rightLeftZigzag {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0.5rem);
    }
}

@keyframes rotatePlus {
    0% {
        transform: translate(0.5rem, 0.5rem);
    }
    100% {
        transform: translate(0rem, 0rem);
    }
}

.laurel-img {
    position: absolute;
    right: -99;
    transform: skewY(2deg);
    bottom: -71;
    animation: rotateLeaf 3s linear infinite;
    width: 225px;
}
.laurel-img-alkira{
    position: absolute;
    right: -123;
    transform: skewY(2deg);
    bottom: -113;
    animation: rotateLeaf 3s linear infinite;
    width: 285px;
}

.right-big-circle , .right-big-circle-alkira {
    position: absolute;
    right: -12;
    top: 40;
    animation: upDownRightBig 1s infinite alternate;
}

.right-small-circle , .right-small-circle-alkira {
    position: absolute;
    right: -25;
    top: 15;
}

.left-zigzag ,.left-zigzag-alkira {
    position: absolute;
    bottom: 140;
    left: -35;
    animation: rightLeftZigzag 2s infinite alternate;
}

.left-big-circle , .left-big-circle-alkira{
    position: absolute;
    bottom: 60;
    left: -20;
}

.left-plus , .left-plus-alkira {
    position: absolute;
    bottom: 20;
    left: 20;
    animation: rotatePlus 3s infinite alternate;
}

.left-small-circle  , .left-small-circle-alkira{
    position: absolute;
    bottom: 20;
    left: -20px;
    animation: upDownLeftSmall 3s infinite alternate;
}

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

.flip-img-front {
    width: 250px;
}

.flip-img-back {
    width: 250px;
}

.logo-title-strip {
    display: none;
}

/*HEADING BANNER CSS END*/

/* LOGO STRIP CSS START */

#logo-strip-container {
    background-color: #323031;
    padding-top: 20px;
    padding-bottom: 20px;

}
.cisco-2x{
    max-width: 66px;
}
.intervision-2x{
    max-width: 135px;
}
.copebit-2x{
    max-width: 78px;
}

/* LOGO STRIP CSS END */

/* COUNTER CONTAINER CSS START */

#counter-container {
    padding-top: 150px;
    padding-bottom: 130px;
}
.counter-box{
    margin-bottom: 20px;
}


#counter-container .counter_numbers , .counter_numbers_letters{

    text-shadow: 5px -2px 0px rgba(255, 223, 153, 1);
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 75px;
    line-height: 49px;
    text-align: center;
    color: #373737;
}

#counter-container .counter_desc {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #12073E;
    margin-top: 30px;
}

/* COUNTER CONTAINER CSS END */

/* Unloack saas success  */
#supercharge{
    background: url(../images/bg-2.png);
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 50px;
}
#revolutionalize{
    background: url(../images/bg-3.png);
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 50px;
}
#sales{
    background: url(../images/bg-4.png);
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 30px;
}
#sales h2{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 140%;
    color: #FFC857;
}
#supercharge h4 span{
    text-transform: uppercase;
    background-image: linear-gradient(#10B98E,#10B98E);
    height: 1px;
    width: 100%;
    background-position: 0 87%;
    background-repeat: repeat-x;
    background-size: 107% 4px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.105em;
    text-transform: uppercase;
    color: #000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    padding-left: 1px;
}
#sales h4 span, #revolutionalize h4 span, #saas-success h4 span {
    text-transform: uppercase;
    background-image: linear-gradient(#FFC857,#FFC857);
    height: 1px;
    width: 100%;
    background-position: 0 87%;
    background-repeat: repeat-x;
    background-size: 107% 4px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.105em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    padding-left: 1px;
}
#sales p{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 39px;
    margin-bottom: 51px;
}
#saas-success>div>div{
    align-items: center;
}
#saas-success{
    background: url(../images/bg-1.png);
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
}
#saas-success .img-div .blue-box{
    background: #177E89;
    border-radius: 8px;
    width: fit-content;
    height: fit-content;
    padding: 22px 16px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #FFFFFF;
}
#saas-success .img-div .play-btn{
    border-radius: 50%;
    height: fit-content;
    width: fit-content;
    box-shadow: 0 0 10px #162530;
    /* overflow: hidden; */
    margin-top: 60px;
}
#saas-success .img-div .play-btn img {
    display: block;
    object-fit: cover;
}
#saas-success .img-div{
    /* background-image: url('/assets/images/3d-techno-communications-background-with-fibres-floating-particles\ 1.png');
    mix-blend-mode: lighten; */
    background-image: url(../images/img-bg.png);
    background-size:auto 286px ;
    background-position: right bottom;
    background-repeat: no-repeat;
    border: 1px solid #FAC354;
    border-radius: 14px;
    margin-left: 60px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    height: fit-content;
}
#saas-success .container{
    display: grid;
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
}
#saas-success .text-div{
    margin: 20px 0;
}
#saas-success .text-div>h2{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 130%;
    color: #FFFFFF;
}
#supercharge .text-div>p{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 140%;
    color: #323031;

}
#saas-success .text-div>p{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 28px;
    margin-bottom: 52px;
}
#saas-success .img-div{
    /* background: url('/assets/images/3d-techno-communications-background-with-fibres-floating-particles\ 1.png'); */
    /* mix-blend-mode: screen; */
    /* opacity: 0.15; */
    /* transform: matrix(-1, 0, 0, 1, 0, 0); */


}



#revolutionalize h2{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 140%;
    color: #FFFFFF;
}

#revolutionalize p{
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 25px;
    margin-bottom: 48px;
}
.white-btn{
    background: #FFFFFF;
    border: none;
    border-radius: 52.9114px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 19.4008px;
    color: #323031;
    padding: 0.75rem 3rem;
    /* margin-top: 48px !important; */
}

.reason3{
    padding: 40px 16px;
}
/* Unloack saas success */

/* CLIENT COPEBIT CSS START */

#client-copebit-container{
    background-color:  #323031;
    padding-top: 80px;
    padding-bottom: 80px;
}
#client-copebit-container-mb {
    background-color:  #323031;
    display: none;
    padding: 40px 25px;
}

.client-heading {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 43px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #FFC857;
}

.client-text {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 50px;
    color: #FFFFFF;
    margin-top: 39px;
    margin-bottom: 30px;
}

.client-name {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 50px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.client-designation {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 40px;
    /* margin-top: 5px; */
}

#copebit-animate {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
}

.testemonial-img {
    /* width: 100%; */
    height: auto;
}
.copebit-animate{
    color: #000000 !important;
    font-weight: 600 !important;
    padding-right:4px;
    padding-left:4px;
}
.copebit-animate2{
    color: #ffffff!important;
    font-weight: 600 !important;
    padding-right:4px;
    padding-left:4px;
}
.client-copebit-logo {
    display: none;
}

/* CLIENT COPEBIT CSS END*/
/*Alkira container form START*/
.form-popup-title{
    text-align: center;

}
.form-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    background-color: white;
    padding: 20px;
    height: fit-content;
    /* min-height: 300px; */
    border-radius: 10px;
    border: none;
  }

.form-popup svg{
    cursor: pointer;
}

  /*Alkira container form END*/

 .form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}
/* ALKIRA CONTAINER CSS START */
.alkira-container{
    background-color: ebeefc;
    transform: skewX(-5.3deg);
    margin: 120px auto;

}
.alkira-text-container{

    padding-right:95px;

}

.alkira-logo{
    margin-bottom: 20px;
}

.alkira-text{
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 143.3%;
    margin-top: 20px;
    color: #3B407A;
}
.alkira-inner-container{
    transform: skewX(5.3deg);
}
.alkira-side-img {
    margin-right: 52px;
    transform: rotate(-7.17deg);
}
.alkira-side-img-div{
    padding-right: 30px;
}
/*ALKIRA CONTAINER CSS END */

/*IMAGES SECTION CSS START*/

.images-spacer{
    margin-top:80px;
}
.images-container {
    width: 100%;
    margin-top: 80px;
}
#images-container-02, #images-container-03{
    margin-top:80px;
}
#images-container-02{
    padding-top: 80px;
    padding-bottom: 60px;
}
.images-reasons-heading {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #373737;
    padding-top: 30px;
}


#images-container-01 .images-background-digit {
    background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/01.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 2.2% !important;
    /* margin-top:30px; */
}

#images-container-02 .images-desc-heading {
    max-width: 1065px;
}

#images-container-02 .images-background-digit {
    background-image:  url(../images/02.svg);
    padding-bottom: 8%;
}

#images-container-03 .images-background-digit {
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(../images/03.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 2.2% !important;
    padding-bottom: 8%;
}
#images1-highlight, #images2-highlight, .images3-highlight{
    padding-right:4px;
    padding-left:4px;
}

.images-background-digit {
    padding-top: 2.5%;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 8%;
}
.images-desc-heading {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 55px;
    text-align: center;
    color: #373737;
    max-width: 1100px;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 22px;
}

.images-explore-text {
    font-family: 'Aurora';
    font-size: 50px;
    color: #000000;
    transform: rotate(-3.84deg);
}

.images-section-btn {
    background-color: #5C72E6;
    padding: 11px;
    border-radius: 50%;
    margin-top: 15px !important;
}

.images-section-btn svg path {
    fill: white;
}

.section-images-bg img {
    max-width: 98%;
}
#images1-highlight, #images2-highlight, .images3-highlight{
    box-shadow:inset 0px 0px #FFC857;
}

/*#images-container-01 .section-images-bg{
    background-image: url(../images/images-section1.png);
    min-height: 383px;
    background-repeat: no-repeat;
    background-size: cover;
}
#images-container-02 .section-images-bg{
    background-image: url(../images/images-section2.png);
    min-height: 314px;
    background-repeat: no-repeat;
    background-size: cover;
}
#images-container-03 .section-images-bg{
    background-image: url(../images/images-section3.png);
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:-60px;
}*/

/*IMAGES SECTION CSS END*/

/* CLIENT INTERVISION CSS START*/

#client-intervision-container {
    background-color: #5475EB;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 70px;
}
.client-intervision-logo {
    display: none;
}
.intervision-animate{
    padding-right:4px;
    padding-left:4px;
}
#client-intervision-container .testemonial-img {
    margin-top:-50px;
}
/* CLIENT INTERVISION CSS END*/

/* SERVICES CSS START*/

#services-container {
    padding-top: 100px;
    padding-bottom: 80px;
    ;
}

.services-heading {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #323031;
    margin-bottom: 26px;
}

.services-sub-heading {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #3B407A;
}

.services-text {
    width: 90%;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.005em;
    color: #979B9E;
}

.service-col {
    color:#3B407A;
    width: 251px;
    text-align: center;
    box-shadow: 0px 5.1096px 15.3288px rgb(92 114 230 / 16%);
    border-radius: 2px;
    padding-top: 40px;
    padding-bottom: 50px;
    margin: 5px 6px 25px 6px;
}

.service-type {
    margin-top: 35px;
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 20.4384px;
    line-height: 25px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #3B407A;
}

.services-second-row .service-col {
    padding-bottom: 30px;
}

/* SERVICES CSS END*/

/*FOOTER CSS START*/
#footer-container2{
    background-color: #F8F9FB;
    margin-top: auto;
    padding-top:5px;

}
#footer-container {
    background-color: #F8F9FB;
    margin-top: auto;
    padding-top: 100px !important;
}

.footer-text {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #0D1135;
}

.lead-form {
    background-color: #ffffff;
    border-radius: 8px;
    filter: drop-shadow(0px 7px 21px rgba(92, 114, 230, 0.16));
    padding: 48px 91px;
    text-align: center;
    margin-bottom: 70px;
}

.form-title {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 79px;
    text-align: center;
    color: #323031;
    margin-bottom: 48px;
}
input{
    height: 62px;
}
#firstname-68ef4ce1-d303-40f0-b79e-41fcb93e1edb{
    width: 100%;
}
#footer-container a:hover{
    text-decoration: none;
}
a:hover{
    color: #323031 !important;
}
.footer-logo{
    margin-top: 190px !important;
}
.footer-logo2{
    margin-top: 70px !important;
}
/*FOOTER CSS END*/



@media only screen and (max-width:1100px){
    #cookiePopup{
        flex-wrap: wrap;
    }
    #saas-success .img-div .play-btn{
        margin-top: 0;
    }
    #cookiePopup button{
        margin-top: 5px;
    }
    .images-background-digit{
        /* padding-top: 85px; */
        padding-bottom: 160px;
        background-size: 35% !important;
    }
    #images-container-wrapper {
        margin-bottom:40px;
    }
    #images-container-01 .section-images-bg img{
        margin-top:2vh;
    }
    #images-container-02 .section-images-bg img{
        margin-top:0vh;
    }
    .heading-d-none{
        display: none;
    }
    .intervision-animate{
        background-color: #29AA78;
        padding-right: 0;
        padding-left: 0;
    }
    #images1-highlight, #images2-highlight, .images3-highlight{
        background-color: #FFC857;
        padding-right: 0;
        padding-left: 0;
    }
    .copebit-animate{
        background-color: #FFC857;
        padding-right: 0;
        padding-left: 0;
    }
    .thank-you-banner-animation-wrapper{
        padding: 100px 80px;
    }
    .thank-you-banner-animation-wrapper .laurel-img{
        width: 200px;
        right: -80;
    }
    #client-copebit-container, #client-intervision-container{
        padding-top:40px;
        padding-bottom:0;
    }
}
@media only screen and (max-width:1200px){
    #supercharge>div>div {
        flex-direction: column-reverse;}
    .banner-animation-wrapper{
        width: 30% ;
    }

    .alkira-text{
        width: 100%;

    }
    #heading-banner-container .heading-banner-text-col{
        max-width: 100%;
        flex:0 0 100%;
    }
    #counter-container{
        padding-top: 120px;
        padding-bottom: 90px;
        }
    #counter-container .row .col-lg{
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 50px !important;
    }
    .col-pro-12{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-pro-7{
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    #services-container .justify-content-between{
        justify-content: flex-start !important;
        grid-gap: 22px;
    }
    .d-pro-none{
        display: none !important;
    }
}

@media only screen and (max-width:992px) {
    .alkira-container{

        transform: skewY(1.3deg);
margin: 35px auto !important;
width: auto;
}
#saas-success .img-div .play-btn{
    margin-top: 0;
}
#saas-success .container{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
#saas-success .container .img-div{
 margin-top: 30px;
}
#saas-success .blue-box{
    margin-bottom: 50px;
}
.hide{
    display: none;
}
.badges-div img{
    margin: 20px;
    width: 100%;
}
#client-copebit-container{
    padding: 30px;
}
.emp-images div{
background: transparent !important;}
#saas-success .play-btn img{
    width: 50px;
}
#saas-success .containerlkira-inner-container{
    transform: skewY(-1.3deg);
    padding-top: 50px;
    padding-bottom: 10px;
}

    .alkira-text{
        width: 100%;

    }
    .banner-animation-wrapper {
        width: 40%;
    }
    #heading-banner-container {
        margin-top: 50px;
        margin-bottom: 80px;
    }
    #counter-container {
        padding-top: 120px;
        padding-bottom: 80px;
    }
    .service-col {
        width: 230px;
        margin: auto;
    }
    #counter-container .counter_numbers .counter_numbers_letters{
        font-size: 80px;
    }
    #counter-container .counter_desc{
        font-size: 32px;
    }
    .images-background-digit{
        /* padding-top:55px !important; */
    }
}
@media only screen and (max-width:600px){
     #revolutionalize .text-div>h2, #sales .text-div>h2, #saas-success .text-div>h2{
        font-size: 32px;
        width: 90%;
    }
    #sales h4 span, #revolutionalize h4 span, #saas-success h4 span, #supercharge h4 span{
        font-size: 18px;
    }
    #saas-success .text-div{
        margin-top: 0;
    }
    #saas-success .img-div .play-btn{
        margin-top: 0 !important;
    }
    #saas-success{
        padding-bottom: 20px !important;
    }
    .desktop-break{
        display: none;
    }
    #saas-success .img-div{
        width: 100%;
    }
    #saas-success .img-div .blue-box{
        font-size: 14px;

    }
    #saas-success .img-div{
        background-size: auto 150px !important;
    }
    #supercharge .text-div>p,#revolutionalize .text-div>p, #sales .text-div>p, #saas-success .text-div>p{
        font-size: 24px;
        width: 70%;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    #supercharge .black-btn, #revolutionalize .white-btn, #sales .purple-btn, #saas-success .purple-btn{
        margin-top: 23px !important;
        font-size: 13px;
        padding: 0.75rem 2rem;
    }
    #supercharge>div>div{
        flex-direction: column-reverse;
    }
    #supercharge, #revolutionalize, #sales, #saas-success{
        padding-top: 20px;
        padding-bottom: 5px;
    }
    #supercharge img, #sales img, #revolutionalize img{
        margin-top: 23px;
    }
    #saas-success .container{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #saas-success .img-div {
        margin: auto;
    }
    #saas-success .img-div .play-btn img{
        width: 40px;
    }
    #saas-success .img-div .blue-box{
        margin-bottom: 20px;
    }
    #saas-success .img-div{
        background-size: 8rem;
    }
    .emp-images{
        padding: 0 30px;
    }
    #supercharge .img-div img{
        width: 100%;
    }
    .badges-div img{
        width: 100%;
    }
    .hide{
        display: none;
    }
    #revolutionalize .img-div img, #sales .img-div img{
        width: 100%;
        margin-top: 30px;
    }
    .emp-images div{
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .emp-images img{
        width: 100%;

    }

.footer-content-bottom-sm {
    margin-top: 0 !important;
}
#client-copebit-container-mb {
    display: block;
}
.footer-pages-links{
    margin-bottom: 0 !important;
}
.services-container{
    padding-right: 30px !important;
    padding-left: 30px !important;
}
    .alkira-text{
        width: 100%;

    }
    .footer-content-bottom-sm{
        /* display: none !important; */
    }
    .desktop-break{
        display: none !important;
    }
}
@media only screen and (max-width:600px) {

    .banner-animation-container{
        padding-top: 20px !important;

    }

/* desktop break */
.desktop-break{
    display:none;
}
#client-copebit-container{
    display: none !important;
}
    .cookie-text{
        text-align: center !important;
    }
    #heading-banner-container h1 {
        font-size: 16px;
        letter-spacing: 0.025em;
        margin-top: 20px;
    }
    .logo {
        max-width: 75px;
        height: auto;
    }
    .navbar-btn{
        font-size: 16px;
        padding: 0.4rem 1rem;
    }
    .navbar-btn svg, .purple-btn svg{
        /* display: none; */
    }
    .purple-btn{
        font-size: 12px;
        padding: 0.4rem 1rem;
    }
    .banner-animation-container {
        height: 300px;
    }
    #heading-banner-container h3{
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 16px;
    }
    #navbar-container {
        margin-top: 24px;
    }
    #heading-banner-container {
        margin-top: 0px;
    }
    .heading-banner-text-col{
        margin-top:20px;
        padding-top:0 !important;
        /* text-align: center; */
    }
    .banner-animation-wrapper {
        width: 80%;
    }
    .front, .back {
        width: 250px;
        height: auto;
    }
    .laurel-img {
        width: 220px;
        right: -90px;
        bottom: -60;
    }
    .flip-img-front {
        /* width: 200px; */
    }
    #logo-strip-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .logo-title-strip {
        display: block;
    }
    .logo-title {
        margin-bottom: 2rem !important;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'Archivo-SemiBold';
        font-weight: 600;
        font-size: 16px;
        line-height: 17px;
        letter-spacing: 0.025em;
    }
    .logo-slider img {
        margin-left: auto;
        margin-right: auto;
    }
    #counter-container {
        padding-top: 66px;
        padding-bottom: 10px;
    }
    .footer-logo{
       margin-top: 40px !important;
    }
    #counter-container .counter_desc {
        font-size: 23px !important;
        line-height: 27px;
        max-width: 162px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 42px;
    }
    .counter_numbers , .counter_numbers_letters{
        margin-bottom: 13px;
        font-size: 55px !important;
        line-height: 35px !important;
    }
    .counter_desc {
        margin-top: 13px;
    }
    #counter-container .counter_desc{
        margin-top:15px;
    }
    #client-copebit-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .client-heading {
        font-size: 16px;
        flex-grow: 1;
        line-height: 1.2;
        margin-bottom: 0;
        letter-spacing: 0.025em;
        align-self: center;
    }
    .client-copebit-logo {
        height: 40px;
        max-width: 60px;
        float: right;
        align-self: center;
        justify-self: flex-end;
        flex-grow: 1;
        display: block;
    }
    .client-text {
        font-size: 25px;
        line-height: 30px;
        /* padding-right: 1rem; */
        margin-bottom: 15px;
    }
    .client-name {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 6px;
    }
    .client-designation {
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 20px;
    }
    .images-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .testemonial-img{
        width:224px;
    }
    .copebit-logo{
        width: 80px;
        height: 52px;
    }
    .intervision-logo{
        width: 150px;
        height: 42px;
    }


/* alkira container */
.alkira-container{

        transform: skewY(1.0deg);
margin: 35px 20px !important;
width: auto;
}

.alkira-inner-container{
    transform: skewY(-1.0deg);
    padding-top: 50px;
    padding-bottom: 10px;
}

.alkira-text-container{
    text-align: center;
    padding:0px 33px !important;

}
.alkira-main-heading{
    font-size: 27px;
    margin-bottom: 0px;
}
.alkira-text{
    font-size: 12px;
    margin-bottom: 5px;
}
.alkira-side-img-div{
    margin: auto;
    margin-top: 1.5rem !important;

}
.alkira-side-img {
    width: 250px;
}
.alkira-logo{
    width:88px;
    margin-bottom: 10px;
}
.laurel-img-alkira{
    width: 114px;
    bottom: -35px;
    right: -18px;
}
.left-zigzag-alkira{
bottom: 78px;
width: 20px;
left: -5;
}
.left-big-circle-alkira{
    bottom: 50px;
    width: 10px;
    left: 0;
}
.left-small-circle-alkira{
    bottom: 35px;
    left: -4px;
    width: 7px;
}
.right-small-circle-alkira{
    right: 48px;
    top: -10px;
}
.right-big-circle-alkira{
    display: none;
}
.left-plus-alkira{
    bottom: 30px;
    left: 10px;
    width: 12px;
}
.form-popup{
    width: 300px;
}
/* alkira container */

    #images-section-slide-container {
        padding-top: 40px;
    }
    .images-container {
        margin-top: 0px;
    }
    .images-reasons-heading{
        font-size: 14px;
    }
    .images-desc-heading{
        font-size: 20px;
        line-height: 32px;
        padding-right: 20px;
        padding-left: 20px;
    }
    #images-container-wrapper .images-background-digit{
        /* background-size: 55% !important; */
        padding-bottom: 50px;
    }
    #images-container-01 .images-background-digit{
        /* padding-top:12% !important; */
        /* margin-top:30px; */
    }
    #images-container-02 .images-background-digit{
        /* padding-top:11% !important; */
        padding-bottom: 12%;
    }
    #images-container-03 .images-background-digit{
        /* padding-top:8% !important; */
        padding-bottom: 10%;
    }
    #images-container-02{
        margin-top:40px;
        padding-top: 40px;
        padding-bottom: 25px;
    }
     #images-container-03{
         margin-top: 40px;
     }
    .section-images-bg{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .section-images-bg img {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
    }
    #client-intervision-container {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 0;
    }
    .client-intervision-logo {
        display: block;
        max-width: 95px;
        height: 21px;
    }
    #client-intervision-container .testemonial-img{
        margin-top: unset;
    }
    #client-intervision-container .client-text {
        padding-right: 0px;
    }
    #services-container {
        padding-top: 34px;
        padding-bottom: 60px;
    }
    .services-heading {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 14px;
    }
    .services-sub-heading {
        font-size: 24px;
        line-height: 29px;
    }
    .service-col {
        margin-right: 18px;
        height: 215px !important;
        padding-top: 34px;
        padding-bottom: 45px;
        margin-left: 18px;
    }
    .service-slider {
        margin-top:25px;
    }
    .service-slider .service-col{
        margin-bottom: 20px;
    }
    .service-col img {
        margin-left: auto;
        margin-right: auto;
        max-width: 73px;
    }
    .services-text {
        margin-bottom: 17px;
    }
    .service-type {
        font-size: 16.2007px;
        line-height: 19px;
        letter-spacing: -0.02em;
    }
    .services-second-row .services-third-row{
        padding-top: 0 !important;
    }
    .lead-form {
        padding: 45px 27px;
    }
    .form-title {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .footer-text {
        text-align: center;
        margin-bottom: 30px;
        font-size: 16px;
    }
    .footer-pages-links{
        /* display: none; */
    }
    .footer-content-bottom{
        display: none;
    }

    .social-ico {
        margin-bottom: 22px;
    }
    .social-ico a{
        margin-right: 5%;
        margin-left: 5%;
    }
    .footer-pages-links-sm{
        margin:auto;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .footer-pages-links-sm .footer-text {
        font-size: 10px;
        margin-bottom:5px;
    }
    .footer-text-last{
        font-size: 10px;
        margin-bottom: 10px;
    }
    .thank-you-banner-animation-wrapper{
        padding: 100px 40px;
    }
    .thank-you-banner-animation-wrapper .laurel-img{
        width: 150px !important;
        right: -20px !important;
    }
    .thankyou-right-zigzag{
        display: none;
    }
}
@media only screen and (max-width:340px) {
    .alkira-text{
        width: 100%;

    }
    .banner-animation-wrapper {
        width: 100%;
    }
    .laurel-img{
        right:-30;
    }
    .right-small-circle{
        right: 0;
    }
    .right-big-circle{
        right: 0;
    }
}




#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 999;
  }

  .lightbox-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
    text-align: center;
  }

  .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1;
  }

  /* Style for button to open lightbox */
  button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  /* Style for button hover */
  button:hover {
    /* background-color: #3e8e41; */
  }

  /* Style for button focus */
  button:focus {
    outline: none;
  }


  /* Lightbox css  */
  .modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.651);
  }

  .modal-content {
    background-color: transparent;
    margin: 15% auto;
    padding: 20px;
    border: none;
    width: 80%;
    max-width: 600px;
    position: relative;
  }

  .close {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
  }
  .close:hover{
    color: #ffffff;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
  }
    .video-container iframe {
        border-radius:4px ;
  }
  @media (max-width: 480px) {
    .modal-content {
      max-width: 90%;
    }

    .close {
      font-size: 1.2em;
    }
  }