@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

.com-cal-2-action{



}

.action-btn{

    margin-top: 33px;

}

.action-btn a{

    background-color: #391c3a;

    padding: 10px 20px 10px 20px;

    border-radius: 20px;

    color: #fff;

}

.action-btn a:hover{

    background-color: #000;

}

.mysection-imgbg{

    padding-top: 50px;

    padding-bottom: 50px;

    background-color: #f9f9f9; 

    background-size: 425px; 

    background-repeat: no-repeat;

    /* background-position: 968px 109px; */

}

.mysection-agency{

   background-image: url(../images/home-bg4.jpg);

    background-repeat: no-repeat;

   background-size:cover;

  

}





.my-media{

    padding: 30px 16px!important;

}

.com-cal-2-action h2{

    color: #000000;

}

.com-cal-2-action p{

    color: #391c3a;

}

.img-logo{

    width: 221px;

    margin-top: -19px;

}

.banner-text{

    text-align: left;

}

.small-text{

    font-size: 19px;

    color: #8a8787;

}

.medium-text{

    font-size: 45px;

    color: #fff;

    line-height: 45px;

}

/*.dropdown li a{

    padding-top: 7px;

    padding-bottom: 7px;

    font-size:12px !important;

}*/

.footer-title{

    font-size:19px;

    font-weight: 100;

    /*color:#ffca01;*/

}

.footer-links{

   margin-left: -38px;

    list-style: none; 

}

.footer-links li a{

    color: #b5b5b5;

    font-size: 15px;

}

.footer-links li a:hover{

    color: #ffca01;

    font-size: 15px;

}

.footer-links li{

    margin-bottom: 9px;

}

.section-header{

    text-align: center;

}

.section-header h3 {

     font-size: 45px!important;

    color: #000000;

    text-align: center;

   /* font-weight: 600;*/

    position: relative;

    line-height: 45px;

	margin-top:0px!important;

	    margin-bottom: 20px;

}

.section-header p {

    text-align: center;

    margin: auto;

    font-size: 18px;

    padding-bottom: 20px;

    color: #556877;

    width: 80%;

}

.firstbox1 ul li {

    list-style: none;

}

.firstbox1 ul {

    display: inline-flex;

    padding-left: 0px;

}

.firstbox1 ul li h3 {

    font-size: 23px;

    color: #212d31;

    line-height: 28px;

    text-align: right;

}

.firstbox1 ul li p {

    font-size: 13px;

    text-align: right;

    line-height: 19px;

    margin-top: -10px;

    color: #000;

}

.firstbox2 ul li {

    list-style: none;

}

.firstbox2 ul {

    display: inline-flex;

    padding-left: 0px;

}

.firstbox2 ul li h3 {

    font-size: 23px;

    color: #212d31;

    line-height: 28px;

    text-align: right;

}

.firstbox2 ul li p {

    font-size: 13px;

    text-align: right;

    line-height: 19px;

    margin-top: -10px;

    color: #000;

}

.firstbox3 ul li {

    list-style: none;

}

.firstbox3 ul {

    display: inline-flex;

    padding-left: 0px;

}

.firstbox3 ul li h3 {

    font-size: 23px;

    color: #212d31;

    line-height: 28px;

    text-align: left;

}

.firstbox3 ul li p {

    font-size: 13px;

    text-align: left;

    line-height: 19px;

    margin-top: -10px;

    color: #000;

}

.firstbox4 ul li {

    list-style: none;

}

.firstbox4 ul {

    display: inline-flex;

    padding-left: 0px;

}

.firstbox4 ul li h3 {

    font-size: 23px;

    color: #212d31;

    line-height: 28px;

    text-align: left;

}

.firstbox4 ul li p {

    font-size: 13px;

    text-align: left;

    line-height: 19px;

    margin-top: -10px;

    color: #000;

}

.firstbox1{

        margin-top: 26px;

}

.firstbox1 ul li img{

    margin-left: 20px;

    margin-top: 12px;

}

.firstbox2 ul li img{

    margin-left: 20px;

    margin-top: 12px;

}

.firstbox3{

   margin-top: 33px;

}

.firstbox3 ul li img {

    margin-right: 20px;

    margin-top: 12px;

}

.firstbox4 ul li img {

    margin-right: 20px;

    margin-top: 12px;

}



/*===========================*/

/*css for home testimonial */

.testimonial_subtitle{

    color: #fff;

    font-size: 12px;

}

  .testimonial_btn{

    background-color: #373d4b !important;

    color: #fff !important;

 }

 .seprator {

    height: 2px;

    width: 56px;

    background-color: #0aaa7a;

    margin: 7px 0 10px 0;

    display: inline-block;

}

/* END css for home testimonial */

.section-bg {

    background: #ececec;

    padding: 50px 0 60px 0;

    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

}

#services .box:hover {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

}

#services .box {

    padding: 30px;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

    margin: 0 10px 40px 10px;

    background: #fff;

    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);

    transition: all 0.3s ease-in-out;

}

#services .title {

    margin-left: 40px;

    font-weight: 700;

    margin-bottom: 15px;

    font-size: 21px;

}

#services .title a {

    color: #111;

}

#services .box:hover .title a {

    color: #562857;

}

#services .description {

    font-size: 14px;

    margin-left: 40px;

    line-height: 24px;

    margin-bottom: 0;

}

.offset-lg-1 {

    margin-left: 8.333333%;

}

#services .icon i {

    font-size: 64px;

    line-height: 1;

    transition: 0.5s;

    margin-left: -25px;

}

#services .icon {

    /*position: absolute;*/

    left: -10px;

    top: calc(50% - 32px);

}

.section2-right{

        text-align: center;

}

.section2-right>img{

        width: 363px;

}

.style-box{

    background-color: #391c3a;

    width: 56px;

    height: 92px;

    box-shadow: 0 5px 10px 0 rgba(0,0,0,.06);

    display: block;

}

.section-padding{

    padding-top: 50px;

    padding-bottom: 50px;

}





/* Contact-Us Page CSS*/

.add-contact h2,.Phone-contact h2,.email-contact h2 {

    color: #562857;

    font-weight: 500;

    font-size: 27px;

}

