/**
* Template Name: IECS LLP
* Template URL: iecsl.in
* Author: Tannu Singh
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    scroll-behavior: smooth;
}

body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
}

a {
    color: #003366;
    text-decoration: none;
}

/* a:hover {
  color: #b2c534 !important;
  text-decoration: none;
} */

h1, h2, h3, h4, h5, h6 {
    font-family: "Nunito", sans-serif;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
    padding: 60px 0;
    overflow: hidden;
}


/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: #4154f1;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

    .back-to-top i {
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .back-to-top:hover {
        background: #6776f4;
        color: #fff;
    }

    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
    transition: all 0.5s;
    z-index: 997;
    padding: 14px 0;
}

    .header.header-scrolled {
        background: #fff;
        padding: 15px 0;
        box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
    }

    .header .logo {
        line-height: 0;
    }

        .header .logo img {
            max-height: 40px;
            margin-right: 6px;
        }

        .header .logo span {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 1px;
            color: #003366;
            font-family: "Nunito", sans-serif;
        }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
/* .list-group-flush>.list-group-item {
  font-weight: 500;
} */
.dropdown-hover:hover > .dropdown-menu {
    display: inline-block;
}

.navbar {
    padding: 0;
}

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

    .navbar li {
        position: relative;
    }

    .navbar a, .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 30px;
        font-family: "Nunito", sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #003366;
        /* color: #14283c; */
        white-space: nowrap;
        transition: 0.3s;
    }

        .navbar a i, .navbar a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }

        .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
            /* color: #32c896; */
            /* color: #116068; */
            /* color: #B2C534; */
            color: #4AAFBE;
        }

    .navbar .getstarted, .navbar .getstarted:focus {
        background: #4154f1;
        padding: 8px 20px;
        margin-left: 30px;
        border-radius: 4px;
        color: #fff;
    }

        .navbar .getstarted:hover, .navbar .getstarted:focus:hover {
            color: #fff;
            background: #5969f3;
        }

    .navbar .dropdown ul {
        display: block;
        position: absolute;
        left: 14px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        border-radius: 4px;
    }

        .navbar .dropdown ul li {
            min-width: 200px;
        }

        .navbar .dropdown ul a {
            padding: 10px 20px;
            font-size: 15px;
            text-transform: none;
            font-weight: 600;
        }

            .navbar .dropdown ul a i {
                font-size: 12px;
            }

            .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
                color: #4154f1;
            }

    .navbar .dropdown:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #012970;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

    .mobile-nav-toggle.bi-x {
        color: #fff;
    }

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(1, 22, 61, 0.9);
    transition: 0.3s;
}

    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        border-radius: 10px;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a, .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #012970;
    }

        .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
            color: #4154f1;
        }

    .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
                color: #4154f1;
            }

    .navbar-mobile .dropdown > .dropdown-active {
        display: block;
    }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.banneriecs h1 {
    margin: 0;
    font-size: 48px;
    color: #003366;
    font-weight: 800;
    font-family: 'Nunito', cursive;
}

.banneriecs h2 {
    color: #14283c;
    margin: 15px 0 0 0;
    font-size: 29px;
    font-weight: 500;
    font-family: 'Satisfy', cursive;
}

