@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
  font-family: 'Rubik', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul{
  list-style: none !important;
}
a{
  text-decoration: none !important;
}

body{
  position: relative;
  font-family: "Poppins", sans-serif;
}

/* top bar strt here */
.header_top{
  background: linear-gradient(130deg, #45484d, #45484d);


}
.abt{
    background:#FBFEFF;
    padding:30px 0px;
}

.header_right_estiate .header_right_social {
  margin: 7px 0 0 0;
  width: 43%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.header_right_estiate {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Sprite_phone {
  background-position: 5px 4px;
}

.header_top_content .header-call ul li a div {
  background: #fff;
  border-radius: 5px;
  width: 27px;
  height: 27px;
  padding: 3px;
  margin: 0 10px 0 0;
}
.header_top_content .header-call ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  /* width: 100%; */
  width: max-content;
  display: flex;
  align-items: center;
}

.header-call li a {
  font-size: 14px;
  display: block;
  color: #222;
  font-family: poppins, sans-serif;
  font-weight: 600;
  padding: 5px 0px;
}
.header-call li {
  float: left;
}
.header_top_content .header-call ul li {
  margin: 0 15px 0 0;
}
.header_top_content .header-call ul {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 999;
  margin: 3px 0 0;
}

.header-call {
  position: absolute;
  top: 5px;
  right: 5px;
}
.header_top_content .header-call {
  width: 65%;
  position: relative;
  padding: 0;
  display: flex;
  margin: 0;
  top: 0;
}
.header_top_content {
  display: flex;
  justify-content: space-between;
  height: 45px;

  }  /* top bar end here */



   
/* succces sign css start here*/
.abbbt{
  width:680px ;
  height: 300px;
}
.main-nav{
  min-width: 900px !important;
  height: 550px;
  position: relative;
  border: 1px solid #000;
  border-radius: 10px;
  
}
.main-nav-01 li:hover {
  background: linear-gradient(90deg, #0065a1 -1.79%, #003b65 98.7%);
  color: #fff;
}

.two-01 li:hover .sub-head a p{
 color: #fff;
}

.one-01 li:hover .sub-head a p{
 color:#fff
}
.three-01 li:hover .sub-head a p{
 color:#fff
}

.four-01 li:hover .sub-head a p{
 color:#fff
}

.five-01 li:hover .sub-head a p{
 color:#fff
}

.six-01 li:hover .sub-head a p{
 color:#fff
}

.seven-01 li:hover .sub-head a p{
 color:#fff
}

.eath-01 li:hover .sub-head a p{
 color:#fff
}






.two-01 li:hover .sub-head a h6{
   color: rgb(61, 61, 61);
  display: block;
  background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.one-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.three-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.four-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.five-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.six-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.seven-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.eath-01 li:hover .sub-head a h6{
  color: rgb(61, 61, 61);
 display: block;
 background: linear-gradient(90deg, #ffffff -1.79%, #ffffff 98.7%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.main-nav-01 li{
  /* background: linear-gradient(90deg, #1488cc -1.79%, #2b32b2 98.7%); */
    color: #000 ;
    border-radius: 10px;
}
.main-nav-01{
  border-radius: 10px;
  padding: 0;
  margin: 0;
    height: 100%;
    background-color: #f6f7fc;
  list-style: none;
  width: 220px;
}
.one img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.two img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.three img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.hrfrj li a img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  width: 40px ;
  height: 40px;
  border: 2px solid #2b32b2;


}
.four img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.five img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.six img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.seven img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}
.eath img{
  background: #fff;
  padding:8px;
  border-radius: 50%;
  border: 2px solid #2b32b2;

}

.one:hover .one-01{
  display: block !important;
}
.main-nav-01:hover .one-01{
  display: none ;
}
.one-01 li{
  width: 100%;
}
.one-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 548px;
  display: block;
  position: absolute;
  top: 0%;
  width:680px;
  left: 100%;

}
/*.one:hover .one-01{*/
/*  display: block !important;*/
/*}*/
/*.one-01 li{*/
/*  width: 100%;*/
/*}*/
/*.one-01{*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -100%;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.one:hover .one-01{*/
/*  display: block !important;*/
/*}*/
/*.one-01 li{*/
/*  width: 100%;*/
/*}*/
/*.one-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: 0%;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.two:hover .two-01{*/
/*  display: block !important;*/
/*}*/
/*.two-01 li{*/
/*  width: 100%;*/
/*}*/
/*.two-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -100%;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.seven:hover .seven-01{*/
/*  display: block !important;*/
/*}*/
/*.seven-01 li{*/
/*  width: 100%;*/
/*}*/
/*.seven-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -396px;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.eath:hover .eath-01{*/
/*  display: block !important;*/
/*}*/
/*.eath-01 li{*/
/*  width: 100%;*/
/*}*/
/*.eath-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -458px;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.three:hover .three-01{*/
/*  display: block !important;*/
/*}*/
/*.three-01 li{*/
/*  width: 100%;*/
/*}*/
/*.three-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -140px;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.four:hover .four-01{*/
/*  display: block !important;*/
/*}*/
/*.four-01 li{*/
/*  width: 100%;*/
/*}*/
/*.four-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -210px;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.five:hover .five-01{*/
/*  display: block !important;*/
/*}*/
/*.five-01 li{*/
/*  width: 100%;*/
/*}*/
/*.five-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -273px;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/
/*.six:hover .six-01{*/
/*  display: block !important;*/
/*}*/
/*.six-01 li{*/
/*  width: 100%;*/
/*}*/
/*.six-01{*/
/*  overflow-y: scroll;*/
/*  overflow-x: hidden;*/
/*  flex: 1 1 auto;*/
/*  height: 500px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  top: -333px;*/
/*  width:680px;*/
/*  left: 100%;*/

/*}*/

.two:hover .two-01{
  transform: scale(1);
}
.two-01 li{
  width: 100%;
}
.two-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;
  transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -100%;
  width:680px;
  left: 100%;

}
.seven:hover .seven-01{
  transform: scale(1);

}
.seven-01 li{
  width: 100%;
}
.seven-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;
  transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -396px;
  width:680px;
  left: 100%;

}
.eath:hover .eath-01{
  transform: scale(1);

}
.eath-01 li{
  width: 100%;
}
.eath-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;
  transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -458px;
  width:680px;
  left: 100%;

}
.three:hover .three-01{
  transform: scale(1);

}
.three-01 li{
  width: 100%;
}
.three-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;
  transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -140px;
  width:680px;
  left: 100%;

}
.four:hover .four-01{
    transform: scale(1);

}
.four-01 li{
  width: 100%;
}
.four-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -210px;
  width:680px;
  left: 100%;

}
.five:hover .five-01{
  transform: scale(1);

}
.five-01 li{
  width: 100%;
}
.five-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;
  transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -273px;
  width:680px;
  left: 100%;

}
.six:hover .six-01{
  transform: scale(1);

}
.six-01 li{
  width: 100%;
}
.six-01{
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 auto;
  height: 500px;
  transition: .7s;
  transform: scale(0);
  position: absolute;
  top: -333px;
  width:680px;
  left: 100%;

}
.sub-head{
  padding-left: 20px;
}

.sub-head a{
  color: #000;
  text-decoration: none;
}

.main-nav-01 .sub-head a h6{
  font-size: 15px;
  color: rgb(61, 61, 61);
    display: block;
    background:linear-gradient(90deg, #0065a1 -1.79%, #003b65 98.7%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 20px;
}
.sub-head a p{
  color: #000 ;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (min-width:1200px){
  .second-top-bar{
    display: none;
  }

}
@media screen and (max-width:1200px){

  .SpritesIcons_bg{
    background: #fff;
    border-radius: 5px;
    width: 27px;
    height: 27px;
    padding: 3px;
    margin: 0 10px 0 0;
  }
  .yutyu{
    justify-content: center;
    padding: 8px 0px;
    margin: 0;
  }
  .second-top-bar{
    padding: 5px 0px;
    background: linear-gradient(130deg, #45484d, #45484d);
    
  }
  .header_top{
    display: none;
  }
  .header_top_content .header-call-inner {
    height: auto;
    width: 100%;
    background: 0 0;
    padding: 5px 0 8px;
  }
  .header_top_content .header-call, .link-list-inner ul li {
    width: 100%;
  }.header_top_content, .header_top_content .header-call:before {
    height: 100%;
  }
}
@media screen and (max-width:900px){
  .header_right_estiate{
    display: none;
  }
  .header-call li {
    display: inline-block;
    float: inherit;
}
.header_top_content .header-call ul li {
  margin: 0 10px 0 0;
}
.header_top_content .header-call-inner {
  height: auto;
  width: 100%;
  background: 0 0;
  padding: 5px 0 8px;
}

.header_right_estiate{
  display: none;
}

  .yyyyy{
    display: block !important;
  }
  .zzzzz{
    display: none !important;
  }
  .dropdown-menu {
    min-width: 212px !important;
    transform: translateX(-5px);
  }

  

.abbbt {
    width:100%;
    height:100%;
}
}
@media screen and (min-width:900px){
  
  .yyyyy{
    display: none !important;
  }
  .zzzzz{
    display: block !important;
  }
}
/* succces sign css end here*/
.header_right_social ul li{
  margin:5px 10px 0px;
}
/* Navbar */
/* .navbar .navbar-nav .nav-link {
  padding: 1px 17px !important;
  margin: 8px 1px !important;
  color: #424242;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  font-weight:500;
  line-height: 28px;

} */
.abbt{
  transform: translateX(-64px ) !important;
}
.nav-link:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #cbcaca;
}

.navbar-brand{
  width: 30%;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: var(--primary);
}
.dropdown-toggle::after {
    display: inline-block;
    vertical-align: 0em !important;
}
.navbar.sticky-top {
  top: -100px;
  transition: .5s;
}
.nav-item .dropdown-item{
  transition: .3s;
}
.nav-item .dropdown-item:hover{
  color: var(--primary);
}
.navbar{
  padding: 2px 0px !important;
  background:  #fff;
}
.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  mar
  vertical-align: middle;
  margin-left: 5px;
  transition: .5s;
}
.one-01 li{
  background: #fff;
}
.navbar .dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(-180deg);
}
.navbar a img{
  width:65%;
  padding: 0;
}

@media (max-width: 991.98px) {
    .abbt {
    transform: translateX(0px) !important;
}
  .navbar .navbar-nav .nav-link  {
      margin-right: 0;
      padding: 10px 0;
  }
  .navbar{
    padding: 2px 0px !important;
    background:#fff;
  }
   .navbar .navbar-nav {
    margin-top: 15px;
    border-top: 1px solid #EEEEEE;
    overflow-y: scroll;
    overflow-x: hidden;
    height:750px;
  }

}

@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
      display: block;
      top: calc(100% - 0px);
      margin-top: 0;
      transform: translateX(-60%);
      opacity: 0;
      padding: 0 !important;
      visibility: hidden;
      transition: .5s;
  }

  .navbar .nav-item:hover .dropdown-menu {
      top: 100%;
      visibility: visible;
      transition: .5s;
      position: absolute !important;
      opacity: 1;
  }
}


@media (max-width:320px){
  
  .top-social-icons{
      display: none;
  }
  .about-img .about-img-2{
      margin-top: -50px !important;
  }
  .view-btn{
      /* display: none !important;*/
      padding: 0 !important;
      margin: 0 !important;
  }
}

.supermenu2{
      display: none !important;
  }
.dropdown-item:hover .supermenu2{
  display: block !important;
}

.dropdown:hover .abbbt {
  display: block !important;
  /* transform: translateY(20%) ; */
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .dropdown-menu li {
    position: relative;
  }
  .abbbt li{
    font-size: 14px;
    padding: 15px ;

  }
  /* .supermenu{
      display: none !important;
  }

  .submenu:hover .supermenu{
      display: block !important;
  } */
  .abbbt li:hover .submenu{ display: block !important;
  }
  .dropdown-menu .submenu {
    display: none !important;
    position: absolute !important;
    left: 100%;
    top: -7px !important;
    transform: translateY(0px) !important;
    
    
  }

  .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }

  .dropdown-menu>li:hover {
    background: linear-gradient(90deg, #1488cc -1.79%, #2b32b2 98.7%) !important;
    color: #fff;
  
  }

  .dropdown-menu>li:hover>.submenu {
    display: block;
  }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
  }
  .navbar-toggler i {
    color: #000 !important;
    font-size: 18px !important;
}
.navbar a img {
  width: 100%;
  padding: 0;
}
.navbar-toggler{
  border: 2px solid #fff !important;
}
}







.banner{
    background:linear-gradient(180deg, #5bc1ef -1.79%, #ffffff 98.7%);;
  /*background: url(../images/banner/bg.png);*/
  width: 100%;
  padding: 50px 0px;
  height: 100%;
}



/* nav bar end here */

/* .video-banner{
  height: 500px;
  width: 100%;
}
.back-video{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
} */
/* @media (min-aspect-ratio: 16/9){
  .back-video{
    width: 100%;
    height: auto;
  }
}
@media (max-aspect-ratio: 16/9){
  .back-video{
    width: auto;
    height: 100%;
  }
} */

.innovation-hero{
  padding: 0px 0px 50px;
}
.sub-heading{
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  padding: 0px 0px 6px;
  margin: 0;


}
.main{
    overflow: hidden;
    border-radius: 50%;
}
.main .item img{
    padding:50px !important;
}
.innovation-hero-text h1{
  padding: 0;
  margin: 0;
}
.info-heading{
  font-size: 13px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}
.banner-text .item h5{
  font-size: 40px;
  font-family: 'Inter', sans-serif;
  color:#ffffff;
  padding: 5px 0px 0px;
  font-weight: 600;
}
.innovation-hero-text h2{
  font-size: 25px;
  font-family: 'Rubik', sans-serif;
  padding: 0;
  margin: 0;

}
.innovation-hero-text {
  color: #fff;
}

.right {
  padding-top: 160px;
  padding-bottom: 40px;
}

.left-side {
  padding-top: 100px;
  padding-bottom: 40px;
}

.left-side img {
  width: 250px !important;
}

.zoom-in-out-box {
  transition: .5s all;
  /* width: 200px; */
  color: #fff;
  margin-top: 20px;

  animation: zoom-in-zoom-out 3s ease infinite;
}

.zoom-in-out-box a {
  color: #ffffff;
  background: #626262;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
}
.zoom-in-out-box:hover a{
  background-color: #fff;
  color: #000;
}

#spin {
  color: #ffffff;
  letter-spacing: 2;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1.2);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes animate-top {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-25px);
  }

  100% {
    transform: translateY(0px);
  }
}

.animation_images.three {
  animation-duration: 3s;
}

.animation_images {
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-name: animate-top;
  animation-iteration-count: infinite;
}

.ser-img {
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-name: animate-top;
  animation-iteration-count: infinite;
  animation-duration: 2s;


}

.social-img {
  width: 120px;
  height: 120px;
}

.social-img img {
  transition: .5s;
}

#social {
  border-radius: 25px;
  /* background: #fff; */
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
  /* margin: 20px 0px; */
  padding: 30px 20px;
}

.social-top{
  background-color: #F9F9F9;
}
.social-box {
/*  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
  padding: 40px !important;
  background-color: #fff;
}

.social-box:hover .social-img img {
  transform: scale(1.1) rotate(180deg);
}

.social-text h3 {
  color: #232222;
  font-size: 23px;
  padding-top: 20px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;

}

.social-text p {
  color: #231f1f;
  font-size: 14px;
  padding-top: 10px;
  font-weight: 400;
  padding-bottom: 20px;
  font-family: 'Inter', sans-serif;
}

.social-text a {
  color: #181818;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
}

.social-text a:hover {
  color: #181818;
}

.btn-social {
  padding-top: 40px;
}

.btn-social i {
  padding-left: 10px;
}

.social-box {
  padding: 20px 0px;
}

.abt-head h6 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  color:#1483BB;
  font-size: 28px;
  font-weight: 600;
  font-family: 'Rubik', sans-serif;
  padding-bottom: 10px;
  padding-top: 10px;
}

.abt-head h6 span {
  color: #1483BB;
}


.abt-text h1 {
  font-size: 18px;
  color: #111;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
}

.abt-text p {
  font-size: 14px;
  font-weight: 400;
  text-align: justify;
  color: #111;
}

.abt-btn {
  border: 1px solid #1483BB;
  background-color: #fff;
  padding: 8px 20px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.main-img{
  position: relative;
}
.abt-img {
  position: relative;
}
.abt-img-01{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  position: absolute;
  width: 500px;
  top: 75px;
  left: 200px;
  height: 350px;
  border-radius: 15px;
}
.abt-img-01 img{
  border: 5px solid #fff;
  border-radius: 15px;

}

#v-pills-tab{
  border: 1px solid #ddd;
  background: #f2f2f2;
}
.work {
  /* margin: 60px 0px; */
  padding: 60px 0;
  /* background: linear-gradient(to right, rgba(255, 255, 255, 0.787), rgba(255, 255, 255, 0.61)), url('../images/specifecation/how.png')no-repeat; */
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-color: #fff;
  /* color: #111; */
}

.ved-img {
  position: absolute;
  width: 60px;
  height: 60px;
  animation: zoom-in-zoom-out 2s ease infinite;
  top: 46%;
  left: 45%;
}

.item-1 {
  position: relative;
}

.item-1 .line {
  width: 100%;
  height: 1px;
  background: #ededed;
  position: absolute;
  top: 24px;
  left: 25px;
}

.item-1 .circle-wrap {
  display: inline-block;
  position: relative;
  margin-bottom: 56px;
}

.item-1 .circle-wrap-01 {
  display: inline-block;
  position: relative;
  margin-bottom: 56px;
  opacity: .6;
  transition: .5s;
  animation: zoom-in-zoom-out1 3s ease infinite;

}

.ser-text h3 img {
  animation: zoom-in-zoom-out1 3s ease infinite;

}

.item-1:hover .circle-wrap-01 {
  /* transform: translateX(100px); */
  opacity: 1;

}

.item-1 .circle-01 {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  text-align: center;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  font-size: 18px;
  background-color: #fff;
  margin-bottom: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.item-1 .circle {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  line-height: 44px;
  text-align: center;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  font-size: 18px;
  background-color: #fff;
  margin-bottom: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.item-1 .mask {
  opacity: 0;
  visibility: hidden;
}

.item-1:hover .mask {
  opacity: 1;
  visibility: visible;
}

.item-1 .wave-pulse {
  width: 1px;
  height: 0;
  margin: 0 auto;
}

.item-1 .wave-pulse::before,
.item-1 .wave-pulse::after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ababab;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: gradationMask 3s linear infinite;
  animation: gradationMask 3s linear infinite;
}

.item-1 .wave-pulse-2::before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.item-1 .wave-pulse-3::before {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.item-1:hover .circle {
  background: #0c0808e9;
  color: #fff;
}

.item-1:hover .wave-pulse::before {
  opacity: 1;
}

@media screen and (max-width:650px) {
  @keyframes zoom-in-zoom-out1 {
    0% {
      transform: scale(1, 1);
    }

    50% {
      transform: scale(1.2, 1.2) translateX(50px) !important;
    }

    100% {
      transform: scale(1, 1) translateX(0px);
    }
  }

}

@keyframes zoom-in-zoom-out1 {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1.2) translateX(60px);
  }

  100% {
    transform: scale(1, 1) translateX(0px);
  }
}

@keyframes gradationMask {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-color: transparent;
  }

}

.content h6 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  font-weight: 600;
  color: #1483BB;
  font-family: 'Rubik', sans-serif;
}

.content p {
  text-align: justify;
    font-size: 14px;
    font-weight: 400;
    /* font-family: 'Rubik', sans-serif; */
    color: #111;

}


/* *********************************** product categories start */

.product-sub-cat {
  /* background: url(../images/process-background.jpg); */
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-color: #fff;
  padding: 60px 0;
}

.product-sub-cat .pro-head {
  background: #ffffffe8;
  padding-bottom: 30px !important;
  /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
  /* box-shadow: inset rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

.product-sub-cat .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: linear-gradient(to right, #0d65ac, #088178) !important;
  padding: 20px 0px 20px 20px;
  border:1px solid #ddd;
  border-radius: 0;
  display: inline;
  border-radius: 10px ;
  width: 100%;
}

.box-01 {
  background:#f2f2f2 !important;
  /* padding: 8px 0px 8px 20px !important; */
  /* border-bottom: 1px solid #000; */
  /* background-color: #4682B4 !important; */
}

.box-01 img {
  text-align: end !important;
}

.product-sub-cat .nav-pills .nav-link i {
  display: none;
  padding: 5px;
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.product-sub-cat .nav-pills .nav-link.active i,
.nav-pills .show>.nav-link i {
  display: inline-block;
}

.product-sub-cat .nav-pills .nav-link {
  padding: 20px 0px 20px 20px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #000;
  font-weight: 600;
  border-radius: 0;
}

.product-sub-cat .pro-content {
  border-left: 1px solid var(--blue);
  height: 100%;
  padding: 40px;
}

.product-sub-cat .pro-content .product-cat-img {
  border: 1px solid #cfe0e9;
}

.product-sub-cat .pro-content .product-cat-btn h6 {
  color: var(--blue);
  text-transform: uppercase;
}

.product-sub-cat .pro-content .product-cat-btn a {
  display: block;
  color: #fff;
  background: linear-gradient(to right, #0d65ac, #66b6ef);
  margin-bottom: 20px;
  padding: 10px;
  text-decoration: none;
  width: 50%;
  text-align: center;
  text-transform: uppercase;
}

.ourProducts h5 {
    font-size: 25px;
  padding-top: 30px;
}

/* .address00{
  background-color: #0a08087b;
} */
@media screen and (max-width:544px) {
  .navbar .navbar-brand img {
    width: 160px;
    height:100%;
  }

  .about-sec h4 {
    font-size: 20px;
  }

  .about-sec p {
    line-height: 28px;
    font-size: 16px;
  }

  .product-sub-cat .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    padding: 25px 0px 25px 20px;
    width: 100% !important;
    font-size: 14px;
  }

  .product-sub-cat .nav-pills .nav-link {
    padding: 25px 0px 25px 20px;
    width: 100% !important;
    font-size: 14px;
  }

  .product-sub-cat .pro-content {
    padding: 10px !important;
  }

  .product-sub-cat .pro-content .product-cat-btn a {
    width: 100% !important;
  }

  .con-addr {
    text-align: center !important;
  }

  .product-page .product-page-btn span {
    font-size: 20px;
  }

}

.ser-btn a {
  background: #fff;
  padding: 7px 20px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #1483BB;
}

.ser-text h6 {
  font-size: 20px;
  font-weight: 600;
  color: #1483BB;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

}

.ser-text p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  padding-bottom: 30px;
}

.link a {
  background-color: #337ab7;
  text-decoration: none;
  color: #fff;
  padding: 8px 20px;
  border-radius: 10px 0;
  border: 1px solid #fff;
  transition: .5s;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 600;
}

.link:hover a {
  color: #000;
  border: 1px solid #1483BB;
  background: #fff;
}

.link i {
  animation: rotate 2s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }



}

.why-head h4 {
  padding: 20px 0px;
  color: #212529;
  /* color: #fff; */
  font-size: 30px;
  font-weight: 600;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}

.why-head h4 span {
  color: #1483BB;

}

.why-head p {
  text-align: justify;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 20px;
  /* color: #fff; */

}

.why-head p strong {
  font-weight: 600;
  color: #1483BB;
}

.why {
  /* background: linear-gradient(to right, rgba(255, 255, 255, 0.787), rgba(255, 255, 255, 0.61)), url('../images/specifecation/how.png')no-repeat; */
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-color: #F9F9F9;
}

/* testimonial */
#testim {
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url('../images/icons/bgg.png')no-repeat; */
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  padding: 30px 0px 30px 0px;
  background-color: #141414;
  /* margin: 100px 0; */
}

a {
  text-decoration: none;
}

.contain input {
  display: none;
}

.contain {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  flex-direction: column;
}

.cards {
  position: relative;
  height: 35vmax;
  width: 25vmax;
  margin-bottom: 20px;
  perspective: 1000px;
  transform-style: preserve-3d;
}

.cards label {
  position: absolute;
  width: 35vmax;
  top: 3vh;
  right: -20%;
  transform: translateX(-50%);
  margin: auto;
  cursor: pointer;
  transition: transform 0.55s ease;
  border-radius: 10px;
}

.cards .card {
  position: relative;
  height: 100%;
  background-color: #323444;
  border-radius: 10px;
  padding: 1.5vmax 2.2vmax;
}

.cards .image {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cards .image img {
  border-radius: 50%;
  box-shadow: 15px 15px 40px rgba(0, 0, 0, 50%);
  margin-top: 23px;
  width: 32%;
  height: 9vmax;
  margin: auto;
  object-fit: cover;
  object-position: top;
  transition: all .7s;
}

.cards .image img:hover {
  transform: scale(1.05);
}

.cards .image .dots {
  text-align: center;
  display: flex;
  justify-content: space-around;
  padding: 1vmax;
}

.dots div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.dots div:nth-child(1) {
  background-color: var(--current-color);
}

.dots div:nth-child(2) {
  background-color: rgb(27, 92, 175);
}

.dots div:nth-child(3) {
  background-color: #eceaed;
}

.card .infos {
  display: block;
  text-align: start;
}

.card .infos span {
  display: block;
}

.infos .name {
  text-align: center;
  font-size: 2vmax;
  color: rgb(245, 178, 85);
  transition: all .6s ease;
}

.card .lorem {
  font-size: 1.3vmax;
  color: #fff;
  text-align: justify;
}

.card .btn-details {
  width: 100%;
  margin: 1.5vmax auto;
  border-radius: 5px;
  background-color: var(--current-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5vmax;
  letter-spacing: 3px;
  font-weight: 700;
  padding: 1.2vmax;
  transition: all .7s ease;
}



.card .btn-details:hover {
  transform: scale(1.09);
}



#s1:checked~.cards #slide4,
#s2:checked~.cards #slide5,
#s3:checked~.cards #slide1,
#s4:checked~.cards #slide2,
#s5:checked~.cards #slide3 {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 45%);
  transform: translate3d(-70%, 0, -220px);
  --current-color: #eceaed;
  --currente-color: #404457;
}

#s1:checked~.cards #slide5,
#s2:checked~.cards #slide1,
#s3:checked~.cards #slide2,
#s4:checked~.cards #slide3,
#s5:checked~.cards #slide4 {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 45%);
  transform: translate3d(-35%, 0, -120px);
  --current-color: #eceaed;
  --currente-color: #404457;
}


#s1:checked~.cards #slide1,
#s2:checked~.cards #slide2,
#s3:checked~.cards #slide3,
#s4:checked~.cards #slide4,
#s5:checked~.cards #slide5 {
  box-shadow: 0 25px 50px rgba(0, 0, 0, 50%);
  transform: translate3d(0, 0, 0);
  --current-color: rgb(27, 92, 175);
  --currente-color: #404457;
}

#s1:checked~.cards #slide2,
#s2:checked~.cards #slide3,
#s3:checked~.cards #slide4,
#s4:checked~.cards #slide5,
#s5:checked~.cards #slide1 {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 50%);
  transform: translate3d(35%, 0, -120px);
  --current-color: rgb(27, 92, 175);
  --currente-color: #404457;
}

#s1:checked~.cards #slide3,
#s2:checked~.cards #slide4,
#s3:checked~.cards #slide5,
#s4:checked~.cards #slide1,
#s5:checked~.cards #slide2 {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 50%);
  transform: translate3d(70%, 0, -220px);
  --current-color: rgb(27, 92, 175);
  --currente-color: #404457;
}

@media only screen and (max-width: 768px) {
  .contain {
    position: relative;
    right: -15vmax;
  }

  #testim {
    overflow-x: hidden;
  }

  .cards label {
    right: 40%;
  }
}

