@charset "utf-8";
/* MAINS CSS Document */
/*css reset*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
.aBn{
	border:none !important;
}
.aBn:hover{
	border:none !important;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;  
	outline:none !important; 
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
a{text-decoration:none !important}
/*end of css reset*/


/* custom font calling */


/*
    font-family: 'Basis_font', sans-serif;
    font-family: 'Neurial_font', sans-serif;
    font-family: 'Poppins', sans-serif;
*/


@font-face{ 
    font-family: 'Basis_font';
    src:url(../fonts/customfonts/basisgrotesquepro-old.eot);
    src:url(../fonts/customfonts/basisgrotesquepro-old.eot) format('eot'),
         url(../fonts/customfonts/basisgrotesquepro-old.otf) format('otf'),
         url(../fonts/customfonts/basisgrotesquepro-old.woff) format('woff'),
         url(../fonts/customfonts/basisgrotesquepro-old.ttf) format('truetype'),
      url(../fonts/customfonts/basisgrotesquepro-old.woff2) format('woff2');
}

@font-face{ 
    font-family: 'Neurial_font';
    src:url(../fonts/customfonts/neurialgrotesk-regular.eot);
    src:url(../fonts/customfonts/neurialgrotesk-regular.eot) format('eot'),
         url(../fonts/customfonts/neurialgrotesk-regular.otf) format('otf'),
         url(../fonts/customfonts/neurialgrotesk-regular.woff) format('woff'),
         url(../fonts/customfonts/neurialgrotesk-regular.ttf) format('truetype'),
      url(../fonts/customfonts/neurialgrotesk-regular.woff2) format('woff2');
}

/* div{font-size: 30px;margin-bottom: 10px;}
.test1{
    font-family: 'Basis_font', sans-serif;
    font-size: 32px;
}
.test2{
    font-family: 'Neurial_font', sans-serif;
    font-size: 36px;
}

p{font-family: 'Poppins', sans-serif;} */

/* header style */
.fix_tophedr{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  z-index: 999999;
}
.header_div{
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 5px 0px 35px;
}

.nav_plugin {
  min-height: 50px;
  width: 100%;
  /* background-color: #4d4d4d; */
  position: relative;
}

.nav_plugin > .nav-header {
  display: inline;
}

.nav_plugin > .nav-header > .nav-title {
  display: inline-block;
  font-size: 22px;
  color: #000;
  /* padding: 10px 10px 10px 10px; */
}

.nav_plugin > .nav-btn {
  display: none;
}

.nav_plugin > .nav-links {
  display: inline;
  float: right;
  font-size: 16px;
  margin-top: 12px;
}
  
.nav_plugin > .nav-links > a,.nav_plugin > .nav-links > li {
  display: inline-block;
  padding: 13px 40px 13px 0px;
  text-decoration: none;
  color: #000;
  font-weight: 400;
}

.nav-links > li a{
    color: #000;
}
.nav-links > li a:hover,.nav-links > li a:focus,.nav_plugin > .nav-links > a:hover,.nav_plugin > .nav-links > a:focus{
    color: #00afe1 ;
}
  
.nav-links > li > .dropdown-menu > li > a{
  color: black;
  padding: 10px;
  display: block;
  line-height: 1.5;
  font-size: 14px;
}
.dropdown-toggle::after{
    display: none;
}

.nav-links > li > .dropdown-menu > li > a:hover,.nav-links > li > .dropdown-menu > li > a:focus{
    background: #00afe1;
    color: white;
}


.nav_plugin > .nav-links > a:hover {
  /* background-color: rgba(0, 0, 0, 0.3); */
}

.nav_plugin > #nav-check {
  display: none;
}

.nav-title a img{
    height: 90px;
    width: auto;
}

.serchbox {
  background: #00afe1;
  height: 38px !important;
  width: 38px !important;
  border-radius: 100%;
  padding: 10px 0px;
  text-align: center;
  color: white;
  font-size: 18px !important;
}
.serchbox:hover{
    background: #333;
    color: white;
}

/* scroll animation */
.nav-title2 a img {
  height: 60px;
}
.nav_plugin2 > .nav-links > a, .nav_plugin2 > .nav-links > li{
  font-size: 13px;
}
.serchbox2 {
  padding: 12px 0px;
}
.nav_plugin2 > .nav-links {
  margin-top: 0px;
}
.fix_tophedr2{
  background: white;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.31);
}

/* custom header responsive style */
@media (min-width: 0px) and (max-width:1300px) {
  .header_div {
    padding: 0px 10px;
  }
  .nav_plugin > .nav-links > a, .nav_plugin > .nav-links > li{
    font-size: 16px;
  }
  .nav-title a img {
    height: 70px;
    margin-top: -2px;
  }
  .nav_plugin > .nav-links {
    margin-top: 5px;
  }
  .full-bg-for-blog{
    margin-top: -20px;
  }
}
@media (min-width: 0px) and (max-width:1150px) {
  .nav_plugin > .nav-links > a, .nav_plugin > .nav-links > li {
    font-size: 14px;
  }
  .serchbox {
    padding: 11px 0px;
  }
  .nav_plugin > .nav-links > a, .nav_plugin > .nav-links > li {
    padding: 13px 25px 13px 0px;
}
}
/* custom header responsive style */

@media (max-width:991px) {
  .nav_plugin > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav_plugin > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
    background: #00afe1;
  }
  .nav_plugin > .nav-btn > label:hover,.nav_plugin  #nav-check:checked ~ .nav-btn > label {
    background-color: rgba(0, 175, 225, 0.58);
  }
  .nav_plugin > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #eee;
  }
  .nav_plugin > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #fff;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 45px;
    left: 0px;
    padding-left: 15px;
  }
  .nav_plugin > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav_plugin > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav_plugin > #nav-check:checked ~ .nav-links {
    height: calc(100vh - 50px);
    overflow-y: auto;
  }
  .nav-title a img {
    height: 48px;
    padding-left: 15px;
  }
  .header_div{
    padding: 0;
  }
  .nav_plugin > .nav-links > li{
    display: block;
  }
}
/* header style */

.transidiv, a, .nav-title a img, .nav-title2 a img,.fix_tophedr,.serchbox,.nav-links,.white_keyfdiv,.bg_mg,.bg_mg::after,.pric_div h6,.pric_div h5,.custm_ULLI,.pric_div,.num_spn,.numh4,.nump,.prodi_title,.frpartner_block3_card h6,.frpartner_block3_card p{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

/* global font style */
body{font-family: 'Poppins', sans-serif;font-weight: 300;}
.clr{
  clear: both;
}
a{color: #00afe1;}
a:hover,a:focus{color: #01BB84;}
h1,.h2ash1benifits h2{
  font-size: 50px;
  font-family: 'Basis_font', sans-serif;
  color: black;
  line-height: 1.2;
}
h3,.seoh2toh3 h2{
  font-size: 36px;
  font-family: 'Basis_font', sans-serif;
  line-height: 1.3;
  color: black;
}
h4,.customH4{
  font-size: 29px;
  font-family: 'Neurial_font', sans-serif;
  color: black;
  line-height: 1.5;
}
h5{
  font-size: 25px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: black;
}
h6{
  font-size: 20px;
  color: black;
  line-height: 1.3;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
}
.blu_txt{
  color: #16B0E1;
}
.green_txt{
  color: #01BB84;
}
p{
  font-size: 18px;
  line-height: 1.5;
  color: black;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
.over_allpding{
  padding-left: 45px;
  padding-right: 45px;
}
.img_repsonsive{
  max-width: 100%;
  display: block;
}
.no_leftritpding{
  padding-left: 0;
  padding-right: 0;
}
.primary_btn {
  background: #16B0E1;
  color: white;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  padding: 13px 40px;
  border-radius: 20px;
  display: inline-block;
}
.primary_btn:hover,.primary_btn:focus{
  background: #01BB84;
  color: white;
}
.primary_btn_inactive {
  background:white;
  color:#16B0E1;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  padding: 13px 40px;
  border-radius: 20px;
  border: 1px solid #00afe1;
  display: inline-block;
}
.primary_btn_inactive:hover,.primary_btn_inactive:focus{
  border: 1px solid #01BB84;
  background: #01BB84;
  color: white;
}
.margauto{
  margin: 60px auto;
}
.rowcard_text h6{
  font-family: 'Basis_font', sans-serif;
}
/* global font style */

/* Home page above the fold */
.ovral_homebg{
  background: url(../images/above-thefoldbg-copy.jpg) #F8F8F8;
  background-size: cover;
  background-repeat: no-repeat;
}
.abov_fld{
  padding-top: 95px;
  
  /* padding-bottom: 210px; */
}
.abov_fld h1{
  text-transform: capitalize;
  margin-bottom: 50px;
  margin-top: 170px;
}
.abov_fld h4 span.secn_txt{
  display: block;
}
.video_div img{
  margin-top: 40px;
}
.video_div{
  cursor: pointer;
}
.placyicon_parent{
  background-color: #16B0E1;
    width: 100px;
    height: 100px;
    text-align: center;
    color: white;
    border-radius: 100%;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.36);
}
.abs_playdiv {
  position: absolute;
  top: 45%;
  right: 51%;
}
.placyicon_parent i
{
  font-size: 30px;
  padding-top: 35%;
}
.placyicon_parent:hover{
  opacity: 0.95;
  box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.56);
}
.youtu_div{
  display: none;
}
.youtu_div iframe {
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.52);
  margin-top: 70px;
}
.clo_viddiv {
  background: #00afe1;
  color: white;
  text-align: center;
  padding: 6px 20px;
  border-radius: 20px;
  font-size: 14px;
  z-index: 33;
  position: absolute;
  bottom: 7px;
  left: 42%;
  cursor: pointer;
}
.clo_viddiv:hover{
  background-color: #01BB84;
}
.abov_fldbtn{
  margin-top: 50px;
}
.abov_fldbtn_wid{
	width: 160px;
    text-align: center;
}
.abov_fldbtn2{
    margin-left: 17px;
}
/* Home page above the fold */
/* home page second fold */
.belo_fold h3{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 80px;
}
.sqr_bx{
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
  padding: 17.5% 30px;
  background: white;
  cursor: pointer;
  margin-bottom: 68px;
  width: 85%;
}
.svg_div svg{
  width: 60px;
  margin-top: 20px;
}
.sqr_bx:hover,.activ_squr{
  background: #08465A;
  color: white;
}
.sqr_bx:hover svg,.activ_squr svg{
  fill: white;
}
.titlsq{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  line-height: 1.5;
}
.titlsq span{
  display: block;
}
.relrow{
  left: 80px;
  position: relative;
}
.line_div{
  background: #0B5870;
  height: 2px;
  width: 40%;
  margin:10px 0px 40px 0px; 
}
.descrip_div{
  padding-right: 70px;
  margin-top: 60px;
  position: relative;
  left: 100px;
}
.def_hide{
  display: none;
}
.des_btn{
  margin-top: 35px;
}
.svg_divmobile{
  display: none;
}
.svg_divmobile svg {
  width: 75px;
  margin-bottom: 20px;
  fill: #17b0e1;
}
.thid_fold{
  text-align: center;
}
.thid_fold h3 {
  margin-top: 50px;
}
.thid_fold h6{
  margin: 60px 0px 20px 0px;
}
.thid_fold img{
  margin-top: 50px;
}
.thid_fold{
  margin-top: 80px;
}

.card_frfld{
  position: relative;
  border-radius: 25px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  background: white;
  padding: 60px 25px;
  margin-bottom: 50px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  min-height: 365px;
}
.lilh6{
  color: #0B5870;
  margin: 15px 0px;
  font-size: 18px;
  padding-right: 27%;
  line-height: 1.3;
  font-weight: 400;
}
.card_frfld p{
  font-size: 16px;
}
.svg_ardiv {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: white;
  position: absolute;
  text-align: center;
  padding: 23px 10px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.19);
  left: 36%;
  bottom: -13%;
}
.svg_ardiv svg{
  width: 35px;
}
.card_frfld:hover h5{
  color: #16B0E1;
}
.card_frfld:hover svg{
  fill: #16B0E1;
}
.card_frfld:hover{
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.45);
}

.fourth_fld{
  margin-top: 150px;
}
.fourth_fld h6{
  margin:60px 0px 100px 0px;
}

.fith_fold{
  margin-top: 250px;
}
.arrow_div{
  margin: 60px 0px 100px 0px;
  color: #0B5870;
  font-family: 'Basis_font', sans-serif;
}
.centarro{
  display: inline-block;
  margin:0px 10px;
}
.white_box2 {
  border-radius: 25px;
  padding: 20px 40px 25px 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 66px;
  width: 90%;
  min-height: 330px;
  overflow: hidden;
  min-height: 360px;
  background: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.white_box2:hover,.white_box2activ{
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.45);
}
.white_box2 img{
  color: #0B5870;
  margin: 10px 0px  0px 0px;
  font-family: 'Basis_font', sans-serif;
  font-size: 18px;
  line-height: 1.3;
  position: relative;
  top: 60px;
  /* left: 24%; */
  width: 70px;
  margin-bottom: 20px;
}
.smlt_two{
  color: #0B5870;
  margin: 10px 0px 20px 0px;
  font-family: 'Basis_font', sans-serif;
  font-size: 17px;
  line-height: 1.3;
  position: relative;
  top: 45px;
}
.white_box2 p{
  position: relative;
  top: 300px;
  font-size: 16px;
  font-weight: 400;
}
.white_box2:hover p,.white_box2:hover .smlt_two,.white_box2activ p,.white_box2activ .smlt_two,.white_box2activ p{
  top: 0;
}
.white_box2:hover img,.white_box2activ img{
  top: 0;
  left: 0;
  margin-bottom: 0;
}
.fithfolbt{
  margin-top: 40px;
}

