body{
  background-color: #ffffff !important;
  font-family: "Rubik", sans-serif!important;
  font-size: 1.2rem!important;
}

.logo {
  width: 200px;
}

.width-100 {
  width: 100%;
}

a{
  color: #000000 !important;
  text-decoration:none!important;
}

i.bi.bi-play-fill.pulse {
    font-size: 69px;
}

.background-small {
    display: flex;
    justify-content: center;
    align-items: center;
}

i.bi.bi-play-fill.pulse {
    font-size: 69px;
}

.height-100-vh{
  height: 100vh;
}

.background-white {
  background: #efefef !important;
}

a.button {
  background: #000000;
  padding: 15px 25px;
  /* border-radius: 8px; */
  display: inline-block;
  color: #fff!important;
}

a.button:hover {
  background: #7e6c34;
  padding: 15px 25px;
  /* border-radius: 8px; */
}

li.nav {
  font-size: 1.05rem;
}

:hover {
  transition: .5s;
}

.height-100{
  height:100%;
}

.lora{
  /* font-family: "Lora", serif !important; */
  font-weight: 600!important;
  font-family: "Poppins", system-ui;
}

.white {
  color: #fff!important;
}

h1.header-text {
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: -2px;
}

.background-small {
  background-image: url(../../images/banner/about_us_v7_left.jpg);
  background-size: cover;
  height: 450px;
}

.background-small-1 {
  background-image: url(../../images/banner/about_us_v7_left-1.jpg);
  background-size: cover;
  height: 450px;
}

.gold {
  color: #000000 !important;
}

.header.position-fixed.top-0.width-100.background-brown {
  background: #ffffff;
  transition: .5s;
}

.header.position-fixed.top-0.width-100 {
  transition: .5s;
  /* background: #ffffff; */
}

.banner-in {
  background-image: url(../../images/banner/banner-m1pub.jpg);
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
}

a.nav.back::after {
  content: "/";
  padding: 0px 20px;
}

.mug img {
  width: 100%;
}

.mug {
  position: absolute;
  bottom: 0;
  z-index: -9;
}

.icon-contact {
  font-size: 50px;
  background: #d2b55b;
  display: inline-block;
  padding: 20px;
  border-radius: 99px;
}

.center-position {
  position: absolute;
  right: 50%;
  top: 50%;
}

.pulse {
  margin:200px;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #cca92c;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,100, 0.9);
  animation: pulse 1.5s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}











.neon{
color: #fff;
font-weight: 300;
text-shadow:
  0 0 5px #fff,
  0 0 20px #fff,
  0 0 30px #d2b55b,
  0 0 50px #d2b55b,
  0 0 100px #d2b55b,
  0 0 130px #d2b55b
  
}
.neon.flash, .neon .flash{
color: #fff;
text-shadow: 
  0 0 50px #d2b55b;
}

*,
*::before,
*::after {
box-sizing: border-box;
}

.gallery img {
display: block;
width: 100%;
}

.gallery {
position: relative;
z-index: 2;
padding: 0px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
transition: all .5s ease-in-out;
transform: translateZ(0);

&.pop {
filter: blur(10px);
}
figure {
  flex-basis: 33.333%;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;

  .gallery
  img {
    width: 100%;
  transition: all .3s ease-in-out;
  }
  figcaption {
    display: none;
  }
;
  margin: 0px!important;
}
}

figure img {
  width: 100%;
}

.popup {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #000000b0;
opacity: 0;
transition: opacity .5s ease-in-out .2s;


&.pop {
opacity: 1;
transition: opacity .2s ease-in-out 0s;
figure {
    margin-top: 0;
opacity: 1;
  }
}
figure {
  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: 0 0;
margin-top: 30px;
opacity: 0;
animation: poppy 500ms linear both;

  .gallery
img {
    position: relative;
z-index: 2;
    //
box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 6px 30px rgba(0, 0, 0, .4);
  }
figcaption {
    position: absolute;
bottom: 50px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78));
z-index: 2;
width: 100%;
padding: 100px 20px 20px 20px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 32px;
small {
      font-size: 11px;
display: block;
text-transform: uppercase;
margin-top: 12px;
text-indent: 3px;
opacity: .7;
letter-spacing: 1px;
    }
  }

  .shadow {
position: relative;
z-index: 1;
top: -56px;
margin: 0 auto;
background-position: center bottom;
background-repeat: no-repeat;
width: 98%;
height: 50px;
opacity: .9;
filter: blur(16px) contrast(1.5);
transform: scale(0.95, -0.7);
transform-origin: center bottom;
  }
}

