/**

* Template Name: Append

* Updated: Sep 18 2023 with Bootstrap v5.3.2

* Template URL: https://bootstrapmade.com/append-bootstrap-website-template/

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/



/*--------------------------------------------------------------

# Font & Color Variables

# Help: https://bootstrapmade.com/color-system/

--------------------------------------------------------------*/



/* Smooth scroll */

:root {

  scroll-behavior: smooth;

}


/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


html{
font-family: 'Philosopher', sans-serif;
}
body {
  font-family: 'Raleway', sans-serif;
}

@media (min-width: 1400px){

  .container{

      max-width:1250px;

  }

}

a {

  color: var(--primary-color);

  text-decoration: none;

  transition: 0.3s;

}



a:hover {

  color: rgba(var(--primary-color-rgb), 0.7);

  text-decoration: none;

}





section {

  color: var(--default-color);

  background-color: var(--background-color);

  padding:100px 0;

  overflow: clip;

}

.m_h3{
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
    color: #2b1457;
    margin-bottom: 20px;
    position: relative;
    font-family: 'Philosopher', sans-serif;
    text-transform: capitalize;
}
.m_h4{
  color: #2b1457;
  font-size:19px;
  font-weight:600;
  padding: 10px 0 10px 0;
  margin: 0;
  font-family: 'Philosopher', sans-serif;
  text-transform: capitalize;
}
.m_h_4{
  font-size: 35px;
  font-weight:600;
  line-height: 40px;
  color:#2b1457;
  margin-bottom: 20px;
  font-family: 'Philosopher', sans-serif;
  text-transform: capitalize;
}


.z_index{position: relative; z-index:9; margin-top:30px; }

/*--------------------------------------------------------------

# Section Title

--------------------------------------------------------------*/


.section-title {
  text-align: center;
}


/*.section-title h2 span{

      color: #a2238e;

}*/

/*.section-title h2:before,

.section-title h2:after {

  content: "";

  width: 50px;

  height: 2px;

  background: var(--primary-color);

  display: inline-block;

}



.section-title h2:before {

  margin: 0 15px 10px 0;

}



.section-title h2:after {

  margin: 0 0 10px 15px;

}*/



.section-title p {

  font-size: 17px;

  font-weight: 400;

  line-height: 29px;

  color: #72727d;

}



/*--------------------------------------------------------------

# Page Title & Breadcrumbs

--------------------------------------------------------------*/

.page-title {

  color: var(--default-color);

  background-color: var(--background-color);

}



.page-title .heading {

  padding: 80px 0;

  border-top: 1px solid rgba(var(--default-color-rgb), 0.1);

}



.page-title .heading h1 {

  font-size: 38px;

  font-weight: 700;

  color: var(--secondary-color);

}



.page-title nav {

  background-color: rgba(var(--default-color-rgb), 0.05);

  padding: 20px 0;

}



.page-title nav ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  margin: 0;

  font-size: 16px;

  font-weight: 600;

}



.page-title nav ol li+li {

  padding-left: 10px;

}



.page-title nav ol li+li::before {

  content: "/";

  display: inline-block;

  padding-right: 10px;

  color: rgba(var(--default-color-rgb), 0.3);

}



/*--------------------------------------------------------------

# Global Header

--------------------------------------------------------------*/

.header {

    background: #372b4f;

    padding: 7px 0;

    transition: all 0.5s;

    z-index: 997;

}



.header .logo img {
    box-sizing: border-box;
    width:240px;
    object-fit: contain;
    z-index: 9;
}



.header .logo h1 {

  font-size: 24px;

  margin: 0;

  font-weight: 600;

  color: var(--secondary-color);

}



.header .logo span {
  color: #cdaf5d;
  font-size:22px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 70px;
  margin-left: -42px;
  display: none;
}

.header .btn-getstarted:hover{

  color:#fff;

}

/* Global Header on page scroll

------------------------------*/

.scrolled .header {

  --background-color: #ffffff;

  --secondary-color: #444444;

  --nav-color: #444444;

  --nav-hover-color: #e84545;

  box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);

}



/* Global Scroll Margin Top

------------------------------*/

section {

  scroll-margin-top: 90px;

}



@media (max-width: 1199px) {

  section {

    scroll-margin-top: 66px;

  }

}



/* Home Page Custom Header

------------------------------*/



/* Home Page Custom Header on page scroll

------------------------------*/

.index-page.scrolled .header {

  --background-color: #ffffff;

  --secondary-color: #444444;

  --nav-color: #444444;

  --nav-hover-color: #d83535;

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Desktop Navigation */

@media (min-width: 1200px) {

  .navmenu {

    padding: 0;

  }



  .navmenu ul {

    margin: 0;

    padding: 0;

    display: flex;

    list-style: none;

    align-items: center;

  }



  .navmenu li {

    position: relative;

  }



  .navmenu a,

  .navmenu a:focus {

    padding: 18px 13px;

    font-size: 16px;

    font-weight:500;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

  }



  .navmenu a i,

  .navmenu a:focus i {

    font-size: 16px;

    line-height: 0;

    margin-right:8px;

    transition: 0.3s;

  }



  .navmenu li:last-child a {

    cursor: pointer;

    padding: 12px 20px;

    display: inline-block;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    background-color:#e4237c;

    border-radius:5px;

  }



  .navmenu li:hover>a,

  .navmenu .active,

  .navmenu .active:focus {

    color:#f8d832;

  }



  .navmenu .dropdown ul {

    margin: 0;

    padding: 10px 0;

    background: var(--nav-dropdown-background-color);

    display: block;

    position: absolute;

    visibility: hidden;

    left: 14px;

    top: 130%;

    opacity: 0;

    transition: 0.3s;

    border-radius: 4px;

    z-index: 99;

  }



  .navmenu .dropdown ul li {

    min-width: 200px;

  }



  .navmenu .dropdown ul a {

    padding: 10px 20px;

    font-size: 15px;

    text-transform: none;

    color: var(--nav-dropdown-color);

  }



  .navmenu .dropdown ul a i {

    font-size: 12px;

  }



  .navmenu .dropdown ul a:hover,

  .navmenu .dropdown ul .active:hover,

  .navmenu .dropdown ul li:hover>a {

    color: var(--nav-dropdown-hover-color);

  }



  .navmenu .dropdown:hover>ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

  }



  .navmenu .dropdown .dropdown ul {

    top: 0;

    left: -90%;

    visibility: hidden;

  }



  .navmenu .dropdown .dropdown:hover>ul {

    opacity: 1;

    top: 0;

    left: -100%;

    visibility: visible;

  }



  .navmenu .megamenu {

    position: static;

  }



  .navmenu .megamenu ul {

    margin: 0;

    padding: 10px;

    background: var(--nav-dropdown-background-color);

    box-shadow: 0px 0px 20px rgba(var(--default-color-rgb), 0.1);

    display: block;

    position: absolute;

    top: 130%;

    left: 0;

    right: 0;

    visibility: hidden;

    opacity: 0;

    display: flex;

    transition: 0.3s;

    border-radius: 4px;

    z-index: 99;

  }



  .navmenu .megamenu ul li {

    flex: 1;

  }



  .navmenu .megamenu ul li a,

  .navmenu .megamenu ul li:hover>a {

    padding: 10px 20px;

    font-size: 15px;

    color: var(--nav-dropdown-color);

  }



  .navmenu .megamenu ul li a:hover,

  .navmenu .megamenu ul li .active,

  .navmenu .megamenu ul li .active:hover {

    color: var(--nav-dropdown-hover-color);

  }



  .navmenu .megamenu:hover>ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

  }



  .navmenu .dd-box-shadow {

    box-shadow: 0px 0px 30px rgba(var(--default-color-rgb), 0.15);

  }

}



/* Mobile Navigation */

@media (max-width: 1199px) {

  .mobile-nav-toggle {

    color: var(--nav-color);

    font-size: 28px;

    line-height: 0;

    margin-right: 10px;

    cursor: pointer;

    transition: color 0.3s;

  }



  .navmenu {

    padding: 0;

    z-index: 9997;

  }



  .navmenu ul {

    display: none;

    position: absolute;

    inset: 60px 20px 20px 20px;

    padding: 10px 0;

    margin: 0;

    border-radius: 6px;

    background-color: var(--nav-mobile-background-color);

    overflow-y: auto;

    transition: 0.3s;

    z-index: 9998;

    box-shadow: 0px 0px 30px rgba(var(--default-color-rgb), 0.1);

  }



  .navmenu a,

  .navmenu a:focus {

    color: var(--nav-dropdown-color);

    padding: 10px 20px;

    font-size: 17px;

    font-weight: 500;

    display: flex;

    align-items: center;

    justify-content: space-between;

    white-space: nowrap;

    transition: 0.3s;

  }



  .navmenu a i,

  .navmenu a:focus i {

    font-size:16px;

    line-height: 0;

    margin-right:8px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    transition: 0.3s;

    background-color: rgba(var(--primary-color-rgb), 0.1);

  }



  .navmenu a i:hover,

  .navmenu a:focus i:hover {

    background-color: var(--primary-color);

    color: var(--contrast-color);

  }



  .navmenu a:hover,

  .navmenu .active,

  .navmenu .active:focus {

    color: var(--nav-dropdown-hover-color);

  }



  .navmenu .active i,

  .navmenu .active:focus i {

    background-color: var(--primary-color);

    color: var(--contrast-color);

    transform: rotate(180deg);

  }



  .navmenu .dropdown ul,

  .navmenu .megamenu ul {

    position: static;

    display: none;

    z-index: 99;

    padding: 10px 0;

    margin: 10px 20px;

    background-color: var(--nav-dropdown-background-color);

    transition: all 0.5s ease-in-out;

  }



  .navmenu .dropdown ul ul,

  .navmenu .megamenu ul ul {

    background-color: rgba(33, 37, 41, 0.1);

  }



  .navmenu .dropdown>.dropdown-active,

  .navmenu .megamenu>.dropdown-active {

    display: block;

    background-color: rgba(33, 37, 41, 0.03);

  }



  .mobile-nav-active {

    overflow: hidden;

  }



  .mobile-nav-active .mobile-nav-toggle {

    color: #fff;

    position: absolute;

    font-size: 32px;

    top: 15px;

    right: 15px;

    margin-right: 0;

    z-index: 9999;

  }



  .mobile-nav-active .navmenu {

    position: fixed;

    overflow: hidden;

    inset: 0;

    background: rgba(33, 37, 41, 0.8);

    transition: 0.3s;

  }



  .mobile-nav-active .navmenu>ul {

    display: block;

  }

}



/*--------------------------------------------------------------

# Scroll Top Button

--------------------------------------------------------------*/

.scroll-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 99999;

  background-color: var(--primary-color);

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.scroll-top i {

  font-size: 24px;

  color: #ffffff;

  line-height: 0;

}



.scroll-top:hover {

  background-color: rgba(var(--primary-color-rgb), 0.8);

  color: #ffffff;

}



.scroll-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Preloader

--------------------------------------------------------------*/

#preloader {

  position: fixed;

  inset: 0;

  z-index: 9999;

  overflow: hidden;

  background-color: var(--background-color);

  transition: all 0.6s ease-out;

  width: 100%;

  height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

}



#preloader div {

  width: 13px;

  height: 13px;

  background-color: var(--primary-color);

  border-radius: 50%;

  animation-timing-function: cubic-bezier(0, 1, 1, 0);

  position: absolute;

  left: 50%;

}



#preloader div:nth-child(1) {

  left: calc(50% + 8px);

  animation: animate-preloader-1 0.6s infinite;

}



#preloader div:nth-child(2) {

  left: calc(50% + 8px);

  animation: animate-preloader-2 0.6s infinite;

}



#preloader div:nth-child(3) {

  left: calc(50% + 32px);

  animation: animate-preloader-2 0.6s infinite;

}



#preloader div:nth-child(4) {

  left: calc(50% + 56px);

  animation: animate-preloader-3 0.6s infinite;

}



@keyframes animate-preloader-1 {

  0% {

    transform: scale(0);

  }



  100% {

    transform: scale(1);

  }

}



@keyframes animate-preloader-3 {

  0% {

    transform: scale(1);

  }



  100% {

    transform: scale(0);

  }

}



@keyframes animate-preloader-2 {

  0% {

    transform: translate(0, 0);

  }



  100% {

    transform: translate(24px, 0);

  }

}



/*--------------------------------------------------------------

# Disable aos animation delay on mobile devices

--------------------------------------------------------------*/

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

  [data-aos-delay] {

    transition-delay: 0 !important;

  }

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/



.footer {
  background:linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%), 
  url(../img/about/g1.png);
  background-attachment: fixed;
  background-size: cover ;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 14px;
  padding-bottom: 0;

}



.footer .footer-top {
    padding-top:50px;
}



.footer .footer-about .logo {

  line-height: 0;

  margin-bottom: 25px;

}



.footer .footer-about .logo img {

    max-width: 100%;

    max-height:60px;

    /*filter: grayscale(100%);*/

    object-fit: contain;

}



.footer .footer-about .logo span {

  color: var(--secondary-color);

  font-size: 30px;

  font-weight: 700;

  letter-spacing: 1px;



}



.footer .footer-about p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}
.KvoMHf{
  width: 100%;
  height: 45px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  line-height: 18px;
  color: #372b4f;
  padding: 0 10px;
  margin:10px 0 0 0;
  box-sizing: border-box;
  outline: none;
}


.footer .social-links a {

  display: flex;

  align-items: center;

  justify-content: center;

/*  width: 40px;

  height: 40px;*/

  border-radius: 50%;

  border: 1px solid rgba(var(--default-color-rgb), 0.5);

  color:#ccaf5c;

  margin-right: 10px;

  transition: 0.3s;

  font-size:22px;

  margin:0 20px 0 0;

}



.footer .social-links a:hover {

  color:#fff;

  border-color: var(--primary-color);

}



.footer h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    font-family: 'Philosopher';
    line-height: 1.8;
}



.footer .footer-links {

  margin-bottom: 30px;

}



.footer .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer .footer-links ul i {

  padding-right: 2px;

  font-size: 12px;

  line-height: 0;

}



.footer .footer-links ul li {
   font-size: 16px;
   text-transform:capitalize;
}



.footer .footer-links ul li:first-child {

  padding-top: 0;

}



.footer .footer-links ul a {
    color: #fff;
    display: inline-block;
    line-height: 2;

}



.footer .footer-links ul a:hover {
  color:#ffbfd6;
}



.footer .footer-contact p {

    margin-bottom: 8px;

    font-size: 17px;

    color:#fff;
    line-height:22px;
}

.submit_bnrt{
  border: none;
  border-radius: 5px;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  padding: 13px 28px;
  margin: 15px 0 0 0;
  box-sizing: border-box;
  outline: none;
  background: #372b4f;
  text-transform: uppercase;
}

.footer .copyright {

  padding-top:15px;

  padding-bottom:13px;

  color:#fff;

}

.bert{
    background:linear-gradient(360deg,#372b4f,#6e0a63);
}



.footer .copyright p {

    margin-bottom: 0;

    font-size: 16px;

}



.footer .credits {

  margin-top: 6px;

  font-size: 13px;

}



/*--------------------------------------------------------------

# Home Page

--------------------------------------------------------------*/

/* Hero Section - Home Page

------------------------------*/

.hero {

    width: 100%;

    min-height:90vh;

    position: relative;

    padding: 55px 0 80px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}

.hero:after{

    content:"";

    position: absolute;

    top: 0;

    left: 0;

    width:100%;

    height:100%;

    z-index: 1;

    background: rgb(0,0,0);

    background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.46262254901960786) 100%);

    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.46262254901960786) 100%);

    background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 58%) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

}

.hero img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  z-index: 1;

}

/*

.hero:before {

  content: "";

  background: rgba(var(--background-color-rgb), 0.5);

  position: absolute;

  inset: 0;

  z-index: 2;

}*/



.hero .container {

  position: relative;

  z-index: 3;

}



.hero h2 {

  color: #fff;

  margin: 0;

  font-size: 34px;

  font-weight:500;

  text-align: center;

  line-height:45px;

  padding: 0 0 20px 0;

  margin: 0;

  text-align: left;

}

.hero h2 span{

    color:#f7e119;

}

.hero p {

  color: #e5e5e5;

  margin: 5px 0 0 0;

  font-size: 20px;

  padding: 0;

  margin: 0;

}



.hero .sign-up-form {

  margin-top: 20px;

  padding: 10px;

  border-radius: 7px;

  background: #fff;

  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);

}



.hero .sign-up-form .form-control {

  border: none;

}



.hero .sign-up-form .form-control:active,

.hero .sign-up-form .form-control:focus {

  outline: none;

  box-shadow: none;

}



.hero .sign-up-form input[type=submit] {

  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  padding: 8px 20px 10px 20px;

  border-radius: 7px;

  color: var(--contrast-color);

}



.hero .sign-up-form input[type=submit]:hover {

  background-color: rgba(var(--primary-color-rgb), 0.9);

}



@media (max-width: 768px) {

  .hero h2 {

    font-size: 32px;

  }



  .hero p {

    font-size: 18px;

  }

}



/* Clients Section - Home Page

------------------------------*/

.clients {

  padding: 10px 0;

}



.clients .client-logo {

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

}



.clients .client-logo img {

  padding: 40px;

  max-width: 80%;

  transition: 0.3s;

  opacity: 0.5;

  filter: grayscale(100);

}



.clients .client-logo img:hover {

  filter: none;

  opacity: 1;

}



@media (max-width: 640px) {

  .clients .client-logo img {

    padding: 20px;

  }

}



/* About Section - Home Page

------------------------------*/

.about {
  /*background:url(../img/bg.svg);*/
  background:linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%);
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-size:cover;
  padding:0 0;
  margin: 0;
  position: relative;
}



.about .content h3 {

  font-size: 16px;

  font-weight: 500;

  line-height: 19px;

  padding: 10px 20px;

  background: rgba(var(--primary-color-rgb), 0.05);

  color: var(--primary-color);

  border-radius: 7px;

  display: inline-block;

}



.about .content h2 {

  font-weight: 700;

}



.about .content p:last-child {

  margin-bottom: 0;

}



