@charset "utf-8";
/* CSS Document */
/*font imported*/
@import url("font-stylesheet.css");
/* gernal css */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
  font-family: 'montserratregular';
}
button:focus {
  outline: none;
}
a,
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none !important;
}
html,
body,
table,
th,
td,
tr,
tbody,
thead,
thead,
tfoot,
dl,
dt,
dd,
div,
em,
strong,
b,
i,
sub,
sup,
ul,
ol,
li,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
a,
abbr,
acronym,
address,
big,
small,
cite,
code,
del,
dfn,
font,
ins,
kbd,
q,
s,
samp,
strike,
fieldset,
form,
label,
legend,
caption,
main,
section,
header,
footer,
aside,
hgroup {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
::-webkit-input-placeholder {
  color: #000000;
  font-size: 10px;
}
:-moz-placeholder {
  color: #000000;
  font-size: 10px;
}
::-moz-placeholder {
  color: #000000;
  font-size: 10px;
}
:-ms-input-placeholder {
  color: #000000;
  font-size: 10px;
}
body {
  font-size: 14px;
}
strong,
b {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
#recharge-payments input {
  width: 100%;
  padding: 8px;
}
textarea {
  width: 100%;
  resize: none;
}
select {
  width: 100%;
}
img {
  max-width: 100%;
  vertical-align: bottom;
  border: none;
}
ul li,
ol li {
  list-style: none;
}
.wrapper,
main,
.container {
  margin: auto;
  width: auto;
}
main:after,
.wrapper:after,
footer:after,
header:after,
.container:after {
  content: "";
  display: block;
  clear: both;
}
input:focus {
  outline: none;
}
h1 {
  font-size: 36px;
  margin: 30px 0;
}
h2 {
  font-size: 30px;
  margin: 20px 0;
}
h3 {
  font-size: 24px;
  margin: 15px 0;
}
h4 {
  font-size: 18px;
  margin: 10px 0;
}
h5 {
  font-size: 14px;
  margin: 10px 0;
}
h6 {
  font-size: 12px;
  margin: 5px 0;
}
/*=====================style css==========*/
/*------index----*/
/*------------header----------*/
.navbar {
  background-color: #ffebdd;
  color: #ff6600;
}
.navbar-brand {
  width: 10%;
}
.navbar li a {
  color: #ff6600;
  font-weight: 700;
}
/*------------slider----------*/
.slide-img img {
  opacity: 0.4;
}
.slide-text h3 {
  text-align: center;
  color: #ff6600;
  font-weight: 700;
}
.slide-text h3 .txt-blue {
  color: #2f2f70;
  font-weight: 700;
}
.slide-text .slider-avail {
 color: #2f2f70;
    text-align: left;
    border-left: 2px solid #ff6600;
    padding-left: 5px;
    position: relative;
    padding-top: 10px;
}
.slide-text .slider-avail:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0%;
    background: url(../images/about-expert-who-bg.png);
    height: 100%;
    background-size: 17%;
    background-repeat: no-repeat;
    background-position: 52px 6px;
}
.slide-text img {
  width: 45%;
}
.btn-1 {
  background-color: #ff6600;
  color: #fff;
  margin-top: 10px;
  border-radius: 10px;
  position: relative;
}
.btn-1:before {
    content: '';
    position: absolute;
    left: -6px;
    right: -6px;
    background: #fff;
    top: -6px;
    border-radius: 10px;
    display: inline-block;
    bottom: -6px;
    z-index: -1;
    border: 1px solid #ff6600;
}
/*----mission vision -----*/
#mission-vision .mission .mission-p {
  background-color: #ffebdd;
  color: #2f2f70;
  font-weight: 500;
  padding: 5px 20px;
  margin: 20px 0px;
}
#mission-vision .mission  .vision-p {
  background-color: #c3c3e2;
  color: #2f2f70;
  font-weight: 500;
  padding: 5px 20px;
  margin: 20px 0px;
}
.missionvisionbg{
  background: #c3c3e2;
  color: #2f2f70;
  font-size: 24px;
  font-weight: 600;
  padding: 0px;
}
.missionvisioncolor {
    background: #ffebdd;
    color: #2f2f70;
  font-size: 24px;
  font-weight: 600;
  padding: 0px;
}
.missionvisioncolor div, .missionvisionbg div{
  top:30%;
 text-align: center;
 font-weight: 600;
}
.missionvisioncolor p, .missionvisionbg p{
     writing-mode: vertical-rl;
    text-align: center;
    opacity: 0.4;
    padding: 10px 0px;
    font-size: 41px;
    line-height: 44px;
}
/* -------choose us section---------- */
#chooseus {
  background-color: #d3d3e5;
  color: #2f2f70;
}
#chooseus .choose-head {
  width: 20%;
  padding: 0px 2px;
  font-weight: 700;
  -webkit-box-shadow: 0px 5px 3px 0px rgba(105, 104, 104, 0.75);
  -moz-box-shadow: 0px 5px 3px 0px rgba(105, 104, 104, 0.75);
  box-shadow: 0px 5px 3px 0px rgba(105, 104, 104, 0.75);
  position: relative;
  z-index: 2;
}
#chooseus .choose-head h5 {
  margin: 0px;
  font-weight: 700;
}
.choose-div {
  padding-bottom: 10px;
  width: 85%;
}
.choose-section {
  color:#2f2f70;
}
.choosehead{
  font-size: 25px;
}
.droparrow {
  width: 0;
  height: 0;
  border-bottom: 20px solid #2f2f70;
  border-left: 20px solid transparent;
  bottom: 0;
  right: 0;
}
.quality-assurance {
  font-family: 'montserratbold';
  top: 5%;
}
.easy-assistance {
  font-family: 'montserratbold';
  top: 40%;
  left: 10%;
}
.skilled-experts {
  font-family: 'montserratbold';
  top: 65%;
}
.choose-div p{
  font-size: 11px;
}
/* -------offer---------- */

