*{
  margin:0; 
  padding:0; 
  outline:none;
}
/* Disable text selection */
html {
  scroll-behavior: smooth;
}

html {
  overflow-x: hidden;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#FFFFFF; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-weight: 300;
  overflow-x: hidden;
  padding: 0 !important;
}
section#topbar a:hover {
  color: #000000;
}
header#masthead {
  z-index: 99;
  position: relative;
}
a{
  text-decoration: none !important;
}

.copyright-social-icons a i:hover {
  background: #000;
  color: #fff;
  transition: 0.6s ease-in-out;
}

.news-form-input .wpcf7-form-control-wrap::after {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-size: 26px;
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: left;
  color: #DFDFDF;
  font-weight: 900;
  border: 1px solid #DFDFDF;
  width: 54px;
  height: 54px;
  display: flex;
  align-content: center;
  justify-content: center;
  box-shadow: 0px 4px 35px 0px #A9A9A933;
  border-radius: 9px;
}
.header-wrap {
  background: #FFFFFF;
}
.search-submit i {
  font-size: 20px;
  padding-right: 14px;
  color: #52525B;
}
.search_keywords::after {
  content: "\f002";
  position: absolute;
  left: 12px;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  bottom: 0;
  top: 0;
  color: #959EAD;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entry-title {
  font-family: Inter;
  font-size: 32px;
  font-weight: 600;
  line-height: 40.63px;
    text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000 !important;
}
.banner-image .card {
  padding: 50px;
  background: #E5F7F6;
}
.banner-image {
  background-size: cover;
  background-position: center;
}


/* theme dark and light mode */
.dark {background-color: #000000 !important;} /* #9b59b6 */

.dark .main-navigation a, .dark .main-navigation li, .dark .about-details h2,.dark .about-details p, .dark .categories-title a,.dark .footer1 .textwidget p,.dark #menu-navigation li a,.dark .media-body a,.dark .media-body p
,.dark .latest-videos-title a,.dark .popular-videos-title a,.dark .tutorials-videos-title a,.dark .blog-title a{
  color: #fff;

}
.dark .menu-item-has-children::after{
  color: #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.dark #media_image-1 img{
  filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(176deg) brightness(104%) contrast(103%);
}
.dark .logo img{
  filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(176deg) brightness(104%) contrast(103%);
}
.dark .svg-path-bg svg path{
  fill: #000000 !important;
}
body.dark h1, body.dark .support a ,.entry-title{color: #fff !important;}

.checkbox {
  opacity: 0;
  position: absolute;
}

.checkbox-label {
  background-color: #00AAA1;
  width: 55px;
  height: 30px;
  border-radius: 50px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 18px;

}


.fa-sun {
  color: #52535F;
  font-size: 12px;
}

.checkbox-label .ball {
  background-color: #fff;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 6px;
  border-radius: 50%;
  transition: transform 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox:checked + .checkbox-label .ball {
  transform: translateX(20px);
}
.header-search-moder {
 display: flex;
  align-items: center;
  justify-content: space-between;
}








/*  Support me if you like it */
.support {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.support a {
  color: #292c35;
  font-size: 32px;
  backface-visibility: hidden;
  display: inline-block;
  transition: transform 0.2s ease;
}

.support a:hover{
  transform: scale(1.1);
}

/* BANNER */

#slider{
  position: relative;
}
.slider-background-image img{
  width: 100%;
  height: 860px;
  object-fit: cover;
}
.slider-contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.slider-image-clip-path {
  clip-path: polygon(100% 0%, 100% 0%, 99.271% 2.488%, 97.185% 9.285%, 93.895% 19.393%, 89.555% 31.811%, 84.316% 45.541%, 78.333% 59.582%, 71.756% 72.936%, 64.74% 84.602%, 57.437% 93.582%, 50% 98.876%, 50% 98.876%, 42.563% 99.483%, 35.26% 95.739%, 28.244% 88.655%, 21.668% 79.24%, 15.684% 68.504%, 10.445% 57.456%, 6.105% 47.106%, 2.815% 38.463%, 0.729% 32.537%, 0% 30.337%, 0% 0%, 0% 0%, 5% 14.639%, 10% 27.737%, 15% 39.294%, 20% 49.31%, 25% 57.785%, 30% 64.719%, 35% 70.112%, 40% 73.965%, 45% 76.276%, 50% 77.046%, 50% 77.046%, 55% 76.276%, 60% 73.965%, 65% 70.112%, 70% 64.719%, 75% 57.785%, 80% 49.31%, 85% 39.294%, 90% 27.737%, 95% 14.639%, 100% 0%);
  height: 200px;
  width: 100%;
  background: #00AAA1;
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 200px;
  width: 100%;
  background: #00AAA1;
  position: absolute;
  bottom: 39px;
  z-index: 1;

}
#slider .owl-nav {
  display: none;
}
.slider-contents h1 {
  font-family: Inter;
  font-size: 64px;
  font-weight: 700;
  line-height: 86px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px #00000040;
  width: 55%;

}
.slider-contents p {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  width: 20%;
  text-shadow: 0px 4px 4px #00000040;

}
.slider-contents h6 {
  font-family: Inter;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.1em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
} 

#slider svg path {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 200px;
  z-index: 1;
}
.svg-bottom-wave {
  position: absolute;
  top: 0;
  z-index: 1;
}
#slider .svg-path-bg svg path{
  fill: #fff;
}
.svg-bottom-wave svg path {
  fill: #00AAA1 !important;
}
.slider-svg-path {
  position: absolute;
  bottom: -1px;
    z-index: 1;
}
#slider svg {
  width: 100%;
  height: 100%;
}
#slider .owl-dots .owl-dot {
  width: 19px;
  height: 5px;
  border: unset;
  background: #D9D9D9;
  border-radius: 18px;
  margin: 2px;
}
#slider .owl-dots .owl-dot.active {
  width: 42px;
  height: 5px;
  border: unset;
  background: #00AAA1;
  border-radius: 18px;
  margin: 2px;
}
#slider .owl-dots {
  position: absolute;
  top: 18%;
  left: 0;
  margin: auto;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-buttons {
  display: flex;
  align-content: center;
  justify-content: center;
}
.slider-button-text {
  padding: 0 20px;
}


.slider-button-text a:hover {
  background: #00AAA1;
  color: #fff;
  transition: 0.8s ease-in-out;
}
.slider-button-text a {
  font-family: Inter;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #373737;
  height: 50px;
  background: #FFF;
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

/* Video search */
#video-search {
  padding: 60px 0;
  background: #FFF;
  position: relative;
  z-index: 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.video-search-box.mt-5 {
  margin-bottom: 200px;
}
.search-background-waves1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.search-background-waves2 {
  bottom: 0;
  position: absolute;
  z-index: -1;
}
.video-search-main-heading h2 {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.1em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
  text-shadow: 0px 4px 4px #00000040;
  margin: 0;
}
.video-search-bg-image img {
  width: 100%;
  border-radius: 16px;
  height: 674px;
  object-fit: cover;
}
.search-videos-title {
  padding-top: 18px;
}
.video-search-content-box {
  background: #FFF;
  box-shadow: 0px 4px 24.7px 11px #00000008;
  width: 1075px;
  height: 421px;
  border-radius: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: last baseline;
  justify-content: center;
  flex-direction: column;
}
.search-videos-button a:hover {
  background: #00AAA1;
  color: #fff;
  transition: 0.8s ease-in-out;
  border: 1px solid #00AAA1;
}
.search-videos-title a:hover {
  color: #00AAA1;
  transition: 0.4s ease-in-out;
}
.search-videos-title a {
  font-family: Inter;
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -1px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.search-videos-content p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
  margin-bottom: 0;
  padding: 32px 0;
}
.search-videos-button a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
  border: 1px solid #00AAA1;
  height: 46px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  width: 146px;
  border-radius: 8px;
}
.video-search-box{
  position: relative;
}
.video-search-content-box {
  background: #FFF;
  box-shadow: 0px 4px 24.7px 11px #00000008;
  width: 1075px;
  height: 421px;
  border-radius: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 60px;
  right: 24px;
  transform: translate(0px ,165px);
}
.search_submit input:hover {
  background: #000;
  transition: 0.4s ease-in-out;
}
.video-search-popular-tags {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.video-search-tags-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px 0;
}
.video-search-popular-tags h6 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
  margin-bottom: 0;
}
.video-search-popular-tags ul li a:hover {
  background: #00AAA1;
  transition: 0.4s ease-in-out;
}
.video-search-popular-tags ul li a {
  font-family: Inter;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
  border: 1px solid #FFFFFF;
  background: #0003;
  backdrop-filter: blur(20px);
  width: 135px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px;
  border-radius: 4px;
}
.video-search-popular-tags ul li {
  list-style: none;
}
.video-search-popular-tags ul {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-bottom: 0;
  padding: 0;
}