.banneriecs {
    position: relative;
}

    .banneriecs video {
        height: auto;
        vertical-align: middle;
        width: 100%;
    }

    .banneriecs .text-content {
        position: absolute;
        top: 30%;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .banneriecs .btn-get-started {
        position: relative;
        border-color: rgba(0, 51, 102, 0.9);
        background: rgba(0, 51, 102, 0.9);
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        border-radius: 40px 0px;
        padding: 11px 62px 11px 62px;
        color: #ffffff;
    }

        .banneriecs .btn-get-started:hover {
            background: transparent;
            color: #003366;
            border-color: #003366;
            font-weight: bold;
        }




@media (min-width: 1024px) {
    .banneriecs {
        background-attachment: fixed;
    }
}

@media (max-width: 991px) {
    .banneriecs {
        height: auto;
    }

        .banneriecs h1 {
            font-size: 40px;
        }

        .banneriecs h2 {
            font-size: 24px;
            margin-top: 12px;
        }

        .banneriecs .btn-get-started {
            border-width: 2px 2px 2px 2px;
            border-radius: 40px 0px;
            padding: 11px 62px 11px 62px;
            color: #ffffff;
            font-size: 14px;
            margin-top: -9px;
        }
}

@media (max-width: 768px) {
    .banneriecs {
        text-align: center;
    }

        .banneriecs h1 {
            font-size: 32px;
            margin-top: -20px;
        }

        .banneriecs h2 {
            font-size: 24px;
            margin-top: 5px;
        }

        .banneriecs .btn-get-started {
            border-width: 2px 2px 2px 2px;
            border-radius: 40px 0px;
            padding: 9px 40px;
            color: #ffffff;
            font-size: 13px;
        }

        .banneriecs video {
            width: 100%;
        }
}

@media (max-width: 680px) {
    .banneriecs {
        text-align: center;
    }

        .banneriecs h1 {
            font-size: 24px;
            margin-top: -18px;
        }

        .banneriecs h2 {
            font-size: 17px;
            margin-bottom: -11px;
        }

        .banneriecs .btn-get-started {
            border-width: 2px 2px 2px 2px;
            border-radius: 40px 0px;
            padding: 6px 34px;
            color: #ffffff;
            font-size: 12px;
        }

        .banneriecs video {
            width: 100%;
        }
}

@media (max-width: 472px) {
    .banneriecs {
        text-align: center;
    }

        .banneriecs h1 {
            font-size: 19px;
        }

        .banneriecs h2 {
            font-size: 14px;
            margin-bottom: -18px;
        }

        .banneriecs .btn-get-started {
            border-width: 2px 2px 2px 2px;
            border-radius: 40px 0px;
            padding: 6px 34px;
            color: #ffffff;
            font-size: 9px;
        }

        .banneriecs video {
            width: 100%;
        }
}

@media (max-width: 420px) {
    .mobile-nav-toggle {
        font-size: 18px;
    }

    .header .logo span {
        font-size: 16px;
    }

    .banneriecs {
        text-align: center;
    }

        .banneriecs h1 {
            font-size: 15px;
            margin-top: -14px;
        }

        .banneriecs h2 {
            font-size: 12px;
            margin-bottom: -18px;
        }

        .banneriecs .btn-get-started {
            border-width: 2px 2px 2px 2px;
            border-radius: 40px 0px;
            padding: 4px 28px;
            color: #ffffff;
            font-size: 9px;
        }

        .banneriecs video {
            width: 100%;
        }
}

/**********Isometric Starts*************/
.sdlcprocess .btn-get-started {
    position: relative;
    background-color: #f77f00;
    border-color: #f77f00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 40px 0px;
    padding: 11px 55px 11px 55px;
    color: #ffffff;
}

    .sdlcprocess .btn-get-started:hover {
        background: transparent;
        color: #003366 !important;
        font-weight: bold;
        border-color: #003366;
    }

.sdlcprocess .title {
    font-size: 66px;
    color: #003366;
}

.sdlcprocess {
    padding: 105px 0px 350px 0px;
}

.isometric ul {
    position: relative;
    transform: skewY(-15deg);
}

    .isometric ul li {
        position: relative;
        list-style: none;
        width: 300px;
        padding: 15px;
        background: #003366;
        z-index: calc(1 * var(--i));
        transition: 0.5s;
    }

        .isometric ul li:hover {
            background: #4aafbe;
            transform: translateX(-50px);
        }

        .isometric ul li::before {
            content: '';
            position: absolute;
            top: 0;
            left: -40px;
            width: 40px;
            height: 100%;
            background: rgb(0, 51, 102);
            transform-origin: right;
            transform: skewY(45deg);
            transition: 0.5s;
        }

        .isometric ul li:hover::before {
            background: rgb(74, 175, 190);
        }

        .isometric ul li::after {
            content: '';
            position: absolute;
            top: -40px;
            left: 0px;
            width: 100%;
            height: 40px;
            background: rgba(0, 51, 102, 0.9);
            transform-origin: bottom;
            transform: skewX(45deg);
            transition: 0.5s;
        }

        .isometric ul li:hover::after {
            background: rgba(74, 175, 190, 0.9);
        }

        .isometric ul li a {
            text-decoration: none;
            color: #ffffff;
            display: block;
            letter-spacing: 0.05em;
            transition: 0.5s;
        }

        .isometric ul li:hover a {
            color: #fff !important;
        }

        .isometric ul li:last-child::after {
            box-shadow: -120px 120px 20px rgba(0,0,0,0.25);
        }

.isometric {
    position: relative;
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 500px) {
    .sdlcprocess .title {
        font-size: 50px;
    }

    .sdlcprocess .btn-get-started {
        font-size: 14px;
    }
}

@-webkit-keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}
/**********Isometric Ends*************/










/***************JUMBOTRON STARTS HERE******************/
.jumbotron-fluid .not-active {
    color: #003366;
}

    .jumbotron-fluid .not-active:hover {
        color: #4AAFBE;
    }

.jumbotron-fluid .active {
    color: rgba(0, 51, 102, 0.8);
}

.jumbotron-fluid.career-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/Career.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.contact-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/ContactUS.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.products-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/Products.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.services-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/Services.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.teams-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/Teams.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.testimonial-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/Testimonials.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.blog-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/Blogs.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.blogindividual-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/BlogsIndividuals.png) center no-repeat;
    background-size: cover;
}

.jumbotron-fluid.about-banner {
    width: 100%;
    height: 100vh;
    background: url(../img/banner/AboutUS.png) center no-repeat;
    background-size: cover;
}

.jumbotron-content {
    padding-top: 261px;
    color: #ffffff;
    text-align: center;
}

.jumbotron-fluid h1 {
    font-size: 44px;
    line-height: 45px;
    font-weight: 600;
    color: #003366;
}

.jumbotron-content span {
    font-weight: 600;
}

.jumbotron-content p {
    color: #003366;
}
/***************************/
@media (max-width: 1069px) {
    .jumbotron-fluid .jumbotron-content {
        padding-top: 180px;
    }

    .jumbotron-fluid {
        height: 45vh;
    }
}

@media (max-width: 991px) {
    .jumbotron-fluid .jumbotron-content {
        padding-top: 150px;
    }
}

















/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.sections-servicesindex {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: -200px;
}

.servicesindex-bg .margin {
    margin-top: 8rem !important;
    margin-bottom: 13rem !important;
}

.servicesindex-bg h3.servicesheading {
    font-size: 68px;
    color: #ffffff;
}