section#intro-page-title {

    background-image: url(../images/banners/page-title-bg1.jpg);

    text-align:center;

    background-size: cover;

}

section#intro-page-title h1 {

    color: #fff;

    font-size: 42px;

    padding: 45px 0px 5px 0px;

    text-align:center;

}

.form-control{

    height: 50px;

    border: none;

}

.form-group{

    padding-right: 0px; 

    margin-bottom: 5px!important;

}



[type=submit], button {

    background-color: #ee323c;

    color: #ffff;

    border: none;

    float: right;

    font-size: 15px;

    padding: 10px;

    width: 20%;

    /*border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;*/

	 border-radius: 5px;

}

.newsletter [type=submit], button {

    background-color: #ee323c;

    color: #ffff;

    border: none;

    float: right;

    font-size: 15px;

    padding: 10px;

    width: 20%;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}

}

.india-loc{

    padding: 46px 53px 26px 51px;

    overflow: hidden;

    border-radius: 10px;

    margin: 0 10px 40px 10px;

    background: #fff;

    box-shadow: 0 10px 67px 0 rgba(68, 88, 144, 0.1);

    transition: all 0.3s ease-in-out;

    margin-top: -50px;

}

.icon {

    display: inline-block;

    font-size: 81px;

    z-index: 9999;

    color: #000;

    margin-left: 10px;

}

h3.location-title {

    margin-top: -61px;

    padding-left: 60px;

}

.india-main:hover .icon i{

    color: #a90404 !important;

    transform: translateX(10px);

}

.india-main:hover .location-title{

    color: #500452;

    transform: translateX(10px);

}

.contac-details ul{

    list-style: none;

    padding-left: 0;

    margin-top: 22px;

}

.contac-details ul li{

    display: inline-flex;

    font-size: 18px;

    color: #391c3a;

}

.contac-details ul li img{

    width: 40px;

    margin-top: -17px;

    margin-left: 7px;

    height: 48px;

}

.find-in-map{

    margin-left: 67px;

}

.modal-open .modal{

    background-color: #391c3a99;

}

/*sub menu*/

.submenu {

    display: none;

    position: absolute;

    background: #ffffff;

    width: 290px;

    min-height: 308px;

    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

    transition: ease all 0.3s;

    top: 0;

    left: calc(100% - 30px);

}

.submenu li {

  background: #ffffff;

}

.submenu li a{

    margin-left: -20px;

    padding-left: 0px !important;

        

}

ul.dropdown li:hover .submenu {

  display: block;

}

.nav .dropdown .submenu > a::after {

    content: "\f105";

    position: absolute;

    right: 15px;

}

/**/

.navbar-nav li ul.dropdown1 {

    width: 185px;

    display: none;

    position: absolute;

    z-index: 999;

    left: 0;

    padding-left: 0px;

    padding: 10px 0;

    background: #fff;

    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

    transition: ease all 0.3s;

}

.navbar-nav li:hover ul.dropdown1{

        display: block;	/* Display the dropdown */

    }

.navbar-nav li ul.dropdown1 li{

    display: block;

    padding-top: 6px;

    padding-bottom: 6px;

}

.dropdown1 li a {

    padding-top: 7px;

    padding-bottom: 7px;

    font-size: 12px !important;

}

/**/

/**/

.navbar-nav li ul.dropdown2 {

    width: 206px;

    display: none;

    position: absolute;

    z-index: 999;

    left: 0;

    padding-left: 0px;

    padding: 10px 0;

    background: #fff;

    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

    transition: ease all 0.3s;

}

.navbar-nav li:hover ul.dropdown2{

        display: block;	/* Display the dropdown */

    }

.navbar-nav li ul.dropdown2 li{

    display: block;

    padding-top: 6px;

    padding-bottom: 6px;

}

.dropdown2 li a {

    padding-top: 7px;

    padding-bottom: 7px;

    font-size: 12px !important;

}

.submenu2 {

    display: none;

    position: absolute;

    background: #ffffff;

    width: 225px;

    min-height: 180px;

    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

    transition: ease all 0.3s;

    top: 0;

    left: calc(100% - 9px);

}

.submenu2 li {

  background: #ffffff;

}

.submenu2 li a{

    margin-left: -20px;

    padding-left: 0px !important;

        

}

ul.dropdown2 li:hover .submenu2 {

  display: block;

}

.nav .dropdown2 .submenu2 > a::after {

    content: "\f105";

    position: absolute;

    right: 15px;

}

/**/

/**/

.navbar-nav li ul.dropdown4 {

    width: 254px;

    display: none;

    position: absolute;

    z-index: 999;

    left: 0;

    padding-left: 0px;

    padding: 10px 0;

    background: #fff;

    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

    transition: ease all 0.3s;

}

.navbar-nav li:hover ul.dropdown4{

        display: block;	/* Display the dropdown */

    }

.navbar-nav li ul.dropdown4 li{

    display: block;

    padding-top: 6px;

    padding-bottom: 6px;

}

.dropdown4 li a {

    padding-top: 7px;

    padding-bottom: 7px;

    font-size: 12px !important;

}

/**/

/*css for about us page*/

.aboutus-content {

   /* padding-left: 62px;

    padding-right: 25px;*/

}

.aboutus-content p {

    text-align: justify;

    color: #444;

    font-family: "Open Sans", sans-serif;

    display: block;

    font-size: 17px;

    line-height: 28px;;

}

.aboutsec2-content p{

    text-align: justify;

    color: #444;

    font-family: "Open Sans", sans-serif;

    display: block;

    font-size: 17px;

    line-height: 28px;

}

.section-title{

    margin-bottom:50px;

    text-align: center;

}

.section-title h1{

    font-size: 45px;

    text-align: center;

    line-height: 67px;

    color: #562857;

    display: inline-block;

    position: relative;

}

.section-title h1:after{

    content: "";

    position: absolute;

    width: 19%;

    height: 1px;

    bottom: 0;

    left: 41%;

    border-bottom: 6px solid #212020;

}

.section-padding1{

    margin-top: -49px;

    padding-bottom: 50px;

}

.trusted-img{

    text-align:center;

}

.trusted-img ul{

   list-style: none; 

       margin-left: -40px;

}

.trusted-img ul li{

    display: inline-flex;

    margin-left: 30px;

}

