/******************Home Page navigation*******************************/

body{
  overflow-x:hidden;
   position: relative;
}

html {
  overflow-x: hidden;
}

.navbar-nav > li > a{
    font-weight: normal;
  }


#header .navbar{
  background:white;     
  border-bottom:1px solid #cec7c4;
}
  
.logo-img{
   width: 235px;
   height: 48px;
}
.get-quote-anky{
  background: #49b96a;
  color:white;
  font-weight: normal;
}
.get-quote-anky:hover{
  color:black;
}


.navbar-brand{
  margin-left: 70px;
}
#mainNav-anky{

 margin-right:80px;
 font-family: gilroy;
 
}
.home-anky, .services-anky,.blog-anky,.contact{
  color: black;
  font-weight:bold;

}
#myNavbar-anky{
  background: white;


}
.navbar-toggler-icon{
  color:black;

}
.nav-item.active .nav-link {
    color:#269ae5 ;
    border-bottom:3px solid #269ae5 ;
  
}

.nav-item:hover .nav-link{
  color:#00a49b;
}

.menu-large a{
  color:grey;
  font-size:15px;
}
.menu-large a:hover{
  color:#2196F3;
}

.menu-right-page{
  margin-right:-200px;
  height: 350px;
}

.get-quote-anky a{
  color:white;
}
.get-quote-anky a:hover {
  color:black;
  text-decoration: none;
}
.deve-anky a img{
width:30px;margin-right:5px;
}
.deve-anky a{
   margin-top: 10px;
}
.grap-anky a img{
  width:30px;margin-right:5px;

}
.grap-anky a{
  margin-top: 10px;
}
.digi-anky a img{
   width:30px;
   margin-right:5px;
}
.digital-anky a{
  margin-top: 10px;
}
.digital-anky a img{
  width:30px;
   margin-right:5px;
}
.digi-anky a{
  margin-top: 10px;
}
.ads-anky a img{
   width:35px;margin-right:5px;
}
.ads-anky a{
   margin-top: 10px;
}
.ot-serv-anky a img{
   width:30px;margin-right:5px;
}
.ot-serv-anky a{
   margin-top: 10px;
}
.deve-anky .android-icon{
  width:33px;
}
.navbar-nav .dropdown-menu{
 
}

.career-dropdown a img{
  width:28px;
}


/******************Main Index page - hero section bg*******************************/
.bg-cover{
  background:url("../images/na-mainbanner.jpg");
  height:100%;
  background-repeat: no-repeat;
    background-size: cover;
     padding-bottom: 180px;
      /* margin-bottom: 100px;*/
    
}

.jumbotron {
    /* padding: 2rem 1rem; */
    /* margin-bottom: 2rem; */
    /* background-color: #e9ecef; */
     border-radius: 0rem; 
}
.hero-head{
  margin-top: 151px;
   margin-left: 109px;
   color: white;
   
}

.lead {
    margin-left: 109px;
    color: white;
}



.small-text{
   margin-left: 109px;
   color: white;
}

.bg-cover .grow-btn{
     width: 150px;
    height: 50px;
    background: linear-gradient(62deg, #188ef4 0%, #188ef4 100%);
    border-radius: 10px;
    margin-left: 109px;
    color: white;
    font-weight: 500;
    border-color: #f8f9fa;
}
.bg-cover .grow-btn:hover{
  color:black;
}


/***************Index-page-- 2nd section*******************/
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Domine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

 .layout2-details .layout2-heading{
  font-weight:bold;
  font-size:28px;
    margin-left:2px;
    margin-top:80px;
    position: relative;
   
   
}

.service-layout-bg .layout2 {
    margin-left: 250px;
    height: 550px;
}
#layout-id{

}
  #layout-id::after {
  content: "";
  width: 50px;
  position: absolute;
  margin: 0 auto;
  height: 3px;
  background: #6254e5;
  left: -80px;
  right: 465px;
 top: 37px;

}

#layout-id:hover::after{
  width:190px;
  left:0px;
  background:linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
#get-start-anky{
  background-image: linear-gradient( 90.2deg,  rgba(75,68,229,1) 2%, rgba(97,212,202,1) 98.3% );
  border-radius:5px;
  color: white;
  border:none;

}
 #get-start-anky:hover{
background-image: linear-gradient( 178.8deg,  rgba(0,88,143,1) 13.8%, rgba(21,190,240,1) 95.4% );
color:black;
}

.browse-anky{
  background-image: linear-gradient( 90.2deg,  rgba(75,68,229,1) 2%, rgba(97,212,202,1) 98.3% );
  border-radius:5px;
  color: white;
  border:none;
  width: 120px;
}
.browse-anky:hover{
 background-image: linear-gradient( 178.8deg,  rgba(0,88,143,1) 13.8%, rgba(21,190,240,1) 95.4% );
color:white;
}
.browse-anky a{
  /*background-image: linear-gradient( 90.2deg,  rgba(75,68,229,1) 2%, rgba(97,212,202,1) 98.3% );*/
  /*border-radius:5px;*/
  color: white;
  border:none;
}
.browse-anky a:hover{
 background-image: linear-gradient( 178.8deg,  rgba(0,88,143,1) 13.8%, rgba(21,190,240,1) 95.4% );
color:white;
text-decoration: none;
}
.grow-anky img{
    width:400px;
    margin-top:20px;
    margin-left:50px;
  }

 
/*************home-layout3 ******************/
.layout3-details {
    margin-top: 182px;
}
.layout3-details .layout3-heading1,
  .layout3-details .layout3-heading2,
  .layout3-details .layout3-heading3
  {
    font-size:22px;
   overflow-x: hidden;
   overflow: hidden;

  }
  .layout3-details .layout3-heading1{
   margin-top: -141px;
     font-weight:500;
     overflow-x: hidden;
  }
 
 

 .setting-img{
  width:55px; 
  float:left;
  margin-left:-30px;
  margin-top:40px;
}

.layout3 .grow-anky1 img {
    width: 440px;
    margin-left: 170px;
}
.layout3-details a
  {
  font-weight:normal;
  font-size:24px;

  color:black;
  text-decoration: none;

 }
 .layout3-details a:hover{
  color:#00587a;
 }

 .layout3-details p{
     padding-right: 32px;
    padding-left: 48px;

 }


 /******************Mini-banner***************/
 .appl-service{
  /*background-image: url("../images/banner7.jpg");*/
  background-image: linear-gradient(to top right, #49b96a, #33b9f0);
   height:300px;
   margin-top:70px;
   margin-bottom: 35px;
}

.appl-service .h3-appl-serv h3{
  color:white;
  padding-top: 70px;
 margin-left: 187px;
  padding-bottom: 10px;
 
     font-size:38px;
}
.appl-service .h3-appl-serv p{
    color:white;
    padding-left:188px;
    padding-right: 20px;
    line-height: 30px;
   
     font-size:20px;

}
.appl-service .h3-appl-serv .learn-anky-more1{
  margin-left:190px;
  margin-bottom: 50px;
  background:#ffa900;
  color:white;
  font-weight: 500;
}



/*******************Why choose us section*************/
.choose-why .row-choose {
    margin-left: 137px;
}


div.card-dev-anky a{
text-decoration: none;
font-size:18px;
}
.card-dev-anky h5{
    margin-top: 8px;
    text-align: center;
}

.card-dev-anky a img{
    width: 100px;
    height: 100px;
    margin-left: 70px;
}

.card-deve-anky h6{
  margin-top: 10px;
  margin-left: -11px
}
div.card-deve-anky{
    padding: 50px;
    background: white;
    width: 200px;
    border:none;
    display:flex;
  
}

.card-deve-anky:hover{
  transform: scale(1.05);
 
}
#main-anky .card-deve-anky img{
  margin-left: -3px;
}



.us-anky-details h3{
 
   text-align: center;
    margin-left: -86px;
 }
 .us-anky p{
    padding-left: 22px;
    padding-right: 144px;
    
    font-size: 15px;
    padding-top: 20px;
}


.web-idea-anky{
  background-color: #2196F3;
    color: white;
   border-radius:30px;
   margin-left:90px;

}
.web-idea-anky:hover{
  color:white;
}
.your-idea-anky{
  border: solid 2px #2196F3;
  background: white;
  border-radius:30px;
  margin-right:20px;
}
.your-idea-anky:hover{
color:green;
}



/********************OUR SERVICES-SECTION*****************/
.services-anky .box-anky1 {
  padding: 50px 20px;
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
  height: 200px;
  position: relative;
  background: #fff;
 
}
.box-anky1 {
border:2px solid;
border-color: #e8e8e8;
}

.our-serv-title {
    margin-top: 90px;
}
.our-serv-title h3{
 text-align: center;
 font-size: 25px;
}
.services-anky .title-anky {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
}
.services-anky .description-anky {
  line-height: 24px;
  font-size: 14px;
  font-weight:normal;
}
.services-anky .title-anky a {
  color: #343a40;
  font-size: 18px;
    font-weight: 500;
}


#border-top-gallery1{
  position:absolute;
  top:31px;
  left:320px;
  height:50px;
  width:50px;
  background-color:transparent;
  border:5px solid  #009ec7;

   border-left:transparent;
   border-bottom:transparent;
  
}

#border-bottom-gallery1{
  position:absolute;
 top:190px;
  left:10px;
 height:50px;
  width:50px;
  background-color:transparent;
  border:5px solid transparent ;
   border-image-source: linear-gradient(62deg, #269ae5 0%, #6254e5 100%);
   border-image-slice: 5;
  border-top:transparent;
  border-right:transparent;
 
}


/*****************Services- UI Design*********/
.ui-design{
  margin-top: 40px;
  padding-bottom:60px;
}
.ui-design .ux-title h3{

  text-align: center;
}
.ui-design .ux-title p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.ux-img {
    margin-left: -4px;
    margin-top: 21px;
}
.ux-anky {
    margin-left: 4px;
    font-size: 18px;
    margin-top: 1rem;
}
.anky-ecom{
   margin-left: -16px;
}

img.ux-img {
    width: 39%;
}
/********************ux-ui layout*************************/
.uiux  h1{
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 2.5rem;
  margin-bottom: 20px;
  line-height: 56px;
  letter-spacing: -1px;
  background-size: cover;
  text-align: center;
  font-weight: bold;
  color: #35404e;
}
.uiux p {
  font-size: 16px;
  font-weight: 400;
}
.uiuxservices img {
  font-size: 80px;
  padding: 25px 15px 0px 10px;
  width: 100px;
  height: 100px;
}
.box{
  transition: .3s;
  border-radius: 20px;
  margin: 10px;
  background:white;
  padding: 10px;
}
.box:hover{
  background: /*#269ae5*/ #ffdc99;
  border-radius: 20px;
  transition: .5s;
  color: black;
  cursor: pointer;
}
.box p{
  padding: 10px;
  font-weight: 400;
}


.uiuxservices h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: green;
}
.uiuxservices h3 {
  padding: 20px 0 0 10px;
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.uiuxservices {
  background: url("uiux.jpg") center center;
  background-size: cover;
  position: relative;
  margin: 50px auto;
  padding: 25px 0;
  margin-bottom: -25px;
}
.uiuxservices:before {
  content: "";
  background: rgb(187 187 187 / 60%);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.uiux-main {
    font-size: 1.8rem;
}

.uiuxservices .col-md-6.p-0.col-sm-6.col-xs-12.col-sm-6 {
    margin-bottom: 10px;
}
.box {
    height: 100%;
}
  
#ui-back{
  background: linear-gradient(rgb(61, 135, 255), rgba(231, 231, 231, 0.15)), url("../images/backtech.jpg") fixed center;
  background-size:cover;
}
/*********************Project-Anky*****************/
#project-anky{
  margin-bottom: -25px;
  z-index: auto;
}
.project1{
   margin-bottom: 20px;
}
.project-background{
  width: 100%;
  position: relative;
  z-index: 9;
  /*background-image: linear-gradient(rgb(255 255 255 / 90%), rgb(245 248 253 / 90%)),
                    url("../images/project-back.jpg*/
  background-attachment: fixed;
  height:100%;
  padding-top:2rem;
  padding-bottom: 2rem;

}
#project-anky .project-cont{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
}
#project-anky .project-cont .project-card{
position:relative;
width:270px;
height: 191px;
margin:20px;
box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
border-radius:15px;
background:grey;
overflow:hidden;
opacity: 0.8;
padding:2rem;
transition: all 0.4s ease-in-out;
}

#project-anky .project-cont .project-card:hover{
  transform: translateY(-10px);
}
#project-anky .project-cont .project-card .project-img{
  width:64px;
  height:64px;
  margin-left: 68px;
}
#project-anky .project-cont .project-card  .content h5{
  text-align:center;
  padding:1rem;
  color: white;
}
#project-anky .project-cont .project-card  .content h4{
  text-align:center;
  margin-top: -20px;
  color: white;
  
}
#project-anky .project-cont .project-card:nth-child(1){
  background-color:#3793c6;
  
}
#project-anky .project-cont .project-card:nth-child(2){
  background-color:#28a29b;
}
#project-anky .project-cont .project-card:nth-child(3){
  background-color:#ef9e10;
}
#project-anky .project-cont .project-card:nth-child(4){
  background-color:#868380;
}
/******************Footer************/

#footer li{
  list-style-type: none;
}
#footer li a {
    text-decoration: none;
    font-size: 14px;
    color: black;
    font-weight: 500;
}

#links-footer a{
  width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
   
    color: #ffffff;
    text-align: center;
    background-color: #3f3a39;
    border-radius: 50%;
    padding-top: 2px;

}
#footer-head{
  padding: 10px;
}
#footer{
  margin-top: 25px;
}
.footer-color1{
 
  background-image: url("../images/footerback.jpg");
 padding:30px;
}
.footer-color{
  background-color: #d2dbe2;
  }
#links-footer a i{
  color: #fff;
  font-size: 15px;
  margin-top: 5px;
}
#footer h1{
  margin-left: 20px;
  color: #fff;
}
#footer-head p{
  margin-left: 20px;
  font-size: 14px;
  color: #fff;
}
.input-group {
    margin-top: 30px;
}
#icon img{
  margin-left: 30px;
}

#tranc li a{
  margin-left: 40px;
}
.footer-bottom p{
  margin-top: 10px;
  font-size: 14px;
  margin-left: 35px;
}
.footer-bottom p a{
  margin-left: 5px;
}
#tranc{
  margin-bottom: 30px;
 
}
#menu-footer li a{
  
}
.menuanky li{
  margin-top: 35px;
  display: inline-block;
}
.linksanky li{
  margin-top: 30px;
  display: inline-block;
}
.termsanky li{
  margin-top: 10px;
  display: inline-block;
}
#icon{
  margin-top: 30px;
}
#contact button[type="submit"]:hover{
  background-color: #fff;
  color: black;
}
#contact button[type="submit"]{
  padding: 12px 16px;
  border:none;
  outline: none;
  background-color:  #00a49b;
  color: #ffffff;
  margin-top: 20px;
  cursor: pointer;

}
.footerterms ul li{
  display: inline;

}
.footerterms  li{
 padding-right: .6em;

}
.menuanky li {
    padding-right: 24px;
}

#icon img {
   
}
div#contact {
    text-align: center;
}



/*****************End of Index page******************/

/*************Services- IT SERVICES****************/
.serv-anky-bg {
    background: linear-gradient(to bottom, #33ccff 10%, #0033cc 100%);
    margin-top: 3rem;
    margin-right: -2rem;
    width: 100%;
    height: 20%;
}

.indus-anky .head-deve .new-class{
    margin-left: 30%;
   color: white;
   font-size: 245%;
}
.indus-anky .head-deve #main-head-indus {
        margin-left: 30%;
   
    color: white;
   font-size: 245%;
}

.grow-image1-indus img {
    width: 33%;
    height: 28%;
    margin-top: 6%;
        margin-left: 30%;
        margin-right: 30%;
        margin-bottom: 2%
}


#indus-layout-anky{
  margin-top: 30px;
}
p.about-para-indus {
    color: white;
    margin-left: 30%;
    font-size: 1rem;
    font-weight: 300;
}
.head-deve {
    margin-bottom: 11%;
    margin-top: 16%;
}
.grow-image1-indus .application {
    margin-top: 4rem;
}
.grow-image1-indus .intern-img{
  margin-top: 4rem;
}

.grow-image1-indus {
    margin-top: 0%;
    width: 99%;
}

/**************services section***********/
.development-container{
    margin-top: 40px;
    padding-bottom: 60px;
}

.development-container .services-title h3{
  margin-top: 80px;
  text-align: center;
}

.development-container .services-title p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.card-dev-anky1{
  margin-top:43px;

}
/*.card-dev-anky1 a img{
    width: 100px;
    height: 100px;

}*/
.card-dev-anky1 .deve-img{
    margin-left:-24px;
   
  }
/*.card-dev-anky1  .head1-anky{
    margin-left: -29px;
    font-size: 16px;
    margin-top: 1rem;
  }*/
.card-dev-anky1  .anky-ecom{
   margin-left: -16px;
}
.card-dev-anky1 .learnmore-anky1{
  margin-left:-19px;
  font-size:15px;
}
/************************ecom-details***************/
#ecom-new-details {
    margin-bottom: 1%;
}
.ecom-new-res-img img {
    width: 82%;
    margin-left: 13%;
}
#ecom-new-details h1 {
    font-size: 2rem;
    text-align: center;
    padding-top: 0%;
    padding-bottom: 2%;
    color: #455a64;
}
.ecom-new-path p {
    margin-left: 9%;
    margin-right: 2%;
    color: white;
}
.ecom-new-path {
    clip-path: ellipse(100% 109% at 100% 40%);
    background: #385a64;
    height: 24rem;
    width: 100%;
}
.ecom-new-para{
  padding-top: 5%;
}
div#ecom-new-row {
    margin-top: 4%;
}
#ecom-new-details hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}

