.wid90 {
  position: relative;
  margin: auto;
  width: 90%;
}

.bluebg {
  background: #3585EA;
}

.lightbluebg {
  background: rgba(53, 133, 234, 0.1);
}

.secme {
  margin: 100px auto !important;
  max-width: 1440px;
}
@media only screen and (max-width: 480px) {
  .secme {
    margin: 50px auto !important;
  }
}

.wid80 {
  position: relative;
  margin: auto;
  width: 80%;
}

.App {
  position: relative;
  height: 100%;
}

.whiteme {
  color: #fff;
}

.wid85 {
  position: relative;
  margin: auto;
  width: 85%;
}
@media only screen and (max-width: 480px) {
  .wid85 {
    width: 90%;
  }
}

.wid100 {
  width: 100%;
}

h1, h2, h3, h4, h5, h6, .ubuntu {
  font-family: "Ubuntu", sans-serif;
}

p, ul, ol, span, form, input, textarea, select, .josefin {
  font-family: "Josefin Sans", sans-serif;
  line-height: 20px;
}

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

.bold {
  font-weight: bold;
}

.margin0 {
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .mob-text-center {
    text-align: center;
  }

  .mob90 {
    width: 90% !important;
  }

  .mob50 {
    width: 50% !important;
  }

  .mob100 {
    width: 100% !important;
    margin: auto;
  }
}
.swiper-pagination {
  bottom: -10px !important;
  margin: 10px 0 !important;
}

.flex {
  display: flex;
}
.flex.row-wrap {
  flex-flow: row wrap;
}
.flex.column {
  flex-flow: column;
}
.flex.column-reverse {
  flex-flow: column-reverse;
}
.flex.row-reverse {
  flex-flow: row-reverse;
}
.flex.align-center {
  align-items: center;
}
.flex.justify-center {
  justify-content: center;
}
.flex.justify-between {
  justify-content: space-between;
}
.flex.justify-around {
  justify-content: space-around;
}
@media only screen and (max-width: 480px) {
  .flex.mob-row-wrap {
    flex-flow: row wrap;
  }
  .flex.mob-row-nowrap {
    flex-flow: row nowrap;
  }
  .flex.mob-column {
    flex-flow: column;
  }
  .flex.mob-column-reverse {
    flex-flow: column-reverse;
  }
  .flex.mob-row-reverse {
    flex-flow: row-reverse;
  }
  .flex.mob-align-center {
    align-items: center;
  }
  .flex.mob-justify-center {
    justify-content: center;
  }
  .flex.mob-justify-between {
    justify-content: space-between;
  }
  .flex.mob-justify-around {
    justify-content: space-around;
  }
}

.buttonme {
  position: relative;
  padding: 15px 10px;
  color: #fff;
  border-radius: 30px;
  width: max-content;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -20px -20px 60px #fff;
  transition: 0.4s;
}
.buttonme:hover {
  background: #fff !important;
  color: #3585EA;
  border: 1px solid #3585EA;
}
.buttonme p {
  margin: 0;
  font-family: "Ubuntu", sans-serif;
}
.buttonme.blue {
  background-color: #4FBEEB;
}
.buttonme.sec1 {
  background-color: #00E1B9;
}
.buttonme.sec2 {
  background-color: #8FF289;
}
.buttonme.sec3 {
  background-color: #F9F871;
}
.buttonme.sharp-left {
  border-radius: 0px 5px 5px 0px;
}
.buttonme.nobg {
  background-color: transparent;
  border: 1px solid #3585EA;
  color: #3585EA;
}
@media screen and (max-width: 480px) {
  .buttonme.nobg {
    font-size: 12px;
    padding: 5px;
  }
}
.buttonme.noshadow {
  box-shadow: unset;
}

.input input, .input textarea {
  min-width: 250px;
  padding: 10.7px 10px;
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
  outline: none;
}
@media screen and (max-width: 480px) {
  .input input, .input textarea {
    min-width: 90%;
  }
}
.input.search input {
  width: 500px;
  border-radius: 5px 0px 0px 5px;
}
@media screen and (max-width: 480px) {
  .input.search input {
    width: 90%;
  }
}

.sourcesinfos {
  display: flex;
  width: 90%;
  position: relative;
  margin: auto;
  flex-flow: row wrap;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .sourcesinfos {
    width: 100%;
  }
}

