/*Banner section*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');
.about-banner-image{
  width: 1300px !important;
}

/*Introduction section*/

.introduction-section{
	background-image: url('../../image/about/bg.png') !important; 
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}


.about-section-heading{
   text-align: center !important; 
}
.know-more-para-1{
    margin-top: -20px!important;
}

.about-section-heading h1{
   /* padding-top: 145px;*/
    color: #ffffff8c !important;
    font-size: 80px !important;
    font-weight: 800 !important;
    font-family: 'Montserrat' !important;
    text-transform: uppercase !important;
}
.introduction-content{
  padding: 20px !important;
  margin-bottom: 55px !important;
  margin-top: 16px !important;
  position: relative !important;
}
.introduction-content h1{
    text-align: center !important;
    font-family: 'Montserrat' !important;
    color: #FD152B !important;
    font-size: 16px !important;
    font-style: italic !important;
    /* padding: 20px; */
    font-weight: 800 !important;
}

.introduction-content h2{
	  text-align: center !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #000000 !important;
    font-family: 'Montserrat' !important;
    font-weight: 700 !important;
}

.introduction-content p{
    text-align: center !important;
    font-size: 16px !important;
    color: #000000 !important;
    font-style: italic !important;
    font-weight: 500 !important;
}

.introduction-content:before{
  content:url('../../image/about/left-border.png') !important; /* with class ModalCarrot ??*/
  position: absolute !important;
  z-index: 100000 !important;
  left: -1% !important;
  top: -1px !important;
}
.introduction-content:after{
  content:url('../../image/about/right-border.png') !important; /* with class ModalCarrot ??*/
  position: absolute !important;
  z-index: 100000 !important;
  left: 95%!important;
  top: 70px!important;
}
.founder-content-col-1{
   display: inline-flex !important;
   margin-top: -50px !important;
}
.wedding-character ul{
   display: inline-flex !important;
   list-style-type: none !important;
   margin-left: 80px !important;
}
.wedding-character ul li{
  margin-left: 30px !important;
}
.wedding-character ul li img{
  width: 80px !important;
}

.founder-content-1{
  text-align: right !important;
  margin-top: 170px !important;
  position: relative !important;
}

.founder-content-1:before{
    top: 42px !important;
    display: inline-block !important;
    content: "";
    border-top: 2px solid #FD152B !important;
    width: 12rem !important;
    /* margin: 0px 1rem; */
    transform: translateY(-1rem) !important;
    position: absolute !important;
    left: 54px !important;
}

.founder-content-2{
   position: relative !important;
}

.founder-content-2:before{
    top: 42px !important;
    display: inline-block !important;
    content: "" !important;
    border-top: 2px solid #FD152B !important;
    width: 12rem !important;
    /* margin: 0px 1rem; */
    transform: translateY(-1rem) !important;
    position: absolute !important;
    left: -8px !important;
}

.founder-content-1 h6{
	  font-size: 20px !important;
    font-weight: 900 !important;
    color: #4D4D4D !important;
    font-family: 'Montserrat' !important;
}

.founder-content-1 p{
	font-size: 14px !important;
    
    color: #4D4D4D !important;
    font-family: 'Montserrat' !important;
}
.founder-content-2{
  text-align: left !important;
  margin-top: 170px !important;
}

.founder-content-2 h6{
	font-size: 20px !important;
    font-weight: 900 !important;
    color: #4D4D4D !important;
    font-family: 'Montserrat' !important;
}

.founder-content-2 p{
	  font-size: 14px !important;
    color: #4D4D4D !important ;
    font-family: 'Montserrat' !important;
}

.founder-image-1{
  margin-top: 17px !important;
}

.founder-image-2{
  margin-top: 16px !important;
}


.introduction-mobile{
    display: none !important;
}

.how-it-started-section{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background-image: url(../../image/about/how-it-started.png) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

}

.how-it-started-content{
  display: inline-flex !important;
  margin:35px !important;
}
.how-it-started-para{
  margin: 40px 40px 0px 40px !important;
}

