@charset "utf-8";

@font-face {

    font-family: "Poetsen One";

    src: url("../fonts/PoetsenOne-Regular.ttf");

}

@font-face {

    font-family: "MyriadPro";

    src: url("../fonts/MyriadPro-Regular.ttf");

}



p {

    font-family: "Poppins"; font-size: 16px !important;

}



ul,

li {

    margin: 0;

    padding: 0;

}



body {

    background: #fff;

}
html {
  scroll-behavior: smooth;
}

html {
   scroll-padding-top: 278px;
}

html {margin-top:0 !important;}
.sqs-block-image {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}
.sqs-block-image:hover{
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
    }
.quote{background:#b64c10 !important; text-align: center;
    padding: 24px 0 24px 0 !important; color:#fff!important;}

.quote:hover { text-align: center;
padding: 24px 0 24px 0 !important; color:#fff !important; 
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
background:#000 !important;
}

#ftg-11 .ftg-items .loading-bar i {
    background: #27378e !important;
}
#ftg-22 .ftg-items .loading-bar i {
    background: #fff !important;
}
/*to copy*/
.blink_me {
  animation: blinker 4s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
button.sub-menu-toggle {
    display: none;
}
nav.navigation.post-navigation {
    padding:83px;
}
.singh{padding-top: 140px !important;}
.kumar{padding-top: 138px !important;}

.ex-header{margin-top:-20px !important;}


.image-block{
    border: 1px solid #2e2e2e;
    padding: 30px 0;
}

.image-block img{
    display: inline-block;
}

 .title-section1 h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}



.nservice{padding-right:10px; padding-left:10px; border:1px solid #5e5e5e; margin-right:5%; 
    padding-bottom:24px !important; padding-top:15px;}
.nservice .title-section h2 {

    color: #000;

    font-size:24px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;
    text-align: center;

}

.nservice h4 {

    color: #b64c10 !important;

    font-size:16px !important;

    font-family: "Poppins" !important;

    font-weight: 500 !important;

    margin: 0;
    text-align: center !important;

}
.nservice p {

    color: #333;

    font-family: "Poppins";

    font-size: 16px;

    line-height: 18px;

    margin-bottom: 10px;
    text-align: center !important;

}

.whycs{background-color:#c9772b; padding:40px 0;}
.whycs .title-section h3 {

    color: #fff;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.whycs .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #000 !important;

  width: 5%;

  top: 9px;

  left: 15px;

}



.whycs .title-section h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}
.whycs p {

    color: #000;

    font-family: "Poppins";

    font-size: 16px;

    line-height: 18px;

    margin-bottom: 10px;
    text-align: center !important;

}

.wcu-box{border:dashed 1px #fff; padding:10px 0 0 0; margin-right: 3.3%;}

.our-services{padding:40px 0;}
.our-services .title-section h3 {

    color: #fff;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.our-services .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #000 !important;

  width: 5%;

  top: 9px;

  left: 15px;

}



.our-services .title-section h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}
.our-services p {

    color: #333;

    font-family: "Poppins";

    font-size: 16px;

    line-height:23px;

    margin-bottom: 10px;
    text-align: center !important;

}

.our-process .circle {
    padding: 20px 15px 0 15px;
    margin: 0 0 0 20px;
    width: 23%;
    border: 1px dashed #c4c4c4;
}

.our-process{background: url(../images/our-process-bg.jpg) no-repeat center ;

 -webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

 background-size: cover;

 position: relative;

 padding: 60px 0;}

.our-process .title-section h3 {

    color: #5e5e5e;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.our-process .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #000 !important;

  width: 5%;

  top: 9px;

  left: 15px;

}



.our-process .title-section h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}
.our-process p {

    color: #333;

    font-family: "Poppins";

    font-size: 16px;

    line-height: 23px;

    margin-bottom: 10px;
    text-align: center !important;

}

.our-process h4 {color: #000;

    font-size: 20px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 23px; text-align: center;}

::placeholder {

    color: #8d8d8d;

    opacity: 1;

    /* Firefox */

}



:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #8d8d8d;

}



::-ms-input-placeholder {

    /* Microsoft Edge */

    color: #8d8d8d;

}



.page ::placeholder {

    color: #333;

    opacity: 1;

    /* Firefox */

}



