body {
padding: 0px;
margin: 0px;
font-family: 'Poppins', sans-serif;
}

html{
    scroll-behavior: smooth;
}
.d-size  {
  font-size: 2rem!important;
}

.jkm_ul  li {
font-size: 1.2rem;
}
h2 {
font-weight: 600;
font-size: 2rem;
}

.d-flex {
    display: flex!important;
/*    flex-wrap: wrap!important;*/
}
p {
    text-align: justify;
font-size: 1rem;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%)!important;
}
button:focus {
    outline: 0px auto -webkit-focus-ring-color!important;
}
.font1 {
font-weight: 100;
}  
.font2 {
font-weight: 200;
}
.font3 {
font-weight: 300;
}  
.font4 {
font-weight: 400;
}
.font5 {
font-weight: 500;
}
.font6 {
font-weight: 600;
}  
.font7 {
font-weight: 700;
}
.font8 {
font-weight: 800;
}  
.font9 {
font-weight: 900;
}
.title_jkm h1 {
font-size: 3.5rem;
}
.title_jkm h4 {
font-size: 2.5rem;
}
.jkmType {
padding-top: 70px;
padding-bottom: 70px;
}
.title h1{
font-size: 3rem;
font-weight: 700;
}
.jkmwide {

text-align: justify;
}
.jkm_para2x p {
font-size: 1.2rem;
}

.global   h1 {
    font-size: 3.3rem;
}
.jkm_review {
    border: 1px solid #c7c7c7;
    border-radius: 13px;
    padding: 18px 8px;
    height: 145px;
}

.jkmbrand22x img {

    position: absolute;
}
.inner_content{
    margin-left: 62px;
}

.firstJKM {
    font-size: 1.2rem;
    font-weight: 700;
}
.jkm_review p {
    font-weight: 200;
}