.trendlist {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.sourcecard {
  position: relative;
  width: 275px;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 10px;
  margin: 20px;
}
@media screen and (max-width: 480px) {
  .sourcecard {
    width: 100%;
  }
  .sourcecard.matchin {
    margin: unset !important;
  }
}
.sourcecard.trendsource {
  margin: 0;
}
.sourcecard.trendsource p {
  margin: 0;
}
.sourcecard .textwrap {
  height: calc(100% - 80px);
}
.sourcecard .bywhom {
  font-size: 12px;
}
.sourcecard .linktitle {
  color: #1A73E8;
  font-weight: 600;
  font-size: 16px;
}
.sourcecard .cardtext {
  margin: 5px;
}
.sourcecard .source {
  font-size: 10px;
}
.sourcecard .description {
  font-size: 14px;
  margin-top: 15px;
}
.sourcecard .upvotebut {
  font-size: 14px;
  position: relative;
  padding-left: 0;
}
.sourcecard .upvotebut .selectablesin {
  width: 95%;
  background-color: rgba(241, 241, 241, 0.8);
}

.titlediv {
  position: relative;
  margin-bottom: 25px;
}
.titlediv h1 {
  font-size: 32px;
  color: #3585EA;
  margin-bottom: 10px;
  text-transform: capitalize;
}
@media only screen and (max-width: 480px) {
  .titlediv h1 {
    font-size: 28px;
    text-align: center;
  }
}
.titlediv.whiteme h1 {
  color: #fff;
}
.titlediv .titleunderline {
  display: flex;
  position: relative;
}
.titlediv .titleunderline div {
  width: 30px;
  height: 5px;
}
.titlediv .titleunderline .sec1 {
  background-color: #00E1B9;
}
.titlediv .titleunderline .sec2 {
  background-color: #8FF289;
}
.titlediv .titleunderline .sec3 {
  background-color: #F9F871;
}

.popup-content {
  border-radius: 5px;
}
.popup-content .input {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.popup-content .input * {
  margin: 10px;
}

.popup-content {
  margin: auto;
  background: #fff;
  width: 60%;
  position: fixed !important;
  height: 90vh;
  top: 0 !important;
  bottom: 0;
  right: 0 !important;
  left: 0 !important;
  overflow: auto;
  border-radius: 20px;
  z-index: 100000000000000030000000 !important;
}
@media only screen and (max-width: 480px) {
  .popup-content {
    width: 90%;
  }
}

.popup-arrow {
  color: white;
}

[role=tooltip].popup-content {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 3px;
}

.popup-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  position: fixed;
  height: 100vh;
  z-index: 100000000000000030000000 !important;
  pointer-events: unset !important;
}

.whitebox {
  background: #fff;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25), -20px -20px 60px #fff;
  border-radius: 10px;
}
.whitebox.blueshadow {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25), -20px -20px 60px #3585EA;
}

a {
  text-decoration: none;
  color: inherit;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  height: 50px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25), -20px -20px 60px #fff;
  background-color: #fff;
  z-index: 99;
}
.header .headin {
  position: relative;
  margin: auto;
  width: 85%;
  display: flex;
  align-items: center;
  height: 95%;
  justify-content: space-between;
}
.header .headin img {
  height: 40px;
  margin-top: 5px;
}
@media only screen and (max-width: 480px) {
  .header .headin img {
    height: 26px;
  }
}
.header .headin .burger {
  display: none;
}
@media only screen and (max-width: 480px) {
  .header .headin .burger {
    display: inline;
    width: 30px;
    height: 25px;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 9999999999;
  }
  .header .headin .burger .line {
    width: 100%;
    height: 5px;
    background-color: #3585EA;
    border-radius: 3px;
    transition: 0.7s;
    top: 0;
  }
  .header .headin .burger .line2 {
    width: 85%;
  }
}
.header .headin ul {
  display: flex;
}
@media only screen and (max-width: 480px) {
  .header .headin ul {
    position: fixed;
    width: 100vw;
    z-index: 99999;
    height: 90vh;
    top: -20px;
    background: rgba(255, 255, 255, 0.9);
    left: -100%;
    display: flex;
    flex-flow: column;
    overflow: scroll;
    text-align: center;
    padding: 50px 0 100px 0;
    transition: 0.7s;
  }
}
.header .headin ul li {
  list-style-type: none;
  margin: 0 20px;
  transition: 0.4s;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .header .headin ul li {
    font-size: 26px;
    font-weight: bold;
    margin: 15px;
    text-align: left;
  }
}
.header .headin ul li ul {
  margin: 0;
  display: none;
  flex-flow: column;
  padding-left: 0;
  align-items: flex-start;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  min-width: 150px;
  margin-left: -20px;
  padding: 10px 0;
}
@media only screen and (max-width: 480px) {
  .header .headin ul li ul {
    position: relative;
    width: auto;
    height: max-content;
    top: 0px;
    background: rgba(255, 255, 255, 0);
    left: 0;
    display: none;
    flex-flow: column;
    overflow: unset;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    transition: 0.7s;
    box-shadow: unset;
  }
}
.header .headin ul li ul li, .header .headin ul li ul a {
  text-align: left;
  width: 100%;
  color: #131313;
  padding: 10px;
  margin-left: 0;
}
@media only screen and (max-width: 480px) {
  .header .headin ul li ul li, .header .headin ul li ul a {
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    text-align: left;
  }
}
.header .headin ul li ul li:hover, .header .headin ul li ul a:hover {
  background: #f2f2f2;
}
.header .headin ul li ul li:hover ul, .header .headin ul li ul a:hover ul {
  display: flex;
}
.header .headin ul li:hover {
  color: #3585EA;
}
.header .headin ul li:hover ul {
  display: block;
}