.page :-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #333;

}



.page ::-ms-input-placeholder {

    /* Microsoft Edge */

    color: #333;

}



/*===== Go To Top Section =====*/

#back-top{ display: block; position: fixed; bottom: 140px; right: 10px; bottom:55px; text-align: center;  z-index: 99999; }

#back-top a{ display: block; text-decoration: none; }

#back-top a .fa{ width: 40px; height: 40px; padding-top: 8px; font-size: 20px; border-radius: 5px; 
    opacity: 1; color: #fff; background: #c9772b; border: #000 solid 2px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }

#back-top a .fa:hover{ background: #fff; color: #000; }



.input-text {

    color: #333;

    height: 45px;

    width: 100%;

    font-size: 14px;

    font-family: "Poppins";

    padding: 5px 15px;

    background: #e6e0e0;

    border: 1px solid #c3c3c3;



}



.input-textarea {

    color: #333;

    width: 100%;

    font-size: 14px;

    font-family: "Poppins";

    padding: 5px 15px;

    background: #e6e0e0;

    border: 1px solid #c3c3c3;



}



.input-submit {

    color: #0b1b69;

    font-size: 15px;

    border: 2px solid #0b1b69;

    background: transparent;

    width: 100%;

    padding: 10px 25px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    font-family: "Poppins";

    text-transform: uppercase;

    font-weight: 500;

    border-radius: 6px;



}



.input-submit:hover {

    color: #fff;

    background: #0b1b69;

    border: 2px solid #0b1b69;

}



.page .input-text {

    color: #121212;

    height: 50px;

    width: 100%;

    font-size: 14px;

    font-family: "Poppins";

    padding: 5px 15px;

    background: #fff;

    border: 1px solid #d7d7d7;

    font-weight: 300

}



.page .input-textarea {

    color: #121212;

    width: 100%;

    font-size: 14px;

    font-family: "Poppins";

    padding: 5px 15px;

    background: #fff;

    font-weight: 300;

    border: 1px solid #d7d7d7;

}



.page .input-submit {

    color: #0b1b69;

    font-size: 16px;

    border: 2px solid #0b1b69;

    background: transparent;

    width: 100%;

    padding: 10px 25px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    font-family: "Poppins";

}



.page .input-submit:hover {

    color: #fff;

    background: #0b1b69;

    border: 2px solid #0b1b69;

}



.button1 {

    font-family: "Poppins";

    font-weight: normal;

    font-style: normal;

    color: #c9772b;

    font-size: 16px;

    border: 2px solid #c9772b;

    background: transparent;

    padding: 10px 25px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    font-weight: 400;

}



.button1:hover {

    color: #fff;

    background: #c9772b;

    border: 2px solid #fff;

}



.button2 {

    color: #fff;

    font-size: 15px;

    border: 2px solid #fff;

    background: #b64c10;

    padding: 10px 25px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    font-family: "Montserrat";

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 500;

    border-radius: 25px

}



.button2:hover {

    color: #000;

    background: #c9772b;

    border: 2px solid #000;

}



.button3 {

    font-family: "Poppins";

    color: #fff;

    font-size: 15px;

    border: 2px solid #000;

    background: #b64c10;

    padding: 10px 35px;

    transition: 0.5s !important;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    font-weight: 500;

    border-radius: 25px;



}



.button3:hover {

    color: #fff;

    background: #c9772b;

    border: 2px solid #b64c10;

}







.mid-header {

    background: #fff;

    padding: 10px 0;

    margin: 0;

}



.mid-header .info-block{

    margin-top: 30px;

}



.mid-header .info-icon{

    display: inline;

}



.mid-header .info-content{

    display: inline-block;

    margin-left: 10px;

    vertical-align: -webkit-baseline-middle;

}



.mid-header .info-content h3{

   font-family: 'MyriadPro';

   font-weight: 600;

   color: #000;

   font-size: 17px;

   margin: 0 0 10px 0;

}



.mid-header .info-content p{

   font-family: 'MyriadPro';

   color: #5e5e5e;

   font-size: 16px;

}



.banner-content {

    position: relative;

}



.banner-content img {

    width: 100%;

}



.banner-content .top-left {

    position: absolute;

    top: 25%;

    left: 4%;

    width: 40%;

}