#search_keywords {
  background: #FFF;
  border: unset;
  width: 760px;
  height: 56px;
  border-radius: 8px;
  box-shadow: 0px 15px 25px 0px #0000000F;
  padding: 0 0px 0 48px;

}
#search_keywords::placeholder {
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #959EAD;
}


.video-search-filters{
  position: relative;
}

.video-search-filters .search_submit {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.search_submit input {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: #00AAA1;
  border: unset;
  color: #fff;
  height: 40px;
  width: 94px;
  border-radius: 8px;
}




.popular-video-view-button-flex:hover {
  background: #000;
  transition: 0.6s ease-in-out;
}

.popular-video-view-button-flex {
  background: #00AAA1;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  border-radius: 8px;
}
.popular-video-view-button-flex:hover a {
  color: #fff;
  transition: 0.6s ease-in-out;
}
.popular-video-view-button-flex:hover i{
  color: #fff;
  transition: 0.6s ease-in-out;
}

.popular-video-view-us-button a {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}
.popular-videos-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popular-video-view-us-button i {
  color: #FFF;
  font-size: 16px;
  padding-left: 30px;
}



/* about us */
#about-us {
  position: relative;
  padding: 60px 0;
  background: rgba(0, 170, 161, 0.1);
  background-size: cover;
  background-repeat: no-repeat;
}
.about-details h6 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.about-details h2 {
  color: #000000;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 65px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;

}
.about-details p {
  color: #000000;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

#about-us  .about-right-image {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(15, 34px);
}
#about-us .about-right-image  .left-image-one{
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 6;
  grid-row-end: 18;
  animation: shake 16s linear infinite;
  position: relative;
}
.experience-content-circle {
  grid-column-start: 3;
  grid-column-end: 6;
  grid-row-start: 3;
  grid-row-end: 16;
  position: relative;
  z-index: 1;
}
#about-us .about-right-image .left-image-two {
  grid-column-start: 5;
  grid-column-end: 15;
  grid-row-start: 1;
  grid-row-end: 10;
  animation: shake 16s linear infinite;
}
.about-experience-text {
  background: #00AAA1;
  border: 8px solid #E5F7F6;
  border-radius: 50%;
  width: 176px;
  height: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  

}
.about-us-button {
  height: 57px;
  background: #00AAA1;
  padding: 16px 40px;
  border-radius: 7px;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px #00000012;
  border: 2px solid #FFFFFF;
}
.about-us-button:hover a{
  color: #fff;
  transition: 0.8s ease-in-out;
}
.services-button:hover a{
  color: #fff;
  transition: 0.8s ease-in-out;
}
.services-button:hover{
  background: #000000;
  transition: 0.8s ease-in-out;
}
.about-us-button:hover {
  background: #000000;
  transition: 0.8s ease-in-out;
}
.about-us-button a {
  color: #FFFFFF;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}
.about-us-button i {
  padding-left: 10px;
  color: #FFFFFF;
  font-size: 20px;
}

.newsletter-headings h2 {
  color: #FFFFFF;
  font-family: Inter;
  font-size: 56px;
  font-weight: 500;
  line-height: 67.2px;
  letter-spacing: 0.01em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.newsletter-headings {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.newsletter-headings h6 {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FAFAFAE5;
  width: 42%;
  margin-bottom: 0;
}
.newsletter-right-image {
  animation: shake 16s linear infinite;
}
.newsletter-form {
  display: flex;
  align-items: center;
  justify-content: end;
}

.newsletter-form
.wpcf7-form {
  display: flex;
  align-items: center;
  justify-content: center;
}


.left-image-two img {
  width: 100%;
  height: 100%;
  border-radius: 43px;
  border: 8px solid #E5F7F6;  

}
.left-image-one img {
  width: 100%;
  height: 100%;
  border-radius: 43px;
  border: 8px solid #E5F7F6;
}
.about-experience-text h5 {
  color: #FFFFFF;
  font-family: Inter;
  font-size: 48px;
  font-weight: 900;
  line-height: 62.4px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}
.about-experience-text h6 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}

.about-two-points h5 {
  font-family: Inter;
  font-size: 26px;
  font-weight: 700;
  line-height: 33.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
  padding-left: 38px;
}
.about-two-points h4 {
  font-family: Inter;
  font-size: 26px;
  font-weight: 700;
  line-height: 33.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
}
.about-two-points {
  background: rgba(0, 170, 161, 0.15);
  width: 366px;
  height: 136px;
  border-radius: 21px 0px 0px 0px;
  opacity: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 21px;
  display: flex;
  margin: 22px 24px 28px 0px;
}
.about-two-points:hover {
  background: #00AAA1;
  transition: 0.4s ease-in-out;
}
.about-two-points:hover h4{
  color: #fff;
  transition: 0.4s ease-in-out;

}
.about-two-points:hover h5{
  color: #fff;
  transition: 0.4s ease-in-out;

}
.about-points-box {
  display: flex;
  align-content: center;
  justify-content: left;
}
/* get in touch */
#get-in-touch {
  padding: 80px 0;
  position: relative;
}
.getintouch-background-waves {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
}
.get-in-touch-form-box h2 {
  font-family: Inter;
  font-size: 64px;
  font-weight: 600;
  line-height: 77.45px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0D0D0D;
}
.get-in-touch-form-box p {
  font-family: Inter;
  font-size: 24px;
  font-weight: 400;
  line-height: 29.05px;
  letter-spacing: -0.01em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.get-in-touch-form-box input[type="submit"] {
  background: #00AAA1;
  width: 100%;
  border: unset;
  font-family: Inter;
  font-size: 20px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0D0D0D;
  text-align: center;
  margin-top: 20px;
  height: 45px;
  border-radius: 12px;
}


.get-in-touch-form-box input[type= "text"] {
  width: 100%;
  border: unset;
  background: #FFFFFE;
  border-radius: 12px;
  height: 44px;
  padding: 16px;
  margin-top: 42px;

}
.get-in-touch-form-box textarea {
  background: #FFFFFE;
  border: unset;
  height: 230px;
  border-radius: 12px;
  padding: 18px;
  margin-top: 18px;
  width: 100%;
}
.get-in-touch-form-box textarea::placeholder {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0D0D0D !important;
}
.get-in-touch-form-box {
  background: #EFF0F3;
  padding: 60px;
  border-radius: 16px;
}
.get-in-touch-form-box input[type= "text"]::placeholder {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0D0D0D;
  
}
.getintouch-right-images {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(15, 34px);
  position: relative;
  z-index: 2;
}

.getintouch-right-images img {
  width: 100%;
  border: 8px solid #FFFFFF;
  border-radius: 20px;
height: 100%;
}

  .getintouch-right-images .right-image-one {
    grid-column-start: 6;
    grid-column-end: 14;
    grid-row-start: 9;
    grid-row-end: 17;
}

.getintouch-right-images .right-image-two {
  grid-column-start: 1;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 16;
}

.getintouch-right-images .right-image-two img {
  position: relative;
  z-index: -1;
}













/* Testimonial */

#testimonial {
  padding: 100px 0;
  background: #E5F7F6;
  position: relative;
}
.testimonial-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.testimonial-double-qoutes svg {
  width: 116px;
  height: 100%;
}
.test-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-double-qoutes svg path {
  fill: #EFF0F3;
  width: 100%;
  height: 100%;
}
.items-testimonial {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.clients-image img {
  width: 73px;
  height: 76px;
  border-radius: 50%;
}
#testimonial .owl-nav button {
  background: #00AAA1;
  border: unset;
    width: 58px;
    height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#testimonial .owl-nav button i {
  color: #fff;
  font-size: 24px;
}

#testimonial .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#testimonial .owl-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: translate(-100px, 0px);
}