/***********************ecom-process******************/
#ecom-anky h1 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 3%;
}

#ecom-anky p {
    font-size: 0.9rem;
    font-weight: 400;
    padding-bottom: 8%;
    margin: 0rem 2rem 0rem 1.2rem;
}
#ecom-anky .sem-clip img {
    width: 20%;
    margin-top: 7%;
    margin-left: 9%;
    margin-bottom: 6%;
}
#ecom-opacity {
    width: 23%;
    margin-top: -28%;
    margin-left: 65%;
    opacity: 0.2;
    margin-bottom: 6%;
}
#ecom-anky .card {
      cursor: pointer;
    width: 100%;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 35%);
    height: 100%;
    margin-bottom: 2rem;
    border: 1px #6e7073;
}
#ecom-anky .card:hover{
  transform: scale(1.03);
}
#ecom-anky {
    margin-left: 11rem;
    margin-right: 11rem;
}
#ecom-anky h1 {
    margin-left: 6%;
    font-size: 1.2rem;
}
#ecom-layout-anky {
    margin-top: 2rem;
    padding: 0px 6%;
}
#ecom-col{
  margin-bottom: 2%
}
h2.ecom-num {
    margin-left: 13%;
    margin-top: 9%;
    opacity: 0.8;
}

.sem-clip {
    clip-path: ellipse(74px 80px at 17% 18%);
    background:#28a29b;
    height: 41%;
    width: 88%;
}
.sem-clip:hover{
  background: #f0a921;
}
#ecom-anky h3 {
    text-align: center;
    margin-top: 33px;
    margin-bottom:2rem;
    color: #52514f;
    font-size: 25px;
}
  #ecom-anky{
    margin-bottom: 4rem;
  }
/**************************e-com*****************/

section.card-newanky {
    margin-bottom: 6rem;
}
.about-newanky {
    display: grid;
    grid-template-columns: auto;
    margin-bottom: 2rem;
    padding: 1rem;
    opacity: 0.8;
    margin-top: -22rem;
}
.about-newanky h4 {
    margin-bottom: 2rem;
    font-size: 1rem;
    color: #121013;
}
.about-newanky p {
    font-size: 1.1rem;
    line-height: 1.7;
    padding: 1rem;
    margin-left: 1rem;
    color: black;
    font-weight: 400;
}

.newanky-head {
    text-align: center;
    margin-top: 1rem;
    font-weight: bold;
    color: #ff0000;
}
.newanky-image img{
    width: 100%;
}
.newanky-Content {
    background: #fffcf3;
    height: 129%;
}
/*----------------------------------ecommerse-features-------------------*/
#features-ecommerce .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
div#card-features {
   margin-left: 1%;
    margin-top: 1%;
    background: #3793c6;
    border: 1px solid #3793c6;
    width: 265px;
    height: 190px;
}
img.ecom-image {
    width: 27%;
    margin-top: 2rem;
    margin-left: 35%;
}
#card-features a {
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    margin-top: 1rem;
    color: #fff;
}
#features-ecommerce h3 {
    text-align: center;
    margin-bottom: 2rem;
    padding-top: 2rem;
    font-size: 25px;
}
#features-ecommerce {
    background: #f1f1f1;
    padding-bottom: 3rem;
}
/**************Our capacity section***********/
.capacity-anky{
    background-color: #f1f1f1; margin-bottom:20px;
    margin-top: -20px;
  }

 .capacity-anky .container-fluid {
    height:20px;background-color: #f1f1f1;
  }
  .capacity-anky .cap-title{
    text-align: center;
  } 
.capacity-anky .box-anky .dev-anky-img{
float:left;height:199px;margin-top:-51px;margin-left:-22px;
}
.capacity-anky .box-anky .api-box{
  margin-top:-20px;
}
.capacity-anky .box-anky .web-box{
     margin-top: -23px;
}
.capacity-anky .box-anky .soft-box{
  margin-top:-20px;margin-left:20px;
}
.capacity-anky .box-anky .host-box{
  margin-top:-20px;
}
.capacity-anky .box-anky .app-box{
  margin-top:-20px;
}


.color-white i {
    font-size: 21px;
    margin-top: 6px;
}
.capacity-anky .col-top{
margin-top:-20px;
}

.capacity-anky .box-anky {
  padding: 50px 20px;
  margin-top: 35px;
  margin-bottom: 25px;
  text-align: center;
  height: 200px;
  position: relative;
  background: #fff;
  
  border:2px solid;
border-color: #e8e8e8;
}

.capacity-anky .title-anky {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
}

.capacity-anky .title-anky a {
  color: #343a40;
}


.capacity-anky .box-anky:hover .title a {
  color: #ff5821;
}

.capacity-anky .description-anky {
  line-height: 24px;
  font-size: 14px;
}


.bg-color-blue-dark {
    background-color: #008eff!important;
}
.anky-arrow-holder {
    width: 4.06rem;
    position: absolute;
    right: .94rem;
    margin-left: 200px;
    top: 20px;
    margin-right:-31px;
    height:2.06rem;
}
.anky-arrow-holder:after {
    content: "";
    position: absolute;
    border-top: .5rem solid;
    border-right: .69rem solid transparent;
    margin-left: 10px;
    bottom: -.5rem;
}
.color-white {
    color: #fff!important;
}

.capacity-anky .box-anky .cap-anky a{
  font-size:18px;
  margin-left: -10px;
 
  font-weight:500;
}



/*************Services--SEO**************/
.seo-details .seo-img1 img {
   width: 100%;
}
.seo-details .seo-info {
    margin-top: 30%;
}
 .seo-details .seo-info-para {
    margin-left: 0%;
}

#seo-main {
   margin-top: 15%;
}
/***************target market*********/
div#market1 {
    margin-top: 4%;
}
.target1 {
    position: relative;
    width: 87%;
    border-top-right-radius: 20%;
    height: 17rem;
    margin-left: 10%;
    border-bottom-left-radius: 20%;
    border: 1px solid #ffe3c0;
    background:#ffe3c0;
}
.target1 h2{
    font-size: 1.7rem;
    margin-top: 5%;
    margin-left: 5%;
}
.target2 {
    position: relative;
    width: 87%;
    border-top-left-radius: 20%;
    height: 17rem;
    border-bottom-right-radius: 20%;
    border: 1px solid #bbe2cc;
    background: #bbe2cc;
}
.target2 h2{
    font-size: 1.7rem;
    margin-top: 5%;
    margin-left: 5%;
}
.target3 {
    position: relative;
    width: 87%;
    border-top-left-radius: 20%;
    height: 17rem;
    margin-left: 10%;
    border-bottom-right-radius: 20%;
    border: 1px solid #e2ddef;
    background: #e2ddef;
}
.target3 h2{
    font-size: 1.7rem;
    margin-top: 5%;
    margin-left: 5%;
}
.target4 {
    position: relative;
    width: 87%;
    border-top-right-radius: 20%;
    height: 17rem;
    background: #a9dbef;
    border-bottom-left-radius: 20%;
    border: 1px solid #a9dbef;
}
.target4 h2{
    font-size: 1.7rem;
    margin-top: 5%;
    margin-left: 5%;
}
#target-market h1 {
    text-align: center;
    font-size: 2rem;
    margin-top: 2%;
}
.market-points li {
    font-size: 0.99rem;
}



/*******************************SMM-services***********************/
/***********************SMM-Concept********************/
.SMM-res-img img {
    width: 82%;
    margin-left: 13%;
}
#SMM-details h1 {
    font-size: 2rem;
    /* margin-left: 40%; */
    text-align: center;
    padding-top: 0%;
    padding-bottom: 2%;
    color: #455a64;
}
.Smm-path p {
    margin-left: 15%;
    color: white;
    font-size: 15px;
}
.Smm-path {
    clip-path: ellipse(100% 109% at 100% 48%);
    background: #37474f;
    height: 27rem;
    width: 100%;
}
.SMM-para{
  padding-top: 5%;
}
div#Smm-row {
    margin-top: 4%;
}
#SMM-details hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}

/*********************SMM-process********************/
  .SMM-box-1{
      position: relative;
      width: 13%;
      height: 9rem;
      margin-left: 44%;
      border-radius: 50%;
      background: #f1ae2c;
      border:1px solid #f1ae2c;
    }
    .SMM-box-2{
      position: relative;
      width: 13%;
      background: #f1ae2c;
      margin-left: 29%;
      border-radius: 50%;
      height: 9rem;
      border: 1px solid #f1ae2c;
    }
    .SMM-box-3{
      position: relative;
      width: 13%;
      margin-left: 2%;
      margin-top: 5%;
      border-radius: 50%;
      height: 9rem;
      border:1px solid #9c9c9c;
      background:#9c9c9c;
    }
    .SMM-box-4{
      position: relative;
      width: 13%;
      border-radius: 50%;
      margin-left: 2%;
      height: 9rem;
      background: #f1ae2c;
      border:1px solid #f1ae2c;
    }
    .SMM-box-5{
      position: relative;
      width: 13%;
      margin-left: 36%;
      border-radius: 50%;
      height: 9rem;
      background: #f1ae2c;
      border:1px solid #f1ae2c;
    }
    .SMM-box-6{
      margin-left: 5%;
      position: relative;
      border-radius: 50%;
      width: 13%;
      height: 9rem;
      background: #f1ae2c;
      border:1px solid #f1ae2c;
    }
#SMM-anky .SMM-box-1 p {
  text-align: center;
    margin-top: 35%;
    font-size: 1.1rem;
    font-weight: 400;
}
#SMM-anky .SMM-box-2 p {
  text-align: center;
    margin-top: 29%;
    font-weight: 400;
     font-size: 1.1rem;
}
#SMM-anky .SMM-box-3 p {
  text-align: center;
    margin-top: 29%;
    font-weight: 400;
     font-size: 1.1rem;
}
#SMM-anky .SMM-box-4 p {
  text-align: center;
    margin-top: 25%;
    font-weight: 400;
     font-size: 1.1rem;
}
#SMM-anky .SMM-box-5 p {
    text-align: center;
    font-weight: 400;
     font-size: 1.1rem;
       margin-top: 32%;
}
#SMM-anky .SMM-box-6 p {
    text-align: center;
    margin-top: 29%;
    font-weight: 400;
     font-size: 1.1rem;
}
#SMM-anky .SMM-box-1 i {
    font-size: 2rem;
    color: #4d77b9;
    margin-top: 12%;
    margin-left: -17%;
    transform: rotate(45deg);
}
#SMM-anky .SMM-box-2 i {
        font-size: 2rem;
    margin-top: 30%;
    color: #4d77b9;
    margin-left: 68%;
    transform: rotate(
-9deg
);
}
#SMM-anky .SMM-box-3 i {
    font-size: 2rem;
    margin-top: 2%;
    margin-left: -28%;
    color: #4d77b9;
    transform: rotate(45deg);
}
#SMM-anky .SMM-box-4 i {
   font-size: 2rem;
    margin-top: 42%;
    color: #4d77b9;
    margin-left: 33%;
    transform: rotate(
193deg
);
}
#SMM-anky .SMM-box-5 i {
    font-size: 2rem;
    color: #4d77b9;
    margin-top: 2%;
    margin-left: -28%;
    transform: rotate(45deg);
}
#SMM-anky .SMM-box-6 i {
   font-size: 2rem;
    margin-top: -28%;
    margin-left: -28%;
    color: #4d77b9;
    transform: rotate(
270deg
);
}
i.SMM-arrow {
    font-size: 2rem;
    color: #4d77b9;
    margin-top: 8%;
    transform: rotate(
140deg
);
}
h1.SMM-process {
    font-size: 2rem;
    margin-left: 35%;
    /*text-align: center;*/
    padding: 2%;
}
#SMM-anky hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}



.SMM-box-mobile-1 {
    position: relative;
    width: 30%;
    height: 8rem;
    margin-left: 35%;
    background: #f1ae2c;
    border-radius: 50%;
    border: 1px solid #f1ae2c;
}
.SMM-box-mobile-2{
  position: relative;
    width: 30%;
    height: 8rem;
    margin-left: 35%;
    margin-top: 7%;
    background: #f1ae2c;
    border-radius: 50%;
    border: 1px solid #f1ae2c;
}
.SMM-box-mobile-4{
  position: relative;
    width: 30%;
    height: 8rem;
    margin-left: 35%;
    margin-top: 7%;
    background: #f1ae2c;
    border-radius: 50%;
    border: 1px solid #f1ae2c;
}
.SMM-box-mobile-5{
  position: relative;
    width: 30%;
    height: 8rem;
    margin-left: 35%;
    margin-top: 7%;
    background: #f1ae2c;
    border-radius: 50%;
    border: 1px solid #f1ae2c;
}
.SMM-box-mobile-6{
  position: relative;
    width: 30%;
    height: 8rem;
    margin-left: 35%;
    margin-top: 7%;
    background: #f1ae2c;
    border-radius: 50%;
    border: 1px solid #f1ae2c;
}
    .SMM-box-mobile-1 p {
  text-align: center;
    margin-top: 35%;
    font-weight: 400;
    font-size: 1.1rem;
}
#SMM-anky-mobile hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}
.SMM-box-mobile-2 p {
  text-align: center;
    margin-top: 29%;
    font-weight: 400;
     font-size: 1.1rem;
}

.SMM-box-mobile-4 p {
  text-align: center;
    margin-top: 25%;
    font-weight: 400;
     font-size: 1.1rem;
}
.SMM-box-mobile-5 p {
    text-align: center;
     font-size: 1.1rem;
     font-weight: 400;
       margin-top: 32%;
}
.SMM-box-mobile-6 p {
    text-align: center;
    margin-top: 29%;
    font-weight: 400;
     font-size: 1.1rem;
}
.SMM-box-mobile-1 i {
    font-size: 2rem;
    margin-top: 37%;
    margin-left: 45%;
    transform: rotate(
180deg
);
}
.SMM-box-mobile-2 i {
    font-size: 2rem;
    margin-top: 24%;
    margin-left: 43%;
    transform: rotate( 
180deg
 );
}
.SMM-box-mobile-4 i {
    font-size: 2rem;
    margin-top: 30%;
    margin-left: 45%;
    transform: rotate( 
181deg
 );
}
.SMM-box-mobile-5 i {
    font-size: 2rem;
    margin-top: 21%;
    margin-left: 45%;
    transform: rotate(
179deg
);
}

h1.SMM-process-mobile {
    font-size: 1.3rem;
    margin-left: 10%;
    padding: 4%;
}

  /*************************SMM***************************/
  #SMM-aware h1 {
    font-size: 1.4rem;
    padding-top: 3%;
    color: white;
    text-align: center;
}

#SMM-aware p {
    font-size: 0.9rem;
    color: white;
    margin-left: 13%;
}
#SMM-aware .card img {
    width: 23%;
    margin-top: 12%;
    margin-left: 38%;
    margin-bottom: 6%;
}
#SMM-aware .card {
    width: 99%;
    border: none;
    height: 100%;
    background:#37474f;
    margin-bottom: 2rem;
    /* margin-top: 1%; */
}
#SMM-aware {
    margin-top: 2%;
    background: #37474f;
}
#smm-layout-anky {
    margin-top: 2rem;
}
#smm-col {
    margin-top: 4%;
    margin-bottom: 2%;
}
h2.smm-num {
    margin-left: 13%;
    margin-top: 9%;
    opacity: 0.8;
}

#smm-anky h3{
  text-align: center;
  margin-top: 2%;
  color:#52514f;
}
#SMM-aware h2{
  font-size: 1rem;
  color: #f0a317;
  text-align: center;
}
hr.smm-hr {
    margin-right: 20%;
    margin-left: 20%;
    border: 2px solid #2daddd;
    margin-top: 2%;
}
  
/*****************************our marketing plan******************/
    #plan-anky h1 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 6%;
}

#plan-anky p {
    font-size: 1rem;
    text-align: center;
    margin-top: 17%;
    font-weight: 500;
}
#plan-anky .card .anky-digi-img img {
    margin-top: 34%;
    margin-left: 33%;
    margin-bottom: 6%;
}