.footer-address h3{

    font-size: 20px;

    font-weight: 100;

     /*color: #ffca01;*/

}



.footer-address p{

    color:#b5b5b5;

}

.footer-copyright p{

   color:#b5b5b5;

   font-size: 12px;

}

.footer-address>.phone{

    font-size: 18px;

    color:#b5b5b5;

}

.footer-address>.email{

    font-size: 18px;

    color:#b5b5b5;

}

.footer-follow-title{

    font-size: 19px;

    color: #fff;

    font-weight: 100;

    margin-left: 12px;

    margin-bottom: 0px;

}

.newsletter input{

    height: 40px;

    border: 0px;

    /*width: 245px;*/

    width: 80%;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

	    background: #cccccc36!important;

}

.newsletter input[type=submit]{

    width: 30%;

    background-color: #d00d0d;

    float: none;

    height: 41px;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}

.newsletter h3{

        font-size: 22px;

    color: #FFF;

    margin-bottom: 15px;

}

.top-header{

    background-color: #562857;

    color: #fff;

        height: 36px;

}

.top-header>.col-md-6>.left{

    font-size: 17px;

    padding-top: 8px;

    padding-bottom: 10px;

    padding-left: 28px;

}

.top-header>.col-md-6>.right{

    font-size: 17px;

    padding-top: 2px;

    padding-bottom: 10px;

    margin-right: 33px;

    float: right;

}

/*css for home client*/

/*#clients .client-logo {

    padding: 64px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-right: 1px solid #d6eaff;

    border-bottom: 1px solid #d6eaff;

    overflow: hidden;

    background: #fff;

    height: 160px;

}*/



#clients1 .client-logo {

    padding: 60px 0px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

   /* border-right: 1px solid #d6eaff;

    border-bottom: 1px solid #d6eaff;*/

    overflow: hidden;

    background: #fff;

    height: 80px;

}

#clients1 img {

    transition: all 0.4s ease-in-out;

    /*width:200px!important;*/

}

.img-fluid {

    max-width: 100%;

    height: auto;

}

#clients1 .clients-wrap {

   /* border-top: 1px solid #d6eaff;

    border-left: 1px solid #d6eaff;*/

    margin-bottom: 30px;

}

.no-gutters>.col, .no-gutters>[class*=col-] {

    padding-right: 0;

    padding-left: 0;

}

#clients1 .client-logo:hover img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



#clients .client-logo {

    padding: 60px 0px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    /*border-right: 1px solid #d6eaff;

    border-bottom: 1px solid #d6eaff;*/

    overflow: hidden;

    background: #fff;

    height: 80px;

}

#clients img {

    transition: all 0.4s ease-in-out;

    width:180px!important;

    /*-webkit-filter: grayscale(100%);

    filter: grayscale(100%);*/  

}

#clients img:hover {

    transition: all 0.4s ease-in-out;

    width:180px!important;

    /*-webkit-filter: grayscale(0%);

    filter: grayscale(0%);*/

}

.img-fluid {

    max-width: 100%;

    height: auto;

}

#clients .clients-wrap {

   /* border-top: 1px solid #d6eaff;

    border-left: 1px solid #d6eaff;*/

    margin-bottom: 30px;

}

.no-gutters>.col, .no-gutters>[class*=col-] {

    padding-right: 0;

    padding-left: 0;

}

#clients .client-logo:hover img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}

/*End*/

.section2-left-btn a{

    background-color: #562857;

    border-radius: 100px;

    color: #fff;

    font-size: 10px;

    font-weight: bold;

    letter-spacing: 1px;

    text-transform: uppercase;

    padding: 13px 22px;

    margin-top: 42px;

    transition: all 0.4s ease-in-out;

}

.section2-left-btn{

   margin-top: 31px;

    float: right; 

}

.client-page>.client-logo img{

    filter: gray;

    -webkit-filter: grayscale(1);

    -webkit-transition: all .5s ease-in-out;

    /*width: 160px;*/

}

.client-page>.client-logo img:hover{

    filter: none;

    -webkit-filter: grayscale(0);

    -webkit-transform: scale(1.01);

}

.Retail-Ecommerce h2{

	font-size: 18px;

	/*color:#FFF;*/

}

.Retail-Ecommerce h2 a{

    color:#000!important;

}

.Retail-Ecommerce img{

	margin: auto;

    width: 70px;

}

.Retail-Ecommerce{

	text-align: center;

    /*margin-top: 50px !important;*/

    border-radius: 16px;

    padding: 20px 14px;

    margin-left: -10px;

    margin-bottom: 0px;

}

.Retail-Ecommerce:hover{

	/*box-shadow: 8px 11px 11px rgba(0,0,0,.1);*/

}