.how-it-started-image img{
   width:300px !important;
}
.how-it-started-para p{
	font-size: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
  font-family: 'Montserrat' !important;
  line-height: 22px !important;
  text-align: justify !important;
}
.founder-section{
  position: relative !important;
}
.getstarted-btn a:hover{
	  background-color: #FF142A !important;
    color: #fff!important;
    text-decoration: none !important;
}
.founder-section:after{
  content:url('../../image/about/MWP-ap-intro-logo.png') !important; /* with class ModalCarrot ??*/
  position: absolute !important;
  /*z-index: 100000;*/
  left: 41% !important;
  top: -83px !important;

}
.shadow {
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
   }
   .bottom {
    box-shadow: 0px 15px 10px -15px #111!important;    
  }
  


/*Pefect  match section*/

.perfect-match-section{
 margin-top: 45px !important;
}

.perfect-match-content h6{
	color: #000000 !important; 
    letter-spacing: 6px !important;
    font-family: 'Montserrat' !important;
}

.perfect-match-content h3{
   font-family: 'Montserrat' !important;
   font-weight: 700 !important;
   font-size:35px !important; 
}


.perfect-match-content p{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    line-height: 25px !important;
    font-weight: 400 !important;
    color: #4D4D4D !important;
    text-align: justify !important;
}

/*.perfect-match-image{
    margin-top: -40px;
}*/

.perfect-match-img{
  width: 700px !important;
  margin-top: 6px !important;
  margin-left: -76px !important;
}
.perfect-match-content{
  margin-top: 5px !important;
}

/*Get started section*/
.get-started-section{
  margin-top: 55px !important;
}

.get-started-row{
  background: url("../../image/about/MWP-ap-Save-time-and-money.png") center center no-repeat !important;
  background-size: cover !important;
  height: 330px !important;
}

.get-started-logo{
  margin-top: 40px !important;
  margin-left: 0px!important;
}

.get-started-logo img{
   /* width: 200px; */
    height: 210px !important;
    margin-left: 45px !important;
    margin-top: -30px !important;

}

.get-started-content{
  padding: 30px !important;
  margin-left: -100px !important;
  margin-top: 20px !important;
}

.getstarted-btn{
  margin-top: -7px !important;
  margin-left: -75px !important;
}

.getstarted-btn a{
    background-color: #fff !important;
    padding: 8px !important;
    color: #070707 !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    width: 140px !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
     font-family: 'Montserrat' !important;   
}

.getstarted-btn i{
   margin-left: 15px !important; 
} 
.get-started-mainheading{
    color: #4D4D4D !important;
    font-size: 23px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}

.get-started-subheading{
  color: #FFFFFF !important;
  font-size: 29px !important;
  font-weight: 600 !important;
  font-family: 'Montserrat' !important;
}

.middle-span{
  background-color: #ff132b !important;
  height: 10px !important;
  display: inline !important;
}


.about-logo-col{
    margin-top: 20px !important;
}

.about-logo-para-col{
    margin-top: 20px !important;
}

/* Vendor Categories  */

.vendor-categories{
  margin-top: 20px !important;
}
.vendor-small-text{
 margin-left: 25px !important;
 /*margin-top: 20px;*/
}

.vendor-small-text h6{
   font-family: 'Montserrat' !important;
   letter-spacing: 5px !important;
   color: #4D4D4D !important;
}

.vendor-main-text{
  margin-left: 23px !important;
}
.vendor-main-text h2{
   font-family: 'Montserrat' !important;
   font-size: 34px !important;
   font-weight: 700 !important;
   margin-bottom: 20px !important; 
   color: #383838 !important;
}

.vendor-btn-col{
    margin-left: 40% !important;
    margin-top: -66px !important;
}
.vendor-btn{
    /*margin-left: 75%;*/
    border: 1px solid #c2c6cb !important;
    color: #FF142A !important;
    padding: 10px 30px 10px 30px !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-family: 'Montserrat' !important;
}

.vendor-btn:hover{
  text-decoration: none !important;
  color: #FF142A !important;
}

.view-category{
    /*border: 1px solid #707070 !important;*/
    margin-top: 10px !important;
    border-radius: 5px !important;
    width: 20% !important;
    float: right !important;
    padding: 3px 3px !important;
    height: 29px !important;
    font-size: 14px !important;
    text-align: center !important;
    color: #707070 !important;
    font-family: 'Montserrat' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%FD4251'/%3E%3C/svg%3E") !important;
}

.view-category:hover{
  color: #707070 !important;
  text-decoration: none !important;
}