#testimonial .owl-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translate(100px, 0px);
}

.clients-image img {
  animation: flipInY 3s infinite;
}
.clients-image {
  display: flex;
  align-items: center;
  justify-content: left;
}
.testimonial-content p {
  font-family: Jost;
  font-size: 18px;
  font-weight: 400;
  line-height: 26.01px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  padding: 18px 0;
  margin-bottom: 0;
}
.testimonial-heading p {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.78px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333CC;
  width: 42%;
  margin-bottom: 0;
  padding: 16px 0;

}
.testimonial-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.testi-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.testi-title a {
  font-family: Inter;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.63px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.testi-title p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin-bottom: 0;
  padding: 8px 0 0;

}
.testi-title {
  padding: 0 28px;
}
.testimonial-content-box {
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 0px #00000029;
  padding: 32px 32px;
  margin: 10px 0;
}



/* our blogs */

#our-blogs {
  padding: 60px 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.blogs-image img {
  width: 100%;
  height: 100%;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.blogs-headings h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;

}
#our-blogs .owl-nav {
  display: none;
}
.blogs-headings h3 {
  font-family: Prompt;
  font-size: 44px;
  font-weight: 700;
  line-height: 66.53px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}


.blog-title a {
  color: #222222;
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.blog-date h6 {
  font-family: Noto Sans;
      font-size: 18px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #777777;
  margin-bottom: 0;
  padding-left: 12px;

}
.blog-date {
  padding-left: 30px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.blog-date i {
  color: #555555;
      font-size: 18px;
}
.blog-date {
  padding-left: 52px;
  position: relative;
}
.blog-date::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  left: 26px;
}
.blog-contents-box:hover .blogs-tags a {
  background: #DFF1F0;
  color: #666;
}
.blogs-tags a {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: #F1AD28;
  width: 57px;
  display: flex;
  height: 24px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  color: #fff;
}
.blog-author-date {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 16px 0 0;
}
.blog-background-wave svg {
  width: 100%;
}
.blog-background-wave {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex
;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.blog-author-admin {
  display: flex;
  align-items: center;
  justify-content: left;
}
.author-box img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.author-name {
  font-family: Noto Sans;
      font-size: 18px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #777777;
  margin-bottom: 0;
}
.blog-title {
  padding: 16px 0;
}
.blogs-content p {
  font-family: Prompt;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #707D95;
  margin-bottom: 0;
  padding-top: 18px;
}

.blog-video-view-button-flex {
  background: #00AAA1;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  border-radius: 8px;
}
.blog-video-view-us-button a {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}
.blog-video-view-button-flex:hover .blog-video-view-us-button a {
  color: #FFF;
  transition: 0.4s ease-out;
}
.blog-video-view-button-flex:hover .blog-video-view-us-button i {
  color: #FFF;
  transition: 0.4s ease-out;

}
.blog-video-view-button-flex:hover{
  background: #000;
  transition: 0.4s ease-out;

}

.blogs-headings {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-video-view-us-button i {
  color: #FFF;
  font-size: 16px;
  padding-left: 30px;
}


#our-blogs .owl-dots .owl-dot {
  background: #626B7D;
  border: unset;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 6px;
}
#our-blogs button.owl-dot.active {
  background: #FCAC2F !important;
  position: relative;
}
#our-blogs .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;

}
#our-blogs button.owl-dot.active::after {
  display: flex;
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #FCAC2F;
  position: absolute;
  top: -5px;
  align-items: center;
  justify-content: center;
  bottom: 3px;
  left: -5px;
  right: -14px;
}

.blog-read-button a {
  font-family: Plus Jakarta Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 10px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FDB32F;

}
.blog-contents-box:hover .blog-read-button i{
  color: #ffffff;
}
.blog-contents-box:hover .blog-read-button a{
  color: #ffffff;
}
.blog-contents-box:hover .blog-read-button{
  background: #FDB32F;
}
.blog-read-button {
  background: #ffffff;
  padding: 18px 20px;
  position: absolute;
  bottom: -18px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-read-button i {
  color: #FDB32F;
  font-size: 16px;
  padding-left: 11px;
}
.blogs-date {
  box-shadow: 0px 4px 24.7px 11px #00000008;
    width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 15px;
  position: absolute;
  top: -44px;
  transform: translate(0px, -44px);
  left: 27px;
  animation: flipInX 3s infinite;
}
.blog-contents-box:hover .blog-title a {
  color: #00AAA1;
  transition: 0.8s ease-in-out;
}
.blogs-date h6 {
  font-family: Prompt;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  margin: 0;

}
.blog-contents-box:hover {
  transform: translateY(-20px);
  transition: 0.4s ease-in-out;
}
.blogs-date h5 {
  font-family: Prompt;
  font-size: 24px;
  font-weight: 800;
  line-height: 31.2px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  margin: 0;

  
}

/* services */
#services {
  padding: 60px 0;
  background: #F5FBFF;
}

.our-services-heading h2 {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
}
.our-services-heading h3 {
  font-family: Prompt;
  font-size: 44px;
  font-weight: 700;
  line-height: 57.2px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  width: 70%;

}
.our-services-heading p {
  font-family: Prompt;
  font-size: 24px;
  font-weight: 400;
  line-height: 40.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
  width: 76%;

}
.our-services-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.services-title a {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 700;
  line-height: 30.24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}
.services-inner-content {
  position: relative;
}
.services-title {
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 1;
  width: 100%;
}
.services-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FDB32F;
  max-width: fit-content;
  height: 65px;
  padding: 25px;
  border-radius: 99px;
}

.services-button a {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}

.services-button i {
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 10px;
}


.our-services-image img {
  width: 100%;
  height: 100%;
}
.our-services-image {
  height: 100%;
  width: 100%;
}
#services  .row {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  grid-template-rows: repeat(8, 62px);
  gap: 27px;
}
#services .row .services-inner-content:nth-child(1) {
  grid-column-start: 17;
  grid-column-end: 21;
  grid-row-start: 1;
  grid-row-end: 5;
}
#services .row .services-inner-content:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 9;
  grid-row-end: 5;
}

#services .row .services-inner-content:nth-child(3) {
  grid-column-start: 17;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 9;
}
#services .row .services-inner-content:nth-child(3) .services-title a {
  font-size: 36px;
}

#services .row .services-inner-content:nth-child(4) {
  grid-column-start: 17;
  grid-column-end: 21;
  grid-row-start: 5;
  grid-row-end: 9;
}
#services .row .services-inner-content:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 5;

}
.services-inner-content::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.68%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 15px;

}
.services-title a:hover {
  color: #FDB32F;
}
.services-inner-content img {
  border-radius: 15px;
}



/* Choose Plan */
#choose-plan {
  padding: 60px 0;
  position: relative;
  background: #F5FBFF;
}