#plan-anky .card .anky-digi-img1 img {
    margin-top: 20%;
    margin-left: 33%;
    margin-bottom: 6%;
}
#plan-anky .card .anky-digi-img2 img {
    margin-top: 20%;
    margin-left: 33%;
    margin-bottom: 6%;
}
#plan-anky .card .anky-digi-img3 img {
    /*width:0%;*/
    margin-top: 20%;
    margin-left: 33%;
    margin-bottom: 6%;
}
#plan-anky .card .anky-digi-img4 img {
    /*width:0%;*/
    margin-top: 20%;
    margin-left: 33%;
    margin-bottom: 6%;
}
#plan-anky .card .anky-digi-img5 img {
    /*width:0%;*/
    margin-top: 20%;
    margin-left: 33%;
    margin-bottom: 6%;
}
#plan-anky .card .anky-digi-img6 img {
    /*width:0%;*/
    margin-top: 20%;
    margin-left: 33%;
    margin-bottom: 6%;
}
#plan-anky .card {
    width: 100%;
    height: 98%;
    margin-bottom: 2rem;
}
#plan-anky {
    margin-left: 11rem;
    margin-right: 11rem;
    margin-top: 4%;
}
#plan-anky h1 {
    text-align: center;
    font-size: 1.3rem;
    color: white;
    margin-top: 16%;
    margin-bottom: 16%;
}
.design-anky-head1{
    background: #6991aa;;
}
div#plan-card-anky {
    border: 2px solid #6991aa;;
}
.design-anky-head2{
    background: grey;
}
div#plan-card-anky1 {
    border: 2px solid grey;
}
.design-anky-head3{
    background: #26b1f9;
}
div#plan-card-anky2 {
    border: 2px solid #26b1f9;
}
.design-anky-head4{
    background: #6fce6e;
}
div#plan-card-anky3 {
    border: 2px solid #6fce6e;
}
.design-anky-head5{
    background: #dcb90e;
}
div#plan-card-anky4 {
    border: 2px solid #dcb90e;
}
.design-anky-head6{
    background: #f19408;
}
div#plan-card-anky5 {
    border: 2px solid #f19408;
}
#plan-layout-anky {
    margin-top: 2rem;
}
#plan-col{
  margin-bottom: 2%
}
h2.plan-num {
    margin-left: 13%;
    margin-top: 9%;
    opacity: 0.8;
}
#plan-anky h3{
  text-align: center;
  margin-top: 2%;
  margin-bottom: 4%;
  color:#52514f;
}
  
/*****************************Web application******************/

.web-app-res-img img {
    width: 100%;
    margin-left: 10%;
}
#web-app-details h1 {
    font-size: 2rem;
    /* margin-left: 40%; */
    text-align: center;
    padding-top: 0%;
    padding-bottom: 2%;
    color: #455a64;
}

.web-para1 {
    margin-left: 15%;
    margin-right: 10%;
}
.web-para2 {
  margin-left: 15%;
  margin-right: 10%;
}
.web-para3 {
    margin-left: 15%;
    margin-right: 10%;
}
.web-para4 {
  margin-left: 15%;
  margin-right: 10%;
}
.web-para5 {
  margin-left: 15%;
  margin-right: 10%;
}
.web-path {
    /* clip-path: ellipse(100% 109% at 100% 48%); */
    clip-path: polygon(16% 0%, 100% 0%, 103% 125%, 0% 106%, 0 100%);
    background: #ececec;
    height: auto;
    padding-bottom: 5%;
    width: 100%;
}
.web-app-para{
  padding-top: 5%;
}
div#web-row {
    margin-top: 4%;
    background: #b5b1b1;
}

#web-app-details hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}
/*-----------------------------web-app-layout----------------*/
#anky-wep-apps{
  background: #aed0da;
  height: 100%;
  margin-top: -20px;
}
#web-app-image img {
  width: 92%;
}
.web-app-points {
  margin-left: 20%;
  margin-top: 3%;
  line-height: 1.5;
}
#anky-wep-apps-content h1 {
    margin-left: 45%;
    margin-top: 5%;
    font-size: 25px;
}
#anky-wep-apps-content #web-apps-content{
  height: 478px;
  cursor: pointer;
}
#anky-wep-apps-content #web-apps-content:hover{
 transform: scale(1.05);
 box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
 background: #ecc73e;
 margin-top: 5px;
 height: 100%;
}
#anky-wep-apps-content #web-apps-content:hover li{
  margin-right: 10%;
  }
#anky-wep-apps-content #web-apps-content .web-app-points li {
    color: black;
    font-size: 1rem;
}


/**************************our consulting services******************/

#newanky-layout {
    margin-top: 2%;
    margin-bottom: 12%;
}
#newanky-layout h3{
    font-size: 25px;
    padding-top: 20px;
    text-align: center;
    color: #ffa500;
    padding-bottom: 10px;
}
#anky-layout-new {
    padding-top: 40px;
    height: 583px;
}
#newanky-layout .newanky-layout-one {
    position: relative;
    width: 36%;
    border-radius: 2rem;
    height: 32%;
    margin-top: -1rem;
    margin-left: 10%;
    border: 1px solid #2447ab;
}
#newanky-layout .newanky-layout-two{
    position: relative;
    width: 36%;
    border-radius: 2rem;
    height: 32%;
    margin-top: 0.1rem;
    border: 1px solid #2447ab;
    margin-left: 54%;
}
#newanky-layout .newanky-layout-three {
    position: relative;
    width: 36%;
    border-radius: 2rem;
    height: 32%;
    margin-top: 3.5rem;
    margin-left: 10%;
    border: 1px solid #2447ab;
}
#newanky-layout .newanky-layout-four{
    position: relative;
    width: 36%;
    border-radius: 2rem;
    height: 32%;
    margin-top: -0.1rem;
    border: 1px solid #2447ab;
    margin-left: 54%;
}
#newanky-layout .newanky-layout-five {
    position: relative;
    width: 36%;
    border-radius: 2rem;
    margin-left: 10%;
    height: 32%;
    margin-top: 2.6rem;
    border: 1px solid #2447ab;
}
#newanky-layout .newanky-layout-six{
    position: relative;
    width: 36%;
    border-radius: 2rem;
    height: 32%;
    margin-left: 54%;
    margin-top: -2rem;
    border: 1px solid #2447ab;
}
#newanky-layout .vl {
    border: 1px solid #2447ab;
    width: 2px;
    height: 570px;
    left: 50%;
    position: relative;
    margin-top: -590px;
    margin-bottom: 400px;
}
.newanky-pointer-one{
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 49.3%;
    border-radius: 50%;
    margin-top: -127px;
    border: 1px solid #2447ab;
    background: #2447ab;
}
.newanky-pointer-three{
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 49.3%;
    border-radius: 50%;
    margin-top: -123px;
    border: 1px solid #2447ab;
    background: #2447ab;
}
.newanky-pointer-five{
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 49.3%;
    border-radius: 50%;
    margin-top: -97px;
    border: 1px solid #2447ab;
    background: #2447ab;
}
.newanky-pointer-six{
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 49.3%;
    border-radius: 50%;
    margin-top: -62px;
    border: 1px solid #2447ab;
    background: #2447ab;
}
.newanky-pointer-two{
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 49.3%;
    border-radius: 50%;
    margin-top: -98px;
    border: 1px solid #2447ab;
    background: #2447ab;
}
.newanky-pointer-four{
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 49.3%;
    border-radius: 50%;
    margin-top: -82px;
    border: 1px solid #2447ab;
    background: #2447ab;
}
#newanky-layout img {
    width: 21%;
    margin-left: 1rem;
    margin-top: 0.7rem;
}
#newanky-layout p {
    margin-left: 30%;
    font-size: 0.9rem;
    margin-top: -21%;
    color: black;
}
#newanky-layout h4 {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 2%;
    color: #0043ff;
}
#newanky-layout .newanky-layout-one:hover::after {
    content: "";
    position: absolute;
    border-top: 16px solid #2447ab;
    border-left: 16px solid #ffffff00;
    margin-left: 98%;
    bottom: 63%;
    transform: rotate(43deg);
}
#newanky-layout .newanky-layout-two:hover::after {
    content: "";
    position: absolute;
    border-top: 16px solid #2447ab;
    border-left: 16px solid #ffffff00;
    margin-left: -2.3%;
    bottom: 46%;
    transform: rotate(-136deg);
}
#newanky-layout .newanky-layout-three:hover::after {
    content: "";
    position: absolute;
    border-top: 16px solid #2447ab;
    border-left: 16px solid #ffffff00;
    margin-left: 98%;
    bottom: 61%;
    transform: rotate(43deg);
}
#newanky-layout .newanky-layout-four:hover::after {
    content: "";
    position: absolute;
    border-top: 16px solid #2447ab;
    border-left: 16px solid #ffffff00;
    margin-left: -2.3%;
    bottom: 38%;
    transform: rotate(-136deg);
}
#newanky-layout .newanky-layout-five:hover::after {
    content: "";
    position: absolute;
    border-top: 16px solid #2447ab;
    border-left: 16px solid #ffffff00;
    margin-left: 98%;
    bottom: 45%;
    transform: rotate(43deg);
}
#newanky-layout .newanky-layout-six:hover::after {
    content: "";
    position: absolute;
    border-top: 16px solid #2447ab;
    border-left: 16px solid #ffffff00;
    margin-left: -2.3%;
    bottom: 25%;
    transform: rotate(-136deg);
}

/*************************Features*******************************/

.box-hr-content {
    width: 97%;
    margin-top: 3rem;
}
#box-hr .vl {
    border-left: 1px solid black;
    height: 197%;
    position: absolute;
    margin-left: 94%;
    top: 164px;
    margin-top: -9rem;
    opacity: 20%;
}
#layout-hr{
  margin-bottom: 18rem;
}
   #layout-hr hr {
    margin-top: -15rem;
    opacity: 25%;
    border: 1px solid #bdbdbd;
    margin-left: 14%;
    width: 73%;
}
div#box-hr {
    margin-left: 2%;
}
.box-hr-content h4 {
   
    margin-top: 2%;
    text-align: center;
    font-size: 1.1rem;
}
.box-hr-content img {
       margin-left: 39%;
}
    .box-hr-content p {
    margin-top: 1rem;
}
    #layout-hr h1{
      text-align: center;
      margin-top: 2%;
      margin-bottom: 20px;
      font-size: 25px;
    }
/****************************PPC*****************************/
.PPC-res-img img {
    width: 82%;
    margin-left: 13%;
    margin-top: -5%;
}
#PPC-details h1 {
    font-size: 2rem;
    /* margin-left: 40%; */
    text-align: center;
    padding-top: 0%;
    padding-bottom: 2%;
    color: #455a64;
}
.PPC-path p {
    margin-left: 9%;
    /*color: white;*/
    font-weight: 400;
}
.PPC-path {
    clip-path: ellipse(100% 109% at 100% 48%);
    background: #eaeaea;
    height: 23rem;
    width: 100%;
}
.PPC-para{
  padding-top: 6%;
}
div#PPC-row {
    margin-top: 4%;
}
#PPC-details hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}

/***********************types of PPC*************************/
   .SEM-home {
    background: #ffffff;;
    padding-bottom: 1%;
    margin-top: 1%;
}
.aSEM-home .SEM-content h3{
  text-align: center;
  margin-top: 2.8rem;
}

.SEM-home .SEM-content p{
  padding-right: 1.6rem;
    padding-left: 3.9rem;
  margin-top: 2rem;
      font-weight: 400;
    color: #0c0000;
}
.SEM-home hr {
    width: 19%;
    margin-top: -3%;
    border: 1px solid #ffc727;
    text-align: center;
}
#Sem-anky-top{
  margin-top: 5%;
}
/*.SEM-home #Sem-row #sem-img1{
  background:#28a29b;
  border: 1px solid #28a29b;
}*/
.SEM-res-img {
    position: relative;
    width: 100%;
    border: 1px solid #f0a71e;
    height: 100%;
    background: #f0a71e;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.SEM-res-img img {
    width: 17%;
    margin-left: 40%;
    margin-top: 5%;
}
.SEM-res-img h1 {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 7%;
}
#Sem-row{
  margin-bottom: 10%;
}
.Sem-head {
    text-transform: uppercase;
    text-align: center;
    padding-top: 5%;
    font-size: 1.7rem;
    margin-bottom: 4%;
}






  /**************************Web development******************/
/********************web-develop-content***************/
.web-develop-res-img img {
    width: 100%;
    margin-top: 8%;
    margin-left: 10%;
}
#web-develop-details h1 {
    font-size: 25px;
    /* margin-left: 40%; */
    text-align: center;
    padding-top: 0%;
    padding-bottom: 2%;
    color: #455a64;
}

.web-develop-para p{
    margin-left: 7%;
}
.webdevelop-path {
    clip-path: ellipse(100% 109% at 100% 51%);
    background:#ececec;
    height: auto;
    padding-bottom: 5%;
    width: 100%;
}
.web-develop-para{
  padding-top: 5%;
}
div#webdevelop-row {
    margin-top: 1%;
    background: #ff993d;
}

#web-develop-details hr {
    width: 14%;
    margin-top: -2%;
    border: 1px solid #ffc727;
    /* margin-left: 43%; */
    text-align: center;
}







 /*********************web-develop-layout************/
 .layout .layout-img {
    position: relative;
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}
.layout .layout-img {
    width: 35%;
    float: left;
    position: absolute;
    left: 0;
    top: 30%;
    transform: translateY(-50%);
    max-height: 450px;
    
}
.layout-dev-head {
  text-align: center;
  font-size: 25px;
  padding: 20px;
}
.layout .layout-content  {
    width: 60%;
    margin-left: 635px;
    position: relative;
   
}
.layout .layout-content ul li .layout-content-1 {
    border-radius: 50px 0 0 50px;
   
    padding: 15px 40px 15px 18px;
    color: black;
    font-size: 16px;
    font-weight: 500;
    min-height: 75px;
    display: flex;
    border: 1px solid grey;
    align-items: center;
    position: relative;
    margin-top: 5px;
}
.layout-img img{
  width: 100%;
  
}
.layout .layout-content ul li .layout-even{
  background-color: #607d8b1c;
  color: black;
}
.layout .layout-content ul li:nth-child(1){
  width: 60%;
  margin-left: 365px;
}
.layout .layout-content ul li:nth-child(2){
  width: 70%;
  margin-left: 275px;
}
.layout .layout-content ul li:nth-child(3){
  width: 80%;
  margin-left: 185px;
}
.layout .layout-content ul li:nth-child(4){
  width: 90%;
  margin-left: 90px;
}
.layout .layout-content ul li:nth-child(5){
  width: 100%;
  margin-left: 0px;
}
.layout .layout-content ul li{
  list-style: none;
}
.layout-content .layout-content-1 p{
  margin-left: 10px;
  margin-top: 10px;
}




  html{
  overflow-x: hidden;
 }
 /*************************development*************/
  #anky-new-design {
    margin-bottom: 5%;
    margin-top: 5%;
}
/*    #anky-new-design .anky-new-1 img {
    width: 17rem;
    height: 20rem;
}*/
#anky-new-design .anky-new-1 img {
    width: 100%;
    height: 19rem;
}
#anky-new-design .anky-new-2 img {
    width: 100%;
    height: 19rem;
}
#anky-new-design .anky-new-3 img {
    width: 100%;
    height: 19rem;
}
#anky-new-design .anky-new-4 img {
    width: 100%;
    height: 19rem;
}

#anky-new-design .anky-new-11 {
    position: relative;
    width: 88%;
    flex: 1;
    height: 85%;
    border: 1px solid white;
    margin-left: 6%;
    margin-top: -16.2rem;
    z-index: 1;
    cursor: pointer;
    background: white;
}
#anky-new-design .anky-new-14 {
    position: relative;
    width: 88%;
    flex: 1;
    height: 85%;
    border: 1px solid white;
    margin-left: 6%;
    margin-top: -16.2rem;
    z-index: 1;
    cursor: pointer;
    background: white;
}
#anky-new-design .anky-new-12 {
    position: relative;
    width: 88%;
    flex: 1;
    height: 85%;
    border: 1px solid white;
    margin-left: 6%;
    margin-top: -16.2rem;
    z-index: 1;
    cursor: pointer;
    background: white;
}
#anky-new-design .anky-new-13 {
    position: relative;
    width: 88%;
    flex: 1;
    height: 85%;
    border: 1px solid white;
    margin-left: 6%;
    margin-top: -16.2rem;
    z-index: 1;
    cursor: pointer;
    background: white;
}
#anky-new-design .anky-new-14:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }
#anky-new-design .anky-new-14 p {
   padding-right: 1rem;
    padding-left: 1rem;
    font-size: 79%;
}
#anky-new-design .anky-new-14 h4 {
    font-size: 100%;
    text-align: center;
    margin-top: 4%;
}
#anky-new-design .anky-new-12:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }
#anky-new-design .anky-new-12 p {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 79%;
}
#anky-new-design .anky-new-12 h4 {
    font-size: 100%;
    text-align: center;
    margin-top: 4%;
}
#anky-new-design .anky-new-13:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }
#anky-new-design .anky-new-13 p {
    /*margin-left: 9%;*/
    font-size: 79%;
    padding-right: 1rem;
    padding-left: 1rem;
}
#anky-new-design .anky-new-13 h4 {
    font-size: 100%;
    text-align: center;
    margin-top: 4%;
}

#anky-new-design .anky-new-11:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }
#anky-new-design .anky-new-11 p {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 79%;
}
#anky-new-design .anky-new-11 h4 {
    font-size: 100%;
    text-align: center;
    margin-top: 4%;
}

 /**************************Web development******************/
 .layout1 .layout-img1 {
    position: relative;
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}
  

.layout1 .layout-content1  {
    width:100%;
   
    position: relative;
   
}
.layout1 .layout-content1 ul li .layout-content-11 {
  border-radius: 0 0px 50px 0px;
    
    color: black;
    font-size: 16px;
    font-weight: 500;
    min-height: 75px;
    display: flex;
    border: 1px solid grey;
    align-items: center;
    position: relative;
    margin-top: 5px;
}


