/*NAVABAR*/
/*-----------------------------------------------------------------------------------------*/
@font-face {
    font-family: gilroyLightFont;
    src: url(fonts/gilroyFont/Gilroy-Light.ttf);
}
@font-face {
    font-family: gilroyBoldFont;
    src: url(fonts/gilroyFont/Gilroy-Bold.ttf);
}
@font-face {
    font-family: gilroyRegularFont;
    src: url(fonts/gilroyFont/Gilroy-Regular.ttf);
}
@font-face {
    font-family: gilroySemiBoldFont;
    src: url(fonts/gilroyFont/Gilroy-SemiBold.ttf);
}
@font-face {
    font-family: gilroyMediumFont;
    src: url(fonts/gilroyFont/Gilroy-Medium.ttf);
}
@font-face {
    font-family: microextendflfBold;
    src: url(fonts/microextendflfFont/microextendflf-bold.ttf);
}
@font-face {
    font-family: bebasRegular;
    src: url(fonts/bebas/Bebas-Regular.ttf);
}
.globalAWSQnHeight{
    line-height: 1.6rem;
}
.globalFont{
    font-family: 'Poppins', sans-serif;
}
.globalAWSAnsColor{
    color: #000000;
}
.globalAWSColor{
    color: #AB0000;
}
body::-webkit-scrollbar-track, #interactionRight::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
    border-radius: 0;
}

body::-webkit-scrollbar, #interactionRight::-webkit-scrollbar
{
    width: 5px;
}

body::-webkit-scrollbar-thumb, #interactionRight::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(21,21,21)),
    color-stop(0.72, rgb(66,60,60)),
    color-stop(0.72, rgb(154,149,149)),
    color-stop(0.72, rgb(16,27,37)),
    color-stop(0.86, rgb(217,24,24)));
}



.custom-image-style {
    width: 19vw !important;
    height: auto !important;
}

.carouselLines{
    width: 60vw !important;
    height: 53vw !important;
    margin-left: 65% !important;
}
.navbar-light .navbar-toggler-icon#changeIconColor{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
#changeTogglerIcon1{
    display: none;
}
.navbar-light .navbar-toggler.changeIconColor {
    border-color: rgb(255,255,255);
}
a.nav-link.me-4, a.nav-link.navLast{
    font-weight: 500;
}
button.navbar-toggler.me-3{
    border: 0;
}
.navbar-toggler:focus{
    box-shadow: 0 0 0 0px;
}
.navLinks{
    font-weight: lighter;
    font-family: Poppins;
}
.navbarIMG{
    width: 130px;
}
.vectorDIV{
    position: relative;
}
.verticalLine{
    border-left: 2px solid black;
    height: 2vh;
    text-align: center;
}
.navLast{
    margin-right: 60px;
}
#navLI1, #navLI2, #navLI21, #navLI3, #navLI4, #navLI5, #navLI6, #navLI7, #navLI8{
    position: relative;
    display: inline-block;
    top: 0;
    bottom: 0;
}

 #navLI7:hover #InsNavSub{
    display: flex;
    justify-content: center;
}
#InsNavSub{
    right: 3px !important;
}
#navSub, #InsNavSub{
    /*margin-top: 10px;*/
    display: none;
    position: absolute;
    right: -365px;
    background-color: rgba(0, 0, 0, .8);
    min-width: 1100px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    padding: 60px 20px;
    z-index: 1;
}
.OurServices{
    color: #FF1717;
    margin: 70px 0 0 0;
    font-weight: bold;
    font-size: 50px;
    font-family: Poppins;
}
.servicesOur{
    color: white;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: Poppins;
    letter-spacing: 9px;
}

#nav11, #nav12, #nav121, #nav13, #nav14, #nav15, #nav16, #nav17, #nav18
{
    position: absolute;
    bottom: 6px;
    left: 10px;
    background: black;
    width: 35px;
    height: 3px;
}



#nav17, #nav11, #nav18, #nav14, #nav16{
    background: white;
}

.changeNavLinks{
    color: black;
}
.change{
    width: 100%;
    background-color: white;
    box-shadow: 1px 4px 1px 1px rgba(0, 0, 0, 0.1);
}
.change5{
    width: 100%;
    background-color: black;
    box-shadow: 1px 4px 1px 1px rgba(0, 0, 0, 0.1);
}
.carouselTextTop{
    font-size: .9vw;
    color: #FFFFFF;
    font-weight: lighter;
}


@media only screen and (max-width: 991px){
    #navBackground5{
        background: white ;
        box-shadow: 1px 4px 1px 1px rgba(0, 0, 0, 0.1);
    }
    #navBackground{
        background: white ;
        box-shadow: 1px 4px 1px 1px rgba(0, 0, 0, 0.1);
    }
    #navbarIMG,  #navLI7:hover #InsNavSub{
        display: none;
    }
    #navbarIMG2{
        display: block;
    }

    #nav11, #nav12, #nav13, #nav14, #nav15, #nav16, #nav17, #nav18{
        background: black!important;
        left: 2px;
    }
    .navbar-light .navbar-toggler-icon#changeIconColor{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navLinks{
        color: black;
    }
    .rev_slider_wrapper, #Image-Section{
        margin-top: 78px;
    }
    #nav11, #nav16{
        display: block;
        background-color: black !important;
    }
    
    .blockChainImage, .solutionsBlackMatter{
        margin-top: 78px;
    }
}
@media only screen and (min-width: 992px){
    #navbarIMG2{
        display: none;
    }
    #navbarIMG{
        display: block;
    }
}

/* Innvation styles */

.innvateList {
    list-style-type: none;
}

.innovateStyle {
    font-style: oblique;
}


.meetingLnk {
    margin-top: 19px;
    padding: 6px 14px;
    color: #ede3e3;
    font-size: 14px;
    background: #FF3B3B;
    border-radius: 0px;
}
.meetingLnk1 {
    margin-top: 19px;
    padding: 6px 22px;
    color: #ede3e3;
    font-size: 14px;
    background: #000000;
    border-radius: 0px; 
}

.btn:hover {
    color: white;
}

.containerdiv {
    background-image: url('images/innovate/background\ dots.png');
    padding-left: 4rem;
    position: relative;

}
.descriptionBgd {
    padding-left: 3.5rem;
    padding-right: 0px;
    position: relative;
}

.descriptionSub {
    /* border: 1px solid black; */
    padding: 79px 63px 70px 30px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
   
}

.descriptionSub1{
    border-bottom: 1px solid black;
    /* border-top: 1px solid black; */
}

.descriptionSub2 {
    position: absolute;
    top: 1038px;
    left: 74px;
}

.KnowledgeBgd {
    padding: 79px 63px 70px 30px;
    border-left: 1px solid black;
    margin-left: 44px;
    position: relative;
}

/* .rocketBgd {
    background-image: url('images/freepik--Sun--inject-2.png');
} */

/* .bgdPattren {
    
} */

.bgdPattren img {
    position: absolute;
    right: -15rem;
    top: -22rem;

}

.background {
    background-color: #FFFAFA;
    position: relative;
    overflow: hidden;
}

.dotsClass {
    position: absolute;
    top: 91rem;
    left: 78rem;
    right: 0;
}

.dotsClass1 {
    position: absolute;
    top: 512px;
    left: 268px;
}

.dotsClass2 {
    position: absolute;
    top: 567px;
    left: 1216px;
}

ol, ul {
    padding-left: 0;
}

.synycsImg {
    width: 130px;
}

.synycsImg1 {
    width: 34px;
    width: 34px;
    position: absolute;
    top: 88px;
    left: 471px;
}

.planetClass {
    /* width: 46vw;  */
    position: relative;
  
}

.planetClass img {
    width: 34%;
    position: absolute;
    bottom: -69px;
    right: -63px;
    opacity: 1.1;
   
}

.busClass {
    width: 31vw;
    padding: 95px 22px 21px 40px;
}

.opnQuteClass {
    position: absolute;
    top: 27px;
    left: 24px;
}

.clsQuteClass {
    position: absolute;
    top: 168px;
    left: 340px;
}


/*HOME PAGE PART*/
/*-----------------------------------------------------------------------------------------*/

/*homeLineBox*/
#homeLineBox{
    width: 1vw;
}
#goalText{
    font-size: 1.5vw;
    max-width: 62ch;
    color: #666666;
    font-family: Poppins;
}
.client100{
    font-size: 2vw;
    font-weight: bolder;
    max-width: 12ch;
    font-family: Poppins;
}
.client100right{
    max-width: 42ch;
    font-size: 1.2vw;
    font-family: Poppins;
}
.counts{
    font-size: 2vw;
    font-weight: bold;
    font-family: Poppins;
}
.countsSubText{
    font-size: 1vw;
    max-width: 22ch;
    font-family: Poppins;
}

.processImages{
    width: 15%;
}
.EclipseImages{
    width: 25%;
}
.processIconsMatter{
    position: relative;
}
#processLine{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 31px;
    z-index: -9999;
}
.processMatter{
    font-size: 1.7vw;
    font-weight: bold;
    font-family: Poppins;
}
.processSubMatter{
    font-size: 1.1vw;
    max-width: 20ch;
    color: #999999;
    text-align: center;
    font-family: Poppins;
}
.interactionLeftText{
    font-weight: bold;
    font-size: 1.5vw;
    max-width: 22ch;
    padding-top: 10px;
    border-top-style: solid;
    border-color: #FF2020;
    font-family: Poppins;
}
#clientInteractionImage{
    background: #FF4848;
    background-image: url(images/home/clientsMap.png);
    background-size: 28vw;
    background-position: center center;
    background-repeat: no-repeat;
}
.timelytext{
    font-weight: bold;
    font-size: 1.5vw;
    max-width: 22ch;
    font-family: Poppins;
}
.timelySubText, .experienceSubText{
    font-size: .9vw;
    color: #808080;
    font-family: Poppins;
}
.experienceText{
    font-size: 1.5vw;
    font-weight: bold;
    font-family: Poppins;
}
.experienceText1{
    font-size: 1vw;
    margin-bottom: 8px;
    font-weight: bold;
    font-family: Poppins;
}

.clientInteractionPart{
    position: relative;
}
.timelytextSubDiv{
    padding-top: 50px;
}
.experienceTextSubDiv{
    padding-top: 10px;

}
.clientInteraction{
    position: absolute;
    top: 0;
    z-index: -999;
}
.wholeClientInteraction{
    margin-top: 40px;
}
.whoWeArePart{
    position: relative;

}
.whoWeAreMap{
    position: absolute;
    top: 65%;
    left: 45%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 999;
}
#whoWeAreMap{
    filter: brightness(0);
}
#interactionRight{
    overflow-y: scroll;
    max-height: 600px
}
#interactionLeft, #interactionRight{
    margin-top: 35vh;
}
.manageServicesLeftText{
    font-size: 1.5vw;
    max-width: 29ch;
    font-weight: bold;
    border-top-style: solid;
    border-color: #FF2020;
    font-family: Poppins;
}
.manageServicesPart{
    background: #FDFDFD;
    position: relative;
}
.countries-cards .card{
    height: 100% !important;
    padding-bottom: 40px;
}
}
.synchronisingImage{
    position: absolute;
    top: 51%;
    left: 30%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 999;
}
.manageServicesRightSubText{
    font-size: 1.1vw;
    max-width: 60ch;
    font-family: Poppins;
}
.tickIcon, .tickIcon1{
    color: #05C801;
    background: #F6F6F6;
    padding: 5px;
    border-radius: 50%;
}
.tickIcon1{
    font-size: 1vw;
}

/*.tickIconHealth {*/
/*    font-size: 1.1vw;*/
/*    background: #F6F6F6;*/
/*    padding: 5px;*/
/*    margin-right: 6px;*/
/*    margin-bottom: 4px*/
/*}*/
.MSRSubLeft, .MSRSubRight{
    font-size: 1vw;
    font-weight: bold;
    font-family: Poppins;
}
.synchronisingText{
    font-size: 2.2vw;
    font-weight: normal;
    font-family: gilroyRegularFont;

}
.synchronisingBusiness{
    position: relative;
}
.dsUiUxBlack{
    position: relative;
}
.clientCardBodyCount, .clientCardBodyCountPlus{
    font-size: 45px;
    font-weight: bold;
    color: #FF2020;
    font-family: Poppins;
}
.clientCardBodyLine{
    border-top-style: solid;
    color: #FF2020;
    width: 3vw;
}
.clientCardBodyText{
    font-size: 1.5vw;
}
.synchronisingBusinessText{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 999;
}
.dsUiUxBlackText{
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(0%) translateX(-10%);
}
.dsUiUxBlackTextLinks{
    /*width: 250px;*/
    position: relative;
    left: 30px;
    background: #181818;
    padding: 12px 0 20px 10px;
}


#MSRSubRightDiv, #MSRSubLeftDiv{
    margin-top: 20px;
}
.clientCardBodyCountTitle, .clientCardBodyCountText{
    font-family: Poppins;
    color: black;
}
.clientCardBodyCountText{
    color: #565656;
}
@media (max-width: 1199px) {
    #processLine{
        bottom: 26px;
    }
    .synchronisingImage{
        left: 36%;
    }
}
@media (max-width: 991px) {
    #processLine{
        bottom: 19px;
    }
    .synchronisingImage{
        left: 43%;
    }
    #interactionRight{
        max-height: 440px
    }

    .timelySubText, .experienceSubText{
        font-size: 1vw;
        margin-bottom: 4px;
    }
    .experienceText, .timelytext{
        font-size: 1vw;
        margin-bottom: 8px;
    }
}
@media (max-width: 950px) {
    .synchronisingImage{
        left: 38%;
    }
}