.banner-content .top-left h2 {

    color: #000;

    font-size: 35px;

    font-family: "Poppins";

    font-weight: 600;

    margin:  0 0 15px 0;

    line-height: 40px;

}



.banner-content .top-left p {

    color: #222222;

    font-size: 15px;

    font-family: "Poppins";

    line-height: 23px;

    margin-bottom: 25px;

}



.banner-content .banner-box{

    background: rgba(255, 255, 255, 0.7);
    border-radius:50px 0 50px 0;
    padding: 30px;

}



.one{

    background: #c9772b;

    padding: 30px 0;

}



.one h2{

    color: #fff;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}



.two {background: #c9772b; padding: 60px 0;}





.two .title-section {

    margin-bottom: 30px;

}





.two .title-section h3 {

    color: #fff;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.two .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #000;

  width: 5%;

  top: 9px;

  left: 15px;

}



.two .title-section h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}





.three {

    background: #fff;

    padding: 80px 0 0 0;

}



.three .title-section {

    margin-bottom: 30px;

}





.three .title-section h3 {

    color: #5e5e5e;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.three .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #5e5e5e;

  width: 5%;

  top: 9px;

  left: 15px;

}



.three .title-section h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}





.ourwork-images {

    overflow: hidden;

    -webkit-transition: all linear 0.5s;

    -moz-transition: all linear 0.5s;

    transition: all linear 0.5s;

}



.ourwork-images img {

    width: 100%;

    -webkit-transition: all linear 0.5s;

    -moz-transition: all linear 0.5s;

    transition: all linear 0.5s;

}



.ourwork-images:hover img {

    transform: scale(1.1, 1.1);

}



.four {

 background: url(../images/service-bg.jpg) no-repeat #fff center center fixed;

 -webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

 background-size: cover;

 position: relative;

 padding: 60px 0;

}





.four .title-section {

    margin-bottom: 30px;

}





.four .title-section h3 {

    color: #e9e9e9;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.four .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #e9e9e9 !important;

  width: 5%;

  top:15px;

  left: 15px;

}



