/*body styles*/

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
}

    body p {
        font-size: 14px;
    }

    body a {
        font-size: 14px;
    }

/*____________________________________________________________________________________________________________________________*/
.iislogo {
    width: 30%;
    height: 30%;
}
@media only screen and (max-width: 576px) {
    .iislogo {
        width: 120px;
        height: 20%;
    }
}



    /*navigation bar styles*/

    .main-navigation-logo {
        font-weight: 600;
        color: #1a508e;
        font-size: 20px;
    }

   

    .dropdown-menu {
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
        border: none;
        font-size: 12px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: black;
        font-size: 14px;
    }

        .navbar-light .navbar-nav .nav-link:hover {
            color: blue;
        }

    .contact-btn {
        background-color: #1a508e;
        font-size: 14px;
        color: white;
    }

        .contact-btn:hover {
            background-color: #2969b3;
        }

    .services-menu {
        padding: 0px 12px;
    }

    .technologies-menu {
        padding: 0px 12px;
    }

    .services-links {
        padding-left: 0px;
    }

    .Services-heading {
        font-size: 12px;
        color: #1a508e;
    }

    .services-row-0 {
        background-color: #fff;
    }

    .services-row-1 {
        background-color: #fff;
        padding-bottom: 20px;
    }

    .services-row-2 {
        background-color: #F6F9FC;
        padding-bottom: 20px;
    }

    /*on screen sizes more than 992 px*/
    @media screen and (min-width: 992px) {
        .services-menu {
            width: 600px;
            margin-left: -85px;
        }

        .technologies-menu {
            width: 600px;
            margin-left: -180px;
        }
    }
    /*on screen sizes more than 1340 px*/
    @media screen and (min-width: 1340px) {
        .services-menu {
            width: 700px;
            margin-left: -80px;
        }

        .technologies-menu {
            width: 700px;
            margin-left: -120px;
        }
    }


    /*____________________________________________________________________________________________________________________________*/




    /*carousel styles*/

/*@media screen and (min-width: 651px) {
    .carousel-caption {
        position: absolute;
        top: 10%;
        right: 35%;
        bottom: 0rem;
        left: 13%;
        padding-top: 10px;
        color: #fff;
        text-align: left;
    }
}*/