.vendor-btn:hover {
    background-color: #FF142A !important;
    color: #fff!important;
    text-decoration: none !important;
}
.card-img-top{
  padding: 10px !important;
}
.category-text{
  font-family: 'Montserrat' !important;
  font-size: 15px !important;
}

.vendor-categories .card-title{
   color: #FF142A !important;
   font-family: 'Montserrat' !important;
   font-size: 20px !important;
   font-weight: 900 !important;
}

.vendor-image-before:before {
    content: url(../../image/about/MWP-ap-Vendor-Categories.png) !important;
    position: absolute !important;
    z-index: 100000 !important;
    left: -2px !important;
    top: -5px !important;
}
.vendor-image-before{
  position: relative !important;
}
.vendor-image-before:before{
  content:url('../../image/about/MWP-ap-Vendor-Categories.png') !important; /* with class ModalCarrot ??*/
  position: absolute !important;
  z-index: 100000 !important;
  left: -2px !important;
  top: -5px !important;
}





/*Wedding-expert section*/

.wedding-expert-section{
   margin-top: 10px;
} 

.expert-row{
  background: url("../../image/about/MWP-ap-bg.png") center center no-repeat !important;
  background-size: contain !important;
}

.wedding-expert-image{
  padding: 20px 50px 20px 50px !important;
  margin-bottom: 20px !important;
  margin-top: 14px !important;
}

.wedding-expert-image img{
  width: 400px !important;
  height: 315px !important;
}

.wedding-expert-content{
 margin-top: 80px !important;
}

.wedding-expert-content h6{
   letter-spacing: 6px !important;
   /*font-weight: 800;*/
   font-family: 'Montserrat' !important;
}

.wedding-expert-head{
  font-size: 30px !important;
  font-weight: 900 !important; 
  font-family: 'Montserrat' !important;
}

.wedding-expert-call{
  font-size: 30px !important;
  font-weight: 900 !important;
  font-family: 'Montserrat' !important;
}

.wedding-expert-call{
  position: relative !important;
  color:  #FF142A !important;
  margin-left: 35px !important;
}
.wedding-expert-call:before{
  content: url(../../image/about/whatsapp-icon.png) !important;
  position: absolute !important;
  left: 90px !important;
  top: 1px !important;    
}

.wedding-expert-btn{
    margin-top: 20px !important;
    justify-items: center;
    display: grid;
    align-items: center;
    
} 

.wedding-expert-btn a{
  background-color: #FF142A !important;
  width: 120px !important;
  display: block !important;
  padding: 5px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 14px !important; 
  font-family: 'Montserrat' !important;
  text-align: center !important;
  color: #fff !important;
}
.wedding-expert-btn a:hover{
    background-color: #fff !important;
    border:2px solid #FF142A !important;
    color:#FF142A !important;
}

/* newly add css*/

.about-introduction-mobile{
      display: none !important;
   }

   .about-perfect-mobile_area{
       display: none;
   }

   .about-perfect-desktop_area{
       display: block !important;
   }

   .vendor-about-desktop_area{
      display: block !important;
   }

   .vendor-about-mobile_area{
       display: none !important;
   }
   .about-founder-desktop_area{
      display: block !important;
   }

  .how-it-started-image{
          margin-top: 0px !important;
  }

  .wedding-expert-content {
      margin-left: 0px!important;
      text-align:center;
  }

  .how-it-started-image {
     margin-left: 0px!important;
  }
  .shruti-image-mobile{
     display: none! important;
  }

  .shruti-image-tab{
     display: none !important;
  }

  .introduction-content p{
         margin-top: 0px !important;
      }

      .introduction-content h2{
          margin-top: 0px;
       }
       

       /*.how-it-started-para p{*/
       /*   width: 0px !important;*/

       /*}*/
/* Desktop and laptop  Media css*/