.box {
  /* min-height: 320px; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding-top: 20px;
}

.images {
  position: relative;
}

.images .overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity: 1;
  color: white;
  font-size: 20px;
  top: 0;
  padding: 50px 10px;
  text-align: center;
  transform: scale(0);
}

.images:hover .overlay {
  transform: scale(1);
}

.overlay p {
  font-size: 14px;
}

.social-links a {
  display: inline-block;
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 0 10px 10px 0;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.5s ease;
  font-size: 20px;

}

.social-links a:hover {
  color: #24262b;
  background-color: #ffffff;
}


.ourClients {
  background: linear-gradient(to right, #000000c4, #00000067), url(../images/background-img2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 30px 0;
}

.ourClients h4 {
  letter-spacing: 2px;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
  color: #fff;
}

.ourClients h4::before {
  content: '';
  position: absolute;
  background-color: #337ab7;
  width: 20%;
  height: 2px;
  bottom: 5px;
}

.clientDetails {
  background: linear-gradient(to right, #000000c4, #00000067), url(../images/background-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: #fff;
  padding: 30px;
  min-height: 280px;
}

.clientDetails p {
  font-size: 12px;
  text-align: justify;
}

.clientDetails img {
  border-radius: 50%;
}

.location {
  padding-top: 40px;
}

.location p {
  color: #fff;
}

.location a {
  color: #eee;
  text-decoration: none;
  font-size: 13px;
}

.location a:hover {
  color: #eee;
}

.location i {
  font-size: 20px;
}

.location span a {
  background-color: #337ab7;
  padding: 10px 20px;
  color: #eee;
  border-radius: 50px;
}

.actions i {
  color: rgb(239, 154, 35);
  /* background-color:rgb(239, 154, 35) ; */
}

.footer-01 {
  position: relative;
  width: 100%;
  background: url(../images/footer-bg-01.png);
  /* min-height: 100px; */
  padding: 170px 0px 0px 0px;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  /* margin-top: 150px */
}

#wave1 {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url("../images/footer-bg.png");
  background-size: contain;
}

#wave2 {
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url("../images/footer-bg.png");
  background-size: contain;
}

.wave#wave1 {
  z-index: 1000;
  opacity: 1;
  bottom: 0;
  /* animation: animateWaves 5s linear infinite; */
}

.wave#wave2 {
  z-index: 999;
  opacity: 1;
  bottom: 10px;
  /* animation: animate 5s linear infinite !important; */
}

@keyframes animateWaves {
  0% {
    background-position-x: 1000px;
  }

  100% {
    background-positon-x: 0px;
  }
}

@keyframes animate {
  0% {
    background-position-x: -1000px;
  }

  100% {
    background-positon-x: 0px;
  }
}

.box-02 {
  display: flex;
  color: #fff;
  /* background: #00000033; */
  border-radius: 10px;
  padding: 0px 10px 10px 0px;
  text-decoration: none;
  /* border-bottom: 2px solid #fff; */
  margin-bottom: 10px;
}

.icon-03 {
  /* padding: 20px 10px; */
  background: #00000088;
  margin-right: 10px;
  text-align: center;
  padding-top: 20px;
  font-size: 30px;
  height: 90px;
  width: 60px;
}

.texts {
  padding: 1px 35px !important;
  border-radius: 25px !important;
  color: #fff;
  /* background: #0000007b !important; */


}

.texts-1 p {
  color: #fff;
}

.solic a i {
  color: #fff;
}

.solic a {
  padding-right: 15px;
}

footer p {
  color: #fff;
  text-align: justify;
}

.foot-logo p img {
  margin-top: 10px;
  background-color: #fff;
}

#eee {
  border-bottom: 1px solid #ddd;
}

.box-02:hover .btn {
  background: #ffffffc7 !important;
}

.box-02:hover .texts {
  background: #ffffffc7 !important;

}

.box-02:hover .texts p {
  color: #000;
}

.box-02:hover .padin {
  color: #000;
}

.btnn {
  transition: .5s;
  background: #0000007b !important;
  padding: 25px 35px !important;
  border-radius: 25px !important;

}

.aboutUs_infinite {
  font-size: 20px;
  font-weight: 500;
  height: 4px;
  text-transform: capitalize;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  background: linear-gradient(to right, #336fbf, #48bfc4);
}

.sote_infinite {
  width: 250px;
  position: relative;
  top: -10px;
  left:0%;
}
.abt-text{
  padding: 20px 10px;
}

.aboutUs_infinite:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: #1b1c1e;
  border-radius: 100px;
  transform: translateY(-50%);
  -webkit-animation: linear infinite alternate;
  -webkit-animation-name: run;
  -webkit-animation-duration: 10s;
}

@keyframes run {
  0% {
    left: 0;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 0;
  }

}

.btn i {
  font-size: 35px;
  color: #fff;
  padding-right: 10px;
}

.padin {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.box-02:hover {
  color: #fff;
}

.box-02:hover .btn i {
  color: #000;
}

.footer h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  padding-top: 20px;
}

.footer ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.footer ul li {
  margin-top: 10px !important;
  /* border-bottom:1px solid #fff; */
}

.footer ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: .5s;

}

.footer ul li:hover a {
  word-spacing: 2px;
  letter-spacing: 1px;

}

.footer {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.bg-02 {
  background: #05f105 !important;
  width: 200px !important;
  height: 200px !important;
  margin-top: 50px;
  animation: circle-move-01 6s ease infinite !important;
}

.bg-02::before {
  width: 200px !important;
  height: 200px !important;
}

.circle-box {
  background: linear-gradient(to left, #ffffffc3, #ffffffd1), url(../images/icons/bgg.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px;
}

.circle-box-01 {
  position: relative;
  background: red;
  width: 250px;
  border-radius: 50%;
  z-index: 1;
  height: 250px;
  animation: circle-move 8s ease infinite;
}

.circle-box-01::before {
  content: '';
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  /* background: red; */
  border: 2px solid #ddd;
  top: -5px;
  z-index: 2;
  /* background-position: -10%; */
  left: -8px
}

.bgg {
  width: 200px !important;
  height: 200px !important;
  margin-top: 100px;
  animation: circle-move-01 6s ease infinite !important;
  background: #FF009D !important;
}

.bgg::before {
  width: 200px !important;
  height: 200px !important;
}

.circle-img {
  border-radius: 50%;
  top: 10px;
  left: 60px;
  position: absolute;
  width: 120px;
  height: 120px;
}

.hy {
  left: 20px !important;
  top: 65% !important;
}

.hy h2 {
  font-size: 18px !important;
}

.circle-text {
  position: absolute;
  top: 60%;
  left: 30px;
}

.bg-01 {
  background: #9400D3;
}

.ht {
  left: 43%;
  top: 70% !important;

}

.circle-text h2 {
  color: #fff;
  font-size: 22px;
}

.circle-img img {
  border-radius: 50%;

}

@keyframes circle-move {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translateY(-60px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes circle-move-01 {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1.2);
  }

  100% {
    transform: scale(1, 1);
  }
}

@media screen and (max-width:500px) {
    .work {
  /* margin: 60px 0px; */
  padding: 30px 0 0;
    }
  .abt-head h6 {
    font-size: 20px;
  }

  /* .video-banner{
    width: 100%;
    height: 230px;
  } */
  .right {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .left-side {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .left-side img {
    width: 240px !important;
  }

  .ourPortfolio h3 {
    font-size: 25px !important;
  }

  .portfolio-img {
    min-height: 100px !important;
  }

  .footer-01 {
    padding: 450px 0 0 0;
  }

  /* .texts-1{
    background-color: #0000007b;
    color: #fff;
  }
  .solic{
    background-color: #0000007b;
  } */
  .sote_infinite {
    width: 150px;
    left: 28% !important;
  }

  .processWorkContent h5 {
    font-size: 30px !important;
  }

  .texts p {
    font-size: 13px;
  }

  .padin {
    font-size: 13px;
  }

  .dropdown-menu {
    /* display: none !important; */
    opacity: 1;
  }

  .dropdown:hover .abbt {
    transform: scale(1);
    z-index: 1;
    display: block !important;

  }

  .padin {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
  }

  .btnn {
    transition: .5s;
    background: #0000007b !important;
    padding: 23px 3px !important;
    border-radius: 25px !important;
  }

  .texts-1 {
    /* padding: 1px 8px !important; */
    /* border-radius: 25px !important; */
    /* background: #0000007b !important; */
  }

  .bg-02 {
    background: #05f105 !important;
    width: 200px !important;
    height: 200px !important;
    margin-top: 20px;
    animation: circle-move-01 8s ease infinite !important;
  }

  .bgg {
    width: 200px !important;
    height: 200px !important;
    margin-top: 20px;
    animation: circle-move-01 8s ease infinite !important;
    background: #FF009D !important;
  }

  .item-1 .line {
    width: 100%;
    height: 1px;
    background: #ededed;
    position: absolute;
    top: 24px;
    left: 2px;
  }

  .abt-text h1 {
    padding-top: 0px;
    font-size: 17px;
    color: #111;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
  }

  .circle-box {
    padding: 20px 0px;
  }
}

.last {
  background: #0f0f0f;
  padding-top: 10px;

}

.last p {
  color: #fff;
  font-size: 13px;
}

.last a {
  color: #0d65ac;
  text-decoration: none;
}

.last a:hover {
  color: #0d65ac;
}

/* .ourProducts{
  background-color: #141414;
} */
.ourProducts h4 {
  padding: 20px 0px;
  color: #111;
  font-size: 30px;
  font-weight: 600;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}

.ourProducts h4 span {
  color: #1483BB;

}

.applications {
    padding: 30px 0 50px;
    /* background: url(../images/specifecation/how.png); */
    /* background-color: #141414; */
    background-color: #fbfeff;
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; */

}

.applications h3 {
    /*color: #eeee;*/
    padding: 10px 0;
    font-weight: 600;
    font-size: 24px;
    color: #111;
}
.processWork{
  position: relative;
}

.applications .item img {
  width: 50% !important;
}

.processWorkContent h5 {
    font-size: 80px;
    opacity: .7;
    color: #b9b8fe;
}
.processWorkContent h3 {
    font-size: 30px;
    opacity: .7;
    color: #ED442E;
}

.processWorkContent p {
  text-align: justify;
  font-size: 18px;
  word-spacing: 4px;
  color: #111;
}

.process_wrap {
  padding: 50px 0px 40px;
  color: #eee;
}

.process-img {
  padding-top: 30px;
}



.ourPortfolio {
  padding: 40px 0;
  /* background-color: #141414; */
}

.ourPortfolio h3 {
  padding-bottom: 10px;
  font-size: 40px;
  opacity: 0.6;
  color: #111;
}

.portfolio-img p {
  padding-top: 10px;
  font-weight: 600;
  color: #111;
}

.portfolio-heading h3 {
  color: #111;
}

.portfolio-heading h6 {
  color: #111;
  font-weight: 600;
}

.portfolio-img {
  /* background: url(../images/specifecation/how.png); */
  background-color: #fbfbfb;
  padding: 20px;
  min-height: 280px;
}




/* @@@@@@@@@@@@@@@@@@@@@@@ why us start @@@@@@@@@@@@@@@@@@@@@@@@ */
.about-banner {
  background: url(../images/backgroun-last.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 300px;
}

.whyus {
  padding: 20px 0;
}

.whyusContent {
  padding: 10px 0;
}

.whyusContent h2 {
  font-weight: 700;
  text-align: center;
}

.whyusContent h2 span {
  color: #0d65ac;
}

.whyusContent p {
  text-align: justify;
  font-size: 15px;
  color: #181818;
  font-weight: 500;
}

.whyusContent ul span {
  color: #1483BB;
  font-weight: 600;
  font-size: 15px;
}

ul {
  padding: 0;
}

.whyusContent ul li {
  list-style: none;
  font-size: 15px;
  color: #181818;
}

.whyusContent ul li i {
  color: #1483BB;
}






.testimonials {
  padding: 20px 0;
}

.testimonialLeft {
  padding: 10px 0;
}

.testimonialLeft img {
  width: 200px !important;
}

.testimonialLeft p {
  font-size: 30px;
}

.testimonialRight {
  padding: 20px 0;
}

.testimonialRight h6 {
  font-weight: 700;
}

.testimonialRight p {
  text-align: center;
}

.fa-sharp {
  color: orange !important;
}

.fa-solid {
  color: #1483BB;
}





.form-input {
  width: 100% !important;
  padding: 10px;
  margin: 5px 20px;
}

.option1 {
  width: 100% !important;
  padding: 10px;
  margin: 5px 20px;
}

.text-input {
  width: 100% !important;
  padding: 10px;
  margin: 5px 20px;
}

textarea {
  width: 100% !important;
  padding: 10px;
  margin-left: 20px !important;
}

.button {
  background-color: #000;
  margin-left: 20px !important;
  padding: 10px;
  color: #fff;
  width: 100%;
}

select {
  font-size: 14px !important;
}

.text-input {
  font-size: 14px !important;
}

.form-input {
  font-size: 14px !important;
}

textarea {
  font-size: 14px !important;
}

.button {
  font-size: 14px !important;
}
.dropdown-item i{
    padding-left:10px ;
    font-size:12px;
    padding-right:10px;
    color:#000;
}

@media screen and (max-width: 769px) {
    .main{
        display:none !important;
    }
    .innovation-hero-text{
        text-align:center ;    }
    .applications h3 {
    /* color: #eeee; */
    padding: 18px 0;
    font-weight: 600;
    color: #111;
    font-size: 14px;
}
    .testimonial_icon_fix {
    position: fixed;
    width: 30px;
    height: 30px;
    z-index: 999;
    top: auto;
    left: auto;
    bottom: 66px;
    /* bottom: 220px; */
    right: 20px;
    background: #66a858;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 3.3s infinite;
    -webkit-animation: bounce 3.3s infinite
    }
    .testimonial_icon_fix2 {
        animation: bounce 3.3s infinite;
    -webkit-animation: bounce 3.3s infinite
    position: fixed;
    width: 30px;
    height: 30px;
    }
   .banner-logo {
    position: absolute;
   width: 80px !important;
    height: 08px !important;
    left: 57% !important;
    bottom: 92px !important;
}
.testimonial_icon_fix a i {
    color: #fff;
    font-size: 12px;
}
  .ourProducts h4 {
    font-size: 20px;
  }

  .form-input {
    margin: 5px 10px;
  }

  .option1 {
    margin: 5px 10px;
    width: 84% !important;
  }

  .text-input {
    margin: 5px 10px;
  }

  textarea {
    margin-left: 10px !important;
    width: 84% !important;
  }

  .button {
    margin-left: 10px !important;
    width: 84% !important;
  }

  option {
    /* width: 50% !important; */
    font-size: 13px;
  }
}






/* @@@@@@@@@@@@@@@ contact section start  @@@@@@@@@@@@@@@ */
.contactSection {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/contact01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 150px;
}

.contactSection h2 {
  color: #fff;
}

.contactInfo {
  padding: 30px 0;
}

.addressInfo {
  background: url(../images/process-background2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 30px;
}

.addressInfo h6 {
  color: #065278;
  font-size: 20px;
  border-bottom: 2px solid #fff;
}

.addressInfo p {
  color: #065278;
  font-size: 15px;
}

.addressInfo a {
  color: #065278;
  text-decoration: none;
}

.addressInfo a:hover {
  color: #065278;
}

.contact-form {
  background: #fff;
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* .contact-form h3{
  color: var(--red);
} */
.contact-form input,
.contact-form textarea {
  background: #fff;
  outline: none;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #065278;
  margin-bottom: 50px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  font-size: 17px;
}

.contact-form .form-button {
  background: #065278;
  color: #fff;
  outline: none;
  border: none;
  padding: 10px 20px;
}

.floating-text {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
  transform: translateY(0);
  text-align: center;
  animation: fl1 3s infinite linear;
}

.floating-text::before {
  content: attr(data-text);
  position: absolute;
  color: #065278;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
  animation: fl2 3s infinite linear;
}

@keyframes fl1 {
  30% {
    transform: translateY(10%) rotate(4deg);
  }

  70% {
    transform: translateY(10%) rotate(-4deg);
  }
}

@keyframes fl2 {
  30% {
    clip-path: polygon(0 0, 100% 0, 100% 24%, 0 56%);
  }

  70% {
    clip-path: polygon(0 0, 100% 0, 100% 56%, 0 24%);
  }
}

/* @@@@@@@@@@@@@@@ contact section end  @@@@@@@@@@@@@@@ */



.sub-menu-2 {
  display: none;
  padding: 10px;
  /* width: 300px !important; */
}

.first:hover .sub-menu-2 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 200px;
  background-color: #fff;
}

.sub-menu-2 ul li {
  list-style: none;
}

.sub-menu-2 ul li a {
  color: #111;
  text-decoration: none;
}




.sub-menu-2-1 {
  display: none;
  padding: 10px;
  /* width: 300px !important; */
}

.second:hover .sub-menu-2-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 200px;
  background-color: #fff;
}

.sub-menu-2-1 ul li {
  list-style: none;
}

.sub-menu-2-1 ul li a {
  color: #111;
  text-decoration: none;
}


.sub-menu-2-1 {
  display: none;
  padding: 10px;
  /* width: 300px !important; */
}

.third:hover .sub-menu-2-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 200px;
  background-color: #fff;
}

.fourth:hover .sub-menu-2-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 200px;
  background-color: #fff;
}

.fifth:hover .sub-menu-2-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 200px;
  background-color: #fff;
}







.sub-menu-3 {
  display: none;
  padding: 10px;
  /* width: 300px !important; */
}

.first:hover .sub-menu-3 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 150px;
  background-color: #fff;
}

.sub-menu-3 ul li {
  list-style: none;
}

.sub-menu-3 ul li a {
  color: #111;
  text-decoration: none;
}




.sub-menu-3-1 {
  display: none;
  padding: 10px;
  /* width: 300px !important; */
}

.second:hover .sub-menu-3-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 150px;
  background-color: #fff;
}

.sub-menu-3-1 ul li {
  list-style: none;
}

.sub-menu-3-1 ul li a {
  color: #111;
  text-decoration: none;
}


.sub-menu-3-1 {
  display: none;
  padding: 10px;
  /* width: 300px !important; */
}

.third:hover .sub-menu-3-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 150px;
  background-color: #fff;
}

.fourth:hover .sub-menu-3-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 150px;
  background-color: #fff;
}

.fifth:hover .sub-menu-3-1 {
  position: absolute;
  display: block;
  margin-top: 0px;
  margin-left: 150px;
  background-color: #fff;
}



/* @@@@@@@@@@@@@@@@@@@@@@@ why us end @@@@@@@@@@@@@@@@@@@@@@@@ */







.foot {
  background-color: #131313;
  padding: 40px 0;
  font-size: 14px;
}

.foot-abt img {
  width: 100%;
}

.foot-abt {
  padding: 40px 0;
}

.foot-abt p {
  /* text-align: center; */
  text-align: justify;
  padding-top: 10px;
  color: #eeee;
  letter-spacing: 1px;
}

.foot-services {
  padding-top: 40px;
}

.foot-services h4 {
  color: #eee;
  background-color: rgb(133, 174, 227);
  width: 30px;
}

.foot-services ul li {
  list-style: none;
  padding: 5px 0;
}

.foot-services ul li a {
  text-decoration: none;
  color: #eeee;
  letter-spacing: 1px;
}

.foot-support {
  padding-top: 40px;
}

.foot-support h4 {
  color: #eeee;
  background-color: rgb(133, 174, 227);
  width: 30px;
}

.foot-support ul li {
  list-style: none;
  padding: 5px 0;
}

.foot-support ul li a {
  text-decoration: none;
  color: #eeee;
  letter-spacing: 1px;
}

.foot-address {
  padding-top: 40px;
}

.foot-address h4 {
  color: #eeee;
  background-color: rgb(133, 174, 227);
  width: 30px;
}

.foot-address ul li {
  list-style: none;
  padding: 5px 0;
}

.foot-address ul li a {
  text-decoration: none;
  color: #eeee;
  letter-spacing: 1px;
}

ul {
  padding: 0 !important;
}


.clientsDetails {
  padding: 30px 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/testi-bg.png);
  /* background-color: #141414; */
  text-align: center;
}

.clientsDetails h2 {
  color: #111;
  text-align: center;
  padding-bottom: 20px;
}

.clientsInfo img {
  width: 100px !important;
  border-radius: 55px;
}
.clientsInfo{
  display: flex;
  justify-content: center;
}
.clientsInfo h5 {
  color: #111;
  padding-top: 10px;
  color: rgb(114, 161, 223);
}

.clientsInfo span {
  font-size: 13px;
}

.clientsInfo p {
  color: #fff;
  text-align: justify;
}




.webImage {
  padding: 20px 0;
}

.webImage p {
  text-align: center;
  padding-top: 10px;
}

.webImage a {
  color: #1483BB;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}

.webImage a:hover {
  color: #1483BB;
}

.webhostingBox {
  padding: 20px 0;
}

.webhostingBox img {
  width: 100%;
}

.webhostingBox p {
  text-align: center;
}

.p1 {
  background-color: #111;
  padding: 10px 0;
  color: #fff;
  margin: 0;
}

.p2 {
  background-color: #cec9c9;
  padding: 10px 0;
  color: #111;
  margin: 0;
}

.p3 {
  background-color: rgb(152, 206, 152);
  padding: 10px 0;
  color: #111;
  margin: 0;
}

.p4 {
  background-color: rgb(223, 190, 195);
  padding: 10px 0;
  color: #111;
  margin: 0;
}

.p5 {
  background-color: rgb(174, 217, 234);
  padding: 10px 0;
  color: #111;
  margin: 0;
}

.p6 {
  background-color: #fff;
  padding: 10px 0;
  color: #111;
  margin: 0;
}

.p7 {
  background-color: rgb(241, 241, 168);
  padding: 10px 0;
  color: #111;
  margin: 0;
}


.readmore {
  padding: 10px 20px;
  background-color: #111;
}

.webImage h6 {
  color: #1483BB;
  padding-top: 5px;
}

.read {
  background-color: #111;
  padding: 10px 20px;
}


.uiDesignDevelopment {
  padding: 20px 0;
}

.uiDesignDevelopment h2 {
  text-align: center;
  color: #0d65ac;
  padding: 10px 0;
}

.img p {
  padding: 10px 0;
  font-weight: 500;
}

.img img {
  background-color: #efe6e6;
  padding: 20px;
}

.special-offer {
  padding: 20px 0;
  background-color: #efe6e6;
}

.special-offer a {
  text-decoration: none;
  color: rgb(215, 31, 31);
  font-weight: 600;
}

.special-offer a:hover {
  color: rgb(215, 31, 31);
}


.uiDesignDevelopment {
  padding: 30px 0;
}

.img ul li {
  list-style: none;
  padding: 5px 0;
}

.img ul li i {
  color: rgb(86, 150, 232);
  font-weight: 700;
}

.quick-services {
  padding: 30px;
  background-color: #efe6e6;
  margin-top: 20px;
}

.quick-services h6 {
  color: rgb(86, 150, 232);
  font-weight: 600;
}

.quick-services ul li {
  list-style: none;
  padding: 5px;
}

.basicEditingPackages {
  padding: 20px;
  background-color: #efe6e6;
}

.basicEditingPackages ul li {
  list-style: none;
}

.basicEditingPackages h6 {
  color: rgb(86, 150, 232);
}


.changingText {
  padding: 20px;
  background-color: #efe6e6;
}

.changingText ul li {
  list-style: none;
}

.changingText h6 {
  color: rgb(86, 150, 232);
}


.changingImages {
  padding: 20px;
  background-color: #efe6e6;
}

.changingImages ul li {
  list-style: none;
}

.changingImages h6 {
  color: rgb(86, 150, 232);
}

.addingContentPAge {
  padding: 20px;
  background-color: #efe6e6;
}

.addingContentPAge ul li {
  list-style: none;
}

.addingContentPAge h6 {
  color: rgb(86, 150, 232);
}


.logotypeCustomization {
  padding: 20px;
  background-color: #efe6e6;
}

.logotypeCustomization ul li {
  list-style: none;
}

.logotypeCustomization h6 {
  color: rgb(86, 150, 232);
}


.objectsCustomization {
  padding: 20px;
  background-color: #efe6e6;
}

.objectsCustomization ul li {
  list-style: none;
}

.objectsCustomization h6 {
  color: rgb(86, 150, 232);
}


.changingColorScheme {
  padding: 20px;
  background-color: #efe6e6;
}

.changingColorScheme ul li {
  list-style: none;
}

.changingColorScheme h6 {
  color: rgb(86, 150, 232);
}

.changingColorSchemeOnAllPages {
  padding: 20px;
  background-color: #efe6e6;
}

.changingColorSchemeOnAllPages ul li {
  list-style: none;
}

.changingColorSchemeOnAllPages h6 {
  color: rgb(86, 150, 232);
}


.psdToHtml {
  padding: 30px 0;
}

.psdToHtml h2 {
  padding: 10px 0;
}

.psdToHtml p {
  padding: 10px 0;
  text-align: justify;
}

.psdToHtml h6 {
  color: rgb(86, 150, 232);
}

.psdToHtml ul li {
  list-style: none;
  text-align: justify;
}

.webServicesContent {
  padding: 10px;
  background-color: #efe6e6;
}

.webServicesContent h6 {
  color: rgb(86, 150, 232);
}

.appdotnet {
  padding: 30px 0;
}

.appdotnet p {
  padding: 10px 0;
  text-align: justify;
}

.appdotnet h6 {
  color: rgb(86, 150, 232);
}

.appdotnet ul li {
  list-style: none;
  text-align: justify;
}

.technologies {
  padding: 20px;
  background-color: #efe6e6;
}

.databaseServices {
  padding: 30px 0;
}


.seo {
  padding: 30px 0;
}

.seoInner {
  padding: 10px 0;
}

.seoInner p {
  text-align: justify;
}

.seo-part2 {
  padding: 10px 0;
}

.seo-part2 h3 {
  color: rgb(86, 150, 232);
  padding: 30px 0;
}


.bronze {
  padding: 20px;
  background-color: #CDDC39;
}

.bronze p {
  text-align: center;
}

.bronze img {
  transform: translateY(-50px);
}

.bronze h4 {
  text-align: center;
  padding: 10px 0;
}

.bronze a {
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
}


.silver {
  padding: 20px;
  background-color: #7fcdad
}

.silver p {
  text-align: center;
}

.silver img {
  transform: translateY(-50px);
}

.silver h4 {
  text-align: center;
  padding: 10px 0;
}

.silver a {
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
}



.gold {
  padding: 20px;
  background-color: #5DADE2;
}

.gold p {
  text-align: center;
}

.gold img {
  transform: translateY(-50px);
}

.gold h4 {
  text-align: center;
  padding: 10px 0;
}

.gold a {
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
}


.Platinum {
  padding: 20px;
  background-color: #BB8FCE;
}

.Platinum p {
  text-align: center;
}

.Platinum img {
  transform: translateY(-50px);
}

.Platinum h4 {
  text-align: center;
  padding: 10px 0;
}

.Platinum a {
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
}


.seoInnerPara {
  padding: 30px 0;
}

.seoInnerParaLeft p {
  text-align: justify;
}

.seoInnerParaLeft h6 {
  color: #0d65ac;
  padding: 10px 0;
}

.seoInnerParaLeft ul li {
  list-style: none;
}

.seoInnerParaRight {
  text-align: center;
}

.requestForm {
  background-color: #efe6e6;
  padding: 30px;
  font-size: 14px;
}

.requestForm h4 {
  text-align: center;
}

.requestForm a {
  color: #fff;
  background-color: rgb(12, 12, 66);
  padding: 10px 25px;
  text-decoration: none;
}

.requestForm a:hover {
  color: #fff;
}

.requestForm p {
  padding: 10px 0;
}

.requestForm input {
  padding: 10px 20px;
  margin: 10px;
  width: 100%;
}

.requestForm textarea {
  width: 100%;
  padding: 10px 20px;
  margin: 10px 0;
}

.sub {
  color: #fff;
  background-color: green !important;
}

@media screen and (max-width:500px) {
  .requestForm a {
    font-size: 15px;
  }

  .requestForm p {
    font-size: 13px;
  }
}

.offPage {
  padding: 20px 0;
}

.offPage p {
  text-align: justify;
}

.offPage h4 {
  color: rgb(46, 124, 227);
}

.offPageLeft h6 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.offPageRight ul li {
  list-style: none;
  text-align: justify;
}


.benefits {
  padding: 20px 0;
}

.benefitOne h6 {
  color: rgb(46, 124, 227);
}

.benefitOne ul li {
  list-style: none;
  text-align: justify;
}

.benefitOne p {
  text-align: justify;
}

.benefitTwo h6 {
  color: rgb(46, 124, 227);
}

.benefitTwo ul li {
  list-style: none;
  text-align: justify;
}

.benefitTwo p {
  text-align: justify;
}

.benefitThree h6 {
  color: rgb(46, 124, 227);
}

.benefitThree ul li {
  list-style: none;
  text-align: justify;
}

.benefitThree p {
  text-align: justify;
}


.bookmarking {
  padding: 20px 0;
}

.bookmarking h6 {
  padding: 10px 0;
  color: rgb(46, 124, 227);
}

.bookmarking ul li {
  list-style: none;
  text-align: justify;
}

.bookmarking p {
  text-align: justify;
}

.articalSubmission {
  padding: 10px 0;
}

.articalSubmission h6 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.articalSubmission ul li {
  list-style: none;
  text-align: justify;
}


.classifiedSubmission {
  padding: 20px 0;
}

.classifiedSubmissionLeft h6 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.classifiedSubmissionLeft ul li {
  list-style: none;
  text-align: justify;
}

.classifiedSubmissionLeft p {
  text-align: justify
}

.classifiedSubmissionRight {
  text-align: center;
}

.internetMarketing {
  padding: 10px 0;
}

.internetMarketing h6 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.internetMarketing ul li {
  list-style: none;
}

.internetMarketing p {
  text-align: justify;
}

.searchEngineMarketing {
  padding: 10px 0;
}

.searchEngineMarketing h3 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.searchEngineMarketing p {
  text-align: justify;
}

.searchEngineMarketing ul li {
  list-style: none;
}


.searchEngineMarketing h4 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.affiliateMarketing {
  padding: 20px 0;
}

.affiliateMarketing h6 {
  color: rgb(46, 124, 227);
  padding: 20px 0;
}

.affiliateMarketing ul li {
  list-style: none;
}

.socialMarketingPage {
  padding: 20px 0;
}

.socialMarketingPage ul li {
  list-style: none;
  text-align: justify;
}

.socialMarketingPage h4 {
  color: rgb(46, 124, 227);
  padding: 20px 0;
}

.socialMarketingPage p {
  text-align: justify;
}


.articalWriting {
  padding: 20px 0;
}

.articalWriting p {
  text-align: justify;
}

.articalWriting ul li {
  text-align: justify;
  list-style: none;
}


.articalWriting h4 {
  color: rgb(46, 124, 227);
  padding: 20px 0;
}


.emailMarketing {
  padding: 20px 0;
}

.emailMarketing p {
  text-align: justify;
}

.emailMarketing h4 {
  color: rgb(46, 124, 227);
  padding: 20px 0;
}

.emailMarketing ul li {
  list-style: none;
}

.leadGeneration {
  padding: 20px 0;
}

.leadGeneration h6 {
  color: rgb(46, 124, 227);
  padding: 20px 0;
}

.leadGeneration ul li {
  list-style: none;
}

.quick-services ul li a {
  text-decoration: none;
  font-size: 14px;
}

.quick-services ul li a:hover {
  color: rgb(46, 124, 227);
}


.starterPage {
  padding: 30px 0;
}

.starterPage h2 {
  color: rgb(46, 124, 227);
  text-align: center;
  padding: 20px 0;
}

.starterPage h4 {
  color: rgb(46, 124, 227);
}

.extendAndSave {
  padding: 30px;
  background-color: #efe6e6;
}

.orderSummary {
  padding: 30px;
  background-color: #efe6e6;
}

.orderSummary h4 {
  color: rgb(46, 124, 227);
}

.selectSystemType {
  padding: 30px;
  background-color: #efe6e6;
  margin-top: 30px;
}

.selectSystemType h4 {
  color: rgb(46, 124, 227);
}

@media screen and (max-width: 500px) {
  .starterPage img {
    width: 100%;
  }

  .orderSummary a {
    font-size: 10px;
  }

  p {
    font-size: 14px;
  }

  li {
    font-size: 14px;
  }

  .starterPage h2 {
    font-size: 18px;
  }

  .starterPage {
    padding: 10px 0;
  }

  .table input {
    font-size: 14px;
  }

  .table td {
    font-size: 13px !important;
  }

  .extendAndSave {
    padding: 10px;
  }
}

.orderSummary a {
  color: rgb(12, 12, 66);
  background-color: rgb(106, 171, 197);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 600;
}

.orderSummary a:hover {
  color: rgb(12, 12, 66);
}

li {
  font-size: 14px;
}

.articalWriting h6 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}


