body{
  background-image: url(images/elite-marrige-bureau-background.jpg);
background-repeat: repeat;
    background-position: center bottom;
    height: auto;

}

/* Navbar css Start*/
.navi-div{
  border-top: 1px solid lightgrey;
  margin-top: 30px;
}
.navbar{
      position: relative;
    margin-bottom: 0px;
    border: 0px solid transparent;
    background-color: none;
    border-radius: 0px;
}
.navbar ul li a{
  color: #002951;
  font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 10px 18px;
        font-family: "Lato", Arial, Tahoma, sans-serif;
}
.navbar ul li a:hover{
  background-color: #c4bbbb00!important;
  color: black;
}
.navbar ul li a:focus{
  background-color: #f6e4cc00!important;
  color: black;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    color: black;
    background-color: black;
    border-radius: 1px;
}
.navbar .donate2{
  position: absolute;
  right: 30px;
  top: 5px;
  border-radius: 0px;
  width: 180px;
  height: 40px;
  color: black;
  font-size: 14px;
  border:2px solid red;
  display: block;
  font-weight: 700;
  background-color:#ff000008;
    font-family: "Lato", Arial, Tahoma, sans-serif;
}
.navbar .donate2:hover{
  color: #fff;
  text-decoration:none;
background-color: #dd3333;
}
.navbar-right {
    float: right!important;
    margin-right:220px!important;
  }
.wp-open-link{
    position:fixed;
    bottom:0;
    right:0;
    z-index:999;
}  
  .slide-center-out 
{
text-decoration:none;
display: inline-block;
color:blue;
}
/* add a empty string after the elment with class .slide-center-out  */
.slide-center-out:after 
{
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease;
-moz-transition: width .5s ease, background-color .5s ease;
 
margin:auto; /* center the cotent so it will sliding from the midddle to the left and right */
}
 
/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after 
{
width: 100%;
background: #a4916d;
}

.whatapp-icon{
	display:none;
}
.whatapp-icon i{
	font-size:24px;
	color:#4fc362;
}

@media only screen and (max-width:600px){
  .navbar{
      position: relative;
    margin-bottom: 0px;
    border: 0px solid transparent;
  background-color:rgb(250,183,194,0.5);
    border-radius: 0px;
}
.na
  .navbar ul {
  margin-left: 0px;
}
.navbar ul li a{
  color: black;
  font-size: 13px;
    font-weight: 700;
    padding: 10px 10px;
        font-family: "Lato", Arial, Tahoma, sans-serif;
}
.navbar .donate2{
  position: absolute;
  right: 100px;
  top: 8px;
  border-radius: 0px;
  width: 170px;
  height: 40px;
  color: black;
  font-size: 12px;
  border-radius: 5px;
  display: block;
  border:2px solid #9c1720;
  background-color:#ff000008;
  font-weight: 700;
    font-family: 'open Sans',sans-serif;
}

}
@media(max-width:767px){
	
	.navbar{
		background-color:transparent !important;
	}
	
	.ph-wa{
		position: absolute;
		top: 0;
		display: flex;
		width: 100%;
		height: 50px;
		justify-content: flex-start;
		align-items: center;
		align-content: space-around;
	}
	.navbar .donate2{
		position: initial;
		font-size: 18px;
		border:none;
		background-color: transparent;
		width:auto;
		text-align:center;
	}
	.navbar .donate2 a{
		color:#000;
	}
	.whatapp-icon{
		margin: 0 10px;
		display:block;
		width:auto;
		text-align:center;
	}
	.whatapp-icon i {
		font-size: 36px;
		color: #4fc362;
	}
	
	.fixed{
		position: fixed;
		top: 0;
		z-index: 99999;
		width: 100%;
		margin:0;
		background:#f0f8ff;
		border: none;
	}
	
	.navbar-toggle{
		margin-right:0;
		z-index:99999;
	}
}
/*end navbar Css */
/* bannar section css*/

.bannar-section{
margin-top: 20px;
}
.bannar-section1{
  margin-top: 20px; 

}
.bannar-section1 img{
width: 100%;
height: 500px;
  
}
@media only screen and (max-width:600px){
  .bannar-section1 img{
width: 100%;
height: 180px;
  
}
}
/* bannar section css*/
/* taking section css*/