.close {
position: absolute;
z-index: 3;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
cursor: pointer;
background: url(#close);
border-radius: 25px;
background: rgba(0, 0, 0, .1);
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
svg {
    width: 100%;
height: 100%;
  }
}
}

@keyframes poppy { 
0% { transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
3.4% { transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1); }
4.3% { transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1); }
4.7% { transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1); }
6.81% { transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1); }
8.61% { transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1); }
9.41% { transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1); }
10.21% { transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1); }
12.91% { transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1); }
13.61% { transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1); }
14.11% { transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1); }
17.22% { transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1); }
17.52% { transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1); }
18.72% { transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1); }
21.32% { transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1); }
24.32% { transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1); }
25.23% { transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1); }
28.33% { transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1); }
29.03% { transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1); }
29.93% { transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1); }
35.54% { transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1); }
36.74% { transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1); }
39.44% { transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1); }
41.04% { transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1); }
44.44% { transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1); }
52.15% { transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1); }
59.86% { transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1); }
61.66% { transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1); }
63.26% { transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1); }
75.28% { transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1); }
83.98% { transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1); }
85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1); }
90.69% { transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1); }
100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1); } 
}








button.no-design {background: none;color: #28899c;border: none;font-size: 40px;}

li.mobile-nav a {
  width: 100%;
  font-size: 2rem;
  display: block;
  text-align: center;
  line-height:5rem;
  color: #fff!important;
}

div#exampleModal {
  background: #000000c9!important;
}

.no-design {
  background: none!important;
  border:none!important;
}

.background-orange {
  /* background-image: url(../../images/banner/banner.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background: #ededed;
}

span.round {
    width: 500px;
    height: 500px;
    position: absolute;
    right: 0;
    top: -50px;
    border-radius: 99%;
    z-index: 0;
    right: -50px;
    background: #28899c;
}

span.round-small {
  width: 250px;
  height: 250px;
  position: absolute;
  right: 0;
  bottom: 0px;
  border-radius: 99%;
  z-index: 0;
  left: -88px;
  border: 24px solid #ba923f;
}

img.position-relative {
  z-index: 1;
}

.button-1 {
    border: 1px solid #000000;
    border-radius: 99px;
    padding: 20px 30px;
    display: inline-block;
}

.service {
    border-radius: 18px;
    /* overflow: hidden; */
    box-shadow: 0px 0px 18px #0000001a;
    position: relative;
    height: 317px;
    padding: 30px;
    background: #ffffff;
}

.service-image {
    top: -51px;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    padding-bottom: 0px;
}

.service-image img {
    border-radius: 18px;
    transition:.5s;
}

.service-image img:hover {
    transform: scale(1.2);
    transition:.5s;
}


.service-content {
    top: -50px;
    position: relative;
    text-transform: capitalize;
    padding: 0px 30px;
}

.image-top {
    top: -35px;
    position: relative;
}