.four .title-section h2 {

    color: #fff;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}
.four p {

    color: #1c1c1c;

    font-family: "Poppins";

    font-size: 15px;

    line-height: 23px;

    margin-bottom: 10px;
   

}


.four .service-content-block{

  background: #fff;
 background-color: rgb(255 255 255 / 30%);
  backdrop-filter: blur(15px);
  padding:20px 20px 20px 15px;

}





.four .service-content-block ul{

    list-style: none;

}



.four .service-content-block ul li{

 color: #333;

 font-family: "Poppins";

 font-size: 15px;

 margin-bottom: 10px;

}





.seven {

   background: #fff;

   padding: 80px 0;

}



.seven .title-section {

    margin-bottom: 30px;

}





.seven .title-section h3 {

    color: #5e5e5e;

    font-size: 19px;

    font-family: "MyriadPro";

    margin: 0 0 10px 75px;

}



.seven .title-section h3:before {

  content: '';

  position: absolute;

  height: 2px;

  background: #000;

  width: 10%;

  top: 9px;

  left: 15px;

}



.seven .title-section h2 {

    color: #000;

    font-size: 32px;

    font-family: "Poppins";

    font-weight: 600;

    margin: 0;

    line-height: 40px;

}



.seven .experience-box h4{

   color: #5e5e5e;

   font-size: 35px;

   font-family: "Poppins";

   font-weight: 500;

   margin: 0 0 15px 0;

   display: table-caption;

   margin-top: -140px;



}



.seven .experience-box h4 span{

    font-size: 16px;

    font-weight: 400;



}







.seven p {

    color: #333;

    font-family: "Poppins";

    font-size: 16px;

    line-height: 23px;

    margin-bottom: 30px;
    


} 



.seven img {

    margin: 0 auto;

    margin-bottom: 30px;

    border-radius: 4px;

}



.top-footer {

    padding:80px 0 40px 0;

    background: #b64c10;

    position: relative;

}



.top-footer h5 {

    color: #fff;

    font-size: 20px;

    font-family: "Poppins";

    font-weight: 500;

    margin: 0 0 25px 0;



}



.top-footer .social-info {

    margin-top: 30px;

}



.top-footer .social-info ul{

    list-style: none;

    text-decoration: none;

}



.top-footer .social-info ul li{

 font-family: 'Poppins';

 font-size: 16px;

 color: #fff;

 margin-bottom: 15px;

 display: inline-block;

}



.top-footer .social-info .fa{

    color: #fff;

    border-radius: 50%;

    padding: 8px 9px;

    border: 2px solid #fff;

    margin-right: 20px;

}



.top-footer .social-info .fa:hover{

    background: #fff;

    color: #121212;

    border: 2px solid #fff;

    transition: all ease-in 0.2s;

}



.top-footer .social-info .fa-facebook{

    padding: 8px 11px;

}



.top-footer-content ul{

    list-style: none;

    text-decoration: none;

}



.top-footer-content ul li{

 font-family: 'Poppins';

 font-size: 16px;

 color: #fff;

 margin-bottom: 15px;

}



.top-footer-content ul li span{

  margin-left: 28px;

}







.top-footer h3 {

    color: #fff;

    font-size: 18px;

    font-family: "Poppins";

    font-weight: 500;

    margin: 0;

}



.top-footer p {

    color: #fff;

    font-family: "Poppins";

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

}



.top-footer .top-footer-content .fa {

    color: #fff;

    font-size: 18px;

    width: 25px;

}





.top-footer a {

    color: #fff;

}



.top-footer a:hover {

    color: #000;

    transition: all ease-in 0.2s;

    text-decoration: none;

}



.top-footer img {

    margin: 0 auto;

}





.footer {

    padding:20px 0 15px 0;

    background: #0d0d0d;

    text-align: center;

}



.footer span {

    color: #0b1b69;

}



.footer p {

    color: #f5f5f5;

    font-family: "Poppins";

    font-size: 14px;

    margin: 0;

}











/* Inner Page */



.page {

    padding: 40px 0px 40px 0;

    background: #ededed !important;

    position: relative !important;

}



.page .inner-cont {

    background: white;

    margin-top: -60px;

    box-shadow: 0 10px 10px 0px #666;

    padding: 25px 25px 80px 25px;

    border-top-left-radius: 50px;

    border-bottom-right-radius: 50px;

}



.page h2 {

    color: #121212;

    font-size: 30px;

    font-family: "Poppins";

    margin: 0;

    line-height: 50px;

    font-weight: bold;

    text-transform: uppercase;

}



.page h4 {

    color: #121212;

    font-size: 30px;

    font-family: "Poppins";

    margin: 0;

    line-height: 50px;

    font-weight: bold;

    text-transform: uppercase;

}



.page h3 {

    font-size: 20px;

    font-family: "Poppins";

    color: #0b1b69;

}



.page h3 span {

    font-family: "Poppins";

    color: #ccc;

    font-size: 14px;

}



.page h5 {

    font-family: "Poppins";

    color: #0b1b69;

    font-size: 20px;

    font-weight: 500;

}



.page p {

    color: #000;

    font-family: "Poppins";

    font-size: 15px;

    line-height: 30px;

    margin-bottom: 30px;

}



.page .fa {

    font-size: 18px;

    color: #0b1b69;

}

.page ul{
    list-style: none;
    margin-bottom: 30px;
}

.page ul li{
      color: #000;

    font-family: "Poppins";

    font-size: 15px;

    line-height: 30px;
    font-weight: 500;

}

.page ul li span{
    font-weight: 600;
    color: #0b1b69;
}



.reset {

    margin: 0px !important;

    padding: 0px !important;

}



.margin-reset {

    margin: 0px !important;

}



.padding-reset {

    padding: 0px !important;

}



.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    border-top: 0px solid #fff !important;

}





/* Typography */



.opensans {

    font-family: "Open Sans";

}



.coda {

    font-family: "Coda";

}



.rokkitt {

    font-family: "rokkitt";

}





/* Coloring */



.black {

    color: #000 !important;

}



.white {

    color: #fff !important;

}





/* Header */



.affix {

    position: fixed;

    top: 0px;

    transition: all 0.5s ease-in-out;

    width: 100%;

    z-index: 999999;

    box-shadow: 0 1px 10px #666;

    margin-bottom: 10px;

}



.affix-top {

    position: static;

    top: -35px;

    transition: all 0.5s ease-in-out;

}







.affix .header{

 background: #c9772b;

 position: inherit;

 margin-top: inherit;

}



