:root {
  --thm-primary-color: #FF69B4;
  --thm-secondry-color: #395563;
  --thm-primary-font: 'Lato';
  --thm-secondry-font: 'Lato';
  --thm-third-color: #D3D3D3;
  --light-gray: #dee2e6;
  --thm-black: #333;
  --thm-white: #fff;
  --thm-light: #eceeef;
}
@font-face {
  font-family: 'Lato';
  src: url(../font/Lato-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: 'Lato';
  src: url(../font/Lato-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: 'alkatra';
  src: url(../font/Alkatra-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url(../font/RWmMoKWR9v4ksMfaWd_JN9XFiaE.ttf) format('truetype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--thm-primary-font);
    color: #333;
  }
  
  html,
  body {
    height: 100%;
    color: #333;
    width: 100%;
  }
  *::selection {
    background-color: #fff;
    color: #c11e83;
  }
  
  body::-webkit-scrollbar {
    display: block;
    width: 8px;
    background: #c11e83;
  }
  body::-webkit-scrollbar-thumb {
    background-color: #fff;
  
    border-radius: 50px;
  }
  body {
    overflow-x: hidden;
  }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--thm-primary-font);
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--thm-black);
	margin-top: 0;
	margin-bottom: 0;
}
  p{
    font-family: var(--thm-primary-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
  }
  a{  -webkit-transition: all 500ms ease;
    transition: all 500ms ease;}
a:focus,
a:hover {
	text-decoration: none;
	color: var(--thm-primary-color);
}
ul, ol {
  list-style: none;
}
img {
 width: 100%;
  height: auto;
  vertical-align: top;
}
h1, .h1 {
	font-size:56px;
}
h2, .h2 {
    font-size: 40px;
}
h3, .h3 {
    font-size: 34px;
}
h4, .h4 {
    font-size: 24px;
}
h5, .h5 {
    font-size: 20px;
}
h6, .h6 {
    font-size: 16px;
}

.fancybox-container *{
  color: var(--thm-primary-color);
  font-family: var(--thm-primary-font);
  font-weight: 400;
}
.wow {
  animation-duration: 2s !important;
}
.btn_2 {
  color: #FFF;
  background: linear-gradient(-45deg, #fb4a63, #FF9FC7);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 15px 50px;
  font-family: var(--thm-primary-font);
  font-weight: 700;
  font-size: 18px;
}
.btn_2:hover {
  color: var(--thm-black);
  background: var(--thm-white);
}
.wrapper{padding: 120px 0;}
.wrapper-margin{margin: 120px 0;}
.section-pretitle {
  color: var(--thm-primary-color);
  line-height: 1.2;
  font-size: 40px;
  font-weight: 600;
  font-style: normal;
  font-family: var(--thm-secondry-font);
  position: relative;
}
.section-title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.mtn-2 {
  margin-top: -20px !important;
}

  #nav {
    height: 130px;
    width: 100%;
    /* background-color: red; */
    display: flex;
    align-items: center;
    /* padding: 0 120px; */
    gap: 50px;
    position: fixed;
    justify-content: flex-start;
    z-index: 999;
  }
  .navbar-toggler{
    background-color: var(--thm-primary-color);
border: 1px solid white;
  }
  .navbar-toggler-icon i{
    color: var(--thm-white);
    padding: 4px 0;
  }
  /* #nav img {
    height: 5.5vw;
    border-right: 4px solid var(--thm-primary-color);
    border-top-left-radius: 76px;
    border-top-right-radius: 77px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 4px solid var(--thm-primary-color);
    color: #fff;
    font-size: 1.9rem;
  } */
  #nav img {
    height: 7.5vw;
  color: #fff;
  font-size: 1.9rem;
  border-radius: 5px;
  width: 193px;
  }
 .footer-left h4,
  .navbar-brand h4{color: var(--thm-primary-color);}
  .main-menu > li {
    position: relative;
    display: inline-block;
  }
  .main-menu > li.active > a {
    color: var(--thm-primary-color);
  }
  .main-menu > li > a {
    text-transform: uppercase;
    padding: 55px 20px;
    font-family: var(--thm-primary-font);
    font-size: 16px;
    color: var(--thm-white);
    font-weight: 600;
  }
  .main-menu li a:hover, .main-menu li.active > a{
    color: var(--thm-primary-color);
  }
  video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
    position: fixed;
  }
  #main {
    position: relative;
    background-color: rgba(0, 0, 0, 0.39);
  }  

  #page1 {
    min-height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    z-index: 10;
    color: #fff;
    padding: 120px 0;
  }

  #page1 h1 {
    font-size: 7.5vw;
    font-weight: 900;
    position: relative;
    color: #fff;
   padding-top: 50px;
   margin-bottom: -10px;
  }
  #page1 h2{
    font-weight: 900;
    color: #fff;
    font-family: var(--thm-primary-font);
  }
  #page1 span {
    font-size: 40px;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 20px;
    color: var(--thm-primary-color);
    font-family: var(--thm-secondry-font);
    font-weight: 400;
  }
  #page1 p {
    font-size: 1.2vw;
    font-weight: 500;
    width: 40%;
    color: #fff;
  }
  #page1 .content-center {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    gap: 20px;
}

