/**
 * author     { Ashwin } 
 * @description Custom CSS Changes File 
 * @license   Britwise Technologies 
 * copyright  { Britwise Technologies Pvt. Ltd. }
 * 
 * 
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

.open-sans{
  font-family: 'Open Sans', sans-serif;
}
.bold{
  font-weight: 700;
}
.font-weight-light{
    font-weight: 300;
}
/*Margins*/
.mg-top-35{
    margin-top: 35px;
}
.mg-top-10{
  margin-top: 10px;
}
.mg-top-15{
  margin-top: 15px;
}
.mg-top-20{
  margin-top: 20px;
}
.mg-btm-10{
  margin-bottom: 10px;
}
.mg-btm-20{
  margin-bottom: 20px;
}
.mg-btm-25{
  margin-bottom: 25px;
}
.mg-btm-40{
  margin-bottom: 40px;
}
.mg-0{
  margin: 0px;
}
/*Margins*/

/*colors*/
.clr_blck{
  color: #000!important;
}
.clr_whire, .banner.blockchain-banner p{
  color: #fff;
}
/*colors*/

/*Widths*/
.width-50{
  width: 50px;
}
.width-65{
  width: 65px;
}
/*Widths*/

/*Fonts*/
.font-14{
    font-size: 14px;
}
a.dsply-inln_blck{
  display: inline-block;
}
/*Fonts*/

/*Header Section*/
.navbar-expand-lg .navbar-nav .nav-link{
  padding-left: 0px;
  padding-right: 0px;
  margin-left: .5rem;
  margin-right: .5rem;
}
nav.navbar a.nav-link.active-menu, .navbar-expand-lg .navbar-nav .nav-link:hover{
  color: #ef473d;
  border-bottom:  1px solid #ef473d;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: inherit;
}
/*Header Section*/
/* ====== Home Page Portfolio Section ======== */
.portphlio-slder-imges img {
    height: 450px;}
/* ====== Home Page Portfolio Section ======== */