.about .content .read-more {

  background: var(--primary-color);

  color: var(--contrast-color);

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  padding: 12px 24px;

  border-radius: 5px;

  transition: 0.3s;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.about .content .read-more i {

  font-size: 18px;

  margin-left: 5px;

  line-height: 0;

  transition: 0.3s;

}



.about .content .read-more:hover {

  background: rgba(var(--primary-color-rgb), 0.8);

  padding-right: 19px;

}



.about .content .read-more:hover i {

  margin-left: 10px;

}



.about .icon-box {

  padding: 50px 40px;

  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  transition: all 0.3s ease-out 0s;

  background-color: #fff;

}



.about .icon-box i {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 24px;

  font-size: 32px;

  line-height: 0;

  transition: all 0.4s ease-out 0s;

  background-color: rgba(var(--primary-color-rgb), 0.05);

  color: var(--primary-color);

}



.about .icon-box h3 {

  margin-bottom: 10px;

  font-size: 24px;

  font-weight: 700;

}



.about .icon-box p {

  margin-bottom: 0;

}



.about .icon-box:hover i {

  background-color: var(--primary-color);

  color: var(--contrast-color);

}



.about .icon-boxes .col-md-6:nth-child(2) .icon-box,

.about .icon-boxes .col-md-6:nth-child(4) .icon-box {

  margin-top: -40px;

}



@media (max-width: 768px) {



  .about .icon-boxes .col-md-6:nth-child(2) .icon-box,

  .about .icon-boxes .col-md-6:nth-child(4) .icon-box {

    margin-top: 0;

  }

}



/* Stats Section - Home Page

------------------------------*/

.stats {

  --default-color: #ffffff;

  --default-color-rgb: 255, 255, 255;

  --background-color: #000000;

  --background-color-rgb: 0, 0, 0;

  position: relative;

  padding: 120px 0;

}



.stats img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  z-index: 1;

}



.stats:before {

  content: "";

  background: rgba(var(--background-color-rgb), 0.6);

  position: absolute;

  inset: 0;

  z-index: 2;

}



.stats .container {

  position: relative;

  z-index: 3;

}



.stats .stats-item {

  padding: 30px;

  width: 100%;

}



.stats .stats-item span {

  font-size: 48px;

  display: block;

  color: var(--default-color);

  font-weight: 700;

}



.stats .stats-item p {

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 700;

  color: rgba(var(--default-color-rgb), 0.6);

}



/* Services Section - Home Page

------------------------------*/

.services .service-item {

  position: relative;

  padding-top: 40px;

}



.services .service-item:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 2px;

  background: rgba(var(--default-color-rgb), 0.1);

}



.services .service-item::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 30px;

  height: 2px;

  background: var(--primary-color);

  border-right: 5px solid var(--background-color);

}



.services .service-item .icon {

  width: 48px;

  height: 48px;

  position: relative;

  margin-right: 50px;

  line-height: 0;

}



.services .service-item .icon i {

  color: rgba(var(--default-color-rgb), 0.7);

  font-size: 56px;

  transition: ease-in-out 0.3s;

  z-index: 2;

  position: relative;

}



.services .service-item .icon:before {

  position: absolute;

  content: "";

  height: 30px;

  width: 30px;

  background: rgba(var(--primary-color-rgb), 0.3);

  border-radius: 50px;

  z-index: 1;

  bottom: -15px;

  right: -15px;

  transition: 0.3s;

}



.services .service-item .title {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 18px;

}



.services .service-item .title a {

  color: var(--secondary-color);

}



.services .service-item .title a:hover {

  color: var(--primary-color);

}



.services .service-item .description {

  line-height: 24px;

  font-size: 14px;

}



/* Features Section - Home Page

------------------------------*/

.features .features-item {

  color: rgba(var(--default-color-rgb), 0.8);

}



.features .features-item+.features-item {

  margin-top: 100px;

}



@media (max-width: 768px) {

  .features .features-item+.features-item {

    margin-top: 40px;

  }

}



.features .features-item h3 {

  font-weight:500;

  font-size: 26px;

  padding: 0 0 13px 0;

  margin: 0;

}

.features .features-item p{

  font-size: 18px;

  font-weight: 400;

  line-height: 32px;

  color: #72727d;

  margin: 0 0 15px 0;

  padding: 0;

}

.features .features-item .btn-get-started {

    background: linear-gradient(270deg,#de0a71,#bd2332);

    color: #fff;

    padding: 12px 26px;

    border-radius: 4px;

    border: 1px solid #de0a71;

    transition: all 500ms ease-in-out;

    margin: 10px 0 0 0;

    text-transform: capitalize;

    display: inline-block;

    text-align: center;

    letter-spacing: 0.8px;



}



.features .features-item .btn-get-started:hover {

  background:none;

  color:#000;

  border: 1px solid #e4237c;

  transition:all 500ms ease-in-out;

}



.features .features-item ul {

  list-style: none;

  padding: 0;

}



.features .features-item ul li {

  padding-bottom: 10px;

  display: flex;

  align-items: flex-start;

}



.features .features-item ul li:last-child {

  padding-bottom: 0;

}



.features .features-item ul i {

  font-size: 20px;

  padding-right: 4px;

  color: var(--primary-color);

}



.features .features-item img {

  border: 6px solid var(--background-color);

  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);

}



.features .features-item .features-img-bg {

  position: relative;

  min-height: 450px;

}



@media (max-width: 640px) {

  .features .features-item .features-img-bg {

    min-height: 300px;

  }

}



.features .features-item .features-img-bg img {

  position: absolute;

  inset: 0;

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.features .features-item .image-stack {

  display: grid;

  position: relative;

  grid-template-columns: repeat(12, 1fr);

}



.features .features-item .image-stack .stack-back {

  grid-column: 4/-1;

  grid-row: 1;

  width: 100%;

  z-index: 1;

}



.features .features-item .image-stack .stack-front {

  grid-row: 1;

  grid-column: 1/span 8;

  margin-top: 20%;

  width: 100%;

  z-index: 2;

}



/* Portfolio Section - Home Page

------------------------------*/

.portfolio .portfolio-filters {

  padding: 0;

  margin: 0 auto 20px auto;

  list-style: none;

  text-align: center;

}



.portfolio .portfolio-filters li {

  cursor: pointer;

  display: inline-block;

  padding: 8px 20px 10px 20px;

  margin: 0;

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 5px;

  border-radius: 50px;

  transition: all 0.3s ease-in-out;

}



.portfolio .portfolio-filters li:hover,

.portfolio .portfolio-filters li.filter-active {

  color: var(--contrast-color);

  background-color: var(--primary-color);

}



.portfolio .portfolio-filters li:first-child {

  margin-left: 0;

}



.portfolio .portfolio-filters li:last-child {

  margin-right: 0;

}



@media (max-width: 575px) {

  .portfolio .portfolio-filters li {

    font-size: 14px;

    margin: 0 0 10px 0;

  }

}



.portfolio .portfolio-item {

  position: relative;

  overflow: hidden;

}



.portfolio .portfolio-item .portfolio-info {

  opacity: 0;

  position: absolute;

  left: 12px;

  right: 12px;

  bottom: -100%;

  z-index: 3;

  transition: all ease-in-out 0.5s;

  background: rgba(var(--background-color-rgb), 0.9);

  padding: 15px;

}



.portfolio .portfolio-item .portfolio-info h4 {

  font-size: 18px;

  font-weight: 600;

  padding-right: 50px;

}



.portfolio .portfolio-item .portfolio-info p {

  color: rgba(var(--default-color-rgb), 0.7);

  font-size: 14px;

  margin-bottom: 0;

  padding-right: 50px;

}



.portfolio .portfolio-item .portfolio-info .preview-link,

.portfolio .portfolio-item .portfolio-info .details-link {

  position: absolute;

  right: 50px;

  font-size: 24px;

  top: calc(50% - 14px);

  color: rgba(var(--default-color-rgb), 0.7);

  transition: 0.3s;

  line-height: 0;

}



.portfolio .portfolio-item .portfolio-info .preview-link:hover,

.portfolio .portfolio-item .portfolio-info .details-link:hover {

  color: var(--primary-color);

}



.portfolio .portfolio-item .portfolio-info .details-link {

  right: 14px;

  font-size: 28px;

}



.portfolio .portfolio-item:hover .portfolio-info {

  opacity: 1;

  bottom: 0;

}



/* Pricing Section - Home Page

------------------------------*/

.pricing {

  padding: 60px 0 120px 0;

}



.pricing .section-title {

  margin-bottom: 40px;

}



.pricing .pricing-item {

  box-shadow: 0 3px 20px -2px rgba(var(--default-color-rgb), 0.1);

  padding: 60px 40px;

  height: 100%;

  position: relative;

  border-radius: 15px;

}



.pricing h3 {

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 20px;

  text-align: center;

}



.pricing .icon {

  margin: 30px auto 20px auto;

  width: 70px;

  height: 70px;

  background: var(--primary-color);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s;

  transform-style: preserve-3d;

}



.pricing .icon i {

  color: var(--background-color);

  font-size: 28px;

  transition: ease-in-out 0.3s;

  line-height: 0;

}



.pricing .icon::before {

  position: absolute;

  content: "";

  height: 86px;

  width: 86px;

  border-radius: 50%;

  background: rgba(var(--primary-color-rgb), 0.2);

  transition: all 0.3s ease-out 0s;

  transform: translateZ(-1px);

}



.pricing .icon::after {

  position: absolute;

  content: "";

  height: 102px;

  width: 102px;

  border-radius: 50%;

  background: rgba(var(--primary-color-rgb), 0.1);

  transition: all 0.3s ease-out 0s;

  transform: translateZ(-2px);

}



.pricing h4 {

  font-size: 48px;

  color: var(--primary-color);

  font-weight: 700;

  margin-bottom: 25px;

  text-align: center;

}



.pricing h4 sup {

  font-size: 28px;

}



.pricing h4 span {

  color: rgba(var(--default-color-rgb), 0.5);

  font-size: 18px;

  font-weight: 400;

}



.pricing ul {

  padding: 20px 0;

  list-style: none;

  color: rgba(var(--default-color-rgb), 0.8);

  text-align: left;

  line-height: 20px;

}



.pricing ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}



.pricing ul i {

  color: #059652;

  font-size: 24px;

  padding-right: 3px;

}



.pricing ul .na {

  color: rgba(var(--default-color-rgb), 0.3);

}



.pricing ul .na i {

  color: rgba(var(--default-color-rgb), 0.3);

}



.pricing ul .na span {

  text-decoration: line-through;

}



.pricing .buy-btn {

  color: rgba(var(--default-color-rgb), 0.8);

  background-color: var(--contrast-color);

  display: inline-block;

  padding: 10px 40px;

  border-radius: 4px;

  border: 1px solid rgba(var(--default-color-rgb), 0.2);

  transition: none;

  font-size: 16px;

  font-weight: 600;

  transition: 0.3s;

}



.pricing .buy-btn:hover {

  background-color: var(--primary-color);

  color: var(--contrast-color);

}



.pricing .featured {

  z-index: 10;

  border: 3px solid var(--primary-color);

}



.pricing .featured .buy-btn {

  background-color: var(--primary-color);

  color: var(--contrast-color);

}



.pricing .featured .buy-btn:hover {

  background-color: rgba(var(--primary-color-rgb), 0.9);

}



@media (min-width: 992px) {

  .pricing .featured {

    transform: scale(1.15);

  }

}



/* Faq Section - Home Page

------------------------------*/

.faq .content h3 {

  font-weight: 400;

  font-size: 34px;

}



.faq .content p {

  font-size: 15px;

  color: rgba(var(--default-color-rgb), 0.7);

}



.faq .faq-container .faq-item {

  position: relative;

  padding: 20px;

  margin-bottom: 20px;

  box-shadow: 0px 5px 25px 0px rgba(var(--default-color-rgb), 0.1);

  overflow: hidden;

}



.faq .faq-container .faq-item:last-child {

  margin-bottom: 0;

}



.faq .faq-container .faq-item h3 {

  font-weight: 600;

  font-size: 18px;

  line-height: 24px;

  margin: 0 30px 0 0;

  transition: 0.3s;

  cursor: pointer;

  display: flex;

  align-items: flex-start;

}



.faq .faq-container .faq-item h3 .num {

  color: var(--primary-color);

  padding-right: 5px;

}



.faq .faq-container .faq-item h3:hover {

  color: var(--primary-color);

}



.faq .faq-container .faq-item .faq-content {

  display: grid;

  grid-template-rows: 0fr;

  transition: 0.3s ease-in-out;

  visibility: hidden;

  opacity: 0;

}



.faq .faq-container .faq-item .faq-content p {

  margin-bottom: 0;

  overflow: hidden;

}



.faq .faq-container .faq-item .faq-toggle {

  position: absolute;

  top: 20px;

  right: 20px;

  font-size: 16px;

  line-height: 0;

  transition: 0.3s;

  cursor: pointer;

}



.faq .faq-container .faq-item .faq-toggle:hover {

  color: var(--primary-color);

}



.faq .faq-container .faq-active h3 {

  color: var(--primary-color);

}



.faq .faq-container .faq-active .faq-content {

  grid-template-rows: 1fr;

  visibility: visible;

  opacity: 1;

  padding-top: 10px;

}



.faq .faq-container .faq-active .faq-toggle {

  transform: rotate(90deg);

  color: var(--primary-color);

}



/* Team Section - Home Page

------------------------------*/

.team {

  --background-color: #f4f4f4;

}



.team .member {

  position: relative;

}



.team .member .member-img {

  margin: 0 80px;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  border: 4px solid var(--background-color);

  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.2);

}



@media (max-width: 1024px) {

  .team .member .member-img {

    margin: 0 60px;

  }

}



.team .member .member-img img {

  position: relative;

  z-index: 1;

}



.team .member .member-img .social {

  position: absolute;

  inset: 0;

  background-color: rgba(0, 0, 0, 0.6);

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 2;

  padding-bottom: 20px;

  transition: 0.3s;

  visibility: hidden;

  opacity: 0;

}



.team .member .member-img .social a {

  transition: 0.3s;

  color: var(--contrast-color);

  font-size: 20px;

  margin: 0 8px;

}



.team .member .member-img .social a:hover {

  color: var(--primary-color);

}



.team .member .member-info {

  margin-top: 30px;

}



.team .member .member-info h4 {

  font-weight: 700;

  margin-bottom: 6px;

  font-size: 18px;

}



.team .member .member-info span {

  font-style: italic;

  display: block;

  font-size: 15px;

  color: rgba(var(--default-color-rgb), 0.6);

  margin-bottom: 10px;

}



.team .member .member-info p {

  margin-bottom: 0;

  font-size: 14px;

}



.team .member:hover .member-img .social {

  padding-bottom: 0;

  visibility: visible;

  opacity: 1;

}



/* Call-to-action Section - Home Page

------------------------------*/

.call-to-action {

  --default-color: #ffffff;

  --background-color: #000000;

  --background-color-rgb: 0, 0, 0;

  padding: 80px 0;

  position: relative;

  -webkit-clip-path: inset(0);

  clip-path: inset(0);

}



.call-to-action img {

  position: fixed;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  z-index: 1;

}



.call-to-action:before {

  content: "";

  background: rgba(var(--background-color-rgb), 0.5);

  position: absolute;

  inset: 0;

  z-index: 2;

}



.call-to-action .container {

  position: relative;

  z-index: 3;

}



.call-to-action h3 {

  font-size: 28px;

  font-weight: 700;

  color: var(--default-color);

}



.call-to-action p {

  color: var(--default-color);

}



.call-to-action .cta-btn {

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 40px;

  border-radius: 5px;

  transition: 0.5s;

  margin: 10px;

  border: 2px solid var(--contrast-color);

  color: var(--contrast-color);

}



.call-to-action .cta-btn:hover {

  background: var(--primary-color);

  border: 2px solid var(--primary-color);

}



/* Testimonials Section - Home Page

------------------------------*/

.testimonials {
    background:#fff;
    background-repeat: no-repeat;
    background-size:40%;
    background-position:center left;
    padding:60px 0;
    margin: 0;
    position: relative;
}
.testimonials:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background:  linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), url(../img/testimonials/flower-shape1.png);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: center left;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.testimonials:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/testimonials/b1.png);
    background-repeat: no-repeat;
    background-size: 43%;
    background-position: center right;
    width: 55%;
    height: 400px;
    opacity: 0.5;
}
.testimonials .item{
  padding:0 50px;
}

/*
.testimonials h4 span{ color:#fff;}*/

.testimonials .info h3 {

    font-weight: 700;

    font-size:28px;

    color: #fff;

    padding: 0 0 24px 0;

    margin: 0;

    text-transform: uppercase;

}

.testimonials .info h3 span{

  color:#f9b351;

}

.testimonials .info p{

  font-size: 18px;

  font-weight: 400;

  line-height: 32px;

  color:#dadada;

  margin: 0 0 15px 0;

  padding: 0;

}

.testimonials .swiper {

  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);

  background:#00000099;

  width:90%;

  margin:0 auto;

  border-radius:10px;

}



.testimonials .testimonials-carousel,

.testimonials .testimonials-slider {

  overflow: hidden;

}



.testimonials .testimonial-item {

  box-sizing: content-box;

  min-height: 200px;

  position: relative;

  margin:39px 30px 30px 30px;

}



.testimonials .testimonial-item .testimonial-img {

  width: 90px;

  height: 90px;

  border-radius: 50px;

  border: 6px solid var(--background-color);

  margin-right: 10px;

}



.testimonials .testimonial-item h3 {

  font-size:25px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color:#ffbc4d;

}



.testimonials .testimonial-item h4 {

  color: rgba(var(--default-color-rgb), 0.5);

  font-size: 14px;

  margin: 0;

}



.testimonials .testimonial-item .stars {

  margin: 10px 0;

}



.testimonials .testimonial-item .stars i {

  color: #ffc107;

  margin: 0 1px;

}



.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right {

  color: rgba(var(--primary-color-rgb), 0.4);

  font-size: 26px;

  line-height: 0;

}



.testimonials .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

  transform: scale(-1, -1);

}



.testimonials .testimonial-item p {

    font-style: italic;

    margin: 15px auto 0px auto;

    font-size: 17px;

    line-height: 29px;

    color:#fff;

}



.testimonials .swiper-wrapper {

  height: auto;

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  margin-bottom: 20px;

  position: relative;

  display:none;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  background-color: rgba(var(--default-color-rgb), 0.15);

  opacity: 1;

  border: none;

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--primary-color);

}



@media (max-width: 767px) {



  .testimonials .testimonials-carousel,

  .testimonials .testimonials-slider {

    overflow: hidden;

  }



  .testimonials .testimonial-item {

    margin: 15px;

  }

}



/* Recent-posts Section - Home Page

------------------------------*/



.recent-posts{

  padding: 60px 0;

}