.six_fold{
  margin-top: 150px;
}
.six_fold h3,.six_fold p{
  text-align: center;
}
.six_fold p{
  margin: 60px 0px 60px 0px;
}
.img_lgodiv {
  background: white;
  border-radius: 25px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  min-height: 165px;
  width: 80%;
  padding-top: 20px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
.img_lgodiv img{
  margin: 0 auto;
  width: 130px;
}

.sevnt_fold{
  margin-top: 200px;
  padding-bottom:100px;
}
.sevnt_fold h3{
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  margin-top: 80px;
  margin-bottom: 25px;
}
.get_stabox img{
  width: 68px;
  display: block;
  margin-bottom: 26px;
}
.get_stabox span{
  display: block;
  font-size: 16px;
  color: black;
  font-weight: 500;
  position: relative;
}
.get_stabox span::after{
  content: '';
  height: 3px;
  position: absolute;
  left: 0;
  width: 0px;
  background: #08465A;
  bottom: -15px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.get_stabox:hover span::after{
  width: 100px;
}
.get_stabox{
  margin-bottom: 80px;
}

.footer_div{
  background-color: #16B0E1;
  color: white;
  font-weight: 300;
  font-size: 16px;
}
.intern_foopding{
  padding: 70px 45px;
}
.address_div{
  line-height: 1.5;
}
.address_div span{
  display: block;
  font-weight: 700;
  margin-bottom: 25px;
}
.address_div a{
  color: white;
}
.address_div a:hover,.address_div a:focus{
  color: black;
}
.quicklinks_a a{
  display: block;
  color: white;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.3;
}
.quicklinks_a a:hover,.quicklinks_a a:focus{
  color: black;
}
.sub_title{
  font-weight: 700;
  margin-bottom: 25px;
}
.frm_fld{
  margin-bottom: 15px;
  text-align: left;
}
.subfld input{
  border: none;
  border-bottom: 1px solid white;
  background: none;
  color: white;
  outline: none !important;
  display: block;
  width: 100%;
  padding: 10px 10px;
}
.sub_btn input{
  display: inline-block;
  width: inherit;
  background-color: white;
  color: #00afe1;
  border-radius: 25px;
  padding: 10px 50px;
  font-weight: 500;
}

.subfld input::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
  color: #fff;
}
.subfld input::-moz-placeholder
{ /* Firefox 19+ */
  color: #fff;
}
.subfld input:-ms-input-placeholder
{ /* IE 10+ */
  color: #fff;
}
.subfld input:-moz-placeholder 
{ /* Firefox 18- */
  color: #fff;
}
.sclIcons{
  text-align: center;
}
.sclIcons a{
  color: white;
  font-size: 23px;
  margin-right: 40px;
}
.sclIcons a:hover,.sclIcons a:focus{
  color: black;
}
.sclIcons a:last-child{
  margin-right: 0px;
}
.foot_foot{
  padding-top: 40px;
}
.bdy_txt{
  padding-top: 2px;
  text-align: center;
}

/* fixed button style */
.fxd_fld {
  position: fixed;
  right: -127px;
  border: 1px solid #3F3D56;
  bottom: 25%;
  z-index: 999;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  background: white;
}
.fxd_fld:hover{
  right: -2px;
}
.defa_colr{
  background-color: #3F3D56;
  color: white !important;
}
.defa_colr svg{
  fill: white !important;
}
.fxd_fld svg{
  width: 30px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  fill: #3F3D56;
}
.fxd_fld span{
  display: inline-block;
  vertical-align: middle;
}
.spn1fxd a{
  display: block;
  color: #3F3D56;
  padding: 10px 10px;
}
.spn1fxd a:hover,.spn1fxd a:focus{
  background-color: #00afe1;
  color: white;
}
.spn1fxd a:hover svg,.spn1fxd a:focus svg{
  fill: #fff;
}

/* catalog store */
.ovral_catalogpge,.page-id-351{
  background-image: url('../images/catalog_page_bg.jpg');
}
.catlog_stp h5,.seofix_ogh5 {
  line-height: 1.5;
  font-size: 23px;
  font-family: 'Neurial_font', sans-serif;
  margin-bottom: 30px;
}
.re_div_cat{
  position: relative;
}
.abs_play_smalthumb{
  position: absolute;
}
.ubtext h3{
  text-align: center;
  margin: 50px 0px 0px 0px;
}
.box_catdiv {
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
  background: white;
  padding: 30px 50px;
  margin-top: 30%;
}
.box_catdiv p{
  margin: 20px 0px;
  font-size: 15px;
}
.box_catdiv img{
  margin: 0 auto;
  width: 73px;
}
.fld_3_ct {
  padding: 60px 0px 100px 0px;
}
.fld_3_ct p{
  margin-top: 40px;
}
.blkspn_cat{
  display: block;
}
.rowcard_text h6{
  margin:30px 0px;
}
.row.fld_4_ct {
  padding-bottom: 80px;
}

.keyfet_scn h3{
  margin: 60px 0px 100px 0px;
}
.white_keyfdiv{
  text-align: center;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 60px 20px;
  min-height: 220px;
}
.white_keyfdiv:hover{
  box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.46);
}
.white_keyfdiv p{
  font-family: 'Basis_font', sans-serif;
  font-size: 14px;
}
.white_keyfdiv img{
  width: 50px;
}

.screenshtscn{
    padding: 70px 0px 100px 0px;
}
.slid_img{
  margin: 60px 0px 25px 0px;
}
.cst_ind li{
  background-color: #C7C7C7;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 0px 7px;
}
.cst_ind li.active{
  background-color: #00afe1;
}
.cst_ind {
  bottom: -25px;
}
.fld_lst_ct{
  padding: 60px 0px 100px 0px;
}

/* space div */
.spacediv{
  height: 50px;
}
.spacediv2{
  height: 80px;
}

/* Overview page start */

/* .fld_5_ct{
padding: 20px 0px 20px 0px;
} */
.last_fl_over h6{
  margin-bottom: 30px;
  font-family: 'Basis_font', sans-serif;
}

/* overview page ends here */

/*The need page start*/
.full-bg-for-need
{
  background-color: #FFFFFF;
  width: 100%;
  background-image: none;
}
.need-stp h5
{
  line-height: 1.5;
  font-size: 23px;
  font-family: 'Neurial_font', sans-serif;
  margin-bottom: 30px;
}
.card_frch{
  position: relative;
  width: 80%;
  height: 500px;
  margin: 0 auto;
  background: white;
  padding: 40px;
}
.card_frch h6{
  padding: 0px 0px 40px 0px;
}
.card_frch img{
 position: absolute;
 padding: 20px 0px 20px 0px;
 opacity: 1;
}
.card_frch ul{
  position: absolute;
  opacity: 0;
  font-size: 18px;
  line-height: 1.5;
  list-style: none; 
  font-weight: 300;
  padding: 0px 20px 0px 20px;
}
.card_frch ul li::before{
  content: "\2022";
  color: #16B0E1; 
  font-weight: bold; 
  display: inline-block;
  width: 1em; 
  margin-left: -1em; 
} 
.card_frch:hover{
  border-radius: 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}
.card_frch:hover img{
  opacity: .05;
}
.card_frch:hover ul{
  display: inline;
  opacity: 1;
}
.card_frch_active{
  position: relative;
  width: 80%;
  height: 500px;
  margin: 0 auto;
  background: white;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}
.card_frch_active img{
 position: absolute;
 padding: 20px 0px 20px 0px;
 opacity: 0.05;
}
.card_frch_active h6{
  padding: 0px 0px 40px 0px;
  color: #16B0E1;
}
.card_frch_active ul{
  position: absolute;
  opacity: 1;
  font-size: 18px;
  line-height: 1.5;
  list-style: none; 
  font-weight: 300;
  padding: 0px 20px 0px 20px;
}
.card_frch_active ul li::before{
  content: "\2022";
  color: #16B0E1; 
  font-weight: bold; 
  display: inline-block;
  width: 1em; 
  margin-left: -1em; 
} 
.fld_5_ct{
  padding: 30px 0px 0px 0px;
}
.h_1_ad{
  padding: 50px 0px 50px 0px;
}
.h_2_ad{
  padding: 100px 0px 100px 0px;
}
.h_2_ad h6{
  font-size: 18px;
  color: black;
  line-height: 1.3;
  font-family: 'Basis_font', sans-serif;
  font-weight: 500;
}
.h_3_ad{
  padding: 0px 0px 50px 0px;
}
.h_4_ad{
  padding-top: 100px 0px 0px;
}
.fld_6_ct{
  padding: 50px 0px 75px 0px;
}
.card_frneed {
  position: relative;
  border-radius: 15px;
  width: 95%;
  min-height: 350px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  background: white;
  padding: 40px 25px;
}
.card_frneed h6{
  font-size: 18px;
  font-weight: 500;
}
.card_frneed:hover h6{
  color: #16B0E1;
}
.card_frneed:hover{
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.45);
}
.card_btn{
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
}
.card_frneed2{
  position: relative;
  border-radius: 15px;
  width: 90%;
  min-height: 500px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  background: white;
  padding: 40px;
}
.card_frneed2:hover{
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.45);
}
.card_frneed2 img{
  padding: 40px 0px 40px 0px;
  /* opacity: .5; */
}
.card_frneed2 p{
  position: relative;
  /* opacity: .5; */
  font-size: 16px;
}
.card_frneed2:hover h6{
  color: #16B0E1;
}
.card_frneed2:hover img{
  opacity: 1;
}
.card_frneed2:hover p{
  opacity: 1;
}
.below_ct{
  padding: 0px 0px 100px 0px;
}
/*The need page end*/

/* servie professional page starts here */
.title_space{
  padding: 100px 0px 50px 0px;
}
.pr_block_1 img{
  margin-top: 40px;
}
.frpro_block2{
  padding: 0px 0px 0px 0px !important;
  min-height: 640px;
}
.card_frpro_block2{
    position: relative;
    border-radius: 5px;
    min-height: 400px;
    /* min-height: 333px; */
    width: 80%;
    display: flex;
    align-items: center;
    margin: 0px 35px 0px 35px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    background: white;
    padding: 40px 40px 40px 40px;
}
.card_frpro_block2 h6{
  font-weight: 500;
  padding: 0px 0px 20px 0px;
}
.card_frpro_block3 img{
  opacity: 1;
  max-width: 100%
}
.card_frpro_block2 p{
  display: none;
}