.background-man {
  background-image: url(../../images/services/man-1.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.button-2 {
  border: 1px solid #ffffff;
  border-radius: 99px;
  padding: 20px 30px;
  display: inline-block;
  color: #fff!important;
}

.orange {
  color: #e3b024;
}

.nav-tabs {
  border: none!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #e3b024 !important;
    border: none!important;
    border-radius: 99px!important;
    color: #000000!important;
}

button.nav-link {
    padding: 20px 30px;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background: #e3b024 !important;
    border: none!important;
    border-radius: 99px!important;   
    color: #000000!important; 
}

.nav-tabs .nav-link, .nav-tabs .nav-link {
    border:1px solid #e3b024 !important;
    border-radius: 99px!important;  
    color: #e3b024 !important;
}

.package-pricing {
    background: #1c1c1c;
}

.package {
    border-radius: 18px;
    overflow: hidden;
    background: #e3b024;
}

.package-icon:before {
  content: "\F133";
  justify-content: flex-end;
  font-family: "bootstrap-icons";
  margin-right: 10px;
  font-size: 15px;
  left: -7px;
  position: absolute;
  left: 35px;
  /* width: 200px; */
}

h1.lora.package-1 {
  font-size: 80px;
  line-height: 76px;
}

.map-background {
  background-image: url(../../images/services/map.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.package-icon {
    margin-left: 9px;
}

.package-details {
    margin-left: 20px;
}

.carousel-inner {
  height: 700px;
}

.height-100{
  height:100%;
}

.zoom-in-out-box {
  animation: zoom-in-zoom-out 30s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.insurance-1 img {
  width: 391px;
  border-radius: 18px;
}

.insurance-1{
  position:absolute;
  top: 0;
  left: 0;
}

.insurance-2 img {
  width: 275px;
  border-radius: 18px;
  bottom: 0;
  position: relative;
}

.insurance-2{
  position:absolute;
  bottom: 0;
  right: 60px;
  border: 12px solid #ffffff;
  border-radius: 27px;
}

.insurance-1-text {
  position: absolute;
  z-index: 2;
  height: 135px;
  width: 150px;
  left: 336px;
  background: #0d7a90e3;
  border-radius: 18px;
  top: 35px;
  backdrop-filter: saturate(180%) blur(2px);
}

h5.years {
  font-weight: 400;
  font-size: 35px;
}

p.years {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

p.small-topic {
    color: #28899c;
}

p.small-topic:before {
    content: "";
    width: 50px;
    height: .5px;
    background: #28899c;
    display: inline-block;
    top: -6px;
    position: relative;
    margin-right: 20px;
}

h1.topic {
  font-size: 55px;
  letter-spacing: -2px;
}

ul {
  padding: 0!important;
}

span.list-icon {
  margin-right: 10px;
  color: #28899c;
}

.service-1-image {
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: -60px 0px 0px 0px;
    margin-right: 30px;
    border: 8px solid #efefef;
    height: fit-content;
}

.services {
    background: #ffffff;
    border-radius: 31px;
    padding: 30px;
}

.icon-right {
    font-size: 30px;
    color: #28899c;
}

.icon-right:before {
    content: "";
    width: 82.5555%;
    height: .5px;
    background: #28899c;
    display: inline-block;
    top: -6px;
    position: relative;
    margin-right: 20px;
}

p.small-topic-1:before {
  content: "";
  width: 50px;
  height: .5px;
  background: #28899c;
  display: inline-block;
  top: -6px;
  position: relative;
  margin-right: 20px;
}

p.small-topic-1:after {
  content: "";
  width: 50px;
  height: .5px;
  background: #28899c;
  display: inline-block;
  top: -6px;
  position: relative;
  margin-left: 20px;
}

.process img {
    width: 200px;
    border-radius: 99px;
    border: 1px solid #f2f2f2;
    padding: 18px;
}

.banner-2 {
  background-image: url(../../images/banner/banner1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #28899c;
}


p.small-topic.mb-4.white:before {
content: "";
    width: 50px;
    height: .5px;
    background: #ffffff;
    display: inline-block;
    top: -6px;
    position: relative;
    margin-right: 20px;    
}

.big-icon {
  width: 49px;
  height: 49px;
  background: #0000007a;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff!important;
}

.box-inner {
    background: #ffffff00;
    border-radius: 18px;
    border: 1px solid #ffffff3d;
    padding: 30px;
    backdrop-filter: saturate(180%) blur(4px);
}

.form {
  background: #ffffff;
  border-radius: 18px;
  padding: 30px;
}

.input {
    background: #f5f5f5;
    border: none;
    width: 100%;
    padding: 15px;
    border-radius: 18px;
}

.button {
    background: #28899c;
    width: 100%;
    padding: 15px;
    border-radius: 18px;
    color: #ffffff;
    border: none;
}

.footer-background {
  background: #000000;
}

.capitalize {
  text-transform: capitalize;
}

.counter-box {
  background: #0d7a90e3;
  border-radius: 18px;
}

span.big {
  font-size: 30px;
  font-weight: 800;
}

img.icon-big {
  width: 80px;
}

.whatsapp {
  background: #075e54;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff!important;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 99px;
}

.whatsapp a {
  color: #ffffff !important;
}







@media only screen and (min-width: 600px) {
  /* For tablets: */
  .mobile{
    display:none;
  }
  }
  
  @media only screen and (max-width: 600px) {
  /* For tablets: */
  .desktop{
    display:none;
  }
  .insurance-1{
    position:relative!important;
    top: 0;
    left: 0;
  }
  span.big {
    font-size: 20px;
    font-weight: 800;
  }
  .icon-right:before {
    content: "";
    width: 77.5555%!important;
    height: .5px;
    background: #28899c;
    display: inline-block;
    top: -6px;
    position: relative;
    margin-right: 20px;
}
  }