:root,

[data-bs-theme=light] {
  --back:rgb(17, 17, 17);
  --font:white;
  --front:#84426a;
  --frontsecond:#85558c;
  --heading-font: 'Cormorant Garamond', Georgia, serif;
  --heading-font-weight: 400;
  --heading-color: var(--bs-dark);
  --heading-line-height: 1.1;

--swiper-theme-color: var(--bs-primary);

--custom-easing: cubic-bezier(.17, .67, .83, .67);

  /* theme colors */
  --bs-body-font-family: "Roboto", arial, sans-serif;
  --bs-body-font-size: 0.9rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.7;
  --bs-body-color: #333;
  --bs-body-color-rgb: 51, 51, 51;

  --bs-primary: #a98073;
  --bs-primary-dark: #a98073;
  --bs-secondary: #FDEEE9;
  --bs-black: #111;
  --bs-light: #F1F1F0;
  --bs-dark: #212529;
  --bs-gray: #949494;
  --bs-gray-dark: #51565b;

  --bs-primary-rgb: 169, 128, 115;
  --bs-secondary-rgb: 253, 238, 233;
  --bs-black-rgb: 17, 17, 17;
  --bs-light-rgb: 241, 241, 240;
  --bs-dark-rgb: 33, 37, 41;

  --bs-link-color: var(--bs-dark);
  --bs-link-color-rgb: 17, 17, 17;
  --bs-link-decoration: underline;
  --bs-link-hover-color: var(--bs-primary);
  --bs-link-hover-color-rgb: 169, 128, 115;
}



.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  /* spacing */
  --bs-gutter-x: 2.5rem;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
 /* line-height: var(--heading-line-height); */
 /*font-size: calc(1.525rem + 2.9vw)!important;*/
}

body{
	background:var(--back);
	color:var(--font);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--font); /*var(--heading-color);*/
}

a {
  text-decoration: none;
  transition: all 0.3s ease-out;
}

/* container fluid */
.container-fluid {
  /* width: 98%; */
  max-width: 1800px;
  background:transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Dropdown */
.dropdown-menu {
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: 0;
}

.dropdown-item {
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-link-color: var(--bs-black);
  --bs-dropdown-item-border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active {
  --bs-dropdown-link-active-color: var(--bs-light);
  --bs-dropdown-link-active-bg: var(--bs-black);
}

/* list group */
.list-group-item {
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-border-width: 0;
}

/* btn */
.btn {
  --bs-btn-border-radius: 0;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary-dark);
  --bs-btn-hover-border-color: var(--bs-primary-dark);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-gradient: none;
}

.pagination {
  --bs-pagination-active-bg: var(--bs-black);
  --bs-pagination-border-width: 0;
  --bs-pagination-border-radius: 0;
}

/* breadcrumb */
.breadcrumb {
  --bs-breadcrumb-item-padding-x: 1em;
}

/* text white */
.text-white {
  --heading-color: var(--bs-light);
  --bs-breadcrumb-item-active-color: var(--bs-light);
  --bs-breadcrumb-divider-color: var(--bs-light);
  --bs-link-color-rgb: var(--bs-light-rgb);
  --bs-link-hover-color-rgb: var(--bs-light-rgb);
}

.text-white .nav-link {
  --bs-nav-link-color: var(--bs-light);
  --bs-nav-link-hover-color: var(--bs-light);
  --bs-nav-link-active-color: var(--bs-light);
  --bs-navbar-active-color: var(--bs-light);
}

/* accordion */
.accordion {
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-dark);
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-focus-border-color: var(--bs-dark);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-dark);
  --bs-accordion-active-bg: transparent;
}

.accordion-button {
  font-size: 1.2rem;
  border-bottom: 1px solid var(--bs-border-color);
}

/* form control */
.form-control:focus {
  border-color: #ccc;
  box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, .25);
}

/* dark theme */
[data-bs-theme=dark] {
  color-scheme: dark;

  --heading-color: #fff;
  --bs-heading-color: #fff;
  --bs-link-color: #CCCCCC;
  --bs-link-hover-color: var(--bs-primary);
  --bs-link-color-rgb: 204, 204, 204;
  --bs-link-hover-color-rgb: 131, 169, 172;
  --bs-body-color: var(--bs-light);
  --bs-body-color-rgb: 241, 241, 240;
  --bs-body-bg: #111;
  --bs-body-bg-rgb: 17, 17, 41;

  color: var(--bs-gray);

 
}