.affix .header .main-header{

    box-shadow: inherit;

    border-top: none;

}



.affix .header .logo{

    top: 0;

}

.header {

    display: block;

    width: 100%;
    border-top: 1px solid #ccc;
    background:#c9772b;

}



/*header-alt*/



.main-header {

    display: inline-block;

    margin: 0;

    padding: 0;

    width: 100%;

    





    

}



.header #menu .quote:last-child {

    float: right;

}



.header #menu .quote:last-child a {

    background: #b64c10;

    color: #fff !important;

    border-radius: 3px;

    font-weight: 400;

    padding: 1.5em 2.5em;





}



/* Tap to Call */



.taptocall {

    color: #000;

    font-size: 14px !important;

    border: 1px solid #000;

    width: 50%;

    margin: 5px auto !important;

    padding: 10px 0px;

}



.taptocall:hover {

    background: #e1dfdf;

    transition: 0.2s ease-in;

    color: #000;

}





/* Menu */



:after,

:before {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}





/* Cool Heading */



.heading {

    display: inline-block;

    padding: 0 15px;

    position: relative;

    text-align: center;

    font-family: "Poetsen One";

    font-weight: bold;

    font-size: 26px;

}





/* Owl Banner CSS */



.owl-theme .owl-controls {

    margin-top: 0px !important;

}



#owl-demo {

    display: block;

    overflow: hidden;

    width: 100%;

    position: relative;

    background: #fff;

}



#owl-demo .item img {

    display: block;

    width: 100%;

}



.owl-controls.clickable .owl-buttons div {

    display: none !important;

    border-radius: 0px !important;

    width: 0px !important;

    height: 0px !important;

    line-height: 0px !important;

    text-align: center;

    color: transparent;

    font-size: 0px !important;

    background: rgba(0, 0, 0, 0) !important;

    border-radius: 0px !important;

}



.owl-theme .owl-controls {

    margin-top: 0px;

    text-align: center;

}



.items {

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: 20;

    visibility: inherit;

    opacity: 1;

}



.owl-theme .owl-controls {

    margin-top: 0px;

    text-align: center;

}



.owl-pagination {

    position: absolute;

    bottom: 10%;

    width: 100%;

    margin: 0 auto;

    display: none;

}



.owl-controls .owl-page span {

    cursor: pointer;

    position: relative !important;

    background: rgba(0, 0, 0, 0.5) !important;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 6px !important;

    height: 6px !important;

    border: 5px solid rgba(0, 0, 0, 0) !important;

    display: inline-block;

    margin-right: 2px !important;

    margin-bottom: 0px !important;

    -webkit-transition: background-color 0.2s, border-color 0.2s;

    -moz-transition: background-color 0.2s, border-color 0.2s;

    transition: background-color 0.2s, border-color 0.2s;

    float: none !important;

    box-sizing: content-box;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



.owl-controls .owl-page.active span {

    background: #0b1b69 !important;

    width: 6px !important;

    height: 6px !important;

    -webkit-box-shadow: none;

    box-shadow: none;

}





/* Large Devices, Wide Screens */



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





    .mid-header .info-content p{

        font-size: 12px;

    }

    .mid-header .info-content{

        margin-left: 3px;

    }





    .main-header{

        box-shadow: inherit;

    }



    .banner-content .top-left h2{

        font-size: 20px;

        line-height: 25px;

    }

    .banner-content .top-left p{

        font-size: 14px;

       

    }

}





/* Medium Devices, Desktops */



@media only screen and (max-width: 992px) {

    .center {

        display: block;

        margin-right: auto;

        margin-left: auto;

        margin-top: inherit;

        position: relative;

    }

    .header {

        top: inherit;

        background: #fff;

        padding: 0px;

    }

    .services img {

        width: 100%;

        margin-bottom: 20px;

    }



    .affix .header img{

        width: inherit;

    }



    .logo{

        position: inherit;

        top: inherit;

    }



    .banner-content .top-left{

        display: none;

    }



    .request-callback #ask{

        position: inherit;

        width: 100%;

        bottom: inherit;

        text-align: center;

        padding: 10px 0;

    }

    .three img {

        margin-bottom: 10px;

        margin: 0 auto;

    }

    .page .inner-cont {

        margin-top: inherit;

    }

    .header {

        position: inherit !important;

    }

    .top-header .info {

        text-align: center;

    }

    .top-header .social-info {

        text-align: center;

    }

    .header #toggle-menu {

        padding: 1em 0.8em;

        background: #c9772b;

        color: #fff;

    }

    .header #menu .quote:last-child {

        float: none;

    }

    .header #menu .quote:last-child a {

        margin-top: 0px;

    }



    .mid-header{

        text-align: center;

    }

}



