@font-face {
    font-family: Montserrat;
    src: url(/assets/fonts/montserrat/Montserrat-VariableFont_wght.ttf);
  }
.related-service-section .row {
    justify-content: center;
}
section.clients {
    padding: 0px 0 80px 0px !important;
}
  .banner-inner {
    display: grid;
    grid-template-columns: 35% 1fr;
    gap: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    align-items: center;
  }
    a.banner-btn.mt-2.whats_chat {
        background: #008069;
        color:#fff;
    }
    a.banner-btn.mt-2.whats_chat:hover {
        background: #fff;
        color:#000;
    }
    .whats_chat:hover .fa-whatsapp:before {
        color: #000;
        background: linear-gradient(#fff,#fff) 14% 84%/16% 16% no-repeat, radial-gradient(#fff 60%,transparent 0);
    }
    .whats_chat .fa-whatsapp:before {
        color: #fff;
        background: linear-gradient(#008069,#008069) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0);
    }
    .service_form input.bg-btn-1.bg-btn-submit {
        font-weight: 700;
        font-size: 18px;
        width: 30%;
    }
  .banner-section-right .banner-img-bg img {
    width: 100%;
    object-fit: cover;
    height: calc(100vh - 8.75rem);
  }

  .banner-main:after {
    content: "";
    background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
   /*background-image:url(https://www.zuzucodes.com/assets/img/service_pages/web-1-t.jpg);*/
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 1.35s;
    transition: -webkit-transform 1.35s;
    transition: transform 1.35s;
    transition: transform 1.35s, -webkit-transform 1.35s;
  }

  .banner-bg-anim:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  .banner-img-bg img {
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    background-color: #fff;
    -webkit-transition: -webkit-transform 1.35s;
    transition: -webkit-transform 1.35s;
    transition: transform 1.35s;
    transition: transform 1.35s, -webkit-transform 1.35s;
    z-index: 10;
  }
  
  .banner-img-bg .service_form {
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    background-color: #fff;
    -webkit-transition: -webkit-transform 1.35s;
    transition: -webkit-transform 1.35s;
    transition: transform 1.35s;
    transition: transform 1.35s, -webkit-transform 1.35s;
    z-index: 10;
  }
    .service_form h3 {
        text-align: center;
    }

  .banner-img-right-anim {
    -webkit-transform: translateX(-100%);
    transform: translateX(100%);
  }

  .banner-img-bg {
    position: relative;
  }

  .banner-main {
    position: relative;
  }

  h1.custom-main-head-h1 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #1d252c;
  }

  h2.custom-heading-h2 {
    color: #1d252c;
    font-size:34px;
    font-weight:800;

  }

  h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 10px;

  }

  p {
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #1d252c;
    line-height: 22px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.8;

  }

  .head-h3 {
    font-size: 20px;

  }

  .custom-heading-h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    height: 60px;
  }

  .company-appoarch-section p {
    font-size: 14px !important;
    margin-bottom: 10px;
  }

  .bannner-section-left p {
    font-size: 14px !important;
    margin: 0;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .banner-btn {
    color: #000;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 13px 16px 11px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    border: 1px solid #0d6bbd;
        display: inline-block;
 
  
  }
.looking-for-text .custom-heading-h2{
    font-size: 42px;
    text-transform: capitalize;
}

  .banner-btn:hover {
    background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
    transition: all .2s ease-in-out;
    color: #fff;
  }

  section.path-to-website-design {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .company-appoarch-section {
    padding: 100px 0px;
    background-color: #0a0c31;
    position: relative;
  }

  .accordion-button::before {
    font-family: "Font Awesome 5 free";
    content: "\f107";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color: #1F3498;
    position: absolute;
    right: 0%;
    margin-right: 0px !important;
  }

  .accordion-button:not(.collapsed)::before {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    transform: var(--bs-accordion-btn-icon-transform) !important;
    color: #1F3498;
    margin-right: 0px !important;
  }

  .hand-crafted-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hand-crafted-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
  }

  .hand-crafted-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
  }

  .hand-crafted-bottom {
    padding-top: 20px;
  }


  .related-service-title {
    padding-bottom: 30px;
  }

  .related-service-section {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .lets-build-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #0a0c31;
    position: relative;
    overflow: hidden;
  }

  .lets-build-section p {
    font-size: 14px !important;
    margin-bottom: 10px;
  }

  .lets-build-section:after {
    content: "";
    top: 0;
    right: -53.5vw;
    width: calc(30% + 50vw);
    height: 100%;
    background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
    position: absolute;
    transform: skew(-14deg, 0deg);
  }



  .border-left {
    border-left: 2px solid #00aef1;
    padding-left: 74px;
  }


  .line {
    width: 65px;
    height: 3px;
    background-color: #0c76c5;
    ;
    border-top: none;
    margin: initial;
    opacity: 1;
    margin-bottom: 20px;

  }

  .Triangle {
    top: -35px;
    position: relative;
    z-index: 2;
    width: 100px;
    height: 60px;
    margin: 0 auto;
  }

  .down-arrow-animation {
    left: 0;
    right: 0;
    top: 0;
    width: 146px;
    height: 60px;
    position: absolute;
  }

  .Triangle svg {
    width: 100%;
    height: 100%;
  }

  .down-arrow-animation:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 0;
    top: -30px;
    right: 0;
    margin: 0 auto;
    border-left: 73px solid #fff0;
    border-right: 73px solid #fff0;
    border-top: 80px solid #fff;
    position: absolute;
    z-index: 1;
  }

  .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .img-box-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 16px;
  }

  .path-to-website-design-inner {
    display: grid;
    grid-template-columns: 35% 1fr 1fr 1fr;
    gap: 25px;
  }


  .global-btn {
    transition: all .5s ease-in-out;
    color: #fff;
    display: inline-block;
    padding: 13px 16px 11px;
    text-align: center;
    background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
    background-size: 200%;
    transition: .5s ease-out;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
  }

  .global-btn:hover {
    background: linear-gradient(130deg, rgb(9, 154, 222), rgb(16, 84, 173));
  }

  .website-design-faq-inner {
    max-width: 80%;
  }


  .accordion-animation-head {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
  }

  .accordion-animation-head button {
    color: #1d252c;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 12px 0px;
    font-weight:600;
  }

  .accordion-animation-head:after {
    width: 0%;
    height: 3px;
    background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
  }

  .accordion-header:hover:after {
    width: 100%;
  }

  .accordion-header button {
    padding-left: 0;
  }

  .accordion-body {
    padding-left: 0;
    line-height: 22px;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    padding-top: 5px;
    font-weight: 400;
  }

  .accordion-animation-head button:hover {
    color: #0a58ca;
  }

  .key-benefits-section-inner {
    grid-template-columns: 55% 1fr;
    gap: 30px;
    width: 100%;
    display: grid;
    align-items: center;
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .key-benefits-section-main:after {
    content: "";
    background-image: url(/assets/front/images/home/key-benefits-bg.jpg);
    position: absolute;
    width: 45%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .key-benefits-section-main {
    position: relative;
    margin-top: 30px;
  }



  /*new key benefits*/

  .key-benefits-section-main-new {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .key-benefits-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    padding-top: 60px;
  }

  .key-benefits-inner .img-box {
    box-shadow: 0px 1px 0px 3px #2f81bd29;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
  }

  .key-benefits-inner .img-box:hover {
    background: #5089b30d;
  }


  /*key section final */

  .key-benifits-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #000000;
  }

  .key-benifits-inner {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 80px;
  }

  .key-benefits-title {
    max-width: 50%;
    color: #fff;
    padding-bottom: 30px;

  }

  .tabs-sec-main-left button {
    background: unset;
    border: none;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #a5a3a2;
    font-size: 18px;
    line-height: 26px;
  }

  .tabs-sec-main-left .nav-link.active {
    color: #fff;
  }


  .tabs-sec-main-left button {
    position: relative;
  }

  .tabs-sec-main-left button:after {
    width: 0%;
    height: 2px;
    background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    content: "";
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
  }

  .tabs-sec-main-left button:hover:after {
    width: 100%;
  }

  .tabs-sec-main-left button:hover {
    color: #fff;
  }

  .key-benifits-right h3,
  .key-benifits-right p {
    color: #fff;
    padding-bottom: 10px;
  }


  .key-benifits-img img {
    height: 250px;
  }

.container-tg{
    width:90%;
    margin:auto;
}
.text-white .custom-heading-h3{
    font-size:20px;
}

    .mobile_hide{
        display:block;
    }
    .desktop_hide{
        display:none;
    }
html , body {
    overflow-x: hidden;
}
.text-white {
    justify-content: center;
}
.what-we-do-design a {
    margin-top: 20px;
}
.award-section-design a{
    margin-top: 20px;
}
.why-go-section-right a.cta_drop_c {
    margin-top: 20px;
    display: block;
}
.scrol{
    possition:relative;
}
.scrol::after {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
    color: #1A366E;
    position: absolute;
    right: 10px;
    bottom: 75px;
    font-size: 40px !important;
    rotate: 180deg;
}
.read_blog:hover {
    box-shadow: 0 0 50px rgba(29, 37, 44, .2);
    background-color: #fff;
    transform: translateY(-20px);
    transition: transform .5s linear;
}
.read_blog {
    padding: 0 !important;
    width: 32% !important;
}
.read_our_blog .row {
    gap: 20px;
}
  @media (min-width:768px) and (max-width:1023px) {
    html , body {
        overflow-x: hidden;
    }
    .mobile_hide{
        display:block;
    }
    .desktop_hide{
        display:none;
    }
    .banner-inner {
      margin-bottom: -140px;
    }

    section.path-to-website-design {
      padding-top: 142px;
    }
  }

  @media (max-width:767px) {
    .key-benifits-tab-left button.nav-link {
        text-align: left;
    }
    ul.copy_right_menu {
        justify-content: center !important;
    }
    header .main-background ul li a {
        font-family: 'Poppins', sans-serif;
        color: #fff !important;
    }
    .service_form input.bg-btn-1.bg-btn-submit {
        width: 50%;
    }
    html , body {
        overflow-x: hidden;
    }
    .mobile_hide{
        display:none;
    }
    .desktop_hide{
        display:block;
    }
    .banner-inner {
        gap: 0px;
    }
    .banner-inner {
      grid-template-columns: 1fr;
    }
    
    .container-tg{
        width:100%;
    }

    .banner-main:after {
      content: unset;
    }

    section.path-to-website-design {
      padding: 30px 10px 100px 10px;
    }

    .path-to-website-design-inner {
      grid-template-columns: 1fr;
    }

    .hand-crafted-top {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .hand-crafted-section {
      padding: 30px 10px 30px 10px;
    }

    .hand-crafted-bottom {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .lets-build-section:after {
      content: unset;
    }

    .key-benefits-section-inner {
      grid-template-columns: 1fr;
    }

    .key-benefits-section-main:after {
      content: unset;
    }

    .key-benefits-inner {
      grid-template-columns: 1fr;
    }

    .key-benefits-section-main-new {
      padding: 50px 10px;
    }

    .key-benefits-title {
      max-width: unset;
    }

    .key-benifits-inner {
      grid-template-columns: 1fr;
    }

    .key-benifits-section {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .border-left {
      border-left: 0;
      padding-left: 0;
    }
    button.accordion-button {
        padding-right: 20px !important;
    }
    .custom-heading-h3 {
        height: auto !important;
    }
    .border-left {
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    .lets-build-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .company-appoarch-section {
        padding: 20px 0px !important;
        padding-top: 60px !important;
    }
    .related-service-section {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
    .text-white {
        margin-top: 0 !important;
    }
    .key-benifits-right {
        display: none;
    }
  }

body , p {
    color: #000;
    font-family: 'Poppins', sans-serif;
}
h1 , h2 , h3, h4, h5, h6{
    color: #000;
    font-family: 'Poppins', sans-serif;
}
.php_icon_heading , .hire_Php_developers .fadeInLef , .industries_requirement h3t{
    margin-bottom: 10px !important;
    color: #1d252c !important;
}
/* mobile navigation css start  */

#site-header-shadow{
  position: absolute;  
  height: 5px;
    width: 100%;
    overflow: hidden;
    z-index: 9;
}
#site-header-shadow:after{
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100%/5px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
}
.mobile_nevigation{
  display: none;
}

.main-background{
  background-color: #222;
  
}
.main-background ul  li{
  border: 1px solid #555555;
  padding: 15px;
  border-bottom: none;
  position: relative;
  color: #fff;
}
.main-background ul li a{
  color: #999999 !important;
  font-size: 13px;
}
.plus-icon-border{
  text-align: center;
  width: 70px !important;
  display: block;
  line-height: 35px !important;
  color: #fff !important;

}
.main-background span{
  position :absolute;
  right: 0;
  border-left: 1px solid #555555;
}

#cross-icon{
  display: none;
}
#mainbutton{
  display:block;
}

.cressbtn > i{
     transform: rotate(40deg);
}
.navbar-toggler{
  border: none !important;
  padding: 0px !important;
}
.navbar-toggler_icon{
  position: absolute;
  right: 10px;
    top: -90px;
}
.navbar{
padding: 0px !important;

}

/* mobile navigation css end  */

/* Css style start */
*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
/* Logo images set */
.logo{
  max-width: 100%;
  vertical-align: middle;
}

.button_1{
  margin-right: 5em !important;
}

.img-set{
  
     width: 250px;
     margin: 5px auto ;
display: flex;
}

/* Navbar container style start */
.navbar1{
     width: 100%;
     height: auto;
     color: #fff;
     display: flex;
     padding: 0px 10px 0px ;
     justify-content: space-between;
     align-items: center;
     
}
ul.ul-set a {
    color: #000;
}
nav.navbar1.c_sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.desktop_none{
    display:none;
}
ul{
  margin-bottom: 0 !important;
}
.ul-set{
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ul-set li{
     list-style: none;
     text-align: center;
     margin: 1.5% 8px;
     font-size: 18px;
}
.w{
  text-decoration: none;
  font-weight: 600;
  color: #fff;
}
li a:focus{
     color:#02AFEF;
}


/* Dropdown  style start */
.dropbtn {
     color: white;
     font-size: 18px;
     padding: 20px 6px;
     border: none;
     text-align: center;
    
   }
   .dropbtn:focus{
    color:#02AFEF;
   }
   
   
   .dropdown {
     position: relative;
     display: inline-block;
     cursor: pointer;
   }
   .dropdown1{
    position: relative;
     display: inline-block;
     cursor: pointer;
   }
   
   .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 160px;
     top: 35px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
    
   }
   .dropdown-content1 {
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 160px;
     top: 0px;
     left: 13.8rem;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 2;
    
   }

   
   .dropdown-content a {
     color: #333;
     padding: 12px 10px;
     text-decoration: none;
     display: block;
    width: 220px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: solid 1px #3333331f;
    font-size: 17px;
    text-transform: capitalize;
   }
   .dropdown-content1 a {
     color: #333;
     padding: 12px 10px;
     text-decoration: none;
     display: block;
    width: 240px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: solid 1px #3333331f;
    font-size: 17px;
   }
   
   .dropdown-content a:hover {
     background-color: #30559c; 
     color: #fff;
}
   .dropdown-content1 a:hover {
     background-color: #30559c; 
     color: #fff;
}
   
   .dropdown:hover .dropdown-content {display: block;}
   .dropdown1:hover .dropdown-content1 {display: block;}

   .less{
     float: right;
     font-size: 12px;
   }
   .rigt{
     font-size: 8px !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    margin-left: -2px;
    opacity: .5;
  
}
.navbar1 li a:hover{
  border-bottom: 2px solid #02AFEF;
  padding-bottom: 16.5px;

}
   .set{
     font-size: 19px;
     margin: 0 6px;
     cursor: pointer;
     
   }
  

   /* Dropdown style end */

   /* Header container style start */

   .banner_section{
     width: 100%;
     height: auto;
     background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/zuzu_bgtop_.jpg') ; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: initial;
  display: block;
  padding-bottom: 3em;
   }

   .head{
    font-size: 4.3rem;
    
    font-weight: 900 !important;
    color: #02AFEF !important;
    margin: auto;
    padding: 3.5% 0 2% 0 ;
    text-align: center;
    line-height: 5rem;
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
  }
  .line{
    width:80px;
    height: 4px;
    background-color: #02AFEF;
    margin: auto;
  }
  .head1{
        margin: auto;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
    font-size: 2.5rem;
    color: #fff !important;
    padding-top: 5px !important;
    margin-bottom: 10px;
    
  }
  .head-2{
    margin: auto;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
    font-size: 2.4rem;
    padding: 1%;
    color: #fff !important;
    

  }
  .instagram_i i.fa.fa-instagram::before{
    background-image: url('../images/Instagram-Glyph-Color-Logo.wine_.svg') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: transparent;
    font-size: 27px;
    line-height: 23px;
 }

  /* Button style set start */

.btn-set{
  width: fit-content;
  background: #fff;
  /* margin: auto; */
  display: flex;
  border-radius: 3px;
  color: #00658a;
  font-size: 18px;
  font-style: normal;
  border: none;
  font-weight: 400;
        }
        .button  span{
             font-size: 17px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 12px;
  text-align: left !important;
}

 .text{
  color: #00658a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
        text-align: left;
 
 }
 .color-set{
  color: #00658a;
  font-size: 13px;
  font-family: "Poppins", Sans-serif;
 text-align: left;
  margin-bottom :0px !important;
 }
 
 
   .icon-set{
    padding: 15px ;
    height: auto;
    /* margin-left: 10px; */
    background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
    cursor: pointer;
   }
   
   .icon-set:hover{
    background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
   }
   .button_1:hover .icon-set{
    background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
   }
   .button_2:hover .icon-set{
    background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
   }
   .flex{
    display: flex;
    justify-content: center;
    margin-top: 1em;

   }
   .padding{
    padding: 7px 12px!important;
   
   }

   .size{
    font-size: 36px;
    color: #fff;
   }

   .second_box{
    background-color: #4ECBF5 !important;
  }
  .third_box{
    background-color: #1A366e4d !important;
  }
  .dropbtn::after{
    content: '\f107';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    opacity: .5;
}

  

 /* Button set style end  */
 /* Header containe style start */
   
/* Section container style start */
.Section1{
  width: 92%;
  height: auto;
  margin: auto;
}
.fill_icon{
  color: #fff;
background: linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0);
} 

.fa.fa-instagram {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  background-image: url('../images/Instagram-Glyph-Color-Logo.wine_.svg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 27px;
  line-height: 23px;
  padding-bottom: 6px;
}
.contain{
  width: 100%;
  height: auto;
padding: 50px 0px 50px 0px;
  display: flex;
  justify-content: center;
}
.left-contain, .right-contain{
  width: 50%;
  height: auto;
  padding: 0 .5rem;
}
.head2{
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
 font-size: 2.8rem;
 color: #000;
}
.para1{
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px;
  line-height: 2rem;
  padding: 10px 0;
  color: #7a7a7a !important;
}

.box{
  display: flex;
  width: 100%;
  height: auto;
}
.left-box{
  width: 50%;
  height: auto;
 margin-right: 10px;
}
.right-box{
  width: 50%;
  height: auto;
 margin-left: 10px;
} 
.icon-size{
  font-size: 40px;
  color: #02AFEF;
  margin-right: 1rem;
}
.li-set{
  font-family: 'Poppins', sans-serif;
  list-style: none;
  display: flex;
  align-items: center;
  color: #7A7A7A;
  font-weight: 400;

}
.li-set1{
  text-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

/* Section container style end */
/* Slide section start */
.services{
  width: 100%;
 height: 100%;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: auto;
 
}
.grid-box{
  padding: 77px 10px 77px 70px;
  background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/graphic-design.jpg'); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition:  0.4s;
  cursor: pointer;
  margin: 0px 2px 2px 0px;
}
.grid-box1{
  padding: 77px 10px 77px 70px;
  background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/web development.png'); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition:  0.4s;
  cursor: pointer;
  margin: 0px 2px 2px 0px;
}
.grid-box2{
  padding: 77px 10px 77px 70px;
  background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/digital marketing.jpeg'); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition:  0.4s;
  cursor: pointer;
  margin: 0px 0px 2px 0px;
}
.grid-box3{
  padding: 77px 10px 77px 70px;
  background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/app-development.jpeg'); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition:  0.4s;
  cursor: pointer;
  margin: 0px 2px 0px 0px;
}
.grid-box4{
  padding: 77px 10px 77px 70px;
  background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/Top-6-Software-Development-Methodologies.jpg'); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition:  0.4s;
  cursor: pointer;
  margin: 0px 2px 0px 0px;
}
.grid-box5{
  padding: 77px 10px 77px 70px;
  background:  linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/UI-UX-Design.jpg'); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition:  0.4s;
  cursor: pointer;
}

.grid-box:hover,.grid-box1:hover, .grid-box2:hover,.grid-box3:hover,.grid-box4:hover,.grid-box5:hover{
  background:  #fff;
}

.conte_testi::before{
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
  color: #1A366E;
  position: absolute;
  left: -60px;
  top: -25px;
  font-size: 40px !important;
 }

.text1{
font-size: 37px;
font-family: 'Poppins',sans-serif;
font-weight: 800;
color: #02AFEF;
margin-bottom: 29px;
}
.para{
  font-family: 'Poppins',sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.grid-box:hover .para{color: black;}
.grid-box1:hover .para{color: black;}
.grid-box2:hover .para{color: black;}
.grid-box3:hover .para{color: black;}
.grid-box4:hover .para{color: black;}
.grid-box5:hover .para{color: black;}
/* Slide section end */

/* .main_heading{
  
} */

.head-1{
  font-family: "Poppins",Sans-serif;
  font-size: 45px;
  font-weight: 800;
  padding-top: 80px;
text-align: center;
margin-bottom: 20px;
color: #000;
}




.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  padding-left: 10PX !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
 
}

 .mySwiper1, .swiper-slide .img-1 {
  /* display: block; */
  object-fit: cover;
}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -5px !important;
}


.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 32px;  
  height: 3px;
 
  border-radius: 0;
  margin: 0 !important;
  padding: 0 !important;
  background-color: rgb(9, 154, 222);
  
}

.swiper-slide{
  margin-bottom: 30px !important;
}
.scrol{
  width: 100%;
 height: 336px;

 background-color: #4ECBF5;
 position: relative;
}
.Quote{
  position: absolute;
  left: 10px;
  font-size: 50px;
  padding: 10px 20px;
  color: #1A366E;
  
}
.conte_testi{
  font-family: "Poppins", Sans-serif;
font-size: 17px;
font-weight: 400;
color: #fff;
text-align: left;
line-height: 1.8;
margin: 0 0 20px;
font-style: italic;
position: absolute;
left: 80px;
top: 25px;
padding-right: 60px;

}
.name_testi{
  font-weight: 900;
color: #1A366E;
text-align: right;
width: 100%;
font-family: "Poppins", Sans-serif;
font-size: 17px;
display: block;
font-style: italic;
padding-right: 60px;
position: absolute;
/* left: 80px; */
bottom: 50px;
}

.design_testi{
  font-weight: 400;
  color: #ffffff;
  text-align: right;
  width: 100%;
  font-family: "Poppins", Sans-serif;
  font-size: 17px;
  display: block;
  font-style: italic;
  padding-right: 60px;
  position: absolute;
  /* left: 80px; */
  bottom: 30px;
}

.swiper-button-prev{
 background: rgba(255, 255, 255, 0.38);
 position: absolute;
 top: 35% !important;
 left: 0% !important;
 padding: 3.5% 1.6%;
 color: rgb(8, 8, 8) !important;
}

.swiper-button-next{
  background: rgba(255, 255, 255, 0.38);
  position: absolute;
  top: 35% !important;
  padding: 3.5% 1.6%;
  right: 0 !important;
  color: rgb(8, 8, 8) !important;

}
.mySwiper{
  position: relative;
}

.swiper-button-prev3{
  position: absolute !important;
  top: 50px;
  left: 5px;
 width: 50px !important;
 height: 50px !important;

z-index: 100;
text-align: center !important;
 }

 .swiper-button-next3{
  position: absolute !important;
  top: 50px;
  right: 0;
  width: 50px !important;
 height: 50px !important;

 z-index: 100;
 text-align: center !important;
 }



.owl-carousel{
  width: 90% !important;
  float: right;
}




/* girl Section  start */
.bold{
  font-weight: 700px;
  font-family: "poppins",sans-serif;
  font-size: 18px;
  color: #7a7a7a;
  line-height: 1.8;
}
.bg-btn{
padding: 1.4% 3%;
  border: none;
 background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
 cursor: pointer;
 border-radius: 5px 5px 5px 5px;
}
.bg-btn:hover{
background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
}
.btn_text{
 font-size: 18px;
 font-weight: 500;
 color: #fff !important;
 text-align: center;
 font-weight: 700px;
}

.para-1{
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 1.6rem;
  padding: 10px 0;
  color:#7a7a7a;
}
/* girl section end */


/* slider section start */
.swiper2 {
 max-width: 90% !important;
 float: right !important;
 margin-top: 0 !important;
 width: 100% !important;
 overflow: hidden !important;


}
 




.portfolio{
  width:100% !important;
  overflow: hidden !important;
  float: right;
  /* padding-right:50px!important; */
  /* z-index: 5 !important; */
  position: relative;
}

.bottom_content{
  position: absolute;
bottom: 0;
width: 100%;
text-align: center;
text-transform: capitalize;
font-size: 21px;
cursor: pointer;
}
.title_port{
  background: #ffffffd9;
padding: 5px 20px;
display: block;
text-align: center;
font-size: 21px;
color: #555555;

}



.owl-prev{
  background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222)) !important;;
  position: absolute !important;
  top: 3.5rem !important;
 left: -4rem !important;
  color: rgb(8, 8, 8) !important;
  z-index: +111;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  width: 54px;
  color: #fff !important;
  font-size: 30px !important;
  
 }

  .owl-next{
    background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222)) !important;;
  position: absolute !important;
 top: 0rem !important;