.trusted .trsutedesk img {
  width: 250px;
}
.trusted .swiper .swiper-wrapper {
  align-items: center;
}
.trusted .swiper .swiper-wrapper img {
  width: 250px;
}
@media only screen and (max-width: 480px) {
  .trusted .swiper .swiper-wrapper img {
    width: 85%;
    margin: 20px;
  }
}

.kinsneighbor .swiper .swiper-wrapper {
  align-items: center;
}
.kinsneighbor .swiper .swiper-wrapper .swiper-slide {
  padding: 20px;
}
@media only screen and (max-width: 480px) {
  .kinsneighbor .swiper .swiper-wrapper .swiper-slide {
    width: calc(90vw - 20px) !important;
    padding: 0;
    margin: 20px;
  }
}
.kinsneighbor .swiper .swiper-wrapper .swiper-slide .whitebox {
  display: flex;
  align-items: center;
  width: max-content;
  padding-right: 50px;
}
.kinsneighbor .swiper .swiper-wrapper .swiper-slide .whitebox .cityimg {
  height: 150px;
  margin: 0 50px 0 25px;
}
.kinsneighbor .swiper .swiper-wrapper .swiper-slide .whitebox .cityname {
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .kinsneighbor .swiper .swiper-wrapper .swiper-slide .whitebox {
    width: 95%;
    flex-flow: column;
    padding-right: 0;
    height: max-content;
    margin: 20px;
  }
  .kinsneighbor .swiper .swiper-wrapper .swiper-slide .whitebox .cityimg {
    height: 150px;
    margin: 0;
  }
  .kinsneighbor .swiper .swiper-wrapper .swiper-slide .whitebox .cityname {
    font-size: 20px;
  }
}