@media only screen and (max-width: 768px) {
    .logo{width:67% !important; margin:0 auto !important;}
    .singh{padding-top:30px !important;}
.kumar{padding-top:30px !important;}
    .whycs .title-section h3:before {display: none;}
    .whycs .title-section h3 {margin: 0 auto;}
    .our-services .title-section h3:before {display: none;}
    .our-services .title-section h3 {margin: 0 auto;}
     .our-process .title-section h3:before {display: none;}
    .our-process .title-section h3 {margin: 0 auto;}
     .three .title-section h3:before {display: none;}
    .three .title-section h3 {margin: 0 auto;}
    .four .title-section h2 {text-align: left !important;}
    .two .title-section h3 {margin: 0 auto;}
    .two .title-section h2 {text-align: left !important;}



    .four p {text-align: left !important;}
    .our-process .circle {
    padding:20px 0;
    margin: 0px;
    width: 100%;
}

    .button1 {

        margin-bottom: 20px;

    }



    .top-footer .top-footer-content {

        margin-top: inherit;

    }

    .seven .experience-box h4{

        margin-top: 0;

        display: inherit;

    }



    .four .title-section h3:before{

        display: none;

    }

    .two .title-section h3{

        margin: inherit;

    }



    .two .title-section h3:before{

        display: none;

    }



    .three .title-section h3{

        margin: inherit;

    }



    .three .title-section h3:before{

        display: none;

    }



    .seven .title-section h3:before{

        display: none;

    }



    .seven .title-section h3{

        margin: inherit;

    }



    .header #menu .quote:last-child a{

        padding: 1em 1.25em;

    }



    .logo{

        position: inherit;

        top: inherit;

    }



    .request-callback #ask{

        position: inherit;

        width: 100%;

        bottom: inherit;

        text-align: center;

        padding: 10px 0;

    }



    .four .service-content-block{

        min-height: inherit;

    }

    .header {

        top: inherit;

        background: #fff;

        padding: 10px 0px;

    }

    .affix .header {

        background: #fff;

    }

    .footer h2 {

        text-align: center;

    }

    .hr1 {

        display: none;

    }

    .title-section {

        margin-bottom: 30px;

        text-align: center;

    }

    .one {

        text-align: center;

    }

    .three h2 {

        text-align: center !important;

    }

    .two h2 {

        text-align: center;

    }

    .two #ask {

        padding: 30px 0;

    }

    .seven {

        text-align: center;

    }

    .footer img {

        margin: 0 auto;

    }

    .footer p {

        text-align: center !important;

    }



    .four .title-section h3{

        margin: inherit;

    }



    .affix {

        position: inherit;

    }

    .owl-controls {

        display: none !important;

    }

    .testimonials-content .client-name {

        text-align: center;

    }

    .testimonials-content img {

        margin: 0 auto;

    }

    .five {

        text-align: center;

    }

    .navbar .navbar-nav>li>a {

        padding: 15px;

    }

    .dropdown-menu>li>a {

        color: #121212;

    }

    .six {

        text-align: center;

    }

    .four .service img {

        margin: 0 auto;

    }

    .top-footer .btm-menu {

        font-size: 15px;

    }



    .header .dash{

        display: none !important;

    }

}



@media only screen and (max-width: 480px) {

    .owl-controls {

        display: none !important;

    }

}



@media only screen and (max-width: 320px) {

    .owl-controls {

        display: none !important;

    }

}



.testimonials-content{



}



.client-information {



}







.testimonials-content .client-name {

    font-size: 18px;

    font-family: "Poppins";

    font-weight: 600;

    color: #000;

    display: inline-block;



}



.testimonials-content .address {

    font-size: 20px;

    font-family: "Lato";

    font-weight: 300;

    color: #434343;

    display: block;

    margin-top: -10px;

}