left: -4rem !important;
  color: rgb(8, 8, 8) !important;
  z-index: +111;
  display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    width: 54px;
    color: #fff !important;
  font-size: 30px !important;
 }
 .color{
  color: #fff;
 }
 .color-b{
  color: #4ecbf5 !important;
  font-weight: b !important;
 }
 .fs{
  font-size: 24px;
 }

 .swiper-button-next1:hover, .swiper-button-prev2:hover{
    background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
   
 }
 #cs-mobile-icon{
  cursor: pointer;
  top: 6.6% !important;
 }

 #cs-mobile-icon span {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
}
#cs-mobile-icon i {
  display: block;
  width: 100%;
  height: 3px;
  margin: 2px auto;
  background-color: #555;}


 /* new section start */
.header{
  position: relative ;
}
 .bg-btn{
  padding: 1.4% 3%;
      border: none;
     background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
     cursor: pointer;
     border-radius: 5px 5px 5px 5px;
 }
 .bg-btn:hover{
 background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
 }
 .btn_text{
     font-size: 18px;
     font-weight: 500;
     color: #fff !important;
     text-align: center;
     font-weight: 700px;
 }
 .lower-content  h3{
      position: relative;
     font-weight: 500;
     font-size: 20px;
     color: #13192d;
     margin-bottom: 15px;
     line-height: 1.4em;
 }
 .lower-content{
      position: relative;
     padding: 40px 15px 20px 35px;
     background-color: #fff;
     border: 1px solid #ebebeb;
     transition: all .3s ease;
     -moz-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     height: 173px;
 }
 .post-time{
      position: absolute;
      left: 45px;
     bottom: 152px;
     color: #fff;
     font-size: 18px;
     z-index: 1;
     padding: 6px 18px 4px;
     display: inline-block;
     background-color: #02AFEF;
 }
 .whatsapp_icon_1::before{
  color: #fff;
  background: linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0);
  font-size: 50px;
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: +11;
  content: '';
 }
 .bg-btn-submit{
  margin-top: 7px !important;
  border-radius: 6px;
  width: 47%;
  padding: 10px 0px !important;
 }

 .bg-btn-1{
      padding: 0.2% 1%;
      border: none;
     background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
     cursor: pointer;
     border-radius: 5px 5px 5px 5px;
     align-items: center;
     display: flex;
     text-align: center;
     justify-content: center;
     margin: auto;
     margin-top: 40px;
 }
 .bg-btn-1:hover{
 background: linear-gradient(130deg,rgb(9, 154, 222), rgb(16, 84, 173))
 }
 .elementor-widget-wrap{
      padding: 35px;
      position: relative;
     flex-wrap: wrap;
     align-content: flex-start;
     background-color: #1A366E;
     width: 33.3%;
     height: auto;
     padding-left: 35px !important;
     
 }
 .elementor-icon{
    color: #FFF;
    border-color: #FFF;
    line-height: 1;
    transition: all .3s;
    text-align: left;
    display: block;
 }
 
 .elementor-icon i {
    display: inline-block;
    width: 100%;
}