.process1{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process2{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process3{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process1 img{

    width: 75px;

    margin-left: 40px;

}

.process2 img{

    width: 75px;

    margin-left: 40px;

}

.process3 img{

    width: 75px;

    margin-left: 40px;

}

.process4 img{

    width: 75px;

    margin-left: 40px;

}

.process5 img{

    width: 75px;

    margin-left: 40px;

}

.process6 img{

    width: 75px;

    margin-left: 40px;

}

.process7 img{

    width: 75px;

    margin-left: 40px;

}

.process8 img{

    width: 75px;

    margin-left: 40px;

}

.process4{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process5{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process6{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process7{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.process8{

	background-color: #fff;

    text-align: center;

    padding: 12px;

    color: #000;

	border-radius: 10px;

}

.shape.one {

    color: #ececec;

}

.shape {

    position: relative;

    border-style: solid;

    border-width: 0px 22px 48px 21px;

    float: right;

    height: 0px;

    width: 0px;

    border-radius: 18px 1212px 11px 224px;

    transform: rotate(540deg);

    left: 15px;

    top: -13.7px;



}

.shape-text {

    position: relative;

    white-space: nowrap;

    left: 137px;

    color: #562857;

    overflow: hidden;

    font-size: 14px;

    top: -5px;

    font-weight: 900;

}

.Process-title {

    text-align: center;

    /*padding-bottom: 32px;*/

}

.webdev-section1{

    margin-top: 33px;

    margin-bottom: 33px;

}

.webdev-section1-left{

    margin-top: 51px;

    text-align: justify;

}

.webdev-section2-one h1{

    font-size: 35px;

    color: #283d50;

    font-weight: 500;

    position: relative;

    margin-bottom: 16px;

}



.webdev-section2-one p{

    

}

.general-h1-title h1{

    font-size: 36px;

    color: #000;

    font-weight: 500;

    position: relative;

    margin-bottom: 16px;

}

/*css for boxes*/

.diffrent-box {

    border: 1px solid #ccc;

    padding: 10px;

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

    margin-bottom: 15px;

    min-height: 354px;

}

.diffrent-box:hover {

    background: #f7f7f7;

    border-color: #fff3f3;

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

}

.diffrent-box h4 {

    position: var(--position-rel);

    margin-bottom: 30px;

    font-family: var(--text-font);

    font-weight: 600;

    text-transform: var(--uppercase);

    font-size: 21px;

    color: #383737;

    line-height: 27px;

    text-align:center;

}

.text-break {

    display: block;

}

.diffrent-box p {

    font-size: 15px;

    padding: 0px 9px;

}

.diffrent-box figure {

    margin-bottom: 0;

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

}

.diffrent-box h4:before {

    position: var(--position-absolute);

    bottom: -13px;

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

    width: 27%;

    background: #fabc00;

    height: 4px;

    content: ' ';

    left: 0;

    right: 0;

}

*:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.diffrent-box:hover h4:before {

    background: #198be0;

    width: 37%;

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

}

.diffrent-box:hover figure {

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

    margin-right: 70px;

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

}

.Expertise{

   /* background-color: #562857;*/

   background:url(../images/webdevelopment/bg1.jpg);

    /*padding: 29px 0px;*/

    padding:60px 0px 80px 0px;

}

.general-h1-title-cnter-white h1{

    color:#fff;

    text-align:center;

    font-size: 36px;

    font-weight: 500;

    position: relative;

    margin-bottom: 16px;

}

.service-colom {

    position: relative;

    cursor: pointer;

    border-right: 1px solid #65646466;

    margin: 16px 0;

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    border-width: 1px;

    padding: 10px;

    z-index: 9;

    min-height: 384px;

    text-align: center;

}

.service-colom:hover{

    background-color:#00000026;

}

.service-colom h3 {

    font-size: 15px;

    font-weight: 500;

    color: #ffffff;

    margin: 20px 0;

    text-transform: uppercase;

}

.services-section .service-colom:after, .services-section .service-colom:before {

    position: var(--position-absolute);

    width: 100%;

    content: ' ';

    left: 0;

    top: 0;

}

.services-section .service-colom:before {

    background: rgba(68,68,68,.1607843137254902);

    height: 1px;

}

.service-colom:after {

    background: #5b5b5b;

    height: 100%;

    -webkit-transition: var(--animation-time);

    -o-transition: var(--animation-time);

    transition: var(--animation-time);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    z-index: -1;

}

.footeraction-tilte{

    text-align: center;

    margin-bottom: 40px;

}

.footeraction-tilte h2{

    color:#ee323c;

}

.footeraction-tilte p{

    color:#585858;

}

.formleft{

    text-align:right;

}

.form-check label{

    font-weight: 500;

    font-size: 15px;

}

.form-check input[type=checkbox]{

    width: 25px;

    height: 15px;

}

input, select, textarea{

    width:80%;

}

.description-text{

    text-align: center;

    background-color: #f7f7f7;

    padding: 35px;

    /*border: 1px dashed #2f3a50;*/

}

.description-text:hover{

   color: #fff;

    background: #2f3a50;

}

.description-text:hover p{

    color:#fff;

}

.description-text h2{

    font-size: 21px;

}

.ecommerce{

    background: #f7f7f7;

}

.ecommer-description-row{

   margin-top: 20px;

   margin-bottom: 20px; 

}

.ecommerce-list span{

    display: inline-block;

    background-color: #562857;

    padding: 7px;

    border-radius: 54px;

    width: 30px;

    height: 30px;

    color: #fff;

    margin-right: 9px;

}

.ecommerce-list p{

    display: inline;

}

.ecommerce-list{

    margin-top: 20px;

    margin-bottom: 25px;

}

.ecommerce-right-img img{

    width: 519px;

}

.whyus-ecommerce{

    background-image:url('../images/icons/bg-ecommerce.jpg');

    padding-top: 50px;

    padding-bottom: 50px;

    background-repeat: no-repeat;

    background-size: cover;

}

.choose-content{

    text-align:center;

}

.choose-content ul {

    /*border-top: 1px solid #ebebeb;*/

    margin-bottom: 105px;

    list-style: none;

}

.choose-content li {

    width: 50%;

    padding: 40px 57px;

    position: relative;

    border-right: 1px solid #ebebeb;

    /*border-bottom: 1px solid #ebebeb;*/

}

.d-flex {

    display: -ms-flexbox;

    display: flex;

}

.flex-wrap {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.choose-content li strong {

    font-size: 17px;

    font-weight: 600;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    display: block;

    margin-bottom: 14px;

    text-transform: uppercase;

}

.choose-content li p{

    color: #eee;

}

.ecommerce-title h3{

    color:#fff !important;

    margin-bottom: 31px;

}

.choose-content ul li img{

    margin-bottom: 24px;

}

.section1-appdevelp-img1 img{

    width: 593px;

}

.section1-appdevelp-para1{

  text-align: justify;

  margin-top: 83px;  

}

.mytop-margin{

    margin-top:36px;

}

.icon-list-mobileapp-devlop h3 span img{

    width: 44px;

    margin-right: 15px;

}

.mobile-pplication-bg{

    background-image:url('../images/mobile-app/mobile-app-development-india-bg.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    color: #fff;

}

.light-text h3{

    color:#fff !important;

}

.section2-appdevep-text p{

    color:#d4d4d4 !important;

}

.icon-list-mobileapp-devlop p{

    color:#d4d4d4 !important;

}

.ecommerce-list-left{

      margin-top: 77px;  

}

.section1-mangento-develp-para1{

    text-align: justify;

    margin-top: 48px;

}

.section1-mangento-develp-img1 img{

    width: 440px;

}

.footerform-horizontal-gap{

    margin-bottom: 0px;

}

textarea.form-control {

    height: 115px!important;

}

.magento-section2{

   background-color:#eee; 

}

.magento-services-box{

   background: #fff;

    padding: 31px 28px 0px 0px;

    min-height: 359px;

    margin-top: 20px;

    margin-bottom: 20px;

    border: 1px dashed #717070;

}

.magento-services-box ul{

    display: inline-flex;

    list-style: none;

}

.magento-services-box-img{

        padding: 0px 25px 0px 0px;

}

.magento-services-box-img img{

        width: 96px;

}

.magento-services-box-text h2{

    font-size: 20px;

}

.magento-services-box-text-inside-list{

    list-style: disc!important;

    display: initial !important;

}

.section3-magento-img img{

    width: 289px;

}

.section3-magento-img{

    text-align: center;

}

.section1-wordpress-develp-img1{

    text-align:center;

}

.section1-wordpress-develp-para1{

    text-align: justify;

}

.wordpress-bg{

    background-image:url('../images/wordpress/wordpress-bg.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    color: #fff;

}

ul.hire-team-process {

    width: 100%;

    float: left;

    padding: 40px 0;

    list-style: none;

}

ul.hire-team-process li .title-area {

    display: block;

    float: left;

    width: 100%;

    font-size: 18px;

    color: #fff;

    text-align: center;

    padding: 23px 25px 0;

    line-height: 1.3;

    font-weight: 600;

}

ul.hire-team-process li .sub-title-area {

    display: block;

    float: left;

    width: 100%;

    font-size: 15px;

    color: #d0d0d0;

    text-align: center;

    padding-top: 15px;

    line-height: 1.4;

}

ul.hire-team-process li .thumb-area {

    display: block;

    height: 127px;

    width: 127px;

    float: none;

    margin: 0 auto;

    border-radius: 50%;

    transition: all .5s;

}

ul.hire-team-process li.step1 .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat 26px 22px #303241;

}

ul.hire-team-process li.step1:hover .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat 26px -104px #562857;

}

ul.hire-team-process li.step2 .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat -143px 22px #303241;

}

ul.hire-team-process li.step2:hover .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat -143px -104px #562857;

}

ul.hire-team-process li.step3 .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat -310px 22px #303241;

}

ul.hire-team-process li.step3:hover .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat -310px -104px #562857;

}

ul.hire-team-process li.step4 .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat -474px 22px #303241;

}

ul.hire-team-process li.step4:hover .thumb-area {

    background: url(../images/wordpress/hire-icons-sprite.png) no-repeat -474px -104px #562857;

}

.light-text p {

    color: #fff !important;

    width: 87%;

}

.boxes {

    margin: 30px auto;

    padding: 0 43px;

    text-align:center;

}

.icons-circles img {

    max-width: 80px;

    image-rendering: auto;

    vertical-align: middle;

}

.icons-circles {

    border: 2px solid #562857;

    width: 130px;

    height: 130px;

    border-radius: 50%;

    display: inline-block;

}

.icons-circles::before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    float: none;

    height: 100%;

}

.boxes>.h3 {

    font-size: 21px;

    font-family: poppins,sans-serif;

    line-height: 22px;

    color: #562857;

    margin: 20px auto;

    font-weight: 600;

}

.codeigneter-bg{

    background: url(../images/codeigniter/carHire_panel_bg.jpg) no-repeat;

        background-size: cover;

}

.list-codinater{

    

}

.codeigneter-col-left{

    background: #000000ad;

    padding: 37px 19px; 

    color: #fff;

}

.mycodeigneter-box{

    border: 1px dashed #fff;

    padding: 10px 20px 3px 20px;

    margin-bottom: 20px;

}

.mycodeigneter-box:hover{

    background-color: #05c5ff94;

}

.mycodeigneter-box p{

    color:#fff;

}

.codeigneter-col-left h2 span{

    color:#fbb03b;

}

.mycodeigneter-text{

    padding: 35px 25px 35px 25px;

    background: #fffffff0;

    text-align: center;

    margin: 109px 32px;

}

.mycodeigneter-text img{

    width: 69px;

}

.mycodeigneter-text p{

    

}

.section1-codeigniter-develp-para1{

    padding: 52px 41px;

    text-align: justify;

}

.last-section-bottom-bg:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 92px;

    background: url(../images/codeigniter/btm-ftr-bg.png) left bottom repeat-x;

    animation: ftrBgMove 100s infinite linear;

    background-size: cover;

}

.section3-laravel-img img {

    width: 445px;

}

.section1-php-develp-img1{

        text-align: center;

}

.section3-php-img img {

    width: 289px;

    margin-top: 16px;

}

.php-list {

    margin-top: 10px;

    margin-bottom: 10px;

}

.php-list span {

    display: inline-block;

    background-color: #562857;

    padding: 7px;

    border-radius: 54px;

    width: 30px;

    height: 30px;

    color: #fff;

    margin-right: 9px;

}

.php-list p {

    display: inline;

    color:#fff;

}

.php-bg{

     background: url(../images/php/phpbg1.jpg) no-repeat;

}

.section3-php-img{

  background-color: #ffffff9e;

    border-radius: 100%;

    width: 339px;

    height: 335px;

    text-align: center;

}

.footerform-horizontal-gap>.col-md-6>.form-group input{

    width:100%;

    height: 50px;

    border: none;

    /*border-radius: 4px;*/

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background: #eaeaea;

   /* border: 1px solid #CCC;*/

}

.seo-section1-left h6{

   font-size: 17px;

    line-height: 21px;

    font-style: italic;

    color: #4e4e4e; 

}

.seo-section1-left p{

   text-align: justify;

    font-style: initial; 

}

.seo-section1-right{

    text-align:center;

}

.seo-setion2{

   background: url(../images/seo/seoContentBg.png) no-repeat;

   background-size: cover;

}

a.et_pb_more_button::after {

    text-shadow: 0 0;

    font-family: ETmodules!important;

    font-weight: 400;

    font-style: normal;

    font-variant: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 1;

    text-transform: none;

    speak: none;

}

.et_pb_button::after{

    position: absolute;

    margin-left: -1em;

    opacity: 0;

    text-shadow: none;

    font-size: 32px;

    font-weight: 400;

    font-style: normal;

    font-variant: none;

    line-height: 1em;

    text-transform: none;

    content: "\35";

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    transition: all .2s;

}

.et_pb_button{

      background-color: #562857;

    color: #fff;

    padding: 12px 15px 12px 15px; 

}

.seo-btn{

 margin-top: 26px;

}

.seo-setion2-text ul{

    float: left;

    list-style: none;

    /*margin: 22px 0 24px;*/

    padding: 0px;

    /*columns: 2;

    -webkit-columns: 2;

    -moz-columns: 2;*/

}

.seo-setion2-text ul li{

    padding-left: 25px;

    color: #FFF;

    float: left;

    font-family: OpenSansRegular;

    font-size: 17px;

    margin: 0 2% 10px 0;

    padding: 0 0 5px 20px;

    width: 100%;

    position: relative;

    cursor: text;

}

.seo-setion2-text ul li::after {

    background-image: url(../images/seo/liTick.png);

    /*background-position: center center;*/

    background-repeat: no-repeat;

    border: medium none;

    height: 18px;

    width: 15px;

}

.seo-setion2-text ul li::after {

    content: "";

    left: 0px;

    position: absolute;

    top: 10%;

    width: 100%;

}



.testi-symbol button{

  float: initial;

}

.testimonial_control>.btn{

    padding: 8px 11px;

    font-size: 9px;

}

.testimonial{

	padding-top: 60px;

    padding-bottom: 60px;

    background-color: #351135;

    /*background-image: url(../images/home-bg5.jpg);*/

    /*background-repeat: no-repeat;

    background-position: center top;*/

	background-size:cover;

	

}

.testimonial span{

	font-weight:800;

}

.testimonial-h4>h4>strong{

    color: #fff;

}

.testimonial_para{

   color: #fff; 

}



.powerhouse-row{

    text-align:center;

    margin-top: 42px;

}

.Powerhouse img{

    width: 61px;

}

.Powerhouse h2{

    font-size: 21px;

    font-weight: 600;

    margin-top: 17px;

    color: #fff;

}

.Powerhouse p{

    color: #fff;

}

.powerhouse-btn{

  text-align:center;

  margin-top: 55px;

}

.powerhouse-btn a{

    padding: 15px 31px 15px 31px;

    border: 2px solid #fff;

    border-radius: 35px;

    color: #fff;

}

.powerhouse-btn a:hover{

        border: 2px solid #947c03;

}

.powerhouse-section{

    background-image: url(../images/home-images/power_bg.jpg); 

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff;

}

.home-section-startup p{

   color: #fff;

font-size: 17px;   

}

.drive-sales{

    /*background-color: #fff; */

    background: url(../images/dot-bg.png);

}

.our-clients>.oc img{

    width: 138px;

}

.our-clients-view-all{

    text-align: center;

    margin-top: 24px;  

}

/*.our-clients-view-all a{

    background-color: #ff433c;

    color: #ececec;

    padding: 9px 12px 9px 12px;

    border-radius: 16px; 

}*/

.our-clients-view-all a {

    background-color: #ee323c;

    color: #ffffff;

    padding: 10px 35px;

    border-radius: 16px;

    /*border: 2px solid #27193f;*/

    border-radius: 0px;

}

.our-clients-view-all a:hover{

    background:#373e5b;

    color:#FFF;

}

.our-clients{

   margin-top: 40px; 

}



/*slider-testimo css*/

.packages-slider {

    flex-direction: row;

}

.packages-slider {

    display: flex;

    align-items: center;

    margin-top: 30px;

    margin-bottom: 24px;

}

.package-wrapper {

    transition: 0.5s flex ease-in-out;

    margin: 0 5px 30px;

    border-radius: 5px;

    height: 25em;

    max-height: 450px;

    position: relative;

    overflow: hidden;

    background-color: #333333;

    background-size: cover;

    background-position: center center;

}

.package-wrapper:before {

    content: '';

    background-color: rgba(20,22,45, .5);

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

}

.py-5 {

    padding-bottom: 3rem!important;

    padding-top: 3rem!important;

}

.px-4 {

    padding-left: 1.5rem!important;

    padding-right: 1.5rem!important;

}

.package-wrapper .before {

    width: 100%;

    max-width: 400px;

    opacity: 1;

    z-index: 2;

    position: relative;

}

.homespic.testiic1 {

    background-position: -136px -177px;

    min-width: 35px;

    height: 35px;

}

.homespic {

    background-image: url(../images/clients/homesprite.png);

    display: inline-block;

    position: relative;

}

.fweight1 {

    font-weight: 100;

}

.text-white {

    color: #fff!important;

}

.package-wrapper:hover .before {

    display: block;

    width: 100%;

    max-width: 400px;

    opacity: 1;

    z-index: 2;

}

.homespic.startsetic5 {

    background-position: -0px -177px;

    min-width: 91px;

    height: 18px;

}

@media only screen and (min-width: 1024px)

{

.packages-slider .package-wrapper:first-child {

    margin-left: 0px;

}

.package-wrapper {

    flex: 1;

    height: 30vw;

    margin: 0 5px;

}

.package-wrapper:hover div.before {

    top: 50px;

    opacity: 1;

}

.package-wrapper div.before {

    position: absolute;

    opacity: 0;

    transition: ease .8s all 0s;

    -webkit-transition: ease .8s all 0s;

    top: 40%;

    left: 30px;

}

.package-wrapper div.after {

    position: absolute;

    bottom: 30px;

    left: 30px;

    -webkit-transition: ease .8s all 0s;

    top: 70%;

    left: 30px;

}

.package-wrapper:hover {

    flex: 3;

}

}

/*---------------------------------------*/



.freeaudit-text{

    text-align:center;

}

.freeaudit-text p{

  color: #fff;

    margin-top: 20px;  

}

.freeaudit-btn a{

   background-color: #0000007a;

    color: #fff;

    padding: 10px 15px 10px 15px;

    border-radius: 8px; 

}

.freeaudit-btn{

      margin-top: 24px;  

}

.top-header>.right{

   background-color: #ffe002;

    width: 151px;

    height: 36px; 

}

.right>.right-inner{

    margin-top: 8px;

    margin-bottom: 7px; 

}

.right-inner a{

    padding: 10px 0px 10px 0px;

    color: #000;

}



.services-newbox-inner{

    text-align:center;

}

.services-newbox-inner h1{

    font-size: 18px;

}

.services-newbox-inner p{

    

}

#careers-bg{

    background-image: url(../images/banners/careers-bg.jpg);

    min-height: 400px;

    background-size: cover;

}