[data-bs-theme=dark] .dropdown-item {
  --bs-dropdown-link-color: var(--bs-light);
  --bs-dropdown-link-hover-color: var(--bs-white);
}


[data-bs-theme=dark] .bg-white,
[data-bs-theme=dark] .bg-light {
  --bs-bg-opacity: 0.1;
}

/* end of Bootstrap Color Theme */
@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1440px;
  }
  #radev .container {
  max-width:1230px!important;
}
}


/* Preloader */

.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 20;
  background: var(--bs-white);
  display: flex;
  justify-content: center;
  align-items: center;
}

.preloader:last-child {
  margin-right: 0;
}

.dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: var(--bs-primary);
  animation: loader 5s infinite ease-out;
}

@keyframes loadingInner {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, 0);
  }
}

/* =Animate the stuff
------------------------ */
.loader .dot:nth-last-child(1) {
  animation: loadingInner 0.6s 0.1s linear infinite;
}

.loader .dot:nth-last-child(2) {
  animation: loadingInner 0.6s 0.2s linear infinite;
}

.loader .dot:nth-last-child(3) {
  animation: loadingInner 0.6s 0.3s linear infinite;
}


/*----- Header Menu
--------------------------------------------------------------*/


#menu-toggle {
  opacity: 0;
}

#menu-toggle:checked~.menu-btn>span {
  transform: rotate(45deg);
}

#menu-toggle:checked~.menu-btn>span::before {
  top: 0;
  transform: rotate(0);
  background: #fff;
}

#menu-toggle:checked~.menu-btn>span::after {
  top: 0;
  transform: rotate(90deg);
  background: #fff;
}

#menu-toggle:checked~.navmenu {
  visibility: visible;
  right: 0;
}

.menu-btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 35px;
  height: 26px;
  cursor: pointer;
  z-index: 9;
  margin: 20px;
}

.menu-btn>span,
.menu-btn>span::before,
.menu-btn>span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--font);
  transition-duration: .25s;
}

.menu-btn>span::before {
  content: '';
  top: -13px;
}

.menu-btn>span::after {
  content: '';
  top: 13px;
}


/*----- Nav Sidebar
  --------------------------------------------------------------*/
.nav-overlay {
  position: fixed;
  z-index: 9;
}

.nav-overlay:before,
.nav-overlay:after {
  content: "";
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: var(--front);/*#800000;/*rgba(10, 10, 10, 0.8);*/ /*shadow*/
  border-bottom-left-radius: 200%;
  z-index: -1;
  -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
  -webkit-transform: translateX(100%) translateY(-100%);
  transform: translateX(100%) translateY(-100%);
}

