/*@import url(../css/animate.min.css);*/
/* fonts connectivity */
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* style css */
*{box-sizing: border-box; margin: 0; padding: 0;}
:root{--themecolor: #ed6f7e;--titlecolor: #ed6f7e; --primarycolor: #000;--secondarycolor: #fff;--textgrey: #2F2F2F;--themefont: 'Poppins', sans-serif; --primaryfont: 'Montserrat', sans-serif;}
body{overflow-x: hidden; font-family: var(--primaryfont); font-size: 14px; line-height: 28px;}
a{text-decoration: none; color: var(--primarycolor); transition: all .4s ease;}
a:hover{text-decoration: none;}
ul{list-style: none;}
img{max-width: 100%; height: auto;}
.sec-padding{padding: 100px 0;}



.form-control:focus{border-color: var(--themecolor);box-shadow: none;}
.iti--allow-dropdown input[type="tel"]{padding-left: 52px !important;}
.iti{width: 100%;}
.table-responsive{scrollbar-width: thin;}

.input-text {width: 100%;font-size: 16px;transition: all .4s ease;background: transparent;font-family: var(--primaryfont);outline: none;border: 1px solid #e0e0e0;padding: 5px 14px;color: var(--textgrey);border-radius: 4px;}
.input-text:focus {border-color: var(--themecolor);}

.btn-check:focus + .btn-primary, .btn-primary:focus{border-color: transparent;box-shadow: none;}
/* theme-btn-css */
/* .theme-btn {padding: 6px 40px;display: inline-block;text-decoration: none;border: 1px solid transparent;font-weight: 500;font-size: 13px;color: #fff;cursor: pointer;text-align: center;border-radius: 6px;position: relative;overflow: hidden !important;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background: transparent !important;}
.theme-btn:hover{border: 1px solid transparent; color: var(--themecolor)!important;}
.theme-btn::before {content: ''; width: 100%;height: 100%;display: block;background: var(--themecolor);position: absolute;left: 0%;opacity: 1;top: 0;z-index: -12;-webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);} 
.theme-btn::after{content: '';width: 100%;height: 100%;display: block; background: var(--primarycolor); position: absolute;left: 0%;opacity: 1;top: 0; z-index: -15;-webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);-o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);}
.theme-btn:hover::before, .theme-btn:hover::before{opacity:1;-webkit-transform: translateX(100%); -moz-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
.theme-btn:hover::after, .theme-btn:hover::after{opacity:1;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.theme-btn:hover{border: 1px solid var(--themecolor);} */

.title-wrap{display: flex;justify-content: center;}
.title-wrap .sub-title {z-index: 9;margin-bottom: 20px;color: var(--titlecolor);position: relative;font-family: var(--primaryfont);font-size: 50px;font-weight: 600;}
.title-wrap .sub-title::before {content: "";width: 200px; height: 1px;position: absolute;top: 50%;left: 10%;background: var(--themecolor);}
.title-wrap .sub-title::after {content: "";width: 200px; height: 1px;position: absolute;top: 50%;right: 10%;background: var(--themecolor);}
.title-wrap .sub-title .subtitle-dots:after{content: "◆";position: absolute;right: 25%;line-height: 1;top: 52%;transform: translateY(-50%);font-size: 20px;}
.title-wrap .sub-title .subtitle-dots:before {content: "◆";position: absolute;left: 25%;line-height: 1;top: 52%;transform: translateY(-50%);font-size: 20px;}
.title-wrap .section-title {font-size: 18px;font-weight: 400;color: #585858;z-index: 9;position: relative;line-height: 30px;margin-bottom: 20px;}




.theme-btn {position: relative;display: inline-block;vertical-align: middle;margin: 0;font-size: 14px;letter-spacing: 1px;font-weight: 500;outline: 0;-webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;-moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;padding: .375rem 1rem;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.theme-btn.theme-btn-solid {color: #fff;background-color: var(--themecolor);border: 1px solid transparent;}
.theme-btn.theme-btn-solid .theme-btn-line-top {left: 4px;top: 4px;height: 1px;width: calc(100% - 8px);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);transform-origin: left center;}
.theme-btn.theme-btn-solid:hover .theme-btn-line-bottom, .theme-btn.theme-btn-solid:hover .theme-btn-line-top {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);}
.theme-btn.theme-btn-solid .theme-btn-line {position: absolute;background-color: currentColor;-webkit-transition: transform .35s ease-out;-moz-transition: transform .35s ease-out;transition: transform .35s ease-out;}
.theme-btn.theme-btn-solid:hover .theme-btn-line-left, .theme-btn.theme-btn-solid:hover .theme-btn-line-right {-webkit-transform: scaleY(1);-moz-transform: scaleY(1);transform: scaleY(1);}
.theme-btn.theme-btn-solid .theme-btn-line-right {right: 4px;bottom: 4px;width: 1px;height: calc(100% - 8px);-webkit-transform: scaleY(0);-moz-transform: scaleY(0); transform: scaleY(0);transform-origin: center bottom;}
.theme-btn.theme-btn-solid .theme-btn-line {position: absolute;background-color: currentColor;-webkit-transition: transform .35s ease-out;-moz-transition: transform .35s ease-out;transition: transform .35s ease-out;}
.theme-btn.theme-btn-solid .theme-btn-line-bottom {right: 4px;bottom: 4px;height: 1px;width: calc(100% - 8px);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);transform-origin: right center;}
.theme-btn.theme-btn-solid .theme-btn-line {position: absolute;background-color: currentColor;-webkit-transition: transform .35s ease-out; -moz-transition: transform .35s ease-out;transition: transform .35s ease-out;}
.theme-btn.theme-btn-solid .theme-btn-line-left {left: 4px;top: 4px;width: 1px;height: calc(100% - 8px);-webkit-transform: scaleY(0);-moz-transform: scaleY(0);transform: scaleY(0);transform-origin: center top;}
.theme-btn.theme-btn-solid .theme-btn-line {position: absolute;background-color: currentColor;-webkit-transition: transform .35s ease-out;-moz-transition: transform .35s ease-out;transition: transform .35s ease-out;}



.danger-box {background-color: #FFE8E8;border-radius: 5px;color: #DF4343;font-size: 13px;max-width: -webkit-fill-available; max-width: -moz-available;line-height: 20px;margin: 12px 0;padding: 7px 6px;font-weight: 500;border-left: 3px solid #DF4343;letter-spacing: 0.2px;}
.success-box{background-color: #DBF9D9;border-radius: 5px;color: #40A439;font-size: 13px;max-width: -webkit-fill-available; max-width: -moz-available;line-height: 20px;margin: 12px 0;padding: 7px 6px;font-weight: 500;border-left: 3px solid #40A439;letter-spacing: 0.2px;}

/* ================================================================================
                                  Header-css                                
===================================================================================  */
header .header-top{padding: 15px 0;}
header .header-top .main-menu .main-inner-menu{display: flex;justify-content: start;align-items: center;}
header .header-top .main-menu .main-inner-menu nav .header-main{display: flex; justify-content: center;align-items: center;margin-bottom: 0;padding-left: 15px;}
header .header-top .main-menu .main-inner-menu nav .header-main li{padding: 0 10px;}
header .header-top .main-menu .main-inner-menu nav .header-main li .list-item{font-size: 15px;transition: color .3s;font-weight: 500;}
header .header-top .main-menu .main-inner-menu nav .header-main li:hover .list-item{color: var(--themecolor);}
header .header-top .main-menu .main-inner-menu nav .header-main li.active .list-item{color: var(--themecolor);}
header .header-top .social-right{display: flex; justify-content: end;align-items: center;margin-bottom: 0;padding-left: 10px;}
header .header-top .social-right li{padding: 0 8px;}
header .header-top .social-right li:first-child{padding-left: 0;}
header .header-top .social-right li:last-child{padding-right: 0;}
header .header-top .social-right li .social-icon img{filter: invert(92%) sepia(0%) saturate(38%) hue-rotate(197deg) brightness(87%) contrast(86%);transition: all .4s ease-in-out;}
header .header-top .social-right li:hover .social-icon img{filter: invert(43%) sepia(95%) saturate(347%) hue-rotate(304deg) brightness(107%) contrast(86%);}






/* sticky-header */
.header-sticky{position: sticky;top: 0;left: 0;}
.sticky{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: var(--secondarycolor); padding: 15px 0 !important;transition: all .4s ease;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)}
.sticky{z-index:999;opacity:1;visibility:visible;-ms-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-op-animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-ms-animation-duration: 500ms;-moz-animation-duration: 500ms;-op-animation-duration: 500ms;-webkit-animation-duration: 500ms;animation-duration: 500ms;-ms-animation-timing-function: linear;-moz-animation-timing-function: linear;-op-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-op-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

/* mob-main-menu */
.mob-main-menu{display: none;}


/* #########################################################################
                          Megamenu Design
########################################################################### */
.pages-megamenu {border: none;transition: all .4s linear;z-index: 999;width: 100%;right: -25% !important;top: 6% !important;transform: translate(0px, 2px) !important;background: var(--secondarycolor);	margin: 0 auto !important;border-top-left-radius: 0px;border-top-right-radius: 0px;padding: 15px;max-width: 250px;}
.sticky .pages-megamenu {top: 50px !important;}
.pages-megamenu .megamenu-main{padding: 0; margin: 0;}
.pages-megamenu .megamenu-main .megamenu-item {padding: 8px 10px !important;cursor: pointer;flex-basis: 33.33%;position: relative;transition: all .4s linear;margin-bottom: 6px;border-radius: 6px;}
.pages-megamenu .megamenu-main .megamenu-item h3{font-size: 16px;font-weight: 500;vertical-align: middle;margin-bottom: 0; color-scheme: var(--themecolor);transition: all .4s ease-in-out;}
.pages-megamenu .megamenu-main .megamenu-item:hover{background-color: rgba(237, 111, 126, 0.2);}
.pages-megamenu .megamenu-main .megamenu-item:hover h3{color: var(--themecolor);}
header .header-top .main-menu .main-inner-menu nav .header-main li .dropdown-toggle::after{display: inline-block;margin-left: 0; content: "";background: url(https://semsto.com/images/header-img/down.svg);height: 20px;background-repeat: no-repeat;position: absolute;top: 20px;width: 22px;background-size: cover;border: none;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dropdown-menu.show {-webkit-animation: fadeIn 0.3s alternate;animation: fadeIn 0.3s alternate;}

.nav-item.dropdown.dropdown-mega {position: static;}
.nav-item.dropdown.dropdown-mega .dropdown-menu {width: 90%;top: auto;left: 5%;}





.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 550px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
    border: none;
	}
	

.modal.right .modal-body {
		padding: 15px 15px 80px;
	}



        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: 0;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}










/*****************************************/
/* main-banner-css */
/*****************************************/

/*Owl Animation*/

/* main .main-banner .owl-item.active .slide-text {position: absolute;top: 35%;z-index: 6;left: 10%;max-width: 700px;bottom: auto;}
main .main-banner .owl-item.active .slide-text h2{font-family: var(--themefont); font-size: 50px; font-weight: 700; letter-spacing: 3px;text-transform: uppercase;}
main .main-banner .slide-text p {font-weight: 500;font-size: 16px;}
main .main-banner .slide-text .theme-btn{box-shadow: 18px 24px 55px 0 rgba(255, 216, 151, 25%);z-index: 9;}
main .main-banner .img1{background: url(../images/home-img/home-banner.png); position: relative;background-size: cover;min-height: 500px;padding-top: 40%;top: 0;}
main .main-banner .img1::after{content: ''; height: 100%; width: 100%; background: url(../images/home-img/overlay.svg);position: absolute; top: 0;left: 0;}

main .main-banner .img2{background: url(../images/home-img/home-banner-2.png); position: relative;background-size: cover;min-height: 500px;padding-top: 40%;top: 0;}
main .main-banner .img2::after{content: ''; height: 100%; width: 100%; background: url(../images/home-img/overlay.svg);position: absolute; top: 0;left: 0;}

main .main-banner .img3{background: url(../images/home-img/home-banner-3.png); position: relative;background-size: cover;min-height: 500px;padding-top: 40%;top: 0;}
main .main-banner .img3::after{content: ''; height: 100%; width: 100%; background: url(../images/home-img/overlay.svg);position: absolute; top: 0;left: 0;}


main .main-banner .owl-carousel .owl-nav {display: block !important;position: absolute;top: 50%;bottom: 0;margin: 0 auto;left: 0;right: 0;width: 100%;height: 50px;}
main .main-banner .owl-carousel .owl-nav .owl-prev {position: absolute;left: 0;transition: all .4s ease-in-out;height: 50px;width: 50px;transition: all .4s ease-in-out; background: rgba(255, 255, 255);color: var(--primarycolor) !important;font-size: 20px !important;border-radius: unset;margin: 0;}
main .main-banner .owl-carousel .owl-nav .owl-prev:hover {background: var(--themecolor);color: var(--secondarycolor) !important;}
main .main-banner .owl-carousel .owl-nav .owl-next {position: absolute;right: 0;transition: all .4s ease-in-out;height: 50px;width: 50px;transition: all .4s ease-in-out; background: rgba(255, 255, 255);color: var(--primarycolor) !important;font-size: 20px !important;border-radius: unset;margin: 0;}
main .main-banner .owl-carousel .owl-nav .owl-next:hover {background: var(--themecolor);color: var(--secondarycolor) !important;}

.owl-item {overflow: hidden;} */


/* main banner */

main{min-height: calc(100vh + 20px);}
main .main-banner {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;z-index: 0;}

main .slide-bg-image1{background: url(../images/home-img/home-banner.png) no-repeat;background-size: cover !important;background-repeat: no-repeat; max-height: 500px;padding-top: 40%;top: 0;position: relative !important;}
main .slide-bg-image1::after{content: ''; height: 100%; width: 100%; background: rgb(0, 0, 0);background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 66%);position: absolute; top: 0;left: 0;}
main .slide-bg-image2{background: url(../images/home-img/home-banner-2.png) no-repeat;background-size: cover !important;background-repeat: no-repeat; max-height: 500px;padding-top: 40%;top: 0;position: relative !important;}
main .slide-bg-image2::after{content: ''; height: 100%; width: 100%; background: rgb(0, 0, 0);background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 66%);;position: absolute; top: 0;left: 0;}
main .slide-bg-image3{background: url(../images/home-img/home-banner-3.png) no-repeat;background-size: cover !important;background-repeat: no-repeat; max-height: 500px;padding-top: 40%;top: 0;position: relative !important;}
main .slide-bg-image3::after{content: ''; height: 100%; width: 100%; background: rgb(0, 0, 0);background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 66%);;position: absolute; top: 0;left: 0;}
@media (max-width: 991px) {
  .main-banner {height: 600px;}
}

@media (max-width: 767px) {
  .main-banner {height: 500px;}
}

.main-banner .swiper-slide {overflow: hidden;color: #fff;}
.main-banner .swiper-container {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.main-banner .slide-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0; z-index: 1;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center; text-align: left;}

.main-banner .swiper-button-prev, .main-banner .swiper-button-next {position: absolute;left: 0;transition: all .4s ease-in-out;height: 50px;width: 50px;transition: all .4s ease-in-out; background: rgba(255, 255, 255);color: var(--primarycolor);font-size: 20px !important;border-radius: unset;margin: 0;}
.main-banner .swiper-button-prev:hover, .main-banner .swiper-button-next:hover {background: var(--themecolor);color: var(--secondarycolor);}
.main-banner .swiper-button-next{right: 0;left: auto;}
.swiper-pagination .swiper-pagination-clickable .swiper-pagination-bullets{display: none;}

.swiper-button-next::after, .swiper-button-prev::after{display: none;}
.main-banner .swiper-button-prev:before {font-family: "Font Awesome 5 Free";content: "\f060";font-size: 15px;font-style: normal;display: inline-block; vertical-align: middle;font-weight: 900;}
.main-banner .swiper-button-next:before {font-family: "Font Awesome 5 Free";content: "\f061";font-size: 15px;font-style: normal;display: inline-block;vertical-align: middle;font-weight: 900;}
.main-banner .swiper-pagination-bullet {width: 12px;height: 12px;text-align: left;line-height: 12px;font-size: 12px;color: #000;opacity: 0.3;background:#fff;transition:all .2s ease;}
.main-banner .swiper-pagination-bullet-active {opacity:1;}
.swiper-pagination {text-align:left;}
.main-banner .swiper-container-horizontal > .swiper-pagination-bullets{display: none !important;}
/* .main-banner .swiper-container-horizontal > .swiper-pagination-bullets{display: block !important;position: absolute;top: 50%;bottom: 0;margin: 0 auto;left: 0;right: 0;width: 100%;height: 50px;} */

.slider-style {height: 760px; transition:all .4s ease;}
@media (max-width: 991px) {
  .slider-style {height: 600px;}
}

@media (max-width: 767px) {
  .slider-style{height: 500px;}
}

.slider-style .slide-title, .slider-style .slide-text, .slider-style .slide-btns {max-width: 690px;z-index: 9;position: relative;}
.slider-style .slide-title h2 {font-family: var(--themefont); font-size: 40px; font-weight: 700; letter-spacing: 3px;text-transform: uppercase;}
.slider-style .slide-text p {font-weight: 500;font-size: 17px;}
.slider-style .container{position: absolute;top: 35%; z-index: 6;left: 10%; max-width: 700px;bottom: auto;padding-top: 0px !important;}



/*****************************************/
/* about bride groom section */
/*****************************************/
main .about-bridegroom{position: relative;z-index: 9;background: #eee;}
main .about-bridegroom::after{position: absolute;content: '';background: url(../images/home-img/bg-overlay.png) no-repeat;left: 0;top: 0;height: 100%;width: 100%;}
main .about-bridegroom .title-wrap{display: block;}


main .about-bridegroom .about-section{margin-top: 50px;z-index: 9;position: relative;}
main .about-bridegroom .about-section .left-img{margin-right: -12em;transition: all .8s cubic-bezier(.25,.46,.45,.94);clip-path: inset(0 0 0 0);overflow: hidden;transform: translateX(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);filter: grayscale(0);max-height: 535px;overflow: hidden;}
main .about-bridegroom .about-section .groom-section .left-img{margin-left: -12em;}
main .about-bridegroom .about-section .left-img img{transform: scale(1); transition: all .8s cubic-bezier(.25,.46,.45,.94); will-change: transform;max-width: 800px;}
main .about-bridegroom .about-section .couple-section:hover .left-img{clip-path: inset(12px 12px 12px 12px);}
main .about-bridegroom .about-section .couple-section:hover .left-img img{transform: scale(1.05);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}
main .about-bridegroom .about-section .right-content{display: -ms-flexbox;z-index: 1; border-radius: 12px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);min-height: 380px;max-width: 580px; align-items: center;display: -webkit-flex;display: flex;-ms-flex-flow: column nowrap;padding-left: 20px;padding-right: 20px;color: var(--textgrey);text-align: center; background-color: rgba(248, 247, 244, 0.6);position: relative;}
main .about-bridegroom .about-section .right-content::before{width: 100%;height: 1px;transition: all .6s ease-in-out; background: var(--themecolor);content: '';position: absolute;top: 0;left: 0;border-radius: 12px;opacity: 0;transform: translateY(-50px);}
main .about-bridegroom .about-section .right-content::after{width: 100%;height: 1px;transition: all .6s ease-in-out; background: var(--themecolor);content: '';position: absolute;bottom: 0;left: 0;border-radius: 12px;opacity: 0;transform: translateY(50px);}
main .about-bridegroom .about-section .couple-section:hover .right-content::before{opacity: 1;transform: translateY(25px);}
main .about-bridegroom .about-section .couple-section:hover .right-content::after{opacity: 1;transform: translateY(-25px);}
main .about-bridegroom .about-section .right-content .description{font-size: 18px;line-height: 30px;font-weight: 400;margin: 10px 0;color: #383838;}
main .about-bridegroom .about-section .right-content .readmore-btn{font-size: 18px;text-transform: uppercase;color: var(--themecolor);font-weight: 400;margin: 10px 0;position: relative;transition: all .4s ease-in-out;}
main .about-bridegroom .about-section .right-content .readmore-btn::after{width: 50px;height: 1px;background: var(--themecolor);content: '';top: 10px;right: -60px;transition: all .4s ease-in-out; position: absolute;transform: translateX(0px);}
main .about-bridegroom .about-section .right-content .readmore-btn:hover::after{transform: translateX(30px);width: 80px;}



/*****************************************/
/* our-story-section */
/*****************************************/
/* main .our-story .story-section{background: url(../images/our-story-img/parallax-bg.webp); background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
main .our-story .story-section::after{background:rgba(0, 0, 0, 0.6); position: absolute;left: 0;top: 0;content: '';height: 100%;width: 100%;}
main .our-story .story-section .inner-content{z-index: 9;position: relative;} */
main .our-story .title-wrap .inner-title{max-width: 860px;}
main .our-story .title-wrap .sub-title::before{left: -20%;}
main .our-story .title-wrap .sub-title::after{right: -20%;}
main .our-story .title-wrap .sub-title .subtitle-dots::before{left: 15%;}
main .our-story .title-wrap .sub-title .subtitle-dots::after{right: 15%;}
main .our-story .story-section-images{margin: 30px 0;}
main .our-story .story-section-images .story-img{overflow: hidden;}
main .our-story .story-section-images .story-img img{transform: scale(1);overflow: hidden; transition: all .4s;}
main .our-story .story-section-images .story-img:hover img{transform: scale(1.2);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}


main .our-story .story-section .inner-content .section-img {position: relative;overflow: hidden;padding: 60px 30px 60px 60px;text-align: center;z-index: 9;}
main .our-story .story-section .inner-content .section-right{padding: 0 45px 0 55px;}
main .our-story .story-section .inner-content{position: relative;z-index: 3;overflow: hidden;border: 1px solid #e5dacf;border-radius: 10px 10px 10px 10px;box-shadow: 0 4px 20px -1px rgba(19, 16, 34, 0);background-color: var(--secondarycolor);}
main .our-story .story-section .inner-content .sw__story-book-shep-main {position: absolute;top: 0;left: 50%;display: flex;flex-wrap: wrap;flex-direction: column;gap: 35px;}
main .our-story .story-section .inner-content .sw__story-book-shep-main::after {content: "";width: 2px;height: 100%;background-color: #E5DACF;position: absolute;left: 50%;top: 0;}
main .our-story .story-section .inner-content .flower-top {left: 0;top: -20px;position: absolute;animation: movedelement2 5s linear infinite alternate;}
main .our-story .story-section .inner-content .flower-bottom {right: 0;bottom: 0;position: absolute;animation: animationTwo 5s linear infinite alternate;}




@keyframes movedelement2 {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0);
  }
  25% {
      -webkit-transform: translate(-10px, -10px);
      transform: translate(-10px, -10px);
  }
  50% {
      -webkit-transform: translate(-5px, -5px);
      transform: translate(-5px, -5px);
  }
  75% {
      -webkit-transform: translate(-10px, 5px);
      transform: translate(-10px, 5px);
  }
  100% {
      -webkit-transform: translate(0);
      transform: translate(0);
  }
}

@keyframes animationTwo {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0);
  }
  25% {
      -webkit-transform: translate(5px, 5px);
      transform: translate(5px, 5px);
  }
  50% {
      -webkit-transform: translate(10px, 10px);
      transform: translate(10px, 10px);
  }
  75% {
      -webkit-transform: translate(5px, 10px);
      transform: translate(5px, 10px);
  }
  100% {
      -webkit-transform: translate(0);
      transform: translate(0);
  }
}

main .our-story .story-section .inner-content .title{position: relative;margin-bottom: 30px;color: #2B2B2B; font-size: 36px; line-height: 42px; font-weight: 600;}
main .our-story .story-section .inner-content .title::after{content: "";background: #bc7b7780;width: 130px;height: 2px;position: absolute;left: 165px;bottom: -10px;right: 0;}
main .our-story .story-section .inner-content .right-desc {font-size: 17px;font-weight: 500;color: #585858;margin-bottom: 10px;}




/*****************************************/
/* photos-videos-section */
/*****************************************/
main .photos-videos-page .title-wrap{display: block;}
main .photos-videos-page .title-wrap .sub-title::before{left: 16%;}
main .photos-videos-page .title-wrap .sub-title::after{right: 16%;}
main .photos-videos-page .title-wrap .sub-title .subtitle-dots::before{left: 31%;}
main .photos-videos-page .title-wrap .sub-title .subtitle-dots::after{right: 31%;}
main .photos-videos .photovideo-section .card{border: none;}
main .photos-videos .photovideo-section .card .nav-tabs{border: none;justify-content: center;}
main .photos-videos .photovideo-section .card .nav-tabs .nav-link{border: none;margin: 0 8px;transition: all .5s; background: rgba(47, 47, 47, 10%);color: var(--textgrey); padding: 0.7rem 3rem;border-radius: 0;font-size: 17px;font-weight: 500;}
main .photos-videos .photovideo-section .card .nav-tabs .nav-link.active{background: var(--themecolor);color: var(--secondarycolor);}
main .photos-videos .photovideo-section .card .nav-tabs .nav-link:hover{background: var(--themecolor);color: var(--secondarycolor);}
main .photos-videos .photovideo-section .card .tab-content .photo-main{overflow: hidden;position: relative;}
main .photos-videos .photovideo-section .card .tab-content .photo-main::before{position: absolute;left: 10px;top: 10px;width: 270px;height: 240px;content: "";border: 1px solid rgba(212, 176, 165, 0.8);z-index: 1;}
main .photos-videos .photovideo-section .card .tab-content .photo-main img{transform: scale(1);overflow: hidden; transition: all .4s;}
main .photos-videos .photovideo-section .card .tab-content .photo-main:hover img{transform: scale(1.2);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}


main .photos-videos .photovideo-section .card .tab-content .video-main{overflow: hidden;position: relative;}
main .photos-videos .photovideo-section .card .tab-content .video-main::before{position: absolute;left: 10px;top: 10px;width: 270px;height: 240px;content: "";border: 1px solid rgba(212, 176, 165, 0.8);z-index: 1;}
main .photos-videos .photovideo-section .card .tab-content .video-main::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(0, 0, 0, 0.5);}main .photos-videos .photovideo-section .card .tab-content .video-main .video-img{transform: scale(1);overflow: hidden; transition: all .4s;}
main .photos-videos .photovideo-section .card .tab-content .video-main:hover .video-img{transform: scale(1.2);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}
main .photos-videos .photovideo-section .card .tab-content .video-main .video-icon{position: absolute;z-index: 9;top: 40%;left: 44%;right: 0;bottom: auto;margin: 0 auto;}



/*****************************************/
/* venue section */
/*****************************************/
main .venue-main .title-wrap{display: block;}
main .venue-main .title-wrap .sub-title::before{left: 24%;}
main .venue-main .title-wrap .sub-title::after{right: 24%;}
main .venue-main .title-wrap .sub-title .subtitle-dots::before{left: 39%;}
main .venue-main .title-wrap .sub-title .subtitle-dots::after{right: 39%;}
main .venue-main .venue-section .venue-box .venue-content{display: flex;padding: 20px 0;}
main .venue-main .venue-section .venue-box .venue-img img{border-radius: 4px;width: 100%;}
main .venue-main .venue-section .venue-box .venue-content .left-location{height: 42px;width: 42px;background: rgba(201, 79, 124, 10%);border-radius: 50%;text-align: center;	line-height: 42px;margin-right: 25px;}
main .venue-main .venue-section .venue-box .venue-content .right-address .title{font-size: 20px;font-weight: 500;color: var(--textgrey);margin-bottom: 8px;}
main .venue-main .venue-section .venue-box .venue-content .right-address .desc{font-size: 16px;font-weight: 500;color: rgba(47, 47, 47, 70%);margin-bottom: 0;}
main .venue-main .venue-section .venue-box .venue-content .right-address .readmore-btn{font-size: 15px;color: var(--themecolor);font-weight: 400;position: relative;transition: all .4s ease-in-out;}
main .venue-main .venue-section .venue-box .venue-content .right-address .readmore-btn::after{width: 50px;height: 1px;background: var(--themecolor);content: '';top: 10px;right: -60px;transition: all .4s ease-in-out; position: absolute;transform: translateX(0px);}
main .venue-main .venue-section .venue-box .venue-content .right-address .readmore-btn:hover::after{transform: translateX(30px);width: 80px;}



/*****************************************/
/* RSVP-form section */
/*****************************************/
main .rsvp-main .title-wrap .sub-title::before{left: 5%;}
main .rsvp-main .title-wrap .sub-title::after{right: 5%;}
main .rsvp-main .title-wrap .sub-title .subtitle-dots::before{left: 32%;}
main .rsvp-main .title-wrap .sub-title .subtitle-dots::after{right: 32%;}

main .rsvp-main .rsvp-section .form-main{padding: 30px;background: rgba(201, 79, 124, 3%);}
main .rsvp-main .rsvp-section .form-main .title{font-size: 26px;text-transform: uppercase;color: var(--textgrey);font-weight: 400;}
main .rsvp-main .rsvp-section .form-main .contact-form .form-group{margin-bottom: 50px;}
main .rsvp-main .rsvp-section .form-main .contact-form .input-text {width: 100%;font-size: 16px;transition: all .4s ease;background: transparent;font-family: var(--primaryfont);outline: none;border-bottom: 1px solid #e0e0e0;padding: 10px 0px;color: var(--textgrey);border-top: none;border-right: none;border-left: none;}
main .rsvp-main .rsvp-section .form-main .contact-form .input-text:hover {border-color: var(--themecolor);}
main .rsvp-main .rsvp-section .form-main .contact-form .input-text:focus {border-color: var(--themecolor);}

main .rsvp-main .rsvp-section .form-main .radio-input{display: flex;}
main .rsvp-main .rsvp-section .form-main input[type="radio"] { display: none;}
main .rsvp-main .rsvp-section .form-main label {cursor: pointer;position: relative;font-size: 16px;padding-left: 30px;}
main .rsvp-main .rsvp-section .form-main .radio-primary {margin-right: 15px;;}
main .rsvp-main .rsvp-section .form-main label::before {content: "";position: absolute;width: 20px;height: 20px;background-color: transparent;border: 2px solid var(--themecolor); border-radius: 50%;top: 50%;left: 0;transform: translateY(-50%);transition: border-color 400ms ease;}
main .rsvp-main .rsvp-section .form-main label::after {content: "";position: absolute;width: 16px;height: 16px;background-color: var(--themecolor);border: 2px solid var(--themecolor);border-radius: 50%;top: 50%;left: 2px;transform: translateY(-50%) scale(0);transition: transform 400ms ease;}

main .rsvp-main .rsvp-section .form-main input[type="radio"]:checked + label::before {border-color: var(--themecolor);}
main .rsvp-main .rsvp-section .form-main input[type="radio"]:checked + label::after {transform: translateY(-50%) scale(0.55);}



/*****************************************/
/* events section */
/*****************************************/

main .events-main .title-wrap .sub-title::before{left: -5%;}
main .events-main .title-wrap .sub-title::after{right: -5%;}
main .events-main .title-wrap .sub-title .subtitle-dots::before{left: 25%;}
main .events-main .title-wrap .sub-title .subtitle-dots::after{right: 25%;}
main .events-main .event-section .events-box{display: flex;align-items: center;margin-bottom: 20px;}
main .events-main .event-section .events-box:last-child{margin-bottom: 0px;}
main .events-main .event-section .events-box .event-img{margin-right: 30px;max-height: 220px;overflow: hidden;}
main .events-main .event-section .events-box .event-img img{max-width: 330px;border-radius: 4px;}
main .events-main .event-section .events-box .events-content .title{font-size: 20px;font-weight: 500;color: var(--textgrey);text-transform: uppercase;margin-bottom: 10px;}
main .events-main .event-section .events-box .events-content .event-date{font-size: 15px;font-weight: 500;color: rgba(47, 47, 47, 70%);margin-bottom: 3px;position: relative;padding-left: 30px;}
main .events-main .event-section .events-box .events-content .event-date img{position: absolute;left: 0;top: 6px;}
main .events-main .event-section .events-box .events-content .desc{color: rgba(47, 47, 47, 50%);font-size: 15px;font-weight: 500;line-height: 25px;margin-bottom: 0;}

main .no-events-main h1{ font-size: 32px;font-weight: 700; color: var(--titlecolor);margin: 0px 0 0;}


main .events-main .event-section nav .nav-tabs{border: none;justify-content: center;}
main .events-main .event-section nav .nav-tabs .nav-link {border: none;margin: 0 8px;transition: all .5s;background: rgba(47, 47, 47, 10%);color: var(--textgrey);padding: 0.7rem 3rem;border-radius: 0;font-size: 17px;font-weight: 500;}
main .events-main .event-section nav .nav-tabs .nav-link.active {background: var(--themecolor);color: var(--secondarycolor);}



/* ======================================================================
                          About us page design
========================================================================= */
main .about-banner .about-section{background: url(../images/home-img/home-banner-2.png); position: relative;background-size: cover !important;max-height: 500px;padding-top: 40%;top: 0;background-repeat: no-repeat !important;}
main .about-banner .about-section::after{content: ''; height: 100%; width: 100%;  background: rgb(0, 0, 0);background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 66%);;position: absolute; top: 0;left: 0;}

main .about-banner .slide-text {position: absolute;top: 40%;z-index: 6;left: 10%;max-width: 700px;bottom: auto;}
main .about-banner .slide-text h2{font-family: var(--themefont); font-size: 50px; font-weight: 700; letter-spacing: 3px;text-transform: uppercase;margin-bottom: 20px;}
main .about-banner .slide-text p {font-weight: 500;font-size: 18px;}

main .about-us{position: relative;z-index: 9;background: #eee;}
main .about-us::after{position: absolute;content: '';background: url(../images/home-img/bg-overlay.png) no-repeat;left: 0;top: 0;height: 100%;width: 100%;}
main .about-us .title-wrap{display: block;}



main .about-us .about-section{margin-top: 50px;z-index: 9;position: relative;}
main .about-us .about-section .left-img{margin-right: -12em;transition: all .8s cubic-bezier(.25,.46,.45,.94);clip-path: inset(0 0 0 0);overflow: hidden;transform: translateX(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);filter: grayscale(0);max-height: 535px;overflow: hidden;}
main .about-us .about-section .groom-section .left-img{margin-left: -12em;}
main .about-us .about-section .left-img img{transform: scale(1); transition: all .8s cubic-bezier(.25,.46,.45,.94); will-change: transform;max-width: 800px;}
main .about-us .about-section .couple-section:hover .left-img{clip-path: inset(12px 12px 12px 12px);}
main .about-us .about-section .couple-section:hover .left-img img{transform: scale(1.05);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}
main .about-us .about-section .right-content{display: -ms-flexbox;z-index: 1; border-radius: 12px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);min-height: 380px;max-width: 580px; align-items: center;display: -webkit-flex;display: flex;-ms-flex-flow: column nowrap;padding-left: 20px;padding-right: 20px;color: var(--textgrey);text-align: center; background-color: rgba(248, 247, 244, 0.6);position: relative;}
main .about-us .about-section .right-content::before{width: 100%;height: 1px;transition: all .6s ease-in-out; background: var(--themecolor);content: '';position: absolute;top: 0;left: 0;border-radius: 12px;opacity: 0;transform: translateY(-50px);}
main .about-us .about-section .right-content::after{width: 100%;height: 1px;transition: all .6s ease-in-out; background: var(--themecolor);content: '';position: absolute;bottom: 0;left: 0;border-radius: 12px;opacity: 0;transform: translateY(50px);}
main .about-us .about-section .couple-section:hover .right-content::before{opacity: 1;transform: translateY(25px);}
main .about-us .about-section .couple-section:hover .right-content::after{opacity: 1;transform: translateY(-25px);}
main .about-us .about-section .right-content .description{font-size: 18px;line-height: 32px;font-weight: 400;margin: 10px 0;}
main .about-us .about-section .right-content .readmore-btn{font-size: 18px;text-transform: uppercase;color: var(--themecolor);font-weight: 400;margin: 10px 0;position: relative;transition: all .4s ease-in-out;}
main .about-us .about-section .right-content .readmore-btn::after{width: 50px;height: 1px;background: var(--themecolor);content: '';top: 10px;right: -60px;transition: all .4s ease-in-out; position: absolute;transform: translateX(0px);}
main .about-us .about-section .right-content .readmore-btn:hover::after{transform: translateX(30px);width: 80px;}




/* ======================================================================
                          photos & Videos page design
========================================================================= */
main .photos-videos-banner .about-section{background: url(../images/home-img/home-banner-2.png); position: relative;background-size: cover !important;max-height: 500px;padding-top: 40%;top: 0;background-repeat: no-repeat !important;}
main .photos-videos-banner .about-section::after{content: ''; height: 100%; width: 100%;  background: rgb(0, 0, 0);background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 66%);;position: absolute; top: 0;left: 0;}

main .photos-videos-banner .slide-text {position: absolute;top: 40%;z-index: 6;left: 10%;max-width: 700px;bottom: auto;}
main .photos-videos-banner .slide-text h2{font-family: var(--themefont); font-size: 50px; font-weight: 700; letter-spacing: 3px;text-transform: uppercase;margin-bottom: 20px;}
main .photos-videos-banner .slide-text p {font-weight: 500;font-size: 18px;}

main .photos-videos-page .photovideo-section .card{border: none;}
main .photos-videos-page .photovideo-section .card .nav-tabs{border: none;justify-content: center;}
main .photos-videos-page .photovideo-section .card .nav-tabs .nav-link{border: none;margin: 0 8px;transition: all .5s; background: rgba(47, 47, 47, 10%);color: var(--textgrey); padding: 0.7rem 3rem;border-radius: 0;font-size: 17px;font-weight: 500;}
main .photos-videos-page .photovideo-section .card .nav-tabs .nav-link.active{background: var(--themecolor);color: var(--secondarycolor);}
main .photos-videos-page .photovideo-section .card .nav-tabs .nav-link:hover{background: var(--themecolor);color: var(--secondarycolor);}
main .photos-videos-page .photovideo-section .card .tab-content .photo-main{overflow: hidden;position: relative;}
main .photos-videos-page .photovideo-section .card .tab-content .photo-main::before{position: absolute;left: 10px;top: 10px;width: 270px;height: 240px;content: "";border: 1px solid rgba(212, 176, 165, 0.8);z-index: 1;}
main .photos-videos-page .photovideo-section .card .tab-content .photo-main img{transform: scale(1);overflow: hidden; transition: all .4s;}
main .photos-videos-page .photovideo-section .card .tab-content .photo-main:hover img{transform: scale(1.2);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}


main .photos-videos-page .photovideo-section .card .tab-content .video-main{overflow: hidden;position: relative;}
main .photos-videos-page .photovideo-section .card .tab-content .video-main::before{position: absolute;left: 10px;top: 10px;width: 270px;height: 240px;content: "";border: 1px solid rgba(212, 176, 165, 0.8);z-index: 1;}
main .photos-videos-page .photovideo-section .card .tab-content .video-main::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(0, 0, 0, 0.5);}
main .photos-videos-page .photovideo-section .card .tab-content .video-main .video-img{transform: scale(1);overflow: hidden; transition: all .4s;}
main .photos-videos-page .photovideo-section .card .tab-content .video-main:hover .video-img{transform: scale(1.2);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);filter: grayscale(100%);}
main .photos-videos-page .photovideo-section .card .tab-content .video-main .video-icon{position: absolute;z-index: 9;top: 40%;left: 44%;right: 0;bottom: auto;margin: 0 auto;}


main .photos-videos-page .photovideo-section .card .navigation .filter-button-group .navigation-tabs{display: flex;justify-content: flex-start;align-items: flex-start;overflow: hidden;flex-wrap: unset;}
main .photos-videos-page .photovideo-section .card .navigation .filter-button-group span.left, span.right {position: absolute;height: 35px;width: 35px;display: flex;justify-content: center;align-items: center;background-color: var(--themecolor);border-radius: 50%;left: -30px;top: 85px;cursor: pointer;color: #ffffff;}
main .photos-videos-page .photovideo-section .card .navigation .filter-button-group .next-prev{width: auto;height: auto;}
main .photos-videos-page .photovideo-section .card .navigation .filter-button-group span.right {right: -25px;left: unset;}





main .photos-videos-page .photovideo-section .card .navigation .filter-button-group{display: flex;list-style: none;flex-wrap: wrap;}
main .photos-videos-page .photovideo-section .card .navigation .filter-button-group a.nav-items {padding: 10px 20px;cursor: pointer;margin: 0 5px 0;transition: 0.5s;font-size: 16px;color: rgba(47, 47, 47, 70%);line-height: 20px;text-transform: uppercase;text-align: left;font-weight: 500;white-space: nowrap;background-color: #f1f1f1;border-radius: 6px;}
main .photos-videos-page .photovideo-section .card .navigation .filter-button-group a.nav-items:hover, main .photos-videos-page .photovideo-section .card .navigation .filter-button-group a.nav-items.active{color: var(--secondarycolor);background-color: var(--themecolor);}
main .photos-videos-page .photovideo-section .card img{height: 100%;width: 100%;object-fit: cover; border-radius: 8px;}
main .photos-videos-page .photovideo-section .card .grid-item{height: 270px;position: relative;}
main .photos-videos-page .photovideo-section .card .grid-item--width2 {width: 50%;}
main .photos-videos-page .photovideo-section .card .grid-item--height2 {height: 555px;}
main .photos-videos-page .photovideo-section .card .fancybox{position: absolute;top: 8px;left: 15px;height: calc(100% - 16px);width: calc(100% - 30px);background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;border-radius: 5px;transform: scale(0);transition: 0.3s;}
main .photos-videos-page .photovideo-section .card .fancybox img{height: auto; width: auto;}
main .photos-videos-page .photovideo-section .card .grid-item:hover .fancybox{transform: scale(1);}
main .photos-videos-page .photovideo-section .video-main .video-icon img{height: auto;width: auto;}


.video-modal-main .modal-dialog .modal-content .modal-body{padding: 0;}
.video-modal-main .modal-dialog .modal-content .btn-close{background-color: #fff;border-radius: 50%;position: absolute;right: -12px;top: -12px;padding: .5rem .5rem;z-index: 9;opacity: .8;}



/* ======================================================================
                          our story page design
========================================================================= */
main .our-story-banner .story-section{background: url(../images/home-img/home-banner-2.png); position: relative;background-size: cover !important;max-height: 500px;padding-top: 40%;top: 0;background-repeat: no-repeat !important;}
main .our-story-banner .story-section::after{content: ''; height: 100%; width: 100%;  background: rgb(0, 0, 0);background: linear-gradient(96deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 66%);;position: absolute; top: 0;left: 0;}

main .our-story-banner .slide-text {position: absolute;top: 40%;z-index: 6;left: 10%;max-width: 700px;bottom: auto;}
main .our-story-banner .slide-text h2{font-family: var(--themefont); font-size: 50px; font-weight: 700; letter-spacing: 3px;text-transform: uppercase;margin-bottom: 20px;}
main .our-story-banner .slide-text p {font-weight: 500;font-size: 18px;}

main .our-story .story-section .about-story .desc {font-size: 17px; font-weight: 500;color: rgba(47, 47, 47, 50%);margin-bottom: 30px;}



/* ======================================================================
                          contact-us page design
========================================================================= */
main .contact-us-page .contact-title{color: var(--titlecolor);font-family: var(--primaryfont);font-size: 50px;font-weight: 600;}




/* ======================================================================
                          invitation-crad page design
========================================================================= */
main .invitation-main .title-wrap .page-title{color: var(--titlecolor);font-family: var(--primaryfont);font-size: 50px;font-weight: 600;}
main .invitation-card-sec .owl-theme .item .card-img{display: flex;justify-content: center;}
main .invitation-card-sec .owl-theme .item img{width: auto;}


main .invitation-card-sec .owl-carousel .owl-nav {display: block !important;position: absolute;top: 50%;bottom: 0;margin: 0 auto;left: 0;right: 0;width: 100%;}
main .invitation-card-sec .owl-carousel .owl-nav .owl-prev {position: absolute;left: 0;transition: all .4s ease-in-out;height: 50px;width: 50px;transition: all .4s ease-in-out;background: rgb(231, 231, 231);color: var(--primarycolor) !important;font-size: 17px !important;border-radius: unset;margin: 0;border-radius: 10px;line-height: 25px;}
main .invitation-card-sec .owl-carousel .owl-nav .owl-prev:hover {background: var(--themecolor);color: var(--secondarycolor) !important;}
main .invitation-card-sec .owl-carousel .owl-nav .owl-next {position: absolute;right: 0;transition: all .4s ease-in-out;height: 50px;width: 50px;transition: all .4s ease-in-out;background: rgb(231, 231, 231);color: var(--primarycolor) !important;font-size: 17px !important;border-radius: unset;margin: 0;border-radius: 10px;line-height: 25px;}
main .invitation-card-sec .owl-carousel .owl-nav .owl-next:hover {background: var(--themecolor);color: var(--secondarycolor) !important;}

/* ======================================================================
                         Login 
========================================================================= */

main .login-wrapper{padding: 50px 0px;min-height: calc(100vh - 185px);}
main .login-wrapper .login-block{padding: 35px;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin: 50px auto; max-width: 550px;}
main .login-wrapper .login-block .login-title{color: var(--titlecolor);  font-family: var(--primaryfont);  font-size: 30px;  font-weight: 600;}
main .login-wrapper .login-block p{font-size: 18px;  font-weight: 400;  color: rgba(47, 47, 47, 50%);  z-index: 9;  position: relative; line-height: 30px;  margin-bottom: 20px;}
main .login-wrapper .login-block .form-control{border-radius: 0px;font-size: 16px;padding: 20px;}
main .login-wrapper .login-block .verify .otp{ display: inline-block; width: 75px;  height: 75px;  text-align: center;  font-size: 40px;border: 1px solid #979797;border-radius: 5px;box-shadow: none;outline: none;}
main .login-wrapper .login-block .verify .otp:focus{border: 1px solid #ed6f7e;background-color: rgba(237, 111, 126, 0.2);color: #ed6f7e;}
main .login-wrapper .login-block .link{color: #ed6f7e;}

main .my-account {padding: 15px;background-color: #f5f5f5;border-radius: 10px;}
main .my-account .account-block{position: relative;border-radius: 10px;}
main .my-account .account-block .sidebar{position: absolute; left: 0;top: 0; bottom: 0; width: 280px; background-color: #fff; border-radius: 10px;}
main .my-account .account-block .sidebar .menu{padding: 0px;margin: 0;}
main .my-account .account-block .sidebar .menu li a{padding: 10px 15px;display: block;border-bottom: 1px solid #f5f5f5;font-weight: 500;}
main .my-account .account-block .sidebar .menu li a:hover{background-color: rgba(237, 111, 126, 0.2);color: #ed6f7e;}
main .my-account .account-block .sidebar .menu li.active a{background-color: rgba(237, 111, 126, 0.2);color: #ed6f7e;}

main .my-account .account-block .sidebar .profile{padding: 15px;}
main .my-account .account-block .sidebar .profile h4{font-weight: 600; font-size: 18px; margin-bottom: 0px;}
main .my-account .account-block .sidebar .profile p{margin-bottom: 0px;}

main .my-account .account-block .content{position: relative;  margin-left: 280px; padding: 20px;}
main .my-account .account-block .content .table-block{background-color: #fff;padding: 15px;border-radius: 5px;}


main .my-account .account-block .content .table-block .fancybox{position: absolute;top: 8px;left: 15px;height: calc(100% - 16px);width: calc(100% - 30px);background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;border-radius: 5px;transform: scale(0);transition: 0.3s;}
main .my-account .account-block .content .table-block .fancybox img{height: auto; width: auto;}
main .my-account .account-block .content .table-block .grid-item{position: relative;}
main .my-account .account-block .content .table-block .grid-item .gallery-grid-img {height: 100%;width: 100%;object-fit: cover;border-radius: 8px;}
main .my-account .account-block .content .table-block .grid-item:hover .fancybox{transform: scale(1);}



main .page-item.active .page-link{background-color: var(--themecolor);border-color: var(--themecolor);padding: 6px 15px;}
main .page-item .page-link{position: relative;display: block;color: var(--textgrey);text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding: 6px 15px !important;font-size: 15px;}
main .page-link:focus{box-shadow: none;}

main table tr td{white-space: nowrap;}
main table .table-heading tr th{background-color: rgba(237, 111, 126, 0.2);color: var(--titlecolor);border-right: 1px solid var(--secondarycolor);border-bottom: none;white-space: nowrap;}
main table .table-heading tr th:first-child{border-top-left-radius: 8px;border-bottom-left-radius: 8px; padding: 8px 15px;}
main table td{border: 1px solid #F0F0F0;}
main table .table-heading{border-bottom: none;}
main table .table-heading tr th:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px; padding: 8px 15px;}
main .table-hover > tbody > tr:hover > *{--bs-table-accent-bg: #fce2e5 !important;}
main  .table > :not(:first-child){border: none;}



/* ################   Pickup Modal Design ####################################*/

.pickup-modal .modal-dialog{max-width: 950px;}
.pickup-modal .modal-dialog .modal-header .modal-title{font-size: 22px;font-weight: 500;color: var(--textgrey);line-height: 30px;}
.pickup-modal .modal-dialog .modal-header .btn-close  {background-color: #FCE2E5;border: none;outline: none;height: 20px;width: 20px;font-size: 13px;border-radius: 50px;}
.pickup-modal table .table-heading tr th{background-color: rgba(237, 111, 126, 0.2);color: var(--titlecolor);border-right: 1px solid var(--secondarycolor);border-bottom: none;}
.pickup-modal table .table-heading tr th:first-child{border-top-left-radius: 8px;border-bottom-left-radius: 8px; padding: 8px 15px;}
/* .pickup-modal table td{border-bottom: 1px solid #F0F0F0;} */
.pickup-modal table td{border-bottom: none;}
.pickup-modal table .table-heading{border-bottom: none;}
.pickup-modal table .table-heading tr th:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px; padding: 8px 15px;}
.pickup-modal .table-hover > tbody > tr:hover > *{--bs-table-accent-bg: #fce2e5 !important;}
.pickup-modal  .table > :not(:first-child){border: none;}











.dt-icons {padding: 5px;background-color: #fce2e5;border-radius: 5px;margin: 0 2px;height: 26px;width: 26px;display: inline-block;vertical-align: middle;position: relative;}
.dt-icons img{position: absolute;top: 0;bottom: 0;margin: auto;}
/* .driver-box{background-color: #fce2e5 !important; border-radius: 10px;} */
.driver-box h5{font-size: 15px;font-weight: 500;margin-bottom: 0px;color: #ed6f7e;}
.driver-box p{font-size: 13px;font-weight: 400;margin-bottom: 0px;}

.badge-help{background-color: #fce2e5;color: var(--themecolor);padding: 5px 12px;font-weight: 500;}





/*****************************************/
/* need application modal design */
/*****************************************/
.needapp_modal .modal-dialog{position: relative;top: 0px; bottom: 0px; max-width:700px;}
.needapp_modal .modal-body{padding: 25px;}
.needapp_modal .modal-dialog .modal-content{border-radius: 14px;}
.needapp_modal .modal-dialog .modal-content .modal_title{font-size: 22px;font-weight: 600;color: var(--themecolor);position: relative;margin-bottom: 35px;}
.needapp_modal .modal-dialog .modal-content .sub_title{font-size: 20px;line-height: 32px;font-weight: 500;margin-bottom: 12px;}
.needapp_modal .modal-dialog .modal-content .modal_title::after{position: absolute;left: 0;bottom: -12px;background-color: var(--themecolor);width: 200px;height: 2px;content: '';}
.needapp_modal .modal-dialog .modal-content .list_box {padding: 15px;box-shadow: 0 4px 30px #ede9fe;border-radius: 12px;border: 1px solid var(--themecolor);}
.needapp_modal .modal-dialog .modal-content .modal_list_content{padding-left: 0;}
.needapp_modal .modal-dialog .modal-content .modal_list_content li{margin-bottom: 15px;position: relative;padding-left: 30px;}
.needapp_modal .modal-dialog .modal-content .modal_list_content li:last-child{margin-bottom: 0;}
.needapp_modal .modal-dialog .modal-content .modal_list_content li p{font-size: 18px;line-height: 28px;font-weight: 400;}
.needapp_modal .modal-dialog .modal-content .modal_list_content li img {position: absolute;left: 0;top: 7px;color: var(--txttheme);display: inline-block;line-height: 28px;transition: all .4s ease;width: 18px;}
.needapp_modal .modal-dialog .modal-content .buttonclassdiv{margin: 25px 0 10px;}



/*****************************************/
/* About Bride & groom page design old */
/*****************************************/
/* main .info-bridegroom-main .img-holder { max-width: 320px;padding: 10px;border: 1px dashed #f4b1ae;border-radius: 50%;position: relative;z-index: 1;background: #fff; margin: 0 auto 20px;}
main .info-bridegroom-main .img-holder img { border-radius: 50%;width: 300px;}
main .info-bridegroom-main .section-title{margin-bottom: 50px;}
main .info-bridegroom-main .section-title .bridegroom-name{font-size: 30px;line-height: 40px;font-weight: 600;color: var(--themecolor);text-align: center;position: relative;}
main .info-bridegroom-main .section-title .section-title-img{max-width: 200px;margin: 0 auto;position: relative;}
main .info-bridegroom-main .section-title .section-title-img::before, main .info-bridegroom-main .section-title .section-title-img::after{position: absolute;width: 144px;left: -70px;top: 50%;transform: translateY(-50%);content: "";height: 1px;background: #f4b1ae;}
main .info-bridegroom-main .section-title .section-title-img::after{right: -70px;left: auto;}
main .info-bridegroom-main .section-title .section-title-img .round-ball {position: absolute;left: 50%;width: 15px;height: 15px;border: 1px solid #f4b1ae;border-radius: 50%;transform: translateX(-50%);top: -5px;}
main .info-bridegroom-main .set--minheight{min-height: 400px !important;}
main .info-bridegroom-main .content-bride-item {padding: 15px;border: 1px solid #f4b1ae;position: relative;margin-bottom: 40px;border-radius: 8px;min-height: 400px;}
main .info-bridegroom-main .content-bride-item .content-text {padding: 25px 25px;background: rgba(244, 177, 174, 0.2);min-height: 400px;}
main .info-bridegroom-main .content-bride-item .content-text .box-title {font-size: 22px;text-transform: capitalize;border-bottom: 1px solid #efd5d8;padding-bottom: 20px;margin-bottom: 30px;text-align: center;font-weight: 600;color: var(--themecolor);}
main .info-bridegroom-main .content-bride-item .content-text .info-list{padding-left: 0;margin-bottom: 0;display: flex;align-items: center;flex-wrap: wrap;}
main .info-bridegroom-main .content-bride-item .content-text .info-list li{margin-bottom: 20px;padding-right: 20px;}
main .info-bridegroom-main .content-bride-item .content-text .info-list li:last-child{margin-bottom: 0;padding-right: 0;}
main .info-bridegroom-main .content-bride-item .content-text .info-list li p{font-size: 16px;line-height: 26px;margin-bottom: 0;}
main .info-bridegroom-main .content-bride-item .content-text .info-list li h4 {font-weight: 600;font-size: 17px;color: var(--textgrey);position: relative;display: inline-block;margin: 0 15px 0 0;} */
/* main .info-bridegroom-main .content-bride-item .content-text .info-list li strong:before {position: absolute; left: 0;bottom: -5px;width: 100%;height: 1px;content: "";background: #efd5d8;} */




/*****************************************/
/* About Bride & groom page design new */
/*****************************************/

main .info-bridegroom-main .content-bride-item{background-color: #FDEFEF;padding: 20px 20px;}
main .info-bridegroom-main .content-bride-item .title-main{background-color: #fff;padding: 8px 15px;position: relative;margin-bottom: 15px;}
main .info-bridegroom-main .content-bride-item .title-main::before{background-color: #ED6F7E;width: 2px;border-radius: 2px;height: 25px;position: absolute;left: 0;top: 5px;content: '';}
main .info-bridegroom-main .content-bride-item .title-main h3{font-size: 16px;font-weight: 500;color: #ED6F7E;margin-bottom: 0;text-transform: uppercase;}
main .info-bridegroom-main .content-bride-item .information-list{padding-left: 0;display: flex;justify-content: space-between;align-items: center;}
main .info-bridegroom-main .content-bride-item .information-list .list-item{border-left: 2px solid #E9DDDD;padding-left: 12px;flex-basis: 50%;}
main .info-bridegroom-main .content-bride-item .information-list li .info-name{font-size: 16px;color: #878787;margin-bottom: 4px;line-height: 22px;}
main .info-bridegroom-main .content-bride-item .information-list li .item{font-size: 16px;color: #2F2F2F;margin-bottom: 0;line-height: 28px;font-weight: 500;}
main .info-bridegroom-main .content-bride-item .information-list li .hobbies-list{display: flex;justify-content: start;align-items: center;flex-wrap: wrap;padding-left: 0;}
main .info-bridegroom-main .content-bride-item .information-list li .hobbies-list li{background-color: #FBE2E4;padding: 2px 10px;color: #2F2F2F;font-size: 16px;font-weight: 500;margin-right: 5px;}
main .info-bridegroom-main .content-bride-item .information-list li .hobbies-list li:last-child{margin-right: 0;}
main .info-bridegroom-main .content-bride-item .information-list li .social-list{display: flex;justify-content: start;align-items: center;padding-left: 0;margin: 10px 0 0;}
main .info-bridegroom-main .content-bride-item .information-list li .social-list li{margin-right: 5px;}
main .info-bridegroom-main .content-bride-item .information-list li .social-list li .social-link{border: 1px solid #ED6F7E;position: relative; height: 30px;width: 30px;text-align: center;display: block; line-height: 28px;border-radius: 50%;transition: all .4s ease-in-out}
main .info-bridegroom-main .content-bride-item .information-list li .social-list li .social-link:hover{background-color: #ED6F7E;border: 1px solid transparent;}
main .info-bridegroom-main .content-bride-item .information-list li .social-list li .social-link img{filter: invert(66%) sepia(25%) saturate(783%) hue-rotate(308deg) brightness(95%) contrast(93%);transition: all .4s ease-in-out;position: absolute;left: 2px;top: 0;bottom: 0;right: 0;margin: auto;}
main .info-bridegroom-main .content-bride-item .information-list li .social-list li .social-link:hover img{filter: invert(98%) sepia(98%) saturate(0%) hue-rotate(329deg) brightness(101%) contrast(104%);}

main .info-bridegroom-main .content-bride-item .desc-border{border-left: 2px solid #E9DDDD;padding-left: 12px;}
main .info-bridegroom-main .content-bride-item .description{font-size: 16px;color: #2F2F2F;margin-bottom: 0;line-height: 28px;}







/*****************************************/
/* Our Story page design */
/*****************************************/
main .our-story .our-story-design .ourstory-content{background-color: #eee;text-align: center;padding: 50px 50px;margin-bottom: 10px;position: relative;}
main .our-story .our-story-design .ourstory-content .svg-icon .cls-1 {stroke: rgba(240,95,121,0.06);stroke-width: 5;}
main .our-story .our-story-design .ourstory-content .svg-icon.size-2 {width: 600px;height: 450px;position: absolute;left: -20%;top: 0;margin-top: -20px;z-index: -1;}
main .our-story .our-story-design .ourstory-content .title{position: relative;margin: 0 auto 30px;max-width: 350px;color: var(--themecolor);font-size: 36px;line-height: 42px;font-weight: 600;}
main .our-story .our-story-design .ourstory-content .title:after{content: "";background: #bc7b7780;width: 130px;height: 2px;position: absolute;left: 100px;bottom: -10px;right: 0;}
main .our-story .our-story-design .ourstory-content .right-desc {font-size: 16px;font-weight: 400;color: #343434;margin-bottom: 15px;}



/*****************************************/
/* Disclaimer page design */
/*****************************************/
main .page-heading{text-align: center;margin: 30px 0 70px;}
main .page-heading .title{font-size: 42px;font-weight: 600;color: var(--themecolor);line-height: 45px;margin-bottom: 25px;}
main .page-heading .divider-main{display: flex;justify-content: center;align-items: center;}
main .page-heading .divider-main .title-divider{height: 8px;width: 67px;background-color: var(--themecolor);text-align: center;position: relative;}
main .page-heading .divider-main .title-divider::before{position: absolute;left: 80px;right: auto;top: 4px;content: '';height: 2px;width: 140px;background-color: var(--themecolor);}
main .page-heading .divider-main .title-divider::after{position: absolute;right: 80px;left: auto;top: 4px;content: '';height: 2px;width: 140px;background-color: var(--themecolor);}
main .page-heading .description{font-size: 16px;line-height: 28px;font-weight: 400;margin: 25px 0 0;text-align: center;color: #2f2f2f;}

main .disclaimer-content{font-size: 18px;line-height: 32px;font-weight: 400; margin: 10px 0;}


main .privacy-policy-main .servicebox{margin: 15px 0;}
main .privacy-policy-main .privacy-title{position: relative;margin: 0 0 30px;color: var(--themecolor);font-size: 22px;line-height: 42px;font-weight: 600;}
main .privacy-policy-main .privacy-title:after{content: "";background: #f5ccca;width: 190px;height: 3px;position: absolute;left: 0;bottom: -10px;right: 0;border-radius: 6px;}
main .privacy-policy-main .privacy-title:before{content: "";background: var(--themecolor);width: 80px;height: 3px;z-index: 1; position: absolute;left: 0;bottom: -10px;right: 0;border-radius: 6px;}
main .privacy-policy-main .privacy-content{font-size: 16px;line-height: 28px;font-weight: 400;margin-bottom: 0;color: #2f2f2f;}
main .privacy-policy-main .privacy-list{padding-left: 0;margin: 15px 0 0;}
main .privacy-policy-main .privacy-list li{position: relative;padding-left: 30px;font-size: 16px;line-height: 28px;font-weight: 400;margin-bottom: 10px;color: #2f2f2f;}
main .privacy-policy-main .privacy-list li img{position: absolute;left: 0;top: 8px;}
main .privacy-policy-main .link-btn{color: #d75666;font-weight: 500;text-decoration: underline;}










/*-------------------------------
            chat styles
-------------------------------*/


.chats { margin: 0; padding: 0; margin-top: -15px; margin-right: 10px; }
.chats li { list-style: none; padding: 8px 0 5px; margin: 7px auto; font-size: 12px; }
.chats li img.avatar { height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; }
.chats li.in img.avatar { float: left; margin-right: 10px; margin-top: 0px; }
.chats li .name { font-size: 13px; font-weight: 400; }
.chats li .datetime { color: #adadad; font-size: 13px; font-weight: 400; }
.chats li.out img.avatar { float: right; margin-left: 10px; margin-top: 0px; }
.chats li .message { display: block; padding: 5px; position: relative; }
.chats li.in .message { text-align: left; margin-left: 65px;background-color: #f9e5ec; }
.chats li.in .message .arrow { display: block; position: absolute; top: 15px; left: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.chats li.out .message .arrow { display: block; position: absolute; top: 15px; right: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #EFF0F4; }
.chats li.out .message { border-right: 2px solid #EFF0F4; margin-right: 65px; text-align: left;background-color: #ed6f7e; }
.chats li.out .message .name{color: #fff;}
.chats li.out .message .body{color: #fff;;}
.chats li.out .name, .chats li.out .datetime { text-align: right; }
.chats li .message .body { display: block; font-size: 18px;}
.chat-form { margin-top: 15px; padding: 10px; background-color: #EFF0F4; clear: both; }
.chat-form .input-cont { margin-right: 55px; }
.chat-form .input-cont input { margin-bottom: 0px; }
.chat-form .input-cont input { border: 1px solid #ddd; width: 94%; margin-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.chat-form .input-cont input { background-color: #fff !important; }
.normal-chat .message { border: 1px solid #EFF0F4; border-left: 1px solid #EFF0F4 !important; border-right: 1px solid #EFF0F4 !important; padding: 10px !important; border-radius: 5px; -webkit-border-radius: 5px; }
.normal-chat li img.avatar { height: 45px; width: 45px; }
.normal-chat li.in img.avatar, .normal-chat li.out img.avatar { margin-top: 0px; }
.normal-chat li.in .message .arrow { border-right: 8px solid #EFF0F4 !important; }
.normal-chat li.in .message .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -8px; position: absolute; top: 15px; width: 0; }
.normal-chat li.out .message .arrow { border-left: 8px solid #EFF0F4 !important; }
.normal-chat li.out .message .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; position: absolute; right: -8px; top: 15px; }
.normal-chat li.in .name { color: #ed6f7e !important; }
/* .normal-chat li.out .name { color: #424F63 !important; } */
.normal-chat li .datetime { color: #ADADAD; font-size: 11px !important; font-weight: 400; }
.normal-chat li.in .datetime {margin-left: 65px;}
.normal-chat li.out .datetime {margin-right: 65px;}
.chat-form .form-group { width: 83%; margin-right: 2%; float: left; }
.chats li.out .name { color: #333; }
.cool-chat li.in .message { background: #ed6f7e; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; }
.cool-chat li.in .message .arrow { border-right: 8px solid #ed6f7e; }
.cool-chat li.in .message a.name { font-weight: bold; }
.cool-chat li.in .message .datetime { opacity: .7; }
.cool-chat li.in .message a.name, .cool-chat li.in .message .datetime { color: #fff; }
.cool-chat li.out .message .arrow { border-left: 8px solid #EFF0F4; }
.cool-chat li.out .message { background: #EFF0F4; border-radius: 5px; -webkit-border-radius: 5px; }














.chat-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.chat-messages {
  flex-grow: 1;
  padding: 10px;
  overflow-y: auto;
  border-bottom: 1px solid #ddd;
}
.chat-message {
  padding: 8px 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  max-width: 80%;
}
.chat-message.user {
  background-color: #007bff;
  color: white;
  align-self: flex-end;
}
.chat-message.other {
  background-color: #f1f1f1;
  color: black;
  align-self: flex-start;
}
.chat-input {
  display: flex;
  padding: 10px;
}
.chat-input textarea {
  flex-grow: 1;
  resize: none;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-right: 10px;
}
.chat-input button {
  padding: 10px 15px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

.chatnumber{position: absolute; left: 10px;right: auto;top: -10px;bottom: 0;font-size: 8px;color: #fff;text-align: center;background-color: #000;height: 15px;  border-radius: 50px;width: 15px;line-height: 14px;font-weight: 600;}
.chatting-box-main .modal-body{padding: 0;}
.chatting-box-main .modal-body .chat-form{  background-color: transparent;height: 45px;padding: 0;margin: 0;position: fixed;bottom: 30px;left: 0;right: 0;}
.chatting-box-main .modal-body .chat-form #message{height: 60px;background-color: transparent;border: none;width: 100%;padding: 12px 20px;width: 500px !important;}
.chatting-box-main .modal-body .chat-form #message:focus{box-shadow: none;}
/* .chatting-box-main .modal-body .chat-form #message:focus{box-shadow: none;border-top: 1px solid #ED6F7E;background: white;} */
.chatting-box-main .modal-body .form-control::placeholder{color: #ed6f7e;}
.chatting-box-main .modal-body .chat-form #message{border: 1px solid transparent;}
.chatting-box-main .modal-body .send-btn{display: inline;color: #ed6f7e;border: 0px none;background-color: #fff !important; text-align: center; border-radius: 5px; height: 40px;width: 40px;position: absolute;top: 12px;right: 25px;}
/*.chatting-box-main .modal-body #chatdiv{ height: calc(100vh - 146px); overflow-y: hidden;display: block;background-color: #fff;overflow-x: hidden;padding: 15px;scrollbar-width: thin;margin-right: 0;margin-top: 35px;}*/

.chatting-box-main .modal-body #chatdiv{ height: 100%; overflow-y: hidden;display: block;background-color: #fff;overflow-x: hidden;padding: 15px;scrollbar-width: thin;margin-right: 0;}
.chatting-box-main .modal-body .chats li{margin: 5px auto;}
.chatting-box-main .modal-body .chats li .message .body{font-size: 15px;word-break: break-all;line-height: 25px;}
.chatting-box-main .modal-body .normal-chat .message{border-left: 2px solid #ED6F7E !important;border-right: none;border-radius: 10px;background-color: #fbf2f3;}
.chatting-box-main .modal-body .chats li.out .message{border-radius: 8px;background-color: #ED6F7E;}
.chatting-box-main .modal-body .chats li .name{font-size: 12px;font-weight: 500;text-align: left;margin-bottom: 0;}
.chatting-box-main .modal-header{background-color: #ed6f7e;position: fixed;width: 100%;z-index: 1;padding: 12px 15px;top: 0;}
.chatting-box-main .modal-header .close-btn{height: 30px;width: 30px;background-color: #fff;border: none;border-radius: 50px;opacity: 1;}
.chatting-box-main .modal-header .close-btn i{color: #ed6f7e;font-size: 15px;line-height: 28px;font-weight: 400;}

.modal.right .modal-content{overflow-y: hidden;}
.modal.right .modal-body{margin: 30px 0 0;}
/*****************************************/
/* footer */
/*****************************************/
footer{background: rgba(47, 47, 47, 10%);padding: 30px 50px;text-align: center;display: flex;justify-content: space-between;align-items: center;}
footer .description{font-size: 16px;color: #2f2f2f;margin-bottom: 0;line-height: 24px;font-weight: 500;}
footer .page-list{display: flex;align-items: center;margin-bottom: 0;}
footer .page-list li{margin-right: 25px;}
footer .page-list li:last-child{margin-right: 0;}
footer .page-list li .list-item{font-size: 16px;color: #2f2f2f;font-weight: 500;}