.servicesindex-bg:before {
    z-index: -1;
    content: "";
    background: #003366;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(3deg);
}

.servicesindex .card {
    border-radius: 80px 0px;
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

    .servicesindex .card h3.card-title {
        font-size: 17px;
        font-weight: 600;
    }

    .servicesindex .card p {
        font-size: 14px;
    }




.services_iecs .row + .row {
    margin-top: 120px;
}

.services_iecs h3 {
    font-weight: 600;
    font-size: 24px;
}

.services_iecs p {
    color: #6f7074;
    text-align: justify;
    font-size: 15px;
}

.services_iecs .btn-outline-primary {
    color: #0092B7;
    border-color: #0092B7;
    border-radius: 40px 0px;
    padding: 7px 21px;
}

    .services_iecs .btn-outline-primary:hover {
        background: #0092B7;
        color: #ffffff !important;
    }







/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.sections-teamindex {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: -172px;
}

.teamindex-bg .margin {
    margin-top: 8rem !important;
    margin-bottom: 13rem !important;
}

.teamindex-bg h3 {
    font-size: 68px;
    color: #ffffff;
}

.teamindex-bg p {
    line-height: 28px;
    font-size: 17px;
    color: #ffffff;
}

.teamindex-bg:before {
    z-index: -1;
    content: "";
    background: #003366;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(3deg);
}

.teamthree .member.memberone {
    border: 1px solid #003366;
}

.teamthree .member.membertwo {
    border: 1px solid #F77F00;
}

.teamthree .member.memberthree {
    border: 1px solid #B2C534;
}

.teamthree .member.memberfour {
    border: 1px solid #4AAFBE;
}

.teamthree .member:hover .member-info h4 {
    color: #ffffff;
}

.teamthree .member.memberone:hover {
    background-color: #003366;
    transform: translateY(-10px);
    color: #ffffff;
}

.teamthree .member.membertwo:hover {
    background-color: #F77F00;
    transform: translateY(-10px);
    color: #ffffff;
}

.teamthree .member.memberthree:hover {
    background-color: #B2C534;
    transform: translateY(-10px);
    color: #ffffff !important;
}

.teamthree .member.memberfour:hover {
    background-color: #4AAFBE;
    transform: translateY(-10px);
    color: #ffffff;
}

.teamthree .member {
    position: relative;
    padding: 30px;
    border-radius: 100px 0px 100px 0px;
    background: #fff;
    transition: 0.5s;
}

    .teamthree .member .pic {
        overflow: hidden;
        width: 180px;
        border-radius: 50%;
    }

        .teamthree .member .pic img {
            transition: ease-in-out 0.3s;
        }

    .teamthree .member .member-info {
        padding-left: 30px;
    }

    .teamthree .member h4 {
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 20px;
        color: #003366;
    }

    .teamthree .member span {
        display: block;
        font-size: 15px;
        padding-bottom: 10px;
        position: relative;
        font-weight: 500;
    }

/*        .teamthree .member span::after {
            content: "";
            position: absolute;
            display: block;
            width: 50px;
            height: 1px;
            background: #cbd6e9;
            bottom: 0;
            left: 0;
        }*/

    .teamthree .member p {
/*        margin: 10px 0 0 0;
*/        font-size: 14px;
    }

.teamimg {
    position: relative;
    animation: left-right 2s ease-in-out infinite alternate-reverse both;
}

@-webkit-keyframes left-right {
    0% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(-10px);
    }
}

@keyframes left-right {
    0% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(-10px);
    }
}





/**********About-us-index Starts*************/