.layout1 .layout-content1 ul li .layout-even{
  background-color: #607d8b1c;
  color: black;
}
.layout1 .layout-content1 ul li:nth-child(1){
  width:60%;
 
}
.layout1 .layout-content1 ul li:nth-child(2){
  width: 70%;
  margin-left: 2px;
}
.layout1 .layout-content1 ul li:nth-child(3){
  width: 80%;
  margin-left:3px;
}
.layout1 .layout-content1 ul li:nth-child(4){
  width: 90%;
  margin-left:3px;
}
.layout1 .layout-content1 ul li:nth-child(5){
  width: 100%;
  margin-left: 0px;
}
.layout1 .layout-content1 ul li{
  list-style: none;
}
.layout-content1 .layout-content-11 p {
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: black;
    font-weight: bold;
}
i.fa.fa-cog {
    color: #1aa0ff;
}
.layout-content1 .icon img{
      width: 68%;
    margin-left: 1rem
}
.layout-content strong {
    margin-right: 2%;
}
.layout-content1 strong {
    margin-right: 2%;
}

/***************************** Services- Mobile application******************/
#mobile-apps img{
      margin-left: 97px;
    }
#mobile-apps p {
    margin-top: 1rem;
    font-size: 1rem;
}
#mobile-apps .vl {
    border-left: 1px solid grey;
    height: 14rem;
    position: absolute;
    margin-left: 16.4rem;
    top: 3rem;
}
.mobile-image img {
    width: 139%;
    margin-left: -3rem;
}
#mobile-application h1 {
    text-align: center;
    margin-top: 8rem;
    font-size: 30px;
}
#mobile-app-content p {
    font-size: 1rem;
    margin-left: 17%;
}
#mobile-app-content {
    margin-top: 2rem;
}
.mobile-box {
    background-color: #dcf2fb;
    margin-top: -6rem;
    height: 100%;
}
div#mobile-apps {
    padding: 2rem 0rem;
}





/*******************SLDC Layout**********************/
#sldc-contain {
    margin-left: 12%;
}
.ux-development-container {
  margin-top: 40px;
  padding-bottom: 109px;
}
.ux-development-container .ux-services-title h3{
  margin-top: 80px;
  text-align: center;
}
.ux-development-container .ux-services-title p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.card-dev-anky1{
  margin-top:43px;
}
.card-dev-anky1 a img{
  width: 80px;
  height: 80px;
}
.card-dev-anky1 .deve-img{
  margin-left:-24px;
}
.card-dev-anky1  .head1-anky{
  /*margin-left: -29px;*/
  
    text-align: center;
  font-size: 16px;
  margin-top: 1rem;
}
.card-dev-anky1  .anky-ecom{
  margin-left: -16px;
}
.sldc-box {
    position: relative;
    width: 8rem;
    height: 7.7rem;
    margin-left: 78px;
    background-color: #e6e0e0a6;
    border-radius: 50%;
    border: 1px solid #f3eded;
}
.sldc-main p {
  text-align: center;
  margin-left: 44px;
  margin-top: 8px;
  font-size: 12px;
}
.sldc-main p {
    text-align: center;
    margin-left: 5rem;
    margin-top: 0.5rem;
    font-size: 1rem;
}
.sldc1-box{
  position: relative;
  width: 130px;
  height: 130px;
  margin-left: 130px;
  border-radius: 50%;
  border: 1px solid #f3eded;
  background-color: #e6e0e0a6;
}
.sldc2-box {
    width: 13%;
    height: 16.75rem;
    border: 2px solid grey;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-left: transparent;
    margin-top: -23.23rem;
    margin-left: 56%;
}
.ux-services-title {
    margin-bottom: 3rem;
}
.img-sldc img {
    width: 77%;
    height: 100%;
    padding: 13%;
    margin-top: 11px;
    margin-left: 1.2rem;
}
.line {
    margin-top: -4.7rem;
    margin-left: 2.8rem;
}
.line hr {
    width: 97%;
    height: 2px;
    border-width: 0;
    color: grey;
    background-color: grey;
    margin-left: 5.1rem;
    margin-top: 2rem;
}
.line3 hr {
    width: 88%;
    height: 2px;
    border-width: 0;
    color: grey;
    background-color: grey;
    margin-left: 5.6rem;
    margin-top: 2rem;
}
.line3 {
    margin-top: -4.7rem;
    margin-left: 2.3rem;
}
.line1 hr {
    width: 100%;
    height: 2px;
    border-width: 0;
    color: grey;
    background-color: grey;
    margin-left: 7.9rem;
    margin-top: -34%;
}
.line2 hr {
    width: 100%;
    height: 2px;
    border-width: 0;
    color: grey;
    background-color: grey;
    margin-left: 7.9rem;
    margin-top: -3rem;
}
.row.sdlcbox2 {
    margin-top: 20px;
    margin-left: 84px;
}
.sldc-main.one {
    margin-top: 27px;
}

.sdlcmobileview {
    position: relative;
    width: 95px;
    height: 102px;
    margin-left: 21px;
    background-color: #e6e0e0a6;
    border-radius: 50%;
    border: 1px solid #f3eded;
}
.sdlcpara p {
    text-align: center;
    margin-left: 44px;
    margin-top: 8px;
    font-size: 12px;
}

.sdlcimg img {
    width: 83px;
    height: 75px;
    padding: 16px;
    margin-top: 11px;
    margin-left: 10px;
}
.steps {
    position: absolute;
    width: 30px;
    height: 28px;
    border-radius: 50%;
    background: #74bcef;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    top: 16px;
    left: -15px;
}
.ux-development-container-SLDC {
    margin-top: 40px;
    padding-bottom: 109px;
}
.ux-development-container-SLDC .ux-services-title-SDLC h3{
  margin-top: 80px;
  text-align: center;
}
.ux-development-container-SLDC .ux-services-title-SDLC p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.card-dev-anky1-SLDC{
  margin-top:43px;

}
.card-dev-anky1-SLDC a img{
    width: 100px;
    height: 100px;
}
.card-dev-anky1-SLDC .deve-img-SLDC{
    margin-left:-24px;
  }
.card-dev-anky1-SLDC  .head1-anky-SLDC{
    margin-left: -29px;
    font-size: 16px;
    margin-top: 1rem;
  }
.card-dev-anky1-SLDC  .anky-ecom-SLDC{
   margin-left: -16px;
}
.card-dev-anky1-SLDC .learnmore-anky1-SLDC{
  margin-left:-19px;
  font-size:15px;
}
.sldc-box-SLDC {
    position: relative;
    width: 95px;
    height: 102px;
    margin-left: 36px;
    background-color: #e6e0e0a6;
    border-radius: 50%;
    border: 1px solid #f3eded;
}
.sldc-main-SLDC p {
    text-align: center;
    margin-left: 44px;
    margin-top: 8px;
    font-size: 12px;
}
.sldc-main1-SLDC p{
    text-align: center;
    margin-left: 136px;
    margin-top: 8px;

}
.sldc1-box-SLDC{
   position: relative;
   width: 130px;
   height: 130px;
   margin-left: 130px;
   border-radius: 50%;
   border: 1px solid #f3eded;
   background-color: #e6e0e0a6;
 }
.sldc2-box-SLDC {
  width: 165px;
  height: 202px;
  border: 2px solid grey;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-left: transparent;
  margin-top: -295px;
  margin-left: 542px;
}
.img-sldc-SLDC img {
    width: 83px;
    height: 75px;
    padding: 16px;
    margin-top: 11px;
    margin-left: 10px;
}
.line-SLDC {
    margin-top: -69px;
}
.line-SLDC hr {
    width: 41px;
    height: 2px;
    border-width: 0;
    color: grey;
    background-color: grey;
    margin-left: 91px;
    margin-top: 31px;
}
.line1-SLDC hr {
    width: 80px;
    height: 2px;
    border-width: 0;
    color: grey;
    background-color: grey;
    margin-left: 93px;
    margin-top: -38px;
}
.row.sdlcbox2-SLDC {
    margin-top: 20px;
    margin-left: 84px;
}
.sldc-main.one-SLDC {
    margin-top: 27px;
}


.sdlcmobileview-SLDC {
    position: relative;
    width: 95px;
    height: 102px;
    margin-left: 21px;
    background-color: #e6e0e0a6;
    border-radius: 50%;
    border: 1px solid #f3eded;
}
.sdlcparaV p {
    text-align: center;
    margin-left: 44px;
    margin-top: 8px;
    font-size: 12px;
}
.sdlcimg-SLDC img {
    width: 83px;
    height: 75px;
    padding: 16px;
    margin-top: 11px;
    margin-left: 10px;
}

.steps {
    position: absolute;
    width: 30px;
    height: 28px;
    border-radius: 50%;
    background: #74bcef;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    top: 16px;
    left: -15px;
}

/********training.html****************/
.anky-training{

}
.train-box{
      position: relative;
      border:1px solid lightgrey;
      border-top: transparent;
      border-left: transparent;

      height:100%;
      box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
      border-right:6px solid #8080807d;
      border-bottom:6px solid #8080807d;
      width:100%;
      background-color: white;
    
    }
div#training-box {
    margin-top: 62px;
}
.applybuttons {
    margin-top: 14px;
    margin-bottom: 54px;
}
.imagetraining {
    margin-left: 22px;
    padding-bottom: .8rem;
}
.imagetraining img{
  width: 100px;
  height: 100px;
}
    .train-details{
      
      margin-left: 10px;
      

    }
    .train-details i{
      margin-left: 5px;

    }
    .train-details .course{
      margin-left: 10px;
    }
    .train-details .apply-train{
      margin-left: 90px;
    }
    .train-details h1{
      font-size: 22px;
      margin-left: 16px;
    }
    .train-details  p{
     font-size: 15px;
     padding-left: 1rem;
     padding-right: 1rem;
    }
   
#front-end{
  margin-left: 245px;
}
.course1 {
  color:#007bff;
  font-weight: 500;
}
.apply-train1{
  color: #007bff;
    font-weight: 500;
    margin-left: 86px;
}
.train-box:hover{
    transform: scale(1.05);
}
#train-anky img:hover{
   transform: scale(1.05);
}


/***************Services - E-mail***********/

/*****************Services - IT Support*****************/
.support-layout {
    margin-top: 20px;
}

.support-layout .layer-box{
  padding: 50px 20px;
    margin-top: 32px;
    margin-bottom: 25px;
    text-align: center;
    height: 170px;
    position: relative;
    background: #fff;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    width: 565px;
    background: #e2e2e2;
    margin-left: 136px;
    border-radius:35px;
    border-top:4px solid grey;
}

.support-layout .layer-img img{
  width:550px; 
  height:450px;
}

.support-layout .right-box1{

height:80px;
box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
width:300px;
margin-top:100px;
background:#e0e1ec;
position:relative;
}

.support-layout .right-box2{

height:80px;
box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
width:300px;
margin-top:10px;
background:#5283cf;
position:relative;
}

.support-layout .right-box3{

height:80px;
box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
width:300px;
margin-top:10px;
background:#e0e1ec;
position:relative;
}

.support-layout .right-box4{

height:80px;
box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
width:300px;
margin-top:10px;
background:#5283cf;
position:relative;
}
.support-layout .box1-img{
  height: 50px;
    width: 50px;
    position:absolute;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    float: right;
    border-radius: 20px;
    background: white;
    margin-left: 269px;
    margin-top: -64px;
    
}
.support-layout .box1-img:after {
    content: "";
    position: absolute;
    border-top: .5rem solid;
    border-right: .89rem solid transparent;
    margin-left: 30px;
    bottom: -.5rem;
}

.support-layout .box2-img{
  height:50px;
  width:50px;
  position:absolute;
  box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
  float:right;
  border-radius:20px;
  background:white;
 margin-left: 269px;
    margin-top: -64px;
}
.support-layout .box2-img:after {
    content: "";
    position: absolute;
    border-top: .5rem solid;
    border-right: .89rem solid transparent;
    margin-left: 30px;
    bottom: -.5rem;
}

.support-layout .box3-img{
  height:50px;
  width:50px;
  position:absolute;
  box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
  float:right;
  border-radius:20px;
  background:white;
  margin-left: 269px;
    margin-top: -66px;
}
.support-layout .box3-img:after {
    content: "";
    position: absolute;
    border-top: .5rem solid;
    border-right: .89rem solid transparent;
    margin-left: 30px;
    bottom: -.5rem;
}

.support-layout .box4-img{
  height:50px;
  width:50px;
  position:absolute;
  box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
  float:right;
  border-radius:20px;
  background:white;
  margin-left: 269px;
    margin-top: -67px;
}
.support-layout .box4-img:after {
    content: "";
    position: absolute;
    border-top: .5rem solid;
    border-right: .89rem solid transparent;
    margin-left: 30px;
    bottom: -.5rem;
}
.support-layout .layer-box p{
  margin-top: -29px;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    color:#04294e;
}
.support-layout .layer-box .more-btn {
    background: #5283cf;
    color: white;
}

.right-box1 h5,
 .right-box2 h5,
 .right-box3 h5,
 .right-box4 h5{
  text-align:center;padding-top: 28px;
 }
 .box1-img img{float:right; width:80%; margin-top: 5px;
    margin-right: 5px;}
 .box2-img img{float:right;width:80%;margin-top: 4px;
    margin-right: 3px;}
 .box3-img img{float:right;width:80%;margin-top: 4px;
    margin-right: 3px;}
 .box4-img img{
float:right;width:80%;margin-top: 4px;
    margin-right: 3px;
 }
/*************************What We provide In IT Support?*****************************/
.support-it{
  margin-top: 80px;
}

.support-it .supp-cont{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.support-it .supp-cont .support-card{
  position: relative;
  width:300px;
 height: 400px;
  border-radius:20px;
  margin:30px;
  background:#e3e9f1;
  overflow:hidden;
  box-shadow: 0px 15px 25px rgba(0,0,0,0.3);
   transition: all 0.4s ease-in-out;
}

.supp-cont .support-card .circle{

  width:100%;
  height:50%;
  background-color:#f1ac29;
  clip-path:circle(180px at center 0);
}
.supp-cont .support-card .circle:hover img{
    transform:scaleY(1.1);
}
.supp-cont .support-card:hover {
      transform: translateY(20px);
}

.supp-cont .support-card:nth-child(2) .circle{
    background-color:#00cebf;
}

.supp-cont .support-card:nth-child(3) .circle{
    background-color:#3985ff;
}
.supp-cont .support-card:nth-child(4) .circle{
    background-color:#00cebf;
}
.supp-cont .support-card:nth-child(5) .circle{
    background-color:#3985ff;
}
.support-card .circle img{
  
  margin-left: 116px;
    margin-top: 48px;
}
.support-card .content .content-box{
 padding-left: 1rem;
 padding-right: 1rem;
}
.support-card .content .content-box h4{
  font-size: 1.2rem;
  /*padding-right: orem;*/
  text-align: center;

}
.support-card .content .content-box p{
  font-size: .9rem;
/*padding-left: 1rem;*/

}/*************************Services - IT Services*****************************/
/************************* IT Services we provide*****************************/




.it-service .serv-it-cont{
  display: flex;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;

}

.it-service .serv-it-cont .box-serv{
  position: relative;
   width: 330px;
    height: 467px;
    margin: 20px;
  box-shadow: inset 5px 5px 5px rgba(0,0,0,0.2),
              inset -5px -5px 15px rgba(255,255,255,0.1),
              5px 5px 15px rgba(0,0,0,0.3),
              -5px -5px 15px rgba(255,255,255,0.1);
  
    margin: 30px;
   
background: #fffefe;
    overflow: hidden;
    opacity: 1;
   /* padding: 2rem;*/
   border-left:5px solid #4873b7;
    transition: all 0.4s ease-in-out;
}
.it-service .serv-it-cont .box-serv:hover{
  transform: translateY(-10px);
}

.box-serv:nth-child(2){
  border-right:5px solid #28a29b;;
}
.box-serv:nth-child(5){
  border-right:5px solid #28a29b;;
}

.box-serv .serv-img img{
  width:100%;
  position: relative;
  
}
.box-serv .it-icon{
    width: 94px;
    height: 94px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    top: 141px;
    left: 108px;
    box-shadow:0px 15px 20px rgba(0,0,0,.3);
    padding:1rem;

}
.box-serv .content {
  padding:1rem;
  margin-top: 40px;
}
.box-serv .content h5{
  text-align:center;
  color:#4873b7;
}
.box-serv .content p{
  padding-left: 0rem;
  padding-right: 0rem;
  text-align:center;
  font-size: 14px;
}
/*************************why we need IT services*****************************/
.it-back{
 /* background:linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)),
              url("../images/banner1.jpg") fixed center;
  background-size: cover;*/
  background:white;
  height:100%;
  padding:2rem;

}
.why-it{
  margin-top: 50px;
  margin-bottom: 20px;
  
  height:100%;
  
}

.why-it .it-box{
      width: 551px;
    height: 351px;
    /* border: 1px solid grey; */
    padding: 2rem;
    margin-left: 19px;
    margin-top: 0px;
    background: #0072c5;
    z-index: 46;
    color: white;
}
.why-it .it-box h3{
  text-align:center;
}

.why-it .it-box p{
  text-align:center;
  padding-top: 1rem;
}
.why-it .it-img{
  width:100%;
  border-top: 7px solid #0072c5;
  border-right:7px solid #0072c5;
  z-index: -20;
}

/*************************How  IT services helps?*****************************/
.why-it .how-img{
  width: 100%;
    border-left: 7px solid #35bcff;
    border-bottom: 7px solid #35bcff;
    z-index: -20;
    margin-left: 2rem;
    height: 100%;
}

.why-it .box1-it{
  margin-left: 0rem;
  background: #35bcff;
}

/*************************Intelligent Platform*****************************/

.platforms{
  margin-bottom: 30px;
  margin-top: 40px;

}
.platforms .main-para{
  padding-left: 14rem;
    padding-right: 14rem;
    padding-top: 1rem;
}
.platforms .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
 

}

