body{
    line-height:30px;
    overflow-x:hidden
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0px
}

    .sticky + .content {
        padding-top: 102px;
    }
/*------------------Captcha Css Starts Here---------------*/
.capcha-refreshbox {
    height: 25px;
    width: 25px !important;
}

.img-captcha {
    position: relative !important;
    right: 0 !important;
    top: 6px !important;
}

.capcha-field {
    display: flex;
    align-items: center;
}

    .capcha-field input {
        width: auto;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .capcha-field .form-control {
        margin-bottom: 0px;
    }

@media only screen and (min-width:320px) and (max-width:767px) {
    .capcha-field input {
        margin-left: 5px;
        width: 53%;
    }
}
/*------------------Captcha Css Ends Here---------------*/
/*-------------- service-coomon-page style starts here -------------*/
/*.banner-sec {
    background-image: url(../img/banner/ui-ux-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0px;
    position: relative;
    margin-top: 65px;
}*/
/*   .banner-sec::before {
        content: '';
        background: #0000005e;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }*/
.banner-sec h1, .banner-sec p {
    color: #fff;
}
.banner-head {
    font-size:40px;
    font-weight:500;
    line-height:40px;

}
.head {
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    margin-top: 0px;
    margin-bottom: 20px;
    /* color: #032d60;*/
    color: #032d60;
}
    .head span {
        font-weight: 600;
        display: block;
    }
.main-head {
    font-size: 40px;
    font-weight: 400;
    line-height: 55px;
    margin-top: 0px;
    color: #032D60;
  
}
    .main-head span {
        font-weight: 600;
    }
.title {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    margin-top: 0px;
   
}
.sub-title {
    font-size: 33px;
    font-weight: 600;
    line-height: 46px;
    margin-top: 0px;
    
}
h1, h2, h3, h4, h5, h6 {
    color: #032d60;
}
.ptb-70{
    padding:70px 0px;
}
.ptb-50 {
    padding: 50px 0px;
}
.ptb-40 {
    padding: 40px 0px;
}
.ptb-60 {
    padding: 60px 0px !important;
}
.ptb-20 {
    padding: 20px 0px;
}
.box-sec {
    background: #f6f7fc;
    padding: 0px 30px;
    border-radius: 15px;
}

    .box-sec p {
        font-size: 26px;
        line-height: 40px;
        font-weight: 500;
        color: #032d60;
    }
.box-text-sec {
    padding:80px 0px 50px;
  
}
.pt-70{
    padding-top:70px;
}
.mtb-35 {
    margin: 35px 0px;
}
.bg-color {
    background: #f8fbff;
}
.bg-color-4 {
    background-color: #e2f7ff
}
.btn-no-bg {
    color: #1a73e8;
    font-size: 16px;
    font-weight: 600;
    /* text-transform: uppercase;
    letter-spacing: 1px;*/
    display: inline-block;
    position: relative;
    transition: all 0.5s ease;
}
.btn-outline {
    color: #1a73e8;
    border: 1px solid #1a73e8;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
   /* padding: 6px 20px;*/
   padding:4px 20px;
    transition: all 0.5s ease;
    border-radius: 5px;
}
.course-banner h5 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    font-family: 'Gordita Medium';
}
a {
    color: #1a73e8;
}
.btn-sec.btn-common.btn-bg-white a {
    color: #094e91;
    font-size: 16px;
    font-weight: 600;
}
.btn-no-bg:hover {
    text-decoration: underline;
    color: #174ea6;
}

    .btn-no-bg::after, .fa-small-arrow::after {
        content: '\f105';
        padding-left: 2px;
        font-family: "FontAwesome";
    }
.head-box h3 a, .head-box a, .related-sbox a{
    color: #032D60;
}
.head-box .fa-small-arrow {
    font-size: 32px;
    position: relative;
    top: 2.7px;
}
/*.head-box:hover span.fa-small-arrow::after {
    transform: rotate(20deg)
}*/
/*.related-sbox:hover{
    background:#f6f6f6;
}*/
.service-common-sec .home-blog-main .sub-head {
    min-height: unset;
}
.service-common-sec .home-blog-cat h5 {
    margin-bottom: 10px;
}
.service-common-sec .blog-btn-sec {
    margin-top:0px;
}
.service-common-sec .home-blog-sec-1 {
    min-height: 338px;
}
.top-banner {
    background: #fafafa;
}
/*-------------- service-coomon-page style ends here -------------*/
/*-------------- breadcrumb-style starts here --------------------*/
.breadcrumb-sec {
    /*background: #e7e6e6;*/
    background: transparent;
}
ul.breadcrumb {
  padding:0px!important;
    list-style: none;
    margin-top:-20px;
}
.text-red {
    color:red;
}
.font-medium-bold {
    font-family: 'Gordita Medium';
}
.quick-enquiry h3.sub-head{
    margin-bottom:5px;
}
.quick-enquiry p {
font-size:14px;
}
ul.breadcrumb li {
    display: inline;
    font-size: 14px;
    color: #858383;
}
.content .breadcrumb li::before {
    background:unset;
    height:unset;
    width:unset;
    margin-left:0px;
    display:inline;
}
ul.breadcrumb li + li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

        ul.breadcrumb li a {
            color: #000000;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #01447e;
      
            }
/*-------------- breadcrumb-style ends here --------------------*/

/*-------------- ui-ux page style starts here ------------------*/
.icon-box-design-1 {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #ecf1fb;
    background: #ffffff;
    padding: 10px 20px;
    margin-bottom: 30px;
    transition: all 0.5s ease;
    min-height: 100px;
}

.icon-sec img {
    margin-right: 15px;
    width: 50px;
}

.icon-text p {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 500;
    color: #032D60;
}
.icon-box-design-1:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
    .icon-box-design-1:hover::before {
        border-right: 1px solid #0098ca;
        border-bottom: 1px solid #0098ca;
        content: "";
        height: 40px;
        right: 15px;
        position: absolute;
        bottom: 30px;
        width: 40px;
        transition: all 0.4s ease 0s;
      
    }
    .icon-box-design-1:hover::after {
        border-left: 1px solid #0098ca;
        border-top: 1px solid #0098ca;
        content: "";
        height: 40px;
        left: 15px;
        position: absolute;
        top: 1px;
        width: 40px;
        transition: all 0.4s ease 0s;
    }
.tech-sec img {
    width: 80px;
    margin: auto auto 40px;
    display: block;
}
/*-------------- ui-ux page style ends here ------------------*/


/*------------------ common-vertical tabs style starts here --------------------*/
.service-tabs-main {
   /* background: #fff;
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 10%);*/
    margin-top: 70px;
}
    .service-tabs-main .service-text {
        /*padding: 70px 20px 70px 20px;*/
        padding: 40px 30px;
    }
    .service-tabs-main::before {
        content: "";
        width: 80%;
        background: #0b3155;
        height: 94%;
        position: absolute;
        right: 0;
        -webkit-box-shadow: 0px 10px 59px 0 rgb(0 0 0 / 14%);
        box-shadow: 0px 10px 59px 0 rgb(0 0 0 / 14%);
        top: 35px;
        max-width: 2600px;
    }
.service-main-left {
    transform: translateX(-30px) translateY(-30px);
    transition-delay: .1s;
    transition: opacity 1s cubic-bezier(.23,1,.32,1) .5s,transform 2s cubic-bezier(.23,1,.32,1);
    flex: 0 0 370px;
    max-width: 370px;
    background-color: #0b3155;
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 40%);
    display: inline-block;
    flex: 0 0 500px;
    margin: 0;
   /* max-width: 360px;*/
    max-width: 420px;
    /*padding: 30px 20px 30px 0;*/
    padding: 30px 0px 30px 0;
    transform: translateX(-30px) translateY(-30px);
    vertical-align: top;
}
    .service-main-left .nav-pills .nav-link.active {
        transform: translateX(30px);
        padding: 16px 44px 16px 20px;
        background: #ffffff;
        box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%);
        color: #0b3155;
        padding: 16px 40px 16px 16px;
        text-decoration: none;
        /*transform: translateX(20px);*/
        transform: translateX(37px);
        width: calc(100% + 20px);
        cursor: pointer;
        display: block;
        font-size: 20px;
        font-weight: 600;
        border-radius: 0px;
        height: 100%;
    }
    .service-main-left .nav-pills .nav-link {
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius);
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 18px;
        font-weight: 600;
        height: 100%;
        padding: 16px 0px 16px 53px;
        width: 100%;
        text-align: left;
    }
.service-text {
    padding: 70px 30px 70px 50px;
}
.common-list {
    list-style-type: none;
    padding-left: 18px;
}
.content ul {
    list-style-type: none;
    padding-left: 18px;
}
.content li::before {
    background-color: #094e91;
    content: " ";
    display: block;
    height: 8px;
    margin-left: -16px;
    transform: translateY(17px);
    width: 8px;
    /*border-radius: 5px;*/
}
.white-list li::before{
    background-color:#fff;
}
.white-list li{
    color:#fff;
}
.common-list li::before {
    background-color: #0098ca;
    content: " ";
    display: block;
    height: 8px;
    margin-left: -16px;
    transform: translateY(17px);
    width: 8px;
    border-radius: 5px;
}
/*------------------ common-vertical tabs style ends here ----------------------*/



/*----------------- banner style starts here ------------------------*/
.banner-part-1 {
    /*    padding: 70px 0px;*/
    padding: 60px 0px;
    /* background-color: #dcedfe;*/
    position: relative;
    /*    margin-top: 70px;*/
    z-index: 9;
    background: #FAFAFA;
    /*   background: linear-gradient(to left, #ffffff, #a2d9f5)!important;*/
}
/*.carousel.banner-part-1.slide {
    padding: 70px 0px;
}*/
.carousel.banner-part-1.slide {
    padding: 60px 0px 0px;
}
.banner-part-1::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    height: 200px;
    width: 200px;
  /*  background-image: url(../img/upbanner-img.svg);*/
    background-size: cover;
    z-index: -1;
}
/*.banner-text p {
    font-size: 18px;
}*/

    .banner-part-1::after {
        content: "";
        position: absolute;
        bottom: 0px;
       left: 0px;
        height: 200px;
        width: 200px;
        background-size:cover;
        z-index:-1;
    }
.btn-box-shadow {
    box-shadow: 0 4px 5px 2px rgb(0 0 0 / 20%);
}
.banner-btn-sec .btn-common a{
    color: #fff;
}
.btn-no-bg.btn-common{
    background:unset!important;
}
    .btn-no-bg.btn-common a {
        /* color: #032D60;*/
        color: #1a73e8;
    }

.text-white{
    color:#fff!important;
}
.img-text-sec img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    margin-top: -12px;
}



.sub-head-big {
    font-size: 28px;
    font-weight: 600;
    color: #032D60;
    line-height: 34px;
    margin: 5px 0px 15px;
}
.sub-head {
    font-size: 20px;
    font-weight: 600;
    color: #032D60;
    line-height: 28px;
    margin: 5px 0px 15px;
    letter-spacing: 1px;
}
.sub-head-1 {
    font-size: 17px;
    font-weight: 600;
    color: #032D60;
    /*text-transform: capitalize;*/
    line-height: 27px;
    margin: 5px 0px 20px;
}

p, li {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
  /*  letter-spacing: 0.5px;*/
}
.banner-bg-gradient {
    background: linear-gradient(to left, #0795c4, #0e122f);
}
.banner-part-1.banner-bg-gradient .head, .banner-part-1.banner-bg-gradient p, .banner-part-1.banner-bg-gradient .btn-no-bg.btn-common a, .banner-part-1.banner-bg-gradient .btn-no-bg {
    color: #fff !important;
}
/*----------------- banner style ends here ------------------------*/
/*------------------ banner-sec-3 style starts here --------------------*/
.inner-bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/inner-bg.png);
    background-position: center top;
    padding: 50px 0px;
}

.key-box h4.sub-head {
    color: #006be8;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}
/*------------------ banner-sec-3 style ends here --------------------*/
/*--------------------- first-sec style starts here ---------------*/
.two-sec-list {
    list-style-type: none;
    column-count: 2;
}

.two-sec-list li {
    min-height: 60px;
    margin-bottom:10px;
}
.hr1 {
    border-top: 1px dashed #000000;
}

.d-flex.img-text-sec {
    align-items: center;
    margin-bottom:20px;
}
.two-sec-list .sub-head {
    font-size: 15px;
    font-weight: 500;
}
/*--------------------- first-sec style ends here ---------------*/

/*-------------------- second-sec style starts here ---------------*/
.second-sec .card-body img {
    width: 60px;
    margin-bottom: 10px;
}

.second-sec .card {
    /*padding: 30px 22px 30px 22px;*/
    padding: 40px 30px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 50px 11px rgb(95 138 236 / 5%);
    position: relative;
    text-align: left;
    border: 0px;
    margin-bottom: 20px;
    transition: all 0.5s ease;
}
.second-sec .card:hover .bar{
   display:block;
}
.mt-7 {
    margin-top:50px;
}
.second-sec .card:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
.btn-no-bg.btn-common:hover {
    color: #1a73e8!important;
}
/*-------------------- second-sec style ends here -----------------*/
/*-------------------- third-sec style starts here -------------------*/
.new-box {
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #e6ecef;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    transition: all 0.5s ease;
}
    .new-box:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }
    .new-box::before {
        content: "";
        width: 5px;
        height: 35px;
        display: inline-block;
        position: absolute;
        top: 26px;
        left: 15px;
        background: #00c3e1;
    }
/*-------------------- third-sec style ends here -------------------*/


/*----------------- client section starts here -----------------*/
#clients .owl-theme .owl-nav.disabled + .owl-dots {
    display: none;
}

#clients .item {
    margin: auto 20px;
}

#clients .clientHeading {
    display: inline-block;
    background-color: var(--BgColor);
    padding: 10px 25px;
}

    #clients .clientHeading p {
        font-size: 45px;
        color: var(--LogoBlue);
    }

    #clients .clientHeading .first {
        font-size: 20px;
        color: var(--LogoBlue);
    }

    #clients .clientHeading .last {
        font-size: 20px;
        color: var(--LogoBlue);
        float: right;
    }
/*-------------------- client section ends here -----------------*/


/*----------------- quote-sec starts here -----------------*/
.blockquote-article {
    /*background: #0098ca;
    padding: 25px;
    padding-left: 50px;
    border-radius: 10px;
    box-shadow: 0px 16px 59px 0 rgb(0 0 0 / 13%);*/
    background: #ffffff;
    padding: 70px 45px;
    /* padding-left: 50px; */
    border-radius: 10px;
    box-shadow: 0px 16px 59px 0 rgb(0 0 0 / 13%);
    position: absolute;
    top: -47px;
}
.blockquote-article {
    background-image: url(../img/about/quote.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 52px 61px;
    /* background-position: 13px; */
}
    /*blockquote::before {
    position: absolute;
   
    content: "\60";
    color: #ffffff;
    font: 700 15em/2em sans-serif;
    opacity: 20%;
    top: -0.6em;
    left: -0.02em;
    right: unset;
}*/
    blockquote {
        position: relative;
        font: inherit;
        padding: 0em 0 0 0;
    }
.blockquote-article p {
     margin-top: 10px;
    color: #35353d;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    font-style: italic;
}
  /*  blockquote::after {
        position: absolute;
      content: "\60";
        color: #ffffff;
        font: 700 15em/2em sans-serif;
        opacity: 50%;
        top: -0.6em;
        left: -0.2em;
        right: unset;
    }*/
.quote-sec blockquote {
    border-left: 0px;
}



.fs-18 {
    font-size: 18px;
}
.fs-35 {
    font-size:35px;
}
.fs-32{
    font-size:32px;
}

.text-white {
    color: #fff !important;
}

blockquote cite {
    display: block;
    color: #686565;
    font: 700 150%/1.5rem sans-serif;
    margin: 1em 0 0 0;
    text-align: right;
}
    blockquote cite::before {
        content: "- ";
        font: inherit;
        color: #686565;
    }
.ptb-30 {
    padding:30px 0px;
}
/*----------------- quote-sec ends here -----------------*/
/*------------- services-box-sec style starts here -----------------*/
.sec-title p {
    position: relative;
    padding-left: 50px;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    /* color: #001033; */
    margin-top: 0;
}
    .sec-title p::before {
        content: "";
        height: 2px;
        width: 40px;
        position: absolute;
        left: 0px;
        background-color: #001033;
        top: 14px;
    }
.service-icon-sec .head {
    line-height: 60px;
    font-weight:700;
}
.service-head {
    font-size: 30px;
    line-height: 40px;
}
.service-title h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin: 0px;
}
.service-box {
    background: #f4f4f6;
    padding: 50px 20px 30px;
    position: relative;
    margin-bottom: 100px;
    /* width: 100%; */
    /* display: flex; */
    /* align-items: center; */
    transition: all 0.5s ease;
}
    .service-box:hover .service-title {
        /*box-shadow: 0 2px 10px 0 rgb(17 121 239 / 20%);*/
        box-shadow: 0 2px 3px 2px #1179ef33;
        transition: all 0.5s ease;
    }

    /*.service-box:hover {
        box-shadow: 0 2px 10px 0 rgb(17 121 239 / 20%);
    }*/
    .service-box img {
        width: 70px;
        margin: auto;
        display: block;
        /* padding: 50px 0px; */
        margin-bottom: 30px;
        position: relative;
    }

.service-title {
    position: absolute;
    bottom: -43px;
    /* height: 82px; */
    border-radius: 0px;
    background: #ffffff;
    padding: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    /* color: #ffffff; */
    width: calc(100% - 36px);
}
/*------------- services-box-sec style ends here -----------------*/


/*--------------------- services-horizontal-tabs-sec starts here -----------------------*/
.service-htabs .nav-link {
    display: inline-block;
   /* margin: 0px 0.85em;*/
    cursor: pointer;
    padding: 10px 28px;
    /* height: auto; */
    line-height: 30px;
 /*   border: 1px solid #0098ca;*/
    color: #000000;
    /* color: #000000;
    background-color: rgb(255 255 255);
    box-shadow: 0px 3px 6px #00000016;*/
    transition: all 0.5s ease;
}
.service-htabs .nav.flex-row.nav-pills {
    justify-content: center;
    display: inline-flex;
    text-align: center;
    background: #efeff4;
    border-radius: 30px;
}
.service-htabs .nav-pills .nav-link.active, .service-htabs .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #033776 !important;
    box-shadow: unset;
    border-radius: 25px;
}
.service-htabs .tab-content {
    width: 100%;
    background: #F7F8FB;
    box-shadow: 0px 3px 6px #00000016;
    padding: 30px;
    margin: 5rem 0 0px;
}
.service-htabs .service-text {
    padding: 0px;
}
.tab-content a.btn-common {
    margin-top: 20px;
}
.service-htabs .nav-link:hover {
    background: #033776;
    color: #ffffff;
    border-radius: 30px;
}
.icon-head-sec {
    /*background: #efeff4;
    padding: 20px;
    margin-bottom: 30px;
    padding-left: 50px;
    border-bottom: 2px solid #032d60;
    transition: all 1s ease;*/
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #e6ecef;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    transition: all 0.5s ease;
    position: relative;
}
    .icon-head-sec::before {
        content: "";
        width: 5px;
        height: 35px;
        display: inline-block;
        position: absolute;
        top: 20px;
        left: 26px;
        background: #1a73e8;
        margin-left: -27px;
    }
    .icon-head-sec:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }
   /* .icon-head-sec::before {
        font-family: "FontAwesome";
        background: unset;
        color: #094e91 !important;
        background: unset;
        margin-left: -27px;
        content: '\F046';
        position: absolute;
        margin-top: 5px;
    }*/
  /*  .icon-head-sec:hover {
        background: #ffffff;
        box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
    }*/

/*--------------------- services-horizontal-tabs-sec ends here -----------------------*/
/*------------------ service-img-text-sec style starts here -----------------*/
.service-new-box {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border-radius: 6px;
    border: 1px solid #e6ecef;
    background: #fff;
    transition: all 0.5s ease;
    margin-bottom: 25px;
    position: relative;
}

    .service-new-box img {
        min-height: 250px !important;
        border-radius: 3px 3px 0px 0px;
    }

.sertext-sec {
    margin: -30px 10px 0 10px;
    background: #fff;
    position: relative;
    border-radius: 6px;
    padding: 20px 10px;
    min-height: 275px;
}
.service-new-box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #0098ca;
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 9;
}

.service-new-box:hover::before {
    -ms-transform: scale(1);
    transform: scale(1);
}

/*------------------ service-img-text-sec style ends here -----------------*/

/*---------------- box-shadow-layout style starts here -----------------*/
.box-shadow-imgsec {
    /*  background: #f6f7f8;*/
    padding: 3rem;
    margin-top: 100px;
}
.box-shadow-layout {
background-image:url(../img/circle-bg.webp);
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
padding:100px 0px;
}
.box-shadow-imgsec img {
    width: 85%;
    display: block;
    margin: auto;
}
.box-shadow-textsec {
    box-shadow: 0px 16px 59px 0 rgb(0 0 0 / 13%);
    padding: 10rem 3.7rem;
    background: #fff;
    font-size: 1.25rem;
  
    position: relative;
    z-index: 1;
}
/*---------------- box-shadow-layout style ends here -----------------*/


/*--------------------- tabs-with-icons style starts here ----------------------*/
.icon-tabs .nav {
    border-bottom: 1px solid rgba(50,50,50,.1);
    text-align: center;
}

.icon-tabs .nav-pills .nav-link img {
    width: 50px;
/*    display: block;*/
    margin: auto;
}
.icon-tabs .nav-pills .nav-link img.hover-img {
    display: none;
}
.icon-tabs .nav-pills .nav-link.active img.hover-img, .nav-pills .show > .nav-link img.hover-img {
    display: block;
}
.icon-tabs .nav-pills .nav-link.active img.normal-img, .nav-pills .show > .nav-link img.normal-img {
    display: none
}
.icon-tabs .nav-pills .nav-link h3 {
    font-size: 18px;
   
}
.icon-tabs .nav-link {
    display: inline-block;
    padding: 0.5rem 2rem;
}
.icon-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: unset !important;
    border-bottom: 2px solid #0098ca;
    border-radius: 0px;
}
.icon-tabs .service-text-new {
    padding:30px 0px;
}
.icon-tabs .nav-pills .nav-link.active h3 {
    font-weight: 600;
    color: #094e91;
}
/*--------------------- tabs-with-icons style ends here ----------------------*/

/*------------------ icon-hover-box-sec style starts here ----------------------*/
.icon-hover-box {
    background: #fff;
    box-shadow: 2px 4px 13px rgb(17 121 239 / 10%);
    border-radius: 4px;
    position: relative;
    padding: 0px 15px 30px 20px;
    margin-bottom: 100px;
    min-height: 340px;
}
.icon-hover-box .box-iconsec img {
     width: 70px;
}
    .icon-hover-box::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 2px solid #0098ca;
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        z-index: 9;
    }



    .icon-hover-box:hover::before {
        transform: scale(1);
    }
    .icon-hover-box .box-iconsec {
        background: #fff;
        box-shadow: 2px 4px 13px rgb(17 121 239 / 10%);
        border-radius: 10px;
        position: absolute;
        top: -50px;
        padding: 10px;
    }
    .icon-hover-box .box-textsec {
        position: relative;
        display: block;
        top: 70px;
    }
/*.box-textsec h3 {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    line-height: 30px;
    margin: 0px 0px 10px;
}*/
.pt-100{
    padding-top:100px;
}
/*------------------ icon-hover-box-sec style ends here ----------------------*/

/*---------------- icon-text-box style starts here ----------------------*/
.icon-box-item, .refer-box {
    position: relative;
    display: block;
    /* text-align: center; */
    background: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 20px 20px 40px;
    transition: all 0.5s ease;
    margin-bottom: 20px;
    text-align: center;
}

.imgicon-sec {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 15px;
}

    .imgicon-sec img {
        width: 60px;
    }

    .imgicon-sec h3 {
        font-size: 22px;
        font-weight: 500;
        color: #000000;
        line-height: 30px;
        margin: 0px 0px 10px;
    }


.bar {
    width: 200px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    /*background-color: #0098ca;*/
    background-color: #032d60;
    border-radius: 0px 0px 10px 10px;
    display: none;
    animation: bar 0.5s;
}
.icon-box-item:hover .bar, .ser-cmn-sec:hover .bar, .refer-box:hover .bar {
    display: block;
}
@keyframes bar {
    0% {
        width: 0px;
    }

    100% {
        width: 200px;
    }
}
/*---------------- icon-text-box style ends here ----------------------*/

/*------------------ inline-icontext-box style starts here -------------------*/
.inline-icontext-box {
    display: flex;
    margin-bottom: 20px;
    padding: 20px;
    transition: all 0.5s ease;
}

.inline-icontext-box:hover::before {
    border-right: 1px solid #0098ca;
    border-bottom: 1px solid #0098ca;
    content: "";
    height: 40px;
    right: 15px;
    position: absolute;
    bottom: 20px;
    width: 40px;
    transition: all 0.4s ease 0s;
}
    .inline-icontext-box:hover::after {
        border-left: 1px solid #0098ca;
        border-top: 1px solid #0098ca;
        content: "";
        height: 40px;
        left: 15px;
        position: absolute;
        top: 0px;
        width: 40px;
        transition: all 0.4s ease 0s;
    }
.inline-img-sec img {
    width: 60px;
    margin-right: 15px;
}

.inline-text-sec h3.sub-head {
    margin-top: 0px;
}
.inline-icontext-box:hover {
    background: #ffffff;
  box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    border-radius: 3px;
}

.inline-text-sec p {
    margin-bottom: 0px;
}
/*------------------ inline-icontext-box style ends here -------------------*/

/*----------------- bg-box-sec style starts here ---------------------*/
.bg-box-sec {
    border-radius: 6px;
    /*box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);*/
    border: 1px solid #e6ecef;
    padding: 20px;
    background: #f0f8ff;
    transition: all 0.5s ease;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
}
    .bg-box-sec:hover {
        background: #fff;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
        border: 1px solid #fff0;
    }
.bg-box-sec img {
    width: 70px;
    margin-bottom: 10px;
}

/*----------------- bg-box-sec style ends here ---------------------*/

/*------------------ process-flow style starts here -------------------*/
.process-flow-sec .col-lg-3:first-child .separator {
    display: none;
}

.process-flow-box {
    padding: 0;
    cursor: pointer;
    margin-bottom: 30px;
}

.number {
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 16px;
    color: #1f5994;
    border: 1px solid #094e91;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 32px;
    background: #fff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 1;
    position: relative;
}

.separator {
    position: absolute;
    top: 15px;
    width: 100%;
    background: #ededed;
    height: 1px;
    left: -51%;
    z-index: 0;
}

.new_service_content {
    margin-top: 30px;
    border-radius: 4px;
    padding: 30px 20px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
 /*   min-height: 460px;*/
    background-color: #fff;
    -webkit-box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%);
    box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%);
}

    .new_service_content img {
        width: 70px;
        height: auto;
        margin: auto auto 15px;
        display:block;
    }

    .new_service_content:hover {
        background-color: #f0f8ff;
        -webkit-box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%);
        box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%);
    }

.process-flow-box:hover .number {
    background: #094e91;
    -webkit-box-shadow: 0 10px 30px 0 rgb(95 81 251 / 50%);
    box-shadow: 0 10px 30px 0 rgb(95 81 251 / 50%);
    color: #fff;
}
.process-flow-box:hover .separator:before {
    width: 100%;
}
.separator::before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    background: #094e91;
    height: 1px;
    left: 0;
    z-index: 0;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
}