.sections-aboutindex {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.aboutindex-bg .margin {
    margin-top: 8rem !important;
    margin-bottom: 14rem !important;
}

.aboutindex-bg h3 {
    font-size: 68px;
    /* color: #14283C; */
    color: #003366;
}

.aboutindex-bg p {
    line-height: 28px;
    font-size: 17px;
    color: #5F6478;
}

.aboutindex-bg:before {
    z-index: -1;
    content: "";
    background: #F5FAFA;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(-3deg);
}


/***********About-us-index Ends************/






/**********NumbersClients Starts*************/

.sections-numbersindex {
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    /* background-image: url(../img/numbersbg.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.numbersindex-bg {
    padding: 196px 0px;
    margin: -117px 0px;
}

.numbers h3 {
    color: #003366;
    /* color: #14283ce3; */
    font-size: 35px;
    line-height: 1.2em;
    margin-bottom: 50px;
}

.numbers hr {
    border: 2px solid #003366;
    border-radius: 7px;
    margin: 0 20px;
}

.numbers span {
    font-size: 56px;
    color: #003366;
    font-family: 'Poppins-regular', sans-serif;
}

.numbers p {
    text-align: center;
    font-size: 14px;
    font-family: 'Open Sans';
}

.clients .img {
    width: 50%;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
}

    .clients .img:hover {
        filter: none;
        transform: scale(1.2);
    }

@media (max-width: 768px) {
    .clients .img {
        width: 40%;
    }
}
/**********NumbersClients Ends*************/






.blogs .btn-outline-primary {
    border-color: #0092B7;
    color: #0092B7 !important;
}

    .blogs .btn-outline-primary:hover {
        background-color: #0092B7;
        color: #ffffff !important;
    }

.blogs .btn-primary {
    background-color: #0092B7;
    color: #ffffff !important;
    border-radius: 20px 0px;
    padding: 4px 14px;
}

    .blogs .btn-primary:hover {
        background-color: transparent;
        color: #0092B7 !important;
        border: 1px solid #0092B7;
    }
/* Cards */
.blogs .postcard {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 100px 0px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
}

    .blogs .postcard.light {
        background-color: #e1e5ea;
    }

    .blogs .postcard .t-dark {
        color: #18151f;
    }

    .blogs .postcard a {
        color: inherit;
    }

    .blogs .postcard h1, .postcard .h1 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .blogs .postcard .small {
        font-size: 80%;
    }

    .blogs .postcard .postcard__title {
        font-size: 1.75rem;
    }

    .blogs .postcard .postcard__img {
        max-height: 180px;
        width: 100%;
        object-fit: cover;
        position: relative;
    }

    .blogs .postcard .postcard__img_link {
        display: contents;
    }

    .blogs .postcard .postcard__bar {
        width: 50px;
        height: 10px;
        margin: 10px 0;
        border-radius: 5px;
        background-color: #424242;
        transition: width 0.2s ease;
    }

    .blogs .postcard .postcard__text {
        padding: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .blogs .postcard .postcard__preview-txt {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
        height: 100%;
    }

    .blogs .postcard .postcard__tagbox {
        display: flex;
        flex-flow: row wrap;
        font-size: 14px;
        margin: 20px 0 0 0;
        padding: 0;
        justify-content: center;
    }

        .blogs .postcard .postcard__tagbox .tag__item {
            display: inline-block;
            background: rgba(83, 83, 83, 0.4);
            border-radius: 26px 0px;
            padding: 3px 18px;
            /* border-radius: 3px; */
            /* padding: 2.5px 10px; */
            margin: 0 5px 5px 0;
            cursor: default;
            user-select: none;
            transition: background-color 0.3s;
        }

            .blogs .postcard .postcard__tagbox .tag__item:hover {
                background: rgba(83, 83, 83, 0.8);
            }

    .blogs .postcard:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(-70deg, #424242, transparent 50%);
        opacity: 1;
        border-radius: 10px;
    }

    .blogs .postcard:hover .postcard__bar {
        width: 100px;
    }

@media screen and (min-width: 769px) {
    .blogs .postcard {
        flex-wrap: inherit;
    }

        .blogs .postcard .postcard__title {
            font-size: 2rem;
        }

        .blogs .postcard .postcard__tagbox {
            justify-content: start;
        }

        .blogs .postcard .postcard__img {
            max-width: 300px;
            max-height: 100%;
            transition: transform 0.3s ease;
        }

        .blogs .postcard .postcard__text {
            padding: 3rem;
            width: 100%;
        }

        .blogs .postcard .media.postcard__text:before {
            content: "";
            position: absolute;
            display: block;
            background: #18151f;
            top: -20%;
            height: 130%;
            width: 55px;
        }

        .blogs .postcard:hover .postcard__img {
            transform: scale(1.1);
        }

        .blogs .postcard:nth-child(2n+1) {
            flex-direction: row;
        }

        .blogs .postcard:nth-child(2n+0) {
            flex-direction: row-reverse;
        }

        .blogs .postcard:nth-child(2n+1) .postcard__text::before {
            left: -12px !important;
            transform: rotate(4deg);
        }

        .blogs .postcard:nth-child(2n+0) .postcard__text::before {
            right: -12px !important;
            transform: rotate(-4deg);
        }
}

@media screen and (min-width: 1024px) {
    .blogs .postcard__text {
        padding: 2rem 3.5rem;
    }

        .blogs .postcard__text:before {
            content: "";
            position: absolute;
            display: block;
            top: -20%;
            height: 130%;
            width: 55px;
        }

    .blogs .postcard.dark .postcard__text:before {
        background: #18151f;
    }

    .blogs .postcard.light .postcard__text:before {
        background: #e1e5ea;
    }
}

.blogs .postcard .postcard__tagbox .blue.play:hover {
    background: #0092B7;
}

.blogs .blue .postcard__title:hover {
    color: #0092B7;
}

.blogs .blue .postcard__bar {
    background-color: #0092B7;
}

.blogs .blue::before {
    background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}

.blogs .blue:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}

@media screen and (min-width: 769px) {
    .blogs .blue::before {
        background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }

    .blogs .blue:nth-child(2n)::before {
        background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }
}







.about p {
    padding: 1em;
    font-family: sans-serif;
    line-height: 1.5em;
    margin-top: 1.30952381em;
    margin-bottom: 1em;
    max-width: 1000px;
    margin: auto;
}

.about .aboutcontent {
    width: 73vw;
    margin: auto;
    color: #424242;
    border-left: 2px solid rgba(40, 60, 80, 0.8);
    margin-top: 20px;
}

.about h2.text-block-heading {
    text-align: left;
    font-weight: normal;
    font-size: 2em;
    color: #14283c;
    padding: .5em;
}

.about .img-block {
    position: relative;
    margin-top: 20px;
}

.about .text-block {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: rgb(255, 255, 255);
    color: black;
    opacity: 0.75;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 20%;
    line-height: 1em;
}


.about h2.about-heading {
    text-align: left;
    font-weight: normal;
    font-size: 2em;
    /* color: #408bc4; */
    color: #14283c;
    padding: .5em;
    margin-bottom: -10px;
}


.about .beliefcards-section {
    display: flex;
    justify-content: center;
    margin: 24px auto;
}

.about .card-heading {
    color: white;
    margin-top: 30px;
    font-size: 1.5em;
    margin-bottom: 5px;
    font-weight: normal;
}

.about .beliefdiv {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: white;
}

.about p.beliefcards {
    line-height: 2em;
    font-size: 10em;
    color: white;
    padding: 20px;
    margin: 10px;
}


.about h3.beliefdiv {
    text-align: left;
    font-weight: normal;
    margin-top: 2em;
    color: white;
    padding: .5em;
}

.about .beliefcards {
    height: 250px;
    width: 240px;
    color: white;
    overflow: hidden;
    display: inline-block;
    background-color: #116068;
    border: 2px solid white;
}



/* Contact Section
--------------------------------*/
#contact {
    padding: 30px 0;
}

    #contact .contact-info {
        margin-bottom: 20px;
        text-align: center;
    }

        #contact .contact-info i {
            font-size: 48px;
            display: inline-block;
            margin-bottom: 10px;
            color: #408bc4;
        }

        #contact .contact-info address, #contact .contact-info p {
            margin-bottom: 0;
            color: #000;
        }

        #contact .contact-info h3 {
            font-size: 18px;
            margin-bottom: 15px;
            font-weight: bold;
            text-transform: uppercase;
            color: #999;
        }

        #contact .contact-info a {
            color: #000;
        }

            #contact .contact-info a:hover {
                color: #50d8af;
            }

    #contact .contact-address, #contact .contact-phone, #contact .contact-email {
        margin-bottom: 20px;
    }