.choose-plan-heading h6 {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0083FF;
}
.choose-plan-heading h2 {
  font-family: Prompt;
  font-size: 44px;
  font-weight: 700;
  line-height: 66.53px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.choose-plan-details-box h4 {
  font-family: Prompt;
  font-size: 44px;
  font-weight: 700;
  line-height: 66.53px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.choose-plan-details-box {
  background: #FFFFFF;
  box-shadow: 0px 4px 44px 0px #00000012;
  padding: 120px 0 60px;
  border-radius: 15px;
  position: relative;
}
.choose-plan-price h6 {
  font-family: Prompt;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FCAC2F;
  margin-bottom: 0;
  padding: 8px 0;

}
.choose-plan-price h5 {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FCAC2F;
  margin-bottom: 0;
}
.choose-plan-price {
  width: 200px;
  height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 0px 2px 0px #00000012;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0px, -50%);
}
.choose-right-plan {
  margin-top: 90px;
}
.choose-plan-points h6 {
  font-family: Prompt;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  margin-bottom: 0;
  text-decoration-skip-ink: none;
  color: #626B7D;
  width: 274px;
  padding-left: 18px;
}
.choose-plan-points {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.choose-plan-points i {
  background: #0083FF;
  color: #fff;
  font-size: 16px;
  width: 27px;
  height: 27px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.choose-plan-item:nth-child(1) .choose-plan-details-box .choose-plan-points:nth-child(9){
  display: none;
}
.choose-plan-item:nth-child(1) .choose-plan-details-box .choose-plan-points:nth-child(7){
  display: none;
}
.choose-plan-item:nth-child(1) .choose-plan-details-box .choose-plan-points:nth-child(8){
  display: none;
}



.choose-plan-item:nth-child(3) .choose-plan-details-box .choose-plan-points:nth-child(8){
  display: none;
}
.choose-plan-item:nth-child(3) .choose-plan-details-box .choose-plan-points:nth-child(9){
  display: none;
}
.choose-plan-details-box:hover {
  transform: translateY(-20px);
  transition: 0.4s ease-in-out;
}
.choose-plan-details-box:hover {
  background: #0083FF;
  transition: 0.8s ease-in-out;
}
.choose-plan-details-box:hover h4 {
  transition: 0.8s ease-in-out;
  color: #FFBB51;
}
.choose-plan-details-box:hover h6 {
  transition: 0.8s ease-in-out;
  color: #FFFFFF;
}
.choose-plan-details-box:hover h5 {
  transition: 0.8s ease-in-out;
  color: #FFFFFF;
}
.choose-plan-details-box:hover .choose-plan-price{
  background: #0083FF;
  transition: 0.8s ease-in-out;
}

.choose-plan-details-box:hover .choose-plan-button {
  transition: 0.8s ease-in-out;
  box-shadow: 0px 4px 24.7px 11px #00000008;
}

.choose-plan-button a {
  font-family: Prompt;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FCAC2F;
}
.choose-plan-details-box:hover .choose-plan-button a {
  transition: 0.8s ease-in-out;
  color: #FFFFFF;
}
.choose-plan-details-box:hover .choose-plan-button i {
  transition: 0.8s ease-in-out;
  color: #FFFFFF;
}
.choose-plan-button i {
  font-size: 18px;
  color: #FCAC2F;
  padding-left: 14px;

}
.choose-plan-button {
  background: #FFFFFF;
  width: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 8px 10px 0px #00000012;
  height: 65px;
  border-radius: 99px;
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: auto;
}
/* SSM Services */
#smm-services {
  padding: 60px 0;
  position: relative;
}
.smm-services-heading h2 {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FDB32F;
}
.smm-services-heading h3 {
  font-family: Prompt;
  font-size: 44px;
  font-weight: 700;
  line-height: 57.2px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  width: 57%;

}
.smm-services-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 80px;

}
.ssm-services-inner-box:hover .ssm-services-button {
  background: #FDB32F;
}
.ssm-services-inner-box:hover .ssm-services-button I {
  color: #FFF;
}
.ssm-services-button a {
  color: #0083FF;
  font-family: Prompt;
  font-size: 16px;
  font-weight: 500;
  line-height: 10px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.ssm-services-button i {
  color: #0083FF;
  font-size: 16px;
  padding-left: 10px;

}
div#map embed {
  border-radius: 15px;
}
.ssm-services-button {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -22px;
  padding: 17px 31px;
  border-radius: 100px;
  box-shadow: 0px 13px 7px 0px #00000012;
}
.ssm-services-inner-box {
  background: #FFFFFF;
  box-shadow: 0px 4px 64px 0px #00000012;
  padding: 69px 32px 40px;
  position: relative;
  margin-bottom: 80px;
  border-radius: 10px;
}
.ssm-services-inner-box:hover .ssm-services-icons a i{
  background: #fff;
}
.ssm-services-inner-box:hover .ssm-services-icons a i{
  color: #0083FF;
}
.ssm-services-inner-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ssm-services-inner-box p {
  font-family: Prompt;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
  margin-bottom: 0;
}
.ssm-services-inner-box:hover {
  background: #0083FF;
  transition: 0.8s ease-in-out;
}
.ssm-services-inner-box:hover .ssm-services-icons a{
  background: #0083FF;
  transition: 0.8s ease-in-out;
}
.ssm-services-inner-box:hover a{
  color: #FFFFFF;

}
.ssm-services-inner-box:hover p{
  color: #FFFFFF;

}
.ssm-services-title a {
  font-family: Prompt;
  font-size: 24px;
  font-weight: 700;
  line-height: 36.29px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.ssm-services-icons a i {
  width: 50px;
  height: 50px;
  background: #0083FF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25px;
  border-radius: 50%;
}
.ssm-services-icons a {
  background: #FFFFFF;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 0px -16px 27px 0px  #00000012;
  animation: flipInY 3s infinite;
}



.get-touch-button a {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.get-touch-button {
  border: 1px solid #626B7D80;
  max-width: fit-content;
  padding: 10px 30px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  cursor: pointer;
}
.get-touch-button i {
  color: #000000;
  padding-left: 12px;
  font-size: 20px;
}
.browse-case-button a {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
.browse-case-button {
  border: 1px solid #626B7D80;
  max-width: fit-content;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  border-radius: 99px;
  margin-left: 14px;
  cursor: pointer;
}

.items-studies-box:hover .case-studies-button {
  background: #FDB32F;
}


.items-studies-box:hover .case-studies-button a {
  color: #fff;
}
.items-studies-box:hover .case-studies-button i{
  color: #fff;
}
.get-touch-button:hover {
  background: #FDB32F;
  border: 1px solid #FDB32F;
  transition: 0.8s ease-in-out;
}
.get-touch-button:hover  a{
  color: #fff;
}
.get-touch-button:hover  i{
  color: #fff;
}
.browse-case-button:hover {
  background: #FDB32F;
  border: 1px solid #FDB32F;
  transition: 0.8s ease-in-out;
}
.browse-case-button:hover  a{
  color: #fff;
}
.browse-case-button:hover  i{
  color: #fff;
}
.browse-case-button i {
  color: #000000;
  font-size: 20px;
  padding-left: 12px;
}
.case-studies-buttons-box {
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 26%;
  margin-top: 40px;
}

/* faqs */
#faqs {
  padding: 60px 0;
  position: relative;
}

.faqs-video-view-button-flex:hover {
  background: #000;
  transition: 0.4s ease-out;
}
.faqs-video-view-button-flex:hover a {
  color: #fff;
  transition: 0.4s ease-out;
}
.faqs-video-view-button-flex:hover i{
  color: #fff;
  transition: 0.4s ease-out;
}

.faqs-video-view-button-flex {
  background: #00AAA1;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  border-radius: 8px;
}
.faqs-video-view-us-button a {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}
.faqs-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faqs-video-view-us-button i {
  color: #FFF;
  font-size: 16px;
  padding-left: 30px;
}


.faq-background-waves {
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.faqs-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.accordion-button{
  background-color: unset !important;
}
.accordion-item.show::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00AAA1;
  z-index: -1;
  border-radius: 15px;
}
.accordion-item{
  position: relative;
  z-index: 1;
}

.accordion-collapse
{
  position: relative;
}

.accordion-button {
  color: #000000 !important;
  /* width: 85% !important; */
  font-family: Inter;
  font-size: 24px !important;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  line-height: 38px;
  padding-right: 56px !important; 

}
.panel-body p {
  color: #ffffff;
  margin-bottom: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 0;
}
.accordion-button:focus {
  border-color: unset !important;
  box-shadow: unset !important; 
}
.accordion-item {
  background: #FFFFFF !important;
  border: unset !important;
  box-shadow: 0px 4px 64px 0px #00000012;
  border-radius: 15px !important;
  margin-bottom: 20px;

}
.card-header {
  background-color: unset !important;
  border-bottom: unset !important;
}
.accordion-button:not(.collapsed) {
  background-color: unset !important;
  box-shadow: unset !important;
  color: #fff !important;

}
.accordion-button:not(.collapsed)p {
  color: #fff !important;

}


.accordion-button{
  padding: 14px 21px !important;
}
.accordion-button::after{
  background-image: none !important;
}
.accordion-button::after {
  background-image: none !important;
  content: " " !important;
  font-family: 'FontAwesome';
  right: 23px;
    background: unset;
  width: 4px !important;
  height: 19px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: unset;
  background: #00AAA1;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  border: unset;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;

}
.accordion-button:not(.collapsed) .collapse-button-right::after {
  content: "";
  border: unset;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  right: 3px;
  bottom: 0;
  top: 0;
  margin: auto;
  background: #fff;
}
.collapse-button-right::before {
  content: "";
  border: 0.5px solid #000000;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  right: 3px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.accordion-button::before {
  content: "";
  width: 19px !important;
  height: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: unset;
  background: #00AAA1;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  border: unset;
  position: absolute;
  right: 16px;
    top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.accordion-button{
  padding: 0 56px 0 0 !important;
}
.accordion-header {
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: left;
}
 .accordion-button:not(.collapsed)::after {
  transform: rotate(-270deg) !important;
  background: #00AAA1;
  background-image: none;
  background-image: none;
  border: unset;
}


/* categories */
#categories {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}
.categories-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.categories-heading p {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #808080;
}
.categories-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.categories-title a {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2E2E2E;
}
.categories-content p {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #808080;
}
.categories-image img {
  width: 100%;
  height: 569px;
  border-radius: 20px;
  object-fit: cover;
}
.tutorials-video-box-content {
  display: flex;
  align-items: last baseline;
  justify-content: center;
    flex-direction: column;
}
.categories-box:nth-child(2) .row {
  flex-direction: row-reverse;
}
.categories-box:nth-child(4) .row {
  flex-direction: row-reverse;
}
.categories-button a:hover {
    background: #2E2E2E;
    color: #fff;
    transition: 0.8s ease-in-out;
}
.categories-button a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  height: 48px;
  width: 194px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00AAA1;
  color: #fff;
  border-radius: 8px;
}
.categories-content-box {
  display: flex;
  align-items: last baseline;
  justify-content: space-between;
  flex-direction: column;
}

.categories-box .row:nth-child(2) {
  flex-direction: row-reverse;
}
.categories-box .row:nth-child(4) {
  flex-direction: row-reverse;
}
/* latest videos */
#latest-videos {
  background: #E5F7F6;
  padding: 80px;
  position: relative;
}
.latest-videos-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
  padding: 0;
}
.latest-videos-title a {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -1px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.latest-videos-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.latest-videos-content p {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
  margin-top: 50px;
}
.latest-category-title h6 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.latest-video-date h5 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #999;
}
.latest-category-title {
  display: flex;
  align-content: center;
  justify-content: left;
}
.latest-video-date {
  padding-left: 32px;
}
.latest-videos-image img {
  width: 100%;
  height: 519px;
  border-radius: 20px;
  object-fit: cover;

}
.latest-videos-button a:hover {
  background: #2E2E2E;
  color: #fff;
  transition: 0.8s ease-in-out;
  border: 1px solid #2E2E2E;
}
.latest-videos-button a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
  width: 194px;
  height: 48px;
  border: 1px solid #00AAA1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline !important;
}
.latest-video-box-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

/* POpular Videos */
#popular-videos {
  padding: 80px 0;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}
