.grid-item {
display: inline-block;
    height: 259px;

    overflow: hidden;
    text-align: center;
    width: 400px;
}
.grid-item img{
	width:100%;
	height:auto;
	filter: url(filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    transition: 0.9s;
}
.grid-item img:hover{
    filter: none;
}

.isotope-pager .pager {
  display: inline-block;
}
.filters {
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
	padding-top:20px;
	
}

.filters ul {
	list-style: none;
    padding: 20px 10px;
    box-shadow: -1px 1px 11px rgba(0,0,0,.4);
    margin: 0 40px;
    border-radius: 30px;
	background-color: #232323;
}

.filters li {
	display: inline-block;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.filters li a{
	color: #b6b6b6;
	text-decoration: none;
}
.filters li a:hover{
	color:#fff;
}

.filters li:hover {
	box-shadow: -1px 1px 11px rgba(0,0,0,.4);
	border-radius: 15px;
}

.filters li.active a{
	color: #e3ca66;
	border: 1px solid #e3ca66;
	border-radius: 15px;
	box-shadow: -1px 1px 11px rgba(0,0,0,.4);
	padding: 10px 25px;
	
}



.isotope-pager a{
  margin: 6px 1px;
    display: inline-block;
    width: 50px;
    /* height: 60px; */
    line-height: 31px;
    color: #b6b6b6;
    font-weight: 600;
    transition: 0.3s;
    /* position: relative; */
    /* padding-right: 26px; */
    box-shadow: -1px 1px 11px rgba(0,0,0,.1);
    border-radius: 25px;
    background-color: #232323;
    border: .5px solid #e3ca66;
	text-decoration:none;
}

.isotope-pager a:hover{
  color: #fff;
  border: .5px solid #ffeeac;
  box-shadow: -1px 1px 10px 3px rgba(0,0,0,.1);
}

.isotope-pager .active{
  color: #e3ca66 !important;
    box-shadow: -1px 1px 10px 5px rgba(0,0,0,.1);
    border-radius: 25px;
    background-color: #161616;
    border: 1px dotted #e3ca66;
}

.isotope-pager .prev{
  border-radius: 30px 0 0 30px;
}

.isotope-pager .next{
  border-radius: 0 30px 30px 0;
}

.isotope-pager a::before,.isotope-pager a:after{
  content: "";
  position: absolute;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.isotope-pager .num::before,.next::before{
  border-right: 20px solid #2c3e50;
  right: 100%;
}

.isotope-pager .num:after,.prev:after{
  border-right: 20px solid #f1f1f1;
  right: 0;
}





.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.grid-item:hover .overlay {
  opacity: 1;
}

.link{
    
    position: relative;
    left: 116px;
    font-size: 22px;
    background: white;
    
    padding: 5px;
   
    text-decoration: none;
    
}

/* This is a kathir  */


.panel{
        background-color: #fff0!important;
}
     .dark-colors{
        color:#fff;
    }
    .fonts-600{
        color:#fff;
    }
    .icofont-home:before{
    content: "\ef47"; 
    color: #12a1be;
    font-size: 29px;
    border: 3px solid #12a1be;
    border-radius: 29px;
       padding: 5px 6px;
}
.icofont-tag:before {
    content: "\f004";
    color: #12a1be;
    font-size: 29px;
    border: 3px solid grey;
    border-radius: 29px;
    padding: 5px 6px;
}
.icofont-brand-adidas:before {
    content: "\e897";
    color: #12a1be;
    font-size: 29px;
    border: 3px solid grey;
    border-radius: 29px;
    padding: 5px 6px;
}
.icofont-brand-designbump:before {
    content: "\e8c5";
    color: #12a1be;
    font-size: 29px;
    border: 3px solid grey;
    border-radius: 29px;
    padding: 5px 6px;
}
.icofont-comment:before {
    content: "\eeeb";
    color: #12a1be;
    font-size: 29px;
    border: 3px solid grey;
    border-radius: 29px;
    padding: 5px 6px;
}




.content-holder {
    padding-right: 150px;
   
    padding-top: 120px;
    padding-bottom:0px;
    padding-left: 30px;
}

.content-holder h3 {
    margin: 0px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    
    color: #fff;
    margin-bottom: 10px;
}
.content-holder p {
    font-family: 'Open Sans', sans-serif;
    font-size: 2.2rem;
    color: #fff;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}
.btn-main {
    background: #0189a3 !important;
}
.slider-bg .hero-text P {
    line-height: 34px!important;
    font-size: 22px!important;
}
.hero-text h3 {
    font-size:53px;
    line-height: 1.2;
        font-weight: 700;
}
.portfolio .dark-overlay {
    background: -webkit-linear-gradient( 109.6deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 80%) 90.1% );
    position: absolute;
    width: 100%;
    height: 100%!important;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}
.portfolio .small {
    background: -webkit-linear-gradient( 109.6deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 80%) 90.1% );
    position: absolute;
    width: 100%;
    height: 88%!important;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.show-img {
    height: 100px;
    max-width: 100px;
}
.fadetop{
    background: linear-gradient(to bottom, #214277 22%,#634f2c 24%, #214277 26%, #028aa6 27%,#008aa6 40%,#3a2c0f 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   
    font-family: 'Playfair Display', serif;
    
    margin: 0;
    font-weight: 400;
}
.panel-body {
    padding: 15px;
    display: flex !important;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    padding: 0px 18px !important;
        text-align: start;
}
   @media (min-width: 32em) {
         .cc-window.cc-banner {
         padding: 1.5em 1.8em
         }
         .cc-message {
         font-size: 0.9em;
         line-height: 1.4
         }
         .cc-compliance {
         padding-left: 4em
         }
         }
         
         
          @media only screen and (max-width: 600px){
        .mt-50 {
        margin-top: 8px;
        }
        .slider-bg .hero-text P {
            line-height: 26px!important;
            font-size: 12px!important;
        }  
        .abt-img{
        height: 189px!important;
        }
        }
     
       @media only screen and (max-width: 600px){
.slider-bg .hero-text h3, .hero-text h3, .error-cover-bg h3, .coming-cover-bg h3 {
    font-size: 27px!important;
}}
        .main-title{
        color: #2d2d2d;
        text-align: center;
        text-transform: capitalize;
        padding: 0.7em 0;
        }
        .container .title{
        color: #1a1a1a;
        text-align: center;
        margin-bottom: 10px;
        }
        .content {
        position: relative;
        width: 90%;
        max-width: 400px;
        margin: auto;
        overflow: hidden;
        }
        .content .content-overlay {
        background: rgba(0,0,0,0.7);
        position: absolute;
        height: 99%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
        }
        .content:hover .content-overlay{
        opacity: 1;
        }
        .content-image{
        width: 100%;
        }
        .content-details {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        padding-right: 1em;
        width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        }
        .content:hover .content-details{
        top: 50%;
        left: 50%;
        opacity: 1;
        }
        .content-details h3{
        color: #fff;
        font-weight: 500;
        letter-spacing: 0.15em;
        margin-bottom: 0.5em;
        text-transform: uppercase;
        }
        .content-details p{
        color: #fff;
        font-size: 0.8em;
        }
        .fadeIn-bottom{
        top: 80%;
        }
        .fadeIn-top{
        top: 20%;
        }
        .fadeIn-left{
        left: 20%;
        }
        .fadeIn-right{
        left: 80%;
        }
        .menu-text{
        color:#000;
        }
        .abt-img{
        height: 383px;
        }
        
      /*========================  */
        

		
		.portfolio .dark-overlay {

    background: -webkit-linear-gradient( 109.6deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 80%) 90.1% );
    
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    
    transition: opacity 0.2s ease-out;
}
	
			
		.container {
			max-width: 1200px;
			margin: auto;
		}
			
		/* Styling h2 tag */
		h1 {
			Color: green;
			word-break: break-all;
		}
			
		/* Anchor tag decoration */
		a {
			text-decoration: none;
			color: #5673C8;
		}
			
		a:hover {
			color: lightblue;
		}
			
		.row {
			margin: 0px -14px;
		
		}
			
		.row > .column {
			padding: 6px;
		}
			
		.column {
			float: left;
			/*width: 25%;*/
			/*display: none;*/
		}
			
		/* contents decoration */
		.contents {
			
			padding: 10px;
		
			width: 445px;
		}
			
		/* Paragraph decoration */
	
			
		.row:after {
			contents: "";
			display: table;
			clear: both;
		}
			
	
			
		.show {
			display: block;
		}
			
		/* Style the filter buttons */
		.bttn {
    border: none;
    padding: 8px 14px;
    background-color: #214277;
    color: #fff;
}
			
		.bttn:hover {
			background-color: #007EE5;
			opacity: 0.8;
		}
			
		.bttn.active {
			background-color: #007EE5;
			color: white;
		}
		
		/* Window size 850 width set */
		@media screen and (max-width: 850px) {
			.column {
				width: 50%;
			}
		}
		
		/* Window size 400 width set */
		@media screen and (max-width: 600px) {
		    
		    .portfolio .dark-overlay {
    background: rgba(0, 0, 0, 0.8);
    width: 364px;
}

img {
    height: auto;
    max-width: 100%;
}
			.contents {
		
			padding: 10px;
		   width: 350px;}
		    
		}
			@media screen and (max-width: 600px) {
			.bttn {
    border: none;
    padding: 8px 13px;
    background-color: #214277;
    color: #fff;
    font-size: 10px;
    margin: 3px;
}
}
		
		/* Window size 400 width set */
		@media screen and (max-width: 600px) {
			.column {
				width: 100%;
			}
		}
		
		
		.portfolio .dark-overlay {
    background: rgba(0, 0, 0, 0.8);
    border: 4px solid #214277;
}

		.portfolio {
    background: rgba(0, 0, 0, 0.8);
    border: 4px solid #214277;
}


      .pro-row {
   
    margin-left: -40px!important;
    margin-right: 0px;
}

.link
{
    
    position: relative;
    left: 116px;
    font-size: 22px;
    background: white;
    
    padding: 5px;
   text-align:center!important;
    text-decoration: none!important
    ;
    
}
.links{
    position: relative;
    left:184px!important;
     top: 40px!important;
    color: #fff;
    width: 100%;
    text-align:center!important;
}
.portfolio:hover .links {
    top: 40px!important;
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width: 600px) {
 .links {
    position: relative;
    left: 113px!important;
    top: 40px!important;
    color: #fff;
    width: 100%;
    text-align: center!important;
}
.portfolio-description .portfolio-title, .portfolio-description .links {
       position: relative;
    left: 12px;
    color: #fff;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;

}
}

        
 /*------------- web package start--------------       */
        


#price {
  text-align: center;
}

.plan {
  display: flow-root;
  margin: 30px 1%;
  font-family: sans-serif;
}

.plan-inner {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    border-radius: 16px;
}

.entry-title {
  background: #53CFE9;
  height: 140px;
  position: relative;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}

.entry-title>h3 {
  background: #20BADA;
  font-size: 20px;
  padding: 19px 0;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}

.entry-title .price {
    position: absolute;
    bottom: -24px;
    background: #20BADA;
    height: 68px;
    width: 174px;
    margin: 0 auto;
    left: 0;
    right: 0;
    overflow: hidden;
    border-radius: 50px;
    border: 5px solid #fff;
    line-height: 61px;
    font-size: 28px;
    font-weight: 700;
}

.price span {
  position: absolute;
  font-size: 9px;
  bottom: -10px;
  left: 30px;
  font-weight: 400;
}

.entry-content {
  color: #323232;
}

.entry-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.entry-content li {
  border-bottom: 1px solid #E5E5E5;
  padding: 10px 0;
}

.entry-content li:last-child {
  border: none;
}

.btn {
  padding: 3em 0;
  text-align: center;
}



.btn13 a {
    background: #32c322;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    
    border-radius: 8px;
}


.btn12 a {
    background: #0089a4;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    
    border-radius: 8px;
}




a:hover {
    color: #ffffff;
    text-decoration: none;
}




.hot {
    position: absolute;
    top: -7px;
    background: #F80;
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
    padding: 2px 5px;
    font-size: 9px;
    border-radius: 2px;
    right: 10px;
    font-weight: 700;
}
.basic .entry-title {
  background: #75DDD9;
}

.basic .entry-title > h3 {
  background: #44CBC6;
}

.basic .price {
  background: #44CBC6;
}

.standard .entry-title {
  background: #4484c1;
}

.standard .entry-title > h3 {
  background: #3772aa;
}

.standard .price {
  background: #3772aa;
}

.ultimite .entry-title > h3 {
  background: #DD4B5E;
}

.ultimite .entry-title {
  background: #F75C70;
}

.ultimite .price {
  background: #DD4B5E;
}
 
  .fafa1 i {
    color: #f00;
    font-size: 22px;
    position: relative;
    top: 4px;
    right: 10px;
}
 
.fafa i {
    color: #204176;
    font-size: 22px;
    position: relative;
    top: 4px;
    right: 10px;
}  

.colo{
    color: #0089a7;
    font-size:18px;
}
.colo span{
    text-transform: uppercase;
}

.entry-content ul{
    
    text-align: start;
    padding: 20px;
}

.post-info12 {
    padding: 1px;
    background: #0289a3;
    transition: all 0.2s ease;
   
}
.post-info12 h3 a{
    color:#ffffff;
       text-decoration: none;
    font-size: 20px;
}
 
.post-info12 h3 {
    text-align:center;
}




.bg1{
    background-color:#ffffff;
}
 /*------------- web package end--------------       */        
        
    

        
        
        
   /*------------- project Counting start--------------*/      
.bg2{
    
       background-color: #214277;
}

.colr{
    color:#ffffff;
}

.siz{
    font-size:20px;
      font-family: 'Poppins', sans-serif;
}

.counter
{
    text-align: center;
}

.counter-count
{
    font-size: 32px;
    font-weight: bold;
    position: relative;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

.count-up p
{
    font-size: 32px;
    font-weight: bold;
    position: relative;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}
 .count-up{
    
    text-align: center;
 } 
 
 @media only screen and (max-width: 480px) {
 .count-up{
    
   margin-top:65px;
 }
}
 

   /*------------- project Counting end--------------*/ 





/*-----------service start------------*/
.service-section {
    background-image: linear-gradient(#0766b1, #003259);
    padding-bottom: 50px;
    padding-top: 50px;
}
.service-section:before {
    position: absolute;
    top: -100px;
    left: 0;
    content: " ";
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.service-block {
    position: relative;
    color: #000000;
}



.service-block .inner-box{
	position:relative;
	overflow:hidden;
}


.service-block .text{
font-family: 'Poppins', sans-serif;
line-height: 2;
}

.service-block .inner-box .image{
	position:relative;
}

.service-block .inner-box .image .read-more{
	position:absolute;
	right:0px;
	bottom:26px;
	left:60%;
	color:#252525;
	font-size:16px;
	opacity:0;
	visibility:hidden;
	padding:15px 25px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#ffffff;
}

.service-block .inner-box:hover .image .read-more{
	left:40%;
	opacity:1;
	visibility:visible;
}

.service-block .inner-box .image .read-more a{
	position:relative;
	color:#252525;
	font-weight:700;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.service-block .inner-box .image .read-more a .icon{
	position:relative;
	top:1px;
	margin-left:5px;
	font-size:16px;
	display:inline-block;
}

.service-block .inner-box .image .read-more a:hover{
	color:#214277;
}

.service-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}
.service-block .inner-box .lower-content {
   
    position: relative;
    padding-top: -1px;
    margin-bottom: 40px;
    background: #ffffff;
      padding: 1px 10px 13px 12px;
          border-bottom: 5px solid #0189a6;
}
.service-block .inner-box .lower-content h3 {
    position: relative;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}


.service-block .inner-box .lower-content h3 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.service-section .btn {
    text-align: center;
    background: #ffffff;
    color: #3e3d3d;
    padding: 13px 30px;
    display: block;
    max-width: 190px;
    margin: auto;
    border: 1px solid white;  
    -webkit-transform: perspective(1px) translateZ(0);
    -moz-transform: perspective(1px) translateZ(0);
    -o-transform: perspective(1px) translateZ(0);
    transform: perspective(122px) translateZ(0);
}
.service-section .btn:hover {
    background: #79b82d;
    color: #ffffff;
    border: 1px solid #79b82d;
}
.service-section .btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #79b82d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border: 2px solid #79b82d;
}

.service-section .btn:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
/*-----------service Close------------*/
.view-all1 {
   
    font-size: 1.5rem;
    color: #27449c !important;
    text-decoration: none !important;
  float: right;
}


@media (max-width: 600px) {
.view-all1 {
   
    font-size: 1.5rem;
    color: #27449c !important;
    text-decoration: none !important;
  float: none!important;
}



}



.view-all {
    float: right;
    font-size: 1.9rem;
    color: #27449c !important;
     text-decoration: none !important; 
     font-weight: 700;
         padding: 15px;
}



ul.line li{
    
    font-size:15px;
}



.user-image {
     width: 25%; 
    float: left;
}

.user-testimonial {
    width: 70%;
    float: left;
    height: 240px;
    padding: 30px 0;
}

/*===================== testimonials========================*/


.wrapper1{
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}



.wrapper1 .box1{
  background: #fff;
  width: calc(33% - 10px);
  padding: 25px;
  border-radius: 3px;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
}
.wrapper1 .box1 i.quote{
  font-size: 20px;
  color: #17a2b8;
}
.wrapper1 .box1 .content{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}
.box1 .info .name{
  font-weight: 600;
  font-size: 17px;
}

.box1 .info .stars{
  margin-top: 2px;
}
.box1 .info .stars i{
  color: #17a2b8;
}

.content .image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fff;
}

@media (max-width: 1045px) {
  .wrapper1 .box1{
    width: calc(50% - 10px);
    margin: 10px 0;
  }
}
@media (max-width: 702px) {
  .wrapper1 .box1{
    width: 100%;
  }
}
/*============  Client Logos ==============*/
@media (max-width: 480px) {
 

.wid{
    width:200px!important;
}

.textt{
    text-align:center!important;
}

.item p{
    
    margin: -4px 11px 10px;

}
}


/*----------MOBILE BANNER-------------*/


.phoneContent {
     display: none;
}

.deskContent {
    display: block;
}


    @media all and (max-width: 479px) {
    .deskContent {
        display:none;
        
    }
    .phoneContent {
        display:block !important;
        
    }
      /*.hero-text-wrap{*/
      /*    display:none;*/
      /*}*/
      
      .btm{
     margin-top: -18px!important;
}
}








.btm{
     margin-top: -9px;
}





   

/*----------heater menu-------------*/





 @media (min-width: 1024px)
   nav.navbar.bootsnav li.dropdown ul.dropdown-menus {
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
   padding: 9px 21px;
   width: 256px;
   background: #fff;
   left: 0;
   border: 0;
   box-shadow: 0 20px 32px -8px rgb(0 0 0 / 15%), 0 0 1px rgb(0 0 0 / 5%);
   -webkit-box-shadow: 0 37px 52px 0px rgb(0 0 0 / 85%), 0 0 1px rgb(0 0 0 / 83%);
   -moz-box-shadow: 0 20px 32px -8px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.05);
   position: absolute;

   }
   .dropdown-menus {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   font-size: 14px;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,.15);
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
   box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
   }


#whatsapp_button {
    position: fixed;
    left: -6px;
    bottom: 10px;
    height: auto;
    background: #9990;
    z-index: 1001;
}