.nav-overlay:after {
  background: var(--frontsecond);/*rgba(10, 10, 10, 1);*/
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.nav-overlay:before {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.nav__content {
  position: fixed;
  visibility: hidden;
  top: 50%;
  margin-top: 20px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 100%;
  text-align: center;
}

.nav__list {
  position: relative;
  padding: 0;
  margin: 0;
  z-index: 2;
}

.nav__list-item {
  position: relative;
  display: block;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
  opacity: 0;
  text-align: center;
  color: #fff;
  overflow: hidden;
  font-size: 6vh;
  line-height: 1;
  -webkit-transform: translate(100px, 0%);
  transform: translate(100px, 0%);
  -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, transform .3s ease;
  transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 5vw;
}

.nav__list-item a {
  position: relative;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 900;
  z-index: 2;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.nav__list-item a:after {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -2px;
  left: 50%;
  width: 0;
  height: 0;
  opacity: 0;
  background-color: var(--accent-color);
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.nav__list-item a:hover:after {
  height: 4px;
  opacity: 1;
  left: 0;
  width: 100%;
}

.nav__list-item a:hover {
  color: rgba(255, 255, 255, 1);
}

.nav__list-item.active-nav a {
  color: rgba(255, 255, 255, 1);
}

.nav__list-item.active-nav a:after {
  height: 4px;
  opacity: 1;
  left: 0;
  width: 100%;
}

body.nav-active .nav__content {
  visibility: visible;
}

body.nav-active .menu-icon__line {
  background-color: rgb(157, 35, 35);/*var(--light-background-color);*/ /*SHADOW*/
  -webkit-transform: translate(0px, 0px) rotate(-45deg);
  transform: translate(0px, 0px) rotate(-45deg);
}

body.nav-active .menu-icon__line-left {
  width: 15px;
  -webkit-transform: translate(2px, 4px) rotate(45deg);
  transform: translate(2px, 4px) rotate(45deg);
}

body.nav-active .menu-icon__line-right {
  width: 15px;
  float: right;
  -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
  transform: translate(-3px, -3.5px) rotate(45deg);
}

body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
  width: 15px;
}

body.nav-active .nav-overlay {
  visibility: visible;
}

body.nav-active .nav-overlay:before,
body.nav-active .nav-overlay:after {
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%);
  border-radius: 0;
}

body.nav-active .nav-overlay:after {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

body.nav-active .nav-overlay:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

body.nav-active .nav__list-item {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}

body.nav-active .nav__list-item:nth-child(0) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

body.nav-active .nav__list-item:nth-child(1) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

body.nav-active .nav__list-item:nth-child(2) {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

body.nav-active .nav__list-item:nth-child(3) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

body.nav-active .nav__list-item:nth-child(4) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

body.nav-active .nav__list-item:nth-child(5) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

body.nav-active .nav__list-item:nth-child(6) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

body.nav-active .nav__list-item:nth-child(7) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

body.nav-active .nav__list-item:nth-child(8) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

body.nav-active .nav__list-item:nth-child(9) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

body.nav-active .nav__list-item:nth-child(10) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

/* billboard */
#billboard .text-content {
  z-index: 2;
  position: absolute;
  width: 40%;
  top: 30%;
}

#billboard .text-content .display-1 {
  font-size: calc(2.5rem + 6vw);
}

#billboard figure figcaption {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  #billboard .text-content {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
  }

  #billboard figure figcaption {
    position: relative;
  }
  .telephone-number{
  display:none;
  }
  
  #intro {
  display:none;
  }
  
  .logo img {
	width:70vw!important;
}

.lastlogo {
	width:86vw!important;
}
#return-to-top{
	display:none!important;
}
}

.logo img {
	width:10vw;
  filter:invert(1);
}

        .telephone-number {
            position: absolute;
            top: 29px;
            right: 85px;
            font-size: 16px;
            color: var(--font);
        /*    background-color: #333333; */
            padding: 10px;
            border-radius: 5px;
            text-decoration: none;
        }
		
		
		.fa, .fas {
  font-weight: 900;
}

.fa-clock::before{
  color: var(--front);
}	
	
 .fa-phone-alt::before {
  content: "\f879";
  color: var(--front);
}

.fa-phone-alt::before {
  content: "\f879";
}

.str{
	font-weight:800;
	  font-style: italic;

}


.bg-white
{
  background-color: var(--back)!important;/*rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;*/
}






@media (min-width: 768px) {
  .p-md-5
{
    padding: 3rem !important;
	padding-left:1rem!important;
  }
}
@media (min-width: 768px) {
  .m-md-5
{
    margin: 3rem !important;
	padding-left:1rem!important;
  }

  .book {
	margin-left:10rem!important;
	}
}

.float-left {
  float: left;
  width: 100%;
}