.testimonials-content .client-review {

    display: block;

    margin-bottom: 5px;

    line-height: 28px;

    color: #fff;

    font-size: 16px;

    font-family: "Poppins";

}



#owl-demo1 .item {

    margin: 0 10px;

}





/* -- Here is owl pagination { display: none; } you can { display: block; } to show the pagigation buttons -- */



#owl-demo1 .owl-pagination {

    position: absolute;

    left: 50%;

    top: 100%;

    transform: translate(-50%, -50%);

    display: none !important;

}



#owl-demo1 .owl-pagination .owl-page span {

    width: 5px !important;

    height: 5px !important;

    border-radius: 50% !important;

    background: #fff;

}



#owl-demo1 .owl-pagination .active span {

    background: #000000 !important;

    border: 1px solid #005826 !important;

    height: 15px !important;

    width: 15px !important;

}



#owl-demo2 .owl-pagination {

    display: none !important;

}



#owl-demo2 .item {

    margin: 0 10px;

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .header #menu a {

        font-size: 12px;

    }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .header #menu a {

        font-size: 12px

    }

}







.css-typing p {

  border-right: .15em solid #0b1b69;

  font-family: "Courier";

  font-size: 14px;

  white-space: nowrap;

  overflow: hidden;

}

.css-typing p:nth-child(1) {

  width: 15em;

  -webkit-animation: type 2s steps(40, end);

  animation: type 2s steps(40, end);

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

}



.css-typing p:nth-child(2) {

  width: 9em;

  opacity: 0;

  -webkit-animation: type2 2s steps(40, end);

  animation: type2 2s steps(40, end);

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

}





@keyframes type {

  0% {

    width: 0;

}

99.9% {

    border-right: .15em solid #0b1b69;

}

100% {

    border: none;

}

}



@-webkit-keyframes type {

  0% {

    width: 0;

}

99.9% {

    border-right: .15em solid #0b1b69;

}

100% {

    border: none;

}

}



@keyframes type2 {

  0% {

    width: 0;

}

1% {

    opacity: 1;

}

99.9% {

    border-right: .15em solid #0b1b69;

}

100% {

    opacity: 1;

    border: none;

}

}



@-webkit-keyframes type2 {

  0% {

    width: 0;

}

1% {

    opacity: 1;

}

99.9% {

    border-right: .15em solid #0b1b69;

}

100% {

    opacity: 1;

    border: none;

}

}



@keyframes type3 {

  0% {

    width: 0;

}

1% {

    opacity: 1;

}

100% {

    opacity: 1;

}

}



@-webkit-keyframes type3 {

  0% {

    width: 0;

}

1% {

    opacity: 1;

}

100% {

    opacity: 1;

}

}



@keyframes blink {

  50% {

    border-color: transparent;

}

}

@-webkit-keyframes blink {

  50% {

    border-color: tranparent;

}

}
/*image dotted moving border*/
 .image-circle {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        border-top: 2px dashed #5e5e5e;
        border-right: 2px dashed #5e5e5e;
        border-left: 2px dashed #000000;
        border-bottom: 2px dashed #000000;
        padding: 10px;
        animation: spin 10s infinite linear;
    }
    .image-circle img {
        animation: spin 10s infinite reverse linear;
        width: 100%;
        border-radius: 50%;
    }



    @keyframes spin {
        100% {
            transform: rotate(1turn);
        }
    }

    .post-navigation {
    font-size: 15px;
    margin-bottom: 10px !important;
}
.post-navigation .nav-previous {
    float: left;
}
.post-navigation .nav-next {
    float: right;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
    padding: 5px 10px;
    border: 1px solid #2e2e2e !important;
    border-radius: 5px;
}
.post-navigation .nav-previous a{color:#2e2e2e !important; font-size:14px; line-height:14px;}
.post-navigation .nav-next a{color:#2e2e2e !important; font-size:14px; line-height:14px;}



@media (max-width:768px) {
.post-navigation {
    text-align: center;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
    float: none;
    margin-bottom:40px;
}
}

   .rotate{
   width:130px;
   height:130px;
   animation: rotation infinite 7s linear;
}

@keyframes rotation{
  from{
    transform:rotate(0deg);
  }
 
  to{
    transform:rotate(360deg);
  }
}