.android {
  padding: 60px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/banner/banner3.jpg) !important;

}

.androidInner {
  padding: 10px 0;
}

.androidInner h6 {
  color: #fff;
}

@media screen and (max-width: 500px) {
  .android {
    padding: 20px 0;
  }

  .androidInner h6 {
    font-size: 14px;
  }

  .seo h2 {
    font-size: 16px;
  }

  .articalWriting h6 {
    font-size: 14px;
  }
}



.tiktok-banner {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/streaming-solution/tiktok-banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 500px;
}

.tiktok {
  padding-top: 100px;
}

.tiktokContent {
  padding-top: 100px;
}

.tiktokContent h2 {
  color: #fff;
}

.tiktokContent span {
  font-size: 50px;
}

.tiktokContent p {
  color: #fff;
}

.tiktokContent a {
  color: #fff;
  text-decoration: none;
}

.tiktokContent a:hover {
  color: #fff;
}






/* **************************tiktok start**************************** */
.tiktokFeatures {
  padding: 30px 0;
}

.tiktokFeatures h2 {
  color: rgb(46, 124, 227);
}

.tiktokFeatureBox {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  min-height: 300px;
}

.tiktokFeatureBox h1 {
  color: rgb(12, 12, 66);
}

.tiktokFeatureBox h4 {
  color: rgb(46, 124, 227);
}

.tiktokFeaturesTwo {
  padding: 30px 0;
}

.tiktokFeaturesTwo h2 {
  color: rgb(46, 124, 227);
}

.tik {
  padding: 30px;
  background-color: #fbfbfb;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.tikContent {
  padding: 10px;
  min-height: 200px;
}

.tikContent:hover {
  border: 3px solid rgb(12, 12, 66);
  background-color: #fff;
}

.tikContent h4 {
  color: rgb(46, 124, 227);
}


.tiktokFeaturesThree {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.tiktokFeaturesThree h2 {
  color: rgb(46, 124, 227);
}

.tiktokFeaturesThreeContent {
  padding: 20px;
  background-color: #fff;
  min-height: 200px;
}

.tiktokFeaturesThree h5 {
  color: rgb(46, 124, 227);
}

.tiktokFeaturesThree img {
  background-color: #111;
  padding: 10px;
}

.tiktokFeaturesFour {
  padding: 60px 0;
}

.tiktokFeaturesFour p {
  color: rgb(12, 12, 66);
  font-weight: 500;
}

.tiktokFeaturesFour h2 {
  color: rgb(46, 124, 227);
  padding-bottom: 20px;
}

.tiktokFeaturesFourImage img {
  width: 150px !important;
}

@media screen and (max-width:500px) {
  .tiktokFeatureBox h4 {
    font-size: 16px;
  }

  .tikContent {
    min-height: 150px;
  }

  .tiktokFeaturesTwo h2 {
    font-size: 18px;
  }

  .tikContent h4 {
    font-size: 17px;
  }

  .tiktokFeaturesTwo {
    padding: 10px;
  }

  .tikContent {
    padding: 2px;
  }

  .tikContent img {
    width: 20%;
  }

  .tiktokFeaturesThreeContent h5 {
    font-size: 15px;
  }
}

/* **************************tiktok end**************************** */


/* ticket booking start */
.ticket-booking-banner {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/booking-solution/ticket-booking/ticket-booking-banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 500px;
}

.ticket-booking {
  padding: 20px 0;
}

.ticket-booking h2 {
  padding-top: 150px;
  color: rgb(46, 124, 227);
  font-size: 50px;
}

.ticket-booking p {
  color: #fff;
}

.ticket-booking a {
  color: #fff;
  text-decoration: none;
  background-color: rgb(12, 12, 66);
  padding: 10px 20px;
  border-radius: 25px;
}

.ticket-booking a:hover {
  color: #fff;
}

.ticketBookingOne {
  padding: 30px 0;
}

.ticketBookingOne h2 {
  color: rgb(46, 124, 227);
}

.ticketBookingOneContent {
  padding: 30px;
  background-color: rgb(12, 12, 66);
  min-height: 180px;
}

.ticketBookingOneContent:hover {
  border: 5px solid rgb(12, 12, 66);
  background-color: rgb(59, 65, 73);
}

.ticketBookingOneContent p {
  text-align: center;
}

.ticketBookingOneContent h5 {
  text-align: center;
  color: #fff;
}

.ticketBookingTwo {
  padding: 30px 0;
}

.ticketBookingTwo h6 {
  color: rgb(12, 12, 66);
  font-weight: 500;
}

.ticketBookingTwo h2 {
  color: rgb(46, 124, 227);
}

.ticketBookingTwo p {
  text-align: justify;
}

.ticketBookingTwoContent {
  padding: 20px 0;
  background-color: rgb(0, 0, 0);
  margin: 10px 0;
}

.ticketBookingTwoContent a {
  color: #fff;
  padding: 20px 40px;
  font-size: 18px;
  text-decoration: none;
}

.ticketBookingTwoContent a:hover {
  color: #fff;
}

.ticketBookingFour {
  padding: 30px 0;
}

.ticketBookingFour h2 {
  color: rgb(46, 124, 227);
}

.ticketBookingFourContent {
  padding: 30px;
  background-color: #fbfbfb;
  min-height: 380px;
}

.ticketBookingFourContent img {
  background-color: rgb(12, 12, 66);
  padding: 10px 20px;
}

.ticketBookingFourContent h5 {
  padding: 10px;
}

.ticketBookingFourContent p {
  text-align: justify;
}

.ticketBookingFourContent:hover {
  border: 2px solid rgb(46, 124, 227);
}

.ticketBanner2 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/booking-solution/ticket-booking/ticket-banner2.webp) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 400px;
}

.ticketBanner2 h2 {
  padding-top: 100px;
  color: #fff;
}

.ticketBanner2 p {
  color: #fff;
}

.ticketBookingFifth {
  padding: 30px 0;
}

.ticketBookingFifth h2 {
  padding: 10px 0;
  color: rgb(46, 124, 227);
}

.ticketBookingFifthContent {
  padding: 30px;
  border: 2px solid #111;
  min-height: 350px;
}

.ticketBookingFifthContent h4 {
  color: rgb(46, 124, 227);
}

.ticketBookingFifthContent span {
  font-weight: 700;
}

.ticketBookingFifthContent p {
  text-align: justify;
}

@media screen and (max-width: 500px) {
  .ticket-booking h2 {
    padding-top: 150px;
    font-size: 20px;
  }

  .ticketBookingTwoContent a {
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
  }

  .ticketBookingTwoContent {
    padding: 5px 0;
  }

  .ticketBanner2 h2 {
    padding-top: 50px;
  }

  .ticketBookingFifthContent {
    padding: 10px;
  }
}

/* ticket booking end  */


/* hotel booking start  */
.hotel-booking {
  background-color: rgb(46, 124, 227);
  height: 500px;
}

.hotelBookingBannerContent1 {
  padding-top: 100px;
}

.hotelBookingBannerContent2 {
  padding-top: 100px;
}

.hotelBookingBannerContent1 h2 {
  padding-top: 100px;
  color: #fff;
}

.hotelBookingBannerContent1 p {
  color: #fbfbfb;
  text-align: justify;
}

.hotelBookingOne {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.hotelBookingOne h6 {
  font-weight: 500;
}

.hotelBookingOne h2 {
  color: rgb(46, 124, 227);
}

.hotelBookingOne p {
  text-align: justify;
}

.hotelBookingApps {
  background-color: #fff;
  padding: 30px;
}

.hotelBookingApps:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.hotelBookingTwo {
  padding: 30px 0;
}

.hotelBookingTwo h2 {
  color: rgb(46, 124, 227);
  padding: 10px 0;
}

.hotelBookingTwoContent {
  padding: 30px;
  background-color: #fbfbfb;
  min-height: 300px;
}

.hotelBookingTwoContent h5 {
  padding: 10px 0;
}

.hotelBookingTwoContent p {
  text-align: justify;
}

.hotelBookingTwoContent:hover {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.hotelBookingThree {
  padding: 30px 0;
}

.hotelBookingThree h2 {
  padding-bottom: 20px;
  color: rgb(46, 124, 227);
}

.hotelBookingThreeContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 300px;
}

.hotelBookingThreeContent h5 {
  padding: 10px 0;
  font-weight: 600;
}

.hotelBookingThreeContent:hover {
  background-color: #fbfbfb;
}

.hotelBookingFour {
  padding: 30px 0;
}

.hotelBookingFour h2 {
  color: rgb(46, 124, 227);
}

.hotelBookingFourContent {
  background-color: rgb(12, 12, 66);
  padding: 30px;
  min-height: 160px;
}

.hotelBookingFourContent img {
  width: 50px !important;
}

.hotelBookingFourContent h6 {
  color: #fff;
  padding: 10px 0;
}

.hotelBookingFourContent:hover {
  border: 2px solid #05f105;
}

.hotelBookingFive {
  padding: 30px 0;
}

.hotelBookingFiveContent {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  padding: 30px;
  min-height: 200px;
}

.hotelBookingFiveContent img {
  background-color: rgb(0, 0, 0);
  width: 50px !important;
  padding: 10px;
}

.hotelBookingFiveContent h5 {
  padding-top: 10px;
}

.hotelBookingFiveContent p {
  text-align: justify;
}

.hotelBookingSix {
  padding: 30px 0;
}

.hotelBookingSix h2 {
  padding-bottom: 20px;
  color: rgb(46, 124, 227);
}

.hotelBookingSixContent {
  padding: 30px;
  background-color: #fbfbfb;
  min-height: 300px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.hotelBookingSixContent:hover {
  border: 3px solid #111;
}

.hotelBookingSixContent h5 {
  padding-top: 10px;
}

.hotelBookingSixContent img {
  padding: 10px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.hotelBookingSixContent p {
  text-align: justify;
}

@media screen and (max-width: 500px) {
  .hotelBookingBannerContent1 {
    padding-top: 10px;
  }

  .hotelBookingBannerContent2 {
    padding-top: 10px;
  }

  .hotelBookingBannerContent2 img {
    width: 30%;
  }

}

/* hotel booking end  */

/* education app start */
.education-banner {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/education-solution/education-app/education-banner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 500px;
}

.eduBanner {
  padding: 120px 0;
}

.eduBanner h1 {
  color: #fff;
  text-align: center;
  padding-top: 100px;
  font-family: 'Water Brush', cursive !important;
}

.eduBanner h5 {
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
}

.eduBanner a {
  text-decoration: none;
  background-color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  color: #111;
}

.eduBanner a:hover {
  color: #111;
}

.EducationOne {
  padding: 40px 0;
}

.EducationOne h2 {
  font-family: 'Water Brush', cursive !important;
  color: rgb(46, 124, 227);
}

.educationOneContent {
  padding: 30px;
  border: 2px solid rgb(46, 124, 227);
  min-height: 320px;
}

.educationOneContent:hover {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid rgb(46, 124, 227);
}

.educationOneContent h5 {
  padding: 10px 0;
}

.educationOneContent p {
  text-align: justify;
}

.educationOneImg1 {
  background-color: rgb(238, 200, 9);
  padding: 20px;
  border-radius: 35px;
}

.educationOneImg2 {
  background-color: rgb(29, 236, 226);
  padding: 20px;
  border-radius: 35px;
}

.educationOneImg3 {
  background-color: rgba(128, 0, 128, 0.947);
  padding: 20px;
  border-radius: 35px;
}

.educationTwo {
  padding: 30px 0;
}

.educationTwo h2 {
  font-family: 'Water Brush', cursive !important;
  color: rgb(46, 124, 227);
}

.educationTwoRight {
  padding: 10px 0;
}

.educationTwoRightTop {
  padding: 10px 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 280px;
}

.educationTwoRightTop h5 {
  padding: 10px 0;
  color: rgb(46, 124, 227);
}

.educationTwoRightTop p {
  text-align: justify;
}

.educationThree {
  padding: 30px 0;
}

.educationThree h2 {
  color: rgb(46, 124, 227);
  font-family: 'Water Brush', cursive !important;
}

.educationThree p {
  padding-bottom: 10px;
}

.educationThreeContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 240px;
}

.educationThreeContent p {
  text-align: justify;
}

.educationFour {
  padding: 30px 0;
}

.educationFour h2 {
  color: rgb(46, 124, 227);
  font-family: 'Water Brush', cursive !important;
}

.educationFour p {
  padding-bottom: 10px;
}

.educationFourContent {
  padding: 20px;
  background-color: #fbfbfb;
}

.educationFourContent h5 {
  font-weight: 600;
}

.educationFourContent:hover {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-bottom: 3px solid rgb(46, 124, 227);
}

.educationFourContent i {
  font-size: 30px;
  color: rgb(222, 222, 103) !important;
}

.educationFive {
  background: url(../images/solution/education-solution/education-app/educationFive-banner.avif) !important;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover !important;
  padding: 200px 0;
}

.educationFive h2 {
  font-size: 50px;
}

.educationFive p {
  font-size: 20px;
}

.educationFive a {
  color: #fff;
  text-decoration: none;
  background-color: rgb(12, 12, 66);
  padding: 10px 20px;
  border-radius: 25px;
}

.educationFive a:hover {
  color: #fff;
}

@media screen and (max-width: 500px) {
  .eduBanner h1 {
    padding-top: 20px;
  }

  .educationOneContent {
    padding: 10px;
  }

  .educationThreeContent {
    padding: 20px;
  }

  .educationFive {
    padding: 80px 0;
  }

  .educationFive h2 {
    font-size: 20px;
  }

  .educationFive p {
    font-size: 14px;
  }
}

/* education app end  */

/* security training portal start */
.security-training-banner {
  padding-top: 60px;
}

.security-training-heading {
  padding: 60px 0;
}

.securityContent {
  padding: 40px 0;
}

.securityContent h1 {
  padding-top: 30px;
  color: rgb(27, 92, 175);
}

.securityContent a {
  padding: 10px 20px;
  background-color: rgb(12, 12, 66);
  color: #fff;
  text-decoration: none;
}

.securityContent a:hover {
  color: #fff;
}

.securityTrainingOne {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.securityTrainingOne h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 30px;
  background-color: #fbfbfb;
}

.securityOneContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  min-height: 180px;
}

.securityOneContent:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border-left: 3px solid rgb(12, 12, 66);
  border-right: 3px solid rgb(12, 12, 66);
}

.securityOneContent h5 {
  color: rgb(27, 92, 175);
}

.securityTrainingTwo {
  padding: 30px 0;
}

.securityTrainingTwo h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 30px;
}

.securityTwoContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  min-height: 250px;
  border-radius: 40px 0;
}

.securityTwoContent:hover {
  background-color: #fbfbfb;
}

.securityTwoContent:hover h5 {
  border-bottom: 2px solid rgb(27, 92, 175);
  width: 75%;
}

.securityTwoContent img {
  padding: 10px 0;
}

.securityTrainingThree {
  padding: 30px 0;
}

.securityTrainingThree h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 30px;
}

.securityThreeContent {
  padding: 30px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 250px;
}

.securityThreeContent:hover {
  border: 2px solid #05f105;
}

.securityThreeContent img {
  padding: 10px 0;
}

@media screen and (max-width:500px) {
  .security-training-banner {
    padding-top: 10px;
  }
}

/* security training portal end */

/* e-commerce start */
/* .ec-banner{
  padding-top: 80px 0;
} */
.e-commerceBanner {
  padding: 80px 0;
}

.e-commerceContent {
  padding: 60px 0;
}

.e-commerceContent h1 {
  color: rgb(27, 92, 175);
  padding: 10px 0;
}

.e-commerceContent p {
  text-align: justify;
  padding: 10px 0;
}

.e-commerceContent a {
  color: #fff;
  background-color: rgb(12, 12, 66);
  text-decoration: none;
  padding: 10px 20px;
}

.e-commerceContent a:hover {
  color: #fff;
}

.eCommerceOne {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.eCommerceOne h2 {
  font-weight: 600;
}

.eCommerceOne p {
  padding-bottom: 30px;
}

.eCommerceContent {
  padding: 20px 0;
}

.eCommerceContent h5 {
  padding-top: 20px;
  font-weight: 600;
}

.eCommerceContent img {
  padding-top: 10px;
}

.eCommerceContent {
  padding: 10px;
  /* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 180px; */
}

.eCommerceTwo {
  padding: 40px 0;
}

.eCommerceTwo h2 {
  font-weight: 600;
}

.eCommerceTwo p {
  padding-bottom: 30px;
}

.eCommerceTwoContent {
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 380px;
}

.eCommerceTwoContent img {
  padding-top: 10px;
}

.eCommerceTwoContent h5 {
  padding: 10px 0;
}

.eCommerceThree {
  padding: 30px 0;
}

.eCommerceThree h2 {
  font-weight: 600;
}

.eCommerceThree p {
  padding-bottom: 30px;
}

.eCommerceThreeContent img {
  padding-bottom: 10px;
}

.eCommerceThreeContent h5 {
  color: rgb(27, 92, 175);
}

.eCommerceThreeContent p {
  text-align: justify;
}

.eCommerceFour {
  padding: 30px 0;
}

.eCommerceFour h2 {
  padding-bottom: 20px;
}

.eCommerceFourContent {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  padding: 30px;
}

.eCommerceFourContent img {
  padding: 10px 0;
}

.eCommerceFourContent h5 {
  font-weight: 600;
}

.eCommerceFourContent ul li {
  list-style: none;
}

.eCommerceFourContent i {
  color: rgb(27, 92, 175);
  font-weight: 500;
}

.eCommerceFive {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.eCommerceContent {
  padding-top: 100px;
}

.eCommerceContent p {
  font-size: 18px;
  color: rgb(255, 21, 0);
  font-weight: 500;
}

.eCommerceContent h3 {
  color: rgb(27, 92, 175);
}

/* Style tab links */
.tablink {
  background-color: #111;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 20%;
}

.tablink:hover {
  background-color: #0e0e0e;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 100px 20px;
  height: 100%;
}

#Home {
  background-color: rgb(27, 92, 175);
}

#News {
  background-color: rgb(27, 92, 175);
}

#Contact {
  background-color: rgb(27, 92, 175);
}

#About {
  background-color: rgb(27, 92, 175);
}

#Custom {
  background-color: rgb(27, 92, 175);
}


.tabcontent p {
  padding: 20px 0;
}

.tabcontent a {
  color: rgb(27, 92, 175);
  text-decoration: none;
  background-color: #fff;
  padding: 12px 20px;
  font-weight: 600;
}

.tabcontent a:hover {
  color: rgb(27, 92, 175);
}


.eCommerceSeven {
  padding: 40px 0;
}

.eCommerceSevenContent {
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  min-height: 250px;
}

.eCommerceSevenContent img {
  padding: 20px 0;
}

@media screen and (max-width:500px) {
  .e-commerceBanner {
    padding: 50px 0;
  }

  .eCommerceThreeContent img {
    width: 20%;
  }

  .eCommerceContent {
    padding-top: 10px;
  }

  .tablink {
    font-size: 8px !important;
    padding: 10px;
  }
}

/* e-commerce end */


/* medicine app development start */


.medicine-deliveryBanner {
  padding: 40px 0;
  background-color: #d1f6fa;
}

.medicineContent {
  padding: 10px 0;
}

.medicineContent h1 {
  color: rgb(27, 92, 175);
  padding-top: 100px;
}

.medicineContent p {
  text-align: justify;
}

.medicineContent a {
  background-color: rgb(12, 12, 66);
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
}

.medicineContent a:hover {
  color: #fff;
}

.medicineOne {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.medicineOne h2 {
  color: rgb(27, 92, 175);
}

.medicineOne p {
  padding-bottom: 20px;
  text-align: justify;
}

.medicineOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  min-height: 270px;
  border-left: 6px solid rgb(12, 12, 66);
}

.medicineOneContent:hover {
  border-right: 6px solid rgb(12, 12, 66);
  border-left: none;
}

.medicineOneContent h5 {
  padding-top: 10px;
}

.medicineTwo {
  padding: 30px 0;
}

.medicineTwo h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.medicineTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 250px;
}

.medicineTwoContent:hover {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.medicineThree {
  padding: 30px 0;
}

.medicineThree h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.medicineThreeContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 280px;
  background-color: #fbfbfb;
}

.medicineThreeContent span {
  font-size: 30px !important;
  background-color: #fff;
  padding: 15px;
  border-radius: 35px;
  color: rgb(27, 92, 175);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.medicineThreeContent:hover span {
  background-color: rgb(27, 92, 175);
  color: #fff;
}

.medicineThreeContent h5 {
  padding-top: 20px;
}

.medicineThreeContent p {
  text-align: justify;
}

.medicineFour {
  padding: 30px 0;
}

.medicineFour h2 {
  color: rgb(27, 92, 175);
}

.medicineFour p {
  padding-bottom: 20px;
}

.medicineFourContent {
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 180px;
}

.medicineFourContent img {
  padding-top: 10px;
}

.medicineFourContent h5 {
  padding-top: 20px;
}

.medicineFourContent:hover {
  background-color: rgb(12, 12, 66);
  color: #fbfbfb;
}

@media screen and (max-width:500px) {
  .medicineContent h1 {
    padding-top: 10px;
  }
}

/* medicine app development end */


/* MLM start */
.MLMBanner {
  padding: 200px 0;
  background-color: rgb(12, 12, 66);
}

.mlmContent h1 {
  color: #fff;
}

.mlmContent h4 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.mlmContent a {
  color: #fff;
  text-decoration: none;
  background-color: orangered;
  padding: 12px 20px;
}

.mlmContent a:hover {
  color: #fff;
}

.mlmOne {
  padding: 30px 0;
}

.mlmOne h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.mlmOneContent {
  padding: 30px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  min-height: 220px;
}

.mlmOneContent h5 {
  color: rgb(27, 92, 175);
}

.mlmOneContent i {
  font-size: 30px;
  color: #111;
  padding: 10px 0;
}

.mlmTwo {
  padding: 30px 0;
}

.mlmTwo h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.mlmTwoContent {
  padding: 30px;
  border: 2px solid rgb(27, 92, 175);
  min-height: 250px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.mlmTwoContent span {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  background-color: rgb(12, 12, 66);
  padding: 10px;
}

.mlmTwoContent h5 {
  padding-top: 20px;
  color: rgb(27, 92, 175);
}

.mlmThree {
  padding: 30px 0;
}

.mlmThree h2 {
  color: rgb(27, 92, 175);
}

.mlmThree p {
  padding-bottom: 20px;
}

.mlmThreeContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-height: 380px;
  background-color: #fbfbfb;
}

.mlmThreeContent h5 {
  color: rgb(27, 92, 175);
}

.mlmThreeContent p {
  text-align: justify;
  padding-top: 10px;
}

.mlmFour {
  padding: 30px 0;
}

.mlmFour h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.mlmFourContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  min-height: 320px;
}

.mlmFourContent:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.mlmFourContent span {
  font-size: 30px;
  font-weight: 600;
  background-color: #fbfbfb;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.mlmFourContent h5 {
  color: rgb(27, 92, 175);
  padding-top: 20px;
}

.mlmFive {
  padding: 30px 0;
}

.mlmFive h2 {
  color: rgb(27, 92, 175);
}

.mlmFive p {
  padding-bottom: 20px;
}

.mlmFiveContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.mlmFiveContent:hover {
  border-top: 3px solid rgb(12, 12, 66);
  border-bottom: 3px solid rgb(12, 12, 66);
}