.careers-bg-h1 h1{

    color:#fff;

    text-align:center;

}

.careers-bg-h1{

   padding: 115px 78px 115px 100px;

}

.inputfile-box {

    position: relative;

}

.inputfile-box label {

    margin-bottom: 0;

    width: 100%;

}

.inputfile-box .file-box {

    display: inline-block;

    width: 100%;

    border: 1px solid #B3B5BB;

    padding: 5px 0px 5px 5px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 46px!important;

}

.mega-menu-col-title a{

  font-size: 19px !important; 

  color: #000;

}

.breadcrumb {

    text-align: center;

}

.testimonial h2 {

    font-size: 31px;

    font-weight: 300!important;

    margin-top: 0px!important;

	font-family: 'Raleway', sans-serif!important;

}

/*------mobile code--------*/

@media (max-width: 450px) {

	.page-social-links a{

	float:left;

	margin-right:10px;

	width:32px!important;

	height:32px!important;

}

	.leadership-follow{

	color:#000;

	font-size:20px;

	font-weight:600;

    margin-right: 45px!important;

	margin-left: 0px!important;

}

	.page-social-links {

    margin-left: 0px!important;

}

	.mysection-agency img{

		display:none;

	}

	.audit-link {

    display: inline-block;

    padding: 10px 25px;

    font-size: 18px;

    color: #FFF;

    /* text-transform: uppercase; */

    overflow: hidden;

    z-index: 1;

    position: relative;

    transition: all 0.3s ease 0s;

    background: #ee323c;

}

.testimonial p {

    font-size: 15px;

    margin-top: 0px;

	margin-bottom:20px;

}

	.my-media .media-body {

    display: table-cell!important;

	text-align:left;

	}

	.my-media .media-left {

    display: table-cell;

    /* vertical-align: top; */

    /* text-align: center; */

}

.my-media .media-right{

    display: table-cell;

    /* vertical-align: top; */

    /* text-align: center; */

}

em{

	margin:20px 0px;

}

	.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 2px!important;

    border: 1px solid transparent;

}

		.social-tittle{

	margin-left:0px!important; 

}