@media (min-width: 768px) {
    #contact .contact-address, #contact .contact-phone, #contact .contact-email {
        padding: 20px 0;
    }
}

@media (min-width: 768px) {
    #contact .contact-phone {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
}

#contact #google-map {
    height: 290px;
    margin-bottom: 20px;
}

@media (max-width: 576px) {
    #contact #google-map {
        margin-top: 20px;
    }
}

#contact .php-email-form .validate {
    display: none;
    color: red;
    margin: 0 0 15px 0;
    font-weight: 400;
    font-size: 13px;
}

#contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
}

    #contact .php-email-form .error-message br + br {
        margin-top: 25px;
    }

#contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #003366;
    text-align: center;
    padding: 15px;
    font-weight: 600;
}

#contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
}

    #contact .php-email-form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid #18d26e;
        border-top-color: #eee;
        -webkit-animation: animate-loading 1s linear infinite;
        animation: animate-loading 1s linear infinite;
    }

#contact .php-email-form input, #contact .php-email-form textarea {
    padding: 10px 14px;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
}

    #contact .php-email-form input::focus, #contact .php-email-form textarea::focus {
        background-color: #498cbc;
    }

#contact .php-email-form button[type=submit] {
    background: #003366;
    border: #003366;
    border-radius: 42px 0px 42px 0px;
    padding: 14px 37px;
    color: #fff;
    transition: 0.4s;
    cursor: pointer;
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/*******Testimonial Starts*****/
.sections-testimonialindex {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.testimonialindex-bg .margin {
    margin-top: 8rem !important;
    margin-bottom: 16rem !important;
}

.testimonialindex-bg h3 {
    font-size: 68px;
    color: #003366;
    /* color: #14283C; */
}

.testimonialindex-bg p {
    line-height: 28px;
    font-size: 17px;
    color: #5F6478;
}

.testimonialindex-bg:before {
    z-index: -1;
    content: "";
    background: #F5FAFA;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(-3deg);
}

.testimonialindex ul {
    list-style-type: none;
}

.testimonialindex a,
a:hover {
    text-decoration: none;
}

.testimonialindex .row .tabs {
    all: unset;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
}

    .testimonialindex .row .tabs li {
        all: unset;
        display: block;
        position: relative;
    }

        .testimonialindex .row .tabs li.active::before {
            position: absolute;
            content: "";
            width: 50px;
            height: 50px;
            background-color: #71b85f;
            border-radius: 50%;
        }

        .testimonialindex .row .tabs li.active::after {
            position: absolute;
            content: "";
            width: 30px;
            height: 30px;
            background-color: #71b85f;
            border-radius: 50%;
        }

        .testimonialindex .row .tabs li:nth-child(1) {
            align-self: flex-end;
        }

            .testimonialindex .row .tabs li:nth-child(1)::before {
                left: 64%;
                bottom: -50px;
            }

            .testimonialindex .row .tabs li:nth-child(1)::after {
                left: 97%;
                bottom: -81px;
            }

            .testimonialindex .row .tabs li:nth-child(1) figure img {
                margin-left: auto;
            }

        .testimonialindex .row .tabs li:nth-child(2) {
            align-self: flex-start;
        }

            .testimonialindex .row .tabs li:nth-child(2)::before {
                right: -65px;
                top: 50%;
            }

            .testimonialindex .row .tabs li:nth-child(2)::after {
                bottom: 101px;
                border-radius: 50%;
                right: -120px;
            }

            .testimonialindex .row .tabs li:nth-child(2) figure img {
                margin-right: auto;
                max-width: 300px;
                width: 100%;
                margin-top: -50px;
            }

        .testimonialindex .row .tabs li:nth-child(3) {
            align-self: flex-end;
        }

            .testimonialindex .row .tabs li:nth-child(3)::before {
                right: -10px;
                top: -66%;
            }

            .testimonialindex .row .tabs li:nth-child(3)::after {
                top: -130px;
                border-radius: 50%;
                right: -46px;
            }

            .testimonialindex .row .tabs li:nth-child(3) figure img {
                margin-left: auto;
                margin-top: -50px;
            }

            .testimonialindex .row .tabs li:nth-child(3):focus {
                border: 10px solid red;
            }

        .testimonialindex .row .tabs li figure {
            position: relative;
        }

            .testimonialindex .row .tabs li figure img {
                display: block;
            }

            .testimonialindex .row .tabs li figure::after {
                content: "";
                position: absolute;
                top: 0;
                z-index: -1;
                width: 100%;
                height: 100%;
                border: 4px solid #dff9d9;
                border-radius: 50%;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

            .testimonialindex .row .tabs li figure:hover::after {
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

    .testimonialindex .row .tabs.carousel-indicators li.active figure::after {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.testimonialindex .row .carousel .carousel-indicators button {
    background: #283c50;
    background-clip: padding-box;
    height: 2px;
}

.testimonialindex .row .carousel .carousel-inner .carousel-item .quote-wrapper {
    margin-top: 42px;
}

    .testimonialindex .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
        font-size: 18px;
        line-height: 1.72222;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.7);
    }

    .testimonialindex .row .carousel .carousel-inner .carousel-item .quote-wrapper h3 {
        color: #000;
        font-weight: 700;
        margin-top: 37px;
        font-size: 20px;
        line-height: 1.45;
    }

@media only screen and (max-width: 1200px) {
    .testimonialindex .row .tabs {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 415px) {
    .testimonialindex-bg h3 {
        font-size: 57px;
        color: #14283C;
    }
}

@media only screen and (min-width: 768px) {
    .testimonialindex .carousel-indicators {
        margin-left: -2px;
    }
}

.testimonial_iecs {
    display: table;
    margin: 50px 0px;
    /* margin: 50px auto; */
    padding: 20px;
    position: relative;
    border-radius: 0px 100px;
}

    .testimonial_iecs.border-blue {
        border: 3px solid #003366;
    }

        .testimonial_iecs.border-blue:hover {
            background: #003366;
            color: #ffffff;
            border-radius: 0px 180px;
        }

    .testimonial_iecs.border-orange {
        border: 3px solid #F77F00;
    }

        .testimonial_iecs.border-orange:hover {
            background: #F77F00;
            color: #ffffff;
            border-radius: 0px 180px;
        }

    .testimonial_iecs.border-green {
        border: 3px solid #B2C534;
    }

        .testimonial_iecs.border-green:hover {
            background: #B2C534;
            color: #ffffff;
            border-radius: 0px 180px;
        }

    .testimonial_iecs.border-light-blue {
        border: 3px solid #4AAFBE;
    }

        .testimonial_iecs.border-light-blue:hover {
            background: #4AAFBE;
            color: #ffffff;
            border-radius: 0px 180px;
        }

    .testimonial_iecs:after, .testimonial_iecs:before {
        content: "";
        position: absolute;
        font-family: fontAwesome;
        font-size: 50px;
        background: #fff;
    }

    .testimonial_iecs.border-blue:after, .testimonial_iecs.border-blue:before {
        color: #003366;
    }

    .testimonial_iecs.border-orange:after, .testimonial_iecs.border-orange:before {
        color: #F77F00;
    }

    .testimonial_iecs.border-green:after, .testimonial_iecs.border-green:before {
        color: #B2C534;
    }

    .testimonial_iecs.border-light-blue:after, .testimonial_iecs.border-light-blue:before {
        color: #4AAFBE;
    }

    .testimonial_iecs:after {
        content: "";
        top: 0;
        left: 0;
        transform: translate(-50%, -50%);
        box-shadow: 10px 10px 0 #fff;
    }

    .testimonial_iecs:before {
        content: "";
        bottom: 0;
        right: 0;
        transform: translate(50%, 50%);
        box-shadow: -10px -10px 0 #fff;
    }

    .testimonial_iecs .title, .description {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
    }

    .testimonial_iecs .description {
        font-size: 14px;
        text-align: left;
        line-height: 1.55;
    }

/*********Testimonial Ends*******/



/*******Contact Starts*********/
.cta {
    padding: 0;
    margin-bottom: 60px;
}

    .cta .container {
        padding: 80px;
    }

@media (max-width: 992px) {
    .cta .container {
        padding: 60px;
    }
}

.cta .content h3 {
    color: #003366;
    font-size: 48px;
    font-weight: 700;
}

    .cta .content h3 em {
        font-style: normal;
        position: relative;
    }

        .cta .content h3 em:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 10px;
            height: 10px;
            background: rgba(20, 40, 60, 0.5);
            z-index: -1;
        }

.cta .content p {
    color: #485664;
    font-weight: 600;
    font-size: 18px;
}

.cta .img {
    position: relative;
}

    .cta .img:before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(40, 60, 80, 0.1);
        border-radius: 15px;
        transform: rotate(12deg);
    }

    .cta .img:after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(40, 60, 80, 0.3);
        border-radius: 15px;
        transform: rotate(6deg);
    }

    .cta .img img {
        position: relative;
        z-index: 3;
        border-radius: 15px;
    }