/*    #carouselExampleCaptions1 .carousel-inner img {
        object-fit: cover;
        object-position: center;
        height: 75vh;
        overflow: hidden;
    }
*/
   


    .inner-cap1 {
        background-color: blue;
        width: 50%;
    }

    .carousel-control-prev {
        width: 0%;
    }

    .carousel-control-next {
        width: 0%;
    }

    .carousel-caption h3 {
        color: black;
    }

    .btn-outline-primary {
        color: white;
        border: 1px solid white;
        border-radius: 0px;
        padding: 4px 28px;
    }

        .btn-outline-primary:hover {
            background-color: white;
            color: black;
            border: 1px solid white;
            border-radius: 0px;
            padding: 4px 28px;
        }

    .carousel-indicators {
        width: 10%;
        top: 10%;
        margin: 0% 1%;
        border: 0px;
        border-top: 0px;
        display: flex;
        flex-direction: column;
    }

        .carousel-indicators [data-bs-target] {
            border-bottom: 0px;
            border-top: 0px;
            margin: 10px 0px;
        }

        .carousel-indicators .active {
            width: 65px;
        }

    .view-tag a {
        color: white;
    }

    .carousel-caption h3 {
        color: white;
    }

    .customer-section {
        text-align: center;
        padding: 30px 0px;
    }

        .customer-section p {
            margin-bottom: 10px;
        }

        .customer-section .row {
            box-sizing: border-box;
        }

    .customer-section {
        background-color: #FBFBFB;
    }

        .customer-section .row .img-div {
            background-color: #FFFFFF;
            border: 1px solid #f4f4f4;
            margin: 10px 0px;
        }

            .customer-section .row .img-div img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

    /*software development services section*/

    .development-team-section .first-col, .development-team-section .second-col {
        height: 320px;
    }

    .development-services-section {
        text-align: center;
        padding: 30px 0px;
        background-color: #FFFFFF;
    }

        .development-services-section h5 {
            margin-bottom: 30px;
        }

        .development-services-section .row {
            padding: 20px 0px;
        }

            .development-services-section .row .col-12 {
                margin-bottom: 30px;
            }

            .development-services-section .row .img-div {
                height: 210px;
            }

            .development-services-section .row .col .img-div2 {
                height: 20%;
            }

            .development-services-section .row .img-div2 a {
                text-decoration: none;
            }

            .development-services-section .row .img-div img {
                margin-bottom: 20px;
            }

    .imgs {
        margin-bottom: 30px;
        width:50px;
        height:50px;
    }

    .heading-wrapper {
        margin-bottom: 50px;
    }

    /*development team section*/

    .development-team-section {
        text-align: center;
        background-color: #FBFBFB;
    }

    .Innercontent {
        text-align: left;
    }

        .Innercontent a {
            text-decoration: none;
        }

    .font-css {
        font-weight: 500;
    }

    .first-col {
        padding-bottom: 60px;
    }

    .second-col {
        background-color: #1A508E;
        padding-bottom: 60px;
    }

    .main-row {
        /*padding: 20px;*/
        box-sizing: border-box;
        padding-bottom: 10px;
    }

    .second-col .col {
        padding: 10px 0px;
    }

    .second-col .row p {
        color: white;
        font-size: 12px;
    }

    .second-col img {
        width: 65%;
    }

    .w1 {
        width: 95%;
        margin: auto;
        background-color: #FFFFFF;
        box-shadow: 1px 1px 8px rgb(189 189 189 / 50%);
    }

    .w2 {
        width: 95%;
        background-color: #FFFFFF;
        margin: auto;
        box-shadow: 1px 1px 8px rgb(189 189 189 / 50%);
    }

    .first-col {
        padding-left: 20px;
        padding-top: 20px;
    }

    .main-content {
        margin-bottom: 40px;
    }

    .main-col1, .main-col2 {
        margin-bottom: 10px;
    }



    /*____________________________________________________________________________________________________________________________*/

    /*digital solutions section*/

    .digital-solutions {
        background-color: #FFFFFF;
    }

        .digital-solutions .container {
            margin-top: 30px;
            text-align: center;
        }

        .digital-solutions .row {
            height: 450px;
            padding-left: 20px;
            padding-right: 20px;
        }

    .col-wrapper1 {
        width: 100%;
        height: 450px;
    }

        .col-wrapper1 img {
            object-fit: contain;
            width: 100%;
            height: 450px;
        }

    .col-wrapper2 {
    }

    #carouselExampleControls .carousel-item {
        min-height: 550px;
    }

        #carouselExampleControls .carousel-item .row {
            position: absolute;
            top: 10%;
            height: 550px;
        }

    #carouselExampleControls .row a {
        text-decoration: none;
        color: white;
    }

    #carouselExampleControls .row {
        color: white;
    }

    #carouselExampleControls .carousel-control-prev, #carouselExampleControls .carousel-control-next {
        width: 3%;
    }

    #carouselExampleControls .carousel-control-prev {
        position: absolute;
        top: 80%;
        left: 90%;
    }

    #carouselExampleControls .carousel-control-next {
        position: absolute;
        top: 80%;
        right: 3%;
    }

    #carouselExampleControls .carousel-control-prev-icon, #carouselExampleControls .carousel-control-next-icon {
        width: 1rem;
        height: 1rem;
    }


    /*____________________________________________________________________________________________________________________________*/

    /*testimonial section*/

    .testimonial-section {
        margin-top: 25px;
        margin-bottom: 25px;
    }


        .testimonial-section .container {
            text-align: center;
        }

    .content-col {
        text-align: left;
        padding-top: 40px;
        padding-bottom: 40px;
        /*padding-top: calc(var(--bs-gutter-x) * .5);*/
    }

    .img-col img {
        width: 70%;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .second-row {
        border-top: 1px solid #E8EBF1;
    }

    .mid-col {
        border-left: 1px solid #E8EBF1;
        border-right: 1px solid #E8EBF1;
    }

    .first-row {
        margin-top: 40px;
    }


    /*____________________________________________________________________________________________________________________________*/

    .industry-wise-solution {
        margin-top: 50px;
        text-align: center;
        margin-bottom: 50px;
    }


    .ind-wrapper {
        padding-top: 25px;
        padding-bottom: 10px;
        border: 1px solid #E8EBF1;
        height: 90%;
    }



    /*____________________________________________________________________________________________________________________________*/

    .Faq {
        text-align: center;
        background-color: #FBFBFB;
        margin-bottom: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .Faq .row div {
            text-align: left;
        }

    .acc-header button {
        border-bottom: 1px solid #CACACA;
        border-bottom: 1px solid #FBFBFB;
        border-top: none;
        padding-top: 13px;
        padding-bottom: 13px;
    }

        .acc-header button:focus {
            background-color: #FBFBFB;
            box-shadow: none;
        }

    #accordionFlushExample button {
        background-color: #FBFBFB;
    }
    /*____________________________________________________________________________________________________________________________*/


    /*insights section*/

    .insights {
        margin-bottom: 50px;
    }

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

        .insights-title h5 {
            margin-bottom: 25px;
        }

        .insights-title p {
            margin-bottom: 40px;
        }

    .insight-wrap img {
        width: 100%;
        /*height:100%;*/
        object-fit: fill;
    }

    .insight-wrap {
        width: 100%;
        height: 100%;
        border: 1px solid #EAEAEA;
        box-shadow: 0 3px 0px #eee;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .insights .insight-wrap a {
        text-decoration: none;
        color: #333333;
    }

        .insights .insight-wrap a:hover {
            color: blue;
        }

    .inner-insight-wrap, .img-caption {
        padding-right: 10px;
        padding-left: 10px;
    }

    .insights-col {
        margin-bottom: 10px;
    }





    /*____________________________________________________________________________________________________________________________*/

    /*contacts section*/

    .contacts-wrap {
        width: 100%;
        height: 100%;
    }

        .contacts-wrap img {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }

    .contacts-section .first-col {
        background-color: #1A508E;
    }

        .contacts-section .first-col h5 {
            text-align: center;
            color: white;
            margin-bottom: 70px;
            margin-top: 30px;
        }

    .inner-row1, .inner-row2 {
        padding: 25px;
    }

    .contacts-section .main-row {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #1A508E;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .first-col-form {
        background-color: #1A508E;
    }

    .contacts-section .second-col-form {
        background-color: white;
    }

    /*____________________________________________________________________________________________________________________________*/


    /*form*/

    .form-title {
        margin-bottom: 25px;
    }

    .form-control {
        border: none;
        border-bottom: 1px solid #E5E5E5;
        border-radius: 0px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-left: 0px;
    }

        .form-control:focus {
            border: none;
            border-bottom: 2px solid #1A508E;
            box-shadow: none;
        }

    .form-label {
        position: absolute;
        margin-bottom: 0px;
    }

    .form-select:focus {
        box-shadow: none;
    }


    .second-col-form .form-dropdown {
        width: 100%;
        margin-bottom: 20px;
    }

        .second-col-form .form-dropdown button {
            width: 100%;
            text-align: left;
            border: none;
            border-bottom: 1px solid #E5E5E5;
            background-color: white;
            height: 50px;
            overflow: auto;
        }

        .second-col-form .form-dropdown .dropdown-menu {
            width: 100%;
        }

    .second-col-form {
        box-sizing: border-box;
        padding: 50px;
    }

    .form-btn {
        float: right;
    }

    .form-check {
        margin-bottom: 20px;
    }

    #attach-icon {
        background-image: url('../images/attachicon.png');
        background-repeat: no-repeat;
        border: none;
        width: 23px;
        height: 19px;
        float: right;
    }

    #selected_file {
    }

    .form-custom-style {
        border: none;
        border-bottom: 1px solid #E5E5E5;
        border-radius: 0px;
    }

        .form-custom-style:focus {
            border: none;
            border-bottom: 2px solid #1A508E;
            box-shadow: none;
            background-color: red;
        }

    .form-check {
        margin-top: 20px;
    }

    .captcha {
        width: 50%;
        /*height:50%;*/
    }







    /*____________________________________________________________________________________________________________________________*/




    .footer-section {
        margin-top: 30px;
        padding-top: 30px;
        background-color: #212121;
    }

        .footer-section h5 {
            color: white;
            font-weight: 200;
        }

    .footer-items li a {
        text-decoration: none;
        color: #888888;
    }

        .footer-items li a:hover {
            color: white;
        }

    .footer-section ul li {
        list-style: none;
        line-height: 1.8rem;
    }

    .icon {
        height: 200px;
        width: 200px;
    }

    .socialmedia-icons {
        display: flex;
    }

        .socialmedia-icons li {
            margin-right: 5px;
            height: 30px;
            width: 30px;
            background-color: white;
            color: black;
            border-radius: 23px;
            position: relative;
        }

            .socialmedia-icons li :hover {
            }

            .socialmedia-icons li a {
                color: black;
            }

    .center-text {
        margin-left: 30px;
    }

    .copyright {
        color: #888888;
        margin-left: 30px;
        margin-top: 30px;
    }

    .icons {
        margin-bottom: 4px;
    }



    /*____________________________________________________________________________________________________________________________*/

    /*.circle{
  position:relative;
  width:200px;
  height:200px;
  background:red none no-repeat center center;
  background-size:cover;
  border-radius: 50%;
  overflow:hidden;
}


.circle > div{
  position:absolute;
  background-color:blue;
  background:blue;
  height:50px;
  padding:100px 0;
  width:100%;
  bottom:-250px;
  transition: bottom 5s;
  -webkit-transition: bottom 5s;
}

.circle:hover > div{
  bottom:0;
}*/

    .circle1 {
        position: relative;
        width: 35px;
        height: 35px;
        background: white none no-repeat center center;
        background-size: cover;
        border-radius: 50%;
        overflow: hidden;
        border: 2px solid white;
    }


        .circle1 > div {
            position: absolute;
            background-color: #1a508e;
            background: #1a508e;
            height: 5px;
            padding: 5px 0;
            width: 100%;
            bottom: -40px;
            transition: bottom 1s;
            -webkit-transition: bottom 1s;
        }

        .circle1:hover > div {
            bottom: 0;
        }

    .social-link {
        transition: display 2s;
    }

    .circle1:hover > .social-link {
        display: none;
    }

    .inn-div {
        color: white;
        height: 46px;
        padding-bottom: 40px;
    }

    .socialmedia-icons1 {
        display: flex;
    }

        .socialmedia-icons1 li {
            margin-right: 5px;
            background-color: white;
            color: black;
        }



    /*____________________________________________________________________________________________________________________________*/



    .tech-section {
        background-color: #0b3155;
        color: white;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

        .tech-section h5 {
            padding-bottom: 30px;
        }

    .techdiv .techindiv {
        background-color: white;
        color: black;
        height: 100px;
        text-align: center;
    }

    .techdiv {
        margin-bottom: 30px;
    }

    .techdiv {
        position: relative;
        overflow: hidden;
    }

    .techindiv1 {
        position: absolute;
        background: #005EB8;
        padding: 50px 0;
        height: 100px;
        width: 88.2%;
        bottom: -100px;
        transition: bottom .5s;
        -webkit-transition: bottom .5s;
    }

    .techdiv:hover > .techindiv1 {
        bottom: 0;
    }



    /*____________________________________________________________________________________________________________________________*/



    .whyUs {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom:30px;
        background-color: #FBFBFB;
    }

    .whyUsHead {
        margin-bottom: 50px;
    }

    .whyUsCol {
        margin-bottom: 30px;
    }

        .whyUsCol div {
            width: 80%;
            height: 100px;
            margin: auto;
            background-color: white;
            -webkit-box-shadow: 0 0 10px #404040;
            box-shadow: 0 0 10px #404040;
        }

    .whyUs h6 {
        margin-top: 30px;
    }

    /*____________________________________________________________________________________________________________________________*/

    .client-section {
        margin-top: 10px;
        margin-bottom: 30px;
        padding-top: 10px;
    }

    .client-head {
        margin-bottom: 50px;
    }

    .clientCol {
        width: 100%;
        height: 390px;
        color: white;
        padding-left: 10px;
        padding-right: 10px;
    }

    .cc-2 {
        color: white;
        padding: 20px;
    }
    /*____________________________________________________________________________________________________________________________*/
    .industries-section {
        margin-top: 10px;
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .industries-head {
        margin-bottom: 50px;
    }

    .industries-col {
        margin-bottom: 25px;
        position: relative;
    }

        .industries-col:hover {
            box-shadow: 2px 2px 5px #D3D3D3;
        }

    .industries-caption {
        position: absolute;
        bottom: 20px;
        color: white;
    }

    /*____________________________________________________________________________________________________________________________*/

    .ContactUs-Section {
        margin-bottom: 30px;
        padding-top: 10px;
    }

    .contactUs-head {
        margin-bottom: 20px;
    }

    .form-label {
        width: 50%;
    }

    .contact-details {
        background-color: #F2F3F4;
        color: black;
    }

    .getintouch, .dummy-col {
        background-color: #1A508E;
    }


    .getintouch-head {
        color: white;
    }

    .getintouch {
        position: relative;
        /*padding-top: 50px;*/
    }

.contact-form {
    position: absolute;
    top: 50%;
    left: 0%; 
    transform: translateY(-50%); 
    padding-top: 10px;
    background-color: #1A508E;
    visibility: hidden;
}

        .contact-form input {
            background-color: #1A508E;
            margin-bottom: 0px;
            color: white;
        }

            .contact-form input:focus {
                background-color: #1A508E;
                color: white;
            }

    #contacts-form {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form-label {
        color: white !important;
    }
    /*____________________________________________________________________________________________________________________________*/

    .industries-li {
        color: #888888;
    }
#EnquiryBtn {
    min-width: 100px;
}

    @media only screen and (max-width: 768px) {
        #EnquiryBtn {
            width: 100px;
           
        }
    }

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    
}
.navbar-toggler-icon {
    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(26,80,142, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
/*
.navbar-toggler-icon {
    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(26,80,142, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    color: white;
}
*/
@media only screen and (max-width:320px) {

    .navbar-brand {
        width: 60%;
    }
    .navbar-brand img {
        max-width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    #mobile-contactbtn{
        display:none;
    }
}
@media only screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .header .dropdown-toggle::after {
        content: none;
    }
}
@media only screen and (max-width: 767px) {
    .success-lbl {
     left:-2vw;
    }
}
.ContactUsRoundBtn {
    background-color: #1a508e;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 20px;
    border-radius:40px;
}
    .ContactUsRoundBtn img {
        width: 40px;
        bottom: 20px;
        right: 20px;
        margin-top: 10px;
        margin-left: 9px;
    }
.operationalAddressLocation {
    text-decoration: none !important;
    font-size: var(--bs-body-font-size);
    color:#000000;
}