.platforms .plat-box{
  width:300px;
  height:100%;
  position:relative;

  padding:2rem;
  margin:30px;
  padding-left:10px;

  

}
.platforms .plat-box .content{
  margin-top: 2rem;
}
.plat-box .content h5{

}
.plat-box .content p{
padding-left: 0px;
}
.plat-box .content a{
color:#4873b7;
font-weight:500;
}
.plat-box:hover .content a{
color:#28a29b;
}
.plat-box span:nth-child(1){
  position: absolute;
    top: 0;
    left: -29px;
    width: 104%;
    height: 100%;
    border: 3px solid #28a29b;
    border-radius: 39% 62% 63% 37% / 41% 44% 56% 59%;
     z-index:-3;
    
}



.plat-box span:nth-child(2){
  position: absolute;
    top: -10;
    left: -29px;
    width: 104%;
    height: 100%;
    border: 3px solid #4873b7;
    border-radius: 39% 62% 63% 37% / 41% 44% 56% 59%;
    z-index:-3;
  
}


/*************************End-to-end application services****************/
.end-to-end{
  margin-top: 50px;
  background:white;
  height:100%;
  padding: 4rem;
}
.end-to-end .container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 60px;
}

.end-to-end .end-app-card{
  width:310px;
  height:100%;
  border:1px solid #efe8e8;
  margin: 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-right: 5px solid #9691916b;
  border-bottom: 5px solid #9691916b;
  border-top:none;
  /*padding: 1rem;*/
  position: relative;
  margin-top: 70px;
}
.end-app-card .end-icon {
  position: absolute;
    margin-top: -50px;
     padding-left: 1rem;
}
.end-app-card .end-icon img{
  width:100px;
}
.end-app-card .end-content{
  margin-top: 75px;

}
.end-app-card .end-content h5{
    font-weight: bold;
    color: #383434;
    padding-bottom: .3rem;
     padding-left: 2rem;
}

.end-app-card .end-content p{
    
    color: #504e4e;
    padding-left: 2rem;

}
.end-app-card .end-content a{
color:#4873b7;
font-weight:500;
}
.end-app-card:hover .end-content a{
color:#f2b02e;
}

/*********************Services- HR Services********************/
/************************Recruiting**************************/
.hr-staff-img img {
    width: 95%;
}
.hr-staff-content {
    margin-right: 25%;
    margin-left: 3%;
}
.border-hr-anky {
    position: absolute;
    top: -42px;
    left: 32.5%;
    height: 92%;
    width: 66%;
    background-color: transparent;
    border: 42px solid #969b9c;
    border-left: transparent;
    border-bottom: transparent;
}
.hr-staff-content h1{
  font-size: 1.75rem;
}
.hr-staff-content p {
    font-weight: 400;
}
#hr-anky-staff {
    margin-top: 4%;
}
.hr-anky1-button{
  padding: 2% 5%;
  color: #0e2640;
  font-weight: 500;
  border:1px solid lightgrey;
}

/**********************Types of hiring*********************/
#hiring-anky {
    margin-top: 5%;
}
  .hiring-anky {
    width: 100%;
}
.permanant-hire {
    position: relative;
    width: 100%;
    border: 1px solid #566a86;
    margin-bottom: 1%;
    cursor: pointer;
}
.permanant-hire:hover{
  background-color: #566a86;
  color: #fff;
}
.permanant-hire:hover h2{
  color: #fff;
}

.permanant-hire h2 {
    font-size: 1.2rem;
    margin-left: 2%;
    color: #184c9f;
    margin-top: 2%;
}
.permanant-hire p {
    margin-left: 2%;
    font-weight: 400;
    
}
.temporary-hire {
    position: relative;
    width: 100%;
    border: 1px solid #566a86;
     margin-bottom: 1%;
     cursor: pointer;
}
.temporary-hire:hover{
  background-color: #566a86;
  color: #fff;
}
.temporary-hire:hover h2{
  color: #fff;
}
.temporary-hire h2 {
    font-size: 1.2rem;
    margin-left: 2%;
    color: #184c9f;
    margin-top: 2%;
}
.temporary-hire p {
    margin-left: 2%;
    font-weight: 400;
}
.contract-anky-hire {
    position: relative;
    width: 100%;
    border: 1px solid #566a86;
     margin-bottom: 1%;
     cursor: pointer;
}
.contract-anky-hire:hover{
  background-color: #566a86;
  color: #fff;
}
.contract-anky-hire:hover h2{
  color: #fff;
}
.contract-anky-hire h2 {
    font-size: 1.2rem;
    margin-left: 2%;
    color: #184c9f;
    margin-top: 2%;
}
.contract-anky-hire p {
    margin-left: 2%;
    font-weight: 400;
}
.contract-hire {
    position: relative;
    width: 100%;
    border: 1px solid #566a86;
     margin-bottom: 1%;
     cursor: pointer;
}
.contract-hire:hover{
  background-color: #566a86;
  color: #fff;
}
.contract-hire:hover h2{
  color: #fff;
}
.contract-hire h2 {
    font-size: 1.2rem;
    margin-left: 2%;
    color: #184c9f;
    margin-top: 2%;
}
.contract-hire p {
    margin-left: 2%;
    font-weight: 400;
}
.staffing-hire {
    position: relative;
    width: 100%;
    border: 1px solid #566a86;
     margin-bottom: 1%;
     cursor: pointer;
}
.staffing-hire:hover{
  background-color: #566a86;
  color: #fff;
}
.staffing-hire:hover h2{
  color: #fff;
}
.staffing-hire h2 {
    font-size: 1.2rem;
    margin-left: 2%;
    color: #184c9f;
    margin-top: 2%;
}
.staffing-hire p {
    margin-left: 2%;
    font-weight: 400;
}
#hiring-anky h1 {
    text-align: center;
    font-size: 2rem;
    color: #212529;
    margin-top: 1%;
    cursor: pointer;
    margin-bottom: 2%;
}
/***************************business-staff***************/
.business-staff-img img {
    width: 93%;
    margin-left: 7%;
}
.business-staff-content {
    margin-left: 25%;
}
#tech-content{
 margin-left: 41px;
    margin-right: 7rem;
}
.border-business-anky {
    position: absolute;
    top: -42px;
    left: 3.5%;
    height: 92%;
    width: 66%;
    background-color: transparent;
    border: 42px solid #f1aa24;
    border-right: transparent;
    border-bottom: transparent;
}
.business-staff-content h1{
  font-size: 1.75rem;
}
#business-anky-staff {
    margin-top: 11%;
    margin-bottom: 4%;
}
.business-anky1-button{
  padding: 2% 5%;
  color: #0e2640;
  font-weight: 500;
  border:1px solid lightgrey;
}

/*********************hr-why choose us********************/
#hr-staffing {
    margin-top: 2%;
}
#hr-newanky .hr-newanky-points {
    margin-top: 40px;
}
#hr-newanky .hr-newanky-points li{
  list-style-type: none;
}
#hr-newanky .hr-newanky-points li i{
  color: #009ccc;
}
  #hr-newanky .hr-newanky-points hr{
        border: 0px solid black;
    border-bottom: 2px dotted #004b88;
    margin-left: 35px;
    opacity: 60%;
}
  
  #hr-newanky .hr-newanky-points li a {
    text-decoration: none;
    color: black;
    font-size: 18px;
    margin-left: 11px;
}
#hr-newanky .hr-newanky-points li a span{
  margin-left: 37px;
}
#hr-newanky{
  margin-bottom: 20px;
}
#hr-newanky h4{
  font-size: 32px;
  margin-left: 38px;
  margin-top: 40px;
  color: black;

}
/*#hr-newanky h4:after {
    content: "";
    position: absolute;
    width: 229px;
    top: 2276px;
    left: 17%;
    margin-left: 10px;
    transform: translateY(-50%);
    color: white;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to left, #ffffff,rgb(255 255 255) 0,rgb(255 255 255) 1%,#009ccc 145% )25%;

}*/

.hr-background {
    background: #efefef;
    padding-top: 2%;
    padding-bottom: 1%;
}
#hr-image img {
    margin-top: -6%;
    width: 100%;
    margin-left: 8%;
}
.hr-points{
margin-top: 20px;
line-height: 1.5;
text-align: left;
} 
#hr-staffing h1 {
    margin-top: 0%;
    margin-bottom: 2%;
    text-align: center;
    font-size: 1.75rem;
}
/*************** Services- pcb-design*************/
/**************PCB Basics*************/
 
 .pcb-section{
  margin-top: 40px;
  margin-bottom: 40px;
 
}
  .pcb-basic-img{
  width:90px;
  height:90px;
  margin-top:20px;
  border:1px solid #d6d5d5;
  border-radius:80px;
  box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
background-color: white;
margin-left: 122px;

}
 
  .pcb-basic-img img{
  width:64px;
  height:64px;
  margin-left: 12px;
    margin-top: 14px;
}
  .pcb-basic-img1 img{
  width:64px;
  height:64px;
  margin-left: 12px;
    margin-top: 14px;
}
  
 .pcb-section .pcb-head{
  text-align:center;
  font-size:24px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-left: 20px;

}
 .pcb .pcb-basic-design-box-anky {
    height: 100%;
    border: 1px solid #e4e9ef;
    margin-top: 0px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
p.pcbpara {
    font-family: none;
    padding: 10px;
   
    font-weight: 500;
}
h5.pcbheading {
    text-align: center;
    margin-top: 10px;
    
}

 .pcbheading{
  text-align: center;

 }
 

/****************PCB Types*************/


.pcb-anky-container{
  margin-top: 80px;
  padding-bottom:60px;
}
.pcb-anky-container .pcb-anky-title h3{

  text-align: center;
}
.pcb-anky-container .pcb-anky-title p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

img#pcb-type-img{
  width: 100%;
    height: 55%;
    margin-top: 8px;
}
.pcb-anky-img {
    margin-left: -4px;
    margin-top: 21px;
}
.pcb-anky-anky1 {
    margin-left: 4px;
    font-size: 16px;
    margin-top: 1rem;
}
img.pcb-anky-img {
    width: 100%;
    height: 50%;
}

.pcb-description1{
  margin-bottom: 20px;
}
.pcb-description1 .container{
  display:flex;
  justify-content: center;
  align-items:center;
  flex-wrap: wrap; 
  
}
.pcb-description h3{
  color:white;
  text-align: center;
}

.pcb-description p{
  color:white;
  text-align: center;
}
.pcb-description1 .container .pcb-type-card{
 position: relative;
    width: 315px;
    height: 300px;
    margin: 20px;
   
    
    background: white;
    overflow: hidden;
    opacity: 0.8;
    border:none;
}
.pcb-description1 .container .pcb-type-card:nth-child(1){
 
}
.pcb-description1 .container .pcb-type-card:nth-child(2){
  width: 589px;
    padding: 2rem;
    height: 100%;
   
}
.pcb-description{
  background: url("../images/pcb-back.jpg") fixed center center;
  background-size:cover;
  height:150px;
  padding:30px;
  
}
.pcb-description1{
  display: none;
}
.pcb-type-card .pcb-content h3{
font-size:23px;
padding-bottom: 1rem;
}
.pcb-type-card .pcb-content p{
font-size:17px;
padding-right: 1rem;
}
.pcb-hr{
  
    border: 2px solid #83807d;
    width: 5rem;
    margin-left: 4px;
    margin-top: -13px;
}

.pcb-quote-btn button{
  background:#f2b02e;
}
.pcb-images img{
    width: 100%;
    height:100%;
    
}

.pcb-content  h3 {
  font-size: 24px;

}

.typespcbs1 a h5 {
  color:black;
  text-decoration: none;
}
.typespcbs1 a h5:hover {
  color:black;
  text-decoration:underline;
}

/*************About us page **************/
/*************who we are **************/
.who-we {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 1.7rem;
    
    margin-top: 4rem;
}
.who-we-are {
    font-size: 1.0rem;
    line-height: 2rem;
}
/*.about-us-anky.about-grow {
    width: 100%;
}*/

.about-grow img{
  width:100%;
}
/*************what we do **************/
  .what-we {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 1.7rem;
   
}
.what-we-do {
    font-size: 1.0rem;
    line-height: 2rem;
}
.about-us-anky1.what-we-img {
    width: 89%;
    margin-top: -3rem;
}

  
/***********vision and mission section *****************/

.box2,.box4,.box6{
     position: relative;
    margin-top: -4.5rem;
    height: 66%;
    width: 86%;
    border-bottom-left-radius: 3rem;
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 50px;
    border: 0.3rem solid #c7d4da;
    border-right-color: transparent;

    }

   #vision-box{
    padding-bottom: 5rem;
   }
    .box-inside {
    position: relative;
    height: 40%;
    width: 86%;
    margin-top: 1rem;
    border: 0.3rem solid #c7d4da;
    top: -6rem;
    border-bottom-left-radius: 3rem;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
}
  .images p {
    margin-top: 1rem;
    margin-left: 2rem;
}
 #img-head h3 {
    font-size: 1.6rem;
    margin-top: 6rem;
    margin-left: 16%;
}
  
  #content-head h4 {
    font-size: 1.2rem;
    margin-top: 1rem;
    text-align: center;
}
  .head img {
    width: 17%;
}
  #img-head {
    margin-top: 2rem;
}
  .head span {
    margin-left: 1rem;
    margin-top: 1.2rem;
}





/*************our values boxes **************/



.our-value-bg {
   
  background:/* url("../images/about-back.jpg") */  /*linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)),*/
              url("../images/blog.jpg") ;
  
  height:260px;
background-color: #8a8383;
  margin-top: 4rem;
    margin-bottom: 9rem;
        padding-top: 31px;
background-blend-mode: darken;

}

.our-values h3 {
    color: white;
    padding-top: 1rem;
    padding-bottom: 4rem;
    text-align: center;
}
.our-values .box-anky {
    padding: 3rem 4rem;
   
    margin-bottom: 2rem;
    text-align: center;
    height: 81%;
    width: 92%;
    position: relative;
    background: #fff;
    box-shadow: 0rem 0.2rem 1rem rgb(0 0 0 / 10%);
    border-radius: 7rem;
}
.our-values .box-anky1 {
    padding: 3rem 4rem;
    margin-bottom: 2rem;
    text-align: center;
    height: 81%;
    width: 92%;
    position: relative;
    background: #fff;
    box-shadow: 0rem 0.2rem 1rem rgb(0 0 0 / 10%);
    border-radius: 7rem;
}
.our-values .box-anky2 {
    padding: 3rem 4rem;
    margin-bottom: 2rem;
    text-align: center;
    height: 81%;
    width: 92%;
    position: relative;
    background: #fff;
    box-shadow: 0rem 0.2rem 1rem rgb(0 0 0 / 10%);
    border-radius: 7rem;
}

.box-anky {
border:2px solid;
border-color: #e8e8e8;
}
.box-anky1 {
border:2px solid;
border-color: #e8e8e8;
}
.box-anky2 {
border:2px solid;
border-color: #e8e8e8;
}
.img-fluid .equal-img {
    width: 42%;
    margin-top: -1rem;
}

/*************what we provide **************/
.provide-anky h3{
  font-size:1.7rem;
}

.layer2 {
    margin-top: 12rem;
    margin-bottom: 12rem;
}

 

.layer2 .layer-box1 {
    width: 99%;
    height: 19rem;
    background: transparent;
    border-radius: 2rem;
    border: 0.2rem dashed #5283cf;
    border-left: 0.2rem solid #5283cf;
    border-right: 0.2rem solid #5283cf;
    overflow-y: hidden;
}
.layer2 .layer-box2 {
    width: 85%;
    height: 19rem;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 20%);
    margin-top: -24rem;
    border-radius: 2rem;
    margin-left: 1.5rem;
    overflow-y: hidden;
    border: 0.1rem solid #fffdfb;
}
 .layer2 .middle-box{
  border-top:0.2rem solid #f5b86d;
  border-bottom:0.2rem solid #f5b86d;
  border-left:0.2rem dashed #f5b86d;
  border-right:0.2rem dashed #f5b86d;
 }
.layer2 .layer-box2 h5 {
    text-align: center;
    padding-top: 1.6rem;
    font-size: 1.3rem;
    position: relative;
}
.layer2 .layer-box2 img {
    margin-left: 36%;
    margin-top: 15%;
    background: white;
}
 .layer2 .layer-box2 p {
    text-align: center;
    padding-right: 0.4rem;
    font-size: 1rem;
    padding-left: 0.4rem;
}
.mmin-box img {
    width: 27%;
}

 


/*********************customer reviews carousel ****************************/
.carousel-control-prev, .carousel-control-next {
 width: 190px;
    height: 40px;
       margin-top: 1268px;
    top: 50%;
    background: none;
}