/*------------------ process-flow style ends here ---------------------*/


/*----------------------- service-image-sec style starts here ----------------------*/
.img-service-sec img {
    min-height: 270px;
    border-radius: 6px;
}
.img-service-sec {
/*    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border-radius: 6px;
    border: 1px solid #e6ecef;
    background: #fff;*/
    transition: all 0.5s ease;
    margin-bottom: 35px;
    position: relative;
}
    .img-service-sec .text-part {
        margin: -40px 15px 0 15px;
        background: #fff;
        position: relative;
        border-radius: 6px;
        padding: 10px 10px;
        text-align: center;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    }
.img-service-sec:hover .text-part {
    background: #f0f8ff;
}
/*----------------------- service-image-sec style ends here ----------------------*/

/*-------------------- image-hover-text style starts here -----------------------*/
.img-hover-text-effect {
    position: relative;
    backface-visibility: hidden;
    transform: scale(1);
    margin: 0px 10px 20px;
    overflow: hidden !important;
}

    .img-hover-text-effect img {
        transition: all .3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;
        outline: 1px solid transparent;
        animation: all .3s !important;
        position: relative;
        backface-visibility: hidden;
        transform: scale(1);
        z-index: 2;
        height: 400px !Important;
        width: 100%;
    }
.event-caption-box p {
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 12px;
}
.event-captions {
    top: 0;
    padding: 10px 20px 20px;
    width: 100%;
    height: 100%;
    /*    background-color: #032d6073;*/
    position: absolute;
    overflow: hidden;
    color: #FFF;
    transform: translate3d(0,0,0);
    z-index: 2;
    background: linear-gradient(to top, #032d60a3 0%,rgba(0, 0, 0, 0) 100%) !important;
}
.white-arrow-btn {
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
}
.white-arrow-btn::after {
    padding-left: 2px;
    font-family: "FontAwesome";
    content: '\f061';
}
.event-caption-box {
    padding-top: 65%;
}
.img-hover-text-effect .common-list {
    padding-left: 14px;
}
    .img-hover-text-effect .common-list li::before {
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        margin-left: -13px;
        transform: translateY(14px);
    }
.img-hover-text-effect .btn-common {
    padding: 3px 20px;
}
.img-hover-text-effect .common-list li {
    font-size: 15px;
    line-height: 22px;
}
span.event-tag {
    background: #0098ca;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
}
.img-hover-text-effect:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.1);
    overflow: hidden;
}

/*-------------------- image-hover-text style ends here -----------------------*/


/*-------------------- image-hover-text-style-1 style starts here -----------------------*/
.case-study-inner::before {
    content: "";
    width: 71%;
    background: #fff;
    height: 75%;
    position: absolute;
    right: 0;
    -webkit-box-shadow: 0px 10px 59px 0 rgb(0 0 0 / 14%);
    box-shadow: 0px 10px 59px 0 rgb(0 0 0 / 14%);
    top: 0px;
    max-width: 2600px;
}

.case-study-inner {
    padding: 4rem 0px 4rem;
    position: relative;
}

.img-adv-box {
    position: relative;
    display: block;
    background: none;
    overflow: hidden !Important;
    border-radius: 4px;
}

    .img-adv-box img {
/*        transition: all .3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;*/   
      transition: all .5s, margin-top 2ms, width 2ms, max-width 2ms, margin-left 2ms !important;
        outline: 1px solid transparent;
        animation: all .5s !important;  
        position: relative;
        opacity: 1 !important;
        border-radius: 4px !important;
        z-index: 2;
        position: relative;
        -webkit-transform: translateZ(0);
        width: 100% !important;
    }
    .img-adv-box:hover img {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        overflow: hidden;
    }
.img-adv-box-caption {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 100%) !important;
    transform: translate3d(0,0,0);
    z-index: 9;
    overflow: hidden;
    color: #FFF;
    cursor: pointer;
}

.img-adv-box-inner {
    bottom: 0;
    position: absolute;
    padding: 20px 14px;
    text-align: left;
    overflow: hidden;
   /* max-height: 135px;*/
   max-height:75px;
    /* transition: max-height .8s;*/
    transition: max-height 1s;
    max-width: 100%;
}
    .img-adv-box-inner .sub-head {
        /* line-height: 38px;
        font-size: 24px;*/
        line-height: 30px;
        font-size: 22px;
    }
.img-adv-box.box-1 .img-adv-box-inner {
    max-height: 85px;
}
.img-adv-box:hover .img-adv-box-inner {
    max-height: 500px;
}
.case-study-head {
    /*   font-size: 55px;
    font-weight: 600;
    line-height: 60px;*/
    font-size: 44px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 0px;
    color: #032d60;
}
.color-text {
    color: #2f5597;
}

/*-------------------- image-hover-text-style-1 style ends here -----------------------*/

/*------------------- all-common-boxs style starts here ------------------*/
.home-case-study img {
    width: 100%;
    height: 375px;
    position: relative;
    overflow: hidden;
}
.home-blog-sec, .home-case-study {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
   /* min-height: 350px;*/
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: #fff;
    margin-bottom: 20px;
}
.home-blog-sec {
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px 20px;
}
.home-blog-sec-1 {
    padding: 24px 50px;
}
.blog-btn-sec {
/*    margin-top: 40px;*/
    margin-top: 24px;
}
.fa-arrow::after {
   
    content: '\f178';
    padding-left: 2px;
    font-family: "FontAwesome";
}
    .blog-btn-sec a {
        float: right;
        color: #0098ca;
        transition:0.5s all ease;
    }
        .blog-btn-sec a:hover {
            padding-right: 2px;
            color:#174ea6;
        }
.home-blog-main .sub-head {
    min-height: 80px;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}
.home-blog-main p {
    font-size: 14px;
    line-height: 23px;
    min-height:112px;
}
.home-blog-cat h5 {
    color: #094e91;
    font-size: 15px;
    text-transform: uppercase;
    /*letter-spacing: 3px;
    text-transform: uppercase;*/
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}
.home-blog-sec-1 {
    min-height: 351px;
}
.home-case-study:hover, .home-blog-sec:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
.home-blog-sec.btm-sec .sub-head {
    min-height: 60px;
}

.home-blog-sec.btm-sec .check-list {
    min-height: 135px;
}
/*------------------- all-common-boxs style ends here ------------------*/

/*------------------- testimonials style starts here -----------------------*/
.testi-img img {
    border: 10px solid #fff;
    width: 250px !important;
    height: 250px;
    border-radius: 50%;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 16%);

}
.testi-img{
    padding-top:40px;
}
.testi-text::before {
    /*content: url(../img/ui-ux-design/left-quote.png);*/
    content: url(../img/quote.png);
    display: block;
    margin-bottom: 1rem;
}
.testi-text h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 24px;
}
.testi-text h5 {
    font-size: 16px;
    color: #616163;
}
.testi-detail {
    display: flex;
/*    align-items: center;*/
    margin-top: 20px;
}
.google-view {
    display: flex;
    justify-content: end;
}
    .google-view h5 a {
       
       /* color: #094e91;*/
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        position: relative;
    }

.testi-box .client-logo {
    width: 22%;
}

    .testi-box .client-logo img {
        width: 85% !important;
        margin: 0px;
    }
/*.testimonials-sec button.owl-next, .testimonials-sec button.owl-prev {
    background: #0098ca !important;
    height: 60px;
    width: 60px;
    padding: 20px 16px 20px !important;
    color: #ffffff !important;
    font-size: 55px !important;
    margin: auto 10px;
    border-radius: 31px;
}*/
   /* .testimonials-sec button.owl-prev span, .testimonials-sec button.owl-next span {
        margin-top: -8px !important;
        display: block;
    }*/

/*.testimonials-sec .owl-nav {
    margin-left: 26%;
    width: 100%;
    display: block;
 
    margin-top: 40px;
}*/
.testimonials-sec .owl-dots {
    display:none;
}
.google-view h5 {
    /* margin: 0px 5px; */
    margin-left: 20px;
    margin-top: 20px;
    z-index:9;
 
}
/*------------------- testimonials style ends here -----------------------*/

/*-------------------- on-page load popup style starts here -------------------*/
.onload-popup .modal-dialog.modal-dialog-lg {
    max-width: 850px;
}
.onload-popup .modal-content {
    background-image: url(../img/popup-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px !important;
    /* background:#fff;
    background-image: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);
*/
    background: radial-gradient(19% 51% at 51% 34%, rgba(128, 237, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(32% 85% at 100% 38%, rgba(255, 128, 184, 0.15) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(16% 43% at 0% 56%, rgba(255, 196, 179, 0.2) 0%, rgba(255, 255, 255, 0) 100%), #F7F9FD;
}
.onload-popup .modal-header, .onload-popup .modal-body {
    padding: 0px !important;
}
    .onload-popup .modal-header .close {
        margin: 0px;
        position: absolute;
        right: 0;
    }
.onload-popup .bg-white {
    background: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.onload-popup .modal-header .close {
    padding: 0rem .5rem;
    border: none;
    background: #ffffff08;
    color: #000;
    font-size: 30px;
    z-index: 9;
}
.onload-popup .modal-header{
    border-bottom:0px;
}

.pop-up-left, .popup-form {
    padding: 10px 15px;
}
.popup-list {
    list-style: none;
    column-count: 2;
    text-align: center;
}
    .popup-list img {
        width: 50px;
        margin-bottom:10px;
    }
    .popup-list li {
        margin-bottom: 30px;
    }
    .popup-list h4 {
        font-size: 15px;
        font-weight: 500;
        color: #212529;
    }
.popup-onload .floating-label {
    background: transparent;
}
.pop-up-left {
    /*    padding-top: 30px;*/
    padding-top:30px;
    padding-bottom:0px;
}
    .pop-up-left h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        /*text-transform: uppercase;*/
        text-align: center;
        margin-bottom: 30px;
        margin-top: 0px;
    }
.offshorepopups {
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px 0px;
}
    .offshorepopups ul li {
        display: inline-block;
        width: 32%;
        position: relative;
        padding-left: 15px;
        padding-right: 12px;
        float: left;
    }
/*.devexperiencenew {
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.popup-onload ul{
    padding-left:0px;
}
.devexperiencenew h3 {
    font-size: 22px;
  /*  font-weight: 700;*/
    margin-bottom: 5px;
    line-height: 26px;
}
.devexperiencenew p {
    font-size: 11px;
    /* text-align: left; */
    /* padding-left: 8px; */
    margin: 5px 0px 0px;
    line-height: 20px;
}
.offshorepopups ul li::after {
    content: '';
    position: absolute;
    border-right: 2px solid #0c5991;
    top: 10px;
    left: 0;
    width: 100%;
    height: 75%;
    z-index: 1;
}
.offshorepopups ul li:last-child::after{
    display:none;
}
.btn-common.btn-white {
    background: #ffffff;
color: #1a73e8;
 border: 1px solid white;
}
    .btn-common.btn-white:hover, .btn-common.btn-bg-white:hover {
        background: #1a73e8 !important;
        color: #fff;
        border-color: #1a73e8 !important;
    }
    .onload-popup .modal-dialog {
        margin: 10rem auto 1.75rem;
    }
/*.onload-popup .modal-content::before {
    background: #00000082;
    position: absolute;
    width: 100%;
    height: 100%;

    content: '';
    border-radius: 5px;
}*/
textarea.floating-input.floating-textarea{
    height:unset;
}
/*-------------------- on-page load popup style ends here ---------------------*/
/*-------------------- common-enquiry-form style starts here ------------------------*/
.onload-popup .floating-form {
    padding: 50px 20px;
}
.floating-label {
    position: relative;
    margin-bottom:25px;
    border-radius:5px;
    background: #Ffffff;
}

.floating-input, .floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 34px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #222;
   
}
.onload-popup .floating-input, .onload-popup .floating-select {
    border: 0px !important;
    /*border-bottom: 1px solid #ffffff!important;*/
    border-bottom: 1px solid #000 !important;
    border-radius:0px!important;
}
.onload-popup .floating-input:focus, .onload-popup .floating-select:focus {
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
}
    .floating-input:focus, .floating-select:focus {
        outline: none;
      
        border-bottom: 2px solid #000;
        color: #000;
    }
/*.onload-popup .floating-input:focus, .onload-popup .floating-select:focus {

    border-bottom: 2px solid #ffffff;
    color: #ffffff;
}
*/
.floating-form label {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    /*left: 5px;
    top: 5px;*/
    left: 10px;
    top: 8px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    padding: 0px 10px;
}
/*.onload-popup  .floating-form label {
    color: #fff;
}*/
/*.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {*/
.floating-input:focus ~ label {
    top: -18px;
    font-size: 14px;
    color: #222;
}
.onload-popup .floating-input:focus ~ label, .onload-popup .floating-input:not(:placeholder-shown) ~ label {
 /*   color: #ffffff !important;*/

  background:unset!important;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #5264AE;
}


.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%;
}
/*
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.floating-textarea {
   /* min-height: 30px;
    max-height: 260px;*/
    overflow: hidden;
    overflow-x: hidden;
}
.textarea-file-sec .floating-input.floating-textarea {
    border: 0px !Important;
}
.textarea-file-sec .floating-label {
    margin-bottom: 0px;
}
.textarea-file-sec .floating-input.floating-textarea {
    padding: 16px 10px;
}
.textarea-file-sec{
    margin-bottom:20px;
}
/* highlighter */
.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}


.floating-credit {
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #aaa;
    font-size: 13px;
    font-family: arial,sans-serif;
}

    .floating-credit a {
        text-decoration: none;
        color: #000000;
        font-weight: bold;
    }

        .floating-credit a:hover {
            border-bottom: 1px dotted #f8f8f8;
        }

.floating-heading {
    position: fixed;
    color: #aaa;
    font-size: 20px;
    font-family: arial,sans-serif;
}

/*-------------------- common-enquiry-form style ends here ------------------------*/

/*--------------- footer style starts here ----------------*/
.btn-common.ftr-btn {
    border: 1px solid #2e5481;
    background: unset;
    color: #222222;
    padding: 3px 20px;
    margin-left:0px;
}
    .btn-common.ftr-btn:hover {
        background: #1a73e8;
        border: 1px solid #1a73e8;
    }
.ftr-sec-main {
    background-image: linear-gradient(to bottom right,#f7f7f7,#eafbff);
    padding: 50px 0px 0px;
}
.ftr-list h3 {
   /* color: #58595b !important;*/
    color: #000 !important;
    font-size: 16px;
/*    font-weight: 600;*/
    margin-top: 0px;
    margin-bottom:8px;
    line-height:30px;
}
.ftr-list ul {
    list-style-type: none;
}
.ftr-list li {
    line-height: 20px;
    margin-bottom: 5px;
}
    .ftr-list li a {
        font-size: 14px;
        color: #58595b;
        font-weight: 500;
    }
.ftr-second-sec li {
    margin-bottom: 0px;
    line-height: 20px;
}
.ftr-social .social-links li a {
    color: #58595b;
}
/*.ftr-list img {
    width: 150px;
    margin-top: 19px;
}*/
.ftr-imgs img {
    display: inline-block;
    width: 120px;
    margin-right: 15px;
}
hr.ftr-hr {
    border-top: 1px solid #cecece;
    /*margin: 40px 0px;*/
    margin: 15px 0px;
}
.ftr-second-sec .ftr-list ul li {
    display: inline-block;
   
}
.ftr-second-sec .ftr-list ul li a::after {
 content: '|';
padding: 10px 12px;
}
.ftr-second-sec .ftr-list ul li:last-child a::after {
    display:none;
}
.ftr-copyright p {
    font-size: 12px;
    color: #58595b;
}
.ftr-social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 14px;
}

.ftr-social ul li a img {
width: 20px;
}
.ftr-hr.last-ftr-hr{
margin-bottom:10px;
}
.ftr-list li a:hover, .ftr-social .social-links li a:hover {
    color: #1a73e8;
}
.text-green {
    color: green;
}
/*--------------- footer style ends here ----------------*/

/*--------- common-contact-form-sec style starts here ------------*/
.common-sec {
    box-shadow: 0 6px 22px 0 rgb(0 0 0 / 8%);
}
.form-left {
    padding: 20px;
    /*   background: #2f5597;*/
    background: linear-gradient(270deg, rgba(232,240,249,1) 43%, #daecff 100%);
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top: -12px !important;
    font-size: 13px !important;
    color: #000 !important;
    background: #ffffff !important;
}
.floating-select:not([value=""]):valid ~ label {
    top: -17px;
    font-size: 13px;
    color: #0098ca !important;
    background: #ffffff !important;
}
 .floating-input:focus,  .floating-select:focus {
    outline: none;
    border: 1px solid #0098ca;
    color: #0098ca;
}
.common-sec .form-right-sec p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 5px;
}
input.floating-input[type="file"] {
    /*  padding: 6px 4px;*/
    padding: 13px 20px;
    height: unset;
}
.floating-input, .floating-select {
    border-radius: 3px !important;
    /*    border: 1px solid #808080!important;*/
    border: 1px solid #bebaba !important;
}
.floating-form label {
    color: #535252;
}
.floating-selectcommon {
    padding: 8px 4px;
    border-radius: 3px !important;
    border: 1px solid #808080;
    display: block;
    width: 100%;
    height: 42px;
    background-color: transparent;
    color: #535252;
    height: 53px;
    padding-left: 15px;
}
select.floating-selectcommon:focus-visible {
    outline: 0px !important;
}
.form-right-sec {
    padding: 30px;
    background: #ffffff;
}
.form-left-sec {
    padding: 20px 45px;
}
    .form-left-sec  span.telhead {
        font-size: 16px;
        font-weight: 600;
    }
.form-right-sec h3, .form-left-sec h3 {
    margin-bottom: 20px;
}
.form-right-sec h3 {
    margin-bottom: 40px;
}

.form-left-sec p img {
  width: 30px;
 margin-right: 10px;
}
    .form-left-sec p a {
        color: #fff;
    }
.cal-sec .img-sec {
    width: 18%;
    margin-right: 8px;
}

.cal-sec {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
 /*   margin-bottom: 30px;*/
    margin-bottom: 20px;
}
    .cal-sec p a {
        /*color: #fff;*/
        color: #000;
        display: block;
        line-height: 30px;
        font-size: 16px;
    }
     
        span.telhead {
            font-size: 16px;
            font-weight: 600;
        }
    .cal-sec p {
        font-size: 20px;
        margin-bottom: 0px;
    }
.common-sec .form-left-sec p {
    font-size:18px;
    line-height:30px;
}
.cal-sec .img-sec img {
    width: 45px;
    filter: brightness(0);
}
.cal-sec-1 img {
    margin-top: -14px;
}
.floating-input, .floating-select {
    /*padding: 20px 4px;*/
    padding: 22px 10px;
    border: none;
}
 textarea.floating-input.floating-textarea {
    height:unset;
}
.common-sec .form-left-sec {
    margin-top: 70px
}
.spam-text span {
    display: block;
    font-size: 17px;
    text-align: center;
    color: #222222;
    /*font-weight: bold;*/
}
.floating-form p {
    margin-bottom: 1px;
    font-size: 12px;
}
/*--------- common-contact-form-sec style ends here ------------*/

/*------------ boxed-photo-banner style starts here ------------*/
.boxed-photo-banner {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #eee;
    padding: 80px 60px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
    .boxed-photo-banner:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        opacity: 1;
        z-index: 3;
        /* background: linear-gradient( 270deg, rgba(240,240,240,0) 0%, rgba(20,20,20,1) 75%);
        opacity: 0.7;*/
        background: linear-gradient( 270deg, rgb(240 240 240 / 0%) 0%, #0b3155 50%);
    }
.boxed-photo-banner-text {
    position: relative;
    z-index: 10;
    max-width: 50%;
}
.boxed-photo-banner img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1;
}
.boxed-photo-banner-text {
    position: relative;
    z-index: 10;
    max-width: 50%;
}
    .boxed-photo-banner-text h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        line-height: 38px;
        margin-top: 0;
    }
    .boxed-photo-banner-text p {
        color: #fff;
        opacity: 1;
        font-size: 18px;
        line-height: 32px;
        margin: 15px 0 0px 0;
        max-width: 80%;
        display: block;
    }
/*------------ boxed-photo-banner style ends here ------------*/

/*--------------- clients-sec starts here --------------------*/
.client-img {
    flex-direction: column;
    width: 170px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .60rem !important;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    margin-bottom: 20px;
    text-align: center;
    background: #ffffff;
}

.client-sec {
    text-align: center;
}
.owl-carousel1 .owl-nav, .owl-carousel1 .owl-dots {
    display: none;
}
.owl-carousel1 .client-img img {
    width: 150px !important;
    height: unset;
}
/*@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50px * 10));
    }
 
}*/

@keyframes scroll {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-10%);
    }
}
/*

.owl-carousel.owl-carousel-1 .item{
    animation: scroll 40s linear infinite;
}
*/
/*.slick-slider {
    transform: scale(2);
    transition: all 1s ease;
}
*/
.slick-slider .slide {
    /*     animation: scroll 40s linear infinite;
*/ animation: scrollText 10s infinite linear;
    /*    animation: scroll 40s infinite linear;*/
}
.clients-left-sec {
    /* display: inline-block; */
    background-color: #f0f8ff;
    padding: 60px 25px;
}

p.fclient {
    font-size: 22px;
    color: #606062;
    margin: 0px;
    font-weight: 500;
}

.clients-left-sec h3 {
    font-size: 45px;
    color: #0098da;
    margin: 0px;
    text-align: center;
}

.clients-left-sec {
    color: #0098da;
}

p.lclient {
    font-size: 22px;
    color: #606062;
    margin: 0px;
    font-weight: 500;
    text-align: right;
   
}
.clients-main-sec .owl-nav, .clients-main-sec .owl-dots {
    display: none;
}
 

/*--------------- clients-sec ends here --------------------*/



/*---------------- clients-smooth scroll style starts here -----------*/
.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}



.ep-title {
    color: #2F5597;
    display: inline-block;
    font-family: reg,helvetica,arial,sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 35px;
    padding: 0 20px;
    text-align: center;
    background: #7e8990;
    z-index: 997;
    position: relative;
}

hr.ep-divider {
    margin: 0;
    height: 1px;
    background: #eaf5fe;
    position: relative;
    top: -46px;
}

.slick-slide {
   /*background: white;*/
    padding: 14px;
    vertical-align: middle
}

    .slick-slide img:focus {
        border: none !important;
    }


/*---------------- clients-smooth scroll style ends here -------------*/


/*------------ web-application-page style starts here ----------------*/
.box-layout {
    margin-top: 50px;
    padding: 40px 30px;
    border-top: 3px dotted #032d60;
    border-bottom: 3px dotted #032d60;
    padding: 2rem 0px;
}
    .box-layout p {
        font-size: 24px;
        line-height: 35px;
        font-weight: 500;
        margin-bottom: 0px;
        color: #032d60;
    }
.web-app-fetures .icon-box-design-1 {
    min-height: 115px;
}
.sec-head {
    margin-top: 0px;
    color: #032D60;
    font-size: 38px;
    font-weight: 600;
    line-height: 45px;
}
.tech-sec .slick-slide img {
    width: 100px;
}
.tech-sec .client-img {
    flex-direction: row;
}
.service-quotese {
    /* background: #d1ebff; */
    padding: 20px 50px;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    background: linear-gradient(90deg, rgba(146,205,250,0.4) 0%, rgba(199,235,255,0.4) 100%);
}
.quote-para-sec {
    padding: 30px 0px;
}
.service-quotese p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #032d60;
}
.quote-para-sec .btn-common {
    margin-bottom:0px;
}
.new_service_content .sub-head {
    min-height: initial;
}
/*.new_service_content{
    min-height:460px;
}*/
.web-app-ctasec .boxed-photo-banner-text {
    max-width: 60%;
}
.webapp-ourwork-sec {
    background: #fafafa;
    border-bottom: 1px solid rgba(204,205,207,0.5);
    border-top: 1px solid rgba(204,205,207,0.5);
}
.bg-value {
    background: url(../img/dots-bg-image.webp) no-repeat bottom left #f8fbff;
}

.box-layout-sec {
    background: #fff;
    padding: 60px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgb(77 80 84 / 15%);
    border: 1px solid #dddddd;
}
    .box-layout-sec .two-sec-list {
        column-count: 1;
    }
.new-icon-layout {
    width: 100%;
    /* height: 128px; */
    display: flex;
    /* flex-direction: row; */
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #f5f5f5;
    min-height: 128px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    background: #ffffff;
    /* border-radius: 3px; */
    cursor: pointer;
    transition: all .5s ease;
}
    .new-icon-layout:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }

    .new-icon-layout .icon-part {
        background: #fafafa !important;
        display: flex !important;
        align-items: center !important;
        width: 30% !important;
        padding: 20px 10px 20px;
    }

.new-icon-layout .icon-part img {
    width: 60px !important;
    height: 60px !important;
    margin: auto !important;
    background: unset !important;
}

    .new-icon-layout .text-sec {
        padding: 20px 20px;
        width: 70%;
        display: flex;
        align-items: center;
    }
.new-icon-layout .sub-head {
    font-size:18px;
}
.services-sec {
    background: #fafafa;
}
.why-us-service-sec {
    background: #0b3155;
}
.why-right-sec {
    background: #fff;
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 10%);
    padding: 50px;
    border-radius: 10px;
}
/*------------ web-application-page style ends here ----------------*/

/*--------------- digital-marketing style starts here -------------*/
.dmarketing-fetures .icon-box-design-1 {
    min-height: 140px;
}
.digital-quote-sec .quote-para-sec {
    padding: 40px 0px 10px;
}
.digital-quote-sec .service-quotese {
    padding: 0px 50px;
}
/*--------------- digital-marketing style ends here -------------*/
/*------------- faqs style starts here -----------------*/
.accordion-button {
    background-color: #ffffff;
    border: 1px solid rgb(0 0 0 / 5%);
    padding: 14px 25px;
    font-size: 18px;

    /*  box-shadow: 0 0 10px rgb(0 0 0 / 10%);*/
    /*  margin-bottom: 20px;*/
}
    .accordion-button:focus {
        border-color: rgb(0 0 0 / 5%)!important;
        box-shadow:unset;
    }
    .accordion-button:not(.collapsed) {
        /*      background-color: #f8f9fa;*/
        background-color: #F1F4F9;
        border: 1px solid rgb(0 0 0 / 5%);
        font-weight: 900;
        color: #0249A3;
    }
.accordion-body{
    padding:25px
}
.accordion-body p:last-child{
    margin-bottom:0px
}
/* .accordion-button:not(.collapsed) {
        background-color: #0098ca;
        border: 1px solid rgb(0 0 0 / 5%);
        font-weight: 500;
        color: #ffffff;
    }*/
.accordion-collapse.collapse.show {
    background: #ffffff;
    /*border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;*/
}
/*------------- faqs style ends here -----------------*/