.pulse i {
    color: #fff
}

.pulse {
  height: 71px;
  width: 80px;
    background-color: var(--thm-primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 27px;
}

.pulse::before {
    content: "";
    position: absolute;
    border: 1px solid var(--thm-primary-color);
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite
}

.pulse::after {
    content: "";
    position: absolute;
    border: 1px solid var(--thm-primary-color);
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
    animation-delay: 0.3s
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }
}

#page1 .content-center p{
  width: 80%;
  font-size: 26px;
}


  #page2 {
    /* min-height: 100vh; */
    width: 100%;
    z-index: 10;
    color: #fff;
    padding-bottom: 0;
  }
  #about-us::before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    background-color: #333;
    opacity: 0.5;
  }
  #about-us {
    min-height: 70vh;
    width: 100%;
    display: flex;
    padding: 40px 50px;
    align-items: center;
    position: relative;
    color: #fff;
    z-index: 10;
    width: 100%;
  }
  .about-bg{
    justify-content: space-around;
    background: url("../imgs/bg-7.webp")no-repeat center;
      justify-content: space-around;
      background-size: cover;
      width: 100%;
      background-attachment: fixed;
  }
  .bg-img-2{
    justify-content: space-around;
    background: url("../imgs/bg-2.jpg") no-repeat center;
      justify-content: space-around;
      background-size: cover;
      width: 100%;
      background-attachment: fixed;
  }
  .bg-img-3{
    justify-content: space-around;
    background: url("../imgs/bg-3.jpg") no-repeat center;
      justify-content: space-around;
      background-size: cover;
      width: 100%;
      background-attachment: fixed;
  }
  .bg-img-4{
    justify-content: space-around;
    background: url("../imgs/bg-4.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .bg-img-5{
    justify-content: space-around;
    background: url("../imgs/bg-5.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .bg-img-6{
    justify-content: space-around;
    background: url("../imgs/bg-8.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .bg-img-7{
    justify-content: space-around;
    background: url("../imgs/bg-9.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .bg-img-8{
    justify-content: space-around;
    background: url("../imgs/bg.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  #about-us-in {
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 111;
    position: relative;
  }
   #about-us-in h2 {
    font-size: 54px;
    color: #fff;
    margin-bottom: 30px;
  }
  
  #about-us-in p {
    background: var(--thm-white);
    padding: 35px 25px;
    border-radius: 10px;
    color: var(--thm-black);
    font-size: 18px;
    text-align: match-parent;
  }

  /* #green-div img {
    height: 250px;
    object-fit: cover;
    width: 100%;
  } */
  
#page3 {
 min-height: 100vh;
 width: 100%;
 padding: 120px 0;
  position: relative;
}

.box{
  background: linear-gradient(to top right,#fff 10%,#000 100%);
  font-family: 'Raleway', sans-serif;
  text-align: center;
  box-shadow: 0 0 15px 5px rgba(0,0,0,.07);
  overflow: hidden;
  position: relative;
  border: 5px solid var(--thm-primary-color);
border-radius: 5px;
margin: 10px 0;
height: 504px;
}
.box:before{
  content: "";
  width: 50%;
  height: 75%;
  border-top: 208px solid rgba(7,0,2,.3);
  border-left: 140px solid rgba(255, 105, 180, 0.6);
  border-bottom: 188px solid transparent;
  border-right: 160px solid transparent;
  position: absolute;
  top: 0;
  left: -230px;
  z-index: 1;
  transition: all .4s ease-in-out;
}
.box:hover:before{
  border-top: 325px solid rgba(255, 105, 180, 0.9);
border-left: 422px solid rgba(251, 82, 108, 0.9);
  border-bottom: 218px solid transparent;
  border-right: 160px solid transparent;
  transform: rotate3d(0,0,1,52deg) scale3d(1,1,1);
  top: 240px;
  left: -480px;
}
.box img{
  width: 100%;
  height: auto;
  transform: scale(1,1);
  transition: all .3s ease-in-out;
  height: 100%;
  object-fit: cover;
}
.box:hover img{
  /* opacity: .7; */
  transform: scale(1.1,1.1);
}
.box .box-content{
  color: #fff;
  background-color: rgba(255, 105, 180, 0.8);
  width: 60%;
  padding: 10px 10px;
  transform: scale(0);
  position: absolute;
  top: 15px;
  right: 15px;
  transition: all .5s ease-in-out;
  border-radius: 5px;
}
.box:hover .box-content{ transform: scale(1); }
.box .title{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0;
  font-family: var(--thm-primary-font);
  color: var(--thm-white);
}
.box .post{
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  text-transform: capitalize;
  display: block;
  font-family: var(--thm-primary-font);
}
.box .icon{
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1;
  transition: all .5s ease-in-out;
}
.box .icon li{
  margin: 0 3px 0 0;
  display: inline-block; 
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.box:hover .icon li{ opacity: 1; }
.box:hover .icon li:nth-child(1){ transition-delay: .2s; }
.box:hover .icon li:nth-child(2){ transition-delay: .3s; }
.box .icon li a{
  color: #f04a7e99;
  background-color: #fff;
  font-size: 16px;
  line-height: 28px;
  height: 30px;
  width: 30px;
  border: 2px dotted transparent;
  border-radius: 50%;
  display: block;
  transform: rotate(0);
  transition: all 0.3s;
}
.box .icon li .popup-img{
  position: relative;
}
.box .icon li a:hover{
  color: #f44178;
  background:#fff;
  border-color: #f44178;
  transform: rotate(360deg);
}
@media only screen and (max-width:990px){
  .box{ margin: 0 0 30px; height: auto;}
  #page1,
  #page5,
  #page4,
  #about-us{
    font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 1 !important;
    padding: 20px 0 !important;}
    .section-pretitle{
      padding-top: 40px;
      font-size: 30px;
    }
    .plans{
      margin: 30px 0 !important;
    }
    .plan{
      margin: 1em 0 !important;
      padding: 18px !important;
      border-radius: 5px !important;
      margin: 15px 0 !important;
    }
    .btn_1 {
      font-size: 18px;
    }
    .atf-mailchamp-headding h3{
      padding-bottom: 20px;
      font-size: 25px;
    }
    .contact_right_box h3 i{
      padding: 15px;
      font-size: 20px;
    }
    #about-us-in h2{
      font-size: 30px;
    }
    #about-us-in p{
      line-height: 1.3;
    }
    .section-title{
      font-size: 33px !important;
    }
    .about-index-section .about-content h4{
      padding-top: 20px;
    }
    .footer-distributed .footer-center{
      text-align: start !important;
    }
    .bottom p{
      font-size: 16px;
      width: 100%;
      padding: 0 15px;
    }
    .floating_btn{left: 20px !important;}
    .contact_icon {
      background-color: #42db87;
      width: 50px !important;
      height: 50px !important;
      font-size: 28px !important;}
      .main-menu > li > a{
        padding: 10px 0px;
  padding-right: 0px;
  padding-left: 0px;
background: var(--thm-black);
text-align: center;
      }
}

#page4 {
  min-height: 100vh;
  width: 100%;
  padding: 120px 0;
  background: var(--thm-light);
}
.plans {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 2em 0;
  position: relative;
}
.plan {
  /* width: 20.5rem; */
  padding: 2em;
  border-radius: 1em;
  margin: 0 0.5em 1em; 
  -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.plan--light {
  color: #4E4E4E;
  background: linear-gradient(-45deg, #E5E3E8, #FAFAFA);
  border: 2px solid var(--thm-primary-color);
}

.plan--light:hover{
  color: var(--thm-black);
  background: linear-gradient(-45deg, #fb4a63, #FF9FC7);
}

.plan--light .plan-price {
  color: var(--thm-black);
}

.plan--light .btn_1 {
  color: #FFF;
  background: linear-gradient(-45deg, #fb4a63, #FF9FC7);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.plan--light .btn_1:hover {
  color: var(--thm-black);
  background: var(--thm-white);
}
.plan--accent {
  color: #FFF;
  background: linear-gradient(-45deg, #fb4a63, #FF9FC7);
}
.plan--accent h3{
  font-size: 30px;
}

.plan--accent .btn_1 {
  color: #4E4E4E;
  background: #FFF;
}

.plan-title {
  text-transform: capitalize;
  margin: 0 0 1em;
}

.plan-price {
  margin: 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
}

.plan-price span {
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2;
  font-family: var(--thm-primary-font);
  font-weight: 400;
}

.plan-description {
  margin: 2em 0;
  line-height: 1.5;
}

.btn_1 {
  display: inline-block;
  padding: 0.5em 0.75em;
  border-radius: 0.25em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  font-family: var(--thm-primary-font);
  color: #FFF;
  background: #00A1AB;
  transition: 0.3s;
}

.btn_1:hover {
  opacity: 0.75;
}

.btn_1-mb {
  margin-bottom: 3em;
}

.btn_1--light {
  color: #4E4E4E;
  background: #FFF;
}

.btn_1--dark {
  color: #FFF;
  background: #4E4E4E;
}

#page5 {
  min-height: 100vh;
  width: 100%;
  position: relative;
  z-index: 10;
 padding: 120px 0;
}
.about-index-section {
  /* padding: 50px 0; */
}
.about-index-section .row{align-items: center; display: flex;}
.about-index-section .about-img{text-align: center;margin-left: -15px;margin-right: -15px;}
.about-index-section .about-img img{width: 100%; height: 622px; object-fit: cover;}
.about-index-section .about-content{padding: 0 20px;}
.about-index-section .about-content h4{padding-bottom: 20px;}
h3 span,
h2 span,
.about-index-section .about-content h4 span{color: var(--thm-primary-color); font-family: var(--thm-primary-font);}
.bg{
  height: 10px;
  width: 100%;
  background: linear-gradient(-45deg, #fb4a63, #FF9FC7);
}

/* #footer {
  height: 40vh;
  width: 100%;
  background: linear-gradient(to left bottom, #119f3a 0%, #a3d421 80%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6.5vw;
  padding: 0 100px;
} */

.footer-distributed{
	background: rgb(0, 0, 0);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 55px 50px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

/* .footer-left img{
  border-right: 4px solid var(--thm-primary-color);
border-top-left-radius: 76px;
border-top-right-radius: 77px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-left: 4px solid var(--thm-primary-color);
color: #fff;
  font-size: 1.9rem;
} */
.footer-left img{
  color: #fff;
  font-size: 1.9rem;
  border-radius: 5px;
  width: 193px;
}

.footer-distributed .footer-left{
	width: 40%;
}

/* The company logo */

.footer-distributed h3{
	color:  var(--thm-white);
	font: normal 36px 'Open Sans', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  lightseagreen;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  var(--thm-white);
	margin: 20px 0 12px;
	padding: 0;
  
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
  font-family: var(--thm-primary-font);
  font-weight: 400;
  font-size: 18px;
	text-decoration: none;
	color:  inherit;
  transition: ease-out 0.3s;
}

.footer-distributed .footer-links a:hover{
  color: var(--thm-primary-color);
}


/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
  font-size: 18px;
  font-family: var(--thm-primary-font);
  font-weight: 400;
}

.footer-distributed .footer-center i{
	background-color: #33383b;
color: var(--thm-white);
font-size: 17px;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 42px;
margin: 10px 15px;
vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: var(--thm-white);
  font-weight:400;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  var(--thm-white);
  font-family: var(--thm-primary-font);
  font-weight: 400;
  font-size: 18px;
}
.footer-distributed .footer-center p a:hover{
	color:  var(--thm-primary-color)
}

.footer-distributed .footer-links a:before {
  content: "|";
  font-weight:300;
  font-size: 20px;
  left: 0;
  color: #fff;
  display: inline-block;
  padding-right: 5px;
}

.footer-distributed .footer-links .link-1:before {
  content: none;
}

/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 1.2;
	color:  #92999f;
	font-size: 17px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
color: var(--thm-primary-color);
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
font-family: var(--thm-primary-font);
}



@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}
.logo{
  height: 10vh;
  width: 10vh;
}
.footer-company-name{
	color:  #222;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
.bottom{
  min-height: 7vh;
  bottom: 0;
  position: relative;
  background: var(--thm-black);
  font-family: var(--thm-primary-font);
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom p{
  color: var(--thm-light);
  margin-bottom: 0;
  letter-spacing: 1px;
}
.bottom a{
  color: var(--thm-primary-color);
  font-family: var(--thm-primary-font);
}
.bottom a:hover{
  color: var(--thm-light);
}

.section-contact-banner{ background: var(--thm-black); padding: 30px 0;}
.section-contact-banner .row, .section-form .row {
  align-items: center;
}

.contact_right_box h3 a,
.atf-mailchamp-headding h3 {
  color: var(--thm-white);
  font-family: var(--thm-primary-font);
  /* line-height: 1.2; */
  padding-bottom: 20px;
}
.contact_right_box h3 a:hover{color: var(--thm-primary-color);}
.contact_right_box h3 i{
  color: var(--thm-primary-color);
  border-radius: 50px;
  border: 1px solid var(--thm-primary-color);
  padding: 20px;
  margin-right: 20px;
  font-size: 30px;
  transition: all 500ms ease;
}
.contact_right_box h3 i:hover{
  color: var(--thm-white);
  background-color: var(--thm-primary-color);
  border: 1px solid var(--thm-primary-color);
}
.atf-mailchamp-headding p {
  color: var(--thm-white);
  font-size: 18px;
}

.floating_btn {
  position: fixed;
  bottom: 40px;
 left: 40px;
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 99;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  width: 65px;
  height: 65px;
  font-size:40px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
  z-index: 12;
}
.contact_icon i{
  color: var(--thm-white);
}

/* Gallery Page */

.gallery-area .row {
  justify-content: center;
}
.gallery-item {
  position: relative;
  margin-bottom: 25px;
}
.gallery-item::before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
  opacity: 0;
  background: rgba(255, 105, 180, 0.7);
  transform: scaleY(0);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.gallery-item img {
  object-fit: cover;
  height: 450px;
  object-fit: cover;
  width: 100%;
}
.gallery-item .popup-img {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50px;
  font-size: 20px;
  background: #fff;
  color: var(--thm-primary-color);
  text-align: center;
  left: 50%;
  top: 50%;
  z-index: 1;
  opacity: 0;
  transform: translate(-50%, -50%);
}
.gallery-item .popup-img i{-webkit-transition: all 500ms ease;
  transition: all 500ms ease;}
.gallery-item .popup-img i:hover{color: var(--thm-primary-color);}
.gallery-item:hover::before {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.gallery-item:hover .popup-img {
  opacity: 1;
}

/* Booking Page */


#booking {
  /* background: linear-gradient(-45deg, #fb4a63, #FF9FC7); */
  background: url('../imgs/bg-9.jpg') no-repeat;
  background-attachment: fixed;
  position: relative;
  background-size: cover;
  background-position: center;

}

#booking::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

.section{padding: 120px 0;}

.booking-form {
  position: relative;
  max-width: 480px;
  width: 100%;
  margin: auto;
  padding: 25px;
  overflow: hidden;
  background-image: url('../imgs/gallery/gallery-5.jpg');
  background-size: cover;
  border-radius: 5px;
  z-index: 20;
}

.booking-form::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.booking-form .form-header {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.booking-form .form-header h2 {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 35px;
  margin: 0px;
  color: var(--thm-white);
}

.booking-form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.booking-form .form-control {
  background-color: rgba(255, 255, 255, 0.2);
  height: 45px;
  padding: 0px 25px;
  border: none;
  border-radius: 40px;
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px 2px transparent;
  box-shadow: 0px 0px 0px 2px transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--thm-light);
  font-size: 15px;
  font-family: var(--thm-primary-font);
  font-weight: 700;
  border: 1px solid var(--thm-white);
}

.booking-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.booking-form .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.booking-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.booking-form textarea:focus,
.booking-form .form-control:focus {
  -webkit-box-shadow: 0px 0px 0px 2px var(--thm-primary-color);
  box-shadow: 0px 0px 0px 2px var(--thm-primary-color);
}
/* 
.booking-form input[type="date"].form-control {
  padding-top: 16px;
} */

.booking-form input[type="date"].form-control:invalid {
  color: rgba(255, 255, 255, 0.5);
}

.booking-form input[type="date"].form-control+.form-label {
  opacity: 1;
  top: 10px;
}

.booking-form select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.booking-form select.form-control:invalid {
  color: rgba(255, 255, 255, 0.5);
}

.booking-form select.form-control+.select-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 32px;
  line-height: 32px;
  height: 32px;
  text-align: center;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
  content: '\279C';
  display: block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: var(--thm-primary-font);
}

.booking-form select.form-control option {
  color: var(--thm-black);
  font-family: var(--thm-primary-font);
}

.booking-form .form-label {
  position: absolute;
  top: -10px;
  left: 25px;
  opacity: 0;
  color: var(--thm-primary-color);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  height: 15px;
  line-height: 15px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.booking-form .form-group.input-not-empty .form-control {
  padding-top: 16px;
}

.booking-form .form-group.input-not-empty .form-label {
  opacity: 1;
  top: 10px;
}

.booking-form .submit-btn {
  color: #fff;
  background-color: var(--thm-primary-color);
  font-weight: 700;
  height: 60px;
  padding: 10px 30px;
  width: 100%;
  border-radius: 40px;
  font-family: var(--thm-primary-font);
  border: none;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1.3px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.booking-form .submit-btn:hover,
.booking-form .submit-btn:focus {
  opacity: 0.9;
}

.booking-form .form-group textarea{
  background-color: rgba(255, 255, 255, 0.2);
  width: 100%;
  padding: 15px 35px;
  border: none;
  border-radius: 40px;
  -webkit-box-shadow: 0px 0px 0px 2px transparent;
  box-shadow: 0px 0px 0px 2px transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: var(--thm-light);
  font-size: 18px;
  font-family: var(--thm-primary-font);
  font-weight: 700;
}

/* 

           
.white-mode {
  text-decoration: none;
  padding: 17px 40px;
  background-color: yellow;
  border-radius: 3px;
  color: black;
  transition: .35s ease-in-out;
  position: absolute;
  left: 15px;
  bottom: 15px
} */

/* Contact Page */
.contact-info {
  text-align: center;
  margin-bottom: 30px;
}
.contact-icon .fa.fa-phone{color: var(--thm-primary-color);}
.contact-info .contact-icon {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font-size: 40px;
  color: var(--thm-primary-color);
}
.contact-info .contact-title {
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
  margin-top: 9px;
  margin-bottom: 12px;
  color: var(--thm-primary-color);
  font-size: 18px;
}
.contact-inner .contact-content{
  font-family: var(--thm-primary-font);
  font-size: 16px;
font-weight: 500;
}

.section-bg-1 {
  background: url(../imgs/bg-10.webp) no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.section-bg-1::before{
  position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
left: 0;
background-color: #333;
opacity: 0.5;
}
.contact-form-class .section-pretitle {
  color: var(--thm-white);
 
}
form .row {
  margin-bottom: 20px;
}
form .row label {
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 10px;
  display: block;
  font-weight: 700;
  color: var(--thm-white);
  font-family: var(--thm-primary-font);
}
.required {
  color: red;
  font-weight: 700;
  border: 0;
}
form .row .form-wrap {
  position: relative;
}
.contact-form input[type="tel"],
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select{
  border: 1px solid #f1eeea;
  border-radius: 3px;
  color: #666;
  padding: 7px 15px;
  outline: none;
  width: 100%;
}

/* Location Page */
.box .icon-2 li a{
font-size: 47px;
line-height: 0;
height: 70px;
width: 70px;
display: flex;
align-items: center;
justify-content: center;;
}


/*================================================
FAQ Area CSS
=================================================*/
.faq-area {
  background-color: #fafafa;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  background: #f3f3f3;
  margin-bottom: 10px;
  border-radius: 30px;
border: 1px solid var(--thm-primary-color);
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 10px 20px;
  color: var(--thm-black);
  position: relative;
  display: block;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--thm-primary-font);
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--thm-black);
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-accordion .accordion .accordion-title.active i::before {
  content: "\f068";
  color: var(--thm-primary-color);
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 18px 20px;
  border-top: 1px solid var(--thm-primary-color);
  color: #6b6b84;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

/* Modals Page */
.ds .muted_background, .ds .with_background, .ds .well {
  background-color: #0d0d0d;
}
.item-media {
  position: relative;
  overflow: hidden;
}
.with_padding {
  padding: 35px 35px 45px;
}
.ds h2{
  color: var(--thm-white);
  font-size: 50px;
line-height: 0.9;
/* margin-bottom: 20px; */
}
.model-page .model-parameters {
  padding: 15px 20px;
}
.before_cover::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.model-parameters tr td{color: var(--thm-white);}
.gradient_bg_goriz .bg_overlay {
  background: #fd61e3;
  background: -webkit-linear-gradient(left, #fd61e3, #fd61e3 50%, #ff77b8);
  background: linear-gradient(to right, #fd61e3, #fd61e3 50%, #ff77b8);
}
.bg_overlay {
  position: absolute !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.before_cover, .after_cover, .before_cover > *, .after_cover > * {
  position: relative;
  z-index: 2;
}
.ds.model-page .media-list li {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
li.media::before {
  display: block;
  content: '';
  clear: both;
}
.model-page .media-left {
  font-size: 16px;
  padding-right: 10px;
}
.ds .grey{
  color: #ffffff;
  border-color: #ffffff;
}
.model-page .media-list li {
  margin: 0;
  padding: 15px 0 10px;
}
.model-page .media-list li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-top-color: rgba(0, 0, 0, 0.05);
}
.model-parameters-content{
  padding: 20px 10px;
}
.model-parameters-content h2{
  color: var(--thm-black) !important;
  padding-bottom: 1rem 
}

@media (max-width: 991px){
  #nav img{
    height: auto;
    width: 170px;
  }
}
@media (max-width: 395px){
  .navbar-brand{
    /* width: 20%; */
    height: auto;
  }
  #page1 h2{
    font-size: 25px;
  }
  .contact_right_box h3 i{
    padding: 0;
  margin-right: 0;
  font-size: 25px;
  }
}