@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,600;0,700;0,800;0,900;1,400&family=Oswald:wght@300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Sail&display=swap');



html {

  font-size: 68.75%;

}



*,

::after,

::before {

  box-sizing: border-box;

  padding: 0;

  margin: 0;

}



a,

abbr,

acronym,

address,

applet,

big,

blockquote,

body,

cite,

code,

dd,

del,

dfn,

div,

dl,

dt,

em,

fieldset,

font,

form,

h1,

h2,

h3,

h4,

h5,

h6,

html,

iframe,

img,

ins,

kbd,

label,

legend,

li,

object,

ol,

p,

pre,

q,

s,

samp,

small,

span,

strike,

strong,

sub,

sup,

tt,

ul,

var {

  border: 0;

  margin: 0;

  outline: none !important;

  padding: 0;

  vertical-align: baseline;

  font-family: 'Poppins', sans-serif;

}



body {

  margin: 0;

  padding: 0;

  background: #fff;

  background-repeat: repeat-x;

  font-size: 1.4rem;

  color: #272320;



}



a {

  color: inherit;

  outline: none !important;

  text-decoration: none;

}



a:hover {

  color: inherit;

  text-decoration: none;

}



.dropdown-toggle::after {

  border: none !important;

  content: "\f107";

  font-family: "fontAwesome";

  top: 4px;

  right: 0;

  position: absolute;

}



.btn:focus {

  outline: none !important;

}



ol {

  padding-left: 0;

}



ul {

  padding: 0;

  list-style: none;

  margin: 0;

}



img {

  vertical-align: top;

  max-width: 100%;

  border: none;

  outline: none;
  pointer-events: none;

}



.btn:focus,

.form-control:focus,

.resizeselect:focus {

  box-shadow: none;

  border: none;

  outline: 0;

}



:root {

  --lightcolor: #e4206c;

  --darkcolor: #006c55;

  --whitecolor: #ffffff;

}



h2 {

  font-family: 'sail';

}





@media (min-width: 1200px) {



  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl {

    max-width: 1190px;

  }

}



.top-section01 {

  border-bottom: solid 1px #f7f6f6;

  font-size: 13px;

  /* padding: 5px 0;

    margin-bottom: 6px; */

  background: var(--darkcolor);

}



.top-section01 .btn {

  font-size: 14px;

  color: #fff;

}



header {

  padding-bottom: 0px;

  box-shadow: #00000061 1px 2px 10px;

  position: absolute;

  z-index: 3;

  background: transparent;

  top: 0px;

}



.regheader {

  padding-bottom: 0px;

  box-shadow: None !important;

  position: absolute;

  z-index: 3;

  background: transparent;

}



.top-section01 p {

  color: var(--whitecolor);

}



.navbar .nav-item {

  margin: 0 15px;

}



.navbar-light .navbar-nav .nav-link {

  text-transform: uppercase;

  /* font-family: 'Oswald', sans-serif;

    letter-spacing: 2px; */

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  font-weight: 600;

  color: var(--darkcolor);





}



.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show>.nav-link {

  color: var(--lightcolor);

}



.btn-get-login {

  font-size: 25px;

  color: var(--lightcolor);

}



.btn-get-stred {

  background: rgb(9, 9, 121);

  background: linear-gradient(90deg, rgba(9, 9, 121, 1) 1%, rgba(209, 0, 255, 1) 83%);

  color: var(--whitecolor);

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  padding: 6px 35px;

  font-weight: 600;

  border: none;

  border-radius: 100px;

  outline: 1px solid #fff;

  position: relative;

}



.btn-get-stred::before {

  position: absolute;

  content: '';

  top: 2px;

  right: 2px;

  left: 2px;

  bottom: 2px;

  border: 1px solid #fff;

  border-radius: 50px;

}



.applybtn {

  background: #006c55 !important;

  color: var(--whitecolor);

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  font-size: 20px;

  padding: 10px 40px;

  font-weight: 600;

  border: none;

  border-radius: 5px !important;

}



.applybtn::before {

  display: none !important;

}



.banner-part {

  background: url(../images/slidernew1.png) no-repeat;

  background-size: cover;

  width: 100%;

  height: 600px;

  /* margin-top: 98px; */

  display: grid;

  place-items: center;

}



.serach-iu {

  position: relative;

  /* height: 460px; */

  background: #fff;

  padding: 20px;

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

}



/* .serach-iu::before{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    width: 100%;

    height: 460px;

    border: solid 5px var(--whitecolor);

    top: 0;

    background: transparent;

}

.serach-iu::after{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    width: 92%;

    height:423px;

    background: #fff;

    top: 21px;

    display: inline-block;

    margin: auto;

} */

.inuoyrx {

  z-index: 1;

  padding-top: 6px;

}



.inuoyrx h2 {

  font-family: "Charm", cursive;

  font-size: 25px;

  /* line-height: 42px; */

  color: #e4206c;

  text-transform: capitalize;

  text-align: center;

}



.inuoyrx p {

  font-size: 14px;

}



.inuoyrx .form-group {

  margin: 20px 0;

}



.btn-get-star {

  background: #e4206c;

  width: 100%;

  border-radius: 5px;

  line-height: 35px;

  font-size: 15px;

  text-transform: uppercase;

  font-weight: 600;

  color: var(--whitecolor);

  font-family: 'Montserrat', sans-serif;

  transition: ease-in-out 0.5s;

}



.btn-get-star:hover {

  background: var(--lightcolor);

  color: var(--whitecolor) !important;

}



.main-heading01 .imf {

  position: absolute;

  left: 0;

  right: 0;

  top: -30px;

}



.main-heading01 h2 {

  font-family: 'Playfair Display', serif;

  font-size: 50px;

  z-index: 1;

  position: relative;

  color: var(--darkcolor);

}



.main-heading01 p {

  position: relative;

  z-index: 1;

  margin: 10px auto 0 auto;

  display: block;

  width: max-content;

  padding: 0 60px;



}



.main-heading01 p span {

  background: #fff;

  padding: 8px;

  position: relative;

  z-index: 1;

}



.main-heading01 p::before {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  top: 13px;

  background: #bbb;

  width: auto;

  height: 1px;

  margin: auto;

  display: inline-block;

}



.popular-div {

  padding: 70px 0;

}



/* add */



.custom-select-wrapper {

  position: relative;

  display: inline-block;

  user-select: none;

  min-width: max-content;

  border: solid 1px #ededed;

  width: 100%;

  padding: 0 10px;



}



.custom-select-wrapper select {

  display: none;

}



.custom-select {

  position: relative;

  /* display: inline-block; */

  width: 100%;

}



.custom-select-trigger {

  position: relative;

  font-weight: 400;

  cursor: pointer;

  padding: 0 20px 0 0;

  font-size: 16px;

  height: 45px;

  line-height: 40px;

  margin: auto;

  display: block;

}



.custom-select-trigger:after {

  position: absolute;

  display: block;

  content: "\f0d7";

  font-family: "fontAwesome";

  top: 0;

  right: 0;

  margin-top: 0;

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

  font-size: 17px;

}



.custom-select.opened .custom-select-trigger:after {}



.custom-options {

  position: absolute;

  display: block;

  top: 100%;

  left: 0;

  right: 0;

  min-width: 140px;

  margin: 15px 0;

  border: 1px solid #b5b5b5;

  border-radius: 4px;

  box-sizing: border-box;

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

  background: #fff;

  transition: all 0.4s ease-in-out;

  z-index: 2;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transform: translateY(-15px);

  overflow-x: scroll !important;

  height: 200px;

}



.custom-select.opened .custom-options {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

  transform: translateY(0);

  overflow-x: scroll !important;

  height: 200px;

}



.custom-options:before {

  position: absolute;

  display: block;

  content: "";

  bottom: 100%;

  left: 25px;

  width: 7px;

  height: 7px;

  margin-bottom: -4px;

  border-top: 1px solid #b5b5b5;

  border-left: 1px solid #b5b5b5;

  background: #fff;

  transform: rotate(45deg);

  transition: all 0.4s ease-in-out;

}



.option-hover:before {

  background: #f9f9f9;

}



.custome-am {

  position: relative;

}



.wizard-form-error-div {

  display: none;

}



.wizard-form-error-div h6 {

  background: none;

  color: #d70b0b;

}



.custom-option {

  position: relative;

  display: block;

  padding: 0 22px;

  border-bottom: 1px solid #e5e5e5;

  font-size: 15px;

  font-weight: 500;

  color: #000;

  line-height: 47px;

  cursor: pointer;

  transition: all 0.4s ease-in-out;

}



.custom-option:first-of-type {

  border-radius: 4px 4px 0 0;

}



.custom-option:last-of-type {

  border-bottom: 0;

  border-radius: 0 0 4px 4px;

}



.custom-option:hover,

.custom-option.selection {

  background: #f9f9f9;

}



.items-polupar {

  height: 400px;

}



.items-polupar h5 {

  font-family: 'Playfair Display', serif;

  font-size: 26px;

  color: var(--darkcolor);

}



.items-polupar .img-bouy {

  height: 350px;

}



.cover-img {

  /*object-fit: cover;*/

  width: 100%;

  height: 100%;
  pointer-events: none;

}



.sigupo-div .cover-img {

  object-fit: cover;

  width: 100%;

  /*height: 720px;*/
  pointer-events: none;

}



.items-polupar p {

  font-size: 14px;

  color: #727272;

  font-weight: 300;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background: var(--lightcolor) !important;

  opacity: 1 !important;

}



.items-normals {

  margin-bottom: 20px;

  display: inline-block;

  width: 100%;

  background: var(--whitecolor);

  padding: 15px 15px 0 15px;

}



.items-normals .img-box05 {

  height: 250px;

  overflow: hidden;

}



.text-details01 {

  top: -41px;

}



.img-filo {

  background: var(--darkcolor);

  border-radius: 50%;

  border: 4px solid #fff;

  height: 80px;

  width: 80px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 15px;

  margin: 0 auto 15px auto;

}



.text-details01 h5 {

  font-family: 'Playfair Display', serif;

  /* font-size: 30px; */

  color: var(--darkcolor);

  font-size: 22px;

  font-weight: 600;



}



.text-details01 p {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  color: #727272;

  font-size: 14px;

  width: 90%;

  margin: auto;

  margin-top: 8px;

  line-height: 24px;

}



.bigh .img-box05 {

  height: 478px;

}



.items-normals .img-filo img {

  filter: brightness(0) invert(1);

}



.btn-all {

  background: var(--lightcolor);

  padding: 12px 30px;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 16px;

  border-radius: 0;

  color: var(--whitecolor);

}



.top-ofter-div {

  background: var(--darkcolor);

  font-size: 15px;

  padding: 8px 0;

  color: #fff;

}



.venusts-div {

  padding: 60px 0;

  background: url(../images/leaflets.webp) no-repeat, url(../images/img-06.jpg) no-repeat;

  background-position: -90px 330px, right top;

  background-size: auto, 50%;

}



.items-venu {

  height: 400px;

  overflow: hidden;

}



.img-boux02 {

  height: 400px;

}



.items-venu .div-texr {

  position: absolute;

  left: 0;

  bottom: 30px;

  background: #ffffffd9;

  padding: 16px;

  right: 0;

}



.items-venu .div-texr h5 {

  /* font-family: 'Playfair Display', serif; */

  font-size: 18px;

  font-weight: 600;

  color: var(--darkcolor);

}



.items-venu .div-texr p {

  color: var(--lightcolor);

  font-size: 14px;

  font-weight: 400;

  margin-top: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  width: 90%;

}



.officer {

  margin: 0 0 0 0;

  height: 540px;

  overflow: hidden;

}



.officer .container {

  position: relative;

  z-index: 1;

  align-content: center;

  height: 540px;

  display: grid !important;

  overflow: hidden;

  align-content: center;

}



.full-imo01 {

  height: 540px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

}



.officer h2 {

  font-family: 'sail';

  font-size: 45px;

  text-transform: capitalize;

}



.btn-comonu {

  background: var(--lightcolor);

  padding: 12px 30px;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 16px;

  border-radius: 0;

  color: var(--whitecolor);

}



.full-imo01::before {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 630px;

  content: "";

  background: rgb(0 0 0 / 36%);

  width: 100%;

}



.inhouse-service {

  padding: 60px 0;

  background: url(../images/flow01.png) no-repeat, url(../images/bg-wtare.jpg) no-repeat;

  background-position: left bottom, right top;

  background-size: auto;

}



.crmou-txet {

  border: 1px solid #f3f2f2;

  padding: 10px 10px 22px 10px;

  background: #fff;



}



.crmou-txet h5 {

  font-size: 20px;

  font-weight: 700;

  font-family: 'Playfair Display', serif;

  color: var(--darkcolor);

  text-overflow: ellipsis;

  width: 70%;

  white-space: nowrap;

  overflow: hidden;



}



.crmou-txet p {

  font-size: 14px;

  /* font-family: 'Playfair Display', serif; */

}



.crmou-txet .imgou-pcty {

  height: 240px;

  overflow: hidden;

  margin-bottom: 10px !important;

  display: inline-block;

  width: 100%;

}



.img-divu {

  background: #e9f0fc;

  background: var(--lightcolor);

  border-radius: 50%;

  border: 4px solid #fff;

  height: 65px;

  width: 65px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  margin-top: -66px;

  right: 12px;

  margin-left: auto;

  padding: 12px;

  top: 11px;

}



.img-divu img {

  filter: brightness(0) invert(1);

}



.btn-nowmore {

  background: var(--lightcolor);

  padding: 12px 30px;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 16px;

  border-radius: 0;

  color: var(--whitecolor);

}



.img-divu .joinuys {

  padding: 40px 0;

  margin: 50px 0 0 0;

}



.joinuys .container {

  z-index: 1;

}



.joinuys .form-group {

  margin: 0;

}



.joinuys .form-control {

  height: 45px;

  border: none;

  background: none;

  font-size: 16px;

  border: solid 2px #fff;

  border-radius: 0;

  color: var(--whitecolor);

}



.joinuys .form-group {}



.joinuys .form-control:focus::placeholder {

  color: transparent;

}



.joinuys .form-control::placeholder {

  color: var(--whitecolor);

}





/* new css add */



.palninf-wedding {

  padding: 60px 0;

  background: url(../images/leaflets.webp) no-repeat;

  background-position: -210px 220px;

  background-size: auto;

}



.main-head {

  font-family: "Charm", cursive;

  font-size: 40px;

  text-transform: capitalize;

  margin-bottom: 8px;

  color: var(--darkcolor);



}



.items-webiste {

  grid-column: auto/span 2;

  display: grid;

  grid-template-columns: 50px 1fr;

  gap: 1.5rem;

  box-shadow: 0 2px 8px #00000026;

  height: 95px;

  align-content: center;

  padding: 0 20px;

  background: #fff;



}



.items-webiste h5 {

  color: var(--darkcolor);

  font-size: 17px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

}



.items-webiste p {

  font-size: 14px;

  margin-top: 8px;

}



.items-webiste .btn {

  padding: 0;

  color: var(--lightcolor);

  font-weight: 600;

  font-size: 14px;

  margin-top: 5px;

}



.proil {

  width: 140px;

  height: 140px;

  border-radius: 50%;

  margin: auto;

  position: relative;

  border: solid 4px var(--lightcolor);

  display: grid;

  align-content: center;

}



/* .proil::before{

  position: absolute;

  width: 160px;

  height: 160px;

  border-radius: 50%;

  margin: auto;

  content: "";

  border: solid 3px var(--whitecolor);

  left: 0;

  right: 0;

  top:0;

} */

.imuyt-pic {

  width: 120px;

  overflow: hidden;

  height: 120px;

  border-radius: 50%;

  margin: auto;

  position: relative;

}



.btn-vide {

  background: var(--lightcolor);

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

  padding: 9px 15px;

  margin-top: 10px;

  color: var(--whitecolor);

  position: absolute;

  left: 50%;

  top: 50%;

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

  visibility: hidden;

  transition: ease-in-out 0.5s;

  opacity: 0;

}



.txer-details h5 {

  font-size: 16px;

  font-weight: 600;

  color: var(--darkcolor);

}



.txer-details h5 span {

  color: var(--lightcolor);

  margin-top: 5px;

}



.comon-profile01:hover .btn-vide {

  visibility: visible;

  opacity: 1;

}



.vit {

  position: absolute;

  z-index: 1;

  right: -2px;

  bottom: 8px;

}



.vit svg {

  width: 35px;

  height: 35px;

  color: var(--darkcolor);

}



.btn-more2 {

  background: var(--lightcolor);

  padding: 10px 25px;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 13px;

  color: var(--whitecolor);

}



.popular-div-wed {

  padding: 60px 0;

  background: #eef5f7 url(../images/h1-background-img-7.jpg) no-repeat;

  background-position: bottom center;

  background-size: contain;

}



.popular-div-wed .btn-more2 {

  background: var(--darkcolor);

}



.comon-storty .con-img {

  height: 380px;

  margin-bottom: 10px;

  width: 40%;

}



.comon-storty {

  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 5px 0px;

  margin: 0 0 15px 0;

}



.comon-storty h5 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  font-size: 18px;

  color: var(--darkcolor);

}



.tiuy-tder {

  padding: 10px;

  width: 60%;

  background: var(--whitecolor);

  position: relative;

  top: 20px;

  left: -30px;

}



.comon-storty h6 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  color: var(--lightcolor);

  font-size: 14px;

  margin-top: 27px;

  margin-bottom: 8px;

}



.comon-storty p {

  font-size: 14px;

  font-weight: 300;

  margin-top: 10px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  width: 90%;

}



.joinuys .custom-select-wrapper {

  border: none !important;

  border: solid 2px #fff !important;

}



.joinuys .custom-select-trigger {

  color: var(--whitecolor);

}



.joinuys label {

  color: var(--whitecolor);

  font-weight: 600;

}



.btn-send {

  background: var(--lightcolor);

  padding: 12px 30px;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 16px;

  border-radius: 0;

  color: var(--whitecolor);

}



.insidetextrs {

  background: var(--darkcolor);

  display: grid;

  grid-template-columns: 1fr 100px;

  gap: 1.5rem;

  padding: 40px 50px;

}



.insidetextrs p {

  color: #fff;

}



.insidetextrs h2 {

  font-size: 45px;

  text-transform: capitalize;

  font-family: 'sail';

}



.insidetextrs h2 span {

  text-transform: capitalize;

  font-family: 'sail';

  margin-top: 5px;

}



.btn-expor {

  background: var(--lightcolor);

  padding: 10px 25px;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 13px;

  color: var(--whitecolor);

}



.imouy {

  position: absolute;

  right: 0;

  bottom: 0;

}



.form-serv05 {

  padding: 100px 0 0 0;

  background: url(../images/catm.jpg) no-repeat;

  background-position: top center;

  background-size: cover;

}



.form-sections {

  box-shadow: #1a1a1ab0 1px 2px 40px;

  padding: 30px;

  background: #ffffffb0;

  margin-bottom: 80px;

}



.form-sections .form-control {

  height: 45px;

  background: #f9f9f9;

  font-size: 15px;

  border: none;

}



.form-sections .custom-select-wrapper {

  background: #f9f9f9;

  border: none;

}



.form-sections .form-control::placeholder {

  color: var(--darkcolor);

}



.shop-part {

  height: 100%;

  overflow: hidden;

}