@media (max-width: 768px) {
    #interactionRight{
        max-height: 300px
    }
    .synchronisingImage{
        left: 36%;
    }

    #processLine{
        bottom: 12px;
    }
    #brouche{
        font-size: 1.2vw;
    }
    .timelytextSubDiv{
        padding-top: 8px;
    }
    .experienceTextSubDiv{
        padding-top: 10px;
    }
    .experienceText{
        font-size: 1.2vw;
    }
    .experienceText1{
        font-size: 1vw;
        margin: 0;
    }
    .experienceSubText{
        font-size: .9vw;
    }
    .client100{
        font-size: 1.6vw;
    }
    .counts{
        margin: 0;
    }
    .brouche{
        font-size: 1.3vw;
    }
    .timelySubText, .experienceSubText{
        font-size: 1vw;
        margin-bottom: 5px;
    }
    .experienceText, .timelytext{
        font-size: 1vw;
        margin-bottom: 8px;
    }
}
@media (max-width: 767px) {
    #servicesCountCard{
        margin: 40px 0;
    }
    .removeWidth{
        width: 100% !important;
    }

}
@media (max-width: 700px) {

    .synchronisingImage{
        left: 40%;
    }
}
@media (max-width: 650px) {
    #interactionLeft, #interactionRight{
        margin-top: 10vh;
    }
    .synchronisingImage{
        left: 38%;
    }
    .awsBannerBgText h1{
        font-size: 1.5rem;
    }
}
@media (max-width: 600px) {

    .synchronisingImage{
        left: 35%;
    }
}
@media (max-width: 510px) {
    .awsBannerBgText h1{
        font-size: 1rem;
    }
    .awsBannerBgText button{
        font-size: .65rem;
    }
}
@media (max-width: 500px) {
    .synchronisingImage{
        left: 35%;
        top: 55%;
    }
    .awsBannerBgText h1{
        font-size: 0.80rem !important;
    }
    .awsBannerBgText button{
        margin-top: 0 !important;
    }
}
@media (max-width: 575px) {
    .manageServicesRightSubText {
        font-size: 1.4vw;
    }
    .BCWhySynycsHyperledger, .BCSynycsShadowHyper2{
        display: none;
    }
    .MSRSubLeft, .MSRSubRight {
        font-size: 1.3vw;
    }
    #goalText {
        font-size: 1.6vw;
    }
    .processSubMatter {
        font-size: 1.3vw;
    }
    .client100right {
        font-size: 1.4vw;
    }
    .countsSubText {
        font-size: 1.2vw;
    }
    .client100 {
        font-size: 1.8vw;
    }
    .timelySubText, .experienceSubText{
        font-size: 1vw;
        margin-bottom: 8px;
    }
    .experienceText, .timelytext{
        font-size: 1.6vw;
        margin-bottom: 8px;
    }
    #clientInteractionImage{
        padding: 2rem !important;
    }
    #interactionRight{
        max-height: 260px
    }
}
@media (max-width: 462px) {
    .BlackIMAGE{
        display: none;
    }
    .ClientPartContainer{
        padding: 0;
    }
    #ClientPart{
        margin: 0;
    }
    .clientMultiplePart{
        margin: 0;
    }
}
@media (max-width: 441px) {
    #processLine{
        bottom: 10px;
    }
    .synchronisingImage{
        left: 35%;
        top: 60%;
    }
    #MSRSubRightDiv, #MSRSubLeftDiv{
        margin-top: 2px;
    }
    #brouche{
        font-size: 1vw;
    }

    #interactionLeft, #interactionRight{
        margin-top: 10vh;
    }
}
@media (max-width: 389px) {
    #processLine{
        bottom: 8px;
    }
    .synchronisingImage{
        left: 35%;
        top: 65%;
    }

}
@media (max-width: 337px) {
    #processLine{
        bottom: 6px;
    }
    .synchronisingImage{
        left: 35%;
        top: 68%;
    }
}
@media only screen and (max-width: 320px) and (min-height: 568px){
    #clientInteractionImage{
        padding: 1rem !important;
    }
    #interactionRight{
        max-height: 180px
    }
    .experienceText, .timelytext{
        font-size: 1.6vw;
        margin-bottom: 3px;
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45% !important;
        left: 0 !important;
        height: 30px;
        width: 40px !important;
    }
    .OurTeamSubText{
        font-size: 8px !important;
    }
    .OurTeamNames{
        font-size: 12px !important;
    }
    .OurTeamDesignation{
        font-size: 5px !important;
    }
}
@media only screen and (max-width: 360px) and (min-height: 640px){
    #clientInteractionImage{
        padding: 1rem !important;
    }
    #interactionRight{
        max-height: 190px
    }
    .OurTeamNames{
        font-size: 13px !important;
    }
    .OurTeamDesignation{
        font-size: 6px !important;
    }
    .OurTeamSubText{
        margin-top: 10px;
        font-size: 10px !important;
    }
    .ourTeamCarouselNames{
        margin-bottom: 20px !important;
        font-size: 8px !important;
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45% !important;
        left: 0 !important;
        height: 30px;
        width: 60px !important;
    }
    .ourTeamLine{
        width: 0;
        height: 32px !important;
        border-bottom-style: solid;
        border-width: 2px;
        animation: ourTeamLinebottomLine 10s 2 linear alternate;
    }
    @keyframes ourTeamLinebottomLine {
        from {width: 0; left: 95px !important;}
        to {width: 95px !important;left: 0px;}
    }
}
@media only screen and (max-width: 280px) and (min-height: 653px){
    .OurTeamSubText{
        margin-top: 10px;
        font-size: 8px !important;
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45% !important;
        left: 0 !important;
        height: 30px;
        width: 40px !important;
    }
    .ourTeamCarouselNamesTitle{
        font-size: 8px !important;
    }
    .ourTeamCarouselNames{
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 375px) and (min-height: 667px){
    #clientInteractionImage{
        padding: 1rem !important;
    }
    #interactionRight{
        max-height: 200px
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45% !important;
        left: 0 !important;
        height: 30px;
        width: 40px !important;
    }
    .OurTeamSubText{
        font-size: 10px !important;
    }
}
@media only screen and (max-width: 375px) and (min-height: 812px){
    #clientInteractionImage{
        padding: 1rem !important;
    }
    #interactionRight{
        max-height: 200px !important;
    }
}
@media only screen and (max-width: 411px) and (min-height: 731px){
    #clientInteractionImage{
        padding: 1rem !important;
    }
    #interactionRight{
        max-height: 213px
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45% !important;
        left: 0 !important;
        height: 30px;
        width: 40px !important;
    }
    .OurTeamSubText{
        font-size: 10px !important;
    }
}
@media only screen and (max-width: 414px) and (min-height: 736px){
    #clientInteractionImage{
        padding: 1rem !important;
    }
    #interactionRight{
        max-height: 215px
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45% !important;
        left: 0 !important;
        height: 30px;
        width: 40px !important;
    }
    .OurTeamSubText{
        font-size: 10px !important;
    }
}

@media only screen and (max-width: 786px) and (min-height: 1024px){
    #clientInteractionImage{
        padding: 2rem !important;
    }
    #interactionRight{
        max-height: 300px
    }
    #interactionLeft, #interactionRight{
        margin-top: 15vh;
    }
}
@media only screen and (max-width: 1024px) and (min-height: 1366px){
    #clientInteractionImage{
        padding: 2rem !important;
    }
    #interactionRight{
        max-height: 370px
    }
    #interactionLeft, #interactionRight{
        margin-top: 15vh;
    }
}
/*FOOTER*/
/*-----------------------------------------------------------------------------------------*/

.companyINFO{
    background: #111111;
    padding: 40px;
    z-index: 99999;
}
#company, #solutions, #services, #cloudAWS, #address, #industries, .follows{
    font-weight: bold;
    font-size: 14px;
    font-family: Poppins;
    color: white;
}
#company, #solutions, #industries, #address, #services{
    margin-bottom: 30px;
}
.fixedArrow{
    font-size: 25px;
    background: black !important;
    padding: 2px 8px;
    position: fixed;
    bottom: 10px;
    cursor: pointer;
    opacity: 40%;
    left: 10px;
    z-index: 999;
    display: none;
    border: 2px solid #9A9C9D;
}
.addressText{
    font-size: 14px;
}
.addressLocation{
    font-family: Poppins;
    color: whitesmoke;
    font-size: 12px;
    margin: 0 0 5px 0;
    font-weight: bold;
}
.addressText, .footerlinkText{
    color: #8A8A8A;
    font-family: gilroyBoldFont;
}
.awsHeadText{
    font-family: gilroyBoldFont;

}
.awsLogo{
    width: 6rem;
}
.navSubLinksText{
    color: white;
    font-family: Poppins;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: white;
    cursor: pointer ;
    background: none;
}
.nav-tabs>li>a, .nav-tabs>li>a:hover{
    background: none;
}

.nav-tabs>li>a{
    border: none !important;
    border-radius: 0;
    padding: 5px;
}
.nav-tabs{
    border-bottom: none;
}
.footerlinkText, .navSubLinksText{
    transition: 200ms ease all;
    font-size: 14px;
}
.footerlinkText:hover{
    color: white;
}
.navSubLinksText:hover{
    color: white;
}
#cognitive, #digitalServices, #businessServices, #InsCognitive, #InsDigitalServices, #InsBusinessServices, #InsBusinessServices1{
    color: white;
}
.navSubLinks li a{
    opacity: .6;
}
.navSubLinks li a:hover{
    opacity: 1;
}
.footerLinks li a:before, .navSubLinks li a:before{
    content: '';
    width: 15px;
    height: 1px;
    background: #FF0000;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    transition: 400ms ease all;
    transform: rotate(-68deg);
}
.footerLinks li a:hover:before, .navSubLinks li a:hover:before {
    content: '';
    width: 25px;
    height: 2px;
    background: #FF0000;
    color: #FF0000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    transition: 400ms ease all;
    opacity: 1;
    margin-left: 5px;
    transform: rotate(0deg);
}
.follows{
    margin-top: 80px;
}
.addressPART, .companyPART, .servicesPART, .industriesPART, .solutionsPART{
    margin-top: 80px;
}
.followBrochure{
    margin-top: 50px;
    font-family: Poppins;
    padding: 6px 15px;
    color: white;
    font-size: 14px;
    background: #FF2C2C;
}
.followBrochure:hover{
    color: white;
}

.footerText1 {
    user-select: none;
    font-weight: bolder;
    border-top-style: solid;
    width: 30px;
    font-family: gilroyBoldFont;
}
.footerCopyRight{
    background: #111111;
    font-family: gilroyMediumFont;
}
.footerCopyRightText{
    margin-top: 12px;
    color: #6F6F6F;
}
.footerText1{
    margin-top: 38px;
}
#LeftImage{
    cursor: pointer;
    width: 30%;
}
.square {
    width: 25%;
    background: #FF2C30;
}
.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#TopLeft{
    margin-left: 20px;
    margin-bottom: 20px;
}
img.TopArrowText{
    width: 7%;
    user-select: none;
}
img.ContactRightArrow{
    width: 8%;
    user-select: none;
}
.footerINFO{
    background: #1C1C1C;
}
#FacebookIcon, #TwitterIcon, #instagramIcon, #linkedinIcon{
    padding-right: 10px;
}
#FacebookIcon, #TwitterIcon, #linkedinIcon, #instagramIcon, #pinterestIcon{
    cursor: pointer;
    color: #8A8A8A;
}
.socialMediaIcons{
    text-decoration: none;
}
/*BODY HOVER 6 IMAGES*/
/*-----------------------------------------------------------------------------------------*/

.hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
    margin-top: 100px;
}
#Image-Section{
    position: relative;
}
#Image-Text{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 28%;
}
.Top-Text{
    font-size:7.2vw;
    user-select: none;
}
.hover-image{
    cursor: pointer;
}
.HoverImageTag{
    width: 100%;
}

/*BODY TEXT PASSION*/
/*-----------------------------------------------------------------------------------------*/

.Text-Passion{
    font-size: 2.5vw;
    font-weight: bold;
    font-family: gilroySemiBoldFont;
}
.passionText{
    font-size:2.4vw;
    font-weight: bold;
    font-family: Poppins;
}
.passionSubText{
    font-size:1.3vw;
    color: #666666;
    font-family: Poppins;
}
.PassionText1, .PassionText2{
    font-size: 1.2vw;
    font-family: gilroySemiBoldFont;
}
#Passion{
    margin-top: 35px;
    margin-bottom: 35px;
    user-select: none;
    position: relative;
}
#PassionTextPart1{
    position: absolute;
    top: 12px;
    left: 0;
}
#PassionTextPart2{
    position: absolute;
    bottom: 0;
    right: 30px;
}
img.SynycsArrows{
    width: 45%;
    z-index: -9;
}

/*BODY CLIENT LOGOS PART*/
/*-----------------------------------------------------------------------------------------*/

#ClientLOGOSPart{
    background: black;
    user-select: none;
}
.ClientImageBorder{
    border: 1px solid #575757;
    box-sizing: border-box;
}
.Guthries{
    margin-top: 35%;
}
.SUN{
    margin-top: 10%;
    margin-left: 5%;
}
.Trendz{
    margin-top: 35%;
}
.APLL{
    margin-top: 7%;
}
.Lifespan{
    margin-top: 15%;
    margin-left: 4%;
}
.SmartValue{
    margin-top: 45%;
}
.FORST{
    margin-top: -4%;
}
.ACE{
    margin-top: 2%;
    margin-left: 5%;
}
.GP{
    margin-top: -9%;
    margin-left: 5%;
}