#offer,
#offer a {
  color: #2f2f70;
  font-size: 16px;
}
#offer .offer-bg {
  background: linear-gradient(
    353deg,
    rgba(255, 235, 221, 0) 0%,
    rgba(255, 235, 221, 1) 100%
  );
}
#offer .offer-detail {
  background-color: #ff6600;
  height: 265px;
  border-radius: 10px;
  position:relative;
}
#offer .offer-detail:after {
    content: '';
    padding: 12px;
    background: #662900;
    position: absolute;
    opacity: 0.7;
    bottom: 0%;
    left: -30%;
    filter: blur(13px);
    z-index: -1;
    transform: skew(68deg, 1deg);
    width: 100%;
    height: 10%;
    border-radius: 100%;
}
#offer .offer-detail ul {
  padding: 30px 10px;
  background: linear-gradient(90deg, #ffffffa3, transparent);
}
#offer .offer-detail ul li {
     font-family: 'montserratregular';
    position: relative;
    padding-left: 10px;
    font-size: 14px;
}
#offer .offer-detail ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #2f2f70;
  top: 25%;
  display: inline-block;
  left: -5%;
  transform: rotate(45deg);
}
#offer .contact-para {
  padding: 20px 0px;
  font-size: 16px;
}
#offer .contact-para .offer-contact {
     background-color: #2f2f70;
    color: #d3d3e5;
    padding: 10px 15px;
}
#offer .circle-offer {
     width: 50px;
    padding: 10px 10px;
    top: 9px;
    height: 50px;
    background-color: #d3d3e5;
    border-radius: 100%;
    left: 60%
}

/*----------footer--------*/
footer .upper_footer {
  background-color: #2f2f70;
  padding: 20px;
}
footer .upper_footer li a i {
  color: #d3d3e5;
  font-size: 20px;
  padding: 10px 5px;
}
footer .upper_footer li {
  padding: 10px;
}
footer .upper_footer li a {
  color: #d3d3e5;
  padding: 5px;
}
footer .upper_footer hr {
  height: 1px;
  width: 30%;
  margin: auto;
  color: #d3d3e5;
}