.shop-part::before {

  position: absolute;

  left: 0;

  right: 0;

  width: 92%;

  height: 80%;

  content: "";

  border: solid 4px var(--whitecolor);

  margin: auto;

  top: 14px;

  z-index: 1;

}



.img-fu-box::before {

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  content: "";

  margin: auto;

  top: 0;

  background: #0e0d0e63;

}



.choose-partef-gidt {



  display: inline-block;

  width: 100%;

  padding: 20px 0 20px;

}



.img-fu-box {

  width: 100%;

  height: 150px;

  position: relative;

}



.text-middle01 {

  position: absolute;

  top: 70%;

  left: 50%;

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

  text-align: center;

  width: 100%;



}



.text-middle01 h5 {

  font-size: 30px;

  font-weight: 700;

  font-family: 'Playfair Display', serif;

}



.text-middle01 h6 {

  color: var(--whitecolor);

  text-transform: uppercase;

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

}



.btn-sho {

  background: var(--lightcolor);

  padding: 8px 16px;

  text-transform: uppercase;

  font-size: 13px;

  color: var(--whitecolor);

}



.bg-oclor {

  background: var(--lightcolor);

}



.bg-oclor::before {

  display: none;

}



.bg-oclor .btn-sho {

  background: var(--darkcolor);

}



.weding-story {

  /* background: url(../images/img-06.jpg) no-repeat; */

  background-position: center;

  background-size: contain;

  padding: 60px 0;

}



.weding-story .crmou-txet {

  background: var(--whitecolor);

  border: none;

}



.weding-story .crmou-txet .img-divu {

  padding: 0;

  overflow: hidden;

}



.weding-story .crmou-txet .img-divu img {

  filter: none !important;

}



.weding-story .crmou-txet h5 {

  font-size: 26px;

  margin-bottom: 8px;

}



.weding-story .crmou-txet i {

  font-size: 35px;

  margin-right: 10px;

}



.weding-story .crmou-txet p span {

  color: var(--lightcolor);

}



.blogs-div {

  padding: 0px 0 65px 0;

  background: #eef5f7;

}



.comi {

  font-family: 'Montserrat', sans-serif;

  background: #fff;

  padding: 10px 25px;

  font-size: 15px;

  font-weight: 600;

  margin: 0 5px;

}



.comon-forma {

  border: 1px solid #f3f2f2;

  padding: 10px 15px 22px 15px;

}



.comon-forma .img-divu {

  width: 55px;

  height: 55px;

  overflow: hidden;

  display: inline-block !important;

  top: 0;

  left: 15px;

}



.comon-forma h5 {

  font-family: 'Playfair Display', serif;

  display: -webkit-flex;

  -webkit-line-clamp: 2;

  overflow: hidden;

  -webkit-box-orient: horizontal;

  font-size: 18px;

  font-weight: 600;

  color: var(--darkcolor);

}



.comon-forma p {

  font-size: 14px;

}



.comon-forma h6 {

  font-weight: 600;

  color: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

}



.blogs-div .crmou-txet .img-divu {

  padding: 0;

  overflow: hidden;

}



.blogs-div .crmou-txet {

  background: var(--whitecolor);

}



.blogs-div .crmou-txet h6 {

  text-transform: uppercase;

  font-weight: 600;

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

  color: var(--lightcolor);

  margin-bottom: 5px;

}



.blogs-div .crmou-txet h5 {

  display: -webkit-flex;

  -webkit-line-clamp: 2;

  overflow: hidden;

  -webkit-box-orient: horizontal;

  white-space: wrap;

  width: 93%;

  line-height: 30px;

}



.blogs-div .crmou-txet .img-divu img {

  filter: none !important;

}



.comon-forma .img-divu {

  padding: 0;

}



.comon-forma .img-divu img {

  filter: none !important;

}



footer {

  background: var(--darkcolor);

  padding: 0px 0 0 0;

  margin: 0;

  bottom: 0px;

  position: relative;

  z-index: 9;

}



.pico {

  height: 140px;

  overflow: hidden;

  display: inline-block;

  width: 100%;

}



.intsgramoi {

  margin-top: 0px;

}



.icon-inu {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  background: #fff;

  border-radius: 50%;

  width: 80px;

  font-size: 26px;

  height: 80px;

  line-height: 72px;

  top: 30px;

}



.tops-coion01 h5 {

  font-size: 18px;

  font-family: 'Montserrat', sans-serif;

}



.tops-coion01 li {

  margin: 13px 0;

}



.tops-coion01 li a {

  color: #d5d5d5;

  display: inline-block;

  font-family: 'Montserrat', sans-serif;

}



.tops-coion01 hr {

  background: #868493;

  margin-top: 40px;

}



.tops-coion01 ul {

  margin-top: 19px;

}



.next-serc h5 {

  font-size: 16px;

  font-family: 'Montserrat', sans-serif;

}



.next-serc p {

  color: #868493;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

}



.rti-01 {

  border-right: solid 1px #868493;

}



.soliuy a {

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 13px;

  padding: 0;



}



.soliuy li {

  margin: 19px 0;

}



.soliuy li:first-child {

  margin-top: 0;

}



.soliuy a i {

  margin-right: 4px;

}



.btn-sendi {

  background: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

  height: 45px;

  border-radius: 0;

  font-weight: 600;

}



.miuy .form-control {

  height: 45px;

  border-radius: 0;

  font-size: 15px;

}



.coiy-txer {

  background: #006c55;

  padding: 14px 0;

  margin-top: 0px;

}



.img-big {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 62%;

  pointer-events: none;



}



.newoi {

  background: none !important;

  padding: 0;

}



.newoi figure {

  height: 510px;

}



.newoi .form-sections {

  box-shadow: none !important;

  background: var(--darkcolor) url(../images/leaf-06.png) no-repeat;

  background-position: right bottom;

  height: 510px;

  padding: 40px 50px;

  margin-bottom: 0;

}



.pt {

  color: var(--whitecolor);

}



.newoi .form-sections .form-group {

  margin-bottom: 10px;

}



.newoi .form-sections h2 {

  color: #fff;

}



.newoi .form-sections p {

  color: #fff;

}



.sub-banner-part {

  height: 130px;

  overflow: hidden;

  background: var(--darkcolor);

  margin-top: 117px;

}



.sub-page-banhu {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 130px;

  overflow: hidden;

  opacity: 30%;

}



.sub-banner-part .container {

  position: relative;

  z-index: 1;

  display: grid;

  align-content: center;

  height: 130px;

}



.sub-banner-part h2 {

  font-family: 'sail';

  font-size: 40px;

  color: var(--whitecolor);

  text-transform: capitalize;

}



.breadcrumb-item+.breadcrumb-item::before {

  color: var(--whitecolor);

}



.sub-banner-part .breadcrumb-item {

  color: var(--whitecolor);

  font-size: 14px;

}



/* listing page */

.tiop-listing-div {

  margin: 60px 0;

  background: url(../images/leaflet-1.webp) no-repeat;

  background-position: right top;

  background-size: 6%;

}



.filter-by {

  font-family: 'sail';

  font-size: 30px;

  text-transform: capitalize;

  color: var(--darkcolor);

}



.filter-divgb .accordion-body {

  padding-left: 0;

}



.list-serach-acd .accordion-item {

  border: none;

  margin-top: 15px;

}



.list-serach-acd .accordion-button {

  padding-left: 0;

  position: relative;

  font-size: 17px;

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  color: var(--darkcolor);

  border-bottom: solid 1px #f1f0f0 !important;

  background-color: var(--whitecolor);

}



.list-serach-acd .accordion-button:focus {

  box-shadow: none !important;

  background: var(--whitecolor);

  color: var(--darkcolor);

}



.list-serach-acd .accordion-button span {

  font-size: 17px;

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

}



.list-serach-acd .accordion-button small {

  font-size: 14px;

  text-transform: capitalize;

  font-weight: 300;

  display: block;

  margin-top: 5px;

}



.list-serach-acd label {

  font-size: 15px;

  color: var(--darkcolor);

  font-weight: 400;

  font-family: 'Montserrat', sans-serif;

  margin-left: 10px;

}



.list-serach-acd .form-check {

  margin-bottom: 12px;

  position: relative;

  display: flex;

  align-items: center;

}



.list-serach-acd .form-check .form-check-input:checked::before {

  background: var(--lightcolor);

  content: "\f00c";

  font-family: "fontAwesome";

  font-size: 14px;

  color: #fff;

  text-align: center;

  border: solid 2px var(--lightcolor);

}



.list-serach-acd .form-check .form-check-input:checked {

  box-shadow: none;

  filter: none;

}



.form-check-input:focus {

  box-shadow: none;

}



.vnu {

  margin-left: 0 !important;

}



.list-serach-acd .form-check .form-check-input:checked:focus,

.list-serach-acd .form-check .form-check-input:checked:active {

  box-shadow: none;

}



.list-serach-acd .form-check .form-check-input::before {

  position: absolute;

  width: 20px;

  height: 20px;

  background: #f72457;

  content: "";

  left: -3px;

  top: 0;

  display: inline-block;

  border: solid 2px #bbb;

  background: #fff;

  line-height: 16px;

}



.list-serach-acd .form-check .form-check-input {

  margin-top: 0;

  position: relative;

  background: #fff !important;

  border: none !important;

  width: 20px;

  height: 20px;

}



.radion-div .form-check {

  position: relative;

  padding-left: 0;

  margin: 8px 10px 8px 0;

}



.radion-div .form-check-input {

  position: absolute !important;

  margin-left: 0 !important;

  opacity: 0 !important;

  left: 0 !important;

  right: 0 !important;

  width: 100% !important;

  height: 100% !important;

  cursor: pointer !important;





}



.radion-div .form-check-label {

  background: var(--whitecolor) !important;

  border: solid 1px #e3e3e3 !important;

  cursor: pointer;

  line-height: 45px !important;

  padding: 2px 13px !important;

  display: inline-block !important;

  font-family: 'Montserrat', sans-serif !important;

  font-size: 13px !important;

  font-weight: 600;



}



.radion-div .form-check-input:checked+.form-check-label {

  background: var(--lightcolor) !important;

}





.radiou {

  display: none;

}



.load-more {

  color: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 600;

}



.tiuys-text {

  font-family: 'sail';

  font-size: 35px;

  color: var(--darkcolor);

}



.sub-iti {

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  font-weight: 400;

}



.listed-bn ul li a span {

  font-family: 'Montserrat', sans-serif;

  font-weight: 500;

}



.listed-bn ul li a {

  display: flex;

  align-items: center;

  cursor: pointer;

}



.listed-bn ul li a i {

  font-size: 24px;

}



.listed-bn ul li a.active {

  color: var(--lightcolor);

}



.listed-bn ul li svg {

  width: 25px;

  height: 25px;

  margin-right: 5px;

}



.gid svg {

  width: 20px !important;

  height: 20px !important;

}



.item.list-group-item {

  float: none;

  width: 100%;

  -ms-flex: 0 0 48%;

  flex: 0 0 100%;

  max-width: 100%;

  padding: 0;

  border: 0;

  border-radius: 0;

  transition: all .5s;

}



.comon-items-d1 {

  display: inline-block;

  width: 100%;

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);

  padding: 10px;

  height: 388px;

}



.min-box {

  height: 180px;

  overflow: hidden;

}



.img-boxi {

  height: 180px;

  overflow: hidden;

}



.btn.verify {

  color: var(--lightcolor);

  border-radius: 50%;

  position: relative;

  margin-left: auto;

  display: table !important;

  margin-top: -52px;

  padding: 0;

  background: var(--lightcolor);

  border: solid 2px var(--whitecolor);

  width: 40px;

  height: 40px;

  right: 10px;

  font-size: 18px;

  line-height: 35px;

  padding: 0;

  color: var(--whitecolor);

}



.cateogyt {

  background: var(--lightcolor);

  color: var(--whitecolor);

  font-family: 'Montserrat', sans-serif;

  font-weight: 500;

  position: absolute;

  top: 10px;

  left: 15px;

}



.comon-items-d1 h5 {

  font-size: 18px;

  font-weight: 700;

  font-family: 'Playfair Display', serif;

  color: var(--darkcolor);

  text-overflow: ellipsis;

  width: 90%;

  white-space: nowrap;

  overflow: hidden;

}



.voti {

  display: inline-block;

  width: 100%;

}



.right-list-div {

  padding-top: 14px;

}



.addrts01 p {

  font-family: 'Montserrat', sans-serif;

  text-overflow: ellipsis;

  width: 90%;

  white-space: nowrap;

  overflow: hidden;

  font-size: 14px;

  color: #909090;

}



.flio-di li {

  display: none;

}



.flio-di li:last-child,

.flio-di li:nth-child(1),

.flio-di li:nth-child(2) {

  display: block;

}



.list-add {

  display: none;

}



.rting01 {

  font-size: 14px;

  margin: 8px 0;

  font-family: 'Montserrat', sans-serif;



}



.rting01 i {

  color: var(--lightcolor);

}



.addrts01 strong {

  color: var(--darkcolor);

  font-size: 20px;



}



.vfg1 p {

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

}



.addrts01 sup {

  font-size: 20px;

  position: relative;

  top: 0px;

}



.tbmn {

  margin: 0 3px;

}



.list-group-item .comon-items-d1 {

  display: grid;

  grid-template-columns: 35% 1fr;

  height: 250px;

}



.list-group-item .right-list-div {

  padding-left: 20px;

}



.list-group-item .voti {

  display: flex;



}



.list-group-item .rting01 {

  width: 178px;

  font-size: 15px;

}



.list-group-item .comon-items-d1 h5 {

  font-size: 22px;

}



.list-group-item .list-add {

  display: block;

}



.list-group-item .right-list-div {

  padding-top: 0;

}



.list-group-item .flio-di li {

  display: block;

}



.list-group-item .flio-di li:last-child {

  display: none;

}



.list-group-item .flio-di li:first-child .btn {

  margin-left: 0;

}



.list-group-item .tbmn {

  font-size: 14px;

  margin: 0 9px;

}



.list-group-item .min-box {

  height: 228px;

}



.list-group-item .img-boxi {

  height: 228px;

  width: 100%;

}



.describpti {

  display: none;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

  color: #909090;

}



.list-group-item .describpti {

  display: block;

}



.collist {

  display: none;

}



.btn-venu {

  background: var(--whitecolor);

  border: solid 1px #ebebeb;

  padding: 10px 28px;

  font-size: 14px;

  font-weight: 600;

  font-family: 'Montserrat', sans-serif;

  margin: 65px auto 0 auto;

  display: table;

}



.btn-venu:hover {

  background: var(--lightcolor);

  color: var(--whitecolor) !important;

}



.min-box .owl-dots {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

}



.btn-send-mes {

  background: var(--lightcolor);

  font-size: 13px;

  font-weight: 600;

  font-family: 'Montserrat', sans-serif;

  padding: 8px 19px;

  text-transform: uppercase;

  display: none;

  color: var(--whitecolor) !important;

  transition: ease-in-out 0.5s;

}



.btn-send-mes:hover {

  background: var(--darkcolor);

}



.list-group-item .btn-send-mes {

  display: inline-block;

}



.listing-page-div {

  display: inline-block;

  width: 100%;

  margin: 60px 0 0 0;

}



.mian-ppic {

  width: 100%;

  height: 420px;

  border-radius: 10px 10px 0 0;

  overflow: hidden;

  display: grid;

  align-content: center;

}



.mian-ppic img {

  margin: auto;

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.thum-pic-slide {

  margin: 0 5px;

}



.thum-pic-slide figure {

  width: 100%;

  height: 100px;

}



.thum-pic-slide figure img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.details-ter {

  background: #fff;

  position: relative;

  top: -20px;

  width: 96%;

  margin: auto;

  padding: 30px 25px;

  box-shadow: 0 0 31px -1px #0000001a;

}



.details-ter h2 {

  font-size: 30px;

}



.details-ter p {

  font-family: 'Montserrat', sans-serif;

}



.details-ter .rigtu {

  background: var(--lightcolor);

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

  font-weight: 600;

}



.righty-boxo1 {



  position: sticky;

  position: -webkit-sticky;

  top: 145px;

}



.righty-boxo1 .comon-details-part {

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

  background: var(--whitecolor);

}



.comon-paytu {

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

  background: var(--whitecolor);

  padding: 20px;

}



.comon-paytu h2 {

  font-family: 'sail';

  font-size: 28px;

  border-bottom: solid 1px #efefef;

  padding-bottom: 3px;

}



.righty-boxo1 h3 {

  font-family: 'sail';

  font-size: 28px;

  color: var(--darkcolor);

  margin: 11px 0 9px 13px;

  display: inline-block;

}



.pric-info {

  padding: 16px;

  background: var(--lightcolor) !important;

}



.pric-info h5 {

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 600;

  color: var(--darkcolor);

}



.pric-info i {

  font-size: 25px;

}



.pric-info span {

  font-size: 25px;

  font-weight: 700;

  color: var(--darkcolor);

}



.pric-info span small {

  font-size: 15px;

  font-weight: 400;

}



.proiuy-info {

  padding: 10px 16px;

  border-bottom: solid 1px #e9e9e9;

}



.proiuy-info h4 {

  font-size: 25px;

  font-weight: 700;

  color: var(--lightcolor);

}



.proiuy-info p {

  color: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  margin: 0 5px;

}



.proiuy-info h6 {

  color: var(--darkcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

}



.check-avlityt h5 {

  color: var(--darkcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

  font-weight: 600;

}



.check-avlityt .form-control {

  border: none;

  /* border-bottom: solid 1px #bbb; */

  height: 40px;

  font-size: 14px;

  border-radius: 0;

  font-family: 'Montserrat', sans-serif;

  background: #f7f7f7;

}



.check-avlityt h6 {

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 10px;

}



.check-avlityt .form-check-label {

  font-size: 12px;

  font-family: 'Montserrat', sans-serif;

}



.btn-sendme {

  background: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  width: 100%;

  padding: 10px 0;

  color: var(--whitecolor) !important;

  margin-top: 25px;

}



.tabsh {}



.tabsh .nav-tabs .nav-item .nav-link {

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--darkcolor);

  padding: 10px 30px;

}



.tabsh .nav-tabs .nav-item.show .nav-link,

.tabsh .nav-tabs .nav-link.active {

  color: var(--lightcolor);

}



.imou-sec {

  height: 140px;

  overflow: hidden;

  border-radius: 5px;

  width: 100%;

  margin-bottom: 0;

  position: relative;

}



.howver-div {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: #071f40de;

  display: grid;

  align-content: center;

  justify-content: center;

  transform: scale(0);

  transition: all 0.5s;

}



.phots:hover .howver-div {

  transform: scale(1);

}



.phots svg {

  width: 30px;

  height: 30px;

  color: #fff;

}



.video-t {

  height: 140px;

  overflow: hidden;

  border-radius: 5px;

  cursor: pointer;

}



.video-container iframe {

  width: 100%;

  height: 450px;

}



.comon-deli h5 {

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--darkcolor);

  margin-bottom: 8px;

}





#full-stars-example-two {

  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */

  /* make hover effect work properly in IE */

  /* hide radio inputs */

  /* hide 'none' input from screenreaders */

  /* set icon padding and size */

  /* set default star color */

  /* if any input is checked, make its following siblings grey */

  /* make all stars orange on rating group hover */

  /* make hovered input's following siblings grey on hover */

}