.contact_lists ul {

    list-style-type: none;

	margin-left:-40px!important;

}

.page-social-links{

	text-align:center!important;

	    margin-left: 35px!important;

}

.page-social-links img{

	float:left;

	margin-right:10px;

	width:32px!important;

	height:32px!important;

}

.team1 .media {

    background: #ffffff none repeat scroll 0 0;

    padding: 10px 10px;

    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

    height: 530px!important;

}

	.top-head-link li {

    list-style-type: none;

    float: left;

    margin-right: 0px!important; 

}

.team .media {

    background: #ffffff none repeat scroll 0 0;

    padding: 10px 10px;

    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);

    height: 440px!important; 

}

.media-body {

    width: auto!important;

    padding-top: 10px;

    text-align: center; 

    font-size: 14px!important;

}

.media-body p{

	font-size:14px!important;

}

.media-left, .media-right, .media-body {

    display: inline-block!important; 

    vertical-align: top;

}

.banner-btn .btn-default{

	display:none!important;

}

.iconbox{

    background: #ffffff;

    padding: 40px 20px;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    /*height: 300px!important;*/

}

.top-head-link{

	display:none!important;

}

.certificates img{

	width:140px;

}

.left {

        line-height: 35px;

    font-size: 9px;

    /* margin-left: -20px; */

    margin-right: 0px!important;

    text-align: center;

    font-size: 13px!important;

}