.carousel-control-prev i, .carousel-control-next i {
  font-size: 68px;
  line-height: 42px;
  position: absolute;
  display: inline-block;
  display: none;
  text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel-indicators {
     bottom: -35px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 12px;
  height: 12px;
  margin: 1px 3px;
  border-radius: 50%;
  border: none;
}
.carousel-indicators li { 
  background: #999;
  border-color: transparent;
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {  
  background: #555;   
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-control-prev i{
  color:#9e9e9e;
}
.carousel-control-next i{
  color:#9e9e9e;
}

.review1{
      width: 245px;
    height: 228px;
   margin-top: 40px;
   margin-bottom: 30px;
   margin-left: 34px;
    position: relative;
    border: 1px solid #007bff61;
    box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
    }
    .review1 .img-box1 img {
  width: 80px;
 margin-top: -40px;
  display: block;
  background: white;
  margin-left: 83px;
  border-radius: 50%;
  border: 1px solid #007bff61;
}
.review-anky {
  
  font-size: 16px;
  margin: 10px;
  text-align:center;
}
.overview-anky{
font-size: 16px;
margin-left: 20px;
}
.overview-anky b {
    color: #269ae5;
    font-weight: 600;
}
.checked {
  color: orange;
}
.rating-anky {
 margin-top: -70px;
    margin-left: 184px;
    font-size: 39px;
    color: #a9a39c;
    opacity: 80%;
}
.carousel-inner{
 transition-duration: 4s;
}
.carousel-item {
    height: 300px;
}

.test-client .cx-happy-para{
  font-weight:400;
  font-size:18px;
}

.test-client .more-client-para{
   font-weight:400;
  font-size:18px;
}
  
  .title-client{
    text-align: center;
    padding:25px;
  }
  .title-client h3{
    font-size: 26px;
    font-weight: 500;
   

  }


/*********Contact Page **************/

.contact-fluid .menu i{
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 600;
}
.contact-fluid .menu span{
  font-size: 22px;
  margin-bottom: 5px;
  font-weight: 600;
  margin-left: 4px;
}
.contact-fluid .email-form button[type="submit"]{
  padding: 12px 16px;
  border:none;
  background-color:  #4889ce;
  color: #ffffff;
  border-radius: 15px;
  margin-top: 20px;

}
.contact-fluid .container iframe{
  border: 0;
  width: 100%;
  height: 290px;
  margin-top: 22px;

}
 .contact-fluid .menu{
  border-top: 3px solid #4889ce;
  border-bottom: 3px solid #4889ce;
    padding: 20px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 24px 0 #0000001a;
    margin-bottom: 25px;
}

 .contact-fluid .email-form{
  border-top: 3px solid #4889ce;
  border-bottom: 3px solid #4889ce;
  padding: 20px;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 0 24px 0 #0000001a;
    height: 675px;

}
 .contact-fluid #textarea .form-control{
  resize: none;
}

 .contact-fluid #main-about{
 text-transform:capitalize;
  margin-left:100px;
  font-weight:bold;
  
  margin-bottom:-15px;

}
 .contact-fluid #contact-serv-head{
 margin-top:130px;
 margin-left:150px;
 
 font-size: 30px;

 text-transform: uppercase;
}
 .contact-fluid .contact-anky {
    
    height: 400px;
    margin-top: 24px;
    margin-right: -20px;
}
 .contact-fluid .contact-anky img{
  width: 250px;
  height: 300px;
  margin-left: 120px;
  margin-top: 55px;

}
h1#contact-serv-head {
    font-size: 30px;
    margin-left:230px;
    padding-top:20px;
}
.contact-head h4{
  margin-left:230px;
  font-weight: bold;
font-size: 50px;
}
.contact-head p{
  margin-left:230px;
  font-size: 18px; 
}

.contact-fluid{
 background-color: #dedada36; 
 margin-top: 20px;
}


/*********************careeer page************************/

#jobs{
   display : none;
}

.career-section .career-page .job-card:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

 .career-section .career-page .job-card h6{
  font-size:18px;
  font-weight:bold;
  color:#0088c0;
}
.career-section .career-page .job-card .job-card span, .career-section .career-page .job-card .job-card p{
  font-size: 16px;
  font-weight:300;
  
}


 .career-section .career-page .job-card .detail-btn a, .apply-btn a{
  font-size:16px;
  font-weight: 300;
  color:black;

  text-decoration: none;

}
.career-section .career-page .job-card .detail-btn a:hover{
  color:#f0a720;
  text-decoration: underline;
}
 .career-section .career-page .job-card .apply-btn a:hover{
  color:#f0a720;
  text-decoration: underline;
}

.view-more-btn-career{

  margin-top: 20px;
  background:#f89e2e;
  margin-bottom: 20px;
  color:white;

}
.view-more-btn-career:hover{
  color:#3792c6;
}

.card.job-card {
    margin-bottom: 9px;
}

/***********internship form*************/
#Send-intern {
    background-color: #146ca7;
    color: white;
    margin-top: 10px;
}
#intern-header img{
  width: 240px;
}
#intern {
    font-size: 13px;
    line-height: 22px;
    color: #777;
    margin-bottom: 25px;
}
#intern h2 {
    margin-top: 51px;
    color: #34a1f7;
}
.grow-image1-intern {
    width: 355px;
    margin-top: 100px;
    margin-left: 215px;
}
#intern p{
    font-size: 16px;
    font-weight: 400;
    color: #1e2c34;
    margin-top: 35px;
}
#intern img{
    margin-left: 260px;
}
#intern label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}
#intern input[type=text], select {
  width: 100%;
  padding: 10px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.intern-check a{
    text-decoration: none;
}




/****************jobanky.html*************/
    .job-apply-details  #job-des-anky h4{
            font-size: 40px;
        }
       .job-apply-details #job-des-anky{
            font-size: 18px;
            margin-top: 70px;
        }
     .job-apply-details  #job-des-anky strong {
    margin-right: 5px;
    font-weight:bold;
}
 .job-btn-new {
 margin-left: 688px;
    margin-bottom: 25px;
}
 .job-btn-new button{
  color:white;
  background:#2196F3;
}


/*********ankyform.html*************/
    #form-button-apply button[type="submit"]{
  padding: 12px 16px;
  border:none;
  background-color:  #4889ce;
  color: #ffffff;
  border-radius: 15px;
  margin-top: 8px;
    margin-bottom: 10px;
}
#anky-message-apply textarea{
  resize: none;

}
.smalltitle-apply {
  margin-top: 70px;
}

.apply-now h2{
  margin-left: 15px;
  margin-top: 97px;
}
.apply-now .email-form .full-name input{
border:1px solid #ced4da;
}
.apply-now .email-form .select-form select{
  border:1px solid #ced4da;
}
.apply-now .anky-form-img img {
    width: 92%;
    margin-top: 95px;
    margin-left: 30px;
}



/*************guote.html**********/
.quote-get .head-deve #main-head{
    padding-top: 49px;
    color: white;
    text-align: center;
    font-size: 3.23em;
    text-transform: capitalize;
    
    font-weight: bold;
}

.quote-get1 .grow-image1-indus{
  margin-top: 59px;
}



    
 .quote-form .checkbox {
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

 .quote-form .checkbox h5 {
    text-align: left;
}
 .quote-form .checkbox_services {
    float: left;
    height: 30px;
    /*width: 50%;*/
    padding-left: 20px;
}


.quote-form .req {
    color: #007acc;
    font: 13px/18px ;
}
.quote-form .btn-sumbit-form {
    background-color: #007acc;
    color: white;
}
.quote-form {
     margin-top: 60px;
    line-height: 22px;
    color: #777;
    
}

.quote-form label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}
.quote-form a {
    color: #EF3773;
}
.quote-form .smalltitle span {
   color: #007acc;
}
.quote-form h1, 
.quote-form h2, 
.quote-form h3, 
.quote-form h4, 
.quote-form h5,
.quote-form h6,
.quote-form h1,
.quote-form h2, 
.quote-form h3, 
.quote-form h4, 
.quote-form h5, 
.quote-form h6 {
    color: #444;
    
    font-weight: 700;
}


.quote-form input[type=text], 
.quote-form select {
  width: 100%;
  padding: 10px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}




.quote-form .checkbox label {
    display: inline;
   
    font-weight: normal;
    cursor: pointer;
}



/*****************course-anky.html***************/

#course-anky .details-anky {
    position: relative;
    width: 100%;
    border-radius: 2rem;
    border-top: 0.3rem solid #2a9adc;
    box-shadow: 0px 1px 15px rgb(0 0 0 / 10%);
    height: 9rem;
    margin-top: 2rem;
}
    
    #course-anky .details-anky1{
      position: relative;
      width: 100%;
      border-top: 5px solid #d6cece94;
      border-radius: 30px;
      box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
      height: 250px;
      margin-top: 40px;
    }
     #course-anky .details-anky4{
      position: relative;
      box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
      height: 911px;
      border-top: 5px solid #2a9adc;
        border-radius: 30px;
        margin-top: 40px;
     }
#course-anky .details-market-anky {
    position: relative;
    width: 100%;
    border-radius: 2rem;
    border-top: 5px solid #2a9adc;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    height: 15rem;
    margin-top: 2rem;
}

#course-anky .details-market-anky1 {
    position: relative;
    width: 100%;
    border-top: 5px solid #d6cece94;
    border-radius: 2rem;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    height: 100%;
    margin-top: 3rem;
}
    #course-anky .details-market-anky1 ul li{
      list-style: none;
     
    }
#course-anky .details-market-anky1 ul {
    margin-top: -20%;
    margin-left: 59%;
    padding-bottom: 2rem;
}
#course-anky .details-market-anky ul {
    margin-top: -19%;
    margin-left: 11%;
    padding-bottom: 2rem;
}
    #course-anky .details-market-anky1 ul li i{
      margin-right: 10px;
    }
#course-anky .details-market-anky1 img {
    width: 34%;
    margin-left: 4%;
    margin-top: -3%;
}
#course-anky .details-market-anky img {
    width: 22%;
    margin-left: 66%;
    margin-bottom: 2rem;
    margin-top: -3rem;
}
#course-anky .details-anky2 {
    position: relative;
    width: 100%;
    /*border-radius: 30px;
    border-top: 5px solid #d6cece94;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);*/
    height: auto;
    margin-top: 3rem;
    padding: 1rem;
   
}
#course-anky .details-anky3 {
    position: relative;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    height: 100%;
    border-top: 5px solid #2a9adc;
    border-radius: 2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
     #course-content {
    margin-left: 16%;
    margin-top: 3%;
}
     #course-content .course-head {
    font-size: 18px;
    color: black;
    font-weight: bold;
        margin-left: 26px;
}
    #course-anky h1{
      font-size: 28px;
      padding-top: 67px;
      margin-right: 20px;
      text-align: center;
      margin-top:36px;
    }
    #course-anky h2{
      font-size: 20px;
      text-align: center;
    }
    #course-anky {
    padding-bottom: 2rem;
}
h2.details-head3 {
    margin-top: 15px;
}
    .details-head{
    padding-top: 15px;
    margin-bottom: 15px;
}
    .details-head1{
      padding-top: 20px;
      margin-bottom: 20px;
    }
    .details-head2 {
    padding: 9px;
    background: #2a9adc;
    color: white;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    
}
#duration-course{
  margin-bottom: 2rem;
}
    .faq-box{
      width: 100%;
      float: left;
    }
    .faq-head{
      border: 1px solid black;
      cursor: pointer;
      position: relative;
      margin-top: 20px;
      background: #2a9adc;
      color: white;
      border: none;

    }
    .faq-head h3 span {
    font-size: 1rem;
    margin-top: 8px;
    margin-left: 20px;
    width: 80%;
}
    .faq-head h3 i{
      display: inherit;
      float: right;
      margin-top: 10px;
      margin-right: 20px;
    }
    .faq-content{
      display: none;
    }
    .faq-content p{
      margin-left: 5px;
      margin-left: 10px;
      margin-top: 15px;
    }
    .faq-head h3{
      padding-bottom: 13px;
    }
    .faq-box-anky{
      padding: 0px 10px;
    }
   
/*-------industries--------*/
  #indus-anky h1{
  font-size: 20px;
  margin-top: 10px;
}

#indus-anky p {
    font-size: 0.8rem;
    margin: 0rem 2rem 0rem 2rem;
}
#indus-anky .card img {
    width: 100%;
}
#indus-anky .card {
    width: 99%;
    height: 98%;
    margin-bottom: 2rem;
}
#indus-anky {
    margin-left: 11rem;
    margin-right: 11rem;
}
#indus-anky h1{
 
  text-align: center;
}
#indus-layout-anky {
    margin-top: 2rem;
}



/**************Application.html************/
/**************Tech services************/

.tech-serv-img img{
  width:100%;
}
.tech-serv h3 {
    font-size: 24px;
    font-weight: 600;
  
}
.tech-serv p {
    font-size: 16px;
   
    
}


/**************Digital services************/
.digi-market-box h3{
  font-size:24px;
  text-align:center;
    font-weight:600;
  
}

.digi-market-box p{
text-align:center;
font-size:16px;
/*font-weight: 200;*/

}
.digi-market-box .box-anky{
  padding: 50px 20px;
  margin-top: 55px;
  margin-bottom: 25px;
  text-align: center;
  height: 170px;
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);


 
}
.digi-img{
  width:128px;
  height:120px;
  margin-top: -40px;
  margin-left: 10px;
}
.digi-market-box  .digi-detail-box{
  padding: 50px 20px;
 
  margin-bottom: 5px;
  text-align: center;
  height: 50px;
  position: relative;
  background: #fff;
  box-shadow: 20px 2px 15px rgba(0, 0, 0, 0.1);
  border-radius:50px;
  bottom:30px;
  margin-top: -32px;

    border: .5px solid #b5b3b3;
}
.digi-market-box  .digi-detail-box p{
  bottom:20px;
  font-family: -webkit-pictograph;

}

.digi-market-box  .digi-detail-box a > h5{
  margin-top: -39px;
  color:black;
  font-family: -webkit-pictograph;
  font-size:18px;
}
  .digi-market-box  .digi-detail-box a{
  text-decoration: none;
  }
   .digi-market-box  .digi-detail-box a:hover{
  text-decoration: underline;
  color:;
  }


/**************Application  services************/
.application-serv-img img{
   width:100%;
}

.application-serv h3{
  font-size:24px;
  font-weight:600;
   
   margin-top: 40px;
}

.application-serv p{
font-size: 16px;
/*  font-weight: 200;*/
  
}




/*****************training-form.html*********/

    .training-form1{
        margin-left: 227px;
        margin-top: 30px;
    }
     #form-button button[type="submit"]{
    padding: 12px 16px;
    border:none;
    background-color:  #4889ce;
    color: #ffffff;
    border-radius: 15px;
    margin-top: 20px;
    outline: transparent;
    cursor: pointer;
}
.training-form1 .email-form{
    padding-top: 10px;
}
.training-form1{
    width: 700px;
    height: 660px;
    margin-top: 80px;
    margin-bottom: 20px;
    background-color: #6c757d12;
    position: relative;
    box-shadow: 0px 2px 15px rgb(0 0 0 /10%);
}
#anky-message textarea{
    resize: none;

}
#form-training-button button[type="submit"] {
    padding: 12px 16px;
    border: none;
    background-color: #4889ce;
    color: #ffffff;
    border-radius: 15px;
    margin-top: 20px;
    outline: transparent;
    cursor: pointer;
}

/********************outsourcing*********************/
/**************outsource layout-1************/
.out-box{
      width: 100%;
      float: left;
    }
    .out-head{
      border: 1px solid black;
      cursor: pointer;
      position: relative;
      margin-top: 20px;
      background-color: #3e82bd;
      color: #fff;
      border: none;

    }
    .out-head h3 span{
      font-size: 18px;
      margin-top: 8px;
      margin-left: 20px;
      width: 80%;
    }
    .out-head h3 i{
      display: inherit;
      float: right;
      margin-right: 20px;
    }
    .out-content{
      display: none;
    }
    .out-content p{
      margin-left: 5px;
      font-weight: 400;
      margin-left: 10px;
      margin-top: 15px;
    }
    .out-head h3{
      padding-bottom: 13px;
    }
    .outsource-img {
      width: 85%;
      margin-top: 0%;
    }
    .outsourc-main h1 {
      text-align: center;
      font-size: 25px;
      margin-top: 2%;
    }
    .outsource-para {
      margin-left: 6%;
      font-size: 1.0rem;
      font-weight: 400;
      margin-top: 5%;
    }
    /*.out-source-anky{
      margin-top: -2%;
    }*/
    .outsource-points {
    margin-left: 6%;
    }
    .out-services {
    margin-left: 6%;
    }
    .out-services p {
      font-size: 1.0rem;
      font-weight: 400;
    }
    .out-source-anky {
    margin-bottom: 47rem;
}
   
  /******************benefits of outsource******************/
#aboutoutsource {
    padding-bottom: 30px;
    margin-top: 40px;
    /*background: #597c98;
    padding:2rem;*/
    
}
.section-title-outsource {
    margin-bottom: 2%;
}
.aboutoutsource .container {
  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
  background-color: #597c98;
}

.aboutoutsource .video-box img {
  margin-top: -8%;
  padding-bottom: 3%;
}

.aboutoutsource .section-title p {
  text-align: left;
  font-style: italic;
  color: #666;
}
.aboutoutsource h2{
  font-size:25px;
  color: #bb553f;
  /*font-weight: 700;*/
  color: #2e3e4e;
  text-align: center;
  /*text-transform: uppercase;*/
}
.aboutoutsource .aboutoutsource-content {
  padding: 3% 0%;
}
.aboutoutsource .para .title {
  margin-left: 95px;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}
.aboutoutsource .para .description {
    /* margin-left: 95px; */
    line-height: 24px;
    font-size: 1rem;
    font-weight: 400;
    color: white;
}
.video-box h3{
  margin-top: 3%;
  color: #ffffff;
}
.aboutoutsource h5{
  color: white;
}

/********************************Newlayout-outsourcing*****************/