/*--------- service-section-start -----------*/
.service-wrapper {
  background-color: #222222;
  /*padding: 100px 0 0;*/
}
.service-wrapper .service-head-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service-wrapper .service-head-wrapper .service-content h5 {
  color: #efcec9;
}
.service-wrapper .service-head-wrapper .service-content h3 {
  color: #ffffff;
  padding: 22px 0;
}
.service-wrapper .service-head-wrapper .service-content p {
  max-width: 820px;
  letter-spacing: 0.6px;
  color: #ffffff;
}
.service-wrapper .service-head-wrapper .service-btn .main-btn {
  background-color: #efcec9;
  color: #222222 !important;
  padding: 3px 54px;
}
.service-wrapper .service-head-wrapper .service-btn .main-btn em i::before {
  background-color: #911439;
}
.service-wrapper .service-head-wrapper .service-btn .main-btn em i::after {
  background-color: #911439;
}
.service-wrapper .service-head-wrapper .service-btn .main-btn:hover span {
  color: #ffffff;
}
.service-wrapper .service-box-wrapper {
 
  padding: 65px;
  margin: 50px 0 -46px 0;
  border-radius:30px;
  background: linear-gradient(361deg, #2d0d33f7, #ea96e169);
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr {
  position: relative;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr::before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #ffffff;
  right: 0;
  left: 0;
  top: 20px;
  z-index: 111;
  margin: 0 auto;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #ffffff;
  left: 20px;
  bottom: 21px;
  z-index: 111;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr a {
  position: relative;
  display: block;
  width: 100%;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr a::before {
  content: "";
  width: 1px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #ffffff;
  left: 20px;
  top: 20px;
  z-index: 111;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr a::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #ffffff;
  right: 19px;
  top: 0;
  z-index: 111;
  bottom: 0;
  margin: auto;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr a img {
  width: 100%;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr:hover::before, .service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr:hover::after {
  width: 86%;
  transition-delay: 0s;
}
.service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr:hover a::before, .service-wrapper .service-box-wrapper .service-box .service-img .service-img-hvr:hover a::after {
  height: 88%;
  transition-delay: 0s;
}
.service-wrapper .service-box-wrapper .service-box .service-content h5 {
  background-color: #222222;
  color: #ffffff;
  text-align: center;
  padding: 17px;
}
.service-wrapper .service-box-wrapper .service-box:hover .service-content h5 {
  background-color: var(--front);
}

.bg-secondary , .text-muted, .h1, .h2, .h3, .h4
{

  background-color: var(--front)!important;
  color:var(--font)!important;
  z-index: 0;
  position: relative;
}


/*--------- service-section-end -----------*/




#return-to-top
{
  position: fixed;
  bottom: 50px;
  right: 50px;
  background: #911439;
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
  text-decoration: none;
  border-radius: 5px;
  display: none;
  transition: all 0.3s ease;
  z-index: 1000;
  animation: jump 1s ease-in alternate infinite;
}

.fa-angle-double-up::before
{
  content: "\f102";

}
i::before
{
  margin-left: 0 !important;

}
element
{
}
#return-to-top i
{
  color: #fff;

  line-height: 50px;

  font-size: 30px;

  transition: all 0.3s ease;

}



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



/* ---------------------------------------------- /*
 * return-to-top
/* ---------------------------------------------- */

#return-to-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: var(--frontsecond);
	width: 50px;
	height: 50px;
	text-align: center;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 5px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1000;
	-webkit-animation: jump 1s ease-in alternate infinite;
	animation: jump 1s ease-in alternate infinite;
}
#return-to-top:hover{
			background:var(--front)!important; /*#911439!important;*/
}
#return-to-top i {
	color: #fff;
	line-height: 50px;
	font-size: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top:hover i {
	color: #fff;
	top: 5px;

}

.return-two {
	background-color: $index-two !important;
}

.return-three {
	background-color: $index-three !important;
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 50%, 0);
	}
}

@keyframes jump {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 50%, 0);
	}
}

/* ---------------------------------------------- /*
 * END return-to-top
/* ---------------------------------------------- */








































// ----------  contact page css start  ------------ //
.contact-wrapper {
    padding: 100px 0;
    float: left;
    width: 100%;

    .contact-box {
        -webkit-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;
        -moz-transition: $transition;
        transition: $transition;

        .contact-icon {
            background-color: $bg-pink;
            padding: 15px;
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0px auto -30px auto;
            position: relative;
            z-index: 1;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;

            i {
                color: $body-color;
            }
        }

        .contact-content {
            background-color: $bg-pink-three;
            text-align: center;
            padding: 55px 15px;
            position: relative;

            h3 {
                text-transform: $text-capital !important;
                margin-bottom: 10px;
            }

            a {
                max-width: 250px;
                display: block;
                margin: 0 auto;
                color: $gray-color;
            }
        }

        &:hover {
            .contact-icon {
                background-color: $title-color;
                -moz-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -o-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2);

                i {
                    color: $title-color-white;
                }
            }
        }
    }
}

