@charset "utf-8";
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf')  format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf')  format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/OpenSans-BoldItalic.ttf')  format('truetype'), url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf')  format('truetype'), url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: 'OpenSans-Extrabold';src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Extrabold.woff') format('woff'), url('../fonts/OpenSans-Extrabold.ttf')  format('truetype'), url('../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'OpenSans-Semibold';src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: normal; font-style: normal;}


/*Reset HTML*/
*{box-sizing:border-box;}
body{margin:0px; padding:0px; font-family: 'OpenSans'; font-size:16px; color:#333333; line-height:21px;}
p{margin-bottom:20px; margin-top:0px; line-height:30px; font-size:18px; font-family: 'OpenSans';}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-family: 'OpenSans-Bold'; margin:0px;}
/** process section css **/
.process-wrapper {
    width: 100%;
    float: left;
}
.process-right , .process-left{
    width: 40%;
    float: left;
}
.process-center{
    width:20%;
    float: left;
}
.process-block {
    width: 210px;
    height: 210px;
    align-items: center;
    border: 3px solid #000000;
    border-radius: 50%;
    position: relative;
    background: #fff;
}
.process-block-image {
    background: #000;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -30px;
    top: 30%;
    border: 10px solid #fff;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.process-block-image i{
    color: #fff;
}
.process-left .process-block.process-1 , .process-left .process-block.process-3 {
    position: relative;
    left: 50%;
}
.process-left .process-block.process-3{
    position: relative;

}
.process-center .process-block {
    justify-content: center;
}
.process-right .process-block.process-2 {
    position: relative;
    left: 60%;
}
.process-center .process-block {
    justify-content: center;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    width: 180px;
    height: 180px;
    margin-top: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.process-center .process-block:after {
    position: absolute;
    top: -20px;
    content: "";
    width: 210px;
    height: 210px;
    border: 5px dotted #000;
    border-radius: 50%;
    left: -22px;
    background: #fff;
    z-index: -1;
}
.process-left .process-block, .process-right .process-block{
    padding: 40px 50px;
    box-sizing: border-box;
}
.process-inner p {
    font-size: 16px;
    line-height: 24px;
}
.process-center .process-block .process-inner {
    padding-top: 75px;
    text-align: center;
}
.process-left .process-block.process-1:before {
    position: absolute;
    top: 52px;
    left: -72px;
    height: 100px;
    width: 224px;
    border-radius: 105px 105px 0 0;
    content: "";
    transform: rotate(-90deg);
    z-index: -1;
    background-image: linear-gradient(to bottom, #8f3af6 , #a37fe0);
}
.process-left .process-block.process-2:before {
    position: absolute;
    top: 52px;
    left: -72px;
    height: 100px;
    width: 224px;
    border-radius: 105px 105px 0 0;
    content: "";
    transform: rotate(-90deg);
    z-index: -1;
    background-image: linear-gradient(to bottom, #0789cd , #05bcd3);
}
.process-left .process-block.process-3:before {
    position: absolute;
    top: 52px;
    left: -72px;
    height: 100px;
    width: 224px;
    border-radius: 105px 105px 0 0;
    content: "";
    transform: rotate(-90deg);
    z-index: -1;
    background-image: linear-gradient(to bottom, #05945d , #7cb839);
}
.process-block.process-1:before {
    position: absolute;
    top: 52px;
    left: auto;
    right: -72px;
    height: 100px;
    width: 224px;
    border-radius: 105px 105px 0 0;
    content: "";
    transform: rotate(90deg);
    z-index: -1;
    background-image: linear-gradient(to bottom, #ed036d , #e61233);
}
.process-block.process-2:before {
    position: absolute;
    top: 52px;
    left: auto;
    right: -72px;
    height: 100px;
    width: 224px;
    border-radius: 105px 105px 0 0;
    content: "";
    transform: rotate(90deg);
    z-index: -1;
    background-image: linear-gradient(to bottom, #fb9207 , #fa6019);
}
.process-block.process-3:before {
    position: absolute;
    top: 52px;
    left: auto;
    right: -72px;
    height: 100px;
    width: 224px;
    border-radius: 105px 105px 0 0;
    content: "";
    transform: rotate(90deg);
    z-index: -1;
    background-image: linear-gradient(to bottom, #1e65aa , #05b3e8);
}
.process-right .process-block-image {
    background: #000;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -30px;
    left: auto;
    top: 30%;
    border: 10px solid #fff;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.process-block.process-1 {
    top: 80px;
}
.process-block.process-3 {
    top: -50px;
}
.process-left .process-block.process-1:after {
    content: "";
    position: absolute;
    background: #000;
    height: 2px;
    right: -31%;
    width: 100px;
    transform: rotate(30deg);
    z-index: -1;
}
.process-right .process-block.process-1:after {
    content: "";
    position: absolute;
    background: #000;
    height: 2px;
    right: inherit;
    left: -20%;
    width: 100px;
    transform: rotate(-30deg);
    z-index: -1;
}
.process-left .process-block.process-3:after {
    content: "";
    position: absolute;
    background: #000;
    height: 2px;
    right: -31%;
    width: 100px;
    transform: rotate(-30deg);
    z-index: -1;
    top: 6px;
}
.process-right .process-block.process-3:after {
    content: "";
    position: absolute;
    background: #000;
    height: 2px;
    left: -31%;
    width: 100px;
    transform: rotate(30deg);
    z-index: -2;
    top: 6px;
}
.process-left .process-block.process-2:after {
    content: "";
    position: absolute;
    background: #000;
    height: 2px;
    right: -132%;
    width: 271px;
    z-index: -2;
    top: 58%;
}
.process-right .process-block.process-2:after {
    content: "";
    position: absolute;
    background: #000;
    height: 2px;
    left: -144%;
    width: 310px;
    z-index: -2;
    top: 58%;
}
.our-process , .seo-service-sctn, .seo-services-expect, .why-seo, .seo-methodology, .sm-basics-sctn, .benefits-smm, .market-sctn,
 .marketing-services-sctn, .why-ppc-sctn, .ppc-ads-type, .ppc-includes, .why-google-sctn, .any-consulting-services, .hire-google-any,
 .diverse-wp-services, .expertise-wordpress, .custom-wp-approach, .why-squarespace, .squarespace-feature, .squarespace-service-sctn{
    padding: 50px 0px;
}
/** process section css **/
h2.custom-heading {
    color: #000;
    font-size: 40px;
    text-transform: capitalize;
    line-height: 50px;
    text-align: center;
    margin-bottom: 15px;
}
h2.custom-heading span {
    color: #1571b9;
}
.container {
    max-width: 1170px;
    width: 96%;
    margin: auto;
    display: block;
    text-align: left;
    position: relative;
}
.text-center{
    text-align: center;
}






/*Industry Experience*/
.experince-in-industry {background-color: #f1f1f1; padding: 50px 0px;}
.experince-in-industry h3 {font-size: 40px; text-align: center; font-family: 'OpenSans-Extrabold';line-height: 55px; margin-bottom: 45px;}
.experince-in-industry .experience-box {width: 33.3333%; float: left; padding: 0px 15px;}
.experince-in-industry .image-box-experience {width: 67px; float: left;}
.experince-in-industry .text-block-experience {width: calc(100% - 85px); float: right;}
.experince-in-industry .text-block-experience h4 {font-size: 25px; margin-bottom: 5px;}
.experince-in-industry .text-block-experience p {margin:0px;}
.experince-in-industry a:hover{color:#0081d8;}


/*Footer*/
footer .footer-top {background-color: #221b26; color: #fff; padding:70px 0px;}
footer .footer-top .footer-block a {color: #FFFFFF;}
footer .footer-box {width: 25%; float: left; padding: 0px 10px;}
footer .footer-box p {margin: 0px 0px 10px 0px;}
footer .footer-box h4 {font-size: 20px; margin-bottom: 30px;}
.footer-box ul{margin:0px; padding:0px;}
.footer-box ul li {list-style: none; background-image: url(../images/footer-icon.png); background-repeat: no-repeat; padding: 0px 0px 10px 20px; background-position: 0px 7px;}
.footer-box ul li a{color:#FFFFFF;}
.footer-box ul li a:hover{color:#00d4ff;}
.social-media a {background-color: #fff; width: 30px; height: 30px; display: block; float: left; text-align: center; line-height: 30px; margin: 5px;}
.footer-bottom{background-color:#1b151f; color:#FFFFFF; padding:20px 0px;}
.footer-bottom p {text-align: center; margin: 0px; font-size: 14px; line-height: 28px;}

a {
    color: #000000;
    text-decoration: none;
}
section, header, footer {
    width: 100%;
    float: left;
}
.footer-bottom , .footer-top{
    width:100%;
    float: left;
}


/*Top Section*/
.top-bar{background-color:#000000; color:#FFFFFF; padding:5px 0px 1px;}
.top-bar p {margin: 0px;}
.top-bar .top-bar-left{width:calc(100% - 280px); float:left;}
.top-bar .top-bar-right{width:260px; float:right;}
.top-bar a{color:#FFFFFF;}
.top-bar a:hover{color:#00d4ff;}
.top-bar .top-bar-right{text-align:right;}
.top-bar-right i {height: 25px; width: 25px; background-color: #fff; color: #000; text-align: center; line-height: 25px; margin-top: 3px;}
.top-bar-right a i.fa-facebook-f:hover {background-color:#3b5998; color:#FFFFFF;}
.top-bar-right a i.fa-twitter:hover {background-color:#00aced; color:#FFFFFF;}
.top-bar-right a i.fa-instagram:hover {background-color:#517fa4; color:#FFFFFF;}
.top-bar-right a i.fa-dribbble:hover {background-color:#ea4c89; color:#FFFFFF;}
.top-bar-right a i.fa-youtube:hover {background-color:#bb0000; color:#FFFFFF;}
.top-bar-right a i.fa-pinterest-p:hover {background-color:#cb2027; color:#FFFFFF;}
.top-bar-right a i.fa-linkedin:hover {background-color:#007bb6; color:#FFFFFF;}
.top-bar-right a i.fa-whatsapp:hover {background-color:#4FCE5D; color:#FFFFFF;}
.top-bar-right a i.fa-skype:hover {background-color:#00aff0; color:#FFFFFF;}

/*Header Section Started Here*/
header.header-bg {background-image: url(../images/banner-image.jpg);background-size: cover; background-position: center bottom;}
header .logo-bar {padding: 15px 0px;}
header .logo {width: 338px; float: left;}
header .menus { width:calc(100% - 350px); float:right; text-align:right; height: 74px;display: table; overflow:hidden;}
header .main-bar ul.pull-right {float: right; display: inline-block; padding: 26px 0px; margin:0px;}
header .main-bar li {display:inline-block;padding:0px 8px;}
header .main-bar li:hover a{color:#00d4ff; border-bottom:1px solid #00d4ff;}
header .main-bar li a{color:#FFFFFF; padding:8px 0px;}
header .main-bar .mega-menu-content li.mega-menu-column li {display: block; padding: 0px;}
header .main-bar .mega-menu-content {display: none; background-color: #fff; width: 100%;  padding: 10px 10px 30px 10px; position: absolute; z-index: 99; left: 0; margin: 0;  list-style: none;box-sizing: border-box;margin-top: 0;border-top-left-radius: 4px; border-radius: 4px; border-top: 3px solid #00d4ff;}
header .main-bar li .single-sub-menu {display:none;}

header .main-bar li:hover .mega-menu-content {display: block; position:absolute; z-index:999; width:100%; margin-top:10px;}
header .main-bar .mega-menu-content ul.sub-menu {width: 100%; float: left;display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;flex-wrap: wrap;}
header .main-bar .mega-menu-content ul.sub-menu li a{font-size: 15px;  padding: 0; border: 0px;  color: #333;line-height: 27px;}
header .main-bar .mega-menu-content ul.sub-menu li a:hover{color: #00d4ff;}
header .main-bar .mega-menu-content li.mega-menu-column {width: 33.3333%;float: left;flex-grow: 1; width:33.3333%; margin-top:20px;}
header .main-bar .mega-menu-content span.sub_heading {display: block; border: 0px;font-family: 'OpenSans-Bold'; font-size:20px; margin-bottom:15px; text-transform:capitalize;}
header .main-bar .mega-menu-content ul{margin:0px 0px 0px; padding:0px;}

header .main-bar li:hover ul.single-sub-menu {display: block; position:absolute; z-index:999;margin-top:10px; background-color:#fff; padding:0px; width:200px;}
header .main-bar li:hover ul.single-sub-menu li {display: block; width: 100%; padding: 0px;}
header .main-bar li:hover ul.single-sub-menu li a {color: #000; padding: 0px; border-bottom: 0px;padding: 10px 15px;border-bottom: 1px solid #f9f9f9; display:block;}
header .main-bar li:hover ul.single-sub-menu li a:hover {color:#00d4ff;}


/*Header Quote Section*/
.quote-section {padding: 30px 0px 60px; float: left; width: 100%;}
.quote-text {width: calc(100% - 370px); float: left;}
.quote-text h1{font-size:45px; color:#FFFFFF; font-family: 'OpenSans'; line-height:57px;}
.quote-text p{color:#FFFFFF; font-size:20px; line-height:30px; margin-top:20px;}
.quote-text .list-box {display: inline-block; width: 100%;}
.quote-text .list-box ul{margin:0px; padding:0px;}
.quote-text .list-box li{width:50%; max-width:300px; color:#FFFFFF; list-style:none; float:left; font-size:18px; line-height:28px; margin-bottom:10px;}
.quote-text .button-box {display: inline-block; width: 100%; margin-top: 10px;}
.quote-text .button-box a {max-width: 240px; width: 50%; background-color: #0068ec; display: inline-block; text-align: center; float: left; margin-right: 20px; color: #FFFFFF; font-size: 18px; font-family: 'OpenSans-Bold'; padding: 20px 5px; text-transform:uppercase;}

/* Shutter Out Horizontal */
.quote-text .button-box a.hvr-shutter-out-horizontal {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.quote-text .button-box a.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0053bd;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.quote-text .button-box a.hvr-shutter-out-horizontal:hover:before, .quote-text .button-box a.hvr-shutter-out-horizontal:focus:before, .quote-text .button-box a.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.quote-text .button-box a:last-child {background-color:#fe69c9; color:#000000;}
.quote-text .button-box a:last-child.hvr-shutter-out-horizontal {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.quote-text .button-box a:last-child.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ff45bc;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.quote-text .button-box a:last-child.hvr-shutter-out-horizontal:hover:before, .quote-text .button-box a:last-child.hvr-shutter-out-horizontal:focus:before, .quote-text .button-box a:last-child.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.quote-text .button-box a:nth-child(2){background-color:#75d100; color:#000000;}
.quote-text .button-box a:nth-child(2).hvr-shutter-out-horizontal {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.quote-text .button-box a:nth-child(2).hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #5ec300;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.quote-text .button-box a:nth-child(2).hvr-shutter-out-horizontal:hover:before, .quote-text .button-box a:nth-child(2).hvr-shutter-out-horizontal:focus:before, .quote-text .button-box a:nth-child(2).hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.quote-text .button-box a:last-child{display:none;}

/*Header Quote form*/
.quote-form{width:350px; background-color:rgba(0,104,236,0.4); padding:10px; float:right;}
.form-part{background-color:#FFFFFF;}
.quote-form-heading{background-color:#0068ec; color:#FFFFFF; text-align:center; padding:12px;}
.quote-form-heading h3{font-size:27px; font-family: 'OpenSans-Extrabold'; margin-bottom:15px;}
.quote-form-heading p{margin:0px;line-height:21px; font-size:16px;}
.fields-section {padding: 17px;}
.fields-section input[type="text"],.fields-section input[type="email"],.fields-section input[type="tel"], .fields-section textarea, .fields-section select{width:100%; background-color:#f3f3f3; border:1px solid #cccccc; padding:10px; margin-bottom:17px; font-family: 'OpenSans'; font-size:14px;}
.fields-section select option{font-family: 'OpenSans'; font-size:14px;}
.fields-section button[type="submit"]{background-color:#0068ec; font-family: 'OpenSans-Bold'; border:1px solid #cccccc; padding:10px; font-size:18px; width:100%; color:#FFFFFF; cursor:pointer;}
.fields-section button[type="submit"]:hover{background-color:#333333;}
.service-block {
    width: 30.70%;
    float: left;
    padding: 10px;
    border: 3px dashed #f4af3a;
    margin: 15px;
    border-radius: 0px 50px;
    position: relative;
}
.service-inner {
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding:30px;
    border-radius: 0px 50px;
    height:375px;
}
.service-inner p {
    font-size: 16px;
    line-height: 24px;
}
.service-inner h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.service-block:nth-child(1):before {
    content: "";
    background: #f4af3a;
    height: 150px;
    width: 150px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: -1;
}
.service-block:nth-child(3){
    border-color:#c54645;
}
.service-block:nth-child(3):before {
    content: "";
    background:#c54645;
    height: 150px;
    width: 150px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: -1;
}
.service-block:nth-child(5):before {
    content: "";
    background:#1088fb;
    height: 150px;
    width: 150px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: -1;
}
.service-block:nth-child(5){
    border-color:#1088fb;
}
.service-block:nth-child(2){
    border-color: #046f77;
}
.service-block:nth-child(2):before {
    content: "";
    background: #046f77;
    height: 150px;
    width: 150px;
    position: absolute;
    left: -10px;
    bottom: -10px;
    z-index: -1;
    border-bottom-left-radius: 70px;
}
.service-block:nth-child(4):before {
    content: "";
    background: #8152c7;
    height: 150px;
    width: 150px;
    position: absolute;
    left: -10px;
    bottom: -10px;
    z-index: -1;
    border-bottom-left-radius: 70px;
}
.service-block:nth-child(4){
    border-color:#8152c7;
}
.service-block:nth-child(6):before {
    content: "";
    background:#5cb15d;
    height: 150px;
    width: 150px;
    position: absolute;
    left: -10px;
    bottom: -10px;
    z-index: -1;
    border-bottom-left-radius: 70px;
}
.service-block:nth-child(6){
    border-color:#5cb15d;
}
section.our-services {
    background: #f1f1f1;
    padding: 50px 0px;
}
.main-masters, .masters-bottom {
    width: 100%;
    float: left;
}
.column-half {
    width: 50%;
    float: left;
}
.masters-block, .masters-block-bottom {
    background-color: #fff;
    border-radius: 8px;
    margin: 15px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: 20px;
    box-sizing: border-box;
}
.masters-block {
    width: 44%;
    float: left;
}
.masters-block-bottom {
    width: 22.2%;
    float: left;
}
section.masters-section, .corporate-identity , .ui-ux-services, .ui-ux-approch, .providing-ui{
    padding: 50px 0px;
}
.masters-block-bottom {
    height: 375px;
}
.masters-block img {
    margin-bottom: 15px;
}
.masters-left h3 {
    font-size: 30px;
    margin-bottom: 15px;
}
.masters-left h2 {
    font-size: 58px;
    line-height: 60px;
    color: #1571b9;
}
.masters-left img , .masters-block-bottom img{
    margin-bottom: 20px;
}
.masters-left {
    padding-top: 100px;
}
.industry-serve {
    background-color: #f1f1f1;
    padding: 50px 0px 90px;
}
ul.list-none {
    list-style: none;
    padding: 0px;
    left: 0px;
}
.industry-serve-main h4 {
    font-size: 17px;
    line-height: 20px;
}
.industry-serve-main li {
    width: 16.66%;
    float: left;
    text-align: center;
    position: relative;
    z-index: 9;
    padding: 10px;
    box-sizing: border-box;
}
.industry-sub-block {
    position: relative;
    padding: 30px 15px;
    background: #fff;
    border-radius: 0px 30px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.industry-serve-main {
    width: 90%;
}
.industry-serve-main {
    width: 94%;
    margin: 0px auto;
}
.industry-sub-block img {
    margin-bottom: 10px;
}
.industry-serve-main li:nth-child(even) {
    top: 30px;
}
.welcome-sctn {
    background: #f1f1f1;
    padding: 50px 0px;
}
.about-info h2 {
    font-size: 40px;
    line-height: 50px;
    color: #1571b9;
    margin-bottom: 15px;
}
.about-info h3 {
    font-size: 30px;
    margin-bottom: 10px;
}
.about-info h4 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
}
.about-info p {
    font-size: 16px;
}
.welcome-image img {
    width: 100%;
    height: 470px;
    object-fit: cover;
}
.welcome-image{
    padding-left: 50px;
}
.our-blog, .identity-manual {
    padding: 50px 0px;
}
.w-100{
    width: 100%;
}
.our-blog h2.custom-heading {
    text-align: left;
}
.blog-left .blog-content {
    padding: 20px;
    top: -60px;
    background: #fafafa;
    max-width: calc(100% - 8%);
    border: 1px solid #ddd;
    position: relative;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.our-blog .read-blog {
    font-size: 17px;
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
    color: #1571b9;
}
.blog-right {
    padding-top: 190px;
    padding-left: 40px;
}
.blog-right .blog-inner {
    width: 50%;
    float: left;
    padding-right: 15px;
}
.blog-content h4 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
}
.blog-content p {
    font-size: 16px;
    line-height: 24px;
}
/** contact Page css Start **/
header.header-bg.contact {
    background-image: url(../images/contact-banner.jpg);
    background-position: top center;
}
.contact .quote-text h1 , .career .quote-text h1{
    text-align: center;
    width: 100%;
    font-size: 58px;
    line-height: 60px;
    font-weight: normal;
    font-family: 'OpenSans-Bold';
    margin: 0px;
}
.contact .quote-text p , .career .quote-text p{
    text-align: center;
}
.contact .quote-text, .career .quote-text{
    width: 100%;
}
.contact .quote-text , .career .quote-text{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 50px;
}
.main-row , .full-width{
    width: 100%;
    float: left;
}
.contact-form {
    width: 65%;
    float: left;
}
.contact-form .form-group{
    margin-bottom: 22px;
}
.contact-form input, .contact-form select {
    height: 50px;
    padding: 13px 18px;
    background-color: transparent;
    color: #7d7d7d;
    font-size: 18px;
    border: 1px solid #858585;
    border-radius: 0;
    width: 100%;
}
.full-width textarea {
    width: 100%;
    height: 100px;
    font-size: 18px;
    padding: 13px 18px;
}
.contact-form .full-width {
    padding-right: 15px;
    padding-left: 15px;
}
.contact-form .column-half {
    padding-right: 15px;
    padding-left: 15px;
}
.main-row {
    margin-left: -15px;
    margin-right: -15px;
}
.contact-form h2 {
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: normal;
    font-family: 'OpenSans-Bold';
}
section.contact-main {
    padding: 50px 0px;
}
.contact-form a.hvr-shutter-out-horizontal:before, .career-right a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0053bd;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.contact-form a.hvr-shutter-out-horizontal , .career-right a {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.contact-form a , .career-right a{
    max-width: 240px;
    width: 50%;
    background-color: #0068ec;
    display: inline-block;
    text-align: center;
    float: left;
    margin-right: 20px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'OpenSans-Bold';
    padding: 20px 5px;
    text-transform: uppercase;
}
.contact-form a.hvr-shutter-out-horizontal:hover:before , .career-right a:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.contact-info p{
    color: #fff;
}
.contact-info {
    background:#0068ecb5;
    width: 35%;
    float: left;
    padding: 50px;
    height: 100%;
}
.contact-info img{
    width: 100%;
}
/** about page css start **/
.ourstory-sctn, .team-sctn {
    padding: 50px 0px;
}
section.core-values {
    background-color: #f1f1f1;
    padding: 50px 0px;
}
.core-value-sublock {
    width: 33.33%;
    float: left;
    position: relative;
}
.inner-value-sublock {
    width: 80%;
    margin: 0px auto;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 0;
    height: 260px;
}
.inner-value-sublock p{
    font-size:14px;
    line-height: 24px;
}
.core-value-sublock:before {
    background: #297dbf;
    content: "";
    width: 270px;
    height: 270px;
    position: absolute;
    border-radius: 20px;
    transform: rotate(45deg);
    z-index: 0;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.core-values-wrapper {
    width: 100%;
    float: left;
    margin-top: 70px;
}
.core-value-sublock:nth-child(1), .core-value-sublock:nth-child(2), .core-value-sublock:nth-child(3){
   margin-bottom: 140px;
}
.core-value-sublock:nth-child(4), .core-value-sublock:nth-child(5), .core-value-sublock:nth-child(6){
   margin-bottom:100px;
}
.inner-value-sublock h4 {
    margin-bottom: 10px;
    font-size: 20px;
}
.core-value-sublock.v2:before {
    background: #eda002;
}    
.core-value-sublock.v3:before {
    background:#60c2c3;
}  
.core-value-sublock.v4:before {
    background:#5bae5b;
}
.core-value-sublock.v5:before {
    background:#0b4c5a;
}
.core-value-sublock.v6:before {
    background:#6b22a1;
}
.team-member-block img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
}
.team-member-block {
    width: 25%;
    float: left;
    position: relative;
}
span.pointing-arrow {
    background: #fff;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 45%;
    position: absolute;
    right: 30%;
}
/** career page**/
header.header-bg.career {
    background-image: url(../images/career-banner.jpg);
    background-position: top center;
}
.our-process.hiring-sctn h4 {
    font-size: 20px;
    line-height: normal;
}
.bg-grey{
    background: #f1f1f1;
}
.career-welcome, .opportunity-sctn, .iphone-reality-sctn, .iphone-develpment, .iot-development, .faq-sctn, .android-develpment, .react-solution{
    padding: 50px 0px;
}
.career-welcome h2 {
    font-size: 36px;
    margin-bottom: 20px;
}
.career-welcome h3 {
    margin-bottom:10px;
}
.hiring-sctn {
    position: relative;
    z-index: 0;
}
.career-left h2 {
    padding-bottom: 3px;
    font-size: 30px;
    margin-bottom:5px;
}
.career-left h3 {
    margin-bottom:10px;
}
.career-right {
    width: 30%;
    float: right;
}
.career-left {
    width: 70%;
    float: left;
}
.career-apply-inner, .iphone-develpment, .iot-development-wrapper {
    width: 100%;
    float: left;
}
.career-right a{
    float: right;
}
.text-left{
    text-align: left!important;
}
ul.bullet-list li {
    padding: 3px 0 3px 0px;
}
.career-apply {
    padding: 40px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    border-radius: 35px 0px;
}
.opportunity-sctn p {
    padding-bottom: 25px;
}
.career-left h2{
    text-align: left;
}
.serving-item{
    width: 30.33%;
    float: left;
    padding: 40px;
    height:440px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    margin: 0px 15px;
    margin-bottom: 40px;
    border-radius: 0px 120px;
    background: #fff;
}
.iphone-develpment-block-inner {
    padding: 40px;
    height:330px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    margin-bottom: 40px!important;
    background: #fff;
    border-top-left-radius: 110px;
    width: 84%;
    margin: 0px auto;
}
.iphone-develpment-block{
    width: 33.33%;
    float: left;
}
.serving-item h3 , .iphone-develpment-block h3{
    color: #1571b9;
    margin-bottom: 5px;
    font-size: 20px;
}
.iphone-serving-wrapper{
    width: 100%;
    float: left;
}
.serving-item h3 {
    color: #1571b9;
    margin-bottom: 11px;
    font-size: 20px;
    line-height: normal;
}
.designworld-icon img {
    width: 50px;
    margin-bottom: 15px;
}
.iot-left-sctn h2 {
    margin-bottom: 10px;
}
ul.bullet-list li {
    padding: 3px 0px;
    line-height: normal;
    font-size: 16px;
}
ul.bullet-list {
    padding-left: 15px;
}
.iot-left-sctn {
    width: 50%;
    float: left;
}
.iot-right-sctn {
    width: 50%;
    float: left;
}
.bullet-list {
    column-count: 2;
}
.bullet-list li, .iot-left-sctn p{
    font-size: 15px;
}
.iot-left-sctn {
    background: #fff;
    padding: 40px;
    border-radius: 100px 0px;
    margin-left: -50px;
    top:30px;
    position: relative;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.iot-left-sctn.iot-l {
    background: #fff;
    padding: 40px;
    border-radius: 100px 0px;
    margin-right: -50px;
    top:30px;
    position: relative;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    margin-left: 0px;
}
section.iot-development{
    position: relative;
    z-index: 0;
}
.iot-left-sctn:before {
    content: "";
    position: absolute;
    background: #ffffff36;
    width: 100%;
    height: 100%;
    right: -25px;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
    z-index: -1;
    top: 25px;
    border-radius: 110px 0px;
}
.iot-right-sctn img {
    z-index: -8;
    position: relative;
}
.iot-development {
    padding-bottom: 100px;
}
.accordion details {
    border: 1px solid #000;
    width: 100%;
    padding: 20px;
    font-size: 18px;
    border-radius: 22px 0px;
    margin-bottom: 20px;
}
.faq-desc {
    margin-top: 15px;
}
.accordion summary {
    font-weight: 700;
    cursor: pointer;
    color: #222;
}
.question-wrapper {
    width: 80%;
    margin: 0px auto;
}
.iphone-develpment-block {
    border-radius: 0px;
    border-top-left-radius: 150px;
}
.iphone-develpment-block h3 {
    color: #1571b9;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: normal;
}
.iphone-develpment {
    position: relative;
    z-index: 0;
}
.iphone-develpment-block {
    position: relative;
    margin-bottom:70px;
}
.iphone-develpment-block:before {
    content: "";
    position: absolute;
    background: #000;
    height: 270px;
    width: 94%;
    border-bottom-right-radius: 110px;
    z-index: -1;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 150px;
}
.iphone-develpment-block-inner p {
    font-size: 16px;
    line-height: 26px;
}
.iphone-develpment-block.iphone-block-1:before{
    background: linear-gradient(90deg, #3d4bf7 0%, #00249c 100%);
}
.iphone-develpment-block.iphone-block-2:before{
    background: linear-gradient(90deg, #fe8601 0%, #fd5002 100%);
}    
.iphone-develpment-block.iphone-block-3:before{
    background: linear-gradient(90deg, #c5014a 0%, #fa598f 100%);
} 
.iphone-develpment-block.iphone-block-4:before{
    background: linear-gradient( 90deg, #36b7f4 0%, #8ad8fb 100%); 
}
.iphone-develpment-block.iphone-block-5:before{
    background: linear-gradient(90deg, #9042f6 0%, #470e9d 100%);
} 
.iphone-develpment-block.iphone-block-6:before{
    background: linear-gradient(90deg, #1e78fe 0%, #1771f7 100%);
}  
.iphone-develpment-block h3.iphone-step {
    color: #fff!important;
    text-align: center;
    font-size:48px;
    position: relative;
    top: -30px;
}
.iphone-develpment-block.iphone-block-2 h3 {
    color: #fa7101;
}
.iphone-develpment-block.iphone-block-3 h3 {
    color: #d61d60;
}
.iphone-develpment-block.iphone-block-4 h3 {
    color: #48bef6;
}
.iphone-develpment-block.iphone-block-5 h3 {
    color:#6122bd;
}
.iphone-develpment-block.iphone-block-6 h3 {
    color: #1973f8;
}
/** android development **/
.android-develpment-inner {
    width: 100%;
    float: left;
}
.android-develpment {
    padding-left: 35px;
    padding-right: 35px;
}
.android-develpment-block-inner p{
    font-size: 15px;
    line-height: 24px;
}
.android-develpment-block-inner {
    border-top-right-radius: 20px;
    background: #fff;
    padding-left: 50px;
    width: 90%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 75px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    position: relative;
    margin: 0px auto;
    border-bottom-right-radius: 20px;
    height: 217px;
}
.android-develpment-block {
    width: 33.33%;
    float: left;
    position: relative;
    margin-bottom:80px;
}
.android-develpment-block:before {
    width: 200px;
    height: 217px;
    content: "";
    position: absolute;
    border-top-left-radius: 50%;
    top: 0px;
    border-bottom-left-radius: 50%;
    background: linear-gradient(358deg, #fedc18 0%, #f08a12 100%);
    left: 0px;
}
.android-develpment-block.android-block-2:before{
   background: linear-gradient(358deg, #69c63e 0%, #31981f 100%);
}
.android-develpment-block.android-block-3:before{
       background: linear-gradient(358deg, #c5014a 0%, #fa598f 100%);
}
.android-develpment-block.android-block-4:before{
    background: linear-gradient(358deg, #36b7f4 0%, #8ad8fb 100%);
}
.android-develpment-block.android-block-5:before{
    background: linear-gradient(358deg, #9042f6 0%, #470e9d 100%);
}
.android-develpment-block.android-block-6:before{
        background: linear-gradient(358deg, #1e78fe 0%, #1771f7 100%);
}
.android-develpment-block-inner h3{
    margin-bottom:7px;
}
.react-solution-wrapper{
    width: 100%;
    float: left;
}
.react-solution-wrapper .half-column {
    width: 47%;
    float: left;
}
.cstm-head {
    float: left;
    padding-left: 30px;
    padding-top:10px;
}
.react-solution-wrapper .half-column img {
    float: left;
    width: 80px;
}
.react-top-head {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.react-solution-wrapper .half-column {
    background: #cadaf84f;
    padding: 40px 30px;
    height: 410px;
    margin: 0px 15px;
    box-sizing: border-box;
    border-radius: 20px;
}
.react-solution-wrapper .half-column:last-child {
    background: #cadaf82b;
}
.cstm-head h2 {
    line-height: normal;
}
.react-develpment-block {
    width: 33.33%;
    float: left;
    position: relative;
    z-index: 0;
}
.react-develpment-block-inner h3 {
    margin-bottom: 10px;
    line-height: normal;
}
.react-develpment-block-inner p{
    font-size: 15px;
    line-height: 24px;
}
.react-develpment-block-inner {
    width: 84%;
    background: #fff;
    padding: 30px;
    margin-bottom: 30px!important;
    height: 470px;
    margin: 0px auto;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.react-develpment-block:before {
    width: 92%;
        background: -webkit-linear-gradient( 90deg, #3d4bf7 0%, #00249c 100%);
    margin-bottom: 30px!important;
    height: 350px;
    margin: 0px auto;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
    content: "";
    position: absolute;
    z-index: -1;
    left: 0px;
    right: 0px;
    bottom: 4px;
}
.react-develpment-block.react-block-2:before {
        background: linear-gradient(90deg, #1e78fe 0%, #1771f7 100%);
}
.react-develpment-block.react-block-3:before {
        background: linear-gradient(90deg, #fe8601 0%, #fd5002 100%);
}
.react-develpment-block.react-block-4:before {
        background: linear-gradient(90deg, #c5014a 0%, #fa598f 100%);
}
.react-develpment-block.react-block-5:before {
        background: linear-gradient(90deg, #36b7f4 0%, #8ad8fb 100%);
}
.react-develpment-block.react-block-6:before {
        background: linear-gradient(90deg, #9042f6 0%, #470e9d 100%);
}
/** iconic app development css start **/
section.iconic-development-sctn {
    padding: 50px 0px;
}
.half-column {
    width: 50%;
    float: left;
}
.full-row{
    width: 100%;
    float: left;
}
.w-100{
    width:100%;
}

/** box with animated border **/
.iconic-cross-block a {
     position: relative;
     display: block;
     margin: 0 2px;
     padding: 0.625rem 1.25rem;
     text-transform: uppercase;
     overflow: hidden;
}
.iconic-cross-block:before , .technology-item:before{
     box-sizing: border-box;
     transform: translateX(100%);
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 99.5%;
     height: 4px;
     border-bottom: 4px solid transparent;
     border-left: 4px solid transparent;
}
.iconic-cross-block:after , .technology-item:after{
     box-sizing: border-box;
     transform: translateX(-100%);
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 99.5%;
     height: 4px;
     border-top: 4px solid transparent;
     border-right: 4px solid transparent;
}
.iconic-cross-block:hover , .technology-item:hover{
     color: inherit;
     text-decoration: none;
}
.iconic-cross-block:hover:before , .technology-item:hover:before{
     transition: .1s transform linear, .1s height linear .1s;
     transform: translateX(0);
     height: 100%;
     border-color: #1571b9;
}
.iconic-cross-block:hover:after, .technology-item:hover:after {
     transition: .1s transform linear .2s, .1s height linear .3s;
     transform: translateX(0);
     height: 100%;
     border-color: #1571b9;
}
.ionic-cross-outer {
    padding: 15px;
    width: 33.33%;
    float: left;
    position: relative;
    overflow: hidden;
}
.iconic-cross-block {
    padding: 30px;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 285px;
}
.iconic-cross-block:hover, .technology-item:hover{
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    -moz-box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.iconic-cross-block p {
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 25px;
}
.iconic-cross-block h3 {
    padding: 10px 0px;
    font-size: 22px;
    line-height: 30px;
    color: #000;
}
section.iconic-cross-sctn {
    padding: 50px 0px;
    width: 100%;
    float: left;
}
.technology-meta {
    padding-bottom: 40px;
}
.technology-meta .technology-icon {
    display: table-cell;
    vertical-align: middle;
}
.technology-meta-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.technology-meta-info h2 {
    padding-bottom: 0;
    font-size: 30px;
    line-height: 35px;
}
.technology-meta-info span {
    font-size: 36px;
}
.technology-icon img {
    width:90px;
}
.technology-item ul.bullet-list {
    column-count: 1;
}
.full-column .half-column:nth-child(1) .technology-item {
   top:-50px;
}
.technology-item {
    position: relative;
    overflow: hidden;
    padding: 30px;
    box-sizing: content-box;
    margin: 10px;
    border-top-left-radius: 50px;
    background-color: #fff;
}
.technology-item:before, .technology-item:after{
   border-top-left-radius: 50px;
} 
.iconic-development-sctn .full-column {
    margin-top: 80px;
}
.seofy_hexagon {
    width:180px;
    height:180px;
}
.seofy_hexagon svg {
    filter: drop-shadow(7px 5px 30px rgba(72,73,121,0.15));
     transform: rotate(270deg);
}
.why-php-list  li {
    display: inline-flex;
    position: relative;
    padding: 10px;
}
.why-php-content {
    position: absolute;
    top:30px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    text-align: center;
}
.why-php-list li:nth-child(even) {
    top: -100px;
    padding: 0px;
}
ul.empty-php-list li:nth-child(1) {
    top: 0px;
    right: 25px;
}
ul.empty-php-list li {
    position: relative;
    display: inline-flex;
}
ul.empty-php-list li:nth-child(1)  .seofy_hexagon{
    width: 100px;
    height: 100px;
}
ul.empty-php-list li:last-child .seofy_hexagon{
    width: 100px;
    height: 100px;
}
ul.empty-php-list li:last-child {
    top:0px;
    left:25px;
}
ul.empty-php-list li:nth-child(2) {
    top: 326px;
    left: -12px;
}
ul.empty-php-list li:nth-child(3) {
    top:0px;
    left: 0px;
}
ul.empty-php-list li:nth-child(4) {
    bottom: -326px;
    left: 12px;
}
ul.list-none.empty-php-list , .why-php-list{
    list-style: none;
    padding: 0px;
    left: 0px;
    margin: 0px auto;
    text-align: center;
}
.why-php-content h4 {
    font-size: 18px;
    width: 150px;
    margin: 0px auto;
}
.why-php-list .why-php-content h4 {
    color: #fff;
}
section.why-php-sctn {
    padding: 50px 0px 170px;
}
.php-services-sctn, .php-expertise, .cloud-solutions, .net-services, .about-net, .net-offers, .proficiency-sctn, .why-java, .java-services, .custom-magento{
    padding:50px 0px;
}
.one-by-third , .one-bythird{
    position: relative;
    width: 33.33%;
    float: left;
}
.one-by-third-inner {
    background: #fff;
    padding: 15px 35px;
    box-sizing: border-box;
    height: 330px;
    text-align: center;
    width: 330px;
    border-radius: 50%;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 70px!important;
    margin: 0px auto;
    box-shadow:6px 6px 23px rgb(0 0 0 / 10%)
}
.one-by-third-inner h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
}
.one-by-third-inner p {
    font-size: 16px;
    margin: 0px!important;
}
.one-by-third:after {
    background: #1571b9;
    content: "";
    position: absolute;
    width: 350px;
    height: 325px;
    top: 40px;
    z-index: -1;
    right: 0px;
    margin: 0px auto;
    border-top-left-radius: 150px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 100px;
}
.one-by-third:before {
    position: absolute;
    content: "01";
    bottom: 70px;
    right: 30px;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
}
.one-by-third:nth-child(2):before {
    content: "02";
}
.one-by-third:nth-child(3):before {
    content: "03";
}
.one-by-third:nth-child(4):before {
    content: "04";
}
.one-by-third:nth-child(5):before {
    content: "05";
}
.one-by-third:nth-child(6):before {
    content: "06";
}
.php-expert-list li:before {
    background: rgb(21 113 185 / 20%);
    height: 70px;
    width: 70px;
    content: "";
    border-radius: 50%;
    position: absolute;
    right: -15px;
    overflow: hidden;
    z-index: -1;
    top: 15px;
}
.php-expert-list li {
    overflow: hidden;
    position: relative;
    font-size: 16px;
    background: #fff;
    display: inline-block;
    padding: 30px 10px;
    width: 30.33%;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin: 10px;
    font-weight: 600;
    text-align: center;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    border-radius: 10px;
    z-index: 0;
    border: 2px dashed #1571b9;
}
.php-expert-list li:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    right: 35px;
    top: 13px;
    z-index: -1;
    background: rgb(21 113 185 / 20%);
    border-radius: 50%;
}
.cloud-solutions ul.list-none li {
    display: inline-block;
    background: #fff;
    margin: 10px;
    border-radius: 25px 0px;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.cloud-solutions ul.list-none li img {
    border-radius: 25px 0px;
}
.net-service-block{
    padding: 30px 25px;
    margin: 0px 12px 15px;
    box-shadow: 5px 4px 21px -4px RGBA(5,5,5,.15);
    text-align: center;
}
.net-service-block h3 {
    margin-bottom: 10px;
}
.net-service-block p {
    font-size: 16px;
}
.net-services .one-bythird:before {
    background: #297dbf;
    content: "";
    width: 269px;
    height: 350px;
    position: absolute;
    z-index: 0;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: -50px;
    transform: rotate(76deg);
    box-shadow: 5px 4px 21px -4px RGBA(5,5,5,.15);
}
.net-services .net-service-block {
    padding: 30px 25px;
    box-shadow: 5px 4px 21px -4px RGBA(5,5,5,.15);
    text-align: center;
    position: relative;
    z-index: 0;
    background: #fff;
    width: 80%;
    margin: 0px auto;
}
.net-services .one-bythird {
    margin: 50px 0px;
}
.proficiency-service-block p {
    font-size: 16px;
    line-height: 26px;
}
.proficiency-service-block {
    height: 260px;
    padding: 50px 25px;
    box-shadow: 5px 4px 21px -4px RGBA(5,5,5,.15);
}
.proficiency-service-block {
    margin: 15px;
    height: 310px;
    padding: 50px 25px;
    box-shadow: 5px 4px 21px -4px RGBA(5,5,5,.15);
    background-color: #fff;
}
.proficiency-service-block img{
    margin-bottom: 15px;
}
.java-service-block {
    padding: 70px 30px 50px;
    background: #fff;
    height: 390px;
    text-align: center;
    width: 84%;
    border-bottom-left-radius: 164px;
    border-bottom-right-radius: 164px;
    z-index: 9999;
    margin: 0px auto;
    margin-bottom: 20px!important;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.java-service-block h3 {
    margin-bottom: 10px;
}
.java-services  .one-bythird {
    margin-bottom: 40px;
}
section.java-services h2.custom-heading {
    margin-bottom: 30px;
}
.java-service-block p{
   font-size: 16px;
   line-height: 26px;
}
.java-service-block:before {
    background: #1571b9;
    position: absolute;
    width: 92%;
    height: 242px;
    content: "";
    left: 0px;
    right: 0px;
    bottom: -2px;
    z-index: -1;
    border-bottom-left-radius: 190px;
    border-bottom-right-radius: 190px;
    margin: 0px auto;
}
.quote-text.home-text h1 span {
    display: inline-block;
}
/** magneto service page **/
.magneto-service-solution, .custom-woocommerce, .woocommerce-development, .business-logo-sctn{
    padding: 50px 0px;
}
.magento-service-block p {
    font-size: 15px;
    line-height: 26px;
}
.magento-service-block:nth-child(even) {
    float: left;
}
.magento-service-block:nth-child(odd) {
    float: right;
}
.magento-service-block {
    position: relative;
    width: 360px;
}
.magento-service-block {
    padding: 0px 50px;
    text-align: center;
    margin: 20px 0px;
}
.magento-service-block:before {
    background: #297dbf;
    content: "";
    width: 250px;
    height: 300px;
    position: absolute;
    border-radius: 20px;
    transform: rotate(45deg);
    left: -40px;
    right: 0px;
    margin: 0px auto;
    top: -75px;
    z-index: -1;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.half-column.float-left .magento-service-block:before {
    background: #297dbf;
    content: "";
    width: 250px;
    height: 300px;
    position: absolute;
    border-radius: 20px;
    transform: rotate(45deg);
    left: 0px;
    right: -40px;
    margin: 0px auto;
    top: -35px;
    z-index: -1;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.magento-service-block:after {
    background: #fff;
    content: "";
    width: 270px;
    height: 270px;
    position: absolute;
    border-radius:10px;
    transform: rotate( 45deg);
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: -40px;
    z-index: -1;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.half-column.float-left .magento-service-block:nth-child(odd) {
    float: left;
}
.half-column.float-left .magento-service-block:nth-child(even) {
    float: right;
}
.half-column.float-right {
    left:-35px;
    position: relative;
}
.half-column.float-left {
    right:-35px;
    position: relative;
}
.magneto-service-solution .full-column {
    float: left;
    margin: 130px 0px;
}
.magneto-service-solution h2.custom-heading {
    position: absolute;
    top: 410px;
    width: 300px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
/** woocommerce development**/
.font-15{
    font-size:15px;
    line-height:24px;
}
section.custom-woocommerce h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
}
section.custom-woocommerce h3 span{
    color:  #1571b9;
}
.custom-woocommerce .half-column img {
    margin-bottom: 15px;
}
.custom-woocommerce .half-column:nth-child(1){
    padding-right: 40px;
}
.custom-woocommerce .half-column:nth-child(2)  {
    padding-left: 40px;
}
.woocommerce-service-block {
    width: 90%;
    background: #fff;
    margin: 0px auto;
    border-top-right-radius: 90px;
    border-bottom-left-radius: 90px;
}
.woocommerce-service-block h3:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -20px;
    font-size: 70px;
    color: #1571b9;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.woocommerce-service-block h3 {
    position: relative;
    background: #1571b9;
    padding: 30px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-top-right-radius: 90px;
}
.woocommerce-service-content {
    padding: 30px;
    height:340px;
    margin-bottom: 40px;
}
.woocommerce-service-content p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
/** shopify page **/
.custom-contact-form {
    padding: 50px 0px 50px 50px;
}
.custom-contact-form .input-wrapper input, .custom-contact-form .input-wrapper label {
    width: 100%;
    float: left;
}
.custom-contact-form .input-wrapper {
    margin-bottom: 15px;
    padding: 0px 15px;
    float: left;
    width: 100%;
}
.custom-contact-form .input-wrapper label {
    font-size: 14px;
    font-weight: 600;
}
.custom-contact-form .input-wrapper input {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #bbb;
    padding: 10px;
    height: 55px;
    font-size: 18px;
}
.custom-contact-form .input-wrapper textarea {
    width: 100%;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #bbb;
    padding: 10px;
    height:120px;
    font-size: 18px;
}
.contact-inormation {
    background: #1571b9;
    padding: 50px 30px;
    border-radius: 30px;
    width: 40%;
    float: left;
    color: #fff;
    height: 510px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.custom-contact-form{
    width: 60%;
     float: left;
}
.faq-contact {
    float: left;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 10px;
    border-radius: 40px;
    position: relative;
    bottom: -30px;
    z-index: 999;
    background: #fff;
}
.custom-contact-form input[type="submit"] {
    background: #1571BA;
    color: #fff;
}
.contact-inormation h3 {
    font-size: 24px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.contact-list-image {
    float: left;
    margin-right: 10px;
}
.contact-list-image i {
    font-size: 22px;
}
.contact-list-content h4 {
    font-size: 20px;
}
.contact-list-content p, .contact-list-content p a {
    font-size:17px;
    color: #fff;
}
.contact-list-block {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
section.slider-bottom-bar li {
    display: inline-flex;
    width: 33%;
    align-items: center;
    text-align: center;
    justify-content: center;
}
section.slider-bottom-bar {
    background: #1571b9;
    width: 70%;
    position: relative;
    top: -30px;
}
.bar-icon i {
    font-size: 30px;
    color: #fff;
    margin-right: 20px;
}
.bar-content {
    color: #fff;
    font-size: 20px;
}
.custom-shopify h2, .shopify-service h2{
    font-size: 40px;
    line-height: 46px;
}
.custom-shopify h2 span, .shopify-service h2 span{
    display: block;
    color:#1571b9;
}
/** shopify service section start **/
.shopify-service-left, .shopify-service-right {
    width: 50%;
    float: left;
}
.shopify-service-block {
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 130px;
    border-bottom-right-radius: 130px;
    width: 44%;
    float: left;
    height: 450px;
    margin-bottom: 30px!important;
    margin: 0px 10px;
    box-sizing: border-box;
}
.shopify-service-content p {
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
    z-index: 99;
    position: relative;
}
.shopify-service-content h3:after {
    position: absolute;
    content: "";
    width: 80px;
    height: 70px;
    background: #f4665a;
    right: 0px;
    bottom: -69px;
    z-index: 0;
}
.shopify-service-content h3 {
    position: relative;
    background: #f4665a;
    background: linear-gradient(90deg, #f25230 0%, #f4665a 100%);
    color: #fff;
    padding: 20px 24px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    font-size: 18px;
}
.shopify-service-content h3:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 70px;
    background: #fff;
    bottom: -70px;
    right: 0px;
    border-bottom-left-radius: 73px;
    transform: rotate(-180deg);
    z-index: 9;
}
.shopify-service-block.bck-3 , .shopify-service-block.bck-2, .shopify-service-block.bck-5{
    float: right;
}
.shopify-service-block.bck-1, .shopify-service-block.bck-5 {
    position: relative;
    top: 240px;
}
.shopify-service-block.bck-4 .shopify-service-content h3:after {
    background: #4f13a6;
}
.shopify-service-block.bck-4 .shopify-service-content h3{
    background: #9042f6;
    background: -webkit-linear-gradient( 
90deg, #9042f6 0%, #470e9d 100%);
    background: -moz-linear-gradient(90deg, #9042f6 0%, #470e9d 100%);
    background: linear-gradient( 
90deg, #9042f6 0%, #470e9d 100%);
}
.shopify-service-block.bck-3 .shopify-service-content h3{
        background: #c5014a;
    background: -webkit-linear-gradient( 
90deg, #c5014a 0%, #fa598f 100%);
    background: -moz-linear-gradient(90deg, #c5014a 0%, #fa598f 100%);
    background: linear-gradient( 
90deg, #c5014a 0%, #fa598f 100%);
}
.shopify-service-block.bck-3 .shopify-service-content h3:after {
    background: #f44f87;
}
.shopify-service-block.bck-2 .shopify-service-content h3{
    background: #87c442;
    background: linear-gradient(90deg, #87c442 0%, #5cc46b 100%);
}
.shopify-service-block.bck-2 .shopify-service-content h3:after {
    background:#5ec469;
}
.shopify-service-block.bck-6 .shopify-service-content h3{
    background: #faac3d;
    background: linear-gradient(90deg, #faac3d 0%, #fba939 100%);
}
.shopify-service-block.bck-6 .shopify-service-content h3:after {
    background:#fba939;
}
.shopify-service-block.bck-5 .shopify-service-content h3{
    background: #348dc9;
    background: linear-gradient(90deg, #348dc9 0%, #26a3db 100%);
}
.shopify-service-block.bck-5 .shopify-service-content h3:after {
    background:#27a2da;
}
.shopify-service-icon {
    text-align: center;
}
.shopify-service h2 {
    margin-bottom: 40px;
}
.custom-shopify-center img {
    width: 100%;
    position: relative;
    bottom:-4px;
}
.custom-shopify-left p, .custom-shopify-right p {
    font-size: 15px;
    line-height: 24px;
}
.custom-shopify-left {
    padding-right: 40px;
}
/** shopify service section start **/
section.custom-shopify {
    padding-top: 50px;
    background: #f7f7f7;
    position: relative;
}
.faq-wrapper{
    padding-top:50px;
}
.shopify-integration ul.bullet-list {
    column-count: 1;
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
}
.shopify-integration h3 span {
    color: #1571b9;
}
.shopify-integration h3 {
    font-size: 40px;
    line-height: 46px;
}
.shopify-integration {
    padding: 50px 0px;
}
.gray-bg{
    padding: 50px 0px;
    background: #f7f7f7;
}
.shopify-integration .half-column img {
    height: 550px;
    width: 100%;
    object-fit: cover;
    position: relative;
}
.shopify-integration .half-column img{
   padding-left: 50px;
}
.shopify-integration.gray-bg .half-column img{
   padding-right: 50px;
   padding-left:0px;
}
.shop-integ-img:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    border-radius: 50%;
    top: -50px;
    left: -65px;
    background: #1571b9cc;
}
.shop-integ-img:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    border-radius: 50%;
    top: -45px;
    left: -50px;
    background: #1571b9cc;
}
.shop-integ-img {
    position: relative;
}
.shop-integ-img.rgt-img:after {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    border-radius: 50%;
    top: -50px;
    right: -65px;
    left: inherit;
    background: #1571b9cc;
}
.shop-integ-img.rgt-img:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    border-radius: 50%;
    top: -45px;
    right: -50px;
     left: inherit;
    background: #1571b9cc;
}
.custom-shopify-left, .custom-shopify-center, .custom-shopify-right {
    width: 33.33%;
    float: left;
}
.custom-shopify h2 {
    margin-bottom: 50px;
}
.custom-shopify-right {
    padding-top: 80px;
    padding-left: 40px;
}
.oneby-third img {
    width: 100%;
}
.oneby-third {
    width: 33.33%;
    float: left;
}
.shopify-integration ul.bullet-list li {
    background: #f7f7f7;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.shopify-integration ul.bullet-list li i {
    margin-right: 15px;
    font-size: 18px;
}
.shopify-integration .oneby-third img {
    height:370px;
    object-fit: cover;
    padding-right: 20px;
}
.shopify-integration.gray-bg ul.bullet-list  li {
    background: #fff;
}
.shopify-integration.gray-bg .oneby-third img {
    border-radius: 50%;
}
.shopify-integration.gray-bg ul.bullet-list {
    column-count: 1;
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    padding-right: 10px;
}
/** woocommerce service sctn css start **/
.woo-service-block {
    margin-bottom: 40px!important;
    height: 555px;
    background: #fff;
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding: 75px 0px 30px;
    border-radius: 170px;
    border: 8px solid #cb378f;
}
.woo-service-block h3:before {
    content: "";
    background: #cc378f;
    width: 28px;
    height: 21px;
    position: absolute;
    top: 55px;
    left: 0px;
}
.woo-service-block h3:after {
    content: "";
    background: #000;
    width: 28px;
    height: 30px;
    border-radius: 30px 0px 0px 30px;
    position: absolute;
    top: 62px;
    left: 0px;
}
.woo-service-block h3 {
    background: linear-gradient(90deg, #d03c90 0%, #9b0283 100%);
    color: #fff;
    padding: 10px 40px;
    border-bottom-right-radius: 40px;
    width: 95%;
    position: absolute;
    border-top-left-radius: 40px;
    left: 3%;
}
.woo-service-content{
     padding: 30px;
}
.woo-service-content p {
    font-size: 16px;
    padding-top: 45px;
    line-height: 28px;
}
.woo-service-block.woo-two h3{
   background:linear-gradient(90deg, #4db6ee 0%, #025ca8 100%);
}
.woo-service-block.woo-three h3{
   background:linear-gradient(90deg, #47b0ad 0%, #048279 100%); 
}
.woo-service-block.woo-four h3{
    background:linear-gradient(90deg, #69aa21 0%, #006427 100%);
}
.woo-service-block.woo-five h3{
   background:linear-gradient(90deg, #abcb23 0%, #35932b 100%); 
}
.woo-service-block.woo-six h3{
  background:linear-gradient(90deg, #f28005 0%, #e33906 100%);  
}
.woo-service-block.woo-two h3:before{
    background: #48b0e9;
}
.woo-service-block.woo-three h3:before{
    background: #47b0ad;
}
.woo-service-block.woo-four h3:before {
    background: #63a622;
}
.woo-service-block.woo-five h3:before {
    background: #a5c823;
}
.woo-service-block.woo-six h3:before{
    background: #f28005;
}
.woo-service-block.woo-two
{
    border: 8px solid #49b2eb;
}
.woo-service-block.woo-three{
    border: 8px solid #47b0ad;
}
.woo-service-block.woo-four{
    border: 8px solid #63a622;
}
.woo-service-block.woo-five{
    border: 8px solid #a5c823;
}
.woo-service-block.woo-six{
    border: 8px solid #f28005;
}    
/** woocommerce service sctn css end **/
/** hemisphere sctn css start **/
.hemisphere-sctn {
    position: relative;
    overflow: hidden;
    padding: 50px 0px;
    height: 340px;
}
.hemisphere-sctn:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 900px;
    height: 900px;
    border-radius: 50%;
    bottom: 10px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: -1;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 7%);
}
.hemisphere-sctn:after {
    content: "";
    position: absolute;
    background:#e9f2f4;
    width: 910px;
    height: 910px;
    border-radius: 50%;
    bottom:0px;
    left: 0;
    right: 0;
    margin: 0px auto;
    z-index: -2;
}
.why-woocom ul li {
    display: inline-block;
    width: 19%;
}
.sphere-block:after {
    position: absolute;
    background: #1ed8dd;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto;
    content: "";
    z-index: -1;
    opacity: 0.6;
}
.sphere-block:before {
    position: absolute;
    background: #1ed8dd;
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto;
    content: "";
    z-index: -1;
    opacity: 0.8;
}
.sphere-block {
    position: relative;
    background:#00b7be;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto;
}
.why-woocom ul li:nth-child(2) .sphere-block:after{
    background: #bf4a9f;    
}
.why-woocom ul li:nth-child(2) .sphere-block:before {
   background: #bf4a9f;
}
.why-woocom ul li:nth-child(2) .sphere-block {
   background: #bf4a9f;
}
.why-woocom ul li:nth-child(3) .sphere-block:after{
    background: #e83f78;    
}
.why-woocom ul li:nth-child(3) .sphere-block:before {
   background: #e83f78;
}
.why-woocom ul li:nth-child(3) .sphere-block {
   background: #e83f78;
}
.why-woocom ul li:nth-child(4) .sphere-block:after{
    background: #1ba5d6;    
}
.why-woocom ul li:nth-child(4) .sphere-block:before {
   background: #1ba5d6;
}
.why-woocom ul li:nth-child(4) .sphere-block {
   background: #1ba5d6;
}
.why-woocom ul li:nth-child(5) .sphere-block:after{
    background: #f98c36;    
}
.why-woocom ul li:nth-child(5) .sphere-block:before {
   background: #f98c36;
}
.why-woocom ul li:nth-child(5) .sphere-block {
   background: #f98c36;
}
.why-woocom ul li:nth-child(1) {
    position: absolute;
    top: 25px;
    z-index: -3;
}
.why-woocom ul li:nth-child(2) {
    position: absolute;
    left: 17%;
    top:60%;
    z-index: -3;
}
.why-woocom ul li:nth-child(3) {
    position: absolute;
    left: 40%;
    top: 94%;
    z-index: -3;
}
.why-woocom ul li:nth-child(4) {
    position: absolute;
    left:65%;
    top: 60%;
    z-index: -3;
}
.why-woocom ul li:nth-child(5) {
    position: absolute;
    left: 82%;
    top: 25px;
    z-index: -3;
}
.why-woocom {
   padding-bottom:250px; 
}
.why-woocom ul li h4 {
    text-align: center;
    padding-top: 40px;
    font-size: 20px;
}
.woo-com-sol .php-expert-list li {
    overflow: hidden;
    position: relative;
    font-size: 16px;
    background: #fff;
    display: inline-block;
    padding: 22px 10px;
    width: 30.33%;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin: 10px;
    font-weight: 600;
    text-align: center;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    border-radius: 50px;
    z-index: 0;
    border: 4px solid #1571b9;
}
.half-column .magento-service-block.mg-dvlop-6:before {
    background: #6b22a1!important;
}
.half-column .magento-service-block.mg-dvlop-5:before {
    background: #0b4c5a!important;
}
.half-column .magento-service-block.mg-dvlop-4:before {
    background:#5bae5b!important;
}
.half-column .magento-service-block.mg-dvlop-3:before {
    background:#60c2c3!important;
}
.half-column .magento-service-block.mg-dvlop-2:before {
    background:#eda002!important;
}
.why-magento .why-magento-lowerlist li, .why-magento .why-magento-uprlist li{
    position: relative;
    display: inline-block;
}
.why-magento .seofy_hexagon h4 {
    color: #fff;
}
.why-magento li {
    font-size: 18px;
    margin-bottom: 10px;
}
ul.why-magento-uprlist li:nth-child(2) {
    position: relative;
    top: -90px;
}
ul.why-magento-lowerlist li:nth-child(2) {
    position: relative;
    bottom: -90px;
}
.why-magento-lowerlist, .why-magento-uprlist {
    margin: 0px;
}
.why-magento-infograhic {
    margin: 0px auto;
    text-align: center;
    padding: 125px 0px;
}
.why-magento .full-row{
    display: flex;
    align-items: center;
}
.custom-magento-text{
    padding-left: 15px;
}
/** career single **/
.career-single-desc li{
    padding-left:25px;
    position: relative;
    margin-bottom:15px;
}
.career-single-desc {
    width: 65%;
    float: left;
    padding: 0px 15px;
}
.career-single-desc li i {
    color: #1571b9;
    position: absolute;
    left: 0px;
    top:3px;
}
.category-single , .testimonial-sctn{
    padding: 50px 0px;
    width: 100%;
    float: left;
}
.career-single-form .inp-group ,.career-single-form .inp-group label{
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
}
.career-single-form .inp-group label, .career-single-form .inp-group .inp-control{
    width: 100%;
}
.inp-control{
    border:1px solid #ddd;
}
.career-single-form h2 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 32px;
}
.career-single-form .inp-control {
    padding: 10px;
    font-size: 15px;
}
.career-single-form {
    width: 35%;
    float: left;
    padding:15px;
    box-shadow: 0px 0px 6px rgba(13,77,196,0.2);
    border: 10px solid rgba(0,104,236,0.8);
}
.state-code {
    width: 25%;
    float: left;
}
.phone-number{
    width: 75%;
    float: left;
}
.state-code {
    width: 25%;
    float: left;
    padding-right: 10px;
}
.apply-buton {
    background-color: #0068ec;
    font-family: 'OpenSans-Bold';
    border: 1px solid #cccccc;
    padding: 10px;
    font-size: 18px;
    width: 100%;
    color: #FFFFFF;
    cursor: pointer;
}
.apply-buton:hover{
    background-color: #333333;
}
.career-single-desc h3 {
    margin-bottom: 10px;
}
.career-single-desc h4 {
    margin-top: 20px!important;
}
.tags a {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    margin-right: 0.5rem;
    background: #3386f0;
    font-size: .7rem;
    font-weight: normal;
    color: #fff;
    border-radius: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.job-postdate p {
    font-size: .7rem;
}
.job-postdate p i{
   margin-right:10px;
}
.main-bar .img-block-setting {
    width: 220px;
}
.career-single .quote-section {
    padding-top: 60px;
}
.bg-grey{
    background:#f1f1f1;
}
.testimonial-sctn blockquote {
    font-size: 23px;
    line-height: 1.75rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0px;
    font-weight: 600;
}
.teamMembers ul li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16.155%;
    height: 16.155%;
}
.teamMembers ul li:nth-child(1) {
    left: 42.33%;
    top: 3px;
}
.teamMembers ul li:nth-child(2) {
    left: 5.816%;
    top: 21.486%;
}
.teamMembers ul li:nth-child(3) {
    left: 23.748%;
    top: 13.89%;
    width: 24.879%;
    height: 24.879%;
}
.teamMembers ul li:nth-child(4) {
    left: 51.858%;
    top: 13.247%;
    width: 24.879%;
    height: 24.879%;
}
.teamMembers ul li:nth-child(5) {
    left: 78.837%;
    top: 21.163%;
}
.teamMembers ul li:nth-child(6) {
    top: 42.97%;
}
.teamMembers ul li:nth-child(7) {
    width: 17.61%;
    height: 17.61%;
    left: 17.286%;
    top: 41.195%;
}
.teamMembers ul li:nth-child(8) {
    width: 22.778%;
    height: 22.778%;
    left: 38.449%;
    top: 38.611%;
}
.teamMembers ul li:nth-child(9) {
    width: 24.879%;
    height: 24.879%;
    left: 68.98%;
    top: 36.83%;
}
.teamMembers ul li:nth-child(10) {
    left: 4.362%;
    top: 63.65%;
}
.teamMembers ul li:nth-child(11) {
    width: 24.879%;
    height: 24.879%;
    left: 22.778%;
    top: 61.228%;
}
.teamMembers ul li:nth-child(12) {
    width: 17.61%;
    height: 17.61%;
    left: 52.02%;
    top: 60.9%;
}
.teamMembers ul li:nth-child(13) {
    left: 78.675%;
    top: 63.166%;
}
.teamMembers ul li:nth-child(14) {
    left: 41.68%;
    top: 84.49%;
}
.teamMembers ul li:nth-child(15) {
    left: 62.84%;
    top: 78.68%;
}
.teamMembers li a.zoom {
    display: block;
    overflow: hidden;
    border-radius: 9999px;
}
.teamMembers li a {
    border: 4px solid transparent;
}
.teamMembers li:hover a, .teamMembers li.active a{
   border: 4px solid #1571b9;
}
.teamMembers {
    width: 100%;
    position: relative;
}
.teamMembers li a.zoom img {
    display: block;
    border-radius: 9999px;
    transition: transform 0.3s;
}
.teamMembers {
    max-width: 619px;
    margin: 0;
}
.teamMembers img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.teamMembers li a.zoom img:hover {
    transform: scale(1.1);
}
.list-name>div.active {
    display: block;
}
.list-name>div {
    display: none;
}
.teamMembers svg {
    height: auto;
    width: 100%;
}
.testimonial-text {
    padding-left: 50px;
}
.testimonial-text>p {
    padding-bottom: 5rem;
    margin: 0px;
}
.single-portfolio-item{
    margin-bottom: 30px;
}
.single-portfolio-item img{
    width: 100%;
}
.portfolio-menu {
    text-align: center;
}
.portfolio-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.portfolio-menu ul li {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight:500;
    background:#1571b9;
    color: #fff;
    border-radius:0px;
    margin: 34px 4px;
    margin-bottom: 60px;
    cursor: pointer;
}
.portfolio-menu ul li.mixitup-control-active, .portfolio-menu ul li:hover , .portfolio-buttons a:hover{
    background: #75d100;
}
.single-portfolio-item {
    overflow: hidden;
}
.single-portfolio-item  figure img {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;
    max-width: 100%;
    height: auto;
    display: inherit;
}
.single-portfolio-item .image-overlay {
    position: absolute;
    opacity: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: rgba(0, 0, 0, 0.75);
}
.single-portfolio-item figure{
    position: relative;
    overflow: hidden;
}
.single-portfolio-item .image-overlay-details {
    bottom: auto;
    top: 70px;
    left: 0;
    right: auto;
    text-align: left;
    border-width: 0;
    padding: 0px 20px 0 40px;
}
.single-portfolio-item .image-overlay-details {
    border-right-color: #ffffff;
}
.single-portfolio-item .image-overlay-details {
    position: absolute;
    bottom: auto;
    top: 70px;
    left: 0;
    right: auto;
    text-align: left;
    border-width: 0;
    padding: 0px 20px 0 40px;
}
.single-portfolio-item:hover figure img {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
   -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.single-portfolio-item:hover .image-overlay{
    opacity: 1;
}
.single-portfolio-item {
    width:33.33%;
    float: left;
    padding: 0px 10px;
}
.single-portfolio-item .links {
    position: absolute;
    bottom: 70px;
    padding-left: 40px;
}
.image-overlay-details h2 a {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
}
.single-portfolio-item .image-overlay-details .categories a {
    text-decoration: none;
    color: #a32942;
    text-transform: capitalize;
    font-weight: 700;
    font-style: italic;
}
.single-portfolio-item {
    position: relative;
    cursor: pointer;
}
.show-onhover-text {
    position: absolute;
    top: 15px;
    left: 15px;
    width:100%;
}
.show-onhover-img{
    bottom: -30px;
    z-index: 9;
    margin-top: 0px;
    padding: 15px;
    opacity: 0;
    transition-property: opacity,transform;
    transform: translate3d(-100px,0,0);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-duration: 0.40s;
    right: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
}
.single-portfolio-item:hover .show-onhover-img {
    opacity: 1;
    transform: translateZ(0);
    transition-timing-function: cubic-bezier(.47,0,.745,.715);
}
.single-portfolio-item:hover .show-onhover-text{
    top: 10px;
    transition: all 0.25s ease-in-out;
    opacity: 1;
    transform: translateZ(0);
    transition-timing-function: cubic-bezier(.47,0,.745,.715);
}
.show-onhover-text{
    right:0px;
    left:0px;
    position: absolute;
    text-align: center;
    top: calc(-50%);
    padding: 15px 30px;
    color: #fff;
    z-index: 9;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-duration: 0.40s;
}
.main-image{
    position: relative;
    margin-bottom: 50px;
}
.main-image:after{
    content: "";
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0px;
    opacity: 0;
    transition: all 0.40s ease;
}
.single-portfolio-item:hover .main-image:after{
    opacity: 0.80;
    left: 0;
    right: 0;
    width: 100%;
}
.show-onhover-text p{
    font-size: 14px;
}
.portfolio-buttons a {
    font-size: 12px;
    letter-spacing: 0px;
    width: 149px;
    font-weight: normal;
    text-indent: inherit;
    padding: 10px 15px!important;
    background: #1571b9;
    color: #fff;
    margin: 5px;
}
.single-portfolio-item .main-image img {
    height: 380px;
    object-fit: cover;
}
.portfolio-buttons a:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.portfolio-buttons a:hover:before{
    opacity: 1;
}
.seo-service-block p {
    font-size: 16px;
    line-height: 24px;
}
.seo-service-step:before {
    content: "";
    height: 150px;
    width: 150px;
    border-radius: 10px;
    position: absolute;
    transform: rotate(45deg);
    left: -50px;
    z-index: -1;
    background: #348dc9;
    background: linear-gradient(90deg, #348dc9 0%, #26a3db 100%);
}
.seo-service-step {
    position: absolute;
    color: #fff;
    z-index: 9;
    left: -25px;
    top:25px;
}
.seo-service-block {
    padding: 20px 20px 20px 110px;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    width:94%;
    position: relative;
    height: 200px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.seo-service-block h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.seo-service-block.seo-right {
    padding: 20px 110px 20px 20px;
}
.seo-service-block.seo-right .seo-service-step {
    left: inherit;
    right: -50px;
}
.seo-service-step span:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 300px;
    top: 30px;
    right: -35px;
    color: #fff;
    z-index: -1;
}
.seo-service-step span {
    font-size: 50px;
    top: 60px;
    position: relative;
    color: #000;
    padding-left: 30px;
}
.seo-service-block.seo-two .seo-service-step:before , .seo-methodology li:nth-child(2) .method-block:before{
    background: #f4665a;
    background: linear-gradient(90deg, #f25230 0%, #f4665a 100%);
}
.seo-service-block.seo-three .seo-service-step:before, .seo-methodology li:nth-child(3) .method-block:before {
    background: #87c442;
    background: linear-gradient(90deg, #87c442 0%, #5cc46b 100%);
}
.seo-service-block.seo-four .seo-service-step:before , .seo-methodology li:nth-child(4) .method-block:before{
    background: #9042f6;
    background: -webkit-linear-gradient( 90deg, #9042f6 0%, #470e9d 100%);
}
.seo-service-block.seo-five .seo-service-step:before , .seo-methodology li:nth-child(5) .method-block:before{
    background: #c5014a;
    background: -webkit-linear-gradient( 90deg, #c5014a 0%, #fa598f 100%);
}
.seo-service-block.seo-six .seo-service-step:before, .seo-methodology li:nth-child(6) .method-block:before {
    background: #faac3d;
    background: linear-gradient(90deg, #faac3d 0%, #fba939 100%);
}
.seo-methodology li:nth-child(7) .method-block:before{
    background: linear-gradient(90deg, #47b0ad 0%, #048279 100%);
}
.expect-list li i{
    position:absolute;
    left: 0px;
    top: 4px;
}
.expect-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.seo-methodology li {
    width: 14.2%;
    float: left;
}
.method-block img {
    z-index: 1;
    position: relative;
    width: 45px;
    top:35px;
}
.method-block:before {
    content: "";
    height:120px;
    width:120px;
    border-radius: 10px;
    position: absolute;
    transform: rotate(45deg);
    left: 0px;
    right: 0px;
    background: #348dc9;
    background: linear-gradient(90deg, #348dc9 0%, #26a3db 100%);
    margin: 0px auto;
    z-index: 1;
}
.method-block {
    position: relative;
    text-align: center;
}
.method-text {
    text-align: center;
}
.seo-methodology li:nth-child(odd) .method-text {
    padding-top: 190px;
}
.seo-methodology .method-text p {
    font-size: 14px;
    line-height: 23px;
}
.seo-methodology li{
    display: flex;
    flex-direction: column;
}
.method-block:after {
    border-left: 2px  dashed #666;
    content: "";
    position: absolute;
    width: 2px;
    height: 100px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 110px;
    z-index: 0;
}
.seo-methodology li:nth-child(even) .method-block:after {
    border-left: 2px  dashed #666;
    content: "";
    position: absolute;
    width: 2px;
    height: 100px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: -90px;
    z-index: 0;
}
.seo-methodology li:nth-child(even) .method-text {
    padding-bottom: 90px;
}
.seo-methodology li:nth-child(1) .method-text h4{
    color:#348dc9;
}
.seo-methodology li:nth-child(2) .method-text h4{
    color:#f25230;
}
.seo-methodology li:nth-child(3) .method-text h4{
    color:#5cc46b;
}
.seo-methodology li:nth-child(4) .method-text h4{
    color:#470e9d;
}
.seo-methodology li:nth-child(5) .method-text h4{
    color:#c5014a;
}
.seo-methodology li:nth-child(6) .method-text h4{
    color:#faac3d;
}
.seo-methodology li:nth-child(7) .method-text h4{
    color:#47b0ad;
}
.seo-methodology p {
    margin-bottom: 30px;
    font-size: 17px;
}
.benefits-smm-block p {
    font-size: 14px;
    line-height: 22px;
}
.benefits-smm-block {
    background: #fff;
    padding:30px 45px;
    text-align: center;
    border-radius: 10px;
    height:280px;
    position: relative;
}
.benefits-smm-block h4 {
    font-size:18px;
    margin-bottom: 10px;
}
.benefits-smm-outer {
    padding: 0px 15px;
    position: relative;
    margin-bottom: 15px;
}
.benefits-smm-block:before {
    content: "";
    position: absolute;
    border: 4px solid #1571b9;
    width: 92%;
    height:250px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 10px;
    border-radius: 10px;
}
.benefit-step {
    background: #1571b9;
    display: inline-block;
    padding:7px 35px;
    position: absolute;
    left: 10px;
    color: #fff;
    top: 10px;
    border-top-left-radius: 10px;
    text-transform: uppercase;
}
.benefit-step span {
    display: block;
    font-size:40px;
    line-height:50px;
}
.benefit-step:before {
    content: "\f0dd";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-family: 'FontAwesome';
    color: #1571b9;
    font-size: 70px;
    margin: 0px auto;
    text-align: center;
}
.benefits-smm-block img {
    margin-bottom: 15px;
}
.marketing-service-inner span {
    background:#50c5ed;
    padding: 20px 20px;
    color: #fff;
    font-size: 15px;
    border-top-right-radius: 40px;
    text-align: center;
    text-transform: uppercase;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 36px;
    width: 100%;
    display: block;
}
.marketing-service-inner {
    float: left;
    background: #fff;
    border: 4px solid #50c5ed;
    border-radius: 30px;
    padding: 15px 0px 0px;
    height: 290px;
    margin-bottom: 15px;
}
.marketing-service-box{
     padding: 0px 15px;
}
.marketing-service-inner p {
    padding: 25px;
    margin: 0px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.marketing-service-inner h4 {
    position: relative;
    left: -20px;
}
.marketing-service-inner h4:after{
    content: "";
    background:#50c5ed;
    width: 19px;
    height: 30px;
    position: absolute;
    bottom: -16px;
    left: 0px;
    border-bottom-left-radius: 20px;
}
.marketing-service-box.m-srvc-box2 span, .m-srvc-box2 .marketing-service-inner h4:after {
    background: #993dc0;
}
.marketing-service-box.m-srvc-box2 .marketing-service-inner {
    border: 4px solid #993dc0;
}
.marketing-service-box.m-srvc-box3 span, .m-srvc-box3 .marketing-service-inner h4:after {
    background:#158bee;
}
.marketing-service-box.m-srvc-box3 .marketing-service-inner {
    border: 4px solid #158bee;
}
.marketing-service-box.m-srvc-box4 span, .m-srvc-box4 .marketing-service-inner h4:after {
    background: #c349b2;
}
.marketing-service-box.m-srvc-box4 .marketing-service-inner {
    border: 4px solid #c349b2;
}
.marketing-service-box.m-srvc-box5 span, .m-srvc-box5 .marketing-service-inner h4:after {
    background:#ff910e;
}
.marketing-service-box.m-srvc-box5 .marketing-service-inner {
    border: 4px solid #ff910e;
}
.marketing-service-box.m-srvc-box6 span, .m-srvc-box6 .marketing-service-inner h4:after {
    background: #5a509f;
}
.marketing-service-box.m-srvc-box6 .marketing-service-inner {
    border: 4px solid #5a509f;
}
.why-ppc-sctn li ,  .hire-google-list li{
    font-size: 18px;
    position: relative;
    margin-bottom: 10px;
    padding-left:25px;
}
.why-ppc-sctn li i , .hire-google-list li i{
    position: absolute;
    left: 0px;
    top: 2px;
    color: #1571b9;
    font-size: 16px;
}
.ppc-ads-type li {
    width: 21%;
    float: left;
    padding: 0px 15px;
    text-align: center;
}
.ppc-ads-type-content p {
    font-size: 16px;
    line-height: 24px;
    height:100px;
}
.ppc-ads-type-content h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.ppc-ads-type-img img {
    max-width: 70px;
}
.ppc-ads-type-img {
    width:220px;
    height:220px;
    background: #ff1471;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 0px auto;
    border:4px solid #fff;
    position: relative;
}
.ppc-ads-type-img:before {
    content: "";
    position: absolute;
    border:4px solid #ff1471;
    width:280px;
    height:280px;
    border-radius: 50%;
}
.ppc-ads-type ul {
    margin: 0px auto;
    float: left;
    padding-bottom: 170px;
    text-align: center;
    width: 100%;
    left: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ppc-ads-type li:nth-child(odd) {
    top: 150px;
    position: relative;
}
.ppc-ads-type li:nth-child(2) .ppc-ads-type-img, .ppc-ads-type li:nth-child(2) .line-wid-circle:after{
    background:#032f8d;
}
.ppc-ads-type li:nth-child(2) .ppc-ads-type-img:before, .ppc-ads-type li:nth-child(2) .line-wid-circle:before{
    border-color:#032f8d;
}
.ppc-ads-type li:nth-child(3) .ppc-ads-type-img, .ppc-ads-type li:nth-child(3) .line-wid-circle:after{
    background:#ff9122;
}
.ppc-ads-type li:nth-child(3) .ppc-ads-type-img:before, .ppc-ads-type li:nth-child(3) .line-wid-circle:before{
    border-color:#ff9122;
}
.ppc-ads-type li:nth-child(4) .ppc-ads-type-img, .ppc-ads-type li:nth-child(4) .line-wid-circle:after{
    background:#008151;
}
.ppc-ads-type li:nth-child(4) .ppc-ads-type-img:before, .ppc-ads-type li:nth-child(4) .line-wid-circle:before{
    border-color:#008151;
}
.ppc-ads-type li:nth-child(even) .ppc-ads-type-content {
    padding-bottom: 100px;
}
.ppc-ads-type li:nth-child(even) {
    position: relative;
}
.ppc-ads-type li:nth-child(odd) .ppc-ads-type-content {
    padding-top: 100px;
}
.line-wid-circle {
    position: relative;
}
.line-wid-circle:before {
    content: "";
    position: absolute;
    height: 60px;
    border-left: 4px solid #ff1471;
    top: 32px;
}
.ppc-ads-type li:nth-child(even) .line-wid-circle:before {
    top: -90px;
}
.line-wid-circle:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background:#ff1471;
    top: 85px;
    left: -3px;
    right: 0px;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 15px;
}
.ppc-ads-type li:nth-child(even) .line-wid-circle:after{
    top: -95px;
}
.ppc-ads-type li:nth-child(1) h4{
    color:#ff1471;
}
.ppc-ads-type li:nth-child(2) h4{
    color:#032f8d;
}
.ppc-ads-type li:nth-child(3) h4{
    color:#ff9122;
}
.ppc-ads-type li:nth-child(4) h4{
    color:#008151;
}
.ppc-includes-box {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding: 110px 30px 40px;
    text-align: center;
    border-radius: 20px;
    margin: 0px 15px;
    margin-bottom: 40px;
    height: 390px;
}
.ppc-include-step {
    position: absolute;
    left: 0px;
    right: 0px;
    background: #ffd514;
    width: 150px;
    display: flex;
    border-top-right-radius: 20px;
    margin: 0px auto;
    border:4px solid #fff;
    top: -20px;
    flex-direction: column;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    padding:20px 10px;
    color: #fff;
}
.ppc-include-step p {
    margin-bottom:10px;
}
.ppc-include-step h3 {
    font-size: 30px;
}
.ppc-i-box-2 h4{
    color:#ff9a12 ;
}
.ppc-i-box-2 .ppc-include-step {
    background: #ff9a12;
}
.ppc-i-box-3 h4{
    color:#fe3061 ;
}
.ppc-i-box-3 .ppc-include-step {
    background: #fe3061;
}
.ppc-i-box-4 h4{
    color:#02afbb ;
}
.ppc-i-box-4 .ppc-include-step {
    background: #02afbb;
}
.ppc-i-box-5 h4{
    color:#7654c6 ;
}
.ppc-i-box-5 .ppc-include-step {
    background: #7654c6;
}
.ppc-i-box-6 h4{
    color:#016ef8 ;
}
.ppc-i-box-6 .ppc-include-step {
    background: #016ef8;
}
.ppc-i-box-7 h4{
    color:#02a2ff ;
}
.ppc-i-box-7 .ppc-include-step {
    background: #02a2ff;
}
.ppc-i-box-8 h4{
    color:#049a4a;
}
.ppc-i-box-8 .ppc-include-step {
    background: #049a4a;
}
.ppc-i-box-9 h4{
    color:#ff690f;
}
.ppc-i-box-9 .ppc-include-step {
    background: #ff690f;
}
.ppc-i-box-10 h4{
    color:#4350a7;
}
.ppc-i-box-10 .ppc-include-step {
    background: #4350a7;
}
.ppc-i-box-11 h4{
    color:#0c3b79;
}
.ppc-i-box-11 .ppc-include-step {
    background: #0c3b79;
}
.ppc-includes-box h4 {
    font-size: 17px;
    margin-bottom: 5px;
}
.ppc-includes-box p {
    font-size: 16px;
    line-height: 25px;
}
.ppc-includes h2.custom-heading {
    margin-bottom: 40px;
}
.why-analytic-box {
    float: left;
    display: flex;
    align-items: center;
    position: relative;
    width: 96%;
    margin-bottom: 20px;
}
.why-analytic-content {
    width:74%;
    background: #fff;
    padding: 40px 40px 40px 70px;
    border-radius: 20px;
    text-align: center;
    float: left;
    z-index: 0;
}
.why-analytic-image {
    width: 120px;
    height: 120px;
    background: #fda602;
    display: flex;
    border-radius: 50%;
    float: left;
    align-items: center;
    justify-content: center;
    position: relative;
    right: -40px;
    border: 7px solid #fff;
    z-index: 1;
}
.why-analytic-box:before {
    background: #fda602;
    margin: 0px 15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 95px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 95px;
    content: "";
    width: 100%;
    position: absolute;
    height: 200px;
    z-index: 0;
}
.why-analytic-content h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.why-analytic-image:before {
    content: "\f0da";
    position: absolute;
    color: #fda602;
    font-family: 'FontAwesome';
    right: -16px;
    font-size: 80px;
}
.why-analytic-box.any-box-2:before, .any-box-2 .why-analytic-image {
    background: #68cfcc;
}
.any-box-2 .why-analytic-image:before {
    color: #68cfcc;
}
.why-analytic-box.any-box-3:before, .any-box-3 .why-analytic-image {
    background: #0d667c;
}
.any-box-3 .why-analytic-image:before {
    color: #0d667c;
}
.why-analytic-box.any-box-4:before, .any-box-4 .why-analytic-image {
    background: #0f8bff;
}
.any-box-4 .why-analytic-image:before {
    color: #0f8bff;
}
.why-analytic-box.any-box-5:before, .any-box-5 .why-analytic-image {
    background: #fa40ac;
}
.any-box-5 .why-analytic-image:before {
    color: #fa40ac;
}
.why-analytic-box.any-box-6:before, .any-box-6 .why-analytic-image {
    background: #963cc3;
}
.any-box-6 .why-analytic-image:before {
    color: #963cc3;
}
.why-analytic-box.any-box-7:before, .any-box-7 .why-analytic-image {
    background: #38c922;
}
.any-box-7 .why-analytic-image:before {
    color: #38c922;
}
.why-analytic-box.any-box-8:before, .any-box-8 .why-analytic-image {
    background: #fbbe2f;
}
.any-box-8 .why-analytic-image:before {
    color: #fbbe2f;
}
.one-by-fourth {
    width: 25%;
    float: left;
}
.any-consulting-services h2.heading-rght {
    line-height: 32px;
    margin-bottom: 30px;
}
.hire-google-list li{
    line-height: 22px;
}
.one-by-six{
    width: 16%;
    float: left;
}
.any-consulting-box {
    width: 165px;
    display: flex;
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    text-align: center;
    float: left;
    z-index: 0;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    margin: 0px 15px 30px;
    position: relative;
    border: 8px solid #fda709;
    height: 165px;
    align-items: center;
    font-size: 14px;
    justify-content: space-around;
}
.any-consulting-box:before {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    top: 60px;
    right: -29px;
    font-size: 65px;
    color: #fda709;
    transform: rotate(-90deg);
}
.any-cons-6:before{
    display: none;
}
.any-consulting-box.any-cons-2{
    border-color:#67c9c5;
}
.any-consulting-box.any-cons-2:before{
    color:#67c9c5;
}
.any-consulting-box.any-cons-3{
    border-color:#5175bb;
}
.any-consulting-box.any-cons-3:before{
    color:#5175bb;
}
.any-consulting-box.any-cons-4{
    border-color:#a453a3;
}
.any-consulting-box.any-cons-4:before{
    color:#a453a3;
}
.any-consulting-box.any-cons-5{
    border-color:#fa40ac;
}
.any-consulting-box.any-cons-5:before{
    color:#fa40ac;
}
.any-consulting-box.any-cons-6{
    border-color:#fbbe2f;
}
.wp-service-title {
    background: #fff;
    text-align: center;
    padding: 20px;
    font-size:18px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #d03c90;
}
.wp-service-content p {
    font-size: 16px;
    text-align: center;
    padding: 25px;
    line-height: 26px;
}
.diverse-wp-servicebox .wp-service-content {
    background: linear-gradient(90deg, #bf1c8e 0%, #e74c9b 100%);
    color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
}
.wp-service-content:before {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: -16px;
    right: 0px;
    font-size: 65px;
    color: #d03c90;
    left: 0px;
    margin: 0px auto;
    text-align: center;
    z-index: -1;
}
.diverse-wp-servicebox {
    position: relative;
    z-index: 9;
    margin: 0px 15px 40px;
}
.diverse-wp-servicebox.ds-box-2 .wp-service-content {
    background: linear-gradient(90deg, #4db6ee 0%, #025ca8 100%);
}
.diverse-wp-servicebox.ds-box-3 .wp-service-content {
    background: linear-gradient(90deg, #47b0ad 0%, #048279 100%);
}
.diverse-wp-servicebox.ds-box-4 .wp-service-content {
    background: linear-gradient(90deg, #69aa21 0%, #006427 100%);
}
.diverse-wp-servicebox.ds-box-5 .wp-service-content {
    background: -webkit-linear-gradient(90deg, #ff5B94 0%, #8441a4 100%);
}
.diverse-wp-servicebox.ds-box-6 .wp-service-content {
    background: linear-gradient(90deg, #f28005 0%, #e33906 100%);
}
.diverse-wp-servicebox.ds-box-7 .wp-service-content {
    background: -webkit-linear-gradient(90deg, #d900ff 0%, #8800ff 100%);
}
.diverse-wp-servicebox.ds-box-8 .wp-service-content {
    background: -webkit-linear-gradient(90deg, #00f995 0%, #00abf3 100%);
}
.diverse-wp-servicebox.ds-box-9 .wp-service-content {
    background: -webkit-linear-gradient(90deg, #f9ea33 0%, #fbb33f 100%);
}
.diverse-wp-servicebox.ds-box-10 .wp-service-content {
    background: -webkit-linear-gradient(90deg, #01aaeb 0%, #2a3f90 100%);
}
.diverse-wp-servicebox.ds-box-2 .wp-service-content:before, .diverse-wp-servicebox.ds-box-2 .wp-service-title{
    color:#2a8cce;
}
.diverse-wp-servicebox.ds-box-3 .wp-service-content:before, .diverse-wp-servicebox.ds-box-3 .wp-service-title{
    color:#239791;
}
.diverse-wp-servicebox.ds-box-4 .wp-service-content:before, .diverse-wp-servicebox.ds-box-4 .wp-service-title{
    color:#348724;
}
.diverse-wp-servicebox.ds-box-5 .wp-service-content:before, .diverse-wp-servicebox.ds-box-5 .wp-service-title{
    color:#f75995;
}
.diverse-wp-servicebox.ds-box-6 .wp-service-content:before, .diverse-wp-servicebox.ds-box-6 .wp-service-title{
    color:#eb5c06;
}
.diverse-wp-servicebox.ds-box-7 .wp-service-content:before, .diverse-wp-servicebox.ds-box-7 .wp-service-title{
    color:#d600ff;
}
.diverse-wp-servicebox.ds-box-8 .wp-service-content:before, .diverse-wp-servicebox.ds-box-8 .wp-service-title{
    color:#00f49c;
}
.diverse-wp-servicebox.ds-box-9 .wp-service-content:before, .diverse-wp-servicebox.ds-box-9 .wp-service-title{
    color:#f9e634;
}
.diverse-wp-servicebox.ds-box-10 .wp-service-content:before, .diverse-wp-servicebox.ds-box-10 .wp-service-title{
    color:#03a6e7;
}
.wp-service-content {
    height: 270px;
}
.expertise-wordpress-block {
    width: 94%;
    float: left;
    display: flex;
    background: #016786;
    padding: 15px 20px;
    border-radius: 80px;
    align-items: center;
    margin: 0px 20px 30px;
}
.expertise-wordpress-block.exp-block-2 {
    background:#ffbb01;
}
.expertise-wordpress-block.exp-block-3 {
    background:#00aabc;
}
.expertise-wordpress-block.exp-block-4 {
    background:#ff8b1b;
}
.expertise-wordpress-block.exp-block-5{
    background:#01bf7f;
}
.expertise-wordpress-block.exp-block-6 {
    background:#ff415a;
}
.wp-exp-content {
    width: 80%;
    padding: 0px 20px;
}
.wp-exp-image {
    background: transparent;
    width: 120px;
    height: 120px;
    align-items: center;
    float: left;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
    border:12px solid #fff;
}
.expertise-wordpress-block p{
    margin-bottom: 0px;
}
.wp-exp-image img {
    width: 65px;
}
.expertise-wordpress-block h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.expertise-wordpress-block p {
    font-size: 16px;
    line-height: 24px;
}
.wp-exp-content{
    color: #fff;
}
.wp-aap-number-block {
    position: relative;
    background: #1571b9;
    width:65px;
    height:65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size:30px;
}
.wp-aap-number-block:before {
    position: absolute;
    background: #1571b9;
    width:77px;
    height:77px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto;
    content: "";
    z-index: -1;
    opacity: 0.8;
}
.wp-aap-number-block:after {
    position: absolute;
    background: #1571b9;
    width:95px;
    height:95px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px auto;
    content: "";
    z-index: -1;
    opacity: 0.6;
}
.wp-approch-box {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp-content-block {
    width: 89%;
}
.custom-wp-approach li {
    margin-bottom: 30px;
}
.wp-content-block h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.wp-content-block p {
    font-size:16px;
    line-height: 26px;
}
.why-squarespace-box-inner {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 20px;
    float: left;
    min-height: 290px;
}
.why-squarespace-box {
    margin: 0px 15px 30px;
    padding:20px;
    background: #fff;
    border-radius: 20px;
    float: left;
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.why-squarespace-box-inner h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.why-squarespace-image {
    float: left;
    width: 100%;
}
.why-squarespace-image.square-right img {
    text-align:right;
    float: right;
}
.why-squarespace-image img {
    text-align:left;
    margin-bottom: 20px;
}
.why-squarespace {
    position: relative;
}
.why-circle-box {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top:310px;
}
.why-circle-box h2 {
    font-size: 32px;
    position: absolute;
}
.sq-box-1 h4 {
    color: #00e9d6;
}
.sq-box-2 h4{
    color: #f209a0;
}
.sq-box-3 h4{
    color:#ffb945;
}
.sq-box-4 h4{
    color:#0c46b9;
}
.sq-step {
    width: 100px;
    height: 100px;
    background: #00efd5;
    position: absolute;
    padding: 15px;
    border-bottom-right-radius: 90px;
    left:0px;
    top:0px;
    border-top-left-radius: 20px;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
}
.sq-box-2 .sq-step {
    background: #f209a0;
    right: 0px;
    left: inherit;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;
}
.sq-box-3 .sq-step {
    background: #ffb945;
    right: inherit;
    left: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 90px;
    top: inherit;
    bottom: 0px;
    padding-top: 30px;
}
.sq-box-4 .sq-step {
    background: #0c46b9;
    right: 0px;
    left: inherit;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 90px;
    border-top-right-radius: 0px;
    top: inherit;
    bottom: 0px;
    padding-top: 30px;
}
.sq-box-1 h4, .sq-box-1 p , .sq-box-3 h4, .sq-box-3 p {
    padding-left: 70px;
}
.why-squarespace-box p{
    font-size: 16px;
}
.why-circle-box img {
    width: 300px;
}
.sq-feature-box {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    margin: 0px 15px;
    padding: 100px 45px;
    border-radius: 190px;
    text-align: center;
    height: 502px;
    position: relative;
    z-index: 99;
    background: #fff;
}
.squarespace-feature-inner {
    max-width: 82%;
    margin: 0px auto;
}
.sq-feature-box h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}
.sq-feature-box p {
    font-size: 16px;
    line-height: 26px;
}
.squarespace-feature-inner {
    max-width: 82%;
    margin: 0px auto;
    padding-top: 140px;
}
.sq-feature-step {
    background: #000;
    display: block;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    padding:35px 45px;
    border-radius: 190px;
    text-align: center;
    height: 502px;
    position: absolute;
    width: 84%;
    z-index: -1;
    left: 0px;
    right: 0px;
    top: -130px;
    margin: 0px auto;
}
.sq-feature-step.step-even {
    top: inherit;
    bottom:0px;
}
.sq-feature-box.center-box {
    top: -130px;
}
.sq-feature-step.step-one-box {
    background: #0077ac;
}
.sq-feature-step.step-even{
    background:#7e4a9d;
}
.sq-feature-step.step-two-box {
    background: #5353b7;
}
.sq-feature-step span span {
    font-size: 50px;
}
.sq-feature-step span {
    color: #fff;
    font-size: 20px;
    display: block;
    line-height: 40px;
}
.sq-feature-step.step-even>span {
    bottom: 39px;
    position: absolute;
    left: 0px;
    right: 0px;
}
.squarespace-service-box {
    background: #fff;
    margin: 0px 15px;
    overflow: hidden;
    border-radius: 70px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.squarespace-service-box h4 {
    font-size: 20px; 
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}
.squarespace-box-top h3 {
    background: #1571b9;
    display: flex;
    width: 120px;
    height: 120px;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    justify-content: center;
    font-size: 40px;
    color: #f1f1f1;
    border: 6px solid #fff;
    left: 62px;
    z-index: 9;
}
.squarespace-box-content {
    padding: 10px 30px;
}
.sq-space-2 .squarespace-box-top h3{
    background:#ff2e61;
}
.sq-space-3 .squarespace-box-top h3{
    background:#7654c6;
}
.squarespace-service-sctn .one-by-third:before {
    display: none;
}
.squarespace-box-top img {
    top: -10px;
    position: relative;
}
.sq-space-1 h4{
   color:#1571b9;
}
.sq-space-2 h4{
   color:#ff2e61; 
}
.sq-space-3 h4{
   color:#7654c6; 
}
.custom-space{
    margin-bottom: 50px;
}
.why-opencart-sctn li>div {
    display: flex;
    justify-content: space-between;
}
.open-list-number {
    width: 100px;
    height: 100px;
    background: #000;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 30px;
    color: #fff;
}
.open-list-content {
    width: 80%;
}
.why-opencart-sctn li:nth-child(1) {
    position: relative;
    width: 50%;
    float: right;
    padding: 30px 15px 0px;
}
.why-opencart-sctn li {
    position: relative;
    width: 50%;
    float: left;
    padding: 100px 15px 0px;
}
.why-opencart-sctn li:nth-child(1) .open-list-number {
    background: #2dc1cf;
}
.why-opencart-sctn li:nth-child(2) .open-list-number{
    background:#185570;
}
.why-opencart-sctn li:nth-child(3) .open-list-number {
    background: #f68f30;
}
.why-opencart-sctn li:nth-child(4) .open-list-number{
    background:#ec4758;
}
.why-opencart-sctn li:nth-child(5) .open-list-number {
    background: #f2b41e;
}
.why-opencart-sctn li:nth-child(6) .open-list-number{
    background:#1c5f8d;
}
.open-list-content h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.open-list-content p{
    font-size: 16px;
    line-height: 26px;
}
.why-opencart-sctn:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background: url(../images/step-bg.png);
    width: 50%;
    height: 830px;
    background-size: cover;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top:280px;
}
.why-opencart-sctn{
    position: relative;
}
.why-opencart-sctn li:nth-child(odd) .open-list-content {
    padding-left: 70px;
}
.why-opencart-sctn li:nth-child(even) .open-list-content {
    padding-right: 70px;
}
.why-opencart-sctn li:nth-child(2), .why-opencart-sctn li:nth-child(3){
    padding-top: 155px;
}
.why-opencart-sctn li:nth-child(4), .why-opencart-sctn li:nth-child(6){
    padding-top:25px;
}
.why-opencart-sctn li:nth-child(5){
    padding-top: 150px;
}
.why-opencart-sctn{
    padding:50px 0px 120px;
}
.why-opencart-sctn li:nth-child(1) .open-list-content h4 span {
    color: #2dc1cf;
}
.why-opencart-sctn li:nth-child(2) .open-list-content h4 span {
    color:#185570;
}
.why-opencart-sctn li:nth-child(3) .open-list-content h4 span {
    color:#f68f30;
}
.why-opencart-sctn li:nth-child(4) .open-list-content h4 span {
    color:#ec4758;
}
.why-opencart-sctn li:nth-child(5) .open-list-content h4 span {
    color:#f2b41e;
}
.why-opencart-sctn li:nth-child(6) .open-list-content h4 span {
    color:#1c5f8d;
}
.well-designing-sctn, .html-website-sctn, .html-css-develop, .why-needs-logo, .why-prof-sctn {
    padding: 50px 0px;
}
.well-known-box h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.well-designing-sctn .full-column{
    width: 100%;
    float: left;
}
.html-css-box-img {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: #1883f5;
    background: -webkit-linear-gradient(-45deg, #01aaeb 0%, #2a3f90 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    border:10px solid #fff;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -60px;
}
.html-css-box-img img {
    width:60px;
}
.html-css-box {
    background: -webkit-linear-gradient(-45deg, #01aaeb 0%, #2a3f90 100%);
    padding: 10px 15px;
    margin: 0px 15px 100px;
    border-radius:15px;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.html-css-box-shape img {
    width: 100%;
}
.html-css-box-step h4 {
    width: 80px;
    font-size: 30px;
    color: #fff;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    position: absolute;
    top: 100px;
    background: -webkit-linear-gradient(-45deg, #01aaeb 0%, #2a3f90 100%);
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.html-css-box-content {
    padding: 30px;
    box-shadow: inset 0px 0px 68px rgb(0 0 0 / 31%);
    border-radius: 15px;
    border: 2px solid #01aaeb;
    color: #fff;
    text-align: center;
    height: 232px;
}
.html-css-box-content p {
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}
.html-css-box-title  h4 {
    text-align: center;
    font-size: 18px;
    padding: 20px 0px;
    color: #fff;
}
.html-css-box-shape-b img {
    width: 100px;
}
.html-css-box-shape-b {
    display: flex;
    align-items: center;
    justify-content: center;
}
.html-bx-2.html-css-box , .html-bx-2 .html-css-box-img, .html-bx-2 .html-css-box-step h4{
    background: -webkit-linear-gradient(-45deg, #ff3e6a 0%, #b30b3f 100%);
}
.html-bx-2 .html-css-box-content{
    border-color:#eb305e;
}
.html-bx-3.html-css-box , .html-bx-3 .html-css-box-img, .html-bx-3 .html-css-box-step h4{
    background: -webkit-linear-gradient(-45deg, #ffc611 0%, #ff710d 100%);
}
.html-bx-3 .html-css-box-content{
    border-color:#ffc611;
}
.html-bx-4.html-css-box , .html-bx-4 .html-css-box-img, .html-bx-4 .html-css-box-step h4{
    background: linear-gradient(-45deg, #47b0ad 0%, #048279 100%);
}
.html-bx-4 .html-css-box-content{
    border-color:#47b0ad;
}
.html-bx-5.html-css-box , .html-bx-5 .html-css-box-img, .html-bx-5 .html-css-box-step h4{
        background: linear-gradient(-45deg, #bf1c8e 0%, #e74c9b 100%);
}
.html-bx-5 .html-css-box-content{
    border-color:#bf1c8e;
} 
.html-bx-6.html-css-box , .html-bx-6 .html-css-box-img, .html-bx-6 .html-css-box-step h4{
    background: linear-gradient(-45deg, #69aa21 0%, #006427 100%);
}
.html-bx-6 .html-css-box-content{
    border-color:#69aa21;
}   
.html-css-develop h2.custom-heading {
    margin-bottom: 80px;
}
.html-process{
    background: #221b26;
    padding: 50px 0px;
    text-align: center;
}
.html-process h2{
    color: #fff;
}
.prof-logo-step {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #0682ea;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    z-index: 36;
    top: -40px;
    margin-bottom: 20px;
    left: -10px;
}
.prof-logo-step:after {
    top: -7px;
    background: #05b7f1;
    width: 100px;
    height: 100px;
    position: absolute;
    content: "";
    border-radius: 50%;
    margin-left: -15px;
    z-index: -1;
}
.prof-logo-step:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    color: #0682ea;
    font-size: 40px;
    transform: rotate(35deg);
    bottom: 7px;
    position: absolute;
    right: 2px;
}
.prof-logo-box {
    background: #fff;
    margin: 0px 15px;
    padding: 30px;
    border-radius: 30px;
}
.prof-logo-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.prof-logo-box {
    text-align: center;
    background: linear-gradient(90deg, #05b7f1 0%, #0682ea 100%);
    margin: 0px 15px;
    padding:20px;
    border-radius: 30px;
    position: relative;
}
.prof-logo-inner {
    text-align: center;
    background: #fff;
    padding: 60px 20px 20px;
    border-radius: 30px;
    height: 345px;
}
.prof-logo-box p{
    font-size: 16px;
    line-height: 24px;
}
.prof-logo-box.prof-box-2{
    background: linear-gradient(90deg, #69aa21 0%, #006427 100%);
}
.prof-box-2 .prof-logo-step:after{
   background:#69aa21;
}
.prof-box-2 .prof-logo-step{
   background:#006427;
}
.prof-box-2 .prof-logo-step:before{
    color:#006427;
}
.prof-logo-box.prof-box-3{
    background: linear-gradient(90deg, #47b0ad 0%, #048279 100%);
}
.prof-box-3 .prof-logo-step:after{
   background:#47b0ad;
}
.prof-box-3 .prof-logo-step{
   background:#048279;
}
.prof-box-3 .prof-logo-step:before{
    color:#048279;
}
.prof-logo-box.prof-box-4{
        background: linear-gradient(90deg, #e74c9b 0%, #bf1c8e 100%);
}
.prof-box-4 .prof-logo-step:after{
   background:#e74c9b;
}
.prof-box-4 .prof-logo-step{
   background:#bf1c8e;
}
.prof-box-4 .prof-logo-step:before{
    color:#bf1c8e;
}
.prof-logo-inner img {
    margin-bottom: 10px;
}
.prof-logo-box {
    margin-top: 50px;
}
.creative-heading{
    margin-bottom: 20px;
}
.why-corporate-identity {
    background: url(../images/why-corp-bg.png);
    background-repeat: no-repeat;
}
.corporate-identity-inner h2 {
    font-size: 40px;
    text-transform: capitalize;
    line-height: 50px;
    color: #fff;
    margin-bottom:10px;
}
.corporate-identity-inner {
    padding: 50px 0px 100px;
    max-width: 60%;
    margin: 0px auto;
}
.corporate-identity-inner p{
    color:#fff;
}
img.arc-image {
    position: absolute;
    width: 220px;
    right:20px;
    top:90px;
    z-index: -1;
}
.manual-right {
    width:60%;
    float: left;
}
.manual-left {
    position: relative;
    width: 40%;
    float: left;
    text-align: center;
    padding-top:135px;
}
.manual-left h3 {
    position: absolute;
    top: 55%;
    left: 0px;
    right: 0px;
    color: #3a9abf;
    font-size: 24px;
    line-height: 30px;
}
.manual-right li h4 {
    font-size: 18px;
    color: #fff;
    font-weight:400;
}
.manual-right li p{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
    color: #fff;
}
.manual-right li:before {
    content: "";
    background: url(../images/line-c.png);
    position: absolute;
    left: -45px;
    width: 74px;
    height: 29px;
    background-repeat: no-repeat;
    top: 40px;
    z-index: -1;
}
.manual-right li {
    position: relative;
    background: #7e58ad;
    padding: 7px 40px;
    border-radius: 50px;
    margin-bottom: 20px;
    color: #fff;
}
.manual-right li:nth-child(2){
    background:#48489a;
    left: -35px;
}
.manual-right li:nth-child(3){
    background:#42a3c5;
}
.manual-right li:nth-child(4){
    background:#f59730;
    left: -35px;
}
.manual-right li:nth-child(5){
    background:#6db74d;
    left: -130px;
}
.manual-left img.circle-i {
    width: 320px;
}
.manual-right li:nth-child(1){
    left: -130px;
}
.manual-right li:nth-child(5):before {
    content: "";
    background: url(../images/line-c.png);
    position: absolute;
    left: -35px;
    width: 74px;
    height: 29px;
    background-repeat: no-repeat;
    top:10px;
    transform: rotate(45deg);
}
.manual-right li:nth-child(1):before {
    content: "";
    background: url(../images/line-c.png);
    position: absolute;
    left: -35px;
    width: 74px;
    height: 29px;
    background-repeat: no-repeat;
    top: 80px;
    transform: rotate(-25deg);
}
.identity-manual.bg-grey {
    position: relative;
    z-index: 0;
}
.manual-right li:nth-child(2):before {
    top: 35px;
    z-index: -1;
    transform: rotate(-23deg);
}
.manual-right li:nth-child(4):before {
    top: 21px;
    z-index: -1;
    transform: rotate(23deg);
    left: -30px;
}
.ui-ux-figure svg {
    width: 150px;
}
.ui-ux-figure, .ui-ux-content h4{
  text-align: center;
}
.ui-ux-content h4{
   margin-bottom: 15px;
   font-size: 18px;
}
.ui-ux-content p{
    font-size: 16px;
    line-height:24px;
}
.ui-ux-content {
    background: #fff;
    padding: 110px 30px 30px;
    height: 280px;
    box-shadow: 6px 6px 23px rgb(0 0 0 / 10%);
}
.ui-ux-figure img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 45px;
}
.ui-ux-figure {
    position: relative;
    bottom: -90px;
}
.ui-ux-box {
    padding: 0px 15px;
}
.ui-ux-approch li {
    width: 51%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}
.ui-ux-approch li:nth-child(odd) {
    float:right;
}
.ui-ux-app-fig {
    width: 20%;
    float: right;
    position: relative;
}
.ui-ux-approch-c {
    width: 80%;
    float: left;
    padding: 20px 60px;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    background: #f2f2f2;
}
.ui-ux-app-fig svg {
    transform: rotate(330deg);
}
.ui-ux-approch-c p{
    margin-bottom: 0px;
    font-size: 16px;
}
.ui-ux-approch-c:before {
    content: "\f0d9";
    font-family: 'FontAwesome';
    font-size:264px;
    position: absolute;
    left: -54px;
    top: 65px;
    color: #f2f2f2;
}
.ui-ux-app-fig svg {
    width: 152px;
    top: -9px;
    position: absolute;
    right: 13px;
}
.ui-ux-approch-c h4{
    font-size: 18px;
}
.ui-ux-approch li:nth-child(even) .ui-ux-approch-c {
    float: right;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:45px;
    border-bottom-right-radius:45px;
}
.ui-ux-approch li:nth-child(even) .ui-ux-app-fig {
    width: 20%;
    float: left;
}
.ui-ux-approch li:nth-child(even) .ui-ux-app-fig svg {
    width: 152px;
    top: -9px;
    position: absolute;
    right: inherit;
    left: 13px;
}
.ui-ux-approch li:nth-child(even) .ui-ux-approch-c:before {
    left: inherit;
    right: -54px;
    transform: rotate(180deg);
}
.ui-ux-approch li:nth-child(even) .ui-ux-app-fig img {
    z-index: 9;
    position: absolute;
    left: 50px;
    right: 0px;
    margin: 0px auto;
    top: 35px;
}
.ui-ux-approch li:nth-child(odd) .ui-ux-app-fig img {
    z-index: 9;
    position: absolute;
    left:-60px;
    right: 0px;
    margin: 0px auto;
    top: 35px;
}
.providing-ui h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.providing-ui p {
    font-size: 16px;
    margin-bottom: 5px;
}
.providing-list-figure img {
    width: 50px;
}
.providing-list-figure {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid #59ccf1;
    border-radius: 50%;
    background: #fff;
}
.providing-left, .providing-center, .providing-right {
    width: 33.33%;
    float: left;
    position: relative;
}
.providing-list-content {
    width: 70%;
    float: left;
}
.providing-left li:nth-child(1) {
    right: -80px;
}
.providing-list li {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 15px;
    min-height: 130px;
}
.providing-right li .providing-list-content {
    width: 70%;
    float:right;
}
.providing-center img {
    width: 90%;
}
.providing-center {
    padding-top:65px;
}
.ui-ux-heading {
    position: absolute;
    left: 0px;
    right: 0px;
    font-size: 40px;
    margin: 0px auto;
    text-align: center;
    top: 230px;
    color: #ff4299;
}
.providing-center {
    padding-top: 65px;
    text-align: center;
}
.providing-right li:nth-child(1) {
    left: -70px;
}
.providing-right li:nth-child(3) {
    left: -25px;
}
.providing-left li:nth-child(3) {
    right: -40px;
}
.providing-ui p {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 22px;
}
.providing-center li .providing-list-content {
    width: 100%;
    float: left;
}
.providing-center .providing-list-figure img {
    width: 50px;
}
.providing-center .providing-list-figure {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid #7e49ff;
    border-radius: 50%;
    background: #fff;
    margin: 0px auto 15px;
}
.providing-left li:nth-child(1) .providing-list-figure {
    border-color: #ff752f;
}
.providing-left li:nth-child(2) .providing-list-figure {
    border-color:#ff4299;
}
.providing-left li:nth-child(3) .providing-list-figure {
    border-color:#d145fd;
}
.providing-right li:nth-child(1) .providing-list-figure {
    border-color:#23c88e;
}
.providing-right li:nth-child(2) .providing-list-figure {
    border-color:#2adaf6;
}
.providing-right li:nth-child(3) .providing-list-figure {
    border-color:#3185ff;
}