body{font-family: Arial, Helvetica, sans-serif; padding-top: 0px; overflow-x: hidden;
background-color: #f5f5f7;  overflow-x: hidden;}
ul,ol{padding: 0px; margin: 0px;}
.container{max-width: 1240px;}
p{font-family: Arial}
h1,h2,h3,h4,h5,h6{
    font-family: Arial;
}







.main_banner{
    width: 100%;
    position: relative;
    display: block;
    /* height: 100vh;
    min-height: 100vh;
    max-height: 100vh; */
    overflow: hidden;
}
/* Set a fixed height for .inner-four-sec in desktop view */
@media (min-width: 992px) {
    .inner-four-sec {
        height: 300px;
        overflow-y: auto;
    }
}

/* Adjust font size for smaller devices */
@media (max-width: 768px) {
    .four-sec-title {
        font-size: 24px;
    }

    .para-normal {
        font-size: 14px;
    }
}

/* Adjust layout for extra small devices */
@media (max-width: 576px) {
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.it1:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/software\ engineering.jpg');
}
.it2:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/cloud\ transformation.jpg');
}
.it3:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/data\ eng.jpg');
}
.it4:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/App\ dev.jpg');
}
.it5:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/cloud\ transformation.jpg');
}
.it6:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/a3a9ca9d45164e31961fc9c78b797934.jpg');
}
.it7:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/3a5b135313c4a3ee5b3ddf86c57fd898.jpg');
}
.it8:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/9e74dd886d8e8bd8041903bf1738bd45.jpg');
}
.it9:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/pexels-vanessa-garcia-6325984.jpg');
}
.it10:hover{
    background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0,0,0,0.5)),url('../images/sap.jpg');
}
.inner-four-sec p, .para{
    text-align: justify;
}
#preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 9999999999;
    /* makes sure it stays on top */
}

#status {
    width: 125px;
    height: 146px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../images/logo.png);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: -80px 0 0 -50px;
    /* is width and height divided by two */
    animation: zoominoutsinglefeatured 2s infinite;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}


h1,h2,h3,h4,h5,h6{font-family: Arial;}

/* ul.fsocial li a.fb, .fixed_social li a.fb {
    background: #4867AA;
}
ul.fsocial li a.tw, .fixed_social li a.tw {
    background: #1DA1F2;
}
ul.fsocial li a.gp, .fixed_social li a.gp {
    background: #DC473A
}
ul.fsocial li a.in, .fixed_social li a.in {
    background: #007BB6
}
ul.fsocial li a.scrollup {
    background: #555;
}
ul.fsocial li a.fb:hover {
    color: #4867AA;
    border: 1px solid #4867AA;
}
ul.fsocial li a.tw:hover {
    color: #1DA1F2;
    border: 1px solid #1DA1F2;
}
ul.fsocial li a.gp:hover {
    color: #DC473A;
    border: 1px solid #DC473A;
}
ul.fsocial li a.in:hover {
    color: #007BB6;
    border: 1px solid #007BB6;
}
ul.fsocial li a:hover {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    transition: all .5s;
} */
.fixed_social {
    float: right;
    display: inline-block;
    z-index: 999999;
}
.fixed_social li {
    list-style: none;
    float: left;
    display: inline-block;
    margin-left: 4px;

}
.fixed_social li a {
    float: left;
    color: #fff;
    opacity: 0.6;
    text-align: center;
    width: 36px; 
    height: 26px;
    border-radius: 0;
    line-height: 26px;
    margin-top: 8px;
    font-size: 16px;
    transition: all .5s;
}
.fixed_social li a:hover {
    border-radius: 0;
    transition: all .5s;
}
/* .fixed_social li:last-child a{
    margin-top: 0px;
    height: 39px;
    width: auto;
    text-decoration: none;
    font-weight: 500;
    padding: 0 20px;
    line-height: 39px;
    background-color: #007dc6;
    margin-left: 15px;
} */

/*--------header-----------*/
.header{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
}

.header_top{
    width: 100%; 
    display: table; 
	margin-top: 10px;
    margin-bottom: 10px;
    height: fit-content;
    /*background-color: #fff;
    background-image: url('../images/bg1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;*/
}
#header.fixed1{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 99999;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
    /* border-bottom: 1px solid #ccc; */
}
.logo{
    float: left;
    display: inline-block;  
    height: 79px;
    line-height: 79px;
    margin-left: 0px;
}
.logo a{
    vertical-align: middle;
    display: table;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 125px;
    height: inherit;
    background-size: 100%;
}


.top1_left {
    display: inline-block;
    float: right;
}
.top1_left ul li {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    position: relative;
    opacity: 0.7
}
.top1_left ul li a{
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 0 10px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0px;
    transition: all 0.3s ease 0s;
}
.top1_left ul li a i{margin-right: 7px; font-size: 14px; color: #fff; }
.top1_left ul li.whatsapp a i{color: #2751ab;}
/* .top1_left ul li a:hover{color: #41ace1;} */
/* .top1_left ul li:after{
    position: absolute;
    right: 0px;
    top: 10px;
    width: 1px;
    height: 18px;
    content: "";
    background-color: #ccc;
} */
.top1_left ul li:last-child:after{display: none;}

.topsocial{float: right; display: inline-block; margin-top: 5px;}
.topsocial a{text-decoration: none; color: #fff; border: 1px solid #fff; font-size: 14px; 
    transition: all 0.3s; padding: 0 12px; height: 30px; margin-left: 7px; 
    display: inline-block; text-align: center; line-height: 28px;}
.topsocial a:hover{background-color: #fff; color: #1b3072;}
img.iso1{width: 80px; margin-top: 2px;}

.main_menu{
    clear: both;
    width: 100%;
    display: table;
    background-color: #1e205a;
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.15);
}
.menu{
   float: right;
   display: inline-block;
}
.menu > ul{
    list-style: none;   
    float: left;
    margin-right: 0px;
}
.menu > ul > li{
    display: inline-block;
    float: left;
    position: relative;
    padding: 0 20px;
}
.menu > ul > li > a{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    display: block;
    transition: all 0.3s ease 0s;
    outline: 0px;
    padding: 0 2px;
    height: 79px;
    font-weight: 600;
    line-height: 79px;
    text-transform: uppercase;
    /*border-bottom: 4px solid #fff;*/
}
#header.fixed1 .menu > ul > li > a{
	color:#000;
}
#header.fixed1 .menu ul > li:hover > a, .menu ul > li > a.active{
	color: #000000 !important;
}
#header.fixed1 .logo a{
    background-image: url(../images/logo.png);
}
.menu > ul > li > a i{margin-left: 2px;}
.menu ul > li:hover > a, .menu ul > li > a.active{
    color: #000000;
    /*border-color: #1e205a;*/
}


.menu ul li:hover ul.submenu1{
    display: block;  
}
.menu ul li:last-child:hover ul.submenu1{
    display: block;  
    right: 0;
    left: auto;
}
ul.submenu1{
    width: auto;
    min-width: 220px;
    /*max-width: 1000px;*/
    background-color: #fff;
    box-shadow: 0 6px 4px 3px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 100%;
    left: 0px;
    list-style: none;
    display: none;
    z-index: 9999999999;
}
ul.submenu1 li{
    display: table;
    clear: both;
    width: 100%;  
    position: relative;  
}
ul.submenu1 li a{
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 20px !important;
    display: block;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    text-align:left;
    text-transform: capitalize;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}