.contact-map {
    iframe {
        width: 100%;
        height: 450px;
        border: 0;
    }
}

.contact-form {


    .sidebar-head {
        text-align: center;
    }

    form {
        max-width: 1000px;
        margin: 30px auto -17px auto;;

        label {
            color: $gray-color;
        }

        .contact-input {
            position: relative;
            margin-bottom: 15px;

            input {
                height: 50px;
            }

            i {
                position: absolute;
                right: 15px;
                top: 15px;
                color: $gray-color;
            }

            textarea {
                height: 130px;
                width: 100%;
                border: none;
                padding: 15px;
            }
        }

        .contact-btn {
            display: flex;
            justify-content: center;
            margin: 30px 0 15px 0;
			align-items:center;
            flex-direction: column!important;
			
            .main-btn-red {
                padding: 3px 72px;

                em {
                    top: 132%;
                }
            }
        }
    }

    .form-head {
        padding: 20px 100px;
    }
}

.appointment-btn {
    justify-content: flex-start !important;
}





        .sidebar-head {
            background-color: v;
            padding: 20px 30px;
            text-align: left;

            h6 {
                color: $title-sub-color;
            }
        }

        .sidebar-body {
            background-color: var(--front);
            padding: 20px;
            text-align: left;
			background: linear-gradient(to bottom, rgba(91, 59, 91, 0.8), rgba(219, 97, 171, 0.57));
			border-radius: 20px;
  box-shadow: 0 0 40px #a300ff;
        }

.inner-page-wrapper
{
  background-image: url("../images/bg-inner.png");
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top:3rem;
}


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

  color: white;


}


.changed, .changed::before, .changed::after{
	background-color:darkgrey!important;
}











/*
.aos-init .img-fluid{
  width: 70%;
  height: auto;
}*/
@media only screen and (min-width: 768px) and (max-width: 1200px)  {
	
	  #billboard figure figcaption
{
    position: absolute;
    top: -50px;
    right: -90px;
    width: 418px;
    margin: 0 !important;
    height: 198px;
  }


  #billboard .text-content
{
    z-index: 2;
    position: absolute;
    width: 200px;
    top: 169px;
    left: 5%;
  }
	  .container, .container-lg, .container-md, .container-sm
{
    max-width: 940px;
  }

#footer .container {
	
    max-width: 1200px;
  }	
	
	
 h5
{
  font-size: 13px;
}

.fs-6
{
  font-size: 14.4px!important;
}
.btn {
	font-size:14px;
}


h2
{
  font-size: 16pt;
}

  .p-md-5.aos-animate 
{
    padding: 0rem!important;
  }
#features .p-md-5
{
    padding: 0rem !important;
  } 

.img-fluid
{
  max-width: 75%!important;
  margin-left: 0!important;
}



.brandname .by {
  margin-right: 0px!important;
  display:none!important;
}




	}



	@media (max-width: 1100px) {
   .telephone-number{
     display:none!important; 
   }
  }