.DELHI{
    margin-top: -2%;
}

/*BODY CLIENTS PART*/
/*-----------------------------------------------------------------------------------------*/

.OurTeamNames{
    font-size: 19px;
    cursor: pointer;
    font-family: gilroySemiBoldFont;

}
.OurTeamDesignation{
    font-size: 11px;
    font-family: gilroyLightFont;
}
.OurTeamSubText{
    margin-top: 20px;
}
.OurTeamNamePart{
    display: flex;
    flex-direction: column;
    color: white;
    user-select: none;
}
.ourTeamCarouselNames{
    margin-bottom: 40px;
}
#ourTeamCarouselIndicators{
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    margin: 0;
    top: 45%;
    left: 2%;
    height: 30px;
    width: 80px;
}
.carouselInnerheight{
    height: auto !important;
}
.ourTeamLine{
    width: 0;
    height: 60px;
    border-bottom-style: solid;
    border-width: 2px;
    animation: ourTeamLinebottomLine 9s 2 linear alternate;
}
@keyframes ourTeamLinebottomLine {
    from {width: 0; left: 135px;}
    to {width: 135px ;left: 0px;}
}
.CLIENTS{
    position: relative;
}
.BlackIMAGE{
    position: absolute;
    top: 0;
    z-index: -999;
    width: 100%;
}
#ClientPart{
    background: #2C2C2C;
}
.clinetSUB{
    height: 360px;
}
.ClientMultiple{
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/*MAP PART*/
/*-----------------------------------------------------------------------------------------*/
.invalid-feedback {
    margin: 0
}
.contactSubText{
    max-width: 32ch;
}
#contactCardForm{
    width: 25%;
    height: 77.5vh;
    position: absolute;
    top: 182px;
    right: 150px;
}
#FormTextarea{
    max-height: 140px;
}
.GetInTouch{
    position: relative;
    bottom: 150px;
    width: 20vw;
    left: 100px;
}
img[usemap] {
    border: none;
    height: auto;
    max-width: 58%;
    width: auto;
    margin-top: 110px !important;
    margin-left: 25px;
}
.form-control{
    background: #F5F5F5;
    font-size: 14px;
    font-family: gilroyMediumFont;
}
.contactTooltips{
    position: absolute;
    z-index: 1;
    height: auto;
}
#canada{
    bottom: 273px;
    left: 149px;
}

#uk{
    bottom: 298px;
    left: 295px;
}
#india{
    bottom: 180px;
    left: 470px;
}
#australia{
    bottom: 53px;
    left: 630px;
}
.MapCard{
    background: black;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.contactTooltipTitle{
    font-family: gilroyBoldFont;
    font-size: .9vw;
    z-index: 1;
}
.contactTooltipTriangle{
    width: 25px;
    height: 25px;
    background: white;
    position: absolute;
    left: 40%;
    bottom: 83px;
    transform: rotate(45deg);
    border-radius: 5px;
}
#contactTooltipTriangle5, #contactTooltipTriangle1{
    bottom: 68px;
}

.contactTooltipCard{
    width: 12vw;
    animation: fadeInOut .6s ease-in alternate;
}
.contactTooltipText{
    font-family: gilroyRegularFont;
    font-size: .8vw;
}
.contactTooltipImage{
    width: 1.8vw;
}
@keyframes fadeInOut {
    0% {opacity:0;}
    100% {opacity:1;}
}
div#submitBtn.col-12{
    text-align: right;
}
button#btnSubmit.btn.btn-sm{
    background: black;
    padding: 10px;
    font-size: 11px;
    color: white;
    font-family: gilroyMediumFont !important;
}
/*Media Queries*/
/*-----------------------------------------------------------------------------------------*/

/*BODY HOVER 6 IMAGES*/
/*-----------------------------------------------------------------------------------------*/

@media (max-width: 1300px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 80px;
    }
}
@media (max-width: 950px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 70px;
    }
    .addressPART, .companyPART, .servicesPART, .solutionsPART, .industriesPART{
        margin-top: 60px;
    }
}
@media (max-width: 850px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 65px;
    }
}
@media (max-width: 750px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 60px;
    }
    .addressPART, .companyPART, .servicesPART, .solutionsPART, .industriesPART{
        margin-top: 40px;
    }
}
@media (max-width: 700px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 55px;
    }
}
@media (max-width: 650px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 50px;
    }
}
@media (max-width: 600px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 45px;
    }
}

@media (max-width: 550px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 40px;
    }
}
@media (max-width: 500px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 35px;
    }
}
@media (max-width: 450px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 30px;
    }
    .carouselTextTop{
        margin-top: 20px;
    }
    .custom-image-style{
        margin-top: 20px !important;
    }
}
@media (max-width: 400px) {
    .hover-image:nth-child(1), .hover-image:nth-child(3), .hover-image:nth-child(5){
        margin-top: 25px;
    }
}


/*BODY Passion Text Part*/
/*-----------------------------------------------------------------------------------------*/

@media (max-width: 800px) {
    #PassionTextPart1{
        position: absolute;
        top: 12px;
        right: 50px;
    }
    #PassionTextPart2{
        position: absolute;
        bottom: 0;
        right: 30px;
    }
    img.SynycsArrows{
        width: 30%;
    }
}

/*BODY CLIENTS PART*/
/*-----------------------------------------------------------------------------------------*/


@media (max-width: 1350px) {
    #blackClientImage{
        position: relative;
        bottom: 2px;
    }
}
@media (max-width: 768px) {
    #blackClientImage{
        height: 30vh !important;
    }
}


/*BODY FOOTER PART*/
/*-----------------------------------------------------------------------------------------*/

@media (max-width: 1000px) {
    #TopLeft{
        margin-left: 18px;
    }
}
@media (max-width: 991px) {
    .companyINFO{
        padding-top: 0px;
    }
    .follows{
        margin-top: 50px;
    }
    img.ContactRightArrow {
        width: 5%;
    }
    #TopLeft{
        margin-left: 20px;
    }
}
@media (max-width: 970px) {
    #TopLeft{
        margin-left: 16px;
    }
}
@media (max-width: 940px) {
    #TopLeft{
        margin-left: 13px;
    }
}
@media (max-width: 850px) {
    #TopLeft{
        margin-left: 13px;
    }
    img.TopArrowText{
        width: 11%;
    }
}
@media (max-width: 750px) {
    #TopLeft{
        margin-left: 11px;
    }
    .contactPART{
        margin-top: 20px;
    }
}
@media (max-width: 650px) {
    #TopLeft{
        margin-left: 20px;
    }
    img.ContactRightArrow {
        width: 8%;
    }
    #LeftImage{
        width: 45%;
    }
    div.contactCombine{
        position: relative;
        top: 20px;
    }
}

@media (max-width: 600px) {
    img.ContactRightArrow{
        width: 10%;
    }
}

@media (max-width: 575px) {
    #footerUpArrow, .contactPART{
        display: none !important;
    }
    .follows, .addressPARTIcons, .followBrochurePart{
        text-align: center;
    }
}


