@font-face {
    font-family: 'Fonarto';
    src: url('../fonts/Fonarto/Fonarto.eot');
    src: url('../fonts/Fonarto/Fonarto.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fonarto/Fonarto.woff2') format('woff2'),
        url('../fonts/Fonarto/Fonarto.woff') format('woff'),
        url('../fonts/Fonarto/Fonarto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins/Poppins-ExtraLight.woff') format('woff'),
        url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Light.eot');
    src: url('../fonts/Poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.eot');
    src: url('../fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vogue';
    src: url('../fonts/vogue/Vogue-Regular.eot');
    src: url('../fonts/vogue/Vogue-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/vogue/Vogue-Regular.woff2') format('woff2'),
        url('../fonts/vogue/Vogue-Regular.woff') format('woff'),
        url('../fonts/vogue/Vogue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{  box-sizing: border-box; }
html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    position: relative;
    height: 100%;
    /*overflow: hidden;*/
}
a, a:hover, a:focus, a:active  {
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #000000;
}

/*HOME PAGE CSS ------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
  /*TOP NAVBAR CSS START -------------------------*/
  .headerSection {
    position: relative;
    height: auto !important;
  }
    .topbar {
        position: absolute;
        left: calc(50% - 45%);
        right: calc(50% - 45%);
        top: 0;
        z-index: 9;
    }
    .topbar .navbar-light .navbar-toggler {
        border: none;
        box-shadow: none;
    }

    .topbar .navbar { position: relative; }
    .topbar .navbar-nav {
        align-items: flex-end;
    }
    .topbar ul li a {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 1px;
        color: #ED2B73!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-bottom: 12px;
    }
    /*.topbar ul li a.active {
        color: #ED2B73!important;
    }*/
    .headerSection .navbar-expand-lg li..active a::before {
        transform-origin: 50% 50%;
        background: #ED2B73;
    }
    .topbar .mainLogo{ padding-bottom: 8px; }
    .topbar .navbar-light .navbar-toggler{
        border: none;
        /*filter: invert(27%) sepia(93%) saturate(2559%) hue-rotate(321deg) brightness(95%) contrast(96%);*/
        /*filter: invert(28%) sepia(91%) saturate(7030%) hue-rotate(327deg) brightness(92%) contrast(93%); */
    }
    .topbar .navbar-light .navbar-toggler:focus {
        border: none;
        box-shadow: none;
        outline: 0;
        filter: invert(28%) sepia(100%) saturate(7030%) hue-rotate(327deg) brightness(100%) contrast(100%); 
    }
    .topbar .navbar-nav .nav-item { z-index: 2; }
    .nb-bg {
        /*background-color: #ffffff20;*/
        /*width: 1140px;*/
        /*left: calc(50% - 570px);*/
        background-color: #ffffffcc;
        width: 1110px;
        height: 57px;
        position: absolute;
        left: calc(50% - 555px);
        top: 60%;

    }
    .mobile-view { display: none; }
    .desktop-view { 
        /*display: block; 
        text-align: center; 
        margin: 0 20px;*/
        /*left: -27px;*/
        text-align: center;
        margin: 0 20px;
        position: relative !important;
    }
    .socialBar {
        display: flex;
        position: absolute;
        top: -12px;
        right: 0%;
        justify-content: end;
        align-items: center;
        width: 100%;
        height: 100%;
        text-align: left;
        z-index: 1;
    }
    .socialBar ul {
        margin: 0;
        padding: 0;
        margin-left: 91%;
    }
    .socialBar ul li a{
        color: #fff!important;
        font-size: 24px;
        margin: 0;
        padding: 0!important;
    }
    .socialBar ul li img:hover {        
        filter: invert(39%) sepia(99%) saturate(7462%) hue-rotate(324deg) brightness(93%) contrast(101%); 
    }

    /*Header navbar Hover Effect*/
    .headerSection .navbar a{
      position: relative;
      color: #ED2B73 !important;
    }
    .headerSection .navbar a::before{
      content: "";
      width: 100%;
      height: 1.7px;
      position: absolute;
      left: 0;
      bottom: -2px;
      background: #fff;
      transition: 0.5s transform ease;
      transform: scale3d(0,1,1);
      transform-origin: 0 50%;
    }
    .headerSection .navbar a:hover::before{
      transform: scale3d(1,1,1);
    }
    .headerSection .navbar-expand-lg a::before{
      transform-origin: 50% 50%;
      background: #ED2B73;
    }
    
    .headerSection .socialBar a::before{     
        height: 0px; transition: 0.5s transform ease;
    }
    .headerSection .navbar-nav li.nav-item.active {
        border-bottom: 2px solid #ED2B73;        
        position: relative;
        bottom: -2px;        
    }
    .headerSection .navbar li.nav-item.active a:hover::before{             
        height: 0px !important;
        transform: scale3d(0,0,0);
    }
    .headerSection .navbar-nav li.nav-item a {
        border-bottom: 2px solid transparent;
        position: relative;
        bottom: -2px;
    }
    

    /*29-12-2021*/
    /*.headerSection .navbar-nav li a.frontLogin { 
        z-index: 999;
        position: relative;
        left: 35px;
        top: -10px;
        font-family: "Poppins";
        font-size: 20px;
        font-weight: 300;
        border-left: 2px solid #e5bbc7;
        padding-left: 20px;
    }    */

     .headerSection .navbar-nav li a.frontLogin { 
        border-left: 1px solid #00000063;
        line-height: 12px;
        position: relative;
        left: 12px;
        padding-left: 12px!important;
        margin: 0 0 13px 0;
        padding-bottom: 8px;
    } 
    .headerSection .navbar-nav li:nth-child(5) a::before{     
        height: 0px;
    }  
    .headerSection .navbar-expand-lg a.mobile-view::before{     
        height: 0px;
    }   
    .headerSection .navbar-nav li:nth-child(9) a::before {
        height: 0px;
    }
    .headerSection .navbar-nav li.nav-item a.frontLogin{  
        color: #333 !important; cursor: pointer;
    }
    a.responsiveLogin::before { height: 0px !important; color: #000; }
    a.responsiveLogin{ color: #000 !important; }

    /*TOP NAVBAR CSS FINISH -------------------------*/
      .mySambandhSwiper { /* z-index: 1;*/ }

      /*.swiper {
        width: 100%;
        height: 95%;
      }*/
     /* html,
      body {
        position: relative;
        height: 100%;
      }*/
      .swiper {
        width: 100%;
        height: auto;
      }
      .swiper .swiper-slide {
        width: 100%;
        height: auto;
        line-height: auto;
      }
      .swiper .swiper-slide img{ width: 100%; height: auto; }
       
        @media (min-width: 1920px) and (max-width: 1920px) {
          .swiper {
            width: 100%;
            height: 95%;
          }  
          .swiper .swiper-slide img{ width: 100%; height: 100%; }
       }
       @media (min-width: 1536px) and (max-width: 1536px) {
          .swiper {
            width: 100%;
            height: 95%;
          }  
          .swiper .swiper-slide img{ width: 100%; height: 100%; }
       }
       @media (min-width: 1366px) and (max-width: 1366px) {
          .swiper {
            width: 100%;
            height: 95%;
          }  
          .swiper .swiper-slide img{ width: 100%; height: 100%; }
       }

        @media only screen and (max-width: 768px) {
           .swiper .swiper-slide {
               margin-top: 110px;
            }
            .homeMain .topbar .navbar {               
                align-items: center !important;
            }
            .topbar .navbar {               
                align-items: center !important;
            }
        }
        .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        /*fill-opacity: 1 !important;*/
        filter: invert(29%) sepia(90%) saturate(4273%) hue-rotate(323deg) brightness(98%) contrast(90%);
        }

    /*  .mySambandhSwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
*/
      .mySambandhSwiper .swiper-slide img {
        /*display: block;
        width: 100%;
        height: auto;*/
       /* height: 100%;
        object-fit: cover;*/
      }
      /*.mySambandhSwiper h1 {
        text-align: left;
        font-size: 60px;
        font-family: 'Vogue';
        color: #fff;
        z-index: 99;
        width: 50%;
      }
      .mySambandhSwiper .slider-details {
        display: flex;
        position: absolute;
        top: 0;
        left: 0%;
        justify-content: start;
        align-items: center;
        width: 100%;
        height: 100%;
        text-align: left;
       
       }*/
    .mySambandhSwiper .swiper-pagination-bullet-active{
        color: #ED2B73;
        background-color: #ED2B73!important;
    }
    
    /*Login Registration Popup Close Btn*/
    .registerPopClose .fa-times{
        font-weight: 400;
    }
    .registerPopClose {
        position: absolute;
        top: 8px;
        right: 8px;
        color: #fff;
        line-height: 0;
        padding: 0px 0 5px 5px;
        z-index: 2;
    }
    .registerPopClose:hover {
        color: #fff;
    }
    .loginPopClose .fa-times{
        font-weight: 400;
    }
    .loginPopClose {
        position: absolute;
        right: 8px;
        top: 8px;
        color: #fff;
        line-height: 0;
        padding: 0px 0 5px 5px;
        z-index: 2;
    }
    .loginPopClose:hover {
        color: #fff;
    }        
    /*swiper slider css finish --------------------------*/



/*Inside Page Banner Section start*/
    /*.bannerSection {position: relative; height: 500px;}
    .bannerSection img{ position: absolute; bottom: 0; }*/
    /*@media only screen and (max-width: 2500px){
    .bannerSection {height: 620px;}
    .bannerSection img{ height: 100%; object-fit: unset;}
    }
    @media only screen and (max-width: 1920px) {
    .bannerSection {height: 520px;}
    .bannerSection img{ height: 100%; object-fit: unset;}
    }
    @media only screen and (max-width: 1366px) {
        .bannerSection { height: 380px; }
        .bannerSection img{ height: 100%; object-fit: unset; }
    }
    @media only screen and (max-width: 768px) {
        .bannerSection { height: 255px; }
        .bannerSection img{ height: 100%; object-fit: unset; }
    }
    @media only screen and (max-width: 768px) {
        .bannerSection { height: auto; }
        .bannerSection img{ height: 255px; margin-top: 110px; object-fit: unset; }        
    }
    @media only screen and (max-width: 480px) {
        .bannerSection { height: auto; }
        .bannerSection img{ height: 120px; margin-top: 110px; object-fit: unset; }
    }*/

    @media only screen and (max-width: 768px) {
        .bannerSection { height: auto; }
        .bannerSection img{ margin-top: 110px; object-fit: unset; }        
    }
    @media only screen and (max-width: 480px) {
        .bannerSection { height: auto; }
        .bannerSection img{ margin-top: 110px; object-fit: unset; }
    }
/*Inside Page Banner Section end*/


/*--------------------------------------------------------------
# Content Section
--------------------------------------------------------------*/
    #contentSection { }
    .signupMenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 80px;
        top: -22px;
        position: relative;
        z-index: 999;
    }
    .signupMenu a{
        border: 2px solid #ED2B73;
        padding: 2px 0px;
        border-radius: 4px;
        font-size: 23.91px; 
        font-weight: 300;
        background-color: #fff;
        color: #ED2B73;
        width: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .signupMenu a:hover{
        color: #fff;
        background-color: #ED2B73;
    }
    .has-search .form-control {
        padding-left: 2.375rem;
        border: 0;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #ED2B73;
        border : 0;
    }
    .signupMenu .help .input-group ::placeholder {
      color: #ED2B73;
      opacity: 0.5;
    }
    .help .form-group { 
        width: 480px;
        margin-bottom: 0;
        border: 2px solid #ED2B73;
        padding: 1px 0px;
        border-radius: 4px;
    }
    /*SubscribeSection css start ----------------*/
    .subscribeSection {
        margin-bottom: 100px;
    }
     .subscribeSection .subscription-wrapper {
         padding: 8px;
         z-index: 1;
         width: 100%;
         background-color: #ED2B73;
     }

     .subscribeSection form { 
        width: 100%;
        flex-wrap: nowrap; 
    }
    .subscribeSection .form-control {
         height: 40px;
         background-color: #fff;
         border: 1px solid;
         border-radius: 4px;
         height: auto;
         padding: 4px 10px;
         font-size: 24px;
        font-weight: 300;
        font-family: "Poppins";
     }

     .subscribeSection .subscription-wrapper .form-control:focus {
         outline: 0;
         box-shadow: none;
     }
    .subscribeSection .form-control::placeholder {
             color: #ED2B73!important;
          opacity: 0.5!important;
    }
    .subscribeSection p {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 1px;
        color: #ffffff;
        font-weight: 300;
        font-family: "Poppins";
        text-align: center;
    }
    .subscribeSection .btn:not(:disabled):not(.disabled) {
         cursor: pointer;
     }
     .subscribeSection .btn:hover{
        color: #ED2B73;
     }
     .subscribeSection .btn:foucs{
        outline: none;
        box-shadow: none;
     }
    .subscribeSection .subscribeName,
    .subscribeSection .subscribeEmail,
    .subscribeSection .subscribebutton
     {
        margin-left: 12px;
        margin-right: 12px;
    }
    .subscribeSection .subscribeName {
        width: 25%;
    }
    .subscribeSection .subscribeEmail {
        width: 35%;
    }
    .subscribeSection .subscribebutton {
        padding-left: 30px;
    }
    .subscribeSection .btn-primary {
         border: 0;
         border-radius: 4px;
     }
    .subscribeSection .btn {
         font-family: "Poppins", sans-serif;
         font-size: 24px;
         font-weight: 300;
         line-height: 25px;
         text-transform: capitalize;
         height: 44px;
         border-radius: 4px;
         border: 1px solid;
         background-color: #fff;
         color: #ED2B7361;
         padding: 0 10px;
    }
     .latestBlog {
        margin-top: 50px;
        margin-bottom: 50px;
     }
     .latestBlog h2 {
        font-family: "Fonarto";
        font-size: 29px;
        font-weight: 400;
        letter-spacing: 1px;
        color: #000000;
        text-align: right;
        text-transform: uppercase;
        margin-bottom: 40px;
     }
     .latestBlog h2:after {
        content: "";
        width: 70px;
        height: 2px;
        display: inline-block;
        background: #ED2B73;
        margin: 8px 10px;
    }
    .latestBlog h3{
        /*font-size: 39.24px;*/
        font-size: 38px;
        font-weight: 400;
        letter-spacing: 1px;
        color: #ED2B73;
        font-family: "Fonarto";
        text-align: left;
        /*padding-bottom: 80px;*/
        /*margin: 0;*/
        }
  .latestBlog h4{
        font-size: 28px;
        letter-spacing: 1px;
        color: #ED2B73;
        font-family: "Fonarto";
        text-align: left;
        }
    .latestBlog p {
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 200;
        letter-spacing: 0px;
        line-height: 30px;
        color: #000000;
        text-align: left;
        padding-right: 60px;
        }
    .latestBlog .blogBtn{     
        color: #ed2b7370;
        background-color: #fff;
        border: 2px solid #ED2B73;
        border-radius: 4px;
        font-size: 23.91px;
        font-weight: 300; 
        padding: 5px 10px;
    }
    .latestBlog .blogBtn:hover{
        color: #fff;
        background-color: #ED2B73;
    }
    .blogSpace-l { padding-right: 50px; }
    .blogSpace-r { padding-left: 50px; }
    @media only screen and (max-width: 767px) {
        .blogSpace-r { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
        .blogSpace-l { padding-bottom: 20px; }
        .signupMenu a {
        width: 210px;
    }
    }
   /*.latestBlog .blogImage img{ 
        height: 360px;
        object-fit: cover; 
    }*/

 /*LatestBlogSection css finish ----------------*/
/*TeamSection css start ----------------*/
    .team {
        margin-top: 100px;
        margin-bottom: 100px;
     }
     .team h2 {
        font-family: "Fonarto";
        font-size: 29px!important;
        letter-spacing: 1px;
        color: #000000;
        text-align: right;
        text-transform: uppercase;
        margin-bottom: 70px;
     }
     .team h2:after {
        content: "";
        width: 70px;
        height: 2px;
        display: inline-block;
        background: #ED2B73;
        margin: 8px 10px;
    }
    .team h3 {
        font-size: 50px; font-weight: 400;
        letter-spacing: 1px;
        color: #ED2B73;
        font-family: "Fonarto";
        text-align: left;
        padding-bottom: 40px;
        border-bottom: 2px solid #ED2B73;
        margin: 0;
        margin-bottom: 40px;
        }
    .team p {
        font-family: "Poppins";
        font-size: 16px;
        font-weight: 200;
        letter-spacing: 0px;
        line-height: 30px;
        color: #000;
        text-align: left;
        padding-right: 0px;
        }
    .team .teamMembers {
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .team .hrzntlline{
        width: 3px;
        height: auto;
        position: absolute;
        top: -100px;
        left: 50px;
    }
    .team .memberbox {
        width: 50%;
        margin-bottom: 70px;
    }
    .team .img-box {
        width: 200px;
        height: 200px;
        margin-left: auto;
        border-radius: 50%;
        border: 3px solid #ED2B73;
        background-color: #ed2b73;
        text-align: center;
        }    
    .team img {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%;
        margin-bottom: 16px;
        object-fit: cover;
    }

    .team .teamMembers span {
        font-family: "Poppins";
        font-size: 15px;
        letter-spacing: 1px;
        color: #000000;
        font-weight: 300;
        white-space: nowrap;
        }
/*Team Section css finish ----------------*/

/*Testimonial css start ----------------*/
    .ms-testimonial {
        
     }
     .ms-testimonial h2 {
        font-family: "Fonarto";
        font-size: 29px;
        letter-spacing: 1px;
        color: #fff;
        text-align: right;
        text-transform: uppercase;
        margin-bottom: 40px;
        position: absolute;
        top: 13%;
        left: 63.5%;
     }
     .ms-testimonial h2:after {
        content: "";
        width: 70px;
        height: 2px;
        display: inline-block;
        background: #fff;
        margin: 8px 10px;
    }
     .ms-testimonial{
      background-image: url(../images/new-images/testimonial.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      height: 722px;
      margin-top: 50px;
      margin-bottom: 150px;
    }
    .ms-testimonial .swiper {
        width: 100%;
        height: 100%;
    }
    .ms-testimonial .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .ms-testimonial .custom-slide{
        text-align: center;
        padding: 16px 0;
    }
    .testimonialbgpink {
        background: #ed2b7357;
    }
    .ms-testimonial .name{
        font-size: 44px; 
        font-weight: 400;
        letter-spacing: 1px;
        color: #ffffff;
        font-family: "Vogue";
        text-align: center;
    }
    .ms-testimonial .content{
        font-size: 15px;
        letter-spacing: 1px;
        color: #ffffff;
        font-weight: 300;
        font-family: "Poppins";
        text-align: center;
    }
    .flex-center {
        display: flex;
        align-items: center;
    }

    .whyMysambandh {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .whyMysambandh h2 {
        font-family: "Fonarto";
        font-size: 29px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #000;
        text-align: right;
        text-transform: uppercase;
        margin-bottom: 90px;
    }
    .whyMysambandh h2:after {
        content: "";
        width: 70px;
        height: 2px;
        display: inline-block;
        background: #ED2B73;
        margin: 8px 10px;
    }
    .whyMysambandh ul li {
        padding-bottom: 50px;
        padding-left: 20px;

    }
    .whyMysambandh ul li img{
        position: absolute;
        left: 30px;
    }
    .whyMysambandh ul li a {
        font-size: 24px;
        letter-spacing: 1px;
        color: #ED2B73;
        font-weight: 300;
        font-family: "Poppins";
        padding-left: 100px;
        display: flex;
        align-items: center;
    }
    .ourStory {
        margin-top: 50px;
        margin-bottom: 100px;
    }
    .ourStory .bg-gray {
        background-color: #e6e7e8;
        padding: 80px 30px 70px 30px;
    }
    .ourStory h2 {
        font-family: "Fonarto";
        font-size: 29px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #000;
        text-align: right;
        text-transform: uppercase;
        margin-bottom: 0;
    }
    .ourStory h2:after {
        content: "";
        width: 70px;
        height: 2px;
        display: inline-block;
        background: #ED2B73;
        margin: 8px 10px;
    }
    .ourStory h5 {
        font-size: 59px;
        font-weight: 400;
        letter-spacing: 1px;
        color: #000000;
        font-family: "Vogue";
        text-align: left;
        text-transform: uppercase;
        position: relative;
        top: 42px;
        left: 30px;
        margin-bottom: 0;
    }
    .ourStory p {
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 300;
        line-height: 30px;
        color: #000000;
        text-align: left;
        padding-right: 0px;
        margin-bottom: 0;
        column-count: 2;
        column-gap: 160px;
    }
/*--------------------------------------------------------------
    /*LATEST OFFER SECTON CSS START*/
/*--------------------------------------------------------------*/
    .latestOffer {
        background-color: #ED2B73;
        padding: 50px;
    }
    .latestOffer h2{
        font-family: "Vogue"; 
        font-size: 59px;     font-weight: 400;
        letter-spacing: 1px;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 40px;
    }
    .latestOffer h2 span { 
            background:#fff; 
            padding:0 10px;
        }
    .latestOffer .input-group {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
    .latestOffer .input-group ::placeholder {
      color: #fff;
      opacity: 0.5;
    }
    .latestOffer span{
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 0;
    }
    .input-group-text {
        padding: 0 30px;
    }
    .latestOffer span img {
        width: 30px;
    }
    .latestOffer .input-group .form-control {
        border-radius: 0;
        font-size: 25.53px;
        font-weight: 400;
        color: #fff;
        height: 45px;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 0;
    }
    .latestOffer .input-group .form-control:focus {
        outline: none;
        box-shadow: none;
    }    
    .latestOffer span.input-group-text:hover{ background-color: #fff; transition: .3s; }
    .latestOffer span.input-group-text:hover img{ filter: invert(28%) sepia(91%) saturate(7030%) hue-rotate(327deg) brightness(92%) contrast(93%); transition: .3s;}
/*--------------------------------------------------------------
    /*FOOTER SECTION CSS START*/
/*--------------------------------------------------------------*/
        #footerSection{
           position: relative;
        }
       .footerTop{
            padding: 100px 0px;
        }
        .footerTop ul{
            margin: 0;
            padding: 0;
        }
        .footerTop ul li a{
            font-family: "Poppins";
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0px;
            line-height: 33px;
            color: #000000;
        }
        .footerTop ul li a:hover{ color: #ED2B73; transition: 0.4s; }
        .footerTop h3{ 
            font-family: "Poppins";
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 33px;
            color: #ED2B73; 
        }

/*--------------------------------------------------------------
    /*FOOTER BOTTOM SECTION CSS START*/
/*--------------------------------------------------------------*/
        .footerBottom{
            background-color: #ED2B73;
            padding: 12px;
            margin-bottom: 30px;
        }
        .footerBottom p{
            font-family: "Poppins";
            font-size: 15px;
            font-weight: 300;
            letter-spacing: 0px;
            line-height: 33px;
            color: #ffffff;
            margin-bottom: 0;
            text-align: center;
        }
        .footerBottomInner{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
   
/*----MEDIA QUERY START----*/   
    @media only screen and (max-width: 360px) {
        .signupMenu a{ width: 130px!important; font-size: 18px!important; }
        .latestBlog h3, .team h3 { font-size: 30px; }
        .latestBlog h4 { font-size: 22px; }
        .team h3 { font-size: 30px!important; }
        .team .img-box { width: 100px!important; height: 100px!important; }
        .team img { margin-bottom: 4px; }
        .team .teamMembers span { font-size: 12px!important; }
        .team .memberbox { margin-bottom: 50px; }
        .signupMenu .signupButton a, .signupMenu .loginButton a { width: 110px !important; font-size: 16px!important; }
        .ms-testimonial .custom-slide{ padding: 4px 0; }
    }
    @media only screen and (max-width: 480px) {
        /*.mobile-view { display: block; }
        .desktop-view { display: none; }*/
        .headerSection .mobile-view { width: 106px; }
        .headerSection .mobile-view img{ width: 100% !important; }
        .mySambandhSwiper h1 { font-size: 40px; }
        .topbar .nb-bg { display: block;  height: 46px; top: 47px; }
        /*.topbar .navbar { top: 16px!important; align-items: flex-end!important; }*/
        .topbar .mainLogo{ width: 50%!important; }
        .headerSection .navbar a.responsiveLogin{ font-size: 16px; }
        .signupMenu { margin-bottom: 30px!important; }
        .signupMenu a { width: 130px !important; font-size: 18px!important; }
        .latestBlog, .team { margin-top: 30px; margin-bottom: 30px; }
        .latestBlog h2, .team h2 { font-size: 24px; margin-bottom: 30px; }
        .latestBlog h3{ font-size: 30px!important; padding-bottom: 00px!important; }
        .latestBlog h4 { font-size: 24px!important; }
        .ms-testimonial h2 { top: 2%; left: 30%; }
        .ourStory h2 { font-size: 24px; margin-bottom: 30px; }
        .ourStory h5 { font-size: 30px!important; position: unset; text-align: center; margin-bottom: -22px; }
        .ourStory .bg-gray { padding : 30px 16px 16px 16px!important; }
        .ourStory .osRight { padding-left: 15px; padding-right: 15px; }
        .ourStory { margin-top: 30px!important; margin-bottom: 30px!important; }
        .latestOffer  { padding: 24px 12px; }
        .latestOffer h2 { font-size: 36px!important; }
        .subscribeSection { margin-bottom: 30px!important; }
        .subscribeSection form { flex-wrap: wrap; }
        .subscribeSection .form-control{  font-size: 18px; }
        .subscribeSection .btn { font-size: 18px; height: 35px; }
        .latestBlog p, .team p, .ourStory p { font-size: 16px; line-height: 24px; padding-right: 0; }
        .team { margin-bottom: 0!important; }
        .team h3 { font-size: 30px!important; padding-bottom: 20px!important; }
        .team .img-box { width: 150px; height: 150px; }
        .team .teamMembers { margin-top: 8px!important; }
        .team .teamMembers span { font-size: 16px; line-height: 24px; }
        .ms-testimonial { margin-bottom: 30px!important; }
        .ms-testimonial h2{ font-size: 24px; }
        .ms-testimonial .name { font-size: 30px; }
        .ms-testimonial .content { font-size: 14px; }
        .whyMysambandh { margin-top: 30px!important; margin-bottom: 30px!important; }
        .whyMysambandh .couple{ margin-bottom: 30px!important; }
        .whyMysambandh h2 { font-size: 24px!important; margin-bottom: 8px!important; }
        .whyMysambandh ul li { padding-top: 8px!important; padding-bottom: 8px!important; }
        .whyMysambandh ul li a { padding-bottom: 0px; font-size: 18px; padding-left: 36px!important; }
        .whyMysambandh .wmsicon { width: 24px; }
        .latestOffer { padding-top: 30px!important; padding-bottom: 30px!important; }
        .latestOffer h2 { font-size: 30px!important; padding-bottom: 16px; }
        .latestOffer .input-group { width: 100%; margin-bottom: 0px!important; }
        .latestOffer .input-group-text { padding: 0 8px; }
        .latestOffer .input-group .form-control { font-size: 18px; height: 36px; }
        .latestBlog .blogBtn{ font-size: 16px; }
        .footerTop { padding: 30px 0 8px 0; }
        .footerTop ul li a { font-size: 16px; line-height: 26px; }
        .footerTop .col-md-3 { padding-bottom: 12px; }
        .footerTop .footerLogo img { width: 50%; }
        .footerBottom p { font-size: 16px; line-height: 26px; }
    }
    /*@media screen and (min-device-width: 479px) and (max-device-width: 575px) { 
        .signupMenu a{ /*width: 210px;*/ }          
    }*/
    @media screen and (min-device-width: 481px) and (max-device-width: 575px){
        .ourStory h5 {
            font-size: 40px !important;
            top: 30px !important;
            display: inline-block;
        }
    }

    @media only screen and (max-width: 768px) {
        .subscribeSection form { flex-wrap: wrap; }
        .subscribeSection .subscribeName { width: 80%; }
        .subscribeSection .subscribeEmail { width: 80%; }
        .subscribeSection .subscribebutton { padding-left: 0; width: 200px; }
        .subscribeSection p { font-size: 18px; }
        .team { margin-bottom: 30px; }
        .team h2 { margin-bottom: 30px; }
        .team h3 { margin-bottom: 20px; padding-bottom: 20px; }
        .team .teamMembers { margin-top: 30px; }
        .ms-testimonial { margin-top: 0px; }
        .ms-testimonial .swiper .swiper-slide { margin-top: 0px; }
        .ms-testimonial h2 { left: 0!important; right: 5%!important; top: 6%; }
        .latestOffer h2 { font-size: 40px; }
        .footerTop .col-md-3 { padding-bottom: 20px; }
        .footerTop { padding: 50px 0 30px; }
        /*.signupMenu a { width: 160px; font-size: 18px; }*/
    }
  /* @media screen and (min-device-width: 769px) and (max-device-width: 991px) { 
        .mobile-view { display: block; }
        .desktop-view { display: none; }

   }  */ 

   @media only screen and (max-width: 991px) {
     .mobile-view { display: block; }
        .desktop-view { display: none; }
        .swiper { width: 100%; /*height: 75%;*/ /* height: auto;*/ }
        .signupMenu { margin-bottom: 0; }
        .nb-bg { display: none; }
        .topbar .navbar-nav { align-items: flex-start; background-color: #fff; }
        .topbar .nb-bg { display: block; height: 46px; top: 58px; }
        .topbar .navbar { top: 16px; align-items: flex-end; }
        .topbar .mainLogo{ width: 60%!important; }
        .socialBar { position: unset; z-index: 1; padding-bottom: 12px; }
        .socialBar ul { margin-left: 0; display: flex; align-items: center; justify-content: flex-start; }
        .socialBar ul li a img { filter: invert(28%) sepia(91%) saturate(7030%) hue-rotate(327deg) brightness(92%) contrast(93%); }
        .signupMenu { margin-bottom: 50px; }
        .subscribeSection { margin-bottom: 50px; }
        .subscribeSection .btn { margin-left: 0; }
        .team .hrzntlline { display: none; }
        .team .img-box { margin-left: auto; margin-right: auto; }
        .ourStory .osRight { padding-left: 15px; padding-right: 15px; }
        .ourStory p { padding-bottom: 12px; column-count: 1; column-gap: 0; }
        .whyMysambandh .couple { margin-bottom: 40px; }
        .latestBlog h3 { padding-bottom: 0px; }
        .ms-testimonial { margin-bottom: 50px; }
        .ms-testimonial h2 { left: 0!important; right: 5%!important; top: 6%; }
        .whyMysambandh h2 { margin-bottom: 30px; }
        .whyMysambandh .couple { margin-bottom: 50px; }
        .whyMysambandh ul li { padding-top: 12px; padding-bottom: 12px; }
        .whyMysambandh ul li:last-child { padding-bottom: 0; }
        .whyMysambandh ul li a { display: flex; align-items: center; }
        .ourStory { margin-bottom: 50px; }
        .ourStory .bg-gray { padding-bottom: 40px; }
        .latestOffer { padding: 50px 18px; }
        .latestOffer h2 { font-size: 40px; }
        .latestBlog .blogSpace-l{ padding-right: 15px; }
        .latestBlog .blogSpace-r{ padding-left: 15px; }
    } 
    @media only screen and (max-width: 992px) {
        .mainLogo { width: 70%; }
    }
    @media only screen and (max-width: 1024px) {
       .topbar ul li a { font-size: 17px!important; }
       .mainLogo { width: 75%; padding-bottom: 8px; }
        .mySambandhSwiper .slider-details { width: auto; }
        .latestOffer h2 { font-size: 50px; }
        .latestBlog h3, .team h3 {  font-size: 40px; }
        .latestBlog h4 {  font-size: 30px;  }
        .ms-testimonial h2 {  left: 68%;  }
        .ourStory h5 {  font-size: 50px;  top: 35px; }
        .whyMysambandh ul li a { padding-left: 70px; }
        .team { margin-top: 50px; }
        .desktop-view { margin: 0 15px; }
    }
    @media only screen and (max-width: 1100px) {
        .headerSection .navbar-nav li.nav-item a {
            padding-left: 6px!important;
            padding-right: 6px!important;
        }
    }
    @media only screen and (max-width: 1199px) {
        .socialBar { right: -3%; }
    }
    @media only screen and (max-width: 1200px) {
        .desktop-view { margin: 0px; }
        .nb-bg{ width: 100%; margin-left: auto; margin-right: auto; left: 0%; height: 50px; }
        .mainLogo { width: 85%; }
        .whyMysambandh ul li a { padding-left: 70px; }
        .franchisee_login .franchisee_content h3{ font-size: 36px; }
        #footerSection .footerBottomInner{ display: block; }
        .latestBlog p{ padding-right: 0 }  
        .topbar ul li a { font-size: 18px; }
    }

   
   /*CONTACT-US PAGE CSS ------------------------------------------------------------------------------------*/
   /*SIGN UP SECTION CSS ----------*/

    .signUpSection {
        background-color: #ED2B73;
        padding: 1.5% 0;
        /*margin-bottom: 150px;*/
    }
    .contactandloginSection { margin-top: 150px; }
    
    .signUpSection .btn {
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        letter-spacing: 1px;
        text-transform: capitalize;
        border-radius: 4px;
        font-weight: 300;
        border: 1px solid #ED2B73;
        background-color: #fff;
        color: #ED2B739e;
        padding: 1% 4%;
        /*width: 190px;*/
    }
    .signUpSection .btn:hover {
       border-color: #fff;
       background-color: #ED2B73;;
       color: #fff;
       transition: 0.3s;
    }
    .signUpSection .btn:focus {
        outline: none;
        box-shadow: none;
    }
    /*contactandloginSection SECTION CSS -------*/
    .contactandloginSection h3 {
        font-size: 38px;
        letter-spacing: 1px;
        color: #ED2B73;
        font-weight: 300;
        font-family: "Fonarto";
        margin-bottom: 0;
        padding-bottom: 40px;
    }
    .contactandloginSection .formBGpink{
       background-image: linear-gradient(to right, white 15px, transparent 0px), 
       linear-gradient(to left, white 15px, transparent 0px), 
       linear-gradient(0deg, #fce5ee 90%, #fff 20%);
    }
    .contactandloginSection .bg-lightpink{
        background-color: #FCE5EE;
    }
    .contactandloginSection .submitform{
        padding: 40px 24px!important;
    }
    .contactandloginSection .mb-60 {
        margin-bottom: 60px;
    }
    .submitform label {
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 300;
        color: #ED2B73;
        letter-spacing: 1px;
        margin-bottom: 0;
        margin-right: 8px;  
        white-space: nowrap;
        }
    
    .submitform .form-control {
        height: calc(24px + 0px + 0px);
        padding: 0 4px;
        font-size: 15px;
        font-weight: 400;
        color: #ED2B73;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #ED2B73;
        border-radius: 0;
        margin-bottom: 0!important;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .submitform .form-control:focus {
        outline: none;
        box-shadow: none;
    }
    .submitform .formButton {
        font-family: "Poppins", sans-serif;
        font-size: 21px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: capitalize;
        border: 1px solid #ED2B73;
        border-radius: 4px;
        background-color: #fff;
        color: #ED2B73;
        width: 133px;
        height: 44px;
        padding: 0;
    }
    .submitform .formButton:hover{
        background-color: #ED2B73;
        color: #fff;
    }
    .submitform select.form-control{
        color: #ED2B73;
    }

    /*.submitform .notes {
        background-attachment: local;
        background-image: 
        linear-gradient(to right, white 0px, transparent 0px),
        linear-gradient(to left, white 0px, transparent 0px),
        repeating-linear-gradient(#fce5ee, #fce5ee 30px, #ED2B73 31px);
        line-height: 31px;
        padding: 0;
        width: 100%;
        border: none;
        resize: none;
    }*/
    .submitform .notes {
        line-height: 36px;
        background-image: linear-gradient(transparent, transparent calc(35px - 0px), #ED2B73 0px);
        background-size: 100% 36px;
        background-color: transparent;
        color: #ED2B73;
        width: 100%;
        border: 0;
        resize: none;
        font-size: 18px;
        font-weight: 400;
        padding: 0;
    }
    #demo-textarea {
      width:100%;
      height:110px;
    }
    .submitform textarea:focus {
        outline: none;
        box-shadow: none;
    }
    .locationSection .headoffice {
        margin-bottom: 100px;
    }
    .locationSection .head2{
        font-family: "Fonarto";        
        font-size: 23.5px;
        font-weight: 400;
        color: #000000;
        letter-spacing: 1px;
    }
    .locationSection .time{
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 300;
        color: #000000;
        letter-spacing: 1px;
        margin-bottom: 0;
    }    
    .locationSection p{
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 200;
        color: #000000;
        letter-spacing: 0px;
        margin-bottom: 0;
    }
    .locationSection iframe { width: -webkit-fill-available; }

  /* Franchisee Page Code CSS Start ----------*/
    /*.franchiseePageSection .signUpSection {
        margin-bottom: 100px !important;
    }*/
    /*.franchisee_login { margin-top: 100px !important; }*/
    .title-heading h1{ text-align: right; color: #fff; font-size: 43px;  font-weight:300; margin: 0; }
    .franchisee_login .franchisee_form { background-image: linear-gradient(to right, white 15px, transparent 0px), linear-gradient(to left, white 15px, transparent 0px), 
        linear-gradient(0deg, #fce5ee 100%, #fff 20%) !important; margin-top: 10px; 
    }
    .franchisee_content h3{ 
        font-size: 45px;
        letter-spacing: 1px;
        color: #ED2B73;
        font-family: "Fonarto";
        text-align: left;
        padding-bottom: 20px;
    }
    .features_text { padding-left: 22px; margin-bottom: 20px; }
    .features_text ol{ margin: 0; padding: 0; }
    .features_text li{     
        font-size: 15px;
        font-weight: 300;
        line-height: 36px;
        /*color: #ED2B73;  */
        font-family: "Poppins";
    }
    .text_para { margin-top: 20px; }
    .text_para p{ font-size: 15px; font-weight: 300; /*color: #ED2B73;*/ line-height: 36px; letter-spacing: 0.3px; font-family: "Poppins"; margin: 0; }
    .franchiseeFooterSection { 
        padding: 32px 0 100px 0px !important;
        border-top: 27px solid #ED2B73 !important; 
        margin-top: 140px;
    }
    .franchisee_login .submitform label{ 
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 300;
        color: #ED2B73;
        letter-spacing: 1px;
        margin-bottom: 0;
        margin-right: 8px;
        white-space: nowrap; 
    }
    .franchisee_login .submitform .formButton {
        font-family: "Poppins", sans-serif;
        font-size: 28px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: capitalize;
        border: 1px solid #ED2B73;
        border-radius: 4px;
        background-color: #fff;
        color: #ED2B73;
        width: 150px;
        height: 50px;
        padding: 0;
    }
    .franchisee_login .submitform .formButton:hover{
        background-color: #ED2B73;
        color: #fff;
    }
  /* Franchisee Page Code CSS End ----------*/

@media only screen and (max-width: 992px) {
    
    .signUpSection .btn{ font-size: 16px; }
    /*.contactUsPageSection .signUpSection { margin-bottom: 100px; }*/
    .contactandloginSection { margin-top: 100px; }
    .franchisee_content h3{ font-size: 35px; }
}
@media screen and (min-device-width: 769px) and (max-device-width: 991px) { 
    .contactandloginSection .formBGpink{ margin-bottom: 100px; }
    .contactandloginSection .mb-60 { margin-bottom: 40px; }
    .franchiseePageSection .feature_Image { margin-bottom: 30px; }
    .franchiseePageSection .text_para p{padding-top: 30px;}
    .franchisee_login .franchisee_form { margin-bottom: 0 !important; }
    .franchiseeFooterSection { margin-top: 50px; }
    .franchiseePageSection .title-heading h1 { font-size: 32px; }
    .franchiseeFooterSection{ padding: 50px 0 30px !important; }
    /*.contactUsPageSection .signUpSection {  margin-bottom: 50px !important; }*/
    .contactandloginSection { margin-top: 50px !important; }
}
@media only screen and (max-width: 768px) {
    /*.bannerSection img{ object-fit: cover; height: 255px; }*/
    /*.bannerSection img.objectPosition{ object-position: left; } */
    .contactandloginSection h3 { font-size: 30px; }
    /*.contactUsPageSection .signUpSection { margin-bottom: 50px !important; }*/
    .contactandloginSection { margin-top: 50px !important; }
    .contactandloginSection .mb-60 { margin-bottom: 40px; }
    .contactandloginSection .formBGpink{ margin-bottom: 50px; }
    .submitform .formButton { font-size: 18px; padding: 1% 4%; }
    .locationSection .headoffice { margin-bottom: 50px; }
    .locationSection .head2 { font-size: 22px; }
    .locationSection .time {  font-size: 18px; }
    .locationSection p { font-size: 18px; }
    .franchiseePageSection .feature_Image { margin-bottom: 30px; }
    .franchiseePageSection .text_para p{padding-top: 30px;}
    .franchisee_login .franchisee_form { margin-bottom: 0 !important; }
    .franchiseeFooterSection { margin-top: 50px; }
    .franchiseePageSection .title-heading h1 { font-size: 32px; }
    .franchiseeFooterSection{ padding: 50px 0 30px !important; }
    .franchisee_login .submitform label { font-size: 20px; }
    .franchisee_login .submitform .formButton { font-size: 20px; width: 130px; height: 40px; }
    .ms-testimonial { height: 500px;}
    .ms-testimonial:before { height: 50%; top: 25%; }
    .ms-testimonial .name{ margin: 0; }
    .latestOffer .input-group .form-control {font-size: 20px;}
    /*.mySambandhSwiper .swiper-slide{ margin-top: 105px;}*/
}
  /*  @media only screen and (max-width: 767px) {
        .ms-testimonial:before { height: 50%; top: 25%; }
    .ms-testimonial .name{ margin: 0; }
    }*/
@media only screen and (max-width: 480px) {
    .contactandloginSection h3 { font-size: 22px; padding-bottom: 30px; padding-top: 10px; }
    .locationSection h3{ padding-top: 40px; }
    .submitform label { font-size: 16px; line-height: 30px; }
    .locationSection .head2 { font-size: 18px; }
    .locationSection .time {  font-size: 16px; }
    .locationSection p { font-size: 16px; }
    .g-recaptcha { transform:scale(0.77); transform-origin:0 0; }
    .franchisee_login .franchisee_content h3 { font-size: 30px; padding-bottom: 20px; }
    .franchisee_login .features_text li { font-size: 16px; line-height: 26px; }
    .franchiseePageSection .text_para p{ font-size: 16px; line-height: 26px; }
    .franchiseeFooterSection{ padding: 50px 0 30px !important; }
    .franchiseePageSection .title-heading h1 { font-size: 22px; }
    .franchisee_login .submitform label { font-size: 16px; }
    /*.ms-testimonial { height: 350px; }*/
    .ms-testimonial:before { height: 60%; top: 24%; }
    /*.ms-testimonial .name, .ms-testimonial .content { position: relative; top: 20px; }*/
}

@media only screen and (max-width: 360px) {
    .submitform div { flex-wrap: wrap; }
    .franchiseePageSection .title-heading h1 { font-size: 18px; }
}


/*--------------------------------------------------------------
    FAQ Page Code Start
/*--------------------------------------------------------------*/
    .faq_Section { 
        background-color: #ED2B73;
        padding: 1.5% 0;      
     }
    .mspink { color:  #ED2B73; }
    .fonarto {font-family: "Fonarto";}
    .pinkButton {
        color: #fff;
        background-color: #ED2B73;
        border-color: #ED2B73;
    }
    .whiteButton {
        color: #ED2B73;
        background-color: #fff;
        border-color: #fff;
    }
    .faqPageSection .form-control:focus, .faqPageSection .btn:focus {
        outline: none;
        box-shadow: none;
    }
    .faqPageSection h5{
        font-size: 25px;
        letter-spacing: 1px;
        color: #ED2B73;
        font-weight: 300;
        font-family: "Fonarto";
        text-align: left;
        margin-bottom: 18px;
    }
    .faqSearch {
        text-align: center;
        margin-bottom: 50px;
    }
    .faqSearch .btn {
    font-size: 16px;
    padding: 3px 8px !important;    
    outline: none;
    box-shadow: none;
    border: 2px solid #ED2B73;
    font-weight: 500;    
    margin-bottom: 0; 
    letter-spacing: 1px;
}
    .faqSearch .btn:hover,
    .faqSearch .btn:focus,
    .faqSearch .btn:active:focus {
        color: #ffffff;
        background-color: #ED2B73;
        outline: none;  
        box-shadow: none;
        border: 2px solid #ED2B73;
        border-radius: 0px !important; 
        transition: all 0.4s ease;
        margin-bottom: 0;
    }
    .faqSearch .form-control {
        border-radius: 0 !important;
        border: 2px solid #ED2B73;
        padding: 18px 15px; border-right: 0;
    }
    .faqSearch .input-group { width: 50%; }
    .faqCatagory { margin-bottom: 40px; }
    .faqCatagory ul{
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }
    .faqCatagory ul li{
        list-style-type: none;
        text-align: left;
        width: 25%;
        margin-bottom: 30px;
    }
    .faqCatagory ul li{
        list-style-type: none;
        text-align: left;
        width: 25%;
        margin-bottom: 30px;
    }
    .faqCatagory ul li a{
         font-size: 15px;
        letter-spacing: 0px;
        color: #ED2B73;
        font-weight: 300;
        font-family: "Poppins";
    }
    .faqCatagory ul li p{
        font-size: 15px;
        letter-spacing: 0px;
        color: #000;
        font-weight: 300;
        font-family: "Poppins";
    }
    .plus {
        position: absolute;
        margin-left: 0px;
        font-size: 15px;
        color: #ED2B73;
        z-index: 5;
        line-height: 45px;
        -webkit-user-select: none;    
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }
    .questions { display: none; }
    /*question and answer section css start----------*/
    .faqQA { margin-bottom: 50px; }
    #awesome a { font-size: 15px; }
    .qacontent {
      /*width: 80%;*/
        padding: 0;
        margin: 0 auto;
    }
    .qaHeading { font-size: 38px;
        letter-spacing: 1px;
        color: #e41567;
        font-family: "Fonarto"; 
    }
    /*Question*/
    .question {
        position: relative;
        color: #ED2B73;
        margin: 0;
        padding: 10px 10px 10px 30px;
        display: block;
        width:100%;
        cursor: pointer;
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 200;
    }
    /*Answer*/
    .answers {
        padding: 0px 15px;
        margin: 5px 0;
        width:100%!important;
        height: 0;
        overflow: hidden;
        z-index: -1;
        opacity: 0;
        /*-webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;*/
    }
    .questions:checked ~ .question {
        color: #000;
    }
    .questions:checked ~ .answers {
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 200;
        color: #ED2B73;
        height: auto;
        opacity: 1;
        padding: 0px 0px 31px 30px;
    }
    .questions:checked ~ .answers:before {
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 1px;
        font-style: normal;
        content: "A";
        color: #ED2B73;
        margin-top: -12px;
        /*margin-right: 8px;*/
        margin-right: 20px; /*new css*/
        margin-left: -30px;
    }
    /*question and answer section css start----------*/
    .writeusformSection {
        padding: 18px;
        background-color: #ED2B73;
        color: #fff;
    }
    .writeusformSection p, .writeusformSection a{
        font-size: 15px;
        letter-spacing: 0px;
        color: #ffffff;
        font-weight: 300;
        font-family: "Poppins";
        text-align: center;
    }
    .writeusformSection .btn{
        font-size: 17px !important;
        font-weight: 300;
        font-family: "Poppins";
    }
    .writeusformSection .callback { text-align: center; }
    #collapseQuery h6 { font-size: 22px; text-align: center;}
    #collapseQuery .form-group { text-align: left; }
    #collapseQuery .btn-send { 
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    #collapseQuery .help-block.with-errors {
        color: #ff5050;
        margin-top: 5px;
    }
    @media only screen and (max-width: 768px) {
        .faqSearch .input-group { width: 100%; }
        .faqCatagory ul li { width: 50%; }
        /*#faqPageSection .title-heading h1 { font-size: 30px; }*/
        /*.faqSearch .btn{ font-size: 14px; }*/
    }

/*Modal Code*/
    .modal-backdrop {
        height: auto ;
        background-color: #00000085;
        opacity: 1 !important;
    }
    .modal{
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal-open {
        overflow: hidden;
    }

    .reg-height { max-height: 100% !important; }
    #registrationModal .blockContent-img { top: 30%; }
    /*.modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }*/


.cmsSection h2 {
    font-size: 38px;
    font-family: "Fonarto"; 
    font-weight: 500;
    line-height: 1.2;
    color: #ED2B73;
}
.cmsSection h3 {
    font-family: "Fonarto"; 
    font-weight: 500;
    color: #ED2B73;
}
.cmsSection img{
    max-width: 100%;
    height: auto;
}
.blockContent .form-control {
    border: 1px solid #ED2B73;
}


/*Space Inside all-pages Code*/
.spaceTop { margin-top: 100px !important; }

@media only screen and (max-width: 991px){
    .spaceTop, .storySpaceTop{  margin-top: 50px !important; }
    .storySpaceTop{  margin-bottom: 50px !important; }
    .mb-5 { margin-bottom: 2rem!important; }
}

@media only screen and (max-width: 320px){
    .spaceTop, .storySpaceTop{ margin-top: 30px !important; }
    .mb-5 { margin-bottom: 1rem!important; }
}
@media only screen and (max-width: 480px){
    .cmsSection h2{ font-size: 24px; }
}

.open-select2 .content-block, .wrapper .content .content-block{
    overflow-y: hidden;
}