.card_frpro_block2_active{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  min-height: 600px;
  display: block;
}
.card_frpro_block2_active img{
  position: absolute;
  opacity: 0.1;
  max-width: 100px;
  top: 50px;
  right: 95px;
}
.card_frpro_block2_active h6{
  color: #00afe1;
  padding: 20px 0px 20px 0px;
}
.card_frpro_block2_active p{
  display: flex;
}
.frpro_block3{
  padding: 0px 0px 100px 0px !important;
}
.card_frpro_block3{
  position: relative;
  border-radius: 5px;
  min-height: 300px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  background: white;
  padding: 0px 20px 0px 20px;
}
.card_frpro_block3 h6{
  font-weight: 500;

  padding: 20px 0px 20px 0px;
}
.card_frpro_block3:hover{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
/* service professional page ends here */

/* Service as a code starts here */

.frcode_abcfld h1{
  margin-top: 0px;
}
.frcode_row{
  min-height: 580px;
}
.card_frcode{
    border-radius: 10px;
    padding: 20px 20px 25px 20px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    overflow: hidden;
    min-height: 250px;
    background: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.card_frcode h6{
  color: #0B5870;
  font-family: 'Basis_font', sans-serif;
  font-size: 17px;
  line-height: 1.3;
  position: relative;
  top: 45px;
}
.frcode_br{
  display: block;
}
.card_frcode svg{
  max-width: 70px;
  margin-top: 50px;
  fill: black;
}
.card_frcode img{
  color: #0B5870;
  margin: 10px 0px  0px 0px;
  font-family: 'Basis_font', sans-serif;
  font-size: 18px;
  line-height: 1.3;
  position: relative;
  top: 60px;
  /* left: 24%; */
  width: 70px;
  margin-bottom: 20px;
}
.card_frcode ul{
  position: absolute;
  opacity: 0;
  font-size: 18px;
  line-height: 25px;
  list-style: none; 
  font-weight: 300;
  padding: 0px 20px 0px 0px;
  top: 210px;
}
.card_frcode ul li{
  text-indent: -1em;
  margin-bottom: 5px;
  line-height: 1.5;
}
.card_frcode ul li::before{
  content: "\2022";
  color: #16B0E1; 
  font-weight: bold; 
  display: inline-block;
  width: 0em; 
  margin-left: 1em; 
}
.card_frcode:hover ul{
  opacity: 1;
}
.card_frcode img{
  fill: black;
}
.triangle {
  position: absolute;
	width: 0;
	height: 0;
	border-bottom: 11px solid transparent;
	border-top: 11px solid transparent;
  border-left: 22px solid  #16B0E1;
  top: 100px;
  right: 0px;
}
.card_frcode:hover .triangle{
  position: absolute;
	width: 0;
	height: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
  border-left: 30px solid  #16B0E1;
  top: 100px;
  right: 0px;
}
.card_frcode_active{
    border-radius: 10px;
    padding: 20px 20px 25px 20px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    overflow: hidden;
    min-height: 490px;
    background: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.card_frcode_active h6{
  color: #00afe1;
}
.card_frcode_active svg{
  max-width: 70px;
  margin-top: 50px;
  fill:#00afe1;
}
.card_frcode_active ul{
  position: absolute;
  opacity: 1;
  font-size: 17px;
  line-height: 1.2;
  list-style: none; 
  font-weight: 300;
  padding: 0px 20px 0px 0px;
  top: 210px;
  margin-left: 1rem;
}
.card_frcode_active ul li{
  margin-bottom: 5px;
}
.card_frcode_active ul li::before{
  content: "\2022";
  color: #16B0E1; 
  font-weight: bold; 
  display: inline-block;
  width: 0em; 
  margin-left: 1em; 
}
.card_frcode_active svg{
  fill: #00afe1;
}
.triangle:hover{
  position: absolute;
	width: 0;
	height: 0;
	border-bottom: 30px solid transparent;
	border-top: 30px solid transparent;
  border-left: 60px solid  #16B0E1;
  top: 100px;
  right: 10px;
}


/* service as a code ends here */
/* platform benefit starts here */
.frbene_block1{
  padding: 50px 0px 60px 0px;
}
.frbene_block1 p{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.frbene_block1 p:hover,.frbene_block1_col.activ_blok p{
  color: #00afe1;
  /* text-decoration: underline;
  text-decoration-color: #00afe1; */
}
.frbene_block1 a{
  display: inline-block;
  border-bottom: 1px solid transparent;
  display: inline-block;
}
.frbene_block1_col.activ_blok a,.frbene_block1_col a:hover{
  border-bottom: 1px solid #00afe1;
  color: #00afe1;
}

.frbene_block2 h1,.h2ash1benifits h2{
  margin-top: 20px;
}
.frbene_block3{
  padding: 100px 0px 100px 0px !important;
}
.frbene_block3_card{
    position: relative;
    word-break: break-word;
    border-radius: 5px;
    width: 90%;
    min-height: 360px;
    margin: 30px 0px 30px 0px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    background: white;
    padding: 40px;
}
.frbene_block3_card h6{
  font-size: 20px;
  font-weight: 500;
  padding: 0px 0px 20px 0px;
}
.frbene_block3_card:hover{
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.45);
}
.frbene_block3_card:hover h6{
  color: #00afe1; 
}
.frbene_title{
  display: none;
}
.frbene_1{
  display: block;
}
.frbene_2{
  display: none;
}
.frbene_3{
  display: none;
}


/* platform benefit ends here */


/*NJ MERGE*/
/*digital-workplace-solution css starts here (nj)*/
.nj_abov_fld h1 {
  text-transform: capitalize;
  margin-bottom: 20px;
  margin-top: 170px;
}
.nj_img_responsive{
  max-width: 100%;
}
.nj_img2 {
  margin: 50px 20px;
}
.nj_blu_txt{
  color: #00BEF2;
}
.nj_padding{
  padding:0px 40px;
}
.nj_img1_rw{
  align-items: center;
}
.nj_img1{
  margin-top: 140px;
}
.nj_dws_h5{
  font-size: 30px;
  font-family: 'Neurial_font', sans-serif;
  color: black;
  margin-bottom: 30px;
  line-height: 1.5;
  font-weight: 400;
}
.nj_dws_p{
  font-size: 21px;
  font-family: 'poppins', sans-serif;
  line-height: 1.5;
  color: black;
  font-weight: 400;
}
.nj_nineboxes{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 80px;
}
.nj_nineboxes h3{
  font-size: 36px;
  font-family: 'Basis_font', sans-serif;
  line-height: 1.3;
  margin-bottom: 40px;
  color: black;
}
.nj_sqr_bx {
    min-height: 280px;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
    padding: 17.5% 30px;
    background: white;
    cursor: pointer;
    margin: 40px 20px;
}
.frwo_title_height{
  padding: 50px 0px 0px 0px;
}
.nj_bxtitle{
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
.nj_nw_h5{
  font-size: 28px;
  font-family: 'Basis_font', sans-serif;
  line-height: 1.3;
  margin: 20px 0px;
  color: black;
}
.nj_padding2{
  padding: 0px 60px;
}
.nj_align {
  text-align: center;
}
.nj_svg_div{
  display: flex;
}
.nj_h3_marg{
  margin: 60px 0px 20px;
}
.nj_svg_div svg {
  width: 75px;
  margin: auto;
}
.nj_svg_div:hover svg {
  fill: #00BEF2;
}
.nj_sqr_bx2,.nj_sqr_bx22  {
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
  padding: 17.5% 15px;
  background: white;
  cursor: pointer;
  min-height: 260px;
  margin: 50px 0px 40px;
}
.nj_bxtitle1{
  font-size: 17px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin-top: 20px;
  line-height: 1.5;
}
.p_div p{
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color:#00BEF2;
  line-height: 1.5;
}
.nj_sqr_bx3{
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
  padding: 22.5% 8px;
  min-height: 210px;
  background: white;
  cursor: pointer;
  margin: 60px 0px 120px;
}
.nj_padding2 h1{
  font-size: 40px;
  font-family: 'Basis_font', sans-serif;
  color: black;
  line-height: 1.2;
}

/*popform page css starts */
.nj_poprel{
  min-height: 100%;
  position: relative;
}
.nj_popclos{
  display: block;
}
.nj_popclos .close:hover{
   color: #00BEF2;
}
.nj_popabs{
  width: 60%;
  position: absolute;
  top: 50px;
  margin-bottom: 100px;
  padding: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}
.nj_popabs input,.nj_popabs select,.nj_popabs textarea{
  display: block;
  margin: 0 auto;
  outline: none;
  padding-top: 32px;
  padding-bottom: 4px;
  border: 0;
  border-bottom: 1px solid #000;
}
.nj_popinp_par{
  padding: 50px 80px;
}
.nj_popinp_par h6{
  margin: 18px 30px;
}
.nj_popinpt{
  width: 50%;
  float: left;
}
.nj_popinpt input,.nj_popinpt select,.nj_popinpt2 input,.nj_popinpt2 select{
  color: #757575;
  width: 80%;
  -webkit-appearance: none;
  background-color: white;
}
.nj_dwnrel{
  position: relative;
}
.nj_downabs{
  position: absolute;
  top: 32px;
  right: 40px;
}
.nj_popinpt2{
  width: 50%;
  float: right;
}
.nj_popinpt3{
  clear: both;
}
.nj_popinpt3 textarea{
  width: 90%;
}
.nj_popinpt4 input{
  float: left;
  border: 0;
  border-radius: 28px;
  padding: 8px 24px;
  background-color: #00BEF2;
  color: white;
  margin: 40px 30px;
}
/* popform page css ends */

/* contactus page css starts */
.nj_ctbg_wt{
  min-height: 650px;
}
.nj_ctbg_grey{
  background-color: #F7F7F7;
  min-height: 650px;
  z-index: -1;
}
.nj_pos_rel{
  position: relative;
}
.nj_abs_content{
  top: 180px;
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.37);
  padding: 5% 10px;
  min-height: 210px;
}
.nj_cont_h1 h1{
  color: #00BEF2;
  font-size: 45px;
  text-align: center;
}
.nj_inpt_sec{
  padding: 40px 60px;
}
.nj_address{
  padding: 50px 0px 40px 10px;
}
.nj_inpt_sec input,.nj_inpt_sec select{
  display: block;
  outline: none;
  padding-top: 32px;
  padding-bottom: 4px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #000;
  font-size:16px;
}
.nj_inpt_sec select {
  background-color: transparent;
 /* height: 55px; */
  -webkit-appearance:none;
}
.nj_offices h6{
  font-size: 20px;
  font-family: 'Neurial_font', sans-serif;
  margin-bottom: 20px;
}
.nj_offices span{
  display: block;
  font-family: 'Poppins', sans-serif;
  margin: 6px 0px 0px 0px;
  font-weight: 200;
  line-height: 1.3;
}
.nj_inpt_sec h5{
  font-size: 13px;
  position: absolute;
  margin-top: 5px;
  font-weight: bold;
}
.nj_inpt_sec input[type=submit]{
  border: 0;
  border-radius: 28px;
  padding: 14px 24px;
  width: 35%;
}
.nj_xcsubmit{
  background-color: #00BEF2;
  color: white;
  margin: 50px 0px 0px;
}
.nj_cont h6,.nj_gitxc h6{
  margin: 17px 0px;
  font-size: 18px;
}
.nj_cont h6{
  font-family: 'Neurial_font', sans-serif;
}
.nj_gitxc h6{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.nj_cont .nj_margin{
  margin: 15px 0px;
  font-family: 'Poppins', sans-serif;
}
.nj_cont img{
  vertical-align: middle;
}
.nj_sales div{
  margin: 0px 12px 0px 0px;
  display: inline;
}
.nj_sales span{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.nj_spnbld{
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}
.nj_offices a,.nj_cont a{
  color: #000;
  font-weight: 200;
  margin-bottom: 10px;
  display: inline-block;
}
.nj_offices a:hover,.nj_cont a:hover{
  color: #16B0E1;
}
/* contactus page css ends */
			/* privacy policy nj page css starts */
.nj-pp-head h1{
  color: #00BEF2;
  text-align: center;
  margin: 150px 0px 30px;
}
.nj-pp-head h5 {
  font-size: 32px;
  font-family: 'Neurial_font', sans-serif;
  text-align: center;
  color: black;
  margin-bottom: 30px;
  line-height: 1.5;
  font-weight: 400;
}
.nj-pp-intro h2,.nj_underage h2{
  font-size: 32px;
  font-family: 'Neurial_font', sans-serif;
  color: black;
  margin-bottom: 30px;
  font-weight: bold;
}
.nj-pp-intro p,.nj_underage p{
  font-size: 16px;
  font-family: 'poppins', sans-serif;
  color: black;
  font-weight: 400;
}
.nj-pp-intro p span,.nj_underage p span{
  font-size: 18px;
  font-family: 'Neurial_font', sans-serif;
  font-weight: bold;
}
.nj_pp_spanmr{
  margin: 20px 0px;
}
.nj_pp_ul{
  margin-left: 70px;
  font-size: 16px;
  line-height: 1.5;
  list-style: none;
  font-family: 'poppins', sans-serif;
  font-weight: 400;
}
.nj_pp_ul li{
  position: relative;
  width: 70%;
  margin: 10px 0px;
}
.nj_pp_ul li:before{
  content: "\2022";
  top: -20px;
  color:#00BEF2;
  position: absolute;
  left: -30px;
  font-size: 40px;
  display: inline-block;
}
.nj_pp_paramar{
  margin: 40px 0px;
}
.nj_pp_italic{
  font-style: italic;
}
.nj_listblw_P{
  margin: 0px 0px 30px 50px;
}
.nj_botmar{
  margin-bottom: 100px;
}
/* privacy policy nj page css ends */
.fxd_fluid,.fxd_fluid2,.fxd_fluid3 {
  position: fixed;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
}
.nj_popabs {
  background: white;
}
.hybrimg{
  padding-right: 57px;
}
.part_img{
  margin-top: 5%;
}
.bec_partext,.tcne_new{
  text-align: center;
}
.tcne_new button{
  outline: none;
}
.pop_form_modmuf{
  z-index: 999999;
}
.spacr_caree{
  height: 50px;
}
.model_de2{
  z-index: 9999999;
}
.frbene_block1_col {
  float: left;
  width: 33.33%;
}
.pre_loading {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  background: #fff;
  z-index: 999999;
}
.pre_loading img {
  display: block;
  width: 55%;
  margin: 5% auto 0 auto;
}
.serch_div{
  position: fixed;
  z-index: 9999;
  background: black;
}
.serch_div {
  position: fixed;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0.82);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
.textdi {
  background: none;
  border: none;
  border-bottom: 1px solid #00afe1;
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 20px;
  font-family: 'Poppins', sans-serif;
  padding: 2px 15px;
  outline: none;
}
.internal_form {
  width: 300px;
  margin: 15% auto 0 auto;
  position: relative;
}
.sear_btn{
  border: none;
}
.clsxx{
  position: absolute;
  top: 0;
  right: 0;
}

/*blog page start*/
.frblog{
  padding: 50px 0px 75px 0px;
}
.frblog h3{
  padding: 0px 0px 60px 0px;
}
.frblog_b1{
  width: 100%;
  margin: 0px 0px 80px 0px;
}
.frblog_b1 img{
  position: relative;
  max-width: 100%;
}
.frblog_b1 h6{
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  padding: 20px 0px;
  min-height: 90px;
}
.frblog_b1 p{
  font-size: 16px;
  padding: 0px 0px 20px 0px;
}
.frblog_b1 a{
  font-weight: 400;
}
/*blog page end*/
/*blog detail page start */
.blo_comnt input{
    padding-top: 20px !important;
    margin-bottom: 15px;
}
.blo_comnt label{
  font-weight: 500;
  font-size: 14px;
}
.incs_blog a {
  font-size: 26px;
  margin-right: 15px;
}
.full-bg-for-blog
{
  background-color: #FFFFFF;
  width: 100%;
  background-image: url('../images/blog-detail-page/00.png');
  background-repeat: no-repeat;
}
.blg_222
{
  background-image: url('../images/blog-detail-page/blog_new.jpg');
}
.frdblog_b1{
  min-height: 50vh;
}
.frdblog_b1 h3{
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  padding: 100px 0px 50px 0px;
}
.frdblog_b1 h4{
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  font-weight: 500; 
  padding: 0px 0px 50px 0px;
}
.frdblog_b1 span{
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 110%;
  padding: 0px 30px 50px 0px;
}
.frdblog_b2{
  background-color: #fff;
  padding: 70px 50px;
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.35);
  margin: 30px 0px 50px 0px
}
.frdblog_b2 h5{
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
}
.frdblog_b2 p{
  font-family: 'Poppins', sans-serif;
  padding: 0px 0px 10px 0px;
  text-align: justify;
  line-height: 1.8;
}
.frdblog_b2 h6{
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 500;
  padding: 20px 0px 20px 0px;
}
.frdblog_b2 ul{
  font-size: 18px;
  line-height: 25px;
  list-style: none; 
  font-weight: 300;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 0px 20px;
  top: 210px;
}
.frdblog_b2 ul li{
  text-indent: -1em;
  margin-bottom: 5px;
  line-height: 1.5;
}
.frdblog_b2 ul li::before{
  content: "\2022";
  color: #16B0E1; 
  font-weight: bold; 
  display: inline-block;
  width: 0em; 
  margin-left: 1em; 
}
.frdblog_b2 span{
  font-size: 16px;
}
.frdblog_b2_card{
  display: flex;
  align-items: center;
  padding: 10px 10px;
}
.frdblog_b2_card strong{
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
}
.frdblog_b2_card span{
  padding: 10px 0px 0px 0px;
}
.frdblog_b2 img{
  margin: 0px 20px 0px 0px;
}
.frdblog_b2 button{
  background: #16B0E1;
    color: white;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 13px 40px;
    margin: 20px 0px 0px 0px;
    border-radius: 20px;
    display: inline-block;
}
.frdblog_b2 form{
  padding: 0px 0px 20px 0px
}
.comment_div .namedi {
  font-weight: 500;
  margin-bottom: 2px;
  line-height: 1.3;
}
.comment_div span{
  display: block;
  line-height: 1.3;
}
.subbtn input {
  padding: 20px 0px 20px 0px !important;
  margin: 0;
  color: white;
  font-size: 16px;
  margin-top: 20px;
}
.leave_Comnt{
  margin: 20px 0px;
}
/* blog detail page end */
/*NJ MERGE*/


/* platform digital exchange starts here */
.frexch_block5{
  padding: 0px 0px 100px 0px !important;
}
.card_frexch_block5{
  position: relative;
  border-radius: 5px;
  width: 90%;
  min-height: 230px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  background: white;
  padding: 65px 20px 10px 20px;
  margin-bottom: 30px;
}
.card_frexch_block5 h6{
  font-weight: 300;
  padding: 20px 0px 20px 0px;
  line-height: 1.5;
  font-size: 17px;
}
.card_frexch_block5:hover{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
/* .frexch_block5_row{
  padding-top: 20px;
} */
.frexch_block6 h6{
  padding-top: 20px;
}
/* platform digital exchange starts here */
/* service advisory starts */
.fradv_block3{
  padding: 0px 0px 100px 0px !important;
}
.fradv_block3_height{
    min-height: 300px !important;
}
.fradv_block3_height img{
  padding: 0px 0px 20px 0px;
}
.fradv_block2{
  padding: 0px 0px 0px 0px !important;
  min-height: 640px;
}
.card_fradv_block2{
    position: relative;
    border-radius: 5px;
    min-height: 340px;
    /* min-height: 333px; */
    width: 80%;
    align-items: center;
    margin: 0px 35px 30px 35px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    background: white;
    padding: 20px 20px 20px 20px;
}
.card_fradv_block2 h6{
  font-weight: 500;
  padding: 50px 0px 20px 0px;
}
.card_fradv_block2 p{
  display: none;
  font-size: 16px;
}
.card_fradv_block2_active{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  display: block;
}
.card_fradv_block2_active img{
  position: absolute;
  opacity: 0.1;
  max-width: 100px;
  top: 50px;
  right: 95px;
}
.card_fradv_block2_active h6{
  color: #00afe1;
  padding: 20px 0px 20px 0px;
}
.card_fradv_block2_active p{
  display: flex;
}
/* service advisory ends */
/* solution devOps start */
.frdev_block3_card{
  position: relative;
  display: block;
  border-radius: 5px;
  width: 80%;
  min-height: 265px;
  align-items: center;
  margin: 20px 0px 20px 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  background: white;
  padding: 30px 20px 30px 20px;
}
.frdev_block3_card p{
  padding-top: 10px;
  line-height: 1.5;
  font-weight: 300;
  font-size: 16px;
}
.frdev_block3_card img {
  width: 75px;
  margin-bottom: 10px;
}
.frdev_block4_card{
  position: relative;
  border-radius: 5px;
  width: 100%;
  min-height: 250px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  background: white;
  display: flex;
  align-items: center;
  padding: 0px 30px 0px 30px;
  margin: 0px 0px 30px 0px;
}
.frdev_block4_card p{
  font-size: 16px;
  font-weight: 300;
}
/*solution devops end */
/*solution hybrid cloud start */
.frhycl_block3_card{
  position: relative;
    display: block;
    border-radius: 5px;
    width: 80%;
    min-height: 335px;
    align-items: center;
    margin: 20px 0px 20px 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    background: white;
    padding: 30px 20px 30px 20px;
}
.frhycl_block3_card p{
  padding-top: 10px;
  line-height: 1.5;
  font-weight: 300;
  font-size: 16px;
}
.frhycl_block3_card img {
  width: 100px;
  margin-bottom: 3px;
}
/*solution hybrid cloud end */
/*global space between blocks*/
  .block_space{
    padding: 50px 0px 50px 0px;
  }
  .bot_block_space{
    padding: 50px 0px 100px 0px;
  }
/* platfrom service designer css starts*/
.frser_block5_card{
  min-height: 110px ;
}
.frser_block5_card img{
  padding: 10px 0px 10px 0px;
}
/* platfrom service designer css ends
/* about digitalXC start */
.frabt_block3{
  padding: 100px 0px 100px 0px !important;
}
.frabt_block3_card{
    position: relative;
    border-radius: 5px;
    width: 100%;
    min-height: 490px;
    margin: 30px 0px 30px 0px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    background: white;
    padding: 40px;
}
.frabt_block3_card h6{
  /* font-family: g; */
  font-size: 20px;
  font-weight: 500;
  padding: 0px 0px 20px 0px;
}
.frabt_block3_card p{
  font-size: 22px;
}
.frabt_block3_card ul{
  list-style: none;
}
.frabt_block3_card ul li{
  margin: 15px 0px 15px 0px;
}
.frabt_block4{
  background-image: url('../images/about-digitalXC/b1.png');
  background-repeat: no-repeat;
  background-position: center;
  padding: 0px 0px 50px 0px
}
.frabt_block4 h3{
  margin: 0px 0px 50px 0px;
}
.frabt_block4_card{
  text-align: center;
  background-image: linear-gradient(rgba(247,247,247,0),rgba(255,255,255,1));
  border-radius: 2px;
  margin-bottom: 30px;
  padding: 50px 20px;
  min-height: 370px;
}
.frabt_block4_card:hover{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
  background-image: linear-gradient(rgba(247,247,247,1),rgba(255,255,255,1));
}
.frabt_block4_card p{
  font-size: 14px;
  font-weight: 500;
  padding: 20px 0px 10px 0px;
}
.frabt_block4_card text{
  font-size: 12px;
}
.frabt_block4_card img{
  width: 130px;
}

.frabt_icon img{
  max-width: 25px;
  max-height: auto;
  padding-top: 30px;
}
/* about digitalXC end*/
/* digitalxc for customer start*/
.frcus_block2_card{
  position: relative;
  min-height: 490px;
  padding: 30px 20px 30px 20px;
}
.frcus_block2_card img{
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.frcus_block2_card h6{
  font-size: 18px;
  font-weight: 500;
  padding: 20px 0px 50px 0px;
}
.frcus_block2_card p{
  opacity: 0;
  text-align: left;
  line-height: 22px;
}
.frcus_block2_card_active{
  position: relative;
  min-height: 490px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}
.frcus_block2_card_active h6{
  color: #00afe1;
  text-align: left;
}
.frcus_block2_card_active img{
  opacity: 0.1;
  top: 50%;
  left: 50%;
}
.frcus_block2_card_active p{
  opacity: 1;
  text-align: left;
}
/* digitalxc for customer end*/
/* career page start*/
.rowcard_text ul{
  font-size: 18px;
  line-height: 25px;
  list-style: none; 
  font-weight: 300;
  padding: 0px 20px 0px 0px;
  top: 210px;
  margin: 0px 0px 0px 20px;
}
.rowcard_text ul li{
  text-indent: -1em;
}
.rowcard_text ul li::before{
  content: "\2022";
  color: #16B0E1; 
  font-weight: bold; 
  display: inline-block;
  width: 0em; 
  margin-left: 1em; 
}
.frcareed_dev{
  padding-top: 50px;

}
.frcareed_test{
  padding-top: 50px;
}
.frcareer_mheader{
  position: relative;
  border-bottom: 0px solid #dee2e6;
  padding: 60px 0px 0px 0px;
}
.frcareer_mheader button{
  position: absolute;
  top: 10px;
  right: 20px;

}
.frcareer_mbody input{
  display: block;
  outline: none;
  padding-top: 32px;
  padding-bottom: 4px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid 	#D3D3D3;
}
.frcareer_mbody button{
  display: block;
  outline: none;
  margin-top: 32px;
  margin-bottom: 4px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid 	#D3D3D3;
  background-color: #fff;
  padding: 0px 2px 8px 0px;
  color:#757575 ;
}
.frcareer_mfooter{
  display: flex;
  border-top: 0px solid #dee2e6;
  padding: 30px 0px 60px 0px;
}
/*career page end*/
/*partner page start */
.frpartner_block3_card{
  width: 100%;
  height: 350px;
  padding: 10px 25px 0px 25px;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  position:relative;
}
.frpartner_block4{
  margin-bottom: 30px;
}
.frpartner_block4_card{
  width: 100%;
  padding: 5px 5px 5px 5px;
  background-color: #fff;
  border-radius: 2px;
  margin-top: 25px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.frpartner_block4_card img{
  width: 100%;
}
/* partner page end */
/* Pricing page */
.t_Cenpric{
  text-align: center;
}
.pricing_fld h1{
  margin-top: 100px;
  margin-bottom: 32px;
}
.pricing_fld h3,.titleDiv h4{
  font-size: 25px;
  font-family: 'Neurial_font', sans-serif;
  color: #08465A;
  margin-bottom: 50px;
}
.pricing_fld h4{
  font-family: 'Basis_font', sans-serif;
  color: #08465A;
  margin-bottom: 15px;
  margin-top: 18%;
}
.pricing_fld p{
  margin-bottom: 20px;
}
.fld_2_pricing {
  padding-top: 100px;
  padding-bottom: 20px;
}
.fld_2_pricing h3{
  text-align: center;
  margin-bottom: 65px;
}
.pric_div{
  width: 48%;
  display: inline-block;
  vertical-align: top;
  min-height: 350px;
  position: relative;
  float: left;
  margin-bottom: 60px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
  padding-bottom: 30px;
}
.mar_ri {
  margin-right: 10px;
}
.pric_div2{
  width: 32%;
}
.mar_ri_le {
  margin-left: 10px;
  margin-right: 10px;
}
.pric_div h5{
  text-align: center;
  font-family: 'Basis_font', sans-serif;
  font-size: 20px;
  margin-bottom: 5px;
  position: relative;
  top: 0;
  margin-top: 10px;
}
.pric_div h6{
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  position: relative;
  top: 0;
}
.bg_mg{
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.freetier{
  background-image: url('../images/pricing/free-tier.png');
}
.allent{
  background-image: url('../images/pricing/all-enterprises.png');
}
.smllent{
  background-image: url('../images/pricing/small-enterprice.png');
}
.medient{
  background-image: url('../images/pricing/medium-enterprice.png');
}
.largEnt{
  background-image: url('../images/pricing/large-enterprice.png');
}
.link_bt{
  display: block;
  text-align: center;
}
.custm_ULLI,.whit_bx2div ul{
  list-style: none;
  opacity: 0;
  height: auto;
  max-height: 0;
}
.whit_bx2div ul{
  max-height: unset;
  opacity: 1;
}
.custm_ULLI li,.whit_bx2div li{
  position: relative;
  margin-bottom: 10px;
  margin-left: 30px;
  font-size: 14px;
  line-height: 1.5;
}
.whit_bx2div li{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
.custm_ULLI li::after,.whit_bx2div li::after{
  content: '';
  width: 5px;
  height: 5px;
  background-color: #00afe1;
  border-radius: 100%;
  position: absolute;
  left: -10px;
  top: 8px;
}
.ul_di{
  margin: 20px 0px;
}
.bg_mg::after{
  position: absolute;
  background: rgba(0, 175, 225, 0.69);
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.pric_div:hover .bg_mg::after,.acti_pricing .bg_mg::after{
  opacity: 1;
}
.pric_div:hover .mov_h5,.acti_pricing .mov_h5{
  position: absolute;
  width: 100%;
  top: 80px;
  color: white;
  margin-top: 0;
}
.pric_div:hover .mov_h6,.acti_pricing .mov_h6{
  position: absolute;
  width: 100%;
  top: 109px;
  color: white;
}
.pric_div:hover .custm_ULLI,.acti_pricing .custm_ULLI{
    max-height: 220px;
    opacity: 1;
}
.bld_new,.extratw{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.titleDiv{
  text-align: center;
  margin-bottom: 30px;
}
.titleDiv h4{
  margin-bottom: 0;
}
.btrow h6{
  margin-bottom: 10px;
}
.btrow p{
  margin-bottom: 15px;
}
.tit_div2 h4{
  display: inline-block;
  vertical-align: middle;
}
.butto_t{
  display: inline-block;
  vertical-align: middle;
  /* width: 155px; */
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  margin-left: 20px;
  border-radius : 25px;
}
.inbtn{
  display: inline-block;
  padding: 12px 15px;
  border-radius: 25px;
  cursor: pointer;
}
.act_inbtn{
  background: #00afe1;
  color: white;
}
.two_bx{
  padding: 100px 0px;
}
.two_bx h3{
  text-align: center;
  margin-bottom: 50px;
}
.whit_bx2div{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  width: 90%;
  margin: 10px auto;
  padding: 30px 20px;
  min-height: 280px;
}
.faqdiv h3{
  margin-bottom: 50px;
}
.faqdiv{
  padding-bottom: 100px;
}
.annual{
  display: none;
}

/* faq begins */
.faq-quest{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);padding: 25px;border-radius: 3px;font-size: 18px;margin-bottom: 25px;}
.faq-quest h5{margin-bottom: 0;font-size: 18px;position: relative;}
.faq-quest h5 a{color:#364867;}
.faq-quest .card a{color: #47bbe3;}
.faq-quest h5 a[aria-expanded="true"],.p-bold{font-weight: 600;}
.faq-quest h5 a[aria-expanded="true"] i{border: 2px solid #47bbe3;z-index: 4;}
.faq-quest h5 a i{position: absolute;right: -15px;top: -4px;-webkit-text-stroke: 1px #f0f1f5;width: 30px;height: 30px;text-align: center;line-height: 29px;font-size: 18px;color: #47BBE3;border-radius: 25px;border: 2px solid transparent;}
.faq-quest .card{border: 0;padding: 30px 0 20px;}
/* faq ends */

/* how it works */
.how_itwo_abvfld p{
  font-size: 16px;
}
.how_itwo_abvfld h4{
  font-family: 'Basis_font', sans-serif;
  color: #08465A;
  font-size: 24px;
  margin-bottom: 15px;
}
.how_itwo_abvfld h3{
  text-align: center;
  margin-top: 40px;
  padding-bottom: 20px;
}
.num_spn{
  color: #000;
  border: 1px solid #00BEF2;
  font-family: 'Basis_font', sans-serif;
  width: 48px;
  margin: 0 auto 15px auto;
  border-radius: 100%;
  padding: 15px 0px;
}
.abs_num1 {
  position: absolute;
  top: 200%;
}
.how_img{
  margin-top: 10px;
}
.spacerdiv_howit{
  height: 170px;
}
.numsdiv:hover .num_spn,.activNumsan .num_spn{
  background: #00BEF2;
  color: white;
}
.numsdiv:hover .numh4,.activNumsan .numh4{
  color: #00BEF2;
}
.nump{
  opacity: 0;
}
.numsdiv:hover .nump,.activNumsan .nump{
  opacity: 1;
}

/* how it works */
/* demo page */
.yutube_video iframe {
  border: 2px solid #00afe1;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
  margin-bottom: 30px;
}
.pb_vidpag{
  padding-bottom: 40px;
}
/* demo page */

/* subu code on signup form */
.w100Signu{
	width: 100% !important;
}
.w100Signu input{
	width: 100%;
	border-bottom: 1px solid #ABABAB;
}
.subbt_signup input {
    background: #00BEF2;
    color: #fff;
    padding: 14px 30px;
    display: block;
    border: 1px solid #00BEF2;
    margin: 30px auto !important;
    width: 200px !important;
    border-radius: 30px;
}
.sub_p h6 {
    margin: 18px 0px !important;
}
.sub_overrid{
	width: 720px !important;
}
.absimg_pop{
	width:50px;
	position:absolute;
	left 10px;
	top:10px;
}

/* browse catalog page */
.browse_caltpgerow{
  margin-top: 200px;
}
.browse_caltpge h1{
  color: #00afe1;
  text-align: center;
  margin-bottom: 50px;
}
.slide_reldiv{
  position: relative;
}
.slide_reldiv img{
  max-width: 100%;
}
.featu_carosl{
  text-align: center;
}
.owl-nav{
  display: none;
}
.owl-theme .owl-dots .owl-dot span {
  width: 17px;
  height: 17px;
  margin: 25px 12px 5px 12px;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #00BEF2;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
  outline: none !important;
}
.prodi_title {
    margin-top: 20px;
	 color: #01afe0;
    /*
    position: absolute; 
	width: 100%;
	left: 0;
    bottom: 20px;
     text-shadow: 0px 0px 10px #0000006b; */
    font-family: 'Basis_font', sans-serif;
	opacity:0;
}
.slide_reldiv:hover .prodi_title{
	opacity:1;
}
.custom_drobtn{
  cursor: pointer;
  display: inline-block;
}
.cust_dropdown{
  max-height: 200px;
  overflow-y: auto;
}
.cust_dropdown li a{
  display: block;
  padding: 10px 15px;
}
.cust_dropdown li a:hover{
  background-color: #00afe1;
  color: white !important;
}
.top_cats_row {
  padding: 10px 75px;
}
.browse_caltpgerow {
  margin:150px 0px 70px 0px;
}
.cate_div{
  float: left;
  margin-top: 11px;
}
.search_prddiv{
  float: right;
}
.searchbx{
  position: relative;
}
.searchbx .srchinp{
  border: none;
  border-bottom: 1px solid #00afe1;
  padding: 10px 30px 2px 2px;
  outline: none !important;
  font-weight: 100;
  font-size: 16px;
  width: 300px;
}
.searchsubmit{
  position: absolute;
  right: 0;
}
.searchsubmit {
  position: absolute;
  right: 0;
  top: 11px;
}
.searchsubmit input {
  opacity: 0;
  position: absolute;
  width: 33px;
  right: 0;
}
.searchsubmit i{
  margin-right: 3px;
}
.lazy_loaddiv{
  padding: 100px 0px 200px 0px;
}
.prod_tilediv img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #b5b5b5;
}
.white_btmbrow {
  padding: 15px 15px 20px 15px;
  min-height: 135px;
}
.imghodr_brw{
  position: relative;
  background: #afafaf36;
}
.pric_list {
	position: absolute;
	top: 6px;
	right: 6px;
	background: white;
	padding: 10px 10px;
	width: 70px;
	font-size: 14px;
	font-weight: 500;
	color: #084559;
	text-align: center;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
}
.prod_tilediv {
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  min-height: 320px;
  border-bottom: 5px solid #01afe0;
}
.white_btmbrow h5 {
    font-family: 'Basis_font', sans-serif;
    font-size: 20px;
    color: #08465A;
}
.tag_list{
  display: block;
  margin: 50px 0px 0px 0px;
}
.tag_list span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #00afe1;
	font-size: 15px;
	font-weight: 400;
	position: absolute;
	bottom: 60px;
}
.tag_list span:nth-child(2) {
    left: 90px;
}
.blue_bg{
  margin-top: 90px;
  background-image: url('https://digitalxc.com/wp-content/uploads/2020/04/catalog-detail-page-cover.jpg');
  background-size: cover;
  background-position: center;
  min-height: 500px;
  padding-bottom: 50px;
}
.whitebg{
  min-height: 100px;
  padding-bottom: 30px;
}
.v_topdetrw{
  margin-top: 40px;
  margin-bottom: 20px;
}
.no_whitbg .searchbx .srchinp{
  background: none;
  color: white !important;
  border-bottom: 1px solid white;
}
.no_whitbg .searchbx i{
  color: white;
}

.no_whitbg .searchbx .srchinp::-webkit-input-placeholder { /* Edge */
  color: white;
}

.no_whitbg .searchbx .srchinp:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.no_whitbg .searchbx .srchinp::placeholder {
  color: white;
}
.wite_categ .custom_drobtn{
  color: white;
}
.bread_crm,.bread_crm a,.bread_crm a:hover,.bread_crm a:active,.blue_bg{
  color: white;
}
.bread_crm i{
  font-size: 50px;
  margin-right: 5px;
}
.resul_crum a{
	color: #2d2d2d;
    position: relative;
    top: 30px;
}
.resul_crum a:hover,.resul_crum a:focus{
	color: #00afe1;
}
.bread_crm span{
  position: relative;
  bottom: 7px;
}
.box_isidediv{
    border: 1px solid white;
    padding: 20px 20px 40px 20px;
    margin-top: 3px;
    background: white;
}
.smgl_catdiv img{
  max-width: 100%;
  display: block;
  margin: 10px 0px 0px 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
  border-radius: 5px;
}
.smgl_catdiv h4{
    font-size: 16px;
    font-weight: 300;
    color: #525252;
}
.int_tags span{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 7px;
    margin: 10px 10px 0px 0px;
    border: 1px solid #01afe0;
    border-radius: 4px;
    font-weight: 300;
    color: #1d1d1d;
}
.pric_div_actdiv{
  margin-top: 25px;
  margin-bottom: 14px;
  background: #00aee2;
  border-radius: 6px;
  display: inline-block;
  width: 100px;
  text-align: center;
  padding:6px 0px;
  position: relative;
}
.pric_div_actdiv img {
  position: absolute;
  left: -17px;
  height: 101%;
  top: 0;
}
.pricetxt{
    color: #fff;
    font-size: 10px;
    display: block;
}
.actprice{
    display: block;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    margin-top: 4px;
}
.ser_provdiv_name{
    font-size: 17px;
    font-weight: 300;
    color: #545454;
}
.smgl_cat_8 h3{
  font-size: 30px;
  color: #3cbde6;
  margin: 2px 0px 10px 0px;
}
.smgl_cat_8 p{
    color: #0d0d0d;
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 32px;
}
.btnrow a{
    border: 1px solid #01afe0;
    color: #ffffff;
    background: #01afe0;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    width: 140px;
    font-size: 15px;
}
.btnrow a:hover,.btnrow a:focus{
  background: transparent;
  color: #00afe1;
}
.detail_desdiv{
    padding: 10px 20px 20px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.19);
    margin: 40px 0px 20px 0px;
}
.detail_desdiv img{
  max-width: 100%;
  margin: 20px 0px;
  display: block;
}
.detail_desdiv p{
  font-size: 16px;
  line-height: 1.5;
  margin:15px 0px;
}
.detail_desdiv ul, .detail_desdiv ol {
    padding-left: 20px;
    line-height: 1.5;
    font-size: 16px;
}
.imgwithtxt{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    text-align: center;
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
}
.imgwithtxt img{
  max-width: 100%;
  margin-bottom: 10px;
  display: block;
}
.detail_desdiv iframe{
  width: 400px;
  display: block;
  height: 300px;
  border: 1px solid #00afe1;
}
.box_img_catdetal {
    border-radius: 100%;
    width: 50px;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
    position: relative;
    bottom: 8px;
    left: 10px;
    padding: 5px;
}
.int_tags22 {
    margin-bottom: 20px;
}
/* browse catalog page */
.cst_dronew ul li a,.custom_drobtn + .dropdown-menu ul li a,.dropdown-menu li a{
  display: block;
  padding: 10px 15px;
}
.cst_dronew ul li a:hover,.custom_drobtn + .dropdown-menu ul li a:hover,.dropdown-menu li a:hover{
  background-color: #00afe1;
  color: white !important;
}
.sing_lineBlutxt{
	margin-top:27px;
	display:block;
}

/*request a catalog*/
.req_btn{
    text-align: right;
    margin-top: 25px;
    padding-right: 98px;
}

/* events page style */
.events_tile img{
  max-width: 100%;
}
.evn_title .date_eve{
  display: inline-block;
  vertical-align: middle;
  background-color: #00afe1;
  color: white;
  padding: 8px 10px;
  margin-right: 30px;
}
.evn_title .even_ttie{
  display: inline-block;
  vertical-align: middle;
}
.evn_title h3{
  padding: 0 !important;
}
.evn_title{
  margin-bottom: 20px;
}
.events_tile p{
  margin: 30px 0px;
}
.events_tile{
  margin-bottom: 70px;
}
.even_pge h1{
  margin-top: 0 !important;
}
.detail_tile img{
  width: 100%;
}
.titl_link{
  font-size: 20px;
  color: #000000;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
}
.evntLink{
  line-height: 1.5;
}
/* events page style */

/*before handover revision*/
.frpartner_block3_card p {
    position: absolute;
    left: 23px;
    width: 87%;
	opacity:0;
	top:30%
}
.frpartner_block3_card h6 {
    position: absolute;
    top: 35%;
    width: 84%;
}
.frpartner_block3_card:hover h6{
	top:0px;
}
.frpartner_block3_card:hover p{
	opacity:1;
	top: 25%;
}
/*before handover revision*/

/*seo edits */

.seoH1{
	margin: 0 !important;
    text-align: center;
}
.seoH1fontAdjust{
	font-size:36px;
}
.seoRow{
	text-align: center;
}
.seoRow h2,.seoEditsHowItWrks h2{
	font-size: 30px;
    font-family: 'Basis_font', sans-serif;
}
.seoRow p{
	margin: 20px 0px 30px 0px;
}
.seoEditsHowItWrks{
	text-align: center;
}
.seoEditsHowItWrks h2{
	margin: 20px 0px;
}
.h2ash1benifits h2{
	margin-bottom: 50px;
}
/*seo edits */

/*2021 march edits*/
.aboveFoldNew_para {
    margin: 20px 0px;
}
/*2021 march edits*/


/* overall responsive style */
@media screen and (min-width: 1700px) {
  .fluid_adjst{
      max-width: 1440px;
  }
  /* contactus page 1700 ends */
  .nj_abs_content{
    top: 220px;
    max-width: 1440px;
    padding: 3% 10px;
  }
  .nj_ctbg_wt,.nj_ctbg_grey{
    min-height: 680px;
  }
}
@media(min-width: 0px) and (max-width:1500px){
  .card_frch{
    width: 100%;
    padding: 30px;
  }
}
@media (min-width: 1200px) and (max-width:1300px) {
  .img_lgodiv img{
    width: 100px;
  }
  .img_lgodiv {
    min-height: 142px;
  }
}
@media (min-width: 0px) and (max-width:1300px) {
  .card_frfld{
    width: 100%;
  }
  .white_box2{
    width: 100%;
    margin-bottom: 40px;
  }
  .white_box2 img {
    width: 60px;
  }
  .smlt_two{
    font-size: 15px;
  }
  .white_box2 p {
    font-size: 16px;
  }
  .box_catdiv {
    padding: 30px 25px;
  }
  .card_frch{
    margin-top: 30px;
  }
   /* partner page start*/
 .frpartner_block3_card{
  height: 400px;
}
/*partner page end*/
.part_img{
  margin-top: 12%;
}
.blue_bg {
  margin-top: 75px;
}
}
@media (min-width: 0px) and (max-width:1200px) {
  h5{font-size: 21px;}
  .abov_fld h1 {
    margin-bottom: 22px;
    margin-top: 130px;
  }
  .abv_fldbenfits h1{
    margin-top: 20px;
  }
	.h2ash1benifits h2{
		margin-bottom: 22px;
	}
  .abov_fld h4 span.secn_txt {
    display: inline;
  }
  .placyicon_parent {
    width: 71px;
    height: 71px;
  }
  .placyicon_parent i {
    font-size: 22px;
  }
  .descrip_div,.relrow{
    left: 0;
  }
  .descrip_div {
    left: 0;
    padding: 0 20px;
    margin-top: 20px;
  }
  .lilh6{
    padding-right: 0;
  }
  .card_frfld {
    padding-top: 40px;
  }
  .sevnt_fold {
    margin-top: 20px;
  }
  .sevnt_fold p{
    margin-bottom: 60px;
  }
  .intern_foopding {
    padding: 50px 20px;
  }
  .card_frch {
    width: 100%;
    padding: 26px;
    height: 400px;
  }
  .card_frch h6{
    font-size: 25px;
  }
  .card_frneed {
    width: 100%;
    min-height: 400px;
    margin: 0 auto;
    padding: 35px 20px;
  }
  .card_frneed2{
    width: 100%;
    margin: 0 auto;
    padding: 30px;
  }
  .card_frneed2 img{
    opacity: 1;
  }
  .card_frneed2 p{
    opacity: 1;
  }
  .card_frneed h6{
    font-size: 18px;
    font-weight: 500;
  }
  .card_frch{
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    margin-top: 30px;
  }
  .card_frch ul{
    opacity: 1;
  }
  .card_frch img{
    opacity: 0.05;
  }
  .card_frch h6{
    color: #16B0E1;
  }
  /* service as a code starts here */
.card_frcode{
  border-radius: 10px;
  padding: 0px 30px 30px 30px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
  min-height: 440px;
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

}
.card_frcode h6{
  color: #00afe1;
}
.frcode_br{
  display: inline;
}
.card_frcode svg{
  fill: #00afe1;
}
.card_frcode ul{
position: relative;
opacity: 1;
font-size: 18px;
line-height: 1.2;
list-style: none; 
font-weight: 300;
padding: 10px 20px 0px 0px;
margin: 0px 0px 0px 20px;
top: 0px;
}
.card_frcode ul li::before{
content: "\2022";
color: #16B0E1; 
font-weight: bold; 
display: inline-block;
}
.triangle{
  display: none;
}
.triangle_active{
  display: none;
}
/* service as a code ends here */
  /*service as a code */
  /*services professional starts here */
  .card_frpro_block2{
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
  .card_frpro_block2_active img {
    position: absolute;
    opacity: 0.1;
    max-width: 100px;
    top: 50px;
    right: 85px;
  }
  .card_frpro_block3{
    min-height: 380px;
  }
  /* services professional ends here */
  /* contactus css for 1200 starts here */
  
  .nj_cont_h1 h1 {
    font-size: 40px;
  }
/* contactus css for 1200 ends here */
/* privacy policy css for 1200 starts here */
.nj-pp-intro h2,.nj_underage h2{
  font-size: 28px;
}
/* privacy policy css for 1200 ends here */
  /* services advisory starts */
  .card_fradv_block2{
    width: 90%;
    min-height: 300px;
    padding: 20px 30px 0px 30px ;
  }
  .card_fradv_block2_active img{
    top: 50px;
    right: 150px;
  }
  /* services advisory ends */
  /* solution devOps start */
  .frdev_block3_card{
    width: 100%;
  }
  /*solution devOps ends */
  /* solution hybrid cloud start */
  .frhycl_block3_card{
    width: 100%;
  }
  /*solution hybrid cloud ends */
  /* digitalxc for customer start */
.frcus_block2_card{
  position: relative;
  min-height: 250px;
  padding: 30px 50px 30px 50px;
  margin: 30px 0px 0px 0px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}
.frcus_block2_card img{
  opacity: 0.1;
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.frcus_block2_card h6{
  color: #00afe1;
  font-size: 18px;
  font-weight: 500;
  padding: 20px 0px 50px 0px;
  text-align: center;
}
.frcus_block2_card p{
  opacity: 1;
  text-align: center;
  line-height: 22px;
}
/* digitalxc for customer end*/

/* popupform 1200 nj*/
.nj_popinp_par {
  padding: 50px 30px;
}
/* popupform 1200 nj*/

 /* partner page start*/
 .frpartner_block3_card{
  height: 180px;
}
/*partner page end*/
.card_frcode ul li {  
  margin-bottom: 15px;
}
.nopad_fld3{
  padding-bottom: 20px;
}
.frblog h3 {
  padding: 0px 0px 49px 0px;
  margin-top: 0;
}
.frblog {
  padding: 6px 0px 75px 0px;
}
.bg_mg::after{
  opacity: 1;
}
.mov_h5{
  position: absolute !important;
  width: 100%;
  top: 80px !important;
  color: white;
  margin-top: 0 !important;
}
.mov_h6{
  position: absolute !important;
  width: 100%;
  top: 109px !important;
  color: white;
}
.custm_ULLI{
    max-height: 220px;
    opacity: 1;
}
.tit_div2{
  margin-top: 30px;
}
.btrow2 h6{
  margin-top: 20px;
}
.pricing_fld h1{
  margin-top: 35px;
}
.fld_2_pricing h3 {
  margin-bottom: 15px;
}
.fld_2_pricing {
  padding-bottom: 10px;
}
.how_itwo_abvfld p{
  font-size: 14px;
}
.how_itwo_abvfld h4{
  font-size: 18px;
}
.how_itwo_abvfld h3 {
  padding: 0px 0px 0 0px;
  margin-top: 20px;
}
.abs_num1 {
  top: 150%;
}
.spacerdiv_howit {
  height: 65px;
}
.num_spn{
  background: #00BEF2;
  color: white;
}
.numh4{
  color: #00BEF2;
}
.nump{
  opacity: 1;
}
.top_cats_row {
  padding: 10px 25px;
}
.browse_caltpgerow {
  margin: 110px 0px 70px 0px;
}
.prodi_title {
  opacity: 1;
}
/* handover before */
.frpartner_block3_card p {
    position: static;
    width: 100%;
	opacity:1;
}
.frpartner_block3_card h6 {
    position: static;
    width: 100%;
}
}
@media (min-width: 0px) and (max-width:1100px) {
  h1,.h2ash1benifits h2 {font-size: 37px;}
  h4,.customH4 {font-size: 20px;}
  .abov_fldbtn {
    margin-top: 25px;
  }
  .sqr_bx {
    padding: 17.5% 20px;
    margin: 0 auto 68px auto;
  }
  .white_box2 {
    padding: 16px 20px 25px 20px;
    min-height: 330px;
    min-height: 320px;
  }
  .white_box2 p, .white_box2 .smlt_two, .white_box2 img{
    top: 0;
  }
  .white_box2 img{
    margin-bottom: 0;
  }
  .fith_fold,.six_fold {
    margin-top: 80px;
  }
  .sevnt_fold{
    padding-bottom:30px;
  }
  .box_catdiv h6{
    font-size: 15px;
  }
  .box_catdiv {
    padding: 30px 15px;
  }
  .box_catdiv img {
    width: 50px;
  }
  .ubtext h3 {
    margin: 50px 0px 30px 0px;
  }
  .rowcard_text h3{
    font-size: 30px;
  }
  .rowcard_text h6 {
    margin: 20px 0px;
    font-size: 17px;
  }
/*platform benefit stars*/
 .frbene_block3_card{
   width: 100%;
 }
 .pricing_fld h3{
   font-size: 20px;
 }
}
@media (min-width: 991px) and (max-width:1100px) {
/* .abov_fld h1 {
    margin-top: 60px;
} */
}
@media (min-width: 0px) and (max-width:991px) {
  .fix_tophedr {
    background: #fff;
    box-shadow: 0px 0px 7px #00000033;
  }
  .abov_fld h1 {
    margin-bottom: 15px;
    margin-top: 0px;
  }
  .over_allpding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .video_div,.clo_viddiv{
    display: none;
  }
  .youtu_div{
    display: block;
  }
  .youtu_div iframe {
    border-radius: 12px;
    margin-top: 30px;
}
.abov_fld h4 span.secn_txt,.svg_divmobile,.def_hide {
  display: block;
}
.sqr_bx{
  display: none;
}
.descrip_div {
  margin-top: 0;
  margin-bottom: 65px;
}
.belo_fold h3,.thid_fold h3  {
  margin-top: 50px;
  margin-bottom: 20px;
}
.thid_fold h6 {
  margin: 30px 0px 15px 0px;
}
.thid_fold img{
  max-width: 70%;
  margin-left:auto;
  margin-right: auto;
}
.abov_fld{
  background-size: cover;
}
.thid_fold h3 {
  margin-top: 0;
}
.card_frfld {
  min-height: 250px;
}
.fourth_fld {
  margin-top: 80px;
}
.fourth_fld h6 {
  margin: 30px 0px 65px 0px;
}
.card_frfld {
  margin-bottom: 80px;
}
.thid_fold {
  margin-top: 20px;
} 
.white_box2 {
  min-height: 250px;
}
.fith_fold,.six_fold {
  margin-top: 60px;
}
.arrow_div {
  margin: 35px 0px 70px 0px;
}
.six_fold p {
  margin: 30px 0px 50px 0px;
}
.sevnt_fold {
  text-align: center;
}
.get_stabox img {
  margin-left: auto;
  margin-right: auto;
}
.get_stabox span::after{
  display: none;
}
.sevnt_fold{
  padding-bottom:0px;
}
.qulik,.lassub{
  margin-top: 30px;
}
.intern_foopding {
  padding: 45px 20px;
}
.bdy_txt{
  padding-top: 22px;
}
.box_catdiv{
  margin-top: 0px;
}
.row.fld_4_ct {
  padding-bottom: 65px;
}
.mt_mob{
  margin-top: 30px;
}
.keyfet_scn h3 {
  margin: 25px 0px 60px 0px;
}
.slid_img {
  margin: 28px 0px 25px 0px;
}

/* The need Page starts here */

.h_1_ad{
  padding: 30px 0px 30px 0px;
}

.h_ad{
  padding: -30px 0px 0px 0px;
}
.card_frch{
  border-radius: 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  margin-top: 30px;
}
.card_frch ul{
  opacity: 1;
}
.card_frch img{
  opacity: 0.05;
}
.card_frneed2{
  margin-top: 30px;
  height: auto;
}
.card_frneed2 h6{
  color: #00afe1;
}
.card_frneed {
  margin-bottom: 30px;
  min-height: 270px;
}
.h_2_ad {
  padding: 50px 0px 40px 0px;
}
/*the need page ends here */
/*service as a code star */
.card_frcode{
  width: 70%;
}
/* service as a code end */
/* service-professional starts here */
.title_space{
  padding: 10px 0px 30px 0px;
}
.card_frpro_block2{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  margin: 30px 0px 0px 0px;
  min-height: 0px;
  display: block;
}
.card_frpro_block2 P{
  display: block;
}
.card_frpro_block2 img{
  position: absolute;
  opacity: 0;
  max-width: 100px;
  left: 150px;
}
.card_frpro_block2_active h6{
  padding: 0px 0px 20px 0px;
}
.card_frpro_block3{
  margin: 0px 0px 30px 0px;
}
/* service-professional ends here */
/* platform digital exchange starts here */
.card_frexch_block5{
  width: 100%;
  margin-bottom: 20px;
}
.frexch_block5_row{
  padding-top: 0px;
}
/*platform digital exchange ends here */
/*digital-workplace-solution starts here (natraj)*/
.nj_img_centered{
  text-align: center;
}
.nj_img_responsive {
  max-width: 80%;
}
.nj_padding{
  text-align: center;
}
.nj_abov_fld h1 {
  font-size: 34px;
  margin-top: 60px;
}
.nj_sqr_bx {
    width: 80%;
    margin: 30px auto;
}
.nj_nineboxes h3 {
  font-size: 28px;
  width: 80%;
  margin: 40px auto;
}
.nj_padding2{
  text-align: center;
  padding: 0;
}
.nj_padding2 h1 {
  font-size: 28px;
  margin: 0px 50px;
}
.nj_dws_h5 {
  font-size: 22px;
  margin: 10px auto 10px;
}
.nj_nineboxes {
  margin-top: 0px;
}
.nj_nw_h5 {
  font-size: 20px;
  line-height: 1.5;
  margin: 12px auto;
}
.nj_dws_p {
  font-size: 18px;
  margin: 12px auto;
}
.nj_sqr_bx2{
  padding: 25.5% 15px;
  min-height: 195px;
  margin: 32px 0px;
}
.nj_sqr_bx22{
  min-height: 225px;
}
.nj_sqr_bx3 {
  margin: 30px 0px;
}
.p_div p {
  font-size: 14px;
}
.svg_div img{
  width: 50px;
}
.nj_bxtitle1 {
  font-size: 12px;
}
/*digital-workplace-solution ends here (natraj)*/
/* contactus css for 992 starts here */
.nj_ctbg_wt,.nj_ctbg_grey{
  min-height: 990px;
}
.nj_cont_h1 h1 {
  font-size: 35px;
}
.nj_address {
  padding-left: 55px;
}
  .nj_inpt_sec input[type=submit] {
    margin: 50px auto 5px;
  }
/* contactus css for 992 ends here */
/* popupform 992 nj*/
.nj_popinp_par {
  padding: 40px 5px;
}
/* popupform 992 nj*/
/* privacy policy css for 992 starts here */
.nj-pp-head h1 {
  margin: 130px 0px 15px;
}
.nj_pp_ul li {
  width: 95%;
  text-align: left;
}
.nj_lf_alignp{
  text-align: left;
}
.nj-pp-head h5 {
  font-size: 24px;
}
.nj-pp-intro h2{
  font-size: 24px;
}
.nj_underage h2{
  margin-top: 20px;
  font-size: 22px;
}
/* .nj-pp-intro,.nj_underage{
  text-align: center;
} */
/* privacy policy css for 992 ends here */
/* service-advisory starts here */
.card_fradv_block2{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  margin: 30px 0px 0px 0px;
  min-height: 200px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 30px 20px 30px ;
}
.card_fradv_block2 h6{
  padding: 0px 0px 20px 0px;
}
.card_fradv_block2 P{
  display: block;
}
.card_fradv_block2 img{
  position: absolute;
  opacity: 0;
  max-width: 100px;
  left: 150px;
}
.card_fradv_block2_active h6{
  padding: 0px 0px 20px 0px;
}
/*soltion devOps start*/
.frdev_block3_card{
  min-height: 275px;
}
/*soltion hybrid cloud start*/
.frhycl_block3_card{
  min-height: 290px;
}
/*solution hybrid cloud end */
/* service-advisory start here */
.frser_block5 h3 {
  margin: 25px 0px 60px 0px;
}
/* service-advisory ends here */
/* partner page start*/
.frpartner_block3_card{
  height: 200px;
}
.frcareer_mfooter_sub{
  flex: inherit;
}

/*partner page end*/
/*platform benefits start*/
.frbene_block1{
  /* display: none; */
}
.frbene_title{
  display: block;
  color: #00afe1;
}
/* .frbene_1{
  display: block;
}
.frbene_2{
  display: block;
}
.frbene_3{
  display: block;
} */
/*platform benefits end*/
/* about digitalXC start */
.frabt_top_pad{
  padding: 0px 0px 100px 0px;
}
.card_frcode ul li {
  font-size: 14px;
}
.hybrimg{
  padding: 0px 100px 0px 40px;
}
.frabt_block3_card{
  padding: 75px 75px 75px 75px;
}
.frabt_block4_card{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
  background-image: linear-gradient(rgba(247,247,247,1),rgba(255,255,255,1));
}
.frabt_block3 {
  padding: 0px 0px 50px 0px !important;
}
.nj_popabs {
  width: 80%;
}
.part_img {
  margin-top: -45px;
}
.part_img2 {
  margin-top: 0px;
}
.nj_sqr_bx {
  width: 100%;
}
.serprovpad{
  padding-bottom: 20px;
}
.pb_caree{
  padding-bottom: 0px;
  padding-top: 0px;
}
.block_space {
  padding: 50px 0px 10px 0px;
}
.frblog {
  padding: 0px;
}
.blg_abvfld{
  padding-top:65px;
}
.frblog h3 {
  padding: 0px 0px 20px 0px;
}
.frblog_b1 {
  margin: 0px 0px 50px 0px;
}
.blg_detalfold {
  padding-top: 70px;
}
.pricing_fld h4 {
  margin-top: 0px;
  text-align: center;
}
.tcene{
  text-align: center;
}
.pricing_fld a{
  display: inline-block;
  margin-bottom: 40px;
}
.abs_num1{
  position: static;
}
.numsdiv {
  margin-bottom: 50px;
  border-radius: 30px;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.47);
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px;
  width: 500px;
}
.how_itwo_abvfld h3 {
  margin-bottom: 20px;
}
.sub_overrid{
	padding: 15px 20px;
}
	.browse_caltpgerow {
  margin: 90px 0px 50px 0px;
}
.blue_bg {
  margin-top: 50px;
}
.pric_div_actdiv {
  margin-top: 0;
}
.pric_div_actdiv img{
  display: none;
}
/* events page */
.titl_link{
  margin-top: 20px;
}
.even_detail p{
  margin-bottom: 0px;
}
/* events page */
.seoH1{
	margin-bottom: 30px !important;
}
	.seoEditsHowItWrks p{
		margin-bottom: 30px;
	}
}
/*about digitalXC end*/
@media (min-width: 768px) and (max-width:991px) {

}
@media (min-width: 0px) and (max-width:767px) {
  .card_frfld { 
    min-height: unset;
  }
  .svg_ardiv {
    left: 40%;
  }
  .white_box2 {
    min-height: unset;
    padding: 20px 15px 30px 15px;
  }
  .fithfolbt {
    margin-top: 0;
}
.img_lgodiv {
  min-height: 175px;
  width: 295px;
}
.fld_lst_ct {
  padding: 0 0px 50px 0px;
}
/* the need page starts here */
.card_frneed{
  min-height: unset;
}
.card_btn {
  position: static;
  margin-top: 20px;
}
.fld_5_ct {
  padding: 15px 0px 0px 0px;
}
	/* dws natraj css starts here */
  .nj_sqr_bx {
    width: 65%;
     }
     .nj_sqr_bx22 {
      width: 60%;
      margin: 35px auto;
    }
    .nj_sqr_bx2 {
      padding: 17.5% 15px;
      width: 60%;
      margin: 35px auto;
    }
    
  .nj_sqr_bx3 {
    width: 60%;
    margin: 35px auto;
    padding: 50px;
  }
  /* dws natraj css ends here */

  /* popupform 767 nj*/
.nj_popinp_par h6 {
  margin: 15px 0px;
  text-align: center;
}
.nj_popinpt ,.nj_popinpt2{
  width: 100%;
  float: none;
}
.nj_popinpt3 input {
  width: 80%;
}
.nj_popinpt3 textarea {
  width: 80%;
}
/* popupform 767 nj*/

/* the need page ends here */
.card_frcode {
  width: 100%;
}
.frabt_block3_card {
  padding: 50px 19px;
  min-height: unset;
}
.frdblog_b1 h4{
  font-size: 21px;
}
.frdblog_b1 h3 {
  padding: 64px 0px 26px 0px;
}
.tce_cust{
  text-align: center !important;
}
.tce_cust span{
  display: inline-block;
  padding-bottom: 0px;
  font-size: 14px;
  line-height: 1.5;
}
.frdblog_b1 {
  min-height: unset;
}
.two_bx {
  padding: 40px 0px 50px 0px;
}
.two_bx h3 {
  margin-bottom: 25px;
  font-size: 24px;
}
.sub_overrid{
	width: 95% !important;
}
	.top_cats_row {
  padding: 10px 0px;
}
.browse_caltpgerow {
  margin: 65px 0px 30px 0px;
}
.v_topdetrw{
  padding-left: 15px;
  padding-right: 15px;
}
.seoRow h2,.seoEditsHowItWrks h2{
	font-size: 23px;
}
	.seoRow p{
		margin-top: 9px;
	}
}
@media (min-width: 0px) and (max-width:700px) {
.pric_div{
    width: 100% !important;
}
.bg_mg {
  height: 170px;
  background-position: center;
}
.mar_ri_le,.mar_ri {
  margin-right: 0;
  margin-left: 0;
}
.pric_div{
	min-height: unset;		
}
}
@media (min-width: 0px) and (max-width:600px) {
h1 {font-size: 30px;}
h3,.rowcard_text h3,.seoh2toh3 h2 {font-size: 27px;}
h6,.rowcard_text h6 {font-size: 17px;}
p {font-size: 16px;}
.belo_fold h3{
  text-align: left;
  margin-bottom: 40px;
}
.descrip_div {
  padding: 0;
}
.thid_fold img{
  max-width: 100%;
}
.thid_fold h3 {
  margin-top: 0px;
}
.youtu_div iframe {
  height: 300px;
}
.sevnt_fold h3 {
  margin-top: 25px;
}
.box_catdiv {
  width: 200px;
  margin: 0 auto;
}
.white_keyfdiv{
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.spacediv {
  height: 0;
}
.spacediv2{
  height: 50px;
}
.nj_dws_p {
  width: 100%;
}
.nj_dws_h5 {
  width: 100%;
}
.nj_nineboxes h3 {
  font-size: 22px;
  width: 95%;
}
.nj_nw_h5 {
  width: 100%;
}
.nj_padding2 h1 {
  font-size: 26px;
  margin: 0px;
}
.nj_sqr_bx3 {
  width: 75%;
  padding: 50px 20px;
}
/* contactus css for 600 starts here */
.nj_cont_h1 h1 {
  font-size: 28px;
  margin: 60px 0px 0 0px;
}
.nj_ctbg_wt,.nj_ctbg_grey{
  min-height: 920px;
}
.nj_abs_content {
  top: 70px;
  padding: 5% 25px;
  box-shadow: 0px 0px 0px 0px;
}
.nj_inpt_sec {
  padding: 40px 20px;
}
.nj_inpt_sec input[type=submit] {
  padding: 14px;
}
.nj_offices span {
  font-size: 14px;
  margin: 7px 0px;
}
.nj_xcmap {
  margin-bottom: 15px;
}
.nj_sales div{
  display: block;
  margin: 15px 0px;
}
.nj_xcicns img{
  width: 35px;
}
/* contactus css for 600 ends here */

/* popupform 600 nj*/
.nj_popabs input {
  margin: 0;
}
.nj_popinpt input, .nj_popinpt2 input {
  width: 100%;
}
.nj_popinpt3 input {
  width: 100%;
}
.nj_popinpt4 input {
  margin: 30px auto;
  float: none;
}
.nj_popinpt input, .nj_popinpt select, .nj_popinpt2 input, .nj_popinpt2 select {
  width: 100%;
}
.nj_popinpt3 textarea {
  width: 100%;
}
.nj_downabs{
  right: 10px;
}
/* popupform 600 nj*/

/* privacy policy css for 600 starts here */
.nj-pp-head h1 {
  margin: 130px 0px 15px;
}
.nj_pp_ul li {
  width: 95%;
}
.nj-pp-head h5 {
  font-size: 20px;
}
.nj-pp-intro h2{
  font-size: 24px;
}
.nj_underage h2{
  line-height: 1.5;
  margin-top: 20px;
  font-size: 22px;
}
.nj_pp_ul {
  margin-left: 30px;
}
.nj_listblw_P {
  margin: 0px 0px 30px 30px;
}
.nj_inpt_sec {
  padding: 20px 15px 40px 15px;
}
/* privacy policy css for 600 ends here */

/*soltion devOps start*/
.frdev_block3_card{
  min-height: unset;
}
/*solution devOps end */
/*soltion hybrid cloud start*/
.frhycl_block3_card{
  min-height: 0px;
}
/*solution hybrid cloud end */
.card_frexch_block5 {
  width: 80%;
  margin: 0 auto 20px auto;
}
.over_freblk_5{
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.over_screenht_mob{
  padding-bottom: 0;
}
.hybrimg {
  padding: 0px 30px 0px 15px;
}
.nj_abs_content {
  position: static;
}
.nj_ctbg_wt {
  display: none;
}
.nj_address {
  padding-left: 10px;
  padding-right: 10px;
}
.nj_xcmap iframe{
  width: 100% !important;
}
.nj_ctbg_wt, .nj_ctbg_grey{
  display: none;
}
.nj_popabs {
  width: 95%;
  padding: 20px 15px;
}
#close_demo{
  margin-top: 8px;
}
.nj_padding {
  padding: 0px 15px;
}
.nj_img_responsive {
  max-width: 100%;
}
.nj_sqr_bx,.nj_sqr_bx22,.nj_sqr_bx2,.nj_sqr_bx3 {
  width: 85%;
}
.nj_padding2,.nj_padding{
  text-align: left;
}
.nj_h3_marg {
  margin: 20px 0px 20px 0px;
}
.frwo_title_height{
  padding: 10px 0px 0px 0px;
}
.mob_spcr_digip{
  height: 30px;
}
.fradv_block3_height {
  min-height: unset;
}
.no_padmob{
  padding-left: 0;
  padding-right: 0;
}
.frbene_block1_col{
  background: #00afe1;
  color: white;
  min-height: 50px;
  padding: 5px 0px;
}
.frbene_block1_col.activ_blok{
  background: #08465A;
  color: white;
}
.frbene_block1_col.activ_blok a{
  border-bottom: transparent;
}
.frbene_block1 p,.frbene_block1_col.activ_blok p{
    color: white;
    font-size: 14px;
    line-height: 1.3;
}
.frbene_block1{
  padding-top: 0;
  padding-bottom: 25px;
}
.blk_sp33{
  display: block;
}
.nopad_sml{
  padding-left: 0;
  padding-right: 0;
}
.no_pad_top33{
  padding: 30px 0px 100px 0px !important;
}
.frdblog_b2 {
  padding: 45px 25px;
}
.pricing_fld h3 {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 25px;
}
.numsdiv {
  width: 100%;
}
.how_itwo_abvfld h3 {
  margin-top: 0px;
}
.how_ovdiv{
  overflow: hidden;
}
.how_img{
  -ms-transform: scale(2,2); /* IE 9 */
  transform: scale(1.2,1.2); /* Standard syntax */
}
.fxd_fld {
	right: -132px;
}
.searchbx .srchinp {
  width: 200px;
}
.imgwithtxt{
  width: 39%;
  text-align: center;
}
.req_btn {
    padding-right: 0;
}
/* events page */
.evn_title .date_eve {
  margin-right: 20px;
  font-size: 13px;
}
/* events page */
	.seoH1fontAdjust{
		font-size: 26px;
	}
}

@media (min-width: 380px) and (max-width:575px){
  .prod_tilediv {
    width: 320px;
    margin: 0 auto 30px auto;
  }
}

@media (min-width: 0px) and (max-width:400px){
.butto_t{
  display: block;
  margin: 5px auto 0pc auto;
  width: 182px;
}
.tit_div2 h4{
  display: block
}
.searchbx .srchinp {
  font-size: 14px;
  width: 168px;
}
.detail_desdiv iframe{
  width: 100%;
}
.req_btn a {
    width: 168px;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
}
@media (min-width: 0px) and (max-width:360px){
  .card_frch{
    min-height: 600px;
  }
  .card_frneed{
    min-height: 350px;
  }
.abov_fldbtn {
	display: block;
}
.abov_fldbtn2 {
    margin-left: 0px;
}
}
/* overall responsive style ends*/
/*animation*/
.fade-in{
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;/* when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+ */
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


.fade-inbottom{
  animation: animationFramesb ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards;/* when the spec is finished*/
  -webkit-animation: animationFramesb ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+ */
  -moz-animation: animationFramesb ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFramesb ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFramesb ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFramesb{
  0% {
    opacity:0;
    transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFramesb{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFramesb {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFramesb {
  0% {
    opacity:0;
    -o-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFramesb {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


.fade-inleft{
  animation: animationFramesl ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFramesl ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+ */
  -moz-animation: animationFramesl ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFramesl ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFramesl ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFramesl{
  0% {
    opacity:0;
    transform:  translate(-25px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFramesl{
  0% {
    opacity:0;
    -moz-transform:  translate(-25px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFramesl {
  0% {
    opacity:0;
    -webkit-transform:  translate(-25px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFramesl {
  0% {
    opacity:0;
    -o-transform:  translate(-25px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFramesl {
  0% {
    opacity:0;
    -ms-transform:  translate(-25px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

.fade-inright{
  animation: animationFramesr ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFramesr ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+ */
  -moz-animation: animationFramesr ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFramesr ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFramesr ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFramesr{
  0% {
    opacity:0;
    transform:  translate(25px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFramesr{
  0% {
    opacity:0;
    -moz-transform:  translate(25px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFramesr {
  0% {
    opacity:0;
    -webkit-transform:  translate(25px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFramesr {
  0% {
    opacity:0;
    -o-transform:  translate(25px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFramesr {
  0% {
    opacity:0;
    -ms-transform:  translate(25px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
.delay_animation
{
  -webkit-animation-delay: 2.0s; /* Safari 4.0 - 8.0 */
  -moz-animation-delay: 2.0s; /* Safari 4.0 - 8.0 */
  -o-animation-delay: 2.0s; /* Safari 4.0 - 8.0 */
  animation-delay: 2.0s;
}


/* v2 updates 2021 */
.mt20{
	margin-top:20px
}
.mt30{
	margin-top:30px
}
.mb20{
	margin-bottom:20px
}
.mb30{
	margin-bottom:30px
}
.howItWorks-ImgEdit{
	max-width:80%;
	margin-left: auto;
	margin-right: auto;
}
.digitalWorkplaceimg{
	max-width:55%;
}
.section-separator {
  padding: 90px 0px;
}
.section-separator h3 {
  margin-bottom: 20px;
}
.newGifSlider {
  margin-top: 50px;
}
.curvedShadowBox {
  box-shadow: 0px 0px 20px rgb(0 0 0 / 17%);
  border-radius: 37px;
  background-color: white;
}
.newGifSlider--cardWrapper {
  padding: 30px;
}
.newGifSlider--boxDiv {
  padding: 60px 50px;
}
.newGifSlider--boxDiv p {
  margin-top: 10px;
}
.newGifSlider .carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #00aee2;
}
.newGifSlider .carousel-indicators {
  bottom: -15px;
  display: none;
}
.prevNextWrapper {
  background-color: #00aee2;
  color: white;
  opacity: 1;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.prevNextWrapper:hover {
  background-color: #2d2d2d;
}
.leftRightControlsWrapper {
  position: absolute;
  width: 150px;
  left: 38%;
  bottom: 50px;
  font-size: 20px;
}
.flexBoxCatalog {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.flexCatalogItem {
  text-align: center;
  width: 200px;
  background-color: white;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  margin: 10px;
}
.flexCatalogItem img {
  width: 70px;
  display: block;
  margin: 30px auto;
}
.catelogItemRibbon {
  background-color: #16b0e1;
  color: white;
  padding: 10px 15px;
  border-radius: 0px 0px 37px 37px;
  font-weight: 600;
  line-height: 1.3;
  width: 100%;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 59px;
}
.catalogBottomBtn {
  margin-top: 50px;
}
/* moving LOGOS slide */
.marquee--inner--span img {
  width: 225px;
  display: inline-block;
  margin: 0 24.7px;
  float: left;
  transition: all 0.2s ease-out;
  vertical-align: middle;
}
.marquee--inner--span img:hover {
  transform: scale(1.2);
  cursor: pointer;
}
.marquee {
  height: 200px;
  width: 100%;
  /* border: 2px solid #eee; */
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin: 30px auto;
}
.marquee--inner {
  display: block;
  width: 200%;
  margin: 50px 0;
  position: absolute;
  animation: marquee 20s linear infinite;
}
.marquee--inner:hover {
  animation-play-state: paused;
}
.marquee--inner--span {
  display: flex;
  /* float: left; */
  /* width: 45%: */
}
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@-webkit-keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@-moz-keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@-o-keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.clearfix {
  clear: both;
}
/* moving logo slide */

/* flip card */
.flexSolutionContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* gap: 30px 30px; */
}
.flexSolutionItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30%;
  height: 450px;
  margin: 15px;
}
.flexSolutionItem img {
  width: 80%;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.flexSolutionItem p {
  color: #13254a;
}
img.wid100px {
  width: 100px !important;
}
.flexSolutionItem.hideDefault {
  display: none;
}
.titleSpacing {
  margin: 0px 0px 70px 0px;
}
.customInnerTitle {
  text-align: left;
  font-weight: 500;
  margin-bottom: 40px;
}
/* 3d effect */
.flexSolutionInner {
  position: relative;
  width: 100%;
  height: 100%;
  /* text-align: center; */
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}
.flexSolutionItem:hover .flexSolutionInner {
  transform: rotateY(180deg);
}
.flexSolutionCardFront,
.flexSolutionCardBack {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flexSolutionCardFront,
.flexSolutionCardBack {
  padding: 20px 30px;
}
.flexSolutionCardBack {
  color: white;
  transform: rotateY(180deg);
}
.flexSolutionCardBack p {
  overflow-y: auto;
  /* 
  min-height: 120px;
  display: flex;
  justify-content: center;
  align-items: center; */
  font-size: 16px;
}
.flexSolutionCardBack p.customInnerTitle {
  margin-bottom: 10px;
}
.flexSolutionCardFront,
.flexSolutionCardBack {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 25px #0000000b;
}
.flexSolutionCardBack ul {
  list-style: none;
  padding: 0;
  margin-top: 7px;
}
.flexSolutionCardBack li {
  margin-bottom: 7px;
  color: #13254a;
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
}
.flexSolutionCardBack li::before {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  background-color: #00afe1;
}
/* 3d effect */
.benifits--flexTab {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 70px;
}
.benifits--flexTab--tab {
  border: 1px solid #16b0e1;
  width: 250px;
  text-align: center;
  padding: 22px 20px;
  font-weight: 500;
  background-color: white;
  cursor: pointer;
}
.benifits--flexTab--tab.active {
  background-color: #16b0e1;
  color: white;
}
.benifits--flexBox__flexWrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.benifits--flexBox__flexWrapper__flexItem {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 3px 50px #0000000d;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 23%;
  min-height: 300px;
  text-align: center;
}
.flexBox__flexWrapper__flexItem__title {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 19px;
}
.flexBox__flexWrapper__flexItem__paragraph {
  font-size: 16px;
}
.mindshareSection {
  padding-top: 50px;
}
.img_responsive {
  max-width: 100%;
}
.mindshareSection img.img_responsive {
  display: block;
  margin: 0 auto 25px auto;
}
.mindshareSection .catalogBottomBtn {
  margin-top: 70px;
}
.imgWrapper {
  display: inline-block;
  width: 100%;
}
/* partern page */
.custom_h2 {
  font-size: 36px;
  color: #000000;
  font-family: "Basis_font", sans-serif;
}
.partnerPage h1 {
  margin-bottom: 0;
}
.aboveFold__Subtitle {
  margin: 15px 0px;
}
.mb100 {
  margin-bottom: 100px;
}

/* flip card */
.flipCardsDiv {
  margin-top: 55px;
}
.flexSolutionContainer--PartnerCard {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* gap: 30px 30px; */
}
.flexSolutionItem--PartnerCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 22%;
  height: 215px;
  margin: 12px;
}
.flexSolutionItem--PartnerCard img {
  width: 60px;
  margin: 0px 0px 20px 0px;
}
.flexSolutionItem--PartnerCard p {
  color: #13254a;
}
.flexSolutionItem--PartnerCard .flexSolutionCardFront--PartnerCard p {
  font-size: 15px;
}
img.wid100px {
  width: 100px !important;
}
.flexSolutionItem--PartnerCard.hideDefault {
  display: none;
}

/* 3d effect */
.flexSolutionInner--PartnerCard {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}
.flexSolutionItem--PartnerCard:hover .flexSolutionInner--PartnerCard {
  transform: rotateY(180deg);
}
.flexSolutionCardFront--PartnerCard,
.flexSolutionCardBack--PartnerCard {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flexSolutionCardFront--PartnerCard,
.flexSolutionCardBack--PartnerCard {
  padding: 20px 30px;
}
.flexSolutionContainer--PartnerCard .flexSolutionCardBack--PartnerCard {
  color: white;
  background-color: #00aee2;
  transform: rotateY(180deg);
}
.flexSolutionCardBack--PartnerCard p {
  min-height: 120px;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: white;
}
.flexSolutionCardFront--PartnerCard {
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 10px;
}
.flexSolutionCardBack--PartnerCard {
  background-color: #00aee2;
  border-radius: 10px;
}
/* 3d effect */
.partnerFlexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.parterFlex__Item {
  width: 22%;
  margin: 12px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #d8f7ff;
  border-radius: 15px;
  padding: 20px;
}
.parterFlex__Item p {
  font-family: "Basis_font", sans-serif;
  color: #000;
  font-size: 17px;
}
.entitlementsGridDiv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.entitlementsGridDiv__item {
  background-color: #d8f7ff;
  display: flex;
  min-height: 188px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}
.entitlementsGridDiv__item p,
.entitlementsGridDiv__item {
  font-size: 18px;
  font-weight: 400;
}
.entitlementsGridDiv__item:nth-child(odd) {
  background-color: #00bef2;
}
.parternsLogo_new {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
.parternsLogo_new img {
  display: inline-block;
  width: 150px;
  margin: 10px 25px;
}
.systemIntegratedPartners {
  width: 700px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.systemIntegratedPartners__item {
  margin: 12px;
  box-shadow: 0px 3px 15px #00000029;
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 155px;
}
.systemIntegratedPartners__item img {
  width: 175px;
  display: inline-block;
}
/* partern page */

/* v2 responsive */
@media screen and (min-width: 0px) and (max-width: 1699px) {
  .flexSolutionItem img {
    height: 70%;
    width: auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 1390px) {
  .flexSolutionItem img {
    height: auto;
    width: 80%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1350px) {
  .flexSolutionItem {
    width: 45%;
  }
  .flexSolutionItem img {
    width: 55%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  .leftRightControlsWrapper {
    left: 46%;
    bottom: 0;
  }
  .section-separator {
    padding: 80px 0px;
  }
  .benifits--flexBox__flexWrapper__flexItem {
    width: 46%;
    margin-bottom: 30px;
  }
  .flexBox__flexWrapper__flexItem__paragraph {
    font-size: 16px;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .flexSolutionItem--PartnerCard img {
    width: 50px;
  }
  .entitlementsGridDiv__item p,
  .entitlementsGridDiv__item {
    font-size: 16px;
  }
}
@media screen and (min-width: 0px) and (max-width: 991px) {
  .section-separator {
    padding: 60px 0px;
  }
  .flexBoxCatalog {
    margin-top: 30px;
  }
  .mindshareSection {
    padding-top: 0px;
  }
  .custom_h2 {
    font-size: 28px;
  }
  .flexSolutionItem--PartnerCard,
  .parterFlex__Item {
    width: 30%;
  }
}
@media screen and (min-width: 0px) and (max-width: 846px) {
  .flexSolutionItem {
    width: 100%;
  }
  .flexSolutionItem img {
    width: 30%;
  }
  .flexSolutionItem {
    height: 350px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .giwSliderImg {
    margin-left: auto;
    margin-right: auto;
    height: 400px;
    margin-bottom: 10px;
  }
  .newGifSlider .carousel-control-prev,
  .newGifSlider .carousel-control-next {
    display: none;
  }
  .newGifSlider--boxDiv {
    padding: 40px 30px;
  }
  .newGifSlider .carousel-indicators {
    display: flex;
  }
  .catalogsSection {
    padding: 0;
  }
  .ourCustomersSection {
    margin-top: 50px;
  }
  .marquee {
    height: 150px;
  }
  .marquee--inner {
    margin: 39px 0;
  }
  .titleSpacing {
    margin: 0px 0px 40px 0px;
  }
  .benifits--flexTab--tab {
    line-height: 1.5;
    font-size: 14px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mindshareSection .catalogBottomBtn {
    margin-top: 30px;
  }
  .custom_h2 {
    font-size: 25px;
  }
  .flexSolutionItem--PartnerCard,
  .parterFlex__Item {
    width: 27%;
  }
  .flexSolutionItem--PartnerCard .flexSolutionCardFront--PartnerCard p {
    font-size: 14px;
  }
  .parterFlex__Item p,
  .entitlementsGridDiv__item p,
  .entitlementsGridDiv__item {
    font-size: 15px;
  }
  .systemIntegratedPartners {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 600px) {
  .flexSolutionItem {
    margin: 0px 0px 30px 0px;
    box-shadow: 0px 0px 25px #0000000b;
    background-color: white;
  }
  .flexSolutionCardFront,
  .flexSolutionCardBack {
    position: static;
    height: auto;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    border-radius: 0;
    box-shadow: none;
  }
  .flexSolutionCardBack {
    transform: none;
  }
  .flexSolutionItem {
    height: auto;
  }
  .flexSolutionCardBack p.customInnerTitle {
    display: none;
  }
  .flexSolutionItem img {
    width: 80%;
  }
  .benifits--flexBox__flexWrapper__flexItem {
    width: 100%;
    margin-bottom: 25px;
  }
  .flexSolutionItem--PartnerCard,
  .parterFlex__Item {
    width: 43%;
  }
  .flipCardsDiv {
    margin-top: 35px;
  }
  .mb100 {
    margin-bottom: 50px;
  }
  .entitlementsGridDiv {
    grid-template-columns: repeat(2, 1fr);
  }
  .entitlementsGridDiv__item {
    border: 1px solid white;
  }
  .entitlementsGridDiv__item:nth-child(even) {
    background-color: #00bef2;
  }
  .systemIntegratedPartners__item img{
    width: 100%;
  }
  .howItWorks-ImgEdit {
    max-width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 450px) {
  .flexSolutionItem--PartnerCard,
  .parterFlex__Item {
    width: 95%;
  }
  .parterFlex__Item {
    min-height: 200px;
  }
  .entitlementsGridDiv,
  .systemIntegratedPartners {
    grid-template-columns: repeat(1, 1fr);
  }
  .entitlementsGridDiv__item:nth-child(even) {
    background-color: #d8f7ff;
  }
  .systemIntegratedPartners__item img {
    width: 175px;
  }
}
@media screen and (min-width: 0px) and (max-width: 350px) {
  .newGifSlider--cardWrapper {
    padding: 15px;
  }
  .newGifSlider--boxDiv {
    padding: 30px 20px;
    box-shadow: none;
  }
}
/* v2 responsive */
/* v2 updates 2021 */
/* v2.01 updates 2021 */
.flexNeedBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.flexNeedBox__item h6 {
  color: #00aee2;
}
.flexNeedBox__item {
  width: 45%;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 35%);
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  margin: 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 400px;
}
.flexNeedBox__item img {
  margin: 20px auto;
  width: 90px;
  display: block;
}
.flexNeedBox__item__list ul {
  list-style: none;
}
.flexNeedBox__item__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.flexNeedBox__item__list li span:first-child,
.flexNeedBox__item__list li span:last-child {
  display: inline-block;
  width: 40%;
  line-height: 1.5;
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
  .flexNeedBox__item {
    min-height: 500px;
  }
}
@media screen and (min-width: 0px) and (max-width: 700px) {
  .flexNeedBox__item {
    width: 100%;
    min-height: unset;
  }
}
/* v2.01 updates 2021 */