@media (max-width: 450px) {
    .companyINFO{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 388px) {
    #company, #solutions, #industries, #address, #services, #cloudAWS{
        font-size: 4vw;
    }
}
@media (max-width: 360px) {
    .companyINFO{
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*Contact Map PART*/
/*-----------------------------------------------------------------------------------------*/
@media (max-width: 1330px) {
    .contactTooltipTriangle{
        width: 20px;
        height: 20px;
        position: absolute;
        left: 40%;
        bottom:82px;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #canada{
        bottom: 260px;
        left: 146px;
    }

    #uk{
        bottom: 286px;
        left: 286px;
    }
    #india{
        bottom: 172px;
        left: 456px;
    }
    #australia{
        bottom: 50px;
        left: 608px;
    }
}
@media (max-width: 1300px) {
    #canada{
        bottom: 257px;
        left: 142px;
    }

    #uk{
        bottom: 278px;
        left: 280px;
    }
    #india{
        bottom: 168px;
        left: 444px;
    }
    #australia{
        bottom: 48px;
        left: 594px;
    }
}
@media (max-width: 1250px) {
    .contactTooltipTriangle{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 40%;
        bottom:75px !important;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle1, #contactTooltipTriangle5{
        bottom:60px !important;
    }
    #canada{
        bottom: 242px;
        left: 135px;
    }

    #uk{
        bottom: 265px;
        left: 270px;
    }
    #india{
        bottom: 158px;
        left: 424px;
    }
    #australia{
        bottom: 45px;
        left: 567px;
    }
}
@media (max-width: 1200px) {
    .contactTooltipTriangle{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 40%;
        bottom:75px !important;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle1, #contactTooltipTriangle5{
        bottom:60px !important;
    }
    #canada{
        bottom: 235px;
        left: 132px;
    }

    #uk{
        bottom: 250px;
        left: 260px;
    }
    #india{
        bottom: 150px;
        left: 410px;
    }
    #australia{
        bottom: 42px;
        left: 547px;
    }
}
@media (max-width: 1150px) {
    .contactTooltipTriangle{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 40%;
        bottom:70px !important;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle1, #contactTooltipTriangle5{
        bottom:55px !important;
    }
    #canada{
        bottom: 225px;
        left: 125px;
    }

    #uk{
        bottom: 240px;
        left: 250px;
    }
    #india{
        bottom: 142px;
        left: 392px;
    }
    #australia{
        bottom: 42px;
        left: 527px;
    }
}
@media (max-width: 1100px) {
    .contactTooltipTriangle{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 40%;
        bottom:65px !important;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle1{
        bottom:65px !important;
    }
    #contactTooltipTriangle5{
        bottom:53px !important;
    }
    #canada{
        bottom: 205px;
        left: 117px;
    }

    #uk{
        bottom: 225px;
        left: 232px;
    }
    #india{
        bottom: 137px;
        left: 372px;
    }
    #australia{
        bottom: 39px;
        left: 497px;
    }
}
@media (max-width: 1050px) {
    #canada{
        bottom: 200px;
        left: 114px;
    }

    #uk{
        bottom: 220px;
        left: 226px;
    }
    #india{
        bottom: 132px;
        left: 362px;
    }
    #australia{
        bottom: 35px;
        left: 477px;
    }
}
@media (max-width: 1000px) {
    .contactTooltipTriangle{
        width: 25px;
        height: 25px;
        position: absolute;
        left: 40%;
        bottom:60px !important;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle1{
        bottom:60px !important;
    }
    #contactTooltipTriangle5{
        bottom:50px !important;
    }
    #canada{
        bottom: 190px;
        left: 114px;
    }

    #uk{
        bottom: 210px;
        left: 216px;
    }
    #india{
        bottom: 120px;
        left: 342px;
    }
    #australia{
        bottom: 31px;
        left: 457px;
    }
    .contactDiv{
        height: 80vh;
    }
    #contactCardForm{
        right: 110px;
    }
    input[type=text], input[type=email], input[type=number] {
        padding: 1px 10px;
        box-sizing: border-box;
    }
    button[type=submit] {
        padding: 3px 5px;
        box-sizing: border-box;
    }

}
@media (max-width: 991px) {
    #contactCardForm{
        height: auto !important;
        right: 100px !important;
        top: 130px;
    }
    #FormTextarea{
        max-height: 100px;
    }
    div.MapCard{
        height: auto;
    }
    img[usemap]{
        margin-bottom: 20px ;
    }
    #canada{
        bottom: 210px;
        left: 111px;
    }

    #uk{
        bottom: 225px;
        left: 216px;
    }
    #india{
        bottom: 143px;
        left: 342px;
    }
    #australia{
        bottom: 51px;
        left: 454px;
    }
}
@media (max-width: 970px) {
    #FormTextarea{
        max-height: 80px;
    }
    #canada{
        bottom: 201px;
        left: 105px;
    }

    #uk{
        bottom: 215px;
        left: 210px;
    }
    #india{
        bottom: 138px;
        left: 332px;
    }
    #australia{
        bottom: 48px;
        left: 444px;
    }
}
@media (max-width: 930px) {
    #FormTextarea{
        max-height: 60px;
    }
    .contactTooltipTriangle{
        width: 20px;
        height: 20px;
        position: absolute;
        left: 40%;
        bottom:60px !important;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle5{
        bottom:50px !important;
    }
    #canada{
        bottom: 200px;
        left: 105px;
    }

    #uk{
        bottom: 215px;
        left: 200px;
    }
    #india{
        bottom: 138px;
        left: 322px;
    }
    #australia{
        bottom: 48px;
        left: 424px;
    }
}
@media (max-width: 920px) {
    #contactTooltipTriangle5{
        bottom:48px !important;
    }
    #contactTooltipTriangle4{
        bottom:68px !important;
    }
    #contactTooltipTriangle3{
        bottom:55px !important;
    }
    #contactTooltipTriangle2{
        bottom:65px !important;
    }
    #contactTooltipTriangle1{
        bottom:55px !important;
    }
}
@media (max-width: 900px) {
    #FormTextarea{
        max-height: 50px;
    }
    #contactTooltipTriangle5{
        bottom:45px !important;
    }
    #canada{
        bottom: 190px;
        left: 100px;
    }

    #uk{
        bottom: 205px;
        left: 190px;
    }
    #india{
        bottom: 128px;
        left: 302px;
    }
    #australia{
        bottom: 48px;
        left: 404px;
    }
}
@media (max-width: 850px) {
    #contactCardForm{
        position: relative;
        width: 100% !important;
        top: 0;
        right: 0 !important;
    }
    .contactTooltips{
        z-index: 1;
        height: auto;
    }
    #FormTextarea{
        max-height: 100% !important;
    }
    .contactSynycsImage{
        margin-left: 22px !important;
        width: 3vw !important;
    }
    img[usemap]{
        max-width: 95% !important;
        margin-bottom: 20px;
    }
    #contactSynycs{
        margin-top: 180px !important;
        max-width: 3vw;
    }
    div.MapCard{
        height: auto !important;
    }
    input[type=text], input[type=number], input[type=email] {
        padding: 5px 20px;
        box-sizing: border-box;
    }

    button[type=submit] {
        padding: 5px 5px;
        box-sizing: border-box;
    }
    #canada{
        bottom: 282px;
        left: 170px;
    }

    #uk{
        bottom: 305px;
        left: 310px;
    }
    #india{
        bottom: 191px;
        left: 476px;
    }
    #australia{
        bottom: 72px;
        left: 634px;
    }
    #contactTooltipTriangle4{
        bottom: 65px !important;
    }
}
@media (max-width: 830px) {
    #contactTooltipTriangle4, #contactTooltipTriangle2{
        bottom: 60px !important;
    }
    #contactTooltipTriangle5{
        bottom: 40px !important;
    }
    #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 50px !important;
    }
    #canada{
        bottom: 272px;
        left: 160px;
    }
    #uk{
        bottom: 295px;
        left: 300px;
    }
    #india{
        bottom: 186px;
        left: 460px;
    }
    #australia{
        bottom: 72px;
        left: 604px;
    }
}
@media (max-width: 800px) {
    #canada{
        bottom: 255px;
        left: 150px;
    }
    #uk{
        bottom: 280px;
        left: 283px;
    }
    #india{
        bottom: 174px;
        left: 435px;
    }
    #australia{
        bottom: 65px;
        left: 575px;
    }
}
@media (max-width: 750px) {
    #contactTooltipTriangle4, #contactTooltipTriangle2{
        bottom: 55px !important;
    }
    #contactTooltipTriangle5{
        bottom: 40px !important;
    }
    #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 45px !important;
    }
    #canada{
        bottom: 250px;
        left: 150px;
    }
    #uk{
        bottom: 270px;
        left: 273px;
    }
    #india{
        bottom: 170px;
        left: 415px;
    }
    #australia{
        bottom: 65px;
        left: 550px;
    }
}
@media (max-width: 720px) {
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle3{
        bottom: 55px !important;
    }
    #contactTooltipTriangle5{
        bottom: 40px !important;
    }
    #contactTooltipTriangle1{
        bottom: 45px !important;
    }
    #canada{
        bottom: 228px;
        left: 138px;
    }

    #uk{
        bottom: 240px;
        left: 248px;
    }
    #india{
        bottom: 153px;
        left: 385px;
    }
    #australia{
        bottom: 53px;
        left: 505px;
    }
}
@media (max-width: 680px) {
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle3{
        bottom: 55px !important;
    }
    #contactTooltipTriangle5{
        bottom: 40px !important;
    }
    #contactTooltipTriangle1{
        bottom: 53px !important;
    }
    #canada{
        bottom: 218px;
        left: 133px;
    }

    #uk{
        bottom: 230px;
        left: 240px;
    }
    #india{
        bottom: 148px;
        left: 372px;
    }
    #australia{
        bottom: 53px;
        left: 490px;
    }
}
@media (max-width: 630px) {
    .contactTooltipCard{
        width: 15vw;
        height: auto;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2{
        bottom: 42px !important;
    }
    #contactTooltipTriangle5{
        bottom: 35px !important;
    }
    #contactTooltipTriangle3{
        bottom: 43px !important;
    }
    #contactTooltipTriangle1{
        bottom: 33px !important;
    }
    #canada{
        bottom: 205px;
        left: 116px;
    }

    #uk{
        bottom: 220px;
        left: 220px;
    }
    #india{
        bottom: 135px;
        left: 342px;
    }
    #australia{
        bottom: 50px;
        left: 450px;
    }
}
@media (max-width: 600px) {
    #contactTooltipTriangle4, #contactTooltipTriangle2{
        bottom: 42px !important;
    }
    #contactTooltipTriangle5{
        bottom: 35px !important;
    }
    #contactTooltipTriangle3{
        bottom: 43px !important;
    }
    #contactTooltipTriangle1{
        bottom: 33px !important;
    }
    #canada{
        bottom: 190px;
        left: 110px;
    }

    #uk{
        bottom: 205px;
        left: 210px;
    }
    #india{
        bottom: 130px;
        left: 322px;
    }
    #australia{
        bottom: 45px;
        left: 430px;
    }
}
@media  only screen and (max-width: 576px){
    .contactTooltipCard{
        width: 15vw;
        height: auto;
        animation: fadeInOut .6s ease-in alternate;
    }
    .contactTooltipCardHead{
        padding-left: 5px !important;
        padding-right: 4px !important;
        padding-bottom: 2px !important;
    }
    .contactTooltipText{
        margin-bottom: 5px;
    }
    .contactTooltipCardBody{
        padding-left: 5px;
        padding-right: 4px;
    }
    .contactTooltipTriangle{
        width: 13px;
        height: 13px;
        position: absolute;
        left: 40%;
        bottom:8px;
        transform: rotate(45deg);
        border-radius: 3px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 16px !important;
    }
    #contactTooltipTriangle5{
        bottom: 10px !important;
    }
    #canada{
        bottom: 190px;
        left: 110px;
    }

    #uk{
        bottom: 205px;
        left: 200px;
    }
    #india{
        bottom: 130px;
        left: 302px;
    }
    #australia{
        bottom: 55px;
        left: 400px;
    }
}
@media only screen and (max-width: 768px) and (min-height: 1024px){
    div.MapCard{
        height: 48vh;
    }
    input[type=text], input[type=number], input[type=email] {
        padding: 5px 20px;
        box-sizing: border-box;
    }
    .contactTooltipCard{
        width: 15vw;
        height: auto;
        animation: fadeInOut .6s ease-in alternate;
    }
    button[type=submit] {
        padding: 5px 5px;
        box-sizing: border-box;
    }
    #canada{
        bottom: 260px;
        left: 147px;
    }

    #uk{
        bottom: 278px;
        left: 273px;
    }
    #india{
        bottom: 176px;
        left: 425px;
    }
    #australia{
        bottom: 66px;
        left: 563px;
    }
    #contactCardForm{
        height: 50vh;
    }
    .contactTooltipTriangle{
        width: 16px;
        height: 16px;
        position: absolute;
        left: 40%;
        bottom:43px;
        transform: rotate(45deg);
        border-radius: 4px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 44px !important;
    }
    #contactTooltipTriangle5{
        bottom: 34px !important;
    }
}
@media only screen and (max-width: 1024px) and (min-height: 1366px){
    div.MapCard{
        height: 38vh;
    }
    input[type=text], input[type=number], input[type=email] {
        padding: 2px 20px;
        box-sizing: border-box;
    }

    button[type=submit] {
        padding: 2px 5px;
        box-sizing: border-box;
    }
    #contactCardForm{
        height: 29vh;
    }
    #canada{
        bottom: 202px;
        left: 117px;
    }

    #uk{
        bottom: 218px;
        left: 225px;
    }
    #india{
        bottom: 130px;
        left: 355px;
    }
    #australia{
        bottom: 33px;
        left: 475px;
    }
    .contactTooltipTriangle{
        width: 20px;
        height: 20px;
        position: absolute;
        left: 40%;
        bottom:65px;
        transform: rotate(45deg);
        border-radius: 4px;
    }
    #contactTooltipTriangle5{
        bottom:54px;
    }
    #contactTooltipTriangle1{
        bottom: 64px;
    }
}
@media only screen and (max-width: 540px) and (min-height: 720px){
    .contactTooltipTriangle{
        width: 15px;
        height: 15px;
        position: absolute;
        left: 40%;
        bottom:15px;
        transform: rotate(45deg);
        border-radius: 4px;
    }
    #contactTooltipTriangle5{
        bottom: 8px;
    }
    #contactTooltipTriangle1{
        bottom: 15px;
    }
    #canada{
        bottom: 180px;
        left: 105px;
    }

    #uk{
        bottom: 192px;
        left: 190px;
    }
    #india{
        bottom: 126px;
        left: 293px;
    }
    #australia{
        bottom: 52px;
        left: 387px;
    }
}
@media only screen and (max-width: 414px) and (min-height: 736px){
    #canada{
        bottom: 136px;
        left: 81px;
    }

    #uk{
        bottom: 146px;
        left: 143px;
    }
    #india{
        bottom: 96px;
        left: 220px;
    }
    #australia{
        bottom: 42px;
        left: 288px;
    }
    .contactTooltipTriangle{
        width: 13px;
        height: 13px;
        position: absolute;
        left: 40%;
        bottom:8px;
        transform: rotate(45deg);
        border-radius: 4px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 8px !important;
    }
    #contactTooltipTriangle5{
        bottom: 4px !important;
    }
}
@media only screen and (max-width: 411px) and (min-height: 823px){
    div.MapCard{
        height: auto !important;
    }
}
@media only screen and (max-width: 411px) and (min-height: 731px){
    div.MapCard{
        height: auto !important;
    }
    .contactTooltipTriangle{
        width: 13px;
        height: 13px;
        position: absolute;
        left: 40%;
        bottom:8px;
        transform: rotate(45deg);
        border-radius: 4px;
    }
    #canada{
        bottom: 136px;
        left: 81px;
    }

    #uk{
        bottom: 144px;
        left: 142px;
    }
    #india{
        bottom: 95px;
        left: 218px;
    }
    #australia{
        bottom: 42px;
        left: 286px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 8px !important;
    }
    #contactTooltipTriangle5{
        bottom: 4px !important;
    }
}
@media only screen and (max-width: 375px) and (min-height: 667px){
    #canada{
        bottom: 122px;
        left: 73px;
    }
    #uk{
        bottom: 130px;
        left: 129px;
    }
    #india{
        bottom: 86px;
        left: 198px;
    }
    #australia{
        bottom: 38px;
        left: 258px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 8px !important;
    }
    #contactTooltipTriangle5{
        bottom: 4px !important;
    }
}
@media only screen and (max-width: 360px) and (min-height: 640px){
    #canada{
        bottom: 118px;
        left: 71px;
    }
    #uk{
        bottom: 124px;
        left: 124px;
    }
    #india{
        bottom: 83px;
        left: 188px;
    }
    #australia{
        bottom: 38px;
        left: 246px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 8px !important;
    }
    #contactTooltipTriangle5{
        bottom: 4px !important;
    }

}
@media only screen and (max-width: 320px) and (min-height: 568px){
    #canada{
        bottom: 103px;
        left: 64px;
    }
    #virginia{
        bottom: 95px;
        left: 62px;
    }
    #uk{
        bottom: 110px;
        left: 110px;
    }
    #india{
        bottom: 73px;
        left: 166px;
    }
    #australia{
        bottom: 32px;
        left: 216px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 4px !important;
    }
    #contactTooltipTriangle5{
        bottom: 2px !important;
    }
    .contactTooltipTriangle{
        width: 13px;
        height: 13px;
        position: absolute;
        left: 40%;
        bottom: 4px;
        transform: rotate(45deg);
        border-radius: 3px;
    }
}
@media only screen and (max-width: 280px) and (min-height: 653px){
    div.MapCard{
        height: auto !important;
    }
    .contactTooltipTriangle{
        width: 15px;
        height: 15px;
        position: absolute;
        left: 35% !important;
        bottom:1px !important;
        transform: rotate(45deg);
        border-radius: 4px;
    }
    #contactTooltipTriangle4, #contactTooltipTriangle2, #contactTooltipTriangle1, #contactTooltipTriangle3{
        bottom: 0px !important;
    }
    #contactTooltipTriangle5{
        bottom: 0px !important;
    }
    #canada{
        bottom: 90px !important;
        left: 58px !important;
    }
    #virginia{
        bottom: 85px !important;
        left: 56px !important;
    }
    #uk{
        bottom: 98px !important;
        left: 97px !important;
    }
    #india{
        bottom: 65px !important;
        left: 143px !important;
    }
    #australia{
        bottom: 30px !important;
        left: 188px !important;
    }
    #contactTooltipTriangle1{
        bottom: 5px !important;
    }
}
/*BODY FOOTER PART*/
/*-----------------------------------------------------------------------------------------*/



/* Product Start */