.elementor-icon i svg {width: 10%;height: 40px;}

.item img{
  height: 340px !important;
}


 .new_heading{
      text-align: left;
     color: #FFF;
     font-family: "Poppins",Sans-serif;
     font-size: 27px;
     font-weight: 500;
     line-height: 1.8;
     margin-top: 20px;
     margin-bottom: 0px !important;
 }
 .new_subheading{
      text-align: left;
     color: #FFF;
     font-family: "Poppins",Sans-serif;
     font-size: 16px;
     font-weight: 700;
 }
 .cta-button {
      text-align: left;
     color: #FFF;
     font-family: "Poppins",Sans-serif;
     font-size: 22px;
     font-weight: 500;
   color: white;
   margin-top: 20px;
 }
 .cta-button  a{
  color: white;
  text-decoration: none;
  display: flex;
    flex-wrap: wrap;
 }
.cta-button i {
    width: 5%;
    display: block;
    margin-left: 10px;
}
 .portfolio .head-1{
  padding-top: 40px !important;
  
 }
 .heading-1{
  margin-top: 35px;
 }

 .heading_section{
  margin-top: 6rem !important;
 }
.send_enquiry .row{
  margin-right: 0px !important;
  margin-left: 0px !important;
}
 #cs-mobile-icon{
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
  padding: 10px;
  cursor: pointer;
  line-height: 0;
 } 
 #cs-mobile-icon strong {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
  line-height: 1em;
  text-transform: uppercase;}

 /* form section start  */

 .background_img{
  height: auto;
  width:100%;
       background-color: #8D14FF00;
  background-image: url('../images/contact-us-hand-man-holding-mobile-smartphone-with-mail-phone-email-chat-icon-cutomer-support-concept-blue-wide-banner_256259-2764-1 (1).jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 70px;
  }
  
  
  .neww-heading  h2{
       color: #FFF ;
      font-family: "Poppins",Sans-serif;
      font-size: 45px;
      font-weight: 600;
      text-align: center;
  }
  .new-form{
       border-radius: 5px;
      padding: 20px !important;
      background: #ffffff42;
      box-shadow: 0px 0px 20px #000;
      margin-top: 40px;
      margin-bottom: 90px;
  }
  .border-none{
       border-radius: 0px !important;
  }
  .recaptcha-checkbox-border {
       border-radius: 2px;
      background-color: #fff;
      border: 2px solid #c1c1c1;
      font-size: 1px;
      height: 30px;
      position: absolute;
      width: 30px;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1.4rem;
      text-align: center;
  }
  .captcha{
       height: 78px;
       width: 50%;
       background-color: white;
       border: 1px solid rgb(156, 155, 155);
       border-radius: 4px;
       margin: auto;
  }
  .content{
      font-size: 14px;
      font-weight: 400;
      line-height: 17px;
      display: table-cell;
      vertical-align: middle;
       color: #000;
       padding: 20px; 
       padding-left: 67px !important;
       padding-top: 30px;
  }
  .bg-btn-1{
       border: none;
      background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
      cursor: pointer;
      border-radius: 5px 5px 5px 5px;
      color: white;
  }

  /* footer section start */
  .footer-last{
    background-color: #1f4184;
    width: 100%; 
    height: auto;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
   --bs-gutter-x: 0 rem !important;
   --bs-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--bs-gutter-x) * .5);
   padding-left: calc(var(--bs-gutter-x) * .5);
   margin-right: auto;
   margin-left: auto;
}
.profile{
    padding-top: 48px;
    padding-bottom: 90px;
}
.footer_heading{
    color: #fff;
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 400;
}
.unorder-list .list-item{
    list-style-type: none;
    margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #8282825e;
}
ol, ul {
   padding-left: 0rem !important;
}
.anchor_tag{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.blog_list_s .blog_title_name h2 {
    min-height: 96px;
}

.blog_list_s .bref_info_blog p {
    min-height: 177px;
}
.Address{
    color: #fff;
    font-family: "Poppins", Sans-serif;
    line-height: 1.8;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 18px;
}
.whatsapp_icon{
    color: #fff;
    background: linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0);
}
.footer-end{
    background-color: #1b376f !important;
    position: relative;
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   width: 100%;
   font-size: 12px;
   color: #fff;
}