.testimonial h2 {

    font-size: 23px;

    font-weight: 300!important;

    margin-top: 0px!important;

	font-family: 'Raleway', sans-serif!important;

}

.testimonial h2 span{

	font-size: 23px;

    font-weight: 7 00!important;

    margin-top: 0px!important;

}

.testimonial h2 span:hover{

	font-size: 25px;

    font-weight:700!important;

    margin-top: 0px!important;

	color:#FFF;

}

.top-header {

    background-color: #562857;

    color: #fff;

    height: auto;

}

.banner-btn{

	text-align:center;

    display: inline-block;



}

.talk-btn{

	background: #ffca01!important;

    border: 2px solid #ffca01;

    border-radius: 100px;

    color: #1a0027!important;

    font-size: 15px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    padding: 10px 35px;

    margin-top: 42px;

    transition: all 0.4s ease-in-out;

    width: auto!important;

    float: left;

	margin-left:0px!important;

	text-align:center;

}

    .social-icon{

          margin-top: 0px;

    }

	.footer-bot-pay img {

    width: 60px!important;

    margin-bottom: 15px;

}

    .newsletter input[type=submit]{

        width: 20%;

    }

    .newsletter input{

        width: 80%;

    }

    .social-icon li a{

    font-size: 18px;

    width: 32px!important;

    height: 32px!important;

    line-height: 30px!important;

    margin: 14px 5px 8px 7px!important;

    }

    .footer-copyright p{

        font-size: 12px;

    }

    

    .medium-text{

         font-size: 24px;

    line-height: 30px;

    }

    .banner-text {

        text-align: center;

        margin-top: -72px;

        margin-bottom: -21px;

    }

    .small-text {

        font-size: 17px;

    }

	a.btn-social, .btn-social {

    border-radius: 50%;

    color: #ffffff !important;

    display: inline-block;

    height: 36px!important;

    line-height: 36px!important;

    margin: 8px 4px;

    text-align: center;

    text-decoration: none;

    transition: background-color .3s;

    webkit-transition: background-color .3s;

    width: 36px!important;

    font-size: 20px;

}

.social-links img{

	width:36px!important;

}	  

}

.industries{

    padding-top: 50px;

    padding-bottom: 50px;

	background-image: url(../images/home-bg5.jpg);  

    /* background-color: #f9f9f9; */

    /*background-image: url(../images/footerbgp.jpg);*/

    background-size: cover; 

    /* background-repeat: no-repeat; */

    /* background-position: 968px 109px; */

}