.truckway{
    background-color:#E2B344;
    height: 100vh;
    width: 100%;
    background-image: url(images/products/shadow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 360px;
}
.clymbr{
    background-color:#EE3F3F;
    height: 100vh;
    width: 100%;
    background-image: url(images/products/shadow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 400px;
}
.bashjump{
    background-color:#436DFF;
    height: 100vh;
    width: 100%;
    background-image: url(images/products/shadow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 360px;
}
#productCarouselIndicators{
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 28%;
    left: 70%;
    height: 300px;
    width: 80px;
}
.carousel-indicators .active {
    opacity: 1;
    font-family: gilroyBoldFont;
}
@media (max-width: 991px) {
    .productImage, .productImage1{
        margin-top: 50px;
    }
    .wholeProducTitle{
        margin-top: 20px;
    }
    .prowholeProducTitle{
        margin-top: 20px;
    }
    .truckway, .clymbr, .bashjump{
        background-image: url("");
    }
    .OurTeamNames{
        font-size: 15px;
    }
    .OurTeamDesignation{
        font-size: 8px;
    }
    .OurTeamSubText{
        margin-top: 10px;
        font-size: 13px;
    }
    .ourTeamCarouselNames{
        margin-bottom: 10px;
        font-size: 10px;
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 45%;
        left: 0;
        height: 30px;
        width: 80px;
    }
    .ourTeamCarouselNames{
        margin-bottom: 30px;
    }
    .ourTeamLine{
        width: 0;
        height: 40px;
        border-bottom-style: solid;
        border-width: 2px;
        animation: ourTeamLinebottomLine 9s 2 linear alternate;
    }
    @keyframes ourTeamLinebottomLine {
        from {width: 0; left: 115px;}
        to {width: 115px ;left: 0px;}
    }

}
@media (max-width: 900px) {
    .productImage{
        margin-top: 100px;
    }
}
@media (max-width: 870px) {
    .productImage1{
        margin-top: 100px;
    }
    .wholeProducTitle{
        margin-top: 20px;
    }
    .prowholeProducTitle{
        margin-top: 20px;
    }
    #productImage3{
        margin-top: 30px;
    }
}
@media (max-width: 786px) {
    #productCarouselIndicators{
        left: 65%;
        height: 300px;
    }
    #iconProdcut1, #iconProdcut2{
        margin-top: 20px !important;
    }

}
@media only screen and (max-width: 767px) {
    .productImage1, .productImage{
        display: none;
    }
    .truckway, .clymbr, .bashjump{
        background-position: center;
        background-repeat: no-repeat;
        background-position-y: 120px;
        background-size: 450px 280px;
        background-position-x: 80px;
    }
    #productCarouselIndicators{
        left: 61%;
        height: 300px;
    }
    .truckway{
        background-image: url(images/products/Cargo-Truck.png);
    }
    .clymbr{
        background-image: url(images/products/web-development.png);
        background-size: 430px 260px;
    }
    .bashjump{
        background-image: url(images/products/engagement.png);
    }
    .wholeProducTitle{
        margin-top: 330px;
    }
    .prowholeProducTitle{
        margin-top: 330px;
    }
    #productCarouselIndicators{
        position: absolute;
        top: 120px;
    }
    #productCarouselIndicators{
        left: 61%;
        height: 300px;
    }
    #ourTeamCarouselIndicators{
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        top: 40%;
        left: 0;
        height: 30px;
        width: 60px;
    }
    .OurTeamSubText{
        font-size: 12px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 700px) {
    .truckway, .clymbr, .bashjump{
        background-position-x: 20px;
    }
}
@media only screen and (max-width: 600px) {
    .truckway, .clymbr, .bashjump{
        background-position-x: 2px;
    }
}
@media only screen and (max-width: 520px) {
    .truckway, .clymbr, .bashjump{
        background-position-y: 160px;
        background-size: 380px 250px;
    }
    #productCarouselIndicators{
        left: 61%;
        height: 300px;
    }
    .clymbr{
        background-position-y: 100px;
        background-size: 360px 250px;
    }
}
@media only screen and (max-width: 436px) {
    .truckway, .clymbr, .bashjump{
        background-position-y: 150px;
        background-size: 380px 250px;
    }

}
@media only screen and (max-width: 410px) {
    .truckway, .clymbr, .bashjump{
        background-position-y: 150px;
        background-size: 350px 250px;
    }
}
@media only screen and (max-width: 375px) {
    .truckway, .clymbr, .bashjump{
        background-position-y: 150px;
        background-size: 330px 230px;
    }
}
@media only screen and (max-width: 320px) and (min-height: 568px){
    .truckway, .clymbr, .bashjump{
        background-position-y: 150px;
        background-size: 290px 180px;
    }
    .productSubText{
        font-size: 13px;
    }
    .buttonTitle, .iconProdcut, .ourTeamCarouselNamesTitle{
        position: relative;
        right: 20px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 280px) and (min-height: 653px){
    .buttonTitle, .iconProdcut, .ourTeamCarouselNamesTitle{
        position: relative;
        right: 20px;
        font-size: 10px;
    }
}
.productTitle, .productImage1, .productImage{
    cursor: pointer;
    z-index: 99999;
}
.productImage1, .productImage{
    transition: transform 1.5s ease;
    transform: translateX(0px);
}
.productImage1:hover, .productImage:hover{
    transform: translateX(10px);
}
.productImage1{
    width: 35vw;

}
.productImage{
    width: 45vw;
}

.countdown {
    position: relative;
    height: 39px;
    width: 38px;
    text-align: center;
}

svg {
    position: absolute;
    top: 0;
    right: 1px;
    width: 39px;
    height: 38px;
    transform: rotateY(0deg)
    rotateZ(270deg);
}

svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: white;
    fill: none;
    animation: countdown 9s linear forwards;
}

@keyframes countdown {
    from {
        stroke-dashoffset: 113px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}
.productTitle{
    margin-left: 50px;
    width: 0;
    height: 45px;
    font-family: gilroyBoldFont;
    border-bottom-style: solid;
    animation: bottomLine 8s 2 linear alternate;

}
.productSubText{
    font-family: gilroyMediumFont;
}
@keyframes bottomLine {
    from {width: 0; left: 115px;}
    to {width: 130px ;left: 115px;}
}
.carousel-inner {
    height: 100vh;
}
.carousel-indicators [data-bs-target] {
    text-indent: 0;
    width: 0;
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end){
    transform: translateY(-100%)
}
.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start){
    transform: translateY(100%)
}


/* solutions sub*/
.soluionsCardTitle{
    font-family: gilroyBoldFont;
}
.sloutionsTopLink{
    text-decoration: none;
    margin: 0 5px;
    color: #A0A0A0;
    font-size: 11px;
    border: 1px solid grey;
    padding: 5px 25px;
    border-radius: 5px;
    font-family: Poppins;
}
.sloutionsTopLink:hover{
    background-color: #FF6E50;
    color: white;
}
#sloutionsTopLink1, #sloutionsTopLink2, #sloutionsTopLink3,
#sloutionsTopLink4, #sloutionsTopLink5, #sloutionsTopLink6,
#sloutionsTopLink7, #sloutionsTopLink8{
    background-color: #FF6E50;
    color: white;
}
.solutionSinglePageImage{
    width: 68vw;
}
.solutionSinglePageImageText{
    position: absolute;
    left: 80px;
    top: 20px;
    font-family: gilroyBoldFont;
}
.solutionSinglePage{
    background-color: #FF6E50;
    margin-top: 340px;
    height: 550px;
}
.solutionSinglePageTop{
    position: relative;
    bottom: 300px;
}
#solutionSingleECPage, #solutionSingleCEPage{
    height: 460px;
}
#solutionSingleFPage{
    height: 480px;
}
#solutionSingleCCPage{
    height: 420px;
}
#solutionSingleHPage{
    height: 400px;
}

.solutionSinglePageBottomText{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.solutionSinglePageBottomLine{
    border-top-style: solid;
    border-top-color: #808080;
    width: 100px;
}

@media (max-width: 991px) {
    #sloutionsTopLinkCol1{
        display: flex !important;
        justify-content: center !important;
    }
    #sloutionsTopLinkCol2{
        margin-top: 10px;
        display: flex !important;
        justify-content: center !important;
    }
    .flexbox-container{
        display: flex;
    }
    .flexbox-item-1{
        order: 2;
    }
    .flexbox-item-2{
        order: 1;
    }
    .solutionSinglePage{
        background-color: #FF6E50;
        margin-top: 300px;
        height: 550px;
    }
    .solutionSinglePageTop{
        position: relative;
        bottom: 250px;
    }
}
@media (max-width: 810px) {
    .solutionSinglePage{
        background-color: #FF6E50;
        margin-top: 220px;
        height: 650px;
    }
    .solutionSinglePageTop{
        position: relative;
        bottom: 180px;
    }
    #solutionSingleECPage, #solutionSingleCEPage{
        height: 520px;
    }
    #solutionSingleCCPage, #solutionSingleFPage{
        height: 550px;
    }
    #solutionSingleHPage{
        height: 500px;
    }
}
@media (max-width: 740px) {
    #solutionSingleLPage{
        height: 700px;
    }
}
@media (max-width: 665px) {
    #solutionSingleLPage, #solutionSingleAEPage{
        height: 750px;
    }
}
@media (max-width: 575px) {
    #solutionsScrollmain2, #solutionsScrollmain1{
        display: none;
    }
    .solutionSinglePage{
        background-color: white;
        margin-top: 30px;
        height: 850px;
    }
    #solutionSingleECPage, #solutionSingleCEPage{
        height: 650px;
    }
    #solutionSingleCCPage{
        height: 550px;
    }
    #solutionSingleHPage{
        height: 500px;
    }
    #solutionSingleFPage{
        height: 660px;
    }
    .solutionsSingleMainPart, .solutionSinglePage, .solutionSinglePageMatter, .solutionsAllMain1Div{
        padding: 0;
    }
    .solutionSinglePageImageText{
        position: absolute;
        left: 30px;
        top: 10px;
        font-size: 10px;
    }
    .solutionSinglePageCardText{
        color: black;
    }
    .solutionSinglePageMatter{
        margin-top: 15px !important;
    }
    .solutionSinglePageImage{
        width: 88vw;
    }
    .solutionSinglePageTop{
        position: relative;
        bottom: 0;
    }
    #solutionSinglePageBottomBackground{
        height: 150px;
    }
    #solutionSinglePageBottom{
        margin: 0 !important;
        padding: 0 !important;
    }

}
@media only screen and (max-width: 320px) and (min-height: 568px){
    #solutionSingleFPage{
        height: 750px;
    }
}
@media only screen and (max-width: 540px) and (min-height: 720px){
    .solutionSinglePageImageText{
        left: 40px;
    }
}
@media only screen and (max-width: 280px) and (min-height: 653px){
    .solutionSinglePage{
        background-color: white;
        margin-top: 30px;
        height: 1150px;
    }
    #solutionSingleECPage, #solutionSingleCEPage{
        height: 750px;
    }
    #solutionSingleCCPage{
        height: 660px;
    }
    #solutionSingleHPage{
        height: 580px;
    }
    #solutionSingleFPage{
        height: 800px;
    }
}
@media (max-width: 500px) {
    .sloutionsTopLink{
        font-size: 8px;
        padding: 5px 15px;
    }
}
@media (max-width: 380px) {
    .sloutionsTopLink{
        font-size: 7px;
        padding: 5px 10px;
    }
}


/* services ui/ux new start */
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.ServicesVA{
    color: #FF725E;
    font-weight: bold;
    font-size: 35px;
    font-family: Poppins;
}
.SVAlistGroup{
    color: white;
    font-family: Poppins;
    list-style: none;
    font-size: 12px;
}
.SVAlistGroup .SVAlistGroupItem::before{
    content: "\2022";
    color: #FF725E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.ServicesSubVA{
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 12px;
}
.servicesHeadImg{
    width: 8%;
    margin-left: 30px;
}
.row.uiuxText{
    padding: 0 30px;
}

.row.uiuxClass {
    margin-top: 5px !important;
}

@media only screen and (max-width: 450px) {
.row.uiuxClass.uiuxSubClass {
    margin-top: 16px !important;
    }
}

.uiuxTextHeading{
    font-size: 40px;
    font-weight: bold;
    font-family: Poppins;
}
.uiuxTextSubHeading{
    font-weight: bold;
    font-size: 20px;
    font-family: Poppins;
}
.uiuxTextMatter{
    color: #616161;
    margin-top: 15px;
    font-size: 15px;
    font-family: Poppins;
    text-align: justify;
}
#digitalServicesUI-UX{
    color: white;
    font-size: 30px;
    font-family: Poppins;
}


/* services new start */
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 450px) {

    .ourServicesPart{
        height: 100%;
    }

    .particleBlackPart{
        display: none !important;
    }
    #ourServicesLinksPart{
        width: 100vw !important;
        height: auto !important;

    }
    .CardTitle {
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    .ourServicesAccordionDSLink10 {
        display: none !important;
    }

    #ourServicesLinksFrame {
        height:0% !important;
        width:0% !important;
    }

    #ourInsight{
        width: 100% !important;
        height: 60vh !important;
    }

    .servicesHeadImg {
        width: 16%;
        margin-top: 16px;
    }
    .closeButton {
        padding-left: 198px;
        font-size: 25px;
        color: #000000;
    }
    .impact{
        top: 0px !important;
        margin-top: 0px !important;
    }
    .colWidth {
        width: 100% !important;
    }
    .blockchainAnimation {
        display: none !important;
    }
    .BCCard1 {
            border-radius: 10px;
            max-width: 204px;
            max-height: 245px !important;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
        }

        .BCCard{
            background: #FF4848;
            border-radius: 10px;
            border: none;
            max-width: 204px;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
        }
        .BCCardImg {
            background-color: white;
        }
}

@media only screen and (min-width: 450px) {
.particleBlackPartMobile {
    display: none !important;
}
.ourServicesAccordionDSLink01 {
    display: none !important;
}
.closeButton {
    display: none !important;
}
.blockChainAResponsive {
    display: none !important;
}
.InsWhyBFSCardColBC {
    display: flex;
    justify-content: center;
    width: 100% !important;
    padding-top: 1.2rem;

}
}

.ourServicesPart, .awsMainContent{
    margin-top: 90px;
}
.awsMainContent{
    position: relative;
    inset: 0;
}
.awsMainContentHead{
    text-align: center;
}
.awsTire{
    position: absolute;
    right: 3rem;
    top: 0;
}