ul.submenu1 > li:last-child > a{border-bottom: 0px;}
ul.submenu1 li:hover > a{
    color: #000 !important; background-color: #f7f9fe; 
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; */
}
ul.submenu1 li:last-child a{
    border-bottom: 0px !important;
}
ul.submenu2{display: none !important; border-top: 0px; min-width: 240px;}
.menu ul > li ul.submenu1 li:hover ul.submenu2{left: 100%; top: 0px; display: block !important;
background-color: #f3f3f3;}
ul.submenu2 li a{color: #000 !important;}


ul.submenu3{display: none !important; border-top: 0px; min-width: 240px;}
.menu ul > li ul.submenu2 li:hover ul.submenu3{left: 100%; top: 0px; display: block !important;
background-color: #fff;}
ul.submenu3 li a{color: #000 !important;}


a.enquirenow{
    position: relative;
    z-index: 1;
    padding: 10px 26px 6px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    margin: 22px 10px 0px 0;
    transition: all 0.3s;
}
a.enquirenow:before, a.enquirenow:after{
    position: absolute;
    top: 0;
    height: 100%;
    transform: skewX(-10deg);
    transition: all .2s ease-in-out;
    content: "";
}
a.enquirenow:before{
    right: 10px;
    left: 10px;
    z-index: -1;
    background-color: #41ace1;
}
a.enquirenow1:before{background-color: #083e6e;}
a.enquirenow:after{
    background-color: rgba(245,134,52,.6);
    right: 0;
    left: 0;
    z-index: -2;
}
a.enquirenow1:after{background-color: rgba(8,62,110,.6);}
a.enquirenow:hover:before{background-color: #fa9b54;}
a.enquirenow1:hover:before{background-color: #0f62ac;}
/*------header_end--------*/


/*home_link*/
.home_link {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
}
img.banimg{
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 200px;
    z-index: 91;
}
.home_linkgrad {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.bganimationbx {
    background-color: #193b65;
    opacity: 0.30;
}
.site-banner__graphic {
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 9;
    width: 60%;
}

.site-banner__graphic svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.hl_video {
    height: auto;
}

.hl_video video {
    width: 110%;
    display: block;
    left: -5%;
    position: relative;
}


.hl_circle {
    width: 90%;
    left: 5%;
    font-size: 18px;
    text-align: left;
    color: #fff;
    text-align: center;
    padding: 0 5%;
    padding-top: 20%;
    top: 0px;
    /* background: rgba(255, 255, 255, 0.8);
    padding: 100px; */
    position: absolute;
    z-index: 9;
}

.hl_circle p {
    font-size: 34px;
    font-weight: 600;
}
.hl_circle p span{margin: 0 15px; display: inline-block;}
.hl_circle h2 {
    font-size:66px;
    line-height: 66px;
    color: #fff;
    letter-spacing: -1px;
    margin-bottom: 15px;
    margin-top: 20px;
    /* text-transform: uppercase; */
    text-shadow: 0 0 191px black !important;
    font-weight: 700;

}

.hl_circle ul {
    list-style: none;
    width: 100%;
    clear: both;
    margin-top: 50px;
}

.hl_circle ul li {
    float: left;
    display: inline-block;
}

.hl_circle ul li a {
    padding: 10px 20px;
    display: block;
    border: 2px solid #fff;
    color: #000;
    font-size: 14px;
    margin: -1px;
    background-color: #ffc9b3d9;
    text-decoration: none;
    transition: all 0.3s;
}
.hl_circle ul li:nth-child(2n) a {background-color: #acd6ffd6;}
.hl_circle ul li a:hover {
    background-color: #fff;
    color: #f15d21;
}
.hl_circle ul li:nth-child(2n) a:hover {color: #003c76;}

.bannerBtn a span,
a.scrollup span {
    transform: rotate(270deg);
    display: block;
    opacity: 1;
    font-size: 12px;
    position: relative;
    left: -28px;
    top: 25px;
}

a.scrollup span {
    color: #000;
}

a.scrollup1 span, a.scrollup3 span {
    color: #fff;
}
a.scrollup2 span {
    color: #000;
}

/* .bannerBtn a::before {
    content: "";
    width: 53px;
    height: 46px;
    position: absolute;
    background: url("../images/arrow-circ.png");
    z-index: 1111;
    top: 70px;
    right: -5px;
} */

/*home_link*/

/* .main_banner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    background: url(../images/mountain_header_home3.svg);
        background-size: auto;
    height: 19%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 21;
    pointer-events: none;

} */
/* .main_banner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: 21;
    pointer-events: none;
    clip-path: polygon(50% 100%, 100% 72%, 100% 100%, 0 100%, 0 72%);
    background-color: #fff;
} */
.banner_txt {
    top: 32% !important;
    color: #fff;
    position: absolute;
    text-align: left;
    width: 100%;
    padding: 0 20px !important;
    margin: auto;
    left: 0%;
    margin: auto;
    text-align: left;
}
.banner_hd, .banner_cont, .banner_r_more {
    width: 100%;
    float: left;
}
.banner_hd {
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    font-weight: 400;   
    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important; */
    /* visibility: visible !important; */
    text-transform: capitalize;
}
.banner_hd span{color: #41ace1;}
.banner_hd1{
    position: relative;
    font-size: 18px;
    color: #007dc6;
    font-weight: 500;
    line-height: 42px;
}
.banner_hd1 span{width: 36px; height: 2px; background-color: #007dc6; display: inline-block;
position: relative; left: 10px; top: -5px;}
.banner_cont {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    width: 40%;
    font-weight: 400;
    margin: 10px 0;
    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important; */
    /* visibility: visible !important; */
}
.banner_cont span {
    margin: 0 10px;
    display: inline-block;
}
.banner_cont span i {
    margin-right: 5px;
}
.banner_r_more{
    clear: both;
    margin-top: 10px;
}
.banner_r_more a{
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    margin: auto;
    display: inline-block;
    border: 1px solid #007dc6;
    background-color: #007dc6;
    font-weight: 600;
    margin-right: 15px;
    padding: 0 20px;
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
}
.banner_r_more a.contus{background-color: transparent; color: #007dc6;}
.banner_r_more img{margin-left: 5px;}
.banner_r_more a:hover{background-color: #1c2842; border-color: #1c2842; color: #fff;}
.banner_r_more a i{margin-left: 10px;}
.ban_but {
    top: 85%;
}

.slideRight ul{list-style: none;}
.slideRight ul li{display: inline-block; position: relative; padding: 0 25px;}
.slideRight ul li:before{
    content: "\f061";
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
.slideRight ul li:first-child:before{display: none;}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 



/*section1*/
.section1{
    clear: both;
    width: 100%;
    display: block;
    position: relative; 
    padding-bottom: 0px;
    background-image: url('../images/shape-1.jpg');
}
.sec0bl1{
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
/* margin-top: -120px; */
margin-top: 40px;
margin-bottom: 0px;
padding: 40px 40px 20px 40px;
z-index: 10;
border-radius: 10px;
width: 100%;
background-color: #fff;
display: table;
}
.feature-block-one{
    padding: 10px 20px;
    float: left;
    width:33.33%;
    border-right: 1px solid #DDDDDD;
}
.feature-block-one:last-child{border-right: 0;}
.service-block {
    position: relative;
    margin-top: -70px;
}
.service-block .inner-box {
    position: relative;
    z-index: 9;
    margin-bottom: 30px;
}
.service-block .top-content {
    position: relative;
    text-align: center;
    background: #fff;
    margin-bottom: 20px;
    transition: .5s ease;
}
.service-block .inner-box:hover .top-content{
    transform: translateY(-10px);
    box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.2);
}
.service-block h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    padding: 23px 0;
    margin: 0px;
    border: 1px solid #e9e6e6;
}
.service-block h4 a {
    color: #222;
    transition: .5s ease;
    text-decoration: none;
}
.service-block h4 a:hover {
    color: #41ace1;
}
.service-block .top-content img {
    width: 100%;
}
.service-block .lower-content {
    position: relative;
}
.service-block .lower-content .text {
    text-align: center;
    margin-bottom: 30px;
}
.service-block .lower-content .link-btn {
    position: relative;
    text-align: center;
}
.service-block .lower-content .link-btn:before {
    position: absolute;
    content: '';
    background: #e0e0e0;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    transition: .5s ease;
}
.service-block .lower-content .link-btn:after {
    position: absolute;
    content: '';
    background: #41ace1;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    transition: .5s ease;
    transform: scaleX(0);
    transform-origin: center;
}
.service-block .inner-box:hover .lower-content .link-btn:after {
    transform: scaleX(1);
}
.service-block .lower-content .link-btn a {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    background: #eee;
    border-radius: 50%;
    color: #41ace1;
    font-size: 15px;
    transition: .5s ease;
    z-index: 5;
}

.service-block .inner-box:hover .lower-content .link-btn a {
    border-color: #41ace1;
}
.service-block .lower-content .link-btn a:before {
    position: absolute;
    content: '';
    background: #41ace1;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: 1s ease;
}

.service-block .inner-box:hover .lower-content .link-btn a:before{
    opacity: 0;
}
.service-block .lower-content .link-btn a span {
    position: relative;
    transform: scale(0);
    display: inline-block;
    transition: .5s ease;
    left: -7px;
}
.service-block .inner-box:hover .lower-content .link-btn a span {
    transform: scale(1);
    opacity: 1;
    left: 0;
    font-size: 21px;
    position: relative;
    top: 2px;
}
/*section1*/

/*partnersbx*/
.partnersbx{
    padding: 40px 0;
    display: table;
    width: 100%;
    background-color: #fff;
    text-align: center;
}
.partnersbx h2{
    text-align: center;
font-weight: 600;
color: #1e205a;
font-size: 38px;
margin-top: 0;
margin-bottom: 30px;
position: relative;
text-transform: uppercase; 
}
.partnersbx p{
    font-size: 18px;
color: #575757;
line-height: 26px;
font-family: Arial;
}
.partnersbx ul{
    list-style:none;
    width: 100%;
    display: table;
    padding: 0;
    margin:0;
    text-align: center;
}
.partnersbx ul li{
    /* float: left; */
    display: inline-block;
    width: 24%;
    padding: 10px 40px;
}
.partnersbx ul li img{width: 100%; display: block;}
/*partnersbx*/

/*section0*/
.section0{width: 100%; padding: 50px 0 50px; position: relative;
    z-index: 9; display: block;
    /* background-image: url("../images/background-bullets.svg");
    background-size: 5px; 
    background-image: url('../images/worldmap-copy-4.png');
    background-size: cover;*/
}
.section0::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/pattern-2.png) right top no-repeat;
}
.sec-title .theme-btn {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: #41ace1;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
}
.sec-title h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    color: #222;
}
.section0 .section-title {
  position: absolute;
  left: -100px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: 233px;
  font-size: 26px;
  display: inline-block;
  margin-bottom: 80px;
  color: rgba(0, 167, 238, 0.8);
  margin-top: 0;
  font-weight: 500;
}
.section0 .section-title:after {
    content: '';
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
border-bottom: 2px solid #41ace1;
  top: 15px;
  left: -105px;
  z-index: 0;
  width: 155px;
  border-bottom: 2px solid rgba(0, 167, 238, 0.8);
}
.section0 h5{margin: 0px; font-size: 16px; text-transform: uppercase;
color: #41ace1; line-height: 36px; font-weight: 400; letter-spacing: 2px;}
.section0 h3{margin-top: 20px; font-size: 46px; margin-bottom: 20px;
color: #212529; font-weight: 400;}
.section0 p{
    font-size: 16px;
color: #575757;
line-height: 24px;
font-family: Arial;
}
.section0 a.rm1{text-decoration: none; color: #fff; background-color: #1e205a;
padding: 10px 35px; display: inline-block; font-size: 16px;
font-weight: 400; transition: all 0.3s;}
.section0 a.rm1:hover{background-color: #41ace1;}


.feature-block-one .inner-box {
    position: relative;
    padding-left: 100px;
    margin-bottom: 25px;
}
.feature-block-one h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;
    margin-top: 0
}
.text {
    font-size: 16px;
    color: #575757;
    line-height: 24px;
    font-family:Arial;
}
.feature-block-one .icon {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 60px;
    color: #41ace1;
}
.feature-block-one .icon img{display: block; vertical-align: top;}

.feature-block-two {
    position: relative;
    margin-top: 40px;
}

.feature-block-two .inner-box {
    position: relative;
    margin-bottom: 30px;
}

.feature-block-two .inner-box:before {
    position: absolute;
    content: '';
    background-image: url(../images/shadow.png);
    width: 181px;
    height: 35px;
    right: 0;
    bottom: -35px;
    opacity: 0;
    transition: .5s ease;
}

.feature-block-two .inner-box:hover:before {
    opacity: 1;
}

.feature-block-two .image {
    position:relative;
    display:block;
    overflow:hidden;    
}

.feature-block-two .image img{
    position:relative;
    display:table;
    margin: auto;
}

.feature-block-two .overlay-content{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    opacity:1;
    color:#ffffff;
    text-align:center;
    background:rgba(0,0,0,0.0);
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-block-two .overlay-content:before{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:50%;
    height:100%;
    opacity:0;
    background:#41ace1;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    transform:translateY(-100%);
}

.feature-block-two .overlay-content:after{
    content:'';
    position:absolute;
    right:0px;
    top:0px;
    width:50%;
    height:100%;
    opacity:0;
    background:#41ace1;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    -moz-transform:translateY(100%);
    transform:translateY(100%);
}

.feature-block-two .inner-box:hover .overlay-content:before,
.feature-block-two .inner-box:hover .overlay-content:after{
    opacity:1;
    -webkit-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    -moz-transform:translateY(0%);
    transform:translateY(0%);
}


.feature-block-two .caption-title {
    position: absolute;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: Arial;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
}

.feature-block-two .overlay-content .overlay-inner {
    position: relative;
    opacity: 0;
    z-index: 9;
    transform: translateY(50px);
    transition: .5s ease;
}

.feature-block-two .inner-box:hover .overlay-content .overlay-inner {
    opacity: 1;
    transform: translateY(0px);
}

.feature-block-two .overlay-content .icon {
    color: #fff;
    font-size: 60px;
    margin-bottom: 25px;
}

.feature-block-two .overlay-content .text {
    color: #fff;
    position: relative;
    z-index: 2;
}

.feature-block-two .overlay-content .shape-icon {
    color: #c65d00;
    font-size: 150px;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: -48px;
    line-height: 1.4em;
}

/* Feature block three */

.feature-block-three {
    position: relative;
    margin-bottom: 30px;
}

.feature-block-three .inner-box {
    position: relative;
    padding: 56px 36px;
    border: 1px solid #e9e6e6;
    background: #f7f7f7;
}

.feature-block-three .inner-box .icon {
    font-size: 90px;
    color: #41ace1;
    margin-bottom: 20px;
}

.feature-block-three .inner-box h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

/* Feature block four */
.feature-block-four {
    position: relative;
}

.feature-block-four .inner-box {
    position: relative;
    padding-top: 30px;
    margin-bottom: 15px;
}

.feature-block-four .inner-box h4 {
    font-size: 18px;
    font-weight: 600;
    padding-left: 30px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.feature-block-four .inner-box .quote {
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 2;
}

.feature-block-four .inner-box .count {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 100px;
    font-weight: 600;
    color: #eeeeee;
    line-height: 80px;
}

.feature-block-four .inner-box .text {
    line-height: 26px;
}
/*section0*/


.section2{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 120px 0px;
    background-image: url(../images/h2-bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* .section2:before{
    position: absolute;
    content: '';
    background: #f7f7f7;
    opacity: .9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
} */
.section2 h1{color: #fff; font-size: 46px; text-align: center; margin:0;
padding: 0 10%}
.section2 h1 span{color: #41ace1; }



.section21{
    width: 100%; display: table;
    padding: 50px 0;
    background-color: #fff;
    position: relative;
}
.section21::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/pattern-1.png) left top no-repeat;
}
.section21 h2{margin-top: 0; font-size: 50px; color: #212529;}
.solbxx1{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    text-decoration: none;
    transition: all 0.3s;
    margin-bottom: 30px;
}
.solbxx1:hover .elementor-icon{background-color: #41ace1; top: -5px;}
.solbxcont h3{margin: 10px 0; color: #212529;}
.solbxcont p {
    font-size: 16px;
    color: #575757;
    line-height: 24px;
    font-family: Arial;
}
.solbximg img{width: 60px;}
.solbximg{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.solbxcont {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.solbximg{margin-right: 30px;}
.elementor-icon {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDkgMTE5LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwOSAxMTkuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOSw3OS40VjM5LjhjMC03LjItMy44LTEzLjgtMTAtMTcuM0w2NC41LDIuN2MtNi4yLTMuNi0xMy45LTMuNi0yMC4xLDBMMTAsMjIuNUMzLjgsMjYuMSwwLDMyLjcsMCwzOS44djM5LjYNCgljMCw3LjIsMy44LDEzLjgsMTAsMTcuM2wzNC40LDE5LjhjNi4yLDMuNiwxMy45LDMuNiwyMC4xLDBsMzQuNC0xOS44QzEwNS4yLDkzLjIsMTA5LDg2LjYsMTA5LDc5LjR6Ii8+DQo8L3N2Zz4NCg==);
    mask-size: 100% 100%;
    background-color: #1e205a;
    width: 100px;
    height: 100px;
    text-align: center;
    transition: all 0.3s;
    top: 0;
    position: relative;
    line-height: 100px;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    /* background-color: rgba(0,0,0,.11); */
}
.sec21right img{width: 100%; display: block; border-radius: 10px; margin-bottom: 20px;}
/*.home_bottom*/
.home_bottom {
    background-image: url(../images/h2-bg1.jpg);
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    position: relative;
    background-attachment: fixed;
}
/* .home_bottom:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #231834;
    opacity: 0.7;
} */
.home_bottom .fullpage {
    z-index: 2;
    position: relative;
}
.home_bottom h3 {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 30px;
    display: block;
}
.home_bottom h5 {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    display: block;
}
.home_bottom a {
    display: inline-block;
    padding: 15px 50px;
    border-radius: 3px;
    color: #fff;
    background: #d01021;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.home_bottom a:hover {
    color: #fff;
    background: #a4010f;
    box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.2)
}


/*section3*/
.section3{
    padding: 40px 0 40px;
    clear: both;
    width: 100%;
    background-color: #fff;
    position: relative;
    display: block;
    /* display: block;
    background-color: #fff;
    margin-top: -15px; */
}
.section3::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/pattern-1.png) left top no-repeat;
}
.section3 h5 {
    margin: 0px;
    font-size: 16px;
    text-transform: uppercase;
    color: #41ace1;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: 2px;
}
.section3 h2 {
    margin-top: 20px;
    font-size: 46px;
    margin-bottom: 20px;
    color: #212529;
    font-weight: 400;
}
.sec3bx1{
    position: relative;
    display: block;

}
.sec3bx1 a{
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
    transition: all 0.3s;
    margin-bottom: 20px;
}
.sec3bx1 a::after {
    height: 250px;
    max-height: 100%;
    width: 100%;
    content: "";
    bottom: 0;
    background: linear-gradient(0deg,#1e205a,hsla(0,0%,100%,0));
    position: absolute;
    border-radius: 0 0 10px 10px
}
.sec3bx1 a > img{width: 100%; display: block; border-radius: 10px;}
.overlay{
    padding: 30px;
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    box-shadow: none;
    background: transparent;
    transition: all .3s ease;
}
.service-box-content {
    padding: 20px;
    margin-bottom: 0;
    box-shadow: none;
    position: relative;
    z-index: 999
}
.service-box-content img{width: 50px;}
.service-box-content h3{margin-top: 15px; font-size: 23px; margin-bottom: 0}
.sec3bx1 a:hover .overlay {opacity: 0; visibility: hidden; display: none;}

.item-box{
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    bottom: 0;
    z-index: 9;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    padding: 30px;
    transform: translateY(50%);
}
.sec3bx1 a:hover .item-box{transform: translateY(0%); opacity: 1; visibility: visible}
.sec3bx1 a:hover .service-box-content{background-color: #fff; border-radius: 10px;}
.sec3bx1 a:hover .service-box-content h3{color: #000}
.item-box p{
    font-size: 16px;
    color: #575757;
    margin-top: 15px;
    line-height: 24px;
 font-family: Arial;
}
/*section3*/


/*section4*/
.section4{display: block; overflow: hidden; width: 100%; }
.sec4bx1{
background-size: cover; padding: 60px 50px 80px; background-repeat: no-repeat; 
background-position: center center;}
.section4 h2{margin-top: 0px;color: #fff; font-size: 32px;}
.section4 p{font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 20px;
width: 90%; height: 52px; overflow: hidden;}
.section4 a{text-decoration: none; color: #fff; text-transform: uppercase;
font-size: 14px; font-weight: 600; transition: all 0.3s;}
.section4 a i{margin-left: 10px; position: relative; left: 0; transition: all 0.3s;}
.section4 a:hover i{left: 5px;}
/*section4*/

.section5{
    position: relative;
    clear: both;
    width: 100%;
    display: block;
    z-index: 9;
    background-color: #fff;
}
.sec5bx1{
    overflow: hidden;
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -40px;
    margin-bottom: 0px;
    border-radius: 10px 10px 10px 10px;
    background-color: #fff;
    width: 100%;
}
.sec5bx2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.sec5bl1{
    width: 25%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    align-items: center;
    background-color: transparent;
    background-image: linear-gradient(180deg, #879FE0 0%, #D8DAE0 100%);

    position: relative;
    /* width: 100%; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    text-align: center
}
.sec5bl1 img{
    /* width: 80%;  */
    display: table; margin: auto; margin-top: 25px;
}
.sec5bl2{
    width: 25%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    align-items: center;
    background-color: transparent;

    position: relative;
    /* width: 100%; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 40px 40px 20px;
}
.sec5bl23:before{
    position: absolute;
    right: 0px;
    top: 15%;
    height: 70%;
    content: "";
    background-color: #ccc;
    opacity: 0.5;
    width: 1px;
}

.sec5bl2 h3{margin: 0 0 10px 0; font-size: 16px; text-transform: uppercase; color: #1e205a;}
.sec5bl2 a{color: #000; text-decoration: underline;  font-family: Arial;
font-size: 16px;}
.sec5bl22 p{
    color: #000;  font-family: Arial;
font-size: 16px;
}
.sec5bl222 a{margin-right: 20px; font-size: 21px; color: #b3bdd1; }
/*footer*/
.footer{width: 100%; display: table; padding: 30px 0; 
    background-color: #fff;
    /* background-image: url('../images/mega-footer-bg.jpg');
    background-repeat: no-repeat;
    background-position: right center; */
}
.home_addressleft {
    float: left;
    width: 25%;
    padding-right: 0px;
}

.home_addressleft ul {
    list-style-type: none;
}
.home_addressleft li {
    color: #333;
    display: block;
    float: left;
    font-size:15px;
    line-height:26px;
    margin: 5px 0;
    width: 100%;
}
.home_addressleft li p {
    color: #fff;
    float: right;
    font-size: 14px;
    line-height:26px;
    width: 85%;
}
.home_addressleft li span {
    color: #41ace1;
    float: left;
    font-size: 24px;
    height:40px;
    text-align: center;
    width:40px;
}


.prodmenu{margin-top: 70px;}

.footer_menu
{
    float:left;
    width:25%;
    margin-bottom: 10px;
}
/*.footer_menu1{width: 20%;}*/
.footer_menu ul
{
    list-style-type:none;
    width:100%;
    float:left;
}
.footer_menu ul li
{
    width:100%;
    margin-bottom:5px;
    float:left;
    margin-right:20px;
    position: relative;
    line-height: 24px;
}
.footer_menu ul li a
{
    text-decoration:none;
    color:#000;
    padding-left: 0px;
    position: relative;
    display: block;
    font-size: 14px;
    transition: all 0.3s;
}
/* .footer_menu ul li a:before
{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #e67817;
    font-size: 16px;
    content: "\f105";
    transition: all 0.3s;
    font-family: FontAwesome;
} */
.footer_menu ul li a:hover
{
    color:#41ace1;
}
.footer_menu ul li a:hover:before{color:#41ace1;}
.footer_hd
{
    position: relative;
    color:#41ace1;
    font-size:21px;
    font-weight:600;
    margin-top: 0;
    margin-bottom:15px;
    text-transform: capitalize;
}
/* .footer_hd::before {
    width: 30px;
    height: 2px;
    background-color: #0195c5;
    content: "";
    position: absolute;
    left: 0%;
    bottom: -15px;
    z-index: 9;
} */

.footer_social
{
    width:18%;
    float:right;
}
.footer_social ul {
    float: left;
    list-style-type: none;
    margin-bottom: 0;
        margin-top:5px;
    width: auto;
}
.footer_social ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.footer_social ul li a {
    background:#fff;
    border-radius: 100%;
    color: #2a2f33;
    display: table;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    outline: medium none;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none;
    width: 36px;
}
.footer_social ul li a:hover {
    background: #0195c5 none repeat scroll 0 0;
    color: #fff;
}
.copy_right
{
    border-top:1px solid rgba(0,0,0,0.1);
    padding:20px 0px 0;
    color:#777;
    font-size:12px;
    font-weight:300;
    text-align:center;
    clear: both;
    width: 100%;
    margin-top: 20px;
    display: inline-block;
    letter-spacing: 0.5px;
}
.copy_right span
{
    color:#000;
    font-weight: 400;
}
.footer_social .form-control{margin-bottom: 10px; border-radius: 0px;}
.footer_social .btn{width: 100%; border-radius: 0px; text-transform: capitalize; background-color: #0195c5;
border: 0px; transition: all 0.3s;}
.footer_social .btn:hover{background-color: #006a8c;}

.ft_soc{clear: both; display: block;}
.ft_soc a{text-decoration: none; color: #fff; font-size: 23px; margin-right: 15px;
transition: all 0.3s;}
.ft_soc a:hover{color: #41ace1;}


.ft_qt{clear: both; width: 80%; margin: auto; display: table; text-align: center; margin-top: 15px;}
.ft_qt p{line-height: 21px; color: #b9eaff;}

a.ft_sub{clear: both; width: 100%; margin-top: 15px; background-color: transparent; 
    border-radius: 10px; color: #fff; text-decoration: none; padding: 10px; 
    display: inline-block; text-align: center;
    border: 2px solid #228b24; transition: all 0.3s; font-size: 15px;}
a.ft_sub:hover{background-color: #228b24;}
/*footer*/



/*innerbanner*/
.inner_banner {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    background-color: #000;
    margin-top: 100px;
}
.inner_banner img{
    width: 100%;
    /* opacity: 0.4; */
    display: block; 
}
.inner_banner::after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 1;
    opacity: 0.4;
    background: #000;
}
.innertxt1{
   position: absolute; width: 100%; text-align: left; 
    top: 50%; left: 0%; padding: 10px 35px; z-index: 9;
}
.searchbxtxt{top: 42%;}
.innertxt1 ul{list-style: none; text-align: left; margin-bottom: 0px;
padding-left: 0px;}
.innertxt1 ul li{
    display: inline-block;
    position: relative;
    padding-right: 25px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #41ace1;    
}
.innertxt1 ul li:last-child{padding-right: 0px;}
.innertxt1 ul li:after{
    content: "/";
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 3px;   
}
.innertxt1 ul li:last-child:after{display: none;}
.innertxt1 ul li a{color: #fff; text-decoration: none;}
.inner_banner h1{color: #fff;  font-size: 38px; font-weight: 900; 
text-transform: uppercase; margin-bottom: 10px;}
.inner_banner h1 span{color: #fff;}
.inner_banner h1 p{font-size: 18px; font-weight: 400; margin-top: 5px; 
  letter-spacing: 2px; color: #fff; }
/*innerbanner*/


.innersec1{
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #fff;
}
.innersec1 h2 {
    position: relative;
    margin-top: 0px;
    color: #000;
    font-weight: 700;
    font-size: 38px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.innersec1 h2:before {
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 2px;
    background-color: #41ace1;
    content: "";
}
.innersec1 p {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 4%;
line-height: 26px;
 font-family: Arial;
}
.innerpg2{
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}

.innerpg2 h2{
    text-align: center;
font-weight: 600;
color: #1e205a;
font-size: 38px;
margin-top: 0;
margin-bottom: 30px;
position: relative;
text-transform: uppercase;
}
/* .innerpg2 h2:before{
    position: absolute;
    left: calc(50% - 161px);
    bottom: 0px;
    width: 322px;
    height: 4px;
    content: "";
    background-image: url('../images/border2.png');

    display: block;
} */
.innerpg2 img{width: 100%; float: left; display: block; margin-bottom: 20px;}
.innerpgpdd{width: 95%; display: table;}

.innerpg3{
    padding: 100px 0;
    background-image: url('../images/hivan-arvizu-1369009-unsplash.html');
    background-position: center center;
    background-size: 100%;
    background-attachment: fixed;
}
.innerp3b{
    width: 800px;
    margin: auto;
    display: table;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 40px;
    text-align: center;
}
.innerpg3 h2{color: #fff; font-size: 36px; font-weight: 600;}
.innerpg3 p{color: #fff; font-size: 19px; line-height: 32px;}
.innerpg1 p, .innerpg2 p{font-size: 16px; line-height: 26px; font-weight: 400; 
    text-align: justify;}
.innerpg2 h3{
    font-size: 23px;
    color: #41ace1;
    line-height: 32px;
    font-weight: 500;
}
.innerpg1 ul, .innerpg2 ul, .jobdesc1 ul{
    list-style: none;
    width: 100%;
    display: block;
}
.innerpg1 ul li, .innerpg2 ul li, .jobdesc1 ul li{
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    padding-left: 40px;
    position: relative;
}
.innerpg1 ul li:before, .innerpg2 ul li:before, .jobdesc1 ul li:before{
    position: absolute;
    left: 14px;
    top: 12px;
    border-radius: 7px;
    width: 7px;
    height: 7px;
    background-color: #194560;
    content: "";
}
.innerpg1 img{width: 95%; float: right; display: block; margin-top: 75px;}


/*section6*/
.section6{clear: both;
    display: table;
    padding: 40px 0;
    width: 100%;
    background-image: url('../images/big-wave-bg1.webp');
    background-repeat: no-repeat;
    background-position: left center;}
 
    .section6 h2{text-align: center;
        font-weight: 600;
        color: #1e205a;
        font-size: 38px;
        margin-top: 0;
        margin-bottom: 30px;
        position: relative;
        text-transform: uppercase;
    }
    .section6 p{font-size: 16px; line-height: 21px;
     color: #313449; text-align: center; margin-bottom: 20px;}
    
    
    .main_serv{clear: both; width: 100%; display: block; }
    .section6 .owl-stage-outer{padding: 20px 0 0 !important;}
    .technology1{width: 100%; display: block; padding: 15px;}
    .sec6bx1{float: left; display: inline-block; width: 20%;}
    a.img-wrap{display: block; text-decoration: none; color: #000; position: relative; padding: 20px 10px 10px;
        width: 100%; transition: all 0.3s ease 0s; box-shadow: 0 2px 20px 0 rgba(0,0,0,.2);
        top: 0px; left: 0px; background-color: #fff;
    }
    a.img-wrap > .img1{width: 70px; display: table; margin: auto;
    background-repeat: no-repeat; background-size: 70px; height: 70px;
    background-position: left top;}
    a.img-wrap:hover{box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
     background-color: #41ace1;  color: #fff; position: relative; top: 10px; left: 10px;
    /* background-image: url('../images/blue_pattern.jpg') */
    }
    a.img-wrap:hover > .img1{background-position: left bottom;}
    
    .icon1 img{width: 70px; position: absolute; top: 270px; background-color: #71a5bb;
    padding: 10px;}
    
    .techhd1{font-size: 16px; font-weight: 600; margin: 0; 
        position: relative; margin-top: 10px; margin-bottom: 10px;}
    .technology1 p{position: relative; line-height: 21px; padding: 0px; text-align: left;
        overflow:hidden; transition: all 0.3s ease 0s; opacity: 1; 
        color: #000; opacity: 0.8; padding-right: 30px; font-size: 15px;}
    a.img-wrap:hover .overlay1 p{}
    .rmore1{border-bottom: 2px solid #ff7211; margin-top: 20px;
    font-size: 14px; font-weight: 600; color: #000; 
    background-color: #fff; position: relative; display: table; transition: all 0.3s;}
    a.img-wrap:hover .rmore1{color: #ff7211;}
    .techno{display: block; padding: 5px 0px 0; text-align: center;}
    
    .section6 .owl-nav {
        position: absolute;
        top: 45%;
        left: 0px;
        width: 100%;
    }
    .date1{width: 100%; display: block; color: #999; margin-bottom: 15px; display: none;}
    /*section6*/


    
.page-header1{padding-top:60px;padding-bottom:60px; background-color:#fff; }
.ph2{
    width: 100%;
display: table;
overflow: hidden;
padding: 50px 0 0;
background-image: url("../images/bg-right.png");
background-position: top right;
background-repeat: no-repeat;
background-color: #f8f8f8;
}
.ph1{
    padding: 40px 0;
    display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.ph1:before{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0.4
}
.ph3{
    width: 100%;
display: table;
padding: 50px 0;
background-color: #fff;
position: relative;
background-size: cover;
background-image: url('../images/bg-tabs3.svg');
}
h1.large-heading{text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;}
h1.large-heading{}
.ph1 h1.large-heading{color: #fff;}
h1.large-heading:before{top:0;left:0; 
    content: attr(data-shadowtext);
    position:absolute;opacity:.05;font-size:110px; color: #000;}
.page-header1 h3{
    font-size: 24px;
font-weight: 700;
line-height: 34px;
color: #161616;
margin-bottom: 40px;
}
.page-header1 p{
    font-weight: 400;
    font-size: 18px;
    color: #212529;
    /* text-align: left; */
    line-height: 28px;
    opacity: 0.7
}
.ocv{transition: all 0.3s; margin-bottom: 40px;}
.ocv p{text-align: center; overflow: hidden; color: #fff; 
color: #fff; opacity: .9}
.thumbicon1{
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    border-radius: 100%;
    border: dashed .2rem #e8e8e8;
    display: table;
    margin:  auto;
    transition: all 0.3s;
    background-color: #fff;

}
.ocv:hover .thumbicon1{border-color: #3c92ca}
.thumbicon1 img{
        display: inline-block;
    vertical-align: middle;
    transition: all 0.3s;
}
.ocv:hover .thumbicon1 img{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.ocv h4, .wsg h4{margin: 20px 0; color: #fff;}
.wsg h4{color: #30398c}
.our-leadership-team {
    width: 58%;
    margin: 0 auto;
    padding: 30px 0
}

.section21 h3 {
    font-weight: 600;
    color: #1e205a;
    font-size: 21px;
}

/*.whyUs*/
.whyUs {
    background: #f5f5f5;
    display: table; 
    padding: 60px 0 20px;
    width: 100%;
    overflow: hidden;
}
.whyUs ul{list-style: none;}
.whyUs .whyleft {
    width: 360px;
    float: left;
}
.whyUs .whyright {
    width: calc(100% - 400px);
    float: right;
}
.whyleft h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 0;
    color: #000;
    padding: 20px;
    line-height: 1;
    position: relative;
}
.whyleft h2 span {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-top: 10px;
}
.whyleft h2:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    content: '';
    border-left: 2px solid #41ace1;
    border-top: 2px solid #41ace1;
}
.whyleft h2:after {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    content: '';
    border-right: 2px solid #41ace1;
    border-bottom: 2px solid #41ace1;
}
.whyright li {
    width: 48%;
    float: left;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 15px 5px;
}
.whyright li:nth-child(even) {
    float: right;
}
.whyright .icon {
    width: 70px;
    height: 70px;
    float: left;
    border: 1px solid #ddd;
    background: #fff;
}
.whyright .icon img {
    width: 100%;
}
.whyright .txt {
    float: right;
    font-size: 16px;
    line-height: 24px;
    width: calc(100% - 50px);
    min-height: 120px;
    font-family: Arial;
    margin-bottom: 20px;
}
.whyright .txt h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    margin-top: 0;
}
.section3_inner{padding:40px 0 20px;}
.section3_inner:after{display:none;}


a.solbx1{
    padding: 60px 50px 76px;
    text-align: left;
    overflow: visible;
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
    background-color: #fff;
    position: relative;
    transition: box-shadow .3s;
    font-size: 18px;
    line-height: 28px;
    min-height: 370px;
    width: 100%;
    display: block;
    z-index: 9;
    text-decoration: none;
    color: #000;
    margin-bottom: 30px;
}
a.solbx1:before {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    content: "";
    right: 0;
    width: 245px;
    height: 175px;
    background-image: url("../images/services-desktop-pattern.html");
    background-position: left top;
    pointer-events: none;
}
a.solbx2:before {bottom: auto; top: 0; transform: scaleY(-1);}
a.solbx1::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    height: 4px;
    width: 100%;
    border-radius: 2px;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s;
    will-change: transform;
    background-color: #da2032;
}
a.solbx1:hover:after {transform: scaleX(1); transform-origin: left;}
a.solbx1 h3{
    font-size: 30px;
    color: #000;
    line-height: 36px;
}
a.solbx1 p{
    position: relative;
    padding-right: 50px;
    text-decoration: none;
    float: left;
    margin-bottom: 0px;
    margin-top: 20px;
    display: inline-block;
}
a.solbx1 p:before {
    position: absolute;
    content: '';
    top: 38%;
    right: 0;
    transform: translate(0, -50%);
    height: 2px;
    width: 40px;
    /* margin-top: 20px; */
    background-color: #D9D9D9;
}
a.solbx1 p:after {
    position: absolute;
    content: '';
    top: 38%;
    right: 20px;
    transform: translate(0, -50%);
    height: 4px;
    width: 20px;
    border-radius: 2px;
    background-color: #da2032;
    transition: .35s ease;
}
a.solbx1 p:hover:after {right: 0}
a.solbx1 p span {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #da2032;
    overflow: hidden;
    transition: .35s ease;
}
a.solbx1 p span:before, a.solbx1 p span:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #da2032;
    transition: .35s ease;
}
a.solbx1 p span:before {
    transform: translateY(0);
}
a.solbx1 p span:after {
    transform: translateY(-200%);
}
a.solbxx{
    width: 100%;
    height: 650px;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
    color: #fff;
    top: 0;
    margin-bottom: 30px;
}
a.solbxx2{height: 400px;}
.sol_overlay{
    width: 100%;
    display: table;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    background-color: #41ace1;
    z-index: 9;
    opacity: 0
}
.imgbx1{
    position: relative;
    width: 100%;
    display: block;
}
.solimg1{
    width: 100%;
    height: 650px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: relative;
}
a.solbxx2 .solimg1{height: 400px;}
.solimg1:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85%;
    display: block;
    z-index: 99;
    content: '';
    background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,.75) 100%);
    transition: opacity .65s cubic-bezier(.05,0.2,.1,1);
}
.solcont1{
    padding: 30px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 75px;
    transition: all 0.3s;
}
a.solbxx:hover .solcont1{height: 95%;}
.solcont1 img{width: 34px; display: block;}
.solcont1 h3{
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
}
.solcont1 p{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    opacity: 0;
    width: 100%;
    overflow: hidden;
   font-family: Arial;
    margin-bottom: 20px;
}
a.solbxx:hover .solcont1 p{opacity: 1}
a.solbxx:hover .sol_overlay{opacity: .85}
a.solbxx:hover .solimg1::before{opacity: 0}
.solcont1 ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 20px;
}
.solcont1 ul li{
    list-style: none;
    position: relative;
    padding: 10px 0 10px 20px;
}
.solcont1 ul li:before{
    position: absolute;
    left: 0px;
    top: 16px;
    width: 6px;
    height: 6px;
    background-color: #edb518;
    content: ""
}
.solcont1 span{
    border-bottom: 2px solid #ffd100;
    color: #ffd100;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s;
}
a.solbxx .solcont1 span:hover{color: #fff; border-color: #ffd100;}


.section3_inner {
    padding: 40px 0 20px;
}



/*careers*/
.careerspg{
    width: 100%;
    display: table;
    padding: 40px 0;
}
.careerspg h3{font-size: 55px; font-weight: 500; text-transform: uppercase;
line-height: 65px; }
a.carbx1{
    text-decoration: none;
    width: 100%;
    display: block;
    color: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}
a.carbx1 img {
    max-width: none;
    transform: translate3d(-40px, 0px, 0px);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: calc(100% + 40px);
}
a.carbx1:hover img{
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.stories-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.25);
}
a.carbx1 p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    line-height: 25px;
    font-size: 24px;
    font-weight: 600;
}
.careerspg h4{
    font-size: 36px;
    font-weight: 900;
    text-transform: capitalize;
    margin-top: 0px;
    clear: both; 
    margin-bottom: 40px;
    display: inline-block;
    color: #41ace1;
}
.jobsbx1{
    clear: both;
    width: 100%;
    display: table;
    padding-left: 100px;
    position: relative;
}
.jobsbx1 a{
    text-decoration: none;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #000;
    display: block;
}
p.offering-title{
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    line-height: 32px;
}
.offerings-row{color: #555; font-size: 14px;}
.offerings-row span{font-style: normal; color: #000; font-size: 16px; font-weight: 600;}
.sub{
    font-style: normal;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 3px;
    display: table; margin: auto; transition: all 0.3s;
    color: #000;
    font-weight: 600;
}
.border-left {
    width: 20px;
    height: 0%;
    top: 0px;
    position: absolute;
    left: 0;
    background: #41ace1;
    transition: all 0.5s;
}
.jobsbx1 a:hover .border-left {
    height: 100%;
}
.jobsbx1 a:hover .sub {
    background-color: #41ace1;
    color: #fff;
    transition: all 0.5s;
    border-color: #41ace1;
}


.jobdescription{
    width: 100%;
    display: table;
    padding: 40px 0;
    background-size: 100%;
background-image: url('../images/bg-tabs3.svg');
}
.jobdescription1{
    width: 100%;
display: table;
overflow: hidden;
padding: 50px 0;
background-image: url("../images/bg-right.html");
background-position: top right;
background-repeat: no-repeat;
background-color: #f8f8f8;
background-size: auto !important;
}
.jobdesinner{width: 100%;
display: table; padding: 30px 0;}
.jobdesinner h3{
    color: #000;
    font-size: 32px;
    font-weight: 600;
    margin-top: 0px;
}
.jobdesinner h3 span{
    margin: 6px;
    padding: 5px;
    font-size: 13px;
    border-radius: 5px;
    background-color: #f4f4f4;
}
.jobdesinner h4{
    font-size: 18px;
    font-weight: 500;
    color: #9e9e9e;
}
.jobdesinner p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 32px;
}
.jobdesinner p b{font-weight: 600;}
a.jobapply{
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #41ace1;
    border-radius: 3px;
    display: table;
    transition: all 0.3s;
    text-decoration: none;
    margin: auto;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
    font-weight: 500;
    margin-top: 60px;
}
a.jobapply:hover{
    background-color: #fff;
    color: #41ace1;
}
.jobdesinner h6{
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing:1px;
    color: rgba(0, 0, 0, 0.54);
}
.isrtsoc a{float: none; display: inline-block; width: 40px; height: 40px;
text-align: center; line-height: 45px; clear: none; border-radius: 40px; color: #fff; 
transition: all 0.3s; margin-right: 5px;}
.isrtsoc a.fb{background-color: #4064ac;}
.isrtsoc a.lin{background-color: #0270ad;}
.isrtsoc a.twitter{background-color: #1c9bea;}

.isrtsoc a.fb:hover{background-color: #0D3583; color: #fff;}
.isrtsoc a.lin:hover{background-color: #004E7A; color: #fff;}
.isrtsoc a.twitter:hover{background-color: #006CAF; color: #fff;}

.line1{
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 25px 0;
    clear: both;
    display: table;
}
.jobdesinner h2{font-size: 24px; font-weight: 600;}
.jobdesc1 p{font-size: 18px; line-height: 28px;}
.jobdesc1 ul li{line-height: 28px;}

.jobdesinner h1{
    width: 100%;
    display: block;
    color: #41ace1;
    font-size: 38px;
    font-weight: 600;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 40px;
    text-align: center
}
.jobdesinner h1:before{
    position: absolute;
    left: calc(50% - 161px);
    bottom: 0px;
    width: 322px;
    height: 4px;
    content: "";
    background-color: #ececec;
    /* background-image: url('../images/border2.png'); */

    display: block;
}
.jobdescription label{
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block
}
.jobdescription label span{color: #ff7149; width: auto;}
.jobdescription input.form-control, .jobdescription textarea.form-control{
    background-color: #ccc;
    border-radius: 0px;
    height: 40px;
    border: 0px;
    margin-bottom: 20px;
}
.jobdescription textarea.form-control{height: 100px;}
.jobdescription .col-sm-12{
    display: table;
    width: 100%;
}
input.subres{
    padding: 10px 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border: 0px;
    background-color: #41ace1;
    transition: all 0.3s;
    margin: auto;
    display: table;
}
input.subres:hover{
    background-color: #f01f10;
    color: #fff;
}
/*careers*/




.innerserv{
    font-size: 18px;
    color: #000;
    text-align: justify;
    padding: 50px 0;
    line-height: 28px;
    background-color: #fff;
    display: table;
    width: 100%;
    background-size: 100%;
    overflow: hidden;
background-image: url('../images/bg-tabs3.svg');
}
/*.page_content*/
.page_content {
    width: 68%;
    float: left;
    color: #333
}

.page_content h2 {
    width: 100%;
    float: left;
    margin:  0;
    color: #41ace1;
    font-weight: 900;
    font-size: 36px;
}
.pageTxt h3{margin-bottom: 0; color: #000; font-weight: 700;
width: 100%; margin-bottom: 15px;
    display: inline-block;}
.page_ul ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    list-style: none;
    
}

.page_ul ul li {
    width: 100%;
    float: left;
    font-family: Arial;
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
    font-weight: 400;
    color: #333;
}

.page_ul ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50px;
    border: 2px solid #41ace1;
}

.page_ul ul li:last-child {
    margin-bottom: 0px;
}

.page_ul ol {
    width: 100%;
    float: left;
    list-style-type: decimal;
    padding-left: 20px;
    margin-bottom: 15px;
}

/*.page_nav*/
.page_nav {
    float: right;
    width: 25%;
    background: #fbfbfb;
    padding-bottom: 15px;
    border-radius: 3px;
    border: 1px solid #dfeaff;
}

.stickme {
    position: sticky;
    -webkit-position: sticky;
    -moz-position: sticky;
    -o-position: sticky;
    -ms-position: sticky;
    top: 100px;
    right: 0;
}
.job_dets {
    width: 26%;
    float: right;
    text-align: left;
}
.fixme {
  position: sticky;
  -webkit-position: sticky;
  -moz-position: sticky;
  -o-position: sticky;
  -ms-position: sticky;
  top: 140px;
  right: 0;
}
.job_nav {
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    display: table;
}
.job_nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.job_nav li {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 10px 30px;
}
.job_nav li b {
    color: #41ace1;
    font-weight: 400;
}
.job_nav li span {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}
.job_nav li i {
    position: absolute;
    top: 5px;
    left: 0;
    color: #41ace1;
}
.job_nav li:last-child {
    padding: 0;
}
.job_nav li:last-child a {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #1e205a;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s;
}
.job_nav li:last-child a:hover{background-color: #41ace1;}
.job_dets h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: 400;
    color: #222;
}
.page_nav h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.2;
    display: block;
    text-align: center;
    padding: 15px;
    background: #1f1c66;
}
.page_nav ul{list-style: none;}
.page_nav ul li {
    width: 100%;
    float: left;
    text-align: left;
}

.page_nav ul li a {
    width: 100%;
    float: left;
    color: #333;
    text-decoration: none;
    font-size: 17px;
    padding: 10px 20px;
    font-weight: 400;
    border-top: 1px solid #dfeaff;
    transition: all ease-in-out .5s;
}

.page_nav ul li:first-child a {
    border-top: 0px;
}

.page_nav ul li a:hover,
.page_nav ul li a.active {
    color: #012c8a;
}
.innerserv p strong{font-weight: 600}
.innerserv h1 {
    width: 100%;
    display: block;
    color: #41ace1;
    font-size: 38px;
    font-weight: 800;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 0px;
}
.innerserv h1::before {
    position: absolute;
    left: calc(50% - 161px);
    bottom: 0px;
    width: 322px;
    height: 4px;
    content: "";
    background-color: #1e205a;
    background-image: url('../images/border2.html');
    display: block;
}
.innerserv label{
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 400;
}
.innerserv label span{color: #ff7149;}
.innerserv input.form-control, .innerserv textarea.form-control{
    position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 20px;
color: #777777;
height: 50px;
font-size: 18px;
background: none;
font-weight: 400;
border-radius: 4px;
border: 1px solid #efefef;
outline: 0;
margin-bottom: 10px;
background-color: #fff;
}
.innerserv textarea.form-control{height: 100px;}
.innerserv .col-sm-12{
    display: table;
    width: 100%;
}
input.subres{
    padding: 10px 40px 8px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    border: 0px;
    background-color: #41ace1;
    transition: all 0.3s;
    margin: auto;
    display: table;
}
input.subres:hover{
    background-color: #1e205a;
}

.jobloc_map {
    width: 100%;
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 10px 0px 20px 0;
}
.jobloc_map li, .page_ul .jobloc_map li {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #3b3b3b;
    clear: none;
    font-weight: 400;
    display: inline-block;
    width: auto;
    padding-left: 0px;
}


a.backbtn{
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 20px;
    background-color: #c8212f;
    color: #fff;
    text-decoration: none;
}
a.backbtn i{margin-right: 10px;}
img.deskno{display: none;}
.pageTxt {
        width: 100%;
    display:block;
    position: relative;
}
/*servicespg*/
#career_form {
    width: 100%;
    display: inline-block;
    padding: 60px 0 50px;
    background-color: #f7f9fa;
    overflow: hidden !important;
}
.circle-svg {
    position: absolute;
    right: 0px;
    top: 0px;
}

.circle-svg svg {
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}






.contactpg {
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #fff;
}
.adbxin{
  -webkit-box-shadow: 70px 70px 50px -70px rgba(0,0,0,.3);
box-shadow: 70px 70px 50px -70px rgba(0,0,0,.3);
  padding: 20px;
  background-color: #fff;
    min-height: 500px; margin-bottom: 30px;
    text-align: left
}
.abouttab1 h2 {
    font-size: 21px;
    font-weight: 500;
    position: relative;
    line-height: 26px;
    padding-bottom: 10px;
    margin-bottom: 35px;
    color: #0e2b5c;
    margin-top: 20px;
   
    color: #0e2b5c;
}
.add1{position: relative; margin-bottom: 10px;
border-bottom: 1px solid #eee; width: 100%; padding: 10px 0; padding-left: 75px; }
.add1:before{
  position: absolute;
  width: 40px;
  height: 40px;
  content: "";
  left: 0px;
  top: 20px;
  background-image: url('../images/placeholder.png');
  background-repeat: no-repeat;
  background-size: 40px;
}
.add2:before{
  background-image: url('../images/call.png')
}
.add3:before{
  background-image: url('../images/email.png')
}
.add1:after{
  position: absolute;
  width: 1px;
  height: 90%;
  content: "";
  left: 60px;
  top: 0px;
  background-color: #eee;
}
.add1 p{margin-bottom: 5px; padding:0px; text-align: left;}
.add1 h5{font-size: 21px; margin-top: 0; color: #000; font-weight:400; 
    margin-bottom: 15px;  font-family: Arial;}

.adbxin h2{font-size: 21px; font-weight: 500; position: relative; line-height: 26px;
padding-bottom: 10px; margin-bottom: 35px; color: #41ace1; margin-top: 20px;
text-align: left;
color: #41ace1;
}
.adbxin h2:before{
  position: absolute; left: 0px; bottom: -10px;
  content: ""; height: 3px; background-color: #1e205a; width: 80px;
}

.abouttab2 h4{font-size: 21px; font-weight: 600;  
margin-bottom: 20px;}
.abouttab2 p{
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px;
  color: #333;
}

.solbxx h2{
    text-align: center;
    color: #F47F1F;
    font-weight: 700;
    font-size: 32px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 100px;
}
.solbxx h2:before{
    position: absolute;
    left: calc(50% - 30px);
    width: 60px;
    bottom: -10px;
    content: "";
    background-color: #1b21b5;
    height: 2px;
}
.adbxin a {
    color: #000;
     font-family: Arial;
    text-decoration: none;
    padding-top: 5px;
    font-size: 21px;
    position: relative;
}

.page1 {
    padding: 70px 0;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    display: table;
background-size: 100%;
background-image: url('../images/bg-tabs3.svg');
    width: 100%;
    overflow: hidden;
}

.section123 {
    width: 100%;
    float: left;
    position: relative;
}

.page1 h2 {
    margin: 0 0 20px 0;
    font-size: 32px;
    font-weight: 900;
    color: #41ace1 ;
    text-transform: uppercase;
}

.page_ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.section123 h3{
    color: #41ace1;
}
.page_ul ul li {
    width: 100%;
    float: left;
    color: #000;
    position: relative;
    padding: 6px 0 6px 25px;
}
/* 
.page_ul ul li:before {
    position: absolute;
    top: 6px;
    left: 5px;
    font-family: FontAwesome;
    font-weight: 900;
    content: "\f105";
    color: #e41a22 ;
} */

.page_left {
    width: 72%;
    float: left;
}

.page_right {
    width: 25%;
    float: right;
}

.page1 .sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 130px;
    z-index: 1;
    display: inline-block;
}

.page_right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page_right ul li,
.page_right ul li a {
    width: 100%;
    float: left;
    position: relative;
}
.page_right ul li{margin-bottom: 10px;}
.page_right ul li a {
    color: #333;
    font-weight: 400;
    padding: 10px 25px;
    text-decoration: none;
    transition: all .5s;
    font-size: 16px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.15);
    border-radius: 30px;
    background-color: #fff;
}

.page_right ul li:last-child a {
    border-bottom: 0px solid #eee;
}

.page_right ul li a:hover,
.page_right ul li a.active {
    background: #41ace1 ;
    color: #fff;
    text-decoration: none;
    transition: all .5s;
}
/*.aboutbx3{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/logo-bg.png);
    background-color: #111b51;
    background-blend-mode: screen;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: left bottom;
}*/
.aboutbx3{
    clear: both;
    width: 100%;
    display: table;
    padding: 60px 0;
    /*background-image: url('../images/bg-service.jpg');*/
    background-position: center center;
    background-size: cover;
    position: relative;
    background-image: url(../images/logo-bg.png);
    background-color: #1e205a;
    background-blend-mode: screen;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.bg-overlay-black{
    /*background-color: rgba(14, 14, 14, 0.58);*/
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding: 60px 0px;
}
.ab3bx1{}
.ab3bx1 h2{
    font-size: 42px;
    line-height: 1.33333;
    font-weight: 800;
    margin-top: 0;
    color: #fff;
     font-family: Arial;
    display: inline;
    border-bottom: 2px solid #ca0808;
}
.ab3bx1 p{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-top: 15px;
}
.ab3bx2{
    clear: both;
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}

.inner-four-sec {
    background-color: #fff;
    box-shadow: 0 8px 40px rgba(12, 12, 12, .1);
    -webkit-box-shadow: 0 8px 40px rgba(12, 12, 12, .1);
    -khtml-box-shadow: 0 8px 40px rgba(12, 12, 12, .1);
    -moz-box-shadow: 0 8px 40px rgba(12, 12, 12, .1);
    -ms-box-shadow: 0 8px 40px rgba(12, 12, 12, .1);
    -o-box-shadow: 0 8px 40px rgba(12, 12, 12, .1);
    padding: 30px;
    width: 100%;
    /* margin-right: 2%; */
    border-radius: 5px;
    /* margin-top: 4%; */
    text-align: center;
    position: relative;
    padding-bottom: 60px;
    transition: all 0.3s;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
}

.item--overlay {
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #c2292e;
    /* background-image: -moz-linear-gradient(left, #e6242a, #c2292e); */
    border-radius: 5px;
    position: absolute;
    transition: all .2s linear 0ms;
    opacity: 0;
    display: none;
}


.inner-four-sec a{
    text-decoration: none;
    color: #000;
    
}
/* .inner-four-sec:hover .item--overlay {
    background-color: #c2292e;
    opacity: 1;
    position: absolute;
} */


/* .inner-four-sec::before {
    content: '';
    top: 11px;
    right: -11px;
    background-color: #c2292e;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -1;
    display: none;
} */

.inner-four-sec:hover {
    z-index: 3;
    transition: all 0.3s;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    
}
/* .inner-four-sec1:hover{background-color: #00a4e9;}
.inner-four-sec2:hover{background-color: #3faaa5;}
.inner-four-sec3:hover{background-color: #d28115;} */

.inner-four-sec:nth-child(4) {
    margin-right: 0;
}

.inner-four-sec:hover .four-sec-title {
    color: #fff;
}

/* .inner-four-sec:hover .text-gradient {
    background-image: -moz-linear-gradient(left, #fff, #fff);
    background-image: -webkit-linear-gradient(left, #fff, #fff);
    background-color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
} */
.inner-four-sec .para-normal{
    overflow: visible;
}

.inner-four-sec:hover .para-normal {
    color: #fff;
    overflow: visible;
}

.four-sec-title {
    font-size: 20px;
    font-weight: bold;
}

.text-gradient {
    background-image: -moz-linear-gradient(left, #d1651a, #c1282a);
    background-color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 65px;
}

.text-gradient1 {
    position: absolute;
    right: 0px;
    background-image: -webkit-linear-gradient(left, #0a5d53, #1AB49A);
    background-color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 59px;
    opacity: .40;
    bottom: -19px;
}
.four-sec-title {
    font-size: 23px;
    font-weight: 900;
    margin-bottom: 10px;
}
p.para-normal{font-size: 16px; color: #000;
line-height: 24px; padding: 0 10px; height: 150px; overflow: hidden;}

.ab3ico{
    width: 70px;
    height: 70px;
    display: table;
    margin:  auto;
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: left top;
}
.inner-four-sec:hover .ab3ico{
    background-position: left bottom;
}
.ab3ico1{
    width: 55px;
    height: 55px;
    display: table;
    float: right;
    background-repeat: no-repeat;
    background-size: 55px;
    opacity: 0.15;
    position: absolute;
    right: 0px;
    bottom: 0;
    background-position: left top;
}

/*resbx1*/
.resbx1{
    width: 100%;
    display: table;
    overflow: hidden;
    padding: 50px 0;
    background-image: url("../images/bg-right.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #f8f8f8;
}
.resbx1 img{width: 35%; display: block; float: right;}
.item--title {
    font-size: 32px;
    line-height: 1.33333;
    color: #1e205a;
    font-weight: 500;
    margin-top: 0
}
.item--title.st-line-left1 span {
    padding-left: 82px;
    position: relative;
    display: inline-block;
}
.item--title.st-line-left1 span i {
    width: 54px;
    height: 3px;
    position: absolute;
    top: 21px;
    left: 0;
    background-color: #1ce596;
    background-image: -webkit-gradient(linear, left top, right top, from(#1ce596), to(#9af657));
    background-image: -webkit-linear-gradient(left, #1ce596, #9af657);
    background-image: -moz-linear-gradient(left, #1ce596, #9af657);
    background-image: -ms-linear-gradient(left, #1ce596, #9af657);
    background-image: -o-linear-gradient(left, #1ce596, #9af657);
    background-image: linear-gradient(left, #1ce596, #9af657);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#1ce596', endColorStr='#9af657', gradientType='1');
}

.item--title.st-line-left1 span i {
    background: #00a2e8 !important;
}
.padding-r-80 {
    padding: 0 0 0 82px;
}
.about1 p, .resbx1 p{
    font-size: 18px;
    line-height: 28px;
    color: #000;
}
.pgbx h3{
    text-transform: uppercase;
    color: #029fe3;
    font-size: 21px;
}
/*resbx1*/

.box5 {
    width: 100%;
    display: table;
    padding: 60px 0;
    background-image: url('../images/home1_bg2.html');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}

.box5 h2 {
    text-align: center;
    font-weight: 600;
    color: #1e205a;
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

ul.technologies {
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
    display: table;
    background-color: #fff;
    clear: both;
    box-shadow: 0 20px 15px rgba(30, 96, 178, 0.2);
    margin-bottom: 40px;
}

ul.technologies li {
    float: left;
    display: inline-block;
    width: 20%;
    padding: 10px 40px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

ul.technologies li:nth-child(5n) {
    border-right: 0px;
}

ul.technologies li:nth-child(6) {
    border-bottom: 0px;
}

ul.technologies li:nth-child(7) {
    border-bottom: 0px;
}

ul.technologies li:nth-child(8) {
    border-bottom: 0px;
}

ul.technologies li:nth-child(9) {
    border-bottom: 0px;
}

ul.technologies li:nth-child(10) {
    border-bottom: 0px;
}

ul.technologies li img {
    width: 100%;
    display: block;
}

a.showmore{text-decoration: none; color: #fff; background-color: #1e205a;
padding: 10px 35px; display: table; margin: auto; font-size: 14px; margin-bottom: 30px;
font-weight: 400; transition: all 0.3s; text-transform: uppercase; letter-spacing: 2px;} 
a.showmore:hover{background-color: #41ace1;}

.innerpg1 {
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}
.aboutpgg h4{
    padding: 60px 50px 0;
    color: #1972ba;
    /* letter-spacing: 4px; */
    font-size: 55px;
    font-weight: 700;
    /* text-transform: uppercase; */
    position: relative;
    margin-bottom: 40px;
}
.aboutpgg h4:before{
    display: block;
    width: 180px;
    height: 1px;
    background-color: #3db54a;
    position: absolute;
    top: 30px;
    left: -80px;
    content: "";
    border: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    padding: 0;
}
.aboutpgg h2{
    font-size: 32px;
    font-weight: 500;
    line-height: 46px;
    color: #3db54a;
    margin-bottom: 20px;
}
.aboutpgg h3{
    font-size: 42px;
    font-weight: 500;
    line-height: 32px;
    color: #41ace1;
    margin-bottom: 20px;
    font-weight: 600;
}
/* .aboutbx2 h3 span {
    position: relative;
}
.aboutbx2 h3 span::before {
    content: "";
    width: 100%;
    height: 6px;
    background: #ff5b5e;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
} */
.aboutpgg p{
    font-size: 18px;
color: #000;
text-align: left;
line-height: 28px;
margin-bottom: 30px;
}

.aboutpgg ul{list-style: none; margin:0px; padding: 0px;}
.aboutpgg ul li {
    margin-bottom: 15px;
    padding-left: 25px;
    background-image: url('../images/libox.html');
    background-repeat: no-repeat;
    background-size: 10px;
    font-size: 21px;
    background-position: left 7px;
}
.innerpg1.aboutpgg1{
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 40%;
    background-color: #f8f8f8;
    display: table;
    width: 100%;
    padding: 80px 0
}
.aboutpgg2{
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40%;
    padding: 80px 0;
    background-color: #f8f8f8;
}



.aboutbx2{
    background-color: #fff;
    padding: 60px 0;
    display: table;
    width: 100%;
    
}

.aboutbx2 h3{
    display: inline-block;
position: relative;
z-index: 1;
font-weight: 700;
text-transform: capitalize;
font-size: 18px;
margin-bottom: 15px;
width: 100%;
color: #41ace1;

}
/* .aboutbx2 h3 span{position: relative;}
.aboutbx2 h3 span::before {
    content: "";
    width: 100%;
    height: 6px;
    background: #ff5b5e;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    mix-blend-mode: difference;
} */
.aboutbx2 h2{
    width: 100%;
display: block;
margin-bottom: 50px;
font-size: 47px;
margin-top: 0;
color: #212529;
}
p.ptxt{
    color: #212529;
font-size: 16px;
line-height: 26px;
margin: 20px 0;
padding-left: 60px;
}



/*blogpg1*/
.blogpg1{
    width: 100%;
display: table;
padding: 50px 0;
background-color: #fff;
background-image: url('../images/bg-tabs3.svg');
background-repeat: no-repeat;
background-size: cover;
}
.news-block{
    position:relative;
}

.news-block .inner-box{
    position:relative;
    margin-bottom: 20px;
}

.news-block .inner-box .image{
    position:relative;
    overflow:hidden;
    background-color:#191b1d;
}

.news-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block .inner-box:hover .image img{
    -webkit-transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
}

.news-block .inner-box .image:before {
    background: rgba(0, 0, 0, 0.22);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(75deg) translateZ(0px);
    z-index: 3;
    opacity: 0;
}

.news-block .inner-box:hover .image:before{
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s; 
    opacity: 1;
}

.news-block .inner-box .image .overlay-link {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 45px;
    z-index: 9;
    opacity: 0;
    transform: scale(0.4) translate(-50%, -50%);
    visibility: hidden;
    transition: .5s ease;
    transition-delay: .5s;
}

.news-block .inner-box:hover .image .overlay-link {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(-50%, -50%);
}

.news-block .inner-box .image .overlay-link:hover {
    color: #1e205a;
}
.sec-title h1{
    margin-top: 0px;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #00946a;
}
.news-block .inner-box .lower-content {
    position: relative;
    padding: 0px 35px 30px;
    border: 1px solid #f2f2f2;
    overflow: visible;
    background-color: #f2f2f2;
}

.news-block .inner-box .lower-content .title{
    position:relative;
    color:#1e205a;
    font-size:14px;
    font-weight:600;
    margin-bottom:5px;
    text-transform:uppercase;
}

.news-block .inner-box .lower-content .post-info{
    position:relative;
    margin-bottom: 20px;
    margin-top: -19px;
    z-index: 9;
}

.news-block .inner-box .lower-content .post-info li{
    position:relative;
    font-size: 16px;
    font-weight: 400;
    display:inline-block;
    margin-right:8px;
    color: #fff;
    background: #007dc6;
    padding: 0 15px;
}

.news-block .inner-box .lower-content .post-info li.category {
    background: #1e205a;
}

.news-block .inner-box .lower-content .post-info li.category:before {
    position: absolute;
    content: '';
    background: #1e205a;
    height: 10px;
    width: 8px;
    left: 0;
    bottom: -9px;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.news-block .inner-box .lower-content .post-info li a{
    position:relative;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.news-block .inner-box .lower-content h4{
    position:relative;
    color:#00946a;
    font-size: 24px;
    font-weight:600;
    margin-bottom: 15px;
    line-height: 24px;
    height: 72px; overflow: hidden;
    width: 90%;
}

.news-block .inner-box .lower-content h4 a{
    position:relative;
    color:#41ace1;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
    
}

.news-block .inner-box .lower-content h4 a:hover{
    color:#1e205a;
    
}

.news-block .inner-box .lower-content .author a {
    position:relative;
    color:#7e8597;
    font-size:16px;
    font-weight: 500;
    text-transform:uppercase;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
}

.news-block .inner-box .lower-content .author a span {
    position: relative;
    margin-right: 5px;
    top: 1px;
}

.news-block .inner-box .lower-content .text{
    position:relative;
    color:#000;
    line-height: 24px;
    font-size: 16px;
    margin-bottom:12px;
}

.news-block.style-two .inner-box .lower-content h3{
    margin-bottom:12px;
    font-size:24px;
}

.blog-large .news-block{
    margin-bottom:50px;
}


.newsinnerpg{
    width: 100%;
    display: table;
    font-family: Arial;
    padding: 50px 0;
}

.newsmbx{
    clear: both;
    width: 100%;
    clear: both;
}
.newsmbx a{
    text-decoration: none;
    width: 100%;
    display: table;
    color: #222;
    padding: 20px 0;
    transition: all 0.3s;
    border-bottom: 1px solid #979797;
}
/* .newsmbx a:hover{margin-top: -5px;} */
.newsmbx a h2{font-size: 21px; margin-bottom: 15px; text-transform: uppercase; line-height: 28px;}
.newsmbx a p{font-size: 16px; line-height: 24px;}
.newsmbx a .col-sm-4 img{width: 80%; display: block; float: right; transition: all 0.3s;}
.newsmbx a:hover .col-sm-4 img{width: 80%; display: block; float: right; opacity: 0.5;}

img.arrowimg{
    display: inline-block;
    width: 15px;
    position: relative;
    left: 10px; 
    top: 5px;
    float: none;
}
.newsmbx span{
    clear: both;
    width: 100%;
    margin-top: 25px;
    text-transform: uppercase;
    color: #fd553a;
    letter-spacing: 2px;
    display: inline-block;
    font-size: 13px;
}


/* .newscontpg a.backbtn{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    color: #646464;
    position: absolute;
    right: 0px; top: 0px;
} */
.newscontpg img.arrowred{
    transform: rotate(180deg);
    position: relative; margin-right: 10px;
    top: 0px;
}
.newscontpg span{color: #1e205a; display: block; width: 100%; margin-top: 10px; font-size: 16px;
margin-bottom: 10px; font-weight: 600}
.newscontpg h1{
    width: 100%;
    display: block;
    font-size: 36px;
    line-height: 42px;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    color: #41ace1;
    
}
.newscontpg h1:before{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 80px;
    background-size: 100%;
    height: 2px;
    content: "";
    background-color: #1e205a;
    /* background-image: url('../images/border2.png'); */

    display: block;
}

/* .newscontpg a{color: #1e205a;} */
.newsimg{
    width: 90%;
    float: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.newscontpg p{
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-family: Arial;
    text-align: justify;
}
.newscontpg span {
    color: #1e205a;
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}
a.backbtn{
    position: absolute;
    right: 15px;
    top: 0px;
    padding: 10px 20px;
    background-color: #1e205a;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s;
}
a.reg{
    padding: 10px 20px;
    background-color: #354d25;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}
a.reg:hover{background-color: #41ace1;}
a.backbtn:hover{background-color: #41ace1;}

.newscontpg ul{list-style: none; margin-bottom: 20px; display: inline-block;}
.newscontpg ul li {
    width: 100%;
    float: left;
    position: relative;
    padding: 6px 0 6px 25px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}
.newscontpg ul li:before {
    position: absolute;
    top: 6px;
    left: 5px;
     font-family: Arial;font-weight: 900; content: "\f105";
    color: #1e205a;
}
a.backbtn i{
    margin-right: 10px;
    -webkit-animation-name: turnLeftRight;
    animation-name: turnLeftRight;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 5s;
}
@-webkit-keyframes turnLeftRight {
  0%, 50%, 100% {
    transform: translateX(-5px);
  }
  25%, 75% {
    transform: translateX(5px);
  }
}

@keyframes turnLeftRight {
  0%, 50%, 100% {
    transform: translateX(-5px);
  }
  25%, 75% {
    transform: translateX(5px);
  }
}
/*blogpg1*/



.lblog, .whitepaperbx{
    width: 100%;
display: table;
padding: 50px 0;
background-color: #fff;
background-image: url('../images/bg-tabs3.svg');
background-repeat: no-repeat;
background-size: cover;
}
.font-regular{font-size: 21px;}
.post-text .font-regular{font-size: 14px;}
.l-grey{color: #555; font-size: 14px;}
.post-category, .post-author{font-size: 16px; margin: 7px 0;}
a.keep-reading{font-size: 21px;}
.post-asset-img img{width: 100%; display: block;}
.post-asset {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 6px solid #fff;
}
.post-asset:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.adbxin{
  box-shadow: 0 5px 23px 0 rgba(0,0,0,.09);
  padding: 20px;
  background-color: #fff;
 margin-bottom: 30px;
}
.adbxin h2 {
    position: relative;
    margin-top: 0px;
    color: #1e205a;
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.adbxin h2:before{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #ED3609;
    content: "";
}
.abouttab1 h2{font-size: 21px; font-weight: 500; position: relative; line-height: 26px;
padding-bottom: 10px; margin-bottom: 35px; color: #0e2b5c; margin-top: 20px;

color: #0e2b5c;
}
.abouttab1 h2:before{
  position: absolute; left: 0px; bottom: -10px;
  content: ""; height: 3px; background-color: #82b541; width: 80px;
}
.abouttab1 p{
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px;
  color: #333;
}
.add1 h5{font-size: 24px; line-height: 28px; margin:0;}
.abouttab1:before{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  content: "";
  background-image: url('../images/banner6.html');
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
}

.asset-usual {
 padding-bottom:32px;
 margin:15px 0
}
.asset-usual .asset_body {
 text-overflow:ellipsis;
 min-height:143px;
 display:block;
 margin-bottom:0;
 padding:30px 20px 0;
 border: 1px solid transparent;
}
.asset_category {
    color: #5b5b5b;
}
.asset_category span{color: #41ace1}
.asset-usual .asset_title {
 margin-top: 0px;
margin-bottom: 10px;
color: #1e205a;
font-size: 24px;
text-decoration: none;
text-transform: capitalize;
line-height: 32px;
}
.asset-usual .asset_bottom {
 padding:0 20px;
 text-align:center
}
.asset-usual .asset_bottom .asset_button {
 margin:0
}
.asset-usual .asset_category {
 /* text-transform:uppercase; */
 line-height:24px;
 font-size:15px;
 font-weight:400
}
.asset-usual .asset_text {
 margin:20px 0 0!important;
 line-height:26px;
 font-size:16px;
 font-weight:400
}
.asset {
    position: relative;
    background-color: #fff;
    box-shadow: 0 21px 39px -16px rgba(34,48,116,0.5);
}
.asset_header {
    position: relative;
    display: block;
    padding-top: 60%;
}
.bg-cover, .bg-tl {
    background-repeat: no-repeat;
    position: relative;
}
.plogo{position: absolute; top: 20px; left: 20px; background-color: #fff; width: 100px;}
.bg-cover {
    background-size: cover;
    background-position: 50%;
}
.gradient-btn {
    font-weight: 300;
    font-size: 19px;
    color: #000;
    text-align: center;
    text-decoration: none !important;
    line-height: 1;
    background: #fff;
    padding: 8px 23px;
    display: inline-block;
    border-radius: 18px;
    outline-style: none !important;
    position: relative;
    margin: 20px 0 0;
    box-sizing: border-box;
    transition: all .4s;
    z-index: 0;
    overflow: visible;
    text-align: left;
}
.gradient-btn::before {
    background: linear-gradient(90deg,#009edb,#009edb);
    background: -ms-linear-gradient(90deg,#009edb,#009edb);
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    border-radius: 24px;
    opacity: 0;
    z-index: -1;
    transition: opacity .45s;
}
.gradient-btn i {
    color: #f1441b;
    font-weight: 400;
    margin-left: 17px;
}
.gradient-btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    border-radius: 24px;
    transition: all .4s;
}
.gradient-btn::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    background: linear-gradient(90deg,#ee3104,#1e205a);
    background: -ms-linear-gradient(90deg,#ee3104,#1e205a);
    border-radius: 24px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.11);
    transition: all .4s ease-out;
    z-index: -2;
}
.asset_body h3{margin-top: 10px; font-size: 16px; color: #e76f03;  font-family: Arial;}
.asset_body h3 a{margin-top: 10px; font-size: 16px;}
.abouttab3 h5{font-size: 17px; margin-bottom: 10px; 
font-weight: 500;}




.innersec3{clear: both; width: 100%; display: block; padding: 0px; 
  background-color: #fff; position: relative; z-index: 1; overflow: hidden;
color: #000; font-size: 18px; line-height: 28px; }
.innersec3 b{color: #242424; font-size: 26px; font-weight: 400; margin-bottom: 15px; width: 100%;
display: block; line-height: 32px; font-weight: 700;}
.innerleft{padding: 50px 50px 50px 20px !important;}
.innerleft p b {
    text-align: left;
    float: left;
    width: 100%;
    display: table;
    clear: both;
    color: #137ab1;
    margin-bottom: 20px;
    font-size: 21px;
}
.innerleft ul li {
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
    position: relative;
}
.innerleft ul li{text-align: left; padding-left: 30px; width: 100%; clear: both;
margin-bottom: 20px;  font-family: Arial;}
.innerleft ul li:before, .service_page1 ul li:before{
  position: absolute;
  left: 0px;
  top: 13px;
  content: "";
  background-image: url('../images/arrow1.png');
  width: 20px;
  height: 14px;
  background-size: 100%;
}
.innerleft h3{color: #19195b; margin: 10px 0; font-size: 24px;}

.parallax2 img{width: 70%; margin: auto; display: table; margin-top: 50px;}

.job1bx{width: 100%; display: table; padding: 15px 0;
clear: both; transition: all 0.3s;}
.job1bx:last-child{border-bottom: 0px;}
.job1bx a{text-decoration: none; color: #000; width: 100%; display: block; 
    position: relative; min-height: 100px; transition: all 0.3s;}
.job1bx img{width: 90%; display: block; border: 1px solid #fff; padding: 10px;
margin: 0px; border-radius: 100%; transition: all 0.6s;}
.job1bx:hover img{/* transform: scale(1.1, 1.1); transform: rotate(360deg);
background-color: rgba(255, 255, 255, 0.2); */ border: 3px solid #f49941;}
.job1bx h5{font-size: 24px; font-weight: 700; margin: 0px; color: #e38917;
transition: all 0.3s; margin-bottom: 10px;}
.job1bx h6{font-size: 14px; margin-top: 5px; font-weight: 400;
margin-bottom: 15px; color: #777;}
.job1bx p{font-size: 16px; line-height: 24px; color: #fff;}
.ltjb p{width: 80%;}



.innerright{position: absolute; right: 0px; padding: 50px 30px !important; 
  background-color: #efefef; width: 27%; height: 100%;}
/* .sticky1{
  position: sticky;
  left: 0px; 
  top: 100px;
} */
.innerright:before{
  position: absolute; right: -500px; width: 500px; height: 100%; content: "";
  background-color: #efefef; top: 0px;}
.innerright h4{font-size: 24px; font-weight: 600; color: #41ace1; padding-bottom: 15px; margin-bottom: 15px;
border-bottom: 2px solid #ccc; margin-top: 0}
.newscontpg h2 {
    margin-top: 0px;
    font-size: 36px;
    color: #41ace1;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.innerright ul{list-style: none; width: 100%; clear: both; display: block;}
.innerright ul li{width: 100%; display: block; margin-bottom: 10px; position: relative;}
.innerright ul a{text-decoration: none; color: #000; padding: 3px 10px 3px 20px; display: block; 
  font-size: 16px; position: relative; z-index: 1; position: relative;}
.innerright ul ul a{font-size: 14px;}
.innerright ul a:hover:before, .innerright ul a.active:before{
  width: 3px; height: 100%; left: 0px; top: 0px; content: ""; 
  background-color: #41ace1; position: absolute; z-index: 9;
}
.innerright ul ul a.active:before, .innerright ul ul a:hover:before{display: none !important;}
.innerright ul a.active:before{width: 3px;}
.innerright ul a.active{color: #41ace1; font-weight: 600}
.innerright ul ul a.active, .innerright ul ul a:hover{color: #ff5e00; font-weight: bold;}
.innerbx1 img{width: 100%; display: block; margin-bottom: 60px;}
.innerbx1{padding-bottom: 20px; width: 100%;}
.width40{float: left; display: inline-block; width: 40%;}
.width60{float: left; display: inline-block; width: 60%;}
.innerbx1 h2{text-transform: uppercase; font-size: 26px; margin-bottom: 15px;}

.bimg{clear: both; width: 100%; display: table;padding: 40px 0;}
.bimg img{display: inline-block; width: 25%; padding: 0 25px; float: left;}

.innerleft img{
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    background-color: #fff;
    box-shadow: 0 21px 39px -16px rgba(34,48,116,0.5);
    border-radius: 20px;
    float: left;
    padding: 40px;
    margin-right: 40px;
}
.innerpg h2 {
    color: #0071c5;
    width: 100%;
    float: left;
    padding: 10px 10px 10px 15px;
    border-radius: 3px;
    font-size: 21px;
    font-weight: 600;
    margin: 30px 0px 0px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    position: relative;
    border-left: 3px solid #f2830f;
    letter-spacing: 0px;
    background-color: #f2f2f2;
}
ul.innerul1 {
    float: left;
    list-style-type: none;
    margin: 30px 0;
    padding: 0;
    width: 100%;
    padding-left: 0px;
}
ul.innerul1 li {
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 25%;
    text-align: center;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    transition: all 0.3s;
    font-size: 16px;
    cursor: pointer;
    padding: 0px;
    clear: none;
    display: inline-block;
}
ul.innerul1 li:before{display: none;}
ul.innerul2 li {width: 33.33%}
.dashed-circle {
    width: 150px;
    height: 150px;
    border: 2px dotted #c5ced5;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120px;
    background-color: #fff;
    position: relative;
    z-index: 9;
    margin-bottom: 15px;
    background-color: #fff;
    transition: all 0.3s;
}
ul.innerul1 li:hover .dashed-circle {background-color: #f8f8f8;}

ul.innerul1 li p{
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    height: 42px;
    overflow: hidden;
}
/*ul.innerul1 li::after {
    color: #3b7bc5;
    content: "\f0a4 ";
    font-family: "FontAwesome";
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}*/


.lblog, .whitepaperbx{
    width: 100%;
display: table;
padding: 50px 0;
background-color: #fff;
background-image: url('../images/bg-tabs3.svg');
background-repeat: no-repeat;
background-size: cover;
}
.font-regular{font-size: 21px;}
.post-text .font-regular{font-size: 14px;}
.l-grey{color: #555; font-size: 14px;}
.post-category, .post-author{font-size: 16px; margin: 7px 0;}
a.keep-reading{font-size: 21px;}
.post-asset-img img{width: 100%; display: block;}
.post-asset {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 6px solid #fff;
}
.post-asset:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.newscontpg h3 {
    background-color: #fff;
    padding: 40px;
    color: #1e205a;
    font-style: italic;
   font-family: Arial;
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 50px;
    box-shadow: 0 0px 39px -16px rgba(34,48,116,0.5);
    border-left: 3px solid #41ace1;
}
a.downloadan{
    text-decoration: none;
    color: #1a4584;
    line-height: 50px;
    font-size: 21px;
}


.Post {
  margin: 0 auto;
  padding: 2rem 0;
  width: 600px;
}

.Post-header {
  border-bottom: 1px solid #169d82;
  margin-bottom: 2rem;
}
.Post-header h1 {
  margin-bottom: 2rem;
}

.Post-entry {
  padding: 0 0 1rem;
}

.Post-footer {
  border-top: 1px solid #dbdbdb;
  position: relative;
  margin-top: 50px;
}

.Share-icon {
  font-size: 0.875em;
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  margin: auto;
  left: 0;
  right: 0;
  top: -22px;
  background: #fff;
  color: #364f25;
  border: 1px solid #ccc;
  /* line-height: 40px; */
  text-align: center;
  cursor: pointer;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}
.Share-icon:before{top: 10px; position: relative;}
.Post-share {
  display: block;
  /* height: 0; */
  overflow: hidden;
  background: #eee;
  text-align: center;
  -webkit-transition: height 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: height 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: height 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.Post-share a {
  height: 36px;
  width: 36px;
  /* padding: 10px; */
  text-align: center;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  margin: 0 4px;
  color: #fff;
  /* background: #117d68; */
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.Post-share a.fa-facebook:hover {
  background: #3b5998;
}
.Post-share a.fa-twitter:hover {
  background: #00aced;
}
.Post-share a.fa-google-plus:hover {
  background: #dd4b39;
}
.Post-share a.fa-pinterest:hover {
  background: #cb2027;
}

.Share-buttons {
  padding: 25px 12px 12px;
}

#share-icon {
  display: none;
  position: fixed;
}

#share-icon:checked ~ .Post-share {
  height: 72px;
}




.news-div.hvr-bounce-to-left {
    display: flex;
}

.news-details h4 {
    color: #f93204;
    font-weight: 600;
    margin-top: 0;
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 15px;
    overflow: hidden
}

.news-details p {
    line-height: 21px;
    font-size: 16px;
    color: #212529;
}

.whatsnew .font-45 {
    font-size: 45px;
    line-height: 55px;
    letter-spacing: -2px;
    color: #1a1665;
}

.purple {
    color: #009ee3;
}

h1.home_title {
    color: #fff;
    width: 60%;
    font-weight: 600;
    line-height: 55px;
    font-size: 42px;
}

p.bannercont {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    width: 60%;
}

a.applyjob {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 36px;
    line-height: 36px;
    background-color: #009ee3;
    color: #fff;
    padding: 0 25px;
    z-index: 99;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-left: 20px solid #262057;
}

a.applyjob:hover {
    background-color: #fff;
    color: #262057
}


.leaverep{
    width: 100%;
    display: table;
    overflow: hidden;
    padding: 50px 0;
    background-image: url("../images/bg-right.html");
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #f8f8f8;
}
.leaverep h1 {
    color: #1a1665;
    font-size: 50px;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    /* font-family: 'NeuzeitGro Bold', 'NeuzeitGro-Bol', sans-serif; */

}
.leaverep h1:before{
    display: block;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #009ee3;
    content: ""
}



/*webinarspg*/
.webinarspg{
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}
.webinarspg h2 {
    position: relative;
    margin-top: 0px;
    color: #063f77;
    
    font-weight: 600;
    font-size: 38px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.webinarspg h2:before {
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #f15d21;
    content: "";
}

.webinar1{
    clear: both;
    width: 100%;
    display: table;
    padding: 40px;
    background-color: #fff;

    border-radius: .5rem;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    box-shadow: 0 20px 15px rgba(30, 96, 178, 0.2);
    border: .1rem solid #f7f7f7;
    margin-bottom: 40px;
}
.webinar1 a.webbtn1{
    text-decoration: none;
    color: #ec3205;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
}
.webinar1 a.webbtn1:hover{text-decoration: underline;}
.webinar1 a.webbt2{
    padding: 10px 20px;
    background-color: #f15d21;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    display: none;
}
.webinar1 a.webbt2:hover{background-color: #1e205a;}
.webinar1 p{
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin: 5px 0;
    width: 100%;
    clear: both;
    display: inline-block;
}
/*webinarspg*/



.modal-backdrop {
    z-index: 999999;
}

.modal {
    z-index: 9999999;
}

h5.modal-title {
    font-size: 24px;
    text-align: center;
    
    text-transform: uppercase;
    color: #f15d21;
    font-weight: 700;
    letter-spacing: 2px;
}

button.close {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #f9a664;
    transition: all 0.3s;
    border-radius: 40px;
    opacity: 1;
}

button.close:hover {
    opacity: 1;
    background-color: #cb6044;
}

.close span {
    font-size: 21px;
    color: #fff;
    height: auto;
    position: relative;
    top: -3px;
}

.modal-dialog {
    margin-top: 100px;
}

.modal-header {
    border-bottom: 0px;
}

.modal-body {
    display: table;
    width: 100%;
}


.modal-dialog{width: 730px; }
.modal-dialog1{width: 900px; }
.modal-body{background-color: #f0f0f0; padding: 40px}
.modal-body1{padding: 40px; background-color: #fff;}
.modal-header .close{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 40px;
  height: 40px;
  line-height: 32px;
  border: 2px solid #fff;
  color: #fff;
  background-color: #f15d21;
  text-align: center;
  opacity: 1;
  border-radius: 40px;
  z-index: 99;
}
.modal-header .close:hover{background-color: #003c76;}

.modal-body h2 {
    position: relative;
    margin-top: 0px;
    color: #063f77;
    
    font-weight: 600;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.modal-body h2:before {
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #f15d21;
    content: "";
}
.modal-body input.form-control, .modal-body textarea.form-control {
    background-color: #fff;
    border-radius: 0px;
    height: 45px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    padding-left: 20px;
    box-shadow: none;
}
.modal-body .col-sm-12{display: table; width:100%;}




.servicespg{
    width: 100%;
    display: table;
    padding: 40px 0 40px;
    background-color: #fff;
    background-image: url('../images/bgn-industries.png');
/* background-image: url('../images/h3-shape1.png'); */
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
/* border-bottom: 2px solid #ddd; */
}
.servicespg h2{
    position: relative;
    margin-top: 0px;
    color: #000064;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
    
}
.servicespg h2:before{
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #6cb148;
    content: "";
}
.servicespgbx{
    border-radius: 17px;
    box-shadow: 0 21px 39px -16px rgba(34,48,116,0.5);
    width: 100%;
    padding: 20px;
    background-color: #fff;
    display: table;
    margin-bottom: 30px;
    text-align: center;
}
.servicespgbx img{max-width: 100%; display: table; margin: auto auto 30px;
display: none;}
.servicespgbx h3{
    margin-top: 0px;
    margin-bottom: 20px;
    color: #6cb148;
    font-size: 32px;
    letter-spacing: 2px;
    line-height: 38px;
    
    /* font-family: 'Sofia-Pro-Bold', 'SofiaPro-Bold', sans-serif; */
}
.servicespgbx p{
    color: #626c84;
    font-size: 16px;
    line-height: 25px;
    height: 100px;
    padding: 0 20px;
    overflow: hidden;
    margin: 0 auto 40px 0;
}
.servicespgbx a.cta_button{bottom: auto; left: auto; margin:  auto; display: table;
float: none; right: auto; width: auto;}


.servidpg h3{
    color: #41ace1;
    margin: 0;
    padding-top: 150px;
    position: relative;
    padding-right: 30px;
    margin-top: 100px;
    

    font-weight: 300;
    margin: 0px;
    font-size: 28px;
    line-height: 36px;
    margin-top: 30px;
    position: relative;
    color: #41ace1;
    
}
.servidpg h3:before{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 120px;
    width: 1px;
    content: "";
    background-color: #1e205a;
}
.servidpg h3 img{position: absolute; left: 30px; top:0px; width: 120px;}
.servidpg h4{
    color: #000; font-size: 19px; line-height: 28px;
}
.servidpg h1{
    font-weight: 700;
font-size: 28px;
margin-top: 0px;
margin-bottom: 30px;
color: #1e205a;

display: inline;
border-bottom: 2px solid #41ace1;
line-height: 48px;
}
.servidpg p{
    font-size: 16px;
color: #000;
margin-top: 20px;
line-height: 28px;
}
.servidpg ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top:20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    clear: both;

}
.servidpg ul li {
    width: 100%;
    float: left;
    position: relative;
    padding: 6px 0 6px 25px;
    font-size: 16px;
color: #000;
}
.servidpg ul li:before {
    position: absolute;
    top: 3px;
    left: 5px;
   font-family: Arial; font-weight: 900; content: "\f105";
    color: #1e205a;
}
.productsbx h2 {
    position: relative;
    margin-top: 0px;
    color: #000061;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 800;
    position: relative;
    
}
.productsbx h2:before{
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #6cb148;
    content: "";
}



.menu2{position: fixed; right: 30px; top: 50px; z-index: 9; display: none;}
.menu2 .menuicon1{position: relative; z-index: 999;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  border-radius: 20px 0 0 20px;
  text-decoration: none;
  color: #2b2a29;
  display: block;
  font-size: 16px;
  display: block;
  outline: 0px;
  transition: all 0.3s;
}
.sidemenu span{float: left;}
.bars-wrap {
    display: inline-block;
    margin-left:15px;
    position: relative;
    overflow: visible;
    top: 3px;
}
.icon-bar {
    transition: all 0.4s ease;
    width: 26px;
    background: #41ace1;
    height: 2px;
    position: relative;
    top: 8px;
    transition: width .2s ease-out;
    clear: both;
    margin-bottom: 7px;
}
#header.cloned .icon-bar {background: #000;}
/* .icon-bar:first-child {width:65%;}
.icon-bar:last-child {width:85%;} */

.menu2 .menuicon1:hover .icon-bar:first-child,
.menu2 .menuicon1:hover .icon-bar:last-child{width: 100%;}

.cart_open{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999999;  
  display: none;
}
.cartbg1{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(113,79,54,0.4);
}
.cart_bx1{
  width: 96%;
  background-color: #1e205a;
  height: 100%;
  padding: 20px;
  top: 0%;
  right: -100%;
  transition:ease all 0.4s;
  position: fixed;
  display: block;
  box-shadow: 0 10px 50px rgba(1,2,2,.15);
  z-index: 99999;
  overflow-y:  auto;
  background-image: url('../images/work-left.html');
  background-position: left 20px;
  background-repeat: no-repeat;
  background-size: 30px;
}
.left1{right: 280px; z-index: 9999999; transition:ease all 0.8s}
.menu2{
  right: 280px;  
  position: fixed;
  transition:ease all 0.6s;
  top: 0px;
  z-index: 999999;
}
.menu2:before{border-top: 100px solid rgba(255, 255, 255, 1);}
.cart_bx1 ul{list-style: none; width: 100%; margin: 0px; padding: 0px; height: 100%; 
    vertical-align: middle; padding-top: 10px; text-align: right;}
.cart_bx1 ul li{float: none; width: 100%; display: block; clear: both;}
.cart_bx1 ul li a{text-decoration: none; color: #2b2a29; font-weight: 400; font-size: 16px; 
    display: block; padding: 10px 15px; text-transform: capitalize; 
    transition: all 0.3s ease 0s; text-align: center; outline: none;}
.cart_bx1 ul li a:hover, .cart_bx1 ul li a.active{color: #2e3192;}

a.closebtn{
    display: block;
    height: 42px;
    float: right;
    text-decoration: none;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    /* padding: 10px 25px; */
    margin-bottom: 20px;
    /* background-image: url('../images/hpat.png'); */
}
a.closebtn img{width: 36px;}
a.mobilecont{
    padding: 12px 28px 10px;
    margin-left: 20px;
    border: 1px solid #138dd0;
    background-color: #138dd0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 35px;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    display: inline-block;
}

img.deskno{display: none;}



.contact-section {
    position: relative;
}

.contact-section {
    font-size: 18px;
    color: #000;
    text-align: justify;
    padding: 50px 0;
    line-height: 28px;
    background-color: #fff;
    display: table;
    width: 100%;
    background-size: 100%;
    position: relative;
    /* background-image: url('../images/bg-tabs3.svg'); */
}

.contact-section .pattern-layer {
    position: absolute;
    left: 50px;
    bottom: 80px;
    width: 774px;
    height: 416px;
    background-repeat: no-repeat;
}

.contact-section .pattern-layer-two {
    position: absolute;
    right: 0px;
    top: 180px;
    width: 454px;
    height: 120px;
    background-repeat: no-repeat;
}

.contact-section .icon-layer-two {
    position: absolute;
    right: 230px;
    top: 380px;
    width: 69px;
    height: 69px;
    opacity: 0.6;
    background-repeat: no-repeat;
}

.contact-section .icon-layer-three {
    position: absolute;
    right: 230px;
    bottom: 230px;
    width: 69px;
    height: 69px;
    background-repeat: no-repeat;
}

.contact-section .info-column {
    position: relative;
    margin-bottom: 40px;
}

.contact-section .info-column .inner-column {
    position: relative;
    /* padding-top: 80px; */
}

.contact-section .info-column .icon-layer {
    position: absolute;
    left: 170px;
    top: 40px;
    width: 69px;
    height: 69px;
    background-repeat: no-repeat;
}

.contact-section .info-column .image {
    position: relative;
    margin-bottom: 35px;
}

.contact-section .info-column h5{position: relative; width: 100%; 
    text-align: left; color: #1e205a; font-weight: 800; margin-top: 0;
padding-bottom: 20px; margin-bottom: 30px; font-size: 28px;}
.contact-section .info-column h5:before{
    position: absolute;
    left: 0;
    width: 70px;
    height: 1px;
    background-color: #41ace1;
    content: "";
    bottom: 0px;
}

.contact-section .info-column p {
    position: relative;
    color: #06092d;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.7em;
    margin-top: 15px;
    margin-bottom: 18px;
}

.contact-section .info-column .contact-list {
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    list-style: none;
}
.default-form .form-group{display: table; outline: 0}
.contact-section .info-column .contact-list li {
    position: relative;
    margin-bottom: 10px;
}

.contact-section .info-column .contact-list li strong {
    position: relative;
    display: block;
    color: #5bc0de;
    font-size: 18px;
    margin-bottom: 3px;
    font-weight: 600
}

.contact-section .info-column .contact-list li a {
    position: relative;
    color: #21409a;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-size: 18px;
}

.contact-section .info-column .contact-list li a:hover {
    color: #111111;
}

.contact-section .form-column {
    position: relative;
    margin-bottom: 40px;
}

.contact-section .form-column .inner-column {
    position: relative;
    padding: 60px 50px;
    margin-left: 40px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.contact-section .color-layer {
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 465px;
    height: 465px;
    z-index: -99;
    border-radius: 50%;
    background-color: #41ace1;
}

.default-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.default-form .form-group:last-child {
    margin-bottom: 0px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 20px;
    color: #777777;
    height: 50px;
    font-size: 18px;
    background: none;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #efefef;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    outline: 0
}

.default-form .form-group input::-webkit-input-placeholder,
.default-form .form-group textarea::-webkit-input-placeholder {
    color: #777777;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus {}

.default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 25px;
    color: #777777;
    height: 140px;
    border-radius: 4px;
    border: 1px solid #efefef;
    resize: none;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group .theme-btn {
    cursor: pointer;
}

.fthd1, .fthd1 a {
    font-size: 16px;
    letter-spacing: 4px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    color: #1e205a;
}


/* Custom Select */

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    height: 50px;
    padding: 10px 20px 10px 20px;
    line-height: 30px;
    color: #777777;
    border: none;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #efefef;
}

.form-group .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 3px;
    text-indent: 0px;
    color: #333333;
}

.form-group .ui-button .ui-icon:before {
    font-family: Arial;
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 2px !important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #999999;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.ui-widget.ui-widget-content {}

.ui-menu .ui-menu-item {
    font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #43b97e;
    border-color: #43b97e;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px;
}

.ui-menu-item:hover {
    background-color: #43b97e;
}

.sec-title h2 {
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: 0;
    color: #1e205a
}

.text {
    margin-bottom: 20px;
    font-size: 14px;
}

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 17px 56px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 3px;
    overflow: hidden;
    background-color: #5bc0de;
border-radius: 30px;
    text-transform: uppercase;
    border: 0;
    transition: all 0.3s;
}

.btn-style-one:hover {
    background-color: #1e205a
}


.a2bb{
    text-decoration: none;
    width: 100%;
    display: block;
    transition: all 0.3s;
    padding: 40px 25px 20px;
    background-color: #fff;
    position: relative;
    border: 1px solid #e8e8e8;
    text-decoration: none;
    color: #04206f;
    font-size: 14px;
    box-shadow: 0 30px 30px #eee;
    margin-bottom: 20px;
}
.a2bb::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 14px 14px;
    border-color: transparent transparent #e8e8e8 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.a2bb h3{margin-top: 0; text-transform: uppercase}
.a2bb p{font-size: 16px; line-height: 26px; color: #000}



.ft_soc {
    clear: both;
    display: block;
    margin-top: 30px;
}

.ft_soc a {
    text-decoration: none;
    background-color: #fff;
    font-size: 21px;
    margin-right: 6px;
    transition: all 0.3s;
    width: 42px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    border-radius: 42px;
}

.ft_soc a:hover {}


/* ===========================
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
    body{overflow-x: hidden; padding-top: 79px; overflow-x: hidden;}
    .container{width: 100%;}
    .main_menu{display: none;}
    container{width: 100%; display: block; max-width: 100%; min-width: 100%;}
    /* .header{padding: 5px 0px;} */
    .menu2{display: block; top: 20px; right: 10px; z-index: 99999;}
    .menu{display: none;}
    .home_link{height: auto;}
    .hl_video video{width: 150%; left: -25%}
    .hl_circle{width: 100%; top: 10%; left: 0}
    .hl_circle h2{font-size: 24px; line-height: 36px;}
    .hl_circle p{font-size: 16px; margin-bottom: 0; width: 100%;}
    .hl_circle a{margin-top: 10px; font-size: 12px; padding: 10px 20px;}
    .top_social{display: none;}
    /* .logo a {
       width: 205px;
    } */
    .home_link{background-color: #fff;}
    img.banimg{width: 120px; z-index: 9;}
    /* .hl_video video{opacity: 0.5;} */
    .sec0bl1{width: 100%;}
    /* .sec0bl1{margin-top: -80px;} */
    .feature-block-one{width: 100%; display: block; border-right: 0; border-bottom: 1px solid #ccc;
    margin-bottom: 20px;}
    .partnersbx p{font-size: 16px; line-height: 24px;}
    .partnersbx h2{font-size: 24px;}
    .partnersbx ul li{padding: 10px; width:31.33%}
    .section1{padding-top: 20px;}
    .section0 h5{margin-top: 30px;}
    .section0 h3, .section21 h2, .section3 h2{font-size: 24px;}
    .section2 h1{padding: 0px; font-size: 26px;}
    .box5 h2{font-size: 21px;}
    ul.technologies li{width: 50%; border-right: 1px solid #ccc !important;
        border-bottom: 1px solid #ccc !important;}
    .item-box p{height: 72px; overflow: hidden}
    .feature-block-one .inner-box{padding-left: 60px;}
    .feature-block-one .icon img{width: 40px;}
    .text{line-height: 18px;}
    .pghd1::before{display: none;}
    .pghd1 h2, .solhdbx h2{font-size: 32px;}
    .pghd1 h4, .solhdbx h4{width: 100%; font-size: 18px; line-height: 28px; margin-bottom: 20px;}
    .section1::after{height: 80%;}
    .section1 ul li{width: 50%;}
    /*.section1 ul li:last-child{display: none;}*/
    .section1 ul li a .b2info{padding: 20px;}
    .section1 ul li a .b2info .b2hd1{padding-top: 40px; font-size: 18px;
        line-height: 28px;}
    .b2info .b2rm1{font-size: 14px;}
    .solhdbx{padding: 0px; width: 100%; margin-bottom: 20px;}
    .solhdbx a{bottom: auto; top: -40px; font-size: 14px; padding: 5px 15px;}
    .button-line{min-width: 40px;}
    .section2 ul li{width: 100%; clear: both;}
    .solinfo h3{font-size: 24px; line-height: 32px;}
    .solhdbx2 p{font-size: 21px; line-height: 32px;}
    a.expbx1{margin-bottom: 20px; padding-bottom: 20px;}
    a.expbx1 .expbody{position: relative;
        -webkit-transform: scale(1,1);
        transform: scale(1,1); padding: 0;
        margin-top: 40px;
    }
    .section4{margin-bottom: 30px;}
    .section5{width: 100%;}
    .dual-box-left{width: 100%; clear: both; padding: 30px;}
    .dual-box-holder {
        display: -webkit-block;
        display: -ms-block;
        display: block;
    }
    .dual-box-content h2{font-size: 24px;}
    .dual-box-content p{width: 100%; font-size: 16px; line-height: 24px;}
    .dual-box-content a{font-size: 16px;}
    .mFooter{display: block; padding: 20px; overflow: hidden;}
    .site-footer-content, .footer-contacts{
        display: -webkit-block;
        display: -ms-block;
        display: block;
    }
    .copyright-box{margin-bottom: 20px;}
    .footer-contacts p a{font-size: 16px;}
    .footer-soc{width: 100%; clear: both; margin-top: 15px;}
    ul.soc-links li{margin-left: 0; margin-right: 20px;}
    .innertxt1{top: 30%; padding: 0 20px;}
    .inner_banner h1{font-size: 18px; margin-bottom: 10px;}
    .innertxt1 ul li{font-size: 12px;}
    /* .inner_banner img{opacity: 0.75} */
    .inner_banner{background-color: #fff;}
    .inner_banner {
        margin-top: 20px;
    }
    .innertxt1 ul li::after{top: 3px;}
    .innersec1 h2{font-size: 24px; line-height: 32px;}
    .innersec1 p{font-size: 16px; line-height: 24px;}

    .whyUs .whyleft{width: 100%;}
    .whyUs .whyright, .whyright li{width: 100%; clear: both;}
    .whyleft h2{font-size: 28px;}
    .solcont1 h3{font-size: 21px; line-height: 28px !important;}
    .solcont1 p{font-size: 14px; line-height: 21px;}
    .page_left, .page_right{width: 100%; clear: both;}
    .page_right{margin-top: 40px;}
    .page1 .sticky {
        position: -webkit-relative;
        position: -moz-relative;
        position: -o-relative;
        position: -ms-relative;
        position: relative;
        top: 0px;
    }
    .section123 h3{font-size: 21px;}
    .page1 h2, .jobpositions1 h2{font-size: 24px;}
    .page1, .jobpositions1 p{font-size: 16px; line-height: 24px; padding: 30px 0;}
    .job_des{width: 100%; clear: both; margin-top: 15px;}
    .fulltime{top: -50px;}
    .com_name{font-size: 18px;}
    .servidpg h3{font-size: 21px; line-height: 32px;}
    .servidpg h4{font-size: 16px;}
    .servidpg h1{font-size: 18px;}
    ul.jobloc_map li, .jobpositions1 p{font-size: 16px;}
    .com_name{width: 100%;}
    .page_ul ul li{font-size: 18px; line-height: 28px;}
    .careerform .form-group{padding: 0; margin-top: 20px;}
    .careerform h2{font-size: 24px;}
    .careerform input.form-control, .careerform textarea.form-control, .modal-body input.form-control, .modal-body textarea.form-control{
        font-size: 14px;
    }
    input.subres{font-size: 16px;}
    .contactpg{padding: 30px 0; display: block;}
    .add1 h5{font-size: 18px !important; line-height: 28px;}
    .adbxin a{font-size: 16px;}

    .sec5bx2{width: 100%; display: table;}
    .sec5bl1, .sec5bl2, .sec5bl23 {width: 100%; display:  table; clear: both;
        border-bottom: 1px solid #ccc;}
    .sec5bl1 img{margin: 20px auto}
    .sec5bl23::before{display: none;}
    .footer_menu1, .footer_menu{width: 100%; clear: both; margin-bottom: 20px;}
    .news-block .inner-box .lower-content h4{font-size: 18px;}
    a.backbtn{top: -50px; font-size: 16px;}
    .newscontpg h1{font-size: 21px; line-height: 32px;}
    .newscontpg h3{padding: 20px; font-size:  18px;}
    .innerleft{padding: 30px !important;}
    .newscontpg p{font-size: 16px; line-height: 24px;}
    .newscontpg h2{font-size: 21px;}
    .newscontpg iframe{height: 200px !important;}
    .webinar1{padding: 20px;}
    .webinar1 a{font-size: 21px !important;}
    .news-div.hvr-bounce-to-left{display: block;}
    .header{padding: 0 !important;}
    .careerspg h4{font-size: 21px;}
    .jobsbx1{padding-left: 50px;}
    .sub{float: right;}
    .page_content, .fixme{width: 100%; clear: both; position: relative; top: 0;}
    .fixme{
        position: relative;
        -webkit-position: relative;
        -moz-position: relative;
        -o-position: relative;
        -ms-position: relative;
        top: 0;
    }
    .page_content h2{font-size: 24px;}
    .innerserv h1{font-size: 24px;}
    input.subres{font-size: 12px;}
    .a2bb p{height:auto;}
    .contact-section .form-column .inner-column{margin:0; padding:20px; text-align: left;}
    .sec-title h2{font-size: 24px;}
    .default-form .form-group{width: 100%;}
    .default-form .form-group input[type="text"], 
    .default-form .form-group input[type="email"], 
    .default-form .form-group select,
    .default-form .form-group textarea{
        font-size: 14px;
    }
    .contact-section{display: block; overflow: hidden;}
    .contact-section .info-column .image{display: none;}
    .item--title.st-line-left1 span,
    .innerpg2 h2, .section6 h2{font-size: 24px;}
    .about1 p, .resbx1 p{padding-left: 0; font-size: 16px; line-height: 24px;}
    .sec6bx1{width: 50%;}
    .techhd1{font-size: 12px;}
}
/*------iphone----------------*/  
@media only screen and (min-width : 320px) and (max-width : 480px)
{
    
}
/*------smalltablet----------------*/  
@media only screen and (min-width : 480px) and (max-width : 768px)
{
    
}
/*--------iPad - Portrait--------------*/
@media only screen and (min-width : 768px) and (max-width : 960px)
{
    .hl_circle h2{font-size: 36px;}
    .hl_circle p{font-size: 21px;}
    .hl_circle a{font-size: 21px;}
    .section2 ul li{width: 50%; clear: none; float: left;}
    .section1 ul li{width: 33.33%;}
    .section1 ul li:last-child{display: block;}
    .inner_banner h1{font-size: 36px;}
    .innertxt1 ul li{font-size: 21px;}
    .innertxt1 ul li::after{top: 7px;}
    .innersec1 h2{font-size: 32px;}
    ul.technologies li{width: 25%;}
}
@media only screen and (min-width : 960px) and (max-width : 1240px)
{
    .container{width: 100%; display: block; max-width: 100%; min-width: 100%;}
    .top_social, .top_social ul{display: none;}
    .menu > ul > li > a{padding: 0 10px; font-size: 14px;}
    .logo a {
        /* background-image: url('../images/logo1.png');
        background-position: left center;
        width: 175px; */
        width: 200px;
    }
    .logo, #header.fixed1 .logo{margin-right: 20px; margin-left: 10px;}
    .hl_circle h2, .pghd1 h2, .solhdbx h2, .inner_banner h1{font-size: 42px; line-height: 46px;}
    .hl_circle p{width: 80%;}
    .section1 ul li a .b2info{padding: 20px;}
    .section1 ul li{width: 19%;}
    .section1 ul li a .b2info .b2hd1{padding-top: 45px; font-size: 21px;}
    .solinfo h3{padding: 0px; font-size: 28px; line-height: 36px;}
    .dual-box-content h2{font-size: 32px;}
    .mFooter{padding: 50px 20px; }
    .whyright .txt h4{height: 46px; overflow: hidden; line-height: 23px; font-size: 18px;}
    .whyright .txt{font-size: 16px; line-height: 21px; margin-bottom: 20px;}
    .page1, .jobpositions1 p{font-size: 18px; line-height: 26px;}
    .page1 h2{font-size: 21px;}
    .job_des p{margin-bottom: 15px;}
    .jobpositions1 h2{font-size: 32px;}
    .menu > ul > li{padding: 0;}
}
@media only screen and (min-width : 1210px) and (max-width : 1335px)
{
    .menu > ul > li > a{font-size: 15px;}
    .top_social, .top_social ul{display: block;}
    .hl_circle h2{font-size: 55px;}
    .hl_circle p{width: 80%;}
}
@media only screen and (min-width : 1024px) and (max-width : 1240px)
{
    
}


@media only screen and (min-width : 1400px) and (max-width : 2400px)
{
    /* .home_link::after {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 25vw;
        left: 0px;
        z-index: 9;
        background-color: #f3f3f3;
    }
    .section1::after {
        content: "";
        position: absolute;
        top: 0;
        height: 50%;
        width: 25vw;
        left: 0px;
        z-index: -1;
        background-color: #f3f3f3;
    } 
    .leftbar{
         content: ""; 
        position: absolute;
        top: 0;
        height: 100%;
        width: 25vw;
        left: 0px;
        z-index: 9;
        background-color: #f3f3f3;
    }
    .menu > ul > li > a{font-size: 21px;}*/
}