.contactindex .info {
    padding: 40px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    .contactindex .info h3 {
        font-weight: 600;
        font-size: 24px;
    }

    .contactindex .info p {
        color: #8f9fae;
        margin-bottom: 30px;
        font-size: 15px;
    }

.contactindex .info-item + .info-item {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgb(72, 86, 100, 0.15);
}

.contactindex .info-item i {
    font-size: 24px;
    color: #0ea2bd;
    transition: all 0.3s ease-in-out;
    margin-right: 20px;
}

.contactindex .info-item h4 {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #485664;
}

.contactindex .info-item p {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #8f9fae;
}

.contactindex .php-email-form {
    width: 100%;
}

    .contactindex .php-email-form .form-group {
        padding-bottom: 8px;
    }

    .contactindex .php-email-form .error-message {
        display: none;
        color: #ffffff;
        background: #df1529;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .contactindex .php-email-form .error-message br + br {
            margin-top: 25px;
        }

    .contactindex .php-email-form .sent-message {
        display: none;
        color: #ffffff;
        background: #003366;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contactindex .php-email-form .loading {
        display: none;
        background: #ffffff;
        text-align: center;
        padding: 15px;
    }

        .contactindex .php-email-form .loading:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #059652;
            border-top-color: #ffffff;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading 1s linear infinite;
        }

    .contactindex .php-email-form input[type=text],
    .contactindex .php-email-form input[type=email],
    .contactindex .php-email-form textarea {
        border-radius: 0px;
        box-shadow: none;
        font-size: 14px;
    }

        .contactindex .php-email-form input[type=text]:focus,
        .contactindex .php-email-form input[type=email]:focus,
        .contactindex .php-email-form textarea:focus {
            border-color: #8f9fae;
        }

    .contactindex .php-email-form input[type=text],
    .contactindex .php-email-form input[type=email] {
        height: 48px;
        padding: 10px 15px;
    }

    .contactindex .php-email-form textarea {
        padding: 10px 12px;
        height: 180px;
    }

    .contactindex .php-email-form button[type=button] {
        background-color: #F77F00;
        border: 2px solid #F77F00;
        border-radius: 40px 0px;
        padding: 11px 62px 11px 62px;
        color: #ffffff;
    }

        .contactindex .php-email-form button[type=button]:hover {
            background-color: transparent;
            color: #003366;
            border: 2px solid #003366;
            font-weight: bold;
        }

