.clear{
clear: none|left|right|both|initial|inherit;
}
body{
font-family: "Neutraface Display", sans-serif !important;
}
.scroll-hidden{
    overflow: hidden;
}
.blueContainer{
    background-color: #0a243f;
    padding-top:70px;
    padding-bottom:40px;
}
.margin-blueContainer-rl{
margin: 0px 50px 0px 170px;
}
.blueContainer h1{
font-size: 45px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin-top: 0px;
line-height:1.2em;
}
.blueContainer p{
    color:#fff;
    font-size: 36px;
    text-transform: capitalize;
    margin-top: 45px;
}
.img{
    overflow: hidden;
    margin-right: 20px;
}
.blueContainer h2{
    font-size: 55px;
    color: #fff;
    margin-bottom: 50px;
}
.blueContainer h2 span{
    font-size: 20px;
    color: #fff;
   
}
.white-input-box{
    
        border: 1px solid #fff;
        border-radius: 100px;
        width: 100%;
        padding: 10px 10px;
        background-color: #fff;
    
    
}
.input-button{
    border: none;
    width: 61%;
    outline: none;
    font-size:13px;
    
}
.white-input-box button{
   color: white;
    background: #e55977;
    padding: 5px 30px;
    border-radius: 50px;
    text-transform: uppercase;
    outline: none;
    border: none;
   
}
.white-input-box span a{
    color: #fff;
    text-decoration: none;
}

/*  second section */
.second-section{
    background-color: #278fcb;
    color: #fff;
  padding:50px 0px 50px 170px;
}
.second-section h1{
    font-size: 62px;
    font-weight: 400;
}
.second-section h4{
    font-size: 21px;
    font-weight: 400;
    margin-left:70px;
}
.third-section{
    margin-top: 50px;
}
.dedicated-developers{
    font-size: 60px;
    text-align: center;
   
}
.dedicated-developers p{
    margin-top: 50px;
    font-size: 25px;
}
.flurent-developer{
    margin-top: 70px;
}
.app-software{
    text-align: right;
    font-size: 80px;
    background-color: #f26ca7;
    color: #fff;
   height: 50%;
   padding-top: 35px;
   padding-bottom: 35px;
   margin-right:35px;

}
.pink-border{
    border-right: 1px solid #f26ca7;
}
.flurent-developer ul{
    list-style: none;
    line-height: 40px;
    font-weight: 700;
    margin-top: 30px;
}
.front-end-developer-text{
    text-align: right;
    font-size: 80px;
   background-color: #fdb32c;
    color: #0a243f;
   height: 50%;
   padding-top: 35px;
   padding-bottom: 35px;
   margin-right:35px;
}
.front-end-developer ul{
    color: #0a243f;
    font-weight: 700;
    margin-top: 40px;
}
.blue-border{
    border-right: 1px solid #278fcc;
}
.backEnd-developer ul{
    font-weight: 700;
    margin-top: 40px;
        color: #278fcc;
}
.backEnd-developer-text{
    text-align: right;
    font-size: 80px;
       color: #278fcc;
   height: 50%;
   padding-top: 35px;
   padding-bottom: 35px;
   margin-right:35px;
}
.yellow-border{
    border-right: 1px solid #fdb32c;
}
.trending-developer-text{
    text-align: right;
    font-size: 80px;
    background-color: #fff;
    color: #0a243f;
   height: 50%;
   padding-top: 35px;
   padding-bottom: 35px;
   margin-right:35px;
}
.trending-developer ul{
    font-weight: 700;
    margin-top: 40px;
    color: #0a243f;
}
.black-border{
    border-right: 1px solid #0a243f;
}
/* fourth section */
.fourth-section{
    background-color: #0a243f;
    padding-top: 50px;
    padding-bottom: 70px;
}
.fourth-section h1{
    font-size: 60px;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}