/* ======= Cursor & Drag style  ======= */
.cursor {
  position: fixed;
  top: -45px;
  left: -45px;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
}
.cursor:before {
  content: "";
  width: 85px;
  height: 85px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--frontsecond);
  border: 1px solid var(--front);
  transition: all ease 0.15s;
  transform: scale(0.15);
}
.cursor.light:before {
  transform: scale(1);
  background: transparent;
}
.cursor.drag {
  mix-blend-mode: unset;
}
.cursor.drag:before {
  transform: scale(0.7);
  background: var(--frontsecond);/*#c44953;*/
  border-color: transparent;
}
.cursor.drag:before {
  content: "\f07e";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  color: #fff;
}
.line {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-dark {
--bs-btn-hover-bg:;
}
.btn:hover
{

 background: linear-gradient(361deg, #2d0d33f7, #ea96e169);

}
    .btn {
      display: inline-block;
      padding: 15px 30px;
      font-size: 16px;
      color: #fff;
      background-color: rgb(33, 37, 41);
      border: none;
      cursor: pointer;
      position: relative;
      overflow: hidden;
	  border:1px solid;
    }

    .btn::before {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top, #000, #fa65ffdb)!important;
      transition: transform 0.3s ease-out;
      z-index: -1;
    }

    .btn:hover::before {
      transform: translateY(-100%)!important;
    }
	
	
	

		@media (min-width: 400px) {
  .col-lg-3
{
    flex: 0 0 auto;
	max-width:90%!important;
  }
}

.active {
	display:flex;
}
		@media (min-width: 400px) {
  .col-lg-3
{
    flex: fit-content;
    width: 100% !important;
  }
}

	
	
@media (max-width: 1337px) {
	h5{
		font-size:14px!important;
		}
    .service-wrapper .service-box-wrapper .service-box .service-content h5
{
  min-height: 5.5vw;
}
}
@media (max-width: 915px) {
	h5{
		font-size:12px!important;
		}		
	::selection {
      background-color: pink; /* Set the background color for selected text */
      color: black; /* Set the text color for selected text */
    }

  
  
  
 .service-wrapper .service-box-wrapper
{
  background-color: var(--frontsecond);
  padding: -5px;
  margin: 50px 0 -46px 0;
  border-radius: 30px;
  padding-top: 22px;
} 

  .no-js .owl-carousel, .owl-carousel.owl-loaded
{
  padding-left: 5vw!important;
  padding-right: 5vw!important;
}



.contact-btn{
      display: flex;
      justify-content: center;
      align-items: center; /* Optional: Set height for visualization */
      flex-direction: column!important;
    }


.service-wrapper .service-box-wrapper
{
	padding:13px!important;
  max-height: 54vw!important;
  margin-right: 4vw!important;
  min-height: 35vw;
}

.owl-carousel.owl-drag .owl-item
{
  width: 100%;
}
.service-wrapper .service-box-wrapper .service-box .service-content h5
{
  padding: 9px;
  min-height: 51px;
}

.form-head {
  padding:0!important;
}

.brandname {
  display:none;
}

#topintro{
  display: none;
}
}





.owl-carousel.owl-drag .owl-item{
width: 17vw;
}

.service-wrapper .service-box-wrapper {
  padding: 19px;
 margin-left: 8vw;
  margin-right: 8vw;
  /*max-height:26vw;*/
}




/*   CSS gia basikes paragrafous i.e. terms */
.simple-container{
max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  }
  
  .simple-container a {
  color: purple;
  }
  
  .simple-container a:hover {
  color: pink;
  }

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


.carousel {
	font-family: Montserrat;
}


/* footer */


.worktime{
flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
 .worktime ul
{
  margin: 0;
  padding: 0;
}

.worktime ul
{
  list-style-type: none;
}
 .worktime ul li
{
  margin-bottom: 15px;
  font-size: 14px;
}
 .worktime ul li .tit
{
  padding-right: 10px;
  color: #929292;
}
.worktime ul li .tit, .worktime ul li .dots, .footer .worktime ul li span
{
  display: table-cell;
  white-space: nowrap;
}


.worktime ul li .dots
{
  height: 4px;
  width: 100%;
  border-bottom: 2px solid rgb(132, 66, 106,0.4); /*rgba(194,74,85,0.2);*/
  position: relative;
  top: -7px;
  color: var(--front);
}

.worktime ul li .dots:hover{
	  border-bottom: 2px solid var(--frontsecond); /*rgba(194,74,85,0.2);*/
}


 .worktime ul li span
{
  white-space: nowrap;
  padding-left: 10px;
  font-family: 'Didact Gothic', sans-serif;
  color: #929292;
}


.worktime ul li span
{
  white-space: nowrap;
  padding-left: 10px;
  font-family: 'Didact Gothic', sans-serif;
  color: #929292;
}

.worktime ul li span
{
  display: table-cell;
  white-space: nowrap;
}

.list-unstyled .mail a::before{
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: rgb(132, 66, 106,0.4);
  content: "";
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.mail
{
  font-size: 16px;
  line-height: 3em;
  color: #929292;
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

 .mail
{
  font-size: 16px;
  line-height: 3em;
  color: #929292;
}
.mail a:hover
{
  color: #fff;
}

.mail:hover {
	font-size:120%;
	}

.mail a:hover::before
{
  background-color: var(--frontsecond)!important;
}

.social {
display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top:5rem;

}
.social a
{
  width: 45px;
  height: 45px;
  line-height: 41px;
  text-align: center;
  font-size: 14px;
  border: 2px solid rgba(194,74,85,0.4);
  color: #fff;
  border-radius: 0;
  margin-right: 5px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  background: transparent;
  border-radius: 100%;
  display: inline-table;
  overflow: hidden;
  transition: background-color 300ms ease, transform 300ms ease, color 300ms ease;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}


.fa-brands, .fab
{
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

 .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat
{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display,inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.social a
{
  line-height: 41px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.social a:hover
{
  border: 2px solid var(--frontsecond); /*#c44953;*/
  background: var(--frontsecond);
  color: #fff;
  transform: translate3d(0px, -5px, 0.01px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}

.social a i svg {
	margin: 10px;
}


.foot1 {
	position:relative;
}

#footer a{
	color: var(--bs-gray);
}
#footer a:hover{
	color: var(--frontsecond);
}
.social a, .social a:hover, .mail a {
	color:white!important;
}



@media (min-width: 768px) {
  .col-md-2
{
    margin-left: 3rem;
  }
    .offset-md-2
{
    margin-left: 0;
  }
}

@media (max-width: 500px)
{
  .lastlogo {
    width:34vw!important;
  }
}









/*   =========== DARK THEME =======    */

.light-theme {
	/*--back: rgb(252, 230, 255);*/
  --back:#f0f0f0;
	--font: black;

}
.light-theme .bg-white, {
	background-color:white!important;
	}

.light-theme .book, {
	color: var(--font);
}
.light-theme .widget-title , h3 {
	color:var(--font);
}
.light-theme .mainsem h3 {
  color:white;
}

.light-theme #tophead , .light-theme .bg-secondary, .light-theme .text-muted {
  padding-top: 1px;
  /*background:#c288ca !important;*/
  background-color: #eee3e0!important;
  /*background:var(--frontsecond)!important;*/

}
.light-theme .telephone-number , .light-theme .text-muted {
  font-weight:600;
}
.light-theme .logo {
  filter:invert(1);
}

@media (max-width: 490px)
{
	.dmb {
	/*	top:21vw!important;*/
	}
}

.dmb {
    position: absolute;
    width: 50px;
    height: 24px;
    box-shadow: 0 0 5px #00000033;
    border-radius: 50px;
    float: right;
    margin-top: 2px;
	top: 9vw;
    left: 1vw;
 
}
.btog {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff50;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: left;
}

.btog::before
{
  position: absolute;
  border-radius: 50%;
  content: "\f186";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
  text-rendering: auto;
  height: 23px;
  width: 26px;
  background-color: #a93a9d;
  transition: .4s;
  color: #45a7be;
  text-align: center;
  line-height: 22px;
  font-size: 17px;
  font-weight: 900;
}



.light-theme .btog:before {
	    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
    content: "\f185";
    background: #e0c573;
    color: #fff;
}

.light-theme h5 {
  color:white!important;

}

.brandname {
  position: absolute;
  top: 19px;
  color: var(--font);
  padding: 18px;
  text-decoration: none;
  line-height: 39px; 
  word-wrap: break-word;
  font-size: 38px;
  max-width: 39vw;
  font-family: var(--heading-font);
  font-weight:bold;
}

.brandname .by {
  line-height: 6px;
  font-size: 30px;
  display: block;
  margin-top: 0.6em;
  text-align: right;
  margin-right: -202px;
  font-weight:normal;
        }


.light-theme .dropdown-content a:hover {
	background-color: #dac5dd;
}



/* Style the navigation bar */
#nava {
position: absolute;
  right: 1vw;
  top: 8vw;
  z-index: 1;
}
.nav-item {
  position: relative;
  display: inline-block;

}

/* Style the dropdown button */
.dropbtn {
  color: var(--font);
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

/* Container for the dropdown content */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1111111111;
  color:var(--font);
  right: -1.5vw;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: var(--font);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  background-color: var(--back);
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #7f2c7e;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Style the dropdown button when hovered over */
.dropdown:hover .dropbtn {
  color:var(--font);
}


.display-3 {
  font-size: calc(0.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}