@media screen and (max-width: 500px) {
    .cta .content h3 {
        font-size: 35px;
    }
}


@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/******Contact Ends*********/



























/**********Products IECS*************/
.products-index .product-heading {
    font-size: 64px;
    color: #003366;
    margin-bottom: -101px;
}

.products-index .card:hover {
    transform: translateY(-10px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0,0,0,0.11), 0 24px 46px var(--box-shadow-color);
}

.products-index {
    background-image: url(../img/products/bg.png);
    /* background-image: url(../img/servicesbg.png); */
    background-size: cover;
}

    .products-index hr {
        border: 2px solid #003366;
        border-radius: 7px;
        margin-bottom: 0;
    }

    .products-index .card h3 {
        font-family: 'Open Sans';
        font-size: 14px;
        color: #003366;
        font-weight: bold;
    }

    .products-index .card p {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 1.6em;
        color: #5F6478;
    }

    .products-index .card {
        border-radius: 80px 0px;
    }

@media screen and (max-width: 992px) {
    .products-index {
        background-image: none;
    }

        .products-index .product-heading {
            font-size: 64px;
            margin-bottom: 0px;
        }
}
/* @media screen and (max-width: 991px) {
.products-index .product-heading {
  font-size: 64px;
}
} */
.products_iecs .nav-tabs {
    border: 0;
}

.products_iecs .nav-link {
    border: 0;
    padding: 25px 20px;
    color: rgb(72, 86, 100);
    box-shadow: 5px 5px 25px rgba(72, 86, 100, 0.15);
    border-radius: 80px 0px 80px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0s;
    cursor: pointer;
    height: 100%;
}

    .products_iecs .nav-link:hover {
        border-radius: 4px;
    }

    .products_iecs .nav-link i {
        font-size: 32px;
        line-height: 0;
    }

    .products_iecs .nav-link h4 {
        font-size: 20px;
        font-weight: 600;
        margin: 10px 0 0 0;
        color: #485664;
    }

    .products_iecs .nav-link:hover {
        color: #0ea2bd;
    }

    .products_iecs .nav-link.active {
        transition: 0.3s;
        background: rgb(14, 162, 189);
        border-color: rgb(14, 162, 189);
    }

        .products_iecs .nav-link.active h4 {
            color: #ffffff;
        }

        .products_iecs .nav-link.active i {
            color: #ffffff !important;
        }

.products_iecs .tab-content {
    margin-top: 30px;
}

.products_iecs .tab-pane.active {
    -webkit-animation: fadeIn 0.5s ease-out;
    animation: fadeIn 0.5s ease-out;
}

.products_iecs .tab-pane h3 {
    margin-bottom: 30px;
    font-size: 32px;
    color: #485664;
}

.products_iecs .tab-pane ul {
    list-style: none;
    padding: 0;
}

    .products_iecs .tab-pane ul li {
        padding-bottom: 10px;
        line-height: 1.78;
    }

    .products_iecs .tab-pane ul i {
        font-size: 16px;
        margin-right: 4px;
        color: #0ea2bd;
    }