.mlmFiveContent span {
  font-size: 30px;
  background-color: rgb(12, 12, 66);
  color: #fbfbfb;
  padding: 10px;
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.mlmFiveContent i {
  font-size: 30px;
  padding-top: 20px;
}

.mlmSix {
  padding: 30px 0;
}

.mlmSix h2 {
  padding-bottom: 20px;
}

.mlmSixContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.mlmSixContent i {
  font-size: 30px;
  padding: 15px;
  background-color: #fbfbfb;
  border-radius: 35px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.mlmSixContent h5 {
  padding-top: 20px;
  color: rgb(27, 92, 175);
}

.mlmSixContent:hover {
  border-left: 3px solid rgb(27, 92, 175);
  border-right: 3px solid rgb(27, 92, 175);
}

@media screen and (max-width:500px) {
  .MLMBanner {
    padding: 120px 0;
  }
}

/* MLM end */


/* food delivery start */
.foodBanner {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/e-commerce-solution/food-delivery-app/food-banner.jpg);
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  opacity: 0.8;
}

.foodBanner h1 {
  padding-top: 250px;
  color: #fff;
}

.foodBannerContent {
  padding: 10px 0;
}

.foodBannerContent h5 {
  color: #fff;
  padding-bottom: 20px;
}

.foodBannerContent img {
  padding: 20px 0;
}

.foodBanner a {
  color: #fff;
  text-decoration: none;
  background-color: darkmagenta;
  padding: 12px 22px;
}

.foodBanner a:hover {
  color: #fff;
}

.foodBanner p {
  color: #fff;
  padding-top: 20px;
}

.foodOne {
  padding: 30px 0;
}

.foodOne p {
  padding-bottom: 20px;
  text-align: justify;
}

.foodOneContent {
  padding: 30px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 15px;
  min-height: 220px;
}

.foodOneContent:hover {
  border-bottom: 6px solid rgb(27, 92, 175);
}

.foodOneContent h5 {
  color: rgb(27, 92, 175);
}

.foodTwo {
  background: url(../images/solution/e-commerce-solution/food-delivery-app/food-delivery-picture.avif);
  /* height: 600px; */
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.foodTwoContent {
  padding: 100px 0;
}

.foodTwoContent h6 {
  padding-top: 80px;
  padding-bottom: 10px;
  color: #fff;
}

.foodTwoContent h3 {
  color: #fff;
}

.foodThree {
  padding: 30px 0;
}

.foodFour {
  padding: 30px 0;
}

.foodFourContent {
  padding: 20px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  min-height: 220px;
}

.foodFourContent:hover {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

@media screen and (max-width:500px) {
  .foodBanner {
    height: 900px;
  }

  .foodBanner h1 {
    padding-top: 100px;
  }

  .foodBannerContent img {
    padding: 5px 0;
  }

  .foodBannerContent h5 {
    padding-bottom: 0;
  }

  .foodBannerContent p {
    padding: 10px 0;
  }

  .foodTwoContent {
    padding: 50px 0;
  }

  .foodTwoContent h6 {
    padding-top: 0px;
  }
}

/* food delivery end */


/* instacart start */
.instacartBanner {
  padding-top: 100px;
}

.instacartBannerContent {
  padding: 20px 0;
}

.instacartBannerContent h1 {
  color: rgb(27, 92, 175);
  font-weight: 600;
  padding-top: 100px;
}

.instacartBannerContent p {
  padding: 10px 0;
}

.instacartBannerContent a {
  text-decoration: none;
  background-color: green;
  padding: 12px 22px;
  color: #fff;
}

.instacartBannerContent a:hover {
  color: #fff;
}

.instacartOne {
  padding: 30px 0;
}

.instacartOne h2 {
  color: green;
}

.instacartOne p {
  padding-bottom: 20px;
}

.instacartOneContent {
  padding: 30px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  min-height: 260px;
  border-left: 5px solid green;
}

.instacartOneContent:hover {
  border-right: 5px solid green;
  border-left: none;
}

.instacartOneContent h5 {
  padding-top: 20px;
  font-weight: 600;
}

.instacartTwo {
  padding: 30px 0;
}

.instacartTwo h2 {
  color: green;
  padding-bottom: 20px;
}

.instacartTwoContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 260px;
}

.instacartTwoContent h5 {
  color: green;
}

.instacartThree {
  padding: 30px 0;
}

.instacartThree h2 {
  color: green;
}

.instacartThree p {
  padding-bottom: 20px;
}

.instacartThreeContent {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  padding: 30px;
  min-height: 250px;
}

@media screen and (max-width:500px) {
  .instacartBannerContent h1 {
    padding-top: 10px;
  }

  .instacartOneContent img {
    width: 20%;
  }
}

/* instacart end */


/* grocery app start */
.groceryAppBanner {
  background: url(../images/solution/e-commerce-solution/grocery-app/grocery-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 650px;
  opacity: 0.9;
}

.groceryAppBanner h1 {
  padding-top: 200px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
}

.groceryAppBanner h5 {
  color: green;
}

.groceryAppBanner p {
  color: #fff;
}

.groceryAppBanner a {
  text-decoration: none;
  color: #fff;
  background-color: green;
  padding: 12px 22px;
}

.groceryOne {
  padding: 30px 0;
}

.groceryOne h2 {
  color: green;
  padding-bottom: 20px;
}

.groceryOne h3 {
  padding: 10px 0;
  border-bottom: 2px solid green;
  width: 100%;
}

.groceryOneContent1 {
  padding: 10px;
}

.groceryOneContent1:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.groceryOneContent2 {
  padding: 30px;
  background-color: green;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.groceryOneContent2 p {
  text-align: justify;
}

.groceryOneContent3 {
  padding: 20px;
  background-color: green;
  color: #fff;
  min-height: 310px;
}

.groceryOneContent3 p {
  text-align: justify;
}

.groceryTwo {
  padding: 30px 0;
}

.groceryTwo h2 {
  color: green;
  padding-bottom: 20px;
  font-weight: 700;
}

.groceryThree {
  padding: 30px 0;
}

.groceryThree p {
  padding-bottom: 20px;
}

.groceryThreeContent {
  padding: 10px 0;
}

.groceryThreeContentInner {
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.groceryFour {
  padding: 30px 0;
}

.groceryFour p {
  padding-bottom: 20px;
  text-align: justify;
}

.groceryFourContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 260px;
}

.groceryFourContent p {
  text-align: center;
}

@media screen and (max-width:500px) {
  .groceryAppBanner {
    height: 400px;
  }

  .groceryAppBanner h1 {
    padding-top: 120px;
  }

}

/* grocery app end */


/* other app start */
.devotionalBanner {
  padding: 40px 0;
}

.devotionalBanner h1 {
  padding-top: 200px;
}

.devotionalBanner a {
  text-decoration: none;
  color: #fff;
  background-color: red;
  padding: 12px 22px;
  font-weight: 600;
}

.devotionalBanner a:hover {
  color: #fff
}

.devotionalOne {
  padding: 30px 0;
}

.devotionalOne h2 {
  padding-bottom: 20px;
}

.devotionalOneContent {
  padding: 30px;
  background-color: #fbfbfb;
  min-height: 270px;
}

.devotionalOneContent h5 {
  padding-top: 20px;
}

.devotionalOneContent p {
  text-align: justify;
}

.devotionalOneContent:hover {
  border-bottom: 3px solid red;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  background-color: #fff;
}

.devotionalOneContent:hover h5 {
  color: red;
}

.devotionalTwo {
  padding: 30px 0;
}

.devotionalTwo h2 {
  padding-bottom: 20px;
}

.devotionalTwoContent {
  padding: 30px;
  background-color: #fbfbfb;
  min-height: 220px;
}

.devotionalTwoContent i {
  font-size: 30px;
  color: red;
}

.devotionalTwoContent h5 {
  padding-top: 10px;
}

.devotionalTwoContent:hover {
  border-bottom: 3px solid red;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  background-color: #fff;
}

.devotionalTwoContent:hover h5 {
  color: red;
}

.devotionalThree {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.devotionalThree h2 {
  padding-bottom: 20px;
}

.devotionalThreeContent {
  padding: 10px;
}

.devotionalThreeContent img {
  width: 50%;
}

.devotionalThreeContent h5 {
  padding-top: 10px;
  color: red;
}

@media screen and (max-width:500px) {
  .devotionalBanner h1 {
    padding-top: 60px;
  }
}

/* other app end */


/* dating app start */
.datingBanner {
  padding: 100px 0;
}

.datingBanner h1 {
  padding-top: 100px;
  color: #ff0042;
  font-weight: 600;
}

.datingBanner h6 {
  padding-bottom: 20px;
}

.datingBanner a {
  text-decoration: none;
  background-color: #ff0042;
  color: #fff;
  font-weight: 500;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.datingBanner a:hover {
  color: #fff;
}

.datingOne {
  padding: 30px 0;
}

.datingOne h2 {
  color: #ff0042;
  font-weight: 600;
}

.datingOne p {
  padding-bottom: 20px;
}

.datingOneContent {
  padding: 30px;
  background-color: pink;
  min-height: 300px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.datingOneContent h5 {
  padding-top: 10px;
}

.datingOneContent p {
  text-align: justify;
  text-align: center;
}

.datingTwo {
  padding: 30px 0;
}

.datingTwo h2 {
  color: #ff0042;
}

.datingTwo p {
  padding-bottom: 20px;
}

.datingTwo h4 {
  color: #ff0042;
  font-weight: 700;
  border-bottom: 2px solid #ff0042;
}

.datingTwoContent1 {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  padding: 30px;
  min-height: 360px;
}

.datingTwoContent1 h5 {
  padding-top: 20px;
  color: #ff0042;
}

.datingTwoContent1:hover {
  border-bottom: 5px solid #ff0042;
}

.datingTwoContent2 {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  padding: 30px;
  min-height: 360px;
}

.datingTwoContent2 h5 {
  padding-top: 20px;
  color: #ff0042;
}

.datingTwoContent2:hover {
  border-bottom: 5px solid #ff0042;
}

.datingThree {
  padding: 30px 0;
}

.datingThree h2 {
  color: #ff0042;
}

.datingThree p {
  padding-bottom: 20px;
}

.datingThreeContent {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  padding: 30px;
  min-height: 290px;
  background-color: #fbfbfb;
}

.datingThreeContent img {
  padding: 20px;
  background-color: #fff;
  border-radius: 35px;
  border: 2px solid #ff0042;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.datingThreeContent h5 {
  padding-top: 20px;
}

.datingThreeContent:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.datingThreeContent:hover h5 {
  color: #ff0042;
}

.datingFour {
  padding: 30px 0;
  background-color: #fbfbfb;
}

.datingFour p {
  padding-bottom: 20px;
}

.datingFourContent {
  padding: 10px;
}

.datingFourContent h5 {
  padding-top: 10px;
  color: #ff0042;
}

@media screen and (max-width:500px) {
  .datingBanner {
    padding-bottom: 0;
  }

  .datingBanner h1 {
    padding-top: 10px;
  }
}

/* dating app end */

/* zero touch app start */
.zeroBanner {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/other-solution/zero-touch/zero-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.zeroBannerContent {
  padding: 150px 0;
}

.zeroBannerContent h1 {
  padding-top: 100px;
  color: #fff;
}

.zeroBannerContent p {
  color: #fff;
}

.zeroBannerContent a {
  text-decoration: none;
  padding: 12px 22px;
  background-color: #111;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.zeroBannerContent a:hover {
  color: #fff;
}

.zeroOne {
  padding: 30px 0;
}

.zeroOne p {
  padding-bottom: 20px;
}

.zeroOneContent {
  padding: 30px;
  background-color: #fbfbfb;
  border: 2px solid #111;
}

.zeroOneContent h5 {
  padding-top: 10px;
}

.zeroTwo {
  padding: 30px 0;
}

.zeroTwoContent {
  padding-top: 100px;
}

.zeroTwoContent h3 {
  padding-top: 40px;
}

.zeroTwoContent p {
  padding: 10px;
}

.zeroTwoContent a {
  color: #fff;
  background-color: rgb(0, 0, 0);
  padding: 12px 22px;
  text-decoration: none;
}

.zeroTwoContent a:hover {
  color: #fff;
}

@media screen and (max-width:500px) {
  .zeroBannerContent {
    padding: 20px 0;
  }

  .zeroTwoContent {
    padding-top: 20px;
  }
}

/* zero touch app end */



/* on demand solutions start */
.demandBanner {
  padding: 120px 0;
  background-color: #fbfbfb;
}

.demandBannerContent {
  padding-top: 20px;
}

.demandBannerContent h1 {
  padding-top: 40px;
}

.demandBannerContent p {
  padding: 10px 0;
  text-align: justify;
}

.demandBannerContent a {
  text-decoration: none;
  color: #fff;
  background-color: rgb(12, 12, 66);
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.demandBannerContent a:hover {
  color: #fff;
}

.demandOne {
  padding: 30px 0;
}

.demandOne h2 {
  padding-bottom: 20px;
}

.demandOneContent {
  padding: 30px;
  min-height: 300px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.demandOneContent h5 {
  padding-top: 10px;
}

.demandOneContent p {
  text-align: justify;
}

.demandOneContent:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.demandTwo {
  padding: 30px 0;
}

.demandTwo h2 {
  font-weight: 600;
}

.demandTwo h4 {
  padding-bottom: 20px;
}

.demandTwoContent {
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 250px;
}

.demandTwoContent span {
  font-size: 30px;
  font-weight: 600;
}

@media screen and (max-width:500px) {
  .demandBanner {
    padding: 50px 0;
  }
}

/* on demand solutions end */


/* catelog app start */
.catelogBanner {
  padding: 120px 0;
  background-color: #fbfbfb;
}

.catelogBannerContent {
  padding: 20px 0;
}

.catelogBannerContent h1 {
  padding-top: 40px;
  font-weight: 600;
  color: rgb(27, 92, 175);
}

.catelogBannerContent p {
  text-align: justify;
  padding: 10px 0;
}

.catelogBannerContent a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  background-color: #111;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.catelogBannerContent a:hover {
  color: #fff;
}

.catelogOne {
  padding: 30px 0;
}

.catelogOne h2 {
  color: rgb(27, 92, 175);
}

.catelogOneContent {
  padding: 20px;
}

.catelogOneContent i {
  font-size: 30px;
  color: red;
}

.catelogTwo {
  padding: 30px 0;
}

.catelogTwo h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.catelogTwoContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 180px;
}

.catelogTwoContent:hover {
  border-bottom: 5px solid rgb(27, 92, 175);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.catelogTwoContent:hover h5 {
  color: rgb(27, 92, 175);
}

.catelogTwoContent i {
  font-size: 30px;
  color: red;
}

.catelogThree {
  padding: 30px 0;
}

.catelogThree h2 {
  color: rgb(27, 92, 175);
}

.catelogThree p {
  padding-bottom: 20px;
}

.catelogThreeContent {
  padding: 30px;
  background-color: #fbfbfb;
  min-height: 200px;
}

.catelogFour {
  padding: 30px 0;
}

.catelogFour h2 {
  color: rgb(27, 92, 175);
  padding-bottom: 20px;
}

.catelogFourContent {
  padding: 20px;
  background-color: #fbfbfb;
  min-height: 200px;
}

.catelogFourContent h5 {
  padding-top: 20px;
  color: rgb(27, 92, 175);
}

@media screen and (max-width:500px) {
  .catelogBanner {
    padding-bottom: 40px;
  }

  .catelogBannerContent {
    padding: 10px 0;
  }

  .catelogBannerContent h1 {
    padding-top: 0px;
  }
}

/* catelog app end */


/* ludo start */
.ludoBanner {
  padding: 120px 0;
  background-color: #5DADE2;
}

.ludoBannerContent {
  padding: 20px 0;
}

.ludoBannerContent h1 {
  padding-top: 60px;
  color: #fff;
  font-weight: 600;
}

.ludoBannerContent p {
  color: #fff;
}

.ludoBannerContent h5 {
  color: #fff;
  padding-bottom: 20px;
}

.ludoBannerContent a {
  background-color: #CDDC39;
  text-decoration: none;
  padding: 12px 22px;
  color: #fff;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.ludoBannerContent a:hover {
  color: #fff;
}

.ludoOne {
  padding: 10px 0;
}

.ludoOneImage {
  padding: 20px 0;
}

.ludoTwo {
  padding: 30px 0;
}

.ludoTwo h2 {
  color: #5DADE2;
  padding-bottom: 20px;
}

.ludoTwoContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-height: 310px;
}

.ludoTwoContent:hover {
  box-shadow: red 0px 2px 8px;
}

.ludoTwoContent:hover h5 {
  color: red;
}

.ludoTwoContent h5 {
  padding-top: 20px;
}

.ludoTwoContent p {
  text-align: justify;
  text-align: center;
}

.ludoThree {
  padding: 30px 0;
}

.ludoThree h2 {
  color: #5DADE2;
}

.ludoThree p {
  padding-bottom: 20px;
  text-align: justify;
}

.ludoThreeContent {
  padding: 20px;
  /* border: 5px solid #5DADE2; */
  min-height: 300px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.ludoThreeContent:hover {
  border: 10px solid #5DADE2;
}

.ludoThreeContent h5 {
  padding-top: 10px;
}

.ludoFour {
  padding: 30px 0;
}

.ludoFour h2 {
  color: #5DADE2;
}

.ludoFour h6 {
  color: red;
  padding-top: 10px;
}

.ludoFour p {
  text-align: justify;
  text-align: center;
  padding-bottom: 20px;
}

.ludoFourContent {
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  min-height: 230px;
}

.ludoFourContent h5 {
  padding-top: 20px;
  font-weight: 600;
}

@media screen and (max-width:500px) {
  .ludoBanner {
    padding: 20px 0;
  }
}

/* ludo end */


/* teer game start */
.teer-banner {
  background: url(../images/solution/game-solution/teer-game/teer-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.teerBanner {
  padding: 130px 0;
}

.teerBannerContent {
  padding-top: 100px;
}

.teerBannerContent h1 {
  color: #fff;
}

.teerBannerContent h4 {
  color: yellow;
}

.teerBannerContent p {
  color: #fff;
  text-align: justify;
  padding: 10px 0;
}

.teerBannerContent a {
  color: #fff;
  text-decoration: none;
  background-color: rgb(12, 12, 66);
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.teerBannerContent a:hover {
  color: #fff;
}

.teerOne {
  padding: 30px 0;
}

.teerOne p {
  padding-bottom: 20px;
}

.teerOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  min-height: 220px;
}

.teerOneContent h5 {
  color: rgb(27, 92, 175);
  font-weight: 700;
}

.teerOneContent p {
  text-align: justify;
}

.teerTwo {
  padding: 30px 0;
}

.teerTwo h2 {
  padding-bottom: 20px;
}

.teerTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 200px;
}

.teerTwoContent:hover {
  /* border-bottom: 4px solid rgb(27, 92, 175); */
  box-shadow: rgb(27, 92, 175) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.teerTwoContent h5 {
  color: rgb(27, 92, 175);
  font-weight: 600;
}

.teerTwoContent p {
  text-align: justify;
}

.teerThree {
  padding: 30px 0;
}

.teerThree p {
  padding-bottom: 20px;
}

.teerThreeContent {
  padding: 20px;
  box-shadow: rgb(27, 92, 175) 2px 2px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
  min-height: 200px;
}

.teerThreeContent p {
  text-align: justify;
}

@media screen and (max-width:500px) {
  .teerBanner {
    padding-bottom: 20px;
  }

  .teerBannerContent {
    padding-top: 0px;
  }
}

/* teer game end */


/* dragon tiger start */
.dragonBanner {
  padding: 120px 0;
  background-color: #CDDC39;
}

.dragonBannerContent {
  padding-top: 100px;
}

.dragonBannerContent h1 {
  color: #fff;
  font-weight: 600;
}

.dragonBannerContent p {
  color: #fff;
  text-align: justify;
}

.dragonBannerContent h5 {
  color: #fff;
  padding: 10px 0;
}

.dragonBannerContent a {
  padding: 12px 22px;
  color: #CDDC39;
  font-weight: 700;
  text-decoration: none;
  background-color: #fff;
}

.dragonBannerContent a:hover {
  color: #CDDC39;
}

.dragonOne {
  padding: 30px 0;
}

.dragonOne h2 {
  padding-bottom: 20px;
}

.dragonOneContent {
  padding: 20px;
  box-shadow: #CDDC39 0px 0px 16px;
  min-height: 200px;
}

.dragonOneContent h5 {
  color: #CDDC39;
  font-weight: 600;
}

.dragonOneContent p {
  text-align: justify;
}

.dragonTwo {
  padding: 30px 0;
}

.dragonTwo p {
  padding-bottom: 20px;
}

.dragonTwoContent {
  padding: 20px;
  box-shadow: #CDDC39 0px 2px 8px;
  min-height: 200px;
}

.dragonTwoContent h5 {
  border-bottom: 3px solid #CDDC39;
}

@media screen and (max-width:500px) {
  .dragonBanner {
    padding: 20px 0;
  }
}

/* dragon tiger end */


/* color prediction start */
.colorPredictionBanner {
  padding: 120px 0;
  background-color: rgb(12, 12, 66);
  color: #fff;
}

.colorPreBanContent {
  padding: 20px 0;
}

.colorPreBanContent h1 {
  padding-top: 100px;
}

.colorPreBanContent h4 {
  padding: 10px 0;
}

.colorPreBanContent p {
  padding: 10px 0;
}

.colorPreBanContent a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  background-color: #ff0042;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.colorPreBanContent a:hover {
  color: #fff;
}

.colorPredictOne {
  padding: 30px 0;
}

.colorPredictOne h3 {
  color: #ff0042;
  font-weight: 600;
}

.colorPRedictOneContent {
  padding: 10px;
  background-color: rgb(12, 12, 66);
}

.colorPRedictOneContent h6 {
  color: #fff;
  padding-top: 10px;
}

.colorPredictTwo {
  padding: 30px 0;
}

.colorPredictTwo p {
  padding-bottom: 20px;
}

.colorPredictTwoContent {
  padding: 20px;
  box-shadow: rgb(12, 12, 66) 0px 25px 20px -20px;
  min-height: 250px;
}

.colorPredictTwoContent h5 {
  padding-top: 10px;
}

.colorPredictThree {
  padding: 30px 0;
}

.colorPredictThree h2 {
  padding-bottom: 20px;
}

.colorPredictThreeContent {
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  min-height: 200px;
}

.colorPredictThreeContent i {
  font-size: 30px;
  color: #ff0042;
}

.colorPredictThreeContent h5 {
  padding-top: 10px;
}

.colorPredictThreeContent:hover {
  border: 2px solid #ff0042;
}

@media screen and (max-width:500px) {
  .colorPredictionBanner {
    padding: 20px 0;
  }
}

/* color prediction end */


/* snake and ladder start */
.snakeBanner {
  padding: 120px 0;
  color: #e03922;
  background-color: #fbfbfb;
}

.snakeBannerContent {
  padding-top: 80px;
}

.snakeBannerContent a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  background-color: #e03922;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.snakeBannerContent h4 {
  padding: 10px 0;
}

.snakeBannerContent a:hover {
  color: #fff;
}

.snakeOne {
  padding: 30px 0;
}

.snakeOne p {
  padding-bottom: 20px;
}

.snakeOneContent {
  box-shadow: #e03922 0px 4px 8px -2px, #e03922 0px 0px 0px 1px;
  padding: 20px;
  min-height: 180px;
}

.snakeTwo {
  padding: 30px 0;
}

.snakeTwo h2 {
  padding-bottom: 20px;
}

.snakeTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 380px;
}

.snakeTwoContent h5 {
  padding-top: 10px;
  color: #e03922;
  font-weight: 600;
}

.snakeTwoContent p {
  text-align: justify;
  text-align: center;
}

.snakeTwoContent:hover {
  border-top: 4px solid #e03922;
}

.snakeThree {
  padding: 30px 0;
}

.snakeThree p {
  padding-bottom: 20px;
  text-align: justify;
  text-align: center !important;
}

.snakeThreeContent {
  padding: 20px;
  box-shadow: #e03922 1.95px 1.95px 2.6px;
}

@media screen and (max-width:500px) {
  .snakeBanner {
    padding: 30px 0;
  }
}

/* snake and ladder end */


/* aviator start */
.aviatorBanner {
  padding: 140px 0;
  background-color: rgb(128, 0, 0);
}

.aviatorBannerContent {
  padding: 40px 0;
}

.aviatorBannerContent h1 {
  color: #fff;
  padding-top: 20px;
  font-weight: 700;
}

.aviatorBannerContent p {
  color: #fff;
}

.aviatorBannerContent a {
  color: rgb(128, 0, 0);
  font-weight: 700;
  text-decoration: none;
  padding: 12px 22px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.aviatorBannerContent a:hover {
  color: rgb(128, 0, 0);
}

.aviatorOne {
  padding: 30px 0;
}

.aviatorOne h2 {
  padding-bottom: 20px;
}

.aviatorOneContent {
  padding: 20px;
  box-shadow: rgb(128, 0, 0) 0px 4px 8px -2px, rgb(128, 0, 0) 0px 0px 0px 1px;
}

.aviatorOneContent:hover {
  background-color: rgb(128, 0, 0);
  color: #fff;
}

.aviatorOneContent:hover h6 {
  color: #fff;
}

.aviatorOneContent h6 {
  color: rgb(128, 0, 0);
  font-weight: 700;
}

.aviatorTwo {
  padding: 30px 0;
}

.aviatorTwo h2 {
  padding-bottom: 20px;
}

.aviatorTwoContent {
  padding: 20px;
  /* box-shadow: rgb(128, 0, 0) 0px 25px 20px -20px; */
  box-shadow: rgb(128, 0, 0) 0px 1px 2px 0px, rgb(128, 0, 0) 0px 2px 6px 2px;
  min-height: 240px;
}

.aviatorTwoContent h5 {
  padding-top: 10px;
}

.rotate {
  animation: rotation 3s;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.linear {
  animation-timing-function: linear;
}

.infinite {
  animation-iteration-count: infinite;
}

.rotate-image {
  animation: rotation 2s linear infinite;
}


.aviatorThree {
  padding: 30px 0;
}

.aviatorThree h2 {
  padding-bottom: 20px;
}

.aviatorThreeContent {
  padding: 20px;
  box-shadow: rgb(128, 0, 0) 0px 0px 0.25em, rgb(128, 0, 0) 0px 0.25em 1em;
  min-height: 220px;
  border-left: 7px solid rgb(128, 0, 0);
}

.aviatorThreeContent h5 {
  color: rgb(128, 0, 0);
  font-weight: 600;
}

.aviatorFour {
  padding: 30px 0;
}

.aviatorFour h2 {
  padding-bottom: 20px;
}

.aviatorFourContent {
  padding: 20px;
  box-shadow: rgb(128, 0, 0) 0px 2px 8px;
  min-height: 250px;
}

.aviatorFourContent h5 {
  color: rgb(128, 0, 0);
}

.aviatorFourContent ul li {
  list-style: none;
}

.aviatorFourContent h5 {
  padding-top: 10px;
}

.aviatorFive {
  padding: 30px 0;
}

.aviatorFive p {
  padding-bottom: 20px;
}

.aviatorFiveContent {
  padding: 30px;
  background-color: rgb(27, 92, 175);
  min-height: 180px;
}

.aviatorFiveContent h6 {
  color: #fff;
  padding-top: 20px;
}

@media screen and (max-width:500px) {
  .aviatorBanner {
    padding: 50px 0;
  }
}

/* aviator end */


/* teen patti start */
.teenPattiBanner {
  background: url(../images/solution/game-solution/teen-patti/teen-patti-background-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 60px;
  color: #fff;
}

.teenPattiContent h1 {
  padding: 10px 0;
}

.teenPattiContent p {
  padding: 10px 0;
  text-align: justify;
}

.teenPattiContent a {
  background-color: #e03922;
  color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.teenPattiContent a:hover {
  color: #fff;
}

.teenPattiOne {
  padding: 30px 0;
}

.teenPattiOne p {
  padding-bottom: 20px;
}

.teenPattiOneContent {
  padding: 20px;
  box-shadow: #e03922 0px 2px 4px, #e03922 0px 7px 13px -3px, #e03922 0px -3px 0px inset;
  min-height: 260px;
}

.teenPattiOneContent h5 {
  color: #e03922;
  font-weight: 600;
}

.teenPattiTwo {
  padding: 30px 0;
}

.teenPattiTwo h2 {
  padding-bottom: 20px;
}

.teenPattiTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  min-height: 230px;
}

.teenPattiTwoContent:hover {
  box-shadow: #e03922 0px 0px 0px 1px, #e03922 0px 0px 0px 1px inset;
}

.teenPattiThree {
  padding: 30px 0;
}

.teenPattiThree p {
  padding-bottom: 20px;
}

.teenPattiThreeContent {
  padding: 20px;
  box-shadow: #e03922 0px 0px 6px;
  min-height: 310px;
}

.teenPattiThreeContent h5 {
  color: #e03922;
  font-weight: 600;
}

.teenPattiThreeContent p {
  text-align: justify;
}

.teenPattiFour {
  padding: 30px 0;
}

.teenPattiFour h2 {
  padding-bottom: 20px;
}

.teenPattiFourContent {
  padding: 20px;
  box-shadow: #e03922 0px 3px 3px 0px;
  min-height: 220px;
}

.teenPattiFourContent h5 {
  padding-top: 10px;
  color: #e03922;
}

@media screen and (max-width:500px) {
  .teenPattiBanner {
    padding-top: 100px;
    padding-bottom: 0px;
  }
}

/* teen patti end */

/* rummy start */
.rummyBanner {
  padding: 120px 0;
}

.rummyBannerContent {
  padding: 40px 0;
}

.rummyBannerContent h1 {
  color: #ff0042;
  font-weight: 600;
}

.rummyBannerContent p {
  text-align: justify;
  padding: 10px 0;
}

.rummyBannerContent a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 22px;
  background-color: #ff0042;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.rummyBannerContent a:hover {
  color: #fff;
}

.rummyOne {
  padding: 30px 0;
}

.rummyOne p {
  padding-bottom: 20px;
}

.rummyOneContent {
  padding: 20px;
  box-shadow: #ff0042 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  min-height: 270px;
}

.rummyOneContent h5 {
  padding-top: 10px;
}

.rummyTwo {
  padding: 30px 0;
}

.rummyTwo p {
  padding-bottom: 20px;
}

.rummyTwoContent {
  padding: 20px;
  box-shadow: #ff0042 0px 2px 3px, #ff0042 0px 1px 2px;
  min-height: 180px;
}

.rummyTwoContent h6 {
  color: #ff0042;
  font-weight: 700;
}

@media screen and (max-width:500px) {
  .rummyBanner {
    padding-bottom: 20px;
    padding-top: 70px;
  }
}

/* rummy end */


/* satta matka start */
.sattaBanner {
  padding: 120px 0;
  background-color: #FFF8DC;
}

.sattaBannerContent {
  padding: 40px 0;
}

.sattaBannerContent h1 {
  color: rgb(27, 92, 175);
  padding-top: 60px;
}

.sattaBannerContent p {
  text-align: justify;
  padding: 10px 0;
}

.sattaBannerContent a {
  text-decoration: none;
  color: rgb(27, 92, 175);
  background-color: #fbfbfb;
  padding: 12px 22px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.sattaBannerContent a:hover {
  color: rgb(27, 92, 175);
}

.sattaOne {
  padding: 30px 0;
}

.sattaOne p {
  padding-bottom: 20px;
}

.sattaOneContent {
  padding: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  min-height: 220px;
}

.sattaOneContent:hover {
  box-shadow: #FFF8DC 0px 4px 16px 0px, #FFF8DC 0px 4px 16px 0px;
}

.sattaOneContent i {
  font-size: 30px;
  color: #e03922;
}

.sattaOneContent h5 {
  padding-top: 10px;
}

.sattaTwo {
  padding: 30px 0;
}

.sattaTwo p {
  padding-bottom: 20px;
}

.sattaTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  min-height: 230px;
}

.sattaTwoContent:hover {
  border: 7px solid #FFF8DC;
}

.sattaThree {
  padding: 30px 0;
}

.sattaThree h2 {
  padding-bottom: 20px;
}

.sattaThreeInner {
  padding: 10px 0;
}

.sattaThreeContent {
  padding: 20px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  min-height: 230px;
  background-color: #FFF8DC;
}

@media screen and (max-width:500px) {
  .sattaBanner {
    padding: 70px 0;
  }

  .sattaBannerContent h1 {
    padding: 0px;
  }
}

/* satta matka end */


/* call break start */
.callBanner {
  padding: 120px 0;
  background-color: #fbfbfb;
}

.callBannerContent {
  padding: 40px 0;
}

.callBannerContent h1 {
  color: rgb(27, 92, 175);
  font-weight: 500;
}

.callBannerContent p {
  text-align: justify;
  padding: 10px 0;
}

.callBannerContent a {
  color: #fff;
  font-weight: 600;
  padding: 12px 22px;
  text-decoration: none;
  background-color: rgb(12, 12, 66);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.callBannerContent a:hover {
  color: #fff;
}

.callOne {
  padding: 30px 0;
}

.callOne p {
  padding-bottom: 20px;
}

.callOneContent {
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  min-height: 270px;
}

.callOneContent h5 {
  padding-top: 10px;
}

.callOneContent p {
  text-align: justify;
}

.callTwo {
  padding: 30px 0;
}

.callTwo h2 {
  padding-bottom: 20px;
}

.callTwoContent {
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 220px;
  border-bottom: 3px solid rgb(27, 92, 175);
}

.callTwoContent i {
  color: rgb(27, 92, 175) !important;
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 10px;
}

.callThree {
  padding: 30px 0;
}

.callThree p {
  padding-bottom: 20px;
}

.callThreeContent {
  padding: 20px;
  box-shadow: rgb(27, 92, 175) 0px 5px 6px 0px;
  min-height: 250px;
}

.callThreeContent h6 {
  font-size: 20px;
  color: rgb(27, 92, 175);
  font-weight: 700;
}

.callThreeContent p {
  text-align: justify;
}

.callFour {
  padding: 30px 0;
}

.callFour p {
  padding-bottom: 20px;
}

.callFourContent {
  padding: 20px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.callFourContent h5 {
  padding-top: 10px;
}

.callFourContent p {
  text-align: justify;
}

@media screen and (max-width:500px) {
  .callBanner {
    padding-top: 100px;
    padding-bottom: 30px;
  }

  .callBannerContent {
    padding: 10px 0;
  }
}

/* call break end */


/* finance management start */
.financeBanner {
  padding: 120px 0;
  background-color: #fbfbfb;
}

.financeBannerContent {
  padding: 20px 0;
}

.financeBannerContent h1 {
  padding-top: 60px;
}

.financeBannerContent p {
  padding: 10px 0;
}

.financeBannerContent a {
  text-decoration: none;
  font-weight: 700;
  background-color: rgb(12, 12, 66);
  color: #fff;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.financeBannerContent a:hover {
  color: #fff;
}

.financeOne {
  padding: 30px 0;
}

.financeOne p {
  padding-bottom: 20px;
}

.financeOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  min-height: 180px;
}

.financeTwo {
  padding: 30px 0;
}

.financeTwo p {
  padding-bottom: 20px;
}

.financeTwoContent {
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  min-height: 180px;
}

.financeTwoContent:hover {
  box-shadow: rgb(27, 92, 175) 0px 4px 8px -2px, rgb(27, 92, 175) 0px 0px 0px 1px;
}

.financeTwoContent h5 {
  padding: 20px 0;
}

.financeThree {
  padding: 30px 0;
}

.financeThree p {
  padding-bottom: 20px;
}

.financeThreeContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  min-height: 290px;
}

.financeThreeContent h5 {
  padding-top: 10px;
}

.financeFour {
  padding: 30px 0;
}

.financeFour p {
  padding-bottom: 20px;
}

.financeFourContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  min-height: 360px;
  border-left: 3px solid rgb(27, 92, 175);
  border-right: 5px solid rgb(27, 92, 175);
}

.financeFourContent h5 {
  padding-top: 20px;
}

.financeFourContent p {
  text-align: justify;
}

.financeFive {
  padding: 30px 0;
}

.financeFive p {
  padding-bottom: 20px;
}

.financeFiveContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-height: 280px;
}

.financeFiveContent h5 {
  padding-top: 10px;
}

@media screen and (max-width:500px) {
  .financeBanner {
    padding: 30px 0;
  }
}

/* finance management end */


/* loan management start */
.loanBanner {
  padding: 120px 0;
  background-color: #FFFAF0;
}

.loanBannerContent {
  padding: 20px 0;
}

.loanBannerContent h1 {
  padding-top: 100px;
}

.loanBannerContent p {
  padding: 10px 0;
  text-align: justify;
}

.loanBannerContent a {
  color: #fff;
  text-decoration: none;
  background-color: rgb(12, 12, 66);
  padding: 12px 22px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.loanBannerContent a:hover {
  color: #fff;
}

.loanOne {
  padding: 30px 0;
}

.loanOneContent {
  padding-top: 80px;
}

.loanOneContent h2 {
  padding: 10px 0;
}

.loanOneContent p {
  text-align: justify;
}

.loanTwo {
  padding: 30px 0;
}

.loanTwo h2 {
  padding-bottom: 20px;
}

.loanTwoContent {
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  min-height: 270px;
}

.loanTwoContent:hover {
  border: 2px solid rgb(12, 12, 66);
}

.loanTwoContent i {
  font-size: 30px;
  padding: 10px 0;
  color: #FF8C00;
}

.loanThree {
  padding: 30px 0;
}

.loanThree h2 {
  padding-bottom: 20px;
}

.loanThreeContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #FFFAF0;
  min-height: 230px;
}

.loanThreeContent i {
  font-size: 30px;
  color: red !important;
  padding: 10px 0;
}

.loanFour {
  padding: 30px 0;
}

.loanFour h2 {
  padding-bottom: 20px;
}

.loanFourContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 150px;
}

.loanFourContent p {
  text-align: justify;
}

@media screen and (max-width:500px) {
  .loanBanner {
    padding: 30px 0;
  }

  .loanBannerContent h1 {
    padding-top: 70px;
  }
}

/* loan management end */



/* nidhi management start */
.nidhiBanner {
  padding: 120px 0;
  background-color: #FFFFE0;
}

.nidhiBannerContent {
  padding: 40px 0;
}

.nidhiBannerContent h1 {
  padding-top: 120px;
  font-weight: 600;
}

.nidhiBannerContent p {
  padding: 10px 0;
}

.nidhiBannerContent a {
  color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  background-color: #CD5C5C;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.nidhiBannerContent a:hover {
  color: #fff;
}

.nidhiOne {
  padding: 30px 0;
}

.nidhiOne h2 {
  padding-bottom: 20px;
}

.nidhiOneContent {
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  border-radius: 15px;
  min-height: 270px;
}

.nidhiOneContent img {
  padding: 10px 0;
}

.nidhiOneContent p {
  text-align: justify;
}

.nidhiOneContent:hover {
  box-shadow: #CD5C5C 0px 2px 4px 0px, #CD5C5C 0px 2px 10px 0px;
}

.nidhiTwo {
  padding: 30px 0;
}

.nidhiTwo h2 {
  padding-bottom: 20px;
}

.nidhiTwoContent {
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 490px;
}

.nidhiTwoContent h3 {
  color: #CD5C5C;
  font-weight: 600;
}

.nidhiTwoContent h5 {
  padding: 10px 0;
}

.nidhiTwoContent ul li {
  list-style: none;
  padding: 5px 0;
}

.nidhiTwoContent ul li i {
  color: #CD5C5C;
  font-weight: 800;
}

.nidhiThree {
  padding: 30px 0;
}

.nidhiThree h2 {
  padding-bottom: 20px;
}

.nidhiThreeContent {
  padding: 20px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.nidhiThreeContent img {
  padding: 20px 0;
}

.nidhiThreeContent h5 {
  color: #CD5C5C;
  font-weight: 600;
}

.nidhiThreeContent:hover {
  box-shadow: #CD5C5C 0px 0px 0.25em, #CD5C5C 0px 0.25em 1em;
}

@media screen and (max-width:500px) {
  .nidhiBanner {
    padding: 10px 0;
  }

  .nidhiBannerContent {
    padding: 10px 0;
  }
}

/* nidhi management end */


/* bus booking management start */
.busBanner {
  background: url(../images/solution/CRM-solution/bus-booking-management/bus-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
  color: #fff;
}

.busBannerContent {
  padding-top: 30px;
}

.busBannerContent h1 {
  padding-top: 70px;
}

.busBannerContent p {
  padding-top: 10px;
}

.busBannerContent a {
  padding: 12px 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  background-color: #DAA520;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.busBannerContent a:hover {
  color: #fff;
}

.busOne {
  padding: 30px 0;
}

.busOne p {
  padding-bottom: 20px;
}

.busOneContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  min-height: 160px;
  border-bottom: 2px solid #000;
}

.busOneContent i {
  font-size: 30px;
  color: #DAA520;
  padding: 10px 0;
}

.busTwo {
  padding: 30px 0;
}

.busTwo p {
  padding-bottom: 20px;
}

.busTwoContent {
  padding: 20px;
  background-color: #DAA520;
  min-height: 200px;
  border-radius: 15px;
}

.busTwoContent h5 {
  padding-top: 10px;
  color: #fff;
}

.busThree {
  padding: 30px 0;
}

.busThree p {
  padding-bottom: 20px;
}

.busThreeContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, #DAA520 0px 0px 0px 1px inset;
}

.busThreeContent h5 {
  color: #DAA520;
  font-weight: 600;
}

.busThreeContent:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

@media screen and (max-width:500px) {
  .busBanner {
    padding: 30px 0;
  }

  .busBannerContent {
    padding-top: 10px;
  }
}

/* bus booking management end */


/* hotel and bar management start */
.hotelBarBanner {
  background: url(../images/solution/CRM-solution/hotel-and-bar-management/hotel-bar-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0;
  color: #fff;
}

.hotelBarBannerContent {
  padding-top: 60px;
}

.hotelBarBannerContent h1 {
  padding-top: 20px;
  font-weight: 600;
}

.hotelBarBannerContent h4 {
  color: #A52A2A;
  font-weight: 600;
}

.hotelBarBannerContent p {
  padding: 10px 0;
}

.hotelBarBannerContent a {
  color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  background-color: #A52A2A;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.hotelBarBannerContent a:hover {
  color: #fff;
}

.hotelBarOne {
  padding: 30px 0;
}

.hotelBarOne h2 {
  padding-bottom: 20px;
}

.hotelBarOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, #A52A2A 0px 0px 0px 1px inset;
  min-height: 230px;
}

.hotelBarOneContent:hover {
  border-bottom: 5px solid #A52A2A;
}

.hotelBarTwo {
  padding: 30px 0;
}

.hotelBarTwo h2 {
  padding-bottom: 20px;
}

.hotelBarTwoContent {
  padding: 20px;
  box-shadow: #A52A2A 0px 4px 8px;
  min-height: 250px;
}

.hotelBarTwoContent h3 {
  color: #A52A2A;
  font-weight: 700;
}

.hotelBarThree {
  padding: 30px 0;
}

.hotelBarThree h2 {
  padding-bottom: 20px;
}

.hotelBarThreeContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 210px;
  border-bottom: 2px solid #A52A2A;
  border-top: 2px solid #A52A2A;
}

.hotelBarThreeContent:hover {
  border-left: 4px solid #A52A2A;
  border-right: 4px solid #A52A2A;
  border-bottom: none;
  border-top: none;
}

.hotelBarThreeContent i {
  font-size: 30px;
  color: #A52A2A;
  padding: 10px 0;
}

.hotelBarFour {
  padding: 30px 0;
}

.hotelBarFour h2 {
  padding-bottom: 20px;
}

.hotelBarFourContent {
  padding: 20px;
}

.hotelBarFourContent img {
  padding: 10px 0;
}

.hotelBarFourContent h5 {
  color: #A52A2A;
  font-weight: 600;
}

@media screen and (max-width:500px) {
  .hotelBarBanner {
    padding: 20px 0;
  }
}

/* hotel and bar management end */


/* library management system start */
.libraryBanner {
  padding: 150px 0;
  background: url(../images/solution/CRM-solution/library-management-system/library-management-system-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.libraryBannerContent {
  padding-top: 60px;
}

.libraryBannerContent h1 {
  font-weight: 700;
  padding-top: 20px;
}

.libraryBannerContent h4 {
  color: #F0E68C;
}

.libraryBannerContent p {
  padding: 10px 0;
}

.libraryBannerContent a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 12px 22px;
  background-color: #228B22;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.libraryBannerContent a:hover {
  color: #fff;
}

.libraryOne {
  padding: 30px 0;
}

.libraryOne h2 {
  padding-bottom: 20px;
}

.libraryOneContent {
  padding: 20px;
  box-shadow: #228B22 0px 0.0625em 0.0625em, #228B22 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  min-height: 250px;
}

.libraryOneContent:hover {
  background-color: #228B22;
  color: #fff;
}

.libraryOneContent:hover h5 {
  color: #fff;
}

.libraryOneContent h5 {
  padding-top: 10px;
  color: #228B22;
  font-weight: 600;
}

.libraryTwo {
  padding: 30px 0;
}

.libraryTwo h2 {
  padding-bottom: 20px;
}

.libraryTwoContent {
  padding: 20px;
  box-shadow: #228B22 0px 4px 2px, #228B22 0px 8px 4px;
  min-height: 280px;
}

.libraryTwoContent i {
  font-size: 30px;
  color: #228B22 !important;
  padding: 10px 0;
}

.libraryThree {
  padding: 30px 0;
}

.libraryThree h2 {
  padding-bottom: 20px;
}

.libraryThreeContent {
  padding: 20px;
  box-shadow: #228B22 0px 2px 8px;
  min-height: 330px;
}

.libraryThreeContent:hover {
  border-bottom: 5px solid #228B22;
}

.libraryThreeContent:hover h5 {
  color: #228B22;
}

.libraryThreeContent img {
  padding: 10px 0;
}

.libraryThreeContent h5 {
  font-weight: 600;
}

.libraryThreeContent p {
  text-align: justify;
}

.libraryFour {
  padding: 30px 0;
}

.libraryFour h2 {
  padding-bottom: 20px;
}

.libraryFourContent {
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 280px;
}

.libraryFourContent h5 {
  background-color: #228B22;
  padding: 10px;
  color: #fff;
}

.libraryFourContent ul li {
  list-style: none;
  padding: 5px 0;
}

.libraryFourContent ul li i {
  color: #228B22;
}

@media screen and (max-width:500px) {
  .libraryBanner {
    padding: 30px 0;
  }
}

/* library management system end */


/* event management system start */
.eventBanner {
  background: url(../images/solution/CRM-solution/event-management-system/event-management-background-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0;
}

.eventBannerContent {
  padding-top: 120px;
}

.eventBannerContent h1 {
  font-weight: 700;
  color: #fff;
}

.eventBannerContent h4 {
  color: #4B0082;
}

.eventBannerContent p {
  color: #fff;
  padding: 10px;
}

.eventBannerContent a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 12px 22px;
  background-color: #4B0082;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.eventBannerContent a:hover {
  color: #fff;
}

.eventOne {
  padding: 30px 0;
}

.eventOne p {
  padding-bottom: 20px;
}

.eventOneContent {
  padding: 20px;
  box-shadow: #4B0082 0px 2px 8px;
  min-height: 180px;
}

.eventTwo {
  padding: 30px 0;
}

.eventTwo p {
  padding-bottom: 20px;
}

.eventTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
  min-height: 150px;
}

.eventTwoContent:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 8px 0px;
  border-bottom: 5px solid #4B0082;
}

.eventTwoContent img {
  padding: 10px 0;
}

.eventThree {
  padding: 30px 0;
}

.eventThree p {
  padding-bottom: 20px;
}

.eventThreeContent {
  padding: 30px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 540px;
}

.eventThreeContent:hover {
  border-radius: 25px;
  border: 3px solid #4B0082;
}

.eventThreeContent img {
  padding: 15px 0;
}

.eventThreeContent ul li {
  text-align: justify;
  padding: 5px 0;
}

@media screen and (max-width:500px) {
  .eventBanner {
    padding: 30px 0;
  }

  .eventBannerContent {
    padding-top: 90px;
  }
}

/* event management system end */


/* parking management system start */
.parkingBanner {
  padding: 120px 0;
  background-color: #FFF0F5;
}

.parkingBannerContent {
  padding-top: 100px;
}

.parkingBannerContent h1 {
  color: #DA70D6;
  font-weight: 600;
}

.parkingBannerContent h4 {
  padding: 5px 0;
}

.parkingBannerContent p {
  padding: 10px 0;
}

.parkingBannerContent a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  background-color: #DA70D6;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.parkingBannerContent a:hover {
  color: #fff;
}

.parkingOne {
  padding: 30px 0;
}

.parkingOne p {
  padding-bottom: 20px;
}

.parkingOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 300px;
}

.parkingOneContent i {
  color: #DA70D6;
  font-size: 30px;
  padding-bottom: 10px;
}

.parkingOneContent p {
  text-align: justify;
}

.parkingOneContent:hover {
  border: 7px solid #FFF0F5;
}

.parkingTwo {
  padding: 30px 0;
}

.parkingTwo p {
  padding-bottom: 20px;
}

.parkingTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.parkingTwoContent i {
  font-size: 30px;
  padding-bottom: 10px;
  color: #DA70D6;
}

.parkingTwoContent:hover {
  border-bottom: 5px solid #DA70D6;
}

.parkingThree {
  padding: 30px 0;
}

.parkingThree p {
  padding-bottom: 20px;
}

.parkingThreeContent {
  padding: 20px;
  box-shadow: #DA70D6 0px 3px 8px;
  min-height: 140px;
}

.parkingThreeContent i {
  font-size: 30px;
  padding-bottom: 10px;
  color: #DA70D6 !important;
}

@media screen and (max-width:500px) {
  .parkingBanner {
    padding: 30px 0;
  }
}

/* parking management system end */


/* hospital management start */
.hospitalBanner {
  padding: 180px 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/CRM-solution/hospital-management/hospital-management-banner-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.hospitalBannerContent {
  padding-top: 80px;
}

.hospitalBannerContent h1 {
  font-weight: 600;
  color: #DC143C;
}

.hospitalBannerContent h4 {
  padding: 15px 0;
  color: #FFE4C4;
}

.hospitalBannerContent a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 22px;
  background-color: #DC143C;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.hospitalBannerContent a:hover {
  color: #fff;
}

.hospitalOne {
  padding: 30px 0;
}

.hospitalOne p {
  padding-bottom: 20px;
}

.hospitalOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  min-height: 260px;
  border-bottom: 5px solid #DC143C;
}

.hospitalOneContent:hover {
  border-top: 5px solid #DC143C;
}

.hospitalOneContent h5 {
  color: #DC143C;
  font-weight: 600;
}

.hospitalOneContent p {
  text-align: justify;
}

.hospitalTwo {
  padding: 30px 0;
}

.hospitalTwo p {
  padding-bottom: 20px;
}

.hospitalTwoContent {
  padding: 20px;
  box-shadow: #DC143C 0px 2px 4px 0px, #DC143C 0px 2px 4px 0px;
  min-height: 200px;
}

.hospitalTwoContent h5 {
  color: #DC143C;
  font-weight: 600;
}

.hospitalTwoContent p {
  text-align: justify;
}

.hospitalTwoContent i {
  color: #DC143C;
}

.hospitalThree {
  padding: 30px 0;
}

.hospitalThree p {
  padding-bottom: 20px;
}

.hospitalThreeContent {
  padding: 30px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  min-height: 650px;
}

.hospitalThreeContent h4 {
  background-color: #DC143C;
  font-weight: 600;
  color: #fff;
  padding: 10px;
  /* border-bottom: 3px solid #111; */
}

.hospitalThreeContent h6 {
  padding: 10px 0;
}

.hospitalThreeContent ul li {
  list-style: none;
  padding: 10px 0;
  text-align: justify;
}

.hospitalThreeContent ul li i {
  color: #DC143C !important;
}

@media screen and (max-width:500px) {
  .hospitalBanner {
    padding: 30px 0;
  }
}

/* hospital management end */



/* school management system start */
.schoolBanner {
  padding: 180px 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.787), rgba(0, 0, 0, 0.61)), url(../images/solution/CRM-solution/school-management-system/school-pic.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.schoolBannerContent {
  padding-top: 100px;
}

.schoolBannerContent h1 {
  color: #fff;
  font-weight: 600;
}

.schoolBannerContent h4 {
  color: #4682B4;
}

.schoolBannerContent p {
  color: #fff;
  padding: 10px 0;
}

.schoolBannerContent a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 12px 22px;
  background-color: #9ACD32;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.schoolBannerContent a:hover {
  color: #fff;
}

.schoolOne {
  padding: 30px 0;
}

.schoolOne h2 {
  padding-bottom: 20px;
}

.schoolOneContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 200px;
  border: 4px solid #9ACD32;
}