#full-stars-example-two .rating-group {

  display: inline-flex;

}



#full-stars-example-two .rating__icon {

  pointer-events: none;

}



#full-stars-example-two .rating__input {

  position: absolute !important;

  left: -9999px !important;

}



#full-stars-example-two .rating__input--none {

  display: none;

}



#full-stars-example-two .rating__label {

  cursor: pointer;

  padding: 0 0.1em;

  font-size: 2rem;

}



#full-stars-example-two .rating__icon--star {

  color: orange;

}



#full-stars-example-two .rating__input:checked~.rating__label .rating__icon--star {

  color: #ddd;

}



#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {

  color: orange;

}



#full-stars-example-two .rating__input:hover~.rating__label .rating__icon--star {

  color: #ddd;

}



.chart {

  /* width: 500px; */

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  height: 100%;

}



.chart .rate-box {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 15px;

  height: 30px;

  padding: 20px 0;

  padding: 10px;

}



.chart .rate-box>* {

  height: 100%;

  display: flex;

  align-items: center;

  font-weight: 500;

  color: #444;

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

}



.rate-box .value {

  display: flex;

  align-items: center;

}



.rate-box .value:hover {

  color: #66bb6a;

}



.chart .value {

  font-size: 20px;

  cursor: pointer;

  font-family: 'Montserrat', sans-serif;

}



.rate-box .progress-bar {

  border-width: 1px;

  position: relative;

  background-color: #cfd8dc91;

  height: 8px;

  width: 160px;

}



.rate-box .progress-bar .progress {

  background-color: #66bb6a;

  height: 100%;

  border-radius: 100px;

  transition: 300ms ease-in-out;

}



.global {

  height: 100%;

  width: 150px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 8px;

}



.one .fas {

  color: #cfd8dc;

}



.two {

  background: linear-gradient(to right, #66bb6a 0%, transparent 0%);

  -webkit-background-clip: text !important;

  -webkit-text-fill-color: transparent;

  transition: 0.5s ease-in-out all;

}



.global>span {

  font-size: 90px;

  font-weight: 500;

}



.rating-icons {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  width: 100%;

  height: 10%;



}



.rating-icons span {

  position: absolute;

  display: flex;

  font-size: 30px;

  left: 50%;

  transform: translateX(-50%);

  margin-bottom: 5px;

  font-size: 21px;

}



.total-reviews {

  font-size: 18px !important;

  font-family: 'Montserrat', sans-serif;

  margin-top: 10px;

}



.leave-sec-part .form-group {

  margin-top: 20px;

}



.leave-sec-part .form-control,

.conatct-form-div .form-control {

  border: none;

  background: #f1f1f1;

  height: 45px;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

}



.leave-sec-part textarea,

.conatct-form-div textarea {

  height: 150px !important;

  resize: none;

}



.leave-sec-part .subimt-comment,

.subimt-message,

.quick-contact .subimt-comment {

  background: var(--lightcolor);

  color: #fff;

  font-weight: 500;

  font-size: 14px;

  padding: 10px 25px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  text-transform: uppercase;

  border-radius: 0;

}



.comon-com-div {

  border-bottom: solid 1px #f7f7f7;

  padding-bottom: 15px;

}



.comon-com-div:last-child {

  border-bottom: none !important;

}



.proiuy-info:last-child {

  border-bottom: none !important;

}



.comon-com-div figure {

  width: 63px;

  height: 63px;

  overflow: hidden;

  border-radius: 50%;

}



.comment-text {

  width: 91%;

}



.comment-text h5 {

  font-size: 16px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

}



.comment-text span {

  font-size: 13px;

  font-weight: 600;

  color: var(--lightcolor);

}



.like-div-also h2 {

  font-size: 40px;

  color: var(--darkcolor);

}



.submit-btn {

  font-size: 13px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  background: var(--lightcolor);

  text-transform: uppercase;

  color: var(--whitecolor);

  border-radius: 0;

  padding: 8px 30px;

}



.rtu i {

  font-size: 14px;

  color: #ffd600;

}



.usy-div {

  background: var(--lightcolor);

  border-radius: 50%;

  border: 4px solid #fff;

  height: 75px;

  width: 75px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  right: 12px;

  margin-left: auto;

  bottom: -21px;

  overflow: hidden;

}



.vendous-com .min-box {

  overflow: inherit;

}



.posuo {

  object-position: top;

}



.pori01 {

  color: var(--darkcolor);

  font-size: 20px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

}



.vendous-com .right-list-div {

  padding-top: 25px;

}



.list-group-item .usy-div {

  right: inherit;

  top: 15px;

  bottom: inherit;

  left: 12px;

}



.spi-head {

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 700;

  text-transform: uppercase;

  color: var(--darkcolor);

  margin-bottom: 8px;

  margin-top: 15px;

}



.detination-wssing {

  padding: 40px 0;

}



.formsu-div {

  padding: 40px 0;

}



.crmi-drop01 {

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  color: var(--darkcolor);

  border: solid 1px #f3f3f3;

  padding: 10px 20px;

}



.crmi-drop01::after {

  right: 6px;

  top: 10px;

}



.user {

  width: 45px;

  height: 45px;

  overflow: hidden;

  border-radius: 50%;

}



.comon-topic {

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);

  padding: 30px;

  margin-bottom: 20px;

}



.copi-top {

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);

  padding: 20px;

}



.copi-top h2 {

  font-size: 30px;

}



.comon-topic hr {

  background: #bbb;

}



.comon-topic h5 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  color: var(--darkcolor);

  font-size: 18px;

  margin-bottom: 10px;

}



.comon-topic p {

  font-family: 'Montserrat', sans-serif;

  font-weight: 400;

  color: var(--darkcolor);

  font-size: 14px;

  margin-bottom: 10px;

}



.date-t p {

  margin-bottom: 0;

}



.date-t i,

.comont-01 i {

  font-size: 18px;

  margin-right: 5px;

}



.start-btn {

  background: var(--lightcolor);

  color: var(--whitecolor);

  font-family: 'Montserrat', sans-serif;

  font-weight: 400;

  text-transform: uppercase;

  font-size: 14px;

  padding: 8px 25px;

  margin: auto;



}



.comoni-user {

  border-bottom: solid 1px #f3f3f3;

  padding-bottom: 11px;

  padding-top: 11px;

}



.comoni-user .uisery-pic {

  width: 45px;

  height: 45px;

  overflow: hidden;

  border-radius: 50%;

}



.comoni-user span {

  font-weight: 700;

  color: var(--lightcolor);

}



.comoni-user h5 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  color: var(--darkcolor);

  font-size: 15px;

}



.comoni-user h5 span {

  font-size: 13px;

  margin-top: 5px;

  color: #b5b5b5;

  font-weight: 400;

}



.catr-me ul li {}



.catr-me ul li a {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  color: var(--darkcolor);

  font-size: 15px;

  text-transform: uppercase;

  border-bottom: solid 1px #f3f3f3;

  padding: 15px 0;

}



.catr-me ul li a i {

  font-size: 20px;

  margin-right: 5px;

  color: var(--lightcolor);

  display: inline-block;

  width: 32px;

}



.catr-me ul li:last-child a {

  border: none;

}



.pageckga-div {

  padding: 40px 0;

}



/* price table */





.pricing-table {

  background: #fff;

  box-shadow: 0px 1px 20px -6px rgba(0, 0, 0, .15);

  padding: 2rem;

  border-radius: 4px;

  transition: .3s;

}



.pricing-table:hover {

  box-shadow: 0px 1px 20px -4px rgba(0, 0, 0, .25);

}



.pricing-table .pricing-label {

  border-radius: 2px;

  padding: .25rem .5rem;

  margin-bottom: 1rem;

  display: inline-block;

  font-size: 12px;

  font-weight: 500;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

}



.pricing-table h2 {

  color: #3b3b3b;

  font-size: 25px;

  font-weight: 500;

  text-transform: capitalize;

}



.pricing-table h5 {

  color: #B3B3B3;

  font-size: 14px;

  font-weight: 400;

}



.pricing-table .pricing-features {

  margin-top: 2rem;

}



.pricing-table .pricing-features .feature {

  font-size: 15px;

  margin: .5rem 0;

  color: var(--darkcolor);

  display: flex;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

}



.pricing-table .pricing-features .feature span {

  display: inline-block;

  color: #3b3b3b;

  font-weight: 500;

  font-family: 'Montserrat', sans-serif;

}



.pricing-table .pricing-features .feature span i {

  font-size: 20px;

  margin-right: 10px;

  color: var(--lightcolor);

}



.pricing-table .price-tag {

  margin-top: 2rem;

  text-align: center;

  font-weight: 500;

}



.pricing-table .price-tag .symbol {

  font-size: 24px;

}



.pricing-table .price-tag .amount {

  letter-spacing: -2px;

  font-size: 50px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

}



.pricing-table .price-tag .after {

  color: #3b3b3b;

  font-weight: 500;

}



.pricing-table .price-button {

  display: block;

  color: #fff;

  margin-top: 2rem;

  padding: 10px 25px;

  border-radius: 2px;

  text-align: center;

  transition: .3s;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  font-size: 14px;

  text-transform: uppercase;



}



.pricing-table .price-button:hover {

  text-decoration: none;

}



.purple .pricing-label {

  background: var(--lightcolor);

  color: var(--whitecolor);

}



.purple .price-tag {

  color: var(--lightcolor);

}



.purple .price-button {

  background: var(--darkcolor);

}



.purple .price-button:hover {

  background: var(--lightcolor);

}



.turquoise .pricing-label {

  background: #b9edee;

  color: #44cdd2;

}



.turquoise .price-tag {

  color: #44cdd2;

}



.turquoise .price-button {

  background: #44cdd2;

}



.turquoise .price-button:hover {

  background: #2dbcc4;

}



.red .pricing-label {

  background: #ffc4c4;

  color: #ff5e5e;

}



.red .price-tag {

  color: #ff5e5e;

}



.red .price-button {

  background: #ff5e5e;

}



.red .price-button:hover {

  background: #f23c3c;

}



.fq-div .accordion-button:not(.collapsed) {

  background: var(--darkcolor);

  color: var(--whitecolor);



}



.fq-div .accordion-button {

  font-size: 24px;

  color: var(--darkcolor);

}



.tiop-listing-div .img-divu {

  padding: 0;

  overflow: hidden;

}



.tiop-listing-div .img-divu img {

  filter: none;

}



.tiop-listing-div .crmou-txet .imgou-pcty {

  height: 180px;

}



.osip {

  padding: 0;

  overflow: hidden;

}



.osip img {

  filter: none;

}



.wedding-details h2 span {

  font-family: 'sail';

  font-size: 45px;

}



.wedding-details h2 svg {

  width: 40px;

  height: 40px;

  margin: 0 10px;

}



.wedding-details .comon-avild h5 {

  font-size: 18px;

  font-weight: 700;

}



.wedding-details .comon-avild i {

  font-size: 35px;

  color: var(--lightcolor);

}



.wedding-details .comon-avild a {

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  font-size: 12px;

  color: var(--lightcolor);

  padding: 0;

}



.vendoriu {

  padding-left: 16px;

}



.vendoriu h5 {

  font-size: 18px;

  font-weight: 600;

  color: var(--darkcolor);

  font-family: 'Montserrat', sans-serif;

}



.vendoriu h5 span {

  font-weight: 400;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

  margin-top: 5px;

}



.imouy5 {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  overflow: hidden;

  margin-right: 10px;

}





.shoop-div .comon-items-d1 {

  display: inline-block;

  padding: 0;

  width: 100%;

  background-color: #fff;

  border-radius: 8px;

  overflow: hidden;

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);

  border-radius: 0 !important;

  padding: 10px !important;

  transition: all .5s;

}



.shoop-div .comon-items-d1 h2 {

  font-weight: 700;

  text-transform: capitalize;

  font-family: 'Montserrat', sans-serif;

  font-size: 20px;

}



.shoop-div .comon-items-d1 h2 span {

  font-size: 18px;

  text-decoration: line-through;

  color: #bbb;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

}



.shoop-div .strat-r {

  background: var(--lightcolor);

  color: #fff;

  font-weight: 600;

  font-size: 12px;

  position: absolute;

  left: 13px;

  top: 10px;

  z-index: 1;

}



.shoop-div .comon-items-d1 h6 {

  color: var(--lightcolor);

  font-size: 14px;

  font-weight: 600;

  text-transform: capitalize;

  font-family: 'Montserrat', sans-serif;

}



.shoop-div .grid-group-item figure {

  width: 100%;

  height: 190px;

  margin: auto !important;

  display: inline-block;

  overflow: hidden;

}



.shoop-div .grid-group-item p {

  font-size: 13px;

  color: #4c4c4cb0;

}



.shoop-div .grid-group-item figure img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.shoop-div .view-products {

  background: var(--lightcolor);

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-style: normal;

  border-radius: 0;

  padding: 10px 15px;

  font-size: 13px;

  font-weight: 600;

}



.shoop-div .titel-product {

  font-size: 17px;

  color: var(--darkcolor);

  text-decoration: none;

  text-overflow: ellipsis;

  width: 100%;

  font-family: 'Montserrat', sans-serif;

  text-transform: capitalize;

  white-space: nowrap;

  display: inline-block;

  overflow: hidden;

  font-weight: 600;

}





.display-img {

  width: 100%;

}



.big-img {

  position: relative;

  width: 475px;

  height: 526px;

  border: 1px solid #ddd;

  cursor: zoom-in;

  overflow: hidden;

  margin-right: auto;

}



.display-img {

  width: 100%;

}



.big-img img.zoom {

  position: absolute;

  transition: width .2s ease-out, opacity .2s ease-out .2s;

}



.img-selection {

  position: absolute;

  right: 0;

  top: 0;

  width: 100px;

}



.img-thumbnail {

  margin-top: 0;

  width: 140px;

  height: 100px;

  border: 1px solid #f2f1f1;

  cursor: pointer;

  transition: .3s ease;

  opacity: .5;

  overflow: hidden;

  margin-bottom: 10px;

}



.menu-dl-right h2 {

  font-family: "sail";

  font-size: 40px;

}



.menu-dl-right h3 {

  color: var(--lightcolor);

  font-weight: 700;

  margin: 8px 0;

  font-size: 25px;

  font-family: 'Montserrat', sans-serif;

}



.rtingh p i {

  color: var(--lightcolor);

  font-size: 14px;

}



.menu-dl-right h5 {

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-style: normal;

  font-weight: 600;

}



.sixe-menu-q .form-check .form-check-input,

.nobg-1 .form-check .form-check-input {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  width: 86px;

  height: 40px;

  margin: auto;

  opacity: 0;

  cursor: pointer;

}



.sixe-menu-q .form-check .form-check-label,

.nobg-1 .form-check .form-check-label {

  border: solid 1px #dbdbdb;

  color: #212529;

  padding: 10px !important;

  display: inline-block;

  cursor: pointer;

  font-family: 'Montserrat', sans-serif;

  text-transform: capitalize;

  font-style: normal;

  font-weight: 600;

  width: 65px;

  text-align: center;

}



.sixe-menu-q li {

  position: relative;

  margin-right: 5px;

  display: inline-block;

}



.quantity-control {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: fit-content;

  margin: 0;

  border-radius: 6px;

  height: 40px;

  margin: 15px 0;

}



.quantity-btn {

  background: var(--lightcolor);

  color: #fff !important;

  border: none;

  outline: none;

  margin: 0;

  padding: 3px 11px;

  cursor: pointer;

  text-align: center;

}



.menu-dl-right h5 {

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-style: normal;

  font-weight: 700;

  margin-top: 15px;

}



.quantity-input {

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  margin: 0;

}



.quantity-input {

  outline: none;

  user-select: none;

  text-align: center;

  width: 47px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  border: none;

  font-size: 18px;

  font-weight: 700;

}



.quantity-btn svg {

  width: 10px;

  height: 10px;

}



.share-links li a {

  margin: 0 10px;

  color: var(--darkcolor);

}



.btn-about {

  background: var(--lightcolor);

  color: #fff;

  border-radius: 0;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-weight: 600;

  padding-left: 20px;

  padding-right: 20px;

  height: 46px;

  font-size: 15px;

}



.bottom-details h2 {

  font-family: 'Montserrat', sans-serif;

  text-transform: capitalize;

  font-style: normal;

  font-weight: 600;

  color: #111143;

}



.bottom-details p {

  font-size: 16px;

  font-family: 'Montserrat', sans-serif;

}



.comment-user-div {

  display: flex;

  flex-wrap: wrap;

  border-bottom: solid 1px #f1f1f1;

  padding-bottom: 20px;

  padding-top: 20px;

}



.comment-user-div .us-pic {

  width: 80px;

  height: 80px;

  overflow: hidden;

  border-radius: 50%;

  margin-right: 8px;

}



.comment-user-div .user-dsl {

  width: 80%;

}



.user-dsl h6 span {

  font-size: 13px;

  color: var(--lightcolor);

  display: block;

  margin-top: 5px;

  margin-left: 8px;

  margin-right: 8px;

}



.bottom-details p {

  font-size: 16px;

  font-family: 'Montserrat', sans-serif;

}



.rating-box .rating-container label:hover,

.rating-box .rating-container label:hover~label,

.rating-box .rating-container input:checked~label {

  color: gold;

}



.rating-box .rating-container label {

  display: inline-block;

  margin: 0 0;

  color: #d4d4d4;

  cursor: pointer;

  font-size: 40px;

  transition: color .2s;

}



.rating-box .rating-container input {

  display: none;

}



.submit-review .form-control {

  border: none;

  background: #f3f3f3;

  height: 50px;

  margin-bottom: 15px;

  font-size: 15px;

}



.submit-review textarea {

  height: 150px !important;

  resize: none;

}



.comment-user-div .us-pic img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.related-produc .comon-items-d1 {

  height: 401px;

}



.related-produc .left-div-list figure {

  width: 100%;

  height: 190px;

  margin: auto !important;

  display: inline-block;

  overflow: hidden;

}



.related-produc {

  margin-bottom: 30px;

}



.related-produc .right-list-div h2 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

}



.related-produc .right-list-div h2 span {

  font-weight: 500;

  text-decoration: line-through;

  color: #bbb;

}



.related-produc .view-products {

  background: var(--lightcolor);

  color: var(--whitecolor);

  text-transform: uppercase;

}



.related-produc .titel-product {

  font-family: 'Playfair Display', serif;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 90%;

  white-space: nowrap;

  display: inline-block;

  font-weight: 700;

  font-size: 20px;

}



.blogs-info-div {

  margin-top: 40px;

}



.blogs-info-div .comon-blogs-list-items {

  display: inline-block;

  height: 100%;

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .1);

  background: #fff;

  overflow: hidden;

}



.blogs-info-div .comon-blogs-list-items figure {

  height: 250px;

  display: inline-block;

  position: relative;

  width: 100%;

  overflow: hidden;

}



.blogs-info-div .comon-blogs-list-items figure img {

  transition: all .5s linear;

  transform: scale(1);

  object-fit: cover;

  width: 100%;

  height: 250px;

}