.recent_posts1{
  padding:70px 0;
}
.recent_posts1 h1{
  font-size: 45px;
  font-weight: 600;
  line-height: 50px;
  color: #000;
  padding:0 0 45px 0;
  margin: 0;
}
.posts_box{
  background:linear-gradient(90deg, 
    rgb(255 53 129 / 29%) 0%, 
    rgb(248 44 121 / 25%) 100%), 
  url(../img/testimonials/bg-slide10.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  background-attachment: fixed;
  padding-bottom:25px;
}

.recent-posts article {

  box-shadow: 0 16px 26px 

  rgba(0,0,0,.08),0 6px 30px 

  rgba(0,0,0,.06),0 8px 10px rgba(0,0,0,.06);

  padding: 30px;

  border-radius: 10px;

  overflow: hidden;

  margin:0 0 25px 0;

  background:#fff;

}

.sign_up_box{

      min-height:443px;

}





.recent-posts .post-img {

  max-height: 240px;

  margin: -30px -30px 15px -30px;

  overflow: hidden;

}



.recent-posts .post-category {

  font-size: 16px;

  color: rgba(var(--default-color-rgb), 0.5);

  margin-bottom: 10px;

}



.recent-posts .title {

  font-size: 20px;

  font-weight: 600;

  padding: 0;

  margin: 0 0 20px 0;

}



.recent-posts p{
    color: #372b4f;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    margin: 0;
}

.recent-posts p a {

    color: #e4237c;

    font-size: 14px;

}



.recent-posts .title a:hover {

  color: var(--primary-color);

}



.recent-posts .post-author-img {

  width: 50px;

  border-radius: 50%;

  margin-right: 15px;

}



.recent-posts .post-author {

  font-weight: 600;

  margin-bottom: 5px;

}



.recent-posts .post-date {

  font-size: 14px;

  color: rgba(var(--default-color-rgb), 0.5);

  margin-bottom: 0;

}



/* Contact Section - Home Page

------------------------------*/

.contact{

  background: #ffe9f7;

}

.contact .info-item {

  background: rgba(var(--default-color-rgb), 0.03);

  padding: 30px;

}



.contact .info-item i {

  font-size:24px;

  line-height: 0;

  color: var(--primary-color);

}



.contact .info-item h3 {

  font-size: 20px;

  font-weight: 700;

  margin: 20px 0 10px 0;

}



.contact .info-item p {

  padding: 0;

  line-height: 24px;

  font-size: 16px;

  margin-bottom: 0;

}



.contact .php-email-form {

  background: rgba(var(--default-color-rgb), 0.03);

  padding: 30px;

  height: 100%;

}



.contact .php-email-form .error-message {

  display: none;

  background: #df1529;

  color: #ffffff;

  text-align: left;

  padding: 15px;

  margin-bottom: 24px;

  font-weight: 600;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #ffffff;

  background: #059652;

  text-align: center;

  padding: 15px;

  margin-bottom: 24px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: var(--background-color);

  text-align: center;

  padding: 15px;

  margin-bottom: 24px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid var(--primary-color);

  border-top-color: var(--background-color);

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form input[type=text],

.contact .php-email-form input[type=email],

.contact .php-email-form textarea {

  font-size: 14px;

  padding: 10px 15px;

  box-shadow: none;

  border-radius: 0;

  color: var(--default-color);

  background-color: rgba(var(--background-color-rgb), 0.5);

  border-color: rgba(var(--default-color-rgb), 0.2);

}



.contact .php-email-form input[type=text]:focus,

.contact .php-email-form input[type=email]:focus,

.contact .php-email-form textarea:focus {

  border-color: var(--primary-color);

}



.contact .php-email-form input[type=text]::-moz-placeholder,

.contact .php-email-form input[type=email]::-moz-placeholder,

.contact .php-email-form textarea::-moz-placeholder {

  color: rgba(var(--default-color-rgb), 0.3);

}



.contact .php-email-form input[type=text]::placeholder,

.contact .php-email-form input[type=email]::placeholder,

.contact .php-email-form textarea::placeholder {

  color: rgba(var(--default-color-rgb), 0.3);

}



.contact .php-email-form button[type=submit] {

  background: var(--primary-color);

  color: var(--contrast-color);

  border: 0;

  padding: 10px 30px;

  transition: 0.4s;

  border-radius: 4px;

}



.contact .php-email-form button[type=submit]:hover {

  background: rgba(var(--primary-color-rgb), 0.8);

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Portfolio Details Page

--------------------------------------------------------------*/

/* Portfolio-details Section - Portfolio Details Page

------------------------------*/

.portfolio-details .portfolio-details-slider img {

  width: 100%;

}



.portfolio-details .swiper-wrapper {

  height: auto;

}



.portfolio-details .swiper-button-prev,

.portfolio-details .swiper-button-next {

  width: 48px;

  height: 48px;

}



.portfolio-details .swiper-button-prev:after,

.portfolio-details .swiper-button-next:after {

  color: rgba(255, 255, 255, 0.8);

  background-color: rgba(0, 0, 0, 0.15);

  font-size: 24px;

  border-radius: 50%;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.3s;

}



.portfolio-details .swiper-button-prev:hover:after,

.portfolio-details .swiper-button-next:hover:after {

  background-color: rgba(0, 0, 0, 0.3);

}



@media (max-width: 575px) {



  .portfolio-details .swiper-button-prev,

  .portfolio-details .swiper-button-next {

    display: none;

  }

}



.portfolio-details .portfolio-info h3 {

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 20px;

  padding-bottom: 20px;

  position: relative;

}



.portfolio-details .portfolio-info h3:after {

  content: "";

  position: absolute;

  display: block;

  width: 50px;

  height: 3px;

  background: var(--primary-color);

  left: 0;

  bottom: 0;

}



.portfolio-details .portfolio-info ul {

  list-style: none;

  padding: 0;

  font-size: 15px;

}



.portfolio-details .portfolio-info ul li {

  display: flex;

  flex-direction: column;

  padding-bottom: 15px;

}



.portfolio-details .portfolio-info ul strong {

  text-transform: uppercase;

  font-weight: 400;

  color: rgba(var(--default-color-rgb), 0.5);

  font-size: 14px;

}



.portfolio-details .portfolio-info .btn-visit {

  padding: 8px 40px;

  background: var(--primary-color);

  color: var(--contrast-color);

  border-radius: 50px;

  transition: 0.3s;

}



.portfolio-details .portfolio-info .btn-visit:hover {

  background: rgba(var(--primary-color-rgb), 0.8);

}



.portfolio-details .portfolio-description h2 {

  font-size: 26px;

  font-weight: 700;

  margin-bottom: 20px;

}



.portfolio-details .portfolio-description p {

  padding: 0;

}



.portfolio-details .portfolio-description .testimonial-item {

  padding: 30px 30px 0 30px;

  position: relative;

  background: rgba(var(--default-color-rgb), 0.03);

  margin-bottom: 50px;

}



.portfolio-details .portfolio-description .testimonial-item .testimonial-img {

  width: 90px;

  border-radius: 50px;

  border: 6px solid var(--background-color);

  float: left;

  margin: 0 10px 0 0;

}



.portfolio-details .portfolio-description .testimonial-item h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 15px 0 5px 0;

  padding-top: 20px;

}



.portfolio-details .portfolio-description .testimonial-item h4 {

  font-size: 14px;

  color: #6c757d;

  margin: 0;

}



.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,

.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {

  color: rgba(var(--primary-color-rgb), 0.5);

  font-size: 26px;

  line-height: 0;

}



.portfolio-details .portfolio-description .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.portfolio-details .portfolio-description .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

  transform: scale(-1, -1);

}



.portfolio-details .portfolio-description .testimonial-item p {

  font-style: italic;

  margin: 0 0 15px 0 0 0;

  padding: 0;

}



/*--------------------------------------------------------------

# Services Details Page

--------------------------------------------------------------*/

/* Service-details Section - Services Details Page

------------------------------*/

.service-details .service-box {

  padding: 20px;

  box-shadow: 0px 2px 20px rgba(var(--default-color-rgb), 0.12);

}



.service-details .service-box+.service-box {

  margin-top: 30px;

}



.service-details .service-box h4 {

  font-size: 20px;

  font-weight: 700;

  border-bottom: 2px solid rgba(var(--default-color-rgb), 0.08);

  padding-bottom: 15px;

  margin-bottom: 15px;

}



.service-details .services-list a {

  color: rgba(var(--default-color-rgb), 0.8);

  background-color: rgba(var(--default-color-rgb), 0.04);

  display: flex;

  align-items: center;

  padding: 12px 15px;

  margin-top: 15px;

  transition: 0.3s;

}



.service-details .services-list a:first-child {

  margin-top: 0;

}



.service-details .services-list a i {

  font-size: 16px;

  margin-right: 8px;

  color: var(--primary-color);

}



.service-details .services-list a.active {

  color: var(--contrast-color);

  background-color: var(--primary-color);

}



.service-details .services-list a.active i {

  color: var(--contrast-color);

}



.service-details .services-list a:hover {

  background-color: rgba(var(--primary-color-rgb), 0.05);

  color: var(--primary-color);

}



.service-details .download-catalog a {

  color: var(--default-color);

  display: flex;

  align-items: center;

  padding: 10px 0;

  transition: 0.3s;

  border-top: 1px solid rgba(var(--default-color-rgb), 0.1);

}



.service-details .download-catalog a:first-child {

  border-top: 0;

  padding-top: 0;

}



.service-details .download-catalog a:last-child {

  padding-bottom: 0;

}



.service-details .download-catalog a i {

  font-size: 24px;

  margin-right: 8px;

  color: var(--primary-color);

}



.service-details .download-catalog a:hover {

  color: var(--primary-color);

}



.service-details .help-box {

  background-color: var(--primary-color);

  color: var(--contrast-color);

  margin-top: 30px;

  padding: 30px 15px;

}



.service-details .help-box .help-icon {

  font-size: 48px;

}



.service-details .help-box h4,

.service-details .help-box a {

  color: var(--contrast-color);

}



.service-details .services-img {

  margin-bottom: 20px;

}



.service-details h3 {

  font-size: 26px;

  font-weight: 700;

}



.service-details p {

  font-size: 15px;

}



.service-details ul {

  list-style: none;

  padding: 0;

  font-size: 15px;

}



.service-details ul li {

  padding: 5px 0;

  display: flex;

  align-items: center;

}



.service-details ul i {

  font-size: 20px;

  margin-right: 8px;

  color: var(--primary-color);

}



/*--------------------------------------------------------------

# Blog Page

--------------------------------------------------------------*/

/* Blog Section - Blog Page

------------------------------*/

.blog .posts-list article {

  box-shadow: 0 4px 16px rgba(var(--default-color-rgb), 0.1);

  padding: 30px;

  height: 100%;

  border-radius: 10px;

  overflow: hidden;

}



.blog .posts-list .post-img {

  max-height: 240px;

  margin: -30px -30px 15px -30px;

  overflow: hidden;

}



.blog .posts-list .post-category {

  font-size: 16px;

  color: rgba(var(--default-color-rgb), 0.6);

  margin-bottom: 10px;

}



.blog .posts-list .title {

  font-size: 22px;

  font-weight: 700;

  padding: 0;

  margin: 0 0 20px 0;

}



.blog .posts-list .title a {

  color: var(--secondary-color);

  transition: 0.3s;

}



.blog .posts-list .title a:hover {

  color: var(--primary-color);

}



.blog .posts-list .post-author-img {

  width: 50px;

  border-radius: 50%;

  margin-right: 15px;

}



.blog .posts-list .post-author {

  font-weight: 600;

  margin-bottom: 5px;

}



.blog .posts-list .post-date {

  font-size: 14px;

  color: rgba(var(--default-color-rgb), 0.6);

  margin-bottom: 0;

}



.blog .pagination {

  margin-top: 30px;

  color: rgba(var(--default-color-rgb), 0.6);

}



.blog .pagination ul {

  display: flex;

  padding: 0;

  margin: 0;

  list-style: none;

}



.blog .pagination li {

  margin: 0 5px;

  transition: 0.3s;

}



.blog .pagination li a {

  color: rgba(var(--default-color-rgb), 0.6);

  padding: 7px 16px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.blog .pagination li.active,

.blog .pagination li:hover {

  background: var(--primary-color);

  color: var(--contrast-color);

}



.blog .pagination li.active a,

.blog .pagination li:hover a {

  color: var(--contrast-color);

}



/*--------------------------------------------------------------

# Blog Details Page

--------------------------------------------------------------*/

/* Blog-details Section - Blog Details Page

------------------------------*/

.blog-details .article {

  box-shadow: 0 4px 16px rgba(var(--default-color-rgb), 0.1);

  padding: 30px;

}



.blog-details .post-img {

  margin: -30px -30px 20px -30px;

  overflow: hidden;

}



.blog-details .title {

  color: var(--secondary-color);

  font-size: 28px;

  font-weight: 700;

  padding: 0;

  margin: 30px 0;

}



.blog-details .content {

  margin-top: 20px;

}



.blog-details .content h3 {

  font-size: 22px;

  margin-top: 30px;

  font-weight: bold;

}



.blog-details .content blockquote {

  overflow: hidden;

  background-color: rgba(var(--default-color-rgb), 0.05);

  padding: 60px;

  position: relative;

  text-align: center;

  margin: 20px 0;

}



.blog-details .content blockquote p {

  color: var(--default-color);

  line-height: 1.6;

  margin-bottom: 0;

  font-style: italic;

  font-weight: 500;

  font-size: 22px;

}



.blog-details .content blockquote:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 3px;

  background-color: var(--primary-color);

  margin-top: 20px;

  margin-bottom: 20px;

}



.blog-details .meta-top {

  margin-top: 20px;

  color: rgba(var(--default-color-rgb), 0.6);

}



.blog-details .meta-top ul {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  align-items: center;

  padding: 0;

  margin: 0;

}



.blog-details .meta-top ul li+li {

  padding-left: 20px;

}



.blog-details .meta-top i {

  font-size: 16px;

  margin-right: 8px;

  line-height: 0;

  color: rgba(var(--default-color-rgb), 0.6);

}



.blog-details .meta-top a {

  color: rgba(var(--default-color-rgb), 0.6);

  font-size: 14px;

  display: inline-block;

  line-height: 1;

}



.blog-details .meta-bottom {

  padding-top: 10px;

  border-top: 1px solid rgba(var(--default-color-rgb), 0.1);

}



.blog-details .meta-bottom i {

  color: rgba(var(--default-color-rgb), 0.6);

  display: inline;

}



.blog-details .meta-bottom a {

  color: rgba(var(--default-color-rgb), 0.6);

  transition: 0.3s;

}



.blog-details .meta-bottom a:hover {

  color: var(--primary-color);

}



.blog-details .meta-bottom .cats {

  list-style: none;

  display: inline;

  padding: 0 20px 0 0;

  font-size: 14px;

}



.blog-details .meta-bottom .cats li {

  display: inline-block;

}



.blog-details .meta-bottom .tags {

  list-style: none;

  display: inline;

  padding: 0;

  font-size: 14px;

}



.blog-details .meta-bottom .tags li {

  display: inline-block;

}



.blog-details .meta-bottom .tags li+li::before {

  padding-right: 6px;

  color: var(--default-color);

  content: ",";

}



.blog-details .meta-bottom .share {

  font-size: 16px;

}



.blog-details .meta-bottom .share i {

  padding-left: 5px;

}



.blog-details .sidebar {

  padding: 30px;

  box-shadow: 0 4px 16px rgba(var(--default-color-rgb), 0.1);

}



.blog-details .sidebar .sidebar-title {

  color: var(--secondary-color);

  font-size: 20px;

  font-weight: 700;

  padding: 0;

  margin: 0;

}



.blog-details .sidebar .sidebar-item+.sidebar-item {

  margin-top: 40px;

}



.blog-details .sidebar .search-form form {

  background: var(--background-color);

  border: 1px solid rgba(var(--default-color-rgb), 0.3);

  padding: 3px 10px;

  position: relative;

}



.blog-details .sidebar .search-form form input[type=text] {

  border: 0;

  padding: 4px;

  border-radius: 4px;

  width: calc(100% - 40px);

  background-color: var(--background-color);

  color: var(--default-color);

}



.blog-details .sidebar .search-form form input[type=text]:focus {

  outline: none;

}



.blog-details .sidebar .search-form form button {

  background: var(--primary-color);

  color: var(--background-color);

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  font-size: 16px;

  padding: 0 15px;

  margin: -1px;

  transition: 0.3s;

  border-radius: 0 4px 4px 0;

  line-height: 0;

}



.blog-details .sidebar .search-form form button i {

  line-height: 0;

}



.blog-details .sidebar .search-form form button:hover {

  background: rgba(var(--primary-color-rgb), 0.8);

}



.blog-details .sidebar .categories ul {

  list-style: none;

  padding: 0;

}



.blog-details .sidebar .categories ul li+li {

  padding-top: 10px;

}



.blog-details .sidebar .categories ul a {

  color: rgba(var(--default-color-rgb), 0.8);

  transition: 0.3s;

}



.blog-details .sidebar .categories ul a:hover {

  color: var(--primary-color);

}



.blog-details .sidebar .categories ul a span {

  padding-left: 5px;

  color: rgba(var(--default-color-rgb), 0.5);

  font-size: 14px;

}



.blog-details .sidebar .recent-posts .post-item {

  display: flex;

  margin-top: 15px;

}



.blog-details .sidebar .recent-posts img {

  width: 80px;

  margin-right: 15px;

}



.blog-details .sidebar .recent-posts h4 {

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 5px;

}



.blog-details .sidebar .recent-posts h4 a {

  color: var(--default-color);

  transition: 0.3s;

}



.blog-details .sidebar .recent-posts h4 a:hover {

  color: var(--primary-color);

}



.blog-details .sidebar .recent-posts time {

  display: block;

  font-style: italic;

  font-size: 14px;

  color: rgba(var(--default-color-rgb), 0.5);

}



.blog-details .sidebar .tags {

  margin-bottom: -10px;

}



.blog-details .sidebar .tags ul {

  list-style: none;

  padding: 0;

}



.blog-details .sidebar .tags ul li {

  display: inline-block;

}



.blog-details .sidebar .tags ul a {

  color: rgba(var(--default-color-rgb), 0.7);

  font-size: 14px;

  padding: 6px 14px;

  margin: 0 6px 8px 0;

  border: 1px solid rgba(var(--default-color-rgb), 0.4);

  display: inline-block;

  transition: 0.3s;

}



.blog-details .sidebar .tags ul a:hover {

  color: var(--background-color);

  border: 1px solid var(--primary-color);

  background: var(--primary-color);

}



.blog-details .sidebar .tags ul a span {

  padding-left: 5px;

  color: rgba(var(--default-color-rgb), 0.4);

  font-size: 14px;

}



.blog-details .blog-author {

  padding: 20px;

  margin-top: 30px;

  box-shadow: 0 4px 16px rgba(var(--default-color-rgb), 0.1);

}



.blog-details .blog-author img {

  max-width: 120px;

  margin-right: 20px;

}



.blog-details .blog-author h4 {

  font-weight: 600;

  font-size: 20px;

  margin-bottom: 0px;

  padding: 0;

  color: rgba(var(--default-color-rgb), 0.8);

}



.blog-details .blog-author .social-links {

  margin: 0 10px 10px 0;

}



.blog-details .blog-author .social-links a {

  color: rgba(var(--default-color-rgb), 0.4);

  margin-right: 5px;

}



.blog-details .blog-author p {

  font-style: italic;

  color: rgba(var(--default-color-rgb), 0.7);

  margin-bottom: 0;

}



.blog-details .comments {

  margin-top: 30px;

}



.blog-details .comments .comments-count {

  font-weight: bold;

}



.blog-details .comments .comment {

  margin-top: 30px;

  position: relative;

}



.blog-details .comments .comment .comment-img {

  margin-right: 14px;

}



.blog-details .comments .comment .comment-img img {

  width: 60px;

}



.blog-details .comments .comment h5 {

  font-size: 16px;

  margin-bottom: 2px;

}



.blog-details .comments .comment h5 a {

  font-weight: bold;

  color: var(--default-color);

  transition: 0.3s;

}



.blog-details .comments .comment h5 a:hover {

  color: var(--primary-color);

}



.blog-details .comments .comment h5 .reply {

  padding-left: 10px;

  color: rgba(var(--default-color-rgb), 0.8);

}



.blog-details .comments .comment h5 .reply i {

  font-size: 20px;

}



.blog-details .comments .comment time {

  display: block;

  font-size: 14px;

  color: rgba(var(--default-color-rgb), 0.6);

  margin-bottom: 5px;

}



.blog-details .comments .comment.comment-reply {

  padding-left: 40px;

}



.blog-details .comments .reply-form {

  margin-top: 30px;

  padding: 30px;

  box-shadow: 0 4px 16px rgba(var(--default-color-rgb), 0.1);

}



.blog-details .comments .reply-form h4 {

  font-weight: bold;

  font-size: 22px;

}



.blog-details .comments .reply-form p {

  font-size: 14px;

}



.blog-details .comments .reply-form input {

  background-color: var(--background-color);

  color: var(--default-color);

  border: 1px solid rgba(var(--default-color-rgb), 0.3);

  font-size: 14px;

  border-radius: 4px;

  padding: 10px 10px;

}



.blog-details .comments .reply-form input:focus {

  box-shadow: none;

  border-color: var(--primary-color);

}



.blog-details .comments .reply-form textarea {

  background-color: var(--background-color);

  color: var(--default-color);

  border: 1px solid rgba(var(--default-color-rgb), 0.3);

  border-radius: 4px;

  padding: 10px 10px;

  font-size: 14px;

  height: 120px;

}



.blog-details .comments .reply-form textarea:focus {

  box-shadow: none;

  border-color: var(--primary-color);

}



.blog-details .comments .reply-form .form-group {

  margin-bottom: 25px;

}



.blog-details .comments .reply-form .btn-primary {

  border-radius: 4px;

  padding: 10px 20px;

  border: 0;

  background-color: var(--primary-color);

  color: var(--contrast-color);

}



.blog-details .comments .reply-form .btn-primary:hover {

  color: var(--contrast-color);

  background-color: rgba(var(--primary-color-rgb), 0.8);

}





.hero_box_baner{

  padding:55px 0 55px 0;

}



.bring_box{

    background: linear-gradient(270deg,#57034b,#fd468b);

    border-radius: 10px;

    padding: 60px 40px;

    margin: 0 auto;

    width: 98%;

    box-shadow: -2px -2px 20px 0px rgba(0,0,0,0.15);

    -webkit-box-shadow: -2px -2px 20px 0px rgba(0,0,0,0.15);

    -moz-box-shadow: -2px -2px 20px 0px rgba(0,0,0,0.15);

    text-align: center;

    min-height: 335px;

    display: flex;

    align-items: center;

}





.discover{

  background:linear-gradient(170deg,#3a0e24f7,#7e006c78), url(../img/f1.jpeg);

  background-size:cover;

  background-position:center;

}





.bring_box h2{

    font-size:23px;

    font-weight:bold;

    text-transform:uppercase;

    color: #fff;

    line-height:34px;

    padding: 0 0 15px 0;

    margin: 0;

}

.bring_box p{

font-size: 18px;

    color: #fff;

    line-height:28px;

    font-weight: 300;

    padding: 0;

    margin: 0;

}

.mtbox{

  width: 100%;

  height: 50px;

  padding: 10px 15px;

  border: none;

  border: 1px solid #CBCFD7;

  margin: 0 0 25px 0;

  box-sizing: border-box;

  color: #000;

  font-size: 16px;

  outline: none;

  border-radius:10px;

}

.mtbox::-ms-input-placeholder {color:#000;}

.mtbox::placeholder { color:#000;}

.mtbox::-moz-select {color:#000;}

.mtbox::select {color:#000;}

.submit123{

width: 100%;

    height: 50px;

    padding: 10px;

    border: none;

    border-bottom: 1px solid #CBCFD7;

    margin: 20px 0 15px 0;

    box-sizing: border-box;

    color: #fff;

    font-size: 18px;

    outline: none;

    background: linear-gradient(270deg,#ffbc4d,#97268e);

    border-radius: 5px;

    text-transform: uppercase;

}

.them_box p{

  color: #828282;

  margin: 0 0 2px 0;

  font-size: 16px;

  text-align: center;

}

.aboutbox{
  padding:60px 0 30px 0;
  margin: 0;
  background:
  url(../img/about/g1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment:fixed;
  position: relative;
}
.aboutbox:after{
      position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    background: url(../img/testimonials/bg-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 300px;
    width: 100%;
    opacity: 0.1;
}
.aboutbox:before{
      content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), url(../img/testimonials/flower-shape1.png);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: center left;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}


.scondcolor{background:#b23f76;}
.lig_color{ background: #f897c7c9; }
.rt_img{ 
  height: 400px;
  border-radius: 130px;
  object-fit: cover;
  margin: 0 auto;
  border: 3px solid #ba74ab;
  padding: 14px;
}

.aboutsimg1 {   
/*filter: opacity(0.5);*/
    /* border-radius: 100%; */
    height: 460px;
    border-radius: 130px;
    object-fit: cover;
    margin: 0 auto;
    border: 3px solid #ba74ab;
    padding: 14px;
    float: right;
}
.aboutbox .container{ position: relative; z-index: 9; }
/*.aboutbox:after{
    content: "";
    background: url(../img/testimonials/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}*/

.td_box h2{
    font-size: 45px;
    font-weight: 600;
    line-height: 50px;
    color:#372b4f;
    margin-bottom:15px;
    font-style: italic;
   font-family: 'Ageya';
}
.m1 h2{
  background: #f9f9f9;
  padding: 6px 18px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 5px;
}


/*.td_box h2 span{

  color: #a2238e;

}*/

.td_box p{

    font-size:16px;
    font-weight:500;
    line-height:26px;
    color: #72727d;
    margin-bottom: 60px;
}

.vbox{

  padding: 0 0 10px 0;

  margin: 0;

}

.vbox img{

  width:60px;

  object-fit: contain;

  margin: 0 17px 0 0;

}

.bfbox h4{
    font-size: 24px;
    line-height: 30px;
    color: #2b1457;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
    font-family: 'Philosopher', sans-serif;
} 

.bfbox p{
    font-size: 16px;
    line-height: 26px;
    color:#372b4f;
    font-weight:500;
    margin-bottom: 10px;
    padding: 0;
    line-height: 26px;
    text-align: left;
} 
.new_class p{
  color: #372b4f;
}
.allow_us{

  width:70%;

  height:400px;

  box-shadow: 0 16px 26px rgba(0,0,0,.08), 0 6px 30px 

  rgba(0,0,0,.06), 0 8px 10px 

  rgba(0,0,0,.06);

  border-radius:10px;

  padding: 0;

  margin: 0 auto;

  cursor: pointer;

}

.allow_us[poster]{

  width:95%;

  height:480px;

}
.allow_us12{
  width:100%;
  height:480px;
  object-fit:cover;
}

.matched{

    cursor: pointer;

    padding: 12px 32px;

    color: #fff;

    font-size:18px;

    font-weight:500;

    background:linear-gradient(270deg,#f0679e,#fd468b);

    border-radius: 5px;

    margin:26px 20px 0 0;

    display: inline-block;

    text-transform: capitalize;

    letter-spacing: 0.8px;

    transition: 0.3s;
   font-family: 'Philosopher', sans-serif;
    font-style: italic;
    display:none;
}



.matched:hover{ color:#ffbc4d; transition: 0.3s; }





/*.red:hover{ background:#000; }*/

.de123 a{

    background: linear-gradient(270deg,#de0a71,#bd2332);

    color: #fff;

    padding: 12px 26px;

    border-radius: 4px;

    border: 1px solid #de0a71;

    transition: all 500ms ease-in-out;

    margin: 10px 0 0 0;

    text-transform: capitalize;

    display: inline-block;

    width: 170px;

    text-align: center;

    letter-spacing: 0.8px;



}

.about h2{

  font-size: 45px;

  font-weight: 600;

  line-height: 50px;

  color: #fff;

  margin-bottom: 26px;

  text-transform: uppercase;

}

.about h2 span{

  color:#f7e117;

}

.about p{

  font-size: 20px;

  line-height: 32px;

  color:#cecece;

  font-weight:400;

  padding: 0 0 15px 0;

  margin: 0;

}



.hme-pge-nw-wtr-mrk{
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../img/water.svg) no-repeat 50%;
    background-size:cover;
    background-attachment: fixed;
    filter: opacity(0.5);
  }

.bn{
  padding:50px 0;
  position: relative;
  z-index: 1;
}

.bn a{

      background:linear-gradient(270deg,#f7e117,#d51124);

    color: #fff;

    padding: 12px 26px;

    border-radius: 4px;

    border: 1px solid #de0a71;

    transition: all 500ms ease-in-out;

    margin: 10px 0 0 0;

    text-transform: capitalize;

    display: inline-block;

    width: 170px;

    text-align: center;

    letter-spacing: 0.8px;

}

.media{

  padding:10px 0 0 0;

  margin: 0;

}

.media li{

  display: inline-block;

  list-style:none;

  padding: 0 12px 0 0;

  margin: 0;

}

.media li a{

  font-size:20px;

}

.links_box{

  padding-left:50px;

}

.become_img img{

  width:100%;

  height:500px;

  object-fit: cover;

}

.bet1{

  padding: 0;

}

.bg_color{

  background:#F5F5F5;

}

.become_text{

  padding:80px 50px;

  margin: 0;

}

.become_text h2{

  font-size: 40px;

  font-weight: 600;

  line-height: 50px;

  color: #000;

  margin-bottom: 15px;

}

.become_text h2 span{

  color:#a2238e;

}

.become_text h5{

  font-size: 20px;

  padding: 0 0 10px 0;

  margin: 0;

}

.become_text  p{

  font-size: 18px;

  line-height:29px;

  color: #72727d;

  font-weight: 400;

  padding: 0 0 5px 0;

  margin: 0;

}

.read_more{

  padding: 0;

  margin: 0;

}

.read_more li{

  display: inline-block;

  padding:20px 25px 0 0;

  margin: 0;

}

.read_more li a{

    background: linear-gradient(270deg,#de0a71,#bd2332);

    color: #fff;

    padding: 12px 26px;

    border-radius: 4px;

    border: 1px solid #de0a71;

    transition: all 500ms ease-in-out;

    margin: 10px 0 0 0;

    text-transform: capitalize;

    display: inline-block;

    width: 170px;

    text-align: center;

    letter-spacing: 0.8px;

}

.read_more li .active{

    background: none;

    color: #000;

    border: 1px solid #ddd;

    transition: all 500ms ease-in-out;

}

.read_more li a:hover{

  background: linear-gradient(270deg,#de0a71,#bd2332);

  color:#000;

  transition: all 500ms ease-in-out;

}

.read_more li:hover .active{color:#000;}

.read_more li:last-child{ padding: 0; }





.get_matched{

  background:linear-gradient(270deg,#632556d1,#901d28bd), url(../img/become.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  padding:100px 0;

  margin: 0;

}

.bv_text h4{

    font-size: 40px;

    font-weight: 600;

    line-height: 50px;

    color: #fff;

    margin-bottom:20px;

}

.bv_text h4 span{

  color:#f7e117;

}

.bv_text h5{

  font-size: 20px;

  color:#ffe9e9;

  padding: 0 0 10px 0;

  margin: 0;

}

.bv_text p{

  font-size: 18px;

  line-height: 30px;

  color:#ffe9e9;

  font-weight: 400;

  padding: 0 0 5px 0;

  margin: 0;

}



.about_banner{
  background:linear-gradient(90deg, rgb(220 232 240) 0%, 
  rgb(87 3 75 / 0%) 49%, rgba(87,3,75,0) 100%), 
  url(../img/about/a1.jpg);
 
 background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position:center !important;
  padding:70px 0;
  margin: 0;
  position: relative;
}
.about_banner:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/testimonials/rq1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    width: 289px;
    height: 219px;
    opacity: 0.5;
}
.about_banner:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/testimonials/rq2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    width: 289px;
    height: 219px;
    opacity: 0.5;
}
.g_bouts{ position: relative; z-index:9; } 
/*.g_bouts{
    display: inline-block;
    position: relative;
    border: 1px solid #ffdde7ab;
    padding: 60px;
}
.g_bouts:after{
    content: "";
    position: absolute;
    bottom: 22px;
    left: -41px;
    background: url(../img/testimonials/rq1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    width: 250px;
    height: 205px;
    opacity: 0.3;
}
.g_bouts:before{
    content: "";
    position: absolute;
    bottom: -28px;
    right: -50px;
    background: url(../img/testimonials/rq2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    width: 250px;
    height: 205px;
    opacity: 0.3;
}*/
.vbox h3{
  font-size: 28px;
  font-weight:600;
  line-height: 50px;
  color:#2b1457;
  margin-bottom: 10px;
  padding: 0;
  text-transform: capitalize;
  font-family: 'Philosopher', sans-serif;
  display: inline-block;
  border-bottom:1px solid #ffd2df4f;
  padding: 0px 24px;
  border-radius: 50px;
  margin: 0px 0 20px 0;
}
.elements1 h3{
  color: #2b1457;
  display:block;
  text-align: left;
  padding: 0;
  border-radius: 0;
}
.elements1 p{color: #372b4f}
.vbox .td_box{
    text-align: center;
}
.vbox .new_class{
  text-align: left;
}
.vbox .new_class h3{
  border:none;
  color: #2b1457;
  padding: 0;
}
.how{
  background: /*linear-gradient(270deg,#632556d1,#901d28bd),*/ url(../img/about/how1.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.features12{

  background: /*linear-gradient(270deg,#632556d1,#901d28bd),*/ url(../img/about/f2.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}

.matchmaker{

  background:linear-gradient(270deg,#0000,#0000004f), url(../img/about/b1.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}

.get_matched123{

  background:linear-gradient(270deg,#0000,#0000006e), url(../img/about/g1.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  background-position: center;

}



.services{

  background:linear-gradient(90deg, rgba(87,3,75,1) 0%, rgba(87,3,75,0.22452731092436973) 49%, rgba(87,3,75,0) 100%), url(../img/about/av3.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  /*background-position:bottom;*/

}

.success_story{

  background:linear-gradient(270deg,#0000,#0000006e), url(../img/about/success.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

  background-position:center;

}

.servicesboxc{

  box-shadow: 0 16px 26px rgba(0,0,0,.08), 0 6px 30px rgba(0,0,0,.06), 0 8px 10px rgba(0,0,0,.06);

  border-radius:150px;

  padding:30px;

  margin: 0 0 60px 0;

}

.services_img{

  padding: 0;

  margin: 0;

}

.s_tr img{
    height: 350px;
    width: 100%;
    border-radius: 200px;
    object-fit: cover;
    margin: 0 auto;
    border: 3px solid #ba74ab;
    padding: 14px;
}

.services_text{

  padding:0 40px;

  margin: 0;

}

.services_text h4{
    font-family: 'Philosopher', sans-serif;
    text-transform: capitalize;
    font-size:28px;
    line-height:38px;
    color:#372b4f;
    font-weight: 600;
    margin-bottom: 15px;
}
.services_text h5{
    font-family: 'Philosopher', sans-serif;
    font-size:24px;
    line-height:30px;
    color:#372b4f;
    font-weight:500;
    margin-bottom:10px;
}
.services_text ol{
  padding: 0;
  margin: 0 0 0 15px;
}

.services_text ol li{
  font-size: 16px;
  line-height: 26px;
  color:#372b4f;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 0 0 0 0;
  position: relative;
} 
.services_text ul{
  padding: 0;
  margin: 0 0 0 0;
}

.services_text ul li{
  list-style:none;
  font-size: 16px;
  line-height: 26px;
  color:#372b4f;
  font-weight:500;
  margin-bottom: 10px;
  padding: 0 0 0 0;
  position: relative;
} 

.services_text p{
  list-style: none;
  font-size: 16px;
  line-height: 26px;
  font-weight:500;
  color: #372b4f;
  margin:0;
  padding: 0 0 10px 0px;
}

.about_banner h1{
  font-size: 45px;
  font-weight: 600;
  line-height: 50px;
  color: #2b1457;
  margin:0px;
  position: relative;
  font-family: 'Philosopher', sans-serif;
  text-transform: capitalize;
}

/*.about_banner h1 span{

  color:#f8d832;

}*/

.about_banner p{

  font-size: 17px;

  line-height:30px;

  color: #d5d5d5;

  font-weight: 400;

  margin-bottom: 10px;

  padding: 0;

}

.aboutsimg{
  object-fit: cover;
  box-shadow: 0 16px 26px rgba(0,0,0,.08), 0 6px 30px rgba(0,0,0,.06), 0 8px 10px rgba(0,0,0,.06);
  border-radius: 30px;
  border-radius: 0;
  height:300px;
  width: 100%;
  border-radius:160px;
  object-fit: cover;
  margin: 0 auto;
  border: 3px solid #ba74ab;
  padding: 14px;
  float: right;
}

.bn p {
  font-size: 16px;
  color:#f6f2ff;
  line-height: 26px;
}

.bn h4{
  color: #f8d832;
  font-size: 24px;
  text-transform: capitalize;
  padding: 0 0 10px 0;
  font-family: 'Philosopher', sans-serif;
}

.bn h3{

  font-size:30px;

  color:#fff;

}

.bn h3 span{

  color:#f8d832;

}

.language{

  padding:20px 0;

  margin: 0;

}

.language h4{

  font-size: 26px;

  font-weight: 600;

  line-height: 50px;

  color: #000;

  margin-bottom: 5px;

}

.language p{

    font-size: 18px;

    line-height: 30px;

    color: #72727d;

    font-weight: 400;

    margin-bottom: 10px;

    padding: 0;

}

.ab1{

  padding:20px 0 0 0;

  margin: 0;

  display: none;

}

.ab1 li{

  display:inline-block;

  font-size:20px;

  padding: 0 10px 0 0;

  margin: 0;

}

.ab1 li{

  color:#f8d832;

}

.ab1 li a{

  color:#fff;

}

.tabels_bro{
  padding:50px 0;
  position: relative;
}
.tabels_bro .container { position: relative; z-index: 9; }

.tabels_bro:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), url(../img/testimonials/flower-shape1.png);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: center left;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.tabels_bro:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/testimonials/b1.png);
    background-repeat: no-repeat;
    background-size: 43%;
    background-position: center right;
    width: 55%;
    height: 400px;
    opacity: 0.5;
}
.free_tabs {
  padding:0 0 0 0;
  margin: 0;
  border-collapse: collapse;
  width: 100%;
  position: relative;
  z-index:9;
}

.free_tabs td, .free_tabs th {
  border: 1px solid #ffe8e8d1;
  padding:10px 5px;
  font-size:16px;
  line-height:20px;
  color: #372b4f;
}
.free_tabs tr:nth-child(even){background:#ffecec91;}
.free_tabs tr:hover {background:#ffdeded1;}
.free_tabs th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background: linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%);
    color: #fff;
    font-family: 'Philosopher', sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 300;
}
.right_bg{
  position: relative;
}
.right_bg:after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), 
  url(../img/testimonials/flower-shape2.png);
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: center right;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.right_bg:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), 
    url(../img/testimonials/flower-shape1.png);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: center left;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}
.next_first_tb12 th{ text-align: center; }
.next_first_tb12 th:first-child{ background:none; border: 1px solid transparent; }
.next_first_tb12 span{ width:20px; display: block; margin:0 auto; }
.next_first_tb12 td{ font-weight:500; } 
.free_tabs p{
  padding: 0;
  margin: 0;
}
.brandon_box{
  box-shadow: 0 16px 26px rgba(0,0,0,.08), 0 6px 30px rgba(0,0,0,.06), 0 8px 10px rgba(0,0,0,.06);
  border-radius:0px 0px 15px 15px;
  padding:0;
  margin: 0 0 35px 0;
  min-height:460px;
}
.sebox{
  height:250px;
}

.sebox img{

  width:100%;

  height:100%;

  object-fit: cover;

  border-radius:15px 15px 0px 0;

}

.personalized{

  padding:20px;

  margin: 0;

}

.personalized h4{

      font-size: 22px;

    line-height: 25px;

    color: #333;

    font-weight: 500;

    margin-bottom: 10px;

    text-align: left;

}

.personalized p{

  font-size: 16px;

  line-height: 26px;

  color: #72727d;

  font-weight: 400;

  margin-bottom:0;

  padding: 0;

}

ul.tabs{

      margin: 0px;

      padding:0 0 25px 0;

      list-style: none;

    }

    ul.tabs li{

      color: #222;

      display: inline-block;

      padding: 10px 15px;

      cursor: pointer;

      font-size: 20px;

      background:#f6f6f6;

      border-radius: 5px;

    }



    ul.tabs li.current{

      background:linear-gradient(270deg,#57034b,#fd468b);

      color: #fff;

      border-radius: 5px;

    }



    .tab-content{

      display: none;

    }



    .tab-content.current{

      display: inherit;

    }



.loging_box{

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) !important;

  width: 100%;

}

.registration_box{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 100%;
  max-width:371px;
}
/*.registration_box .modal-content{
    padding:0;
    min-height:600px;
    box-sizing: border-box;
}*/
.modal-content{
  border-radius:5px;
  background:#fff;
  position: relative;
}
.modal-content:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/testimonials/b1.png);
    background-repeat: no-repeat;
    background-size: 92%;
    background-position: center right;
    width: 100%;
    min-height: 400px;
    opacity: 0.4;
}
.bnvf{
  width:100%;
  display: block;
}
.profiles_form h4{
  font-size: 20px;
  color: #2b1457;
  text-align: center;
  line-height: 24px;
  padding:5px 0 12px 0;
  margin: 0;
  position: relative;
}
.pra_box{
  padding: 0;
  margin: 0;
}
.stay_loging{
  padding: 0;
  margin: 0;
}
.stay_loging li{
  display:inline-block;
  padding: 0;
  margin: 0;
  color:#72727d;
  width:49%;
}
.stay_loging li:last-child{ text-align: right; }
.stay_loging li a{ color:#97268e; }
.pra_box h5{
  padding: 0 0 8px 0;
  margin: 0;
  font-size: 16px;
  color:#72727d;
  font-weight:normal;
}
.self_bof{
  width: 100%;
  height:40px;
  padding: 0 5px;
  box-sizing: border-box;
  margin: 0 0 13px 0;
  color:#72727d;
  border: 1px solid #dfe0e3;
  border-radius:3px;
  font-size:16px;
  line-height:20px;
  outline:none;
  font-weight:normal;
}
.colors {
  display: none;
}

.bnvf h5{ font-size:17px; color: #372b4f; text-transform: capitalize;}
.registration_box .modal-content::-webkit-scrollbar-track{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.registration_box .modal-content::-webkit-scrollbar

{

  width:10px;

  background-color: #F5F5F5;

}

.registration_box .modal-content::-webkit-scrollbar-thumb

{

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

  background-color: #555;

}
.bg_step_box{
  position: relative;
  z-index: 99;
}
.modal-body{
    padding:30px;
}
/*.gertbox{
  min-height:550px;
}*/

.modal-header{
    padding: 0;
    margin: 0;
    border: none;
}

.frt{

  padding: 0;

  margin: 0;

}

.frt img{
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 60px;
    background: #f5efff;
    border-radius: 26px;
    padding: 10px;
    box-sizing: border-box;
    object-fit: contain;
}
.gmf_list{
  padding: 0 0 8px 0;
  margin: 0;
}
.gmf_list li{
  display:inline-block;
  padding: 0 15px 0 0;
  margin: 0;
  font-size: 16px;
  color: #72727d;
  font-weight: normal;
}
.gmf_list li label{ padding:0; color: #72727d;}
.gmf_list li:last-child{ padding: 0; }

.modal-title1{
  font-size:20px;
  color:#372b4f;
  line-height: 30px;
  padding: 0 0 20px 0;
  margin: 0;
}

.nb_box123{

  font-size: 18px;

  line-height: 20px;

  padding: 0 0 10px 0;

  margin: 0;

}

.dr{

  width: 100%;

  height:50px;

  padding: 12px;

  box-sizing: border-box;

  margin: 0 0 8px 0;

  font-size: 16px;

  color: #000;

  border: 1px solid #dad8d8;

  border-radius: 14px;

}

.nb_box123 ul{

  padding: 0;

  margin: 0;

}

.nb_box123 p{
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #372b4f;
}

.nb_box123 p a{

  color: #97268e;

}

.nb_box123 ul li{

  display:inline-block;

  font-size:16px;

  padding: 0;

  margin: 0;

}

.nb_box123 ul li:last-child{

  float:right;

  color:#97268e;

}

.become-a-matchmaker1{

  width: 84% !important;

  margin: 0 auto;

  padding: 20px;

}
.log_next{
  padding: 0;
  margin: 0;
}
.log_next li{
    display: block;
    font-size: 15px;
    padding: 0 0 5px 0;
    margin: 0 auto;
    width: 80%;
}
.submitq{
  border: none;
  background: linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%);
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size:16px;
  font-weight: 500;
  transition: 0.5s ease;
  padding: 10px 30px;
  width:100%;
  transition: all 500ms ease-in-out;
}
.submitq:hover{
  background:linear-gradient(180deg, rgb(32 18 61) 20%, rgb(124 8 107) 100%);
  color:#fff;
}
.loginWithOtp{
  background:linear-gradient(180deg, rgb(255 255 255) 20%, rgb(255 255 255) 100%);
  border-radius: 3px;
  color: #372b4f;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: 0.5s ease;
  padding: 10px 30px;
  width: 100%;
  transition: all 500ms ease-in-out;
  display: block;
  box-shadow: 0px 3px 4px #ffdde7;
  border:1px solid #ffdde7;
  border-bottom:0;
}
.loginWithOtp:hover{
  background:linear-gradient(180deg, rgb(32 18 61) 20%, rgb(124 8 107) 100%);
  color:#fff;
  border-radius: 3px;
}
.bodg img{
  width: 100%;
  height:680px;
  object-fit: cover;
}

.tr2{

  padding: 0;

}

.fd_boxc{

  padding:70px;

  margin: 0;

}

.fd_boxc h4{

  font-size:35px;

  color: #000;

  line-height:50px;

  padding:0 0 25px 0;

  margin: 0;

  text-align: center;

}

.grtw p{

  font-size:18px;

}

.grtw p a{

  color:#97268e;

}

.bfbox a{

        background: linear-gradient(270deg,#de0a71,#bd2332);

    color: #fff;

    padding: 12px 26px;

    border-radius: 4px;

    border: 1px solid #de0a71;

    transition: all 500ms ease-in-out;

    margin: 10px 0 0 0;

    text-transform: capitalize;

    display: inline-block;

    width: 170px;

    text-align: center;

    letter-spacing: 0.8px;

}

.hader_top{

  background: #fffaec;

  padding:13px 0;

  margin: 0;

}

.list-inline{

    padding: 0;

    margin: 0;

    text-align: right;

}

.list-inline li{

  display:inline-block;

  list-style:none;

  padding: 0 30px 0 0;

  margin: 0;

}

.list-inline li:last-child{ padding: 0; }

.list-inline li a{

    font-size: 16px;

    background: linear-gradient(270deg,#57034b,#fd468b);

    padding: 8px;

    border-radius: 10px;

    color: #fff;

}

.list-inline li a i{

  color:#fff;

  padding:0 12px 0 0;

}

.support_menu{

    padding: 10px 0;

    margin: 0;

    text-align: right;

    display: flex;

    align-items: center;

}

.support_menu li{
  list-style:none;
  padding: 0 45px 0 0;
  margin: 0;
  display: none;
}

.support_menu li:last-child{ padding:0; display: block; }

.support_menu li a{

  font-size:16px;

  color:#fff;

  padding:0;

  margin: 0;

}

.support_menu li .login_bocv{

  cursor: pointer;

  padding: 8px 16px;

  display: inline-block;

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  background-color: #e4237c;

  border-radius: 3px;

}

.support_menu li .login_bocv i{

  padding:0 5px 0 0;

}

.support_menu li .bars{

    font-size: 40px;

    line-height: 0;

}

.banner_second{
  padding: 0;
  margin: 0;
  position: relative;
}
.banner_second video{
  width:100%;
  height:100%;
  position: relative;
}
.banner_second .item{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 700px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}



.banner_second .item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.banner_second .item:after{
  content:"";
  position:absolute;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  background:rgba(0,0,0, 0.3);
}

.ban_text{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  min-height:700px;
}



/*.perfect{
    padding: 30px;
    margin: 0;
    background: #00000042;
    border-radius: 10px;
}*/

.perfect h2{
    font-size:55px;
    text-transform: capitalize;
    color: #ffd600;
    line-height: 60px;
    padding: 0 0 15px 0;
    margin: 0;
    font-weight: 800;
    font-family: 'Philosopher', sans-serif;
    font-style: italic;
    text-shadow: 0 0 5px #000000;
}

.perfect p{
    font-size: 23px;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    padding: 0 0 15px 0;
    margin: 0;
    text-shadow: 0 0 4px #000000;
}



.banner_second img{

  height:100%;

  object-fit: cover;

  padding: 0;

  margin: 0;

}

.banner_second .owl-nav{

  display:none;

}

.banner_second  .owl-dots{

  display:none;

}

.bring{

  margin: -210px 0 0 0;

  position: relative;

  z-index: 9;

}

.we_bog{

  background: rgba(0,0,0, 0.5);

  border-radius: 15px;

  padding:18px;

}

.bring h1{

font-size:40px;

    color: #fff;

    line-height: 56px;

    padding: 0 0 12px 0;

    margin: 0;

    text-align: center;

}



.we_bog li{

  display:inline-block;

  width:18%;

  padding: 0;

      margin: 0 15px 0 0;

}

.we_bog li:nth-child(2){

  width:7%;

      margin: 0 5px 0 0;

}

.we_bog li:nth-child(3){

  width: 3%;

  text-align: center;

      margin: 0 5px 0 0;

}

.we_bog li:nth-child(4){

  width:7%;

}

.we_bog li:last-child{ margin:0; }

.we_bog li span{

    display: block;

    font-size: 16px;

    color: #fff;

    line-height: 26px;

    padding: 0 0 10px 0;

    margin: 0;

}

.woman{

  width: 100%;

  height: 45px;

  border-radius: 5px;

  background: #fff;

  padding: 10px;

  margin: 0;

  box-sizing: border-box;

}

.submit_bert{

  background: linear-gradient(270deg,#ffbc4d,#97268e);

  width: 100%;

  height: 45px;

  font-size: 16px;

  color: #fff;

  border:none;

  border-radius:5px;

  line-height: 18px;

  padding: 0;

  margin: 0;

}





#burger-menu {

  cursor: pointer;

  height: 27px;

  width: 27px;

  overflow: visible;

  position: relative;

  z-index:999;

}

#burger-menu span,

#burger-menu span:before,

#burger-menu span:after {

  background: #fff;

  display: block;

  height:5px;

  opacity: 1;

  position: absolute;

  transition: 0.3s ease-in-out;

}

#burger-menu span:before,

#burger-menu span:after {

  content: "";

}

#burger-menu span {

  right: 0px;

  top:12px;

  width:40px;

}

#burger-menu span:before {

  left: 0px;

  top: -10px;

  width:40px;

}

#burger-menu span:after {

  left: 0px;

  top: 10px;

  width:40px;

}



#burger-menu.close span {

  transform: rotate(-45deg);

  top: 13px;

  width: 27px;

}

#burger-menu.close span:before {

  top: 0px;

  transform: rotate(90deg);

  width: 27px;

}

#burger-menu.close span:after {

  top: 0px;

  left:0;

  transform: rotate(90deg);

  opacity:0;

  width:0;

}



#menu{

  z-index:9;

  min-width:100%;

  min-height:100%;

  position: fixed;

  top:0;

  height:0;

  visibility: hidden;

  opacity: 0;

  text-align:center;

  padding-top:20px;

  transition: all 0.3s ease-in-out;

  

}



#menu.overlay{

  visibility: visible;

  opacity: 1;

  background:#120629d9;

  z-index:99;

  display: flex;

  align-items: center;

}

#menu ul{

  margin:0 auto;

}

#menu li{

  list-style:none;

}

#menu a{

    color: #fff;

    display: block;

    font-size: 21px;

    margin-bottom: 15px;

    text-decoration: none;

}

#menu a:hover{

  color:#ffbc4d;

}



.searchBar {

    width: 100%;

    display: flex;

    flex-direction: row;

    align-items: center;

}

.search_text{

  width: 100%;

  height: 2.8rem;

  background: #f5f5f5;

  outline: none;

  border: none;

  border-radius: 1.625rem;

  padding: 0 3.5rem 0 1.5rem;

  font-size: 16px;

  color: #000;

}

.submit_button{
  width: 65px;
  height: 44px;
  margin-left: -2.5rem;
  z-index: 9;
  position: relative;
  background: linear-gradient(270deg,#f0679e,#fd468b);
  border: none;
  outline: none;
  top: 0;
  border-radius: 0 30px 30px 0;
}

.personalized{

  padding:20px;

  margin: 0;

}

.personalized li{

  position: relative;

  display: block;

  font-size: 17px;

  color: #fff;

  line-height: 26px;

  padding: 0px 0 10px 28px;

  margin: 0;

}

.personalized li:after{

  position: absolute;

  top: 0;

  left: 0;

  content:"\f00c";

  font-family:"FontAwesome";

  font-size:15px;

  color:#f9b351;

}

.text h4{

    font-size:20px;

    font-weight: 600;

    line-height: 30px;

    padding: 5px 0 11px 0;

    margin: 0;

}

.map iframe{

  width:100%;

  height:500px;

}
.map{
  padding:60px 0 50px 0;
  margin: 0;
}

.fixed-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%; 

    animation:slide-down 0.7s;

}



@keyframes slide-down {

    0% {

        opacity: 0;

        transform: translateY(-100%);

    } 

    100% {

        opacity: 0.9;

        transform: translateY(0);

    } 

}



.map {
  background:#fff;
}

.map img{
  width:80%;
  margin:0 auto;
  object-fit:cover;
}

.become_match_maker{  
    position: absolute;
    top:300px;
    right: -95px;
    z-index: 9;
    background: linear-gradient(270deg,#f0679e,#fd468b);
    display: inline-block;
    padding: 16px 25px;
    font-size: 18px;
    color: #fff;
    border-radius: 0 0 30px 30px;
    text-transform: capitalize;
    rotate: 90deg;
}

.info_box{

  /*  background: #ffffffe8;*/

    border-radius: 10px;

    text-align: center;

    padding: 20px;

    margin: 0;

    min-height: 180px;

    display: flex;

    align-items: center;

}

.info_box .text-center{

  width: 100%;

}

.info_box img{

  width:70px;

  margin:0 0 15px 0;

}

.info_box h3{

  font-size:22px;

  color:#fff;

  padding:14px 0 0 0;

  margin: 0;

}



.timeline_content_123{
  display: flex;
  align-items: center;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.s1box{
  background: #fff;
  position: relative;
  height:250px;
  overflow: hidden;
  border-radius:20px;
  margin: 0 0 35px 0;
  padding:20px;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.s1box:hover{
  height:100%;
  overflow:visible;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.s1box:before{
    content: "";
    display: block;
    height:60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),
      color-stop(80%,#fcc5db),to(#fcc6db));
    background: -o-linear-gradient(hsla(0,0%,100%,0) 0,#fcc5db 80%,#fcc6db 100%);
    background:linear-gradient(hsl(337.78deg 81.82% 87.06% / 0%),#fcc5db 80%,#fcc6db);
      -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
.s1box:hover:before{
  background:none;
    -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.bng12_123{

    padding: 20px 0 0 0;

    margin: 0;

    min-height: 150px;

}



.s1box img{
  width: 100px;
  object-fit: contain;
  height: 70px;
}
/*.bednet{ height:380px;}*/
.bednet img{
  width: 100px;
  object-fit: contain;
  height: 70px;
}


.about_us_boxc{
    position: relative;
    padding: 365px 0 0 0;
    margin: -474px 0 0 0;
}
.about_us_boxc:after{
    position: absolute;
    content: "";
    bottom:0px;
    right: 0;
    background: url(../img/testimonials/right.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    height: 550px;
    opacity: 0.1;
    padding: 309px;
}
.about_us_boxc:before{
  position: absolute;
  content:"";
  top:0px;
  left: 0;
  background: url(../img/testimonials/left.png);
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  height: 550px;
  opacity: 0.1;
  padding: 309px;
}
.ed_flower{
  padding:70px 0 25px 0; 
}


.about_us_boxc p{

    color:#372b4f;

    transition: 0.3s;

    font-size:16px;

    font-weight: 500;

    line-height:26px;

    padding: 0 0 15px 0;

    margin:0 auto;

    width: 80%;

}

.about_us_boxc a{

  cursor: pointer;

  padding: 12px 32px;

  color: #fff;

  font-size: 16px;

  font-weight: 500;

  background: linear-gradient(270deg,#f0679e,#fd468b);

  border-radius: 5px;

  margin: 26px 20px 0 0;

  display: inline-block;

  text-transform: capitalize;

  letter-spacing: 0.8px;

  transition: 0.3s;

}





/*Styling Selectbox*/

.dropdown {

  width:300px;

  display: inline-block;

  background-color: #fff;

  border-radius:30px;

  box-shadow: 0 0 2px rgb(204, 204, 204);

  transition: all .5s ease;

  position: relative;

  font-size: 16px;

  color: #474747;

  height: 100%;

  text-align: left;

  outline:none;

}

.dropdown .select {

    cursor: pointer;

    display: block;

    padding: 10px 20px;

    outline:none;

}

.dropdown .select > i {

    font-size: 13px;

    color: #888;

    cursor: pointer;

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

    float: right;

    line-height: 20px;

    display:none;

}

/*.dropdown:hover {

    box-shadow: 0 0 4px rgb(204, 204, 204)

}*/

.dropdown:active {

    background-color: #f8f8f8;

    outline:none;

}

.dropdown.active:hover,

.dropdown.active {

/*    box-shadow: 0 0 4px rgb(204, 204, 204);*/

    background-color: #f8f8f8;

    outline:none;

}

.dropdown.active .select > i {

    transform: rotate(-90deg)

}

.dropdown .dropdown-menu {

    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    margin-top: 1px;

    border-radius: 10px;

    overflow: hidden;

    display: none;

    max-height: 144px;

    overflow-y: auto;

    z-index: 9;

    border: 0;

    outline:none;

}

.dropdown .dropdown-menu li {

    padding:9px 20px;

    transition: all .2s ease-in-out;

    cursor: pointer;

    outline:none;

    font-size:15px;

} 

.dropdown .dropdown-menu {

    padding: 0;

    list-style: none;

    outline:none;

}

.dropdown .dropdown-menu li:hover {

    background-color: #57034b;

    color:#fff;

    outline:none;

}

.dropdown .dropdown-menu li:active {

    background-color: #57034b;

    color:#fff;

    outline:none;

}

.main-timeline10 .post{ 
    color:#563792;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 0 6px 0;
    margin: 0;
    font-style: italic;
    font-family: 'Cormorant Garamond', serif;
}

.td_box h5{
    font-size: 22px;
    padding-top: 25px;
    color: #2b1457;
    font-weight: 600;
    font-family: 'Philosopher', sans-serif;
}

.d_close{

  position: absolute;

  top: 16px;

  right: 16px;

  z-index:9;

}

.tab p{
    font-size: 16px;
    color: #372b4f;
}

.tab img{

  max-width:100%;

  padding: 0;

  margin: 0;

}

 .tab {

  display: none;

}

 .next_step{

  background-color: #f87da9;

  color: #ffffff;

  border: none;

  padding:8px 30px;

  font-size: 16px;

  cursor: pointer;

  border-radius: 30px;

  float:right;

}

 .next_step:hover {

  opacity: 0.8;

}

 .prev_step {

  background-color: #bbbbbb;

  color: #ffffff;

  border: none;

  padding:8px 30px;

  font-size: 16px;

  cursor: pointer;

  border-radius: 30px;

  float:left;

}

 .step {

  height:25px;

  width:25px;

  margin: 0 2px;

  background-color: #bbbbbb;

  border: none;  

  border-radius: 50%;

  display:flex;

  align-items: center;

  opacity: 0.5;

  position: relative;

  z-index: 2;

  color:#fff;

}

.rew{

  display:block;

  text-align: center;

  width:100%;

}

.steprow{

  padding: 0 0 40px 0;

  margin: 0;

}

.steprow li{

  display:inline-block;

  list-style:none;

  padding: 0 30px 0 0;

  margin:-2px;

  position: relative;

}

.steprow li:after{

  content: "";

  position: absolute;

  top: 11px;

  left: 12px;

  width: 100%;

  height: 1px;

  background: #dddddd;

}

.steprow li:last-child:after{background:none;}



.steprow li:last-child{ padding: 0; }

.step.active {

    opacity: 1;

    background: #fb4e90;

}

.step.finish {

  background-color:#f35d97;

}

.sterope{

  border-radius: 0;

  background-color: #f87da9;

  color: #ffffff;

  border: none;

  padding: 10px 30px;

  border-radius: 30px;

  display: inline-block;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 500;

  margin: 20px 0 0 0;

}





.apple_ter{

  padding: 0;

  margin: 0;

}

.apple_ter li{

    display: inline-block;

    padding: 0 10px 20px 0;

    margin: 0;

}

.apple_ter li [type="radio"]:checked,

.apple_ter li [type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

.apple_ter li [type="radio"]:checked + label,

.apple_ter li [type="radio"]:not(:checked) + label

{

  position: relative;

  cursor: pointer;

  line-height:15px;

  display: block;

  color:#72727d;

  border: 1px solid #e4dede;

  box-sizing: border-box;

  max-width:300px;

  height:35px;

  padding: 10px 20px 10px 40px;

  border-radius: 48px;

  font-size: 16px;

}

.apple_ter li [type="radio"]:checked + label:before,

.apple_ter li [type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 6px;

    top: 5px;

    width: 24px;

    height: 24px;

    border:none;

    border-radius: 100%;

    background:#faf2f2;

}

.apple_ter li [type="radio"]:checked + label:after,

.apple_ter li [type="radio"]:not(:checked) + label:after {

  content: '\f00c';

  width: 24px;

  height: 24px;

  background: #F87DA9;

  font-family: "FontAwesome";

  position: absolute;

  top: 6px;

  left: 6px;

  border-radius: 100%;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

  color: #fff;

  font-size: 16px;

  line-height: 25px;

  text-align: center;

}

.apple_ter li [type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.apple_ter li [type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.communities{

  line-height:20px;

}

.communities li{

  display:block;

  padding: 0;

}

.communities li [type="radio"]:checked + label, .communities li [type="radio"]:not(:checked) + label{

  width:100%;

}

.marriage_box li [type="radio"]:checked + label, .marriage_box li [type="radio"]:not(:checked) + label{
  max-width: 172px;
}



.grbox{

  width:75%;

  margin:0 auto;

  padding:0 0 20px 0;

}

.first_step{
  width: 100%;
    height: 42px;
    padding: 10px 15px;
    margin: 0 0 12px 0;
    box-sizing: border-box;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 7px;
    line-height: 20px;
    outline: none;
    line-height: 22px;
}

.grbox h6{

  font-size: 22px;

  color:#372b4f;

  font-weight: 500;

  line-height: 25px;

  padding: 0px 0 15px 0;

  margin: 0;

}

.data_boxc{

  padding: 0;

  margin: 0;

}

.data_boxc li{

  width: 32%;

  padding: 0 20px 0 0;

  margin: 0;

  display: inline-block;

}

.data_boxc li:last-child{

  padding:0;



}



.form-area {

    background-color: #fff;

    box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);

    padding: 40px;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.form-area .form-inner {

    width: 100%;

}

.form-control {

    display: block;

    width: 100%;

    height: auto;

    padding: 15px 19px;

    font-size: 1rem;

    line-height: 1.4;

    color: #475F7B;

    background-color: #FFF;

    border: 1px solid #DFE3E7;

    border-radius: .267rem;

    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.form-control:focus {

    color: #475F7B;

    background-color: #FFF;

    border-color: #5A8DEE;

    outline: 0;

    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);

}

.intl-tel-input,

.iti{

  width: 100%;

}



.profile_boxc{

  background:#fff;

  border-radius: 10px;

  padding:70px 50px;

  margin:90px 0;

  box-shadow: 1px 2px 26px 0px rgba(0,0,0,0.27);

  -webkit-box-shadow: 1px 2px 26px 0px rgba(0,0,0,0.27);

  -moz-box-shadow: 1px 2px 26px 0px rgba(0,0,0,0.27);

}
.ert_text{
  padding: 20px;
  -webkit-box-shadow: 1px 2px 26px 0px rgb(0 0 0 / 10%);
}
.overprofiles img{
    width: 100%;
    height: 340px;
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.bfg{
  text-align: center;
}
.bfg img{
  width:100%;
  padding:0 0 20px 0;
}
.bfg p{
  font-size: 18px;
    color:#372b4f;
    padding: 0 0 15px 0;
    margin: 0;
}
.bfg a{
      cursor: pointer;
    padding: 5px 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: linear-gradient(270deg,#f0679e,#fd468b);
    border-radius: 5px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    transition: 0.3s;
}

.bgrtu{
      border: none;
    background: #f87da9;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.5s ease;
    padding: 12px 40px;
}
.shortlist{
  padding: 0;
  margin: 0;
}
.shortlist li{
    display: inline-block;
    font-size: 16px;
    color: #929292;
    padding: 0 20px 0 0;
    margin: 0;
}
.shortlist li .fa{ padding:0 10px 0 0;     cursor: pointer;}

.profile_width{

  width:85%;

  margin:0 auto;

}

.profile_boxc h4{

  font-size:32px;

  font-weight: 500;

  line-height: 50px;

  color: #000;

  margin-bottom: 25px;

  position: relative;

  text-align: center;

}

.hide_showt{

  display: none;

}

.yes_brtq{

  padding:8px 0 20px 0;

  margin: 0;

  display:inline-block;

}

.yes_brtq li{

  display:inline-block;

  padding: 0 20px 0 0;

  margin: 0;

}



.yes_brtq .option{

    background: #fff;

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    margin: 0;

    border-radius: 5px;

    cursor: pointer;

    padding: 0 10px;

    border:1px solid #ddd;

    transition: all 0.3s ease;

}

.yes_brtq .option .dot{

  height: 20px;

  width: 20px;

  background:#ddd;

  border-radius: 50%;

  position: relative;

}

.yes_brtq .option .dot::before{

  position: absolute;

  content: "";

  top: 4px;

  left: 4px;

  width: 12px;

  height: 12px;

  background:#50303b;

  border-radius: 50%;

  opacity: 0;

  transform: scale(1.5);

  transition: all 0.3s ease;

}

.yes_brtq input[type="radio"]{

  display: none;

}

#option-1:checked:checked ~ .option-1,

#option-2:checked:checked ~ .option-2{

  border-color:#f87da9;

  background:#f87da9;

}

#option-1:checked:checked ~ .option-1 .dot,

#option-2:checked:checked ~ .option-2 .dot{

  background: #fff;

}

#option-1:checked:checked ~ .option-1 .dot::before,

#option-2:checked:checked ~ .option-2 .dot::before{

  opacity: 1;

  transform: scale(1);

}

.yes_brtq .option span{

  font-size: 20px;

  color:#50303b;

  padding:0 0 0 10px;

}

#option-1:checked:checked ~ .option-1 span,

#option-2:checked:checked ~ .option-2 span{

  color: #fff;

}



.html_radio_bottom {

  display: flex;

  cursor: pointer;

  font-weight: 500;

  position: relative;

  overflow: hidden;

  margin-bottom: 0.375em;

}

.html_radio_bottom .ht_radio {

  position: absolute;

  left: -9999px;

}

.html_radio_bottom .ht_radio:checked + span {

  background-color:#f87da9;

  color:#fff;

}

.html_radio_bottom .ht_radio:checked + span:before {

  box-shadow:inset 0 0 0 0.4375em #50303b;

}

.html_radio_bottom span {

  display: flex;

  align-items: center;

  padding: 0.375em 0.75em 0.375em 0.375em;

  border-radius: 99em;

  transition: 0.25s ease;

}

.html_radio_bottom span:hover {

  background-color: #d6d6e5;

}

.html_radio_bottom span:before {

  display: flex;

  flex-shrink: 0;

  content: "";

  background-color: #fff;

  width: 1.5em;

  height: 1.5em;

  border-radius: 50%;

  margin-right: 0.375em;

  transition: 0.25s ease;

  box-shadow: inset 0 0 0 0.125em #00005c;

}



.tooltip_box {

  position: relative;

  text-align: center;

}

.tooltip_box .tooltip {

  background: #2c2c2c;

  bottom: -82px;

  color: #fff;

  display: block;

  left: 0;

  margin-bottom: 0;

  opacity: 0;

  padding: 8px 10px;

  position: absolute;

  width: 300px;

  left: -10px;

  right: 0;

  border-radius: 10px;

  line-height: 20px;

}

.tooltip_box .tooltip:before {

  bottom: -20px;

  content: " ";

  display: block;

  height: 20px;

  left: 0;

  position: absolute;

  width: 100%;

}

.tooltip_box:hover .tooltip {

opacity: 1;

pointer-events: auto;

-webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

   -o-transform: translateY(0px);

    transform: translateY(0px);

}

.continue_next{

  background-color: #f87da9;

  color: #ffffff;

  border: none;

  padding:10px 30px;

  border-radius: 30px;

  display:inline-block;

  font-size:16px;

  text-transform: uppercase;

  font-weight:500;

  margin:20px 0 0 0;

}



.switch-wrapper {

  position: relative;

  display: inline-flex;

  padding: 0;

  border: 1px solid lightgrey;

  border-radius: 30px;

  background: var(--white);

}



.switch-wrapper [type="radio"] {

  position: absolute;

  left: -9999px;

}



.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],

.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {

  color:#fff;

}



.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,

.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {

  background: transparent;

}



.switch-wrapper

  [type="radio"]:checked#monthly

  + label[for="yearly"]

  ~ .highlighter {

  transform: none;

}



.switch-wrapper

  [type="radio"]:checked#yearly

  + label[for="monthly"]

  ~ .highlighter {

  transform: translateX(100%);

}



.switch-wrapper label {

  font-size: 16px;

  z-index: 1;

  min-width: 80px;

  line-height: 32px;

  cursor: pointer;

  border-radius: 30px;

  transition: color 0.25s ease-in-out;

  text-align: center;

  height: 37px;

  padding: 3px 10px;

}



.switch-wrapper label:hover {

  background: var(--lightgray);

}



.switch-wrapper .highlighter {

  position: absolute;

  top: 4px;

  left: 4px;

  width: calc(50% - 4px);

  height: calc(100% - 8px);

  border-radius: 30px;

  background:#f87da9;

  transition: transform 0.25s ease-in-out;

}

table .hide {

  display: none;

}

.me1_tables{

  width:100%;

}

.monthly_bt{

  padding: 0;

  margin: 0;

}

.monthly_bt li{

  display:inline-block;

  font-size: 22px;

  color: #000;

  font-weight: 500;

  line-height: 26px;

  padding: 0 0 20px 0;

  margin: 0;

}

.monthly_bt li:last-child{ float:right; }

.here_timer{

  height:200px;

}

.consumer{

  display:inline-block;

  padding: 0;

  margin: 0;

}

.consumer li{

  display:inline-block;

  padding: 0;

  margin: 0;

}



.avatar-upload {

  position: relative;

  /*max-width:250px;*/

  margin:20px auto;

}

.avatar-upload .avatar-edit {
  margin:0 auto;
  text-align:center;
  margin-top:25px;
}

.avatar-upload .avatar-edit input {

  display: none;

}

.avatar-upload .avatar-edit input + label {
    display: inline-block;
    margin-bottom: 0;
    background: #f87da9;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    padding: 8px 25px;

}

.avatar-upload .avatar-edit input + label:hover {

  background: #f1f1f1;

  border-color: #d6d6d6;

}

/*.avatar-upload .avatar-edit input + label:after {

  content: "\f040";

  font-family: 'FontAwesome';

  color: #757575;

  position: absolute;

  top:5px;

  left: 0;

  right: 0;

  text-align: center;

  margin: auto;

}
*/
.avatar-upload .avatar-preview {

  width: 150px;

  height: 150px;

  position: relative;

  border-radius: 100%;

  border: 6px solid #e2e2e2;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);

  margin:0 auto;

}

.avatar-upload .avatar-preview > div {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.computer_upload{

  padding: 0;

  margin: 0;

}

.computer_upload li{

  display:block;

  padding: 0;

  margin: 0;

}

.computer_upload li a{

  background-color: #f87da9;

  color: #ffffff;

  border: none;

  padding: 10px 30px;

  border-radius: 30px;

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  margin:0px 0 10px 0;

  width: 260px;

  text-align: center;

  border: 1px solid transparent;

}

.computer_upload li a .fa{

  padding:0 5px 0 0;

}

.computer_upload li a.active{

  background: none;

  color: #746f6f;

  border: 1px solid #746f6f;

}

.computer_upload li a:hover{

    background: #f87da9;

    color:#fff;

    border: 1px solid transparent;

}

.closeruper{

  padding:0;

  margin: 0;

}

.closeruper li{

  display: inline-block;

  width:30%;

  padding:0 15px 0 0;

  margin: 0;

}

.closeruper li h4{ 

  font-size: 16px; 

  padding: 0;

  margin: 0;

}

.closeruper li h4 .fa{ padding: 0 5px 0 0; color: #00dd35; }

.closeruper li h4 .red{ color:#f85292; }

.closeruper li img{

  width:100%;

}

.ckbox h3{

  font-size:26px;

  font-weight: 500;

  line-height:40px;

  color: #000;

  margin:25px 0 10px 0;

  text-align:left;

}

.closeruper123{

  padding:20px 0 0 0;

  margin: 0;

}

.closeruper123 li{

  display:inline-block;

  padding: 0;

  margin: 0;

}

.closeruper123 img{

  width:50px;

  float: left;

  padding:0 10px 0 0;

}

.closeruper123 li a{ color:#f85292; }

.ckbox p .fa{ color:#00dd35; padding-right:10px; }

.ckbox p .red{ color:#f85292; }

.your_photo{

  padding: 0;

  margin: 0;

}

.your_photo li{

  display:block;

  padding:0 0 10px 0;

  margin: 0;

}

.your_photo li .fa{

  padding:0 10px 0 0;

}



.creative{

  padding: 0;

  margin: 0;

}

.creative h3{

      font-size: 26px;

    font-weight: 500;

    line-height: 40px;

    color: #000;

    margin:0px 0 10px 0;

    text-align: left;

}

.creative ul{

  padding: 0;

  margin: 0;

}

.creative ul li{

  display: inline-block;

  padding:0 15px 20px 0 ;

  margin: 0;

}

.creative ul li a{

  display:block;

  border: 1px solid #ddd;

  border-radius: 30px;

  padding:8px 20px;

  margin: 0;

}

.creative ul li a img{

  width: 20px;

  height: 20px;

  object-fit: contain;

  margin: -4px 0 0 0;

}

.creative ul li a:hover{

  background:#ddd;

}

.save_continue{

  background-color: #f87da9;

    color: #ffffff;

    border: none;

    padding: 10px 30px;

    border-radius: 30px;

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

    margin: 20px 0 0 0;

}



label {
  padding: 4px 6px;
  line-height: 190%;
  outline-style: none;
  transition: all .6s;
  color: #372b4f;
}



.hiddenCB div {

  display: inline;

  margin: 0;

  padding: 0;

  list-style: none;

}



.hiddenCB input[type="checkbox"],

.hiddenCB input[type="radio"] {

  display: none;

  

}





.hiddenCB li{

    display: inline-block;

    padding: 0 15px 20px 0;

    margin: 0;

}

.hiddenCB li img{

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin: 0;

}

.hiddenCB label {

  cursor: pointer;

  display: flex;

  border: 1px solid #ddd;

  border-radius: 30px;

  padding: 5px 20px;

  margin: 0;

  position: relative;

  align-items: center;

}

.hiddenCB label img{

  margin:0 7px 0 0;

}

.hiddenCB input[type="checkbox"]+label:hover{

  background:#ddd;

}



.hiddenCB input[type="checkbox"]:checked+label {

    background: #e4237c;

    color: #fff;

    display: flex;

}

.active_w_1{ 

  display:none;

}

.hiddenCB input[type="checkbox"]:checked+label .non_active{ display: none;}

.hiddenCB input[type="checkbox"]:checked+label .active_w_1{

  display:block;

}



.hiddenCB input[type="checkbox"]:checked+label:hover{

  background: rgba(0, 128, 128, 0, .7);

}



#myself{

    display: none;

}

#myfriend{

    display: none;

}

#myrelative{

    display: none;

}

.candidate{
  font-size:25px;
  color:#372b4f;
  font-weight:500;
  line-height: 26px;
  text-align: center;
  padding:10px 0 20px 0;
  margin: 0;
  text-transform: capitalize;
}
.college{
  padding: 0;
  margin: 0;
}
.college li{
  display:inline-block;
  width:49%;
  padding: 0;
  margin: 0;
}
.h_hight{ height:80px; }
.over_text{
  padding: 0 0 0 10px;
  margin: 0;
}
.over_text h4{
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
    color:#372b4f;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: left;
}
.idnumber{
  padding: 0 0 15px 0;
  margin: 0;
}
.idnumber li{
    display: inline-block;
    font-size: 16px;
    color:#372b4f;
    padding: 0 12px 0 0;
    margin: 0;
}
.ourdtext{
    padding: 0 0 12px 0;
  margin: 0;
}
.ourdtext li{
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 10px;
  color: #929292;
  padding: 0 0px 20px 0;
  margin: 0;
}
.text_imgh{
  padding: 0 10px 0 0;
  margin: 0;
}

.verified{
  padding:10px 0 20px 0;
  margin: 0;
}
.verified li{
  display: inline-block;
  font-size: 14px;
  line-height: 17px;
  color: #929292;
  padding: 0 12px 0 0;
  margin: 0;
  text-align: center;
}
.verified li img{
  padding:0 0 8px 0;
}
.verified li span{
  display: block;

}
.btrtext h3{
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  color:#372b4f;
  padding: 0 0 10px 0;
  margin: 0;
  text-align: left;
}
.btrtext p{
  display: inline-block;
  font-size: 16px;
  color:#372b4f;
  padding: 0 0 15px 0;
  margin: 0;
}
.normal_age{
  padding:20px 0 0 0;
  margin: 0;
}
.normal_age li{
  display:block;
  width:100%;
  font-size: 16px;
  line-height: 22px;
  color:#372b4f;
  padding: 0 12px 20px 0;
  margin:0 0 0;
}
.basic1 img{
  margin:0 10px 0 0;
}
.basic2{
    width:30%; 
    display: inline-block;
    font-weight: 500;
    color:#372b4f;
    float: left;
}
.basic3{width:30%; display: inline-block;}
.partner{
    border-radius: 8px;
    padding: 5px 16px;
    background-color: #f1f1f1;
    display: inline-block;
    margin:10px 0 0 0;
}
.partner li{
  display: inline-block;
  padding:0 15px 0 0;
  margin: 0;
}
.partner li span{ color: #f0679e; }
.manter{
  width:75px;
  height:75px;
  border-radius:100%;
}
.manter img{
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius:100%;
}
.similar{
  padding: 12px 0 0 0;
  margin: 0;
}
.similar li{
    display: flex;
    padding:0;
    margin: 0 0 25px 0;
    align-items: center;
}
.imgbvt{
  float:left;
  width:200px;
  padding: 0;
  margin: 0;
}
.imgbvt img{
  width:100%;
  border-radius:8px;
}
.goyal{
  float:left;
  padding:0 0 0 20px;
  margin: 0;
}
.goyal p{
    font-size: 16px;
    color:#372b4f;
    padding: 0 0 15px 0;
    margin: 0;
}
.goyal a{
  cursor: pointer;
  padding: 5px 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  background: linear-gradient(270deg,#f0679e,#fd468b);
  border-radius: 5px;
  margin: 0;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 0.8px;
  transition: 0.3s;
}
.dropdown124 {
  position: relative;
  display: inline-block;
}
.dropdown-content124 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 6px 6px;
}
.dropdown124:hover .dropdown-content124{
  display: block;
}
.dropdown-content124 a{
    display: block;
    padding: 6px 6px;
}
.dropdown-content124 a:hover{
    background: #f1f1f1;
    color:#000;
}

#nextBtn{
  border: none;
  background:linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%);
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  transition: 0.5s ease;
  padding: 10px 30px;
  width: 100%;
}
.sign_up12{
  border: none;
  background:linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%);
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  transition: 0.5s ease;
  padding: 10px 30px;
  width: 100%;
}
#prevBtn{
    color: #7f7f7f;
    border: none;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    height: 30px;
    left: 0;
    top: -11px;
    width: 30px;
    background: none;
    margin: 0;
    padding: 0;
}
.love_experts{
  padding: 0;
  margin: 0;
}
.love_experts li span{
  font-size:18px;
  line-height: 23px;
  color: #000;
  font-weight: 500;
}
.love_experts li{
  font-size: 16px;
  line-height:23px;
  color: #72727d;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 0 0 0 25px;
  list-style:none;
  position: relative;
}
.love_experts li:after{
  content:"\f00c";
  position: absolute;
  top: 0;
  left: 0;
  font-family:"FontAwesome";
  font-size:16px;
  color:#b90eb0;
}

.homeicon{
    margin: 0 0 30px 0;
    text-align: center;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    box-shadow: 0px 3px 4px #ffdde7;
    min-height: 250px;
    padding: 0 8px;
    border-radius: 15px;
    transition: 0.3s;
}
.g_hide{
    height: 220px;
    overflow: hidden;
    transition: 0.3s;
}
.g_hide:hover{ overflow-y: scroll;}
.g_hide::-webkit-scrollbar {
    width:5px;
}
.g_hide::-webkit-scrollbar-track {
    background-color: #ffdde7;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.g_hide::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#f279b3; 
}
.homeicon:hover {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}
.sconind_boxs:hover{
      -webkit-transform: translateY(-0px);
    -ms-transform: translateY(-0px);
    transform: translateY(-0px);
}
.homeicon .homeicon_img{
  position: relative;
  display: block;
  width:80px;
  height:80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 auto 10px;
}
.homeicon .homeicon_img img{
  width:100%;
  height:70px;
  object-fit: contain;
}
.homeicon .homeicon_img:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 170%;
    height: 170%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-box-shadow: 0 -15px 15px 0 rgba(86,153,196,.1);
    box-shadow: 0 -15px 15px 0 rgba(86,153,196,.1);
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.homeicon:hover .homeicon_img:before {
    opacity: 1;
}

.homeicon_text p{
  font-size: 16px;
  color:#372b4f;
  font-weight: 500;
  line-height:24px;
  width:100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/*.homeicon:hover .homeicon_text p{
    max-height: 220px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}*/
.accordion-container .accordion-title {
    position: relative;
    margin: 0 0 10px 0;
    padding: 12px 20px;
    background:transparent; 
    font-size:20px;
    font-weight:600;
    color: #563792;
    cursor: pointer;
    border-radius: 30px;
    font-family: 'Philosopher', sans-serif;
    border-bottom: 1px solid #ffdde7;
    transition:all 500ms ease-in-out;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open { 
    background:linear-gradient(274deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%);
    color: #fff;
    border-radius: 30px;
}
.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 25px;
  right: 25px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color:#563792;
}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top:12px;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}

/*CSS for CodePen*/

.accordion-content{
  padding:0 15px;
}
.accordion-content p{
  color:#513882;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  padding: 0 0 15px 0;
  margin: 0;
}
.know{
  cursor: pointer;
  padding: 10px 26px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(270deg,#f0679e,#fd468b);
  border-radius: 5px;
  margin:15px 0px 0 0;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 0.8px;
  transition: 0.3s;
  display:none;
}
.about_titile{
  padding:70px 0;
  margin: 0;
  position: relative;
  background:linear-gradient(184deg, rgb(255 232 232 / 82%) 0%, rgb(0 212 255 / 0%) 100%);
}
.about_titile .container{ position: relative; z-index: 9; }
.about_titile:after{
  content: "";
  background: url(../img/testimonials/bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}


.about_titile .ul_box_me{
  background:#372b4f;
  height:100%;
  padding:40px;
  margin: 0;
}

.profile_box1{
    padding:0;
}
.profile_box1 img{
    max-width: 100%;
    object-fit: cover;
    margin: 0 0 30px 0;
    border-radius: 35px;

}
#sidebarWrap {
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
}
#sidebar {
    position:relative;
    width:100%;
    padding: 20px;
    box-shadow:0px 3px 4px #ffdde7;
    border-radius: 10px;
    background: url(../img/testimonials/b1.png) #fff;
    background-repeat: no-repeat;
    background-size: 43%;
    background-position: center right;
}
#sidebar.fixed {
    position: fixed;
    top:90px;
    width:380px;
}
.konw_boxv{ 
    padding: 20px;
    box-shadow:0px 3px 4px #ffdde7;
    border-radius: 35px;
}
.konw_boxv h4{
  font-size: 28px;
  font-weight: 600;
  color: #291947;
  margin-bottom: 20px;
  padding: 7px 0 13px 0;
  text-transform: capitalize;
  position: relative;
  border-bottom: 2px solid #eee;
      font-family: 'Philosopher', sans-serif;
}
.konw_boxv h4:after{
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0px;
  display: inline-block;
  width:30%;
  height:2px;
  background:#ff9fbb;
}
.konw_boxv p{
    font-size: 16px;
    line-height: 26px;
    color:#372b4f;
    font-weight:500;
    margin-bottom: 10px;
    padding: 0;
    line-height: 26px;
}
.page-section{
  padding:0;
}
.navigation__link {
  display: block;
  color: #2b1457;
  text-decoration: none;
  padding: 8px 20px;
  font-weight:600;
  position: relative;
  font-family: 'Philosopher', sans-serif;
  font-size: 18px;
  background: #ffdddd61;
  border-bottom: 1px solid #fff;
  transition:all 500ms ease-in-out;
}
.navigation__link:hover {
  background-color:#ff9fbb;
  color: #fff;
  border-radius:5px;
}
.navigation__link.active {
color: #ffffff;
    background-color: #ff9fbb;
    border-radius: 5px;
}
.navigation__link.active:after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  width: 5px;
  height: 100%;
  background: #e4237c;
  border-radius: 5px;
}

.gerd{
  background:linear-gradient(184deg, rgb(255 234 234 / 49%) 0%, rgb(255 194 219 / 79%) 100%);
  border-radius:5px;
  padding:30px 20px;
  margin:35px 0 0px 0;
}
.gerd a{
    cursor: pointer;
    padding: 10px 26px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(270deg,#f0679e,#fd468b);
    border-radius: 5px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    transition: 0.3s;
}
.gerd h5{
    font-size: 38px;
    font-weight:600;
    color: #291947;
    margin-bottom: 0;
    padding: 0;
    text-transform: capitalize;
    font-family: 'Philosopher', sans-serif;
}
.k_j1{
  text-align: right;
}
/*.c_kj{
  background:#fff;
  box-shadow: 0 16px 26px rgba(0,0,0,.08), 0 6px 30px 
  rgba(0,0,0,.06), 0 8px 10px rgba(0,0,0,.06);
  border-radius: 20px;
  padding:20px;
}*/
.c_kj h4{
  text-transform: uppercase;
  text-align:left;
  padding:0 0 15px 0;
}
.n_bt{
  padding: 0;
  margin: 0;
}
.n_bt li{
  display:inline-block;
  padding: 0 0 10px 0px;
  margin: 0;
}
.n_bt li span{ 
  font-size:17px;
  font-weight:500;
  color:#444242;
  padding: 0;
  text-transform: capitalize; 
  float: left;
  line-height:28px;
}
.puja{
  float: left;
  border:0;
  height:30px;
  color:#444242;
  outline:none;
  font-size:16px;
  padding:0 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.sub123{
      cursor: pointer;
    padding: 10px 26px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: linear-gradient(270deg,#f0679e,#fd468b);
    border-radius: 5px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    transition: 0.3s;
    border:none;
}
.arises_bax{
  padding:60px 0;
  margin: 0;
}
.arises_img img{
  width:100%;
  height:500px;
  object-fit: cover;
  margin:0 0 35px 0;
}
.arises_img h4{
  font-size:40px;
  font-weight: 600;
  line-height: 50px;
  color: #372b4f;
  margin-bottom: 10px;
  font-family: 'Philosopher', sans-serif;
  text-transform: capitalize;
}
.arises_img h5{
  font-size:22px;
  font-weight: 500;
  line-height: 50px;
  color: #372b4f;
  margin-bottom:20px;
  padding: 0;
  text-transform: capitalize;
}
.arises_img p{
  font-size: 16px;
    line-height: 26px;
    color: #372b4f;
    font-weight:500;
    margin-bottom: 10px;
    padding: 0;
    line-height: 26px;
}
/*.homeicon_text h4{*/
/*  font-family: 'Philosopher', sans-serif;*/
/*  text-transform: capitalize;*/
/*  font-size:19px;*/
/*}*/
.servies_boxq{
  padding: 0;
  margin: 0;
  position: relative;
}
.servies_boxq p{
  color: #372b4f;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 0 0 20px 0;
  margin: 0 auto;
}
.fr_3 p{
  color: #372b4f;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  padding: 0 0 60px 0;
  margin: 0 auto;
  width: 80%;
}
.a_12{
  padding: 0;
  margin:0 0 0 20px;
}
.a_12 li{
  color: #372b4f;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  padding: 0 0 10px 5px;
  margin: 0;

}
/*.a_12 li:after{
  content:"\f00c";
  position: absolute;
  top: 0;
  left: 0;
  font-family:"FontAwesome";
  font-size:15px;
}*/
.testimonials .owl-nav{
  position: absolute;
  top:45%;
  width: 100%;
}
.testimonials .owl-carousel .owl-nav button.owl-prev{
  font-size: 47px;
  position: absolute;
  left: -25px;
}
.testimonials .owl-carousel .owl-nav button.owl-next{
  font-size: 47px;
  position: absolute;
  right: -25px;
}
/*.ben_12{
  background:url(../img/testimonials/b1.png);
  background-size:cover;
  background-repeat:no-repeat;
  padding: 0;
  margin: 0;
}*/
.ben_12 img{
    height:420px;
    width:290px !important;
    border-radius: 150px;
    object-fit: cover;
    margin: 0 auto;
    border:3px solid #ba74ab;
    padding: 14px;
    float: right;
}

.box8{overflow:hidden; margin: 0 0 35px 0;}
/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{position:relative}
.box8 img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 5px;
}
.box8 .box-content{
    width: 100%;
    height: 100%;
    background:#372b4fcc;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: all .5s ease 0s;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
}
.box8 .box-content p{
  font-size:16px;
  color:#fff;
  line-height:24px;
}
.box8 .icon li a,.box8 .title{    
  background:#e4237c;
  font-size: 20px;
  color: #fff;
  font-style: italic;
font-family: 'Ageya';
  }
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{    padding: 5px 7px;
    border-radius: 5px;
    font-weight: 500;
    bottom: 20px;
    left: 20px;
    transition: all .9s ease 0s;
}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

.realm{
    background: #e4237c26;
    padding: 25px;
    margin: 20px 0 0 0;
    box-sizing: border-box;
    border-radius:100px;
    text-align: center;
}
.realm h4{
    font-size: 35px;
    font-style: italic;
 font-family: 'Ageya';
    padding:0 0 10px 0;
}
.realm h5{
    font-size: 25px;
    font-style: italic;
font-family: 'Ageya';
    padding:0 0 5px 0;
}
.b_ht{
    background:url(../img/about/g1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
.ht_12{
  z-index:9;
  position: relative;
}
.b_ht:after{
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    background: url(../img/testimonials/bg-2.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    height: 300px;
    width: 100%;
    opacity: 0.1;
}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0, 0.5);
  z-index: 100;
  display:none;
}
.member_123{
  font-size: 16px;
  color: #72727d;
  font-weight: normal;
  padding:8px 0 0 0;
  margin:0;
}
.member_123 a{color: #e4237c; font-weight: 500; }
.cnt223 {
  position: relative;
}
.cnt223 .close{
position: absolute;
    top:0;
    right: 0;
    padding: 10px;
/*    background: #ccaf5c;*/
    border-radius: 40px;
    color:#fff;
    font-size:25px;
}
.popup-onload{
  width: 100%;
  margin: 0 auto;
  display: none;
  position: fixed;
  z-index: 101;

}
.bg-i{
    padding: 0px 10px;
    overflow: hidden;
    background: linear-gradient(180deg, rgb(55 43 79) 20%, rgb(120 4 103) 100%), url(../img/about/g1.png);
    min-height: auto;
}
.cnt223{
  max-width: 600px;
  position: relative;
  z-index: 103;
  padding: 0;
  border-radius: 5px;
  position: fixed;
  bottom: 3px;
  right:0;
  width: 100%;
}
.imgb_12 img{
  width:100%;
  object-fit: cover;
}
/*.imgb_12{
  background: #cf196d;
  border-radius: 10px 0px 0px 10px;
}*/
.pl_0{
  padding: 0;
}
/*.nr3{
  background:#6f0938;
      border-radius: 0px 10px 10px 0px;
}*/
.free_1{
  text-align: center;
  padding:20px;
}
.free_1 h4{
    font-size: 28px;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
    margin-bottom:0px;
    font-family: 'Philosopher', sans-serif;
    text-transform: uppercase;
}
.free_1 a{
    cursor: pointer;
    padding: 13px 40px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    background-color: #e4237c;
    border-radius: 30px;
    margin: 16px 0 0 0;
    transition:all 500ms ease-in-out;
}
.free_1 a:hover{background: #ccaf5c;}
.cnt223 p{
    color:#cd9191;
    transition: 0.3s;
    font-size:20px;
    font-weight:400;
    line-height:30px;
    padding: 0 0 15px 0;
    margin: 0;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
.abouts_slider_boxt{
  position: relative;
}
.abouts_slider_boxt:after{
      content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background:url(../img/testimonials/b1.png);
    background-repeat: no-repeat;
    background-size: 43%;
    background-position: center right;
    width: 55%;
    height: 400px;
    opacity: 0.5;
}

.about_slider_img{
  position: relative;
  background:linear-gradient(90deg, rgb(255 94 168 / 77%) 0%, rgb(242 121 179) 100%), url(../img/about/fd1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  background-attachment: fixed;
  min-height:350px;
  display: flex;
  align-items: center;
}

.about_slider_img img{
    width: 100%;
    height:550px;
    object-fit: cover;
}
/*.in_box{
  background:#ff087a75;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}*/
.in_box h4{ 
    font-size: 35px;
    font-weight: 600;
    line-height: 40px;
    color: #2b1457;
    margin-bottom: 20px;
    font-family: 'Philosopher', sans-serif;
    text-transform: capitalize;
}
.in_box p{
    color: #fff;
    font-size:20px;
    line-height: 34px;
    font-weight:500;
}

.pr-1{ padding: 0; }

#about_slider{
  margin-left:-70px;
box-shadow: 1px 1px 26px 4px rgba(0,0,0,0.26);
    -webkit-box-shadow: 1px 1px 26px 4px rgb(0 0 0 / 6%);
-moz-box-shadow: 1px 1px 26px 4px rgba(0,0,0,0.11);
  background:linear-gradient(90deg, rgb(255 255 255) 0%, rgb(0 212 255 / 0%) 100%);
  padding:20px;
  position:relative;
  z-index: 1;
      border-radius: 130px;
}
.abouts_slider_boxt .owl-nav{ display:none; }
.abouts_slider_boxt .owl-dots{ display:none; }
.abouts_text_slider{
  min-height:170px;
  border:2px solid #ffdde778;
  border-radius: 130px;
  padding:20px 0;
}

.abouts_text_slider p{
    color: #372b4f;
    transition: 0.3s;
    font-size: 16px;
    font-weight:500;
    line-height:27px;
    padding: 0 0 20px 0;
    margin: 0 auto;
}
.abouts_text_slider a{
      cursor: pointer;
    padding: 10px 28px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #ed93de;
    border-radius: 30px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.8px;
    transition: 0.3s;
    border:1px solid transparent;
}
.abouts_text_slider a:hover{
  color: #2b1457;
  background: #ffdde7;
  border: 1px solid #ffffff;
}
.theer_step {
    /* background: url(../img/testimonials/bg-slide10.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    padding: 55px 0;
    margin-top: -115px;
    z-index: 99;
}

.pl_3{padding: 0;}

.ther_step_text{
    background: linear-gradient(38deg, #ffbfbf 0%, #ffd8d817 100%);
    padding: 15px 30px;
    box-sizing: border-box;
    border-radius: 35px;
    box-shadow: 0px 0px 5px 2px #ffdde7;
    margin-bottom: 25px;
    text-align: center;
    display: flex;
    align-items: center;
        min-height: 272px;
}
.theer_step .row { position: relative; z-index:9; }
.frist_123{
  border-radius:0;
  position: relative;
  z-index:9;
  transition:all 500ms ease-in-out;
}
.frist_123:hover:after{
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left:0;
  display: flex;
  align-items: center;
  background: url(../img/testimonials/b1.png);
  background-repeat: no-repeat;
  background-size: 44%;
  background-position: center center;
  width: 100%;
  height: 271px;
  opacity: 0.3;
  z-index: -1;
  filter: sepia(1);
  transition:all 500ms ease-in-out;
}
.active_second:after{
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left:0;
  display: flex;
  align-items: center;
  background: url(../img/testimonials/b1.png);
  background-repeat: no-repeat;
  background-size: 44%;
  background-position: center center;
  width: 100%;
  height: 271px;
  opacity: 0.3;
  z-index: -1;
  filter: sepia(1);
  transition:all 500ms ease-in-out;
}

.second_step{
    border-radius: 0;
    background:#ffc0c0;
    margin: -20px;
    z-index: 99;
    min-height: 292px;
    box-shadow: 1px 0px 28px -1px rgba(0,0,0,0.18);
    -webkit-box-shadow: 1px 0px 28px -1px rgba(0,0,0,0.18);
    -moz-box-shadow: 1px 0px 28px -1px rgba(0,0,0,0.18);
}

/*.last_step{border-radius:0px 130px 130px 0px;}*/

.min_higt{
    min-height: 150px;
    display: flex;
    align-items: center;
}

.ther_step_text h4{
    font-size: 26px;
    font-weight: 600;
    color: #2b1457;
    position: relative;
    font-family: 'Philosopher', sans-serif;
    text-transform: math-auto;
}
.ther_step_text p{
    color: #372b4f;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: center;
}
.frist_123{    background: linear-gradient(184deg, #ffbfbf 0%, #ffd8d8 100%);}
.frist_123 p{
    min-height: 130px;

    
}

.ther_step_text a{
  cursor: pointer;
  padding: 10px 28px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background:#e4237ca8;
  border-radius: 30px;
  margin: 0;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 0.8px;
  transition: 0.3s;
  border:1px solid transparent;
}
.ther_step_text a:hover{
    color: #2b1457;
    background: #ffdde7;
    border: 1px solid #ffffff;
}
.light_box{
  padding:90px 0;
  margin: 0;  
  position: relative;
  background: url(../img/about/g1.png);
}

.light_img{position: relative;
    padding: 0px 10px;}
.light_img:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/testimonials/b1.png);
    background-repeat: no-repeat;
    background-size: 43%;
    background-position: center right;
    width: 70%;
    height: 156px;
    opacity: 0.5;
}
.light_img img{
    border-radius: 120px;
    object-fit: cover;
    border: 3px solid #ba74ab;
    padding: 10px;
    width: 100%;
}
.success_story_secone{
  padding:50px 0 35px 0;
  margin: 0;
}
.serendipity_box h4{
  font-size: 28px;
  font-weight:600;
  line-height: 50px;
  color:#2b1457;
  text-transform: capitalize;
  font-family: 'Philosopher', sans-serif;
  padding: 0;
  border-radius: 0;
  margin: 0px 0 15px 0;
}
.serendipity_box p{
  font-size: 16px;
  line-height: 26px;
  color:#372b4f;
  font-weight:500;
  margin-bottom: 10px;
  padding: 0;
  line-height: 26px;
}
.serendipity_img img{
  height:420px;
  /*width: 280px;*/
  border-radius: 130px;
  object-fit: cover;
  margin: 0 auto;
  border: 3px solid #ba74ab;
  padding: 14px;
  float: right;
}
.left_serendipity{ float: left; }
.serendipity_box{
  padding:0 0;
}
.success_story_secone{
  position: relative;
}
.success_story_secone .container{
  position: relative;
  z-index: 9;
}
.success_story_secone:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), url(../img/testimonials/flower-shape1.png);
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: center left;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.right_ty{
  position: relative;
  display: block;
}
.right_ty:after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), 
  url(../img/testimonials/flower-shape2.png);
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: center right;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.testimonials_gert{
  background: linear-gradient(184deg, rgb(255 234 234 / 49%) 0%, rgb(255 194 219 / 79%) 100%);
  padding: 20px 50px;
  border-radius: 150px;
  margin: 0 0 35px 0;
  position: relative;
  z-index: 9;
}
.testimonials_img_box img{
  width:250px;
  height:250px;
  border-radius:100%;
  object-fit: cover;
}
.wedding_contact_form {
    width: 100%;
    height: 100%;
    background: url(../img/weddding_contactbg_img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.wedding_contact_form .wedding_form_box {
    position: relative;
    width: 100%;
}
.wedding_contact_form .wedding_form_box .wedding_forminner_box {
    border-radius: 40px 0px 0px 0px;
    background: #fff;
    box-shadow: 2px 0px 26px 0px rgba(0, 0, 0, 0.06);
    padding: 55px 40px;
    height: 100%;
}
.wedding_contact_form .wedding_form_box .wedding_forminner_box .wedcontact_title_text {
    margin-bottom: 50px;
}
.wedding_contact_form .wedding_form_box .wedding_forminner_box form input {
    border-radius: 5px;
    padding: 8px 10px;
    border: 1px solid #fadcde;
    margin-bottom: 25px;
    height: 50px;
    color: #372b4f;
}
.ind22-btn {
    background-color: #372b4f;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-family: 'Philosopher';
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 40px;
    border-radius: 30px;
    transition: all 0.5s;
}

.wedding_contact_form .weddingcontact_side_box-1 {
width: 100%;
height: 100%;
display: flex;
align-items: start;
justify-content: center;
flex-direction: column;
}
.wedding_contact_form .weddingcontact_side_box-1 .wedcontactdetail_title_text {
margin-bottom: 25px;
}
.wedding_heading1 {
color: #2b1457;
font-size: 40px;
font-family: 'Philosopher';
font-weight: 400;
}
.weddingcontact_side_box-2{
  max-width: 5000px;
  margin: 0 auto;
  text-align: center;
  padding:0 55px;
}
.wedding_contact_form .weddingcontact_side_box-2 img {
  border-radius: 210px 210px 0px 0px;
  border-top: 7px solid rgba(244, 179, 183, 0.3215686275);
  border-left: 7px solid rgba(244, 179, 183, 0.3215686275);
  border-right: 7px solid rgba(244, 179, 183, 0.3215686275);
}
.wedding_contact_form .wedding_form_box .wedding_forminner_box form .wedsubmit_box {
  margin-top: 30px;
}
.weddingcontact_side_box-2 .text-center{
        display: flex;
    align-items: center;
}
.br_form{
    border-radius: 0;
    padding: 8px 0px;
    margin-bottom: 25px;
    color: #372b4f;
    width:60%;
    margin: 0;
    outline: none;
    display: inline-block;
    background: #f94f90;
    font-size: 15px;
    color: #fff;
}
.br_form:nth-child(2){
    width: 40%;
    background: #e4237c;
}
.overlay_scoling{ padding-bottom:60px; }
.profile_now{
  padding:50px 0;
  margin: 0;
  background: url(../img/about/g1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
.profile_now:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(255 94 168 / 9%) 0%, rgba(0,212,255,0) 100%), url(../img/testimonials/flower-shape1.png);
  background-repeat: no-repeat;
  background-size: 29%;
  background-position: center left;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.2;
} 
.profile_now:before{
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0;
  background: url(../img/testimonials/bg-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  height: 300px;
  width: 100%;
  opacity: 0.1;
}
.wt_bi{
  width:90%;
  margin:0 auto;
}
.profilenow_box{
  background: #fff;
  border-radius:5px;
  padding:50px;
  margin:0;
  box-shadow:0px 0px 12px 0px #ffdde7;
  position: relative;
  z-index: 99;
}
.profilenow_box h4{
  font-size:26px;
  color: #372b4f;
  line-height:28px;
  padding: 0 0 20px 0;
  margin: 0;
}
.hide_b123{display:none;}
.married_hide{  display:none;}
.sub_community{ display: none; }
.not{
  padding: 0 0 8px 0;
  margin: 0;
  font-size: 16px;
  color: #72727d;
  font-weight: normal;
}
.pdf_dwonload{
  text-align: right;
  padding: 0;
  margin: 0;
}
.pdf_dwonload li{
  display: inline-block;
  padding: 0 10px 0 0;
  margin: 0;
}
.pdf_dwonload li:last-child{ padding: 0; }
.wt_80{  width:250px; margin:0 auto; margin-top:20px; }


@media (min-width: 1900px) {
  .testimonials:after{ background-size: 50%; }
  .b_ht:after { height: 400px;}
}
@media (min-width: 1300px) {
    .homeicon { min-height: 286px;}
}


@media (max-width:1199px) {

  .header .logo { order: 0; }
  .header .btn-getstarted {  order: 2; margin: 0 15px 0 0; padding: 6px 20px; }
  .header .navmenu { order: 3; }
  /*.submit_button { top: -4px;}*/
  .banner_second .item { background-position: center !important;}
  .main-timeline10 .post { font-size: 20px;}
  .bng12_123 {min-height: 180px;}
  .about_banner { padding:100px 0;}
  .success_story { background-attachment: inherit;}

  .ther_step_text { padding: 20px 15px; min-height: 280px;}
  .banner_second video { height: 100vh; object-fit: cover;}
  #about_slider {  margin-left: -35px;}
  .in_box h4 {  font-size: 25px;}
  .in_box p { font-size: 20px; line-height: 30px;}
  
  #sidebar.fixed { width: 292px;}
  .konw_boxv h4 {font-size: 25px;}
  .gerd h5 { font-size: 33px;}
  .ther_step_text h4 { font-size: 24px;}
  .b_ht::after {height: 227px;}
  .wedding_contact_form .weddingcontact_side_box-2 img{ width:100%; }
  .aboutbox:after {background-size: cover;}
}



@media (max-width:991px) {
  .perfect h2 { font-size: 40px; line-height: 46px;}
  .perfect p {font-size: 20px;}
  .dropdown { width: 230px;}
  .header .logo img { width: 222px;}
  .support_menu li { padding: 0 30px 0 0;}
  .matched { margin: 10px 20px 0 0;}
  .become_match_maker { padding: 16px 16px;}
  .about_us_boxc p{ width:100%; }
  .section-title h2{margin: 0; line-height:35px;}
  .links_box {padding-left: 0;}
  .become_match_maker {right: -80px;}
  .ther_step_text { padding: 20px 10px; min-height: 313px;}
  .ther_step_text h4 { font-size: 24px;}
  .testimonials .item { padding: 0 0px;}
  .m_h3 { font-size: 35px;}
  #about_slider {  margin-left: 0px;}
  #sidebar.fixed { width: 245px; }
  .konw_boxv h4 { font-size: 20px; }
  .navigation__link { font-size: 16px;}
  .gerd h5 { font-size: 25px;}
  .gerd a { padding: 10px 13px;}
  .light_img {  margin: 0 auto; text-align: center;}
  .light_img img{ float:none; }

  .b_ht::after {  height: 166px; }
  .m_h_4 { font-size: 30px;}
  .services_img img { height: auto;}
  .testimonials_img_box img { width: 200px; height: 200px;}
  .aboutbox:after {background-size: cover;}
  .modal-content { padding: 20px;}

}



@media (max-width:767px) {

  .banner_second .item { height:500px;}
  .ban_text { min-height: 500px;}
  .support_menu li form{ display: none; }
  .section-title h2 { margin: 0 0 16px 0; line-height: 30px; font-size: 30px; }
  .recent-posts {  padding-bottom:30px;}
  .s1box{ margin:0 0 35px 0; }
  .bng12_123 { min-height: auto; }

  .footer .footer-about .logo img {max-width: 100%;}
  .testimonials h4 { font-size:25px;}
  .td_box h2 { font-size: 30px; line-height: 35px;}
  .td_box{padding-top:20px;}
  .about_banner { padding: 90px 0;}
  .matchmaker { background-attachment: inherit;}
  .how { background-attachment: inherit;}
  .theer_step { margin-top:0px; padding: 60px 0 30px 0;}
  .cnt223 .close {right: 10px; z-index:99; }
  .free_1 h4 { font-size:22px; line-height: 24px; margin-bottom: 8px;}
  .cnt223 p {font-size: 14px; line-height: 24px; padding: 0 0 7px 0;}
  .about_us_boxc{  margin: 0;}
  .ed_flower { padding: 0;}
  .about_us_boxc { padding: 50px 0 40px 0;}    
  .fr_3 p {width:100%;}    
  .ben_12 img{float:none;}   
  .m_h3 { font-size: 25px; line-height: 30px;}   
  .about_us_boxc:before {padding: 0; width: 100%;}
  .accordion-container .accordion-title { font-size: 18px;}
  .testimonials:before { background-size: 70%;}
  .testimonials::after { background-size: cover;}
  .b_ht::after { background-size: cover;}
  .free_1 a {padding: 10px 34px; font-size: 16px;}
  .vbox h3 { font-size: 24px; line-height: 30px;}
  .m_h_4 { font-size: 24px;}
  .abouts_text_slider p { width: 100%;}
  #sidebar.fixed { position: relative; width: 100%; top: 0; margin-bottom:50px;}
  #sidebar { position: relative !important; top: 0 !important;}
  .konw_boxv { padding: 15px;}
  .gerd h5 { font-size: 20px; text-align: center; margin:0 0 20px 0;}
  .k_j1 { text-align: center;}
  .arises_img h4 { font-size: 30px;}
  .services_text h4 { font-size: 25px;}
  .services_text p { font-size: 16px; line-height: 26px;}
  .serendipity_img img {float: left; margin-bottom:30px;}
  .serendipity_box h4 { font-size: 20px;}
  .serendipity_box { padding: 0 20px;}
  .banner_second video { height: 100%; object-fit: cover;}
  .theer_step { margin-top: 0px;  padding:60px 0 30px 0;}
  .pl_3 { padding: 0 15px;}
  .second_step { margin: 0 0 30px 0;}
  .overlay_scoling{max-width:700px; overflow-y:hidden; overflow-x:auto; 
    -webkit-overflow-scrolling: touch;}
  .free_tabs { width:1000px;}
  .free_tabs th{ padding:4px 0; font-size:16px; }
  .modal-body { padding: 0;}
  .frt img { margin-bottom:15px;}
  .modal-title1 {font-size: 20px;}
  .aboutbox:after {background-size: cover;}
  .float-end {float: none !important;}
  .float-start { float: none !important;}
  .testimonials_gert { border-radius: 90px;}
  .services_text {  padding: 40px 0;}

}

@media (max-width:500px) {
  .map img {width: 100%; margin: 0 auto; object-fit: cover; height: auto;}
  .header .logo img { width: 145px; }
  .support_menu li { padding: 0 18px 0 0; }
  .become_match_maker {
    padding: 12px 22px; 
    right: 0; left: 0; 
    position: relative; 
    rotate: 0deg; 
    top: 0;
    width:100%;
    border-radius:0;
  }
  .about_us_boxc p { font-size: 16px; line-height: 26px; }
  .banner_second .item { height: 400px; }

  .ban_text {min-height:400px;}
  .perfect { margin-top:0 !important; padding-top:0 !important;}
  .about_banner h1 {font-size:25px;}
  .bfbox h4 { font-size: 20px; }
  .free_1 { padding: 20px 0;}
  .accordion-container .accordion-title {font-size: 16px;}
  .accordion-container .accordion-title:after {right: 9px;}
  .m_h4 { font-size: 18px;}
  .konw_boxv h4 {  font-size: 18px; }
  .services_text h4 {  font-size: 20px; line-height: 26px; }
  .services_text ul li { font-size: 16px;}
  .weddingcontact_side_box-2 .text-center{display: inline-block;}
  .br_form{width:100%;}
  .br_form:nth-child(2) { width:100%;}
  .perfect h2 {font-size: 25px;  line-height: 30px;}
  .perfect p { font-size: 18px;  line-height: 26px; }
  .support_menu li .login_bocv {padding:6px 8px; font-size:14px;}
  .nb_box123 ul li { font-size: 13px;}
  .nb_box123 ul li label{ line-height:0px; }
  .nb_box123 p { font-size: 13px;}
  

}
@media (max-width:400px) {
  .free_1 h4 {  text-transform: capitalize;}
  .cnt223 p { font-size: 12px; color: #e3aaaa; padding: 0 0 0px 0; }
  .free_1 a { padding: 10px 30px;}
  .bg-i { position: relative; padding: 30px 10px 0 10px;}
  .bg-i .imgb_12{ position: absolute; bottom: 0; left: 0; width: 134px; }
  .in_box p { font-size: 16px; }
  .serendipity_box {  padding: 0; }

}