.products_iecs p {
    line-height: 1.78;
    text-align: justify;
}

.products_iecs .tab-pane p:last-child {
    margin-bottom: 0;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}





/*************Career***************/
.career_iecs .card {
    height: 260px;
    border: none;
}

    .career_iecs .card:hover {
        /* background-image: linear-gradient(130deg, #F88D32, #F9BC4F); */
        background-image: linear-gradient(130deg, #4aafbe, #4aafbe99);
    }

        .career_iecs .card:hover .orange-border {
            display: none;
        }

        .career_iecs .card:hover .btn-outline-orange {
            background-color: #4aafbe;
            color: #ffffff;
            border-color: #4aafbe !important;
        }

.career_iecs .orange-border {
    /* background-image: linear-gradient(130deg, #F88D32, #F9BC4F); */
    background-image: linear-gradient(130deg, #003366, rgba(0, 51, 102, 0.6));
    position: absolute;
}

.career_iecs .orange-top {
    width: 100px;
    height: 10px;
    top: 0;
    right: 0;
}

.career_iecs .orange-left {
    width: 10px;
    height: 100px;
    top: 0;
    right: 0;
}

.career_iecs .white-card {
    border-radius: 120px 0px 120px 0px;
    display: block;
    text-decoration: none;
    position: absolute;
    background-color: white;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    text-align: center;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
}

    .career_iecs .white-card img {
        /* width: 30px; */
        margin-top: 44px;
    }

.career_iecs .category {
    font-size: 14px;
    color: #222;
    margin: 14px 10px 10px 25px;
    /* text-transform :capitalize !important ;*/
    /* margin: 20px 0 30px; */
}

.career_iecs .btn-outline-orange {
    text-decoration: none;
    /* text-transform: uppercase; */
    padding: 11px 34px;
    color: #003366;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #003366;
    display: inline-block;
    transition: all .5s;
    border-radius: 30px 0px;
}



/*******Footer Starts********/
.footer {
    padding-top: 238px;
    background: url(../img/footer/footerbackground3.png) bottom no-repeat;
    font-size: 14px;
    background-size: cover;
}

@media (max-width: 992px) {
    .footer {
        background: url(../img/footer/footerbg.png) center bottom no-repeat;
    }
}

@media screen and (max-width: 767px) {
    #footer .footer-top .footer-info p {
        margin: 0px !important;
        text-align: start !important;
    }
}

#footer .footer-top .footer-info h3 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
}

#footer .footer-top .footer-info p {
    margin: 0px 95px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: #8cc6e0;
}

.footer .footer-top .social-links a {
    font-size: 20px;
    display: inline-block;
    color: #8cc6e0;
    line-height: 0;
    margin-right: 10px;
    transition: 0.3s;
}

    .footer .footer-top .social-links a:hover {
        color: #fff !important;
    }

.footer .footer-top h4 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
}

.footer .footer-top .footer-links {
    margin-bottom: 30px;
}

    .footer .footer-top .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .footer .footer-top .footer-links ul i {
            padding-right: 2px;
            color: #d0d4fc;
            font-size: 12px;
            line-height: 0;
        }

        .footer .footer-top .footer-links ul li {
            padding: 10px 0;
            display: flex;
            align-items: center;
        }

            .footer .footer-top .footer-links ul li:first-child {
                padding-top: 0;
            }

        .footer .footer-top .footer-links ul a {
            color: #8cc6e0;
            transition: 0.3s;
            display: inline-block;
            line-height: 1;
        }

            .footer .footer-top .footer-links ul a:hover {
                /* color: #4154f1; */
                color: #fff !important;
            }

.footer .footer-top .footer-contact p {
    line-height: 26px;
    font-size: 15px;
    color: #5F6478;
}
/***********Footer Ends/


/******IECS_Dot_Image_Starts*********/
.dotimg {
    z-index: -1;
}
/******IECS_Dot_Image_End*******/



/***********DesignDevelopDeploy***************/
.card.design {
    border-radius: 100px 15px;
    border-color: #4AAFBE;
    border-width: 3px;
}

.design .card-body h6 {
    text-align: center;
    color: #4AAFBE;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 12px;
    padding: 12px 0px;
    white-space: nowrap;
}

.card.design:hover, .design:hover .card-body h6 {
    border-radius: 10px;
    background: #4AAFBE;
    color: #ffffff;
}

.card.develop {
    border-radius: 100px 15px;
    border-color: #F77F00;
    border-width: 3px;
}

.develop .card-body h6 {
    text-align: center;
    color: #F77F00;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 12px;
    padding: 12px 0px;
    white-space: nowrap;
}

.card.develop:hover, .develop:hover .card-body h6 {
    border-radius: 10px;
    background: #F77F00;
    color: #ffffff;
}

.card.deploy {
    border-radius: 100px 15px;
    border-color: #B2C534;
    border-width: 3px;
}

.deploy .card-body h6 {
    text-align: center;
    color: #B2C534;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 12px;
    padding: 12px 0px;
    white-space: nowrap;
}

.card.deploy:hover, .deploy:hover .card-body h6 {
    border-radius: 10px;
    background: #B2C534;
    color: #ffffff;
}

.rotateddd {
    animation: rotation 8s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.updownddd {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}


@media screen and (max-width: 576px) {
    .card.design, .card.develop, .card.deploy {
        margin-left: 80px;
        margin-right: 80px;
    }
}