.blogs-info-div .comon-blogs-list-items figure figcaption {

  position: absolute;

  top: 20px;

  left: 20px;

  background: var(--lightcolor);

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  text-align: center;

  display: grid;

  justify-content: center;

  align-content: center;

  width: 70px;

  height: 70px;

  border-radius: 5px;

  text-transform: uppercase;

  font-size: 16px;

  line-height: 23px;

}



.blogs-info-div .comon-blogs-list-items .content-post {

  padding: 20px;

}



.blogs-info-div .comon-blogs-list-items .content-post h6 {

  color: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 600;

  margin-bottom: 8px;

  display: inline-block;

}



.blogs-info-div .comon-blogs-list-items .content-post h5 {

  color: var(--darkcolor);

  font-family: 'Playfair Display', serif;

  width: 90%;

  overflow: hidden;

  text-overflow: ellipsis;

  display: inline-block;

  font-size: 2rem;

  font-weight: 700;

  text-transform: capitalize;

}



.blogs-info-div .comon-blogs-list-items .content-post .admin-t {

  margin-right: 15px !important;

}



.blogs-info-div .comon-blogs-list-items .content-post .admin-t i {

  color: var(--lightcolor);

  margin-right: 5px;

}



.blogs-info-div .comon-blogs-list-items .content-post p {

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

}



.comon-sec-blogs-inf-right {

  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);

  background: #f3f3f3;

  padding: 15px 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  margin-bottom: 30px;

  margin-top: 10px

}



.comon-sec-blogs-inf-right h5 {

  font-size: 30px;

  color: var(--darkcolor);

  font-family: 'sail';

}



.comon-sec-blogs-inf-right ul li {

  border-bottom: solid 1px #f3f3f3;

  padding-bottom: 5px;

  margin-bottom: 10px;

}



.comon-sec-blogs-inf-right ul li a {

  color: var(--darkcolor);

  transition: all .5s linear;

}



.tags02 ul li {

  float: left;

  display: inline-block;

  border-bottom: none !important;

  margin-right: 8px;

}



.tags02 ul li .btn {

  font-size: 14px;

  background: var(--lightcolor);

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  text-transform: capitalize;

  border: none !important;

}



.comon-sec-blogs-inf-right .como-list figure {

  width: 80px;

  height: 70px;

}



.comon-sec-blogs-inf-right .como-list figure img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.comon-sec-blogs-inf-right .como-list .textry h5 {

  font-size: 14px;

  color: var(--darkcolor);

  font-family: 'Montserrat', sans-serif;

}



.comon-sec-blogs-inf-right .como-list .textry p {

  font-size: 12px;

  margin-top: 8px;

}



.comon-sec-blogs-inf-right .como-list .textry {

  width: 90%;

  padding-left: 20px;

}



.blog-details-page {

  padding: 40px 0;

}



.blog-post p {

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

}



.blog-post figure {

  width: 100%;

  height: 320px;

  overflow: hidden;

}



.blog-post ul li {

  margin: 0 10px;

}



.blog-post .comon-heading {

  font-style: normal;

  color: var(--darkcolor);

  margin-bottom: 15px;

  font-size: 35px;

}



.comon-com-div figure img {

  object-fit: cover;

  width: 100%;

  height: 100%;

}



.about-story {

  padding: 40px 0;

}



.about-story h2 {

  text-transform: none;

}



.about-story .btn-about {

  line-height: 45px;

  height: auto;

}



.about-story .sub-para {

  color: var(--lightcolor);

  font-weight: 600;

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

}



.story-body {

  background: #f6f6f6;

  padding: 40px 0;

  margin: 30px 0 0 0;

}



.story-body h2 {

  font-family: 'sail';

  color: var(--darkcolor);

}



.items-counting h2 {

  font-family: 'sail';

  font-size: 35px;

}



.story-body .sub-para {

  color: var(--lightcolor);

  font-weight: 600;

  text-transform: uppercase;

  font-size: 16px;

}



.contact-des-section {

  padding: 40px 0;

}



.contact-form-paart {

  background: #f8f8f8;

  height: 566px;

  border-radius: 8px;

  overflow: hidden;

  width: 100%;

  padding: 40px;

}



.contact-form-paart .form-control {

  border: none !important;

  height: 50px;

  margin-bottom: 15px;

  background: var(--whitecolor);

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

}



.contact-form-paart .form-select {

  border: none !important;

  height: 50px;

  margin-bottom: 15px;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

}



.contact-form-paart textarea {

  height: 100px !important;

  resize: none;

}



.contact-form-paart .btn-submit {

  background: var(--lightcolor);

  height: 50px;

  border-radius: 5px;

  color: #fff;

  width: 100%;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

}



.contact-des-section .contacrt-div h4 {

  font-family: 'sail';

  font-size: 30px;

}



.pohtos {

  padding: 40px 0 0px;



}



.poic {

  border: 1px solid #f3f2f2;

  padding: 0px 0px 0px 0px;

  background: #fff;

  text-align: center;

  border-radius: 5px;

}



.poic .img-oiu {

  height: 230px;

  overflow: hidden;

}



.poic h5 {

  color: var(--darkcolor);

  font-family: 'Playfair Display', serif;

  font-weight: 700;

  font-size: 22px;

}



.poic h6 {

  color: var(--lightcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

}



.poic p {

  color: var(--darkcolor);

  font-family: 'Montserrat', sans-serif;

  font-size: 12px;

}



.checkout-page-main-div {

  padding: 40px 0;

}



.checkout-page-main-div .comon-heading {

  font-size: 35px;

}



.ad-fm .form-control {

  font-weight: 300;

  height: 45px;

  color: #888;

  background-color: #f1f1f1;

  border: none;

}



.ad-fm .form-group {

  position: relative;

  margin: 13px 0;

}



.ad-fm .form-select {

  background-color: #f1f1f1;

  height: 45px;

  border: none;

  font-size: 14px;

  text-transform: capitalize;

}



.ad-fm .form-group label {

  font-weight: 600;

  margin-bottom: 8px;

  color: var(--darkcolor);

  font-family: 'Montserrat', sans-serif;

}



.left-sec-d2 {

  margin-left: 15px;

}



.end-date,

.cvv {

  display: flex;

  place-items: center;

}



.end-date .form-select {

  margin-right: 5px;

  font-size: 13px;

}



.cvv .form-control {

  width: 60%;

  margin-right: 8px;

}



.ceck-out-right-div {

  display: inline-block;

  width: 100%;

  border: solid 1px rgba(0, 0, 0, .05);

  padding: 30px;

}



.checkout-table th {

  background: var(--darkcolor);

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  text-transform: capitalize;

}



.price-am,

.delivery-am,

.discount-am {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 15px;

  margin-bottom: 15px;

}



.total-price span {

  font-weight: 700;

  font-size: 30px;

  font-family: 'Montserrat', sans-serif;

}



.form-wizard-next-btn {

  background: var(--darkcolor);

  color: #fff !important;

  border-radius: 0 !important;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-style: normal;

  font-weight: 600;

  height: 50px;

  width: 100%;

  line-height: 40px;

  font-size: 14px;

}



#ac-2 {

  display: none;

}



.cart-haedeing h2 {

  font-family: "sail";

  text-transform: capitalize;

  font-size: 35px;

}



.cart-haedeing h2 span {

  font-family: 'Montserrat', sans-serif;

  color: var(--lightcolor);

  font-size: 15px;

  font-weight: 500;

}



.comon-items-cart {

  display: flex;

  align-items: flex-start;

  margin-bottom: 16px;

  padding-bottom: 25px;

  flex-wrap: wrap;

  box-shadow: #efefef 1px 2px 30px;

  padding: 20px;

}



.comon-items-cart .left-section-div {

  display: flex;

  align-items: flex-start;

  width: 67%;

}



.quantity-field {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 120px;

  height: 40px;

  margin: 0 auto;

  margin-top: 15px;

}



.comon-items-cart .crat-linl-pay {

  padding-top: 20px;

  display: grid;

  justify-content: flex-end;

  width: 32%;

  text-align: right;

}



.comon-items-cart .left-section-div figure {

  width: 200px;

  height: 170px;

  overflow: hidden;

  margin: 0 20px 0 0;

  display: inline-block;

  align-content: center;

}



.comon-items-cart .left-section-div .products-cart1 h5 {

  font-family: 'Playfair Display', serif;

  color: var(--darkcolor);

  font-weight: 500;

  font-size: 22px;

  text-transform: capitalize;

}



.comon-items-cart .left-section-div .products-cart1 ul {

  margin-top: 12px;

}



.comon-items-cart .left-section-div .products-cart1 ul li span:first-child {

  width: 90px;

  display: inline-block;

  color: var(--lightcolor);

}



.comon-items-cart .left-section-div .products-cart1 ul li {

  margin-bottom: 5px;

}



.comon-items-cart .crat-linl-pay h4 {

  color: var(--lightcolor);

  font-weight: 700;

  font-size: 29px;

  font-family: 'Montserrat', sans-serif;

}



.comon-items-cart .crat-linl-pay h4 span {

  text-decoration: line-through;

  color: #bbbbbbc9;

  font-size: 16px;

  font-weight: 400;

}



.comon-items-cart .crat-linl-pay {

  padding-top: 20px;

  display: grid;

  justify-content: flex-end;

  width: 32%;

  text-align: right;

}



.quantity-field .value-button {

  border: 1px solid #0a0a0a;

  margin: 0px;

  width: 40px;

  height: 100%;

  padding: 0;

  background: #0a0a0a;

  outline: none;

  cursor: pointer;

  color: #fff;

  font-size: 18px;

}



.quantity-field .number {

  display: inline-block;

  text-align: center;

  border: none;

  border-top: 1px solid #0a0a0a;

  border-bottom: 1px solid #0a0a0a;

  margin: 0px;

  width: 40px;

  height: 100%;

  line-height: 40px;

  font-size: 14pt;

  box-sizing: border-box;

  background: #fff;

  font-family: calibri;

}



.total-count-div {

  box-shadow: #efefef 1px 2px 30px;

  padding: 30px;

  display: inline-block;

  width: 100%;

  border-radius: 8px;

}



.total-count-div h4 {

  font-family: "sail";

  font-size: 30px;

}



.total-count-div .itemsl-list li span {

  font-family: 'Montserrat', sans-serif;

  font-size: 19px;

  font-weight: 700;

}



.total-count-div .promo-code1 .btn {

  background: var(--darkcolor);

  color: #fff;

  margin-top: 10px;

}



.total-count-div .pay-listy li .list-payt {

  color: #ffc107;

  font-family: 'Montserrat', sans-serif;

}



.total-count-div .pay-listy li span {

  margin-bottom: 10px;

  font-size: 18px;

}



.total-count-div .pay-listy li {

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-transform: capitalize;

  font-family: 'Montserrat', sans-serif;

}



.total-count-div .pay-listy li .price-bn {

  font-weight: 700;

  font-size: 24px;

  font-family: 'Montserrat', sans-serif;

}



.total-count-div .btncheck-btn {

  background: var(--darkcolor);

  color: #fff;

  text-transform: uppercase;

  font-family: 'Montserrat', sans-serif;

  display: inline-block;

  width: 100%;

  padding: 12px 24px;

  font-size: 16px;

}



.total-count-div .promo-code1 label {

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

  margin-bottom: 5px;

  font-weight: 600;

}



.sigupo-div {

  border-radius: 0px 8px 8px 0px;

  background: #fff;

  height: 100%;

  box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, .25);

  overflow: hidden;

  margin: 60px 0;

  margin-top: 100px;

  border-radius: 0;

}



.bg-imgop {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  overflow: hidden;

}



.bg-imgop img {

  object-position: bottom left;

}



.txer h2 {

  font-size: 30px;

  text-shadow: #000 1px 2px 10px;

  /* font-family: "Charm", cursive !important; */

}



.txer li {

  font-size: 16px;

  display: flex;

  align-items: start;

  margin-bottom: 8px;

}



.txer li i {

  margin-right: 10px;

  font-size: 20px;



}



.left-sigup {

   background: url(../images/reg.webp) no-repeat; 

  background-size: cover;

  min-height: 100%;

  display: grid;

  align-content: center;

  padding: 40px 20px;

  overflow: hidden;

}



.aboutreg {

  /* background: url(../images/pexels-photo-1560303.jpeg) no-repeat; */

  background-size: cover;

  min-height: 100% !important;

  display: grid;

  align-content: center;

  padding: 40px;

  overflow: hidden;

}



.signup-register {

  padding: 20px 30px; 

}



.signup-register .form-group {

  margin: 12px 0;

  display: inline-block;

  width: 100%;

}



.signup-register .form-group .form-control {

  border-radius: 5px;

  background: rgb(215 215 215 / 18%);

  height: 42px;

  border: none;

  font-size: 14px;

  font-weight: 500;

  text-indent: 10px;

}



.signup-register h2 {

  font-size: 40px;

  font-weight: 700;

  color: var(--darkcolor);

  font-family: 'sail';

}



.signup-register .form-group .form-select {

  border-radius: 5px;

  background-color: rgb(215 215 215 / 18%);

  height: 49px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .05);

  border: none;

  font-size: 14px;

  text-indent: 10px;

}



.signup-register .btn-sumibtn {

  background: var(--lightcolor);

  width: 100%;

  height: 49px;

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 10px 0;

  border-radius: 8px;

}



.coloir {

  width: 50px !important;

  height: 50px;

  overflow: hidden;

  display: inline-block;

  border-radius: 50%;

  padding: 0;

  position: relative;

}



.coloir::before {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  width: 40px !important;

  height: 40px;

  display: inline-block;

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

}



.redc::before {



  background: red;

}



.sixe-menu-q .form-check-input .form-check-label .geern::before {

  background: #2dbcc4;

}



.geern2::before {

  background: rgb(255, 255, 210);

}



.active .form-check-label {

  background: var(--darkcolor);

  color: #fff !important;

}



.nobg-1 .active .form-check-label {

  background: var(--whitecolor);

  border: solid 2px var(--darkcolor);

}



.megamenu {

  position: absolute;

  max-width: 100%;

  left: 0;

  right: 0;

  padding: 15px;

  min-width: 58rem;

}



.aiid-menu h5 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  font-size: 15px;

  color: var(--lightcolor);

}



.aiid-menu .comi2 {

  font-family: 'Montserrat', sans-serif;

  padding: 4px 0;

  font-size: 14px;

  font-weight: 400;

  margin: 0;

  color: var(--darkcolor);

  transition: ease-in-out 0.5s;

}



.aiid-menu .comi2:hover {

  padding-left: 5px;

  color: var(--lightcolor);

}



.aiid-menu li:first-child .comi2 {

  margin-top: 8px;

}



.alllink {

  color: var(--lightcolor) !important;

  font-weight: 500 !important;

}



.navbar .dropdown-item {

  font-family: 'Montserrat', sans-serif;

  padding: 4px 0;

  font-size: 14px;

  font-weight: 400;

  transition: ease-in-out 0.5s;

}



.mkio {

  min-width: 13rem;

  padding-left: 10px;

}



.mkio .dropdown-item:hover {

  background: var(--whitecolor);

  color: var(--lightcolor);

  padding-left: 5px;

}





.dropdown-menu1 {

  top: 80px;

  opacity: 0;

  transition: top 0.8s ease;

  visibility: hidden;

  z-index: 1;

  -webkit-transition: all .25s ease;

  -moz-transition: all .25s ease;

  -ms-transition: all .25s ease;

  -o-transition: all .25s ease;

  transition: all .25s ease;

  display: block;



}



.dropdown:hover>.dropdown-menu1 {

  top: 100%;

  height: inherit;

  opacity: inherit;

  opacity: 1;

  visibility: visible;

}



.formsu-div .txer h2 {

  text-shadow: none;

}



.medsu-icon {

  width: 90px;

  display: table;

  margin: auto;

}



.main-headra {

  font-family: 'sail';

  font-size: 50px;

}



.mobile-menu-sec .dropdown .dropdown-menu {

  position: relative !important;

  min-width: 100%;

  transform: none !important;

}



.mobile-menu-sec .dropdown-menu li .dropdown-item {

  line-height: 36px;

  font-size: 14px;

  color: #1d1d1d;

  transition: all .5s linear;

  padding: 0;

}



.mobile-menu-sec>ul>li {

  margin-bottom: 15px;

}



.mobile-menu-sec .dropdown .dropdown-menu {

  position: relative !important;

  min-width: 100%;

  transform: none !important;

  padding: 10px;

}



.mobile-menu-sec .dropdown .dropdown-menu h5 {

  color: var(--lightcolor);

}



.mobile-menu-sec .signup-btn {

  background: var(--lightcolor);

  color: #fff !important;

  font-size: 15px;

  font-weight: 500;

  width: 100%;

  padding: 12px 0;

}



.login-btn {

  text-transform: uppercase;

  line-height: 1.25rem;

  letter-spacing: .2em;

  position: relative;

  font-weight: 500;

  font-size: 14px !important;

}



.side-media li a {

  background: #101014;

  color: #fff;

  padding: 8px 12px;

  border-radius: 8px;

  display: inline-block;

}



.close-menu {

  border: none;

  color: #323657;

  background: none !important;

  position: absolute;

  right: 21px;

  top: 10px;

}



.side-media {

  list-style-type: none;

  margin-top: 15px;

  display: flex;

}



.side-media li {

  margin: 0 5px;

}



.navbar-light .navbar-toggler:focus {

  box-shadow: none !important;

}



.login-div-modal .modal-content,

.login-div-modal .modal-header {

  background: none;

  border: none;

}



.com-div-md {

  background: #fff;

  padding-top: 25px;

  padding-bottom: 25px;

}



.com-div-md h5 {

  font-family: "sail";

  font-style: normal;

  font-weight: 600;

  font-size: 35px;

  color: var(--darkcolor);

}



.login-div-modal .close {

  transform: none;

  position: absolute;

  right: 6px;

  top: 7px;

  border: none;

  background: none;

  font-size: 29px;

  background: var(--lightcolor);

  border-radius: 50px;

  width: 35px;

  height: 35px;

  display: grid;

  align-content: center;

}



.login-div-modal .close svg {

  width: 26px;

  height: 26px;

  margin: auto;

  color: #fff;

}



.login-modal-pn .form-control {

  border: none;

  font-size: 15px;

  background: #f3f3f3;

  height: 45px;

  margin-bottom: 20px;

}



.continue-bn {

  background: var(--lightcolor);

  color: #fff !important;

  font-weight: 500;

  width: 100%;

  display: inline-block;

  font-family: 'Montserrat', sans-serif;

  text-transform: uppercase;

  font-style: normal;

  letter-spacing: 1px;

  height: 45px;

  line-height: 31px;

  transition: all .5s;

  font-size: 16px;

}



.login-modal-pn {

  padding: 10px 40px 30px 40px;

}



.regster-bn {

  cursor: pointer;

  color: var(--lightcolor);

  font-weight: 500;

}



.navbar .nav-link::after {

  right: -10px;

}



@media(max-width:1180px) {

  .navbar .nav-item {

    margin: 0 7px;

  }



  .navbar-light .navbar-nav .nav-link {

    font-size: 12px;

  }



  .btn-get-stred {

    font-size: 12px;

  }



  .blogs-div .comi {

    padding: 10px 19px;

    font-size: 13px;

    margin: 8px 5px 8px 0;

  }



  .icon-inu {

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    background: #fff;

    border-radius: 50%;

    width: 40px;

    font-size: 26px;

    height: 40px;

    line-height: 32px;

    top: 19px;

  }

}