.schoolOneContent i {
  color: #9ACD32;
  font-weight: 800 !important;
}

.schoolTwo {
  padding: 30px 0;
}

.schoolTwo h2 {
  padding-bottom: 20px;
}

.schoolTwoContent {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  min-height: 180px;
  border-left: 3px solid #9ACD32;
  border-right: 3px solid #9ACD32;
}

.schoolFour {
  padding: 30px 0;
}

.schoolFour h2 {
  padding-bottom: 20px;
}

.schoolFourContent {
  padding: 20px;
  min-height: 200px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.schoolFourContent:hover{
  border: 3px solid #9ACD32;
}
.schoolFourContent h5{
  color: #9ACD32;
}
.schoolFive{
  padding: 30px 0;
}
.schoolFive p{
  padding-bottom: 20px;
}
.schoolFiveContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  min-height: 180px;
}
.schoolFiveContent img{
  padding: 10px 0;
}
.schoolFiveContent:hover{
  box-shadow: #9ACD32 0px 2px 4px 0px, #9ACD32 0px 2px 16px 0px;
}


@media screen and (max-width:500px) {
  .schoolBanner {
    padding: 30px 0;
  }
}

/* school management system end */



/* movers and packers start */
.moversBanner{
  padding: 200px 0;
  background: url(../images/solution/service-solution/packers-and-movers/packer-mover-banner-img.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.moversBannerContent{
  padding-top: 60px;
}
.moversBannerContent h1{
  color: #fff;
  font-weight: 600;
}
.moversBannerContent p{
  color: #fff;
  padding: 10px 0;
}
.moversBannerContent a{
  color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  font-weight: 600;
  background-color: #006400;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.moversBannerContent a:hover{
  color: #fff;
}
.moversOne{
  padding: 30px 0;
}
.moversOne h2{
  padding-bottom: 20px;
}
.moversOneContent{
  padding: 30px;
  box-shadow: #FFA500 0px 2px 8px;
  min-height: 180px;
}
.moversOneContent:hover{
  border-bottom: 5px solid #FFA500;
}
.moversOneContent p{
  text-align: justify;
}
.moversTwo{
  padding: 30px 0;
}
.moversTwo p{
  padding-bottom: 20px;
}
.moversTwoContent{
  padding: 20px;
  box-shadow: #FFA500 0px 1px 0px, #FFA500 0px 0px 8px;
  min-height: 280px;
}
.moversTwoContent img{
  background-color: #FFA500;
  padding: 10px;
}
.moversTwoContent h5{
  padding-top: 10px;
}
.moversTwoContent p{
  text-align: justify;
}
.moversThree{
  padding: 30px 0;
}
.moversThree h2{
  padding-bottom: 20px;
}
.moversThreeContent{
  padding: 30px;
  box-shadow: #FFA500 1.95px 1.95px 2.6px;
  min-height:220px;
}
.moversThreeContent h5{
  padding-top: 10px;
}

@media screen and (max-width:500px){
  .moversBanner{
    padding: 30px 0;
  }
  .moversBannerContent h1{
    padding-top: 30px;
  }
}
/* movers and packers end */



/* home service start */
.homeBanner{
  padding: 120px 0;
  background-color: #FFFACD;
}
.homeBannerContent{
  padding-top: 100px;
}
.homeBannerContent h1{
  font-weight: 700;
  color: #A52A2A;
}
.homeBannerContent p{
  text-align: justify;
  padding: 10px 0;
}
.homeBannerContent a{
  color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  font-weight: 600;
  background-color: #A52A2A;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.homeBannerContent a:hover{
  color:#fff;
}
.homeOne{
  padding: 30px 0;
}
.homeOne h2{
  padding-bottom: 20px;
}
.homeOneContent{
  padding: 30px;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  border-left: 4px solid #A52A2A;
  min-height: 260px;
}
.homeOneContent img{
  padding-bottom: 10px;
}
.homeOneContent p{
  text-align: justify;
}
.homeTwo{
  padding: 30px 0;
}
.homeTwo h2{
  padding-bottom: 20px;
}
.homeTwoContent{
  padding: 30px;
  box-shadow: #A52A2A 2px 2px 4px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
  min-height: 200px;
}
.homeTwoContent:hover{
  box-shadow: #A52A2A  0px 5px 15px;
}
.homeTwoContent h5{
  color: #A52A2A;
}
.homeTwoContent p{
  text-align: justify;
}


@media screen and (max-width:500px){
  .homeBanner{
    padding: 20px 0;
  }
}
/* home service end */



/* bike and car service start */
.carBanner{
  padding: 120px 0;
  background-color: #FFFFF0;
}
.carBannerContent{
  padding-top: 100px;
}
.carBannerContent h1{
  padding: 20px 0;
}
.carBannerContent a{
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 12px 22px;
  background-color: #FF4500;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.carBannerContent a:hover{
  color: #fff;
}
.carOne{
  padding: 30px 0;
}
.carOne p{
  padding-bottom: 20px;
}
.carOneImage{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 150px;
}
.carOneImage:hover{
  box-shadow: #FF4500 0px 2px 4px 0px, #FF4500 0px 2px 16px 0px;
}
.carOneImage img{
  padding-bottom: 10px;
}
.carTwo{
  padding: 30px 0;
}
.carTwo h2{
  padding-bottom: 20px;
}
.carTwoContent{
  padding: 30px;
  box-shadow: #FF4500 0px 3px 3px 0px;
  min-height: 260px;
}
.carTwoContent p{
  text-align: justify;
}


@media screen and (max-width:500px){
  .carBanner{
    padding: 20px 0;
  }
}
/* bike and car service end */




/* service provider start */
.serviceProviderBanner{
  padding: 180px 0;
  background-color: #66CDAA;
}
.serviceProviderBannerContent{
  padding-top: 100px;
}
.serviceProviderBannerContent h1{
  color: #fff;
  font-weight: 600;
}
.serviceProviderBannerContent p{
  padding: 10px 0;
  color: #fff;
}
.serviceProviderBannerContent a{
  background-color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  color: #66CDAA;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.serviceProviderBannerContent a:hover{
  color: #66CDAA;
}
.serviceProviderOne{
  padding: 30px 0;
}
.serviceProviderOne h2{
  color: #66CDAA;
}
.serviceProviderOne p{
  padding-bottom: 20px;
}
.serviceProviderOneContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, #66CDAA 0px 0px 0px 1px inset;
  min-height: 280px;
}
.serviceProviderOneContent h5{
  background-color: #66CDAA;
  color: #fff;
  padding: 10px;
}
.serviceProviderOneContent p{
  text-align: justify;
}
.serviceProviderOneContent:hover{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.serviceProviderTwo{
  padding: 30px 0;
}
.serviceProviderTwo h2{
  color: #66CDAA;
}
.serviceProviderTwo p{
  padding-bottom: 20px;
}
.serviceProviderTwoContent{
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-bottom: 6px solid #66CDAA;
  min-height: 210px;
}
.serviceProviderTwoContent p{
  text-align: justify;
}

@media screen and (max-width:500px){
  .serviceProviderBanner{
    padding: 20px 0;
  }
}
/* service provider end */




/* astrology start */
.astrologyBanner{
  padding: 120px 0;
  background: url(../images/solution/service-solution/astrology/astrology-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.astrologyBannerContent{
  padding-top: 100px;
}
.astrologyBannerContent h1{
  color: #fff;
  padding: 20px 0;
}
.astrologyBannerContent a{
  color: #4B0082;
  padding: 12px 22px;
  text-decoration: none;
  font-weight: 700;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.astrologyBannerContent a:hover{
  color: #4B0082;
}
.astrologyOne{
  padding: 30px 0;
}
.astrologyOne h2{
  padding-bottom: 20px;
}
.astrologyOneContent{
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  min-height: 210px;
}
.astrologyOneContent img{
  padding: 10px 0;
}
.astrologyOneContent p{
  text-align: justify;
}
.astrologyTwo{
  padding: 30px 0;
}
.astrologyTwo p{
  padding-bottom: 20px;
}
.astrologyTwoContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  border-bottom: 4px solid #4B0082;
  min-height: 250px;
}
.astrologyTwoContent h3{
  background-color: #4B0082;
  width: 15%;
  padding: 5px 20px;
  color: #fff;
  font-weight: 600;
}
.astrologyTwoContent p{
  text-align: justify;
}
.astrologyTwoContent:hover{
  box-shadow: #4B0082 0px 5px 15px;
}
.astrologyThree{
  padding: 30px 0;
}
.astrologyThree h2{
  padding-bottom: 20px;
}
.astrologyThreeContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-height: 260px;
}
.astrologyThreeContent img{
  background-color: #4B0082;
  padding: 10px;
}
.astrologyThreeContent h5{
  padding-top: 10px;
}
.astrologyThreeContent p{
  text-align: justify;
}
.astrologyFour{
  padding: 30px 0;
}
.astrologyFour h2{
  padding-bottom: 20px;
}
.astrologyFourContent{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  min-height: 410px;
}
.astrologyFourContent ul li{
  list-style: none;
}
.astrologyFourContent h5{
  background-color: #4B0082;
  color: #fff;
  padding: 10px;
}
.astrologyFourContent i{
  color: #4B0082;
}

@media screen and (max-width:500px){
  .astrologyBanner{
    padding-top: 10px;
    padding-bottom: 40px;
  }
}
/* astrology end */




/* beauty app start */
.beautyBanner{
  padding: 120px 0;
  background: url(../images/solution/service-solution/beauty-app/beauty-background-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.beautyBannerContent{
  padding-top: 100px;
}
.beautyBannerContent h1{
  font-weight: 700;
  color: #ff6666;
}
.beautyBannerContent p{
  padding: 10px 0;
  
}
.beautyBannerContent a{
  background-color: 	#ff6666;
  padding: 12px 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.beautyBannerContent a:hover{
  color: #fff;
}
.beautyOne{
  padding: 30px 0;
}
.beautyOne h2{
  color: #ff6666;
}
.beautyOne p{
  padding-bottom: 20px;
}
.beautyOneContent{
  padding: 20px;
  box-shadow:  #ff6666 0px 4px 8px -2px,  #ff6666 0px 0px 0px 1px;
  min-height: 390px;
}
.beautyOneContent h3{
  background-color: #ff6666;
  width: 15%;
  padding: 5px 10px;
  color: #fff;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.beautyOneContent h5{
  padding-top: 10px;
}
.beautyOneContent p{
  text-align: justify;
}
.beautyTwo{
  padding: 30px 0;
}
.beautyTwo h2{
  color: #ff6666;
}
.beautyTwo p{
  padding-bottom: 20px;
}
.beautyTwoContent{
  padding: 20px;
  box-shadow: #ff6666 0px 0px 8px;
  min-height: 250px;
}
.beautyTwoContent:hover{
  border-bottom: 5px solid #ff6666;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.beautyTwoContent p{
  text-align: justify;
}
.beautyThree{
  padding: 30px 0;
}
.beautyThree h2{
  color: #ff6666;
  padding-bottom: 20px;
}
.beautyThreeContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #fbfbfb; 
  min-height: 210px;
}
.beautyThreeContent:hover{
  border-left: 5px solid #ff6666;
}
.beautyThreeContent img{
  padding-bottom: 10px;
}
.beautyThreeContent p{
  text-align: justify;
}


@media screen and (max-width:500px){
.beautyBanner{
  padding: 20px 0;  
}
}
/* beauty app end */



/* matrimonial start */
/* .matrimonial-banner{
  padding: 40px 0;
} */
.matrimonialBanner{
 background-color:  #ffe6e6;
  padding: 120px 0;
}
.matrimonialBannerContent{
  padding-top: 60px;
}
.matrimonialBannerContent h1{
  color: #cc0000;
  font-weight: 600;
}
.matrimonialBannerContent p{
  /* color: #cc0000; */
  padding: 10px 0;
}
.matrimonialBannerContent a{
  color:#cc0000;
  background-color: #fff;
  padding: 12px 22px;
  text-decoration: none;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.matrimonialBannerContent a:hover{
  color:#cc0000;
}
.matrimonialOne{
  padding: 30px 0;
}
.matrimonialOne h2{
  color: #cc0000;
}
.matrimonialOne p{
  padding-bottom: 20px;
}
.matrimonialOneContent{
  padding: 20px;
  background-color: #fbfbfb;
  border: 2px solid #cc0000;
  min-height: 210px;
}
.matrimonialOneContent:hover{
  background-color: #fff;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.matrimonialOneContent:hover h5{
  color: #cc0000;
}
.matrimonialOneContent p{
  text-align: justify;
}
.matrimonialTwo{
  padding: 30px 0;
}
.matrimonialTwo h2{
  color: #cc0000;
}
.matrimonialTwo p{
  padding-bottom: 20px;
}
.matrimonialTwoContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  min-height: 250px;
  background-color: #fbfbfb;
  border-radius: 25px 0;
  border-left: 2px solid #cc0000;
}
.matrimonialTwoContent:hover{
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.matrimonialTwoContent img{
  width: 15%;
  padding-bottom: 10px;
}
.matrimonialTwoContent p{
  text-align: justify;
}
.matrimonialThree{
  padding: 30px 0;
}
.matrimonialThree h2{
  color: #cc0000;
}
.matrimonialThree p{
  padding-bottom: 20px;
}
.matrimonialThreeContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  border-top: 2px solid #cc0000;
  border-left: 2px solid #cc0000;
  border-right: 2px solid #cc0000;
  min-height: 220px;
}
.matrimonialThreeContent img{
  padding-bottom: 10px;
}
.matrimonialThreeContent ul li{
  list-style: none;
}
.matrimonialThreeContent i{
  color: #cc0000;
}
.matrimonialFive{
  padding: 30px 0;
  background-color: #cc0000;
}
.matrimonialFiveContent{
  padding-top: 100px;
}
.matrimonialFiveContent h2{
  color: #fff;
  font-weight: 600;
}
.matrimonialFiveContent p{
  padding: 20px;
}
.matrimonialFiveContent a{
  color: #cc0000;
  padding: 12px 22px;
  background-color: #fff;
  text-decoration: none;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  border-radius: 25px;
}
.matrimonialFiveContent a:hover{
  color: #cc0000;
}
.matrimonialSix{
  padding: 30px 0;
}
.matrimonialSix h2{
  color: #cc0000;
}
.matrimonialSix p{
  padding-bottom: 20px;
}
.matrimonialSixContentInner{
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  padding: 15px;
}
.matrimonialFour{
  padding: 30px 0;
}
.matrimonialFour h2{
  color: #cc0000;
}
.matrimonialFour p{
  padding-bottom: 20px;
}
.matrimonialFour h4{
  border-bottom: 5px solid #cc0000;
  color: #cc0000;
}
.matrimonialFourContent{
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  min-height: 250px;
}
.matrimonialFourContent h5{
  padding-top: 10px;
}
.matrimonialFourContent p{
  text-align: justify;
}


@media screen and (max-width:500px){
  .matrimonialBanner{
    padding: 30px 0;
  }
  .matrimonialBannerContent h1{
    padding-top: 20px;
  }
  .matrimonialFiveContent{
    padding-top: 20px;
  }
}
/* matrimonial end */




/* doctor patient start */
.doctorBanner{
  padding: 120px 0;
  background: url(../images/solution/service-solution/doctor-patient/doctor-patient-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.doctorBannerContent{
  padding-top: 100px;
  color: #191970;  
}
.doctorBannerContent h1{
  font-weight: 600;
}
.doctorBannerContent p{
  padding: 10px;
}
.doctorBannerContent a{
  color: #fff;
  background-color: #228B22;
  padding: 12px 22px;
  text-decoration: none;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.doctorBannerContent a:hover{
  color: #fff;
}
.doctorOne{
  padding: 30px 0;
}
.doctorOne p{
  padding-bottom: 20px;
}
.doctorOne h4{
  padding: 10px;
}
.doctorOneContent{
  padding: 20px;
  box-shadow: #228B22 0px 2px 8px;
  min-height: 220px;
}
.doctorOneContent:hover{
  border-bottom: 5px solid #228B22;
}
.doctorOneContent h5{
  color: #228B22;
}
.doctorOneContent p{
  text-align: justify;
}
.doctorTwo{
  padding: 30px 0;
}
.doctorTwo h2{
  padding-bottom: 20px;
  color: #191970;
}
.doctorTwoContent{
  padding: 20px;
}
.doctorTwoContent h5{
  padding-top: 10px;
}
.doctorThree{
  padding: 30px 0;
}
.doctorThree h2{
  color: #191970;
}
.doctorThree p{
  padding-bottom: 10px;
}
.doctorThreeContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  min-height: 250px;
}
.doctorThreeContent:hover{
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
  border-right: 7px solid #191970;
  border-left: 4px solid #191970;
}
.doctorThreeContent img{
  width: 15%;
}
.doctorThreeContent h5{
  padding-top: 10px;
}
.doctorThreeContent p{
  text-align: justify;
}
.doctorFour{
  padding: 30px 0;
}
.doctorFour h2{
  color: #191970;
}
.doctorFour p{
  padding-bottom: 20px;
}
.doctorFour h5{
  padding-bottom: 10px;
}
.doctorFourContent{
  padding: 20px;
  box-shadow: #228B22 0px 0px 16px;
  min-height: 180px;
}
.doctorFourContent h5{
  color: #228B22;
  font-weight: 600;
}
.doctorFourContent p{
  text-align: justify;
}
.doctorFourContentInner{
  padding: 20px 0;
  /* color: #228B22; */
}
.doctorContInner ul li{
  list-style: none;
  padding: 5px 0;
}
.doctorContInner i{
  color: #228B22;
}
.doctLastContent{
  padding: 10px 0;
}
.doctLastContent p{
  text-align: justify;
}


@media screen and (max-width:500px){
  .doctorBanner{
    padding: 20px 0;
  }
}
/* doctor patient end */



/* taxi service start */
.taxiBanner{
  padding: 120px 0;
  background-color: #fbfbfb;
}
.taxiBannerContent{
  padding-top: 100px;
}
.taxiBannerContent h1{
  font-weight: 700;
  color: #FFD700;
}
.taxiBannerContent p{
  padding: 10px 0;
}
.taxiBannerContent a{
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  background-color: #FFD700;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.taxiBannerContent a:hover{
  color: #fff;
}
.taxiBannerImage img{
  width: 100%;
}
.textOne{
  padding: 30px 0;
}
.textOneImage img{
  width: 50%;
}
.textOneContent{
  padding-top: 100px;
}
.textOneContent h2{
  color: #FFD700;
  font-weight: 600;
}
.textOneContent p{
  text-align: justify;
}
.taxiTwo{
  padding: 30px 0;
}
.taxiTwoContent h2{
  color: #FFD700;
  font-weight: 600;
}
.taxiTwoContent p{
  text-align: justify;
}
.taxiThree{
  padding: 30px 0;
}
.taxiThreeContent{
  box-shadow: #FFD700 0px 4px 8px -2px, #FFD700 0px 0px 0px 1px;
  padding: 20px;
  min-height: 580px;
}
.taxiThreeContent img{
  width: 20%;
  padding: 10px 0;
}
.taxiThreeContent h5{
  color: #FFD700;
  font-weight: 700;
}
.taxiThreeContent ul li{
  list-style: none;
  text-align: justify;
  padding: 10px 0;
}
.taxiThreeContent i{
  color: #FFD700;
}
.taxiFour{
  padding: 30px 0;
}
.taxiFour h2{
  padding-bottom: 20px;
  /* color: #FFD700; */
}
.taxiFour h4{
  color: #FFD700;
  padding: 10px 0;
}
.taxiFourContent{
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 220px;
  border-bottom: 4px solid #FFD700;
}
.taxiFourContent p{
  text-align: justify;
}
.taxiFive{
  padding: 30px 0;
}
.taxiFive h5{
  color: #FFD700;
}
.taxiFive h2{
  font-weight: 700;
  padding-bottom: 10px;
}
.taxiFiveContent{
  padding: 20px;
  box-shadow:  #FFD700 0px 0px 0px 3px;
}
.taxiFiveContent h5{
  color: #111;
  font-weight: 600;
}
.taxiFiveContent p{
  text-align: justify;
}
.taxiFiveContent img{
  padding: 10px 0;
}
.taxiSix{
  padding: 30px 0;
}
.taxiSix h5{
  color: #FFD700;
}
.taxiSix h2{
  font-weight: 700;
}
.taxiSixContent{
  padding: 20px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  min-height: 440px;
}
/* .taxiSixContent img{
  width: 100%;
} */
.taxiSixContent h5{
  color: #111;
  font-weight: 600;
  padding-top: 10px;
}
.taxiSixContent p{
  text-align: justify;
}
.taxiSeven{
  padding: 30px 0;
}
.taxiSeven p{
  padding-bottom: 20px;
}
.taxiSevenContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-height: 280px;
  border: 3px solid #FFD700;
}
.taxiSevenContent h3{
  width: 15%;
  background-color: #FFD700;
  padding: 10px;
  border-radius: 25px;
  color: #fff;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.taxiSevenContent p{
  text-align: justify;
}
.taxiSevenContent:hover{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.taxiEight{
  padding: 30px 0;
}
.taxiEight h2{
  color: #FFD700;
  font-weight: 700;
}
.taxiEight p{
  text-align: justify;
  padding-bottom: 20px;
}
.taxiEightContent{
  padding: 20px;
  background-color: #fbfbfb;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  border-left: 5px solid #FFD700;
  min-height: 200px;
}
.taxiEightContent:hover{
  background-color: #fff;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.taxiNine{
  padding: 30px 0;
}
.taxiNine h2{
  color: #FFD700;
  font-weight: 700;
}
.taxiNine p{
  text-align: justify;
  padding-bottom: 20px;
}
.taxiNineContent{
  padding: 20px;
  box-shadow:  #FFD700 0px 2px 8px;
}
.taxiNineContent a{
  text-decoration: none;
  color: #111;
}
.taxiNineContent a:hover{
  color: #111;
}
.taxiTen{
  padding: 30px 0;
}
.taxiTenContent{
  padding: 20px;
  box-shadow: #FFD700 0px 2px 4px;
}
.taxiTenContent h2{
  color: #FFD700;
}
.taxiTenContent p{
  text-align: justify;
}



@media screen and (max-width:500px){
  .taxiBanner{
    padding: 20px 0;
  }
  .taxiSevenContent h3{
    width: 25%;
  }
}
/* taxi service end */

/* ios start */
.iosBanner{
  background: url(../images/new-services/ios-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
}
.iosBannerContent{
  padding-top: 100px;
}
.iosBannerContent h1{
  color: #fff;
}
.iosBannerContent p{
  padding: 10px 0;
  color: #fff;
}
.iosBannerContent a{
  background-color: #e03922;
  color: #fff;
  font-weight: 700;
  padding: 12px 22px;
}
.iosBannerContent a:hover{
  color: #fff;
}
.iosOne{
  padding: 30px 0;
}
.iosOne p{
  padding-bottom: 20px;
}
.iosOneContent{
  padding: 20px;
  border: 1px solid #e03922;
  min-height: 160px;
  box-shadow: #e03922 0px 3px 9px;
  border-radius: 15px;
}
.iosOneContent:hover{
  box-shadow: #e03922 0px 4px 8px, #e03922 0px 6px 6px;
}
.iosTwo{
  padding: 30px 0;
}
.iosTwo p{
  padding-bottom: 20px;
}
.iosTwoContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border-bottom: 3px solid #e03922;
}
.iosTwoContent p{
  text-align: justify;
}
.iosTwoContent h5{
  font-weight: 600;
}
.iosTwoContent:hover h5{
  color: #e03922;
}
.iosTwoContent:hover{
  border: 2px solid #e03922;
  box-shadow: #e03922 6px 2px 6px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.iosThree{
  padding: 30px 0;
}
.iosThree p{
  padding-bottom: 20px;
}
.iosThreeContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.iosThreeContent h3{
  font-weight: 600;
  background-color: #e03922;
  width: 30%;
  padding: 5px 15px;
  border-radius: 20px;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.iosThreeContent:hover{
  border-left: 4px solid #e03922;
}
.iosFour{
  padding: 30px 0;
}
.iosFour p{
  padding-bottom: 20px;
}
.iosFourContent{
  padding: 20px;
  box-shadow: #e03922 0px 2px 4px;
  min-height: 240px;
}
.iosFourContent h5{
  color: #e03922;
  font-weight: 700;
}
.iosFourContent:hover{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

@media screen and (max-width:500px){
  .iosBanner{
    padding: 20px 0;
  }
  .iosThreeContent h3{
    width: 20%;
  }
} 
/* ios end */

/* flutter start */
.flutterBanner{
  padding: 120px 0;
  background-color: #6A5ACD;
  color: #fff;
}
/* flutter end */





.zoom-in-out-box {
  /* margin: 24px;
  width: 50px;
  height: 50px;
  background: #f50057; */
  animation: zoom-in-zoom-out 3s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.footerSec{
  background-color: #161212;
  padding: 40px;
}
.footerSecOne p{
  padding-top: 20px;
  color: #666;
  text-align: justify;
}
.footerSecOne img{
  width: 100%;
}
.footerSecTwo{
  padding-top: 50px; 
}
.footerSecTwo h3{
  color: #C0C0C0;
  text-align: start;
  transition-property: opacity, transform;
  font-family: "Rubik variant0", Tofu;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-optical-sizing: auto;
  opacity: 1;
  line-height: initial;
  transition-duration: 350ms;
}
.footerSecTwo ul li{
  list-style: none;
  padding: 10px 0;
}
.footerSecTwo i{
  color: #C0C0C0;
}
.footerSecTwo a{
  color: #666;
  text-decoration: none;
}
.footerSecTwo a:hover{
  color: #666;
}
.footerSecThree{
  padding-top: 50px;
}
.footerSecThree h3{
  color: #C0C0C0;
  padding-bottom: 20px;
  text-align: start;
  transition-property: opacity, transform;
  font-family: "Rubik variant0", Tofu;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-optical-sizing: auto;
  opacity: 1;
  line-height: initial;
  transition-duration: 350ms;
}
.social-links a {
  display: inline-block;
  height: 40px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 0 10px 10px 0;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.5s ease;
  font-size: 20px;

}

.social-links a:hover {
  color: #24262b;
  background-color: #ffffff;
}
.last {
  background: #0f0f0f;
  padding-top: 10px;

}

.last p {
  color: #666;
  font-size: 13px;
}

.last a {
  color: #fff;
  text-decoration: none;
}

.last a:hover {
  color: #fff;
}

ul{
  padding: 0 !important;
}

.clientsInfo p img{
  width: 100px ;
  height: 100px;
}

      .navbar .navbar-nav .nav-link {
  padding: 1px 17px !important;
  margin: 8px 4px !important;
  color: #424242;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  font-weight:500;
  line-height: 28px;

}
.abbt{
  background-color: #f6f7fc !important;


}
.abbt li a:hover {
  border-radius: 10px;
  
  background: linear-gradient(90deg, #1488cc -1.79%, #2b32b2 98.7%) !important;
  color: #fff !important;
}
.abbt li {
  padding: 10px !important;
  border-radius: 10px;

}
@keyframes logo-bounce {
  0% {
    transform: translateY(0);
}
50% {
    transform: translateY(20px);
}
100% {
    transform: translateY(0);
}
  
}


.banner-logo img{
  -webkit-animation: logo-bounce 6s linear infinite;
    animation: logo-bounce 6s linear infinite;
}
.banner-logo{
  position: absolute;
  width:150px;
  height:150px;
  bottom:-80px;
  left:30%
}
.innovation-hero{
  position: relative;
}
.abbt{
  min-width: 12rem !important
}
.abbt li a img{
  background: #fff;
    padding: 8px;
    border-radius: 50%;
    width:40px;
    margin-right:10px;
    height:40px;
    border: 2px solid #2b32b2;

}

.testimonial_icon_fix2 {
    position: fixed;
    width: 60px;
    height: 60px;
    z-index: 999;
    top: auto;
    left: auto;
    bottom: 30px;
    /* bottom: 220px; */
    right: 20px;
    background: #66a858;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 2.8s infinite;
    -webkit-animation: bounce 2.8s infinite;
    -moz-animation: bounce 2.8s infinite;
    -o-animation: bounce 2.8s infinite;
    transition: all 0.7s ease;
}
.testimonial_icon_fix {
    position: fixed;
    width: 60px;
    height: 60px;
    z-index: 999;
    top: auto;
    left: auto;
    bottom: 100px;
    /* bottom: 220px; */
    right: 20px;
    background: #66a858;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 2.3s infinite;
    -webkit-animation: bounce 2.3s infinite;
    -moz-animation: bounce 2.3s infinite;
    -o-animation: bounce 2.3s infinite;
    transition: all 0.7s ease;
}
.processshapert {
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.processshapert span, .serviceCircle_lb {
    width: 340px;
    height: 340px;
    border-radius: 50%;
    z-index: 4;
    opacity: 0.7;
}
.processshapert span {
    position: absolute;
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0, #766cfe 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0, #6e6cfe 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0, #6e6cfe 100%);
    left: 0;
    top: 0;
    transform: translateX(-50%);
}

.processshapert {
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    height: 800px;
    background:url(../images/why/bgg.png) !important;}
.testimonial_icon_fix a i{
  color:#fff;
  font-size:20px
}.testimonial_icon_fix2 a i{
  color:#fff;
  font-size:30px
}


/* Portfolio Hero Section CSS Start */

.portfolio_hero_newbg {
  margin: 0;
  background: url(../../webassets/images/portfolio_img/sys-protfolio-header.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 90px 0;
  margin-top: 90px;
}
.portfolio_hero_newbg:before {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #336fbf, #48bfc4);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  top: 0;
}
.portfolio_hero_content {
  position: relative;
  z-index: 99;
}
.portfolio_hero_content {
  position: relative;
  z-index: 99;
  padding: 60px 0 0 0;
}
.portfolio_hero_content h2 {
  font-size: 80px;
  color: #fff;
  line-height: normal;
  font-weight: 500;
  margin: 0 auto 15px;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  /* background: linear-gradient(to right, #336fbf, #48bfc4, #48bfc4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.portfolio_hero_content h2 strong {
  color: #fff;
}
.portfolio_hero_content p {
  font-size: 14px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
  margin: auto;

}


/* Portfolio Hero Section CSS End */

.portfolio_list_wrapper {
  padding: 50px 0;
  
}
.portfolio_list_wrapper .box {
  border-radius: 20px;
  overflow: hidden;
  transition: .4s;
  height: 600px;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
}
.portfolio_list_wrapper .box h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-align: left;
  margin: 0;
}
.portfolio_list_wrapper .box h3 span {
  margin-top: 8px;
  color: #fff;
}
.portfolio_logo {
  width: 76px;
  height: 76px;
  border-radius: 10px;
  background: #fff;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}
.portfolio_logo img {
  max-width: 100%;
  height: auto;
}
.portfolio_list_wrapper .overlay {
  width: 100%;
  padding: 20px 0;
  transition: .4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio_list_wrapper .overlay img {
  border-radius: 20px;
  max-width: 154px;
  transition: .4s ease all;
}
.portfolio_list_wrapper .web .overlay img {
  overflow: hidden;
  object-fit: cover;
  object-position: 0 0;

  
}
.portfolio_list_wrapper .web .overlay .img1 {
  position: absolute;
  left: 10px;
  height: 340px;
  width: 270px;
  max-width: 270px;
}
.portfolio_list_wrapper .web .overlay .img2 {
  margin: 0 -140px;
  width: 290px;
  max-width: 290px;
  height: 355px;

}
.portfolio_list_wrapper .web .overlay .img3 {
  position: absolute;
  right: 10px;
  height: 340px;
  width: 270px;
  max-width: 270px;
}
.portfolio_list_wrapper .overlay .img2 {
  z-index: 9;
  margin: 0 -50px;
  max-width: 175px;
}
.portfolio_list_wrapper .overlay img {
  border-radius: 20px;
  max-width: 154px;
  transition: .4s ease all;
}
.portfolio_list_wrapper .overlay img:hover {
  z-index: 99;
  scale: 1.2;
}
.portfolio_list_wrapper .overlay .img1:hover {
  transform: translateX(20px);
}
.portfolio_list_wrapper .overlay .img3:hover {
  transform: translateX(-20px);
}
.portfolio_list_wrapper .box a {
  margin-top: 20px;
  display: inline-block;
  background: rgba(0,0,0,.2);
  color: #fff;
  padding: 14px 34px;
  border-radius: 40px;
  font-size: 16px;
  opacity: .7;
  border: 1px solid transparent;
  transition: .4s ease all;
}
.portfolio_list_wrapper .box a:hover {
  border: 1px solid white;
  opacity: 1;
  background: rgba(0,0,0,.4);
}
.portfolio_list_wrapper .box a i {
  transform: scale(1) !important;
  margin-left: 10px;
}
/* .portfolio_list_wrapper .box:hover .img1 {
  transform: rotate(-10deg);
} */
/* .portfolio_list_wrapper .box:hover img {
  transform: scale(1.1);
} */
/* .portfolio_list_wrapper .box:hover .img3 {
  transform: rotate(10deg);
} */

.portfolio-hesdr {
  padding: 3rem;
}


@media (max-width: 576px){
  .portfolio_hero_content h2 {
      font-size: 40px;
  }
  .portfolio_hero_content p {
      font-size: 12px;
  }
  .portfolio-hesdr {
      padding: 0 !important;
  }
}
@media (max-width: 500px){
  .portfolio_list_wrapper .web .overlay .img3 {
  height: 310px;
  width: 130px;
  max-width: 130px;
}
  .portfolio_list_wrapper .web .overlay .img1 {
  height: 310px;
  width: 130px;
  max-width: 130px;
}
  .portfolio_list_wrapper .web .overlay .img2 {
  height: 340px;
  width: 160px;
  max-width: 160px;
}
.portfolio_list_wrapper .overlay .img2 {
  max-width: 140px;
}
.portfolio_list_wrapper .overlay img {
  max-width: 130px;
}
.portfolio_list_wrapper .box.app {
  height: 510px;
}
}




.portfolio_hero .carousel-indicators {
  bottom: -60px;
  display: none;
  opacity: 0
}

/* Testing CSS Start  */





/* Star Rating CSS Start  */


.ratings-star {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 20px;
  position: relative;
  margin: 0;
  padding: 0;
  left: 44%;
  transform: translateX(-50%);
}
.portfolio-hesdr .ratings-star .ratings-fill {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.portfolio-hesdr .ratings-star span {
  display: inline-block;
}

.portfolio-hesdr .ratings-star .ratings-empty {
  padding: 0;
  display: block;
  z-index: 0;
}

.portfolio-hesdr .cont div h2 {
  color: #ea830e;
  font-size: 1.2em;
  margin: 10px 0;
  font-weight: 600;
}
.portfolio-hesdr .cont div h4 {
  color: #747271;
  font-size: 1em;
  margin: 1px 0;
}

.portfolio-hesdr .cont div .ratings-star {
  margin: 10px auto;
}

.portfolio-hesdr .cont div p {
  font-size: 1.15em;
  color: #9d9d9d;
  width: 80%;
  margin: auto;
}

.portfolio-hesdr .cont div.active .img img,
.portfolio-hesdr .ratings-star {
  -webkit-animation: testim-show 0.5s ease-in-out forwards;
  -moz-animation: testim-show 0.5s ease-in-out forwards;
  -ms-animation: testim-show 0.5s ease-in-out forwards;
  -o-animation: testim-show 0.5s ease-in-out forwards;
  animation: testim-show 0.5s ease-in-out forwards;
}

.portfolio-hesdr .cont div.active h2,
.portfolio-hesdr .cont div.active h4 {
  -webkit-animation: testim-content-in 0.4s ease-in-out forwards;
  -moz-animation: testim-content-in 0.4s ease-in-out forwards;
  -ms-animation: testim-content-in 0.4s ease-in-out forwards;
  -o-animation: testim-content-in 0.4s ease-in-out forwards;
  animation: testim-content-in 0.4s ease-in-out forwards;
}

.portfolio-hesdr .cont div.active p {
  -webkit-animation: testim-content-in 0.5s ease-in-out forwards;
  -moz-animation: testim-content-in 0.5s ease-in-out forwards;
  -ms-animation: testim-content-in 0.5s ease-in-out forwards;
  -o-animation: testim-content-in 0.5s ease-in-out forwards;
  animation: testim-content-in 0.5s ease-in-out forwards;
}

.portfolio-hesdr .cont div.inactive .img img {
  -webkit-animation: testim-hide 0.5s ease-in-out forwards;
  -moz-animation: testim-hide 0.5s ease-in-out forwards;
  -ms-animation: testim-hide 0.5s ease-in-out forwards;
  -o-animation: testim-hide 0.5s ease-in-out forwards;
  animation: testim-hide 0.5s ease-in-out forwards;
}

.portfolio-hesdr .cont div.inactive h2 {
  -webkit-animation: testim-content-out 0.4s ease-in-out forwards;
  -moz-animation: testim-content-out 0.4s ease-in-out forwards;
  -ms-animation: testim-content-out 0.4s ease-in-out forwards;
  -o-animation: testim-content-out 0.4s ease-in-out forwards;
  animation: testim-content-out 0.4s ease-in-out forwards;
}

.portfolio-hesdr .cont div.inactive p {
  -webkit-animation: testim-content-out 0.5s ease-in-out forwards;
  -moz-animation: testim-content-out 0.5s ease-in-out forwards;
  -ms-animation: testim-content-out 0.5s ease-in-out forwards;
  -o-animation: testim-content-out 0.5s ease-in-out forwards;
  animation: testim-content-out 0.5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
  0% {
      -webkit-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -webkit-box-shadow: 0px 0px 10px 5px #eee;
      box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
      -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
      box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
      -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
      box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-moz-keyframes testim-scale {
  0% {
      -moz-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -moz-box-shadow: 0px 0px 10px 5px #eee;
      box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
      -moz-box-shadow: 0px 0px 10px 5px #ea830e;
      box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
      -moz-box-shadow: 0px 0px 0px 0px #ea830e;
      box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-ms-keyframes testim-scale {
  0% {
      -ms-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -ms-box-shadow: 0px 0px 10px 5px #eee;
      box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
      -ms-box-shadow: 0px 0px 10px 5px #ea830e;
      box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
      -ms-box-shadow: 0px 0px 0px 0px #ea830e;
      box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-o-keyframes testim-scale {
  0% {
      -o-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -o-box-shadow: 0px 0px 10px 5px #eee;
      box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
      -o-box-shadow: 0px 0px 10px 5px #ea830e;
      box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
      -o-box-shadow: 0px 0px 0px 0px #ea830e;
      box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@keyframes testim-scale {
  0% {
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
      box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
      box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-webkit-keyframes testim-content-in {
  from {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }

  to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
}

@-moz-keyframes testim-content-in {
  from {
      opacity: 0;
      -moz-transform: translateY(100%);
      transform: translateY(100%);
  }

  to {
      opacity: 1;
      -moz-transform: translateY(0);
      transform: translateY(0);
  }
}

@-ms-keyframes testim-content-in {
  from {
      opacity: 0;
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }

  to {
      opacity: 1;
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
}

@-o-keyframes testim-content-in {
  from {
      opacity: 0;
      -o-transform: translateY(100%);
      transform: translateY(100%);
  }

  to {
      opacity: 1;
      -o-transform: translateY(0);
      transform: translateY(0);
  }
}

@keyframes testim-content-in {
  from {
      opacity: 0;
      transform: translateY(100%);
  }

  to {
      opacity: 1;
      transform: translateY(0);
  }
}

@-webkit-keyframes testim-content-out {
  from {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }

  to {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
  }
}

@-moz-keyframes testim-content-out {
  from {
      opacity: 1;
      -moz-transform: translateY(0);
      transform: translateY(0);
  }

  to {
      opacity: 0;
      -moz-transform: translateY(-100%);
      transform: translateY(-100%);
  }
}

@-ms-keyframes testim-content-out {
  from {
      opacity: 1;
      -ms-transform: translateY(0);
      transform: translateY(0);
  }

  to {
      opacity: 0;
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  }
}

@-o-keyframes testim-content-out {
  from {
      opacity: 1;
      -o-transform: translateY(0);
      transform: translateY(0);
  }

  to {
      opacity: 0;
      transform: translateY(-100%);
      transform: translateY(-100%);
  }
}

@keyframes testim-content-out {
  from {
      opacity: 1;
      transform: translateY(0);
  }

  to {
      opacity: 0;
      transform: translateY(-100%);
  }
}

@-webkit-keyframes testim-show {
  from {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

@-moz-keyframes testim-show {
  from {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
  }

  to {
      opacity: 1;
      -moz-transform: scale(1);
      transform: scale(1);
  }
}

@-ms-keyframes testim-show {
  from {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
  }

  to {
      opacity: 1;
      -ms-transform: scale(1);
      transform: scale(1);
  }
}

@-o-keyframes testim-show {
  from {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
  }

  to {
      opacity: 1;
      -o-transform: scale(1);
      transform: scale(1);
  }
}

@keyframes testim-show {
  from {
      opacity: 0;
      transform: scale(0);
  }

  to {
      opacity: 1;
      transform: scale(1);
  }
}

@-webkit-keyframes testim-hide {
  from {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  to {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
      opacity: 1;
      -moz-transform: scale(1);
      transform: scale(1);
  }

  to {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
      opacity: 1;
      -ms-transform: scale(1);
      transform: scale(1);
  }

  to {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
      opacity: 1;
      -o-transform: scale(1);
      transform: scale(1);
  }

  to {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
      opacity: 1;
      transform: scale(1);
  }

  to {
      opacity: 0;
      transform: scale(0);
  }
}

@media all and (max-width: 300px) {
  body {
      font-size: 14px;
  }
}

@media all and (max-width: 500px) {
  .portfolio-hesdr .arrow {
      font-size: 1.5em;
  }

  .portfolio-hesdr .cont div p {
      line-height: 25px;
  }
}


/* Star Rating CSS End */


.portfolio_list_wrapper .pagination{
  list-style: none;
  display: inline-block;
  padding: 0;
}
.portfolio_list_wrapper .pagination li.page-item{
  display: inline;
  text-align: center;
}

.portfolio_list_wrapper .pagination span.page-link,
.portfolio_list_wrapper .pagination a.page-link{
  float: left;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 12px;
  color: #fff;
  margin-left: 12px;
  border: 1px solid transparent;
  line-height: 1.5;
}

.portfolio_list_wrapper .pagination li.page-item.active{
  outline: none;
}

.portfolio_list_wrapper .pagination .page-link{
  margin: 0 5px;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  background-color: #468599;
  transform: translateY(0);
  transition: all .3s ease-out;
}

.portfolio_list_wrapper .page-item:first-child .page-link,
.portfolio_list_wrapper .pagination a.prev{
  border-radius: 50px 0 0 50px !important;
  width: 100px;
}

.portfolio_list_wrapper .page-item:last-child .page-link,
.portfolio_list_wrapper .pagination a.next{
  border-radius: 0 50px 50px 0 !important;
  width: 100px;
}

.portfolio_list_wrapper .pagination a:hover{
  background-color: #FFA100;
  color: #fff;
  font-weight: 1000;
  transform: translateY(8px);
  transition: all .3s ease-out;
}
.portfolio_list_wrapper .page-item.active .page-link {
  background-color: #FFA100 !important;
}


.portfolio_list_wrapper nav > div:last-child > div:first-child {
  display: none !important;
}
.portfolio_list_wrapper nav > div:last-child  {
justify-content: center !important;
}

.portfolio_list_wrapper nav {
  margin-top: 100px;
}



/* Pagination CSS End */



@keyframes bounce {
  0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-20px);
}
100% {
    transform: translateY(0px);
}
  
}
.client-text i{
  color:#FCC63D !important;
}
.client-text h5{
  color:#fff !important;
  font-size: 20px !important;
    font-family: 'Inter', sans-serif;
    padding: 5px 0px 0px;
    font-weight: 600;
}
@media screen and (max-width:1300px){
    .zoom-in-out-box {
  transition: .5s all;
  width: 200px;
  color: #fff;
  margin-top: 20px;
  animation: zoom-in-zoom-out 3s ease infinite;
  margin-left: 44px;
}
  .abt-img-01 {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: absolute;
    width: 461px;
    top: 60px;
    left: 10%;
    height: 316px;
    border-radius: 15px;
}

}

      @media screen and (max-width:900px){
        .zoom-in-out-box a {
    color: #ffffff;
    font-size: 10px;
    background: #626262;
    border-radius: 5px;
    padding: 3px 5px;
    text-decoration: none;
}
.banner-text .item h5 {
    font-size: 24px;
    font-family: 'Inter', sans-serif;
    color: #083c5d;;
    padding: 5px 0px 0px;
    font-weight: 600;
    margin:0 !important;
}
.innovation-hero-text h2 {
    font-size:17px;
    font-family: 'Rubik', sans-serif;
    padding: 0;
    margin: 0;
}
.info-heading{
  font-size: 10px;
  display:none;
  font-weight: 400;
  color:#fff;
    padding-top: 3px;
    padding-bottom: 0px;
    margin: 0;

}
.innovation-hero-text {
    padding-top: 30px;
    color: #fff;
}
.sub-heading {
    font-size: 20px !important;
    font-family: 'Inter', sans-serif;
    padding: 0px 0px 6px;
    margin: 0;
}

.main .item img {
    padding: 0px !important;
}
.main {
    margin-top: -55px;
    overflow: hidden;
     border-radius: 0% !important; 
}
.banner {
    background: linear-gradient(180deg, #5bc1ef -1.79%, #ffffff 98.7%);
    /* background: url(../images/banner/bg.png); */
    width: 100%;
    padding: 0px 0px;
    height: 100%;
}
        .abt-img-01{
  display: none !important;
}
        
      }
.navbar .navbar-nav .nav-link {
  padding: 1px 10px !important;
  margin: 8px 1px !important;
  color: #424242;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  font-weight:500;
  line-height: 28px;

}
.abbt{
  background-color: #f6f7fc !important;


}
.abbt li a:hover {
  border-radius: 10px;
  
  background: linear-gradient(90deg, #1488cc -1.79%, #2b32b2 98.7%) !important;
  color: #fff !important;
}
.abbt li {
  padding: 10px !important;
  border-radius: 10px;

}
.abbt{
  min-width: 12rem !important
}
.abbt li a img{
  background: #fff;
    padding: 8px;
    border-radius: 50%;
    width:40px;
    margin-right:10px;
    height:40px;
    border: 2px solid #2b32b2;

}
      @media screen and (max-width:900px){
        .abt-img-01{
  display: none !important;
}
        
      }
/* seo services start */
.seoInnerImage img{
  width: 100%;
}

.bronze1 {
  padding: 20px;
}
.bronze1 p {
  text-align: center;
}
.bronze1 h5 {
  text-align: center;
  padding: 10px 0;
}
.bronze1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.bronze1 a:hover{
  color: #fff;
}
.bronze1 i{
  color: #fff;
}
.silver1 {
  padding: 20px;
}
.silver1 p {
  text-align: center;
}
.silver1 h5 {
  text-align: center;
  padding: 10px 0;
}
.silver1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.silver1 a:hover{
  color: #fff;
}
.silver1 i{
  color: #fff;
}
.gold1 {
  padding: 20px;
}
.gold1 p {
  text-align: center;
}
.gold1 h5 {
  text-align: center;
  padding: 10px 0;
}
.gold1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.gold1 a:hover{
  color: #fff;
}
.gold1 i{
  color: #fff;
}
.Platinum1 {
  padding: 20px;
}
.Platinum1 p {
  text-align: center;
}
.Platinum1 h5 {
  text-align: center;
  padding: 10px 0;
}
.Platinum1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.Platinum1 a:hover{
  color: #fff;
}
.Platinum1 i{
  color: #fff;
}

.ourSeoServices{
  padding: 30px 0;
}
.ourSeoServices p{
  padding-bottom: 20px;
}
.ourSeoServicesContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height:412px;
  border-bottom: 4px solid #66CDAA;
}
.ourSeoServicesContent:hover{
  box-shadow: rgb(80, 170, 206) 0px 5px 15px;
}
.ourSeoServicesContent h5{
  padding-top: 10px;
}
.ourSeoServicesContent p{
  text-align: justify;
}
.ourSeoServicesContent1{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height:412px;
  background-color: #F8F8FF;
}
.ourSeoServicesContent1:hover{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 16px;
}
.ourSeoServicesContent1 h5{
  padding-top: 10px;
}
.ourSeoServicesContent1 p{
  text-align: justify;
}
.seoInner h1{
  font-size: 30px;
}

.benefitOne{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 8px;
  padding: 20px;
  min-height: 370px;
  border-top: 4px solid #66CDAA;
  background-color: #fbfbfb;
}
.benefitTwo{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 8px;
  padding: 20px;
  min-height: 370px;
  border-bottom: 4px solid #66CDAA;
  background-color: #fbfbfb;
}
.benefitThree{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 8px;
  padding: 20px;
  min-height: 370px;
  border-top: 4px solid #66CDAA;
  background-color: #fbfbfb;
}
.benefitOne:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 5px 10px 10px;
  background-color: #fff;
}
.benefitTwo:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 5px 10px 10px;
  background-color: #fff;
}
.benefitThree:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 5px 10px 10px;
  background-color: #fff;
}
.socialbookmaking-banner{
  margin-top: 30px;
  background: url(../images/seo-service-images/book-marking-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0;
  background-position: center;
}


/* ************************************** start button ***************************************** */

.button__icon{
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  color: #fff;
  height: 100%;
}
.button__icon{
  font-size: 1.1em;
}
@keyframes anime{
  100%{
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      box-shadow: 0 40px 10px -18px rgba(0,0,0,0.2), 0 40px 16px -12px rgba(0,0,0,0.2);
  }
}
.tecno-img{
    text-align:center !important;
}
.tecno-img img{
    display:inline-block !important;
}
/* *********************************** button end ****************************************** */



@media screen and (max-width:500px){
    .abt-text {
  padding: 0px 0px;
}
    .abt {
  background: #FBFEFF;
  padding: 0px 0px 10px;
    }
    .abt-img{
        display:none;
    }
    .applications {
  padding: 10px 0 10px;
    }
  .seo-banner{
    padding: 100px 0;
    margin-top: 60px;
  }
  .seoInner h1{
    font-size: 16px;
  }
  .seoInner p{
    font-size: 12px;
  }
  .seo-part2 h3{
    font-size: 16px;
  }
  .bronze1 h5{
    font-size: 16px;
  }
  .silver1 h5{
    font-size: 16px;
  }
  .gold1 h5{
    font-size: 16px;
  }
  .Platinum1 h5{
    font-size: 16px;
  }
  .ourSeoServicesContent h5{
    font-size: 16px;
  }
  .ourSeoServicesContent1 h5{
    font-size: 16px;
  }
  p{
    font-size: 12px !important;
  }
  li{
    font-size: 12px !important;
  }
  .offPageLeft h4{
    font-size: 16px;
  }
  .offPageRight h4{
    font-size: 16px;
  }
}
/* seo services end // seo services start */
.seoInnerImage img{
  width: 100%;
}

.bronze1 {
  padding: 20px;
}
.bronze1 p {
  text-align: center;
}
.bronze1 h5 {
  text-align: center;
  padding: 10px 0;
}
.bronze1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.bronze1 a:hover{
  color: #fff;
}
.bronze1 i{
  color: #fff;
}
.silver1 {
  padding: 20px;
}
.silver1 p {
  text-align: center;
}
.silver1 h5 {
  text-align: center;
  padding: 10px 0;
}
.silver1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.silver1 a:hover{
  color: #fff;
}
.silver1 i{
  color: #fff;
}
.gold1 {
  padding: 20px;
}
.gold1 p {
  text-align: center;
}
.gold1 h5 {
  text-align: center;
  padding: 10px 0;
}
.gold1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.gold1 a:hover{
  color: #fff;
}
.gold1 i{
  color: #fff;
}
.Platinum1 {
  padding: 20px;
}
.Platinum1 p {
  text-align: center;
}
.Platinum1 h5 {
  text-align: center;
  padding: 10px 0;
}
.Platinum1 a {
  background-color: #111;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  animation: anime 2s infinite ease-in-out alternate;
  -webkit-animation: anime 2s infinite ease-in-out alternate;
}
.Platinum1 a:hover{
  color: #fff;
}
.Platinum1 i{
  color: #fff;
}

.ourSeoServices{
  padding: 30px 0;
}
.ourSeoServices p{
  padding-bottom: 20px;
}

.ourSeoServicesContent h5{
  padding-top: 10px;
}
.ourSeoServicesContent p{
  text-align: justify;
}

.ourSeoServicesContent1{
    
  border-bottom: 4px solid #66CDAA;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  min-height: 412px;
  background-color: #F8F8FF;
}
.ourSeoServicesContent1:hover{
   box-shadow: rgb(80, 170, 206) 0px 5px 15px;
}
.ourSeoServicesContent1 h5{
  padding-top: 10px;
}
.ourSeoServicesContent1 p{
  text-align: justify;
}
.seoInner h1{
  font-size: 30px;
}

.benefitOne{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 8px;
  padding: 20px;
  min-height: 444px;
  border-top: 4px solid #66CDAA;
  background-color: #fbfbfb;
}
.benefitTwo{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 8px;
  padding: 20px;
  min-height: 444px;
  border-bottom: 4px solid #66CDAA;
  background-color: #fbfbfb;
}
.benefitThree{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 8px;
  padding: 20px;
  min-height:444px;
  border-top: 4px solid #66CDAA;
  background-color: #fbfbfb;
}
.benefitOne:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 5px 10px 10px;
  background-color: #fff;
}
.benefitTwo:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 5px 10px 10px;
  background-color: #fff;
}
.benefitThree:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 5px 10px 10px;
  background-color: #fff;
}
.socialbookmaking-banner{
  margin-top: 30px;
  background: url(../images/seo-service-images/book-marking-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0;
  background-position: center;
}


/* ************************************** start button ***************************************** */

.button__icon{
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  color: #fff;
  height: 100%;
}
.button__icon{
  font-size: 1.1em;
}
@keyframes anime{
  100%{
      transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      box-shadow: 0 40px 10px -18px rgba(0,0,0,0.2), 0 40px 16px -12px rgba(0,0,0,0.2);
  }
}

/* *********************************** button end ****************************************** */



@media screen and (max-width:500px){
  .seo-banner{
    padding: 100px 0;
    margin-top: 60px;
  }
  .seoInner h1{
    font-size: 16px;
  }
  .seoInner p{
    font-size: 12px;
  }
  .seo-part2 h3{
    font-size: 16px;
  }
  .bronze1 h5{
    font-size: 16px;
  }
  .silver1 h5{
    font-size: 16px;
  }
  .gold1 h5{
    font-size: 16px;
  }
  .Platinum1 h5{
    font-size: 16px;
  }
  .ourSeoServicesContent h5{
    font-size: 16px;
  }
  .ourSeoServicesContent1 h5{
    font-size: 16px;
  }
  p{
    font-size: 14px !important;
  }
  .client-text p{
      font-size:10px !important;
  }
  li{
    font-size: 12px !important;
  }
  .offPageLeft h4{
    font-size: 16px;
  }
  .offPageRight h4{
    font-size: 16px;
  }
}
/* seo_services_end*/

    .profile-card{
      position: relative;
      font-family: sans-serif;
      width: 100%;
      /*height:505px;*/
      background: #fff;
      padding: 30px;
      border-radius:10px;
      box-shadow: 0 0 22px #3336;
      transition: .6s;
      margin: 20px 0px 50px !important;
    }
    /*.profile-card:hover{*/
    /*  border-radius: 10px;*/
    /*  height: 470px;*/
    /*}*/
    .profile-card .img1{
      position: relative;
      width: 100%;
      /*height: 100%;*/
      transition: .6s;
      transform: translateY(-60px);
      z-index: 99;
    }
    .profile-card:hover .img1 img{
        
      box-shadow: 0 0 22px #3336;
        
      
    }
    .img1 img{
      width: 100%;
      border-radius: 10px;
      transition: .6s;
    }
    .profile-card:hover img{
      border-radius: 10px;
    }
    .caption{
        min-height:210px;
      text-align: center;
      /*transform: translateY(-195px);*/
      opacity: 1;
      transition: .6s;
    }
   
    .caption h3{
      font-size: 17px;
      font-family: sans-serif;
      font-weight: 600;
    }
    .caption h3 span{
      font-size: 14px;
      color:#7CCDF2;
      font-family: sans-serif;
      font-weight: 600;
    }
    .caption p{
      font-size: 12px;
      color: #111;
      font-family: sans-serif;
      margin: 2px 0 9px 0;
    }
    .caption .social-links a{
      color: #333;
      margin-right: 15px;
      font-size: 21px;
      transition: .6s;
    }
    .social-links a:hover{
      color: #0c52a1;
    }

@font-face {
      font-family: Exo;
      src: url(./fonts/Exo2.0-Medium.otf);
    }
@media screen and (max-width:500px) {
    .caption p{
      font-size: 10px !important;
      color: #111;
      font-family: sans-serif;
      margin: 0px 0 0px 0 !important;
    }
    .profile-card{
      position: relative;
      font-family: sans-serif;
      width: 100%;
      /*height:505px;*/
      background: #fff;
      padding: 5px;
      border-radius:10px;
      box-shadow: 0 0 22px #3336;
      transition: .6s;
      margin: 20px 0px 50px !important;
    }
    .profile-card .img1{
      position: relative;
      width: 100%;
      height: 100%;
      transition: .6s;
      transform: translateY(-40px);
      z-index: 99;
    }
    .profile-card:hover .img1 img{
        
      box-shadow: 0 0 22px #3336;
        
      
    }
    .img1 img{
      width: 100%;
      border-radius: 10px;
      transition: .6s;
    }
    .profile-card:hover img{
      border-radius: 10px;
    }
    .caption{
        min-height:277px;
      text-align: center;
      /*transform: translateY(-195px);*/
      opacity: 1;
      transition: .6s;
    }
    
    .caption h3{
      font-size: 14px;
      font-family: sans-serif;
      font-weight: 600;
    }
    .social-links a {
        color: #333;
  margin-right: 4px !important;
  display: inline-block;
  height: 25px !important;
  width: 25px !important;
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 0 10px 10px 0;
  text-align: center;
}
  
    /* web solutions start */
.ui-design-section{
  padding: 30px 0;
}
.ui-design-content{
  padding: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  min-height: 360px;
  border: 3px solid #00CED1;
}
.ui-design-content:hover{
  background-color: #00CED1;
}
.ui-design-content:hover h5,
.ui-design-content:hover p{
  color: #fff;
}
.ui-design-section h2{
  padding-bottom: 20px;
  color: #00CED1;
}
.ui-design-content img{
  padding: 20px;
  background-color: #fbfbfb;
  border: 3px solid #00CED1;
}
.ui-design-content h5{
  padding-top: 10px;
}
.ui-design-content p{
  text-align: justify;
}
.uiDesignDevelopment1{
  padding: 30px 0;
}
.uiDesignDevelopment1 h2{
  color: #00CED1;
}
.uiDesignDevelopment1 p{
  text-align: justify;
}
.uiDesignDevelopment1 h6{
  color: #00CED1;
}
.uiDesignDevelopment1 i{
  color: #00CED1;
}
.logotypeCustomization{
  min-height: 320px;
  border-radius: 30px 0;
}
.psdToHtmlnew{
  padding: 30px;
}
.psdToHtmlnew h2{
  padding-bottom: 20px;
}
.psdToHtmlnew p{
  text-align: justify;
}
.psdToHtmlnew ul li{
  text-align: justify;
}

@media screen and (max-width:500px){
  .ui-design-section h2{
    font-size: 16px;
  }
  .ui-design-content h5{
    font-size: 16px;
  }
  ul{
    font-size: 16px !important;
  }
  .uiDesignDevelopment1 h2{
    font-size: 16px;
  }
  .psdToHtmlnew h2{
    font-size: 16px;
  }
  .psdToHtmlnew h6{
    font-size: 16px;
  }
}
/* web solutions end */

/* mobile apps start */
.androidBanner{
  background: linear-gradient(to right, rgba(0, 11,10, 0.787), rgba(0, 110, 0, 0.61)), url(../images/mobile-apps/android-app-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 0;
}
.androidBanner .breadcrumb a{
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
}
.androidBanner .breadcrumb li{
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
.seo p{
  text-align: justify;
}

@media screen and (max-width:500px){
  .androidBanner{
    padding: 60px 0;
  }
  .androidBanner .breadcrumb a{
    font-size: 12px;
  }
  .androidInner h6{
    font-size: 12px !important;
  }
}
/* mobile apps end *



/* flutter start */
.flutterBanner{
  padding: 120px 0;
  background-color: #FFFFF0;
  color: #00CED1;
}
.flutterBanner p{
  padding: 10px 0;
}
.flutterBannerContent{
  padding-top: 100px;
}
.flutterBannerContent a{
  background-color: #00CED1;
  font-weight: 600;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.flutterBannerContent a:hover{
  color: #fff;
}
.flutterBannerImage img{
  width: 100%;
}
.flutterOne{
  padding: 30px 0;
}
.flutterOne p{
  padding-bottom: 20px;
}
.flutterOneContent{
  padding: 20px;
  background-color: #fbfbfb;
  border: 2px solid #00CED1;
  min-height: 200px;
}
.flutterOneContent:hover{
  background-color: #fff;
  box-shadow: #00CED1 0px 3px 8px;
}
.flutterOneContent:hover h5{
  color: #00CED1;
}
.flutterTwo{
  padding: 30px 0;
}
.flutterTwo p{
  padding-bottom: 20px;
}
.flutterTwoContent{
  padding: 20px;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  min-height: 280px;
}
.flutterTwoContent:hover{
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: 4px solid #00CED1;
}
.flutterTwoContent:hover h5{
  color: #00CED1;
  font-weight: 600;
}
.flutterThree{
  padding: 30px 0;
}
.flutterThree p{
  padding-bottom: 20px;
}
.flutterThreeContent{
  padding: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  min-height: 220px;
  border-radius: 25px;
  border-right: 3px solid #00CED1;
}
.flutterThreeContent p{
  text-align: justify;
}
.flutterFour{
  padding: 30px 0;
}
.flutterFour p{
  padding-bottom: 20px;
}
.flutterFourContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  min-height: 240px;
}
.flutterFourContent h3{
  font-weight: 700;
  color: #fff;
  background-color: #00CED1;
  width: 22%;
  padding: 10px;
  border-radius: 25px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.flutterFourContent h5{
  padding-top: 20px;
}
.flutterFive{
  padding: 30px 0;
}
.flutterFive p{
  padding-bottom: 20px;
}
.flutterFiveContent{
  padding: 20px;
  background-color: #00CED1;
  min-height: 180px;
  border: 3px solid #87CEFA;
}
.flutterFiveContent h6{
  color: #fff;
  padding-top: 20px;
}
.flutterSix{
  padding:30px 0;
}
.flutterSix p{
  padding-bottom: 20px;
}
.flutterSixContent{
  padding: 20px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  min-height: 240px;
  border-top: 3px solid #00CED1;
}
.flutterSixContent:hover{
  border-bottom: 5px solid #00CED1;
  box-shadow: #00CED1 0px 2px 4px, #00CED1 0px 2px 6px;
}

@media screen and (max-width:500px){
  .flutterBanner{
    padding: 20px 0;
  }
}
/* flutter end *
/* ios start */
.iosBanner{
  background: url(../images/new-services/ios-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
}
.iosBannerContent{
  padding-top: 100px;
}
.iosBannerContent h1{
  color: #fff;
}
.iosBannerContent p{
  padding: 10px 0;
  color: #fff;
}
.iosBannerContent a{
  background-color: #e03922;
  color: #fff;
  font-weight: 700;
  padding: 12px 22px;
}
.iosBannerContent a:hover{
  color: #fff;
}
.iosOne{
  padding: 30px 0;
}
.iosOne p{
  padding-bottom: 20px;
}
.iosOneContent{
  padding: 20px;
  border: 1px solid #e03922;
  min-height: 160px;
  box-shadow: #e03922 0px 3px 9px;
  border-radius: 15px;
}
.iosOneContent:hover{
  box-shadow: #e03922 0px 4px 8px, #e03922 0px 6px 6px;
}
.iosTwo{
  padding: 30px 0;
}
.iosTwo p{
  padding-bottom: 20px;
}
.iosTwoContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border-bottom: 3px solid #e03922;
}
.iosTwoContent p{
  text-align: justify;
}
.iosTwoContent h5{
  font-weight: 600;
}
.iosTwoContent:hover h5{
  color: #e03922;
}
.iosTwoContent:hover{
  border: 2px solid #e03922;
  box-shadow: #e03922 6px 2px 6px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.iosThree{
  padding: 30px 0;
}
.iosThree p{
  padding-bottom: 20px;
}
.iosThreeContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.iosThreeContent h3{
  font-weight: 600;
  background-color: #e03922;
  width: 30%;
  padding: 5px 15px;
  border-radius: 20px;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.iosThreeContent:hover{
  border-left: 4px solid #e03922;
}
.iosFour{
  padding: 30px 0;
}
.iosFour p{
  padding-bottom: 20px;
}
.iosFourContent{
  padding: 20px;
  box-shadow: #e03922 0px 2px 4px;
  min-height: 240px;
}
.iosFourContent h5{
  color: #e03922;
  font-weight: 700;
}
.iosFourContent:hover{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

@media screen and (max-width:500px){
  .iosBanner{
    padding: 20px 0;
  }
  .iosThreeContent h3{
    width: 20%;
  }
}
/*iosend*/

.bronze1 p{
    text-align:center !important;
}

.silver1 p{
    text-align:center !important;
}

.gold1 p{
    text-align:center !important;
}

.Platinum1 p{
    text-align:center !important;
}
/* logo image start */
.logoImage{
  padding: 20px;
  background-color: #Fbfbfb;
  min-height: 200px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.logoImage:hover{
  border: 3px solid #00CED1;
  background-color: #fff;
}
/* logo image end */

/* website design and development start */
.designDevelopment{
  padding: 20px 0;
}
.designDevelopmentContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-height: 400px;
  border-bottom: 5px solid #00CED1;
}
.designDevelopmentContent:hover{
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}
.designDevelopmentContent i{
  background-color: #00CED1;
  padding: 10px;
  font-size: 20px;
  color: #111;
}
.designDevelopmentContent h5{
  padding-top: 10px;
}
.designDevelopmentContent p{
  text-align: justify;
}

@media screen and (max-width:500px){
  .articalWriting h4{
    font-size: 16px;
  }
  .designDevelopmentContent h5{
    font-size: 16px;
  }
}
/* website design and development end */

/* wordpress start */
.wordpressOne{
  padding: 20px 0;
}
.wordpressOne h3{
  padding-bottom: 20px;
  color: #00CED1;
}
.wordpressOneContent{
  padding: 10px;
  box-shadow: #00CED1 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  min-height: 430px;
}
.wordpressOneContent:hover{
  border: 3px solid #00CED1;
}
.wordpressOneContent img{
  padding: 10px 0;
}

@media screen and (max-width:500px){
  .wordpressOne h3{
    font-size: 16px;
  }
  .wordpressOneContent h6{
    font-size: 14px;
  }
}
/* wordpress end */

/* cms solutions start */
.whyusContentOne{
  padding: 20px;
  box-shadow: #00CED1 0px 4px 8px -2px, #00CED1 0px 0px 0px 1px;
  min-height: 350px;
}
.whyusContentOne:hover{
  box-shadow: #00CED1 0px 4px 8px, #00CED1 0px 4px 8px, #00CED1 0px 8px 10px;
}
.whyusContentOne h5{
  color: #00CED1;
}
.whyusContentOne p{
  text-align: justify;
}
@media screen and (max-width:500px){
  .webImage a{
    font-size: 14px;
  }
  .webImage img{
    width: 25%;
  }
  .whyusContentOne h5{
    font-size: 16px;
  }
  
}
/* cms solutions end */

/* graphic design start */
.graphicsOne{
  padding: 30px 0;
}
.graphicsOne h3{
  padding-bottom: 20px;
  color: #00CED1;
}
.graphicsOneContent{
  padding: 20px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  min-height: 315px;
  border-bottom: 2px solid #00CED1;
}
.graphicsOneContent:hover{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-bottom: 5px solid #00CED1;
}
.graphicsOneContent p{
  text-align: justify;
}

@media screen and (max-width:500px){
  .graphicsOne h3{
    font-size: 16px;
  }
  .graphicsOneContent h5{
    font-size: 14px;
  }
}
/* graphic design end *
/* react native start */
.reactnativeBanner{
  padding: 120px 0;
  background-color: #00FFFF;
}
.reactnativeBannerContent{
  padding-top: 100px;
}
.reactnativeBannerContent h1{
  color: #fff;
}
.reactnativeBannerContent p{
  padding: 10px 0;
  color: #fff;
}
.reactnativeBannerContent a{
  background-color: #fff;
  color: #00FFFF;
  font-weight: 700;
  padding: 12px 22px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.reactnativeBannerContent a:hover{
  color: #00FFFF;
}
.reactnativeBannerImage img{
  width: 60%;
  border-radius: 50%;
}
.reactnativeOne{
  padding: 30px 0;
}
.reactnativeOne h2{
  color: #00FFFF;
}
.reactnativeOne p{
  padding-bottom: 20px;
}
.reactnativeOneContent{
  padding: 20px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  min-height: 340px;
}
.reactnativeOneContent:hover{
  border: 5px solid #00FFFF;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.reactnativeOneContent img{
  width: 20%;
}
.reactnativeOneContent h5{
  padding-top: 10px;
}
.reactnativeTwo{
  padding: 30px 0;
}
.reactnativeTwo h2{
  padding-bottom: 30px;
}
.reactnativeTwoContent{
  padding: 20px;
  box-shadow: #00FFFF 0px 0px 8px;
  min-height: 210px;
}
.reactnativeTwoContent p{
  text-align: justify;
}
.reactnativeTwoContent:hover h5{
  color: #00FFFF;
  font-weight: 700;
}

@media screen and (max-width:500px){
  .reactnativeBanner{
    padding: 20px 0;
  }
  .reactnativeOneContent img{
    width: 30%;
  }
}
/* react native end *

/* dotnet start */
.dotnetOne {
  padding: 10px 0;
}

.dotnetOne h3 {
  padding-bottom: 30px;
  color: #00CED1;
}

.dotnetOneContent {
  padding: 20px;
  box-shadow: #00CED1 0px 0px 0px 1px, yellow 0px 0px 0px 3px, #00CED1 0px 0px 0px 5px;
  min-height: 280px;
}

.dotnetOneContent:hover {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-bottom: 5px solid #00CED1;
}

.dotnetOneContent:hover h5 {
  color: #00CED1;
}

.dotnetOneContent p {
  text-align: justify;
}

.dotnetTwo {
  padding: 20px 0;
}

.dotnetTwo h3 {
  padding-bottom: 20px;
  color: #00CED1;
}

.dotnetTwoContent {
  padding: 20px;
  text-align: justify;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  min-height: 320px;
}

.dotnetTwoContent:hover {
  box-shadow: #00CED1 0px 7px 10px 0px;
}

@media screen and (max-width:500px) {
  .appdotnet h2 {
    font-size: 17px;
  }

  .dotnetOne h3 {
    font-size: 17px;
  }

  .dotnetOneContent h5 {
    font-size: 15px;
  }

  .dotnetTwo h3 {
    font-size: 17px;
  }

  .dotnetTwoContent h5 {
    font-size: 15px;
  }
}

/* dotnet end */

/* php start */
.phpSection {
  padding: 30px 0;
}

.phpSection h2 {
  padding-top: 20px;
}

.phpSection h3 {
  padding: 20px 0;
}

.phpSection p {
  text-align: justify;
}

.phpSectionInner {
  padding: 20px;
  box-shadow: #00CED1 3px 3px 6px 0px inset, #00CED1 -3px -3px 6px 1px inset;
  min-height: 480px;
}

.phpSectionInner:hover {
  box-shadow: #00CED1 0px 2px 4px 0px, #00CED1 0px 2px 16px 0px;
  border-left: 5px solid rgb(12, 12, 66);
}

.phpSectionInner p {
  text-align: justify;
}

.webServicesContent1 ul li {
  list-style: none;
}

.phpSec1 {
  padding: 20px 0;
}

.phpSec1Content {
  padding: 10px 0;
}

.phpSec1Content p {
  text-align: justify;
}


@media screen and (max-width:500px) {
  .phpSection h2 {
    font-size: 16px;
  }

  .phpSection h3 {
    font-size: 15px;
  }

  .phpSectionInner h5 {
    font-size: 14px;
  }

  .webServicesContent1 {
    text-align: justify;
  }

  .webServicesContent1 h6 {
    font-size: 15px;
  }

  .phpSec1Content h3 {
    font-size: 15px;
  }

}

/* php end */

/* database start */
.databaseServicesContent1 ul li {
  list-style: none;
}

/* database end */

/* software development start */
.softwareDevelopment {
  padding: 30px 0;
}

.softwareDevelopment h2 {
  padding-bottom: 10px;
  color: #00CED1;
}

.softwareDevelopmentContent {
  padding: 20px;
  box-shadow: #00CED1 0px 30px 50px -12px inset, #fff 0px 18px 36px -18px inset;
  min-height: 240px;
}

.softwareDevelopmentContent p {
  text-align: justify;
}

@media screen and (max-width:500px) {
  .softwareDevelopment h2 {
    font-size: 16px;
  }

  .softwareDevelopmentContent h5 {
    font-size: 14px;
  }
}

/* software development end */

/* web services start */
.webServicesContent1 h2 {
  padding: 30px 0;
}

.webServicesOne {
  padding: 30px 0;
}

.webServicesOne h3 {
  padding-bottom: 20px;
  color: #00CED1;
}

.webServicesOneContent {
  padding: 20px;
  text-align: justify;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  min-height: 190px;
}
.webServicesOneContent:hover{
  border-bottom: 5px solid #00CED1;
}

@media screen and (max-width:500px) {
  .webServicesContent1 h2 {
    font-size: 16px;
  }
  .webServicesContent1 h6{
    font-size: 14px !important;
  }
  .webServicesOne h3{
    font-size: 16px;
}
.webServicesOne h5{
  font-size: 15px;
}
}

/* web services end *

/* digital marketing start */
.ppcOne{
  padding: 30px 0;
}
.ppcOneContent{
  padding: 10px 0;
  text-align: justify;
}
.ppcOneContent h1{
  font-weight: 700;
}
.ppcOneContent1{
  float: right;
  padding: 20px 0;
  text-align: justify;
}
.ppcOneContent1 h2{
  font-weight: 700;
}
.ppcOneContent1Inner{
  padding: 20px;
  text-align: justify;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  border-radius: 25px 0;
  min-height: 250px;
  border-left: 3px solid #00CED1;
}
.ppcOneContent1Inner:hover{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.ppcOneContent1Inner h5{
  color: #FF8C00;
  font-weight: 600;
}
.ppcTwo{
  padding: 30px 0;
}
.ppcTwo h3{
  font-weight: 700;
  padding-bottom: 20px;
}
.ppcTwoContent{
  padding: 20px;
  text-align: justify;
  box-shadow: #FF8C00 3px 3px 6px 0px inset, #00CED1 -3px -3px 6px 1px inset;
  min-height: 280px;
}
.ppcThree{
  padding: 30px 0;
}
.ppcThree h3{
  padding-bottom: 30px;
  font-weight: 700;
}



@media screen and (max-width:500px){
  .ppcOneContent h1{
    font-size: 17px;
  }
  .ppcOneContent1 h2{
    font-size: 16px;
  }
  .ppcOneContent1Inner h5{
    font-size: 15px;
  }
  .ppcTwo h3{
    font-size: 16px;
  }
  .ppcTwoContent h5{
    font-size: 15px;
  }
  .ppcThree h3{
    font-size: 16px;
  }
}



/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #00CED1;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container001 {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container001::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #00CED1;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #00CED1;
  ;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #00CED1;
  border-width: 10px 10px 10px 0;
  border-color: transparent #00CED1 transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.content1 {
  padding: 20px 30px;
  background-color: #FF9F55;
  position: relative;
  border-radius: 6px;
  color: #fff;
  /* border: 4px solid #FF9F55; */
}
.content1 h5{
  font-weight: 700 !important;
}
.content1 p{
  color: #fff;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .container001 {
    width: 100%;
    /* padding-left: 70px; */
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .container001::before {
    left: 60px;
    border: medium solid #FF9F55;
    border-width: 10px 10px 10px 0;
    border-color: transparent #FF9F55 transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
  .content h5{
    font-size: 15px;
  }
}




.semOne{
  padding: 30px 0;
  text-align: justify;
}
.semOne h1{
  font-weight: 600;
  font-size: 32px;
  color: #111;
  padding-bottom: 10px;
}
.semOneContentInner{
  padding: 20px;
  text-align: justify;
  background-color: #fbfbfb;
  border-radius: 35px 0;
  border-left: 4px solid #e03922;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  min-height: 250px;
}
.semOneContentInner:hover{
  border-right: 4px solid #e03922;
  border-left: none;
  background-color: #fff;
}
.semTwo{
  padding: 30px 0;
}
.semTwo h2{
  font-weight: 600;
  font-size: 28px;
  color: #111;
  padding-bottom: 10px;
}
.semTwoContent{
  padding: 10px 0;
  text-align: justify;
}
.semThree{
  padding: 30px 0;
}
.semThree h3{
  color: #111;
  font-weight: 600;
  font-size: 27px;
  padding-bottom: 20px;
}
.semThreeContent{
  padding: 20px;
  text-align: justify;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  min-height: 380px;
  border-bottom: 4px solid #e03922;
}
.semThreeContent h5{
  font-size: 16px;
  font-weight: 600;
  color: #111;
}

@media screen and (max-width:500px){
  .semOne h1{
    font-size: 15px;
  }
  .semOneContentInner h5{
    font-size: 15px;
  }
  .semTwoContent h2{
    font-size: 15px;
  }
  .semThree h3{
    font-size: 16px;
  }
  .semThreeContent h5{
    font-size: 13px;
  }
}




.emailOne{
  padding: 30px 0;
  text-align: justify;
}
.emailOneContent h1{
  padding: 10px 0;
  font-size: 32px;
  color: #DC143C;
  font-weight: 600;
}
.emailTwo{
  padding: 30px 0;
  text-align: justify;
}
.emailTwo h2{
  padding: 10px 0;
  font-size: 28px;
  color: #DC143C;
  font-weight: 600;
}
.emailThree{
  padding: 30px 0;
  text-align: justify;
}
.emailThreeContent{
  padding: 20px 0;
}
.emailThreeContent h3{
  padding: 10px 0;
  font-size: 25px;
  color: #DC143C;
  font-weight: 600;
}
.emailThreeContentInner{
  padding: 20px;
  box-shadow: #DC143C 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  min-height: 250px;
}
.emailThreeContentInner:hover{
  border-top: 3px solid #DC143C;
}
.emailThreeContentInner i{
  color: #DC143C;
  background-color: #111;
  padding: 10px;
  border-radius: 20px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.emailThreeContentInner h5{
  font-size: 17px;
  color: #111;
  font-weight: 600;
}
.emailFour{
  padding: 30px 0;
  text-align: justify;
}
.emailFour h3{
  padding-bottom: 20px;
  font-size: 25px;
  color: #DC143C;
  font-weight: 600;
}
.emailFourContent{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.emailFourContent h5{
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  background-color: #DC143C;
  padding: 10px;
}

@media screen and (max-width:500px){
  .emailOneContent h1{
    font-size: 17px;
  }
  .emailTwo h2{
    font-size: 15px;
  }
  .emailThreeContent h3{
    font-size: 15px;
  }
  .emailThreeContentInner h5{
    font-size: 12px;
  }
  .emailFour h3{
    font-size: 15px;
  }
  .emailFourContent h5{
    font-size: 13px;
  }
}


.leadOne{
  padding: 30px 0;
}
.leadOne h1{
  padding-bottom: 10px;
  color: #e03922;
  font-weight: 600;
  font-size: 32px;
}
.leadOneContent{
  text-align: justify;
}
.leadTwo{
  padding: 30px 0;
  text-align: justify;
}
.leadTwo h2{
  padding-bottom: 10px;
  color: #e03922;
  font-weight: 600;
  font-size: 28px;
}
.leadTwoInner{
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  padding: 30px;
  min-height: 520px;
  border-bottom: 3px solid #e03922;
}
.leadTwoInner h5{
  padding-top: 10px;
  color: #e03922;
  font-weight: 600;
  font-size: 18px;
}
.leadTwoInner ul li{
  padding: 10px 0;
}
.leadThree{
  padding: 40px 0;
}
.leadThree h3{
  padding-bottom: 20px;
  color: #e03922;
  font-weight: 600;
  font-size: 25px;
}
.accordion-item{
  color: #e03922 !important;
  background-color: #fff !important;
  border-radius: 0 25px !important;
}
.accordion-button{
  background-color: #e03922 !important;
  color: #fff !important;
  margin: 10px 0 !important;
  border-radius: 0 25px !important;
}
.leadFour{
  padding: 30px 0;
  text-align: justify;
}
.leadFourContent h3{
  color: #e03922;
  padding: 10px 0;
  font-size: 25px;
  font-weight: 600;
}
.leadFive{
  padding: 30px 0;
  text-align: justify;
}
.leadFiveContent h3{
  color: #e03922;
  padding: 10px 0;
  font-size: 25px;
  font-weight: 600;
}


@media screen and (max-width:500px){
  .leadOne h1{
    font-size: 17px;
  }
  .leadTwo h2{
    font-size: 16px;
  }
  .leadTwoInner h5{
    font-size: 14px;
  }
  .leadThree h3{
    font-size: 15px;
  }
  .accordion-item{
    font-size: 12px !important;
  }
  .accordion-button{
    font-size: 13px !important;
  }
  .accordion-body{
    padding: 10px !important;
  }
  .leadFourContent h3{
    font-size: 12px;
  }
  .leadFiveContent h3{
    font-size: 12px;
  }
}
/* digital marketing end *

/* artical writing start */
.articalwritingOne{
  padding: 30px 0;
  text-align: justify;
}
.aWOneContent h1{
  color: #AFEEEE;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  padding: 10px 0;
}
.aWCont{
  padding: 10px 0;
}
.aWCont ul li{
  padding: 2px 0;
  text-align: justify;
  list-style: none;
}
.aWCont i{
  color: #AFEEEE;
}
.aWImage{
  padding: 50px 0;
}
.articalWritingTwo{
  padding: 30px 0;
}
.articalWritingTwo h2{
  color: #AFEEEE;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;
}
.aWTwo{
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  min-height: 230px;
}
.aWTwo h5{
  font-size: 17px;
  color: #111;
  font-weight: 600;
  background-color: #AFEEEE;
  padding: 10px;
  border-radius: 15px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 9px 0px;

}
.aWTwo p{
  text-align: justify;
}
.articalWritingThree{
  padding: 30px 0;
}
.articalWritingThree h3{
  padding: 10px 0;
  color: #AFEEEE;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}
.aWThree ul li{
  list-style: none;
  padding: 2px 0;
  text-align: justify;
}
.aWThree i{
  color: #AFEEEE;
}
.aWThreeImage{
  padding: 50px 0;
}

@media screen and (max-width:500px){
  .aWOneContent h1{
    font-size: 17px;
  }
  .articalWritingTwo h2{
    font-size: 16px;
  }
  .articalWritingTwo h5{
    font-size: 14px;
  }
  .articalWritingThree h3{
    font-size: 15px;
  }
}
/* artical writing end */

/* affiliate marketing start */
.aMOne{
  padding: 30px 0;
}
.aMOne h1{
  color: #FFB6C1;
  font-size: 30px;
  font-weight: 600;
  padding: 10px 0;
}
.aMPara p{
  text-align: justify;
  padding-bottom: 10px;
}
.aMOneContent{
  padding: 20px;
  box-shadow: #FFB6C1 0px 2px 4px 0px, #FFB6C1 0px 2px 16px 0px;
  min-height: 230px;
}
.aMOneContent h5{
  font-size: 18px;
}
.aMOneContent p{
  text-align: justify;
}
.aMTwo{
  padding: 30px 0;
}
.aMTwo h2{
  padding-bottom: 20px;
  color: #FFB6C1;
  font-size: 28px;
  font-weight: 600;
}
.aMTwoContent p{
  text-align: justify;
  padding: 5px 0;
}
.aMThree{
  padding: 30px 0;
}
.aMThree h3{
  padding-bottom: 20px;
  color: #FFB6C1;
  font-size: 25px;
  font-weight: 600;
}
.aMThreeContent{
  padding: 20px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  min-height: 230px;
  border-bottom: 4px solid #FFB6C1;
}
.aMThreeContent h5{
  font-size: 18px;
  font-weight: 600;
}
.aMThreeContent ul li{
  list-style: none;
  text-align: justify;
  padding: 5px 0;
}
.aMThreeContent i{
  color: #FFB6C1;
}
.aMFour{
  padding: 30px 0;
}
.aMFour h3{
  padding-bottom: 20px;
  color: #FFB6C1;
  font-size: 25px;
  font-weight: 600;
}
.aMFourContent{
  padding: 20px;
  box-shadow: #FFB6C1 0px 2px 4px 0px, #FFB6C1 0px 2px 16px 0px;
  min-height: 220px;
}
.aMFourContent h5{
  font-size: 18px;
  font-weight: 600;
}
.aMFourContent p{
  text-align: justify;
}

@media screen and (max-width:500px){
  .aMOne h1{
    font-size: 18px;
  }
  .aMOneContent h5{
    font-size: 15px;
  }
  .aMTwo h2{
    font-size: 16px;
  }
  .aMThree h3{
    font-size: 15px;
  }
  .aMThree h5{
    font-size: 14px;
  }
  .aMFour h3{
    font-size: 15px;
  }
  .aMFour h5{
    font-size: 14px;
  }
}

/* affiliate marketing end */

/* internet marketing start */
.IMOne{
  padding: 30px 0;
}
.IMOne h1{
  font-size: 30px;
  font-weight: 600;
  padding: 10px 0;
  color: green;
}
.IMOneContent p{
  text-align: justify;
  padding: 10px 0;
}
.IMOneInner{
  padding: 10px;
  box-shadow: green 0px 3px 9px;
  min-height: 200px;
}
.IMOneInner:hover{
  border-bottom: 5px solid green;
}
.IMOneInner h5{
  font-size: 17px;
  color: #111;
  font-weight: 600;
}
.IMOneInner p{
  text-align: justify;
}
.IMTwo{
  padding: 30px 0;
}
.IMTwo h2{
  font-size: 28px;
  font-weight: 600;
  color: green;
}
.IMTwo p{
  padding-bottom: 10px 0;
}
.IMTwoContent{
  padding: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  min-height: 240px;
}
.IMTwoContent:hover{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.IMTwoContent h5{
  font-size: 17px;
  color: #111;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  padding: 10px;
  background-color: green;
  color: #fff;
}
.IMTwoContent p{
  text-align: justify;
  padding: 10px 0;
}

@media screen and (max-width:500px){
  .IMOne h1{
    font-size: 17px;
  }
  .IMOneInner h5{
    font-size: 13px;
  }
  .IMTwo h2{
    font-size: 16px;
  }
  .IMTwoContent h5{
    font-size: 11px;
  }
}