.btn3:hover {
    color: #fff!important;
    background-color:#0188a6;
}

.btn3 {
    padding: 10px 20px!important;
    height: 37px!important;
    line-height: 37px!important;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 500;
    font-family: 'poppins', sans-serif;
    color: #fff;
}


/*============== CONTACT PAGE START =====================*/

.contact-info {
  display: inline-block;
  width: 100%;
  text-align: center;
      margin-bottom: 10px;
}
.contact-info-icon {
margin-bottom: 15px;
}
.contact-info-item {
  background: #0189a5;
  padding: 30px 0px;
}
.contact-page-sec .contact-page-form h2 {
  color: #071c34;
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 700;
}
.contact-page-form .col-md-6.col-sm-6.col-xs-12 {
  padding-left: 0;
}  
.contact-page-form.contact-form input {
  margin-bottom: 5px;
}  
.contact-page-form.contact-form textarea {
  height: 110px;
}
.contact-page-form.contact-form input[type="submit"] {
  
  width: 150px;
  border-color: #767676;
}
.contact-info-icon i {
  font-size: 48px;
      color: #dfdfdf;
}
.contact-info-text p{margin-bottom:0px;}
.contact-info-text h2 {
    color: #fff;
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 10px;
}
.contact-info-text span {
     color: #fff1f1;
   font-size: 18px;
    
    display: inline-block;
    width: 100%;
    font-family: serif;
}

.contact-page-form input {

 border: 1px solid #767676;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px;
}

.contact-page-form .message-input {
display: inline-block;
width: 100%;
padding-left: 0;
}
.single-input-field textarea {

  border: 1px solid #767676;
  width: 100%;
  height: 120px;
  padding: 12px 16px;
  border-radius: 4px;
}
.single-input-fieldsbtn input[type="submit"] {
  background: #0189a5 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 10px 0;
  text-transform: capitalize;
  width: 150px;
  margin-top: 20px;
  font-size: 16px;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#071c34;transition: all 0.4s ease-in-out 0s;border-color:#071c34}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-page-form {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.contact-page-map {
  margin-top: 36px;
}
.contact-page-form form {
    padding: 20px 15px 0;
}
/*============== CONTACT PAGE END =====================*/

.hr {
  margin:20px;
  border-bottom: 1px solid #EBEBEB !important;
  position: relative;
    width: 100%;
}
.bo{
        box-shadow: -5px -3px 8px #e0d6d6;
    padding: 34px;
}