.awsPartner{
    position: absolute;
    left: 3rem;
    top: 0;
}
#ourServicesLinksPart{
    background-color: #F8F6F3;
    padding: 20px 20px;
    width: 28vw;
    height: 100vh;
    display: inline-block;
}

#ourServicesLinksFrame,
#ourInsight{
    width: 71vw;
    margin: 0;
    padding: 0;
}

.ourServicesAccordionDSLinks{
    color: #838383;
}
.ourServicesAccordionDSLinksA{
    color: white;
}
.ourServicesAccordionDSA{
    background: black;
    border-radius: 5px;
}
.ourServicesAccordionDS:hover a{
    color: #838383;
}
.ourServicesAccordionUL .ourServicesAccordionDS.active{
    background: black;
    color: white;
    border-radius: 5px;
}
.ourServicesAccordionUL .ourServicesAccordionDS.active a{
    color: white;
}
.designText, .designSubText{
    font-family: Poppins;
    margin-top: 5px;
}
.impactHeadImg{
    width: 23%;
}
.designSubText, .designTextHead{
    color: white;
}
.designTextHead{
    font-weight: bold;
    font-family: Poppins;
    font-size: 20px;
}
.ourValuePropositionCommon{
    background: url('images/services/vectorBack.png');
}
.ourValImg{
    width: 17%;
}

.awsBannerBgImg{
    width: 100%;
}
.awsOfferingDeliverText:not(:last-child){
    margin-bottom: 3rem;
}
.downPart{
    position: relative;
    inset: 0;
}
.awsOfferingDeliverText{
    border: 3px solid black;
    padding: 1rem;
    border-radius: 10px;
    position: relative;
    inset: 0;
}
.awsOfferingBorderImg{
    position: absolute;
    width: 2rem;
}
.awsOfferingBorderImg:nth-child(2){
    bottom: -1rem;
    left: 2.5rem;
}
.awsOfferingBorderImg:nth-child(1){
    top: -1rem;
    right: 2.5rem;
}
.awsLine{
    height: 3px;
    background: #AB0000;
    width: 10%;
    text-align: center;
}
.awsBannerBg{
    position: relative;
    inset: 0;
}
.awsBannerBgText{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
}
.awsBannerBtn{
    border-radius: 5px;
    background: #AB0000;
    color: white;
    font-family: 'Poppins', sans-serif;
    margin-top: 2rem;
}
.awsBannerBtn:focus{
    box-shadow: none !important;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.servicesCardButton{
    background: #FF3B3B;
    outline: none;
    border: none;
}
.serviceBlackBox{
    background-color: black;
    padding-top: 3%;
    padding-bottom: 8%;
}
.servicesCardButtonText{
    font-size: 9px;
    position: relative;
    bottom: 2px;
    color: white;
    font-family: Poppins;
}
.servicesCardButtonSpan2{
    display: none;
}
.serviceCardSize{
    min-height: 480px;
    border-radius: 10px;
}
.serviceCardSize:hover, .serviceCardSize2:hover{
    background: black;
    color: white;
}
.serviceCardTitle{
    font-family: Poppins;
    font-size: 23px;
}
.serviceCardText{
    font-size: 14px;
}
.serviceCardText, .soluionsCardText{
    text-align: justify;
    padding-bottom: 10px;
    font-family: Poppins;
}
.soluionsCardText{
    font-family: gilroyMediumFont;
}
.serviceBlackCardLine{
    border-top: 5px solid red;
    width: 40px;
    text-align: center;
}
.serviceBlackCard{
    border: 1px solid #525252;
    min-height: 320px;
}
.serviceBlackCardTitle, .serviceBlackCardText, .serviceLeftTickText, .organizationtext{
    font-family: Poppins;
}
.serviceBlackCardText{
    font-weight: lighter;
    font-size: 12px;
    opacity: .7;
}
.serviceCardSize2{
    min-height: 540px;
    border-radius: 10px;
}
.serviceCardSize3{
    min-height: 400px;
}
.serviceClientIneraction{
    position: relative;
    bottom: 30%;
}
.servicescrollmain{
    letter-spacing: 15px;
    transform: rotate(90deg);
    margin-bottom: 120px;
    font-size: 12px;
    top: 40% !important;
    font-family: gilroyBoldFont;
}
.whatText{
    font-family: Poppins;
    font-weight: bold;
}
.servicescrollmain1, .solutionsScrollmain1, .servicescrollmain{
    position: sticky;
    top: 60%;
    z-index: 1;
    font-family: gilroyRegularFont;
}
.solutionsScrollmain1, .servicescrollmain1{
    color: #DBDBDB;
    font-size: 60px;
    letter-spacing: 5px;
    transform: rotate(270deg);
    font-weight: normal;
}
.solutionsScrollmain1{
    font-size: 50px;
    margin-top: 220px;
}

.organizationtext{
    padding-top: 10px;
    max-width: 20ch;
    border-top: 3px solid red;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: .5rem;
    }
}
@media (max-width: 992px) {
    .serviceCardSize{
        min-height: 0;
    }
    .awsMainContent{
        margin-top: 90px;
    }
    #serviceClientIneractionLogo{
        margin-top: 20px;
    }
    .serviceOrganizationText{
        margin-top: 30px;
    }
    .serviceBlackBox{
        padding-bottom: 0;
    }
    #serviceClientIneractionDiv{
        display: none !important;
    }
    .serviceCardSize2, .serviceCardSize3{
        min-height: 0;
    }
    #serviceMiddlecard1, #serviceMiddlecard2, #serviceMiddlecard3{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #serviceBlackCard1, #serviceBlackCard2{
        margin-bottom: 50px;
    }
    #serviceCardText7, #serviceCardText5, #serviceCardText6{
        margin-top: 0 !important;
    }

    .awsTire{
        right: 1rem;
    }
    .awsPartner{
        left: unset;
        right: 8rem;
    }
}
@media (max-width: 790px) {
    .awsMainContentHead{
        text-align: start;
        margin-left: 1rem;
    }
}
@media (max-width: 768px) {
    #serviceBlackCard3{
        margin-bottom: 50px;
    }
    #organizationTextLogo{
        margin-top: 20px;
    }
    .servicesynycs{
        margin-top: 30px !important;
    }
    #serviceBlackCard1{
        margin-top: -50px ;
    }
}

@media (max-width: 600px) {
    #solutionsScrollmain1Div, #servicescrollmainDiv, #servicescrollmainDiv, #servicescrollmain1Div{
        display: none;
    }

}

@media (max-width: 680px) {
    .awsBannerBgText h1{
        font-size: 1.5rem;
    }
    .awsBannerBgText button{
        margin-top: 1rem;
    }
}
@media (max-width: 650px) {
    .awsTire{
        top: -1rem;
    }
    .awsPartner{
        right: 8rem;
        left: unset;
        top: -1rem;
    }

    .awsTire img,
    .awsPartner img{
        width: 5rem;
    }
}
/* ---- reset ---- */

/* ---- particles.js container ---- */

#particles-js {
    position: absolute;
    width: 100%;
    height: 400px;
    background-color: #000000;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

/* ---- stats.js ---- */

#stats{
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    display: none;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.BCWhySynycsHead, .BCWhySynycsSub, .BCWhyBcHead, .BCWhyBcSub{
    font-family: Poppins;
    color: white;
}
.BCWhyBcHead{
    color: black;

}
.BCWhyBcHeadLine, .BCServicesAnimationPartHeadLine{
    border-top-style: solid;
    border-top-color: red;
    animation: BCWhyBcHeadTopLine 3s infinite linear alternate;
    width: 0;
    height: 8px;
}
.BCServicesAnimationPartHeadLine{
    border-top-color: white;
}
@keyframes BCWhyBcHeadTopLine {
    from {width: 0; left: 100%;}
    to {width: 20% ;left: 0;}
}
.BCWhySynycsSub, .BCWhyBcSub{
    color: #BEBEBE;
    font-size: 13px;
}
.BCWhySynycs{
    padding: 50px;
    background: #211F1F;
}


