.abt-page .ser-col h2{
   margin-top: 14px;
}
.about-text .section-heading{
   font-size: 20px;
}
.socialsection{
   margin-top: 31px;
   margin-bottom: 30px;
}
.socialsection h1{
   color: black !important;
   font-size: 22px;
   font-weight: 600;
}
.contentreviews .secondrow p{
   line-height: 1.5;
}
.carousel-wrapper{
   margin-bottom: 24px !important;
}
.card{
   padding: 19px 20px;
   border-radius: 6px;
}
.abt-page{
   background: inherit;
}
.testimonial .carousel .item .profile h1{
   font-size: 17px !important;
   margin: 0;
}
.testimonial .carousel .item .profile h2{
   font-size: 12px !important;
}
.card{
   padding: 19px 20px;
   border-radius: 6px;
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   background: white;
   color: black;
   flex-wrap: wrap;
   align-content: center;
   justify-content: center;
   text-align: center;
}
.abt-page .ser-col .icon-wrapper{
   display: block;
   margin: auto;
   padding: 3px 9px;
   box-shadow: 0 0 10px 0 #dbdbdb;
   border-radius: 50%;
}
.icon-wrapper{
   border: 0 !important;
}
.section-pad{
  padding: 0px;
  padding-bottom: 80px;
}
.abt-page .service-wrapper{
  margin-top: 0px;
}

.inner-page.abt-us-banner{
   background-image: url(/image/aboutusimage.jpg);
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.inner-page{
  height: 560px;
}
.inner-page .banner-text{
  padding-top: 50px;
}

.animationdiv{
   position: absolute;
   animation-name: float-bob-y;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
   right: 17px;
   top: -50px;
}
.about-us .about-text p{
  margin-bottom: 15px;
  margin-top: 11px;
}
.about-wrapper.row{
  position: relative;
}
@keyframes float-bob-y {
 0% {
   -webkit-transform: translateY(-20px);
   transform: translateY(-20px);
 }

 50% {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }

 100% {
   -webkit-transform: translateY(-20px);
   transform: translateY(-20px);
 }
}

.about-us p{
   font-size: 14px;
   line-height: 1.6;
}

.abt-page .ser-col .icon-wrapper{
   width: 46px;
   height: 44px;
   background-size: 31px !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
}
.whychooseus{
   padding: 35px 60px;
   /*background-image: url('/image/Background (1).jpg');*/
   background: #001024;
   background-size: cover;
   color: white;
}
.main-content.about-us.section-pad{
   margin: 15px 0px;
   background: url('/image/Blue dots 1-02-01.png');
   margin-top: 40px;
   background-size: cover;
}
.section-pad{
   padding-bottom: 0;
}
.call-action.parallaxie{
   background-position: center !important;
   background-size: cover !important;
   background: url('/image/dote11.webp');
}
.call-action .overly{
   padding: 38px 0;
   background: transparent;
}
.call-action .overly .btn{
   font-weight: 700;
   font-size: 17.5px;
   line-height: 17.5px;
   font-style: normal;
   padding: 11px 26px;
   border: 1px solid;
   border-radius: 5px;
   text-transform: capitalize;
   margin-top: 19px;
}
.call-action .overly h2, .call-action .overly h3{
   line-height: 1.13;
   text-transform: capitalize;
   font-weight: 800;
   color: #141733;
   font-style: normal;
   font-size: 26px;
}
.states{
   display: flex;
   flex-wrap: wrap;
}
.states li{
   margin: 8px;
}
.states li a{
   color:  black !important;
}
.col-md-12.col-sm-12.res-m-bttm.allstates{
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.call-action .overly .paragh{
   max-width: 400px;
   margin: auto;
   display: block;
   color: black;
   padding-top: 11px;
}
.padTop80{
   padding-top: 80px;
}
/* Just for the pen to look nice */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

a{
text-decoration: none;
}
body{
font-family: 'Open Sans';
}
/* relevant code for the icons starts here */

.site{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.wrapper{
display:flex;
flex-direction: row;
padding: 0 20px;
align-items: center;
justify-content: center;
}



.fab {
margin: auto;

}
.social{
color: #FFF;
transition: all 0.35s;
transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social:hover {
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
transition: all ease 0.5s;
-moz-transition: all ease-in 0.5s;
-webkit-transition: all ease-in 0.5s;
-o-transition: all ease-in 0.5s;

}

.facebook {
color:#4267B2;
}

.twitter {
color:#1DA1F2;

}
.youtube {
 color:#c4302b;
}
.pinterest {
color:#c8232c;
}
.instagram {
color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
-webkit-background-clip: text;

}
.tumblr {
   color: #34526f;
}
.whatsapp {
   color:#25D366;
}

.bg-ico {
display: flex;
background-color: #FFF;
width: 90px;
height: 90px;
line-height: 90px;
margin: 0 5px;
text-align: center;
position: relative;
overflow: hidden;
border-radius: 28%;
box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
opacity: 0.99;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;

}
.bg-ico:hover{
box-shadow: 0 5px 15px -5px rgba(0,0,0,0.8);
}

#facebook:hover {
background-color: #4267B2;
}

#twitter:hover {
background-color: #1DA1F2;

}
#youtube:hover {
 background-color: #c4302b;
}
#pinterest:hover {
background-color:#c8232c;
}
#instagram:hover {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);


}
#tumblr:hover {
background-color: #34526f;
}
#whatsapp:hover {
  background-color:#25D366;
}
.latest .card{
padding: 0;
position: relative;
padding-top: 0;
display: inherit;
text-align: left;
}
.video-wrapper{
margin-top: 0px;
} 
.contentreviews{
margin-top: 31px;
}
.contentreviews .font22{ 
text-align: left !important;
}
.Served{
margin-bottom: 31px !important;
}