@media(max-width:900px) {

  .rti-01 {

    border-right: 0;

  }



  .blogs-info-div .comon-blogs-list-items .content-post h5 {

    margin: 5px 0;

  }



  .banner-part,

  .sub-banner-part {

    margin-top: 67px;

  }



  .img-selection {

    position: relative;

    right: 0;

    top: 0;

    width: 155px;

    display: flex;

  }



  .big-img {

    width: 100%;

  }



  .left-sigup {

    display: none;

  }



  .tabsh .nav-tabs .nav-item .nav-link {

    font-size: 12px;

  }



  .intsgramoi {

    display: none !important;

  }

}



@media(max-width:768px) {



  .banner-part,

  .sub-banner-part {

    margin-top: 67px;

  }



  .insidetextrs h2 {

    font-size: 29px;

  }



  .imouy {

    width: 230px;

  }



  .main-head {

    font-size: 29px;

  }



  .newoi .form-sections {

    height: auto;

  }



  .text-middle01 h5 {

    font-size: 19px;

  }



  .officer {

    height: auto;

    padding: 30px 0;

  }



  .officer .container {

    height: auto;

  }



  .crmou-txet h5 {

    font-size: 17px;

  }



}



@media(max-width:668px) {

  .insidetextrs {

    grid-template-columns: 1fr;

    padding: 23px;

  }



  .formsu-div .txer h2 {

    font-size: 25px;

  }



  .text-middle01 h5 {

    font-size: 30px;

  }



  .insidetextrs h2 {

    font-size: 25px;

  }



  .like-div-also h2 {

    font-size: 35px;

  }



  .imouy {

    width: 110px;

  }



  .intsgramoi {

    margin-top: 50px;

  }



  .banner-part,

  .sub-banner-part {

    margin-top:-55px;

  }



  .newoi .form-sections {

    padding: 25px;

    height: auto;

  }



  .main-head {

    font-size: 35px;

  }



  .blog-post ul li {

    margin-bottom: 14px;

  }



  .comon-items-cart .left-section-div {

    width: 100%;

  }

}



@media(max-width:480px) {

  .comon-items-cart .crat-linl-pay {

    width: 100%;

  }

}



@media(max-width:375px) {



  .banner-part,

  .sub-banner-part {

    margin-top: 67px;

  }



  .serach-iu::after {

    height: 453px;

  }



  .serach-iu::before {

    height: 490px;

  }



  .palninf-wedding {

    padding: 30px 0;

  }



  .main-head {

    font-size: 30px;

  }



  .newoi figure {

    display: none;

  }



  .newoi .form-sections {

    padding: 25px;

    height: auto;

  }



  .officer {

    height: auto;

    padding: 45px 0;

  }



  .officer h2 {

    font-size: 35px;

  }



  .officer .container {

    height: auto;

  }



  .blogs-div .comi {

    padding: 10px 19px;

    font-size: 13px;

    margin: 8px 5px 8px 0;

  }



  .blog-post ul li {

    margin: 0 7px;

  }



}



.navbar-brand img {

  height: 70px;

  border-radius: 7px;

}



.headcont {

  color: #fff;

}



.headcont h3 {

  font-size: 35px;

  margin-bottom: 20px;

}



.headcont p {

  font-size: 20px;

}





.input {

  position: relative;

  font-weight: 400;

  cursor: pointer;

  padding: 0 20px 0 10px;

  font-size: 16px;

  height: 45px;

  line-height: 40px;

  margin: auto;

  display: block;

  width: 100% !important;

  color: #272320 !important;

  outline: none;

}



.input1 {

  position: relative;

  font-weight: 400;

  cursor: pointer;

  padding: 0 0px 0 0px !important;

  font-size: 16px;

  height: 45px;

  width: 100% !important;

  line-height: 40px;

  margin: auto;

  display: block;

  color: #272320 !important;

  outline: none;

}



.pr0 {

  padding-right: 0px;

}



.custom-select-wrapper1 {

  position: relative;

  display: inline-block;

  user-select: none;

  min-width: 100%;

  border: solid 1px #ededed;

  width: 100%;

  padding: 0 10px;

}



.row-cols-2>* {

  flex: 0 0 auto;

  width: 50%;

}



.form-group select {

  width: 100%;

}



.create h5 {

  background: #90ee90;

  color: #fff;

  padding: 10px;

  text-align: center;

  font-size: 25px;

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

}



.palninf-wedding .col {

  margin-top: 0px;

}



.mt30 {

  margin-top: 50px;

}



.right-linksj li {
text-align:end;
  color: #e4206c;

}





.icon-bar {

  position: fixed;

  top: 80%;

  right: -10px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 999;

}



.icon-bar img {

  height: 60px;

  border-radius: 50%;

}



.icon-bar a {

  display: block;

  text-align: center;

  padding: 7px 15px;

  transition: all 0.3s ease;

  color: white;

  font-size: 30px;

  border-radius: 50%;

}



/* .icon-bar a:hover {

  background-color: #000;

} */







.charm-regular {

  font-family: "Charm", cursive;

  font-weight: 400;

  font-style: normal;

}



.charm-bold {

  font-family: "Charm", cursive;

  font-weight: 700;

  font-style: normal;

}



.headcont h3 {

  font-family: "Charm", cursive;

  font-weight: 300;

  color: #000;

}



.headcont p {

  color: #000;

}



.mt15 img {

  margin-top: 10px !important;

  border-radius: 10px;

}





/* Style the tab */

.tab {

  overflow: hidden;

  /* border: 1px solid #ccc; */

  /* background-color: #f1f1f1; */

}



/* Style the buttons inside the tab */

.tab button {

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 20.5px 5px;

  transition: 0.3s;

  font-size: 16px;

  border-radius: 0px;

  background-color: #006c55;

  margin: 0px 0px 0px 0px;

  color: #fff;

  width: 100%;

  border-right: 1px solid #fff;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #e4206c;

}



.tab button:first-child {

  border-left: 1px solid #fff !important;

}



/* Create an active/current tablink class */

.tab button.active {

  background-color: #e4206c;

}



/* Style the tab content */

.tabcontent {

  display: none;

  padding: 0px 0px;

  /* border: 1px solid #ccc; */

  border-top: none;

}



.mt25 {

  margin-top: 25px;

}



.fprofile .tab {

  justify-content: space-between;

  align-items: center;

  display: flex;

}



.texr-dl {

  padding: 15px;

  background: #e4206c;

}



.texr-dl h5 {

  color: #fff;

}



.teachers .col {

  border-radius: 5px !important;

}



.mt10 {

  margin-top: 8px;

}



.textru h5 {

  font-size: 20px;

}



.textru span {

  font-size: 14px !important;

  color: #272320;

  font-weight: normal;

  margin-top: 8px;

}



figure {

  margin: 0 0 0rem;

}



.applysec {

  box-shadow: none !important;

  padding: 0px !important;

  margin-bottom: 0px !important;

}



.applysec .btn:hover {

  color: #ffffff !important;

}



.p0 {

  padding: 30px 0px 0px !important;

}



.clogo img {

  height: auto;

  /* border-radius: 10px; */

  object-fit: cover;

  width: auto;

  /* padding: 5px; */

}



.clogo {

  background: #e5216d;

  /* border: 2px solid #e4206c; */

}



.testiii {

  padding: 60px 0px 0px;

}



.pr0 {

  padding-right: 0px;

}



.pl0 {

  padding-left: 0px;

}



.mailid {

  background: #111143;

  padding: 21px 10px;

  text-align: center;

  border-left: 1px solid #fff;

}



.mailid p a {

  color: #fff !important;

}



.logocol .col1 {

  width: 25%;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}



.logocol .col2 {

  width: 75%;

}



.tab .w70 {

  width: 70% !important;

}



.applybtn:hover {

  color: #ffffff;

}





@media (min-width:1024px) and (max-width:1300px) {

  .tab button {

    float: left;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 18px 5px !important;

    border-right: 1px solid #fff;

  }



  .mailid {

    background: #111143;

    padding: 18px 10px !important;

    text-align: center;

    border-left: 1px solid #fff;

  }

}



.mt-8 {

  margin-top: 5rem !important;

}



.signup-register .custom-select-wrapper {

  border-radius: 5px;

  background: rgb(215 215 215 / 18%);

  height: 42px;

  border: none;

  font-size: 14px;

  font-weight: 500;

  text-indent: 10px;

}



.custom-select-trigger {

  position: relative;

  font-weight: 400;

  cursor: pointer;

  padding: 0 20px 0 0;

  font-size: 16px;

  height: 40px;

  line-height: 40px !important;

  margin: auto;

  display: block;

}



.signup-register label {

  margin-bottom: 10px;

}



.signup-register .form-group {

  margin: 6px 0 !important;

  display: inline-block;

  width: 100%;

}



.signup-register p {

  font-size: 22px;

}





.register1 .lang {

  margin-top: 10px;

}



.InputGroup {

  display: flex;

  height: 47px;

}



.InputGroup input {

  width: auto;

}



/**

* 1. Hides the input from view

* 2. Ensures the element does not consume any space

*/



input[type="radio"] {

  visibility: hidden;

  /* 1 */

  height: 0;

  /* 2 */

  width: 0;

  /* 2 */

}



.location1 label {

  background: #fff !important;

  margin-bottom: 10px;

}



.lang label {

  display: flex;

  flex: auto;

  vertical-align: middle;

  align-items: center;

  justify-content: center;

  text-align: center;

  cursor: pointer;

  background-color: #dadada;

  color: #535353;

  font-size: 12px;

  padding: 5px 14px;

  border-radius: 6px;

  transition: color --transition-fast ease-out,

    background-color --transition-fast ease-in;

  user-select: none;

  margin-right: 8px;

  margin-bottom: 8px;

}



label:last-of-type {

  margin-right: 0;

}



input[type="radio"]:checked+label {

  background-color: #006c55;

  color: #fff;

}



input[type="radio"]:hover:not(:checked)+label {

  background-color: #006c55;

  color: #fff;

}



.indexpage label {

  text-align: left !important;

  font-size: 16px !important;

}



.InputGroup {

  margin: 10px 0px 5px;

}



/* .pa-btn{

  display: flex !important;

} */

.pa-btn input {

  width: 100% !important;

  padding: 10px 20px;

}



/* .pa-btn a{

  margin: 0px 0px !important;

} */

.pa-btn .bleft {

  text-align: left;

  float: left !important;

}



.pa-btn .bright {

  text-align: right;

  float: right !important;

}





.signup-register .form-group textarea {

  border-radius: 5px;

  background: rgb(215 215 215 / 18%);

  min-height: 200px !important;

  width: 100%;

  border: none;

  font-size: 14px;

  font-weight: 500;

  text-indent: 10px;

  padding: 20px 10px;

  resize: vertical !important;

}





.signup-register .btn-sumibtn1 {

  background: var(--lightcolor);

  width: 100%;

  height: 42px;

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0px 0;

  border-radius: 7px;

}



.codee {

  border-radius: 0px 8px 8px 0px;

  background: #fff;

  height: 100%;

  box-shadow: none !important;

  overflow: hidden;

  margin: 0px 0;

  margin-top: 60px;

  padding: 40px 20px;

  border-radius: 0;

}



.centercont {

  /* height: 92vh; */

  display: flex;

  align-items: center;

}



.centercont1 {

  height: 92vh;

  display: flex;

  align-items: center;

}



.codee h3 {

  font-size: 27px;

  margin-bottom: 20px;

  color: green;

}



.codee h5 {

  font-size: 25px;

  margin-bottom: 20px;

  color: #272320;

}



.codee h5>span {

  color: #d70b0b;

}



.codee hr {

  margin: 40px 0px;

}



#file-input {

  display: none;

}



.preview {

  padding: 15px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  width: 100%;

  max-width: 250px;

  margin: auto;

  background-color: rgb(255, 255, 255);

  box-shadow: 0 0 20px rgba(170, 170, 170, 0.2);

}



.fileinput img {

  width: 100%;

  object-fit: cover;

  margin-bottom: 20px;

}



.fileinput label {

  font-weight: 600;

  cursor: pointer;

  color: #fff;

  border-radius: 8px;

  padding: 10px 20px;

  background-color: rgb(101, 101, 255);

}





.fileinput {

  display: flex;

  align-items: center;

}





.pricingtablecontainer {

  display: flex;

  flex-wrap: nowrap;

  overflow: auto;

  margin: 20px -10px;

  padding: 30px 0;

}



.pricingtable {

  padding: 0 10px;

  /* max-width: 25%;

  min-width: 250px;

  flex: 1 0 100%; */

}



.pricingtable .js-yearlypricing {

  display: none;

}



.pricingtable ul {

  border: 1px solid #DBDBDB;

  border-radius: 5px;

  position: relative;

  padding: 10px;

}



.pricingtable li {

  display: flex;

  border-bottom: 1px solid #DBDBDB;

  padding: 10px;

  align-items: center;

  justify-content: center;

}



.pricingtable li.disable {

  opacity: 0.5;

  text-decoration: line-through;

}



.pricingtable__head {

  border: none !important;

  text-transform: uppercase;

  font-weight: bold;

}



.pricingtable__highlight {

  background: green;

  border-radius: 6px;

  color: white;

  padding: 15px !important;

  font-weight: bold;

}



.pricingtable__popular {

  background: #F0C80F;

  border: none !important;

  border-radius: 5px 5px 0 0;

  color: white;

  padding: 5px !important;

  position: absolute;

  top: -25px;

  left: 0;

  width: 100%;

  text-transform: uppercase;

}



.pricingtable__btn {

  border: none !important;

}



.pricingtable .popular {

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

}



.pricingtable .popular .pricingtable__highlight {

  background: #F0C80F;

}



.pricingtable .silver .pricingtable__highlight {

  background: #00CE6C;

}



.pricingtable .diamond .pricingtable__highlight {

  background: #65B2DE;

}



.pricingtable .platinum .pricingtable__highlight {

  background: #A182D2;

}



.slideToggle {

  display: flex;

  justify-content: center;

  margin: 50px 0;

}



.slideToggle i {

  margin: 0 15px;

}



.form-switch {

  align-items: center;

  display: flex;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;

  justify-content: space-between;

  margin-bottom: 20px;

}



.form-switch i {

  position: relative;

  display: inline-block;

  width: 100px;

  height: 30px;

  border: 1px solid #DFDFDF;

  border-radius: 15px;

  transition: all 0.3s linear;

}



.form-switch i::after {

  content: "";

  position: absolute;

  left: 0;

  width: 40px;

  height: 22px;

  background-color: #00CE6C;

  border-radius: 15px;

  transform: translate3d(4px, 3px, 0);

  transition: all 0.2s ease-in-out;

}



.form-switch input {

  display: none;

}



.form-switch input:checked+i::after {

  transform: translate3d(54px, 3px, 0);

}



.pricingtable__btn .btn-success {

  color: #fff;

  background-color: #198754;

  border-color: #198754;

  font-size: 18px !important;

  margin-top: 10px;

  padding: 6px 25px;

}



.pricingtable li:last-child {

  border-bottom: none !important;

}











section.details-profile {

  padding-top: 100px;

  padding-bottom: 95px;

}



.profile-img-part .profile {

  width: 220px;

  height: 220px;

  border-radius: 125px;

  margin-bottom: 10px;

  object-fit: cover;

}



.left-adrees h2 {

  font-size: 30px;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 8px;

}



.profile-bio {

  display: flex;

  align-items: center;

  padding-left: 20px;

  margin-bottom: 52px;

}



.profile-bio img {

  height: 24px;

  width: 34px;

  margin-right: 8px;

}



.profile-bio p {

  font-size: 16px;

  font-weight: 500;

  line-height: normal;

  color: #656875;

}



.profile-bio p span {

  color: #23273A;

  font-weight: 700;

}



.left-adrees h2 span img {

  padding-bottom: 13px;

}



.profile-adress-top {

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 1px solid #D6D6D6;

  padding-bottom: 28px;

  margin-bottom: 30px;

}



.adress-memberid {

  display: flex;

}



.member-adredd {

  display: flex;

  align-items: center;

  margin-right: 15px;

}



.adress-memberid p {

  margin: 0;

  font-weight: 500;

  color: #656875;

}



.member-adredd img {

  margin-right: 10px;

}



.member-id p strong {

  font-size: 30px;

  margin-right: 5px;

  color: var(--black-clr);

}



.member-id p span {

  color: var(--primary-clr);

  font-weight: 600;

  margin-left: 5px;

}



.main-profile {

  border: 1px solid #E9E9E9;

  border-radius: 0px 0px 20px 20px;

  background: #FCFBFF;

  padding: 30px 30px;

  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);

  border-radius: 10px;

  margin: 20px 0px;

}



.cover img {

  width: 100%;

  height: 260px;

  object-fit: cover;

}



.single-content-item span {

  font-size: 16px;

  font-weight: 500;

  line-height: normal;

  color: #23273A;

  opacity: .7;

  display: inline-block;

  margin-bottom: 10px;

}



.single-content-item p {

  color: #23273A;

  font-size: 20px;

  font-weight: 500;

  line-height: normal;

  margin-bottom: 0;

}



.single-content-item {

  margin-bottom: 25px;

}



.left-adrees a {

  margin-bottom: 17px;

}



.right-adress-btn a {

  color: #1C1B1F;

}



.profile-header {

  position: relative;

  z-index: 1;

  margin-bottom: 43px;

}



.profile-img-part {

  position: absolute;

  top: 1%;

}



.profile-manu li a {

  font-size: 20px;

  color: #646775 !important;

  line-height: normal;

  font-weight: 600;

}



.profile-manu {

  margin-bottom: 40px;

}



.profile-manu ul {

  border-bottom: 1px solid #D6D6D6;

}



.profile-manu .navlist li.active a,

.navlist li a:hover {

  color: var(--black-clr) !important;

}



.profile-manu .navlist li a:hover,

.navlist li.active a {

  border-bottom: 3px solid var(--primary-clr);

}



/* ====================================== */

.profile-faq {

  margin-bottom: 60px;

}



.accordion-item .accordion-button {

  outline: none;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  font-size: 24px;

  font-weight: 600;

  line-height: normal;

  color: #23273A;

  padding: 32px 34px;

  padding-right: 25px;

  border-radius: 20px;

}



.accordion-item .accordion-button:focus {

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

  color: var(--primary-clr);

}



.accordion .accordion-item {

  border: 1px solid #E9E9E9;

  margin-bottom: 20px;

  border-radius: 20px;

}



.accordion .accordion-button:not(.collapsed) {

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

}



.accordion .accordion-body {

  padding-top: 0;

}



.accordion-item .accordion-header .accordion-button:not(.collapsed)::after {

  background-image: url(../imgs/icons/faq-active.svg);

  background-size: 35px 32px;

  background-position: center center;

  border-radius: 50%;

  height: 32px;

  width: 32px;

}



.accordion-item .accordion-header .accordion-button::after {

  background-image: url(../imgs/icons/faq-deactive.svg);

  background-size: 35px 32px;

  background-position: center center;

  border-radius: 50%;

  height: 32px;

  width: 32px;

}



.accordion-item:first-of-type .accordion-button {

  border-radius: 20px;

}



.accordion-item:last-of-type .accordion-button.collapsed {

  border-radius: 20px;

}



.similar-profile-tittle {

  text-align: center;

}



