

   #IMG{

   	margin-left: -5%;

   	margin-top: : -10px;

   	position: relative;

   }

   #content1{

   	margin-top: 40px;

   }

   #content1  img{

   	height:45px;

   	width: 50px;

   }

   #content2{

    margin-top: 60px;

   }

   #content2  img{

   	height:45px;

   	width: 50px;

   }

   

h2 {
    font-size: 42px;
    font-weight: 700;
    color: #020202;
    line-height: 50px;
}


/*services*/

.services{

	font-family: Sans-serif;

}

.services .icon-box {

  text-align: center;

  background: rgba(204, 204, 204, 0.1);

  padding: 80px 20px;

  transition: all ease-in-out 0.3s;

 

}



.icon-box img{

	height: 30%;

	width: 30%

}



.services .icon-box .icon {

  margin: 0 auto;

  width: 64px;

  height: 60px;

  background: #000;/*#24f5ff;*/

  border-radius: 5px;

  transition: all .3s ease-out 0s;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  transform-style: preserve-3d;

}



.services .icon-box .icon i {

  color: #000;

  font-size: 28px;

}



.services .icon-box .icon::before {

  position: absolute;

  content: '';

  left: -8px;

  top: -8px;

  height: 100%;

  width: 100%;

  background: rgba(255, 255, 255, 0.15);

  border-radius: 5px;

  transition: all .3s ease-out 0s;

  transform: translateZ(-1px);

}



.services .icon-box h4 {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 24px;

}



.services .icon-box h4 a {

  color: #000;

}



.services .icon-box p {

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 0;

}



.services .icon-box:hover {

  background:  orange/*#4380ef*/;

  border-color: orange /*#4380ef*/;

 

}





.services .icon-box:hover .icon {

  background: #000;

}



.services .icon-box:hover .icon i {

  color:  #24f5ff;

}



.services .icon-box:hover .icon::before {

  background:  #343a40; /*#35e888*/

}



.services .icon-box:hover h4 a, .services .icon-box:hover p {

  color: #000;

}





/*testimonial*/

.testimonial{

    padding: 0 15px;

    text-align: center;

}

.testimonial .pic{

    display: inline-block;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin-bottom: 25px;

    overflow: hidden;

}

.testimonial .pic img{

    width: 100%;

    height: auto;

}

.testimonial .description{

    padding: 0 15px;

    font-size: 15px;

    color: #000;

    line-height: 26px;

}

.testimonial .testimonial-title{

    font-size: 16px;

    letter-spacing: 0px;

    color: #000;

    text-transform: uppercase;

    position: relative;
	font-weight:700;

}

.testimonial .testimonial-title:after{

    /*content: "\f10d"*/;

    font-family: "Font Awesome 5 Free"; font-weight: 900;

    display: inline-block;

    width: 100%;

    font-size: 40px;

    color: #54478a;

    margin-top: 30px;



}

.testimonial:hover {

  background:  #fff;

  border-color: #fff;

}

.owl-theme .owl-controls .owl-page span{

    display: block;

    width: 12px;

    height: 12px;

    border-radius: 20px;

    background: orange/*#f3904d*/;

    margin: 5px 7px;

    opacity: 0.5;

}

/* handle contact form assignment*/

.drag-file-box {

 padding:8px;

 border:2px dashed white;
 background: transparent !important;

}

.drag-file-inner {

    position: relative;

    margin-bottom: 32px;

    display: inline;

}

.drag-file-inner i {

    top: 0px;

    padding: 0px !important;

    color: aliceblue;

}

.drag-file-box .drop-text {

  color: white;

    margin-left: 23px;

    font-weight: 600;

    FONT-SIZE: 18PX;   

}

.drag-file-box .browse-style {

     line-height: 36px;

    display: block;

    color: #1e90ff;   

    cursor:pointer;

}

.file_display_area {

     border: 1px solid grey;

    padding: 15px;

    margin: 12px;

    display: none;

    margin:10px;

    color: white;   

}

#frmCont label {
    color: #fff !important;
    font-weight: 700 !important;
}

.pointer {

     cursor:pointer;

}

#res_message {

font-weight:700;    

}

.cls_rel {

 position:relative;   

}

.control-label {
margin-bottom:5px;
color:#fff;

}

/* media queries */

/* media queries */

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

    .headtoppart .container {

     display:none;   

    }



.callusicon {

    font-size: 16px;

    right: 4px;

    top: 12px;

    width:auto;

}

}

.whatsapp-widget {

    position:fixed;

    bottom:5px;

    left:5px;

}

.whatsapp-widget img {

  

}