/*----------------- career-page style starts here ---------*/
.bg-banner-part {
    /*  background-image: url(../img/banner/career-banner.webp);*/
/*    background-image: url(../img/career/career-banner.webp);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0px;
    position: relative;
}
.banner-text-bg {
    background: #00000052;
    padding: 15px 20px;
    border-radius: 5px;
}
    .banner-text-bg h1 {
        margin-bottom: 0px;
    }
    .banner-text-bg .banner-text h1 {
        color: #fff !important;
    }
/*.bg-banner-part .head {
    color: #fff;
}*/
/*.bg-banner-part::before {
 background: #0000003b;
  content: '';
 position: absolute;
  height: 100%;
 width: 100%;
top: 0;
 }*/
.job-listing-box:hover {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
}
.job-listing-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 20px 20px;
    background: #FFFFFF;
    border: 1px solid #ECEDF2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    align-items: center;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
}
.job-listing-box .exp img {
    /*width: 25px;*/
    width: 18px;
    margin-right: 5px;
}
span.exp {
    color: #606062;
    font-size: 14px;
}
    .job-listing-box a.btn-common {
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        margin-bottom:0px;
    }
    .job-listing-box a.btn-common:hover {
        box-shadow: 0 4px 5px 2px rgb(0 0 0 / 20%);
    }

    .job-listing-box .exp::before {
        content: '|';
        padding: 5px 10px;
    }

    .job-listing-box .exp:first-child::before {
        display: none;
    }
/*.job-details {
    margin-bottom: 10px;
}*/
.job-left-sec h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
}
.job-types {
    margin-bottom: 10px;
    font-size: 14px;
}
    .job-left-sec h4 a {
        color: #0b3155;
    }
        .job-left-sec h4 a:hover {
            color: #1a73e8;
        }
.job-listing-box .skill-tag {
    /*   background: #f8f8f8;
        background: #0098da29;*/
    /* background: rgba(25,103,210,.15);*/
    color: #606062;
    padding: 5px 20px;
    border-radius: 16px;
    margin-right: 6px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid rgb(100 100 102);
}
.job-left-sec {
    width: 75%;
}
/*----------------- career-page style ends here ---------*/

/*----------- light-box-gallery style starts here -----------*/

.image-grid figure {
    /*    margin-bottom: 25px;*/
    border: 2px solid white;
}

.image-grid img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
    /*height: 250px;*/
}

.image-grid a:hover img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}



.lightbox-modal .modal-content {
    background: var(--lightbox);
}

.lightbox-modal .btn-close {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 1.2rem;
    z-index: 10;
}

.lightbox-modal .modal-body {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
}

.lightbox-modal img {
    width: auto;
    max-height: 100vh;
    max-width: 100%;
}

.lightbox-modal .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(36, 36, 36, 0.75);
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: auto;
}

.lightbox-modal .carousel-control-prev {
    left: 10px;
}

.lightbox-modal .carousel-control-next {
    right: 10px;
}


/*----------- light-box-gallery style ends here -----------*/

/*------------ jobs-category style starts here --------------*/
/*.bg-banner-part.jobs {
    background-image: url(../img/banner/job-category-banner.webp);
}*/
.jobs-banner-sec {
    background: #000000;
}
.job-benefit-box img {
    width: 60px;
    margin-bottom: 10px;
}

.job-benefit-box {
    text-align: center;
    padding: 10px 20px;
}
.feature-block {
    position: relative;
    margin-bottom: 30px;
}
    .feature-block .inner-box {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 250px;
    }
    .feature-block .image {
        position: relative;
        margin-bottom: 0;
    }

.feature-block .image img {
            display: block;
            width: 100%;
            -webkit-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;
 }
    .feature-block .overlay-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #00000073;
 }
.feature-block .overlay-box .content {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 30px 30px 25px;
            z-index: 9;
 }
 .feature-block .overlay-box h5 {
            font-size: 22px;
            color: #ffffff;
            font-weight: 500;
            display: block;
            margin-bottom: 2px;
}
.feature-block .overlay-box .total-jobs {
display: block;
font-size: 16px;

color: #ffffff;
}
.overlay-link {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
}
.feature-block .inner-box:hover .image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.job-top-sec{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:70px 50px;
    position:relative;
    z-index:9;
}
    .job-top-sec::before {
        background: #000000b8;
        height: 100%;
        width: 100%;
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
    }
    .job-top-sec.job-first-sec {
        background-image: url(../img/events/2.webp);
    }
.job-top-sec.job-second-sec {
    background-image: url(../img/events/3.jpeg);
}
.job-top-sec.job-second-sec {
    background-image: url(../img/events/4.jpeg);
}
.job-top-sec.job-third-sec {
    background-image: url(../img/events/5.jpeg);
}
    .job-top-sec p {
        color: #c4c4c4;
        text-align: center;
    }
    .job-top-sec .sub-head {
        color: #ffffff;
        text-align: center;
    }
.job-main-cat .btn-arrow::after {
    display: none;
}
.job-main-cat {
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #e6ecef;
    background: #fff;
    padding: 25px 20px;
    position: relative;
    margin-bottom: 30px;
    transition: all .5s ease;
    text-align: center;
}
    .job-main-cat:hover a.btn-arrow {
        text-decoration: underline;
        color: #1a73e8;
    }

    .job-main-cat img {
        width: 60px;
        margin-bottom: 15px;
    }
    .job-main-cat .sub-head {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .job-main-cat h4 a {
        color: #032D60;
    }
    .job-main-cat a.btn-arrow {
       text-decoration: underline;
    }
.btn-arrow::after {
    padding-left: 2px;
    font-family: "FontAwesome";
    content: '\f105';
}
/*.job-main-cat a.btn-arrow {
    color: #0249A3;
}
*/
.job-main-cat:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    border-radius: 0px;
}
.bg-grey {
    background: #f6f6f6;
}
.gallery-sec .col-12.col-sm-6.col-md-3{
    padding:0px;
}

.moretext1, .moretext2 {
    display: none;
}
.disclaimer-box {
    background: -webkit-linear-gradient(bottom,#edf5f8,#f0fbff);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}
.more-btn {
    color: #0098ca;
    font-weight: 500;
}

 .employee-reviews .testi-text-sec::before {
    /* content: url(../img/ui-ux-design/left-quote.png); */
    content: url(../img/quote.png);
    display: block;
    margin-bottom: 1rem;
}
.employee-reviews .testi-text-sec {
    padding: 70px 20px 70px 10px;
    min-height: 200px;
}
.employee-reviews .testi-img-sec {
    padding: 3px;
    background: #ffffff;
}
    .employee-reviews .testi-img-sec img {
        width: 100%!important;
    }
.career-banner1 .banner-text-sec {
    margin-top: 28px;
}
/*------------ jobs-category style ends here --------------*/
/*------------- job-detail page style starts here ---------------*/
.details {
    border-bottom: 1px solid #e5e2e2;
    padding: 10px 10px 10px;
}
.skillslist li {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #acacac;
    border-radius: 15px;
    padding: 0px 20px;
    margin-bottom: 10px;
    font-size: 16px;
}
.skillslist {
    margin-top: 10px;
}
.skillslist li::before{
    display:none;
}
.skillslist ul{
    padding-left:0px;
}
.details label {
    font-size: 16px !important;
    color: #032d60;
    font-weight: 600;
    display: block;
}
.apply-form.common-sec  {
    box-shadow:unset;
}
.details.details-new {
    display: flex;
    align-items: center;
}
    .details.details-new label {
        width: 35%;
    }
.details:hover {
    background: #f6f6f6;
}
.common-sec p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 5px;
}
.apply-now-sec {
    background: #ffffff;
    border-radius: 10px;
    padding: 5%;
    border: 1px solid #ebf0f6;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
}
.common-sec .floating-selectcommon:focus, .common-sec .floating-selectcommon:active {
    border-color: #0098ca
}
.apply-now-sec .floating-selectcommon, .floating-selectcommon {
    border: 1px solid #bebaba !important;
    padding: 11px 10px;
    height: unset !important;
    font-size: 12px;
}
.floating-selectcommon {
    height: 44px!important;
    padding: 8px 4px!important;
}
/*------------- job-detail page style ends here ---------------*/
/*-------------- case-studies page style starts here ------------*/
.case-study-banner {
    background-image: url(../img/banner/case-studies-banner.webp);
}
.case-studies-filter ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
   
}
.case-studies-filter ul li::before{
    display:none;
}
.case-studies-filter li a {
    color: #032D60;
    background: #f2f9fd;
    padding: 8px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
}
    .case-studies-filter li a.active {
        /* background: #0098ca;*/
        background: #1a73e8;
        color: #ffffff;
    }
.icon-tabs.case-studies-sec .nav{
    text-align:left;
}
.icon-tabs.case-studies-sec .nav-pills .nav-link.active h3 {
    color: #032D60;
}
.icon-tabs.case-studies-sec .nav-pills .nav-link h3 {
    font-size: 22px;
}
.icon-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border-bottom: 4px solid #094e91;
}
.case-study-sec {
    box-shadow: 0 4px 6px 0 rgb(0 0 0 / 5%);
    overflow: hidden;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    cursor: pointer;
    margin-bottom: 30px !important;
    border-radius: 5px;
    border: 1px solid #e6ecef;
    min-height: 440px;
}
.case-study-text {
    position: relative;
    padding: 40px 20px 40px;
    -webkit-transition: all .45s ease-out;
    transition: all .45s ease-out;
}
    .case-study-text span {
        font-size: 14px;
        color: #787373;
    }

    .case-study-text a.btn-arrow {
        font-weight: 500;
        line-height: 1;
        color: #0098ca;
        text-transform: uppercase;
        bottom: 10px;
        position: absolute;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 18%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        -webkit-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        font-size: 14px;
    }