@media screen and (max-width: 1440px){
   
   .about-introduction-mobile{
      display: none !important;
   }
   .about-perfect-mobile_area{
       display: none !important;
   }
   .insta-content h6{
      padding-top: 80px !important;
   }

   .vendor-about-mobile_area{
       display: none !important;
   }
   .shruti-image-mobile{
     display: none! important;
  }
   .shruti-image-tab{
     display: none !important;
  }
} 


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

     .vendor-about-mobile_area{
       display: none !important;
   }

   .vendor-btn-col{
      margin-left: 69% !important;
   }
   .shruti-image-mobile{
     display: none! important;
  }
   .shruti-image-tab{
     display: none !important;
  }

 }

 @media screen and (max-width: 1024px){
      .founder-content-1:before{
          top: 65px !important;
          left: 19px !important;
          width: 8rem !important;
      }
      .founder-content-2:before{
          top: 66px !important;
          width: 10rem !important;
      }
      .perfect-match-content {
         margin-top: -9px !important;
         margin-left: 85px;
      }
      .shruti-image-mobile{
         display: none! important;
      }
       .shruti-image-tab{
        display: none !important;
     }
 }

 @media  screen and (max-width: 992px){
      
    .about-introduction-mobile {
          display: block !important;
     }

     .about-founder-desktop_area{
           display: none !important;
      }
       .shruti-image-tab{
           display: block !important;
       }

      .card-bodys{
           display: flex !important;
           padding-top: 24px !important; 
      }
      .founder-content-1{
           text-align: left !important;
           margin-top: 41px !important;
           padding-left: 18px !important;
           top: 0 !important;
      }
      .founder-content-1 h6{
         font-size: 34px !important;
      }
      .founder-content-1 p {
           font-size: 30px !important;
       }
      .founder-content-1:before{
          top: 62px !important; 
          width: 18rem !important;
      }

      .shruti-image-mobile{
          display: none! important;
      }
 }


 /*Tablet media css*/


 @media  screen and (max-width: 768px){
       .card-bodys img{
           width: 500px !important;
       }

       .founder-content-1 p {
          font-size: 22px !important;
       }
       
        .how-it-started-section{
          margin-top: 21px !important;
        }
        .how-it-started-image{
          margin-top: 65px !important;
        }
         .shruti-image-mobile{
           display: none! important;
        }
         .shruti-image-tab{
          display: block !important;
         }

        .how-it-started-para{
           margin: 40px 15px 0px 15px !important;
        }

        .perfect-match-content {
            margin-top: 15px !important;
            margin-left: 13px;
       }
       .wedding-character ul{
           margin-left: 0 !important;
           justify-content: center;
            text-align: center;
       }
       .get-started-section {
            margin-top: 27px !important;
       }
       .view-category{
       	  width: 37% !important;
       }
       .get-started-logo img{
           margin-left: -43px !important;
       }
       
       .get-started-content{
           margin-left: -70px !important;
           margin-top: 0px !important;
       }
       .getstarted-btn {
          margin-top: -15px !important;
          margin-left: -46px !important;
        }

        .expert-row{
            background-size: cover !important;
        }
        
        .insta-content h6 {
            padding-top: 29px !important;
        }

        .wedding-expert-image{
            padding: 20px 0px 20px 0px !important;
        }
        .wedding-expert-content {
           margin-top: 68px !important;
           margin-left: 36px !important;
         } 
        .wedding-expert-image img {
             width: 334px !important;
             height: 265px !important;
        }
        
        .wedding-expert-head{
            font-size: 25px !important;
        }
        .wedding-expert-call{
            font-size: 25px !important;
        }
        
        .wedding-expert-section{
            margin: 20px 0;
        }

 }

 @media screen and (max-width: 550px){
      .perfect-match-img {
            width: 590px !important;
        }
       .introduction-content:after{
       	   left: 84%!important;
           top: 122px!important;
       }
      .card-bodys{
         display: block !important;
      }

      .shruti-image-mobile{
        display: block! important;
      }
        .shruti-image-tab{
         display: none !important;
        }

      .how-it-started-content{
          display: block !important;
      }

      .how-it-started-section {
         margin-top: 40px !important;
       }

      .how-it-started-image {
            margin-top: 35px !important;
            margin-left: 70px !important;
      }
      
       .view-category {
         width: auto !important;
        }

      .how-it-started-para {
          margin: 16px 0px 0px 0px !important;
      }
      .get-started-row{
          background-size: cover !important;
          height: 450px !important;
      }

      .get-started-logo{
          margin-top: 7px !important;
      }
      .get-started-logo img{
          height: 160px !important;
          margin-left: 110px !important;
      }
      .get-started-content {
             margin-left: 60px !important;
             margin-top: -140px !important;
      }
      .getstarted-btn {
            margin-top: -15px !important;
            margin-left: 170px !important;
      }

      .wedding-expert-image {
            padding: 20px 0px 20px 0px !important;
            margin-left: 70px;
      }

      .wedding-expert-content {
            margin-top: -13px !important;
            /*margin-left: 140px !important;*/
      }
 }