a{
  text-decoration: none !important;
 
}
.far{
  font-size: 40px;
}
.Address a{
  color: white !important;
}
.elementor-widget-wrap{
  margin-top: 1.5rem !important;
}
.about-us{
  padding: 30px 90px 40px 90px;
}
.girl_img{
  height: 573px;
  width: 573px;
}

@media screen and (max-width: 992px) {
.mobile_nevigation{
  display: block;
}
  .head{
  font-size: 36px;
line-height: 45px;
text-align: left;
width: auto;
padding-left: 20px;
}
.line{
  margin-left: 20px !important;
}
.head1{
  font-size: 21px;
line-height: 27px;
color: #FFF;
font-family: "Poppins",Sans-serif;
font-weight: 600;
width: 100%;
text-align: left;
padding-left: 20px;
}
.head-2{
  font-size: 21px;
line-height: 27px;
color: #FFF;
font-family: "Poppins",Sans-serif;
font-weight: 600;
width: 100%;
text-align: left;
padding-left: 20px;
}
.heading_section{
  margin-top: 126px;
}

.head2{
  text-align: center;
}
.services{
  display: flex;
  flex-direction: column;
 
}
.grid-box .grid-box1 .grid-box3 .grid-box4 .grid-box5{
  margin-top: 5px;
}
}
.zuzucodes{
  font-family: "Poppins",Sans-serif;
  font-size: 45px;
  font-weight: 800;
  color: #000 !important;
}

.fa-whatsapp:before {
  color: #fff;
background: linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0);
}

.header_icons {
  display: flex;
  flex-wrap: wrap;
}
.phone_i {
padding: 0px 8px;
}
header i.fa.fa-phone {
color: #fff;
}
.fa, .fas {
font-family: "Font Awesome 5 Free";
font-weight: 900;}

.fa-phone:before {
content: "\f095";
color: white;
}
.fa-facebook:before {
content: "\f095";
color: white;
}

header i.fa.fa-whatsapp{
color: #fff !important;
background: linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0) !important;
}
.right_icon {
display: flex;
flex-wrap: wrap;}

.facebook_i {
padding: 0px 8px;
color: white;}

.instagram_i {
padding: 0px 8px;}


/*service page*/ 

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.read_our_blog .row {
    margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
    margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
}
section.services_heading {
  padding: 2em 0em 2em 0em;
  text-align: center;
}

.services_heading .tittle_heading h1 {
    margin-bottom: 20px;
    font-size: 70px;
    color: #000;
    font-weight: 600;
}

.services_heading .sub_heading {
    text-align: center;
    font-size: 25px;
    line-height: 1.4em;
    color: #7a7a7a;
    font-style: normal;
    font-weight: 400;
}
.box_min {
    padding: 0px 25px;
    margin-top: 3px;
}
.greenRow {
    padding: 60px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    background: #1f4184;
    box-shadow: 0px 5px 5px 0px rgb(0 0 2 / 30%);
    margin-bottom: -20px;
}
.greenRow .flexyContainerWithWrap.contentContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1100px;
    margin: 0px auto;
    border: 0px;
    padding: 0px 0px 0px 0px;
    align-content: center;
}
.greenRow h2.inlineBlock.left {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #fff !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    align-items: center;
    display: flex;
}
.greenRow a.pageButton.pulse.right {
    display: inline-block;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: capitalize;
    box-sizing: border-box;
    color: #fff;
    margin: 0px 20px 0px 0px;
    border: 0px solid #fdc037;
    padding: 19px 29px 17px 29px;
    cursor: pointer;
    -webkit-appearance: none;
    outline: none;
    transition: background-color 400ms ease-out;
    background: #08aae4;
    box-shadow: 0px 5px 5px 0px rgb(0 0 2 / 30%);
    border-radius: 5px;
    text-decoration: none;
}


/*service end page*/  


    .flag_icon {
       display: flex;
    }
    
    .america_flag {
       background-image: url("../images/america flag.png");
       background-color: #cccccc;
       background-repeat: no-repeat;
       background-size: cover;
    }
    .btn_flag{
       background-color: #fff;
      
    }
    button#dropdownMenuButton1{
       border: unset !important;
        padding: 0.3rem 0.75rem;
        line-height: 1.5;
    }
    .dropdown-menu{
       border-radius: 0px;
    }







/*About us Page Css*/
.about-section {
    width: 92%;
    height: auto;
    margin: auto;
}

.about-section {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.about-section h1 {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.4em;
}
.about-right-image {
    text-align: right;
}

.about-section li{
    font-family: 'Poppins', sans-serif;
    list-style: none;
    display: flex;
    align-items: center;
    color: rgb(112, 111, 111);
    font-weight: 500;
}
 li i.fas.fa-check-circle {
    color: #30559D;
}

.about-section .left-box {
    width: 100%;
    height: auto;
    margin-right: 10px;
    padding: 0em 0em 2em 2em;
}
.about-section .left-box li {
    padding-bottom: calc(10px/2);
}

.about-section span.about-dec {
    padding-left: 5px;
    color: #000;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
}
.about-section .box {
    padding: 10px;
}

.about-section ul.about-inner {
    margin-bottom: 20px !important;
}
.about-section .bg-btn {
    border-radius: 20px 20px 20px 20px;
}

.gallery {
    padding: 2em 0em 3em 0em;
}

.gallery h2 {
    font-size: 45px;
    font-weight: 600;
    color: #000;
    line-height: 45px;
    text-align: center;
    margin-bottom: 20px;
}

.gallery .gallery-inner {
    padding: 2em 0em 0em 0em;
}

.gallery-content-right h3 {
    color: #000;
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 20px;
}

.gallery-content-right p {
    font-style: normal;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #000;
}
.gallery-pad {
    margin-top: 74px;
}

.creative-coder h3 {
    font-size: 45px;
    font-weight: 600;
    color: #000;
    line-height: 50px;
    margin: 10px 0px;
}
.creative-coder p {
    padding: 2em 0em 0em 0em;
}
.creative-coder {
    padding: 1em 0em 2em 0em;
}

.creative-coder p {
    font-style: normal;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #000;
}
.right-img {
    text-align: right;
}

.methodology h3 {
    color: #000;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
}
.methodology {
    padding: 4em 0em 0em 0em;
}
.count_us {
    padding: 4em 0em 1em 0em;
}
.count_us h3 {
    color: #000;
    font-size: 45px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}


.count_us .count-border {
    padding: 30px 20px 30px 20px;
    border: 1px solid #FBF4F4;
    height: 100%;
    max-height: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
}

.count_us span.count-left-icon {
    font-size: 50px;
    font-weight: 900;
    color: #02afef;
    line-height: 50px;
    font-style: normal;
    margin-right: 15px;
    font-family: "Font Awesome 5 Free";
}

.count_us .right-content p {
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 0;
}

.count_us .right-content h6 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
}

.count_us .row>.col-md-4 {
    padding: 15px;
}

.teammates.bg-image {
    width: 100%;
    height: auto;
    background-image: url('../images/zuzu_bgtop.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: initial;
    display: block;
    background-attachment: fixed;
}

.teammates-overlay {
    background: #ffffffe8;
    padding: 3em 0em 2em 0em;
}
.teammates h3 {
    font-size: 45px;
    font-weight: 600;
    color: #000;
    line-height: 45px;
    text-align: center;
    margin-bottom: 20px;
}
.teammates .row {
    row-gap: 20px;
}

.teammates-iner {
    box-shadow: 0 10px 20px -10px rgb(152 152 152 / 50%);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: white;
}

.teammates-img {
    text-align: center;
     margin: 10px 0 20px 0;
}

.teammates-img img {
    border-radius: 50%;
}


.teammates-img img:hover {
    transform: scale(1.2);
    transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
    transition-duration: .5s;
}
.teammates h6 {
    color: #30559D !important;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 10px;
}
.teammates p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: #1e1f1f;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.teammates-dec {
    text-align: center;
}

.working-inner .row {
    align-items: center;
}

.container-fluid {
    overflow-x: hidden;
}

.working-pad .right-image img {
    width: 100%;
}
.working-head {
    background: #02AFEF;
    padding: 2em 2em;
}
.working-content-right h3 {
    font-size: 40px;
    font-weight: 700;
    text-align: right;
    line-height: 40px;
    color: #000;
    
}
.working-content-right p {
    font-size: 18px;
    padding-left: 24px;
    margin-top: 14px;
    color: #000;
    font-weight: 500;
    line-height: 1.6em;
    
}
.working-content-right.font_change p{
    font-family: 'Poppins', sans-serif !important;
}

.working-inner .col-md-6.pad {
    padding: 0;
}

.gallery-content-right p a {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #00658a;
    text-decoration: none;
}
.gallery .bottom-head {
    color: #42AAD5;
    font-size: 22px;
    font-weight: 500;
}

.desktop_view {
    display: block;
}
.mobile_view {
    display: none;
}

.why_go li.li-set i {
    display: none;
}

.why_go li.li-set:before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 6px;
    top: 9px;
    left: -20px;
    background-color: #fff;
    border-radius: 3px;
}
section.container-fluid.send_enquiry {
    padding-bottom: 80px;
}
section.read_our_blog.blog-custom {
    padding-bottom: 80px;
}
.why-go-section-right button.bg-btn , .why-go-section-right a.bg-btn{
    background: white;
   
}

.why-go-section-right button.bg-btn span.btn_text , .why-go-section-right a.bg-btn span.btn_text {
     color: #0b86d0 !important;
}
.why_go li.li-set {
    position: relative;
}

.why_go li.li-set {
    margin-left: 15px;
}