.case-study-sec:hover .case-study-text a.btn-arrow {
    opacity: 1;
    bottom: 25px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.case-study-sec:hover .case-study-text {
    padding: 20px 20px 45px;
}
.case-study-sec:hover img {
    overflow: hidden !important;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.case-study-sec:hover {
    -webkit-box-shadow: 0 15px 15px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 15px 15px 0 rgb(0 0 0 / 5%);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.case-study-img {
    overflow: hidden;
}
    .case-study-img img {
        width: 100%;
    }
.case-study-sec .sub-head {
    font-size: 18px;
    line-height: 28px;
    min-height: 100px;
    
}
.case-study-sec .sub-head a {
    color: #032D60;
}
.top-0{
    top:0px!important
}
/*.sticky1 {
    position:fixed;
    top:120px;
}*/
/*-------------- case-studies page style ends here ------------*/
/*-------------- social-media icons style starts here -------------*/
.fa-facebook::after {
    content: "\f09a";
}
.fa-twitter::after {
    content: "\f099";
}
.fa-linkedin:after {
    content: "\f0e1";
}
.fa-whatsapp::after {
    content: "\f232";
}
.fa-instagram::after {
    content: "\f16d";
}
.fa-youtube::after {
    content: "\f16a";
}
.fa {
    padding-left: 2px;
    font-family: "FontAwesome";
}
.cmn-social {
    padding: 10px 13px;
    /* display: inline-flex; */
    border-radius: 5px;
    color: #fff;
    background: #032d60;
    transition: 0.5s all ease;
}

a.facebook.cmn-social {
    padding: 10px 15px;
    background: #4267B2;
}

a.twitter {
    background: #1DA1F2;
}

a.linkedin {
    background: #0077b5;
}

.WhatsApp {
    background: #25D366;
}

.cmn-social:hover {
     border-radius: 50px;
    box-shadow: 0 6px 30px 0 rgb(0 0 0 / 20%);
    transform: scale(1.2);
}
/*-------------- social-media icons style ends here -------------*/

/*--------- case-studies-detail style starts here -----------*/
.case-study-catsec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.social-share ul {
    list-style: none;
}
.social-share ul li{
    display:inline-block;
    margin-right:8px;
}
.w-100 {
    width: 100% !important;
}
.case-study-bg {
    background: #f6f6f6;
    padding: 40px;
}
.case-study-bg.tools-sec .slick-slide{
    background:unset!important;
    padding:0px;
}
.case-study-bg.tools-sec .client-img {
    width:150px;
    height:90px;
 }
.case-study-bg.tools-sec .client-img {
    width:150px;
    height:120px;
}
.slick-slide img{
    width:100px;
    height:100px;
}
.download-sec {
    align-items: center;
    justify-content: space-between;
}
.next-story-sec {
    background-color: #ffffff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    padding: 10px;
    position: absolute;
    top: 53px;
    transition: all 0.4s ease 0s;
    z-index: 999;
}
.next-story-sec {
    display: none;
}
.next-story:hover .next-story-sec {
    display: block;
}
.next-case-study {
    position: relative;
}
.next-story-sec a img {
    margin-right: 10px;
    width: 130px;
}
.next-case-study a.btn-common.btn-box-shadow.btn-arrow {
    float: right !important;
}
.case-study-detail li::before {
    background-color: #0098ca;
    content: " ";
    display: block;
    height: 8px;
    margin-left: -16px;
    transform: translateY(18px);
    width: 8px;
}
.case-study-detail ul {
    list-style-type: none;
    padding-left: 15px;
}
.carousel.case-study-sliders span.visually-hidden {
    display: none !important;
}
.next-story-sec a p{
    color:#000;
}
.linesec {
    width: 100%;
    height: 2px;
    margin-bottom: 50px;
    /*    background: linear-gradient(to right, #0098ca 0%, #0098ca 18%, rgb(222, 215, 215) 18%);*/
    background: linear-gradient(to right, #0098ca 0%, #1a73e8 18%, rgb(222, 215, 215) 18%);
}
.intern-content {
    padding: 20px 16px 20px;
 /*   min-height: 135px;*/
    min-height: 150px;
}
.related-casestudies .case-study-text a.btn-arrow {
    left: 23%;
}
.related-casestudies .case-study-sec .sub-head {
    min-height: 120px;
}
/*--------- case-studies-detail style ends here -----------*/
/*------------------ technology-style starst here -----------------*/
.bg-gradient {
    background-image: -webkit-linear-gradient(bottom,#edf5f8,#ffffff);
}
.bg-gradient-1 {
    background-image: -webkit-linear-gradient(bottom,#d9f0fe,#ffffff);
}
.bg-gradient-2 {
    /*    background-image: -webkit-linear-gradient(top,#b9dcf0,#b9dcf0);*/
    background-image: linear-gradient(270deg, #f8fbff 0%, rgba(232,240,249,1) 43%, #daecff 100%);
}
.bg-gradient-3 {
    background-image: -webkit-linear-gradient(top,#fff8e4,#ffffff)
}
.bg-gradient-4 {
    background: linear-gradient(110deg, #53a2ff, #2a387b);
}
.common-bg {
    background-image:url(../img/shape-1.webp);
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
}
    .common-bg::before {
        content: '';
      background-image: url(../img/shape-2.webp);
        background-repeat: no-repeat !important;
        background-position: top right !important;
        background-size: 30%;
        position: absolute;
        width: 100%;
        height: 100%;
        right:0;
    }
.hire-img-sec {
    /*    background-image: url(../img/technologies/hire-with-us.webp);*/
/*    background-image: url(https://img.freepik.com/free-photo/programming-code-abstract-technology-background-software-developer-computer-script_34663-31.jpg?w=900);*/ 
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    box-shadow: 2px 4px 13px rgb(17 121 239 / 10%);
    border-radius: 5px;
}
.hire-us-box {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 2px 4px 13px rgb(17 121 239 / 10%);
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    transition: all 0.5s ease;
    padding: 20px;
    border: 1px solid #ecf1fb;
}
    .hire-us-box:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }


    .hire-img-sec .sub-title {
        color: #ffffff !important;
    }

    .hire-img-sec::before {
        background: #011169a6;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
    }
.hire-us-box p {
    font-size: 15px;
}
.hire-us-box::before {
    content: "";
    width: 5px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 19px;
    left: -1px;
    background: #00c3e1;
}
.hire-us-box .sub-head {
    margin: 0px 0px 5px;
}


.icon-tabs.tech-service-sec .nav {
    display: flex;
}
.icon-tabs.tech-service-sec .nav-pills .nav-link.active h3 {
    font-weight: 600;
    color: #0098ca;
}
.icon-tabs.tech-service-sec .nav-pills .nav-link.active img.normal-img, .icon-tabs.tech-service-sec .nav-pills .show > .nav-link img.normal-img {
    display: block !important;
    filter: revert;
}
.icon-tabs.tech-service-sec .nav-pills .nav-link img {
    filter: grayscale(1);
}
.icon-tabs.tech-service-sec .nav-pills .nav-link h3 {
    font-weight: 600;
    line-height: 30px;
    color: #606062;
}
.bg-dots-sec {
    background: url(../img/dots-bg-image.webp) no-repeat bottom left #f8fbff;
}

.case-block-two {
    position: relative;
    margin-bottom: 50px;
}

.inner-box {
    position: relative;
    display: block;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);
    background: #F2FAF8;
}

.image-column {
    position: absolute;
    float: left;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-column {
    position: relative;
    float: left;
    width: 50%;
}

.content-box {
    position: relative;
   /* padding: 65px 75px;*/
    padding: 55px;
    background: #ffffff;
    min-height: 200px;
}
/*------------------ technology-style ends here -----------------*/
/*------------------ animations starts here ----------------*/
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: 1000ms;
    animation-delay: 0ms;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-duration: 1000ms;
    animation-delay: 0ms;
}

/*------------------ animations ends here ----------------*/
/*------------- industry-page-layout starts here -----------------*/
.industry-quotesec {
    /* background: linear-gradient(90deg, #9dc0d6 0%, #ddebf4 100%);*/
    background: linear-gradient(45deg, #e1f3ff, #f6f7fb);
    padding: 0px 50px;
    border-radius: 3px;
}
.quote-para-sec p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #032d60;
}
.solutions-tabs {
    background: #F7F8FB;
}
.service-htabs.solutions-tabs .tab-content {
    background:#fff;
}
.service-htabs.solutions-tabs .nav-link {
    padding: 8px 16px;
    text-align:center;
}
.tech-why-us .why-left-sec img {
    border-radius: 10px;
}
.tech-why-us .whyus-boxes {
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    border-radius: 5px;
    border: 1px solid #ecf1fb;
    transition: all 0.5s ease;
    margin-bottom: 30px;
    padding: 20px;
}
.why-left-sec {
    padding-right:50px;
}
.industry-why-us .two-sec-list {
    column-count:1;
}
.industry-why-us .img-text-sec img {
    width: 80px;
    height: 80px;
    margin-right: 15px;
}
.industry-why-us {
    background: #F9F9FB;
    border-bottom: 1px solid rgba(204,205,207,0.5);
    border-top: 1px solid rgba(204,205,207,0.5);
}
/*------------- industry-page-layout ends here -----------------*/
/*------------ tools-technologies-layout-1 section starts here ---------------*/
.skill-sec img {
    /* filter: brightness(0%);*/
    width: 80px;
    margin: auto;
    /*filter: grayscale(100);*/
}

.skill-sec:hover img {
 filter: brightness(100%);
}
.skill-sec:hover {
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
}
.skill-name {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    min-height: 38px;
    margin-top: 8px;
}
.icon-tabs.tools-tab-sec .nav-link {
    padding: 0.5rem 4rem;
}
.skill-sec {
    text-align: center;
    /*padding: 10px;*/
    padding: 10px 10px 6px;
    margin-bottom: 20px;
    transition: all 0.5s ease;
}

/*------------ tools-technologies-layout-1 section ends here ---------------*/

/*----------- tools-technologies-layout-2 style starts here -----------*/
.tools-bottom-sec .skill-sec:hover {
    box-shadow: unset;
    background:unset!important;
}
.tools-bottom-sec .skill-sec {
    padding: 10px 5px;
    margin-bottom:0px;
}
.tools-bottom-sec .skill-sec img {
    width: 100%;
}
.tools-bottom-sec .skill-name {
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    min-height:50px;
}
.tools-box {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    border-radius: 5px;
    border: 1px solid #ecf1fb;
    transition: all 0.5s ease;
    margin-bottom:30px;
}

.tools-top-sec {
    padding: 20px;
}

.tools-bottom-sec {
    /*background: #fafafa;*/
    background: #f7f7f7;
    padding: 10px;
}

.tools-top-sec p {
    margin-bottom: 0px;
}

.tools-box:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
/*----------- tools-technologies-layout-2 style ends here -----------*/

/*branding-page style starts here*/
.branding-banner{
    padding:0px 0px!important;
}
.branding-sec {
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);
    background: #ffffff;
}
.branding-sec .branding-details {
    padding: 30px;
}
.branding-sec .carousel-control-next {
    right: -10px;
}
.branding-sec .carousel-control-prev {
left: -10px;
}
.branding-sec #carousel-thumbs .carousel-control-prev-icon, .branding-sec #carousel-thumbs .carousel-control-next-icon {
    background-image: unset!important;
}
/*branding-page style ends here*/

/*----------- contact-us-page style starts here ----------------*/
.contact-form-sec {
    padding: 35px;
    /*background: #fff;*/
    /* box-shadow: 0 0 30px -2px #ddd;*/
    /*box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 5px;*/
}
.cnt-left {
    background: #ffffff;
}

.cnt-right {
    background: #fafafa;
}

.contact-form-leftsec {
    padding: 35px;
}
.fa-phone::after {
    content: '\f095';
    padding-left: 2px;
    font-family: "FontAwesome";
}
.fa-envelope::after {
    content: '\f0e0';
    padding-left: 2px;
    font-family: "FontAwesome";
}
.fa-address::after {
    content: '\f041 ';
}
.fa-clock::after {
    content: '\f017 ';
}
.fa-whatsapp::after {
    content: '\f232 ';
    padding-left: 2px;
    font-family: "FontAwesome";
}
.fa-skype::after {
    content: '\f17e';
    padding-left: 2px;
    font-family: "FontAwesome";
}
.fa-question::after {
    content: "\f059";
}
.fa-user::after {
    content: "\f007";
}
.fa-map-marker::after {
    content: "\f041";
}

.phone-sec {
    position: relative;
    margin-bottom: 20px;
}

.phone-icon {
    position: absolute;
    top: 1px;
    display:none;
}

/*.phone-text {
    padding-left: 45px;
}
*/
    .phone-text p {
        margin-bottom: 0px;
        font-size:17px;
    }
.contact-box {
/*    background: #ffffff;
*/    /* padding: 20px; */
    margin-bottom: 40px;
    /*border: 1px solid #ddd;*/
    /* box-shadow: 0px 2px 8px rgb(0 0 0 / 10%); */
    /*border: 1px solid #e6ecef;
    box-shadow: 0px 2px 5px rgb(17 121 239 / 15%);
    border-radius: 4px;*/
}
.contact-banner {
    /* background-image: url(../img/contact-us-banner-img.webp);*/
    background-image: url(../img/contactus-banner.jpg);
    padding:120px 0px;
}
.phone-head {
    /*    background: #ecf4ff;*/
    background: #1a73e8;
    padding: 10px 20px;
}
.contact-banner .banner-text-bg {
    background: #00000021;
}
.address-sec {
    background: #ffffff;
    box-shadow: 0px 2px 5px #e1ecf8;
    border-radius: 5px;
    padding: 20px 35px;
    margin-bottom: 30px;
}
.phone-body {
    padding: 20px 20px;
}
.contact-main-box {
    box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
    padding: 25px 30px;
    border-radius: 20px;
    border: 4px solid transparent;
}
    .contact-main-box::after {
        content: "";
        width: 28px;
        height: 100px;
        background: #2f5597;
        position: absolute;
        right: -17px;
        top: 50%;
        transform: translate(-12%,-50%);
        z-index: -2;
    }
.contact-main-box.lastbox::after {
    display: none;
}
    .contact-main-box:hover {
        border: 4px solid #2f5597;
    }
    .contact-main-box img {
        width: 60px;
        margin-bottom: 10px;
    }
/*.contact-box {
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e6ecef;
    background: #fff;
    transition: all .5s ease;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 30px -2px #ddd;
}*/
.phone-icon span {
    /*color: #094e91;*/
    /*  color: #000;
    font-size: 20px;*/
    font-size: 24px;
    color: #094e91;
}

.phone-text p a {
    color: #000000;
    line-height: 30px;
}
/*.our-locations {
    background-image:url(../img/contact-us/world-map.webp);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}*/
    .our-locations .img-adv-box-caption {
        background: linear-gradient(to top, rgb(63 81 181 / 44%) 0%,rgba(0, 0, 0, 0) 100%) !important;
    }
    .our-locations .img-adv-box-inner {
        max-height: 54px;
    }
    .our-locations .img-adv-box img {
        height: 260px;
 }
    .our-locations .img-adv-box {
        margin-bottom: 20px;
    }
    .our-locations .img-adv-box-inner p {
        margin-bottom: 0px !important;
    }
    .our-locations .img-adv-box-caption {
        height: 60%;
        top:unset!important;
    }
/*----------- contact-us-page style ends here ----------------*/

/*------------------ service-page-old-layout style starts here ----------------*/
.ser-first-box p {
    width: 80%;
    margin-bottom: 0px;
    font-size: 17px;
}

.ser-first-box {
background: #f5f8fe;
    padding: 40px;
    border-radius: 3px;
}
.service-layout-1 {
    background: #022b52;
}
.service-layout-para-sec {
    background-color: #f5f5f5f0;
    padding: 30px;
    background: #ffffff;
}



.service-head-sec {
    border: 8px solid #fbfbfb8c;
    padding: 20px;
}

    .service-head-sec h3 {
        margin: 0px;
    }

.service-para.text-white {
    margin-top: 20px;
    padding-right: 20px;
}

.service-layout-box img {
    width: 50px;
    margin-bottom: 10px;
}

.service-layout-box {
    margin-bottom: 35px;
    margin-left: 20px;
    margin-right: 20px;
}

    .service-layout-box p {
        font-size: 16px;
        font-weight: 600;
        line-height:24px;
    }
.moretext {
    display: none;
}
.moreless-button {
    text-decoration: underline;
   
    color: #094e91;
    font-weight: 600;
}
.service-main-left .moreless-button {
    padding-left: 52px;
}

.service-tabs-main h3, .service-tabs-main h2, .service-tabs-main h4, .service-tabs-main h5 {
   /* color: #fff;*/
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 5px 0px 5px;
}
.service-tabs-main li::before {
    background-color: #ffffff;
}
.cta-strip {
    background: #013160;
    padding: 60px 0px;
}

.strip-text h4 {
    color: #ffffff;
    margin-bottom: 0px;
}

.btn-bg-white {
    background: #ffffff !Important;
    border-color: #ffffff !important;
    color: #094e91 !Important;
    transition: all .45s ease-out;
}

.cta-strip .btn-sec a {
 color: #094e91;
}
.cta-strip {

    padding: 60px 0px;
    background-image: linear-gradient(45deg, #0b3155, #008dd2);
}
.icon-tabs.tools-tab-sec.service-tools{
    background:#fff;
}
.related-sbox .head-box {
    padding: 20px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
    border-left: 9px solid #00a8e7;
    display: flex;
    align-items: center;
    justify-content:space-between;
    transition:all ease 0.5s;
}
.related-sbox .head-box:hover {
padding: 20px 16px;
}
    .related-sbox .head-box:hover h4.sub-head, .related-sbox .head-box:hover .head-box .fa-small-arrow, .related-sbox:hover a {
        color: #1a73e8;
    }
.related-sbox .head-box h4.sub-head {
        margin: 0px;
    }

.related-sbox {
    background: #ffffff;
    transition: all 0.5s ease;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
    margin-bottom: 30px;
}

.related-sbox .text-box {
padding: 20px;
min-height:160px;
}
.icon-tabs.tools-tab-sec.technologies-sec .col-lg-2, .hire-techsec .col-lg-2 {
    width: 11.666%;
}

/*------------------ service-page-old-layout style ends here ----------------*/
/*---------------- service-page-new-layout style starts here ----------------*/
.bg-1 {
    background: #f9fcff;
}
.bg-circle {
    /*    background-image: url(../img/circle-shape.png), linear-gradient(324.82deg, #E1EFFF 8.78%, rgba(225, 239, 255, 0) 77.54%);
*/ background-image: url(../img/circle-shape.png), linear-gradient(324.82deg, #f7fbff 8.78%, rgba(225, 239, 255, 0) 77.54%);
    background-repeat: no-repeat;
    background-position: left top;
}
.service-lbox img {
    width: 50px;
    margin-bottom: 10px;
}
/*
.service-lbox h4 {
    min-height: 60px;
}*/

.service-lbox {
    /*   background: #ffffff;*/
    padding: 20px 20px;
    margin-bottom: 30px;
    /* min-height: 410px;*/
    /*box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);*/
    transition: all 0.5s ease;
    position: relative;
    z-index: 9;
    /*text-align: center;*/
    background: rgb(253 248 241);
    border-radius: 5px;
}
    .service-lbox:hover::before {
        border-right: 1px solid #6495ed;
        border-bottom: 1px solid #6495ed;
        content: "";
        height: 60px;
        right: 0;
        position: absolute;
        bottom: 0;
        width: 60px;
        transition: all 0.4s ease 0s;
    }
    .service-lbox:hover::after {
        border-top: 1px solid #6495ed;
        border-left: 1px solid #6495ed;
        content: "";
        height: 60px;
        left: 0;
        position: absolute;
        top: 0;
        width: 60px;
        transition: all 0.4s ease 0s;
    }
    .service-lbox p {
        margin-bottom: 0px;
        min-height: 140px;
    }
  /*  .service-lbox:hover:after {
           box-shadow: 0 0 20px rgb(2 73 163 / 15%);
    background-color: #ffffff;
    }*/
    .service-lbox:hover {
        box-shadow: 0 0 20px rgb(2 73 163 / 15%);
        background-color: #ffffff;
        border-top-right-radius: 5px;
        
        border-bottom-left-radius: 5px;
    }
/*.service-lbox:after {
content: "";
 position: absolute;
width: 100%;
height: 100%;
left: 0;
 top: 0;
z-index: -1;
transition: all .5s ease;
border: 10px solid transparent;
}*/
.p-justify {
    text-align: justify;
}
.left-right-cntimgsec img{
    border-radius:3px;
}
.hornzl-box {
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    transition: all 0.5s ease;
}
    .hornzl-box p {
        margin-bottom:0px;
    }
.hornzl-box:hover {
        background: #fff;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    }
.hornzl-box .img-side img {
  width: 45px;
   margin-right: 20px;
}
.parallax-bg {
    background-image: url(../img/course-detail/banner-sample2.webp);
/*    background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px;
}
.parallax-bg h3, .parallax-bg{
    color:#fff;
}
.faq-sec {
    background: #f9faff;
}
.banner-part-1.banner-bg-gradient-1 {
    /*    background: linear-gradient(to left, #ffffff, #a2d9f5) !important;
*/ background-image: url(../img/new-banners/banner-dev1.jpg);
   background-repeat:no-repeat;
   background-size:cover;
   background-position:right;
}
h4.sub-head {
    font-size: 18px;
    font-weight: 600;
    color: #032D60;
    line-height: 28px;
    margin: 5px 0px 15px;
   
/*    text-transform: capitalize;*/
}
.bg-light {
    background: #f2f4f8;
}
.bg-light-orange {
    background: rgb(253 248 241);
}
.bg-light-blue {
    background: linear-gradient(179deg,#f5f7ff 58%,#fff 0);
}
/*.join-us-sec {
    background: #f8faff;
}*/
.img-text-box img {
    /*width: 90%;
    margin: auto;
    margin-bottom: 30px;*/
    width: 50px;
    margin: auto;
    margin-bottom: 10px;
}
.navbar.navbar-expand-lg.navbar-light.bg-light {
    background: #ffffff;
}
.img-text-box {
    padding: 25px 40px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    margin: auto 10px;
    margin-bottom: 50px;
    transition: all 0.5s ease;
}
    .img-text-box:hover {
        background: #fafafa;
        box-shadow: 0 0 20px rgb(2 73 163 / 16%);
    }
.img-text-box h4.sub-head{
    min-height: 50px;
    margin-bottom:20px;
}
.common-box {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: #fff;
    margin-bottom: 20px;
    transition: all 0.5s ease;
    box-shadow: 0 4px 12px rgb(0 0 0 / 25%);
}
    .common-box:hover {
        box-shadow: 0 0 20px rgb(2 73 163 / 15%);
    }
.common-imgsec img {
    height: 200px;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}
.common-textsec li a {
    color: #35353d;
}

    .common-textsec li a:hover {
        color: #094e91;
    }

.common-textsec h5 {
    color: #094e91;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

.common-textsec {
    padding: 20px 15px 20px;
    min-height: 315px;
}
    .common-textsec p {
        margin-top: 18px;
    }
    .common-textsec .sub-head {
        font-size: 18px!important;
        background: #F5F5F9;
        color:#0249a3;
        border-radius:2px 10px;
        display:inline-block;
        margin:5px 0px 4px;
        padding:2px 15px;
    }
    .common-textsec ul{
        padding-left:0px;
    }
        .common-textsec ul li::before{
          display:none;
        }
    /*    .common-textsec ul li::before {
            content: '\f105';
            padding-left: 2px;
            font-family: "FontAwesome";
        }*/
        .common-textsec ul li{
            margin:10px;
        }
            .common-textsec ul li a {
                color: inherit;
                text-decoration: none;
                font-size: 16px;
            }

    .common-textsec.about-course ul li a{

    }
    .common-textsec ul li a:hover {
        color: #1a73e8;
    }
 .pl-7 {
 padding-left: 70px;
}
ul.check-list {
    padding-left:16px!important;
}
.check-list li::before {
background-color: #094e91;
 content: " ";
height: 8px;
margin-left: -19px;
transform: translateY(17px);
width: 8px;
display:block!important;
border-radius:0px;
}

.job-desc-sec li::before {
    content: '\f105';
    padding-left: 2px;
    font-family: "FontAwesome";
    background: unset;
    color: #094e91 !important;
    content: '\f00c';
    background: unset;
    margin-left: -23px;
    transform: translateY(8px);
    width: 8px;
    border-radius: 5px;
}
.check-list li a {
    text-decoration: underline;
    color: #35353d;
}
    .check-list li a:hover {
        /*color: #094e91;*/
        color: #1a73e8;
    }
.banner-text-sec {
    background: #ffffff;
    position: absolute;
  /*  box-shadow: 1px 6px 23px #c8c8c8;*/
    padding: 30px 30px;
    margin-right: -80px;
    z-index: 9;
    /* margin-left: -90px; */
    margin-top: 41px;
}

.banner-img-sec {
    position: relative;
    z-index: 0;
}
.ser-cmn-sec p {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
}
.ser-cmn-sec {
    min-height: 176px;
    position: relative;
    background: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 7%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 40px 20px 40px;
    transition: all 0.5s ease;
    margin-bottom: 20px;
    text-align: center;
}
    .ser-cmn-sec:hover {
    box-shadow: 2px 4px 13px rgb(17 121 239 / 10%);
    }
/*---------------- service-page-new-layout style ends here ----------------*/
/*------------ text-hover-image-change-effect style starts here ------------*/
.function-grid img {
    width: 50px;
    margin: auto;
    display: block;
    margin-right: 30px;
}

/*.function-grid {
    margin-bottom: 30px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 4%!important;

}*/
/*.function-grid {
    margin-bottom: 30px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 4% !important;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
    padding: 20px 15px;

}*/
.function-grid-box {
    margin-bottom: 10px;
  
  
}
.function-grid {
    background-position: center !important;
    background-repeat: no-repeat !important;
    /*   background-position: left center !important;*/
    background-position: 10px !important;
    background-size: 4% !important;
    /*   box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);*/
    /*  box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);*/
    padding: 15px 15px;
}
/*.function-grid{
    margin-left:5px;
} */
.funcn-text-sec {
    padding-left: 30px;
}
#rotating-item-wrapper1 {
    padding-left: 55px;
}
.img1-position, .rotating-item {
/*    position: absolute;*/
    top: 0;
/*    right: 0;*/
    bottom: 0;
}
    .img1-position p, .rotating-item p {
        margin-top: 20px;
        /* text-align: center; */
        font-size: 14px;
        font-weight: 600;
    }
#rotating-item-wrapper1 img.img-responsive.img-rounded {
    box-shadow: 0px 0px 20px 0px #ccc;
    border: 1px solid #eaeaea;
}

.function-grid h4 {
    line-height: 21px;
  margin-bottom:5px;
  font-size:20px;
}
.funcn-text-sec p {
    margin-bottom: 0px;
    font-weight: 600;
    font-size:16px;
}
.function-grid-inner {
    display: flex;
}

.function-grid-info {
    /* background: #e2e2e2;*/
    /*    background: #fff;*/
    /*  padding: 10px 0px 10px 30px;*/
    width: 100%;
    /*padding: 20px 15px;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);*/
}
.function-grid-info p.lead{
    font-weight:500;
    font-size:18px
}


/*------------ text-hover-image-change-effect style ends here -------------*/


/*---------------- jobs-new-layout style starts here ----------------*/

.our-culture .card {
    /*   -webkit-perspective: 150rem;
            perspective: 150rem;
            -moz-perspective: 150rem;*/
    position: relative;
    height: 25rem;
}
.our-culture .job-img-sec img {
    height: 269px;
    width: 100%;
}
.card__side {
    height: 25rem;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
}

.card__side--front {
    background-color: #fff;
}

.card__side--front-1 {
    background: #032d60;
}


.card__title.card__title--1 h4 {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 0px;
}


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

.card__side--back-1 {
    background: #032d60;
}


.our-culture .card:hover .card__side--front-1 {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.our-culture .card:hover .card__side--back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.card__title {
  /*  height: 20rem;
    padding: 4rem 2rem 2rem;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
    .card__title .overlay-box {
        position: absolute;
        left: auto;
        top: 0;
        right: auto;
        height: 100%;
        width: 100%;
        background: #00000030;
    }
        .card__title .overlay-box .content {
            /* position: absolute; */
            left: auto;
            /* bottom: 31px; */
            /* top: 0; */
            right: auto;
            /* width: 100%; */
            /* padding: 30px 30px 25px; */
            z-index: 9;
            text-align: center;
            margin: auto;
            display: block;
            /* padding: 0px; */
            /* background: #000000a6; */
            padding-top:100px;
        }
.card__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
  /*  text-align: center;*/
}

.card__price-box {
  /*  text-align: center;*/
    color: #fff;
}

    .card__price-box p {
        margin-bottom: 0px;
    }

.jobs-cta-sec {
    background: #0f3d64;
}

.job-cta-text a {
    color: #ffffff;
}

.job-cta-text {
    padding: 30px 0px;
    margin-left: 20px;
}
.job-cta-imgsec img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.employee-testi-sec .testi-img img{
    border-radius:0px;
    box-shadow:unset;
    border:3px solid #fff;
}
.employee-testi-sec .testi-box::before {
    width: 90%;
}
.employee-testi-sec .testi-img {
    padding-top: 30px;
    padding-bottom: 30px;
}
.employee-testi-sec .testi-text {
    margin-left: -30px;
    padding-right: 25px;
}
/*---------------- jobs-new-layout style ends here ------------------*/
/*---------------- job-listing-new-layout style starts here -------------------*/
.job-types span {
    /* display: inline-block; */
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 15px;
}

span.ft.j-types {
    color: #00ca99;
    background-color: #d2f7ee;
}
.fl {
    color: #FF5B4A;
    background-color: #FFEFED;
}

.in {
    color: #0553d6fa;
    background-color: #0553d638;
}
/*---------------- job-listing-new-layout style ends here -------------------*/

/*----------------- about-us page style starts here ---------------------*/
.about-banner {
    background-image: url('../img/about/aboutus-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0px 60px!important;
}
.about-first-sec {
    position: relative;
}

.about-imgtext-sec {
    position: absolute;
    /*background: #f7f9fe;*/
    background: #ffffff;
    padding: 35px 35px;
    max-width: 246px;
    bottom: -60px;
    right: 5px;
    border: 1px solid #dfe5f3;
    text-align: center;
}

    .about-imgtext-sec::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        z-index: 1;
        top: -13px;
        left: 19px;
        border: 13px solid transparent;
        border-top: 0;
        border-bottom-color: #f7f9fe;
    }

    .about-imgtext-sec h5 {
        font-size: 45px;
        font-weight: 600;
        margin-bottom: 10px;
    }

.about-imgsec img {
    border-radius: 5px;
}
.recognition-sec {
    padding: 20px 0px;
   /* background: #F9F9FB;*/
    border-bottom: 1px solid rgba(204,205,207,0.5);
    border-top: 1px solid rgba(204,205,207,0.5);
}
.border-box {
    background: #fff;
    border-bottom: 1px solid #f6f5f5;
    box-shadow: 0 0 19.36px 2.64px rgb(0 0 0 / 7%);
    transition: .5s;
    padding: 40px 30px 40px;
    min-height: 400px;
    position: relative;
    /* z-index: 1 !important; */
    z-index: 9 !important;
    margin-bottom: 20px;
    text-align: center;
}

    .border-box::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .5s ease;
        border: 10px solid transparent;
    }

    .border-box:hover::before {
        z-index: 9 !important;
        border-color: #2196f3;
    }
.about-service-boxes .col-lg-4{
    padding-left:10px;
    padding-right:10px;
}
.about-service-boxes {
    background: #F9F9FB;
}
.model-boxes .hire-box{
    min-height:570px;
}
/*.vision-box h3, .vision-box p {
    color: white;
}*/

.vision-box {
/*    background: #00000059;*/
    padding: 30px;
    /* text-align: center; */
    min-height: 320px;
    border-radius: 10px;
    background:#fff;
}
.mtb-50 {
    margin:50px 0px;
}
.vision-box img {
    width: 80px;
    margin-bottom: 10px;
    filter: brightness(0);
}
.core-sec .tech-sec-box-1 {
  
    display: flex;
    background: transparent !important;
}
    .core-sec .tech-sec-box-1 .imgbox img {
        width: 60px;
        margin-right: 15px;
    }
.industries-layout {
    padding: 10px 10px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    margin-bottom: 30px;
    border: 1px solid #eee !important;
}

    .industries-layout img {
        height: 250px;
        border-radius: 5px;
    }

    .industries-layout h4 {
        margin-bottom: 0px;
        text-align: center;
        padding: 5px 0px;
    }
.about-cta {
    /* background-image: url(../img/bg-1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background: #0e2842;
}
.about-cta p{
    color:#fff;
    font-size:20px;
}
.line-h36 {
    line-height:36px;
}
.resume-outer, .resume-block {
    position: relative;
    margin-bottom: 0px;
}
    .resume-block .inner {
        position: relative;
        padding-left: 106px;
        z-index: 1;
        padding-bottom: 30px;
    }
.bg-dots-sec.model-boxes.about-models {
    background: url(../img/dots-bg-image.webp) no-repeat bottom left #e2eeff42;
}
      /*  .resume-block .inner:before {
            position: absolute;
            left: 30px;
            top: 30px;
            bottom: 0;
            z-index: -1;
            border-left: 2px solid #000;
            content: "";
        }*/
      
    .resume-block .name {
        position: absolute;
        left: -11px;
        top: -16px;
        display: block;
        /* height: 147px; */
        /* width: 80px; */
        /* line-height: 30px; */
        /* font-size: 24px; */
        text-align: center;
        z-index: 2;
        padding-top: 10px;
    }
    .resume-block .title-box {
        position: relative;
        /* margin-bottom: 15px;*/
        padding-left: 16px;
        padding-bottom: 20px;
    }
  /*  .resume-block .title-box {
        background: #ececec;
        padding: 10px 20px 15px;
        border-radius: 10px;
    }*/
/*.info-box {
    padding-top: 8px;
}*/
.resume-block .imgsc {
    background: #e5e6f3;
    padding: 10px 16px;
    display: inline-block;
    border-radius: 5px;
}
.separator1 {
    position: absolute;
    top: 65px;
    width: 2px;
    height: 130%;
    background: #ededed;
    /* height: 1px; */
    left: 52%;
    z-index: -1;
}

    .separator1::before {
        content: "";
        position: absolute;
        top: 0;
        width: 2px;
        background: #004c93;
        height: 0;
        left: 0;
        z-index: 0;
        -webkit-transition: width .3s linear;
        -o-transition: width .3s linear;
        transition: height .3s linear;
    }

.resume-block:hover .separator1::before {
    /* width: 2px; */
    height: 130%;
}
    .resume-block .imgsc img {
        width: 50px;
    }
.home-service-tab.home-new-service-tab.about-serv-sec {
    /*background: #F9F9FB;*/
     background: #eef1f5;
/*    background: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);*/
}
.home-service-tab.home-new-service-tab .service-main-left{
    background:transparent;
}
.core-sec .tech-sec-box-1:hover {
    background: #f8f7f7 !important;
}
.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link.active {
    /*background: #dbedff !important;*/
    background: #ffffff !important;
    /*border-left: 2px solid #000000;*/
    padding: 16px 20px 16px 35px;
    font-weight: 700;
    box-shadow: unset;
    border-radius: 0px;
    font-size: 17px;
}
.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link {
    padding: 16px 20px 16px 35px;
    margin-bottom: 0px;
    font-size: 17px;
    background: unset!important;
}
.home-service-tab.home-new-service-tab.about-serv-sec .service-main-right {
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 10%);
}
.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link.active::after {
    content: '\f105';
    padding-left: 2px;
    font-family: "FontAwesome";
    position: absolute;
    right: 15px;
}
    .home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link.active::before {
        left: 16px;
        top: 30px;
    }
    .home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link:hover:before {
        left: 16px;
        top: 30px;
    }
.home-service-tab.home-new-service-tab.about-serv-sec .service-main-right {
 /*   background: unset !important;*/
 background:#fff!important;
}
.home-service-tab.home-new-service-tab.about-serv-sec .nav-pills .nav-link.active {
    width: 100% !important;
}
.home-service-tab.home-new-service-tab.about-serv-sec .service-main-right {
    margin-left: 0px;
}
.about-insty {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #f5f5f5;
    min-height: 100px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    width: 100%;
    transition: all 0.5s ease;
    border-radius: 5px;
}
.model-boxes.about-models .hire-box p{
    min-height:unset!important;
}
.example-image-link {
    margin-bottom: 30px;
    display: block;
}
.about-insty:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
.insty-icon-sec {
    /* background: #e9f5ff !important; */
    display: flex !important;
    align-items: center !important;
    width: 35%;
    margin-right: 15px;
    background: #f5f5f5 !important;
}

.instry-text {
    width: 65%;
    display: flex;
    align-items: center;
    padding: 0px 5px;
}

.insty-icon-sec img {
    width: 55px;
    height: 55px;
    display: block;
    margin: auto;
}

.instry-text h4.sub-head {
    margin: 0px;
    font-size: 16px;
}
.why-us-sec {
    /*background-image: url(../img/about/bg.png);*/
    /*background-image: url(../img/bgs/3.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 80%;
    position: relative;
    background-image: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);
}
    .why-us-sec .pr-5{
        padding-right:50px!important;
    }

.mission-box {
    background: #eff8ff;
    padding: 10px 15px;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgb(63 81 181 / 21%);
    margin: 0px 0px 22px;
}

.mission-icon {
    margin-right: 15px;
    background: #d5ddea;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
}

/*.mission-text p {
    min-height: 128px;
}
*/
.mission-text {
    padding: 10px 0px;
}
/*----------------- about-us page style ends here ---------------------*/
/*------------------ case-studies-new-layout style starts here ------------------*/
.text-decn {
    text-decoration: underline;
}
.case-details {
    display: flex;
}
.case-study-box {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    margin-bottom: 30px;
}

.case-img-sec {
    width: 40%;
}

.case-text-sec {
    padding: 20px;
    width:60%;
}

.case-img-sec img {
    height: 200px;
    border-radius: 5px 0px 0px 5px;
}
.caption {
    opacity: 0;
    height: 100%;
    text-align: center;
    top: 0;
    position: absolute;
    width: 100%;
    background-color: rgb(0 0 0 / 76%);
    transition: opacity .5s;
}
.case-text-sec .center-sec {
    /* width: 78px; */
   /* float: left;*/
    width: 20px;
}
.left-sec {
    width: 107px;
    font-weight: 600;
    font-size: 16px;
  /*  float: left;*/
}
.case-study-main:hover .caption {
    opacity: 1;
}

a.case-study-main {
    position: relative;
   color: #35353d;
}

.caption span.btn-common {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-items: center;
    vertical-align: middle;
    /* position: absolute; */
    margin-top: 72px;
}
/*.case-banner {
    background-image: url(../img/case-studies/case-banner.webp);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
}*/
    .case-banner::before {
        content: '';
        background: #001e361c;
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
    }
.case-detail-box {
    background: #F5F7FC;
    padding: 30px 24px;
    border-radius: 5px;
}

.case-lists {
    display: flex;
    margin-bottom: 15px;
}

    .case-lists .left-list {
    
        width: 45%;
        font-size: 15px;
        font-weight: 600;
    }

.case-detail-box .right-list {
    width: 55%;
    font-size: 15px;
}
.tech-stack-sec .owl-carousel1 .client-img img{
    width:110px!important;
}
.tech-stack-sec {
    background: #fafafa;
}



.case-block .inner-box {
    position: relative;
    display: block;
    padding-bottom: 20px;
    box-shadow: unset;
    background: unset;
}

.case-study-newbox  figure.image-box {
    position: relative;
    display: block;
    background: #010101;
    overflow: hidden;
    margin: 0;
    margin-right: 75px;
}

.case-study-newbox figure.image-box img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.case-block .content-box {
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 100%;
    max-width: 335px;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 7%);
    padding:0px;
    min-height:unset;
}

.case-study-newbox {
    position: relative;
    margin-bottom: 40px;
}

    .case-study-newbox  .case-block {
        position: relative;
    }

    .case-study-newbox  .title-box {
        position: relative;
        display: block;
        line-height: 1.5em;
        padding: 25px 30px;
        color: #ffffff;
        background: #656c77;
    }

    .case-study-newbox  .text-content {
        position: relative;
        display: block;
        padding: 35px 40px;
        background: #ffffff;
    }

    .case-study-newbox  .title-box a {
        color: #ffffff;
    }
/*------------------ case-studies-new-layout style ends here ------------------*/


.case-box {
    display: flex;
    background: #ffffff;
    padding: 15px 10px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    margin-bottom: 30px;
}

.case-img img {
    max-width: 100%;
   border-radius: 5px;
    object-fit: cover;
    position: relative;
    height: 154px;
    object-fit: cover;
}

.case-text h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
}

.case-img {
    width: 35%;
}

.case-text {
    padding-left: 15px;
    width: 65%;
}

.case-text a.btn-no-bg.text-decn {
    font-size: 14px;
}

.case-text span.tag {
    background-color: #1a73e8;
    color: #ffffff;
    padding: 3px 8px;
    position: relative;
    font-size:13px;
}

.case-text span.tag::after {
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
    border-top: 22px solid #1a73e8;
    clear: both;
    content: "";
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
}

/*----------------- technology-layout-style starts here ----------------*/
.tech-service-box img {
    margin-bottom: 10px;
    width: 60px;
    margin-bottom: 10px;
}
.tech-service-box {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    min-height: 360px;
    border-radius: 5px;
    box-shadow: 2px 4px 9px 1px hsla(0, 0%, 0%, 0.05);
    transition: all 0.5s ease;
}
.tech-sec-box {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 20px;
    transition: all 0.5s ease;
}
.tech-service-box:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
.tech-img-sec img {
    width: 80px;
}

.tech-img-sec {
    margin-right: 20px;
}

.tech-text-sec h4 {
    margin-bottom: 0px;
}
.tech-sec-box:hover {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
}
.bg-light-grey {
    /*  background: #F9F9FB;*/
    background: #fafafa;
}
.hire-us-banner {
    /* background-image: url(../img/technologies/hire-us-banner.webp);*/
    background-image: url(../img/about/about-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px;
    background-attachment: fixed;
}/*
    .hire-us-banner::before {
        content: '';
        background-color: #02203dd4;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
    }*/
.p-relative{
    position:relative;
}
.border-btn-white.btn-common{
    border:1px solid #fff;
    color:#fff;
    background:unset;
}
.tech-sec-box-1 {
    padding: 20px;
    margin-bottom: 30px;
    background: #f7f7f7;
    transition: all 0.5s ease;
    position:relative;
}
.why-box h4 {
    margin-bottom: 0px;
}

.why-box::before {
    font-family: "FontAwesome";
    background: unset;
    color: #094e91 !important;
    background: unset;
    margin-left: -27px;
    content: '\F046';
    position: absolute;
}
.tech-sec-box-1:hover, .hire-dbox:hover {
    background: #ffffff;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
}
.tech-industry-sec .event-captions {
    padding: 10px 35px;
}
.tech-industry-sec .img-hover-text-effect {
    margin: 0px 0px 30px;
}
.tech-industry-sec .event-caption-box {
    padding-top: 60%;
}
.hire-box {
    background: #ffffff;
    padding: 30px 20px 40px;
    border-radius: 5px 5px 0px 0px;
    background-color: #FFFFFF;
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    transition: all 0.5s ease;
    border-bottom: 4px solid #e9ecef;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
}
    .hire-box:hover {
        border-bottom: 4px solid #094e91;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    }
    .hire-box img {
        width: 60px;
        margin-bottom: 15px;
    }
.tech-industry-sec {
    background: #fafafa;
}
.bg-white {
    background: #ffffff;
}
.rel-tech-sec ul li::before {
    display: none;
}

.rel-tech-sec ul li {
    display: inline-block;
    padding: 10px 20px;
    background: #ffffff;
    border-radius: 9px;
    position: relative;
    margin-right: 10px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
    border: 1px solid #032d60;
    transition: all 0.5s ease;
    margin-bottom: 20px;
}
    .rel-tech-sec ul li a {
        color: #032d60;
    }
    .rel-tech-sec ul li:hover {
        background-color: #032d60;
    }
.rel-tech-sec ul li:hover a{
    color:#fff;
}
.border-btn-white.btn-common:hover {
    background: #fff;
    color: #35353d !important;
}
/*----------------- technology-layout-style ends here ----------------*/

/*---------------- solutions(Industries)-layout style starts here ----------------*/
.solution-box-sub {
    display: flex;
    margin-bottom: 20px;
}

.soln-icon img {
    width: 30px;
    margin-right: 15px;
}

.soln-text .sub-head {
    margin-top: 0px;
    margin-bottom: 10px;
}

.solution-box {
    padding: 20px 0px;
 /*   margin-bottom: 20px;*/
    transform: scale(1);
    transition: all 1s ease;
}
    .solution-box:hover img {
        transform: scale(1.1);
    }
.soln-text p {
    margin-bottom: 10px;
}
.hire-us-banner.soln-cta {
    background-image: url(../img/solutions/cta.webp);
}
.br-img {
    border-radius:5px;
}
.fs-26 {
font-size:26px!important;
}
.why-solution-sec {
    background-image: url(../img/solutions/bg.webp);
    background-position: left;
    background-attachment: fixed;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-color: #eff8f7;
}

.pl-30 {
    padding-left: 30px;
}

.ibg-1, .ibg-3, .ibg-5 {
    padding: 170px 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ibg-2, .ibg-4, .ibg-6 {
    padding: 80px 60px;
}

.ibg-1 {
    background-image: url(../img/solutions/bg1.webp);
}

.ibg-3 {
    background-image: url(../img/solutions/bg2.webp);
}

.ibg-5 {
    background-image: url(../img/solutions/bg3.webp);
}
.pt-50 {
    padding-top:50px;
}
/*---------------- solutions(Industries)-layout style ends here ----------------*/
/*------------- hire-a-develoer-page style starts here ------------*/
/*.hire-banner {
    background-image: url(../img/banner/hire-a-developer.jpg);
}*/
.hired-new-banner {
    background:#fafafa;
}
.hire-us-banner.hire-parallax-sec {
    background-image: url(../img/hire-dev/parallax.webp);
}
.hire-right-sec .sub-head::before {
    content: '';
    width: 4px;
    inset: 0 auto 0 0;
    position: absolute;
    border-radius: 1rem;
    background: #032d60;
}

.hire-right-sec .sub-head {
    position: relative;
    padding-left: 18px;
    font-size: 22px;
}

.hire-right-sec p {
    padding-left: 18px;
}

.hire-right-sec {
    margin-bottom: 40px;
}
.num-sec {
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}

span.num-head {
    display: block;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hire-boxes {
    background: #efefef;
    padding: 35px 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    transition: all ease 0.5s;
    position: relative;
    text-align: center;
}
    .hire-boxes:hover {
        background: #fff;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    }
        .hire-boxes:hover .bar {
            display: block;
        }

    .hire-boxes p {
        color: #35353d;
    }
.white-box-sec {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgb(77 80 84 / 15%);
    background: #ffffff;
}
.dot-line {
    width: 100%;
    height: 15px;
    position: relative;
    margin: 10px 0 15px;
}
.dotsec {
    z-index: 2;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    border-radius: 50px;
    background-color: rgb(69 90 100 / 44%);
}

.dot-line::before, .dot-line::after {
    top: 7px;
    width: 38%;
    content: "";
    height: 2.5px;
    margin: 0 auto;
    position: absolute;
    border-radius: 10px;
    background-color: rgba(69, 90, 100, 0.1);
}

.dot-line::before {
    left: 20px;
}

.dot-line::after {
    right: 20px;
}

.hire-box .sub-head {
    text-align: center;
}
.hire-models-newsec .hire-box img {
    width: auto;
    margin:auto;
    display:block;
    margin-bottom:15px;
}
.tools-top-sec p {
    min-height: 100px;
}
.hiring-partner {
    padding: 30px;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    background: #fff;
    transition: all 0.5s ease;
    margin-bottom: 25px;
    border-bottom: 3px solid #2f5597;
}
.hiring-partner:hover{
    box-shadow:0 2px 5px 0 rgb(17 121 239 / 15%);
}

.hiring-partner-ftr img {
    width: 120px;
}

.hiring-partner-ftr .sub-head, .hiring-partner-ftr h5 {
    margin-bottom: 0px;
}

.hiring-partner-ftr {
    margin-top: 26px;
}
.advant-box img {
    width: 50px;
    margin-bottom: 10px;
}

.advant-box {
    padding: 20px;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    background: rgb(255,255,255);
    box-shadow: rgb(93 93 93 / 15%) 2px 0 10px 0;
    margin-bottom: 20px;
    transition:0.5s ease all;
}
    .advant-box:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }
    .advant-box p {
        margin-bottom: 0px;
    }
.bg-dark-grey {
    background-color: #dddddd;
}
/*------------- hire-a-develoer-page style ends here ------------*/
/*------------- hire-a-develoer-detail-page style starts here ------------*/
.small-head {
    font-weight: 600;
}

/*.hire-dbox::before{
    font-family: "FontAwesome";
    background: unset;
    color: #094e91 !important;
    background: unset;
    margin-left: -27px;
    content: '\F046';
    position: absolute;
    margin-top: 5px;
}*/
span.circle-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #094e91;
    position: absolute;
    left: 10px;
    top: 18px;
    background: #ffffff08;
}

    span.circle-arrow::after {
        content: "";
        display: inline-block;
        border: solid #094e91;
        border-width: 0 3px 3px 0;
        left: -10%;
        z-index: 1;
        padding: 3px;
        top: -7px;
        margin: 16px 0 0 10px;
        transition: .3s ease-in;
        transform: rotate( -45deg );
        position: absolute;
    }



.hire-tbox {
    padding-left: 45px;
}
.hire-dbox {
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    transition:all ease 0.5s;
}
.border-left-box {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid rgba(69, 90, 100, 0.1);
    border-bottom: 1px solid rgba(69, 90, 100, 0.1);
    padding: 20px 25px;
    min-height: 270px;

}
.brb-0 {
    border-bottom:0px;
}
.brr-0{
    border-right:0px;
}
.w-60 {
    width: 60px;
}
.border-left-box:hover {
    background: #fafafa;
    border: 1px solid rgba(69, 90, 100, 0.1);
}
.hire-us-banner.hire-detail-banner{
    background-image:url(../img/hire-detail/ctc.webp);
}
.why-hire-sec .hire-right-sec .sub-head {
    font-size: 20px;
}
.banner-bg-light {
    background: #fafafa;
}
/*------------- hire-a-develoer-detail-page style ends here ------------*/
/*---------------- custom-ecommerce-dev-page style starts here -----------*/
.banner-text-sec.banner-twolinehp-sec {
    margin-top: 8px;
}
.more-ser-para .service-lbox p {
    min-height: 230px;
}
/*---------------- custom-ecommerce-dev-page style ends here -----------*/
/*-------------- partners-page style starts here ---------------*/

.font-semi-bold {
    font-weight: 600;
}

.ptb-100{
    padding:100px 0px;
}


.mt-70 {
    margin-top:70px;
}
.par-bbox {
    padding: 0px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.parbox {
    padding: 40px 20px;
}

    .parbox img {
        width: 80%;
        margin: auto;
    }
.br-o {
    border-right: 0px;
}
.bb-0{
    border-bottom:0px;
}
.tooltip {
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 8px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top:0px;
}
/*.partner-box:hover {
    border: 2px solid #113869;
}
.partnr-img img {
    padding: 20px;*/
    /* height: 300px; */
/*}*/
/*-------------- partners-page style ends here -----------------*/

/*-------------- team-page style starts here -----------------*/
.team-banner {
    background-image: url(../img/team/team-banner-2.webp);
}
    .team-banner::before {
        content: '';
        background: #0000007a;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
    }
.bg-pos-top{
    background-position:top;
}
.partnr-img img {
    border-radius: 15px;
}
/*-------------- team-page style ends here -----------------*/
.mob-img {
    display: none;
}

.mob-tabs {
    display: none;
}
/*-------------- web-development-company-page style ends here --------------*/

/*----------------- Course-detail page style starts here ----------------------*/
.about-banner.course-banner {
    background-image: url(../img/banner-img/course-banner.jpg);
    padding:10px 0px 90px!important;
}
/*.quick-enquiry {
    margin: 0px 50px;
}*/
.box-iconsec {
    background-color: #ebf1f8;
    box-shadow: 0px 1px 3px 1px rgb(208 200 200 / 24%);
    border-color: #dadce0;
}
.box-iconsec img{
    width:70px;
    margin-bottom:10px;
}
/*.benefit-box {
    display: flex;
    align-items: center;
}*/
.benefit-box:hover {
    background: #6192f214;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
}

    .benefit-box img {
       /* width: 50px;*/
      /*  margin-right: 15px;*/
      width:70px;
      margin-bottom:10px;
    }

.benefit-box p {
    margin-bottom: 0px;
    min-height: 150px;
}

.benefit-box {
    margin-bottom: 30px;
    padding: 20px 10px;
    background: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 12%);
    border-radius: 5px;
    transition: 0.5s all ease;
}
.benefits-sec {
    /*  background: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;*/
    /*   box-shadow: 0 30px 60px hsl(0deg 0% 41% / 10%);*/
    /*border-radius: 10px;*/
    /* padding: 40px;*/
    /*background: #F9F9FB;
    border-bottom: 1px solid rgba(204,205,207,0.5);
    border-top: 1px solid rgba(204,205,207,0.5);*/
    background-image: url(../img/bgblue-1.png);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

}
.benefit-box {
    margin-bottom: 30px;
  /*  padding: 30px 30px;*/
  padding:20px 15px;
    border-radius: 5px;
    transition: 0.5s all ease;
    background: rgb(252 244 245);
    text-align: center;
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
}
.certificate-sec .div-absolute {
    left: -16px;
}
.top-sec {
    background: #f7f7f7;
    padding: 20px 0px;
}

.strip .icon-sec {
    text-align: center;
    padding: 0px 15px;
}

.strip .icon-sec p {
    margin-bottom: 0px;
}

.top-sec .col-lg-3::after {
    background: #c7c7c7;
    content: '';
    position: absolute;
    width: 1px;
    height: 69px;
    top: 18px;
 }
.top-sec .col-lg-3:first-child::after{
display:none;
}
.strip .icon-sec .sub-head {
    margin-bottom: 10px;
}

.key-box {
    background: #fff;
    padding: 20px 20px 40px;
    border-radius: 5px;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
}

.strip {
 /*   margin-top: -82px;*/
    background: #ffffff;
    border-radius: 5px;
    padding: 20px 0px;
    box-shadow: 0px 1px 3px 1px rgb(60 64 67 / 18%);
}

.top-sec .col-lg-3:first-child::after {
    display: none;
}
.tools-tech-sec .sub-head{
    margin-bottom:5px;
}
.quick-enquiry.bg-transparent-form .form-control {
    padding: 10px 15px;
}
.quick-enquiry.bg-transparent-form .form-group {
    margin-bottom: 25px;
}

.inter-head-right img {
    width: 50px;
}
.project-sec .inter-head{
    min-height:unset;
}
 .project-sec .inter-head .sub-head {
     margin:0px;
}
td.class-duration {
    padding-bottom: 18px !important;
}
.mb-20{
    margin-bottom:20px;
}

.small-logo img {
    width: 120px;
}
.timing-left .col-lg-4:first-child::after {
    background: #e1e1e1;
    content: '';
    position: absolute;
    width: 1px;
    height: 106px;
    top: 18px;
    right: 0;
}
/*.timing-left .col-lg-4:last-child::after{
    display:none;
}*/
.timing-left .col-lg-4 {
    position: relative;
}
.timing-table-footer p {
    margin-bottom: 0px;
    font-size:14px;
}
.timing-left .row {
    border-bottom: 1px solid #c7c7c7;
    align-items: center;
}

.timing-left {
    /*border: 1px solid #e1e1e1;*/
    padding: 0px 7px;
    border:1px solid #2196f3;
}
.btch-avble {
    font-size: 14px;
   /* line-height: 22px;*/
   margin-bottom:10px;
}

    .timing-left .row:last-child {
        border-bottom: 0px;
    }

.timing-sec {
    background: white;
    text-align: center;
    box-shadow: 0 2px 12px 0 rgb(12 7 7 / 15%);
    padding: 35px 20px;
    border-radius: 6px;
    background-image: -webkit-linear-gradient(top,#2196f31a,#ffffff);
    transition:0.5s all ease;
}
    .timing-sec:hover {
        background: #fff;
    }
.common-tmg {
    padding: 15px 0px 10px;
}
    .common-tmg p {
        margin-bottom: 0px;
    }

.days p span {
    background: #ffffff;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
    font-size: 15px;
    font-weight: 600;
    color: #124f9a;
}
.btn-outline:hover {
    background: #1a73e8;
    color: #ffffff;
}
.days p {
    margin-bottom: 10px;
}
.common-tmg .timing-label {
    font-size: 13px;
    font-weight: 600;
    background: #efeffa;
    color: #124f9a;
    padding: 3px 21px;
    border-radius: 25px;
    display: inline-block;
    /* margin-left: 5px; */
    letter-spacing: 0px;
    margin-bottom: 10px;
    box-shadow: 0px 3px 5px #a9a9a945;
}
.timing-label1 {
    background: rgba(31, 182, 80,0.12) !important;
    color: #1fb650 !important;
}

.timing-label2 {
    background: rgba(254, 184, 1,0.1) !important;
    color: #feb801 !important;
}

.timing-label3 {
    background: rgba(25,103,210,.07) !important;

}


.timing-label4 {
    background: rgba(242, 17, 54,0.1) !important;
    color: red !important;
}

.timing-label5 {
    background: #eee !important;
    color: #000 !important;
}

.timing-label6 {
    background: #f5f0e5 !important;
    color: #9c6706 !important;
}

.timing-label7 {
    background: #F0F5F7 !important;
    color: #696969 !important;
}

.timing-label8 {
    background-color: #CDE9F6 !important;
    /* color: #4780AA!Important; */
}

.timing-label9 {
    background-color: #F7F3D7 !important;
    color: #927238 !important;
}
.iconsec {
    display: flex;
  /*  margin-bottom: 25px;*/
    justify-content: center;
    align-items:center;
}

.iconside {
    margin-right: 20px;
    font-size: 40px;
    margin-top: 8px;
  /*  border-right: 2px solid #b3b3b3;*/
}
.cal-box.refer-sec .iconsec{
    display:block;
    text-align:center;
}
.cal-box.refer-sec .textside p {
    font-size: 18px;
}
.cal-box.refer-sec:hover {
    background: #fff2f8;
}
.textside p {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
}



.textside span a {
    color: #35353d;
}

.cal-box h4 {
    text-align: center;
/*    margin-bottom: 25px;*/
}

.cal-box {
    background: #fff;
    padding: 20px 20px 40px;
    border-radius: 5px;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
    margin: 23px 0px;
}

/*.iconside {
    width: 34%;
}*/
.iconside img {
    width: 60px;
}

.textside span {
    font-size: 25px;
}
.iconside span .fa{
    padding: 0px 5px;
}
.enrol-text {
    color: #2f5597;
    margin-top: 10px;
    /* font-style: italic; */
    font-weight: 600;
    font-size: 15px;
}
.internship-box.intern-box-1 {
    background: #d1d3f4;
}
.internship-box.intern-box-2 {
    background: #e9cfdb;
}
.internship-box.intern-box-3 {
    background: #caeaff;
}
/*----------------- Course-detail page style ends here ----------------------*/

/*-------------- course-navlist-mobile-view style starts here ----------------*/
.course-navlists ul li a {
   /* display: block !Important;*/
    width: 100% !important;
    white-space: nowrap !important;
    line-height: 60px !important;
}


/*.course-navlists .owl-item li.active, .course-navlists .owl-item li.active a.active {
    border-bottom: 2px solid blue !important;
}*/
.course-navlists .owl-item li a.active {
    border-bottom: 2px solid #2f5597!important;
}
/*.course-navlists .owl-item.active li.active {
    border-bottom: 2px solid #223b67 !important;
}*/

.course-navlists {
    height: 62px;
}

    .course-navlists .owl-item {
        text-align: center;
   
    }

    .course-navlists #navlist ul li a.active {
        border-bottom: 2px solid blue !important;
    }

.mob-view{
    display:none;
}
.carousel-gallery ul li::before{
    display:none;
}
.carousel-gallery ul{
 padding-left:0px;
}
.carousel-gallery ul li a{
    color:#000;
}
/*-------------- course-navlist-mobile-view style ends here ------------------*/

/*--------------- hire-a-developer new page style starts here -----------------*/
.partners-boxes .col-lg-2 {
    width: 19.666667%;
}
.partners-boxes img {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.partners-boxes {
    background: #ffffff;
    padding: 0px 10px;
    box-shadow:rgb(93 93 93 / 10%) 2px 0 10px 0;
}
.hire-subbox {
    display: flex;
    align-items: center;
}

    .hire-subbox img {
        width: 60px;
        margin-right: 10px;
    }

.hirebox {
    margin-bottom: 20px;
    box-shadow: 0px 2px 4px rgba(0,0,0,.078);
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 5px 10px;
    background: #ffffff;
    transition: 0.5s all ease;
}

.hire-subbox h4 {
    margin: 0px;
}

.hirebox:hover {
    border: 1px solid #dddddd;
}
.hire-parallax-bg {
    background: #264c8a;
    color: #fff;
}
.hire-parallax-bg p{
    margin-bottom:0px;
}
.hire-parallax-bg h3{
    margin-bottom:10px;
}
.hire-parallax-bg .btn-bg-white {
 border: 1px solid;
color: #ffffff;
background:transparent;
}
.why-hire {
    background: #f7f7f7;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 5px;
    transition: 0.5s all ease;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
}
.why-hire:hover {
background: #fff;
box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
.hire-parallax-bg .btn-bg-white:hover {
    background: #ffffff;
    color: #020236 !important;
}
.hire-models-newsec .hire-box img {
    /* width: auto; */
    margin: auto;
    display: block;
    margin-bottom: 25px;
    width: 61%;
    /* height: 222px; */
    height: 207px;
}
.hire-box p {
    min-height: 150px;
}
.hire-box ul {
    min-height: 230px;
}
.hiring-process .new_service .saas_features_item p {
  /*  min-height: 125px;*/
  min-height:unset;
}
/*--------------- hire-a-developer new page style ends here -------------------*/

/*--------------- hire-a-developer-detail new page style starts here -------------------*/
.breadcrumb-sec.breadcrumb-strip {
    background: #f3f3f3 !important;
}
.breadcrumb-sec.breadcrumb-strip  .breadcrumb {
 padding: 10px 0px !important;
 }
.fa-dot-circle-o::after {
    content: "\f192"
}
/*.hire-detail-box-new .icon-left {
    position: absolute;
    top: 25px;
}*/
.hire-detail-box-new {
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    transition:0.5s all ease;
}
/*.hire-dbox-new {
  padding-left: 25px;
}*/
    .hire-detail-box-new:hover {
        background: #ffffff;
        box-shadow: 0 0 0.1875rem #dadada8c, 0 0 0.9375rem #dadada8c;
    }
    .hire-detail-box-new::before{
        display:none;
    }
    .hire-detail-box-new .fa {
        color: #032D60;
    }
.hire-line {
    background: #2f5597;
    width: 50px;
    height: 3px;
    margin: 0px auto 25px;
}
.hire-dbox-new .sub-head {
    margin-bottom: 10px;
}
.hire-dbox-new {
    text-align: center;
}
.hire-tech-sec .service-text-new.hire-techsec {
    border-bottom: 1px dashed #ddd;
}
.hire-tech-sec-new .hire-techsec .col-lg-2 {
    width: 13.666%;
}
.hire-tech-sec-new .hire-techsec .skill-sec {
    margin-top: 20px;
}
.hire-tech-sec-new .service-text-new.hire-techsec {
    border-bottom: 1px dashed #ddd;
}
.hire-tech-newsec {
    background: #eaeff3;
}
.why-hire-withus {
    background-image: url(../img/hire-detail/hire-a-developer-parallax.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.why-hire-us {
    background: #eff8f7;
}
.last-sec .service-text-new.hire-techsec {
    border-bottom: 0px;
}
/*--------------- hire-a-developer-detail new page style ends here -------------------*/
/*---------------- blog-listing-page style starts here ------------*/
.blog-list-box {
    overflow: hidden;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    cursor: pointer;
    margin-bottom: 30px !important;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #e6ecef;
}
    .blog-list-box:hover {
        -webkit-box-shadow: 0 15px 15px 0 rgb(0 0 0 / 5%);
        box-shadow: 0 15px 15px 0 rgb(0 0 0 / 5%);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
        .blog-list-box:hover img {
            overflow: hidden !important;
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }
.blog-img-sec {
    overflow: hidden!important;
    }

.blog-list-text {
    position: relative;
    padding: 20px 20px 30px;
    -webkit-transition: all .45s ease-out;
    transition: all .45s ease-out;
}

    .blog-list-text a.btn-arrow {
        font-weight: 600;
        line-height: 1;
        bottom: 10px;
        position: absolute;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 24%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        -webkit-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
.blog-list-box:hover .blog-list-text a.btn-arrow {
    opacity: 1;
    bottom: 20px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.blog-list-text h4{
    min-height:120px;
}
.blog-list-text span.blogcat-sec {
    background: #e6e6e6;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #032D60;
    /* background: #eaf5fc; */
}
.blogs-filter ul li::before {
    display:none;
}
.blogs-filter {
    margin-bottom: 10px;
}

.blogs-filter ul {
  padding-left: 0px;
}
.blog-list-text h4 a {
    color: #032D60;
}
.blog-list-box:hover h4 a {
    color: #1a73e8;
}

.blogs-filter ul li a{
    display: inline-block;
    
    padding: 5px 15px;
    border-radius: 5px;
    border: 2px solid #dddddd;
    transition: 0.5s all ease;
}
.blogs-filter ul li {
    margin-right: 20px;
    display: inline-block;
}
    .blogs-filter ul li a.active {
        color: #2f5597;
        font-weight: 700;
        border-color: #2f5597;
    }
    .blogs-filter ul li:hover a {
        border-color: #2f5597;
    }
.blogs-filter ul li a{
    color:#000;
}
.blog-banner {
    background-image:url(../img/banner/blog-banner-img.webp);
}
.blog-all-cats ul li::before {
    display: none;
}
.blog-all-cats ul{
    padding-left:0px;
}
.blog-cat-sec {
    background: #f7f7f7;
}
.blog-cat-sec .cat-head {
  border-bottom: 2px solid white;
 padding: 15px 15px;
}
.blog-cat-sec .cat-head h4.sub-head{
    font-size:22px!important;
    margin:0px;
}
.blog-cat-sec .blog-all-cats {
 padding: 15px 15px;
 }
.blog-cat-sec .blog-all-cats ul li{
    margin-bottom:10px;
    font-size:15px;
}
.blogslists .blog-text p {
    font-size: 15px;
}
.blog-cat-sec .blog-all-cats ul li:hover a{
    text-decoration:underline;
}
.service-htabs.recent-blogs {
    margin-top: 20px;
    padding-top: 20px;
}
    .service-htabs.recent-blogs .nav-link {
        padding: 6px 28px;
    }
    .service-htabs.recent-blogs .tab-content {
        padding: 20px 15px;
        margin: 2rem 0 0px;
        border: 1px solid #eee;
        background:#fff;
    }
.blogslists a:hover {
    text-decoration: underline;
}
/*---------------- blog-listing-page style ends here --------------*/
/*--------------- blog-detail-page style starts here ----------------*/
.blog-sub-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.social-share ul li::before {
    display: none;
}
.table-content {
    background: #2196f31a;
    padding: 20px;
}

.blog-para-sec {
    margin-top: 60px;
 
}
.table-content-sec {
    margin-top:30px;
}
.blog-secs .table-heads h3, .blog-secs .table-heads h4, .blog-secs .table-heads h2 {
    font-size: 28px!important;
    font-weight: 600;
    line-height: 36px;
}
.blog-secs ul {
    margin: 0 0 17px;
}
.blog-secs {
    margin: 30px 0px;
}
    .blog-secs h3, .blog-secs h4, .blog-secs h5, .blog-secs h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 10px;
    }
.blog-secs img{
    width:100%;
    margin:10px auto;
    display:block;
}
.table-content h2 {
    margin-bottom: 10px;
}
.table-content ul{
    padding-left:20px;
}
.table-content ul li {
    list-style-type: decimal;
    margin-bottom: 10px;
}
.table-content ul li::before {
display: none;
}
.blog-form-body .form-control {
    padding: 10px 15px !important;
}
/*
.blog-form-body .form-group {
    margin-bottom: 20px;
}*/
.blog-form-sec {
    background: #ffffff;
    padding: 3% 5%;
    border: 1px solid #ebf0f6;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    border-radius: 5px;
}

.blog-form-head {
    text-align: center;
    margin-bottom: 25px;
}

    .blog-form-head .sub-head {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .blog-form-head p {
        margin-bottom: 0px;
        color: #565656;
    }
.blog-detail-sec h1, .blog-detail-sec h2, .blog-detail-sec h3, .blog-detail-sec h4, .blog-detail-sec h5, .blog-detail-sec h6 {
    font-weight: 600;
}
.table-content h2 {
    font-size: 35px;
}
.blog-detail-main .sticky-head{
    background:unset!important;
}
.blog-form-sec .blog-form-body .form-group {
    margin-bottom: 15px;
}
.blog-form-sec .blog-form-body  .label-text {
    margin-left: 3px;
  top: -2px;
    position: relative;
}
.cmn-social:hover {
    color: #fff;
}
.related-blog-sec {
    margin-top:70px;
}
.blog-form-sec label.radio-inline {
    margin-right: 10px;
}
.blog-form-sec .form-group p {
    margin-bottom: 0px;
}
.blog-tags a, .blog-tags span {
    color: #696969;
    font-size: 14px;
}
.blog-tags {
    width: 60%;
}
/*--------------- blog-detail-page style ends here ----------------*/

/*-------------- internship-page style starts here ---------------*/
.internship-banner {
    background-image: url(../img/banner/job-training-1.jpg);
}
.internship-form .uploading-outer {
    padding-bottom: 10px;
}
.internship-form .textarea-file-sec {
    border: 0px;
}
.internship-form .uploading-outer .uploadButton {
    display: block;
    width: 100%;
    padding-left: 0px;
}
.uploadsec {
    background: #ffffff;
}
.internship-form .uploadButton .uploadButton-button {
    height: 120px;
    width: 100%;
    border-radius: 0.25rem;
    font-size: 15px;
    color: #000000;
    font-weight: 400;
}
.internship-sec {
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #ecf1fb;
}

/*-------------- internship-page style ends here --------------*/

/*----------- refer-a-friend-page style starts here -------------*/
.refer-a-friend-bg {
    background-image: linear-gradient(to right, #d0e5ff, #ffffff);
/*    background-image: linear-gradient(to right, #0b467e, #065aaa);
*/    padding: 10px 0px 50px;
}
.refer-box img {
    width: 60px;
    margin-bottom: 10px;
}

.refer-box {
    padding: 40px 20px 20px;
}
.lh-32 {
    line-height:32px;
}
.lh-34 {
    line-height: 34px;
}
.fs-30 {
    font-size: 30px;
}
.refer-earn-sec img {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    border-radius: 5px;
}
.cal-emailsubsec li {
    margin-bottom: 10px;
}
/*.refer-bg {
    background-image: url(../img/refer-a-friend/refer-bg.webp);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}*/
.refer-bg {
    background: #e6f4ff;
    margin-top: 100px;
    position: relative;
}
.refer-bg-1 {
    background: #ffffff;
    margin-top: -100px;
    /* position: absolute; */
    box-shadow: 1px 1px 6px rgb(0 0 0 / 10%);
    padding: 40px;
    border-radius: 8px;
    text-align: center;
    border-top: 5px solid #2f5597;
}
.center-sec {
    background: #f0f7fd;
    display: inline-block;
    padding: 20px 30px;
    border: 2px dashed #040490;
}
    .center-sec h4 {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 0px;
        font-style: italic;
        line-height:40px;
    }
.contact-form-new.refere-cntct-form {
    background: #e6ecef;
}
.contact-form-new.refere-cntct-form .contact-form-right {
  box-shadow: unset;
}
.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: .5;
    }
}

.refer-icon-sec {
    display: flex;
    margin-bottom: 30px;
}

.refer-icon {
    margin-right: 30px;
}

    .refer-icon img {
        width: 70px;
    }

.refer-text h4 {
    margin: 0px 0px 10px;
}
.refer-form{
    margin-top:-88px;
}
/*----------- refer-a-friend-page style ends here -------------*/
/*----------- become-a-instructor-page style starts here -----------*/
/*.common-sec .form-left-sec .cal-sec p a {
    color: #fff;
}*/
.tags span {
    border: 1px solid #b9b8b8;
    margin-right: 10px;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
}
.stripbg {
    /*   background: #2f5597;*/
    padding: 30px 20px;
    background: url('../img/banner/bg1.webp');
    background-repeat: no-repeat;
    border-radius: 15px;
    background-size: cover;
}
.instru-strip1 {
    display: flex;
    align-items: center;
}

.instru-strip-img {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-right: 25px;
}

    .instru-strip-img img {
        width: 60px;
    }
/*
    .stripbg h3, .stripbg h4 {
        color: #ffffff;
        text-align: center;
    }*/

    .stripbg h3 {
      
        margin-bottom: 0px;
    }

.stripbg h4 {
    margin-bottom: 0px;
    font-size: 18px;
    color: #2f2f2f;
    font-family: 'Gordita Regular';
    font-weight: 600;
}
.new-box-1 {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    border: .0625rem solid #e9e8e8;
    text-align: center;
    border-bottom: 3px solid #2f5597;
    padding: 2.5rem 2rem;
    transition:0.5s all ease;
}
    .new-box-1 p {
        min-height: 130px;
    }
.banner-text-sec.become-instctr-banner {
    margin-top: 30px;
}
    .new-box-1:hover {
        box-shadow: 0 0 0.1875rem #dadada8c, 0 0 0.9375rem #dadada8c;
    }
    .new-box-1 img {
        width: 60px;
       /* margin-bottom: 10px;*/
    }
.instructor-reviews {
    background: #ebf1f8;
}
    .instructor-reviews .testi-box::before {
        content: "";
        width: 85%;
        background: #ffffff;
        border-bottom: 3px solid #2f5597;
    }
    .instructor-reviews .testi-img-sec img {
        width: 100% !important;
        height: 300px;
        border-radius: 8px;
    }
    .instructor-reviews .testi-img-sec {
        border: 4px solid #fff;
        box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
        border-radius: 8px;
        padding: 0px;
        margin: 20px 0px;
    }
    .instructor-reviews .testi-text-sec h3 {
        font-size: 22px;
        margin-bottom: 0px;
        font-weight: 600;
        line-height: 30px;
    }
.hire-adnt-sec {
    background: #d8dee6;
}
.form-sec .form-left-sec .sub-head {
    line-height: 40px;
    font-size: 30px !Important;
    font-weight: 500;
}

    .instructor-reviews .testi-text-sec h5 {
        font-size: 17px;
        color: #51565e;
        margin: 0px;
    }
.new-box-1:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
}
.begin-sec {
    background: linear-gradient(to bottom, #f8fbff 10%, #f8fbff 100%);

}
.new-box-imgsec {
    border-radius: 10px;
    padding: 10px;
    background: #ddedfe;
    display: inline-block;
    margin-bottom: 10px;
}
.form-sec .contact-form-right {
    box-shadow: unset;
}
/*----------- become-a-instructor-page style ends here -----------*/
/*------------ jobs-page style starts here ----------------*/
.career-banner {
    background-image: url(../img/banner/career-banner-1.webp) !important;
    background: #fff;
}
.fs-22 {
    font-size:22px!important;
}
.career-banner-new {
    background-image: url(../img/banner/job-training-1.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.ptb-80 {
    padding:80px 0px;
}
/*------------ jobs-page style ends here ----------------*/

.coursed-skills .skill-sec {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
/*    border: 8px solid rgb(221 244 239);*/
    background: #ffffff !important;
    border-radius: 5px;
}
.icon-tabs.tools-tab-sec.technologies-sec.coursed-skills{
    background:#fff!important;
    border:0px!important;
}
.coursed-skills .skill-sec:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 40%) !important;
}
.icon-tabs.tools-tab-sec.technologies-sec.coursed-skills .col-lg-2 {
    width: 13.666%;
}
.internship-sub {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 30px;
}
.internship-box {
    text-align: center;
    padding: 20px;
    background: #fdf8f1;
    margin-bottom: 20px;
    border-radius: 8px;
    transition:0.5s all ease;
}
    .internship-box p {
        min-height: 90px;
        margin-bottom: 0px;
    }
    .internship-box:hover{
        background:#fff;
    }
    .internship-box:hover {
        background: #fff;
        box-shadow: 0 0 20px rgb(2 73 163 / 15%);
    }
    .internship-box img {
        width: 70px;
        margin: auto auto 10px;
    }
.project-sec {
    /*   background: rgb(228 238 253);*/
    background: #fbfcff;
}
.mt-50 {
    margin-top:50px;
}
.bg-light-blue {
    background: #eff4fe;
}
.btch-avble img {
    width: 30px;
    margin-right: 10px;
}
.btch-avble {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btch-avble.evng-batch img{
    width:20px;
}
/*.enroll-popup .modal-header {
    background: #9797971a;
}*/
.enroll-popup .floating-input, .enroll-popup .floating-select {
    padding: 20px 0px 20px 10px;
    border: 0px!important;
    border-bottom: 1px solid #d3d3d3!important;
    border-radius:0px!important;
}
.enroll-popup .floating-form label {
    padding: 0px;
    /*    left:0px;*/
    line-height: 20px;
}
.enroll-popup .floating-label {
    margin-bottom: 20px;
}
.enroll-popup .floating-input:focus, .enroll-popup .floating-select:focus {
    border: 0px;
    border-bottom: 1px solid #2f5597;
}
.enroll-popup .btn-common {
    width: 100%;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%)!important;
}
.enroll-popup .btn-common:hover {
    
    box-shadow: unset;
}
.popup-list li::before, .offshorepopups li::before{
    display: none;
}
.enroll-popup .modal-body {
    background: #f8fbff;
}
.enroll-popup  .enroll-popup-sec .floating-label {
    background: transparent;
}
.enroll-popup .modal-header {
    background: #ebf1f8!important;   
}
.course-banner ul{
    margin-bottom:15px;
}
.course-banner {
    /*    background: linear-gradient(90deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, rgba(218,236,255,1) 100%);
*/ padding: 10px 0px 120px;
    background: linear-gradient(90deg, rgb(230 239 255) 0%, rgba(232,240,249,1) 43%, rgba(218,236,255,1) 100%);
    /* background-image:url(../img/)*/
}

.bg-transparent-form {
    /*background: #ebf3ff;*/
    background:#fff;
}

.course-banner .banner-text p span {
    display: inline-block;
    margin: auto 10px auto 0;
    padding: 1px 10px 2px 10px;
    /* border-radius: 3px; */
    border-radius: 13px;
    border: 1px solid #bbb;
    /* background-color: #f5f5f9; */
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* color: #0275d8; */
    text-transform: none;
}

.quick-enquiry {
    padding: 25px 20px;
    border-radius: 15px;
    box-shadow: 4px 4px 20px rgb(0 0 0 / 25%);
}

.top-sec {
    padding: 50px 0px;
    background: #fff;
}

.strip {
    padding: 40px 0px;
    box-shadow: 0px 1px 3px 1px rgb(246 205 205 / 42%);
    background: #fefafa;
}

/* #navlist {
            background: #fdf8f1;
        }*/

/*.course-right-sec {
    background: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    box-shadow: 0 30px 60px hsl(0deg 0% 41% / 10%);
    border-radius: 10px;
    padding: 20px 20px;
}
*/

.course-right-sec .sub-head {
    font-size: 22px;
    font-weight: 600;
    color: #032D60;
    line-height: 28px;
    margin: 5px 0px 15px;
    font-family: 'Gordita Medium';
}

.right-sec li {
    line-height: 22px;
}
.cal-emailsubsec li::before{
    display:none;
}
.cal-emailsubsec ol{
    padding-left:18px;
}
.key-box {
    /*  background: rgb(25 103 210 / 5%);*/
    /*    padding: 20px 20px 40px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    transition: 0.5s ease all;
    background: rgb(253 248 241);*/
    background: #f5f7fa;
    border: 1px solid #bdbdbd;
    padding: 20px 20px 40px;
    border-radius: 5px;
    transition: 0.5s ease all;
    box-shadow: unset;
}

    .key-box:hover, .cal-box:hover {
        background: #fff;
        /* box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);*/
        box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    }

.cal-box {
    background: #fff;
    padding: 20px 20px 40px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    margin: 23px 0px;
}
.secondary-header .pe-5 {
    padding-right: 5rem !important;
}
/*---------- secondary-menu style starts here ----------*/
.secondary-header {
    background: #f4f4f4;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
    z-index: 990;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
    .secondary-header.sticky {
        background: #ffffff;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
    .secondary-header .flex-nowrap {
        width: max-content;
    }

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.secondary-header a.active {
    color: #000;
}

    .secondary-header a.active:after {
        background: #ff9800;
    }

.secondary-header a:after {
    margin-top: 0.7rem!important;
    height: 6px;
    display: block;
    width: auto;
    background: transparent;
    border-radius: 10px 10px 0 0;
    content: '';
}

.secondary-header a {
    color: #35353d;
    text-decoration: none;
    width: max-content;
    /* font-weight: 600; */
    /* padding-bottom: 0.8rem !important; */
    letter-spacing: .5px;
    font-size: 16px;
    font-family: 'Gordita Medium';
    /* padding-bottom: 0.8rem !important; */
}
nav#navlist2 {
    background: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);
    padding: 10px 0px 0px;
}
/*---------- secondary-menu style ends here ----------*/


/*----------------- additional course-detail-page style starts here --------------*/
.yellowbg:hover {
    background: #ffecb287;
}
.redbg:hover {
    background: #e79f9f4f;
}
.greenbg:hover {
    background: #ccefdc61;
}
.inter-sec h4.sub-head {
    /*min-height: 60px;*/
    font-size: 14px;
}
.project-twoline-head .inter-sec h4.sub-head {
    min-height: 40px;
    line-height:22px;
}
    .inter-head-left span {
        font-size: 14px;
    }
.python-prosec .intern-content p {
    min-height: 120px;
    margin-bottom: 0px;
}
/*----------------- additional course-detail-page style ends here --------------*/
/*------------- react-course-page style starts here --------*/
.react-cerfct .div-absolute {
    top: -9px;
}
.pbg-1 {
    background-image: url(../img/banner/banner-1.webp);
    background-position: right;
}
.pbg-2 {
    background-image: url(../img/banner/banner-3.webp);
    background-position: right;
}
.pbg-3 {
    background-image: url(../img/banner/banner-2.webp);
    background-position: right;
}
.pbg-4 {
    background-image: url(../img/banner/banner-5.webp);
    background-position: right;
}
.parallax-bg.pbg-2 {
    color: #032d60;
}

    .parallax-bg.pbg-2 h3 {
        color: #032d60;
    }

.js-skills .service-lbox p {
    min-height: 200px;
}
.selenium-prosec .intern-content p, .selenium-benefits .benefit-box p {
    min-height: 155px;
}
/*------------- react-course-page style ends here --------*/
.course-dark-banner {
    background: #1a3552;
    padding: 10px 0px 50px;
}

.contect_form1 {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

    .contect_form1 .fa {
        position: absolute;
        color: #000;
        font-size: 18px;
        top: 0%;
        /* left: 3%; */
        z-index: 1;
        padding-left: 12px;  
        float: left;
        padding-top: 20px;
    }
.form-control {
    border: 1px solid #bebaba;
    background-color: #f8f8f8;
    padding: 16px 35px 16px 35px;
}
.banner-form {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 4px 4px 20px rgb(0 0 0 / 11%);
}
.banner-left-sec img {
    margin: auto;
    width: 60%;
}
.banner-left-sec h5.small-head {
    font-weight: 500;
    font-size: 23px;
}
.banner-main-sec {
    margin-top:20px;
}
.icon-sec-new {
    background: #f8f8f8;
}

    .icon-sec-new .col-lg-3 {
        width: 20%;
    }

    .icon-sec-new img {
        width: 80px;
        margin: auto auto 10px;
        display: block;
    }

.icon-sec-new {
    text-align: center;
    padding:20px 0px;
}

.strip-icon-box {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e9ecef;
    padding: 15px;
    transition: top ease .5s;
    top: 0;
    position: relative;
}
    .strip-icon-box:hover {
        top: -10px;
        transition: top ease .5s;
    }
.strip-img-sec img {
    width: 81px;
}
.strip-img-sec {
    /* width: 30%; */
    margin-right: 15px;
}

.strip-text-sec h3 {
/*    font-size: 18px;*/
font-size:15px;
/*    font-weight: 600;*/
    margin-bottom: 5px;
    line-height: 22px;
    font-family:'Gordita Medium';
}
.font-regular {
    font-family: 'Gordita Regular';
}
.fw-700{
    font-weight:700;
}
.top-strip-icons {
    margin-top: -60px;
}
.fs-28 {
    font-size: 28px !important;
}
.webd-box1 {
    /*background: rgb(255 219 205 / 71%);*/
    background: rgb(255 219 205 / 41%);
}
.webd-box2 {
    background: #e0f2fcc7;
}
.webd-box3 {
    background: #f3e9c2;
}
.webd-box4 {
    /*background: #e5f4ff;*/
    background: #e5f4ffa8;
}
.webd-box5 {
    background: #f0e7ffad;
}
.webd-box7 {
    /* background: #4dabba3b;*/
    background: #4dabba1f;
}
.webd-box8 {
    background: #f9de3336;
}
.webd-box9 {
    background: #6a207c1c;
}
.webd-box10 {
    background: #df2a361f;
}
.webd-box11 {
    background: #f273bb2b;
}
.webd-box12 {
    background: #db6b8a24;
}
.webd-box13 {
    background: #3179c71f;
}
.webd-box14 {
    background: #b6b6b61a;
}
.webd-box15 {
    background: #26698121;
}
.webd-box16 {
    background: #6bb33421;
}
.webd-box17 {
    background: #9b3d781a;
}
.webd-box18 {
    background: #93c0dc21;
}
.webd-box19 {
    background: rgb(255 217 75 / 26%);
}
.webd-box20 {
    background: #c0d0f654;
}
.webd-box21 {
    background: #fee00d24;
}
.webd-box22 {
    background: rgb(255 162 23 / 14%);
}
.bg-blue-gradient {
    background: linear-gradient(90deg, rgb(17 121 239 / 15%) 0%, rgba(232,240,249,1) 43%, rgba(218,236,255,1) 100%);
}
.angular-skills .skill-name {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    min-height: 30px;
    margin-top: 5px;
}
/*------------- new-testimonials style starts here ------------*/
.detailbox {
    display: flex;
    align-items: center;
}
.client-test img {
    height: 50px;
}
.testi-right-sec span.infobox {
    width: 35%;
}

.testi-right-sec span.plr-2 {
    width: 5%;
}
.rating .fa-star::after {
    font-size: 25px;
}
.testimonials-sec .owl-carousel .owl-nav.disabled {
    display: block;
}

.detailbox span {
    font-size: 15px;
}

    .detailbox span.infobox {
        font-weight: 600;
    }
/*------------- new-testimonials style ends here ------------*/
.pl-3 {
    padding-left: 30px;
}
.corp-training-sec li {
    min-height: 60px;
}

/*-------- contact-us page style starts here --------*/
.cntct-form-sub {
    margin-left: -7px;
}
.cntct-info span.chead {
    /* color: #000; */
    font-weight: 700;
    width: 8%;
    float: left;
}
.cntct-form-sub {
    margin-top:25px;
}
.cntct-info p a {
    color: #35353d;
}

.cntct-info {
    margin: 20px 0px 40px;
}
.fw-700 {
    font-weight:700;
}
.new_service .saas_features_item:hover h3.sub-head {
    font-weight: 800 !important;
    color: #0a0a87;
}
.mb-10 {
    margin-bottom: 10px;
}
.saas_features_item.text-center:hover .new_service_content {
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
}
.cntct-box {
    background: linear-gradient(90deg, rgb(230 239 255) 0%, rgba(232,240,249,1) 43%, rgba(218,236,255,1) 100%);
    padding: 25px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #ebf0f5;
}
.contact-left {
    margin-top: 35px;
}
    .cntct-box h4 {
        margin-bottom: 0px;
        font-size: 25px;
    }

        .cntct-box h4 a {
            font-weight: 700;
            color: #032d60;
        }
.cntct-img {
    margin-bottom: 25px;
}
.cntct-box.bhrsbox .sub-head {
    margin-bottom: 20px;
}
.cntct-img img {
    border-radius: 5px;
}
/*-------- contact-us page style ends here --------*/

/*--------- .net-course page style starts here -----------*/
.project-sec.dotnet-prosec .inter-head .sub-head {
    min-height: 60px;
}
#rotating-item-wrapper1{
    position:relative!important;
}
/*--------- .net-course page style ends here -----------*/

/*------------ student-lms-psge style starts here --------------*/
.lms-banner {
    background: url(../img/banner/banner-7.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}
.lms-sec-1 {
    background-image: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right;
}
.bg-light-grey1 {
    background: #f7f8fb;
}
.lms-slidersec .carousel-control-prev, .lms-slidersec .carousel-control-next{
    display:none;
}
.lms-slidersec  .carousel-indicators {
    bottom: -17px;
}
.lms-iconsec img {
    width: 50px;
    margin-bottom: 10px;
}

.lms-iconsec {
    text-align: center;
    padding: 20px;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    border-radius: 5px;
    transition: 0.5s all ease;
}
.lms-iconsec p{
    min-height:70px;
}
    .lms-iconsec:hover {
        background: #f9f9f9;
    }
.lms-imgsec img {
    width: 60px;
    margin-bottom: 10px;
}

.lms-box {
    padding: 50px 40px;
    background: #f7f8fb;
    border-radius: 5px;
    box-shadow: 0 0 2px 5px rgb(0 0 0 / 3%);
    transition: 0.5s all ease;
    margin: 10px;
}
    .lms-box:hover {
        background: #fff;
    }
.lms-imgsec {
    text-align: center;
}

.pb-50 {
    padding-bottom: 50px;
}
/*------------ student-lms-psge style ends here --------------*/
/*--------------- trainer-registration-page style starts here ------------*/
.trainer-banner {
 /*   background: url('../img/trainer-registration/banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background: #c8cfd9;
}
/*--------------- trainer-registration-page style ends here ------------*/

/*--------------- terms-conditions-page style starts here ---------------*/
.terms-sec h2 {
    font-size: 28px;
}

.terms-sec h3, .terms-sec h4 {
    font-size: 22px;
}
.terms-sec ul {
    margin-bottom: 17px;
}
.terms-sec h2, .terms-sec h3, .terms-sec h4 {
    margin-bottom: 10px;
}
/*--------------- terms-conditions-page style ends here ---------------*/

/*--------- login page style starts here -----------*/
.fgt-psw-sec.d-flex {
    justify-content: space-between;
    margin-bottom: 15px;
}
.login-mainsec {
    padding: 0px;
    background: #ffffff;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
}
.login-right-sec {
    padding: 25px 30px;
}
.login-left {
    padding: 0px;
    background: url(../img/banner/bg1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:right;
}
.login-form {
    margin-bottom: 20px;
}
.login-dwnsec h6 {
    font-family: 'Gordita Regular';
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.login-dwnsec p.small {
    line-height: 20px;
    margin-bottom: 10px;
}
/*--------- login page style ends here -----------*/
/*----------- sucess-stories style starts here ----------*/
.testi-img-box {
    margin-right: 18px;
    width: 20%;
}

.testi-inner {
    display: flex;
    align-items: center;
}

.text-text-box {
    width: 78%;
}

.testi-img-box img {
    width: 100%;
    border-radius: 5px;
}

.testimonial-box {
    background: #fff;
    box-shadow: 0 0 10px 7px rgb(33 150 243 / 7%);
    padding: 22px 20px;
    margin-bottom: 30px;
    border-radius: 3px;
    transition:0.5s all ease;
}
    .testimonial-box:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }
.cmpny img {
    width: 100px;
}
/*----------- sucess-stories style ends here ----------*/

/*----------- interview-questions style starts here --------------*/
/*.interqtn-banner {
    background-image: url(../img/banner/new/iq2.webp);
    background-position:right;
}*/
/*
    .interqtn-banner::before {
        content: '';
        background: #01106142;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }*/

.interqtn-banner {
    background-image: url(../img/banner/new/interview-questions-banner.jpg);
}
.ptb-120 {
    padding:120px 0px;
}
/*----------- interview-questions style ends here --------------*/
/*------------- training-process style starts here ----------------*/
.training-banner {
    background-image: url(../img/banner/new/training-process.jpg);
}
    .training-banner .banner-text-bg {
        background: #0b315563;
    }

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}
    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 1px;
        background-color: #CECECE;
        left: 51%;
   /*     margin-left: -1.5px;*/
    }
    .timeline > li:not(.timeline-inverted) {
        padding-right: 90px;
    }
    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }
        .timeline > li:before, .timeline > li:after {
            content: " ";
            display: table;
        }
        .timeline > li > .timeline-badge {
            background-color: #0e90e4 !important;
            border-color: #0e90e4 !important;
        }
        .timeline > li > .timeline-badge {
            width: 20px;
            height: 20px;
            line-height: 50px;
            position: absolute;
            top: 32px;
            left: 50%;
            margin-left: -6px;
            background-color: #D2D2D2;
            z-index: 9;
            border-radius: 50%;
            border: 5px solid #FFFFFF;
        }
        .timeline > li > .timeline-label {
            height: 65px;
            position: absolute;
            top: 32px;
            left: 50%;
            margin: -25px 0 0 25px;
            padding: 10px 15px;
            text-align: left;
            z-index: 9;
            border-radius: 4px;
            transition: all linear 0.3s;
        }
        .timeline > li > .timeline-label {
            height: 65px;
            position: absolute;
            top: 32px;
            left: 50%;
            margin: -25px 0 0 25px;
            padding: 10px 15px;
            text-align: left;
            z-index: 9;
            border-radius: 4px;
            transition: all linear 0.3s;
        }
        .timeline > li > .timeline-panel {
            border: none;
            padding: 40px;
            border-radius: 6px;
            box-shadow: 0 0 15px rgb(0 0 0 / 5%);
        }
        .timeline > li > .timeline-panel {
            width: 50%;
            float: left;
            /*border: 1px solid #D2D2D2;*/
            background: #FFF;
            border-radius: 2px;
            padding: 20px;
            text-align: left;
            position: relative;
            transition: 0.5s all ease;
        }
            .timeline > li > .timeline-panel:before {
                border-right: none;
                border-left: none;
            }
            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -14px;
                display: inline-block;
                border-top: 15px solid transparent;
              
                border-bottom: 15px solid transparent;
                content: " ";
            }
            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -13px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }
        .timeline > li:after {
            clear: both;
        }
        .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
            margin-top: -10px;
        }
        .timeline > li.timeline-inverted {
            padding-left: 90px;
        }

    .timeline > li {
        margin-bottom: 50px;
        position: relative;
    }
.timeline-label h2 {
    font-family: 'Gordita Regular';
    color: dodgerblue;
}
        .timeline > li:before, .timeline > li:after {
            content: " ";
            display: table;
        }
        .timeline > li.timeline-inverted > .timeline-label {
            top: 32px;
            left: 50%;
            margin-left: -325px;
            white-space: nowrap;
            text-align: right;
            width: 300px;
        }
        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }
            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -14px;
                right: auto;
            }
        .timeline > li > .timeline-panel:before {
            border-right: none;
            border-left: none;
        }
    .timeline li::before {
        display: none;
    }
    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -13px;
        right: auto;
    }
.training-process{
    background:#f8f8f8;
}
.timeline > li > .timeline-panel:hover {
    background: #f7f9fd;
}

/*------------- training-process style ends here ----------------*/

/*----------- corporate-training-page style starts here ------------*/
.corporate-banner {
    background-image: url(../img/banner/new/corporate-training.jpg);
    padding:10px 0px 100px;
}
.top-strip-sec .col-lg-4.col-sm-4::after {
    height: 44px;
    width: 1px;
    display: inline-block;
    content: '';
    position: absolute;
    top: 23%;
    background: #d7d9db;
}
    .top-strip-sec .col-lg-4.col-sm-4:first-child::after{
        background:unset;
    }

    .top-strip-sec {
        margin-top: -50px;
        background: #fff;
        padding: 20px;
        border-radius: 3px;
        box-shadow: 0px 1px 3px 1px rgb(60 64 67 / 18%);
        margin-top: -50px;
    }

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

 .strip-secs h4 {
        margin-bottom: 5px;
        margin-top: 0px;
}

.strip-secs p {
 margin-bottom: 0px;
 }
    .strip-secs h4 {
        margin-bottom: 5px;
        margin-top: 0px;
        font-family: 'Gordita Medium';
        font-weight: 400;
    }
.crp-offrs {
    background: #f5f8fb;
    
}
.polygon-bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 50% 100%, 0 94%);
    clip-path: polygon(0 0, 100% 0, 100% 94%, 50% 100%, 0 94%);
}
.corp-box {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: 30px;
    text-align: center;
    transition: 0.5s ease all;
}
    .corp-box p {
        min-height: 80px;
    }
    .corp-box img {
        margin-bottom: 5px;
        width:70px;
    }

.icn-text-box {
    display: flex;
    align-items: center;
    background: #ffffff;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    transition:0.5s all ease;
}
    .icn-text-box:hover {
        box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    }

    .icn-text-box img {
        width: 55px;
        margin-right: 10px;
    }

    .icn-text-box p {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0px;
    }
.bg-light-blue1 {
    background: #ebf1f8;
}
.sub-para {
    color: #000000;
    font-family: 'Gordita Medium';
}
/*----------- corporate-training-page style ends here ------------*/
/*------------ students-reviews page style starts here ---------------*/
.review-head {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.stndt-img img {
    width: 100px;
    border: 4px solid white;
    border-radius: 50%;
    box-shadow: 0 10px 20px 0 rgb(141 169 188 / 20%);
    height: 100px;
}

.stndt-img {
    margin-right: 20px;
}

.stndt-name h4 {
    margin-bottom: 0px;
    font-size: 18px;
}
.review-box {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    border-bottom: 4px solid cornflowerblue;
}
.review-body {
    height: 200px;
    overflow: auto;
    padding-right: 12px;
}
.right-box h3 {
    font-size: 28px !Important;
   
}
/*------------ students-reviews page style ends here ---------------*/

/*------------smoothscrollbar style starts here---------------*/
.scrollbar::-webkit-scrollbar-track, .review-body::-webkit-scrollbar-track, .blog-sub-lists::-webkit-scrollbar-track, .relad-iqlists::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #c1c3ce;
}

.scrollbar::-webkit-scrollbar, .review-body::-webkit-scrollbar, .blog-sub-lists::-webkit-scrollbar, .relad-iqlists::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.scrollbar {
    height: 500px;
    overflow-y: auto;
}

    .scrollbar::-webkit-scrollbar-thumb, .review-body::-webkit-scrollbar-thumb, .blog-sub-lists::-webkit-scrollbar-thumb, .relad-iqlists::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px #fff;
        background-color: #9aa0a6;
    }
/*------------smoothscrollbar style starts here---------------*/


.popup-onload .modal-dialog {
    max-width: 700px;
}
.popup-onload .modal-content {
    background:#fff;
    background-image: url(../img/popup-bg1.png);
    background-position:right;
    
}
.popup-onload  .modal-header {
    padding: 0px 15px;
}
.aws-salry-sec h5.sub-head{
    font-weight:500;
    font-size:18px;
    margin-bottom:5px;
    color:#000;
}
.aws-syllbus .service-lbox p {
    min-height: 200px;
}
/*------------ course-detail-page style starts here ------------*/
.banner-icon-sec img {
    width: 20px;
    margin-right: 16px;
}

.banner-icon-sec {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .banner-icon-sec p {
        margin-bottom: 0px;
    }
.ratingsec {
    display: flex;
    align-items: center;
}

    .ratingsec p {
        margin-bottom: 0px;
    }

  
.banner-text h1 {
    margin-bottom: 5px;
}
.ratingsec .best-seller, .ratingsec .rating {
    margin-right: 10px;
}
.best-seller {
    background: #ffa100;
    padding: 0px 10px;
    border-radius: 5px;
    color: #ffffff;
    line-height: 26px;
}
.ratingsec {
    margin-bottom: 20px;
    font-size: 14px;
}
.course-right-sec img {
 /*   width: 80%;*/
 width:65%;
    display: block;
    margin: 10px auto;
}
.buybtn {
    margin-top:45px;
}
.fees-box:hover {
    background: #fff;
    border: 1px solid #2196f3;
}
/*------------ course-detail-page style ends here ------------*/

/*----------- freshers-job page style starts here ---------------*/
.job-posting-banner {
    background-image: url(../img/banner-img/course-banner.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:10px 0px 80px;
}
.filter-sec {
   
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border-radius: 5px;
    border: 1px solid #e6ecef;
    background: #fff;
    transition: all .5s ease;
    margin-bottom: 20px;
}
.filter-head {
    padding: 10px 15px;
    border-bottom: 1px solid #dddddd;
}
.location-filter {
    padding: 10px 15px;
}

    .location-filter .form-group {
        margin-bottom: 5px;
    }
.location-filter input[type="checkbox"] {
    top: 2px;
    position: relative;
}
.filter-head h2.sub-head, .filter-head h3.sub-head {
    margin-top: 0px;
    margin-bottom: 0px;
}
.job-post ul li::before {
    display: none;
}

.job-post ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    color: #536777;
}
    .job-post ul li .fa  {
        margin-right: 10px;
    }
.daytime .fa{
    margin-right:5px;
}
.daytime {
    margin-top: 10px;
    background: #f2f2f2;
    display: inline-block;
    padding: 0px 5px;
    font-size: 10px;
    line-height: 20px;
}
.job-post ul {
    padding-left: 0px;
}
.skill-lists span {
    display: inline;
    margin-right: 10px;
    background: #eeeeee;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}
.location-filter label {
    color: #536777;
    font-size: 14px;
}
.job-post {
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 106 194 / 20%);
    box-shadow: 0 1px 2px 0 rgb(0 106 194 / 20%);
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: -webkit-box-shadow .2s linear;
    -o-transition: box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear,-webkit-box-shadow .2s linear;
    border: 1px solid #ebf0f6;
}
    .job-post h3 {
        font-size: 20px;
        margin-bottom: 14px;
        line-height: 25px;
    }
    .job-post h4 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }
    .job-post ul {
        padding-left: 0px;
        margin-bottom: 4px;
    }
.daytime.today {
    background: rgba(31, 182, 80,0.12) !important;
    color:green;
}
.job-post-sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btnsecs1 .btn-outline {
    margin-bottom: 15px;
    padding: 2px 20px;
    font-size: 14px;
}
.btnsecs2 .btn-common {
    padding: 4px 40px;
    font-size: 14px;
}
.job-post-right {
    text-align: center;
}
.enroll-popup.applynow-popup .floating-input {
    border: 1px solid #d3d3d3 !important;
}
    .enroll-popup.applynow-popup .floating-form label {
        left: 15px;
    }
.enroll-popup.applynow-popup .floating-form label {
    top: 6px;
}
.enroll-popup.applynow-popup .floating-selectcommon {
    height: unset !important;
    border: 1px solid #d3d3d3 !important;
    padding-left: 10px;
    font-size: 12px;
}
/*----------- freshers-job page style ends here ---------------*/
/*-------- scroll-top style starts here --------*/
/*  scroll css section here*/
/*.scrolltop .icon {
    font-size: 30px;
    text-align: center;
    transform: rotate(-45deg);
    margin-top: 10px;
}

.scrolltop {
    position: fixed;
    bottom: 70px;
    right: 40px;
    width: 50px;
    height: 50px;
    border-radius: 50%;*/
/*    background-color: #fff;
    display: none;*/
/*}*/

.scrollup {
    width: 40px;
    height: 40px;
/*    opacity: 0.3;*/
    position: fixed;
    bottom: 20px;
    right: 10px;
    display: none;
    text-indent: -9999px;
    background: url(../img/icon_top.png) no-repeat;
}

/*-------- scroll-top style ends here --------*/
.course-right-sec.digital-markng img{
    width:100%;
}
.smm-syllabus .service-lbox p{
    min-height:70px;
}
.pay-online-sec {
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #ecf1fb;
}
.privacypage-sec h2 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 30px;
}

.privacypage-sec h3, .privacypage-sec h4, .privacypage-sec h5 {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 30px;
    margin-top:20px;
}
.pdt-sec1 {
    display: flex;
}
.pdt-sec1 .dname {
    font-weight: 600;
    margin-right: 10px;
    width: 137px;
}

.angular-skills .service-lbox p, .seo-skills .service-lbox p {
    min-height: 200px;
}

/*-------------- sitemap-page style starts here ----------------*/
.sitemap-blogsec, .sitemap-sec {
    background: #f4f4f4;
    padding: 20px 15px;
}
.sitemap-sec {
    margin-bottom: 25px;
}

    .sitemap-sec ul li {
        width: 29%;
        display: inline-block;
        line-height: 25px;
        margin-bottom: 0px;
        font-size: 14px;
        vertical-align: top;
        margin-right: 15px;
    }
    .sitemap-sec h4.sub-head {
        margin-bottom: 0px;
    }

    .sitemap-sec ul {
        margin-bottom: 20px;
    }
        .sitemap-sec ul li:hover a {
            text-decoration: underline;
        }
.blog-sub-lists {
    height: 600px;
    overflow-y: auto;
}
/*-------------- sitemap-page style ends here ----------------*/

.dme-skills .service-lbox p{
    min-height:160px;
}
#jobs h2{
    font-size:34px;
}
/*----------- enroll-now style starts here ------------*/
.enroll-secs {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.enrl-left {
    width: 20%;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Gordita Medium';
    margin-right: 15px;
}

.enrl-right {
    width: 70%;
}

    .enrl-right p {
        font-size: 15px;
        margin-bottom: 0px;
    }

    .enrl-right .floating-label {
        margin-bottom: 0px;
    }
/*----------- enroll-now style ends here ------------*/

/*-------------- interview-questions page style starts here ------------*/
.tech-list-box {
    border-radius: 0.6rem !important;
    box-shadow: 0 2px 2px 0 rgb(17 121 239 / 20%);
    margin-bottom: 20px;
    text-align: center;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #ddd;
    transition: 0.5s all ease;
}
.tech-list-box a {
  color: #000;
}
.interview-new-banner {
    background: #121251;
    padding: 40px 0px;
}

    .interview-new-banner h1 {
        color: white;
    }
.interview-new-banner p{
    margin-bottom:0px;
}
.tech-list-box:hover {
    box-shadow: 0 2px 8px 0 rgb(17 121 239 / 20%);
    border: 1px solid transparent;
}
    .tech-list-box:hover a {
        color: #1a73e8 !important;
    }
.tech-list-box {
    line-height: 20px;
    min-height: 60px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.quens-sec-main {
    background: #fff;
    padding: 40px 20px;
}
.quens-sec{
    background:#f6f6f6;
}
.topics-list li {
    background: #f7f7f7;
    margin-bottom: 20px;
    padding: 10px 20px;
}
    .topics-list li::before {
        display: none;
    }
.topics-list li a {
    color: #000;
}
.breadcrumb-white ul.breadcrumb li:hover a {
    color: #f6f6f6;
}
.course-listings {
    padding: 20px 40px;
}
.rltd-course-list {
    padding:20px 0px 10px;
}
.question-head h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #032d60;
}
.question-box {
    margin-bottom: 30px;
}
.answer-head h4, .answer-head h5, .answer-head h2, .answer-head h3 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0px;
}
.answer-head ul{
    margin-bottom:20px;
}
.related-qust-subsec {
    background: #f2f6fd;
}

.relatd-qusn-head {
    border-bottom: 1px solid #83bbd4;
    padding: 5px 10px;
}

    .relatd-qusn-head h2 {
        margin-bottom: 0px;
        /* padding: 5px 15px; */
    }

.relad-iqlists {
    padding: 10px;
}





    .relad-iqlists li a {
        color: #324766;
  }

    .relad-iqlists li {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0px;
    }
        .relad-iqlists li:hover a {
            color: #1a73e8;
        }
.relad-iqlists {
    height: 600px;
    overflow-y: auto;
}
.related-questions {
    padding-left: 20px;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 80px;
    z-index: 6;
}
/*-------------- interview-questions page style ends here -------------*/

/*--------- enroll-now page style starts here -------------*/

.enroll-head-box {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.enroll-left-side {
    width: 32%;
}

.enroll-right-side p {
    margin-bottom: 0px;
}
.enroll-right-side .form-control {
    padding: 10px 15px 10px 15px;
    background: #ffffff;
}
.enroll-left-side label {
    font-weight: 600;
}

.enroll-head {
    /*background: #ebf0f5;*/
    background: #f8fbff;
    padding: 20px 30px;
    border-radius: 5px;
}

.enroll-right-side {
    width: 70%;
}
.enroll-head-box:last-child {
    margin-bottom: 0px;
}
.enroll-body {
    padding: 20px 30px;
    margin-top: 40px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
}
.enroll-right-side.feessec p{
    font-weight:800;
}

/*--------- enroll-now page style ends here -------------*/
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.devops-syllabus .service-lbox p {
    min-height: 150px;
}
.intern-content p {
    margin-bottom: 0px;
}
.smm-prosec .intern-content{
    min-height:120px;
}
.dm-skills .service-lbox p{
    min-height:170px;
}
.refer-bannerimg img{
    width:60%;
    margin:auto;
    display:block;
}
.dotnet-syllabus .service-lbox p{
    min-height:170px;
}
.job-share {
    margin-top: 35px;
}
    .job-share .whatsapp {
        background: #25D366;
    }
.course-list a {
    color: #000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
}
/*----------------- mobile-responsive starts here ----------------------*/
@media only screen and (min-width:320px) and (max-width:767px) {
    body {
            overflow-x: hidden;
        }
        /* .banner-part-1 {
        margin-top: 10px;
    }*/
    .btn-common {
        /* padding: 8px 16px;
        font-size:14px;*/
        padding: 8px 16px;
        font-size: 12px;
    }
    .seo-skills .service-lbox p, .angular-skills .service-lbox p, .dme-skills .service-lbox p {
        min-height: unset;
    }
    .banner-part-2 {
        background-image: unset;
        background-color: #5b7693;
    }

        .banner-part-3 .mt-7 {
            margin-top: 0px;
        }

        .inner-bg {
            background-size: cover;
        }

        .two-sec-list {
            column-count: 1;
        }

        .devexperiencenew p {
            font-size: 14px;
        }

        .devexperiencenew h3 {
            font-size: 18px;
        }

        .banner-part-1, .banner-part-2 {
            padding: 40px 0px !important;
        }

        .banner-part-3 img {
            margin-top: 20px;
        }

        .ptb-70, .service-icon-sec {
            padding: 40px 0px;
        }

        .main-head {
            font-size: 28px;
        }

    .two-sec-list li, .tech-list-box {
        min-height: unset;
    }

        .second-sec .mt-7 {
            margin-top: 0px;
        }

        .sub-head {
            font-size: 18px;
        }
    .info span{
        font-size:14px;
    }
        .info span::before{
            width:18px;
        }
    ul.check-list-tick li{
        font-size:14px;
    }
    .icon-tabs .nav {
        white-space: nowrap;
    }

        .icon-tabs .nav {
            border-bottom: 0px;
        }

        .icon-tabs .nav-pills .nav-link h3 {
            font-size: 16px;
        }

        .icon-tabs .service-text-new {
            padding: 20px 0px;
        }

        p, li {
            font-size: 15px;
        }

        .pt-70 {
            padding-top: 40px;
        }

        .service-main-left .nav-pills .nav-link.active {
            padding: 10px 16px 10px 16px;
            border: 1px solid #0098ca;
            border-radius: 5px;
            margin-right: 10px;
            background: #0098ca;
            box-shadow: 0px 3px 6px #00000016;
            color: #fff;
        }

        .service-main-left .nav-pills .nav-link {
            color: #000000;
            cursor: pointer;
            display: block;
            font-size: 16px;
            font-weight: 600;
            height: 100%;
            padding: 10px 16px 10px 16px;
            width: 100%;
            text-align: center;
            white-space: nowrap;
        }

        .service-main-left {
            transition: unset !important;
            background-color: unset !important;
            box-shadow: unset !important;
            flex: unset !important;
            padding: 0px !important;
            transform: unset !important;
            max-width: unset !important;
        }

        .service-tabs-main {
            background: unset !important;
            box-shadow: unset !important;
            margin-top: 0px;
        }

        .service-main-left .nav-pills .nav-link.active {
            font-size: 16px;
        }

        .service-text {
            padding: 15px 10px;
        }

        .services-sec {
            background: #f6f6f6;
        }
   

        .nav-pills {
            width: 100%;
            display: flex;
            overflow-x: auto;
            /* margin-bottom: 5px; */
            flex-direction: unset !important;
            padding-bottom: 10px;
        }

        .service-main-left .nav-pills .nav-link.active {
            transform: unset !important;
        }

        .service-icon-sec .head {
            line-height: 50px;
            font-size: 32px;
        }

        .service-head {
            font-size: 22px;
            margin-top: 0px;
        }

        .service-htabs .nav-link, .service-htabs .nav-pills .nav-link.active, .service-htabs .nav-pills .show > .nav-link {
            display: block;
            white-space: nowrap;
        }

        .service-htabs .nav.flex-row.nav-pills {
            /* justify-content: unset !important;*/
            justify-items: center !important;
            background: unset !important;
        }

        .service-htabs .nav-link {
            background: #efeff4;
            border-radius: 25px;
            margin-right: 10px;
        }

        .service-htabs .tab-content {
            margin: 3rem 0;
            padding: 30px 10px;
        }

        .sertext-sec, .icon-box-design-1, .new_service_content, .home-blog-sec-1 {
            min-height: unset;
        }

        .box-shadow-textsec {
            padding: 3rem 1.7rem;
        }

        .icon-hover-box .box-textsec {
            top: 50px;
        }

        .icon-hover-box {
            min-height: 380px;
        }

        .inline-icontext-box {
            padding: 20px 10px;
        }

        .separator {
            display: none;
        }

        .event-caption-box {
            padding-top: 45%;
        }

        .img-hover-text-effect img {
            height: 350px !Important;
        }

        .case-study-inner::before {
            /* width:100%;*/
            display: none;
        }

        .case-studies-main {
            padding: 30px 0px;
        }

        .case-study-inner {
            padding: 0px;
        }

        .img-adv-box:hover .img-adv-box-inner {
            max-height: 320px;
        }

    .img-adv-box-inner .sub-head {
        line-height: 32px;
        font-size: 20px;
    }

        .case-study-head {
            font-size: 28px;
            line-height: 35px;
        }
        /*.img-adv-box.box-1 .img-adv-box-inner {
        max-height: 66px;
    }
    .img-adv-box-inner a {
        font-size: 12px;
    }*/
        .img-adv-box {
            margin-bottom: 20px;
        }

            .img-adv-box.box-1 .img-adv-box-inner {
                max-height: 103px;
            }

            .img-adv-box.box-1 .img-adv-box-inner {
                max-height: 103px;
            }

        .case-study-inner .mt-5, .case-study-inner .mb-4 {
            margin: 0px !important;
        }

        .home-case-study img {
            height: unset;
        }

        .home-blog-sec-1, .home-blog-sec {
            padding: 16px 10px;
        }

    .home-blog-cat h5 {
        margin-bottom: 10px;
        font-family: 'Gordita Regular';
        font-size:14px;
    }

        .home-blog-main .sub-head {
            min-height: unset;
            font-size: 18px;
            margin-bottom: 10px;
        }

        .blog-btn-sec {
            margin-top: 10px;
            margin-bottom: 10px !Important;
        }

        .boxed-photo-banner-text h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .boxed-photo-banner-text {
            max-width: 100%;
        }

        .boxed-photo-banner {
            padding: 20px;
        }

        .boxed-photo-banner-text p {
            font-size: 16px;
            line-height: 24px;
        }
    .pl-3, .related-questions {
        padding-left: 0px;
    }

    .common-sec .form-left-sec {
        margin-top: 0px;
    }

    .onload-popup .modal-dialog {
        margin: 2rem .5rem 1.75rem;
    }

        .pop-up-left {
            padding-top: 20px;
        }

            .pop-up-left h2 {
                font-size: 15px;
                line-height: 22px;
                margin-bottom: 8px;
            }

        .onload-popup .floating-form {
            padding:0px;
        }

    .client-img {
        /*  width: 140px;*/
        height: 90px;
        padding: 0px 10px;
    }

        .slick-slide {
            margin: 0px 10px;
        }

        .popup-list h4 {
            font-size: 15px;
        }

        .clients-left-sec {
            display: flex;
            align-items: center;
        }

        .clients-left-sec {
            padding: 10px 15px;
        }

            .clients-left-sec h3 {
                font-weight: 600;
                font-size: 28px;
                margin: 0px 5px;
            }

        .popup-list li {
            margin-bottom: 15px;
        }

        .clients-left-sec {
            margin-bottom: 30px;
        }

            .clients-left-sec p {
                color: #222;
                font-weight: 600;
                font-size: 28px;
            }

        .banner-part-1::before {
            height: 107px;
            width: 81px;
        }

        .banner-part-1::after {
            height: 80px;
            width: 80px;
        }

        .ftr-second-sec .ftr-list ul li a::after {
            padding: 10px 6px;
        }

        .top-header, .testi-box::before {
            display: none;
        }

        .testimonials-sec .owl-nav {
            margin-left: 0px;
            text-align: center;
        }

        .main-services .img-adv-box:hover .img-adv-box-inner {
            max-height: 276px;
        }

        .main-services .img-adv-box-inner .sub-head {
            font-size: 18px;
        }

        .main-services .img-adv-box-inner {
            max-height: 55px;
        }

        .head {
            font-size: 35px;
            line-height: 40px;
        }

        .title, .main-head {
            font-size: 30px;
            line-height: 40px;
        }

        .sub-title {
            font-size: 27px;
            line-height: 40px;
        }

        .box-layout-sec {
            padding: 20px;
        }

        .digital-quote-sec .service-quotese {
            padding: 0px 20px;
        }

        .product-container .product-image-container img {
            height: unset;
        }

        .tags-list ul li {
            font-size: 12px;
        }

        .box-shadow-imgsec {
            margin-top: 0px;
            margin-bottom: 70px;
        }

        .box-shadow-layout {
            padding: 0px 0px 50px;
        }

        .mb-70 {
            margin-bottom: 30px;
        }

        .mmb-5 {
            margin-bottom: 30px;
        }

        .mmt-5 {
            margin-top: 30px;
        }

        .tech-sec .client-img {
            height: 100px;
        }

        .service-quotese {
            padding: 20px;
        }

        .web-app-ctasec .boxed-photo-banner-text {
            max-width: 100%;
        }

        .accordion-button {
            line-height: 30px;
        }

        .banner-part-1.p-0 {
            padding: 40px 0px !important;
        }

        .job-listing-box {
            display: block;
        }

        .job-left-sec {
            width: 100%;
        }

        .job-listing-box .exp::before {
            padding: 5px 5px;
        }

        .job-listing-box .exp img {
            width: 15px;
            margin-right: 3px;
        }

        .job-listing-box .skill-tag {
            font-size: 12px;
        }

        .skills-list {
            margin-bottom: 15px;
        }

        .content-box {
            padding: 25px;
        }

        .content-column {
            width: 100%;
        }

        .image-grid img {
            height: unset;
        }

        .testi-img img {
            width: unset;
            height: unset;
        }

        .content {
            padding-top: unset;
        }

    .icon-tabs.tools-tab-sec.technologies-sec .col-lg-2, .icon-tabs.tools-tab-sec.technologies-sec.coursed-skills .col-lg-2 {
        width: 50%;
    }

        .icon-tabs.tools-tab-sec .nav-pills .nav-link h3 {
            margin-bottom: 0px;
        }

        .core-sec .tech-sec-box-1 {
            display: block;
        }

        .banner-text-sec {
            background: unset;
            padding: 0px;
            position: relative;
            margin-right: unset;
            margin-top: unset;
            box-shadow: unset;
        }

        h1 {
            font-size: 30px;
            line-height: 35px;
        }

    h2, .sec-sub-head {
        font-size: 26px!important;
        line-height: 35px;
    }

        h3 {
            font-size: 22px;
            line-height: 30px;
        }

        .top-banner .p-0 {
            padding: 0px 15px !important;
        }

        .pl-5, .pl-7 {
            padding-left: 0px;
        }

        .pr-5, .pe-5 {
            padding-right: 0px !important;
        }

        #rotating-item-wrapper1 {
            padding-left: 0px;
        }

        .common-textsec, .home-fsbox, .home-fsbox p, .home-blog-main p, .home-blog-sec.btm-sec .sub-head, .home-blog-sec.btm-sec .check-list, .more-ser-para .service-lbox p, .related-sbox .text-box {
            min-height: unset;
        }

        .left-sidebar .left-box img {
            display: none;
        }

    .ptb-50 {
        padding: 30px 0px;
    }
    .top-sec{
        padding:0px;
    }

    .mb-30 {
        margin-bottom: 20px !important;
    }

        .mt-10 {
            margin-top: 10px;
        }

        .about-sec-new {
            padding: 30px 0px;
        }

        .mt-5 {
            margin-top: 20px !important;
        }

    .testi-text-sec {
        padding: 20px 0px 0px;
        overflow: auto;
    }
    .employee-reviews .testi-text-sec {
        padding: 20px 0px 0px;
    }
        .employee-reviews .testi-text-sec p{
            overflow:unset!important;
            height:unset;
        }
        .employee-reviews .testi-text-sec::before {
            display: none;
        }

        .testi-box {
            padding: 20px 10px;
            background: #d4eaff;
        }

        .contact-form-right {
            padding: 30px 20px;
        }

        .mob-img {
            display: block;
        }

        .banner-part-1.home-slide {
            background-image: unset !important;
            background-color: #fafafa !important;
        }
    .refer-form {
        margin-top: 20px;
    }
        .card-body {
            margin-bottom: 30px;
        }

        .mob-banner-bg {
            background-color: #fafafa !important;
        }

    .parallax-bg {
        background-image: unset;
        /*           background-color: #051b32;*/
        background-color: #072545;
        padding: 30px 0px;
    }

        .google-view h5 a {
            font-size: 14px;
        }

        .ftr-list {
            margin-bottom: 10px;
        }

        .w__300 {
            width: 320px !important;
        }

        .mob-tabs, .mob-view {
            display: block;
        }

        .desk-tabs, .desk-view {
            display: none!important;
        }

        .sticky {
            top: 0px !important;
        }

      /*  .quick-enquiry {
            margin: 0px 0px 0px;
        }*/

        .strip {
            margin-top: 20px;
        }

            .strip .icon-sec {
                margin-bottom: 20px;
            }

        .top-sec .col-lg-3::after {
            display: none;
        }

        .iconside {
            width: 100%;
            border-right: 0px;
            font-size: 30px;
            margin-bottom: 20px;
        }

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

        .textside span {
            font-size: 30px;
        }

        .textside p {
            font-size: 15px;
            margin-top: 7px;
        }

        .iconsec {
            display: block;
        }

        .new-sec .sticky-head {
            top: 61px;
        }

        .new-sec h2 {
            margin-bottom: 0px;
        }

        .about-banner.course-banner {
            padding: 20px 0px !important;
            background-image: unset;
            background-color: #09274a;
        }

        .service-lbox p, .intern-content {
            min-height: unset !important;
        }

        .right-box {
            padding: 0px 0px 20px;
        }

        .right-sec .right-box .sub-head {
            font-size: 18px;
        }
    .right-sec hr{
        margin-bottom:15px;
    }
    .mt-5 {
        margin-top: 20px!important;
    }
    .timing-sec {
        padding: 15px 10px;
    }
    .internship-sub{
        padding:10px 10px 15px;
    }

    .common-tmg .timing-label {
        background: #fff;
    }

        span.timing-label strong {
            display: block;
        }

    .common-tmg .timing-label {
        padding: 2px 15px;
    }

    .fees-box {
        padding: 15px;
        margin-bottom:30px !important
    }

            .fees-box .price {
                font-size: 35px;
                margin-bottom: 5px;
            }

        .client-test img {
            width: 100px !important;
        }

        .mb-20 {
            margin-bottom: 10px;
        }

        .padding-absolute-div {
            padding: 30px 0px;
        }

        .certificate-sec .pe-5.div-absolute {
            padding: 20px !important;
            margin-top: 40px;
        }
    .contact-form-left{
        margin-top:10px;
    }
    .bg-banner-part {
        background-image: unset !important;
        background-color: #fafafa !important;
        padding: 40px 0px;
    }

        .partners-boxes .col-lg-2 {
            width: 24.666667%;
        }

        .hire-parallax-bg p {
            margin-bottom: 20px;
        }

        .hire-models-newsec .hire-box img {
            height: unset;
        }

        .hire-box p, .hire-box ul, .hiring-process .new_service .saas_features_item p, .blog-list-text h4 {
            min-height: unset;
        }

        .blog-secs .table-heads h3, .blog-secs .table-heads h4, .blog-secs .table-heads h2 {
            font-size: 22px !important;
            line-height: 30px !important;
        }

        .blog-secs h3, .blog-secs h4, .blog-secs h5, .blog-secs h2 {
            font-size: 18px !important;
            line-height: 28px !important;
        }

        .related-blog-sec {
            margin-top: 40px;
        }

        .blog-sub-sec {
            display: block;
        }

        .social-share ul {
            padding-left: 0px !important;
        }

        .blog-tags {
            margin-bottom: 20px;
        }

        .blog-para-sec {
            margin-top: 40px;
        }

        .table-content h2 {
            margin-bottom: 15px;
        }

        .blogs-filter ul li {
            margin-bottom: 12px;
        }

        .course-list {
            margin-bottom: 20px;
        }

        .div-absolute {
            padding: 20px 20px !important;
            left: unset !important;
            position: relative;
        }

        .pe-5.div-absolute {
            padding-right: 20px !important;
        }
        .course-imgsec img{
            height:unset;
        }
        .internship-box img {
            width: 50px;
            margin: auto;
        }

        .internship-box {
            margin-bottom: 20px;
        }
    .pop-up-left, .offshorepopups {
        display: none;
    }
    .secondary-header .pe-5 {
        padding-right: 5rem !important;
    }
    .new-sec .sticky-head {
        position: relative !important;
    }
    .timing-left .col-lg-4:first-child::after{
        display:none;
    }
    .common-tmg {
        padding: 5px 0px 10px;
    }
    .testi-box .student-img img{
        height:unset!important;
    }
    .fa-star::after{
        font-size:20px;
    }
    .secondary-header::-webkit-scrollbar {
        display: none;
    }
    .right-sticky-sec {
        margin-top: 30px;
    }
    .benefit-box p, .corp-box p {
        min-height: unset;
    }
    .fs-26{
        font-size:20px!important;
    }
    .fs-28, .cntct-box h4 {
        font-size: 20px !important;
    }
    .cntct-info span.chead{
        width:21%;
    }
    .onload-popup .modal-content::before {
        display: none;
    }
    .onload-popup .floating-input, .onload-popup .floating-select, .onload-popup .floating-input:focus, .onload-popup .floating-select:focus {
        border-bottom: 1px solid #ddd !important;
        color: #000000;
    }
        .onload-popup .floating-form label, .onload-popup .floating-input:focus ~ label, .onload-popup .floating-input:not(:placeholder-shown) ~ label {
            color: #000;
        }
    .onload-popup .modal-content{
        background-image:unset!important;
    }
    .popup-onload .btn-common.btn-white {
        background: #1a73e8;
        color: #ffff;
        border: 1px solid #1a73e8;
        width:100%;
    }
    .popup-form {
         padding: 0px; 
    }
    .onload-popup .modal-header .close {
        color: #000;
        padding: .5rem 1rem;
    }

    .onload-popup .floating-input:focus ~ label, .onload-popup .floating-input:not(:placeholder-shown) ~ label {
        color: #000 !important;
    }
    .onload-popup .floating-form label {
        padding: 0px;
    }
    .pop-mob-head {
        background: #e9f0fa;
        padding: 14px 12px 5px;
        border-radius: 5px 5px 0px 0px;
    }
    .pop-mob-body {
        padding: 15px 10px 20px;
    }
    .pop-mob-head h3.sub-head {
        margin-top: 0px !important;
    }
    .card-body {
        padding: 30px 30px;
    }
    .big-head {
        font-size: 40px;
        margin: 20px 0px 20px;
    }
    .icon-sec-new .col-lg-3 {
        width: 100%;
    }
    .banner-form{
        margin-top:30px;
    }
    .secondary-header{
        padding-top:0px;
    }
        .secondary-header nav#navlist2 {
            background: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);
            display: table;
        }
        .secondary-header.sticky{
            padding-top:0px!important;
        }
    .top-strip-icons {
        margin-top: 30px;
    }
    .strip-icon-box {
        margin-bottom: 20px;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    }
    .function-grid {
        background-size: 5% !important;
    }
    .funcn-text-sec{
        padding-left:25px;
    }
    .owl-carousel1 .client-img img{
        width:100%!important;
    }
    .home-clients {
        margin-top: 20px !important;
    }
    .crprt-training-sec li{
        min-height:unset;
    }
    .course-banner {
        padding: 10px 0px 40px;
    }
    span.small-sub-head {
        line-height: 22px !Important;
        margin-bottom: 20px !important;
        display: block;
    }
    .banner-text-sec.become-instctr-banner{
        margin-top:0px;
    }
    .instru-strip1{
        margin-bottom:20px;
    }
    .login-left {
        display: none;
    }
    .login-right-sec h1.fs-35 {
        font-size: 30px;
    }
    .login-right-sec {
        padding: 25px 20px;
    }
    .testi-img-box {
        width: 100%;
        margin-bottom: 20px;
        margin-right:unset;
    }
    .testi-inner{
        display:block;
    }
    .text-text-box{
        width:100%;
    }
    .breadcrumb-white ul.breadcrumb li, .breadcrumb-white ul.breadcrumb li + li:before {
        color: #f8f8f8;
    }
    .blog-list-text a.btn-arrow{
        left:19%;
    }

    .timeline > li.timeline-inverted {
        padding-left: 28px;
    }
    .timeline > li > .timeline-badge {
        width: 20px;
        height: 20px;
        line-height: 50px;
        left: unset;
        margin-left: -39px;
    }
    .timeline > li.timeline-inverted > .timeline-label {
        top: 32px;
        left: 0%;
         margin-left: 0px; 
        white-space: nowrap;
         text-align: left; 
        width: 300px;
    }
    .timeline > li > .timeline-label {

        top: 35px;
        left: 0%;
        margin: -25px 0 0 25px;
      
        text-align: left;
     
    }
    .timeline > li > .timeline-panel{
        width:100%;
        float:right;
    }
    .timeline > li.timeline-inverted {
        padding-left: 28px;
    }
        .timeline > li.timeline-inverted > .timeline-label {
            top: 32px;
            left: 0%;
             margin-left: unset; 
            white-space: nowrap;
             text-align: left; 
            width: 300px;
        }
    .timeline > li > .timeline-panel{
        width:100%
    }
    .timeline > li:not(.timeline-inverted) {
        /* padding-right: 90px; */
        padding-left: 24px;
        padding-right:0px;
    }
    .timeline:before {
        left: 4%;
    }
    .timeline-label{
        display:none;
    }
    .timeline > li > .timeline-panel::before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -14px;
        right: auto;
    }
    .timeline > li > .timeline-panel::after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -13px;
        right: auto;
    }
    .mob-tech-tabs.mob-view  .tab-content {
        margin-top: 20px;
    }
    .polygon-bg {
        -webkit-clip-path: unset;
        clip-path: unset;
    }
    .banner-icon-sec img{
        margin-right:10px;
    }
    .banner-icon-sec p {
        font-size: 13px;
        line-height: 20px;
    }
    .ratingsec .rating .fa-star::after {
        font-size: 15px;
    }
    .best-seller, .ratingsec p, .course-banner .banner-text p span {
        font-size: 12px;
    }
    .course-banner .banner-text p span {
        padding: 3px 10px 3px 10px;
    }
    .funcn-text-sec p{
        font-size:14px;
    }
    .right-box h3 {
        font-size: 20px !Important;
        margin-bottom: 10px;
    }
    .internship-box p, .inter-sec h4.sub-head, .project-sec.dotnet-prosec .inter-head .sub-head {
        min-height: unset;
    }
    .parallax-bg.pbg-2 h3, .parallax-bg.pbg-2 p{
        color: #fff!important;
    }
    .lms-box {
        margin: 0px 0px 30px;
        padding: 20px;
    }
    .lms-iconsec{
        margin-bottom:30px;
    }
    .lms-banner {
        background: #e1e9f2;
        padding: 30px 0px;
    }

    .img-adv-box-inner {
        padding: 34px 14px;
    }
    .job-posting-banner {
        background-image:unset;
        padding: 10px 0px 20px;
        background: #77775b;
    }
    .job-post-sub{
        display:block;
    }
    .skill-lists span {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 23px;
        display: inline-block;
        padding: 0px 10px;
    }
    .job-post-right {
        display: flex;
        margin-top: 10px;
        justify-content: center;
    }
    .job-post {
        padding: 10px 20px;
    }
    .btnsecs1 {
        margin-right: 10px;
    }
    .key-box h4.sub-head {
        text-decoration: unset;
        color: #000;
        font-size: 18px;
    }
    .project-twoline-head .inter-sec h4.sub-head{
        min-height:unset;
    }
    .bg-banner-part.internship-banner {
        background-color: #003d58 !important;
    }
    .blog-tags {
        width: 100%;
    }
    .course-listings {
        padding: 0px 0px;
    }
    .about-banner {
        background-image: unset;
        background: #142f44;
        padding:30px 0px;
    }
    .why-us-sec .pr-5{
        padding-right:0px;
    }
    .why-us-sec {
        background-size: 100% 100%;
    }
    .blockquote-article{
        position:relative;
        top:unset!important;
    }
    .blockquote-article {
        padding: 60px 20px;
    }
    .tech-industry-sec .img-hover-text-effect {
        margin: 0px 0px 30px !important;
    }
    .tech-industry-sec .event-caption-box {
        padding-top: 50%;
    }
    .refer-bannerimg img {
        width: 100%;
       }
    .floating-input, .floating-select{
        font-size:12px;
    }
    .capcha-field input{
        width:100%!important;
    }
    .capcha-field .capcha-refreshbox {
        width: 17% !important;
    }
    .popup-onload .capcha-field .capcha-refreshbox, #mainenrollnow .capcha-field .capcha-refreshbox {
        width: 100% !important;
    }
    .ftr-list li {
     margin-bottom: 10px;
    }
    .banner-icon-sec {
        margin-bottom: 0px;
        min-height: 50px;
    }
    .course-banner h5 {
        margin-top: 20px !important;
    }
    .floating-form label{
        background:unset!important;
    }
    .enroll-popup .floating-input, .enroll-popup .floating-select {
        padding: 20px 0px 15px 10px;
    }
    .enroll-popup .modal-body {
        padding: 2rem 1rem;
    }
    .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
        top: -10px !important;
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .quick-enquiry {
        padding: 20px 10px;
    }
    .floating-input, .floating-select {
        font-size: 12px!important;
    }
    .enroll-left-side {
        width: 76%;
    }
    .contact-left {
        margin-top: 10px;
    }
 }

    /*----------------- mobile-responsive ends here ----------------------*/
