@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);

html {
    scroll-behavior: smooth;
}
*,:after,:before{
    box-sizing:border-box;
    padding:0;
    margin:0
}

hr{
    margin:1rem 0;
    color:inherit;
    background-color:currentColor;
    border:0;
    opacity:.25
}
hr:not([size]){
    height:1px
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2;
}
.h1,h1{
    font-size:calc(1.375rem + 1.5vw)
}
@media (min-width:1200px){
    .h1,h1{
        font-size:2.5rem;
    }
}
.h2,h2{
    font-size:calc(1.325rem + .9vw)
}
@media (min-width:1200px){
    .h2,h2{
        font-size:2rem
    }
}
.h3,h3{
    font-size:calc(1.3rem + .6vw)
}
@media (min-width:1200px){
    .h3,h3{
        font-size:1.75rem
    }
}
.h4,h4{
    font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px){
    .h4,h4{
        font-size:1.5rem
    }
}
.h5,h5{
    font-size:1.25rem
}
.h6,h6{
    font-size:1rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
ol,ul{
    padding-left:1rem
}
dl,ol,ul{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
strong{
    font-weight:700
}
b{
    font-weight:500
}
.small,small{
    font-size:.875em
}
.mark,mark{
    padding:.2em;
    background-color:#fcf8e3
}
sub,sup{
    position:relative;
    font-size:.75em;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}

label{
    display:inline-block
}
button{
    border-radius:0
}
button:focus:not(:focus-visible){
    outline:0;
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:roboto;
    font-size:inherit;
    line-height:inherit
}
textarea::placeholder{
    font-family: roboto;
    color: #888B8D;
}
/*added by jyoti */
textarea{
    padding:.75rem;
    max-width: 100%;/*added by jyoti*/
    border: none;/*added by jyoti*/
}
textarea::placeholder{
    color: #888B8D;
    font-size: inherit; /*added by jyoti*/
}
textarea:focus{
    box-shadow: none; /*added by jyoti*/
}
button,select{
    text-transform:none;
}
[role=button]{
    cursor:pointer;
}
select{
    word-wrap:normal
}
select:disabled{
    opacity:1
}
[list]::-webkit-calendar-picker-indicator{
    display:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
.w-100{
    width:100%
}
.img-fluid{
    max-width:100%;
    height:auto
}
.form-control{
    display:block;
    width:100%;
    padding:.375rem .75rem;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height:43px
}
.form-control[type=file]{
    overflow:hidden
}
.form-control[type=file]:not(:disabled):not([readonly]){
    cursor:pointer
}
.form-control:focus{
    color:#212529;
    background-color:#fff;
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-control::-webkit-date-and-time-value{
    height:1.5em
}
.form-control::-moz-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::placeholder{
    color:#6c757d;
    opacity:1
}
.form-control:disabled,.form-control[readonly]{
    background-color:#e9ecef;
    opacity:1
}
.form-control::file-selector-button{
    padding:.375rem .75rem;
    margin:-.375rem -.75rem;
    -webkit-margin-end:.75rem;
    margin-inline-end:.75rem;
    color:#212529;
    background-color:#e9ecef;
    pointer-events:none;
    border-color:inherit;
    border-style:solid;
    border-width:0;
    border-inline-end-width:1px;
    border-radius:0;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-select{
    display:block;
    width:100%;
    padding:.375rem 2.25rem .375rem .75rem;
    -moz-padding-start:calc(0.75rem - 3px);
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:16px 12px;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.form-select:focus{
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-select[multiple],.form-select[size]:not([size="1"]){
    padding-right:.75rem;
    background-image:none
}
.form-select:disabled{
    background-color:#e9ecef
}
.form-select:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #212529
}
.form-check{
    display:block;
    min-height:1.5rem;
    padding-left:1.5em;
    margin-bottom:.125rem
}
.form-check .form-check-input{
    float:left;
    margin-left:-1.5em
}
.form-check-input{
    width:1em;
    height:1em;
    margin-top:.25em;
    vertical-align:top;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:1px solid rgba(0,0,0,.25);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    color-adjust:exact
}
.form-check-input[type=checkbox]{
    border-radius:.25em
}
.form-check-input[type=radio]{
    border-radius:50%
}
.form-check-input:active{
    filter:brightness(90%)
}
.form-check-input:focus{
    border-color:#86b7fe;
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-check-input:checked{
    background-color:#0d6efd;
    border-color:#0d6efd
}
.form-check-input:checked[type=checkbox]{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio]{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate{
    background-color:#0d6efd;
    border-color:#0d6efd;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled{
    pointer-events:none;
    filter:none;
    opacity:.5
}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{
    opacity:.5
}
.form-check-inline{
    display:inline-block;
    margin-right:1rem
}
.text-white{
    color: #fff;
}
.btn-check{
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.btn-check:disabled+.btn,.btn-check[disabled]+.btn{
    pointer-events:none;
    filter:none;
    opacity:.65
}
.btn{
    display:inline-block;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:.625rem 3.75rem;
    font-size:1rem;
    border-radius:0;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn:hover{
    color:#212529
}
.btn-check:focus+.btn,.btn:focus{
    outline:0;
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{
    pointer-events:none;
    opacity:.65
}
.btn.btn-custom {
    color: #012169;
    background-color: #fdc82f;
    border-color: #fdc82f;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    padding: 0.625rem 3.75rem;
    border-radius: 0;
}
input[type=submit] {
    float: right;
} /*added by jyoti*/
input[type=submit]:hover{
    color: #fff;
    background-color: #202020;
    border-color: #202020;
}/*added by jyoti*/
.btn-custom:hover {
    color: #fff;
    background-color: #202020;
    border-color: #202020;
}
.btn-check:focus+.btn-custom,.btn-custom:focus{
    color:#000;
    background-color:#fdc82f;
    border-color:#fdc82f;
    box-shadow:0 0 0 .25rem rgba(253,200,47,.5)
}
.btn-primary{
    color:#fff;
    background-color:#0d6efd;
    border-color:#0d6efd
}
.btn-primary:hover{
    color:#fff;
    background-color:#0b5ed7;
    border-color:#0a58ca
}
.btn-check:focus+.btn-primary,.btn-primary:focus{
    color:#fff;
    background-color:#0b5ed7;
    border-color:#0a58ca;
    box-shadow:0 0 0 .25rem rgba(49,132,253,.5)
}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{
    color:#fff;
    background-color:#0a58ca;
    border-color:#0a53be
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 .25rem rgba(49,132,253,.5)
}
.btn-primary.disabled,.btn-primary:disabled{
    color:#fff;
    background-color:#0d6efd;
    border-color:#0d6efd
}
.m-0{
    margin:0!important
}
.m-1{
    margin:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.m-3{
    margin:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.m-auto{
    margin:auto!important
}
.mx-0{
    margin-right:0!important;
    margin-left:0!important
}
.mx-1{
    margin-right:.25rem!important;
    margin-left:.25rem!important
}
.mx-2{
    margin-right:.5rem!important;
    margin-left:.5rem!important
}
.mx-3{
    margin-right:1rem!important;
    margin-left:1rem!important
}
.mx-4{
    margin-right:1.5rem!important;
    margin-left:1.5rem!important
}
.mx-5{
    margin-right:3rem!important;
    margin-left:3rem!important
}
.mx-auto{
    margin-right:auto!important;
    margin-left:auto!important
}
.my-0{
    margin-top:0!important;
    margin-bottom:0!important
}
.my-1{
    margin-top:.25rem!important;
    margin-bottom:.25rem!important
}
.my-2{
    margin-top:.5rem!important;
    margin-bottom:.5rem!important
}
.my-3{
    margin-top:1rem!important;
    margin-bottom:1rem!important
}
.my-4{
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important
}
.my-5{
    margin-top:3rem!important;
    margin-bottom:3rem!important
}
.my-auto{
    margin-top:auto!important;
    margin-bottom:auto!important
}
.mt-0{
    margin-top:0!important
}
.mt-1{
    margin-top:.25rem!important
}
.mt-2{
    margin-top:.5rem!important
}
.mt-3{
    margin-top:1rem!important
}
.mt-4{
    margin-top:1.5rem!important
}
.mt-5{
    margin-top:3rem!important
}
.mt-auto{
    margin-top:auto!important
}
.me-0{
    margin-right:0!important
}
.me-1{
    margin-right:.25rem!important
}
.me-2{
    margin-right:.5rem!important
}
.me-3{
    margin-right:1rem!important
}
.me-4{
    margin-right:1.5rem!important
}
.me-5{
    margin-right:3rem!important
}
.me-auto{
    margin-right:auto!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-1{
    margin-bottom:.25rem!important
}
.mb-2{
    margin-bottom:.5rem!important
}
.mb-3{
    margin-bottom:1rem!important
}
.mb-4{
    margin-bottom:1.5rem!important
}
.mb-5{
    margin-bottom:3rem!important
}
.mb-auto{
    margin-bottom:auto!important
}
.ms-0{
    margin-left:0!important
}
.ms-1{
    margin-left:.25rem!important
}
.ms-2{
    margin-left:.5rem!important
}
.ms-3{
    margin-left:1rem!important
}
.ms-4{
    margin-left:1.5rem!important
}
.ms-5{
    margin-left:3rem!important
}
.ms-auto{
    margin-left:auto!important
}
.p-0{
    padding:0!important
}
.p-1{
    padding:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.p-3{
    padding:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.px-0{
    padding-right:0!important;
    padding-left:0!important
}
.px-1{
    padding-right:.25rem!important;
    padding-left:.25rem!important
}
.px-2{
    padding-right:.5rem!important;
    padding-left:.5rem!important
}
.px-3{
    padding-right:1rem!important;
    padding-left:1rem!important
}
.px-4{
    padding-right:1.5rem!important;
    padding-left:1.5rem!important
}
.px-5{
    padding-right:3rem!important;
    padding-left:3rem!important
}
.py-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.py-1{
    padding-top:.25rem!important;
    padding-bottom:.25rem!important
}
.py-2{
    padding-top:.5rem!important;
    padding-bottom:.5rem!important
}
.py-3{
    padding-top:1rem!important;
    padding-bottom:1rem!important
}
.py-4{
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important
}
.py-5{
    padding-top:3rem!important;
    padding-bottom:3rem!important
}
.pt-0{
    padding-top:0!important
}
.pt-1{
    padding-top:.25rem!important
}
.pt-2{
    padding-top:.5rem!important
}
.pt-3{
    padding-top:1rem!important
}
.pt-4{
    padding-top:1.5rem!important
}
.pt-5{
    padding-top:3rem!important
}
.pe-0{
    padding-right:0!important
}
.pe-1{
    padding-right:.25rem!important
}
.pe-2{
    padding-right:.5rem!important
}
.pe-3{
    padding-right:1rem!important
}
.pe-4{
    padding-right:1.5rem!important
}
.pe-5{
    padding-right:3rem!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-1{
    padding-bottom:.25rem!important
}
.pb-2{
    padding-bottom:.5rem!important
}
.pb-3{
    padding-bottom:1rem!important
}
.pb-4{
    padding-bottom:1.5rem!important
}
.pb-5{
    padding-bottom:3rem!important
}
.ps-0{
    padding-left:0!important
}
.ps-1{
    padding-left:.25rem!important
}
.ps-2{
    padding-left:.5rem!important
}
.ps-3{
    padding-left:1rem!important
}
.ps-4{
    padding-left:1.5rem!important
}
.ps-5{
    padding-left:3rem!important
}
.text-start{
    text-align:left!important
}
.text-end{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
.text-decoration-none{
    text-decoration:none!important
}
.text-decoration-underline{
    text-decoration:underline!important
}
.text-decoration-line-through{
    text-decoration:line-through!important
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.float-start{
    float:left!important
}
.float-end{
    float:right!important
}
.float-none{
    float:none!important
}
.gredient_primary{
    background-image:linear-gradient(to right,#012169,#6cace4)
}
.gredient_primary_reversed{
    background-image:linear-gradient(to bottom right,#6cace4,#012169)
}
.gredient_second{
    background-image:linear-gradient(to top right,#012169,#695686)
}
.gredient_third{
    background-image:linear-gradient(to bottom right,#695686,#010f2f)
}
.flex-container {
    max-width: 1160px;
    padding: 0 12px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    flex-direction: column;
}
.text-info{
    color:#695686
}
.hero-area {
    background-image: url(/-/media/intelligent-manufacturing/image/Geo-sphere-with-streaks-final.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 630px;
    position: relative;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin: 0 auto;
}
.hero-area .flex_50 {
    display: flex;
    flex-wrap: wrap;
}
.hero-area .flex_50 .item_50 {
    flex: 0 0 auto;
    width: 50%;
}
/*.home_page .hero-area{
    height:610px
}*/
.home_page .hero-area .hero_content{
    margin-bottom:100px
}
.hero_content .hero-title,.hero_content p,.hero_content span{
    color:#fff
}
.hero_content .hero-title{
    font-size:2.875rem;
    margin-bottom:.625rem;
    font-weight:700;
}
.hero_content .tag-line{
    text-transform:uppercase;
    margin:0;
    font-size: 14px;
    font-weight: 300;
    display: block;
}
.hero_content p{
    margin-bottom:.625rem;
}
.first_sec{
    padding:0;
}
.home_page .first_sec{
    padding-top:0;
    padding-bottom:0;
}
.brd_first_section,.brd_second_section{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
}
.brd_first_section .item{
    flex-grow:1;
}
.brd_first_section .item+.item{
    width:66%;
    padding-left: 30px; 
}
.brd_first_section .item:first-child{
    width:34%;
}
.brd_first_section .item:first-child img{
    margin-top:-9rem;
    position:relative;
}
.sec_title{
    font-size:1.875rem;
    font-weight:300;
    color:#012169;
    margin-bottom:1.25rem;
    text-align: left;
} 

.sec_list_title_h3{
    /* font-size: 14px !important;
    font-weight: 700 !important;
    color: #012169 !important; changed by mkuhn*/
    font-size: 20px;
    font-weight: 700;
    color: #012169; 
    margin: 1.5rem 0; 

}
.sec_list_ul_h4{
    /* font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin: 0; changed by mkuhn*/
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 1rem; 
}
.sec_p{
    color:#012169;
    font-size:1.40rem;
    margin-bottom:.625rem;
    line-height: 25px; /*added by jyoti*/
}
.sec_para{
    letter-spacing:.5px;
    line-height:1.463rem;
    margin-bottom:1.25rem; /*added by jyoti*/
}

.sec_list span{
    color:#012169;
    margin-bottom:.625rem;
    display:block;
}
.sec_list ul li{
    color:#012169;
    margin-bottom:.625rem;
}
/* .sec_list ul li:last-child{
    margin-bottom:0;
} */  /*comment by jyoti*/
.first_sec,.second_sec{
    padding:80px 0;
}
.brd_second_section .item{
    width:60%;
}
.brd_second_section .item:last-child{
    width:40%;
}
.brd_second_section .item+.item{
    padding-left:20px; /*comment by jyoti*/
}
.newsletter_sec{
    position:relative;
    display:flex;
    align-items:center;
    padding:66px 0;
}
.brd_newsltr_section{
    display:flex;
    align-items:center;
}
.brd_newsltr_section .item{
    flex-grow:1;
}
.brd_newsltr_section .item+.item{
    width:40%;
}
.brd_newsltr_section .item:first-child{
    width:60%;
    margin-right:3.75rem;
}
.newsltr_title{
    font-size:1.875rem;
    color:#fff;
    font-weight:800;
    margin-bottom:.625rem;
}
.newltr_p{
    color:#fff;
    margin:0;
}
.newsltter_hide{
    display:block;
}
.newsltr_success h2,.newsltr_success p{
    color:#fff;
}
.newsltr_success{
    border:2px dashed #cddc39;
    border-radius:5px;
    padding:30px 20px;
    display:none;
}
.pillar_sec{
    background-image:linear-gradient(to bottom right,#010f2f,#012169);
    position:relative;
    padding:100px 0;
    display:flex;
    align-items:center;
}
.brd_pillar_section{
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
}
/* .brd_pillar_section h1{
    font-size:1.875rem;
    color:#fff;
    font-weight:300;
    margin-bottom:5.625rem;
    width:100%;
    text-align:center;
} */
.brd_pillar_section_h2{
    font-size:1.875rem;
    color:#fff;
    font-weight:300;
    margin-bottom:5.625rem;
    width:100%;
    text-align:center;
}

.brd_pillar_section .item{
    flex:0 0 33.333333%;
    align-items:stretch;
    display:flex;
    padding:.4rem;
}
.brd_pillar_section .item .block{
    border:1px solid #6cace4;
    padding:1.25rem 1.25rem 4rem;
    border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem;
    position:relative;
    min-height:540px;
    height: 100%;
    transform: rotateY(360deg);
    transition: 500ms ease-out;
}
.brd_pillar_section .item .block.gredient_second{
    border-color:#0a44c9;
}
.brd_pillar_section .item .block.gredient_third{
    border-color:#695686;
}
.brd_pillar_section .item:first-child{
    padding-left:0;
}
.brd_pillar_section .item:last-child{
    padding-right:0;
}
.brd_pillar_section .item .block svg{
    text-align:center;
    display:block;
    margin:-4.375rem auto 1.875rem;
}
.pillar_title{
    font-size:1.563rem;
    color:#fff;
    margin-bottom:.625rem;
    font-weight:300;
}
.brd_pillar_section .item .block p,.brd_pillar_section .item .block ul li{
    color:#fff;
    font-weight:400;
    line-height:1.33rem;
}
.brd_pillar_section .item .block ul{
    margin-bottom:2rem;
}
.brd_pillar_section .item .block ul li{
    margin-bottom:.8rem;
    line-height:1.33rem;
}
.brd_pillar_section .learn-more{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:30px;
}
/* .brd_pillar_section .item:hover .flip_animation {
    transform: rotateY(180deg);
    transition: 500ms ease-out;
}
.brd_pillar_section .item:hover .flip_animation .block {
    transform: rotateY(180deg);
    transition: 500ms ease-out;
} */
.flip_animation {
    transition: 500ms ease-out;
}
.counter_sec{
    padding:80px 0
}
.brd_counter_section{
    display:flex;
    flex-wrap:wrap;
    margin:0 8.75rem
}
.brd_counter_section .item{
    align-items:center;
    width:33.33%
}
.brd_counter_section .item p{
    letter-spacing:.5px
}
.brd_counter_section>p{
    width:100%;
    text-align:center;
    margin-top:20px;
    margin-bottom:0;
    color:#012169;
    font-weight:400
}
@keyframes growProgressBar{
    0%,33%{
        --pgPercentage:0
    }
    100%{
        --pgPercentage:var(--value)
    }
}
@property --pgPercentage{
    syntax:"<number>";
    inherits:false;
    initial-value:0
}
div[role=progressbar]{
    --size:12rem;
    --fg:#695686;
    --bg:#f1f1f1;
    --pgPercentage:var(--value);
    animation:growProgressBar 3s 1 forwards;
    width:var(--size);
    height:var(--size);
    border-radius:50%;
    display:grid;
    place-items:center;
    background:radial-gradient(closest-side,#fff 80%,transparent 0 99.9%,#fff 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 80%);
    font-family:Helvetica,Arial,sans-serif;
    font-size:calc(var(--size) / 5);
    color:var(--fg)
}
div[role=progressbar]::before{
    counter-reset:percentage var(--value);
    content:counter(percentage) "%"
}
.progressbar_img img{
    width: 180;
    height: 180;
    margin: 0 auto;
}
.brd_left_section{
    display:flex
}
.brd_left_section .item:last-child{
    width:60%;
    margin-left:2%
}
.brd_left_section .item{
    width:40%
}
.brd_left_section .item:first-child{
    text-align:center
}
.sec_small_tag{
    color:#4476C1;
    font-weight:400
}
.brd_left_section .sec_list ul li,
.brd_right_section .sec_list ul li{
    color:#000
}
.brd_left_section .sec_list ul,
.brd_right_section .sec_list ul,
.brd_pillar_section .item .block ul,
.brd_first_section .item .sec_list ul,
.sec_list ul{
    padding: 0;
    margin: 0;
}
.brd_right_section{
    display:flex
}
.brd_right_section .item:first-child{
    width:60%
}
.brd_right_section .item{
    width:40%
}
.brd_right_section .item:last-child{
    padding-left:20px;
}
.sub_title{
    font-size:1.688rem;
    color:#012169;
    font-weight:300;
    width:100%;
    margin-bottom:3.125rem;
    text-align:center
}
.home_page .blog_sec{
    margin-top:80px
}

/*** 2 across blog block START ***/
.blog_sec{
    background:#f1f2f2;
    padding:60px 0
}
.row_blog{
    display:flex;
}
.blog_block{
    display:flex;
    flex-direction:row;
    width: 50%;
}
.blog_block:last-child{
    margin-left:2%;
}
.blog_block .blog_title{
    font-size:20px;
    color:#012169;
    margin-bottom:10px;
    font-weight: 300;
}
.blog_block .blog_img{
    width:50%;
}
.blog_block .blog_content{
    width:50%;
    margin-left:20px;
}
.blog_p{
    margin-bottom:20px;
    line-height: 20px;
}
/*** 2 across blog block END ***/

/*** 3 across blog block START ***/
.blog_sec_three_across{
  display: flex;
  background:#f1f2f2;
  padding:60px 0;
  width: 100%;
}
.blog_block_three_across {
  margin: 0;
}
@media only screen and (max-width:767px) {
  .blog_block_three_across:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width:768px){
  .blog_block_three_across{
    width: 33%;
    min-width: 210px;
  }
  .blog_block_three_across:nth-child(2) {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.blog_content_three_across img {
  margin-top: 35px;
}
.blog_content_three_across .blog_title {
  font-size: 20px;
  color:#012169;
  margin-top:15px;
  margin-bottom: 10px;
  font-weight: 300;
}
.blog_sec_three_across .sub_title {
  margin-bottom: 1rem;
}
/*** /3 across blog block END ***/

.readmore_link{
    text-decoration:none;
    font-weight:600;
    font-size:15px;
}
.connt_title{
    font-size:30px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
    letter-spacing:0;
}
.connt_p{
    color:#fff;
}
.connectnow_sec{
    padding:80px 0;
}
.brd_contnow_form_section{
    display:none;
}
.footer-bar{
    background-image:url(/-/media/intelligent-manufacturing/image/footer-bar.png);
    background-size:contain;
    background-repeat:no-repeat;
    padding:4.44%;
    position:relative;
    background-position:top center;
    margin-top:-40px;
}
.hero-area.hero-prod-flex{
    background-image:url(/-/media/intelligent-manufacturing/image/Production-Flexibility-header.jpg);
    height: 522px;
}
.hero-area.hero-prod-flex .hero-section{
    width:50%;
}
.production_flex_page .brd_first_section .item:first-child img{
    margin-top:0;
}
.production_flex_page .first_sec{
    padding:80px 0;
}
.production_flex_page .hero_content p{
    line-height:22px;
    padding-right:190px;
}
.brd_pillar_section .item .block.realtime_realdeal{
    padding:0;
    background:#fff;
}
.brd_pillar_section .item .block.realtime_realdeal img{
    margin:0 auto;
    width:100%;
}
.brd_pillar_section .item .block.realtime_realdeal .pillar_title,.brd_pillar_section .item .block.realtime_realdeal p{
    color:#012169;
}
.six_sec{
    background:rgb(1 33 105 / 9%);
    padding:80px 0;
}
.brd_six_section .sec_list .sec_list_title{
    font-size:16px;
    margin-top:10px;
    color:#012169;
}
.brd_six_section .sec_list ul li{
    color:#000;
    line-height: 20px;
}
.six_sec .brd_six_section .flex_50 {
    justify-content: center;
}
.six_sec .brd_six_section .item_50 {
    width: 33%;
    margin: 20px 30px;
}
.production_flex_page .footer-bar{
    background-image:url(/-/media/intelligent-manufacturing/image/prod-flex-footer.png);
}
.production_flex_page .pillar_sec{
    padding: 150px 0 100px 0;
}
.intelligent_mfg_sec{
    padding:100px 0;
}
.intelligent_mfg_sec img {
    width: 100%;
}
.pos-img-rel {
    position: relative;
}
.intelligent_mfg_sec .card {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.intelligent_mfg_sec .card-header {
    background: #012169;
    color: #fff;
    padding: 15px;
    font-weight: 600;
    font-size: 20px;
}
.intelligent_mfg_sec .card-body {
    background: linear-gradient(to left bottom,rgb(108 172 228 / 88%) 40%,rgb(1 33 105 / 84%) 100%);
    padding: 15px;
    min-width: 270px;
}
.intelligent_mfg_sec .card-body ul {
    margin: 0;
}
.intelligent_mfg_sec .card-body ul li {
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
}
.intelle_content {
    width: 45%;
    margin-left: auto;
    margin-bottom: -130px;
}
.img_over_content {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: auto;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_position {
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 48%;
}
.card.speed_card {
    position: absolute;
    top: 290px;
    left: -325px;
}
.card.productivity_card {
    position: absolute;
    right: -200px;
    top: 245px;
}
.card.efficiency_card {
    position: absolute;
    bottom: 365px;
    right: -155px;
}
.card.quality_card {
    position: absolute;
    left: 30px;
    bottom: 45%;
}
.card.flexibility_card {
    position: absolute;
    bottom: 82px;
    left: -90px;
}
/*hover effect*/
.card_position .card {
    transition: 500ms ease-out;
}
.card_position .card:hover {
    transform: scale(1.1);
    transition: 500ms ease-out;
}


.hero-area.hero-interconn-flex{
    background-image:url(/-/media/intelligent-manufacturing/image/Interconnectivityanalyticsheader.jpg);
    height: 522px;
}
.power_integre_sec{
    padding:80px 0
}
.unloackprod_sec .flex-container .brd_unlockprodt_section .text-center img ,
.power_integre_sec .flex-container .brd_first_section .text-center img{
    display: inline-block; /*added by jyoti*/
}
.enbdata_sec{
    background-size:auto;
    background-repeat:no-repeat;
    padding:80px 0;
    position:relative;
    background-position:center;
    background-color:#012269;
    background-image:url(/-/media/intelligent-manufacturing/image/enb-data-analyst.jpg),linear-gradient(to right,#8cd8f2 20%,#012269 80%);
    display:flex;
    align-items:center
}
.brd_enbdatana_section{
    display:flex;
    flex-wrap:wrap
}
.brd_enbdatana_section .item{
    flex:1
}
.brd_enbdatana_section .item .sec_para,.brd_enbdatana_section .item .sec_title{
    color:#fff
}

.interconnectivity_page .pillar_sec{
    padding: 150px 0 100px 0;
}
.interconnectivity_page .six_sec{
    background:#fff;
    padding:80px 0;
}
.interconnectivity_page .footer-bar{
    background-image:url(/-/media/intelligent-manufacturing/image/interconnectivity-footer.png);
}
.hero-area.hero-smartfactory-flex{
    background-image:url(/-/media/intelligent-manufacturing/image/PrintersScannersheaderrv2.jpg);
    height: 522px;
}
.hero-area.hero-smartfactory-flex .hero-section{
    margin-bottom:120px
}
.flex_50 {
    display: flex;
    flex-wrap: wrap;
}
.item_50 {
    flex: 0 0 auto;
    width: 48%;
    margin: 5px;
}
.item_50:last-child{
    padding-right:0
}
.contact_expert .card-body{
    padding:30px 30px;
    text-align:center
}
.contact_expert .card-header{
    background:#05266d;
    color:#fff;
    padding:25px;
    line-height:22px;
    font-weight:500;
    font-size:16px;
    letter-spacing:1px
}
.contact_expert .card{
    border:1px solid #6cace4
}
.unloackprod_sec{
    padding:80px 0
}
.brd_unlockprodt_section{
    width:80%;
    margin:0 auto
}
.flex_30_70{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row
}
.flex_30_70 .item:nth-child(even){
    padding-right:0
}
.flex_30_70 .item_30{
    width:30%
}
.flex_30_70 .item_70{
    width:70%
}
.flex_30_70 .item{
    padding-right:20px;
    margin-bottom:55px;
}
.flex_30_70 .item .sec_list .text-info{
    text-decoration: none;
}/*added by jyoti*/
.brd_unlockprodt_section .flex_30_70 .item .sec_title{
    font-size:20px;
    text-align:left
}
.brd_unlockprodt_section .sec_list ul li{
    color:#000
}
.brady_diff_sec{
    background:#012169;
    display:inline-block;
    width:100%;
    text-align:center;
    padding:100px 0;
    color:#fff
}
.brd_brdydiff_section ul{
    display:flex;
    flex-wrap:wrap;
    margin:0
}
.brd_brdydiff_section ul li{
    flex:0 0 33.33%;
    padding:0;
    margin:0;
    text-align:left;
    line-height:20px;
    font-weight:500;
    list-style-type:square;
    padding-right:30px;
    margin-bottom:10px
}
.brd_brdydiff_section img{
    display: inline-block;
}
.brd_brdydiff_section h2{
    font-size: 2.50rem;
}
.smart_factory_page .footer-bar{
    background-image:url(/-/media/intelligent-manufacturing/image/smart-factory-footer.png)
}
.smart_factory_page .pillar_sec{
    padding: 150px 0 100px 0;
}


@media only screen and (max-width:2566px){
    .footer-bar{
        margin-top:-53px
    }
}
@media only screen and (max-width:1920px){
    .footer-bar{
        margin-top:-40px
    }
}
@media only screen and (max-width:767px){
    .flex-container{
        max-width:100%;
        padding: 0 25px;
    }
    .hero-area{
        background-position:left;
        height:auto;
        width:100%;
        padding:50px 30px
    }
    .home_page .hero-area,
    .hero-area.hero-prod-flex {
        height: auto;
        width: 100%;
        padding: 50px 0 70px;
    }
    .hero-area.hero-prod-flex,
    .hero-area.hero-interconn-flex,
    .hero-area.hero-smartfactory-flex {
        padding: 50px 10px 50px;
        height: auto;
    }
    .home_page .hero-area .hero_content {
        margin-bottom: 30px;
        text-align: left;
        letter-spacing: 0.8px;
    }
    .hero-area .flex_50 .item_50 {
        width: 100%;
    }
    .brd_first_section .item:first-child img{
        margin-top:-5rem;
        width: 50%;
    }
    .production_flex_page .brd_first_section .item:first-child img {
        margin-top: 0;
        width: 70%;
    }
    .brd_first_section,.brd_second_section{
        display:block;
    }
    .brd_first_section .item+.item{
        padding-left:0;
        width:100%;
    }
    .brd_first_section .item:first-child{
        width:100%;
    }
    .brd_second_section .item{
        width:100%;
    }
    .brd_second_section .item+.item{
        margin-left:0;
        width:100%;
        padding-left:0;
    }
    .newsletter_sec{
        padding:80px 0;
    }
    .newsltr_title{
        font-size:1.6rem;
        text-align:left
    }
    .brd_newsltr_section .item:first-child{
        width:100%;
        margin-right:0
    }
    .brd_newsltr_section .item+.item{
        width:100%
    }
    .brd_newsltr_section{
        flex-wrap:wrap
    }
   .flex-container .brd_pillar_section .item{
        flex:100%;
        padding:0;
        margin-bottom:80px;
    }
    .brd_pillar_section .item{
        flex:100%;
        padding:0;
    }
 
    .brd_pillar_section .item .block p,.brd_pillar_section .item .block ul li{
        text-align:left;
    }
    .brd_pillar_section .item:last-child{
        margin-top:-40px; /* added by jyoti*/
        margin-bottom: 0;
    }
    #primary_pillar .brd_pillar_section .item:last-child{
        margin: 0;
    }
    .brd_pillar_section .learn-more{
        position:relative;
        bottom:0
    }
    .brd_pillar_section .item .block{
        padding:1.25rem 1.25rem 2.25rem;
        min-height:auto
    }
    .pillar_title{
        text-align:left
    }
    .brd_counter_section .item{
        width:100%;
        margin-bottom:20px
    }
    .brd_counter_section{
        margin:0;
        width:100%
    }
    .brd_left_section .item:first-child{
        order:4
    }
    .brd_left_section .item:last-child{
        order:2
    }
    .brd_left_section,.brd_right_section{
        flex-wrap:wrap
    }
    .brd_left_section .item:first-child,.brd_right_section .item:first-child{
        width:100%
    }
    .brd_left_section .item:last-child,.brd_right_section .item:last-child{
        margin-left:0;
        width:100%;
        padding:0
    }
    .row_blog{
        flex-wrap:wrap;
    }
    .blog_block{
        flex-wrap:wrap;
       width: 100%;
    }
    .blog_block .blog_img{
        width:100%;
    }
    .blog_block .blog_content{
        width:100%;
        margin-left:0;
    }
    .blog_block:last-child{
        margin-left:0;
        margin-top:30px;
    }
    .blog_block .blog_img img{
        width:70%;
        margin-bottom:10px;
    }
    .sec_para {
        text-align: left;
    }
    .sub_title{
        margin-bottom:2.125rem;
        font-size:23.6px
    }
    .brd_pillar_section h1{
        font-size:23.6px
    }
    .connt_title{
        font-size:24px
    }
    .footer-bar{
        background-size:cover;
        height:80px;
        background-position:top center;
        margin-top:-20px
    }
    .production_flex_page .hero-section{
        width:100%;
        text-align:left
    }
    .interconnectivity_page .six_sec,
    .blog_sec,
    .power_integre_sec,
    .newsletter_sec,
    .unloackprod_sec,
    .brady_diff_sec,
    .connectnow_sec,
    .six_sec,
    .intelligent_mfg_sec {
        padding: 50px 0;
    }
    .hero-area.hero-prod-flex .hero-section{
        width:100%
    }
    .hero_content .hero-title{
        font-size:1.875rem
    }
    .production_flex_page .first_sec{
        padding:50px 0
    }
    .production_flex_page .hero_content p{
        padding-right:0;
        margin:0
    }
    .brd_enbdatana_section .item{
        flex:100%
    }
    .enbdata_sec{
        background-position:right;
        padding:50px 0px;
        background:#012269
    }
    .flex_50{
        flex-direction:column;
        display:block
    }
    .item_50 {
        margin-right: 0;
        padding: 0;
        width: 100%;
        margin: auto;
    }
    .six_sec .brd_six_section .item_50 {
        width: 100%;
        margin: 0;
        padding-top: 30px; /*added by jyoti*/
    }
    .hero-area.hero-smartfactory-flex .hero-section {
        margin-bottom: 0;
        padding-right: 30px;
    }
    .brd_brdydiff_section ul li{
        flex:0 0 100%;
    }
    .brd_unlockprodt_section{
        width:100%;
    }
    .flex_30_70 .item_30,.flex_30_70 .item_70{
        width:100%;
        padding:0;
    }
    /* .brd_unlockprodt_section .sec_list ul li:last-child{
        margin:0;
    } */ /*comment by jyoti*/
    .brd_unlockprodt_section .sec_list ul:last-child{
        margin:0;
    }
    .flex_30_70 .item:last-child{
        margin:0;
    }
    .smart_factory_page .first_sec{
        padding:50px 0;
    }
    /* .sec_list ul li:last-child{
        margin:0;
    } */ /*comment by jyoti*/
    .cntbrdprdt .item:first-child{
        margin-bottom:50px;
    }
    .flex_30_70 .item_30 img, .flex_30_70 .item_70 img {
        width: 100%;
    }
    .card.speed_card, .card.productivity_card, .card.quality_card, .card.efficiency_card, .card.flexibility_card {
        position: static;
    }
    .card_position {
        height: auto;
        width: auto;
        display: block;
    }
    .img_over_content {
        position: static;
        height: auto;
        transform: none;
        display: block;
    }
    .card_position .card {
        width: 100%;
        margin-bottom: 10px;
    }
    .intelligent_mfg_sec .card-body {
        min-width: 270px;
        min-height: 115px;
    }
    .intelle_content {
        width: 100%;
        margin-left: auto;
        margin-bottom: 0;
    }
    .card_position .card:hover {
        transform: none;
    }

    .unloackprod_sec .flex_30_70 .item:first-child {
        order: 1;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(2) {
        order: 2;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(3) {
        order: 5;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(4) {
        order: 4;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(5) {
        order: 6;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(6) {
        order: 7;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(7) {
        order: 9;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(8) {
        order: 8;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(9) {
        order: 10;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(10) {
        order: 11;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(11) {
        order: 13;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(12) {
        order: 12;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(13) {
        order: 14;
    }
    .unloackprod_sec .flex_30_70 .item:nth-child(14) {
        order: 15;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait){
    .flex-container{
        max-width:100%;
        padding: 0 30px;
    }
    .hero-area {
        background-position: left;
        width: 100%;
        padding: 50px 0 50px;
        height: 450px;
    }
    .hero-area.hero-prod-flex,
    .hero-area.hero-interconn-flex,
    .hero-area.hero-smartfactory-flex {
        height: 370px;
    }
    .hero-area.hero-smartfactory-flex .hero-section {
        margin-bottom: 0;
    }
    .hero-area .flex_50 .item_50 {
        width: 100%;
    }
    .hero-area.hero-prod-flex .hero-section{
        width:80%
    }
    .brd_first_section .item:first-child,.brd_second_section .item+.item{
        text-align:center;
        padding-left: 0;
    }
    .brd_first_section .item:first-child img{
        margin-top:-9rem
    }
    .brd_counter_section{
        margin:0
    }
    .brd_left_section .item:first-child{
        order:4
    }
    .brd_left_section .item:last-child{
        order:2
    }
    .brd_pillar_section .item .block{
        width:100%
    }
    .brd_pillar_section .item{
        flex:100%;
    }
    /* .brd_pillar_section .item{
        margin-top:70px;
    } */ /*comment by jyoti*/
    .brd_pillar_section .item .block{
        padding:1.25rem 1.25rem 1.25rem;
        min-height:auto;
    }
    .brd_pillar_section .flip_animation {
        transition: 500ms ease-out;
        width: 100%;
    }
    .brd_pillar_section .learn-more{
        position:relative;
        bottom:0
    }
    .brd_pillar_section h1 {
        margin: 0;
    }
    .brd_first_section,.brd_second_section{
        display:block
    }
    .brd_first_section .item+.item{
        margin-left:0;
        width:100%
    }
    .brd_first_section .item:first-child{
        width:100%
    }
    .brd_second_section .item{
        width:100%
    }
    .brd_second_section .item+.item{
        margin-left:0;
        width:100%
    }
    .newsltr_title{
        font-size:1.5rem;
        text-align:left
    }
    .newsletter_sec{
        padding:60px 0
    }
    .brd_newsltr_section{
        display:block
    }
    .brd_newsltr_section .item:first-child{
        width:100%
    }
    .brd_newsltr_section .item+.item{
        width:100%;
        margin-top:40px
    }
    .row_blog{
        display:flex
    }
    .blog_block{
        flex-wrap:wrap
    }
    .blog_block .blog_img{
        width:100%
    }
    .blog_block .blog_content{
        width:100%;
        margin-left:0
    }
    .blog_block:last-child{
        margin-left:0;
        margin-top:0
    }
    .blog_block .blog_img img{
        width:100%;
        margin-bottom:10px
    }
    .blog_block{
        width:50%;
        padding:10px
    }
    .brd_left_section,.brd_right_section{
        flex-wrap:wrap
    }
    .brd_left_section .item:last-child,.brd_right_section .item:first-child{
        width:100%;
        margin-left:0
    }
    .brd_left_section .item:first-child,.brd_right_section .item:last-child{
        text-align:center;
        margin-left:0;
        width:100%
    }
    .production_flex_page .first_sec{
        padding:50px 0 50px
    }
    .brd_unlockprodt_section{
        width:100%
    }
  
    .brd_brdydiff_section ul li{
        flex:0 0 50%
    }
    .cntbrdprdt .item:first-child{
        margin-bottom:50px
    }
    .enbdata_sec{
        padding:40px 0
    }
    .item_50 {
        width: 48%;
        margin: 7px;
    }
    .six_sec .brd_six_section .item_50 {
        width: 50%;
        margin: 0;
        padding: 10px;
    }
    .card.speed_card, .card.productivity_card, .card.quality_card, .card.efficiency_card, .card.flexibility_card {
        position: static;
    }
    .card_position {
        height: auto;
        width: auto;
        display: block;
    }
    .img_over_content {
        position: static;
        height: auto;
        transform: none;
        display: block;
    }
    .card_position .card {
        width: 49%;
        margin-bottom: 10px;
    }
    .card_position .card:hover {
        transform: none;
    }
    .intelligent_mfg_sec .card-body {
        min-width: 270px;
        min-height: 115px;
    }
    .intelle_content {
        width: 100%;
        margin-left: auto;
        margin-bottom: 0;
    }
    .brd_pillar_section .item{
        margin-bottom:80px;
    }
    .brd_pillar_section_h2 {
        margin-bottom: 6.625rem;
    }
    .brd_pillar_section .item:last-child{
        margin-top:-40px; 
        margin-bottom: 0;
    }
    #primary_pillar .brd_pillar_section .item:last-child{
        margin-top: 0 ;
    } 
    .brd_first_section .item+.item {
        padding-left: 0;
    }
    .brd_right_section .item:last-child{
        padding-left:0;
    }
}
@media only screen and (min-width :800px) and (max-width :1280px){
    .flex-container{
        max-width:100%;
        padding: 0 30px;
    }
    .intelle_content {
        width: 100%;
        margin-left: auto;
        margin-bottom: 0;
    }
}
@media only screen and (min-width :800px) and (max-width :1280px) and (orientation:landscape){
    .btn{
        padding:.375rem 3.05rem
    }
    .brd_counter_section{
        margin:0 0
    }
    .hero-area.hero-prod-flex .hero-section{
        width:70%
    }
    .brd_first_section .item+.item{
        padding-left:20px;
        width:50%
    }
    .brd_first_section .item:first-child,.brd_left_section .item,.brd_left_section .item:last-child,.brd_right_section .item,.brd_right_section .item:first-child,.brd_second_section .item,.brd_second_section .item:last-child{
        width:50%
    }
    .hero-area.hero-prod-flex{
        width:100%
    }
    .card.productivity_card {
        right: -190px;
        top: 270px;
    }
    .card.efficiency_card {
        bottom: 380px;
        right: -145px;
    }
    .card.flexibility_card {
        bottom: 100px;
        left: -80px;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
    .flex-container{
        max-width:100%;
    }
    .hero-area{
        width:100%
    }
    .item_50 {
        width: 48%;
        margin: 5px;
    }
    .card.speed_card {
        top: 120px;
        left: -235px;
    }
    .card.productivity_card {
        right: -210px;
        top: 185px;
    }
    .card.efficiency_card {
        bottom: 275px;
        right: -175px;
    }
    .card.flexibility_card {
        bottom: 50px;
        left: -120px;
    }
    .six_sec .brd_six_section .item_50 {
        width: 40%;
        margin: 0px 20px;
    }
    .brd_pillar_section_h2 {
        margin-bottom: 2.625rem;
    }
}
@media only screen and (max-device-width:854px) and (orientation:landscape){
    .hero-area.hero-prod-flex .hero-section{
        width:70%
    }
    .brd_first_section .item:first-child img{
        margin-top:-6rem
    }
    .brd_first_section .item:first-child{
        width:100%
    }
    .brd_first_section .item+.item{
        padding-left:0;
        width:100%
    }
    .brd_second_section .item{
        width:100%
    }
    .brd_second_section .item+.item{
        padding-left:0;
        width:100%
    }
    .hero-area{
        height:auto;
        padding:80px 30px
    }
    .hero-area.hero-smartfactory-flex .hero-section{
        margin-bottom:0;
        padding-right:50%
    }
    .brd_unlockprodt_section{
        width:100%
    }
    .enbdata_sec{
        padding:57px 0
    }
    .footer-bar{
        margin-top:-18px
    }
    .brd_counter_section{
        margin:0;
        width:100%
    }
    .brd_pillar_section .item .block{
        min-height:auto;
        width:100%
    }
    .brd_pillar_section .item{
        flex:0 0 100%;
        margin-bottom:60px
    }
    .brd_pillar_section .item:last-child{
        margin-bottom:0
    }
    .brd_pillar_section .flip_animation {
        width: 100%;
    }
    .home_page .hero-area{
        height:auto
    }
    .brd_pillar_section .item .block.realtime_realdeal p{
        margin-bottom:70px
    }
    .card.speed_card, .card.productivity_card, .card.quality_card, .card.efficiency_card, .card.flexibility_card {
        position: static;
    }
    .card_position {
        height: auto;
        width: auto;
        display: block;
    }
    .img_over_content {
        position: static;
        height: auto;
        transform: none;
        display: block;
    }
    .card_position .card {
        width: 48%;
        margin: 5px;
    }
    .card_position .card:hover {
        transform: none;
    }
    .intelligent_mfg_sec .card-body {
        min-width: 270px;
        min-height: 115px;
    }
}
@media only screen and (max-width:767px) and (orientation:landscape){
    .btn{
        padding:.375rem 3.05rem
    }
    .hero-section{
        width:50%
    }
}




/***** blog styles added by mkuhn 082922 *****/
/*** RESET ***/
.BR-FreeForm  {
  padding-top: 0;
  padding-bottom: 0;
}




/*** HERO ***/
.hero-area {
  max-height: 400px;
}
.accent-bar {
  width: 100%;
  height: 10px;
}
.gradient--primary {
  background-image: linear-gradient(to right,#012169,#6cace4)
}




/*** SECTIONS ***/
.section-main {
  margin: 60px 0;
}
.section--gray-bg {
  padding: 60px 0;
  margin: 30px 0;
  background-color: #F1F2F2;
}
.section-white-paper {
  display: flex;
  padding: 40px 0;
  background-color: #F9F9F9;
}
.section-white-paper__blue {
    display: flex;
    padding: 40px 0;
    background-color: #01174B;
  }
.section-white-paper .flex-container, .section-white-paper__blue .flex-container {
  flex-direction: row;
}
.section-white-paper__p {
  font-size: 24px; 
  font-weight: 400; 
  color: #012169;
  line-height: 30px;
  margin: 0;
}
.section-white-paper__blue__p {
    font-size: 24px; 
    font-weight: 400; 
    color: #fff;
    line-height: 30px;
    margin: 0;
  }
@media only screen and (max-width:640px){
    .section-white-paper .flex-container, .section-white-paper__blue .flex-container {
        flex-direction: column;
        height: fit-content;
      }
      .section-white-paper__p, .section-white-paper__blue__p {
        margin: 0 0 20px 0;
        text-align: center;
      }
}

.section-contact-us--blue-bg {
  padding: 50px 0;
  background: linear-gradient(to bottom right,#010f2f,#012169); 
}
.section-contact-us--blue-bg h2 {
  margin-top: 0;
}
.section-contact-us--blue-bg p {
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  margin-bottom: 30px;
}




/*** HEADINGS ***/
.blog-h1 {
  font-size: 1.875rem;
  font-weight: 800;
  color: #012169;
  margin: 2rem 0 1.25rem;
}
.blog-h2 {
  font-size: 1.75rem;
  font-weight: 300;
  color: #012169;
  margin: 2rem 0 1.25rem;
}
.blog-h3 {
  font-size: 20px;
  font-weight: 700;
  color: #012169;
  margin: 1.5rem 0 1rem;
}
.blog-h4 {
  font-weight: 500;
  font-size: 1.0625rem;
  margin: 1rem 0 .75rem;
}
.inline-heading .blog-h1,
.inline-heading .blog-h2,
.inline-heading .blog-h3,
.inline-heading .blog-h4,
.inline-heading .blog-para {
  display: inline;
}




/*** TEXT ***/
.blog-para {
  letter-spacing:.5px;
  line-height: 1.463rem;
  margin-bottom: 1.25rem;
  font-size: 1rem; 
  color:black; 
  font-weight: 400;
}

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

.text--white {
  color: #fff;
}
.text--gray {
  color: #ccc;
}
.text--green {
  color: #3d8a92;
}
.text--blue {
  color: #012169;
}
.text--lightblue {
  color: #368dc5;
}
.text--purple {
  color: #55437f;
}
.text--yellow {
  color: #fdc82f;
}

.text__weight--500 {
  font-weight: 500;
}
.text__weight--700 {
  font-weight: 700;
}
.text__weight--800 {
  font-weight: 800;
}

/* Don't use these structures, but wait until checking pages to delete */ 
.text--blue-bold {
  color: #012169;
  font-weight: 600;
}
.strong--700 {
  font-weight: 700;
}
.strong--800 {
  font-weight: 800;
}
/* Don't use this */ 



/*** LINKS ***/
.im-text-button {
  color: #fdc82f;
  font-weight: 700;
}
.im-text-button:hover {
  color: #ffdd78;
}
.im-text-button:active {
  color: #012169;
}
.im-text-button:visited {
  color: #fdc82f;
}



/*** LISTS ***/
.square-list li {
  list-style-type: square;
  margin-left: 0;
}
@media screen and (min-width: 769px) {
  .square-list li {
    margin-left: 20px;
  }
}
.square-list li:last-child {
  margin-bottom: 0;
}

/* Icons + heading & text list */
.icon-list {
  margin: 0 auto;
}
.icon-list__row {
  display: flex;
  flex-direction: column;
  margin: 2rem 1rem;
}
.icon-list__row:first-child {
  margin-top: 1rem;
}
.icon-list__iconHeading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.icon-list__iconHeading img {
  max-width: 80px;
}
.icon-list__icon {
  display: flex;
  align-items: center;
}
.icon-list h3 {
  margin: 0 0 0 1rem;
}
.icon-list__text p:last-child {
  margin-bottom: 0;
}

/* Icons + heading & text list -- alternating */
.icon-list--alternating {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.icon-list__row--iconLeft,
.icon-list__row--iconRight {
  display: flex;
  flex-direction: row;
  margin: 2rem;
}
.icon-list__row--iconLeft:first-child {
  margin-top: 1rem;
}
.icon-list--alternating h3 {
  margin-top: 0;
}
.icon-list--alternating .icon-list__icon {
  min-width: 120px;
  max-width: 120px;
}
.icon-list__row--iconLeft .icon-list__text {
  margin-left: 2rem;
}
.icon-list__row--iconRight .icon-list__text {
  margin-right: 2rem;
}




/*** IMAGES ***/
.image--center {
  margin-left: auto;
  margin-right: auto;
}
.image__label {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 600;
  color: #012169;
  margin-bottom: 12px;
}




/*** CONTENT BLOCKS ***/
/* Quote block */
.quote-block {
  display: flex;
  margin-bottom: 16px;
}

.quote-block__para {
  padding: 16px;
  margin: 0;
  color: #fff;
}
@media only screen and (max-width: 639px) {
  .quote-block__icon {
    display: none;
  }
}
.quote-block__icon{
  background-color: #6CACE4;
  min-height: 150px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-block__icon img {
  height: 40px;
  width: 50px;
}

/* Images left, copy right block */
.images-left-block .row {
  margin-bottom: 30px;
}
.images-left-block .blog-h2,
.images-left-block .blog-h3,
.images-left-block .blog-h4 {
  margin-top: 0;
}
.images-left-block__leftcol img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .images-left-block__leftcol img {
    margin: 0 auto 30px 0;
  }
}
@media screen and (min-width: 640px) {
  .images-left-block__leftcol {
    padding-left: 0;
  }
  .images-left-block__rightcol {
    padding-left: 20px;
  }
  .images-left-block__leftcol img {
    margin: 0 auto 20px 0;
  }
}

/* Copy left, images right block */
.copy-left-block .row {
  margin-bottom: 30px;
}
.copy-left-block .blog-h2,
.copy-left-block .blog-h3,
.copy-left-block .blog-h4 {
  margin-top: 0;
}
.copy-left-block__rightcol img {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .copy-left-block__rightcol img {
    margin: 0 auto 30px auto;
  }
  .copy-left-block__leftcol {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 640px) {
  .copy-left-block__leftcol {
    padding-left: 0;
  }
  .copy-left-block__rightcol {
    padding-left: 40px;
  }
  .copy-left-block__rightcol img {
    margin: 0 auto 10px auto;
  }
}

/* Gradient left, solid blue right block */
.gradient-solid-block__left {
  background-image: linear-gradient(to right,#6cace4,#012169); 
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.gradient-solid-block__left p {
  color: #fff;
  font-weight: 800; 
  font-size: 28px; 
  line-height: 2rem; 
  padding: 30px; 
  margin-bottom: 0;
}
.gradient-solid-block__right {
  background-color: #6CACE4; 
  min-height: 150px;
}
.gradient-solid-block__right p{
  color: #012169; 
  line-height: 24px;  
  padding: 30px; 
  margin-bottom: 0;
  font-weight: 400;
}




/*** TABLES & CHARTS ***/
/* Strategy table */
@media screen and (max-width: 600px) {
  .strategy-table-outer {
    overflow-x: scroll;
  }
}
.strategy-table {
  margin: 10px auto 32px;
  border: 0;
}
.strategy-table td {
  font-weight: 500;
}
.strategy-table__col1 {
  background-color: #f0f7fc;
}
.strategy-table__col2 {
  background-color: #e6e9f0;
}
.strategy-table__col3 {
  background-color: #d9dbe0;
}
.strategy-table__col1, 
.strategy-table__col2, 
.strategy-table__col3   {
  border: 1px solid #7eb6e7;
}
.strategy-table__col0-head {
  border: none;
}
.strategy-table__col1-head {
  text-transform: uppercase;
  background-color: #6cace4;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #000000;
  color: #ffffff;
}
.strategy-table__col2-head {
  text-transform: uppercase;
  background-color: #012169;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #000000;
  color: #ffffff;
}
.strategy-table__col3-head {
  text-transform: uppercase;
  background-color: #010f2f;
  border-bottom: 2px solid #000000;
  color: #ffffff;
}

/*  Color Chart
- Headers are in left column
- Colors are mostly taken from strategy table
- Don't for
*/
.color-chart {
  display: flex;
  flex-direction: column;
  border-collapse: collapse;
}
.color-chart__row1,
.color-chart__row2,
.color-chart__row3,
.color-chart__row4 {
  display: flex;
  flex-direction: row;
}
.color-chart__row1-head,
.color-chart__row2-head,
.color-chart__row3-head,
.color-chart__row4-head {
  display: flex;
  align-items: center; 
  justify-content: center;
  min-width: 150px;
  padding: 1rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: .5px solid white;
  border-collapse: collapse;
}
.color-chart__row1-head {
  background-color: #6cace4;
}
.color-chart__row2-head {
  background-color: #0c3aa4;
}
.color-chart__row3-head {
  background-color: #012169;
}
.color-chart__row4-head {
  background-color: #010f2f;
}
.color-chart__row1-content,
.color-chart__row2-content,
.color-chart__row3-content,
.color-chart__row4-content {
  display: flex;
  padding: 1.5rem;
  border: .5px solid white;
  border-collapse: collapse;
}
.color-chart__row1-content {
  background-color: #f1f6fb;
}
.color-chart__row2-content {
  background-color: #e5ebf4;
}
.color-chart__row3-content {
  background-color: #dbe0ee;
}
.color-chart__row4-content {
  background-color: #d0d7e9;
}
/* Breakpoint at 640px */
.hide-640px-up .color-chart__row1,
.hide-640px-up .color-chart__row2,
.hide-640px-up .color-chart__row3,
.hide-640px-up .color-chart__row4 {
  display: flex;
  flex-direction: column;
}
/* Override heading styles */
.color-chart h3 {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.5rem;
}


/*** UTILITY ***/
.margin-top-0 {
  margin-top: 0;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-left-0 {
  margin-left: 0;
}
.margin-right-0 {
  margin-right: 0;
}
.padding-left-0 {
  padding-left: 0;
}
.padding-left-40percent {
  padding-left: 40%;
}
.padding-right-0 {
  padding-right: 0;
}
.gray-bg {
  background-color: #f1f2f2;
}
.flex-center-both-axes {
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.max-width-300 {
  max-width: 300px;
}
.max-width-400 {
  max-width: 400px;
}
.max-width-500 {
  max-width: 500px;
}
.max-width-600 {
  max-width: 600px;
}
.max-width-700 {
  max-width: 700px;
}
.max-width-800 {
  max-width: 800px;
}


.show-at-768px {
  display: none;
}

/*** 639px AND BELOW ***/
@media screen and (max-width: 639px) {
  .hide-639px-down {
    display: none;
  }
}

/*** 640px AND ABOVE ***/
@media screen and (min-width: 640px) {
  .hide-640px-up {
    display: none;
  }
  .padding-left-0-640px-up {
    padding-left: 0;
  }
  .margin-left-0-640px-up {
    margin-left: 0;
  }
}

/*** 768px AND ABOVE ***/
@media screen and (min-width: 768px) {
  .hide-at-768px {
    display: none;
  }
  .show-at-768px {
    display: block;
  }
}

/*** 959px AND BELOW ***/
@media screen and (max-width: 959px) {
  .hide-959px-down {
    display: none;
  }
}

/*** 960px AND ABOVE ***/
@media screen and (min-width: 960px) {
  .hide-960px-up {
    display: none;
  }
}