@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px !important;}}



    @media screen and (min-width: 992px) and  (max-width: 1281px) {
     
      .swiper-button-next1 {
        background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));;
        position: absolute;
       top: 13.3rem !important;
      left: 4.5rem !important;
        padding: 20px;
        color: rgb(8, 8, 8) !important;
        
       }
      
        .swiper-button-prev2{
         background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));;
        position: absolute;
        top: 9rem !important;
       left: 4.5rem !important;
        padding: 20px;
        color: rgb(8, 8, 8) !important;
        
       }
       .flex{
        display: flex;
        justify-content: center;
        margin: 1.5rem 2.5rem 3rem 2.5rem ;
       }
        }

        @media only screen and (max-width: 767px) {
            .blog_list_s .blog_title_name h2 {
                min-height: auto;
            }
            
            .blog_list_s .bref_info_blog p {
                min-height: auto;
            }
            section.container-fluid.send_enquiry {
                padding-bottom: 40px;
            }
            section.read_our_blog.blog-custom {
                padding-bottom: 40px;
            }
.desktop_none{
    display:block;
}
.about-section h1{
    font-size: 21px;
    line-height: 1.5em;  
 }         
.about-section .left-box {
    padding: 0 !important;
}
section.about-section {
    width: 100%;
}
section.about-section span.bg-btn {
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 15px 20px 0 rgb(80 113 240 / 10%);
    padding: 16px 16px 16px 16px;
}
.about-section .right-contain {
    margin: 0;
}
.about-section .right-contain img{
    width: 100%;
    height: auto;
    padding-top: 20px;
}
.gallery h2{
    font-size: 27px;
}
.desktop_view {
    display: none;
}
.mobile_view {
    display: block;
}
.gallery .left-image img {
    width: 100%;
    height: auto;
}
.gallery-pad {
    margin-top: 0px;
}
.gallery-content-right h3.head-left {
    font-size: 29px;
    padding-top: 20px;
}
.right-img.mobile_view img {
    width: 100%;
    height: auto;
}
.creative-coder h3.head-left {
    font-size: 29px;
}
.creative-coder p{
    padding-top:20px;
}
.teammates h3 {
    font-size: 30px;
    line-height: 1;
}
.methodology img {
    height: auto;
}
    .swiper-button-prev {
      background: rgba(255, 255, 255, 0.38);
      position: absolute;
      top: 35% !important;
      left: 8% !important;
      padding: 12% 1.6%;
      color: rgb(8, 8, 8) !important;}


          .swiper-button-next{
      background: rgba(255, 255, 255, 0.38);
      position: absolute;
      top: 35% !important;
      padding: 12% 1.6%;
      right: 23px !important;
      color: rgb(8, 8, 8) !important;
    }

          .scrol{
            width: 88%;
            align-items: center;
            display: inline-block;
          }
          .fa.fa-instagram{
            margin-top: -3px;
          }
          .elementor-widget-wrap{
            padding-left:15px !important;
          }
          .img-set {
            width: 250px;
            margin: 19px auto;
            display: flex;}


          .padding{
          padding: 5px 27px !important;
         }

          .bg-btn-1{
          margin-bottom: 10px;
          margin-top: 5px;
         }
         .btn_text{
          padding: 4px 15px;
         }
          .text{
            font-size: 20px;
          }
          .color-set{
            font-size: 15px;
          }
          .banner_section{
             padding-bottom: 0px;
         }
          .grid-box2{
            margin: 0px 2px 2px 0px;
          }
          .grid-box4{
            margin: 2px 2px 2px 0px;
          }
          .grid-box5{
            margin: 0px 2px 2px 0px;
          }
          .profile{
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-bottom: 0px !important;
          }
          .text1{
            font-size: 27px;
          }
          .grid-box1,.grid-box,.grid-box2,.grid-box3,.grid-box4,.grid-box5{
            padding: 30px 30px 80px 30px;
          }
          .read_our_blog{
            padding: 15px;
          }
          h1.mobile_sevice_he {
                font-size: 30px !important;
                line-height: normal !important;
                margin-top: 10px !important;
            }
            hr.mobile_under_he {
                margin-left: 0 !important;
            }
            .service_form.new-form.img-fluid.img-banner-cust {
                margin-top: 35px !important;
                margin-bottom: 35px;
            }
            h2.custom-heading-h2 {
                font-size: 28px  !important;
            }
            hr.line.pink {
                margin-left: 0 !important;
            }
            hr.line.pink.m-auto {
                margin: auto !important;
            }
            .hand-crafted-top-right {
                padding: 0 !important;
            }
          .neww-heading h2{
            font-size: 30px;
            text-align: center;
            margin-bottom: 0px !important;
          }

          .elementor-widget-wrap{
            margin-top: 0px !important;
          }
          .mar_top{
            margin-top: 15px !important;
          }
          .read_blog{
            width: 100% !important;
          }
          .award-section-right{
             flex-wrap: wrap;
          }
          .award-section-right .img-box {
                width: 47%;
            }
            .what-we-do-design-inner {
                word-break: break-word;
            }
            .what-we-do-right {
                grid-template-columns: unset !important;
                gap: 25px !important;
            }
          .head-1{
            font-size: 31px;
            text-align: center !important;
            padding: 30px 15px 0px 15px;
            color: #000;
          }
          .owl-carousel .owl-item img{
            margin-bottom: 40px !important;
          }

          .portfolio .head-1{
        
            text-align: center;
          }
          .owl-next {
            background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
            position: absolute;
            top: 21.3rem !important;
            left: 9.655rem !important;
            /* height: 10% !important; */
            padding: 20px;
            color: rgb(8, 8, 8) !important;
            /* width: 3% !important; */
            z-index: +111;
          }

         .owl-prev{
          background: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
          position: absolute;
          top: 21.3rem !important;
          left: 6.655rem !important;
          /* height: 10% !important; */
          padding: 20px;
          color: rgb(8, 8, 8) !important;
          /* width: 3% !important; */
          z-index: +111;
 
            }
          
            .bottom_content {
              position: absolute;
              bottom: 40px;
              width: 100%;
              text-align: center;
              text-transform: capitalize;
              font-size: 21px;
              cursor: pointer;

        }
        .Skinny_Teatox{
      height: 225px !important;
        }
        .about-us{
          padding: 0PX !important;
        }
        .zuzucodes{
          font-size: 31px;
          text-align: center;
        }
        .all_content{
          padding: 0px 15px 0px 15px;
        }
        .portfolio {
          width: 100% !important;
          overflow: hidden !important;
          float: right;
          /* padding-right: 27px !important; */
         
          
        }
        .girl_img{
          padding: 0px 15px 0px 15px;
          width: 375px;
          height: 345px;
          margin-top: 0px !important;
        }
        .conte_testi {
          font-family: "Poppins", Sans-serif;
          font-size: 17px;
          font-weight: 400;
          color: #fff;
          text-align: left;
          line-height: 1.8;
          margin: 0 0 20px;
          font-style: italic;
          position: absolute;
          left: 80px;
          top: 4px;
          padding-right: 60px;}
          
          .swiper-pagination-bullets .swiper-pagination-bullet {
            width: 14px;
            height: 3px;
            border-radius: 0;
          }
          .contain{
            display:block ;
            padding: 0rem 0 2.5rem 0;
            padding-bottom: 15px;
          }
          .head2 {
            text-align: center;
            font-size: 31px;
          margin-bottom: 20px;}

            .left-contain,.right-contain{
              width: 100%;
              height: auto;
              margin-top: 15px ;
          }
          .para1{
            padding: 0px !important;
          }
          .box{
            display: block;
          }
          .left-box{
            width: 100%;
          }
          .right-box{
            margin-left: 0px;
            width: 100%;

          }
          .li-set{
            font-weight: 400;
            font-size: 16px;
            margin-top: 9px;
          }
          .right-contain{
            margin-top: 30px;
          }
          .flex {
            flex-wrap: wrap;
           margin-left: -2px !important;
  
          }
          .facebook_i a .facebook_icon::before{
            color: #3b5998 !important;
            background-image: linear-gradient( to bottom, transparent 0%, white 0%, white 100%, transparent 0% );
            background-size: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            width: 16px !important;
            text-align: center;
            display: block;
            height: 16px;
      
          }
          header i.fa.fa-whatsapp {
            font-size: 22px;
          }

         header i .fa .fa-facebook{
            color: #3b5998;
    background-image: linear-gradient( to bottom, transparent 0%, white 0%, white 100%, transparent 0% );
    background-size: 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 16px;
    text-align: center;
          }
    .btn-1{
      margin-left: 33px !important;
    }
    .btn-2{
      margin-left: 40px !important;
    }
    .button_1{
      margin-right: 0px !important;
    }
    .button_2{
      margin-bottom: 30px ;
      margin-top: 10px !important;
    }
    .head1{
      margin-bottom: 0px !important;
    }
    .line{
      width: 125px;
      margin-top: 20px;
    }
    .heading_section{
      margin-top: 0px !important;
    }
    .captcha{
      width: 100%;
    }
    .conte_testi::before {
      content: "\f10d";
      font-family: 'Fontawesome';
      float: left;
      margin-right: 10px;
      color: #1A366E;
      position: absolute;
      left: -20px;
      top: -35px;
      font-size: 40px !important;
  
    }
    .conte_testi {
      font-family: "Poppins", Sans-serif;
      font-size: 17px;
      font-weight: 400;
      color: #fff;
      text-align: left;
      line-height: 1.8;
      margin: 0 0 20px;
      font-style: italic;
      position: absolute;
      left: 24px;
      top: 23px;
      padding-right: 60px;}

    

/*service page*/      
    .greenRow .flexyContainerWithWrap.contentContainer {
        width: 100%;
        justify-content: center;
        display: inline-block;
        text-align: center !important;
    }
    .greenRow h2.inlineBlock.left {
        padding-bottom: 20px !important;
        justify-content: center;
    }
    .greenRow a.pageButton.pulse.right {
        margin-right: 0;
    }
/*service end page*/      
  }
      @media screen and (max-width:992px) {
        #cs-mobile-icon{
          display: block;
        }
        .hidden-xs {
          display: none!important;
      }
      .navbar1{
        display:none ;
      }
      .call_icon {
        width: 100%;
        text-align: center;
        padding: 10px 0px 8px 0px;
        
      }
      
      .header_icons {
        justify-content: center;}

        .instagram_i i.fa.fa-instagram::before {
          background-image: none !important;
        }
        .call_icon{
          background-color: #30559c;
          margin-top: 12px;
          transition: 3s;
        }
      }


      @media only screen and (min-width:992px){
      .call_icon{
        display: none !important;
      }
    }
 




/*contact page*/

section.contactus_map iframe {
    padding: 0;
}
section.contactus_form .title_box {
    text-align: center;
}
section.contactus_form .title_box p{
    color: #000;
    font-size: 20px;
} 
section.contactus_form .title_box h1{
    color: #000;
    font-size: 45px;
} 
section.contactus_form {
    padding: 2em 0em 2em 0em;
}

form.contact_us_page_form {
    padding: 20px 20px 20px 20px;
    background-color: rgba(122,122,122,.04);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 5%);
}