.similar-profile-tittle h2 {

  font-size: 40px;

  font-weight: 600;

  line-height: normal;

  margin-bottom: 45px;

}



/* partner expectation page start */



.profile-table table,

th,

td {

  border: 1px solid #D6D6D6;

  border-collapse: collapse;

}



.profile-table span {

  font-size: 16px;

  display: block;

  font-weight: 500;

  line-height: normal;

  color: var(--black-clr);

  opacity: .7;

  margin-bottom: 9px;

}



.profile-table th {

  font-size: 24px;

  font-weight: 600;

  line-height: normal;

  color: var(--black-clr);

  padding: 20px 20px;

  padding-top: 90px;

}



.profile-table td {

  font-size: 24px;

  font-weight: 600;

  line-height: normal;

  padding: 20px 20px;

}



.profile-table .last-td {

  padding-bottom: 91px;

}



.profile-adrees {

  padding: 10px 20px;

}



.left-adrees a {

  margin-bottom: 17px;

}



a.premium {

  display: inline-block;

  background: #FF8A35;

  padding: 0px 8px;

  color: var(--white-clr);

  border-radius: 4px 8px;

  font-size: 12px;

  text-transform: uppercase;

  margin-bottom: 22px;

}



.profile-top-btn ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

}



.profile-top-btn li {

  display: inline;

  border: 0.5px solid #E9E9E9;

  background: var(--white-clr);

  text-align: center;

  border-radius: 8px;

  margin-left: 8px;

}



.profile-top-btn li a {

  display: inline-block;

  font-size: 12px;

  font-weight: 500;

  line-height: normal;

  width: 63px;

  height: 60px;

  border-radius: 8px;

  color: #1C1B1F;

}



.profile-top-btn li a:hover {

  background: var(--primary-clr);

  color: var(--white-clr);

  border-radius: 8px;

}



.profile-bio {

  display: flex;

  align-items: center;

  padding-left: 20px;

  margin-bottom: 10px;

}



.profile-btn ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.profile-btn li {

  display: inline-block;

  margin-right: 5px;

}



.profile-btn a {

  background: #EFEFEF;

  border-radius: 3px;

  color: var(--black-clr);

  padding: 6px 12px;

  display: inline;

  font-size: 12px;

}



.profile-top-btn li a i {

  font-size: 20px;

  display: block;

  margin-top: 10px;

  margin-bottom: 5px;

}



.adress-memberid .fa {

  padding-right: 6px;

}









.signup1 .w25 {

  width: 30% !important;

  height: 520px;

}



.signup1 .w75 {

  width: 70% !important;

}



.signup1 .col {

  flex: none !important;

}



.InputGroup {

  margin: 5px 0px 5px !important;

}



.InputGroup {

  display: flex;

  height: 42px !important;

}

















.all-weddpro {

  float: left;

  width: 100%;

}



.all-weddpro .col-md-3 {

  background: rgb(255 255 255);

  border-radius: 10px;

  padding: 30px 25px;

  margin: 30px 0px 70px;

  border: 1px solid #ebddaa;
  box-shadow: 2px 2px 5px #cecece;
  border-radius: 10px;

}



.all-filt {

  background: rgb(245, 245, 245);

  padding-right: 15px;

}



.short-all {

  float: left;

  width: 100%;

  font-size: 18px;

  font-weight: 500;

  border-bottom: 1px solid rgb(226, 225, 225);

  padding: 30px 0px 5px 36px;

}



.short-lhs {

  float: left;

  width: 250px;

  font-family: var(--tit-font);

  margin-top: 8px;

  font-size: 22px;

}



.short-rhs {

  float: left;

  width: calc(100% - 250px);

}



.short-rhs ul {

  float: right;

}



.short-rhs ul li {

  display: inline-block;

  font-family: var(--tit-font);

}



.short-rhs ul li .form-group {

  width: 200px;

  margin: 0 8px 0 10px;

}



.short-rhs ul li .form-group .chosen-container {

  border: 1px solid rgb(96, 30, 79);

}



.short-rhs ul li .form-group .chosen-container .chosen-results {

  float: left;

  width: 100%;

}



.sort-grid {

  width: 50px;

  height: 50px;

  border: 1px solid #000;

  border-radius: 8px;

  text-align: center;

  vertical-align: middle;

  top: -7px;

  position: relative;

  margin: 0 4px;

  cursor: pointer;

}



.sort-grid.act {

  background: #d3a25a;

  border: 1px solid #af813d;

  color: #fff;

}



.sort-grid i {

  vertical-align: middle;

  font-size: 20px;

  padding-top: 16px;

  text-align: center;

}



.all-list-sh {

  float: left;

  padding: 30px 0px 65px;

  width: 100%;

}



.all-list-sh.view-grid ul li {

  width: 50%;

}



.view-grid .pro-img {

  width: 100%;

}



.view-grid .all-pro-box div:nth-child(1) img {

  height: 250px;

}



.view-grid .pro-detail {

  width: 100%;

}



.all-list-sh.view-grid .all-pro-box {}





.all-list-sh ul li {

  padding: 0px 0px 10px 10px;

  float: left;

  width: 100%;

  transition: all 0.5s ease;

}



.all-list-sh ul li:last-child {

  padding-bottom: 0px;

}



.fil-mob {

  cursor: pointer;

  background: rgb(252, 232, 209);

  padding: 10px 5px;

  transition: all 0.5s ease-in-out 0s;

  width: 100%;

  float: left;

}



.fil-mob.fil-mob-act {

  position: relative;

  width: 100%;

  display: none;

}



.fil-mob h4 {

  margin: 0px;

  font-size: 15px;

  text-align: center;

}



.fil-mob h4 i {

  font-size: 15px;

  vertical-align: middle;

  font-weight: 600;

}



.filt-com {

  float: left;

  margin-bottom: 30px;

  width: 100%;

}



.filt-com .form-group {

  margin-bottom: 0px;

}



.filter-clo {

  position: absolute;

  right: 30px;

  top: 25px;

  cursor: pointer;

  color: #000;

  font-size: 65px;

  font-weight: 200;

  transform: rotate(45deg);

  line-height: 36px;

  transition: all 0.5s ease-in-out 0s;

  display: none;

}



.lhs-search ul li {

  float: left;

}



.lhs-search ul li:nth-child(1) {

  width: 75%;

}



.lhs-search ul li:nth-child(2) {

  width: 25%;

}



.lhs-search ul li:nth-child(1) input {

  background: rgb(232, 234, 237);

  border: 0px;

  font-size: 15px;

  padding: 12px 18px;

  color: rgb(10, 10, 11);

  width: 100%;

  border-radius: 5px 0px 0px 5px;

  font-weight: 500;

  float: left;

}



.lhs-search ul li:nth-child(2) input {

  background: url("../images/icon/search.png") center center / 17px no-repeat, rgb(217, 220, 225);

  border: 0px;

  font-size: 14px;

  padding: 12px 18px 13px;

  color: rgb(0, 0, 0);

  width: 100%;

  border-radius: 0px 5px 5px 0px;

  z-index: 9;

  float: left;

}



.filt-com h4 {

  font-size: 16px;

  color: rgb(96, 30, 79);

  padding-left: 36px;

  margin-bottom: 15px;

  font-weight: 600;

  position: relative;

  font-family: var(--tit-font);

}



.lhs-cate h4 i {

  left: 0;

  position: absolute;

  border: 1px solid rgb(199 177 151);

  padding: 4px 5px 5px 5px;

  border-radius: 8px;

  vertical-align: initial;

  width: 28px;

  height: 28px;

  top: -4px;

  text-align: center;

}



.lhs-cate .chosen-container {

  border: 1px solid rgb(96, 30, 79);

}



.filt-com .dropdown-menu {

  min-height: 200px;

  max-height: 400px;

  overflow: hidden auto;

  width: 254px;

}



.filt-send-query {

  position: sticky;

  top: 75px;

}



.send-query {

  background: rgb(43 58 58);

  padding: 24px 20px;

  float: left;

  width: 100%;

  border-radius: 10px;

  text-align: center;

}



.send-query h5 {

  font-size: 22px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  font-family: var(--tit-font);

}



.send-query p {

  font-size: 12px;

  font-weight: 400;

  color: rgb(171 171 171);

}



.send-query input {

  border: 0px;

  font-size: 12px;

  width: 100%;

  padding: 10px;

  font-weight: 500;

  border-radius: 3px;

  margin-bottom: 8px;

}



.send-query a {

  background: rgb(199, 65, 88);

  color: rgb(255, 255, 255);

  font-size: 11px;

  padding: 7px 20px;

  border-radius: 4px;

  font-weight: 600;

  display: inline-block;

  transition: all 0.5s ease 0s;

  /* float: left; */

  border: 0px;

}



.job-ser-cnt {

  float: left;

  width: 100%;

  font-size: 18px;

  font-weight: 500;

  border-bottom: 1px solid rgb(226, 225, 225);

  padding: 60px 0px 5px 36px;

}



.job-ser-cnt b {

  font-weight: 700;

}



.all-pro-head {

  padding: 35px 30px 38px;

  background: url("../images/banner.jpg") 0px -105px / cover no-repeat;

  position: relative;

  width: 100%;

  float: left;

  text-align: center;

  margin-top: var(--mtop);

}



.all-pro-head::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  inset: 0px;

  background: linear-gradient(90deg, rgba(71, 9, 9, 0.64) 5%, rgb(135, 15, 68) 80%);

  opacity: 0.8;

}



.all-pro-head h1 {

  font-size: 28px;

  font-weight: 600;

  line-height: 32px;

  display: block;

  width: 100%;

  color: rgb(255, 255, 255);

  position: relative;

  padding-bottom: 10px;

}



.all-pro-head a {

  color: rgb(255, 255, 255);

  position: relative;

  padding: 10px 20px;

  display: table;

  font-size: 14px;

  font-weight: 600;

  border-radius: 2px;

  background: linear-gradient(45deg, rgb(205, 0, 152), rgb(225, 77, 97) 80%);

  margin: 0px auto;

  width: auto;

}



.all-pro-head a i {

  vertical-align: middle;

  font-size: 22px;

  margin-left: 5px;

  transition: all 0.4s ease 0s;

}



.all-pro-head a:hover i {

  margin-left: 7px;

}



.all-pro-box {

  background: rgb(255, 255, 255);

  overflow: hidden;

  padding: 10px;

  position: relative;

  box-shadow: rgba(51, 51, 51, 0.1) 0px 1px 8px -2px;

  border-radius: 5px;

  transition: all 0.5s ease 0s;

  border: 1px solid rgb(255, 255, 255);

}



.all-pro-box:hover div:nth-child(1) img {

  transition: all 0.5s ease 0s;

  transform: scale(1.1);

}



.all-pro-box:hover div:nth-child(2) h4 a {

  color: rgb(202, 44, 88);

}



.all-pro-box div:nth-child(1) img {

  width: 100%;

  /* height: 100vh; */

  float: left;

  object-fit: cover;

  height: 240px;

  transition: all 0.5s ease 0s;

  cursor: pointer;

  border-radius: 4px;

}



.pro-detail {

  padding: 25px;

  float: left;

  width: 60%;

}



.pro-detail h4 {

  font-size: 20px;

  padding-bottom: 10px;

  text-overflow: ellipsis;

  white-space: pre;

  overflow: hidden;

  position: relative;

  font-weight: 600;

  text-align: left;

  padding-left: 0px;

}



.pro-detail h4 a {

  color: rgb(33, 37, 41);

  font-weight: 600;

  font-family: var(--tit-font);

  font-size: 26px;

}



.pro-detail p {

  margin: 0px 0px 20px;

  overflow: hidden;

  font-size: 13px;

  line-height: 17px;

  height: 50px;

  color: rgb(134, 128, 124);

  display: none;

}



.all-pro-box span.addr {

  font-size: 13px;

  padding-left: 25px;

  display: block;

  padding-bottom: 10px;

  font-weight: 500;

  color: rgb(51, 51, 51);

  display: none;

}



.all-pro-box span.pho,

.all-pro-box span.mail {

  float: left;

  padding: 0px 25px 0px 30px;

}



.pro-detail span::before {

  margin: -3px 0px 0px -25px;

  color: rgb(121, 120, 127);

}



.pro-detail span.addr::before {

  content: "map";

  line-height: 24px;

}



.pro-detail span.pho::before {

  content: "phone";

}



.pro-detail span.mail::before {

  content: "mail";

}



.pro-detail span.pho {

  padding-bottom: 0px;

}



.pro-pg-intro {}



.pro-pg-intro h1 {

  margin-bottom: 15px;

  font-size: 46px;

  font-weight: 700;

}



.pro-pg-intro ul {

  display: table;

  width: 100%;

  margin-bottom: 50px;

}



.pro-pg-intro ul li {

  float: left;

  margin: 0 10px 10px 0;

}



.pro-pg-intro ul li div {

  border: 1px solid rgb(231, 231, 240);

  border-radius: 16px;

  text-align: center;

  padding: 15px;

  min-width: 140px;

}



.pro-pg-intro ul li div img {

  width: 42px;

  margin: 0 auto;

  display: table;

  margin-bottom: 10px;

}



.pro-pg-intro ul li div span {

  text-transform: uppercase;

  font-size: 15px;

  font-weight: 400;

}



.pro-pg-intro ul li div span strong {

  font-weight: 600;

  display: block;

  font-size: 18px;

}



.pr-bio-hob ul li {

  display: inline-block;

  padding: 0px 12px 12px 0px;

}



.pr-bio-hob ul li span {

  background: rgb(239 239 239);

  font-size: 14px;

  font-weight: 400;

  padding: 4px 7px;

  border-radius: 4px;

  color: rgb(24, 28, 32);

}



.pr-bio-soc ul li {

  display: inline-block;

  padding: 0px 6px 6px 0px;

}



.pr-bio-soc ul li a {}



.pr-bio-conta ul li {

  padding-bottom: 30px;

  position: relative;

}



.pr-bio-conta ul li span {

  font-weight: 400;

  position: relative;

  padding-left: 55px;

  display: block;

}



.pr-bio-conta ul li span b {

  font-weight: 600;

  width: 110px;

  padding-right: 10px;

  position: relative;

}



.pr-bio-conta ul li span i {

  font-size: 18px;

  display: inline-block;

  position: absolute;

  top: -7px;

  border: 1px solid rgb(219, 204, 187);

  padding: 8px;

  border-radius: 10px;

  vertical-align: initial;

  width: 38px;

  height: 38px;

  text-align: center;

  margin-right: 8px;

  left: 0;

}



.pr-bio-conta ul li:nth-child(2) span b i {

  left: -4px;

}



.pr-bio-conta ul li:last-child {

  padding-bottom: 0;

}



.wedd-gall-pg-v1 .pr-bio-gal {

  margin-bottom: 0;

  border-bottom: 0;

  padding-bottom: 0;

}



.pr-bio-gal ul li {

  float: left;

  width: 33.3333%;

  padding: 0px 20px 20px 0px;

}



.pr-bio-gal ul li span img {

  width: 100%;

  height: 200px;

  object-fit: cover;

  float: left;

  border-radius: 4px;

}





.hom-eve-lhs-2 {

  float: left;

  width: 50%;

  padding-left: 25px;

}



.hom-eve-lhs-2 ul li {

  float: left;

  width: 100%;

  margin-bottom: 15px;

}



.all-pro-box-list {

  float: left;

  width: 100%;

  background: rgb(255, 255, 255);

  padding: 0px 10px 0px 0px;

  overflow: hidden;

  border: 1px solid rgb(249, 237, 231);

  box-shadow: rgba(150, 150, 150, 0.78) 0px 0px 9px -7px;

  position: relative;

}



.pro-avl-status {

  position: absolute;

  bottom: 0px;

  width: 100%;

}



.pro-avl-status h5 {

  background: rgb(143, 163, 181);

  color: rgb(255, 255, 255);

  font-size: 11px;

  text-align: center;

  margin: 0px auto;

  padding: 4px 8px;

  border-radius: 0px;

  font-weight: 500;

  display: none;

}



.pro-avl-status .marqu {

  background: rgb(143, 163, 181);

  color: rgb(255, 255, 255);

  font-size: 11px;

  text-align: center;

  display: block;

  margin: 0px auto;

  padding: 4px 8px;

  border-radius: 0px;

  font-weight: 500;

  height: 21px;

  width: 120%;

  line-height: 15px;

}



.pro-avl-status {

  margin: 0px auto;

  overflow: hidden;

  box-sizing: border-box;

  background: rgb(143, 163, 181);

}



.marqu {

  display: inline-block;

  width: 100%;

  padding-left: 100%;

  will-change: transform;

  animation: 15s linear 0s infinite normal none running marquee;

}



.marqu:hover {

  animation-play-state: paused;

}



@keyframes marquee {

  0% {

    transform: translate(75%, 0px);

  }



  100% {

    transform: translate(-100%, 0px);

  }

}



@media (prefers-reduced-motion: reduce) {

  .marqu {

    animation-iteration-count: 1;

    width: auto;

    padding-left: 0px;

  }

}



.user-avil-onli .pro-avl-status h5 {

  background: rgb(76, 175, 80);

  color: rgb(255, 255, 255);

  display: table;

  width: 100%;

}



.user-avil-onli .pro-avl-status .marqu {

  display: none;

}



.user-avil-onli .pro-ave-yes,

.db-new-pro .pro-ave-yes {

  background: rgb(76, 175, 80);

  box-shadow: rgb(76, 175, 80) 0px 0px 0px 0px;

}



.all-pro-box-list:hover h4 {

  color: rgb(235, 144, 95);

}



.all-pro-box-list img {

  width: 65px;

  height: 65px;

  object-fit: cover;

  float: left;

  margin-right: 18px;

  transition: all 0.5s ease 0s;

}



.all-pro-box-list h4 {

  margin-top: 17px;

  margin-bottom: 2px;

  color: rgb(52, 60, 66);

  font-size: 14px;

  font-weight: 600;

  transition: all 0.5s ease 0s;

  text-overflow: ellipsis;

  white-space: pre;

  overflow: hidden;

}



.all-pro-box-list p {

  color: rgb(52, 60, 66);

  font-size: 13px;

  font-weight: 400;

  transition: all 0.5s ease 0s;

  text-overflow: ellipsis;

  white-space: pre;

  overflow: hidden;

  margin-bottom: 0px;

}



.all-pro-box-list span {

  position: absolute;

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

  z-index: 3;

  bottom: 0px;

  left: 0px;

  color: rgb(255, 255, 255);

  font-size: 13px;

  line-height: 15px;

  padding: 2px 12px 4px 13px;

  border-radius: 0px;

}



.all-pro-box-list span b {

  font-weight: 600;

  padding-left: 2px;

}



.all-pro-box-list a {

  position: absolute;

  cursor: pointer;

  inset: 0px;

  z-index: 5;

}



.all-list-sh .all-pro-box {

  margin: 10px 0px 10px 15px;

}



.pro-img {

  float: left;

  width: 40%;

  overflow: hidden;

  border-radius: 3px;

  position: relative;

  transition: all 0.5s ease;

}



span.mail::before {

  content: "mail";

}



.links {

  /* float: left; */

  padding: 0px;

  border: 0px;

}



.links a,