footer .bottom_footer {
  background-color: #ffb07b;
  color: #2f2f70;
  padding: 10px;
}
footer .bottom_footer p {
  font-weight: 700;
}
/*----about us------*/

/*about heading----*/
#about-heading h1.text-end {
  border-left: 25px solid #ffebdd;
  font-size: 45px;
  color: #ff9a55;
  padding: 35px 20px;
  font-weight: 600;
}
/*===about expert sec=====*/
#about-experts{
      background-image: url('../images/exp-bg.png');
    background-size: cover;

}
#about-experts .exp-head .exp-heading:after {
    content: 'Our Experts';
    font-size: 55px;
    position: absolute;
    opacity: 0.5;
    top: 35%;
    z-index: -1;
    left: -2%;
    color: #ffe5d4;
}

#about-experts .exp-head .exp-heading {
    color: #ff9a55;
    padding: 30px 0px;
}
#about-experts .exp-prsn img{
      padding: 10px;
    border: 2px solid;
    border-image-source: linear-gradient( 
307deg
 , #fffdfc, #ffc096);
    border-image-slice: 1;
    height: 191px;
}
#about-experts .exp-prsn .degination-exp {
        background: #ff9a55;
    color: white;
    width: 80%;
    transform: skewX(-45deg);
    margin-left: 100px;
    position: relative;
    margin-top: 25px;
}
#about-experts .exp-prsn .degination-exp:before {
    content: 'Swati Malik';
    position: absolute;
    bottom: 155%;
    transform: skewX( 45deg);
    color: #ff9a55;
    background: #fff;
    margin-left: 0px;
    width: 100%;
    left: -35%;
}
#about-experts .exp-prsn .degination-exp.ux-des:before {
    content: 'D Arjun ';
  }
#about-experts .exp-prsn .degination-exp.net-head:before {
    content: 'Reetu Rao ';
  }
#about-experts .exp-prsn .degination-exp:after{
     content: url(../images/exp-name-bg.png);
    position: absolute;
    bottom: 98%;
    z-index: -1;
    margin-left: 0px;
    left: -46%;
    transform: skewX(45deg);
}
#about-experts .exp-prsn .degination-exp .anti-skrew {
    transform: skewX( 45deg);
}
#about-experts .who-box .outer-circle {
      border-radius: 100%;
    border: 1px solid;
    width: 120%;
    border-color: #000066;
    height: 60%;
    margin: 36px 0px;
    padding: 20px;
}
#about-experts .who-box .inner-circle {
    border-radius: 100%;
    border: 2px dashed;
    width: 100%;
    border-color: #ff9a55;
    height: 100%;
    padding: 36px;
    text-align: center;
}
#about-experts .who-box .inner-text {
    transform: rotate(-25deg);
    font-family: 'montserratbold';
    font-size: 25px;
    color: #000066;
    filter: drop-shadow(2px 2px 0px #b9b9b9);
}