.BCSynycsShadowLine1{
    border-bottom-color: white;
    border-bottom-style: solid;
    animation: BCSynycsShadowTopLine 6s infinite linear alternate;
    width: 0;
    height: 5px;

}
@keyframes BCSynycsShadowTopLine {
    from { width: 0 ;left: 100%;}
    to {width: 100% ;left: 0;}
}
.BCSynycsShadowLine2{
    border-bottom-style: solid;
    border-bottom-color: red;
    width: 10px;
    height: 5px;
    position: relative;
    animation: BCSynycsShadowBottomLine 6s infinite linear alternate;
}
@keyframes BCSynycsShadowBottomLine {
    from { width: 0 ;left: 100%;}
    to {width: 100% ;left: 0;}
}
.BCSynycsShadowSynycs{
    color: #474747;
    font-size: 7vw;
    text-shadow:  0 100px 99px #000000,
                    0 46.23px 45.7px #000000,
                    0 26.45px 26.19px #000000,
                    0 16.06px 15.9px #000000,
                    0 9.68px 9.58px #000000,
                    0 5.39px 5.39px #000000,
                    0 2.32px 2.29px #000000;
}
.centerBCSynycs{
    display: flex;
    flex-direction: column;
}
.BCSynycsShadowHyper{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.BCSynycsShadowHyper2{
    position: absolute;
    top: 280px;
    right: 12vw;
}

@media only screen and (max-width: 450px) {
    .BCSynycsShadowLine1{
        margin-bottom: 0px !important;
    }
    .BCWhyBcHeadLine {
        margin-top: 0px !important;
    }
}



@media only screen and (max-width: 991px) {
    .QuotationInsightL, .QuotationInsightB{
        display: none;
    }
    .BCSynycsShadowHyper2 .BCWhySynycsHyperledgerFabric {
    display: none;
}

}

@media only screen and (max-width: 991px){
    .card-space {
        /* margin: 10px!important; */
        margin-bottom: 10px !important;
    }
    
    }



.blockchainCardImg{
    width: 30px;
}

.BCCardBodyTitle{
    font-family: Poppins;
    font-size: 16px;
    color: white;
    font-weight: bold;
}
.BCCardBodyTitleSub{
    color: white;
    font-family: Poppins;
    font-size: 13px;
}
.BCCardBodyTitleSub::before{
    content: '';
    width: 15px;
    height: 1px;
    background: #FFFFFF;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    transition: 400ms ease all;
    transform: rotate(-68deg);
}

.blockchainAnimationCard{
    background: #FCF7F7;
}
.blockchainAnimation{
    background: #FBFBFB;
    display: flex;
    justify-content: center;
}
.BCServicesAnimationPartCards{
    display: flex;
}
.BCServicesAnimationPartCard{
    width: 100vw;
}
.particleBlackPartCF{
    position: relative;
}
.impact{
    position: relative;
    top: 150px;
    padding: 0 60px 60px;
}
.particleBlackPartRight{
    width: 69vw;
    max-height: 150px;
    padding-left: 30px;
}
.particleBlackPartLeft{
    width: 30vw;
}
.particleBlackPart{
    margin-top: 20px;
}
/* bank start */
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.InsBankingPart{
    background: url(images/industries/banking.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#healthCareIMg{
    background: url(images/industries/healthcare.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#telecomIMg{
    background: url(images/industries/telecom.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#educationIMg{
    background: url(images/industries/educationSlide.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#manufactureIMg{
    background: url(images/industries/manufacturing.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#transportIMg{
    background: url(images/industries/transport.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#mediaIMg{
    background: url(images/industries/media.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#energyIMg{
    background: url(images/industries/energy.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.InsBebasHead, .InsBebasSub, .InsCarouselPartHead{
    font-weight: bold;
    font-family: Poppins;
}
.InsBebasSubMatter{
    font-family: Poppins;
    color: #797979;
    max-width: 60ch;
    text-align: center;
    display: flex;
    margin: auto;
}
.InsCarouselPartHead{
    color: white;
}
.InsCarouselPartSub, .InsCaseStudySubMatter{
    color: white;
    font-family: Poppins;
    margin: 0 0 0 10px;
    max-width: 60ch;
}
.InsCarouselPartSub::before, .InsCaseStudySubMatter::before{
    content: "";
    width: 8px;
    display: block;
    height: 3px;
    left: -11px;
    top: 12px;
    position: relative;
    background: #FF3F3F;
}
.InsCarouselPart{
    background: #222222;
}
#InsRiskCarouselIndicators{
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 10px;
    gap: 50px;
}
.inButtonTitle{
    width: 10px;
    height: 10px;
    background: #FF3F3F;
}
.InsRiskCarouselIndicatorsBtn{
    border-left-style: solid;
    border-left-color: #FF3F3F;
    height: 30px;
    position: relative;
    top: 20px;
    right: 10px;
}
#InsRiskCarouselIndicatorsBtn1::before{
    content: "";
    width: 25px;
    display: block;
    height: 2px;
    left: 28px;
    top: 13px;
    position: relative;
    background: white;
    transition: 400ms ease all;
}
#InsRiskCarouselIndicatorsBtn1:hover::before{
    content: "";
    width: 35px;
    display: block;
    height: 2px;
    right: 55px;
    top: 13px;
    position: relative;
    background: white;
    transition: 400ms ease all;
}
#InsRiskCarouselIndicatorsBtn2::before{
    content: "";
    width: 25px;
    display: block;
    height: 2px;
    right: 29px;
    top: 13px;
    position: relative;
    background: white;
    transition: 400ms ease all;
}

#InsRiskCarouselIndicatorsBtn2:hover::before{
    content: "";
    width: 35px;
    display: block;
    height: 2px;
    right: 24px;
    top: 13px;
    position: relative;
    background: white;
    transition: 400ms ease all;
}
.InsWhyBFSIHead{
    font-family: Poppins;
    font-size: 16px;
    font-weight: bold;
    margin-top: 6px;
    color: white;
}
.InsWhyBFSIHeadImg{
    width: 25px;
}
.InsWhyBFSISub{
    font-family: Poppins;
    font-size: 11px;
    max-width: 25ch;
    color: white;
}
.InsWhyBFSCard{
    background: #FF4848;
    border-radius: 10px;
    border: none;
    max-width: 220px;
    max-height: 188px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.transportationWhyBFSCard{
    background: #FF4848;
    border-radius: 10px;
    border: none;
    max-width: 220px;
    max-height: 188px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.transportationWhyBFSCard1{
    border-radius: 10px;
    max-width: 220px;
    max-height: 188px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.InsWhyBFSCard1{
    border-radius: 10px;
    max-width: 220px;
    max-height: 188px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.ResultsBFSCard1{
    border-radius: 10px;
    max-width: 220px;
    max-height: 188px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.InsWhyBfsText{
    font-family: Poppins;
    background: #FF4848;
    font-weight: bold;
    font-size: 25px;
    border: 2px solid #FF4848;
    border-radius: 8px;
    padding: 10px 35px;
    width: auto;
    margin: auto;
    display: flex;
    color: #FEFEFE;
    z-index: 1;
}
.InsWhyBFSCardCol, .InsWhyBFSCardRow{
    display: flex;
    justify-content: center;
}
.InsWhyBFSCardLeftImage{
    position: absolute;
    top: 240px;
    left: 307px;
    width: 16vw;
}
.healthcareBFSCardLeftImage{
    position: absolute;
    top: 240px;
    left: 307px;
    width: 16vw;
}
.educationBFSCardLeft{
    position: absolute;
    top: 240px;
    left: 307px;
    width: 16vw;
}
.InsWhyBFSCardRightImage{
    position: absolute;
    top: 240px;
    right: 307px;
    width: 16vw;
}
.healthcareBFSCardRightImage{
    position: absolute;
    top: 240px;
    right: 307px;
    width: 16vw;
}
.educationBFSCardRight{
    position: absolute;
    top: 240px;
    right: 307px;
    width: 16vw;
}

.InsWhyBFSCardLeftDownImage{
    position: absolute;
    top: 375px;
    left: 450px;
    width: 16vw;
}
.healthcareBFSCardLeftDownImage{
    position: absolute;
    top: 375px;
    left: 450px;
    width: 16vw;
}
.transporWhyBFSCardLeftDownImageUp{
    position: absolute;
    top: 240px;
    left: 450px;
    width: 16vw;
}
.transporWhyBFSCardRightDownImage {
    position: absolute;
    top: 375px;
    right: 450px;
    width: 16vw;
}
.transporWhyBFSCardLeftDownImage {
    position: absolute;
    top: 375px;
    left: 450px;
    width: 16vw;
}
.InsWhyBFSCardLeftDownImageUp{
    position: absolute;
    top: 240px;
    left: 450px;
    width: 16vw;
}
.InsWhyBFSCardRightDownImageUp{
    position: absolute;
    top: 240px;
    right: 450px;
    width: 16vw;
}
.transporWhyBFSCardRightDownImageUp{
    position: absolute;
    top: 240px;
    right: 450px;
    width: 16vw;
}
.InsWhyBFSCardRightDownImage{
    position: absolute;
    top: 375px;
    right: 450px;
    width: 16vw;
}
.healthcareBFSCardRightDownImage{
    position: absolute;
    top: 375px;
    right: 450px;
    width: 16vw;
}
.InsWhyBFSCardLineImage{
    position: absolute;
    top: 237px;
    right: 673px;
    width: 2vw;
    height: 12vh;
}
.healthcareBFSCardLineImage{
    position: absolute;
    top: 237px;
    right: 673px;
    width: 2vw;
    height: 12vh;
}
.educationWhyBFSCardLine{
    position: absolute;
    top: 237px;
    right: 673px;
    width: 2vw;
    height: 12vh;
}
.InsminiSlidesTextHead{
    font-family: Poppins;
    font-size: 1.5vw;
    font-weight: bold;
}
.InsCaseStudy{
    font-family: Poppins;
    font-size: 2.5vw;
    font-weight: bold;
    text-align: center;
    display: none;
}
.InsCaseStudySub, .InsCaseStudySubMatter{
    font-family: Poppins;
    font-size: 14px;
    font-weight: lighter;
    text-align: initial;
}
.InsCaseStudySubHead{
    font-family: Poppins;
    font-size: 18px;
    font-weight: bold;
    text-align: initial;
}
.InsCaseStudySubMatter{
    max-width: initial;
}
.InsMarqueeHead{
    font-family: Poppins;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 18px;
    text-align: center;
    margin-top: 40px;
    color: white;
}
.InsMarqueeHeadLine{
    border-top-style: solid;
    border-top-color: #FF3F3F;
    width: 30px;
    display: flex;
    cursor: pointer;
    margin: auto;
    transition: all 0.4s ease-in-out 0s
}
.InsMarqueeHeadLine:hover{
    width: 200px;
    transition: all 0.4s ease-in-out 0s
}
.InsMarqueeWhite{
    color: white;
}
.InsMarqueeRed{
    color: #FF6060;
}
.InsMarqueePart{
    padding: 50px 0;
    background-image: url(images/blockchain/blackVector.png);
}
.education{
    position: absolute; bottom: 20px; left: 100px
}
.manufacturing,.HealthCare{
    position: absolute; bottom: 20px; right: 100px; text-align: right
}
.transportation{
    position: absolute; bottom: 20px; left: 100px
}
.energy{
    position: absolute; bottom: 20px; right: 100px; text-align: right
}
.healthCare{
    position: absolute; bottom: 20px; left: 100px;text-align: right;
}
.telecom{
    position: absolute; bottom: 20px; right: 100px; text-align: right
}
.media{
    position: absolute;
    bottom: 20px;
    left: 100px
}
.BankingMarque{
    font-family: bebasRegular;
    color: #E5E5E5; 
    opacity: .5; 
    font-size: 5vw;
}
.matter{
    margin-left: 60px
}
.bfsiCard{
    margin-top: 80px;
}
.marqueeText{
    font-family: bebasRegular;
    font-size: 5vw;
}
.Next{
    position: absolute;
    width: auto; 
    right: 17px
}
.Prev{
    position: absolute;
    width: auto; 
    left: 17px
}

/*Logistics*/
.bgdLogistic {
    background: black;
    padding: 23px;
}
#bgdLogistics2 {
    font-weight: bold;
    font-size: 1.5vw;
    padding-top: 10px;
    border-top-style: solid;
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-color: #FF2020;
    font-family: Poppins;
}

#bgdLogistics1 {
    font-weight: bold;
    font-size: 1.5vw;
    padding-right: 10px;
    border-right-style: solid;
    border-color: #FF2020;
    font-family: Poppins;
}

.srahanjGBioDiv{
    width: 100%;
    display: flex;
    justify-content: center;
}
.srahanjBio{
    display: flex;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 0px 20px #bebebe, -15px -15px 30px #ffffff;
}

.srahanjLogo{
    width: 140px;
    height: 100%;
}

.srahanjTextInfo{
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.srahanjLine{
    height: 3px;
    width: 0px;
    background: red;
    animation: srahanjLineAnimation 5s linear infinite;
    margin: 2px 0 4px 0;
}

.insightResearch{
    display: flex;
    justify-content: center;
    align-items: center;
}

.insightMicroServ{
    display: flex;
}
.insightMicroCount{
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    background: -webkit-linear-gradient(#00ABD4, #112755);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.insightResCount{
    margin: 0;
    font-size: 115px;
    font-weight: bold;
    color: white;
    text-shadow: 0px 0 5px #032954;
}

@keyframes srahanjLineAnimation {
    0%, 100% {
        width: 0;
    }
    50% {
        width: 70px;
    }
}

/*solutions start*/
/*--------------------------------------------------------------------------------------------------------------*/
.solutionsBlackHead{
    font-family: gilroySemiBoldFont;
    font-size: 2vw;
    max-width: 20ch;
    color: white;
}
.solutionsBlackMatter{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.solutionsBlackMatterHead{
    position: absolute;
    top: 25%;
    left: 15%;
}
#solutionsCarouselIndicators{
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 28%;
    left: 70%;
    height: 300px;
    width: 80px;
}
.solutionsButtonTitle{
    float: right;
    clear: both;
    width: 35px;
    height: 3px;
    background: #FFFFFF;
    transition: 400ms all ease;
}
.solutionsIconProdcut{
    color: #7C7C7C;
    float: right;
    clear: both;
}
.solutionsButtonTitle:hover{
    width: 65px;
}
.erpSubHead, .erpHead, .erpScrollHead{
    font-family: Poppins;
    font-size: 1.2vw;
}
.erpHead{
    font-size: 3.2vw;
    font-weight: bold;
    color: #FFFFFF;
}
.erpSubHead{
    color: #BCBCBC;
}
.erpScrollHead{
    color: white;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}
.solutionsListGroup{
    color: white;
    font-family: Poppins;
    list-style: none;
    font-size: 12px;
    padding: 0 0 0 15px;
    overflow-y: scroll;
    height: 300px;
    width: 300px;
}
.solutionsListGroup .solutionsListGroupItem::before{
    content: "\2022";
    color: #C4C4C4;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.solutionsListGroup::-webkit-scrollbar-track, #interactionRight::-webkit-scrollbar-track
{
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
}

.solutionsListGroup::-webkit-scrollbar, #interactionRight::-webkit-scrollbar
{
    width: 5px;
}

.solutionsListGroup::-webkit-scrollbar-thumb, #interactionRight::-webkit-scrollbar-thumb
{
    cursor: pointer;
    border-radius: 8px;
    background-color: #383838;
}
.solutionsSubParts{
    background-color: #211F1F;
}
.solutionsSubs{
    position: relative;
    inset: 0;
}
.solutionsDivButtons{
    position: sticky;
    right: 5%;
    top: 60%;
    margin-right: 50px;
}
.ResultsBFSCard{
    background: #FF4848;
    border-radius: 10px;
    border: none;
    max-width: 220px;
    max-height: 188px !important;
    /*box-shadow: 0 100px 203px #000000, 0 42px 85px #000000, 0 22px 45px #000000, 0 12px 25px #000000, 0 6px 13px #000000, 0 2px 5px #000000;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.CRMTitle,.ERPTitle{
    display: none;
}
@media (max-width: 758px) and (min-height:568px) {
    /* solutions for mobile responsive */
    .solutionsBlackMatterHead {
        position: absolute;
        top: 29%;
        left: 8%;
    }
    .solutionsBlackHead {
        font-size: 3.6vw;
    }
    .OurServices {
        margin: 0px 0 0 0 !important;
        font-size: 4.5vw!important;
    }
    .servicesOur {
        font-size: 2.1vw !important;
    }
    .erpHead {
        font-size: 3.6vw;
    }
    .erpSubHead {
        font-size: 3vw;
        text-align: justify;
    }
    .crmservices{
        padding-left: 0rem !important;
    }
    .solutionsDivButtons {
        display: none !important;
    }
    .BCSynycsShadowSynycs {
        text-align: center;
        padding-top: 1rem;
    }
    .erp ,.ecom, .CMS{
        padding: 1rem 3rem 0rem 3rem !important;
    }
    .solutionsListGroup {
        color: white;
        font-family: Poppins;
        list-style: none;
        font-size: 12px;
        padding: 0 0 0 15px;
        overflow-y: scroll;
        height: 183px;
        width: 300px;
    }
    .CRMTitle2{
        display: none;
    }
    .CRMTitle{
        display: block;
        margin-bottom: 1.5rem;
    }
    .CrmGap{
        margin-top: 0rem !important;
    }
    .solutionsBlackHead {
        max-width: 100%
    }

    /* mobile responsive for banking page */
    .InsWhyBFSCardCol{
        display: flex;
        justify-content: center;
        width: 100% !important;
        padding-top: 1.2rem;
    }
    .InsWhyBFSCardRow {
      margin-top: 0px !important;
    }
    .bfsiCard{
        display: none;
    }
    .InsWhyBfsText {
        display: none;
    }
    .InsWhyBfsText2 {
    font-family: Poppins;
    font-weight: bold;
    font-size: 17px;
    color:black;
    display: block !important;
    text-align: center;
    }
    .InsminiSlidesTextHead {
        font-size: 2.7vw;
    }
    .education {
        position: absolute;
        bottom: -3px;
        left: 74px;
    }
    .manufacturing {
        position: absolute;
        bottom: -3px;
        right: 68px;
        text-align: right;
    }
    .transportation{
        position: absolute; 
        bottom: -3px; 
        left: 67px
    }
    .energy{
        position: absolute;
        bottom: -3px;
        right: 67px;
        text-align: right
    }
    .telecom {
    position: absolute;
    bottom: -3px;
    right: 68px;
    text-align: right;
    }
    .healthCare{
        position: absolute; 
        bottom: -3px;
        left: 68px
    }
    .media{
        position: absolute;
        bottom: -3px;
        left: 79px
    }
    .InsBankingPart {
        background: url(images/industries/banking.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 52vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .BCWhyBcHeadLine {
        margin-top: 5rem;
    }
    .BankingMarque{
        font-family: bebasRegular;
        color: #E5E5E5; 
        opacity: .5; 
        font-size: 12vw;
    }
    .InsBebasSubMatter {
        margin: 1.2rem;
        text-align: justify;
    }
    .RiskRetail{
        display: none;
    }
    .wholeProducTitle {
        margin-top: -34px;
    }
    .prowholeProducTitle {
        margin-top: 330px;
    }
    .matter{
        margin-left: 22px;
    }
    .marqueeText{
        font-size: 9vw;
        height: auto;
    }
    .Next {
        position: absolute;
        width: auto;
        right: 4px;
    }
    .Prev {
        position: absolute;
        width: auto;
        left: 4px;
    }
    /* education page */

    .HealthCare{
        position: absolute;
        bottom: -3px;
        right: 67px; 
        text-align: right
    }
    .banking{
        position: absolute;
        bottom: 20px; 
        left: 100px
    }
    .cmnImageHide{
        display: none;
    }
}
@media (max-width: 770px) and (min-height:812px) {
    /* solutions page for tablet responsive */
    .erpSubHead {
        font-size: 2.2vw;
    }
    .solutionsBlackHead {
        font-size: 2.3vw;
    }
    .OurServices {
        font-size: 3vw!important;
    }
    .servicesOur {
        font-size: 1.8vw !important;
    }
    .solutionsDivButtons {
        position: sticky;
        right: 8%;
        top: 60%;
        margin-right: 13px;
    }
    .erpScrollHead {
        font-size: 3.5vw;
    }
    .solutionsListGroup {
        font-size: 2.2vw;
    }
    /* banking page for tablet responsive */
    .InsWhyBFSCardLeftImage {
        position: absolute;
        top: 263px;
        left: 118px;
        width: 19vw;
        height: 10vh;
    }
    .InsWhyBFSCardRightImage {
        position: absolute;
        top: 260px;
        right: 129px;
        width: 20vw;
        height: 10vh;
    }
    .InsWhyBFSCardLeftDownImage {
        position: absolute;
        top: 392px;
        left: 225px;
        width: 19vw;
        height: 8vh;
    }
    .InsWhyBFSCardRightDownImage {
        position: absolute;
        top: 392px;
        right: 248px;
        width: 19vw;
        height: 8vh;
    }
    .InsWhyBFSCardLineImage {
        position: absolute;
        top: 260px;
        right: 381px;
        width: 3.4vw;
        height: 8vh;
    }
    .InsWhyBFSCard1 {
        max-height: 212px !important;
    }
    .InsWhyBFSCard {
    max-height: 212px !important;
    }
    .ResultsBFSCard{
        max-height: 225px !important;
    }
    .InsminiSlidesTextHead {
        font-family: Poppins;
        font-size: 2.1vw;
        font-weight: bold;
    }
    .InsBankingPart {
        background: url(images/industries/banking.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 54vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    /* education page */
    .ResultsBFSCard1{
        max-height: 225px !important;
    }
    .educationWhyBFSCardLine{
        position: absolute;
        top: 275px;
        right: 381px;
        width: 3.4vw;
        height: 8vh;
    }
    .educationBFSCardLeft {
        position: absolute;
        top: 275px;
        left: 118px;
        width: 19vw;
        height: 10vh;
    }
    .educationBFSCardRight {
        position: absolute;
        top: 275px;
        right: 129px;
        width: 20vw;
        height: 10vh;
    }
    /* manfacturing page */
    .InsWhyBFSCardRightDownImageUp {
        position: absolute;
        top: 265px;
        right: 260px;
        width: 17vw;
        height: 7vh;
    }
    .InsWhyBFSCardLeftDownImageUp {
        position: absolute;
        top: 253px;
        left: 241px;
        width: 17vw;
        height: 8vh;
    }
    /* healthcare page */
    .healthcareBFSCardLeftImage {
        position: absolute;
        top: 247px;
        left: 118px;
        width: 19vw;
        height: 10vh;
    }
    .healthcareBFSCardRightImage {
        position: absolute;
        top: 247px;
        right: 129px;
        width: 20vw;
        height: 10vh;
    }
    .healthcareBFSCardLeftDownImage {
        position: absolute;
        top: 385px;
        left: 225px;
        width: 19vw;
        height: 8vh;
    }
    .healthcareBFSCardRightDownImage {
        position: absolute;
        top: 385px;
        right: 248px;
        width: 19vw;
        height: 8vh;
    }
    .healthcareBFSCardLineImage {
        position: absolute;
        top: 246px;
        right: 381px;
        width: 3.4vw;
        height: 8vh;
    }
    /* transportation page */
    .transportationWhyBFSCard1 {
        max-height: 245px !important;
    }
    .transportationWhyBFSCard {
    max-height: 245px !important;
    }
    .transporWhyBFSCardLeftDownImageUp{
        position: absolute;
        top: 284px;
        left: 241px;
        width: 17vw;
        height: 8vh;
    }
    .transporWhyBFSCardRightDownImageUp{
        position: absolute;
        top: 296px;
        right: 260px;
        width: 17vw;
        height: 7vh;
    }
    .transporWhyBFSCardRightDownImage {
        position: absolute;
        top: 432px;
        left: 378px;
        width: 17vw;
        height: 7vh;
    }
    .transporWhyBFSCardLeftDownImage {
        position: absolute;
        top: 432px;
        left: 239px;
        width: 17vw;
        height: 7vh;
    }
}

/* Customer Stories Page Start */
.customerMainContent{
    margin-top: 80px;
    overflow: hidden;
}
.cContainer {
    background-color: #AB0000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45vh;
    width: 28%;
}
.customerImage {
    max-width: 75%;
    height: auto;
}
.customerStoriesList{
    padding-top: 2rem;
}
.customerStories_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
    margin-left: 7rem;
}
.customerContent{
    padding-left: 10%;
}
.customerStoryContent {
    background-color: #FFFAF6;
    width: 72vh;
    padding: 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 100%;
    margin-bottom: 1rem;
}
.services-list {
    list-style-type: disc;
    margin-left: 20px;
}

.services-list li {
    margin-bottom: 10px;
}

    .customer-paragraph {
        background-color: #F2F2F2;
        padding: 2rem;
        border-radius: 10px;
    }
    .card{
        height: 100vh;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .card-header{
        background-color: #AB0000;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        padding: 1rem;
        border-radius: 10px;
    }
    .card-body{
        background-color: #FFFAF6;
        border-radius: 10px;
    }
   .image-position{
       position: relative;
   }
    .text-overlay {
        position: absolute;
        top: 0rem;
        left: 1rem;
        color: white;
    }
@media (max-width: 1200px) {
    .cContainer {
        width: 33%;
    }
}

@media (max-width: 768px) {
    .cContainer {
        /*width: 70%;*/
        /*height: 50vh;*/
        margin: 0 3rem;
    }
    .customerContent {
        padding: 2rem;
    }
    .customerStories_container {
         margin: 0;
    }
}

@media (max-width: 480px) {
    .cContainer {
        width: 80%;
        height: 60vh;
    }
    .customerStories_container {
         margin: 2rem;
    }
}
/* Insight Page */

.insightContainer{
    margin-top: 80px;
    background-image: url("images/insight/BG.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FAF7EF;
}

.insightSidebar{
    border-right: 2px solid #9C9C9C;
    padding-top: 6rem;
}

.insightHead{
    font-size: 2.5rem;
}

.insightHeadImageCol{
    animation: insightHeadImageAnimation 5s linear infinite;
    position: relative;
    left: 0;
    bottom: 0;
}

.insightHeadImage{
    width: 90%;
}
@keyframes insightHeadImageAnimation {
    0%, 100% {
        bottom: 0;
    }
    50% {
        bottom: 30px;
    }
}

.insightSubHead{
    font-size: 1.25rem;
}

.caseStudiesList{
    padding-top: 3rem;
    padding-bottom: 3.5rem;
}

.insightPercentText{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}

.insightPercent{
    position: relative;
    inset: 0;
    display: grid;
}

.insightPerImage{
    position: absolute;
    left: -28%;
    bottom: 0px;
    opacity: 20%;
}

.insightTickMark{
    width: 25px;
}

.insightTextHead{
    font-size: 1.3rem;
}
.insightText{
    font-size: 1.2rem;
    margin: 5px 0 2rem 0;
}

.QuotationInsightL{
    width: 13rem;
    position: absolute;
    left: -120px;
    bottom: 15px;
    opacity: 15%;
}

.QuotationInsightB{
    width: 13rem;
    position: absolute;
    right: -50px;
    top: 30px;
    rotate: 180deg;
    opacity: 15%;
}

.QuotationInsightDiv{
    position: relative;
    inset: 0;
}

.insightMicroPercent{
    font-weight: bold;  font-size: 80px;font-family: sans-serif;
    background: -webkit-linear-gradient(#00ABD4, #112755);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.insightBtn{
    border-bottom: 4px solid #FE4948;
    width: fit-content;
    margin: 2rem 0;
    color: #FE4948;
}

.insightBtn > a {
    text-decoration: none;
    color: #FE4948;
}

.helloDoctorDiv, .AWS_LedgerDiv{
    position: relative;
    inset: 0;
}

.helloDoctorImg{
    position: absolute;
    top: 0;
    left: 38%;
    opacity: 15%;
    width: 20rem;
}

.AWSLedgerImg{
    position: absolute;
    bottom: 50px;
    right: 0;
    opacity: 15%;
    width: 15rem;
}

.blockChainInsight{
    width: 5rem;
}

.lamdaInsight{
    width: 4rem;
}

.insightPeopleInfoDiv{
    width: 60%;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 7px 0px inset;
    background: rgb(255, 255, 255);
    /*display: flex;*/
    /*justify-content: center;*/
    border-radius: 10px;
    padding: 30px;
}

.caseStudiesList{
    padding-left: 3%;
}

.readArticle{
    cursor: pointer;
    color: #FE4948;
    text-decoration: none;
    font-weight: 500;
}

.readArticle:before{
    content: '';
    width: 15px;
    height: 2px;
    background: #FE4948;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    transition: 400ms ease all;
    transform: rotate(-68deg);
}

.readArticle:hover:before{
    content: '';
    width: 25px;
    height: 2px;
    background: #FE4948;
    color: #FE4948;
    display: inline-block;
    vertical-align: middle;
    transition: 400ms ease all;
    margin-right: 5px;
    opacity: 1;
    margin-left: 5px;
    transform: rotate(0deg);
}

.readArticle:hover{
    transition: 200ms ease all;
    color: #FE4948;
    font-weight: 700;
}

.caseStudiesList .subHead{
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;
}

.caseStudiesList .subHead2{
    font-size: 14px;
    font-weight: 500;
}

.caseStudiesList p{
    font-size: 14px;
    margin-bottom: 0.25rem;
}

.caseStudiesList .divider{
    margin-top: 3.5rem;
}
.caseStudy_container .row:not(:first-child),
.blogs_container .row{
    margin-top: 3.5rem;
}

.blurInsightBtn{
    opacity: 0.5;
}

.caseStudy_IndividualPage{
    margin-top: 80px;
    padding: 0 3rem;
}

.breadcrumb-item > a{
    text-decoration: none;
    color: #2a2a2a;
}

.breadcrumb-item.active{
    color: #FE4948;
    font-weight: 500;
}

@media (max-width: 758px) and (min-height:568px) {
    /* solutions for mobile responsive */
    .insightSidebar,
    .caseStudiesList{
        padding-top: 0;
    }

    .caseStudy_container .row:not(:first-child),
    .blogs_container .row{
        margin-top: 0;
    }

    .caseStudy_container .col-sm-12,
    .blogs_container .col-sm-12{
        margin-top: 1.5rem;
    }
}

@media (max-width: 770px) and (min-height:812px){
    /* solutions page for tablet responsive */
    .insightSidebar,
    .caseStudiesList{
        padding-top: 0;
    }

    .caseStudy_container .row:not(:first-child),
    .blogs_container .row{
        margin-top: 0;
    }

    .caseStudy_container .col-sm-12,
    .blogs_container .col-sm-12{
        margin-top: 1.5rem;
    }
}

.OurTeamDesignation{
    white-space: nowrap;
}

.clientLogos{
    margin: 0 8rem;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .clientLogos{
        margin: 0;
    }
}

.eventBanner{
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(to bottom, #AB0000, #0A0A0A);
    border: none;
    border-radius: 10px;
}

.eventBanner p{
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 1px;
}

.eventBanner .bannerHeading{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.eventBanner .subHeading{
    font-size: 14px;
    margin-bottom: 3rem;
}

.eventBanner .eventDate{
    font-weight: 600;
}

.eventBanner .eventDate i{
    margin-right: 1rem;
}

.eventBanner .btn-close {
    background-color: #FFFFFF;
    background-size: 0.75rem;
    border-radius: 50%;
    opacity: 1;
}

.eventBanner .btn{
    background: #AB0000;
    border: none;
    padding: .5rem 4rem;
    border-radius: 5px;
    color: white;
    text-decoration: none;
}



/**/
.fw-600{
    font-weight: 600 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fs-42{
    font-size: 42px !important;
}
.fs-70{
    font-size:70px;
}
.fs-15{
    font-size: 15px;
}
.fs-16{
    font-size: 16px;
}
.fs-17{
    font-size: 17px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-24{
    font-size: 24px;
}
.fs-30{
    font-size: 30px;
}
.fs-32{
    font-size: 32px;
}