#Newlayout-outsource h2{
      text-align: center;
      padding-top: 2rem;
      font-size: 25px;
      color: #fff;
    }
    .outsource-design1 {
      width: 85%;
      cursor: pointer;
      height: 12rem;
      position: relative;
      margin-top: 3rem;
      border-top-left-radius: 4rem;
      border-bottom-right-radius: 4rem;
      background: #fff;
      border: 1px solid #777674;
      box-shadow: 20px 20px 50px rgb(124 176 241 / 15%);
    }
    .outsource-design2 {
      width: 85%;
      cursor: pointer;
      height: 12rem;
      position: relative;
      margin-top: 3rem;
      background: #fff;
      border-top-left-radius: 4rem;
      border-bottom-right-radius: 4rem;
      border: 1px solid #d4d4d4;
      box-shadow: 20px 20px 50px rgb(124 176 241 / 15%);
    }
    
    section#Newlayout-outsource {
      margin-bottom:-25px;
       background-image: linear-gradient( 178.8deg,  rgba(0,88,143,1) 13.8%, rgba(21,190,240,1) 95.4% );
    }
    .outsource-design1:hover{
      transform: scale(1.03);
      }
      .outsource-design2:hover{
      transform: scale(1.03);
      }
      
    .outsource-design1 img {
      width: 22%;
      float: right;
      /*opacity: 0.5;*/
      margin-right: 1rem;
    }
    .outsource-design1 p {
      font-size: 0.8rem;
      margin-left: 1rem;
    }
    .outsource-design1 h4 {
      text-align: center;
      font-size: 1rem;
      margin-bottom: 1rem;
      margin-top: 1rem;
    }
    .outsource-design2 img {
      width: 22%;
      float: right;
      margin-right: 1rem;
    }
    .outsource-design2 p {
      font-size: 0.8rem;
      margin-left: 1rem 
    }
    .outsource-design2 h4 {
      text-align: center;
      font-size: 1rem;
      margin-bottom: 1rem;
      margin-top: 1rem;
    }
    #outsource-design-row {
      padding-bottom: 3rem;
    }
   
/*******************consulting********************/
.services-consulting .icon-box-consulting {
  padding: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}

.services-consulting .icon-box-consulting:hover {
  transform: translateY(-10px);
  box-shadow: 0 2px 35px 0 rgba(68, 88, 144, 0.2);
}

.services-consulting .icon-consulting {
    position: absolute;
    left: -53px;
    width: 101px;
    box-shadow: 0 2px 35px 0 rgba(68, 88, 144, 0.2);
    height: 83px;
    border: 1px solid #fff;
    top: calc(43% - 29px);
    border-radius: 50%;
}

.services-consulting .icon-consulting img {
  margin-top: 1.3rem;
    margin-left: 3.5rem;
}

.services-consulting .title-consulting {
  margin-left: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services-consulting .title-consulting a {
  color: #2a2c39;
  transition: ease-in-out 0.3s;
}

.services-consulting .title-consulting a:hover {
  color: #ef6603;
}

.services-consulting .description-consulting {
  font-size: 14px;
  margin-left: 40px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
#services-consulting {
  padding: 60px 0;
  overflow: hidden;
}

.section-title-consulting {
  padding-bottom: 40px;
}

.section-title-consulting h2 {
    font-size: 21px;
    font-weight: 500;
    padding: 0;
    line-height: 1px;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2196f3;
    font-family: "Poppins", sans-serif;
}
.section-title-consulting h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #fd9042;
  margin: 4px 10px;
}

.section-title-consulting p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #2a2c39;
}

/**********************consulting sevice-details- Technologies ************************/
.consulting-tech{
  margin-top: 50px;

}

.consulting-tech h3{
  text-align: center;
  padding-bottom: 2rem;
}
/*.consulting-exp p{
  text-align: center;
  padding-top: 1rem;
}*/
.consulting-tech .container-flex{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}
.consulting-tech .container-flex .card{
   width: 380px;
    height: 341px;
    padding: 1rem;
    
     border-radius: 0px; 
    position: relative;
   
    background: #4873b7;
    color: white;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
  

}
.consulting-tech .container-flex .card .icon-tech{
   /* position: absolute;*/
    margin-top: 38px;
   /* left: 145px;*/
    text-align: center;
    
}
.consulting-tech .container-flex .card:hover{
  transform: translateY(-10px);
}
.consulting-tech .container-flex .card:nth-child(2){
  background:#f0a71e;
 
}

.consulting-tech .container-flex .card:nth-child(3){
  background:#28a29b;
}

.consulting-tech .container-flex .card:nth-child(4){
  background:#807d7a;
}
.consulting-tech .container-flex .card .content{
  margin-top: 14px;
}
.consulting-tech .container-flex .card .content h5{
  font-size:18px;
  text-align: center;
  font-weight: 400;
/*  padding-top: 45px;*/
}
.consulting-tech .container-flex .card .content p{
  padding-left:1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  text-align: center;
}
/**********************consulting sevice-details-contract************************/
/*.contract-staffing{
  margin-top: 80px;
}
.contract-staffing h3{
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.contract-staffing p{
  font-size: 15px;
}
.contract-staffing img{
  width:100%;
}
.contract-staffing #highlight{
  padding-left: 4rem;
  overflow-y: scroll;
  height:380px;
}
.contract-staffing #highlight ul li{
  list-style: none;
}
.contract-staffing #highlight ul{
    margin-left: -40px;
    font-size: 15px;
    line-height: 1.5rem;
}
.contract-staffing #highlight h4{
  font-size:20px;
  padding-top: .5rem;
}*/
/**********************Services-Brand develop************************/

/*****************Brand develop**************/
#brandsection {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  position: relative;
  background: url("brand.jpg") top center;
  background-size: cover;
  position: relative;
  margin-bottom: -90px;
}

#brandsection:before {
  content: "";
 background: rgb(49 95 136 / 90%);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#brandsection p {
  width: 80%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  font-weight: 400;
  margin: 0 auto 30px auto;
  color: #fff;
}

#brandsection h1 {
  margin: 0 0 10px 0;
  font-size:40px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

/*--------------------------------------------------------------
# brandbox Boxes
--------------------------------------------------------------*/
.brandbox {
  padding-top: 0;
}

.brandbox .brandbox1 {
 padding: 40px 9px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 5px 10px 29px 0 rgba(68, 88, 144, 0.2);
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
}

.brandbox .icon {
  margin: 0 auto 20px auto;
  display: inline-block;
  text-align: center;
}

.brandbox .icon i {
  font-size: 36px;
  line-height: 1;
  color: #f6b024;
}

.brandbox .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.brandbox .title a {
  color: #05579e;
}

.brandbox .description {
  font-size: 15px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 0;
  color: #777777;
}


.list-options  li{
  color: white;
}
.list-options {
    list-style: none !important;
    padding-left: 20px !important;
}
.brandbox1 img{
  height: 60px;width: 60px;
}

/**********************Brand Services************************/
.brand-services{
  margin-top: 80px;
}
.brand-services h3{
  text-align: center;
  padding-bottom: 1rem;
}
.brand-services .container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.brand-services .container .brand-card{
  width:257px;
  height:100%;
 
  margin:10px;
  padding:1rem;
  background:#4873b7;
  transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.brand-services .container .brand-card:hover{
  transform: translateY(10px);
}
.brand-card .brand-image{
  padding-bottom: 1rem;
  margin-left: 74px;
}
.brand-card .brand-content h5{
  text-align: center;
  color:white;
   padding-bottom: 1rem;
}

.brand-card .brand-content p{
  
  color:white;
  font-size: 15px;
  padding-bottom: 1rem;
}
.brand-card .brand-content a button{
    margin-left: 24px;
    width: 162px;
}

.brand-card .brand-content a button:hover{
   background:#cc8e8e;
   color:white;
}
.brand-services .container .brand-card:nth-child(2){
  background:#f0a921;
}

.brand-services .container .brand-card:nth-child(3){
  background:#28a29b;
}

.brand-services .container .brand-card:nth-child(4){
  background:#807d7a;
}
/**********************Services-print-design************************/
/**********************print-design************************/
#printlayout1{
  margin-top: -143px;
}
#printlayout1.page-section {
    padding: 30px 0;
}
.inner-page .slide-container {
    padding-top: 0;
    padding-bottom: 0;
}
.inner-page .slide-container1 {
    padding-top: 0;
    padding-bottom: 0;
}
.slide-container {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    padding-top: 7.75rem;
    padding-bottom: 3.25rem;
    position: relative;
}
.slide-container1 {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    /*padding-top: 7.75rem;*/
    padding-bottom: 3.25rem;
    position: relative;
}
.section.active .delay5 {
    animation-delay: .5s;
}
.section.active .animate-element {
    animation-duration: .7s;
    animation-fill-mode: both;
}
.pdesc {
    font-weight: 400;
}
.slide-title-sub {
    margin-bottom: 1.75rem;
    font-size: 1.375rem;
    font-family: 'Glacial Indifference Bold';
    line-height: 1.45454545;
    color: #111;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-weight: bold;
}
.service-cards.graphic-cards .service-box {
    height: 100%;
}
.service-cards .service-box {
    border: 1px solid #d6d3df;
    padding: 10px;
    float: left;
    height: 30vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 16px;
    color: var(--sec-color);
    cursor: pointer;
}
.service-box-bg {
    position: absolute;
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
    height: 0%;
    background: var(--sec-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.service-cards .service-content {
    position: relative;
}
.service-cards .service-box-image {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    position: relative;
}
.service-head {
    font-size: 15px;
    font-family: 'Glacial Indifference Regular';
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: .025em;
}
.service-cards .serviceitem-image-normal {
    width: 60px;
}
  .page-section {
    padding: 30px 0;
}
.title-small {
    font-size: .986rem !important;
    line-height: 1.5rem !important;
    font-weight: 600;
}
.gettouch{
  background-color: #2196f3;
  border: 1px solid #2196f3;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.gdesignbox img {
    width: 60px;
}






.printblock
{
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  transform: translateY(80px);
}

.print-service
{
  -webkit-box-flex: 0;
  flex: 0 1 250px;
  max-width: 250px;
  height: 137.5px;
  margin: 65.4px 12.5px 25px;
  position: relative;
  padding: 0.5em;
  text-align: center;
  z-index: 1;
  box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.1);
}
.print-service_img
{
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%);
}
.print-service_title
{
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 1.00em;
  transition: opacity 350ms;
}
.print-service_title > small
{
  font-weight: 300;
  margin-top: 0.25em;
}
.print-service::before,
.print-service::after
{
  content: '';
}
.print-service::before,
.print-service::after,
.print-service_img
{
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  display: block;
  position: absolute;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  z-index: -1;
}
.print-service::before
{
  background: #fff;
  transform: scale(1.055);
}
.print-service::after
{
  background: #111111;
  opacity: 0.7;
  transition: opacity 350ms;
  -webkit-transition: opacity 350ms;
}
.print-service:hover
.print-service_title
{
  opacity: 0;
}
.print-service:hover
.print-service_img
{
  filter: grayscale(0%);
}
.print-service:hover::before
{
  background: #269ae5;
}
.print-service:hover::after
{
  opacity: 0;
}
.printblock_Hidden
{
  display: none;
  opacity: 0;
  width: 250px;
  margin: 0 12.5px;
}





.designservices{
  margin-bottom: 200px;
}
/*************************Services-Email Marketing*****************************/
/************************* services we provide*****************************/

.email-mark .container{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
}
.email-mark .email-card{
position: relative;
    width: 308px;
    height: 188px;
    margin: 20px;
    
    background: #fffefe;
    overflow: hidden;
    opacity: 1;
    padding: 2rem;
   border: 2px solid #f1ac29;
}
.email-mark .email-card .content h5{
 font-size: 17px;
 font-weight: 600;
 color: #4873b7;
}
.email-mark .email-card .content p{
 font-size: 15px;
}
.email-mark .email-card .card-icon{
    margin-left: 217px;
    margin-top: 89px;
    font-size: 30px;
    opacity: .4;
    color: #868380;
    position:absolute;
}

.email-mark .email-card:hover .card-icon{
  color:white;
}
.email-mark .email-card:hover{
  background:#4873b7;
  border:none;
  padding: 2rem;
}

.email-mark .email-card:hover .content{
 color:white;
}

.email-mark .email-card:hover .content h5{
 color:white;
}
/*************************Details section*****************************/
.email-detail{
  margin-bottom: 0px;
}
.email-detail #email-image img{
margin-top: 130px;
width: 74%;
}
.email-detail .email-details1{
  margin-left: -20px;
}

.email-detail .mark-imp{
  margin-left: -38px;
}
.email-detail .mark-imp li{
  list-style: none;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 1rem;
}
/************************* Benefits of Email Marketing*****************************/
.email-benefit{
  margin-top: 0px;
  margin-bottom: 160px;

}
.email-benefit #email-image img{
margin-top: 83px;
    width: 74%;
    margin-left: 0px;
}
.email-benefit .benefits-details{
margin-left: -105px;
padding-right: 149px;
}
.email-benefit .mark-imp{
  margin-left: -38px;
}
.email-benefit .mark-imp li{
  list-style: none;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 1rem;
}
.types-convert strong{
  font-weight: 500;
}
/*************************Performance*****************************/
#email-back{
  background: linear-gradient(rgb(92 130 191), rgba(40, 58, 90, 0.9)),
              url("../images/email-back.jpg")  center;
  background-size:cover;
}
.perform-em{
  background:#4873b7;
  height:300px;
  padding:3rem;

}

.perform-em h3{
  color:white;
  text-align: center;
  padding-bottom: 1rem;
  font-size:30px;
}

.perform-em p{
  color: white;
    padding-left: 15rem;
    padding-right: 15rem;
    padding-bottom: 1rem;
    font-size: 20px;
}

.per-quote .quote-btn:hover{
background:#f1ac29;
}
/********************Join-section***************/
.join-sec{
  background:#3461b3;
  width:100%;
  height: 367px;
 margin-bottom: -25px;
}


.join-sec .join-text h3{
  color:white;
  padding-top: 62px;
  text-align: center;
  font-size:35px;
}

.join-sec .join-text p{
  font-size: 24px;
  color:white;
  text-align: center;
  padding-left: 8rem;
  padding-right: 8rem;
  padding-top: 1rem;
}

.join-sec-btn .btn-join:hover{
background:#f1ac29;
}
/**************************Services- Salesforce CRM******************************/
/*************************Salesforce CRM- Process*****************************/
.sales-head h3{
  text-align: center;
  padding-bottom: 2rem;
}
.sales-process{
  background: linear-gradient(rgba(12, 30, 83, 0.9), rgba(40, 58, 90, 0.9)), url("../images/.jpg");
  background-size: cover;
  height:100%;
  padding:2rem;
  margin-top: 0px;
}

.sales-process .container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.sales-process .container .sales-card{
  width:300px;
  height:300px;
  border:none;
  
  background:transparent;
  margin:30px;
   margin-bottom: 2rem;
}

.sales-card .sales-img{
    width: 150px;
    height: 150px;
    border: 5px solid #28a29b;
    border-radius: 100px;
    background: #54b5af;
    margin-left: 5.2rem;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
    
}

.sales-card .sales-img img{
  padding: 2.5rem;
}

.sales-card .sales-content{
  color: white;
  padding-left: 2rem;
}
.sales-card .sales-content h5 {
  text-align:center;
  padding-top: 1rem;
  text-transform: uppercase;
  color:white;
  text-decoration: none;
}
.sales-card .sales-content h5:hover{
  text-decoration: underline;
}
.sales-card .sales-content p{
  text-align:center;
  padding-top: 1rem;
}



/*************************How CRM Works?*****************************/
.crm-works{
margin-top: 40px;
margin-bottom: 20px;
}
.crm-works h3{
  padding-bottom: 20px;
}
.crm-works .container{
  
  margin-bottom: 2rem;

}
.crm-card{
    width: 1114px;
    height: 251px;
    background: #5c82bf;
    margin-left: 6px;
    margin-bottom: 2rem;
    cursor:pointer;
}
.crm-works .container .crm-card:nth-child(2) {
background:grey;

height:100%;

}
.crm-works .container .crm-card:nth-child(2) .crm-content-card{
    margin-left: 20px;
    margin-right: -86px;

}
.crm-works .container .crm-card:nth-child(2) .vl{
margin-left:91px;
}

.crm-works .container .crm-card:nth-child(2) .crm-img img{
margin-left: 85px;
background: #4873b7;
}
.crm-img img{
  margin-left: 40px;
    margin-top: 0px;
    position: relative;
    background: #28a29b;
    padding: 3rem;

}
.crm-img .vl{
    border-left: 7px solid transparent;
    border-image: linear-gradient(to right, #28a29b, #3874b2);
    border-image-slice: 1;
    height: 14rem;
    position: absolute;
    margin-left: 13.4rem;
    top: .9rem;
}

.crm-content-card {
  margin-left: -81px;
  padding: 1rem;
  color: white;
  padding-top: 2rem;
}

#sales{
  background: linear-gradient(rgb(6 31 76 / 90%), rgb(183 190 204 / 90%)), 
              url(../images/salesforce.jpg) fixed center;
  background-size:cover;
  height:100%;
  padding:2rem;
}

/*************************Blog-page*****************************/
/*************************Blog-page -first-section*****************************/
.blog-first-section{
  background:/*linear-gradient(rgb(33 100 220 / 90%), rgb(236 241 249 / 90%)),*/
              url("../images/blog.jpg") fixed ;
  height:244px;
  width:100%;
  padding: 5rem;
  margin-top: 67px;
  
}