#about-experts .who-box .who-detail-box {
    background: url(../images/who-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    margin: 85px 0px 00px;

}
#about-experts .who-box .who-detail-box .who-head {
    margin-left: 165px;
    background: linear-gradient( 45deg, #fffdfc, #ffc096);
    width: 20%;
    color: #4f4f95;
    font-family: 'montserratbold';
    text-align: center;
    border-radius: 25px;
}
#about-experts .who-box .who-detail-box p{
      margin-left: 60px;
    color: #fff;
    font-size: 20px;

}
#about-experts .who-box .who-detail-box .who-head h2{
  margin-top: 0px;
}
/*------about-having-sec-----*/
#about-having-sec {
  background-color: #4f4f95;
  color: #d3d3e5;
}
#about-having-sec .having-border h1 {
  padding: 35px;
  border: 1px solid;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  font-weight: 600;
  margin: 15px 0px;
  font-size: 45px;
}
#about-having-sec .having-border h1:after {
  content: "";
  width: 30px;
  height: 30px;
  background: #d3d3e5;
  border-radius: 50%;
  position: absolute;
  top: 35%;
  left: -10%;
}
#about-having-sec .having-border h1:before {
  content: "";
  width: 30px;
  height: 30px;
  background: #d3d3e5;
  border-radius: 50%;
  position: absolute;
  top: 35%;
  right: -10%;
}
#about-having-sec .having-border p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  padding-bottom: 25px;
}
#about-having-sec .having-head h1 {
  line-height: 190px;
  font-size: 55px;
  text-align: left;
  font-weight: 600;
  background: url(../images/about-having-head.png);
  background-position: top left;
  background-size: 60% 100%;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 30px 0px;
}
/*----contact us------*/
/*contact-heading*/
#contac-head {
  border-left: 15px solid #ffebdd;
}
#contac-head .world {
  width: 15%;
  top: 0%;
  right: 0%;
}

#contac-head .contact-heading {
  color: #ff6600;
  font-weight: 500;
  letter-spacing: 2px;
}
/*----contact-form-----*/
#contact-form {
  padding: 65px 10px;
  background: url("../images/contact-formmain-bg.png");
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: 20%;
  background-position: bottom left;
}
#contact-form input[type="button"] {
  background: linear-gradient(-45deg, #2f2f70, transparent);
  padding: 5px 25px;
  font-size: 20px;
  border: none;
  border-radius: 25px;
  margin: 50px 30px;
  color: #fff;
}
#contact-form .contact-tagline .p-tag {
  color: #ff934a;
  bottom: 10%;
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: 700;
}
#contact-form .contact-tagline .que {
  width: 30%;
  bottom: 0%;
  right: 14%;
}
#contact-form .contact-form-main {
  background: url("../images/contact-form-bg.png");
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: cover;
  padding-bottom: 45px;
  border-radius: 7px;
}
.contact-form-main p {
  background: #ff934a;
  width: 60%;
  border-radius: 0px 25px 25px 0px;
  color: white;
  padding: 2px 5px;
  margin-top: 5px;
}
.contact-form-main label {
  background: #ff934a;
  color: white;
  padding: 2px 5px;
  margin: 10px 0px;
}
.contact-form-main input[type="text"] {
  border: 0px solid;
  border-bottom: 1px solid #ff934a;
}
/*---contact details---*/
#contact-detail {
  background-color: #2f2f70;
}
#contact-detail .contact-desin-box hr {
  height: 1px;
  width: 65%;
  margin: 5px auto;
  color: #d3d3e5;
}
#contact-detail .contact-desin-box {
  background-color: #6666bf;
  transform: skewX(14deg);
  margin: 0px 75px;
  width: 20%;
  color: #ddddff;
  padding: 55px 0px;
}