@media only screen and (min-width:768px) and (max-width:991px) {
        body {
            overflow-x: hidden;
        }

        .btn-outline {
            font-size: 14px;
            line-height: 20px;
        }

        .rating {
            display: flex;
            justify-content: center;
        }

        .cal-sec .img-sec {
            width: auto;
            margin-right: 15px;
        }

        .home-banner .carousel-caption {
            right: 0px;
            max-width: 500px;
            bottom: 0px;
        }

        .new_service .new_service_content {
            margin-top: 10px;
            margin-bottom: 50px;
            min-height: 250px
        }

        .new_service_content p {
            margin-bottom: 0px;
        }

        .banner-text .mtb-35 {
            margin: 20px 0px !important
        }

        .carousel-control-prev {
            left: -45px;
        }
    .right-box h3{
        line-height:38px;

    }
    .carousel-control-next {
        right: -35px;
    }

        .banner-part-1 {
            margin-top: 10px;
        }

            .banner-part-1.p-0 {
                padding: 40px 0px !important;
            }


        .banner-part-2 {
            background-image: unset;
            background-color: #5b7693;
        }

        .banner-part-3 .mt-7 {
            margin-top: 0px;
        }

        .inner-bg {
            background-size: cover;
        }

        .two-sec-list {
            column-count: 2;
        }

        .devexperiencenew p {
            font-size: 14px;
        }

        .devexperiencenew h3 {
            font-size: 18px;
        }

        .banner-part-1, .banner-part-2 {
            padding: 40px 0px;
        }

        .banner-part-3 img {
            margin-top: 20px;
        }

        .ptb-70, .service-icon-sec {
            padding: 40px 0px;
        }

        .main-head {
            font-size: 28px;
        }

        .ftr-list {
            margin-bottom: 10px;
        }

        .two-sec-list li {
            min-height: 70px;
        }

        .second-sec .mt-7 {
            margin-top: 0px;
        }

        .sub-head {
            font-size: 18px;
        }

        .icon-tabs .nav {
            white-space: nowrap;
        }

        .icon-tabs .nav {
            border-bottom: 0px;
        }

        .icon-tabs .nav-pills .nav-link h3 {
            font-size: 16px;
        }

        .icon-tabs .service-text-new {
            padding: 20px 0px;
        }
    .form-sec .form-left-sec .sub-head {
        font-size: 22px !Important;
    }
    .form-left-sec {
        padding: 20px 20px;
    }
    .mob-logo img {
   max-width: 34%;
    }
    .service-lbox p{
        min-height:150px;
    }
    p, li {
        font-size: 15px;
    }

        .pt-70 {
            padding-top: 40px;
        }

        .service-main-left .nav-pills .nav-link.active {
            padding: 10px 16px 10px 16px;
            border: 1px solid #0098ca;
            border-radius: 5px;
            margin-right: 10px;
            background: #0098ca;
            box-shadow: 0px 3px 6px #00000016;
            color: #fff;
        }

        .service-main-left .nav-pills .nav-link {
            color: #000000;
            cursor: pointer;
            display: block;
            font-size: 16px;
            font-weight: 600;
            height: 100%;
            padding: 10px 16px 10px 16px;
            width: 100%;
            text-align: center;
            white-space: nowrap;
            margin-right: 20px;
        }

        .service-main-left {
            transition: unset !important;
            background-color: unset !important;
            box-shadow: unset !important;
            flex: unset !important;
            padding: 0px !important;
            transform: unset !important;
            max-width: unset !important;
        }

        .service-tabs-main {
            background: unset !important;
            box-shadow: unset !important;
            margin-top: 0px;
        }

        .service-main-left .nav-pills .nav-link.active {
            font-size: 16px;
        }

        .service-text {
            padding: 15px 10px;
        }

        .services-sec {
            background: #f6f6f6;
        }

        .nav-pills {
            width: 100%;
     /*       display: flex;*/
            overflow-x: auto;
            /* margin-bottom: 5px; */
            flex-direction: unset !important;
            padding-bottom: 10px;
        }

        .service-main-left .nav-pills .nav-link.active {
            transform: unset !important;
        }

        .service-icon-sec .head {
            line-height: 50px;
            font-size: 32px;
        }

        .service-head {
            font-size: 22px;
            margin-top: 0px;
        }

        .service-htabs .nav-link, .service-htabs .nav-pills .nav-link.active, .service-htabs .nav-pills .show > .nav-link {
            display: block;
            white-space: nowrap;
        }

        .service-htabs .nav.flex-row.nav-pills {
            justify-content: unset !important;
        }

        .service-htabs .tab-content {
            margin: 3rem 0;
            padding: 30px 10px;
        }

        .sertext-sec, .home-blog-sec-1 {
            min-height: unset;
        }

        .box-shadow-textsec {
            padding: 3rem 1.7rem;
        }

        .icon-hover-box .box-textsec {
            top: 50px;
        }

        .icon-hover-box {
            min-height: 380px;
        }

        .inline-icontext-box {
            padding: 20px 10px;
        }

        .separator {
            display: none;
        }

        .event-caption-box {
            padding-top: 30%;
        }

        .img-hover-text-effect img {
            height: 350px !Important;
        }

        /* .case-study-inner::before {
        width: 100%;
    }*/

        .img-adv-box:hover .img-adv-box-inner {
            max-height: 120px;
        }

        .img-adv-box-inner .sub-head {
            line-height: 20px;
            font-size: 12px;
        }

        .case-study-head {
            font-size: 28px;
            line-height: 35px;
        }
        /*.img-adv-box.box-1 .img-adv-box-inner {
        max-height: 66px;
    }
    .img-adv-box-inner a {
        font-size: 12px;
    }*/
    .img-adv-box, .lms-iconsec {
        margin-bottom: 20px;
    }

            .img-adv-box.box-1 .img-adv-box-inner {
                max-height: 103px;
            }

            .img-adv-box.box-1 .img-adv-box-inner {
                max-height: 103px;
            }

        .case-study-inner .mt-5, .case-study-inner .mb-4 {
            margin: 0px !important;
        }

        .testi-img img {
            height: 200px
        }

        .testimonials-sec .owl-nav {
            margin-left: 0px;
            text-align: center;
        }

        .home-case-study img {
            height: unset;
        }

        .home-blog-sec-1, .home-blog-sec {
            padding: 16px 10px;
        }

        .home-blog-cat h5 {
            margin-bottom: 10px;
        }

        .home-blog-main .sub-head {
            min-height: 60px;
            font-size: 18px;
            margin-bottom: 10px;
        }

        .blog-btn-sec {
            margin-top: 10px;
            margin-bottom: 10px !Important;
        }

        .boxed-photo-banner-text h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .boxed-photo-banner-text {
            max-width: 100%;
        }

        .boxed-photo-banner {
            padding: 20px;
        }

        .boxed-photo-banner-text p {
            font-size: 16px;
            line-height: 24px;
        }



        .onload-popup .modal-dialog {
            margin: 2rem auto 1.75rem;
        }

        .pop-up-left {
            padding-top: 20px;
        }

            .pop-up-left h2 {
                font-size: 15px;
                line-height: 22px;
                margin-bottom: 8px;
            }

        .onload-popup .floating-form {
            padding: 5px 20px;
        }

        .client-img {
            width: 160px;
        }

        .popup-list h4 {
            font-size: 15px;
        }

        .clients-left-sec {
            display: flex;
            align-items: center;
        }

        .clients-left-sec {
            padding: 10px 15px;
        }

            .clients-left-sec h3 {
                font-weight: 600;
                font-size: 28px;
                margin: 0px 5px;
            }

        .popup-list li {
            margin-bottom: 15px;
        }

        .clients-left-sec {
            margin-bottom: 30px;
        }

            .clients-left-sec p {
                color: #222;
                font-weight: 600;
                font-size: 28px;
            }

        .banner-part-1::before {
            height: 107px;
            width: 81px;
        }

        .banner-part-1::after {
            height: 80px;
            width: 80px;
        }

        .ftr-second-sec .ftr-list ul li a::after {
            padding: 10px 6px;
        }

        .onload-popup .modal-dialog.modal-dialog-lg {
            max-width: 722px;
        }

        .top-header {
            display: none;
        }

        .mmb-5 {
            margin-bottom: 30px;
        }

        .mmt-5 {
            margin-top: 30px;
        }

        .content-column {
            width: 100%;
        }

        .icon-tabs.tools-tab-sec.technologies-sec .col-lg-2 {
            width: unset;
        }

        .core-sec .tech-sec-box-1 {
            display: block;
        }

        .mob-img {
            display: block;
        }

        .content {
            padding-top: unset;
        }
    .parallax-bg.pbg-2 h3, .parallax-bg.pbg-2 p {
        color: #fff !important;
    }

    .icon-tabs.tools-tab-sec.technologies-sec.coursed-skills .col-lg-2 {
        width: 20%;
    }
    .course-list {
        margin-bottom: 20px;
    }
        .icon-tabs.tools-tab-sec .nav-pills .nav-link h3 {
            margin-bottom: 0px;
        }

        .core-sec .tech-sec-box-1 {
            display: block;
        }

        .banner-text-sec {
            background: unset;
            padding: 0px;
            position: relative;
            margin-right: unset;
            margin-top: unset;
            box-shadow: unset;
        }

        h1 {
            font-size: 27px;
            line-height: 33px;
        }

        h2 {
            font-size: 30px;
            line-height: 35px;
        }

        h3 {
            font-size: 25px;
            line-height: 30px;
        }

        .top-banner .p-0 {
            padding: 0px 15px !important;
        }

        .pl-5, .pl-7 {
            padding-left: 0px;
        }

        .pr-5, .pe-5 {
            padding-right: 0px !important;
        }

        #rotating-item-wrapper1 {
            padding-left: 0px;
            margin-top:30px;
        }

        .common-textsec, .home-fsbox, .home-fsbox p, .home-blog-main p, .home-blog-sec.btm-sec .sub-head, .home-blog-sec.btm-sec .check-list, .more-ser-para .service-lbox p, .related-sbox .text-box {
            min-height: unset;
        }

        .left-sidebar .left-box img {
            display: none;
        }

        .ptb-50 {
            padding: 30px 0px;
        }

        .mb-30 {
            margin-bottom: 30px !important;
        }

        .mt-10 {
            margin-top: 10px;
        }

        .about-sec-new {
            padding: 30px 0px;
        }

        .mt-5 {
            margin-top: 20px !important;
        }

        .testi-text-sec {
            padding: 20px 0px 0px;
        }

        .testi-box {
            padding: 20px 10px;
            background: #d4eaff;
        }

        .contact-form-right {
            padding: 30px 20px;
            margin-top: 30px;
        }

        .mob-img {
            display: block;
        }

        .banner-part-1.home-slide {
            background-image: unset !important;
            background-color: #fafafa !important;
        }

        .banner-part-1, .banner-part-2 {
            padding: 40px 0px !important;
        }

        .img-hover-text-effect img {
            height: 350px !Important;
        }

        .case-study-inner::before {
            /* width:100%;*/
            display: none;
        }

        .case-studies-main {
            padding: 30px 0px;
        }

        .case-study-inner {
            padding: 0px;
        }

        .img-adv-box:hover .img-adv-box-inner {
            max-height: 120px;
        }

        .img-adv-box-inner .sub-head {
            line-height: 20px;
            font-size: 16px;
        }

        .case-study-head {
            font-size: 28px;
            line-height: 35px;
        }

        .testi-box::before {
            width: 100%;
        }

        .mob-logo {
            padding: 5px 10px 5px 20px;
        }



        .about-sec-new .mt-10 {
            margin-top: 0px;
        }

        #rotating-item-wrapper1 img {
            margin: auto;
            display: block;
        }

        .common-textsec {
            min-height: 280px;
        }

        .mob-banner-bg {
            background-color: #fafafa !important;
        }

        .parallax-bg {
            background-image: unset;
            background-color: #051b32;
        }
    .instru-strip1{
        margin-bottom:20px;
    }
    .blog-list-text h4.sub-head {
        font-size: 16px;
        line-height: 24px;
    }
    .blog-list-text span.blogcat-sec {
        font-size: 12px;
    }
    .top-strip-icons {
        margin-top: 30px;
    }
    .strip-icon-box{
        margin-bottom:20px;
    }
    .right-sticky-sec {
        margin-top: 30px;
    }
 /*   .secondary-header nav#navlist2 {
        background: #fff;
        display: table;
    }*/
    .secondary-header.sticky {
        padding-top: 0px !important;
        background: linear-gradient(270deg, rgba(254,225,222,1) 0%, rgba(232,240,249,1) 43%, #daecff 100%);
    }
    br {
        display: none;
    }
    .course-right-sec .sub-head, h2,h3 {
        line-height:38px;
    }
    .course-banner {
        padding: 10px 0px 60px;
    }
    .angular-skills .service-lbox p {
        min-height: 220px;
    }
    .course-textsec .sub-head {
        font-size: 16px;
    }
    ul.check-list-tick li{
        font-size:14px;
    }
    .crprt-training-sec li, .project-twoline-head .inter-sec h4.sub-head {
        min-height: unset;
    }
    .aws-syllbus .service-lbox p, .dm-skills .service-lbox p {
        min-height: 220px;
    }
    .dme-skills .service-lbox p {
        min-height: 233px;
    }
    .corporate.certificate-sec.padding-absolute-div .pl-3 {
        padding-left: 0px;
    }
    .dotnet-skills .service-lbox p{
        min-height:165px;
    }
    .ethical-skills .service-lbox p {
       min-height: 150px;
    }
    .right-box {
        padding: 10px 0px 20px;
        top:0px;
    }
    .blog-tags {
        width: 100%;
    }

}