.blog-first-section h2{
  font-size:47px;
  color:white;
}
.blog-first-section h6{
  
  color:white;
}

/*************************Blog-page -Second-section*****************************/
.blog-sec-section .text-blog h3{
  font-size:36px;
  text-transform: uppercase;
}

.blog-sec-section .author-sec img{
 padding-top: 1rem;
    width: 45px;
}
.blog-sec-section .author-sec h6{
 margin-left: 62px;
    margin-top: -29px;
    text-transform: uppercase;
}
.blog-sec-section .author-sec p{
  
    padding-top: 1rem;
    font-size: 15px;
   /* padding-right: 123px;*/
}

.blog-sec-section .img-section img{
 width: 89%;
}

/*************Latest Post Section***********************************/
.latest-post{
  margin-top: 5rem;
}
.latest-post h3{
  font-size:33px;
} 
.latest-post .post-container{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
}
.latest-post .post-container .post-card{
    position: relative;
    width: 315px;
    height: 300px;
    margin: 20px;
   /* box-shadow: 20px 20px 50px rgb(0 0 0 / 50%);*/
    border-radius: 15px;
    background: white;
    overflow: hidden;
    opacity: 0.8;
  /*  padding: 2rem;*/
}

.post-card .post-image img{
  width: 100%;
transition: all ease-in-out 0.4s;

}
.post-card  #web-post{
    width:314px;
    height: 190px;
}

.post-card  #mobile-post{
    width:314px;
    height: 190px;
}
.post-card .post-image img:hover{
 transform: scale(1.1);
}
.post-card .post-content{
  padding:1rem;
}
.post-card .post-content h4 a{
font-size:20px;
color:black;
}





/***************Event Section**********************/
.events-section{
  margin-top: 80px;
  background:white;
  width:100%;
  height:400px;
  margin-bottom: 120px;

}

.events-section .sub-sec1{

/*clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%,
                   2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 
                   6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 
                   10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%,
                    14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%,
                     19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%,
                      24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%,
                       29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 
                       34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 
                       39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%,
                        45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 
                        51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 
                        57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%,
                         64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%,
                          71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%,
                           78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 
                           85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 
                           92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%,
                            100% 52.4%);*/

background:#3461b3;
height: 124px;
    margin-bottom: 132px;
}
.events-section .sub-sec1 h3{
  padding-top: 2rem;
  text-align:center;
  color:white;
  font-size:33px;
}

.events-section .post-event{
   display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
 margin-top: -126px;
}
.post-event .event-card{
  position: relative;
    width: 315px;
   height: 224px;
    margin: 20px;
    box-shadow: 20px 20px 50px rgb(0 0 0 / 50%);
    /*border-radius: 15px;*/
    background: white;
    overflow: hidden;
    opacity: 0.8;
    /*border:2px solid grey;*/
}



.post-event .event-card:nth-child(1){
  background:
              url("../images/ecom-post.jpg") center center;
  background-size: cover;
}

.post-event .event-card:nth-child(2){
  background:url("../images/web-post.jpg") center center;
  background-size: cover;
}

.post-event .event-card:nth-child(3){
  background:url("../images/mobile-post.jpg") center center;
  background-size: cover;
}

.post-event .event-card:nth-child(4){
  background:url("../images/ecom-post.jpg") center center;
  background-size: cover;
}


.event-content{
    padding-top: 121px;
    padding-left: 1rem;
}

.event-content h4 a{
  color:white;
  font-size: 20px;
}


/****************Learn Section************************/
.learn-section{
  margin-top: 40px;
  margin-bottom: 40px;
  background: #d4d4d4;
  padding-top: 2rem;
  margin-bottom: 0px;
}
.learn-section1{
clip-path: polygon(0% 0%, 96% 50%, 0% 100%, 0% 100%, 48% 50%, 0% 100%);
    background-image: linear-gradient(to bottom, #4791ff, #0086d4, #008793, #00bf72, #a8eb12);
    height: 430px;
    width: 15%;
    
}
.learn-section1 h6{
 /* text-align: center;*/
 padding-top: 193px;
    color: white;
    font-size: 33px;
    padding-left: 1rem;

}
.learn-section .container{
margin-top: -414px;
}
.learn-section .main-img img{
  width:100%;
  z-index:-1;
}

.learn-section .text-main-box{
  
  padding:1.5rem;
  margin-top: -110px;
  z-index:1;
  color: white;
    text-transform: capitalize;
}

.learn-section .other-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.other-content .other-content-card{
  width: 325px;
    height: 102px;
}

.other-content-card .img-card img{
width: 37%;
    height: 141%;
}
.other-content-card .content-card{
 margin-left: 133px;
    float: right;
    margin-top: -69px;
}

.other-content-card .content-card h6 a{
  color:black;
}

/********************Mini-banner***************/
.mini-banner{
  margin-top: 40px;
  margin-bottom: 40px;
}
.mini-banner .mini-img img{
  width:100%;
  margin-left: 0px;
  position: relative;
}
.mini-banner .mini-box{
  display: flex;
}
/********************cookies-layout**************/
.cookie-container {
  position: fixed;
  bottom:-100;
  left: 0;
  right: 0;
  background:#5b7179;
  color: #f5f6fa;
  padding: 0 32px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);

  transition: 400ms;
}
.cookie-container p {
    font-size: 0.9rem;
    margin-top: 1.5rem;
}
.cookie-container.active {
  bottom: 0;
}

.cookie-container a {
  color: #ffbc00;
}
.cookie-btn {
    background: #28a29b;
    border: 0;
    color: #f5f6fa;
    
    padding: 0.5rem 1rem;
    font-size: 18px;
    margin-left: 2rem;
    margin-bottom: 16px;
    border-radius: 8px;
    cursor: pointer;
}
.cookie-container .cookie-prefer{
  color: #f0d75e;
  margin-left: 3rem;
}
.cookie-container .cookie-prefer i{
margin-left: 5px;
}
.cookie-container .cookie-col{
  margin-top: 2.5rem;
}
@media  only screen and  (max-width:1024px) {
  .cookie-btn {
    margin-top: 1rem;
  }
}
@media  only screen and  (max-width:555px) {
.cookie-container .cookie-col {
    margin-top: 1.5rem;
    margin-left: 15%;
}
}
@media only screen and (max-width:575px){
  #covidmessage .covid-message {
      text-align: center;
      margin-top: 3rem;
      color: #fff;
      font-size: 0.9rem;
  }
  #covidmessage  .covid-logo {
    width: 45%;
    margin-left: 5%;
    margin-bottom: 1rem;
  }
  #covidmessage .modal-dialog {
     width: 83%;
     margin-left: 8%;
    }
    #covidmessage .covid-message-1 {
      font-size: 1rem;
    }
    #covidmessage .covid-logo {
      width: 38%;
      height: 29px;
    }
    #covidmessage .covid-button .covid-details {
      padding: 0.5rem 1rem;
      margin-top: -0.5rem;
      margin-right: 1rem;
    }
  }
  /*-------Covid Banner Popup ------*/
#covidmessage .covid-image {
  width: 31%;
  margin-top: -1rem;
}
#covidmessage .covid-image-1{
width: 30%;
margin-left: 4%;
}
#covidmessage .covid-image-2{
width: 30%;
}
#covidmessage .covid-message{
text-align: center;
margin-top: 3rem;
  color: #fff;
font-size: 1.2rem;
}
#covidmessage  .close {
  margin-right: 1rem;
  font-size: 2rem;
}
#covidmessage .covid-message-1{
  background: #d09d3e;
  text-align: center;
  margin-top: 1.2rem;
  color: #fff;
  margin-bottom: 0rem;
  padding: 1rem 0rem;
  font-size: 1.7rem;
}
#covidmessage .modal-dialog {
 border: 1px solid #5695dc;
}
#covidmessage .modal-body {
  background: #5695dc;
 border: 1px solid #5695dc;
  padding: 0rem;
}
#covidmessage  .covid-logo {
  width: 35%;
  margin-left: 5%;
  margin-bottom: 1rem;
}
#covidmessage{
 border: 1px solid #5695dc;
}
#covidmessage .covid-button{
    background: #fff;
  padding: 1.5rem 1rem 0.3rem 0rem;
}

#covidmessage .covid-button .covid-details {
  /* border: none; */
  float: right;
  padding: 0.7rem 1rem;
  color: #fff;
  background: #5695dc;
  margin-right: 2rem;
  cursor: pointer;
}



/****************covid-details**************/
#covid-19{
  margin-top: 5rem;
}
.covid-rules {
  margin-top: 1rem;
  padding: 1rem;
  margin-left: 1rem;
}
#covid-rules1 {
  background: #ffaf40;
  border: 1px solid #ffaf40;
}
#covid-rules2 {
  background: #8f6bdd;
  border: 1px solid #8f6bdd;
}
#covid-rules3 {
  background: #ff5a9a;
  border: 1px solid #ff5a9a;
}
#covid-19 h4 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
#covid-19 .image-rules{
width: 100%;
}
.covid-rules .covid-1 {
  font-size: 1.3rem;
  margin-top: 1rem;
  margin-left: 1rem;
}
.covid-rules .covid-3{
font-size: 1.3rem;
  margin-top: 0.3rem;
  margin-left: 1rem;
}
@media only screen and (max-width: 968px){
#covid-19 .image-rules {
  margin-top: 1rem;
}
#covid-19 h4 {
  font-size: 1.5rem;
}

#covid-19 h4 img {
  width: 11%;
}
.covid-rules .covid-1 {
  font-size: 1rem;
}
.covid-rules .covid-3 {
  font-size: 1rem;
}
}
/***************covid-sympt*************/
#covid-symptoms .sympt-image {
  width: 79%;
  margin-top: -2rem;
  margin-left: 2rem;
}
#covid-symptoms h4 {
  font-size: 1.9rem;
  margin-top: 6rem;
  margin-left: 3rem;
}
#covid-symptoms .covid-symps {
  margin-top: 2rem;
  margin-left: 1rem;
}
#covid-symptoms .covid-symps li {
  font-size: 1.2rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 968px){
#covid-symptoms h4 {
  font-size: 1.5rem;
  }
  #covid-symptoms .sympt-image {
  margin-top: 2rem;
}
#covid-symptoms .covid-symps li {
  font-size: 1rem;
}
}
/*******************remedies-covid*************/
#covid-remedy {
  margin-top: 1rem;
  border: 2px solid darkred;
  padding: 1rem 0rem;
}
#covid-remedy .img-fruit{
margin-left: 3rem;
}
#covid-remedy .precau-details{
margin-left: 2rem;
}
#covid-reduce h4 {
  text-align: center;
  font-size: 1.9rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.image-covid{
width: 100%;
margin-top: 1rem;
}

@media only screen and (max-width: 1126px){
#covid-remedy .img-fruit {
  margin-left: 1rem;
  margin-top: 3rem;
  width: 100%;
}
#covid-remedy .img-fruit1 {
  width: 100%;
  margin-left: -1rem;
  margin-top: 2rem;
}
}
@media only screen and (max-width: 968px){
#covid-reduce h4 {
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 0rem;
}
#covid-remedy .img-fruit1 {
  width: 100%;
  margin-left: -1rem;
  margin-top: 2rem;
}
#covid-remedy .img-fruit {
  margin-left: 1rem;
  margin-top: 3rem;
  width: 100%;
}
}
@media only screen and (max-width: 555px){
#covid-remedy .img-fruit1 {
  width: 30%;
  margin-left: 32%;
  margin-top: 0rem;
}
#covid-remedy .img-fruit {
  margin-left: 34%;
  margin-top: 0rem;
  width: 26%;
}
#covid-remedy p{
margin-left: 5%;
}
}

/****************packages*************/
#seo-package .container-fluid{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5rem;
}
/*#seo-package .seo-package-title{
    padding: 0.3rem 14rem;
}*/
#seo-package .seo-package-title p {
    padding: 0.3rem 14rem;
    margin-top: 1rem;
}
#seo-package .container-fluid #card-seo-package {
    width: 300px;
    margin-right: 2rem;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: auto;
        margin-top: 2rem;
    margin-bottom: 1rem;
    border-bottom: 6px solid #5695dc;
}
#seo-package .container-fluid .card-22{
  margin-top: -2.5rem;
  }
#seo-package .container-fluid #card-seo-package .seo-pack-head{
  background: #d7d7d7;
  padding-top: 2rem;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom: 6px solid #00acea;

}
#seo-package .container-fluid #card-seo-package .seo-pack-head h5{
  font-size: 1.3rem;
}
#seo-package .container-fluid #card-seo-package .seo-pack-head p span{
  font-size: 1rem;
  font-weight: 400;
}
#seo-package .container-fluid #card-seo-package .seo-pack-head p {
  font-size: 2rem;
  font-weight: bold;
}
#seo-package .container-fluid #card-seo-package .seo-pack-body{
  margin-top: 1rem;
}
#seo-package .container-fluid #card-seo-package .seo-pack-body h6{
  font-size: 1.1rem;
  }
#seo-package .container-fluid #card-seo-package .seo-pack-body p{
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
  font-size: 0.9rem;
}
#seo-package .container-fluid #card-seo-package .seo-pack-body img{
  margin-top: 0.5rem;
}
#seo-package .container-fluid #card-seo-package .seo-pack-bottom-head h3 {
    font-size: 1rem;
    color: #fff;
    padding: 0.4rem;
    background: #708484;
}
#seo-package .container-fluid #card-seo-package .seo-pack-bottom-head .seo-know{
   margin-left: 5.6rem;
}
#seo-package .container-fluid #card-seo-package .seo-pack-bottom-head .seo-know i{
   margin-left: 0.5rem;
}
#seo-package .container-fluid #card-seo-package .seo-started button{
  border: none;
    background: #fdc555;
    /*margin-left: 6rem;*/
    font-size: 0.8rem;
    margin-top: 1rem;
    cursor: pointer;
    outline: none;
    padding: 0.5rem 1rem;
    border-radius: 20px;
}
#seo-package .container-fluid #card-seo-package .seo-started button:hover{
  background: #28a29b;
  color: #fff;
  }
#seo-package .container-fluid #card-seo-package a.seo-started {
    margin-bottom: 2rem;
}
#seo-package{
  margin-bottom: 5rem;
  margin-top: 8rem;

}
#seo-package .container-fluid #card-seo-package .seo-pack-bottom-head .seo-initial{
  list-style: none;
}
#seo-package .container-fluid #card-seo-package .seo-pack-head-1{
  background: #00acea;
  padding-top: 2rem;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom: 6px solid #00acea;

}
#seo-package .container-fluid #card-seo-package .seo-pack-head-1 h5{
  font-size: 1.3rem;
  margin-top: 1.5rem;
}
#seo-package .container-fluid #card-seo-package .seo-pack-head-1 p span{
  font-size: 1rem;
  font-weight: 400;
}
#seo-package .container-fluid #card-seo-package .seo-pack-head-1 p {
  font-size: 2rem;
  font-weight: bold;
}
#seo-package .container-fluid #card-seo-package .seo-pack-head-1 .seo-popular{
  background: #f1c91a;
    width: 30%;
    margin-top: -1.3rem;
    margin-left: -0.5rem;
    font-size: 1.1rem;
    padding: 0.5rem 0.5rem;
}
#seo-package .container-fluid .card-22::after {
    content: "";
    position: absolute;
    border-top: .5rem solid;
    border-left: .6rem solid transparent;
    margin-left: -8px;
    bottom: 37.5rem;
    top: 47px;
}
#seo-package .container-fluid #card-seo-package .seo-initial li{
font-size: 0.8rem;
line-height: 1.5rem;
}
#seo-package .container-fluid #card-seo-package .seo-initial li i{
  margin-right: 0.4rem;
  }


#seo-package .seo-package-title h3{
  /*position: relative;*/
}
#seo-package .seo-package-title h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 54px;
    height: 3px;
    top: 38px;
    background: #d59e30;
    bottom: 0;
    left: calc(50% - 30px);
}
#seo-package .seo-package-title h3::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 0px;
    top: 39px;
    left: calc(50% - 64px);
}


/*   choose Pricing style */

@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.pricing7 {
  font-family: "Montserrat", sans-serif;
  color: #8d97ad;
  font-weight: 300;
}

.pricing7 h1,
.pricing7 h2,
.pricing7 h3,
.pricing7 h4,
.pricing7 h5,
.pricing7 h6 {
  color: #3e4555;
}

.pricing7 .font-weight-medium {
  font-weight: 500;
}

.pricing7 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}

.pricing7 h5 {
  line-height: 22px;
  font-size: 18px;
}

.pricing7 .pricing-box sup {
  top: -20px;
  font-size: 16px;
}

.pricing7 .pricing-box .btn {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.pricing7 .text-info {
  color: #188ef4 !important;
}

.pricing7 .display-6 {
  font-size: 36px;
}

.pricing7 .display-5 {
  font-size: 3rem;
}

.pricing7 .btn-info-gradiant {
  background: #188ef4;
  background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
  background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
  background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
  background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
}

.pricing7 .btn-info-gradiant:hover {
  background: #316ce8;
  background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #188ef4 100%);
  background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#188ef4));
  background: -webkit-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: -o-linear-gradient(left, #316ce8 0%, #188ef4 100%);
  background: linear-gradient(to right, #316ce8 0%, #188ef4 100%);
}

.pricing7 .btn-md {
  padding: 15px 45px;
  font-size: 16px;
}