.popular-background-waves {
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.popular-videos-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.popular-videos-image img {
  width: 100%;
  height: 284px;
  border-radius: 16px;
  object-fit: cover;
}
.popular-videos-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.popular-videos-title a {
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: 31.99px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.popular-category-title h6 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.popular-category-title {
  display: flex;
  align-content: center;
  justify-content: left;
}
.popular-video-date {
  padding-left: 30px;
}
.popular-videos-button A:hover {
  color: #2E2E2E;
  transition: 0.8s ease-in-out;
}
.popular-travel-videos-button a:hover {
  color: #2E2E2E;
  transition: 0.8s ease-in-out;
}
.tutorials-videos-button a:hover {
  color: #2E2E2E;
  transition: 0.8s ease-in-out;
}
.popular-videos-button a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #F1AD28;
}
.popular-video-box-content {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-direction: column;
}
.popular-video-date h5 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #999;
  text-transform: uppercase;
}
.popular-travel-videos-image img {
  width: 100%;
  height: 529px;
  object-fit: cover;
  border-radius: 16px;
}
.popular-travel-videos-box {
  background: #FFF;
  box-shadow: 0px 4px 10.8px 0px #0000000D;
  border-radius: 16px;
}
.popular-travel-videos-title a {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.popular-travel-videos-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.popular-travel-videos-button a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
}
.popular-travel-category-title {
  display: flex;
  align-content: center;
  justify-content: left;
  padding-top: 40px;
}
.inner-items-travel-popular-videos {
  padding: 60px !important;
}
.popular-travel-category-title h6 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.popular-travel-video-date h5 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #999;
  text-transform: uppercase;
  padding-left: 38px;
}
.popular-travel-videos-content p {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
}
.popular-videos-content p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
}
/* tutorials videos */
#tutorials-videos {
  padding: 80px 0;
  background: #E5F7F6;
}
.tutorials-videos-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.tutorials-videos-image img {
  width: 100%;
  border-radius: 16px;
  height: 284px;
  object-fit: cover;
}
.tutorials-videos-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.tutorials-videos-title a {
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: 31.99px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.tutorials-videos-content p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
}
.tutorials-videos-button a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
}
.tutorials-category-title h6 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.tutorials-video-date h5 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #999;
  text-transform: uppercase;
}
.tutorials-category-title {
  display: flex;
  align-content: center;
  justify-content: left;
}
.tutorials-video-date {
  padding-left: 30px;
}


.category-background-waves1 {
  position: absolute;
  top: 3%;
  left: 0;
  right: 0;
  z-index: -1;
}

.category-background-waves2 {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  z-index: -1;
}
.category-background-waves3 {
  position: absolute;
  top: 54%;
  left: 0;
  right: 0;
  z-index: -1;
}
.category-background-waves4 {
  position: absolute;
  bottom: 3%;
  left: 0;
  right: 0;
  z-index: -1;
}
.tutorials-video-view-button-flex:hover {
  background: #000;
  transition: 0.6s ease-in-out;
}
.tutorials-video-view-button-flex:hover a{
  color: #fff;
  transition: 0.6s ease-in-out;
}
.tutorials-video-view-button-flex:hover i {
  color: #fff;
  transition: 0.6s ease-in-out;
}

