.service-style {
    background-image: url(images/service.svg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: top right;
}

.bords {
    display: block;
    align-items: center;
}

.bords :hover {
    background-color: #00AEAE;

}

.bg-light {
    background-image: url(images/line\ bg.svg);
}

.icon-text {
    display: flex;
    align-items: center;
}

.icon-text i {
    margin-right: 8px;
    /* Adjust spacing between icon and text */
}

.back {
    color: #008080;
    font: normal normal 400 18px/20px "Poppins", sans-serif;
    text-decoration: none;
}
.back-main {
    justify-content: center;
    position: relative;
    left: 1px;
}




.blue-head {
    color: #003788;
    font-size: 20px;
}

.bluesub-head {
    font-size: 600 20px/30px;
    color: #003788;
    font-family: "Poppins", sans-serif;
}

.blue-head-white {
    font-size: 600 20px/30px;
    color: white;
    font-family: "Poppins", sans-serif;

}

.blue-cont-white {
    font-size: 18px;
    color: white;
    font-family: "Poppins", sans-serif;
}

.inner-content {
    font-size: 18px;
    overflow-y: auto;
}

.sercontent {
    left: 0px;
    /* UI Properties */
    font: normal normal 300 23px/34px "Poppins", sans-serif;
    letter-spacing: 0.69px;
    color: #000000;
    font-size: 20px;
    overflow: scroll;
    height: 100%;
    margin-bottom: 200px;
}

.borderr {
    width: 100%;
    border: 1px solid #06A8E2;
    opacity: 1;
    display: block;
    font: normal normal 300 23px/34px "Poppins", sans-serif;
    font-size: 18px;
    margin-top: 15px;
    padding: 5px;
    /* position: relative; */
}

.borderr:hover {
    position: relative;
}

.sercont {
    height: 70vh;
}

.borderr:hover .arrow-container {
    position: absolute;
}

.arrow-container {
    padding-left: 0.7rem;
    left: 15%;
    transition: left 0.3s ease-in 0.1s;

}

.br2 .arrow-container {
    left: 56.8%;
}

.br3 .arrow-container {
    left: 30.7%;
}

.br4 .arrow-container {
    left: 56.8%;
}

.br5 .arrow-container {
    left: 51.8%;
}

.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    position: relative;
    display: inline-block;
    padding: 3.6px;
}

.right {

    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {

    -webkit-transform: rotate(135deg);

}

.borderr:hover {
    color: #fff;
}

.borderr:hover .arrow-container {
    left: 90%;
}

.arrow-container .arrow:nth-child(1) {
    border-color: #c3c5c5;
}

.arrow-container .arrow:nth-child(2) {
    border-color: #57a8a8;
}

.arrow-container .arrow:nth-child(3) {
    border-color: #24b8b8;
}

.borderr:hover .arrow-container .arrow:nth-child(1) {
    border-color: #24b8b8;
}

.borderr:hover .arrow-container .arrow:nth-child(2) {
    border-color: #57a8a8;
}

.borderr:hover .arrow-container .arrow:nth-child(3) {
    border-color: #c3c5c5;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrowws {
    border: solid #06A8E2;
    left: 200px;
    border-width: 0 3px 3px 0;
    position: relative;
    display: inline-block;
    padding: 2px;

}

.digital-bg {
    background-image: url(images/digital.webp);
    background-repeat: no-repeat;
    background-position: top right;
}


.grid-head {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;

}

.service-style {
    background-image: url(images/service.svg);
    position: fixed;
    z-index: 0;
    top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
}

.right-content {
    /* height: min-content; */
    height: 30vh;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.right-bottom {
    height: 20vh;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}



@media only screen and (max-width: 767px) {
   
    .right-content {
        height: min-content;

        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .right-bottom {
        height: min-content;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .serimgdiv {
        align-items: center;
        right: 100px;
        position: relative;
        display: flex;
        justify-content: center;
        background-size: cover;


    }


    .arrow-container {
        float: right;
        padding-right: 20px;
    }

    .wraptext {
        width: 10px
    }

    .borderr:hover .arrow-container .arrow:nth-child(1) {
        border-color: white
    }

    .borderr:hover .arrow-container .arrow:nth-child(2) {
        border-color: white
    }

    .borderr:hover .arrow-container .arrow:nth-child(3) {
        border-color: white
    }

  
    .serimg {
        width: 90%;
        top: 50px;

    }

    .borderr {
        width: 100%;
        height: 55px;
        border: 5px;
        border: 1px solid #06A8E2;
        opacity: 1;
        background-color: #00AEAE;
        display: block;
        font: normal normal 300 23px/34px "Poppins", sans-serif;
        font-size: 16px;
        margin-top: 15px;
        padding: 5px;
        color: white;
    }

    .ext {

        width: 100%;
        height: 80px;

    }

    .borderr:hover .arrow-container {
        position: static;
    }

    .arrow {
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3.6px;
    }

    .arrow-container .arrow:nth-child(2) {
        border-color: white;
        justify-content: right;
    }

    .arrow-container .arrow:nth-child(1) {
        border-color: white;
    }

    .arrow-container .arrow:nth-child(3) {
        border-color: white;
    }

    .subhead-mobile {
        color: #000000;
        font-family: Poppins;
        font-weight: bold;
        font-size: 20px;
        /* font: normal normal 300 61px/91px var(--unnamed-font-family-poppins);   
        font: normal normal 300 61px/91px Poppins; */
        letter-spacing: 1.83px;
    }

    .content-gap {
        bottom: 5vh;
    }

    /* .digital-bg {
       
    } */
    .digital.digital-bg{
        background-image:none ;
    }

}

.application .abtcontent {
    padding-left: 15px;
}
.digital-bg {
    
  
}

@media only screen and (min-width:1400px) {
    .abtmain .abtimg {
        width: 100%;
        max-width: 100%
    }

 
}

@media only screen and (min-width:1500px) {
    .abtmain .abtimg {
        width: 100%;
        max-width: 100%
    }
}
@media only screen and (max-width:757px) {
    .service-container .abtcontent{
        min-height: max-content;
        margin-bottom: 160px;

    }
    .service-container .border-lg{
        height: 80px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sercont        { height: auto; min-height: 60vh; }
    .right-content  { height: auto; }
    .right-bottom   { height: auto; }
}