@media only screen and (min-width:992px) and (max-width:1199px){
    .fees-box .price {
        font-size: 28px;
    }
    br {
        display: none;
    }
    .fees-box{
        padding:45px 10px;
    }
    .btch-avble img {
        width: 24px;
        margin-right: 5px;
    }
    .btch-avble, .top-tel-list ul li a, .model-boxes.about-models .hire-box p {
        font-size: 12px;
    }
    .strip-img-sec img {
        width: 50px;
    }
    .strip-text-sec h3{
        font-size:13px;
    }
    .strip-img-sec {
        margin-right: 10px;
    }
    .quick-enquiry {
        padding: 25px 5px;
    }
    .team-box img{
        height:unset;
    }
    .team-box h4.sub-head {
        font-size: 15px;
    }
    .benefit-box p{
        min-height:170px;
    }
    .benefit-box {
        padding: 20px 10px;
    }
    h1{
        font-size:32px;
    }
    h2{
        font-size:28px;
    }
    h3{
        font-size: 24px;
    }
    .right-box h3{
        font-size:24px!important;
    }
    h1, h2, h3 {
        line-height: 33px;
    }
    .course-list {
        margin-bottom: 20px;
    }
    .top-tel-list ul li::after {
        padding: 3px 5px;
    }

}


    @media only screen and (min-width:1200px) and (max-width:1251px) {
        .navbar-expand-lg {
            padding: 0px 20px;
        }
      }