#contact-detail .contact-desin-box i {
  font-size: 20px;
  border: 1px solid;
  padding: 10px;
  border-radius: 100%;
}
/*-----address-----*/
#address {
  padding: 20px;
}
#address .row {
  padding: 30px;
}
#address .row .contact-maps-main {
  border-right: 1px solid #6666bf;
  padding: 10px;
}
#address .contact-maps {
  width: 400px;
  margin: auto;
}
#address .loc-icon i {
  color: #6666bf;
  font-size: 60px;
}
#address .loc-icon p {
  background-color: #6666bf;
  width: 60%;
  margin: auto;
  padding: 10px;
  color: #ddddff;
}
#address .social-icon {
  border: 1px solid #6666bf;
  border-radius: 25px;
  width: 40%;
  margin: 10px auto;
}
#address .social-icon a i {
  color: #6666bf;
  padding: 10px;
  font-size: 20px;
}
/*----blog ------*/
/*----services------*/
/*----web-design page------*/
/*----web-slider------*/
#web-slider {
  background-image: url("../images/web-ddesign-s1.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 68px;
}
#web-slider .web-slider-box {
  background-color: rgb(255 146 72 / 60%);
  width: 40%;
  padding: 15px 10px;
}
#web-slider .web-slider-box h1 span {
  color: #2f2f70;
  font-weight: 600;
}
#web-slider .web-slider-box .web-slide-para,
#web-slider .web-slider-box .web-slide-tag {
  background-color: #2f2f70;
  color: #fff;
  padding: 5px;
}
#web-slider .web-slider-box .web-slide-tag {
  margin: 15px 0px 0px;
  font-size: 19px;
  text-align: center;
}
/*web-opportunity*/
#web-opportunity{
  background: url('../images/web-design-opportunity-bg.png') no-repeat;
  background-size: cover;
      padding: 30px; 
}
#web-opportunity .opp-head{
      font-size: 18px;
    letter-spacing: 1px;
    font-family: 'montserratbold';
    color: #ff7317;
}
#web-opportunity .opp-detial{
  font-size: 12px;
  color: #ff7317;
}
#web-opportunity .opp-sec-main{
  padding-right: 30px;
  position: relative;
}
#web-choose{
  background: linear-gradient(95deg, white, #f2f2f2);
}
.choosecall{
      border-left: 2px solid #ff8304;
    padding: 0px 0px 0px 20px;
}
.choosecall img{
  width:20%;
  vertical-align:-30px;
}
.choosecall a{
  font-size: 20px;
color:#ff8204;
}
#web-opportunity .opp-sec-main:after{
  
    content: '';
    background: url('../images/border-opp.png') no-repeat;
    position: absolute;
    right: 0%;
    top: -17%;
    z-index: 1;
    width: 6%;
    height: 133%;
}
/*web-call-us*/
#web-call {
  background-color: #ffebdd;
  padding: 40px;
}
#web-call p {
  color: #2f2f70;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 10px 0px;
}
#web-call .web-call-now {
  background-color: #2f2f70;
  color: #fff;
}

/*devlop-benifit*/
#devlop-benifit .row .phpdev {
  background: url("../images/web-design-bg1.png") bottom no-repeat;
  background-size: contain;
  color: #ff6600;
  padding: 50px 50px 230px;
  text-align: center;
}
#devlop-benifit .row .phpdev p,
#devlop-benifit .row .phpdev h2 {
  text-align: left;
}
#devlop-benifit .row .phpdev .phpdev-btn {
  color: #fff;
  background-color: #2f2f70;
  border-radius: 25px;
}
#devlop-benifit .row .dev-beni {
  color: #fff;
  background: url("../images/web-design-bg2.png") no-repeat;
  background-size: cover;
  padding: 50px 50px;
}
#devlop-benifit .row .dev-beni .dev-beni-head {
  text-decoration: underline #ff934a;
}
#devlop-benifit .row .dev-beni .dev-beni-list li {
  margin: 0;
  margin-bottom: 1em;
  padding-left: 1.5em;
  position: relative;
}
#devlop-benifit .row .dev-beni .dev-beni-list li:after {
  content: "";
  height: 0.4em;
  width: 0.4em;
  background: #fff;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 0.25em;
  left: 0;
}
/*-----about-services------*/
#about-services-web {
  background: url("../images/web-design-services1.png") no-repeat;
  background-size: cover;
  padding: 67px;
  color: #fff;
}
#about-services-web .web-service-heading {
  color: #fff;
  font-weight: 400;
}
#about-services-web .web-service-heading .web-head-deco {
  text-decoration: underline dashed #fff;
}
/*--NETWORK Support---*/
#network-slide{
  background: url("../images/Network-Maintenance-head-slider.png") no-repeat;
  background-size: cover;
}
#network-slide .network-heading {
  border:rgb(0, 0, 0)
}
#network-slide .network-head p{
  font-size: 10px;
}
#network-more-serve{
  background:url('../images/Network-Maintenance-more-serve.png') no-repeat;
  background-size: cover;
}
#network-more-serve .more-serve-border{
  border-bottom: 3px dashed white;
}
#cost-support{
  background:url('../images/Network-Maintenance-responsive-bg.png') no-repeat;
  background-size: cover;
      padding: 25px;
}
#cost-support .support-img{
  padding-top:80px
}
#net-email{
   background:url('../images/Network-Maintenance-email-bg.png') no-repeat;
  background-size: cover;
      padding: 20px;
}
#net-email .net-resolution{
   position: relative;
   font-size: 20px;
   padding-top: 25px;
}
#net-email .net-resolution:before{
position: absolute;
top: 0%;
    left: 18%;
