*{margin:0;padding:0;}
@import url('all.min.css');
@font-face {
  font-family: 'Quicksand-Regular';
  src:url('Quicksand-Regular.woff') format('woff'),
        url('Quicksand-Regular.woff2') format('woff2'),
        url('Quicksand-Regular.svg#Quicksand-Regular') format('svg'),
        url('Quicksand-Regular.eot'),
        url('Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('Quicksand-Regular.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NunitoSans';
  src:url('../fonts/NunitoSans.woff') format('woff'),
        url('../fonts/NunitoSans.woff2') format('woff2'),
        url('../fonts/NunitoSans.svg#NunitoSans') format('svg'),
        url('../fonts/NunitoSans.eot'),
        url('../fonts/NunitoSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* ============= Common Style  ======== */
h1,h2,h3,h4,h5,h6{font-family: 'Quicksand-Regular', sans-serif;}
li,p,a, label{font-family: 'NunitoSans';}
.fleft{float:left}
p{font-size:18px;}
.header{padding:10px;box-shadow:0px 0px 5px #ddd}
.m-r-20{margin-right:20px}
.align-center{align-items:center}
.signIn{display:inline-block;margin-top:5px;color:#000}
.carousel-inner .carousel-item:after {
    opacity: 0;
  
}
.carousel-inner .carousel-item img {
    aspect-ratio: 2.2;
    object-fit: cover;
    max-width: 100%;
    height: auto;
    object-position: top center;
}
.carousel-inner .carousel-item:nth-child(5):after{position:absolute;content:'';top:0;left:0;right:0;bottom:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1464+0,0071bc+50,ffffff+100&0.8+0,1+100 */
background: -moz-linear-gradient(top,  rgba(27,20,100,0.8) 0%, rgba(0,113,188,0.9) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(27,20,100,0.8) 0%,rgba(0,113,188,0.9) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(27,20,100,0.8) 0%,rgba(0,113,188,0.9) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1464', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.carousel-inner .carousel-item:nth-child(2):after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1464+0,0071bc+50,ffffff+100&0.8+0,1+100 */
    background: -moz-linear-gradient(top, #34988d 0%, #1fc7a5 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #34988d 0%, #1fc7a5 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #34988d 0%, #1fc7a5 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1464', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.carousel-inner .carousel-item:nth-child(3):after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1464+0,0071bc+50,ffffff+100&0.8+0,1+100 */
    background: -moz-linear-gradient(top, #221980 0%, #007acc 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #221980 0%, #007acc 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #221980 0%, #007acc 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1464', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.carousel-inner .carousel-item:nth-child(4):after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1464+0,0071bc+50,ffffff+100&0.8+0,1+100 */
    background: -moz-linear-gradient(top, #0000ab 0%, #006bb3 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0000ab 0%, #006bb3 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0000ab 0%, #006bb3 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1464', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.carousel-inner .carousel-item:nth-child(1):after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1464+0,0071bc+50,ffffff+100&0.8+0,1+100 */
    background: -moz-linear-gradient(top, #028090 0%, #00bfb2 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #028090 0%, #00bfb2 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #028090 0%, #00bfb2 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1b1464', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
}

.d-flex{display:flex;align-items:flex-end;justify-content:center;}
.d-fl{display:flex;align-items:center}
.slider-h1{font-size:42px;text-transform:uppercase;color:#fff;font-weight:700}
.slider-h1 span{color:#7acafa}
.text-box{position:absolute;content:'';top:10%;left:0;right:0;bottom:0;margin:auto;text-align:center;width:50%}
.clr-white{color:#fff !important}
.m-t-10{margin-top:10px}
.p-t-50{padding-top:50px}
.m-t-100{margin-top:100px}
.p-b-100{padding-bottom:100px}
.m-b-100{margin-bottom:100px}
.m-t-50{margin-top:50px}
.m-b-50{margin-bottom:50px}
.m-t-30{margin-top:30px}
.m-t-20{margin-top:20px}
.m-l-20{margin-left:20px}
.fl-end{display:flex;align-items:flex-end}
.btn-success{background:#19baf2 !important;padding:10px 20px !important;border:1px solid #19baf2 !important;font-weight:700 !important;}
.font-italic{font-style:normal !important;font-size:20px;font-weight:400;color:#808080}
.h2-class{font-weight:700;text-transform:uppercase}
.h2-class span{color:#19baf2}
/* ============= Common Style  ======== */
.carousel-indicators li{background-color:#ababab;}
.r-circle{width:50px;height:50px;border-radius:50px;text-align:center;margin-right:20px;display:flex;align-items:center;justify-content:center;padding-top:10px}
.l-circle{width:50px;height:50px;border-radius:50px;text-align:center;margin-left:20px;display:flex;align-items:center;justify-content:center;padding-top:10px}
#sync2.owl-carousel.owl-drag .owl-item{width:40% !important;float:none;margin-top:20px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(1), #sync2.owl-carousel.owl-drag .owl-item:nth-child(2), #sync2.owl-carousel.owl-drag .owl-item:nth-child(3){top:0;left:0;position:absolute;padding:20px 40px 20px 0px;text-align:right}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(4), #sync2.owl-carousel.owl-drag .owl-item:nth-child(5), #sync2.owl-carousel.owl-drag .owl-item:nth-child(6){top:0;right:0px;position:absolute;padding:20px 0px 20px 40px;text-align:left}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(5){top:175px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(6){top:350px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(2){top:175px}
#sync2.owl-carousel.owl-drag .owl-item:nth-child(3){top:350px}
.owl-carousel .owl-item:hover h5{color:#e62e2d}
.feature{height:550px;position:relative;margin-bottom:100px}
#sync2 .owl-stage-outer{overflow:visible !important}
#sync1.owl-carousel.owl-loaded{width:16% !important;float:left;display:inline-block !important;position:absolute;left:42%;z-index:99;}
#sync1.owl-carousel.owl-loaded:before{content:'';position:absolute;background:url(../images/frame-bg.png) no-repeat;width:100%;height:510px;z-index:99;background-size:contain;left:0;top:-10px}
#sync2.owl-carousel.owl-loaded{width:100%;float:right;display:inline-block !important;}
.frame-bg img{width:auto !important;height:485px}
.d-fstart{display:flex;align-items:flex-start;}
.content{width:80%;}
.content h5{font-family: 'Quicksand-Regular', sans-serif;color:#4d4d4d;font-size:24px;font-weight:700;}
.d-fstart .content p{font-size:16px;}
.g-bg{background:#FF3031}
.dg-bg{background:#3b3352}
.b-bg{background:#5793ab}
.o-bg{background:#00C5B9}
.p-bg{background:#00B4ED;}
.hexa{display:flex;align-items:center;}
.pi-bg{background:#8560CA;}
.advantages{height:600px}
.light-bg{background:#e6e6e6;width:100%;float:left}
.white-bg{background:#fff;box-shadow:0px 0px 5px #ddd;border-radius:10px;padding:10px 20px 20px 20px;margin-top:50px}
.h4-class{font-size:28px;font-weight:700;margin-top:20px}
.svg-ico{width:130px;height:130px;display:flex;align-items:center;justify-content:center}
.bg1{background:#F36E21;position:relative;box-shadow:0px 0px 10px #00000030}
.bg2{background:#df5ca2;position:relative;box-shadow:0px 0px 10px #00000030}
.bg3{background:#6f5ba3;position:relative;box-shadow:0px 0px 10px #00000030}
.bg4{background:#00b0d9;position:relative;box-shadow:0px 0px 10px #00000030}
.svgheader{display:flex;align-items:center;justify-content:flex-start;margin-top:-30px}
.svgheader>.h4-class{margin-left:30px}
.bg1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:#f36e21;z-index:2;}
.bg1:after{position:absolute;content:'';top:0;left:-15px;right:0;bottom:0;width:160px;background:#e6e6e6;height:20px;border-left:15px solid transparent;border-right:15px solid transparent;z-index:1;border-bottom:20px solid #aa420e}
.bg2:after{position:absolute;content:'';top:0;left:-15px;right:0;bottom:0;width:160px;background:#e6e6e6;height:20px;border-left:15px solid transparent;border-right:15px solid transparent;z-index:1;border-bottom:20px solid #bf3f94}
.bg2:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:#df5ca2;z-index:2;}
.bg3:after{position:absolute;content:'';top:0;left:-15px;right:0;bottom:0;width:160px;background:#e6e6e6;height:20px;border-left:15px solid transparent;border-right:15px solid transparent;z-index:1;border-bottom:20px solid #362762}
.bg3:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:#6f5ba3;z-index:2;}
.bg4:after{position:absolute;content:'';top:0;left:-15px;right:0;bottom:0;width:160px;background:#e6e6e6;height:20px;border-left:15px solid transparent;border-right:15px solid transparent;z-index:1;border-bottom:20px solid #078599}
.bg4:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:#00b0d9;z-index:2;}
.clr1{color:#f36e21}
.clr2{color:#df5ca2}
.clr3{color:#6f5ba3}
.clr4{color:#00b0d9}
.sub-banner{width:100%;background:#f2f2f2;text-align:center;padding:50px 0px;}
.sub-banner span{color:#19baf2}
/* ============= Foundation  ======== */
.ro-circle{width:100%;height:256px;border-radius:50%;padding:20px}
.c-bg:before{background:url(../images/r1.png) no-repeat;width:70px;height:54px;content:'';position:absolute;top:0;bottom:0;right:0;margin:auto;}
.c2-bg:before{background:url(../images/r21.png) no-repeat;width:70px;height:54px;content:'';position:absolute;top:0;bottom:0;left:-20px;margin:auto;}
.c2-bg:after{background:url(../images/r2.png) no-repeat;width:70px;height:54px;content:'';position:absolute;top:0;bottom:0;right:0;margin:auto;}
.c-bg{background:#90a1a8}
.c2-bg{background:#00baad}
.c3-bg{background:#f7b500}
.c4-bg{background:#414042}
.c3-bg:before{background:url(../images/r3.png) no-repeat;width:70px;height:54px;content:'';position:absolute;top:0;bottom:0;left:-20px;margin:auto;}
.c3-bg:after{background:url(../images/r31.png) no-repeat;width:70px;height:54px;content:'';position:absolute;top:0;bottom:0;right:0;margin:auto;}
.in-circle{box-shadow:-10px 16px 10px #00000059;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}
.c4-bg:before{background:url(../images/r4.png) no-repeat;width:70px;height:54px;content:'';position:absolute;top:0;bottom:0;left:-20px;margin:auto;}
.h4-style{font-size:24px}
#content1{margin-top:50px;box-shadow:0px 0px 10px #ddd;padding:30px;position:relative}
#content1:before{position:absolute;content:'';top:0;left:0;right:0;background:#90a1a8;height:5px}
#content2{margin-top:50px;box-shadow:0px 0px 10px #ddd;padding:30px;position:relative}
#content2:before{position:absolute;content:'';top:0;left:0;right:0;background:#00baad;height:5px}
#content3{margin-top:50px;box-shadow:0px 0px 10px #ddd;padding:30px;position:relative}
#content3:before{position:absolute;content:'';top:0;left:0;right:0;background:#f7b500;height:5px}
#content4{margin-top:50px;box-shadow:0px 0px 10px #ddd;padding:30px;position:relative}
#content4:before{position:absolute;content:'';top:0;left:0;right:0;background:#414042;height:5px}
#content5 {
    box-shadow: 0px 0px 10px #ddd;
    padding: 30px;
    position: relative
}

    #content5:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        background: #90a1a8;
        height: 5px
    }

#content6 {
    box-shadow: 0px 0px 10px #ddd;
    padding: 30px;
    position: relative
}

    #content6:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        background: #00baad;
        height: 5px
    }

#content7 {
    box-shadow: 0px 0px 10px #ddd;
    padding: 30px;
    position: relative
}

    #content7:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        background: #f7b500;
        height: 5px
    }

#content8 {
    box-shadow: 0px 0px 10px #ddd;
    padding: 30px;
    position: relative
}

    #content8:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        background: #414042;
        height: 5px
    }
.red-head{color:#19baf2;font-weight:700}
.strength{width:100%;background:url(../images/testbg.jpg) no-repeat;max-height:645px;background-size:cover;position:relative;}
.strength:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(90deg, #0071bc, #1b1464);opacity:90%;}
.testimonials{border: 2px solid #fff;position:relative;padding: 30px;border-radius: 20px;border-left-style: ridge;border-image: linear-gradient(135deg, transparent 5%, #ffffff9e); /* border-style: solid; */ border-image-slice: 1;}
.testimonials:before{content:'\f10d';position:absolute;top:0;left:0;font-family:"Font Awesome 5 Free";font-weight:900;font-size:24px}
.speaker{display:flex;align-items:center;justify-content:center}
.speaker-image{width:70px;height:70px;border-radius:50%;border:2px solid #fff;margin-right:20px}
.indiaMap{margin-top:-50px}
.customer{background:url(../images/web-image.png) no-repeat;width:100%;height:650px;background-size:contain;background-position:center;}
.customer img{margin-left:100px;margin-top:-20px}
.appBg{width:100%;background:url(../images/app-bg.png) no-repeat;background-size:cover;position:relative;max-height:400px}
.appBg:before{content:'';width:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(90deg, #f36e21e6, #ed1c24);}
.m-image{margin-top:-50px}
.map-images h3{margin-top:20px}
.map-images h6{font-weight:700}
.w-bg{width: 100%;border-radius: 0px;background: #fff;text-align: center;margin-left: -50px;padding:15px}
.map-images{background:url(../images/map-images.jpg) no-repeat;width:100%;background-position:center;height:560px;margin:0 auto}
.numberdiv1{background:url(../images/n1.png) no-repeat;width:270px;height:380px;background-size:contain;float:left;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}
.numberdiv2{background:url(../images/n2.png) no-repeat;width:270px;height:380px;background-size:contain;float:left;margin-left:-80px;margin-top:50px;position:relative;z-index:9;display:flex;align-items:center;justify-content:center;flex-direction:column}
.numberdiv3{background:url(../images/n3.png) no-repeat;width:270px;height:380px;background-size:contain;float:left;margin-left:-80px;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}
.numberdiv4{background:url(../images/n4.png) no-repeat;width:270px;height:380px;background-size:contain;float:left;margin-left:-80px;margin-top:50px;position:relative;z-index:9;display:flex;align-items:center;justify-content:center;flex-direction:column}
.numberdiv5{background:url(../images/n5.png) no-repeat;width:270px;height:380px;background-size:contain;float:left;margin-left:-80px;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}
/* ============= Foundation  ======== */
.owl-item .items{padding:10px}
.padd-50{padding:50px !important;}
.items .box-modal p{text-align:justify}
.items .box-modal{min-height:256px}
.items .box-modal h5{text-align:center;color:#e62e2d;font-weight:700}
.owl-nav{display:none}
/* ============= footer  ======== */
.footer{width:100%;background:#333;padding:100px 0px 0px 50px}
.h3-class{font-size:30px;font-weight:600;}
.listnone{list-style:none}
.listnone a{line-height:36px}
.f-start{display:flex;align-items:baseline;justify-content:flex-start;}
.f-start p{padding-left:8px;font-size:1rem}
.f-bg{width:48px;height:48px;border-radius:50%;float:left;margin-right:10px;display:flex;align-items:center;justify-content:center}
.fac{background:#4056ab}
.tw{background:#60b7ff}
.yo{background:#fd2e3c}
.ins{background:#e14c92}
.f-bg a{color:#fff}
.padd30{padding:30px}
.h1-style{font-size:42px;text-transform:uppercase;font-weight:700}
.box-modal{box-shadow:0px 0px 10px #ddd;padding:10px 20px 20px}
.svg-ico object{width:60px !important;height:auto !important;position:relative;z-index:9;}
.tab-nav a{background:#999;padding:20px 30px;border-radius:40px;color:#fff}
.tab-nav a.current{background:#19baf2;}
.m-t-10{margin-top:10px}
.div-list .headerStrip{background: #ff9800;width: 400px;margin-left: -20px;margin-top: -30px;border-radius: 0px 0px 15px 15px;display: flex;align-items: center;justify-content: center;padding: 15px;position:relative}
.div-list .headerStrip:before{width:430px;border-right:30px solid transparent;border-bottom:20px solid #aa420e;content:'';position:absolute;left:0;top:0;z-index:1}
.div-list .headerStrip:after{background: #ff9800;content:'';position:absolute;z-index:2;height:20px;left:0;top:0;bottom:0;right:0px}
.div-list .headerStrip img{margin-right:20px}
.div-list .headerStrip h2{font-size:24px}
.div-list:nth-child(1) .headerStrip{background: #ff9800;}
.div-list:nth-child(1) .headerStrip:before{border-bottom:20px solid #aa420e;}
.div-list:nth-child(1) .headerStrip:after{background: #ff9800;}
.div-list:nth-child(2) .headerStrip{background: #df5ca2;}
.div-list:nth-child(2) .headerStrip:before{border-bottom:20px solid #bf3f94;}
.div-list:nth-child(2) .headerStrip:after{background: #df5ca2;}
.div-list:nth-child(3) .headerStrip{background: #6f5ba3;}
.div-list:nth-child(3) .headerStrip:before{border-bottom:20px solid #362762;}
.div-list:nth-child(3) .headerStrip:after{background: #6f5ba3;}
.div-list:nth-child(4) .headerStrip{background: #00b0d9;}
.div-list:nth-child(4) .headerStrip:before{border-bottom:20px solid #00b0d9;}
.div-list:nth-child(4) .headerStrip:after{background: #00b0d9;}
.div-list:nth-child(5) .headerStrip, .div-list:nth-child(11) .headerStrip, .div-list:nth-child(15) .headerStrip{background: #00c5b9;}
.div-list:nth-child(5) .headerStrip:before, .div-list:nth-child(11) .headerStrip:before, .div-list:nth-child(15) .headerStrip:before{border-bottom:20px solid #059385;}
.div-list:nth-child(5) .headerStrip:after, .div-list:nth-child(11) .headerStrip:after, .div-list:nth-child(15) .headerStrip:after{background: #00c5b9;}
.div-list:nth-child(6) .headerStrip, .div-list:nth-child(12) .headerStrip{background: #cddc39;}
.div-list:nth-child(6) .headerStrip:before, .div-list:nth-child(12) .headerStrip:before{border-bottom:20px solid #8f9c08;}
.div-list:nth-child(6) .headerStrip:after, .div-list:nth-child(12) .headerStrip:after{background: #cddc39;}
.div-list:nth-child(7) .headerStrip, .div-list:nth-child(13) .headerStrip{background: #2196f3;}
.div-list:nth-child(7) .headerStrip:before, .div-list:nth-child(13) .headerStrip:before{border-bottom:20px solid #09428a;}
.div-list:nth-child(7) .headerStrip:after, .div-list:nth-child(13) .headerStrip:after{background: #2196f3;}
.div-list:nth-child(8) .headerStrip{background: #ff9800;}
.div-list:nth-child(8) .headerStrip:before{border-bottom:20px solid #aa420e;}
.div-list:nth-child(8) .headerStrip:after{background: #ff9800;}
.div-list:nth-child(9) .headerStrip{background: #df5ca2;}
.div-list:nth-child(9) .headerStrip:before{border-bottom:20px solid #bf3f94;}
.div-list:nth-child(9) .headerStrip:after{background: #df5ca2;}
.div-list:nth-child(10) .headerStrip{background: #6f5ba3;}
.div-list:nth-child(10) .headerStrip:before{border-bottom:20px solid #362762;}
.div-list:nth-child(10) .headerStrip:after{background: #6f5ba3;}
.div-list:nth-child(14) .headerStrip{background: #9c27b0;}
.div-list:nth-child(14) .headerStrip:before{border-bottom:20px solid #670677;}
.div-list:nth-child(14) .headerStrip:after{background: #9c27b0;}
.advan .p-t-50{align-items:center}
.advan .p-t-50:nth-child(odd){flex-direction:row}
.advan .p-t-50:nth-child(even){flex-direction:row-reverse}
.d-base{display:flex;align-items:baseline}
.d-base p{margin-left:20px}
.p1-bg .icon-img{background:#f7931e;border-radius:50%;margin-right:20px;width:90px;height:90px;display:flex;align-items:center;justify-content:center}
.p2-bg{flex-direction:row-reverse;}
.p2-bg .icon-img{background:#df5ca2;border-radius:50%;margin-left:20px;width:90px;height:90px;display:flex;align-items:center;justify-content:center}
.shadowbox{background:#fff;box-shadow:0px 0px 10px #ddd;padding:30px;}
.li-item:nth-child(odd) .shadowbox{flex-direction:row}
.li-item:nth-child(even) .shadowbox{flex-direction:row-reverse}
.box-9{float: left;width: 30px;height: 104px;background-color: #6C6;}
.box-10{float: left;border-left: 30px solid #6C6;border-top: 52px solid transparent; border-bottom: 52px solid transparent}
.m-lr-20{margin-left:20px;margin-right:20px}
.pen-bg{width:190px;height:280px;display:flex;align-items:center;justify-content:center}
.icons{width:60px;height:60px}
.tab-con{margin-top:50px}
.wid70{width:70%}
.m-auto{margin:auto;}
.owl-item.active.synced{box-shadow:-5px 5px 10px #ddd}
.owl-dots{text-align:center}
.owl-dots .owl-dot{width:12px;height:12px;border-radius:50%;border:0;margin-left:5px}
.owl-dots .owl-dot.active{background:#333}
.clr-red{color:#19baf2 !important}
.form-control{width:90%}
#content2, #content3, #content4{display:none}
#ic2:hover + #content2{display:block;z-index:999}
#ic3:hover + #content3{display:block}
#ic4:hover + #content4{display:block}
.modal-content{padding:20px 50px}
.modal-head{display:flex;align-items:baseline;justify-content:space-between}
.btn-success:hover, .btn-success.focus, .btn-success:focus{background-color:#19baf2;border-color:#19baf2;}
.d-base i{color:#19baf2}
.width100{width:100%}
.dropdown-toggle{font-weight:700}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9;
  right:0;
  top:40px;border-top:3px solid #19baf2;
  min-width:max-content;
  padding:20px 0px;
}
.navbar{padding:0px 1rem;width:100%}
.dropdown-content a {
  float: none;
  color: #808080;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-weight:400;
  font-size:16px;
}
.dropdown-content a:hover {
  color: #56aaf6;
}
.menu-large{position:static !important}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-item:focus, .dropdown-item:hover{background:#ffffff20;color:#fff}
.backbg{background:#f7f7f7;padding:5px;}
.black-bg{background:#b1b1b1;color:#fff;padding:5px 20px;display:inline-block}
.p-t-10{
    padding-top: 10px;
}

.chatresponse {
    background: #e7e7e7;
    width: 100%;
    min-height: 50vh;
    max-height: 50vh;
    border-radius: .25rem;
    color: #fff;
    margin-top: 16px;
    overflow-x: unset;
    overflow-y: auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    .logo{
        width: 180px;
    }
}
@media only screen and (max-width:1200px)
{
    .logo {
        width: 170px;
    }
    .container-fluid{padding:0 4% !important}
    .text-box{width:60%}
    #sync1.owl-carousel.owl-loaded{width:21% !important;left:40%}
    .btnepfai{width:45px;overflow:hidden}
}
@media only screen and (max-width:1024px)
{
    .indiaMap{width:100%;margin-top:0px}
    .customer img{margin-left:0px;}
    .navbar-nav .nav-link{font-size:14px}
    .container-fluid{padding:0 0% !important}
    .logo{width:160px}
    .text-box{width:75%}
    #sync1.owl-carousel.owl-loaded{width:25% !important;left:38%}
    .ro-circle{width:200px;height:200px}
    .h4-style{font-size:18px}
}
@media only screen and (max-width:991px)
{
    .customer img{width:100%}
    .logo {
        width: 190px;
    }
    .navbar-toggler{background:#1b1b1b;border:#1b1b1b}
    .navigation{position:relative;width:100%}
    .navbar-collapse{position: absolute;top: 40px;background: #fff;z-index: 99;padding: 20px;width: 100%;}
    .navbar{display:flex;align-items:center;justify-content:flex-end}    
    .svgheader>.h4-class{display:none}
    .h4-style{display:none}
    .ro-circle{width:150px;height:150px}
    .frame-bg img{height:460px}
    #sync1.owl-carousel.owl-loaded{width:23% !important;left:39%}
    .owl-item.active.synced{box-shadow:none}
    .map-images .col img{margin-top:125px !important;margin-left:0px !important}
    .map-images .col h3{margin-left:0 !important}
    .w-bg{margin-left: -20px;margin-bottom:-50px}
    .map-images .col img{margin-top:160px !important}
    
}
@media only screen and (max-width:768px)
{
    .signIn{display:none}
    .logo {
        width: 170px;
    }
    .slider-h1{font-size:30px}
    .frame-bg img{height:350px}
    .d-fstart .content p{font-size:13px}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(2),#sync2.owl-carousel.owl-drag .owl-item:nth-child(5){top:125px}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(3),#sync2.owl-carousel.owl-drag .owl-item:nth-child(6){top:250px}
    .advantages{height:350px}
    .tab-nav a{display:block;margin:10px}
    .p1-bg, .p2-bg {background-size:contain}
    .c-bg:before, .c2-bg:before, .c3-bg:before, .c4-bg:before {
        display: none
    }
    .c-bg:after, .c2-bg:after, .c3-bg:after, .c4-bg:after {
        display: none
    }
    
}
@media only screen and (max-width:767px){
    .btnepfai {
        width: auto;
        position: absolute;
        top: 85vh;
        right: 0;
    }

        .btnepfai img {
            height: 40px !important;
        }
}
@media only screen and (max-width:600px)
{
    #btnpdf{display:none}
    #sync1.owl-carousel.owl-loaded:before{height:480px}
    .frame-bg img{height:460px}
    #sync1.owl-carousel.owl-loaded{width:100% !important;position:relative;left:30%}
    #sync2.owl-carousel.owl-drag .owl-item{width:48% !important}
    .advantages{height:780px}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(1), #sync2.owl-carousel.owl-drag .owl-item:nth-child(2), #sync2.owl-carousel.owl-drag .owl-item:nth-child(3){padding:0}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(4), #sync2.owl-carousel.owl-drag .owl-item:nth-child(5), #sync2.owl-carousel.owl-drag .owl-item:nth-child(6){padding:0}
    .ro-circle{width:200px;height:200px;margin:0 auto}
    .h4-style{display:block}
    .strength{min-height:645px;max-height:fit-content}
    .customer{height:auto}
    .appBg{max-height:fit-content}
    .map-images{display:block;height:fit-content;background: url(../images/map-images.jpg) repeat;}
    .numberdiv1, .numberdiv2, .numberdiv3, .numberdiv4, .numberdiv5{margin-left:0;float:none;margin-right:0;margin:auto}
    #sync1.owl-carousel.owl-loaded{left:0;}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(4), #sync2.owl-carousel.owl-drag .owl-item:nth-child(5), #sync2.owl-carousel.owl-drag .owl-item:nth-child(6){position:relative;top:auto !important}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(1), #sync2.owl-carousel.owl-drag .owl-item:nth-child(2), #sync2.owl-carousel.owl-drag .owl-item:nth-child(3){position:relative;top:auto !important}
    #sync2.owl-carousel.owl-drag .owl-item{width:100% !important}
    #sync2.owl-carousel.owl-drag .owl-item:nth-child(1) .d-fstart, #sync2.owl-carousel.owl-drag .owl-item:nth-child(2) .d-fstart, #sync2.owl-carousel.owl-drag .owl-item:nth-child(3) .d-fstart{flex-direction:row-reverse}
    .content{text-align:left}
    .l-circle, .r-circle{margin-left:20px;margin-right:20px}
    .advantages{height:fit-content;}
    #sync2 .owl-stage-outer .owl-item .item{width:90%;margin:0 5%;}
    .frame-bg img{width:320px !important;margin:0 auto;object-fit:contain}
    #sync1.owl-carousel.owl-loaded:before{width:230px !important;object-fit:contain;margin:auto;left:0;right:0}      
    .shadowbox .hexa{width:100%}
    .shadowbox{display:block}
    .advan .fl-end img{width:30%}
    .h1-style{font-size:28px}
    .tab-con-item .li-item:nth-child(even) .pen-bg{justify-content:flex-end;padding-right:50px}
    .hexa{flex-direction:column;}
    .hexa h3{margin-top:10px;text-align:center}
}
@media only screen and (max-width:480px)
{
    #sync2.owl-carousel.owl-drag .owl-item{width:90% !important}    
    .slick-prev, .slick-next{display:none !important}
    .slider-h1{font-size:20px}
    .carousel-inner{height:auto}
    .carousel-inner .carousel-item img{object-fit:unset;aspect-ratio:unset}
    .carousel-indicators{margin-bottom:4px}
    .carousel-indicators li{width:15px}
    .btn-success{padding:5px 10px}
    .div-list .headerStrip{width:100%}
    .div-list .headerStrip:before{width:110%}
}
@media only screen and (max-width:414px)
{
    .row{margin-left:0px;margin-right:0px;}
    .m-image{width:100%}
    .footer{padding:30px 0px}
    .frame-bg img{width:280px !important}
    p{font-size:13px}
    .m-t-30{margin-top:10px}
    .btnepfai {
        top:84vh;
        right: -10px;
    }
}
/* ============= footer  ======== */


/*--------------------*/
/* Works SECTION */
/*--------------------*/

#works {
  background-color: #4f535e;
  display: inline;
  float: left;
  padding: 0 0 80px;
  width: 100%;
}
.counter_section {
  background-image: url("img/works_counterbg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline;
  float: left;
  min-height: 350px;
  padding: 80px 0;
  position: relative;
  width: 100%;
}
.counter_area {
  position: relative;
  z-index: 999;
}
.counter { padding: 20px 0; border-radius: 5px;}
.count-title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}
.count-text {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}
.fa-2x {
  display: table;
  float: none;
  margin: 0 auto;
  font-size: 40px;
}
#portfolio-filter{display:flex;align-items:center;justify-content:center}
.portfolio_area {
  background: none repeat scroll 0 0 #00346e;
  color: #fff;
  display: inline;
  float: left;
  padding-top: 30px;
  width: 100%;
}
.portfolio_area h2{
	color: #fff;
}
.portfolio_gallery{
	float: left;
	display: inline;
	width: 100%;
}
.wagwep-container ul#portfolio-filter {
  border-bottom: medium none;
  margin-top: 25px;
  text-align: center;
}
.wagwep-container ul#portfolio-filter a {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  margin: 0 10px 10px 0;
  padding: 6px 12px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.wagwep-container ul#portfolio-filter a:hover{
	color: #fff;	
}

.og-grid li a figure span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.9);
  display: block;
  font-weight: normal;
  margin: 40% 20px 20px;
  padding: 10px 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
.wagwep-container ul#portfolio-filter li {
  display: inline-block;
  float: none;  
}
/*======================///////////////
			start responsive style
=====================///////////////////////*/