.taking-section {
  margin:20px 0px 20px 0px;
}
.taking-section h1{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.taking-section  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.taking-section p{
  font-size: 18px;
  margin-top: 20px;
     color: #4a4235;
     text-align:center;
     line-height: 25px;
  font-family: Playfair display, serif;
}

.frame {
  text-align: center; 
  position: relative;
  cursor: pointer;  
  perspective: 500px; 
  margin-top: 20px;
}
.frame img {
  width: 350px;
  height: 350px;
}
.frame .details {
  width: 60%;
  height: 70%;  
  padding: 5% 8%;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(90deg);
  transform-origin: 50%;
  background: rgba(255,255,255,0.9);  
  opacity: 0;
  transition: all 0.4s ease-in;
  
}
.frame .details h2{
  font-size: 35px;
      font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
    color: #a4916d;
}
.frame .details p{
     color: #000;
    letter-spacing: 1px;
    color: black;
    font-size: 20px;
        font-family: "Lato", Arial, Tahoma, sans-serif;
}
.frame:hover .details {
  transform: translate(-50%, -50%) rotateY(0deg);
  opacity: 1;
}

@media only screen and (max-width:600px){
  .frame img {
  width: 250px;
  height: 250px;
}
.frame {
  text-align: center; 
  position: relative;
  cursor: pointer;  
  perspective: 500px; 
  margin-top: 20px;
  margin-left: 30px;
}
.frame .details {
  width: 50%;
  height: 60%;  
  padding: 5% 8%;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(90deg);
  transform-origin: 50%;
  background: rgba(255,255,255,0.9);  
  opacity: 0;
  transition: all 0.4s ease-in;
  
}
.frame .details h2{
  font-size: 20px;
      font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
    color: #a4916d;
    margin-top: -10px;
}
.frame .details p{
     color: #000;
    letter-spacing: 1px;
    color: black;
    font-size: 16px;
        font-family: "Lato", Arial, Tahoma, sans-serif;
}
.taking-section h1{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.taking-section p{
  font-size: 18px;
  margin-top: 20px;
     color: #4a4235;
     text-align:justify;
     line-height: 25px;
  font-family: Playfair display, serif;
}

}
/* taking section css*/
/* well section css*/
.well-section {
  margin:50px 0px 20px 0px;
}
.well-section h2{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.well-section  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.well-section1{
    margin:20px 0px 20px 0px;
}
.well-section1 img{
  width:100%;
}
@media only screen and (max-width:600px){
  .well-section {
  margin:20px 0px 20px 0px;
}
.well-section1 img{
  width:90%;
  margin-left: 15px;
}
.well-section h2{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
}
/* end well section  css*/
/* abour-section css*/
.about-section1 {
  margin:20px 0px 0px 0px;
}
.about-section1 h2{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.about-section1  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.about-section2{
  margin:10px 0px 20px 0px;
}
.about-section-img {
  margin-left: -15px;
}
.about-section2 h2{
 font-size: 30px;
font-family: inherit;
 margin-top:100px;
 margin-left: 5px;
    font-family: "Lato", Arial, Tahoma, sans-serif;
}
.about-section2  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.about-section2 p{
 font-size: 16px;
font-style: italic;
word-spacing: 2px;
 margin-top:10px;
 color: black;
 text-align: justify;
     font-family: "Verdana", Arial, Tahoma, sans-serif;
  margin-left: 5px;
}
.about-section2 button{
 font-size: 16px;
 font-family: inherit;
    margin-left: 10px;
 margin-top: 10px;
 background-color: #a4916d;
 color: white;
 border-radius: 0px;
 width: 25%;
 height: 40px;
}
.about-section2 button:hover{
  background-color: white;
  border:4px solid #a4916d;
}
.about-section4{
  margin:40px 0px 20px 0px;
}
.about-section4 img{
    display: block;
  margin-left: 35px;
  margin-right: auto;
width: 90%;

}
.about-section-img img{
width: 40%;
}
  @media  screen and (max-width:600px){
    .about-section1 h2{
font-size: 25px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
    .about-section2 h2 {
    font-size: 20px;
   font-family: inherit;
    margin-left: 0px;
    text-align: center;
    margin-top: 5px;

  }
  .about-section2 p {
    font-size: 14px;
    font-family: inherit;
  text-align: justify-all;
    margin-top: 10px;
       margin-left: 0px;
  }
  .about-section2 button {
    font-size: 14px;
   font-family: inherit;
    margin-left: 100px;
    margin-top: 10px;
    background-color: #a4916d;
    color: white;
    border-radius: 0px;
    width: 40%;
    height: 40px;
  }
  .about-section-img img{
width: 80%;
margin-left: 25px;
}
.about-section4 img{
    display: block;
  margin-left: 15px;
  margin-right: auto;
width: 90%;

}
}

/*end about section css*/

/* founder-section css*/
.founder-section {
  margin:20px 0px 0px 0px;
}
.founder-section img{
  margin-top: 20px;
}
.founder-section h2{
font-size: 30px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
   
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.founder-section  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.founder-section1 {
  margin:20px 0px 0px 0px;

}

.founder-section1 h2{
font-size: 30px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
   
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.founder-section1  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
  .founder-section1 p {
    font-size: 14px;
    font-family: inherit;
  text-align: justify-all;
    margin-top: 10px;
       margin-left: 0px;
           font-family: "Lato", Arial, Tahoma, sans-serif;
  }
.founder-section2 h2{
    font-size: 20px;
    color: #000000;
    line-height: 19px;
    font-weight: 400;
    margin-left: -12px;
    letter-spacing: 0px;
        font-family: "Lato", Arial, Tahoma, sans-serif;
}
.founder-section2 p{
    color: #a4916d;
        font-family: "Lato", Arial, Tahoma, sans-serif;
        font-size: 16px;
        font-weight:600;
        margin-left: -12px;
}
  @media  screen and (max-width:600px){
    .founder-section img{
  margin-top: 0px;
}
.founder-section h2{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0px;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.founder-section1 h2{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0px;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.founder-section2 h2{
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0px;
        font-family: "Lato", Arial, Tahoma, sans-serif;
}
.founder-section2 p{
    color: #a4916d;
        font-family: "Lato", Arial, Tahoma, sans-serif;
        font-size: 16px;
        font-weight:600;
        text-align: center;
        margin-left: -12px;
}
  }
/* end founder-section css*/

/* clients section css*/
.Client-section-h{
  margin:30px 0px 0px 0px;
}
.Client-section-h h2{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.Client-section-h  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.Client-section1{
  margin:-50px 0px 0px 0px;
}
.Client-section2{
  margin:-50px 0px 0px 0px;
}
.Client-section{
  margin:-120px 0px 0px 0px;
}
.Client-button button{
 font-size: 16px;
 font-family: inherit;
    margin-left: 10px;
 margin-top: -30px;
margin-bottom: 30px;
   border:3px solid #a4916d;
 color: black;
 background-color: #ff000000;
 border-radius: 0px;
 width: 80%;
 height: 40px;
}
.Client-button button:hover{
 background-color: #a4916d;
 color: white;

}
.Client-section4{
   /* margin: -50px 0px 0px 0px; */
   padding: 20px;
 
}





@media only screen and (max-width:600px){
  .Client-section{
  margin:-150px 0px 0px 0px;
}
.Client-section-h h2{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.Client-section-h  span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}
.Client-section1{
  margin:-100px 0px 0px 0px;
}
.Client-section2{
  margin:-170px 0px 0px 0px;
}
.Client-button button{
 font-size: 16px;
 font-family: inherit;
    margin-left: 65px;
 margin-top: -50px;
background-color: #ff000000;
   border:4px solid #a4916d;
 color: black;
 border-radius: 0px;
 width: 60%;
 height: 40px;
}
.Client-section4{
  margin:-80px 0px 0px 0px;
}
}
/* clidents section css end*/

/* foooter section css */
.footer-section1{
  background-color: #f7f7f7;
  height: 400px;
}

.footer-section2 img{
  width: 80%;
}
.footer-section3{
  margin:30px 0px 0px 0px;
}
.footer-section3 h3{
  font-size:20px;
  color: #a4916d;

}
.footer-section3 h2{
  font-size:20px;
}
.footer-section4{
    margin:30px 0px 0px 0px;
}
.footer-section4 h3{
  font-size:20px;
  color: #a4916d;

}
.footer-section4 p{
      color: #808080;
      font-size: 14px;
      text-align: justify;
       font-family: "Verdana", Arial, Tahoma, sans-serif;
 
}

.footer-section5{
    margin:30px 0px 0px 0px;
}
.footer-section5 h3{
  font-size:20px;
  color: #a4916d;
  text-align: center;
}
.footer-section5 p{
      color: #808080;
      font-size: 14px;
      text-align: center;
       font-family: "Verdana", Arial, Tahoma, sans-serif;
}
.footer-section-last{
  background-color:#eaeaea;
  height: 140px;
}
.footer-section-last p{
   color: #808080;
      font-size: 14px;
      text-align: center;
      margin-top: 40px;
       font-family: "Verdana", Arial, Tahoma, sans-serif;
}
@media only screen and (max-width:600px)
{
  .footer-section1{
  background-color: #f7f7f7;
  height: 800px;
}
  .footer-section3 h2{
  font-size:16px;
}
.footer-section3 h3{
  font-size:20px;
  color: #a4916d;
  text-align: center;
}

.footer-section4 h3{
  font-size:20px;
  color: #a4916d;
  text-align: center;
}
.footer-section4 p{
      color: #808080;
      font-size: 14px;
      text-align: justify;
       font-family: "Verdana", Arial, Tahoma, sans-serif;
       padding: 5px 10px;
}
}
/* footer section css end*/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

@media only screen and (max-width:600px)
{
  .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 75%;
}
}

/* about page css*/

/* Breadcrumb  Section Css Start */
.breadcrumb{
  margin-top: 10px;
background-color:#e7e4df00;
}
.breadcrumb-dot .breadcrumb-item+.breadcrumb-item::before {
    content: "•";
}

.breadcrumb-bar .breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}

.breadcrumb-right-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
  vertical-align:top;
  font-size:40px;
  line-height:15px;
}


.breadcrumb-right-tag {padding:0;background:none;}
.breadcrumb-right-tag .breadcrumb-item {background:rgba(2, 117, 216, 0.8);padding:.5em 1em;}
.breadcrumb-right-tag .breadcrumb-item a, .breadcrumb-right-tag .breadcrumb-item  {color:#fff;}
.breadcrumb-right-tag .breadcrumb-item:nth-child(2) {background:rgba(2, 117, 216, 0.6);}

.breadcrumb-right-tag .breadcrumb-item:nth-child(3) {background:rgba(2, 117, 216, 0.5);}

.breadcrumb-right-tag .breadcrumb-item+.breadcrumb-item::before {
    content: "";
  padding:0;
}
.about-page-section{
  margin:20px 0px 40px 0px;
}
.about-page-section h1{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.about-page-section span{
  font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}

.about-page-section p{
    color: #a4916d;
        font-family: "Lato", Arial, Tahoma, sans-serif;
        font-size: 16px;
        font-weight:600;
        text-align: center;
 
            margin-top: 20px;
}
.about-page-section h2{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 20px;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
@media only screen and (max-width:600px){
  .about-page-section h1{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
  .about-page-section p{
    color: #a4916d;
        font-family: "Lato", Arial, Tahoma, sans-serif;
        font-size: 14px;
        font-weight:600;
        text-align:justify;
     
}
.about-page-section h2{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
}
/* end Breadcrumb  Section Css Start */
/* end about  page css*/ 

/* success story page css*/
.Success-story-page{
  margin:10px 0px 0px 0px;
} 
.Success-story-page h1{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}

.story-section3 {
  margin: 10px 0px 10px 0px;
}

.story-section3 img {
  border: 5px solid #48276e;
}
.div-margin{
  margin-left: 8%!important;
}
.story-section3 h2 {
  font-size: 22px;
  line-height: 25px;
  color: #48276e;
  font-weight: 400;
  font-family: "Arial", Arial, Tahoma, sans-serif;
}

.story-section3 p {
  font-size: 15px;
  line-height: 25px;
  color: #626262;
    font-weight: 400;
  font-family: "Arial", Arial, Tahoma, sans-serif;
}






@media only screen and (max-width:600px){
  .div-margin{
  margin-left: 0%!important;

}
.Success-story-page h1{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
}
/* end success story page css*/

/* contact page css*/
.contact-page{
  margin: 20px 0px 20px 0px;
}
.contact-page1{
  margin: 20px 0px 20px 0px;
  border:1px solid lightgrey;
}
.contact-page1 h1{
  font-size: 30px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 0px;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.contact-page1 button{
 font-size: 16px;
 font-family: inherit;
margin-bottom: 20px;

   border:2px solid #a4916d;
 color:#a4916d;
 background-color: #ff000000;
 border-radius: 0px;
 width: 40%;
 height: 40px;
}
.contact-page1 button:hover{
 background-color: #a4916d;
 color: white;

}
/*end contact page css*/

/* blog page csss*/
.blog-page{
  margin:10px 0px 20px 0px;
}
.blog-page h1{
font-size: 38px;
    line-height: 42px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.blog-page h2{
font-size: 25px;
    line-height: 35px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}

.blog-page1{
    margin:10px 0px 50px 0px;
}
.blog-page1 button{
 font-size: 14px;
 font-family: inherit;
    margin-left: 70px;
 margin-top: 20px;
   border:2px solid #a4916d;
 color: #a4916d;
 background-color: #ff000000;
 border-radius: 0px;
 width: 40%;
 height: 40px;
  font-family: "Lato", Arial, Tahoma, sans-serif;
}
.blog-page1 button:hover{
 background-color: #a4916d;
 color: white;

}
@media only screen and (max-width:600px){
  .blog-page h1{
font-size: 22px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.blog-page h2{
font-size: 18px;
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-align: center;
    font-family: "Lato", Arial, Tahoma, sans-serif;
        color: #002951;
}
.blog-page1 button{
 font-size: 14px;
 font-family: inherit;
    margin-left: 75px;
 margin-top: 20px;
   border:2px solid #a4916d;
 color:#a4916d;
 background-color: #ff000000;
 border-radius: 0px;
 width: 50%;
 height: 40px;
  font-family: "Lato", Arial, Tahoma, sans-serif;
}
}
figure {
  margin: 0;
  position: relative;
}

figure img {
  width: 100%;
  height: auto;
}

figcaption {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  color: white;
  opacity: 0;
  height: 0;
  line-height: 1.3;
  transition: all .5s;
}

figcaption p{
  text-align: center;
  padding: 0 30px;
  width: 100%;
  font-size: 18px;
   font-family: "Lato", Arial, Tahoma, sans-serif;
}

figure:hover figcaption,
figure:focus figcaption {
  opacity: 1;
  height: 100%;
}

figure:focus {
   outline: none;
}


.request-form{

  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
 
  border-radius: 20px;

}

.request-form .field{

  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #727272;
  border-radius: 14px;
  padding:10px 20px;
  margin:0;
  margin-bottom: 10px;
  letter-spacing: 0px;
  color: #727272;
  width: 100%;
  height: 50px;
  opacity: 1;
  font-size: 16px;

}

.request-form button{

  background: #066AFE 0% 0% no-repeat padding-box !important;
  border-radius: 14px;
  text-align: left;
  font-size: 18px;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  padding: 10px 20px;
  text-decoration: none !important;
  border: none;
  width: 100%;
  height: 50px;
  text-align: center;
  font-weight: 700;
  font-style: italic;
}

.request-form button:hover{

  background: #E62049 0% 0% no-repeat padding-box !important;
}

.all-steps{

  padding: 40px 0 0;

}

.all-steps h2{

  text-align: center;
  font-size: 38px;
  line-height: 42px;
  font-weight: 100;
  letter-spacing: 0px;
  text-align: center;
  font-family: "Lato", Arial, Tahoma, sans-serif;
  color: #002951;

}

.all-steps h2 span {
    font-family: Playfair display, serif;
    font-weight: 700;
    font-style: italic;
}

.all-steps .steps{

  margin: 30px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 16px;
  font-style: italic;
  word-spacing: 1px;
  color: black;
  text-align: center;

}

.all-steps .steps .step{

  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  width: 30%;
}

.all-steps .steps .step .icon{

  width: 130px;
  height: 130px;
  border-radius: 50%;
  line-height: 130px;
  background-color: #066AFE;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.all-steps .steps .step .icon i{

    font-size: 52px;
    color: #fff;
}

.all-steps .steps .step .number{

  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  background-color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -20px;
  font-size: 20px;
  font-weight: 600;

}

.all-steps .steps .step h3, .all-steps .steps .step h3 a{

  text-align: center;
  font-size: 26px;
  line-height: 36px;
  font-weight: 100;
  letter-spacing: 0px;
  text-align: center;
  font-family: "Lato", Arial, Tahoma, sans-serif;
  color: #002951;
  font-weight: bold;


}

@media screen and (max-width:960px) {
  .Gallery-item {
    width: 33.3333%;
  }
}

@media screen and (max-width:768px) {
  .Gallery-item {
    width: 50%;
  }
}

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

  .all-steps .steps .step{

     width: 100%;

  }

  .all-steps h2 {

      font-size: 32px;

  }

}


@media screen and (max-width:480px) {
  .Gallery-item {
    width: 100%;
  }

  
}

/* end blog page css*/