.box-gold{
        text-align: center;
        border-top: 2px solid #f9df5b;
        border-left: 2px solid #f9df5b;
        border-right: 2px solid #f9df5b;
        border: 1px 1px 1px 0px solid #f9df5b;
        border-radius: 10px 10px 0px 0px;
}
.box-gold p{
    background-color: #f9df5b;
    padding: 5px 0px;
    color:#0a243f;
}
.box-white{
    text-align: center;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border: 1px 1px 1px 0px solid #fff;
    border-radius: 10px 10px 0px 0px;  
}
    .box-white p{
        background-color: #fff;
        padding: 5px 0px;
        color:#0a243f;
    }
    .box-green{
        text-align: center;
    border-top: 2px solid #17f4d1;
    border-left: 2px solid #17f4d1;
    border-right: 2px solid #17f4d1;
    border: 1px 1px 1px 0px solid #17f4d1;
    border-radius: 10px 10px 0px 0px; 
    }
    .box-green p{
background-color: #17f4d1;
padding: 5px 0px;
color:#0a243f;
    }
    .box-pink{
        text-align: center;
        border-top: 2px solid #f26ca7;
        border-left: 2px solid #f26ca7;
        border-right: 2px solid #f26ca7;
        border: 1px 1px 1px 0px solid #f26ca7;
        border-radius: 10px 10px 0px 0px;
    }
    .box-pink p{
        background-color: #f26ca7;
        padding: 5px 0px;
        color:#0a243f;
    }
    /*fifth section */
    .collaborate{
background-color: #fff;
margin-bottom:220px;

    }
    .collaborate h1{
        font-size: 60px;
        padding-top: 50px;
        padding-bottom: 30px;
        text-align: center;
    }
    .collaborate ul{
        list-style: none;
    }
    .collaborate-blue{
        background-color: #0a243f;
        padding-top: 50px;
    }
    .fifth-gold-container{
        background-color: gold;
    margin-left: -90px;
    padding: 55px 30px 70px 30px;
    }
    .fith-white-container{
        background-color: white;
        margin-left: 20px;
      
       
        padding: 40px 10px 240px 10px;
    }
    .right-circle-fifth{
        text-align: right;
    }
    .spring-image-fifth{
    margin: 100px 0px 0px 0px;
    position: absolute;
    right: 25%;
    }
    .arrow-purple-fifth{
        text-align: center;
    margin-top: -90px;

    }
    /* sixth section */
    .sixth-greyish-box p{
    color:#000
    }
    .sect-ask-yourself{
        padding-top: 40px;
    }
    .sect-ask-yourself h1{
        font-size: 60px;
    }
    .sect-ask-yourself img{
        margin: 13px;
    }
    .sixth-greyish-box{
        background-color: #f6f6f6;
        padding:70px 125px !important;
    }
    .sixth-section-arrow-img img{
     position: relative;
    left: 65%;
    top: 34% !important;
    
    }
    .sixwebsoft-spe{
    margin-bottom:50px;
    }
    .sixwebsoft-spe h1{
        margin: 50px 0px;
        font-size: 60px !important;
        text-align: center;
    }
    .three-container{
    padding: 60px 30px;
    border-radius: 40%;
    color: #fff;
    }
    .three-container h4{
        text-align: center;
        font-size: 30px;
       
    } 
    .three-container{
        font-size: 15px;
    }
    .seventh-relative{
        position: relative;
        right: -2%;
    }
    .seventh-relative-two{
        position: relative;
        right:4%;
    }
    .seventh-pink-box{
        background-color:#f26ca7;
        width: 100%;
    height: 100%;
    max-width: 90%;
    max-height: 95%;
    border-radius: 45%;
    }
    .seventh-blue-box{
        background-color: #278fcc;
        width: 100%;
      height: 100%;
      max-width: 90%;
      max-height: 95%;
      border-radius: 45%;
          position: relative;
    left: 125px;
    }
    .seventh-yellow-box{
        background-color: #f9dc5c;
        width: 100%;
      height: 100%;
      max-width: 90%;
      max-height: 95%;
      border-radius: 45%;
    }
    .seventh-sec-pink-btn{
        text-align: center;
    position: relative;
    top: -6%;
    right:4%;
    }
    .seventh-sec-pink-btn button{
        padding: 5px 20px;
        font-size: 18px;
        color: #f26ca7;
        background-color: #fff;
        border: 1px solid #f26ca7;
        border-radius: 60px;
    }

    .seventh-sec-blue-btn{
        text-align: center;
    position: relative;
    top: -6%;
    left:20%;
    }
    .seventh-sec-blue-btn button{
        padding: 5px 20px;
        font-size: 18px;
        color: #278fcc;
        background-color: #fff;
        border: 1px solid #278fcc;
        border-radius: 60px;
    }

    .seventh-sec-yellow-btn{
        text-align: center;
    position: relative;
    top: -6%;
    right:4%;
    }
    .seventh-sec-yellow-btn button{
        padding: 5px 20px;
        font-size: 18px;
        color: #f9dc5c;
        background-color: #fff;
        border: 1px solid #f9dc5c;
        border-radius: 60px;
    }
    .sixwebsoft-spa{
    padding-bottom:70px;
    }