/*Mobile media css*/
@media only screen and (min-width:1201px) and (max-width:1401px){
  .vendor-btn-col {
    margin-left: 0%;
    margin-top: 0;
        text-align: center;
  }
  .introduction-content:after {
    left: 90% !important;
    top: 70px!important;
}
.introduction-content:before {
  left: 2%;
}
  .wedding-expert-head {
    font-size: 28px;
}
}
@media only screen and (max-width:991px){
    .vendor-btn-col {
     margin-left: 0 !important; 
     margin-top: 0 !important; 
}
.view-category{
    width:auto;
    margin-top: 10px !important;
}
}

  @media screen and (max-width: 476px){
        .vendor-about-desktop_area{
          display:  none !important;
        }

       .vendor-about-mobile_area{
          display: block !important;
      }

       .shruti-image-mobile{
        display: block! important;
      }
        .shruti-image-tab{
         display: none !important;
        }

        .get-started-logo img{
          height: 160px !important;
        }

        .getstarted-btn{
          margin-left: 98px !important;
        }
      .wedding-expert-call:before {
         left: 40px !important;
       }

  }


  @media  screen  and (max-width: 426px){
      .about-section-heading h1{
           font-size: 65px !important;
      }

      .introduction-content:before{
         left: -4% !important;
      }
      .introduction-content:after{
          left: 75% !important;
          top: 60px !important;
      }
      .introduction-content p{
         margin-top: 30px !important;
      }

      .how-it-started-image{
         margin-left: 22px !important;
      }
      .perfect-match-img{
         width: 420px !important;
         margin-left: -51px !important;
      }
      
      .get-started-logo img {
        height: 135px !important;
      }
      .get-started-logo img {
         margin-left: 60px !important;
      }
      .get-started-content {
        margin-left: 15px !important;
        margin-top: -140px !important;
      }

      .getstarted-btn {
        margin-left: 46px !important;
      }
      .insta-btn{
         padding-top: 4px !important;
      }
      
      .wedding-expert-image{
         margin-left: 36px !important;
      }
     .wedding-expert-content {
         margin-left: 28px !important;
      }
      
      .wedding-expert-call:before{
          left: 18px !important;
      }

  }


 /*small media css*/
  @media  screen and (max-width: 376px){
         .perfect-match-img {
         width: 420px !important;
       }

       .perfect-match-content h3{
          font-size: 34px !important;
       }

       .get-started-logo{
          text-align: center !important;
          margin-left: -75px!important;
       }

       .get-started-content{
         margin-left: -19px !important;
       }

      .get-started-content{
           text-align: center !important;
       }
       .get-started-subheading{
           text-align: center !important;
       }
      .getstarted-btn {
            margin-left: 98px !important;
       }

       .middle-span{
           margin-left: 6px !important;
       }
       .introduction-content h2{
          margin-top: 20px;
       }
    
       .wedding-expert-call:before {
         left: -2px !important;
       }    
  }


  @media screen and (max-width: 320px){
      
       .about-section-heading h1 {
             font-size: 50px !important;
      }

      .introduction-content:after{
          top: 23px !important;
      }
      .founder-content-1:before {
           top: 100px !important;
           width: 12rem !important;
      }

      .how-it-started-content{
          margin: 0px !important;
      }
      .how-it-started-image img {
         width: 275px !important;
      }
      .how-it-started-para p{
        width: 250px !important; 
      }
      .how-it-started-para {
          margin: 16px 2px 0px 30px !important;
      }
      .perfect-match-img {
          width: 320px !important;
      }

      .perfect-match-img{
         margin-left: -18px !important;
      }
      
      .perfect-match-content h3 {
            font-size: 28px !important;
      }
    
      .getstarted-btn {
         margin-left: 60px !important;
      }

      .get-started-row {
          background-size: cover !important;
          height: 520px !important;
      }
      .wedding-expert-image img {
          width: 300px !important;
          height: 220px !important;
      }
      .wedding-expert-call {
         font-size: 23px !important;
      }
      .wedding-expert-head {
           font-size: 22px !important;
      }
      .wedding-expert-call:before {
    left: -22px !important;
}
}