form.contact_us_page_form input , form.contact_us_page_form textarea {
    background-color: #fff !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    color: #333 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block !important;
    float: none !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    padding: 6px 10px !important;
    height: 38px !important;
    width: 100% !important;
    line-height: 1.3 !important;
    margin: 10px 0;
}
form.contact_us_page_form input:focus , form.contact_us_page_form select:focus , form.contact_us_page_form textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    outline: 0 !important;
}
form.contact_us_page_form textarea{
    height: 120px !important;
}
form.contact_us_page_form select {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;
    margin: 10px 0;
}

form.contact_us_page_form .iti {
    width: 100%;
}

form.contact_us_page_form .iti input#phone {
    padding-left: 50px !important;
}

form.contact_us_page_form .half_filds {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

form.contact_us_page_form .half_filds input {
    width: 49% !important;
}

form.contact_us_page_form .full_field lable p {
    font-weight: 700;
}

.checkbox_fields {
    margin-top: 5px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.check_fild lable {
    margin-right: 1em;
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.8;
}

.checkbox_fields input[type="checkbox"] {
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 10px 0 3px !important;
    display: inline-block !important;
    vertical-align: baseline !important;
}

.checkbox_fields span.check_span {
    display: inline;
    vertical-align: baseline;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    word-break: break-word;
    color: #555;
}

.contact_us_details {
    padding: 20px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.contact_us_details h4.heading {
    color: #333;
    font-size: 18px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 20px;
}

.contact_us_details .detail_address a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
}

.icon_left i {
    width: 1.25em;
    color: #2C549C;
}

.address_rigt {
    padding-left: 5px;
}

.detail_address {
    width: 100%;
    margin-bottom: 20px;
}
.icon_left i:before {
    background: unset;
    color: #2C549C;
}

a.no_curcer {
    cursor: unset !important;
}

a.fbutton.fb_c .icon_c {background-color: #3b5998;}

a.fbutton.wtap .icon_c {background-color: #25d366;}

a.fbutton.inst_c .icon_c {background-color: #FF441D;}

a.fbutton.inst_c .icon_c i {
    color: #fff;
    background: none;
}
a.fbutton .icon_c {
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    --icon-size: 21px;
    font-size: var(--icon-size,25px);
    line-height: var(--icon-size,25px);
    width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
    height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));
}
a.fbutton .icon_c i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 24px;
}
.contact_us_page_form .full_field.sub_btn input {
    background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222)) !important;
    border: none !important;
    color: #fff !important;
    width: 40% !important;
    border-radius: 6px !important;
    font-size: 1em !important;
    margin: auto;
}



/*blog list page*/

section.blog_list_bnr {
    width: 100%;
    text-align: center;
    background-image: url('../images/blog_list_bnr.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 4em 4em 4em 4em;
}
.img_box img {
    width: 100%;
}

section.blog_list_s {
    margin-top: 50px;
    margin-bottom: 50px;
}

.blog_list_s .blog_list {
    box-shadow: 0px 0px 10px 0px #b9b9b9;
    margin-right: 10px;
    margin-bottom: 20px;
    transition: transform .2s;
}

.blog_list_s .blog_list .bottom_blog_details {
    padding: 10px 15px;
}

.blog_list_s .blog_list .bottom_blog_details .blog_title_name h2 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.blog_list_s .blog_list .bottom_blog_details .bref_info_blog p {
    font-size: 15px;
}
.check_circle_text svg {
    width: 20px;
}

.blog_list_s .blog_list .bottom_blog_details .read_more_btn a {padding: 5px 15px;border-radius: 15px;color: #fff;}

.blog_list_s .blog_list .bottom_blog_details .read_more_btn {
    margin-bottom: 20px;
}

.blog_list_s .blog_list .bottom_blog_details .read_more_btn a:hover {
    opacity: .9;
}
.list_inline_blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.blog_list_s .blog_list:hover {
    transform: scale(1.009);
}








/* our work section css start  */

.portfolio_head{
  padding: 50px 120px;
}

.portfolio_head h2{
  font-size: 50px;
  font-weight: 900;
}
.portfolio_head p{
  margin-bottom: 0;
    line-height: 1.8;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #555;
}
.grid_container{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 0px;
  background-color: #2196F3;
  overflow: hidden;
  width: fit-content;
  width: 100%;
  height: auto;
}
.item_nine .text-area-images {
    padding: 300px 0px;
}
.item_first{
  background-image: url('../images/portfolio-1.jpg');
  background-repeat: no-repeat;
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: 6;
  background-size: cover;
}
.item_second{
  background-image: url('../images/portfolio-2.jpg');
  background-repeat: no-repeat;
  grid-row: 1;
  grid-column-start: 6;
  grid-column-end: 12;
  background-size: cover;
}
.item_third{
  background-image: url('../images/portfolio-3.jpg');
  background-repeat: no-repeat;
  grid-row: 2 / span 2;
  grid-column: 1 / 3;
  background-size: cover;
}
.item_fourth{
  background-image: url('../images/portfolio-4.jpg');
  background-repeat: no-repeat;
  grid-row: 2;
  grid-column: 3 / 9;
  background-size: cover;
}
.item_five{
  background-image: url('../images/portfolio-5.jpg');
  background-repeat: no-repeat;
  grid-row: 2;
  grid-column: 9 / 12;
  background-size: cover;
}
.item_six{
  grid-row: 3;
  grid-column: 3 / 12;
}
.item_seven{
  background-image: url('../images/portfolio-7.jpg');
  background-repeat: no-repeat;
  grid-row: 4;
  grid-column: 1 / 3;
  background-size: cover;
}
.item_eight{
  background-image: url('../images/portfolio-8.jpg');
  background-repeat: no-repeat;
  grid-row: 4;
  grid-column: 3 / 9;
  background-size: cover;
}
.item_nine{
  background-image: url('../images/portfolio-9.jpg');
  background-repeat: no-repeat;
  grid-row: 4 / span 2;
  grid-column: 9 / 12;
  background-size: cover;
}
.item_ten{
  background-image: url('../images/portfolio-10.jpg');
  background-repeat: no-repeat;
  grid-row: 5 ;
  grid-column: 1 / 9;
  background-size: cover;
}
.item_eleven{
  background-image: url('../images/portfolio-11.jpg');
  background-repeat: no-repeat;
  grid-row: 6 ;
  grid-column: 1 / 9;
  background-size: cover;
}
.item_tewelve{
  background-image: url('../images/portfolio-12.jpg');
  background-repeat: no-repeat;
  grid-row: 6 ;
  grid-column: 9 / 12;
  background-size: cover;
}

.item_thirteen{
  background-image: url('../images/portfolio-13.jpg');
  background-repeat: no-repeat;
  grid-row: 7 ;
  grid-column: 1 / 3;
  background-size: cover;
}
.item_fourteen{
  grid-row: 7;
  grid-column: 3 / 9;
}

.item_fifteen{
  background-image: url('../images/portfolio-15.jpg');
  background-repeat: no-repeat;
  grid-row: 7 ;
  grid-column: 9 / 12;
  background-size: cover;
}
.item_sixteen{
  background-image: url('../images/portfolio-16.jpg');
  background-repeat: no-repeat;
  grid-row: 8 ;
  grid-column: 1 / 6;
  background-size: cover;
}
.item_seventeen{
  background-image: url('../images/portfolio-17.jpg');
  background-repeat: no-repeat;
  grid-row: 8 ;
  grid-column: 6 / 12;
  background-size: cover;
}

.text-area-images {
  margin: auto;
  padding: 110px 20px;
  opacity: 0;
  height: 100%;
  max-height: -webkit-fill-available;
  text-align: center;
  line-height: 52px;
  transition: 0.3s;
}
.text-area-images:hover {
  margin: auto;
  background: #ffffffb8;
  opacity: 1;
  transition: 0.3s;
}
.text-area-images h3{
  margin: 0;
  font-size: 32px;
  font-weight: 900;
  color: #333;
  margin-bottom: 0px;
}
.text-area-images p{
  color: #000;
  font-size: 17px;
  padding: 16px;
  margin-bottom: 0px;
  line-height: 1.8;

}
.text-area-images  button{
  background-color: transparent;
}

.text-area-images  button a{ 
  padding: 12px 20px;
  background-color: #02afef;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
}
.text-area-image p{
  font-size: 21px;
  margin: 0;
  color: #fff;
  padding: 90px;
}
.grid_container > div {
    font-size: 30px;
    background-position: center;
    background-size: cover;
    height: auto;
}

/* our work section css end  */

/* mobile view portfoli css start  */
@media only screen and (max-width:767px){
/*.scrol .conte_testi::after {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
    color: #1A366E;
    position: absolute;
    right: 10px;
    bottom: -53px;
    font-size: 40px !important;
    rotate: 180deg;
}    
.scrol::after{
    display: none ;
}*/
.social_media_follow_c.footer_bottom {
    padding-bottom: 19px;
}
ul.copy_right_menu {
    flex-wrap: wrap;
}
  .portfolio_head {
    padding: 20px;
}
.grid_container {
  display: block;
}
.text-area-image p {
  padding: 60px;
}
.item_fourteen .text-area-image p {
  padding: 40px;
}
.item_nine .text-area-images {
    padding: 110px 20px;
}
}
/* mobile view portfolio css end  */



/* review page css start  */
.customer_says_about h1{
  text-align: center;
  font-size: 50px;
    text-transform: uppercase;
    color: #000 ;
    padding: 1.5em 0em 2.5em 0em;
    margin-bottom: 0px;
}


.customer_says_about p{
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  text-transform: capitalize;
    color: #000 ;
    padding: 0em 0em 2em 0em;
    margin-bottom: 0px;
}

.comment_first{
  transition-duration: .3s;
  transition-property: transform;
 
  
 
}

.comment_first:hover{
  transform: scale(1.1);
}

.comment_row img{
  vertical-align: baseline;
}
.bottom_images img{
  vertical-align: baseline;
 
}
.first, .second{
  margin: auto;
   display: block;
}
.comment_row{
  padding-bottom:2em;
}


.reivew-right{
  padding: 2em 1em 2em 1em;
  margin: 0px;
  float: right;
  display: block;

}
.reivew-left{
  padding: 2em 0em 2em 3em;
  margin: 0px;
  float: left;
  display: block;
  width: -webkit-fill-available;
}

.no_matter{
  padding: 2em 0em 5em 0em;
}
.no_matter p{
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
    color: #000 ;
    margin-bottom: 16px;
}
.flag_images{
  margin: auto;
  display: flex;
  padding-bottom: 2em;
}

.three_images{
  width: 94%;
  margin: auto;
  padding: 1em 0em 2em 0em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.third_cmnt{
  margin-left: 20px;
}

.review_form  h2{
  color: #000 !important;
  font-size: 45px;
  font-weight: 600;

}

.review_form i{
  color: #30559D;

}

.review_form_main{
  padding: 45px 21px 45px 21px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.16);
  border-radius: 4px;
  margin: 2em 0em 4em 0em;
 

}

.review_form_main .form-control {
   margin-bottom: 20px;
   border-radius: 2px !important;
    color: #333 !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    padding: 6px 10px !important;
}
.review_form_main #wpforms-2012-field_2{
  font-size: 14px !important;
  height: 120px;
}

.review_form_button{
  background-color: #08aae4  ;
  color: #FFF;
  font-size: 1.2em;
  padding: 8px 15px !important;
  width: 100%;
  border: none;
  border-radius: 6px;
}

.inquiry_box{
  background-color: #6665cc;
  padding: 28px 40px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 3.5em;
    display: flex;
    justify-content: space-between;
}
.inquiry_box h2{
 font-size: 33px;
 }

 .inquiry_box p{
  font-size: 19px;
  color: #fff;
  margin: 12px 0 24px;

  }

  #input_box{
    padding: 4px 9px;
    border-radius:4px ;
    font-size: 14px;
    border: 1px solid rgba(0,0,0,0);
  }