.three-container p{
color:#fff !important;
text-align:center;
}
.fa-check{
margin-right:10px;
}




    /*     responsive in mobile and ipad */
    @media(min-width:290px)and (max-width:767px){
    .margin-blueContainer-rl{
    margin:0px;
    }
    .blueContainer {
    padding-top:0px;
    }
        .blueContainer h1 {
            padding: 0px 20px 0px 20px;
            font-size: 40px;
    padding-top: 30px;
             }
        .blueContainer p{
            padding-right:20px;
            padding-left: 20px;
            font-size:30px;
            
        }
        .blueContainer h2{
            padding-left: 20px;
            padding-right: 20px;
            font-size:45px;
        }
        .white-input-box{
            margin: 20px;
            width: 90%;
            padding: 10px 5px;
        }
       .hireme-button{
       padding:8px 20px !important;
       }
        /*   second section */
        .second-section {
padding:50px 0px;
        }
        .second-section h1{
            font-size: 45px;
            padding: 0px 20px 0px 20px;
        }
        .second-section h4{
            padding: 20px 20px 0px 20px;
            margin-left:0px;
        }
        /*  third section   */
        .third-section{
            margin-top: 50px;

        }
        .dedicated-developers{
            font-size: 40px;
        }
        .dedicated-developers p {
    margin-top: 30px;
    font-size: 25px;
    line-height: 1.5em;
    }
    .flurent-developer {
    margin-top: 30px;
    }

        .app-software{
            font-size: 50px;
            text-align: center;
            margin-bottom:20px;
        }
        .flurent-developer ul{
        margin:0px 20px;
        }
        .pink-border{
        border:none;
        }
        .front-end-developer-text{
            text-align: center;
            font-size: 50px;
            margin-bottom:20px;
        }
        .backEnd-developer-text{
            text-align: center;
            font-size: 50px;
        }
        .trending-developer-text{
            text-align: center;
            font-size: 50px;
        }
        .blue-border{
        border:none;
        }
        .yellow-border{
        border:none;
        }
        .black-border{
        border:none;
        }
        /* fourth section */
        .fourth-section{
            padding-bottom: 50px;
        }
        .fourth-section h1 {
        font-size:40px;
        }
        .box-gold{
            margin: 0px 100px;
        }
        .box-white{
            margin: 0px 100px;
        }
        .box-green{
            margin: 0px 100px;
        }
        .box-pink{
            margin: 0px 100px;
        }
        /* section fifth*/
        .collaborate h1{
            padding-top: 50px;
    font-size: 35px;
    font-weight: 500;
            
        }
        .right-circle-fifth{
            text-align: left;
            width: 2% !important;
           margin: 0px 0px 0px 10px;
        }
        .mobile-fifth{
            width: 90% !important;
        }
        .collaborate{
            margin-bottom: 20px;
        }
        .fifth-gold-container{
            margin: 0px;
            padding: 20px 0px 20px 0px;
        }
        .spring-image-fifth{
            margin: 50px 10px 50px 10px;
            right: 0%;
            position:inherit;
            top:0%;
        }
        .spring-image-fifth img {
            width: 100%;
         
        }
        .fith-white-container{
            margin-left: 0px;
               padding: 50px 10px 100px 10px;
        }
        /* sixth section */
        .sect-ask-yourself h1 {
            font-size: 45px;
            margin: 0px 20px;
        }
        .sixth-section-arrow-img{
            text-align: center;

        }
        .sixth-section-arrow-img img {
            padding: 0px;
            position:relative;
            left:-3%;
        }
        .sixth-greyish-box{
            padding: 50px 20px !important;
        }
        /* seventh section*/
        .sixwebsoft-spe h1 {
            margin: 50px 0px;
            font-size: 40px !important;
        }
       .seventh-blue-box{
            margin: 0px 20px;
            position:inherit;
        }
        .seventh-sec-blue-btn{
        left:0%;
        }
        .seventh-sec-pink-btn{
        right:0%;
        }
        .seventh-sec-yellow-btn{
        right:0%;
        }
        .seventh-pink-box{
            margin: 0px 20px;
        }
        .seventh-yellow-box{
           margin-left: 40px;
        }
        .sixwebsoft-spe{
            padding-bottom: 50px;
        }
        .seventh-sec-yellow-btn button{
            margin-left: 50px;
        }
        
    }
    @media(min-width:768px)and (max-width:1480px){
    /* section-1 */
    .blueContainer {
    padding-top: 20px;
    padding-bottom: 20px;
}
.margin-blueContainer-rl {
    margin: 0px 20px 0px 40px;
    width:33.333% !important;
}
.blueContainer h1 {
font-size: 30px;
}
.blueContainer p {
font-size: 25px;
    line-height: 1.5em;
    margin-top: 25px;
}
.blueContainer h2 {
    font-size: 25px;
    margin-bottom:10px;
    }
    .white-input-box {
    padding:5px 10px;
    }
    .input-button{
    font-size:12px;
    }
    .white-input-box button {
    padding:3px 10px;
    }
    /* section-2 */
    .second-section {
    padding:20px 0px 20px 40px;
    }
    .second-section h1 {
    font-size:35px;
    }
    .second-section h4 {
    font-size: 13px;
    font-weight: 500;
    margin-left: 0px;
    }
    /* third-section*/
    .third-section {
    margin-top: 20px;
}
.dedicated-developers {
    font-size: 30px;
    font-weight: 600;
    }
    .dedicated-developers p {
    margin-top: 20px;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}
.flurent-developer {
    margin-top: 20px;
}
.app-software {
text-align: right;
    font-size: 50px;
    background-color: #f26ca7;
    color: #fff;
    padding: 20px 0px;
    height: auto;
    margin-right: 0px;
    }
     .app-software li{
     font-size:12px;
     }
     .flurent-developer ul {
     font-size:12px;
     }
     .width-moblie-app-list{
     width:23.66666% !important;
     }
     .backEnd-developer-text {
     font-size:50px;
     padding:20px 0px;
     height:auto;
     margin-right:0px;
     }
     .front-end-developer-text {
       font-size:50px;
     padding:20px 0px;
     height:auto;
     margin-right:0px;
     }
     .trending-developer-text {
       font-size:50px;
     padding:20px 0px;
     height:auto;
     margin-right:0px;
     }
     /* fourth section */
     .fourth-section {
     padding:40px 0px ;
     }
     .fourth-section h1 {
    font-size: 50px;
}
     
     /* fifth section */
     .collaborate {
    margin-bottom: 417px;
    }
    .collaborate h1 {
     font-size:30px;
     }
     .collobrate-width-one{
     width:16.66667% !important;
     }
     .collobrate-width-two{
     width:58.33333% !important;
     }
    
      .fith-white-container {
      margin-left:0px;
      }
      .spring-image-fifth {
    margin: 160px 0px 0px 0px;
    }
    /* sixth section */
    .sect-ask-yourself {
    padding-top: 40px;
}
.sect-ask-yourself h1 {
    font-size: 40px;
}
.sixth-section-arrow-img img {
    left: 25%;
    }
    .sixth-greyish-box {
    
    padding: 40px 20px !important;
    }
    .sixth-greyish-box p {
    color: #000;
    font-size: 15px;
}
/* seventh section */
.sixwebsoft-spe {
    margin-bottom: 40px;
}
.sixwebsoft-spe h1 {
    margin: 40px 0px;
    font-size: 40px !important;
    }
.box-gold p{
    height: 100px !important;
}
.box-green p{
    height: 100px !important;
}
.box-pink p{
    height: 100px !important;
}
.box-white p{
    height: 100px !important;
}
.ipad-display-none{
    display: none;
}
.ipad-display-block{
    display: block;
}
.ipad-width-hundre{
    width: 100% !important;
}
.ipad-row-margin{
    margin: 0px 20px !important;
}
.ipad-three-container-fixing{
    width: 50% !important;
    margin-left: 170px;
    text-align: center;
   
}
    }
/*/////New Css*/
header .container {
    max-width: 100% ;
}
header .getaquote {
    position: absolute;
    display: flex;
    top:0;
    padding: 0px !important;
}
header .container {
    max-width: 100%;
    position: relative !important;
    overflow: hidden !important;
}

header .getaquote a {
    padding: 2px !important;
    background:transparent;
    border:none;
}
/*
     FILE ARCHIVED ON 05:24:36 Aug 03, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:09:49 Nov 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.378
  exclusion.robots: 0.012
  exclusion.robots.policy: 0.005
  esindex: 0.007
  cdx.remote: 11.282
  LoadShardBlock: 93.369 (3)
  PetaboxLoader3.datanode: 130.457 (5)
  load_resource: 3117.618
  PetaboxLoader3.resolve: 3068.55
  loaddict: 22.873
*/