.main-bg {
    background-image: url('../img/bg/main-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height:auto;
    padding-bottom: 60px;
}

.main_row{
    margin-top: 8%;
    margin-left: 20%;
}

.jkm_slider .carousel-item img {
   width: 50%;
}
.jkm_slider {
    text-align: center;

}

.jkm-indicators {
    bottom: -60px!important;
}

.jkm-indicators li  {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.jkm_Navbar .nav-item .nav-link {
    color: #000;
    margin-right: 1.3rem;
    font-size: 1rem;
}

.jkm_background {
    -webkit-box-shadow: 0 0 8px rgb(7 136 230);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 8px rgb(7 136 230);
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
}

.gradient-button {
    border: none;
    padding: 11px 8px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #FFF;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    width: 200px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    margin-top:40px;
}
.gradient-button:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    text-decoration: none;
    color: #fff;
}
.gradient-button-1 {background-image: linear-gradient(to right, #DD5E89 0%, #F7BB97 51%, #DD5E89 100%)}
.gradient-button-1:hover { background-position: right center; }

.gradient-button-2 {background-image: linear-gradient(to right, #2BC0E4 0%, #EAECC6 51%, #2BC0E4 100%)}
.gradient-button-2:hover { background-position: right center; }

.gradient-button-3 {background-image: linear-gradient(to right, #7474BF 0%, #348AC7 51%, #7474BF 100%)}
.gradient-button-3:hover { background-position: right center; }

.gradient-button-4 {
    background-image: linear-gradient(to right, #5ac8db 0%, #0788e6 51%, #0788e6 100%);
    font-weight: 100;

}
.gradient-button-4:hover { background-position: right center; }

.ARROWjkm {
    background-image: url('../img/bg/jkm_2.gif');
    background-position: right;
    background-repeat: no-repeat;
    animation-name: jkm_rotate;


}
.jkm_about_bg {
    background: #f8f8f8;
}

.pure_content {
    margin-left: 20%;
}
.title {
    color: #1a1a1a;
    margin-bottom: 10px
}

.content {
    position: relative;
    max-width: 400px;
    margin: auto;
    overflow: hidden
}

.content .content-overlay {
    background: rgb(7 136 230);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}

.content:hover .content-overlay {
    opacity: 1
}

.content-image {
    width: 100%
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}


.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.overlay:hover {
  height: 100%;

}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.jkm_over {
    width: 100%;
    height: 300px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    text-align: center;
    padding-top: 66px;
}
.jkmSize {
    width: 74px;
}

.main-title{
    color: #000!important;
    text-decoration: none;
    font-size: 1.2rem;
}

.content-title {
    color: #fff!important;
    font-size:1.1rem!important;
}

.jkm_adv:hover {
    text-decoration: none;

}

.jkm_digital {
    background: #e66407;
}
.globally {
    background-image: url('../img/bg/globally.png');

}

.jkmType  h2 {
    font-size: 1.4rem;
}

.jkm2DFGH img {
    width: 50px;
    margin-bottom: 30px;
}

.box_inner {
    height: 300px;
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);
    padding: 16px;
    border-radius: 10px;
    background: #fff;
}

.services_bg {
    background: #f2f9ff;
   background-image: url('../img/bg/bg_back.jpg');
     /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.flip-card {
      height: 348px;
  perspective: 1000px;
}

.flip-card-inner {
  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);
   border-radius: 14px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {

  color: black;
}


.flip-card-front img {
     border: 2px solid #fff;
    border-radius: 14px;

}

.flip-card-back {
  background-color: #0788e6;
  color: white;
  transform: rotateY(180deg);
  border-radius: 14px;
   border: 2px solid #fff;
}

.flip-card-back img {
    width: 40%;
    padding: 20px;
}

.flip-card-back p {
 font-weight: 100;
}

.clientsbg{

    background: #e1f2ff;;
}
.reviewstar img {
    width: 42px;;
}

.carousel {
    margin: 50px auto;
}
.carousel .carousel-item {
    color: #999;
    overflow: hidden;
    min-height: 120px;
    font-size: 13px;
}
.carousel .media {
    position: relative;
    padding: 0 0 0 20px;
    margin-left: 20px;
}
.carousel .media img {
    width: 75px;
    height: 75px;
    display: block;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 2px solid #fff;
}
.carousel .testimonial {
    color: #fff;
    position: relative;    
    background: #2f2f2f;
    padding: 15px;
    margin: 0 0 20px 20px;
}
.carousel .testimonial::before, .carousel .testimonial::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -20px;
}
.carousel .testimonial::before {
    width: 20px;
    height: 20px;
    background: #9b9b9b;
    box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.carousel .testimonial::after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}
.carousel .carousel-item .row > div:first-child .testimonial {
    margin: 0 20px 20px 0;
}
.carousel .carousel-item .row > div:first-child .media {
    margin-left: 0;
}
.carousel .testimonial p {
    text-indent: 40px;
    line-height: 21px;
    margin: 0;
}
.carousel .testimonial p::before {
    content: "\201D";
    font-family: Arial,sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 68px;
    line-height: 70px;
    position: absolute;
    left: -25px;
    top: 0;
}
.carousel .overview {
    padding: 3px 0 0 15px;
}
.carousel .overview .details {
    padding: 5px 0 8px;
}
.carousel .overview b {
    text-transform: uppercase;
    color: #ff5555;
}
.carousel-control-prev, .carousel-control-next {
    width: 30px;
    height: 30px;
    background: #666;
    text-shadow: none;
    top: 4px;
}
.carousel-control-prev i, .carousel-control-next i {
    font-size: 16px;
}
.carousel-control-prev {
    left: auto;
    right: 40px;
}
.carousel-control-next {
    left: auto;
}
.carousel-indicators {
    bottom: -80px;
}
.carousel-indicators li, .carousel-indicators li.active {
    width: 17px;
    height: 17px;
    border-radius: 0;
    margin: 1px 5px;
    box-sizing: border-box;
}
.carousel-indicators li {   
    background: #a9a9a9;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
    color: #fff;
    background: #0788e6;
    border: 5px double;    
}
.star-rating li {
    padding: 0 2px;
}
.star-rating i {
    font-size: 14px;
    color: #ffdc12;
}

.ps {
    position: absolute;
}

.info_content{
    margin-left: 25%;
}

.icon_jkm {
        margin-top: 32px;

}

.info_content p {
    color: #8f8f8f;
}

.jkm_form_bg {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 12px;
    border: 5px solid #0788e6;
    background: #ffffff;

}

.info_content {
    margin-bottom: 50px;
}

.jkm_info  {
    border-right:1px solid #cacaca;
}

.input  {
    border-bottom: 2px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
}


.input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #0788e6;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.jkm_carousel { 
    background: #0788e6;
    opacity: 1;
 }

 .jkm_info  li {
        font-size: 1.3rem;
 }


 .message_input  {
    height: 100px;
    min-height: 100px;
 }

.icon-bar {
    width: 250px;
    right: -200px;
    float: right;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.3s;
}

.icon-bar:hover {
    width: 80px;
    right:  0px;
    float: right;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.3s;
}

.icon-bar a {
  display: block;
  text-align: left;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #0171c3;
}

.social-slide {
    background: #0788e6;
    border-bottom: 1px solid #fff;
}


.content {
      font-size: 30px;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */  
  background: transparent;
}

#myBtn:hover {
  background-color:transparent /* Add a dark-grey background on hover */
}


.jkm_slice {
   padding-top: 5.5%;
}

.request{
    bottom: 17px;
    position: fixed;
    left: 18px;
    z-index: 9999;

}

.quotebtn {
    border: none;
}

.quotebtn:hover {
    border: none;
}
.quotebtn:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.modal-dialog {
    max-width: 900px!important;
    margin-top: 10%;
}

.jkm_close_ {
    font-size: 41px!important;
    position: absolute!important;
    z-index: 9999!important;
    right: -31px!important;
    top: -28px!important;
    opacity: 1!important;
    width: 50px!important;
    height: 50px!important;
    background: #0788e6!important;
    border-radius: 100%!important;
    color: #fff!important;
    font-weight: 100!important;
}

.jkm_close_:focus {
       outline: 0px!important;
  
}

.jkm_close_:visited {
    border: none;
  
}

.quotebtn {

  display: grid;
  place-content: center;
  color: white;
  text-align: center;
}


/*only inner page bg */

.jkmabout {
    background: url('../img/bg/jkmabout.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
}




.about_2xw h1  {
    font-size: 4rem;
}

.about_gradiant {
    background: #0788E6;
    background: -webkit-linear-gradient(to right, #0788E6 4%, #54C3DC 77%);
    background: -moz-linear-gradient(to right, #0788E6 4%, #54C3DC 77%);
    background: linear-gradient(to right, #0788E6 4%, #54C3DC 77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.N500  {
    background: #0788E6;
    background: -webkit-linear-gradient(to right, #0788E6 4%, #54C3DC 77%);
    background: -moz-linear-gradient(to right, #0788E6 4%, #54C3DC 77%);
    background: linear-gradient(to right, #0788E6 4%, #54C3DC 77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 3rem;
}
/*end*/

.ABBG {
    background: url('../img/bg/vgbSJHIH.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 40px;
}


/* Navigation Sub
------------------------------------- */
nav.sub {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

/* Navigation Main
------------------------------------- */
nav.main {

}
nav.main .nav-logo {
    max-width: 200px;
    width: 100%;
}
nav.main ul {
    padding-left: 0;
    list-style-type: none;
}
/* ------ Mega Menu ------ */
nav.main .megamenu {
    padding: 20px 20px;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/* ------ Mid Menu ------ */
nav.main .midmenu {
    position: absolute;
    padding: 20px 20px;
    float: left;
    top: auto;
    left: auto;
    right: auto;
    max-width: 650px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.dropdown-menu.megamenu.midmenu.show {
    right: 0;
  }
  .dropdown-menu.show {
    right: 0;
  }

.jkmMegamenu {
    width: 1000px;
    margin: auto;
    background-image: url('../img/bg/megamenu-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.jkm_navbar_dropdown li a {
    color: #000;
    line-height: 2.1;
    margin-left: 30px;
}

.jkm_navbar_dropdown:hover li a {
    text-decoration: none;

}
.jkm_main_hv5ddd:hover{
 
  color: #0788e6;

}

.list-header {
    font-size: 1.2rem;
}




.mobile_software {
    background: url(../img/bg/software_mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}



.webapp_software {
    background: url(../img/bg/web_mobile_development.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}

.mobile2xddvv_development {
    background: url(../img/bg/mombile_mb_development.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}



.mobile_app_development {
    background: url(../img/bg/ecommerce_mobile_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}



.opensource_bg {
    background-image: url('../img/bg/open_bg_2xa.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.opensource_bg231452432  {
    background-image: url('../img/bg/bg_jkm.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.open_source_mobile {
    background: url(../img/bg/open-source-mombile65154214365423524.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}


.mobile_design_banner2x {
    background: url(../img/bg/mobile_design_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
     height: 400px;
 
}

.mobile-website-banner2x {
    background: url(../img/bg/mobile_app_design.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;  


}

.mobile-website-banner {
    background: url(../img/bg/mobile-website-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;  


}


.mobile_web_develpoment {
    background: url(../img/bg/mobile_web-develpment.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}

.seo_mobile {
    background: url(../img/bg/seo_mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}

.mobile_ppc {
    background: url(../img/bg/mobile_ppc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}




.mobile_social_media {
    background: url(../img/bg/mobile_email_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}
.mobile_social_mediajkm {
    background: url(../img/bg/mobile_social_media.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}

.ppc_banner {
    background: url(../img/bg/ppc_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}


.email-marketing {
    background: url(../img/bg/email-marketing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.social-media-marketing {
    background: url(../img/bg/social-media513651514.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.content-banner {
    background: url(../img/bg/content-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.webbg-32132132 {
    background: url(../img/bg/web-bg3255355.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
}


.logo_bg_ {
    background: url(../img/bg/mount-bg.jpg  );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
}


.mobile-app-desing {
    background: url(../img/bg/mobile_app_design.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}




.jkmsoftware_bg {
     
    background: url(../img/bg/software_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}


.web_development {
     
    background: url(../img/bg/webapplication.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.mobile_development {
     
    background: url(../img/bg/mobile_app_development.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.e-commerce_development {
     
    background: url(../img/bg/ecommerc_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}


.open-source-development {
     
    background: url(../img/bg/opensource-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}


.website-design-banner {
     
    background: url(../img/bg/website-design-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.web-devlopmentbanner {
     
    background: url(../img/bg/web-development21324.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.logo-bg {
     
    background: url(../img/bg/logobanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.digital_banner {
     
    background: url(../img/bg/digital-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}


.seo_banner {
     
    background: url(../img/bg/seo_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.web_title h1 {
    margin-top: 20%;
    text-align: left!important;
}

.mobile_title  h1{

    margin-top: 80%;
    color: #fff;
}
.software_para {
    border-radius: 8px;
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);
    padding: 14px;
}

.software_bg5xx  {
  background: url(../img/bg/bg-sof.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

}

.software_Dev_bg {

  background: url(../img/bg/softwareDevelopment.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.websofty {
    background-image: url('../img/bg/web_software.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sky_blue {
    background-color: #d3edff;
}

.column-jkm li {

    line-height: 1;
    margin: 10px;
    background: #0788e6;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
}

.softy2x  {
    line-height: 2!important;
}
.item_main {
    border: 1px solid #c6e8ff;
    height: 343px;
    background: #e1f3ff;
    padding: 14px;
}

.software_toword  {
    background: url('../img/bg/software_toword.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.soft_coordination  {
       padding: 14px;
    background: #010101;
    color: #fff;
    border-radius: 10px;
}

.quote_camp {
    background: #ff8923;
    border: 1px solid #ff9e4a;
}

.mobile_bg_development {
    background-image: url('../img/bg/mobile_bg.jpg'); 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ecommerce-bg  {
    background-image: url('../img/bg/bg_jkm.png'); 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.li-none2top {
    margin: 9px;
    background: #b3b3b3;
    padding: 10px;
    border: 1px solid #a7a7a7;
}

.ecommce_para p {
    background: #fff;
    padding: 14px;
    border-radius: 8px;
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);

}


.ecommce_para {
    background-image: url('../img/bg/ecomerce_parabg35432654231354.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;


}

.creative {
    
    background-image: url('../img/bg/creative.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile_design_bg {
    background-image: url('../img/bg/bg_mobilr43232232.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mob-last  {
    background: #97e0fc;
    border: 1px solid #60bcdf;
    padding: 14px;
    border-radius: 14px;
}

.softbg321454321  {
     background-image: url('../img/bg/software_bg_design.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.softbg_2x {
  
    background-image: url('../img/bg/mountain1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.soft_blue51321 {

     background: #e75f4e;
     padding-top: 40px;
     padding-bottom: 40px;
}

.legalJKM {
    border-radius: 5px;
    color: #fff!important;
    background: #0788e6;
}

.build_jkm {
    color: #fff;
    border-radius: 10px;
    background: #0788e6;
    padding: 10px;
    font-weight: 100;
}

.jkm_local li {
    color: #fff;
    background: #0788e6;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

.jkm_seo_bg54321 {
     background: #cce9fe;
}

.jkm_seo_bg653215643214 {
     background: #ffb3a9;
}

.jkm_seo_bgasfff {
     background: #ffe6cb;
}

.jkm_seo_grey {
     background:#dfdfdf;
}

.it_base {

    width: 250px;

}

.content-page-bg {
    background: #e4f3ff;
}

.jkmdropdownitems:hover  {
    background: #0788e6;
    color: #fff!important;

}

.jkmdropdownitems:hover a {
    background: #0788e6;
    color: #fff!important;

}

.jkm_director_space  {
    padding-top: 10%;
}

.member_row {
    border: 1px solid #e9e9e9;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);
}

.member_row img {
    border-radius: 5px;
}
.management_bg {
    background: #f4fbfc;
}

/*.batch_logo {
   background-image: url('../img/bg/jkm32146598bg.png');
   background-position: center;
   background-repeat: no-repeat;
}*/


.slide_jkm1{
  display:inline-flex;
  overflow:hidden;
  white-space:nowrap;
  margin-bottom: 30px;
}

.animated_first {
   font-size: 2rem;
    font-weight: 600;
}
.animate_second:first-of-type {    
  animation: showup 5s infinite;
}

.animate_second:last-of-type {
  width:0px;
  animation: reveal 5s infinite;
}

.animate_second:last-of-type span {
  margin-left:-355px;
  animation: slidein 7s infinite;
  font-size: 2rem;
  font-weight: 600;
  color: #0788e6;
  font-style: italic;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-10px; }
    20% { margin-left:-10px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:355px;}
    80% {opacity:1;}
    100% {opacity:0;width:355px;}
}

.vission_ {
    padding-bottom: 3%;
    background: #e6f4ff;
    padding-top: 10%;
}

.box_llp {
    background: #b8fff8;
    border: 1px solid #37e7d6;
    border-radius: 10px;
    padding: 14px;

}


.bg-footer  {
    background-image: url('../img/bg/bg_jkm.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-wp {
    color: #000;
}


.footer-wp:hover {
    color:#0788e6;
}

.close_certificate {
    font-size: 3rem;
    color: #000;
    opacity: 1;
    font-weight: 100;
}
.footer_base_contact:hover {
   color: #0788e6;
   text-decoration: underline;
}

.footer_base_contact {
 border-right: 1px solid #b7b7b7;
 border-radius: 0px;
}

.social6545341 {
    line-height: 7;
}
.social6545341 li i {
   color: #919191;
}

.copyright {
    border-top: 1px solid #dbdbdb;
    color: #858585;
}
.jkm_privacy2x h4 {
    text-align: left;
}
.career_develop img{
        border: 5px solid #fff;
}
.career_bg {
    background: #fafafa;
}
.career-indicators {
    bottom: -48px;
}
.career_base {
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
}
.jkm_whyChoose {
    margin-top: -16%;
    background: #e4f3ff;
    padding: 28px;
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);
}

.career_bg151532 {
    background: url('../img/bg/bg_creer.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.porfolioHome {
    background: #cae8ff;
}

.port img {
    box-shadow: 0 0 32px rgb(0 0 0 / 10%);
    border:4px solid #fff;
    border-radius: 10px;
}


/*pricing table*/

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #ffffff;
  display: flex;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  border-right:1px solid #c1c1c1!important;
  font-weight: 600;

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #0788e6;
  color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #0788e6;
    color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tablinks  {
    width: 100%;

}

.JKMtable  {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.JKMtable i {
   color: #0788e6;
}

.JKMtable tr  {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

    

.JKM_le {
    text-align: left;
}

.jkm_HeaderTable  th {
    font-weight: 400;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #f6f6f6;
}

.JKM_Center {
    text-align: center;
}


.blue1{

    background: #225cc1;
    color: #fff;
}
.blue2{

    background: #1d63dc;
    color: #fff;
}
.blue3{

    background: #2f7ae5;
    color: #fff;
}
.blue4{

    background: #3e88ef;
    color: #fff;
}
.table_strip {
    background: #0788e6;
    color: #fff;
    font-weight: 600;
}

.b-left {
    border-left: 2px solid #0788e6;
}
.b-right {
    border-right: 2px solid #0788e6;
}
.b-bottom {
 border-bottom: 2px solid #0788e6;
  }




  
/* Hide by default on desktop */


.mobile_email_banner {
    background: url(../img/bg/mobile_email_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}


 .mob_software{
    display: none;
}