.links span {

  background: rgb(255, 255, 255);

  border: 1px solid rgb(225, 231, 236);

  color: rgb(51, 51, 51);

  font-size: 12px;

  font-weight: 600;

  padding: 5px 10px;

  border-radius: 30px;

  float: left;

  margin: 0 8px 8px 0;

  cursor: pointer;

  transition: all 0.4s ease 0s;

}



.all-pro-box:hover .links span.cta-chat {

  background: rgb(76, 175, 80);

  border: 1px solid rgb(76, 175, 80);

  color: rgb(255, 255, 255);

  transition: all 0.4s ease 0s;

}



.pro-ave {

  position: absolute;

  left: 10px;

  top: 8px;

}



.pro-ave-yes {

  width: 14px;

  height: 14px;

  background: rgb(143, 163, 181);

  display: inline-block;

  border-radius: 50px;

  border: 2px solid rgb(255, 255, 255);

  position: relative;

  box-shadow: rgb(143, 163, 181) 0px 0px 0px 0px;

  animation: 1s cubic-bezier(0.4, 0, 0, 1) 0s infinite normal none running pulse;

}



@-webkit-keyframes pulse {

  100% {

    box-shadow: rgba(232, 76, 61, 0) 0px 0px 0px 15px;

  }

}



@keyframes pulse {

  100% {

    box-shadow: rgba(232, 76, 61, 0) 0px 0px 0px 15px;

  }

}



.enq-sav {

  position: absolute;

  top: 10px;

  right: 10px;

}



.enq-sav i {

  cursor: pointer;

  color: rgb(167, 184, 193);

  border-radius: 50%;

  font-size: 16px;

  padding: 4px;

  text-align: center;

  width: 25px;

  height: 25px;

  box-sizing: border-box;

  transition: all 0.5s ease 0s;

  background: rgb(255, 255, 255);

}



.enq-sav i.sav-act {

  color: rgb(244, 193, 80);

  box-shadow: rgb(255, 238, 201) 0px 0px 0px;

  animation: 1.5s ease 0s 1 normal none running pulse;

  background: rgb(255, 245, 222);

}



.pro-detail .pro-bio {

  width: 100%;

  float: left;

  padding: 12px 5px 12px 0px;

  border-bottom: 1px solid rgb(218, 218, 218);

  margin-bottom: 15px;

}



.pro-detail .pro-bio span {

  font-size: 13px;

  color: rgb(255, 255, 255);

  font-weight: 500;

  float: left;

  line-height: 22px;

  background: rgb(113, 143, 160);

  padding: 4px 10px;

  margin: 0px 5px 5px 0px;

  border-radius: 3px;

  display: inline-block;

}



.filt-com {

  float: left;

  margin-bottom: 30px;

  width: 100%;

}



.filt-com .form-group {

  margin-bottom: 0px;

}



.filter-clo {

  position: absolute;

  right: 30px;

  top: 25px;

  cursor: pointer;

  color: #000;

  font-size: 65px;

  font-weight: 200;

  transform: rotate(45deg);

  line-height: 36px;

  transition: all 0.5s ease-in-out 0s;

  display: none;

}



.lhs-search ul li {

  float: left;

}



.lhs-search ul li:nth-child(1) {

  width: 75%;

}



.lhs-search ul li:nth-child(2) {

  width: 25%;

}



.lhs-search ul li:nth-child(1) input {

  background: rgb(232, 234, 237);

  border: 0px;

  font-size: 15px;

  padding: 12px 18px;

  color: rgb(10, 10, 11);

  width: 100%;

  border-radius: 5px 0px 0px 5px;

  font-weight: 500;

  float: left;

}



.lhs-search ul li:nth-child(2) input {

  background: url("../images/icon/search.png") center center / 17px no-repeat, rgb(217, 220, 225);

  border: 0px;

  font-size: 14px;

  padding: 12px 18px 13px;

  color: rgb(0, 0, 0);

  width: 100%;

  border-radius: 0px 5px 5px 0px;

  z-index: 9;

  float: left;

}



.filt-com h4 {

  font-size: 16px;

  color: rgb(96, 30, 79);

  padding-left: 36px;

  margin-bottom: 15px;

  font-weight: 600;

  position: relative;

  font-family: var(--tit-font);

}



.lhs-cate h4 i {

  left: 0;

  position: absolute;

  border: 1px solid rgb(199 177 151);

  padding: 4px 5px 5px 5px;

  border-radius: 8px;

  vertical-align: initial;

  width: 28px;

  height: 28px;

  top: -4px;

  text-align: center;

}



.lhs-cate .chosen-container {

  border: 1px solid rgb(96, 30, 79);

}



.filt-com .dropdown-menu {

  min-height: 200px;

  max-height: 400px;

  overflow: hidden auto;

  width: 254px;

}



.filt-send-query {

  position: sticky;

  top: 75px;

}



.send-query {

  background: rgb(43 58 58);

  padding: 24px 20px;

  float: left;

  width: 100%;

  border-radius: 10px;

  text-align: center;

}



.send-query h5 {

  font-size: 22px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  font-family: var(--tit-font);

}



.send-query p {

  font-size: 12px;

  font-weight: 400;

  color: rgb(171 171 171);

}



.send-query input {

  border: 0px;

  font-size: 12px;

  width: 100%;

  padding: 10px;

  font-weight: 500;

  border-radius: 3px;

  margin-bottom: 8px;

}



.send-query a {

  background: rgb(199, 65, 88);

  color: rgb(255, 255, 255);

  font-size: 11px;

  padding: 7px 20px;

  border-radius: 4px;

  font-weight: 600;

  display: inline-block;

  transition: all 0.5s ease 0s;

  /* float: left; */

  border: 0px;

}



.chosen-container-single .chosen-single {

  background-color: rgb(255, 255, 255);

  background-clip: padding-box;

  border-radius: 4px;

  color: rgb(85, 85, 85);

  display: block;

  height: 50px;

  overflow: hidden;

  line-height: 37px;

  padding: 7px 5px 0px 12px;

  position: relative;

  text-decoration: none;

  white-space: nowrap;

}



.chosenini .form-group select {

  width: 100%;

  border-radius: 5px;

  background: rgb(215 215 215 / 18%);

  height: 49px;

  border: none;

  font-size: 14px;

  font-weight: 500;

  text-indent: 10px;

}



.mt-13 {

  margin-top: 13rem !important;

}

















.switcher {

  margin-top: 50px;

}



.switcher span {

  cursor: pointer;

}



.month {

  margin-right: 10px;

}



.active {

  color: #39bad6;

}



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

/* Pricing Tables 

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

.pricing-table {

  margin-top: 100px;

  background-color: #fff;

  text-align: center;

  overflow: hidden;

  padding: 70px 60px 85px;

  margin-bottom: 20px;

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  position: relative;

  border: 1px solid #f0f0f0;

}



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

  .pricing-table {

    padding: 50px 20px 60px;

  }

}



.pricing-table--best .pricing-table__price,

.pricing-table--best .pricing-table__currency {

  color: #39bad6;

}



.pricing-table__ribbon {

  background-color: #39bad6;

  position: absolute;

  padding: 9px 50px;

  color: #fff;

  left: -40px;

  top: 30px;

  font-family: "Karla", sans-serif;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  background: #4193d6;

  /* Old browsers */

  background: -moz-linear-gradient(left, #4193d6 0%, #39bad6 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4193d6), color-stop(100%, #39bad6));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #4193d6 0%, #39bad6 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #4193d6 0%, #39bad6 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #4193d6 0%, #39bad6 100%);

  /* IE10+ */

  background: linear-gradient(to right, #4193d6 0%, #39bad6 100%);

  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4193d6', endColorstr='#39bad6', GradientType=0);

  /* IE6-9 */

}



.pricing-table__icon {

  display: block;

  font-size: 56px;

  color: #929292;

}



.pricing-table__title {

  font-size: 20px;

  margin-top: 22px;

  margin-bottom: 10px;

}



.pricing-table__price-box {

  padding: 0 0 30px;

  color: #212121;

}



.pricing-table__currency {

  display: inline-block;

  vertical-align: top;

  margin: 16px 2px 0 0;

  font-size: 24px;

  font-weight: 300;

}



.pricing-table__price {

  font-size: 56px;

  font-weight: 300;

}



.pricing-table__term {

  font-size: 13px;

  display: block;

  color: #929292;

  font-family: "Lato", sans-serif;

}



.pricing-table__features {

  color: #929292;

  font-size: 15px;

  margin-top: 14px;

  margin-bottom: 40px;

}



.pricing-table__features li {

  padding: 12px 0;

}











.hide {

  display: none;

}



.tab-nav {

  max-width: 300px;

  margin: 0 auto;

  border: 1px solid gainsboro;

}



.tab-nav button {

  width: 100%;

}



.tab-nav ul {

  display: none;

  flex-wrap: wrap;

  flex-direction: column;

  justify-content: center;

  /* background: #f2f2f2; */

  margin: auto;

  /* width: 20%; */

  padding: 7px 0px;

  border-radius: 100px;

}



.tab-nav li>button {

  font-size: 15px;

  padding: 7px 20px;

  border-radius: 100px;

}



.tab-nav li {

  display: inline-block;

}



.tab-nav .bg {

  background: transparent;

  color: #fff;

}



.tab-nav {

  text-align: center;

  /* background: #f2f2f2; */

}



.tab-nav li>.active {

  background: #006c55 !important;

  margin: auto;

  color: #fff !important;

  padding: 7px 20px;

  border-radius: 100px;

}



.tab-nav ul.show {

  display: block;

}



@media(min-width: 992px) {

  .tab-nav {

    max-width: 100%;

    border: 0;

  }



  .tab-nav ul {

    gap: 16px;

    flex-direction: row;

  }

}



.tab-content {

  padding: 0px;

  margin-top: 0px;

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

}



.mobile-select {

  position: relative;

  max-width: 300px;

  margin: 0 auto;

  padding: 12px 16px;

  padding-right: 48px;

  cursor: pointer;

}



.mobile-select::after {

  content: '\f282';

  font-family: bootstrap-icons;

  display: inline-block;

  position: absolute;

  line-height: 1;

  right: 16px;

  top: 14px;

}



.mobile-select.active::after {

  transform: rotate(180deg);

}



@media(min-width: 992px) {

  .mobile-select {

    display: none;

  }



  .tab-nav ul {

    display: block;

  }

}



.beforebg {

  position: relative;

}



.beforebg::before {

  position: absolute;

  content: '';

  top: 0px;

  left: 40%;

  height: 100%;

  width: 20%;

  margin: auto;

  background: #90ee90;

  z-index: -1;

  border-radius: 100px;

}



.headl {

  padding: 10px 30px;

}



.headl h2 {

  font-size: 30px;

  margin-bottom: 15px;

}



.chosenini .profile-img-part {

  position: relative;

  /* top: 18%; */

  text-align: center;

}



.chosenini .profile-bio {

  display: block;

  align-items: center;

  padding-left: 0px !important;

  margin-bottom: 20px;

}



.chosenini .profile-img-part .profile {

  width: 160px;

  height: 160px;

  border-radius: 125px;

  margin-bottom: 10px;

  object-fit: cover;

  margin: auto;

}



.profile-bio h1 {

  font-size: 25px;

  margin-bottom: 15px;

  margin-top: 15px;

}



.chosenini hr {

  margin: 30px 0px;

}



.links .moree a {

  text-align: right;

  float: right !important;

  /* background: #006c55;

  color: #fff !important; */

  border: none;

}



.send-query h5 {

  margin-bottom: 15px;

}



.send-query p {

  margin-bottom: 15px;

}







.dropdown {

  display: inline-block;

  position: relative;

}



.dd-button {

  display: inline-block;

  border: none;

  border-radius: 4px;

  padding: 0px 30px 0px 20px;

  background-color: #ffffff;

  cursor: pointer;

  white-space: nowrap;

}



.dd-button:after {

  content: '';

  position: absolute;

  top: 50%;

  right: 15px;

  transform: translateY(-50%);

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid black;

}



/* .dd-button:hover {

  background-color: #eeeeee;

} */



.dd-button .fas {

  font-size: 40px;

}



.dd-input {

  display: none;

}



.dd-menu {

  position: absolute;

  top: 100%;

  right: 0px;

  border: 1px solid #ccc;

  border-radius: 4px;

  padding: 0;

  margin: 2px 0 0 0;

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

  background-color: #ffffff;

  list-style-type: none;

}



.dd-input+.dd-menu {

  display: none;

}



.dd-input:checked+.dd-menu {

  display: block;

}



.dd-menu li {

  padding: 10px 20px 8px;

  cursor: pointer;

  white-space: nowrap;

}



/* .dd-menu li:hover {

  background-color: #f6f6f6;

} */



.dd-menu li a {

  display: block;

  margin: -10px -20px;

  padding: 10px 20px;

}



.dd-menu li.divider {

  padding: 0;

  border-bottom: 1px solid #cccccc;

}



.dd-button:hover .dd-menu {

  display: block;

}



.dd-menu {

  border-radius: 10px;

  padding: 10px;

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

}



.tab-container .codee {

  margin-top: 10px;

}



.regpro1 {

  display: block !important;

  align-items: center;

  padding-left: 0px !important;

  margin-bottom: 0px !important;

}



.dd-menu .regpro {

  background-color: #f6f6f6;

}



.regpro1 h1 {

  font-size: 25px;

  margin-bottom: 5px;

  margin-top: 5px;

}



.regpro1 p {

  margin-bottom: 15px;

  margin-top: 10px;

  font-size: 14px;

  font-weight: normal;

  /* line-height: normal; */

  color: #717171;

}





.profilelist li ul {

  display: none;

}



.profilelist li:hover ul {

  display: block;

  position: absolute;

}



.profilelist .btn:hover {

  color: #e4206c;

}



.homebg .palninf-wedding {

  padding: 30px 0 30px;

  background: none !important;

  background-position: -210px 220px;

  background-size: auto;

}



.upgrade a {

  background: #006c55;

  color: #fff !important;

  padding: 7px 10px !important;

  border-radius: 10px;

  margin: 10px auto !important;

  width: 40%;

  font-size: 13px;

}



.regpro1 {

  text-align: center;

}











.profi-bio .lhs .profile {

  position: relative;

  float: left;

  width: 100%;

}



.defa-prof-pg .lhs .profile {

  margin-top: 0px;

}



.pr-bio-info ul li {

  float: none;

  width: 100%;

  font-weight: 400;

  font-size: 14px;

  padding: 0px 8px 10px 24px;

  position: relative;
    /*word-break: break-all;*/

  /*text-overflow: ellipsis;*/

  /*white-space: pre;*/
 overflow-wrap: break-word;
  /*overflow: hidden;*/

}

.eee{
       word-break: break-all;
        overflow-wrap: break-word;
}


.pr-bio-info ul li::before {

  content: "\f105";

  font-family: "FontAwesome";

  position: absolute;

  width: 15px;

  height: 15px;

  color: #000;

  line-height: 11px;

  padding: 0px;

  border-radius: 25px;

  font-weight: 600;

  left: 0px;

  top: 4px;

  text-align: center;

  font-size: 16px;

}



.pr-bio-info ul li b {

  font-weight: 500;

  width: 175px;

  display: inline-block;

  text-wrap: wrap;

}



.personal h3 {

  margin-bottom: 20px;

}



.profile-page-content h3 {

  margin-bottom: 15px;

}



.membership {

  margin: 15px 0px 50px !important;

}



.homee hr {

  margin: 20px 0px !important;

}



.edits p {

  padding: 10px 0px;

}



/* .edits{

  margin-top: 60px;

  border-top: 1px solid #f2f2f2;

} */



.pross {

  padding: 30px 0 !important;

}



.homebg .palninf-wedding h3 {

  margin-bottom: 15px;

  font-size: 22px;

  font-weight: 500;

}



.homebg .items-webiste {

  grid-column: auto / span 2;

  display: grid;

  grid-template-columns: 50px 1fr;

  gap: 1.5rem;

  box-shadow: 0 2px 8px #00000026;

  height: 100%;

  align-content: center;

  padding: 20px 20px;

  background: #fff;

  margin: 15px 0px;

}



.homebg .profile-slider04 .owl-item {

  margin-right: 25px !important;

  border-radius: 10px;

}



.homebg .items-webiste {

  border-radius: 10px;

}



.profile-slider04 p {

  font-size: 14px;

  margin-top: 0px !important;

}



.profile-slider04 .textru .btn {

  color: #fff !important;

  padding: 3px 10px;

  margin-top: 15px;

}



.bc3 {

  background: #e0fff9 !important;

  color: #000;

}



.bc2 {

  background: #e1e4ff !important;

  color: #000;

}



.bc1 {

  background: #ffe6f9 !important;

  color: #000;

}



.items-webiste:hover {

  color: #000 !important;

}



.profile-slider04 .col {

  margin-top: 0px;

  margin-left: 20px;

}



.profile-slider04 h5 {

  font-size: 14px;

  color: var(--darkcolor);

  font-family: 'Poppins', sans-serif;

  line-height: 1.5;

}



.storyy .textry {

  padding: 0px 15px;

}



.storyy .textry a {

  color: #d70b0b;

  margin: 2px 0px;

}





.choose-partef-gidt h3 {

  margin-bottom: 15px;

  font-size: 22px;

  font-weight: 500;

}



.mainbg {

  background: #fff !important;

}



.family {

  margin-top: 20px !important;

}



.family li {

  width: 100% !important;

  display: flex !important;

}



.pd50 {

  padding: 50px 0px 0px;

}



.notify .row img {

  height: 50px !important;

  width: 50px !important;

  object-fit: cover;

  border-radius: 5px;

}



.Notification {

  width: 250px !important;

  height: 300px;

  overflow-y: scroll;

  padding: 0px 15px;

}



.notify .row {

  display: flex;

  align-items: center;

  justify-content: center;

}



.dropdown-item {

  white-space: wrap !important;

}



.dropdown-menu[data-bs-popper] {

  top: 160%;

  left: 0;

  margin-top: .125rem;

}



.notify ul li {

  border-bottom: 1px solid #c3c3c3;

  padding: 10px 0px 10px;

}



.notify ul li:last-child {

  border: none !important;

}



.scrollbar {

  margin-left: 0px;

  float: left;

  height: 300px;

  width: 65px;

  background: #fff;

  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .4);

  overflow-y: scroll;

  margin-bottom: 25px;

  border-radius: 5px;

}



.force-overflow {

  min-height: 450px;

}





/*

 *  STYLE 1

 */