@media only screen and (min-width:1251px) and (max-width:1399px) {
    .navbar-expand-lg {
        padding: 0px 40px;
    }
    .course-textsec .sub-head {
        font-size: 16px;
        min-height: 56px;
        margin-bottom: 6px;
    
    }
}


    @media only screen and (min-width:1200px) and (max-width:1400px) {


        .home-blog-main .sub-head, .new_service_content .sub-head {
            font-size: 16px !important;
            line-height: 26px !important;
        }

        .home-blog-main p, ul.check-list-tick li {
            font-size: 14px;
        }

        .home-blog-sec-1 {
            padding: 24px 50px 51px;
        }

            .home-blog-sec-1 .blog-btn-sec {
                margin-top: 52px;
            }

        ul.check-list-tick {
            min-height: 130px;
        }
        .new_service .new_service_content {
            padding: 30px 15px;
        }
        .buybtn {
            margin-top: 53px;
        }
        .benefit-box p {
            min-height: 200px;
        }
        .cyber-skills .service-lbox p {
            min-height: 200px;
        }

    }

    @media only screen and (min-width:1200px) and (max-width:1300px) {
        .two-sec-list li {
            min-height: 70px;
        }

        .icon-tabs.tools-tab-sec.technologies-sec .col-lg-2 {
            width: 11.666%;
        }

        .icon-tabs.tools-tab-sec .nav-link {
            padding: 0.5rem 2rem;
        }

        .menu-sec {
            padding-left: 60px;
        }

        .navbar-light .navbar-nav .nav-link {
            font-size: 14px;
            padding: 24px 12px;
        }

        .navbar > .container {
            justify-content: unset !important;
        }

        .inter-sec h4.sub-head {
            /* min-height: 60px; */
            font-size: 14px;
            line-height: 20px;
            min-height: 40px;
        }
    }

    @media only screen and (min-width:1300px) and (max-width:1400px) {
        .menu-sec {
            padding-left: 32px;
        }

        .navbar-light .navbar-nav .nav-link {
            font-size: 14px;
            padding: 24px 12px;
        }

        .navbar > .container {
            justify-content: unset !important;
        }

        .inter-sec h4.sub-head {
            /* min-height: 60px; */
            font-size: 14px;
            line-height: 20px;
            min-height: 40px;
        }
    }

    @media only screen and (min-width:1400px) and (max-width:1499px) {
        .menu-sec {
            padding-left: 150px;
        }

        .navbar-light .navbar-nav .nav-link {
            font-size: 14px;
            padding: 24px 12px;
        }

        .navbar > .container {
            justify-content: unset !important;
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1499px) {
        .seo-skills .service-lbox p, .dm-skills .service-lbox p, .dotnet-skills .service-lbox p {
            min-height: 170px;
        }

        .angular-skills .service-lbox p, .dme-skills .service-lbox p {
            min-height: 200px;
        }

        .course-textsec .sub-head {
            font-size: 17px;
        }
        .aws-syllbus .service-lbox p {
            min-height: 250px;
        }
        .testi-text-sec {
            min-height: 235px;
        }
        .service-lbox p{
            min-height:150px;
        }
        #jobs h2 {
            font-size: 30px;
        }
        .internship-box p {
            min-height: 120px;
        }

    }