.wrap{
  display: flex;
}

#button_tag{
  padding: 4px 14px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;border: 1px solid rgba(0,0,0,0);
  border-radius: 4px;
  white-space: nowrap;
  font-weight: 400;
  background-color: #1c9400;
  margin-left: 10px;
  cursor: pointer;

}
#button_tag:hover{ 
  background-color: #1d9c00;;
}
.svg_icon_img{
  float: right;
}



@media only screen and (min-width:767px){
  .width_class{
    width: 100%;
  }

  .third_cmnt{
    width: 100%;
  }

}
@media only screen and (min-width:767px) and (max-width:1023px){
  .width_second_class{
    width: auto !important;
  }
  
  .width_class{
    width: 100%;
  }
  .comment_first{
    width: 100%;
  }
  

}


/* mobile view css start  */
@media only screen and (max-width:767px){
.comment_first{
  width: 100%;
}
.third_cmnt{
  margin: 10px;
}
.svg_icon_img{
  display: none;
}
.customer_says_about h1{
  padding: 10px;
  font-size: 32px;
}
.customer_says_about p {
  padding-bottom: 20px;
}
.first{
  width: auto !important;
}
.comment_row {
  padding: 0px 20px 0px 20px;
}

.reivew-right{
  padding: 0px !important; 
}
.no_matter p{
  font-size: 19px;
  line-height: 1.4em; 
}
.no_matter .container{
  --bs-gutter-x: 1.5rem !important;
}   
.inquiry_box h2{
  font-size: 20px;
  text-align: center;
  }
  .inquiry_box{
    padding: 16px 24px;
    display: block;
  }
  .inquiry_box p{
    font-size: 16px;
    text-align: center;
    margin: 8px 0 20px;
    }
    .wrap{
      display: block;
    }
    #input_box{
      width: 100%;
      margin-bottom: 12px;
      text-align: center;
    }
    #button_tag{
      margin: 0px;
      width: 100%;
      display: block;
      text-align: center;
    }

    .three_images{
      display: block;
    }
}

/* mobile view css end  */
/* review page css end  */





/*blog single page*/

.blog .blog_heading{
    color: #000000;
    background-color: #02afef;
   }
   .blog_heading h2{
    margin-bottom: 0px !important;
   padding: 20px 0px;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
   }
  
  .recent_comment{ 
     display: flex;
     align-items: center;
     margin-bottom: 50px;
  }
  
  .recent_comment_row{
    background-color: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 10px rgba(0,0,0,.07);
    padding: 20px !important;
    border-radius: 5px;
    height: fit-content;
  }
  .entry_image img{
    width: 73px;
    border-radius: 50%;
  }
  
  
  .recent_blog{
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.07);
    padding: 10px !important;
    border-radius: 5px;
    height: fit-content;
  }
  .recent_blog h6{
    font-weight: 400 !important;
  font-size: 21px;
  color: #02afef;
  margin-bottom: 20px;
  
  }
  
  .blog_post_one a{
    text-decoration: none;
    color: #333;  
    cursor: pointer;
    font-size: 12px;
      font-style: normal;
      font-weight: 400;
  }
  .blog_post_one p{
  margin-bottom: 0px !important;
  }
  .blog_post_one span{
    margin-bottom: 0px !important;
    font-size: 11px;
    color: #555555;
    opacity: .7;
    }
  
  .blog_post_one a:hover{
    color: #e9425d;
  }
  .blog_post_one{
    display: flex;
  }
  
  .blog_paragraph{
    margin-left: 16px;
  }
  
  .entry-meta span a{
    text-decoration: none;
    font-size: 17px;
    color: #02afef !important;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
  }
  .entry-meta{
    width: 100%;
  }

  
  .blog_Section_ .col-md-9{
    width: 72% !important;
  }
  
  .blog_Section_ .col-md-3{
    margin-left: 21px;
  }
  
  .has-text-align-center{
    font-size: 12px;
    text-align: center;
    font-weight: 400;
  }
  .tag_links span a{
    text-transform: uppercase;
    font-size: 17px;
    color: #02afef !important;
    font-weight: 600;
  }
  
  @media only screen and (max-width:767px){
    .blog_Section_ .col-md-9 {
      width: 96% !important;
      margin: auto;
    }
    .entry-meta .float-end{
      float: left !important;
    }
    .entry_image img{
      margin-right: 20px;
    }
    .blog_Section_ .col-md-3{
      margin-left: 0px;
      width: 96% !important;
      margin: auto;
      margin-top: 20px;
    }
  }
  
  
/*blog single page end*/




/*service detail page*/

.single_services_page section.banner_with_form {
    margin-left: calc((100vw - 100%) / -2);
    width: 100vw;
}