#style-1::-webkit-scrollbar-track {

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

  border-radius: 10px;

  background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar {

  width: 7px;

  background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar-thumb {

  border-radius: 10px;

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

  background-color: #e4206c;

}



.bgnone {

  background: #fff !important;

  padding: 120px 0px 50px !important;

}











.db-nav {

  background: #fff;

  padding: 20px;

  box-shadow: 0 1px 12px -2px #00000024;

  border-radius: 10px;

  margin: 0 20px 50px 0;

}



.db-nav-pro {

  margin-bottom: 30px;

}



.db-nav-pro img {

  border-radius: 10px;

}



.db-sec-com {

  margin-bottom: 40px;

  position: relative;

}



.db-nav-list {}



.db-nav-list ul {}



.db-nav-list ul li {

  margin-bottom: 5px;

}



.db-nav-list ul li a {

  display: block;

  font-weight: 500;

  padding: 7px 5px;

  font-size: 15px;

  position: relative;

  color: #000;

}



.db-nav-list ul li a i {

  margin-right: 18px;

  width: 20px;

  text-align: center;

}



.db-nav-list ul li a.act {

  color: #03A9F4;

  background: #e4f1fc;

  background: linear-gradient(to left, #ffffff, #e4f1fc 70%);

}



.db-nav-list ul li a.act i {}



.db-nav-list ul li a.act:before {

  content: '';

  position: absolute;

  width: 4px;

  height: 22px;

  background: #03A9F4;

  margin: 0px 0px 0px -14px;

  transition: all 0.5s ease;

}



.db-new-pro-main {

  overflow: hidden;

}



.db-new-pro-main ul li {

  float: left;

  width: 16.5%;

  position: relative;

  display: flex;

}



.db-new-pro {

  background: #fff;

  text-align: center;

  width: 100%;

  position: relative;

  border-radius: 15px;

  box-shadow: 0 3px 6px 1px #0000001a;

  margin-right: 10px;

  overflow: hidden;

}



.db-new-pro:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  inset: 0px;

  border-radius: 15px;

  transition: all 0.4s ease 0s;

  background: linear-gradient(to top, rgb(37, 24, 8), rgba(215, 154, 78, 0));

}



.db-new-pro .profile {

  width: 100%;

  border-radius: 15px;

  height: 200px;

  object-fit: cover;

  transition: all 0.4s ease;

}



.db-new-pro div {

  position: absolute;

  left: 0;

  bottom: 18px;

  right: 0;

  color: #fff;

  z-index: 1;

}



.db-new-pro div * {

  color: #fff;

}



.db-new-pro div h5 {

  font-size: 16px;

  margin: 0;

}



.db-new-pro div span {

  font-size: 11px;

  color: #c2c2c2;

}



.db-new-pro div .city {}



.db-new-pro div .age {}



h2.db-tit {

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 25px;

}



.db-new-pro:hover .profile {

  transform: scale(1.2);

}



.db-pro-stat,

.db-profile,

.db-invoice {

  background: #fff;

  padding: 20px;

  box-shadow: 0 1px 12px -2px #00000024;

  border-radius: 10px;

  text-align: center;

  position: relative;

}



.db .dropdown {

  position: absolute;

  right: 15px;

  top: 15px;

}



.db .dropdown button {

  width: 30px;

  height: 30px;

  border-radius: 50px;

  padding: 3px;

  text-align: center;

  line-height: 26px;

}



.db .dropdown button i {

  font-size: 20px;

}



.db .dropdown .dropdown-item {

  font-size: 13px;

}



.db-pro-stat h6 {

  font-size: 14px;

  margin-bottom: 30px;

}



.db-pro-pgog {

  margin: 0 auto;

  display: table;

  width: 150px;

  height: 150px;

  border-radius: 50%;

  border: 20px solid #ffffff;

  vertical-align: middle;

  position: relative;

  box-shadow: 0px 0px 32px -7px #b8b8b8;

  background: linear-gradient(45deg, #0027ff, #ff0074);

}



.db-pro-pgog span {

  font-size: 22px;

  color: #fff;

}



.db-pro-pgog span b.count {

  font-size: 50px;

  line-height: 109px;

  padding: 0;

  float: initial;

}



.db-pro-pgog span:before {}



.db-pro-stat ul {

  margin-top: 30px;

}



.db-pro-stat ul.pro-stat-ic li {

  width: 49%;

  display: inline-block;

  margin: 0 0 15px 0;

}



.db-pro-stat ul.pro-stat-ic li span {

  vertical-align: middle;

  font-size: 15px;

}



.db-pro-stat ul.pro-stat-ic li span i {

  width: 32px;

  height: 32px;

  border-radius: 50px;

  vertical-align: middle;

  margin-right: 5px;

  color: #fff;

  font-size: 14px;

  line-height: 32px;

}



.db-pro-stat i.like {

  background: #f8896b;

}



.db-pro-stat i.view {

  background: #84e8f5;

}



.db-pro-stat i.inte {

  background: #ffbd66;

}



.db-pro-stat i.clic {

  background: #52459d;

}



.db-pro-stat ul li span b {

  margin-right: 5px;

}



.db-plan-detil {}



.db-plan-detil ul {}



.db-plan-detil li {

  font-size: 14px;

  padding-bottom: 3px;

}



.db-plan-detil li strong {}



.db-plan-detil li a {

  margin-top: 15px;

}



.db-plan-card {}



.db-plan-card img {

  max-width: 110px;

}



.db-plan-canc {}



.db-plan-canc p {

  margin: 0;

  text-align: center;

}



.db-plan-canc p strong {

  font-weight: 500;

}



.db-plan-canc a {

  text-decoration: underline;

  color: #00b0ff;

}



.db-plan-canc-app {

  display: none;

}



.db-inte-prof-list {}



.db-inte-prof-list ul {}



.db-inte-prof-list ul li {

  list-style-type: none;

  border-bottom: 1px solid rgb(231, 231, 231);

  position: relative;

  overflow: hidden;

  padding: 30px 0px;

}



.db-inte-prof-list ul li:first-child {

  padding-top: 0;

}



.db-inte-prof-chat ul {

  margin-top: 13px;

}



.db-inte-prof-chat ul li {

  padding: 15px 0;

}



.db-inte-prof-chat ul li .db-int-pro-1 {

  width: 50px;

}



.db-inte-prof-chat ul li .db-int-pro-1 img {

  width: 50px;

  height: 50px;

}



.db-chat {

  text-align: left;

}



.db-chat ul {

  margin: 0;

}



.db-chat li {

  list-style-type: none;

  border-bottom: 1px solid rgb(231, 231, 231);

  position: relative;

  padding: 15px 0 15px 15px;

  display: inline-block;

  width: 100%;

  vertical-align: middle;

  /* margin-bottom: 15px; */

  transition: all 0.5s ease;

  border-radius: 10px;

}



.db-chat li:hover {

  background: #fff6f6;

}



.db-chat li:last-child {

  border-bottom: 0;

  margin-bottom: 0;

}



.db-chat-pro {

  width: 80px;

  float: left;

}



.db-chat-pro img {

  width: 80px;

  height: 80px;

  border-radius: 50px;

  object-fit: cover;

}



.db-chat-bio {

  float: left;

  width: calc(100% - 150px);

  padding: 20px 20px 0px 25px;

}



.db-chat-bio h5 {

  margin-bottom: 2px;

  font-size: 16px;

  font-weight: 600;

}



.db-chat-bio span {

  font-size: 13px;

  color: #333;

}



.db-chat-info {

  float: left;

  width: 70px;

  padding-top: 20px;

}



.db-chat-info .time {}



.db-chat-info .time .timer {

  font-size: 14px;

  display: block;

}



.db-chat-info .new {}



.db-chat-info .new .cont {

  font-size: 14px;

  width: 20px;

  height: 20px;

  display: inline-block;

  background: #4CAF50;

  color: #fff;

  font-weight: 500;

  border-radius: 50px;

  text-align: center;

}



.db-chat-trig {

  cursor: pointer;

}



.db-int-pro-1 .badge {

  position: absolute;

  left: 5px;

  bottom: 5px;

  font-size: 10px;

  font-weight: 600;

  text-transform: uppercase;

  color: #fff;

}



.user-pla-pat {

  background-image: linear-gradient(120deg, #9e00af 0%, #fda085 100%);

}



.user-pla-gold {

  background-image: linear-gradient(120deg, #af8300 0%, #d88f00 100%);

}



.user-pla-free {

  background-image: linear-gradient(120deg, #8f8f8f 0%, #64646c 100%);

}



.db-inte-prof-chat ul li .db-int-pro-2 {}



.db-inte-prof-list ul li:last-child {

  padding-bottom: 15px;

  border-bottom: 0;

}



.db-inte-prof-list div {

  float: left;

  position: relative;

}



.db-inte-prof-list .db-int-pro-2 h5 {

  font-size: 16px;

}



.db-inte-prof-list div ol.poi {

  padding: 10px 0 0 0;

}



.db-inte-prof-list div ol.poi-date {

  padding-top: 0;

}



.db-inte-prof-list div ol.poi li {

  border: 0;

  padding: 0 15px 0 15px;

  display: inline-block;

  font-size: 14px;

  position: relative;

}



.db-pro-stat .nav-tabs .nav-link {

  font-weight: 500;

  font-size: 15px;

  color: #66451c;

}



.db-pro-stat .nav-tabs .nav-link.active {

  color: #328916;

}



.db-inte-prof-list div ol.poi li:before {

  content: '';

  position: absolute;

  width: 7px;

  height: 7px;

  background: #68686a;

  border-radius: 20px;

  margin: 7px 0 0 -12px;

}



.db-inte-prof-list div span.db-inte-pro-bio {}



.db-inte-prof-list div span.db-inte-pro-bio strong {}



.db-int-pro-1 {

  width: 150px;

}



.db-int-pro-1 img {

  width: 150px;

  height: 120px;

  border-radius: 10px;

  object-fit: cover;

}



.db-int-pro-2 {

  width: calc(100% - 270px);

  padding: 2px 25px 0px 25px;

  text-align: left;

}



.db-int-pro-2 h5 {

  margin-bottom: 2px;

  font-size: 14px;

  font-weight: 600;

}



.db-int-pro-2 span {

  font-size: 13px;

}



.db-int-pro-3 {

  width: 120px;

}



.db-int-pro-3 button {

  padding: 0px 6px;

  border-radius: 15px;

  font-size: 12px;

  line-height: 20px;

  font-weight: 500;

  text-align: center;

  text-shadow: rgba(0, 0, 0, 0.28) 0px -1px 0px;

}



.db-inte-prof-chat .db-int-pro-2 {

  width: calc(100% - 50px);

  padding: 5px 0px 0px 25px;

}



.chartin {

  position: relative;

  word-wrap: break-word;

  border-radius: 10px;

  box-shadow: 0 2px 4px rgb(126 142 177 / 12%);

  text-align: center;

  padding: 30px;

  background: #dfffe3;

  background: -webkit-linear-gradient(to left, #ffffff, #dfffe3);

  background: linear-gradient(to left, #ffffff, #ebf5ec);

}



.db-profile {}



.db-profile .img {}



.db-profile .img img {

  max-height: 268px;

  border-radius: 5px 5px 0 0;

  width: 100%;

}



.db-profile .edit {}



.db-profile .edit a {

  width: 100%;

  border-radius: 0 0 5px 5px;

}



.cho-round-cor .chosen-container,

.cho-round-cor .chosen-single {

  border-radius: 5px;

}



.db-pro-stat-pg {

  border-top: 1px solid #dbccbb;

  padding-top: 60px;

  margin-top: 20px;

}



.db-pro-stat-pg .chartin {

  margin-top: 40px;

}



.db-pro-stat-view-filter {

  position: absolute;

  right: 0;

  top: 0;

  border: 1px solid rgb(96, 30, 79);

  border-radius: 5px;

  max-width: 400px;

  width: 100%;

  margin-top: 38px;

  margin-right: 15px;

}



.pd100 {

  padding: 150px 0px 60px;

}



.db-nav-list .tab button.active {

  color: #03A9F4;

  background: #e4f1fc;

  background: linear-gradient(to left, #ffffff, #e4f1fc 70%);

}



.db-nav-list .tab button {

  display: block;

  font-weight: 500;

  padding: 10px 5px;

  font-size: 16px;

  position: relative;

  color: #000;

  margin: 5px 0px;

  background: #fff;

  text-align: left;

  padding-left: 20px;

}



.db-nav-list .tab button.active:before {

  content: '';

  position: absolute;

  left: 15px;

  width: 4px;

  height: 22px;

  background: #03A9F4;

  margin: 0px 0px 0px -14px;

  transition: all 0.5s ease;

}



.banner-part1 .serach-iu {

  border: 1px solid #f2f2f2;

  padding: 15px;

}



.banner-part1 {

  padding-top: 150px;

  padding-bottom: 70px;

}



.searchbasic h5 {

  background: #f2f2f2;

  color: #000;

  padding: 10px 15px;

  margin-top: 20px;

}



.searchbasic h2 {

  text-align: left;

}



.footerpage li {

  color: #d5d5d5;

}



.sub-banner-part {

  height: 130px;

  margin-top: 88px;

}



.breadcrumb-item+.breadcrumb-item::before {

  float: left;

  padding-right: .5rem;

  color: #6c757d;

  content: var(--bs-breadcrumb-divider, "");

}



/*.signheight .col {*/

/*  height: 700px;*/

/*}*/





.contactp h6 {

  font-size: 22px;

  padding: 7px 0px 7px;

  font-weight: 600;

  /* background: #006c55; */

  color: #000;

  position: absolute;

}



.contactp {

  display: flex;

  align-items: center;

  justify-content: center;

}



.profilesec {

  padding-bottom: 30px !important;

}



.radopt input[type="radio"] {

  visibility: visible !important;

  height: 12px;

  width: 12px;

}



.radopt .col-sm-7 label {

  padding: 0px 25px 0px 0px;

}



.prime h6 {

  font-size: 15px;

  font-weight: 500;

  padding: 5px 0px;

}



.prime span {

  font-size: 20px;

  color: #e4206c;

  font-weight: bold;

}



.relimg {

  position: relative;

}



.relimg .abcont {

  position: absolute;

  top: -10px;

  right: 0px;

  height: 70px;

  width: 70px;

  background: #e4206c;

  color: #fff;

  font-weight: bold;

  border-radius: 100%;

  border: 3px solid #fff;

}



.relimg .abcont {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

}



.relimg .abcont p {

  font-family: "Charm", cursive;

}



.mt-0 {

  margin-top: 0px !important;

}



.contactp1 h6 {

  font-size: 16px;

}



.reveal a {

  font-size: 22px;

  padding: 10px 20px !important;

}







.register-div .row{

  display: flex;

  width: 100%;

}

.register-div .row .col{

  -ms-flex: 1;  /* IE 10 */  

  flex: 1;

}

.register-div .bg-imgop{

  display: none;

}

.register-div .align-items-center{

  align-items: normal !important;

}

@media screen and (max-width:400px) {
        .banner-part, .sub-banner-part {
         margin-top:0px !important; 
         
    }
    
    .signup-register .form-group .form-control {
    border-radius: 5px;
    background: rgb(215 215 215 / 18%);
    height: 42px;
    border:1px solid  black;
    font-size: 14px;
    font-weight: 500;
    text-indent: 10px;
}
.mobil-home{
    text-align:center;
}
 .banner-part {
     height:850px;
 }
 .logocol .col1 {
     width:100%;
 }
 .logocol .col2 {
     width:100%; 
}
.tab button {
 
    height: 56px;
    padding: 10.5px 2px;
    transition: 0.3s;
    font-size: 10px;
    
}
 .beforebg::before {
    position: absolute;
    content: '';
    top: 0px;
    left: 9%;
    height: 100%;
    width: 78%;
    margin: auto;
    background: #90ee90;
    z-index: -1;
    border-radius: 100px;
}
.footerpage li {
    text-align: justify;
    color: #d5d5d5;
}
.pricingtable {
    margin: 10px 0px;
    padding: 0 10px;
}
.pricingtablecontainer {
    display: flex;
    flex-wrap: wrap;
    
}
.profile-img-part {
    display: flex;
    /* margin: auto; */
    flex-direction: column;
    position: static;
    top: 1%;
    align-items:center;
    left: 1%;
}
.main-profile {
    padding: 6px 3px;
}
.pr-bio-info ul li b {
        width: 110px;
}
.headcont h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
.profile-adrees {
    padding: 10px 10px;
}
.all-list-sh .all-pro-box {
    display: flex;
    flex-direction: column;
    margin: 10px 0px 10px 0px;
}
.pro-detail ,.pro-img {
    width:100%;
}
.links>.row{
       flex-wrap:nowrap;
}
.links >.row >.col-sm-6{
    width:45%;
}
.moree>a{
    padding:0px;
}
.up-1{
    width:100% !important;
}
.profile-4{
width:100% !important;height:100% !important;object-fit:cover;object-position:center;
}
.poic .img-oiu {
    height: 303px;
    overflow: hidden;
}
.re-profile-btn{
        position: absolute;
    top: 21px;
    right: 0px;
}

.index-slider1 {
    
    padding-top:100px;
    
}
.banner-part {
    background: url(../images/slidernew1.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 800px;
    /* margin-top: 98px; */
    display: grid;
    place-items: center;
}



.basic-ditals tr:nth-child(2){
    width:140px;
}

.two-2{
    width:140px;
}

.pr-bio-info ul li b {

  font-weight: 500;

  width: 150px;

  display: inline-block;

  text-wrap: wrap;

}







}

.basic-ditals{
    width:100%;
}
.basic-ditals th,.basic-ditals td{
    border:none;
    padding:4px;
        font-size: 14px;
      word-break: break-all;
    
}
.basic-ditals th{
    font-weight: 500;
}

.profile-4{
width:150px;height:150px;object-fit:cover;object-position:center;
}
.index-nav{
        align-items: center;
    justify-content: space-between;
    display: flex;
}

.index-slider1 {
    
    padding-top: 0px;
    
}
.up-1{
    width:50%;
}
#myModal{
    margin-top:10%;
}

.donate-waber{
    padding:15px 0px;
    background-color: #201f1f;
    margin-top:88px;
}
.do-logo{
    color:white;
        font-family: "Charm", cursive;
        text-align:center;
        font-size: 30px;
}
.dono-btn-waber{
    display:flex;
    justify-content: center;
    margin-top: 14px;
}
.donate-btn{
       background-color:#f1ca2f;
       color:black;
    padding: 5px 20px;
    border-radius:10px;
}
.dona-price-header{
   font-size: 19px;
    color: white;
    margin-bottom: 12px;
    font-family: "Charm", cursive;
    text-align: center;
}
.sub-do-waber{
    padding:20px 20px;
}
.sub-do-waber1{
    padding:20px 20px;
        border-radius: 3px;
           background-color:#5e4637;
        
}
.dona-price{
    color:#f1ca2f;
        font-size: 20px;
            text-align: center;
}
.donat-detail-waber{
    display:flex;
        padding: 3px 12px;
            align-items: center;
 
}
.d-count{
   color:#f1ca2f;
}
.d-d-header{
    color:white;
        /*margin-bottom: 8px;*/
                font-size:17px;
    text-align:center;
}
.center-hading{
    color:white;
    text-align:right;
}
.dd-last{
    margin:0px 15px;
}
.dd-last p{
    color:white;
        font-size: 15px;
}

.dd-last p span{
      color:#f1ca2f;
}
.dndt-one{
    margin-right:14px;
}
.donet-serch-waber{
    display:flex;
     align-items: center;
    margin-top:5px;
}
.donet-serch-waber h4{
    margin:0px 20px;
}
.d-table td{
    border:none !important;
    color:white;
    padding:3px;
}
.serch-box-waber{
    width:50%;
      border-radius: 5px;
        background-color:white;
}
.serch-box-waber input{

      all: unset;
          width:85%;
}


.serch-box-waber label{
    padding: 4px 9px;
    background-color:#e4206c;
    color: white;
}
.some-content{
       background-color:#087023;
       color:white;
       text-align:center;
         margin-bottom: 12px;
           padding:5px;
}
.model-bg-red{
    background-color:#8a052d;
        padding:5px;
          margin-bottom: 12px;
}