.brief {
  position: relative;
  margin-top: 100px;
}
.brief .left {
  margin-right: 30px;
  width: 50%;
}
.brief .left .buttonme {
  margin-top: 30px;
}
.brief .right {
  position: relative;
  width: 50%;
}
.brief .right .whitebox {
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brief .right .whitebox .videobox {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brief .right .whitebox iframe {
  min-height: 250px;
  width: 90%;
}

.aboutus {
  position: relative;
  margin-top: 100px;
}
.aboutus .left {
  margin-left: 30px;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .aboutus .left {
    width: 100%;
    margin-left: 0;
  }
}
.aboutus .left .buttonme {
  margin-top: 30px;
}
@media only screen and (max-width: 480px) {
  .aboutus .left .specialparas {
    margin-top: 25px;
  }
}
.aboutus .left .specialparas .specialin {
  color: #3585EA;
  font-weight: bold;
  font-style: italic;
}
.aboutus .right {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .aboutus .right {
    width: 100%;
  }
}
.aboutus .right .whitebox {
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.aboutus .right .whitebox .videobox {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.aboutus .right .whitebox .videobox img {
  position: relative;
  max-height: 80%;
  padding: 20px;
}
.aboutus .right .whitebox iframe {
  min-height: 250px;
  width: 90%;
}

.story {
  position: relative;
  margin-bottom: 0 !important;
}
.story .left {
  margin-right: 30px;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .story .left {
    width: 100%;
    margin-right: 0;
  }
}
.story .left .buttonme {
  margin-top: 30px;
}
.story .right {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .story .right {
    width: 100%;
  }
}
.story .right .whitebox {
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.story .right .whitebox .videobox {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.story .right .whitebox iframe {
  min-height: 250px;
  width: 90%;
}

.team {
  margin-top: 0 !important;
  padding: 50px 0;
}
.team .teamme {
  width: 16vw;
  margin: unset;
  margin-bottom: 50px;
  position: relative;
  padding: 10px;
  padding-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .team .teamme {
    width: 80%;
    box-shadow: unset;
    margin: 10px auto;
  }
}
.team .teamme .image {
  position: relative;
  padding-bottom: 10px;
}
.team .teamme .image img {
  width: 100%;
}
.team .teamme .myname {
  font-weight: bold;
  margin-bottom: 10px;
}
.blogs .blogsin {
  display: flex;
  justify-content: space-between;
}

.blogcard {
  position: relative;
  width: 31.25%;
  justify-content: space-between;
  display: flex;
}
@media only screen and (max-width: 480px) {
  .blogcard {
    width: 100%;
  }
}
.blogcard .blogcardin {
  padding: 10px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.blogcard .blogcardin .servshort {
  font-weight: bold;
  font-size: 24px;
  margin: 10px 0;
}
.blogcard .blogcardin .metainfo {
  font-size: 14px;
  margin-bottom: 50px;
}
.blogcard .blogcardin .metainfo svg {
  font-size: 5px;
  color: #3585EA;
  margin: 0 10px;
}
.blogcard .blogcardin img {
  position: relative;
  width: 100%;
}

.services {
  position: relative;
  padding: 50px 0;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 480px) {
  .services {
    padding: 25px 0;
  }
}
.services .servin {
  display: flex;
}
@media only screen and (max-width: 480px) {
  .services .servin {
    overflow-x: scroll;
  }
}
.services .servin .swiper-wrapper {
  padding-bottom: 15px;
}
.services .servin .servcard {
  position: relative;
  margin: 25px;
  height: auto;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .services .servin .servcard {
    width: 90%;
    margin: 15px;
  }
}
.services .servin .servcard .servcardin {
  position: relative;
  height: 95%;
  width: 92%;
  margin: auto;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .services .servin .servcard .servcardin {
    margin: 10px auto;
    border-radius: 10px;
  }
}
.services .servin .servcard .servcardin img {
  width: 100%;
  position: relative;
  margin: auto;
  height: auto;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.services .servin .servcard .servcardin .gradient {
  width: 100%;
  position: absolute;
  margin: auto;
  height: 50%;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 225, 185, 0) 0%, rgba(143, 242, 137, 0.5) 100%);
}
.services .servin .servcard .servcardin .serinfo {
  display: flex;
  flex-flow: column;
  position: absolute;
  margin-top: 225px;
  z-index: 3;
}
@media only screen and (max-width: 480px) {
  .services .servin .servcard .servcardin .serinfo {
    margin-top: 250px;
  }
}
.services .servin .servcard .servcardin .servname, .services .servin .servcard .servcardin .buttonme, .services .servin .servcard .servcardin .servshort {
  z-index: 3;
}
.services .servin .servcard .servcardin .servname {
  background: #fff;
  width: max-content;
  padding: 5px;
  font-size: 32px;
  font-family: "Ubuntu", sans-serif;
  color: #3585EA;
}
.services .servin .servcard .servcardin .servshort {
  background: #fff;
  width: max-content;
  max-width: 200px;
  padding: 5px;
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  color: #3585EA;
  margin-top: 10px;
}
.services .servin .servcard .servcardin .buttonme {
  position: absolute;
  right: -80px;
  bottom: 25px;
  padding-right: 90px;
}

.testimonials {
  margin-top: 0 !important;
  padding: 50px 0 150px 0;
}
@media only screen and (max-width: 480px) {
  .testimonials {
    padding: 50px 0 50px 0;
  }
}
.testimonials .bigcircle {
  position: absolute;
  width: 350px;
  height: 350px;
  animation: ripple 6s linear 0.5s infinite;
  background-color: rgba(53, 133, 234, 0.2);
  border-radius: 200%;
  z-index: -1;
  margin-top: -65px;
  margin-left: -20px;
}
.testimonials .bigcircle .smallcircle {
  width: 200px;
  height: 200px;
  animation: ripplesmall 6s linear 0.5s infinite;
  background-color: rgba(53, 133, 234, 0.1);
  border-radius: 200%;
}
@media only screen and (max-width: 480px) {
  .testimonials .bigcircle .smallcircle {
    width: 100px;
    height: 100px;
    animation: ripplesmallmob 6s linear 0.5s infinite;
  }
}
@media only screen and (max-width: 480px) {
  .testimonials .bigcircle {
    width: 250px;
    height: 250px;
    animation: ripplemob 6s linear 0.5s infinite;
    margin-top: -65px;
    margin-left: -80px;
  }
}
.testimonials .testislides {
  position: relative;
}
.testimonials .testislides .testivids {
  width: 60%;
}
@media only screen and (max-width: 480px) {
  .testimonials .testislides .testivids {
    width: 90%;
  }
}
.testimonials .testislides .testivids .videodiv {
  margin-left: 50px;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .testimonials .testislides .testivids .videodiv {
    margin-left: 0px;
  }
}
.testimonials .testislides .testivids .videodiv img {
  width: 80%;
}
@media only screen and (max-width: 480px) {
  .testimonials .testislides .testivids .videodiv img {
    width: 100%;
  }
}
.testimonials .testislides .testivids .videodiv iframe, .testimonials .testislides .testivids .videodiv .videodivimg {
  position: absolute;
  right: 19%;
  border-radius: 10px;
  width: 76%;
  height: 76%;
}
@media only screen and (max-width: 480px) {
  .testimonials .testislides .testivids .videodiv iframe, .testimonials .testislides .testivids .videodiv .videodivimg {
    right: 0%;
    width: 95%;
    height: 76%;
  }
}
.testimonials .testislides .testiparas {
  width: 40%;
  margin-top: -50px;
}
@media only screen and (max-width: 480px) {
  .testimonials .testislides .testiparas {
    width: 90%;
    margin-top: 20px;
  }
}
.testimonials .testislides .testiparas h3 {
  font-size: 20px;
}
.testimonials .testislides .testiparas p {
  font-size: 16px;
  border-left: 3px solid #3585EA;
  padding-left: 20px;
}

@keyframes ripplesmall {
  0% {
    width: 200px;
    height: 200px;
  }
  50% {
    width: 250px;
    height: 250px;
  }
  100% {
    width: 200px;
    height: 200px;
  }
}
@keyframes ripple {
  0% {
    width: 350px;
    height: 350px;
  }
  50% {
    width: 400px;
    height: 400px;
  }
  100% {
    width: 350px;
    height: 350px;
  }
}
@keyframes ripplesmallmob {
  0% {
    width: 100px;
    height: 100px;
  }
  50% {
    width: 150px;
    height: 150px;
  }
  100% {
    width: 100px;
    height: 100px;
  }
}
@keyframes ripplemob {
  0% {
    width: 250px;
    height: 250px;
  }
  50% {
    width: 300px;
    height: 300px;
  }
  100% {
    width: 250px;
    height: 250px;
  }
}
.slideshow {
  position: relative;
  margin-top: 100px;
  border-radius: 10px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25), -20px -20px 60px #fff;
  overflow: hidden;
}
.slideshow .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000) !important;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
.slideshow .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
  background: #3585EA !important;
}
.slideshow img {
  width: 100%;
}
.footer {
  position: relative;
  margin-bottom: 0 !important;
}
.footer .copyright {
  margin: 0;
}
.footer .footin {
  position: relative;
  padding: 25px 0px 50px 0px;
  margin: auto;
  width: 85%;
}
.footer .footin .sitemap {
  color: #fff;
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .footer .footin .sitemap {
    font-size: 16px;
  }
}
.footer .footin .sitemap ul {
  list-style-type: none;
}
@media only screen and (max-width: 480px) {
  .footer .footin .sitemap ul {
    padding: 0;
  }
}
.footer .footin .sitemap ul span {
  font-weight: bold;
}
.footer .footin .sitemap ul li {
  margin: 10px 0;
  font-size: 16px;
}
@media only screen and (max-width: 480px) {
  .footer .footin .sitemap ul li {
    font-size: 12px;
  }
}
.footer .footin .socials {
  color: #fff;
  margin-right: 100px;
  margin-top: 20px;
  font-size: 14px;
}
@media only screen and (max-width: 480px) {
  .footer .footin .socials {
    margin-right: 0;
  }
}
.footer .footin .socials svg {
  margin: 15px;
  font-size: 20px;
}

.faqs {
  padding: 50px 0;
  margin-bottom: 0 !important;
}
.faqs .nobottom {
  margin-bottom: 0;
}

.serinfo .sernameimg {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .serinfo .sernameimg {
    width: 100%;
    margin-top: 25px;
  }
  .serinfo .sernameimg img {
    width: 100%;
  }
}
.serinfo .sernameimg .sername {
  position: absolute;
  margin: auto;
  left: 50px;
  top: 0;
  bottom: 0;
  height: max-content;
  width: 20%;
  text-align: center;
  z-index: 9;
  color: #fff;
}
@media only screen and (max-width: 480px) {
  .serinfo .sernameimg .sername {
    left: 0;
    right: 0;
    width: 90%;
  }
}
@media only screen and (max-width: 480px) {
  .serinfo .sernameimg:after {
    content: "";
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    top: 0;
    height: 100%;
    border-radius: 10px;
  }
}
.serinfo .quality {
  margin: 25px auto;
  margin-top: 50px;
  width: max-content;
}
@media only screen and (max-width: 480px) {
  .serinfo .quality {
    overflow-x: scroll;
    width: 100%;
    justify-content: unset;
  }
}
.serinfo .quality .qualityin {
  margin: 0px 35px;
}
.serinfo .quality .qualityin img {
  width: 86px;
}
@media only screen and (max-width: 480px) {
  .serinfo .quality .qualityin img {
    width: 56px;
  }
}
@media only screen and (max-width: 480px) {
  .serinfo .quality .qualityin {
    text-align: center;
    margin: 0px 15px;
  }
}

.booknow {
  margin-top: 0 !important;
  padding: 50px 0;
}
.booknow .bookin form {
  position: relative;
  margin: auto;
  padding: 50px 0;
  width: 60%;
}
@media only screen and (max-width: 480px) {
  .booknow .bookin form {
    width: 100%;
  }
}
.booknow .bookin form .inputbox {
  width: 45%;
  margin: 15px 0;
}
@media only screen and (max-width: 480px) {
  .booknow .bookin form .inputbox {
    width: 90%;
  }
}
.booknow .bookin form .inputbox.full {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .booknow .bookin form .inputbox.full {
    width: 90%;
  }
}
.booknow .bookin form .inputbox .inputname {
  text-transform: capitalize;
}
.booknow .bookin form .inputbox input, .booknow .bookin form .inputbox select, .booknow .bookin form .inputbox textarea {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid rgba(19, 19, 19, 0.3);
}
.booknow .bookin form .inputbox input:focus, .booknow .bookin form .inputbox select:focus, .booknow .bookin form .inputbox textarea:focus {
  outline: 1px solid #3585EA;
}
@media only screen and (max-width: 480px) {
  .booknow .bookin form .inputbox input, .booknow .bookin form .inputbox select, .booknow .bookin form .inputbox textarea {
    width: 90%;
  }
}
.booknow .bookin form .inputbox p {
  position: relative;
  color: red;
  font-size: 12px;
  margin: 0;
  margin-top: 5px;
}
.booknow .bookin form input.inputsubmit {
  position: relative;
  padding: 15px 20px;
  color: #fff;
  border-radius: 30px;
  width: max-content;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -20px -20px 60px #fff;
  transition: 0.4s;
  background-color: #00E1B9;
  border: 0;
  margin-top: 25px;
}
.booknow .bookin form input.inputsubmit:hover {
  background: #fff !important;
  color: #3585EA;
  border: 1px solid #00E1B9;
}

html {
  scroll-behavior: smooth;
}

.poppins {
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.05em;
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 18px;
  text-transform: uppercase;
}

.montserrat-nols {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

.lobster {
  font-family: "Lobster", cursive;
}

.lato {
  font-family: "lato", sans-serif;
  letter-spacing: 18px;
  text-transform: uppercase;
}

.barlow {
  font-family: "Barlow", sans-serif;
}

/*# sourceMappingURL=style.css.map */