.industries h3{

    /*color:#FFF;*/

}

.industries p{

   /* color:#FFF;*/

}

.Process-title h2{

        font-size: 45px;

		color: #FFF;

	    line-height: 35px;

		margin-bottom: 15px;

}

.home-section-startup h6{

	font-size:18px;

}

.media-body h3{

  font-size: 23px;

}

.my-media>.media{

    margin-top: -10px;

	display:flex;

}



.footer-bot{

	    margin-left: -15px;

}

.testi-btn a{

	color: #FFF;

    font-weight: 700;

    letter-spacing: 2px;

}

.testi-btn i{

	color: #FFF;

    font-weight: 700;

	margin-right:5px;

}

.testi-btn1 a{

	color: #FFF;

    font-weight: 700;

    letter-spacing: 2px;

}

.testi-btn1 i{

	color: #FFF;

    font-weight: 700;

	margin-right:5px;

}

.testimonial-mid{

	margin:0px 40px;

	color:#FFF!important;

	font-size:20px;

	    letter-spacing: 1px;

}

.testimonial-mid:hover{

	margin:0px 40px;

	color:#FFF!important;

	font-size:20px;

	    letter-spacing: 1px;

}

.testi-btn{

background: #db7803!important;

	padding: 10px 20px!important;

	border: 1px solid #FFF!important;

	border-radius: 6px!important;

	font-size: 20px!important;

	line-height: 30px!important;

	color:#FFF!important;

	margin-bottom: 20px!important;

}

.testi-btn:hover{

background: #b96200!important;



}



.testimonial h2{

font-size: 44px;

font-weight:300!important;

margin-top:0px!important;  

}

.testimonial p{

font-size:20px;

margin-top:15px;

}

.testi-btn1{

	background:transparent;

	padding: 10px 20px!important;

	border: 1px solid #FFF!important;

	border-radius: 6px!important;

	font-size: 20px!important;

	line-height: 30px!important;

	color:#FFF!important;

	margin-top: 20px!important;

}





/*date 26 sep 2020*/



.top-process img {

    width: 1000px;

}

.process-title1 h2{

    margin-left: -2%;

    text-align: center;

    margin-top: -22px;

}

.process-title2 h2{

   margin-left: 37%;

    text-align: center;

    margin-top: -193px;

    position: absolute;

}

.top-process {

    text-align: center;

    margin-top: 63px;

}

.analysis-circle p{

    border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 19px;

    border-radius: 86px;

    font-size: 29px; 

    background: #f6f6f6; 

}

.analysis-circle {

    position: absolute;

    margin-left: 237px;

    margin-top: -88px;

}

.analysis-circle h3{

    position: absolute;

    margin-top: -41px;

    margin-left: -89px;

    font-size: 17px !important;

}

.Interface-circle p{

    border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px; 

    background: #f6f6f6; 

}

.Interface-circle {

    position: absolute;

    margin-left: 357px;

    margin-top: -198px;

}

.Interface-circle h3{

    position: absolute;

    margin-top: -55px;

    margin-left: -125px;

    font-size: 17px !important;

    text-align: right;

}



.sketching-circle p{

    border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px; 

    background: #f6f6f6; 

}

.sketching-circle {

    position: absolute;

    margin-left: 541px;

    margin-top: -249px;

}

.sketching-circle h3{

   margin-top: -96px;

    margin-left: -79px;

    font-size: 17px !important;

}



.editing-circle p{

    border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px; 

    background: #f6f6f6; 

}

.editing-circle {

    position: absolute;

    margin-left: 866px;

    margin-top: -87px;

}

.editing-circle h3{

   position: absolute;

    margin-top: -47px;

    margin-left: 66px;

    font-size: 17px !important;

}



.prototype-circle p{

    border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px; 

    background: #f6f6f6; 

}

.prototype-circle {

    position: absolute;

    margin-left: 742px;

    margin-top: -197px;

}

.prototype-circle h3{

   position: absolute;

    margin-top: -56px;

    margin-left: 69px;

    font-size: 17px !important;

}

.bottom-process{

   text-align: center;

}

.bottom-process img{

    width: 1000px;

}



.design-references-circle{

	position: absolute;

    margin-left: 239px;

    margin-top: -191px;

}

.design-references-circle p{

    border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 19px;

    border-radius: 86px;

    font-size: 29px;

    background: #f6f6f6;

}

.design-references-circle h3{

	margin-top: -52px;

    margin-left: -116px;

    font-size: 17px !important;

    text-align: right;

    margin-right: 107px;

}

.Graphic-circle{

	position: absolute;

    margin-left: 357px;

    margin-top: -87px;

}

.Graphic-circle p{

	border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px;

    background: #f6f6f6;



}

.Graphic-circle h3{

	margin-top: -40px;

    margin-left: -92px;

    font-size: 17px !important;

    text-align: right;

    margin-right: 107px;

}

.animation-circle{

	position: absolute;

    margin-left: 541px;

    margin-top: -36px;

}

.animation-circle p{

	border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px;

    background: #f6f6f6;

}

.animation-circle h3{

	margin-top: 2px;

    margin-left: -63px;

    font-size: 17px !important;

}

.guidelines-circle{

	position: absolute;

    margin-left: 743px;

    margin-top: -87px;

}

.guidelines-circle p{

	border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px;

    background: #f6f6f6;

}

.guidelines-circle h3{

	margin-top: -43px;

    margin-left: 68px;

    font-size: 17px !important;

    text-align: left;

    margin-right: 107px;

    position: absolute;

}

.review-circle{

	position: absolute;

    margin-left: 866px;

    margin-top: -190px;

}

.review-circle p{

	border: 3px solid #50175e;

    color: #000;

    display: inline-block;

    padding: 10px 15px;

    border-radius: 86px;

    font-size: 29px;

    background: #f6f6f6;

}

.review-circle h3{

	margin-top: -50px;

    margin-left: 68px;

    font-size: 17px !important;

    text-align: left;

    margin-right: 107px;

    position: absolute;

}

.our-ux-ui-process{

background-color: #f6f6f6;

}

.our-ux-ui-process1{

    background-color: #f6f6f6;

    padding-top: 6px;

    padding-bottom: 80px;

}