.tutorials-video-view-button-flex {
  background: #00AAA1;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  border-radius: 8px;
}
.tutorials-video-view-us-button a {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}
.tutorials-videos-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tutorials-video-view-us-button i {
  color: #FFF;
  font-size: 16px;
  padding-left: 30px;
}
/* events */
#events {
  background: #E5F7F6;
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.events-heading h2 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}
.events-image {
  position: relative;
}
.outer_video a i:hover {
  background: #00AAA1;
  color: #fff;
  transition: 0.8s ease-in-out;
}
.events-video-view-button-flex:hover {
  background: #000;
  transition: 0.4s ease-out;
}
.events-video-view-button-flex:hover a {
  color: #fff;
  transition: 0.4s ease-out;
}
.events-video-view-button-flex:hover i {
  color: #fff;
  transition: 0.4s ease-out;
}
.events-video-view-button-flex {
  background: #00AAA1;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  border-radius: 8px;
}
.events-video-view-us-button a {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}
.events-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.events-video-view-us-button i {
  color: #FFF;
  font-size: 16px;
  padding-left: 30px;
}



#events .owl-nav{
  display: none;
}

#events .popup-close {
  top: 61px;
  left: 30px;
}
.events-image img {
  width: 100%;
  border-radius: 19px;
  height: 100%;
}
.events-content-box {
  background: #00AAA1;
  border-radius: 19px;
  padding: 28px 16px;
}
.events-title a {
  font-family: Inter;
  font-size: 40px;
  font-weight: 600;
  line-height: 51px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}
.events-box:nth-child(2) .inner-items-events {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column-reverse;
}
.events-box:nth-child(2) .inner-items-events .events-content-box{
  transform: translate(0px, 33px);
}
.events-content-box {
  background: #00AAA1;
  border-radius: 19px;
  padding: 28px 16px;
  margin-top: -33px;
  z-index: 1;
  position: relative;
}
.events-content p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
  margin-bottom: 0;
}
.events-content-box:hover .events-title a {
  color: #00AAA1;
  transition: 0.8s ease-in-out;

}
.events-content-box:hover .events-content p {
  color: #00AAA1;
  transition: 0.8s ease-in-out;

}
.events-box:nth-child(2) .inner-items-events:hover .events-content-box{
  transform: translateY(20px);
  transition: 0.8s ease-in-out;
}
.inner-items-events:hover  .events-content-box{
  transform: translateY(-20px);
  transition: 0.8s ease-in-out;
}
.events-content-box:hover {
  background: #FFFFFF;
  transition: 0.8s ease-in-out;

}
.event-time-field h6 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 51px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
  background: #F1AD28;
  border-radius: 30px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  margin-bottom: 0;
  margin-top: 20px;
}

.owl-item.active.center .inner-items-events {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
  margin-top: -33px;
}
.owl-item.active.center .events-content-box {
  margin-top: 0 !important;
  transform: translate(0px, 33px) !important;
}
/* newsletter */
section#newsletter {
  background: #00AAA1;
  padding: 80px 0 0;
  position: relative;
  margin-bottom: 100px;
  background-size: cover;
  background-repeat: no-repeat;
}
.newsletter-form input.wpcf7-form-control.wpcf7-text {
  background: #FFFFFF;
  border: unset;
  height: 90px;
  border-radius: 15px;
  padding: 18px 250px 18px 90px;
  width: 100%;
  box-shadow: 0px 4px 80px 0px #A9A9A952;
}


.newsletter-inner-form p {
  margin-bottom: 0;
}
.newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: #F1AD28;
  height: 65px;
  color: #FFFFFF;
  padding: 23px 44px;
  border-radius: 16px;
  margin-left: 18px;
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 3.2px;
  letter-spacing: 0.16em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  border: unset;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;


}
.newsletter-submit-button:hover::after {
  color: #FDB32F;
  transition: 0.8s ease-in-out;
}
.newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  color: #FFF;
  background: #00AAA1;
  transition: 0.8s ease-in-out;
}




/* Single blog page */
.main-single-div {
  padding: 60px 0;
}
.main-single-div h1 {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2E2E2E;
  padding: 22px 0;
}
.feature-box img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 15px;
}
.form-submit input#submit {
  padding: 10px 30px;
  border-radius: 99px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00AAA1;
  color: #fff;
  border-radius: 8px;
}
.single-post-content p {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #808080;
}
.comment-form-comment textarea {
  resize: vertical;
  width: 100%;
  height: 150px;
  padding: 15px;
  background: #FFFFFF !important;
  border: unset !important;
  box-shadow: 0px 4px 64px 0px #00000012;
  border-radius: 15px !important;
  margin-bottom: 20px;
}
#comments h2 {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2E2E2E;
}
div#respond {
  padding: 60px 0;
}
.socila_share {
  display: flex;
  align-items: center;
  justify-content: end;
}
.blog-meta-fields .social-icons a i {
  color: #FFFFFF;
  font-size: 20px;
  display: flex;
  padding: 12px;
  background: #00AAA1;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  margin-left: 10px;

}
.comment-form-comment label {
  display: inline-block;
  color: #000000;
  font-family: Plus Jakarta Sans;
  font-size: 18px;
  font-weight: 500;
  line-height: 10px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.blog-img img {
  width: 100%;
  height: 100%;
}
.metabox span {
  font-family: Plus Jakarta Sans;
  font-size: 16px;
    font-weight: 500;
  line-height: 10px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
}
.logged-in-as {
  font-family: Plus Jakarta Sans;
  font-size: 16px;
    font-weight: 500;
  line-height: 10px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
  padding: 12px 0;

}
.entry-date {
  padding: 0px 24px;
}
.metabox {
  padding-bottom: 16px;
}
.metabox span i { 
  color: #555555;
}
.metabox span a {
  font-family: Plus Jakarta Sans;
  font-size: 16px;
  font-weight: 500;
  line-height: 10px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
}
.no-comments.wp-block-latest-comments {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
  margin-bottom: 0;
  padding: 32px 0;
}
/*--------------------Video Section----------------*/

/* Outer */
 .popup {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  right: 0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 9999;
  border-radius: 0;
  border-radius: 16px;
}
 .video-background-image img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
 .our-process-video{
  position: relative;
}
.video-background-image {
  margin-top: 70px;
}
/* Inner */
 .popup-inner {
  max-width:1000px;
  width:90%;
  position:absolute;
  top:50%;
  right:50%;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:3px;
  width: 100%;
  height: 100%;
}
 .popup-inner embed {
  height: 500px;
  border: 8px solid #FFFFFF;
  border-radius: 20px;
  height: 68%;
  border: 8px solid #FFFFFF;
  border-radius: 20px;
  width: 91%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;

}
.latest-videos-image {
  position: relative;
}
.latest-video-view-button-flex {
  background: #00AAA1;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  border-radius: 8px;
  cursor: pointer;
}
.latest-video-view-us-button a {
  font-family: Open Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
}

.latest-video-view-button-flex:hover .latest-video-view-us-button a {
  color: #fff;
  transition: 0.6s ease-in-out;
}
.latest-video-view-button-flex:hover .latest-video-view-us-button i {
  color: #fff;
  transition: 0.6s ease-in-out;
}


.latest-video-view-button-flex:hover {
  background: #000;
  transition: 0.6s ease-in-out;
}
.latest-videos-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.latest-video-view-us-button i {
  color: #FFF;
  font-size: 16px;
  padding-left: 30px;
}
/* Close Button */
 .popup-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: ease 0.25s all;
  -webkit-transform: translate(-50%, -51%);
  border-radius: 1000px;
  background: #00AAA1;
  font-size: 24px;
  text-align: center;
  line-height: 100%;
  color: #fff;
  font-weight: 700;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-close:hover {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  background: rgba(0,0,0,1);
  text-decoration: none;
  background: #000000;
  color: #fff;

}


.over_video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
}
.popular-travel-videos-image {
  position: relative;
}
.popular-videos-image {
  position: relative;
}
.ps_video{
  text-align: center;
}
 .ps_video a i {
  color: rgba(0, 0, 0, 0.34);
  font-size: 30px;
  background: rgba(255, 255, 255, 0.34);
    width: 63px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: 2px solid rgba(0, 0, 0, 0.34);
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;

}
.tutorials-videos-image {
  position: relative;
}