.facebook:hover, 
.twitter:hover, 
.youtube:hover, 
.pinterest:hover,
.instagram:hover, 
.tumblr:hover,
.whatsapp:hover {
color:#fff;
transform: scale(1.3);

}
.mb_3{
margin-bottom: 30px;
}

/* Make visual changes and generate code for this style here https://thewpgeek.com/icon-maker-6-generator/ 

if you can think of improvments let me know in the comments at the link above.  I  will update the site and this pen */
@media(max-width: 700px){
   .abt-page .ser-col .col-sm-6 + .col-sm-6{
        margin-top: 0px;
   }
   .call-action .overly{
       padding: 38px 17px !important;
       background: #f8f8f8;
       margin-bottom: 21px;
   }
   .mb_3{
       margin-bottom: 10px;
   }
   .padTop80{
       padding-top: 0px;
   }
   .inner-page{
       height: 350px;
   }
   .wrapper{
       flex-wrap: wrap;
   }
   .latest .card{
       margin-bottom: 18px;
   }
   .fa-3x{
       font-size: 2.4em;
   }
   .bg-ico{
       width: 30px;
       height: 30px;
       box-shadow: inherit;
   }
   .main-content.about-us.section-pad{
       margin-top: 0px;
   }
   .main-content.about-us.section-pad.states{
       margin-top: 30px;
   }
   .mt_2{
       margin-top: 0 !important;
   }
   .about-us .about-text p{
       margin: 0px !important;
   }
   .about-us .about-text .meta-head{
       margin-bottom: 0 !important;
   }
   .about-us .about-text iframe{
       margin-top: 20px;
   }
   .whychooseus{
       background: #041026;
       padding: 26px 31px;
       padding-bottom: 20px;
   }
   .about-text .resmt_2{
       margin-bottom: 10px !important;
   }
   .carousel-wrapper{
       margin-bottom:  19px !important;
   }
   .statistics .stat-col .stat-top .counter{
       font-size: 25px;
   }
   .statistics .stat-col .stat-top i{
       font-size: 24px;
   }
   .contentreviews .firstsection h3{
       font-size: 20px !important;
   }
   .socialsection h1{
       margin-top: 20px;
       font-size: 20px;
   }
   .fa-3x{
       font-size: 21px !important;
   }
   .call-action .overly h2, .call-action .overly h3{
       line-height: 1.33;
   }
   .contentreviews{
       margin-top: 0 !important;
   }
   .call-action .overly .container{
       padding: 0px;
   }
   .main-content.about-us.section-pad.states{
       margin-bottom: 10px !important;
   }
   .about-wrapper .res-m-bttm .section-heading{
       margin-bottom: 8px !important;
   }
}