/* ====== Home Page Our Services Section ======== */
.middle-area-services {
    background: #f7f7f7;}
/* ====== Home Page Our Services Section ======== */



/* ====== Home Page Global Leader Section ======== */
.glob-dvlpmnt-sec .main-tech:hover {
    background: #f7f7f7;}
div.glob-dvlpmnt-sec .main-tech {
    padding: 0 35px 0 15px;}
.overview .main-tech .arrow {
    right: 20px;
    top: 45px;
    font-size: 30px;}    
/* ====== Home Page Global Leader Section ======== */


/* ====== Home Page Our Client Section ======== */
.our-clnt-slider .carousel-inner .carousel-item {
    text-align: center;}
.our-clnt-slider .carousel-item img {
    margin: 0 10px;}
.services-right-pth{
  padding-left: 0px;padding-right: 0px;}
.services-right-pth img{
  width: 100%}
ul.or-prdcts-uls li {
    margin-bottom: 25px;}
.our-client{
  margin-bottom: 0px!important;
  background: #e8e8e8;
  padding:10px 0px 35px;  
}
/* ====== Home Page Our Client Section ======== */



/*Home Page Accordion*/
.f1_container {
  position: relative;
  margin: 10px auto;
  height: 335px;
  z-index: 1;
}
.f1_container {
  perspective: 1000;
}
.rotate-div {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
  border: 1px solid #ddd;
  
}

.rotate-div:hover {
  transform: rotateY(180deg);
}
.rotate-div{
  box-shadow: 0 20px 52px -5px rgba(27,33,58,.2);
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 0px 15px;
}
.logg-img{
    position: relative;
    top: 42%;
    transform: translateY(-50%);

}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: center;
  background-color: #aaa;
}
p.question{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: left;
    left: 0;
    padding: 10px;
    /* border: 1px solid #fff; */
    margin: 0;
    background: #fff;
}
p.question {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 25px;
    font-weight: 600;
}
.width-80{
    width: 80px;
}
.width-120{
    width: 120px;
}
.width-150{
    width: 150px;
}.width-180{
    width: 180px;
}.width-200{
    width: 200px;
}.width-250{
    width: 250px;
}
.angular .front.face{
    background: #c70303;
}
.android .front.face{
    background: #003a5a;
}
.meanStack .front.face{
    background: #8daf8d;
}
.python .front.face{
    background: #ecb10c ;
}
.blockchain .front.face{
    background: #f4a033 ;
}
.ai .front.face{
    background: #489ee938;
}
p.sectn-ttle {
    text-align: center;
    font-size: 35px;
    font-weight: 500;
}

section.britwise.accordion {
    padding: 60px 0;
}
/*Home Page Accordion*/

/*Home Page Quick Link*/
section.quck-lnk {
    padding: 50px;
    background: #1e5799;
    background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 50%, #a9cbe5 100%);
    background: -webkit-linear-gradient(left, #1e5799 0%,#2989d8 50%,#a9cbe5 100%);
    background: linear-gradient(to right, #1e5799 0%,#2989d8 50%,#a9cbe5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#a9cbe5',GradientType=1 );
    color: #fff;
}
section p.quck-lnk-para{
    margin-bottom: 0px;
    font-size: 26px;
    font-weight: 300;
    line-height: 24px;
}
section p.quck-lnk-para a{
    display: inline-block;
    border: 1px solid #fff;
    padding: 6px 15px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    margin-left: 25px;
}
section p.quck-lnk-para a:hover{
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  color: #3d3d3d;
}
.hidden{
  display: none;
}
.answer p {
    font-size: 15px;
}
/*Home Page Quick Link*/
/*Contact Us Page*/

div.contact-form span.input-group-text {
    background: #fff;
    color: #d21e13;
}
div.contact-form .input-group {
    margin-bottom: 30px;
}
.input-group input{
    height: 40px;
    box-shadow: none;
    outline: none;
}
.input-group textarea{
  resize: none;
  height: 100px;
}
.input-group input:focus, .input-group textarea:focus, .input-group textarea:hover, .input-group input:hover{
    box-shadow: none;
    outline: none; 
    border-color: #d21e13
}
.submit-btn{
    padding: 6px 18px;
}
button.submit-btn {
    background: #d21e13;
    border-color: #d21e13;
    padding: 6px 30px;
    line-height: 24px;
}
button.submit-btn:hover, button.submit-btn:focus{
    outline: none;
    background: #fff;
    border-color: #d21e13;
    color: #3d3d3d;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
div.contact-form h4.form-title, .ttile-pge {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 15px;
}
.cntct-form-div{
  padding: 60px 0; 
}
p.cntct-rhgt-p {
    line-height: 26px;
}
p.cntct-rhgt-p span {
    font-size: 16px;
}
p.cntct-rhgt-p a, p.cntct-rhgt-p span.address{
  margin-left: 3px;
}
.get-direction{
  color: #003a5a;
  display: inline-block;
  border-bottom: 1px solid
}
span.error_message {
    position: absolute;
    bottom: -19px;
    font-size: 13px;
    color: red;
}
/*Contact Us Page*/


/*Work Page*/
section.work-sctn {
    padding: 60px 0 0px;
}
p.wrk-ttle {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px solid;
}
img.work-imgs {
    height: 400px;
}
.wrk-rows {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.wrk-rows:last-child{
  border-bottom:0px;
  padding-bottom: 0px;
    margin-bottom: 0px;
}
/*Work Page*/

/*Thank You Page*/
.thank_section {
    background: #068ec0;
    margin-bottom: 6px;
}
.thanks-para {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.6px;
    line-height: 28px;
    font-family: 'Merienda One', cursive;
    margin-bottom: 0px;
}
.thank_section .rd-mre-banner-btn {
    padding: 8px 38px;
    margin-bottom: 25px;
    margin-top: 24px;
}

.rd-mre-banner-btn {
    background-color: #df6003;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
    border-radius: 0px;
    padding: 12px 17px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    z-index: 1;
    color: #fff;
}
/*Thank You Page*/

/*Testimonials*/
section.testis .testimonial{
    border: 4px solid #ef473d;
    padding: 10px 0 10px 0;
    margin: 30px;
    text-align: center;
    position: relative;
    height: 320px
}
section.testis .testimonial:before{
    content: "\f10d";
    font: normal normal normal 14px/1 FontAwesome;
    width: 80px;
    height: 80px;
    line-height: 100px;
    background: #fff;
    margin: 0 auto;
    font-size: 40px;
    font-weight: 900;
    color: #f1971f;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}
section.testis .testimonial .title{
    padding: 7px 0;
    margin: 0 -30px 20px;
    border: 7px solid #fff;
    background: #003a5a;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}
section.testis .testimonial .title:before{
    content: "";
    border-top: 15px solid #662a66;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    bottom: -37px;
    left: 0;
}
section.testis .testimonial .title:after{
    content: "";
    border-top: 15px solid #662a66;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    bottom: -37px;
    right: 0;
}
section.testis .testimonial .post{
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}
section.testis .testimonial .description{
    padding: 0 20px;
    margin: 0;
    font-size: 15px;
    color: #6f6f6f;
    letter-spacing: 1px;
    line-height: 30px;
}
.owl-theme .owl-controls{ margin-top: 0; }
.owl-theme .owl-controls .owl-buttons div{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 31px;
    background: #f1971f;
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    opacity: 1;
    cursor: pointer;
}
.owl-prev:before,
.owl-next:before{
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    font-weight: 900;
}
.owl-next:before{ content: "\f061"; }

/*Testimonials*/


/* =======  Angularjs Development ======= */
.service-styel .services .nav-pills{
  overflow: hidden;
}
.border-bottom{
  border-bottom: 1px solid #dee2e6
}
.benefites img.benefits-imgs{
  margin-left: 0px;
  width: auto;
}
.benefites img.benefits-imgs.width-80{
  width: 80px;
}
.angular-banner .circle-icon{
  background: #fff;
}
.angular-banner .angular-logo{
  padding: 30px;
}
.service-styel .services .nav-pills{
  margin-left:20%;
  margin-top: 0%;
}
.hire-ang-grds{
    height: 250px;
    margin-bottom: 30px;
}
.process_div-angular{
    background-image: url('../imgs/services/angular/angular_process_back.jpg');
    position: relative;    
    background-size: cover;
    background-repeat: no-repeat;
}
/* ======= Angularjs Development ======= */

/* ========= Mean Stack Development ======== */
.mean-banner .circle-icon{
    border:0px;
}
.service-styel-1 .services.mean-stck .hovicon.effect-4{
  background: #fff;
}

.service-styel-1 .services.mean-stck .hovicon.effect-4 img {
    width: 90px;
    height: 90px;
    position: relative;
    top: -6px;
}
/* ========= Mean Stack Development ======== */


/* ========= Blockchain Development ======== */


/* Leading Company */
.blockchain-lead-icons, .vue_services_img{
  width: 45px;
  margin-right: 8px;
}
/* Benefits */
.benefites .icons{
  width: 55px !important;
  margin-left: 0px !important;
  margin-bottom: 15px !important;
}

/* ========= Blockchain Development ======== */


/* ========= Android Development ======== */
div.android-banner{
    padding: 60px 0;
    text-align: center;
    background: #4b9322;
    background: -moz-linear-gradient(left,  #4b9322 0%, #8ac473 25%, #369600 100%);
    background: -webkit-linear-gradient(left,  #4b9322 0%,#8ac473 25%,#369600 100%);
    background: linear-gradient(to right,  #4b9322 0%,#8ac473 25%,#369600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9322', endColorstr='#369600',GradientType=1 );
    background-size: 100% 100%;
    color: #fff
}
.service-styel-1.android-process .services{
  background: #f7f7f4;
  color: #000;
}
.service-styel-1.android-process .services .icon{
    background: #fff;
}
.service-styel-1.android-process .services .hovicon.effect-4{ 
    box-shadow: 0 0 0 2px #fff;
}
.service-styel-1.android-process .services .hovicon.effect-4 img{
  position: relative;
  top: -6px;
}
.service-styel-1.android-process .services .hovicon.effect-4:hover{ 
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.service-styel-1.android-process .services .hovicon.effect-4:after{
    border: 2px dashed #3d9908;
}
.why-chse_android img {
    width: 60px;
    margin: auto;
}
.why-chse_android h3 {
    font-size: 18px;
    margin-top: 18px;
    line-height: 24px;
}

.why_chse_points ul li{display: block;margin-bottom: 18px;position: relative;}
.why_chse_points ul li:after{
  content: "\f046";
  font:normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 3px;
  left: -30px;
  color: #4e9425;
  font-size: 16px;
}
.why_chse_points ul li h3 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.5px; 
}
.why_chse_points {
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd;
    padding: 35px 25px 25px;
}
.why_chse_left_div h2{
  font-size: 28px;
  line-height: 38px;
}
.why_chse_left_div p{
  line-height: 28px;
  letter-spacing: .5px;
}
.android-process .col-md-4 {
    border: 1px solid #ddd;
    padding:30px; 
}
.android-process .col-md-4:not(:nth-child(3)){
  border-right: 0px;
}
section.andr_experties .txt-div {
    border: 1px solid #ddd;
    padding: 15px;
}
.andr_experties .experties_grid{
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.15);
}
.experties_grid img {
    height: 155px;
    width: 100%;
}
.experties_grid div.txt-div{
    height: 215px;
}
/* ========= Android Development ======== */


/* ========= Vuejs Development ======== */
div.banner.vuejs{
    background-image: url('../imgs/services/vuejs/vuejs_background_image.png');
    background-size: cover;
    color:#fff;
}
div.banner.vuejs, section.vue_services_sec, section.why_vue_section, section.indstry_we_serve, .rght-div_hire, div.banner.python, 
section.or_expertise, section.why_python, section.frmwrk_tool, section.python_verticls, div.banner.reactjs, section.fcts-standout-reactjs,
div.nodejs, section.why-nodejs, section.node-service, section.node_services, section.hire_node_developer, section.benefits_servces, section.ios_services, 
section.ios_industries_we_serve, section.hire_ios_dev{
    padding-top: 60px;
    padding-bottom: 60px;    
}
.vuejs_logo_div{
    padding-top: 20px;
}
.vuejs_logo_div .banner-img{
    height: 250px;  
}
.services_vue_div h4{
    margin-bottom: 1px;
}
.services_vue_div {
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    background-color: #fff;
    height: 260px;
    padding: 25px;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}
.services_vue_div:hover{
  box-shadow: none;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);

}
section.why_vue_section{
  background: #f7f7f7;
}
.why_vue_grid_div {
  position: relative;
  padding-right: 15px;
  margin-top: 15px;
  height: 205px;
}
.why_vue_grid_div p{
  font-size: 15px;
  margin-bottom: 0px;
}
.why_vue_section .col-md-3:last-child .why_vue_grid_div:after{
  content: unset;
}
.why_vue_grid_div:after {
    content: '';
    border-right: 1px solid #c4c2c2;
    position: absolute;
    right: 1px;
    height: 65%;
    top: 25px;
}
.indsty_we_serve_grids img {
    height: 65px;
    width: 65px;
    margin: auto;
} 
.indsty_we_serve_grids {
    background: #4cba87;
    text-align: center;
    margin-bottom: 15px;
    padding: 20px;
}

.indsty_we_serve_grids h5 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 17px;
    margin-top: 15px;
}
.hire_veu-grids img{
    width: 65px;
}
.hire_veu-grids p{
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}
.explore_btn{
      box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    color: #3d3d3d;
    font-size: 15px;
    padding: 6px 25px;
}
.explore_btn:hover{
    background: #32475c;
    color: #fff;
    box-shadow: none;
}
.hire_vue_img_left{width: 100%;height: 100%}
/* ========= Vuejs Development ======== */


/* ========= Python Development ======== */
.banner.python {
    background: #3677af;
    background: -moz-linear-gradient(left,  #3677af 0%, #7a93a8 75%, #426584 100%);
    background: -webkit-linear-gradient(left,  #3677af 0%,#7a93a8 75%,#426584 100%);
    background: linear-gradient(to right,  #3677af 0%,#7a93a8 75%,#426584 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3677af', endColorstr='#426584',GradientType=1 );
    color: #fff;
}
section.or_expertise {
    background: #f9fafc;
}
.exprtse_grds {
    border-top: 5px solid #3770a2;
    padding: 30px 20px;
    background: #fff;
    height: 270px;
    margin-top: 20px;
}
.exprtse_grds p {
    font-size: 15px;
    letter-spacing: 0.6px;
    color: #6c757d;
    line-height: 24px;
}
.why_chse {
    padding: 40px;
    border: 2px dashed #3777ad;
}
.why_chse h4 {
    color: #3777ad;
}
.frmwrks_tls {
    padding-left: 18%;padding-top: 20px;
}
.frmwrks_tls ul li {
    color: #727882;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.python_verticls_grids {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 25px;
    height: 220px;
}
.frmwrks_tls i {
    color: #3776ac;
}
.frmwrk_tool{
  background:#d0d0d026; 
}
.python_verticls_grids img {
    width: 35px;
    margin-right: 10px;
    vertical-align: middle;
}
/* ========= Python Development ======== */

/* ========= ReactJS Development ======= */

div.banner.reactjs{
    background: #52bdd8;
    color: #fff;
}
.reactsj-services:after {
    content: '';
    border-right: 1px solid #c4c2c2;
    position: absolute;
    right: 1px;
    height: 100%;
    top: 0px;
}
.reacserivces-row{
  margin-top: 50px;
}
.reacserivces-row  .col-md-4:nth-child(3) .reactsj-services:after, .reacserivces-row  .col-md-4:nth-child(6) .reactsj-services:after{
  content: unset;
}
.reactsj-services.bottom:before{
    content: '';
    border-top: 1px solid #c4c2c2;
    position: absolute;
    right: 1px;
    width: 100%;
    top: 0px;
}
.reactsj-services {
    padding: 15px 0px;
}
.webdvlpmnt_react_div {
    box-shadow: none;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 10px; 
    height: 260px;
    padding: 25px;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}
.webdvlpmnt_react_div:hover {
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.15)
  }
section.fcts-standout-reactjs .txt-standout-react {
    padding-top: 30px;
}
.txt-standout-react ul li {
    display: block;
    position: relative;
    padding-left: 40px;
    line-height: 28px;
    margin-bottom: 15px;
}
.txt-standout-react ul{
  padding-left: 0px;
  margin-top: 20px;
}
.txt-standout-react ul li:after{
  content: "\f0a4";
  font:normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0px;
  font-size: 24px;
  top: 5px;
  color: #52bdd8;

}
.benefits-react {
    background-image: url(../imgs/services/reactjs/react-background.jpeg);
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    background-repeat: no-repeat;
    color: #fff;
}
.benefits-react-img-grid{
  height: 130px;
  width: 130px;
  border: 2px solid #fff;
    margin: auto;
  padding: 35px;
  border-radius: 50%;
}
.react_benefit_head {
    margin-top: 10px;
    margin-bottom: 35px;
}
/* ========= ReactJS Development ======= */


/* ========= Node JS Development ======= */
div.nodejs{
  background-image: url(../imgs/services/nodejs/banner-bg.jpg);
    background-size: cover;
    color: #fff;
}
img.services-nodejs-icons {
    width: 50px;
    margin-bottom: 10px;
}
.nodejs-service-grid {
    border: 1px solid #b7b5b5;
    padding: 60px 15px;
    height: 285px;
}
.nodejs-service-grid h4{
  font-size: 17px;
  line-height: 22px;
}
section.node-service{
    background: #a7ecac;
    background: -moz-linear-gradient(45deg,  #a7ecac 0%, #e8ffea 49%, #f4f5f7 100%);
    background: -webkit-linear-gradient(45deg,  #a7ecac 0%,#e8ffea 49%,#f4f5f7 100%);
    background: linear-gradient(45deg,  #a7ecac 0%,#e8ffea 49%,#f4f5f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7ecac', endColorstr='#f4f5f7',GradientType=1 );
}

.outer-brder, .inner-brder {
    text-align: center;
    border: 1px solid;
}
.outer-brder{padding: 6px;}
.inner-brder{height: 105px;}
.benefit-txt {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 0px;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}
.lght-grn_brdr{border-color: #8acf3a;}
.lght-pnk_brdr{border-color: #f17695;}
.lght-grns_brdr{border-color: #10ff00;}
.lght-vlets_brdr{border-color: #8a2be273;}
.lght-skys_brdr{border-color: #0ae4e4;}
.drk-gkdb_brdr{border-color: darkgoldenrod;}
a.btn.nodejs_explore_btn {
    background: #69984d;
    color: #fff;
}
.hire_node_head{
    font-size: 18px;
}
.hire_node_developer{
    background: #e9fdec;
background: -moz-linear-gradient(45deg,  #e9fdec 0%, #ffffff 100%);
background: -webkit-linear-gradient(45deg,  #e9fdec 0%,#ffffff 100%);
background: linear-gradient(45deg,  #e9fdec 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9fdec', endColorstr='#ffffff',GradientType=1 );

}

/* ========= Node JS Development ======= */


/* ========= Iphone Development Company ======= */
.banner.iphone-banner {
    background: #0e1b2c;
    background: -moz-linear-gradient(left,  #0e1b2c 0%, #2c72b8 80%, #2c72b8 80%, #0e1b2c 100%);
    background: -webkit-linear-gradient(left,  #0e1b2c 0%,#2c72b8 80%,#2c72b8 80%,#0e1b2c 100%);
    background: linear-gradient(to right,  #0e1b2c 0%,#2c72b8 80%,#2c72b8 80%,#0e1b2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1b2c', endColorstr='#0e1b2c',GradientType=1 );
    color: #fff;
}
.iphone_div img {
    height: 450px;
}
.iphone-banner-txt-div {
    padding-top: 16%;
}
.quick_enquire_btn.iphone, .quick_enquire_btn.iphone:hover, .quick_enquire_btn.iphone:focus {
    background: #fff;
    color:#000;
}
.ios_benefits{
  font-size: 28px;
}
section.benefits_servces {
    background: #f7f7f4;
}
.why_chse_points.ios_uls ul li:after{
    color: #2b70b4;
}
.ios_serivces-grids{
    border-top: 5px solid #152f4c;
    box-shadow: 0 2px 20px 1px rgba(21, 47, 76, 0.35);
    padding: 30px 20px;
    background: #fff;
    height: 270px;
    margin-top: 20px;
  }
.ios_industries_we_serve .indsty_we_serve_grids{
    background: #1d4b79;
}
section.hire_ios_dev{
    background-image: url('../imgs/services/iphone/hire-ios-developer.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color:#fff;
}
/* ========= End Iphone Development Company ======= */

/* ====== Quick Links ======= */
p.quck-lnk-para.lrge_txt {
    line-height: 32px;
    font-size: 22px;
}

p.quck-lnk-para.lrge_txt a {
    display: inline-block;
    margin-top: 15px;
    line-height: 20px;
}
.quck-lnk.lrge_txt_sec_qck_lnk{
    padding: 30px;
}
/* ======= Quick Links ======= */ 

/* ===================== Media Query  =====================*/


@media(max-width: 1199px){
  .ios_serivces-grids{
      height: 320px;
  }
}
@media(max-width: 991px){
  .hide-mble{
    display: none;
  }
  .services.angular .tab-content{
      color:  #3d3d3d
  }
  h2 {
      font-size: 28px;
  }
  .service-styel .benefites .benefite {
    border: 2px solid #727bb4;
    color: #727bb4;
    font-size: 24px;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    line-height: 118px;
    
    margin: auto;
  }
  .benefites img.benefits-imgs, .benefites img.benefits-imgs.width-80{
    width: 50px;
  }
  .benefites img.benefits-imgs.width-80.mg-top-15{margin-top: 0px;}
  h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .benefites.angular-benifs .col-md-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 20%;
      max-width: 20%;
  }
  h3, footer .social-icon, [class^="flaticon-"]:before, [class*=" flaticon-"]:before {
    font-size: 18px;
  }
  h1 {
    font-size: 28px;
  }
  .angular-banner .angular-logo {
    padding: 15px 17px;
  }
  .circle-icon {
      width: 60px;
      height: 60px;
      line-height: 60px;
  }
  footer .social-icon {
    width: 39px;
    height: 39px;
    line-height: 39px;
  }
  section p.quck-lnk-para {
    font-size: 20px;
  }
  section p.quck-lnk-para a{
    margin-top: 10px;
  }
  .back.face .answer {
    font-size: 13px;
    line-height: 23px;
  }
  .f1_container {
    height: 450px;
  }
  .why_chse {
    padding: 20px;
    height: 300px;
  }
  .frmwrks_tls {
    padding-left: 5%;
    padding-top: 20px;
  }
  .python_verticls_grids {
    padding: 15px;
    height: 290px;
  }
  .iphone-banner-txt-div {
      padding-bottom: 15%;
  }
  .ios_serivces-grids {
    height: 400px;
  }
}

@media only screen and (max-width: 990px){
    .testimonial{ margin: 30px; }
    
}

/* ===================== Max Width 767 ====================== */
@media(max-width: 767px){
  /*Home Page Banner*/ 
    .banner .carousel .carousel-inner .carousel-item h1 {
      padding-top: 5%;
    }
    h1 {
      font-size: 28px;
    }
    h2, .service-styel-1 .overview h2 {
      font-size: 24px;
    }
    h3 {
      font-size: 20px;
    }
    h4, section p.quck-lnk-para, section p.quck-lnk-para a, .indsty_we_serve_grids h5 {
      font-size: 16px;
    }
    h4 {
      line-height: 24px;
    }
    .why_chse_points ul li h3{
      font-size: 15px;
    }
    /*Services*/
    .services .tab-content {
      color: inherit;
    }  
    div.services.py-3{
      padding-bottom: 0px!important;
    }
    /*Our Products*/
    ul.or-prdcts-uls {
      text-align: center;
    }
    .product .product-tab .product-logo{
      margin: auto;
    }
    /*Home Page CTA*/
    section p.quck-lnk-para {
      margin-bottom: 0px;
      font-weight: 300;
      line-height: 26px;
    }
    section p.quck-lnk-para a {
      margin-left: 0;
      margin-top: 20px;
    }
    section.quck-lnk {
      padding: 25px;
    }
    .f1_container{
      height: auto;
    }
    .rotate-div{
      height: 305px;
      margin-bottom: 20px;
    }
    .benefites.angular-benifs .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .service-styel .benefites {
      padding: 40px 0;
    }
    .angular-banner .angular-logo {
      padding: 10px;
      height: 80px;
      width: 80px;
      margin: auto;
    }
    .banner.angular-banner.inner-page, .angular-srvce .overview {
      text-align: center;
    }
    .angular-srvce .overview {
      padding: 60px 0!important;
    }
    .angular-srvce .overview .mt-5, .angular-srvce .overview .my-5{
      margin-top: 20px!important;
    }
    .angular-srvce .overview .mt-4, .angular-srvce .overview .my-4{
      margin-top: 0px!important;
    }
    .angular-srvce .overview .img-desk{
        padding-right: 0px;    
    }
    .border-bottom-min{
      border-bottom: 1px solid #dee2e6
    }
    .services.angular h2, .services.angular p, .services.angular h3{
      padding-left: 0px;
      color: #fff
    }
    .mean-stack-dvlpmnt .overview{
      padding: 30px 0!important;
    }
    /* Benefits */
    .benefites .icons{
      width: 45px !important;
      margin-left: 0px !important;
      margin-bottom: 30px !important;
    }
    .why-chse-android .col-md-6, .service-styel-1.android-process div.col-md-9 {
      margin-bottom: 25px;
    }
    .service-styel-1.android-process div.col-md-3.text-right {
      text-align: left!important;
    }
    /*vuejs Section*/
    .vuejs_logo_div .banner-img {
        display: none;
    }
    div.banner.vuejs, section.vue_services_sec, section.why_vue_section, section.indstry_we_serve, .rght-div_hire, .banner .carousel .carousel-inner .carousel-item, section.britwise.accordion, div.android-banner, .banner.nodejs, section.node_services, section.node-service, section.why-nodejs, section.hire_node_developer 
    , section.ios_services, section.ios_industries_we_serve, section.hire_ios_dev{
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .why_vue_grid_div:after{
      content: unset;
    }
    .why_vue_grid_div{
      height: auto;
    }
    .indsty_we_serve_grids img {
        height: 45px;
        width: 45px;
    } 
    .rght-div_hire{
        text-align: center; 
    }
    /*vuejs Section*/ 
    /*Android  Section*/
    .android-banner img {
      width: 160px;
    }
    .android-service_div {
      padding: 30px 0px!important;
    }
    .android-process .col-md-4 {
      border: 0px;
      padding: 15px;
    }
    .android-process .col-md-4 div{
      border:1px solid #ddd;
      padding: 30px;
    } 
    /*Android  Section*/
    /*Python Development*/
    .why_chse, .python_verticls_grids {
      height: auto;
    }
    /*Python Development*/
    /*Reactjs Development*/
    .reactsj-services.bottom:before, .reactsj-services:after{
      content: unset;
    }
    .hire_veu-grids p{
      font-size: 15px;
    }
    section p.quck-lnk-para a{
      display: block;
    }
    .benefits-react-img-grid {
        height: 90px;
        width: 90px;
        padding: 25px;
    }
    .benefits-react{
        padding: 45px 0 15px;
    }
  /*Reactjs Development*/
  /*Nodejs Development*/
  .mg-top-35.max{margin-top: 0px;}
  .nodejs-service-grid {
      height: auto;
      padding: 20px 15px;
      margin-bottom: 20px;
  }
  .outer-brder {
      margin-bottom: 15px;
  }
  .nodejs-service-grid h4 {
      font-size: 15px;
      line-height: 22px;
  }
  .vuejs_logo_div {
      padding-top: 0px;
  }
  .max_center{text-align: center;}
  .max-mg-top-20{margin-top: 20px;}
  /*Nodejs Development*/

  /*iPhone Development*/ 
  .hire_ios_grid img {
    width: 50px;
  }
  .hire_ios_grid {
      margin-top: 20px;
  }
  .ios_serivces-grids {
    height: auto;
  }
  /*iPhone Development*/
}

/* ===================== End Max Width 767 ====================== */
  
@media(min-width: 767px){
  .right{
    text-align: right
  }
}