.categories-image {
  position: relative;
}



#case-studies .ps_video i {
  background: #0083FF;
  color: #fff;
  width: 68px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-family: 'Font Awesome 5 Free';
  animation: 2s pulse infinite;

}

#case-studies .popup {
  width: 100%;
  height: 100%;
  display: none;

  

}
#case-studies .popup {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  right: 0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 9999;
  border-radius: 0;
  bottom: 0;
  
}
#case-studies .popup-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.studies-image {
  position: relative;
}
.case-studies-videos {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  left: 0;
}

#case-studies  .video {
  margin: 8px 20px 0;
}

#case-studies .video embed {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #FDB32F;
}
#case-studies .popup-close {
  position: absolute;
  top: 26px;
  background: #FDB32F;
  color: #000000;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: 16px;
}
/*------------------ Contact Page -----------------*/
.contact-page-details
{
  padding-bottom: 30px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
    border: 1px solid #C9AF86;
  background-color: transparent;
  width: 100%;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  background: #fff;
  border: unset;
  height: 65px;
  border-radius: 15px;
  padding: 18px;
}
.outer_dpage h2 {
  font-family: Prompt;
  font-size: 42px;
  font-weight: 700;
  line-height: 64px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;

}

td.product-name a {
  color: #1A1819;
}
.wishlist_table .product-stock-status span.wishlist-in-stock {
  color: #0A2A2B;
}
.wishlist_table .product-add-to-cart a {
  display: table!important;
  margin: 0 auto 5px!important;
  text-align: center;
  font-family: Lato;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: left;
  color: #FFFFFF;
  background: #1A1819;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 5px;

}
.woocommerce-MyAccount-content p a{
  font-family: 'Lato';
  color: #818181;
  font-weight: 600;
  font-size: 16px;
}
.woocommerce-MyAccount-content p {
  font-family: 'Lato';
  color: #1A1819;
  font-weight: 600;
  font-size: 16px;
}
nav.woocommerce-MyAccount-navigation ul li {
  list-style: none;
  margin-bottom: 10px;
  border: 1px solid #0A2A2B;
  padding: 12px;
}


.outer_dpage {
  padding: 60px 0;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
  padding: 13px;
  border-radius: unset;
  border: 1px solid #222222;
  border: 1px solid #58585833;
  margin-top: 10px;
}
.contact-box .contac_form input[type="submit"]:hover{
  background: #010F1C !important;
  color: #fff !important;
  transition: 0.8s ease-in-out;
}
.contact-box a:hover {
  color: #000000  ;
}
.contact-box .contac_form input[type="submit"] {
  background: #00AAA1;
  border: unset;
  height: 58px;
  color: #FFF;
  padding: 10px 40px;
  border-radius: 12px;
  margin-top: 16px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #0D0D0D;
}
.contact-color-bg {
  background: #E5F7F6;
  border-radius: 30px;
  padding: 40px 20px;

}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  justify-content: center;
  align-items: center;
}


.special-deal-contents {
  padding-left: 36px;
}
.pagination span a {
  background: #0A2A2B !important;
  background: #fff;
  color: #1A1819;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: 0.6s ease-in-out;
  border: unset;
  margin-right: 6px;
}


.pagination span span {
  background: #0A2A2B !important;
  background: #fff;
  color: #1A1819;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: 0.6s ease-in-out;
  border: unset;
  margin-right: 6px;
}
.c_content span {
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
}
.contact-page-details a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
}
section#contact-box{
  padding:0;
  margin:0;
}

.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
  width: 100%; 
}


.contac_form h3 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}


.background-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.contac_form label {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
div#single-teams {
  padding: 60px 0;
}

.contact-box .wpcf7 input[type="text"]::placeholder {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #57656C;
}



.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.order-track-hover.text-start p {
  font-family: Prompt;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
}
.wp-block-search__label {
  margin-bottom: 0;
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -1px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;

}
.wp-block-search__input{
  
    background: #F8F8F8;
    border: unset;
    width: 100%;
    padding: 14px;
    height: 48px !important;
    border-radius: 4px;
    border: unset !important;
}
button.wp-block-search__button.wp-element-button::after {
  content: "\f002";
  font-family: 'FontAwesome';
  color: #FFF;
  right: -10px;
  top: 0;
  position: absolute;
  font-size: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  height: 65px;
  padding: 12px 44px;
  border-radius: 99px;
}

textarea#comment::placeholder {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #57656C;
  
}


span.post-title {
  font-size: 18px !important;
  color: #808080 !important;
  padding-left: 7px;
}
.nav-next span {
  color: #FDB32F;
  text-align: center;
  font-size: 22px;
  font-family: 'Plus Jakarta Sans';
  font-weight: 500;
  margin-bottom: 0;


}
div#single-testimonial {
  padding: 60px 0;
}
.test-info img {
  width: 72px;
  height: 72px;
  border-radius: 36px;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  max-width: fit-content;
  background: #FF7F0B;
  padding: 8px 29px;
}
span.post-title {
  font-size: 18px;
  color: #000000 !important;
  padding-left: 14px
}
.our-portfolio-box a:hover {
  color: #fff;
}
.nav-previous span {
  color: #ffffff !important;
  text-align: center;
  font-size: 22px;
  font-family: 'Jost';
  font-weight: 500;
  margin-bottom: 0;
}
.wp-block-search__button {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: unset !important;
  border: unset !important;
  font-size: 0 !important;
}
.single-page-content p {
  padding: 16px 0;
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 30.13px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin-bottom: 0;
  transition: 0.8s ease-in-out;
}
.wp-block-search__inside-wrapper{
  position: relative;
}
.contac_form textarea, .contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color: transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #cccccc;
  background-color: transparent;
  width: 100%;
  background: #fff;
  border: unset;
  border-radius: 15px;
  padding: 18px;
}
#sidebar {
  background: #FFF;
  padding: 30px;
  height: fit-content;
  border-radius: 15px;
  box-shadow: 0px 4px 24.7px 11px #00000008;

}
div#sidebar h2 {
  font-family: Inter;
  font-size: 28px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -1px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;

}
div#sidebar ul li a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
  margin-bottom: 0;
}
#sidebar ul li a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.blog-box {
  position: relative;
}
.blog-box-content img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.singlepage-blog-title a {
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  text-align: right;
  color: #1A1819;
}
div#full-width-blog {
  padding: 60px 0;
}

.meta-blog-number h6 {
  font-family: Jost;
  font-size: 45px;
  font-weight: 700;
  line-height: 65.03px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: #000000;
  width: 113px;
  height: 113px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  border: 10px solid #FFFFFF;
  color: #FFFFFF;
  transform: translate(-52px, -74px);
}
.middle-align {
  padding: 60px 0;
}
.middle-align ul li a {
  font-family: Lato;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.6px;
  text-align: center;
  color: #818181;
}
.c_content {
  color: #ffffff;
}
.contact-page-details .contact-address
{
  text-align: center;
  border: none;
  padding: 11px;
  height: 200px;
  box-shadow: 0px 4px 24.7px 11px #00000008;
    border-radius: 15px;
  display: flex;
    align-items: center;
    justify-content: center;
}
aside#media_image-2 {
  padding-bottom: 24px;
  text-align: center;
}

.footer1 .textwidget p {
  color: #000;
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 35.12px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

}
.contact-us-form input::placeholder {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #57656C;
}
.contact-us-form textarea::placeholder {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #57656C;
}
.wpcf7-form-control.wpcf7-textarea::placeholder {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #57656C;
}
 .textwidget p {
  color: #000000CC;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.about_me ul li a {
  color: #231F20;
  font-family: Jost;
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}



.footer1 .textwidget {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-bottom: 18px;

}
.menu-footer-menus-container {
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 42px;
}
aside#media_image-2 img {
  width: auto;
}