content: url('../images/Network-Maintenance-email-border.png');

}
#net-email .net-resolution:after{
position: absolute;
    bottom: -20%;
    left: 18%;
content: url('../images/Network-Maintenance-email-border.png');

}
#net-email .net-button {
    border: 2px solid #006;
    background: #fff;
    border-radius: 25px;
    color: #006;
    padding: 10px 45px;
}
#network-points{
  background: url('../images/Network-Maintenance-points-bg.png') no-repeat;
  background-position: left;
      background-size: 27%;
  color: #000066;
}
#network-points .net-points{

  background: url('../images/Network-Maintenance-points-img.png') no-repeat;
  background-size: cover;
      border-radius: 10px;

}
#network-points .net-points .border-points ul{
      border: 1px solid;
    border-color: #e6e6e6 #efefef #aeaec7 #fafafa;
    height: 300px;
}
#network-points .net-point-heads{
  background: #d8d8d8;
    padding: 10px;
    border-radius: 0px 0px 100% 100%;
}
#network-points .net-amc-detail{
  background: url('../images/Network-Maintenance-point-amc-img.png') no-repeat;
  background-size: cover;
  margin: 20px 0px 0px;
      border-radius: 10px;
}
#network-points .net-amc-detail .rate-star{
  padding: 25px 15px;
}
#network-points .net-amc-detail .net-amc-head{
  position: relative;
}
#network-points .net-amc-detail .net-amc-head::before{
    content: '';
    width: 50%;
    height: 1px;
    background-color: #ff6600;
    position: absolute;
    top: -20%;
    left: 25%;
}
#network-points .net-amc-detail .net-amc-head::after{
    content: '';
    width: 50%;
    height: 1px;
    background-color: #ff6600;
    position: absolute;
    bottom: -20%;
    left: 25%;
}
#network-points .net-amc-detail .net-amc-colm p{
color: #fff;
}
#network-points .net-amc-detail .net-amc-colm{
  position: relative;
}
#network-points .net-amc-detail .net-amc-colm span{
   writing-mode: vertical-rl;
    font-size: 70px;
    line-height: 0px;
    padding: 34px 0px 0px;
    color: #ff6600;
    opacity: 0.15;
    position: absolute;
    bottom: -53%;
}
#network-points .net-amc-detail .amc-free{
      font-size: 50px;
      opacity: 0.20;
}
#network-points .net-amc-button button{
color: #fff;
    background-color: #ffbb8d;
    border: 1px solid #f60;
    border-radius: 25px;
    padding: 5px;
    font-size: 18px;
    margin-top: 30px;
    position: relative;
}
#network-points .net-amc-button button:before{
  content: '\f053\f053\f053';
  font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    left: -45%;
    color: #ffbb8d;
    opacity: 0.4;
}
#network-points .net-amc-button button:after {
    content: '\f054\f054\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: -45%;
    color: #ffbb8d;
    opacity: 0.4;
}
.mob-slide-imgborder{
  background: linear-gradient(165deg, rgba(255,140,62,1) 0%, rgba(255,140,62,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
  padding: 0px 10px 10px;
}