.single_services_page section.banner_with_form .boxs_service {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.single_services_page .image_section img {
    vertical-align: middle;
    display: inline-block;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.single_services_page .image_section {display: flex;flex-wrap: wrap;justify-content: center;}

.single_services_page .boxs_service .col-md-5 {
    display: flex;
    padding-right: 40px;
}

.single_services_page section.banner_with_form .boxs_service .mid_content h1 {
    margin-bottom: 20px;
    font-size: 50px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}

.single_services_page section.banner_with_form .boxs_service .mid_content p {
    line-height: 1.8;
    margin: 0 0 20px;
    text-align: justify;
    color: #000;
}

.single_services_page a {
    color: #00658a;
}

.single_services_page section.banner_with_form .col-md-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.single_services_page .form_right {
    padding: 20px 20px 20px 20px;
    border: 1px solid #30559c;
    border-radius: 5px;
    margin: auto;
    width: 70%;
}

.single_services_page .form_right .heding_form h3 {
    color: #000;
    font-family: "Poppins",Sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
}
.single_services_page .form_right .heding_form {
    text-align: center;
}
.single_services_page section.single_services {
    padding-top: 40px;
}

.single_services_page input, .single_services_page select , .single_services_page textarea {
    background-color: #fff !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    color: #333 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block !important;
    float: none !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    padding: 6px 10px !important;
    height: 38px !important;
    width: 100% !important;
    line-height: 1.3 !important;
    margin-top: 0px;
    margin-bottom: 5px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;
}

.single_services_page .half_filds {
    display: inline-block;
}

.single_services_page .half_filds input {
    width: 49% !important;
    float: left !important;
}
.single_services_page .half_filds input:first-child {margin-right: 5px;}

.single_services_page select:focus, .single_services_page input:focus , .single_services_page textarea:focus {
    border: 1px solid #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.single_services_page .half_filds input:first-child {margin-right: 5px;}
.single_services_page .full_field.sub_btn {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}

.single_services_page .full_field.sub_btn input {
    background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222)) !important;
    width: 40% !important;
    font-size: 1em !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
}

.single_services_page .full_field.sub_btn input:hover {
    color: #fff !important;
    background-image: linear-gradient(130deg, rgb(9, 154, 222), rgb(16, 84, 173)) !important;
}
.single_services_page .fadeInLeft {
    animation-name: fadeInLeft;
     animation-duration: 2s;
}
.single_services_page h2.heading_servicesec {
    font-size: 45px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.single_services_page section.service_second_section {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 2em 0em 0em 0em;
}

.single_services_page .service_second_section .inner_content {
    padding: 0em 2em 0em 0em;
}

.single_services_page p {
    line-height: 1.8;
    text-align: justify;
    color: #000;
    margin: 0 0 20px;
    font-size: 18px;
    font-style: normal;
}
.single_services_page .alien_center_sidebar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.single_services_page .alien_center_sidebar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 2em 2em 2em 2em;
    box-shadow: 0 10px 15px 0 rgb(64 84 178 / 12%);
    transition: background 0s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}

.single_services_page .heading_service_menu h4 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.single_services_page .list_menusevice ul li a {
    font-family: "Roboto",Sans-serif;
    font-weight: 600;
    color: #5d5e61;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.single_services_page .list_menusevice ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single_services_page .list_menusevice ul li a:hover {
    color: #1bc1ff;
}
.single_services_page .list_menusevice ul li a.active_service {
    color: #1bc1ff;
}
.single_services_page .inner_three_section {
    display: flex;
    justify-content: start;
    padding: 10px;
}

.single_services_page .content_right_icon {
    padding-left: 15px;
}

.single_services_page .icon_left_service i {
    border-color: #000;
    font-size: 14px;
    border-radius: 50%;
    padding: 6px;
    color: #000;
    border: 3px solid #000;
    background-color: transparent;
}
.single_services_page section.service_three_section {
    padding: 3em 0em 0em 0em;
}
.single_services_page section.box_services_bottom {
    padding: 5em 0em 0em 0em;
}

section.single_services_page {
    margin-bottom: 40px;
    padding: 0em 0em 5em 0em;
}

section.single_services_page .inner_box {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1EEEE;
    box-shadow: 0 0 5px 0 rgb(64 84 178 / 12%);
    transition: background 0s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    border-radius: 7px 7px 7px 7px;
    padding: 2em 2em 2em 2em;
    text-align: center;
}

section.single_services_page .icon_cir {
    margin-bottom: 21px;
}

section.single_services_page .icon_cir i {
    fill: #000;
    color: #000;
    font-size: 32px;
    padding: 0.5em;
    border: 3px solid #000;
    background-color: transparent;
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    border-radius: 50%;
    width: 15%;
}
section.single_services_page p {
    text-align: justify;
}
section.box_services_bottom p{
    text-align: center;
}
section.single_services_page h3 {
    font-size: 24px;
    color: #000;
}
section.single_services_page .inner_box:hover {
    box-shadow: 0 10px 40px 10px rgb(171 171 171 / 30%);
}
section.single_services_page .icon_cir i:hover {
    fill: #5ABDE7;
    color: #5ABDE7;
    border-color: #5ABDE7;
    cursor: pointer;
}
.single_services_page .iti.iti--allow-dropdown {
    width: 49%;
}
.single_services_page .iti.iti--allow-dropdown input {
    width: 100% !important;
    padding-left: 25% !important;
}
@keyframes fadeInLeft {
  from {opacity: 0;
    transform: translate3d(-100%,0,0);}
  to {    opacity: 1;
    transform: none;}
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


@media screen and (max-width: 767px) {
    .portfolio .owl-carousel{
        width:100% !important;
    }
    section.web-design-solution-section{
        padding: 0px 0px 80px 0px !important;
    }
    .portfolio .owl-next{
        left: 11.9rem !important;
    }
    h1.custom-main-head-h1{
        font-size: 30px !important;
        line-height: normal !important;
        margin-top: 10px !important;
    }
    .testimonials p.conte_testi {
        padding-top: 50px;
        padding-left: 8px;
        padding-right: 25px;
    }
     .testimonials .scrol{
        width:100%;
    }
    .testimonials .swiper-slide.swiper-slide-active{
        margin-right:0px !important;
        padding-right: 10px;
    }
    .swiper-button-prev{
        left:5px !important;
    }
    .swiper-button-next{
        right:5px !important;
    }
    .portfolio .owl-prev{
        left: 8.5rem !important;
    }
    section.web-design-solution-section {
        padding: 0px 0px 40px 0 !important;
    }
    section.what-we-do-design {
        padding: 30px 10px 40px 10px !important;
    }
    section.award-section-design {
        padding: 0px 10px 40px 10px !important;
    }
    section.get-quote-section-design {
        padding: 0px 10px 40px 10px !important;
    }
    .get-quote-design-inner {
        max-width: 100% !important
    }
    section.why-go-section {
        padding: 0px 0px 40px 0px !important;
    }
    section.portfolio {
        padding: 0px 0px 40px 0px !important;
    }
    a.banner-btn.mt-2.whats_chat {
        margin-top: 20px !important;
    }
    section.container-fluid.send_enquiry {
        margin: 0px 0px 0px 0px !important;
    }
    .nav-link:focus {
        color: #30559c !important;
    }
    ul.why_go {
        grid-template-columns: 1fr 1fr !important;
    }
    .single_services_page section.banner_with_form .boxs_service .mid_content h1 {
        font-size: 30px;
        text-align: center;
    }
    .single_services_page section.single_services p {
        padding: 10px !important;
    }
   .single_services_page p {
        padding: 10px;
    }
    
    .single_services_page .form_right {
        width: 95%;
    }
    
    .single_services_page .form_right .heding_form h3 {
        font-size: 21px;
        text-align: left;
    }
    
    .single_services_page .half_filds input {
        width: 100% !important;
    }
    
    .single_services_page h2.heading_servicesec {
        font-size: 30px;
    }
    
    section.single_services_page p {
        padding: 0;
        text-align: justify;
    }
    
    .single_services_page .service_second_section .inner_content {
        padding: 0;
    }
    
    .single_services_page  .alien_center_sidebar {
        display: none;
    }
    
    .single_services_page .inner_three_section {
        flex-wrap: wrap;
        justify-content: center !important;
        text-align: center;
    }
    
    .single_services_page section.service_three_section {
        padding: 0;
    }
    
    .single_services_page section.service_second_section {
        margin-bottom: 0px;
    }
    
    .single_services_page .icon_left_service i {
        margin-bottom: 20px;
    }
    
    .single_services_page .content_right_icon {
        padding: 0;
    }
    
    .single_services_page section.service_three_section p {
        text-align: center;
    }
    
    section.single_services_page .icon_cir i {
        width: auto;
    }
    
    .single_services_page section.box_services_bottom p {
        text-align: center;
    }
    
    section.single_services_page .inner_box {
        margin-bottom: 20px;
    }
    .single_services_page .iti.iti--allow-dropdown {
        width: 100%;
    }
    .single_services_page form .iti.iti--allow-dropdown input {
        padding-left: 15% !important;
    }
    .single_services_page form .intl-tel-input.allow-dropdown {
        margin-bottom: 5px;
    }
}


/*service detail page end*/









/* hire php developers page css start  */

.hire_Php_developers .fadeInLeft{
    font-size: 50px;
    text-transform: capitalize;
    color: #000;
    line-height: 1;
  
}


.php_inquiry_btn{
  background-image: linear-gradient(130deg, rgb(16, 84, 173), rgb(9, 154, 222));
  border: none;
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 5px;
    padding: 10px 24px;
    margin-top: 20px !important;
    display: inline-block;
}
.development_cycle img , .industries_requirement img{
    width: 80px;
    height: 80px;
}
.php_inquiry_btn:hover{
  background-image: linear-gradient(130deg,  rgb(9, 154, 222),rgb(16, 84, 173));
}
.php_question p strong{
  font-weight: 700;
  line-height: 1.8;
  color: #000;
  font-size: 18px;
}
.php_icon_heading a{
  font-size: 24px;
  font-style: normal;
  color: #000 !important; 
  font-weight: 600;
}
.php_icon_heading {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
}
.text_with_img .col-md-1{
  width: 10% !important;
}
.text_with_img .col-md-11{
  width: 90% !important;
}

.development_cycle{
    position: relative; 
    width: 100%;
    display: flex;
    margin-top: 30px;
   padding: 2em 0em;
}
.development_cycle::before{
  content: "";
  background-image: url("./images/php images/php_background_img.jpg" );
  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .09;
    z-index: -111;
    

}

.gathering_requirement{
  padding: 10px;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #F1EEEE;
  box-shadow: 0 0 5px 0 rgba(64,84,178,.12);
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #000 !important;
  transition: background 0s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
  
}
.gathering_requirement h3 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 14px;
  font-weight: 600;

}

.gathering_requirement .comment_paragraph{
  color: #000 !important;
}
.gathering_requirement:hover{
  box-shadow: 0px 0px 20px #0000004b;
}
.development_cycle .col-md-4{
  width: 31.6%;
  margin-right: 12px;
  display: inline-block;
}

  .development_cycle .col-md-6{
    flex: 0 0 auto;
    width: 47.9%;
    margin-right: 12px;}

    .industries_covered .col-md-6{
      flex: 0 0 auto;
      width: 47.9%;
      margin-right: 12px;
    }
    .industries_covered .col-md-4{
      width: 31.6%;
      margin-right: 12px;
      display: inline-block;
    }

    .industries_requirement{
      border: 1px solid #78D7FF;
      padding: 10px;
      transition: background 0s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
      border-radius: 7px;
      align-items: center;
      text-align: center;
      justify-content: center;
    } 

    .industries_requirement h3 {
      color: #000;
      margin-top: 10px;
      margin-bottom: 10px;
      font-weight: 600;
    
    }
    .industries_requirement:hover{
      box-shadow: 0px 0px 8px #00000033;
    }

.check_circle_text{
  display: flex;
  font-size: 18px;
}
.check_circle_text i{
    line-height: 1.8;
}
.about-inner svg {
    width: 20px;
}
.count-border .left-img svg {
    width: 40px;
    margin-top: 0;
    line-height: 0;
}
.check_circle_text p{
  margin-bottom: 0px;
  margin-left: 8px;
  color: #555;
}

.faq_question{
  background-color: #F5F6F6;
  padding: 2em 0em;

}
.accordion{
  --bs-accordion-bg: transparent !important;
}

.accordion-button:not(.collapsed){
  box-shadow: unset !important;
  background-color: unset !important;
  color: #1F3498 !important;
}
.accordion-button:focus {
  box-shadow: unset !important;
  border: none !important;
}


.faq_heading{
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-top: 16px;
}

.accordion-button::before {
  font-family: "Font Awesome 5 free";
  content: "\f00c";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  color: #1F3498;
  margin-right: 16px !important;
} 
.accordion-button::after{
  display: none !important;
} 

.accordion-button:not(.collapsed)::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  transform: var(--bs-accordion-btn-icon-transform) !important;
  color: #1F3498;
  margin-right: 16px !important;
}

#flush-collapseThree ul{
  color: #7A7A7A;
  font-weight: 500;
  font-size: 18px;
  margin-left: 40px;
}

#flush-collapseOne ul{
  color: #7A7A7A;
  font-weight: 500;
  font-size: 18px;
  margin-left: 40px;
}
@keyframes fadeInLeft {
  from {opacity: 0;
    transform: translate3d(-100%,0,0);}
  to {    opacity: 1;
    transform: none;}
}
.fadeInLeft {
  animation-name: fadeInLeft;
   animation-duration: 2s;
}

@keyframes fadeInRight {
  from {opacity: 0;
    transform: translate3d(100%,0,0);}
  to {    opacity: 1;
    transform: none;}
}
.fadeInRight {
  animation-name: fadeInRight;
   animation-duration: 2s;
}


@media only screen and (max-width:767px){
      .hire_Php_developers .fadeInLeft {
        font-size: 28px;
        text-align: center;
      }
     
.hire_Php_developers img{
  margin-top: 20px;
}
.text_with_img  .row{
  display: block !important;
}
.development_cycle .col-md-4{
  width: 96% !important;
  margin: auto;
  
}
  .development_cycle .col-md-6{
    width: 96% !important;
      margin: auto;}

    .industries_covered .col-md-6{
      width: 100% !important;
      margin: auto;
   
    }
    .industries_covered .col-md-4{
      width: 100% !important;
      margin: auto;
    }
    .text_with_img .col-md-11 {
      width: 96% !important;
  }
  .text_with_img .col-md-1 {
    width: 96% !important;
    margin: auto;
    text-align: center;
}
.added_benefits{
  width: 96% !important;
  margin: auto;
}
.industries_covered{
  width: 96% !important;
  margin: auto;
}
.python_dev{
  width: 96% !important;
  margin: auto !important;
}
}
/* hire php developers page css end  */
.mobile_nevigation ul li {
    padding: 0px 15px;
}

.lets-build-section p {
    color: #fff;
}

  p {
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #1d252c;
    line-height: 22px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.8;

  }
  
  h4.footer_heading {
    font-family: 'Poppins', sans-serif !important;
}

.list-style a {
    font-family: 'Poppins', sans-serif !important;
}

span.footer_text {
    font-family: 'Poppins', sans-serif !important;
}
h1 , strong{
    font-family: 'Poppins', sans-serif !important;
}
  
  h1{
     font-size: 45px !important;
    line-height: 50px !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    color: #1d252c !important;
  }
  
  
h3 {
    font-family: 'Poppins', sans-serif !important;
}
.portfolio .owl-carousel.owl-theme.owl-loaded.owl-drag {
    margin-bottom: 20px;
}
ul.copy_right_menu {
    list-style: none;
    display: flex;
    justify-content: end;
}
.footer-end {
    padding: 15px;
    display: block;
}
ul.copy_right_menu li.list-item {
    margin-right: 5px;
}