.media-body p {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 21.07px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000;
}
.media-post-image img {
  width: 90px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  object-fit: cover;

}
.media.post-thumb {
  display: flex;
  align-items: center;
  justify-content: left;
}
#shop .yith-wcwl-add-button {
  display: none;
}
.woocommerce ul.products li.product .price del {
  color: inherit;
  opacity: .5;
  display: inline-block;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: left;
  color: #818181;
}
.woocommerce ul.products li.product .price ins {
  background: 0 0;
  font-weight: 700;
  display: inline-block;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: left;
  color: #1A1819;
  text-decoration: none;
}
.contact-page-details .contact-email
{
  text-align: center;
  border: none;
  padding: 11px;
  height: 200px;
  box-shadow: 0px 4px 24.7px 11px #00000008;
    border-radius: 15px;
  display: flex;
    align-items: center;
    justify-content: center;


}
.contact-page-details .contact-phone
{
  text-align: center;
  border: none;
  padding: 11px;
  height: 200px;
  box-shadow: 0px 4px 24.7px 11px #00000008;
    border-radius: 15px;
  display: flex;
    align-items: center;
    justify-content: center;
}


.search-field {
  width: 80%;
}

.contact-box .wpcf7 input[type="text"]::placeholder, .contact-box .wpcf7 input[type="email"]::placeholder {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #57656C;
}




.contact-box {
  padding: 60px 0;
}
.contact-page-details .inner-cont i {
  font-size: 32px;
  color: #555555;
  padding: 14px 0;
}
.contac_form span.wpcf7-form-control-wrap input{
  margin: 0 12px 30px 0;
  border: 2px solid #cccccc;

}

.bradcrumbs a {
  padding: 12px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 45.36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;

}

.bradcrumbs {
  padding: 12px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 45.36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}


/* Single services page */
#singleService {
  padding: 60px 0;
}
#singleService .nav-item {
  width: 100%;
}

#singleService .nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FDB32F;
  height: 65px;
  padding: 25px 0;
  border-radius: 99px;
  margin-bottom: 14px;
}
.service-single-body {
  font-family: Prompt;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
}

#singleService .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: unset;
  background-color: black;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  height: 65px;
  padding: 25px 0;
  border-radius: 99px;
}
.single-srevice-title a {
  font-family: Prompt;
  font-size: 24px;
  font-weight: 700;
  line-height: 36.29px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
#singleService .service-image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}
.service-paragraph {
  font-family: Prompt;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
  margin-bottom: 0;
}
.service-para {
  font-family: Prompt;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626B7D;
  padding-top: 18px;
}
#singleService .service-image {
  margin: 18px 0;
}

#singleService .service-heading {
  font-family: Prompt;
  font-size: 20px;
  font-weight: 700;
  line-height: 35.29px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FDB32F;
  padding: 20px 0 0px;
}
#singleService img {
  width: 100%;
  height: 100%;
}

/* 404 page */
.error404 .page-content {
  padding: 100px 0;
}
.page-content h3 span {
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #00AAA1;
  font-family: Just Another Hand;
  font-weight: 400;
  font-size: 70px;
  line-height: 30px;
}
.page-content h3 {
  text-align: center;
}
.text-404 {
  font-family: "Inter";
  font-size: 24px;
  font-weight: 400;
  line-height: 40.8px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
}
.read-moresec a {
  background: #00AAA1;
  padding: 16px 40px;
  border-radius: 7px;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  height: 65px;
  padding: 25px;
  border-radius: 8px;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
}
.read-moresec a:hover {
  color: #000;
  transition: 0.6s ease-in-out;
}
.read-moresec {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Registration form */
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
  /* margin-top: 52px; */
  background: #FDB32F;
  font-family: Prompt;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFFFFF;
  margin-top: 20px;
  background: #FDB32F;
  padding: 19px 40px;
  border-radius: 100px;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}


.registration-form-page {
  padding: 60px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.woocommerce form {
  background: #0083FF;
  padding: 60px !important;
  width: 800px;
  border: unset !important;

}
.woocommerce {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
  padding: 13px;
  border-radius: unset;
  border: 1px solid #222222;
  border: 1px solid #58585833;
  margin-top: 10px;
  background: #fff;
  border: unset;
  height: 65px;
  border-radius: 99px;
  padding: 18px;
}
.woocommerce form .form-row .required {
  color: #FDB32F !important;
}
.woocommerce-error {
  border-top-color: #FDB32F !important;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
  list-style: none outside!important;
  padding-left: 0!important;
  margin-left: 0!important;
  font-family: 'Plus Jakarta Sans';
  color: #626B7D;
  font-size: 16px;
}
.registration-form-page .woocommerce-notices-wrapper{
  width: 100%;
}
.registration-form-page h2 {
  font-family: Prompt;
  font-size: 42px;
  font-weight: 700;
  line-height: 64px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}
#sidebar [type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00AAA1;
  height: 65px !important;
  padding: 25px;
  border-radius: 99px;
  border: unset;
  box-shadow: 0px 4px 64px 0px #00000012;
  width: 100%;
  padding-right: 68px;

}

#testimonial .owl-nav button:hover {
  background: #000;
  transition: 0.8s ease-in-out;
}
#testimonial .owl-nav button:hover i {
  color: #FFF;
  transition: 0.8s ease-in-out;
}

.search-page-sec [type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00AAA1;
  max-width: fit-content;
  height: 65px !important;
  padding: 25px;
  border-radius: 99px;
  border: unset;
  box-shadow: 0px 4px 64px 0px #00000012;
}


/* faq page */
.faq-page {
  padding: 50px 0;
}


/* events */
.events-feature-box img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 12px;
}
#single-events {
  padding: 60px 0;
}
.single-events-contents {
  position: absolute;
  bottom: 28px;
  left: 30px;
}
.events-feature-box {
  position: relative;
}

.single-events-content p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #FFF;
  margin-bottom: 0;
  padding: 10px 0;
}
.events-description h3 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.single-events-details {
  padding-top: 48px;
}
.events-photos-title h3 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding: 30px 0;
}
.events-venus-images {
  display: flex;
  align-content: center;
  justify-content: center;
}
.events-venus-images img {
  width: 100%;
  height: 100%;
}
#single-events .events-content p {
  font-family: Jost;
  font-size: 18px;
  font-weight: 400;
  line-height: 26.01px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  padding: 18px 0;
  margin-bottom: 0;
}
.events-information-title h3 {
  color: #00AAA1;
  font-family: Just Another Hand;
  font-size: 50px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: var(--DisplayMediumTracking);
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  padding: 30px 0;
}
.venus-information h6 {
  font-family: Inter;
  font-size: 20px;
  font-weight: 500;
  line-height: 24.2px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #444;
  width: 155px;
}
.venus-information h4 a {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.78px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333CC;
  padding-left: 28px;
}
.events-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.events-information-contact1 {
  display: flex;
  align-items: center;
  justify-content: left;
}

.events-information-contact2 {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 18px 0;
}

.events-information-contact3 {
  display: flex;
  align-items: center;
  justify-content: left;
}



/* Single categories */
.category-title-field h6 a {
  font-family: Inter;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  background: #00AAA1;
  padding: 8px 16px;
  border-radius: 8px;
}
.category-title-field {
  text-align: left;
  padding: 16px 18px;
  position: absolute;
  bottom: 0;
}
.category-img img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.category-title-field {
  text-align: left;
  padding: 10px 16px;
}
.page-title {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2E2E2E;
  padding-bottom: 18px;
}

/* Single video page */
#single-video {
  padding: 60px 0;
}
.single-video-title a:hover {
  color: #F1AD28;
  transition: 0.4s ease-in-out;
}
.single-video-title {
  padding: 24px 0 0;
}
.single-video-title a {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333;
}
.single-video-content p {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #666;
}