@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');



html,
body {
  overflow-x: hidden;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
}



/*  navbar section start */

.section_A {
  background: #099d8b;
  padding-bottom: 2px;
}

.Top-email_row {
  display: flex;
  justify-content: space-between;
}

.email_bar {
  margin-top: 6px;
}

.email_bar span a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.top_email {
  margin-left: 5px;
}

.email_bar span a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.social_icon a {
  font-size: 13px;
}

.social_icon i {
  color: #fff;
  font-size: 16px;
  border: 1px solid #fff;
  padding: 5px;
  margin: 3px 3px;
}

/* banner sections  https://www.bestjquery.com/codelab/ */
.banner-sec {
  background-image: url(https://codeminifier.com/job-stock-5.4.1/job-stock/assets/img/slider-1.jpg);
  /* background-position: center; */
  background-size: cover;
  width: 100%;
  height: 500px;
  position: relative;
}

.svc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.svc h2 {
  color: #c4970f;
}

.svc h2 span {
  display: flex;
  font-size: 44px;
  color: #f8f9fa;
  font-weight: 900;
  border-top: 1px solid #eee;
  padding: 6px 12px;
  background-image: linear-gradient(45deg, #05041d, #0d4179);
}












/* right section */

.footer_right {
  width: 100%;
  border-top: 1px solid #eaeaea45;
  background-color: rgb(9 157 139);
}

.footerbottom1 h5 {
  font-size: 14px;
  margin-top: 17px;
  color: #fff;
}

.footerbottom2 {
  float: right !important;
}

.footerbottom2 h4 {
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
}


/* respny */

@media (max-width: 991px) {
  .footerbottom1 h5 {
    text-align: center;
  }

  .footerbottom2 {
    float: none !important;
    text-align: center;
  }

  .footerbottom2 h4 {
    margin-top: -2px;
  }

  .footerbottom2 span a {
    color: #427ab9;
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  .top_email {
    display: none;
  }

  .svc h2 {
    font-size: 15px;
  }

  .svc h2 span {
    font-size: 14px;
  }

  .banner-sec {
    height: 270px;
  }

  .logo img {
    width: 150px !important;
  }
}

/*  navbar css*/


.header_area {
  background-color: #50124c;
}


.page-scroll {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  animation: slide-down 0.7s;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}



nav {
  position: inherit;
  z-index: 99;
  width: 100%;
}

.logo img {
  width: 64px;
  border-radius: 2px;
}

nav .wrapper {
  position: relative;
  padding: 0px 0px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrapper .logo a {
  color: #f2f2f2;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}

.wrapper .nav-links {
  display: inline-flex;
  margin-bottom: 0px;
}

.nav-links li {
  list-style: none;
}

.nav-links li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  padding: 9px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.nav-links li a:hover {
  background: #50124c;
}

.nav-links .mobile-item {
  display: none;
}

.nav-links .drop-menu {
  position: absolute;
  background: #099d8b;
  width: 262px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box {
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}

.drop-menu li a {
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}

.mega-box {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 30px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
}

.mega-box .content {
  background: #242526;
  padding: 25px 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.mega-box .content .row {
  width: calc(25% - 30px);
  line-height: 45px;
}

.content .row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content .row header {
  color: #f2f2f2;
  font-size: 20px;
  font-weight: 500;
}

.content .row .mega-links {
  margin-left: -40px;
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.row .mega-links li {
  padding: 0 20px;
}

.row .mega-links li a {
  padding: 0px;
  padding: 0 20px;
  color: #d9d9d9;
  font-size: 17px;
  display: block;
}

.row .mega-links li a:hover {
  color: #f2f2f2;
}

.wrapper .btn {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}

.wrapper .btn.close-btn {
  position: absolute;
  right: 30px;
  top: 10px;
}


@media screen and (max-width: 600px) {
  nav .wrapper {
    position: relative;
    padding: 0px 10px;
  }
}

@media screen and (max-width: 991px) {
  .wrapper .btn {
    display: block;
  }

  .wrapper .nav-links {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #099d8b;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
  }

  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #099d8b;
  }

  ::-webkit-scrollbar-thumb {
    background:  #50124c;
  }

  #menu-btn:checked~.nav-links {
    left: 0%;
  }

  #menu-btn:checked~.btn.menu-btn {
    display: none;
  }

  #close-btn:checked~.btn.menu-btn {
    display: block;
  }

  .nav-links li {
    margin: 15px 10px;
  }

  .nav-links li a {
    padding: 0 20px;
    display: block;
    font-size: 20px;
  }

  .nav-links .drop-menu {
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }

  #showDrop:checked~.drop-menu,
  #showMega:checked~.mega-box {
    max-height: 100%;
  }

  .nav-links .desktop-item {
    display: none;
  }

  .nav-links .mobile-item {
    display: block;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }

  .nav-links .mobile-item:hover {
    background: #50124c;
  }

  .drop-menu li {
    margin: 0;
  }

  .drop-menu li a {
    border-radius: 5px;
    font-size: 18px;
  }

  .mega-box {
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .mega-box .content {
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }

  .mega-box .content .row {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2) {
    border-top: 0px;
  }

  .content .row .mega-links {
    border-left: 0px;
    padding-left: 15px;
  }

  .row .mega-links li {
    margin: 0;
  }

  .content .row header {
    font-size: 19px;
  }
}

nav input {
  display: none;
}

.body-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}

.body-text div {
  font-size: 45px;
  font-weight: 600;
} 

/* https://www.bestjquery.com/codelab/ */
/*  http://trinitybuilders.co.in/*/
/* https://satyamconvention.com/ */
/* https://codepen.io/ */

/* this is dpf converter to photos */
/* https://fliphtml5.com/ */

/* https://codepen.io/logan/pen/KYmPeZ */


/*  https://www.vecteezy.com/ vedios pics
*/

/* https://bennettfeely.com/clippy/ */

/* https://www.onlineocr.net/ (image to xl convarter ) */




/* navbar  section end */
























































/* About Section */

.about {
  background: #ffffff;
  /* background: linear-gradient(360deg, rgb(245, 255, 245) 0%, rgb(173, 252, 163) 100%); */
  padding: 100px 0 20px 0;
  text-align: center;
}

.about h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.about p {
  font-size: 1rem;
  color: #323030;
  max-width: 800px;
  margin: 0 auto;
}

.about-info {
  margin: 2rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.about-img {
  width: 20rem;
  height: 20rem;

}

.about-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: contain;
}

.about-info p {
  font-size: 1.3rem;
  margin: 0 2rem;
  text-align: justify;
}

button {
  border: none;
  outline: 0;
  padding: 10px;
  margin: 2rem;
  font-size: 1rem;
  color: white !important;
  background-color: #099d8b;
  text-align: center;
  cursor: pointer;
  width: 15rem;
  border-radius: 4px;
  /* margin: 0 2rem !important; */
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;

}

button:hover {
  background-color: #50124c;
  color: white;
} 


@media (max-width: 768px) {


  .about h1 {
    font-size: 2rem;
  }

  .about p {
    font-size: 0.9rem;
  }

  .about-info {
    flex-direction: column;
    text-align: center;
  }

  .about-img {
    width: 60%;
    height: 60%;
    margin-bottom: 1rem;
  }

  .about-info p {
    margin: 1rem 2rem;
  }

  .about-info button {
    margin: 1rem 2rem;
    width: 10rem;
  }


}

















.content .top .logo-details:hover {
  text-decoration: none !important;
}


.foot-line:hover {
  text-decoration: none !important;
}




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

.ser-board {
  font-family: 'Montserrat';
  background: #50124c;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.simple-ser {
  max-width: 800px;
  min-width: 640px;
  margin: 0 auto;
}

.column {
  width: 50%;
  float: left;
  padding: 0 25px;
}

.title {
  color: #666666;
  text-transform: uppercase;
}



.post-card {
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  min-width: 270px;
  height: 470px;
}

.post-card:hover,
.hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.post-card:hover .post-img,
.hover .post-img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.post-img {
  height: 400px;
  overflow: hidden;
}

.post-card img {
  display: block;
  width: 135%;

}

.date {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: #099d8b;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  color: #FFFFFF;
  text-align: center;
  padding: 12.5px 0;
}

.post-content {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 30px;
}

.category {
  position: absolute;
  top: -34px;
  left: 0;
  background: #099d8b;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.title {
  margin: 0;
  padding: 0 0 10px;
  color: #333333;
  font-size: 26px;
  font-weight: 700;
}

.sub_title {
  margin: 0;
  padding: 0 0 20px;
  color: #099d8b;
  font-size: 20px;
  font-weight: 400;
}

.description {
  color: #099d8b;
  font-size: 14px;
  line-height: 1.8em;
  display: none;
}

.up-title {
  margin: 0 0 15px;
  color: #099d8b;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.hover .post-content .description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}

.post-meta {
  margin: 30px 0 0;
  color: #999999;
}

.timestamp {
  margin: 0 16px 0 0;
}

.post-meta a {
  color: #999999;
  text-decoration: none;
}


#serviceSection {
  padding-top: 40px;
  padding-bottom: 40px;
}



















.test {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  font-family: "Poppins", sans-serif;
}

ul {
  list-style-type: none;
}

a,
a:hover {
  text-decoration: none;
}

.test {
  font-family: "Montserrat", sans-serif;
}

.test .testimonial {
  padding: 100px 0;
}

.test .testimonial .row .tabs {
  all: unset;
  margin-right: 50px;
  display: flex;
  flex-direction: column;
}

.test .testimonial .row .tabs li {
  all: unset;
  display: block;
  position: relative;
}

.test .testimonial .row .tabs li.active::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background-color: #71b85f;
  border-radius: 50%;
}

.test .testimonial .row .tabs li.active::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #71b85f;
  border-radius: 50%;
}

.test .testimonial .row .tabs li:nth-child(1) {
  align-self: flex-end;
}

.test .testimonial .row .tabs li:nth-child(1)::before {
  left: 64%;
  bottom: -50px;
}

.test .testimonial .row .tabs li:nth-child(1)::after {
  left: 97%;
  bottom: -81px;
}

.test .testimonial .row .tabs li:nth-child(1) figure img {
  margin-left: auto;
}

.test .testimonial .row .tabs li:nth-child(2) {
  align-self: flex-start;
}

.test .testimonial .row .tabs li:nth-child(2)::before {
  right: -65px;
  top: 50%;
}

.test .testimonial .row .tabs li:nth-child(2)::after {
  bottom: 101px;
  border-radius: 50%;
  right: -120px;
}

.test .testimonial .row .tabs li:nth-child(2) figure img {
  margin-right: auto;
  max-width: 300px;
  width: 100%;
  margin-top: -50px;
}

.test .testimonial .row .tabs li:nth-child(3) {
  align-self: flex-end;
}

.test .testimonial .row .tabs li:nth-child(3)::before {
  right: -10px;
  top: -66%;
}

.test .testimonial .row .tabs li:nth-child(3)::after {
  top: -130px;
  border-radius: 50%;
  right: -46px;
}

.test .testimonial .row .tabs li:nth-child(3) figure img {
  margin-left: auto;
  margin-top: -50px;
}

.test .testimonial .row .tabs li:nth-child(3):focus {
  border: 10px solid red;
}

.test .testimonial .row .tabs li figure {
  position: relative;
}

.test .testimonial .row .tabs li figure img {
  display: block;
}

.test .testimonial .row .tabs li figure::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 4px solid #dff9d9;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.test .testimonial .row .tabs li figure:hover::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.test .testimonial .row .tabs.carousel-indicators li.active figure::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.test .testimonial .row .carousel>h3 {
  font-size: 20px;
  line-height: 1.45;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  margin-bottom: 0;
}

.test .testimonial .row .carousel h1 {
  font-size: 40px;
  line-height: 1.225;
  margin-top: 23px;
  font-weight: 700;
  margin-bottom: 0;
}

.test .testimonial .row .carousel .carousel-indicators {
  all: unset;
  padding-top: 43px;
  display: flex;
  list-style: none;
}

.test .testimonial .row .carousel .carousel-indicators li {
  background: #000;
  background-clip: padding-box;
  height: 2px;
}

.test .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {
  margin-top: 42px;
}

.test .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {
  font-size: 18px;
  line-height: 1.72222;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}

.test .testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3 {
  color: #000;
  font-weight: 700;
  margin-top: 37px;
  font-size: 20px;
  line-height: 1.45;
  text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {
  .test .testimonial .row .tabs {
    margin-right: 25px;
  }
}


























/* Slick Slider Css Ruls */

.gall {
  padding: 15px;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  width: 100%;
}

/* Slider Theme Style */


/*   
  .Head {
    font: 20px/50px NeoSansR;
    color: #222;
    height: 52px;
    over-flow: hidden;
    border-bottom:1px solid rgba(0,0,0,.25);
  } */

.Head {
  /* font: 20px/50px NeoSansR; */
  color: #fff;
  height: 52px;
  /* over-flow: hidden; */
  border-bottom: 1px solid rgb(255 255 255);
  font-size: 32px;
}

.Head .Arrows {
  float: right;
}

.Head .Slick-Next,
.Head .Slick-Prev {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-top: 6px;
  background: #ffffff;
  color: #2b2b2b;
  margin-left: 5px;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;
  transition: all 0.5s;
}

.Head .Slick-Next:hover,
.Head .Slick-Prev:hover {
  background: #099d8b;
}

.Head .Slick-Next:before {
  content: '\f105'
}

.Head .Slick-Prev:before {
  content: '\f104'
}

.SlickCarousel {
  margin: 0 -7.5px;
  margin-top: 10px;
}

.ProductBlock {
  padding: 0 7.5px;
}

.Content {
  padding: 0px 0px;
}

.ProductBlock .img-fill {
  height: 400px;
  object-fit: cover;
}

.ProductBlock h3 {
  font: 15px/36px RalewayR;
  color: #ffffff;
  margin-top: 5px;
  text-align: center;
  border: 1px solid rgb(255 255 255);
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}



.part-front {
  position: relative;
}










#aboutSection {
  background-color: #f3f3f5;
  padding-top: 40px;
  padding-bottom: 40px;
}


.abt-para{
  color: #1f1f3580;
}


.at-head {
  position: relative;
  /* margin-bottom: 20px; */
  font-size: 40px;
  color: #50124c;
}

.ah-head {
  font-size: 20px;
  color: #099d8b;
  margin-left: 5px;
}

.at-head::before {
  position: absolute;
  content: "";
  left: 0px;
  height: 2px;
  /* color: red; */
  background-color: #099d8b;
  width: 95px;
  top: 48px;
}

.lily-pic {
  position: absolute;
  top: 211px;
  width: 191px;
  left: -45px;
}
/* 
.lily-pic {
  position: absolute;
  top: 340px;
  width: 143px;
  left: 0px;
} */


#servSection {
  background-color: #50124c;
}



.one-pic {
  --color: #099d8b;
  /* the border color */
  --border: 10px;
  /* the border thickness*/
  --offset: 20px;
  /* control the offset*/
  --gap: 5px;
  /* the gap on hover */

  --_c: var(--color) var(--border), #0000 0 calc(100% - var(--border)), var(--color) 0;
  --_o: calc(3*var(--offset));
  padding:
    calc(var(--gap) + var(--border)) calc(var(--gap) + var(--border) + var(--offset)) calc(var(--gap) + var(--border) + var(--offset)) calc(var(--gap) + var(--border));
  background:
    linear-gradient(var(--_c)) var(--_o) var(--_o),
    linear-gradient(90deg, var(--_c)) var(--_o) var(--_o);
  background-size: calc(100% - var(--_o)) calc(100% - var(--_o));
  background-repeat: no-repeat;
  /* filter: grayscale(.4); */
  transition: .5s;
  cursor: pointer;
  width: 100%;
  position: relative;
}

.one-pic:hover {
  background-position: 0px 0px;
  background-size: calc(100% - var(--offset)) calc(100% - var(--offset));
  filter: grayscale(0);
}

.image-full {
  background: #e8e9ba;
  display: grid;
  gap: 40px;
  height: 100vh;
  margin: 0;
  grid-auto-flow: column;
  place-content: center;
}











/* testi */

body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;

}

:root {
  --dark-green: #9cc675;
  --dark-yellow: #e89a3d;
  --extra-light-brown: #fdf0d7;
  --light-brown: #ecd5ab;
  --dark-brown: #915b40;
  --light-yellow: #f8e3a8;
  --light-red: #f3ac99;
  --light-teal: #a6c8cc;
  --light-gray: #ddd5d6;
  --theme-color2: #e89a3d;
}


.site-logo {
  width: 218.33px !important;
  margin-right: 50px;
}

.btn {
  border-radius: 5px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 12px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 30px;
  cursor: pointer;
}

.btn-theme {
  background: var(--theme-color1);
  color: #212121;
}

.c-container {
  margin: auto;
  width: 93%;
  position: relative;
  z-index: 1;
}

.btn-outline-white {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: none;
  border-width: 2px;
  border-color: #fff;
  font-weight: 500;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.btn {
  border-radius: 5px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 12px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 30px;
  cursor: pointer;
}

.btn-outline-white:hover {
  background-color: #fff;
  color: var(--text-dark);
}

/* common css up */

.testimonial p {
  font-size: 28px;
  letter-spacing: 0.02em;
  line-height: 35px;
}

.testimonial .name {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 35px;
  text-align: left;
}

.testimonial .designation {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fff;
  opacity: 0.65;
}

.unt {
  margin-bottom: 20px;
  margin-top: 60px;
}

.hero-text {
  font-size: 30px;
  letter-spacing: 0.02em;
  color: #fff;
}

.gallery-thumbs {
  height: 100%;
}

.gallery-thumbs .swiper-wrapper {
  align-items: center;
}

.gallery-thumbs .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 250px !important;
  height: 330px;
  position: relative;
}

.gallery-thumbs .swiper-slide img {
  /* filter: contrast(0.5) blur(1px); */
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* 
.gallery-thumbs .swiper-slide-active img {
  filter: contrast(1) blur(0px) !important;
} */

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.flex-row .flex-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.gallery-thumbs .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


.testimonial-section .quote {
  width: 95%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 100px;
  padding-right: 100px;
}

.swiper-container.testimonial {
  height: 70vh;
}

.testimonial-section .user-saying {
  background: #099d8b;
  width: 60%;
  color: #fff;
  height: 100%;
}

.testi-user-img {
  width: 40%;
}

.testimonial-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.testimonial-section .quote p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
}

.quote-icon {
  width: 38px;
  display: block;
  margin-bottom: 30px;
}


.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #50124c !important;
}

.swiper-pagination-bullet {
  border-radius: 50%;
  background: #ffffff;
}


/* testi */







/* slider-nav */


html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

section {
  padding: 0;
}

h2 {
  font-size: 2.5rem;
  line-height: 1.4;
  margin-top: 0;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cell {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.medium {
  width: 50%;
}

.small {
  width: 25%;
}

.container {
  max-width: 80rem;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.animeslide-slide {
  color: #fff;
}

.animeslide-slide {
  position: relative;
  padding: 15px 0;
  min-height: 700px;
  background-size: cover;
}

.animeslide-slide .container {
  position: relative;
}

.animeslide-slide.swiper-slide-active [data-animate] {
  opacity: 1;
  transform: none;
}

.animeslide-slide.swiper-slide-active .animeslide-heading {
  transition-delay: 0.6s;
}

.animeslide-slide.swiper-slide-active .animeslide-desc {
  transition-delay: 1s;
}

.animeslide-heading {
  margin-bottom: 25px;
  transition-delay: 3s;
}

.animeslide-heading span {
  font-size: 16px;
  background-color: #f08723;
  padding: 6px 12px 7px;
  border-radius: 8px;
  font-weight: normal;
}

.animeslide-desc {
  padding: 15px 22px;
  border-radius: 8px;
  background-color: #099d8b;
  max-width: 480px;
  opacity: 0.9;
  margin-top: 200px;
}

[data-animate] {
  opacity: 0;
  transition: all 0.8s ease-out;
}

[data-animate="bottom"] {
  transform: translate3d(0, 15px, 0);
}

.animeslide-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 8px;
  background-color: #50124c;
  max-width: 600px;
  z-index: 1;
  padding: 19px 27px;
  right: 0;
  font-size: 14px;
}

.animeslide-bottom .cell {
  position: relative;
  opacity: 1;
  z-index: 2;
  height: 40px;
  bottom: inherit;
}

.animeslide-bottom .animeslide-scrollbar {
  margin-top: 16px;
}

.animeslide-bottom .animeslide-scrollbar-drag {
  height: 6px;
}

.animeslide-bottom .animeslide-pagination {
  font-size: 25px;
  bottom: inherit;
  color: #fff;
}

.animeslide-bottom .animeslide-pagination b {
  font-size: 28px;
  margin-top: -5px;
}

.animeslide-bottom .animeslide-pagination span {
  padding-left: 5px;
  padding-right: 5px;
}

.animeslide-button-next,
.animeslide-button-prev {
  outline: none;
}

.animeslide-button-next::after,
.animeslide-button-prev::after {
  font-size: 22px;
  color: #fff;
}

/* --swiper-navigation-size */
:root {
  --swiper-navigation-size: 28px;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(9 157 139) !important;
  border-radius: 10px;
  left: 0;
  top: 0;
}


.swiper-scrollbar {
  border-radius: 10px;
  /* position: relative; */
  /* -ms-touch-action: none; */
  background: rgb(255 255 255) !important;
}


:root {
  --swiper-navigation-size: 22px !important;
}



/* navbar slider */










/* 



  .bg_light_1 {
    background: var(--primary-color-three) !important;
}


.pd_top_80 {
    padding-top: 80px !important;
}



.title_all_box {
    position: relative;
}

.title_all_box.style_three .title_sections .before_title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color-one);
    font-family: var(--creote-family-one);
    margin-bottom: 10px;
    display: inline-block;
    padding-left: 38px;
    margin-bottom: 7px;
}




.title_all_box.style_three .title_sections .title, .title_all_box.style_three .title_sections h1, .title_all_box.style_three .title_sections h2, .title_all_box.style_three .title_sections h3, .title_all_box.style_three .title_sections h4, .title_all_box.style_three .title_sections h5, .title_all_box.style_three .title_sections h6 {
    font-size: 40px;
    font-family: var(--creote-family-one);
    line-height: 48px;
    color: var(--heading-dark);
    font-weight: 700;
}

.title_all_box.style_three .title_sections p {
    margin-top: 12px;
}



.service_section {
    position: relative;
}


.three_column .grid_show_case .grid_box {
    width: 33.33%;
    padding: 0px 12px;
    margin-bottom: 25px;
}



.service_post.style_three {
    position: relative;
    background: #fff;
    box-shadow: var(--box-shadow-two);
    border-radius: 0px 0px 5px 5px;
}


.service_post.style_three .image_box {
    position: relative;
    overflow: hidden;
}

.service_post.style_three .text_box {
    position: relative;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    z-index: 2;
}



.service_post.style_three .text_box .text_box_inner {
    position: relative;
    padding: 40px 30px 30px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.service_post.style_three .text_box .text_box_inner::before {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 100%;
    left: 0;
    background: var(--primary-color-one);
    z-index: -1;
}



.service_post.style_three .text_box .text_box_inner span.icon {
    font-size: 50px;
    line-height: 50px;
    display: block;
    margin-bottom: 22px;
    color: var(--primary-color-one);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.service_post.style_three .text_box .text_box_inner h2 a {
    font-size: 18px;
    color: var(--heading-dark);
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 26px;
}


.service_post.style_three .text_box .text_box_inner p {
    margin-bottom: 10px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.service_post.style_three .text_box .text_box_inner .read_more {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: var(--heading-dark);
    font-weight: 500;
    line-height: 25px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}




.service_post.style_three .text_box .text_box_inner .bg_icon {
    position: absolute;
    top: 25px;
    right: 40px;
}









 */


 .s-log {
  width: 87px;
  margin-top: -11px;
}

.s-log:hover{
  text-decoration: none;
}

#whySection {
  background-color: #f3f3f5;
}


.y-us-section {
  padding: 30px 0 44px;
}

.y-us-head {
  text-align: center;
  margin: 0 0 47px;
}

.y-us-title h2 {
  color: #50124c;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.y-us-title>p {
  color: #777777;
  line-height: 22px;
}

.y-us-title-border {
  background: #099d8b none repeat scroll 0 0;
  border-radius: 2px;
  display: inline-block;
  height: 3px;
  position: relative;
  width: 50px;
}


.service-3 .service-box {
  margin-bottom: 18px;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */
  border: 1px solid #099d8b;
}


.service-3 .service-box:hover {
 
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  transition: .5s;
}



.service-3 .service-box .iconset {
  float: left;
  text-align: center;
  width: 25%;
}

.service-3 .service-box .iconset i {
  color: #000;
  font-size: 44px;
}

.service-3 .service-box .y-us-content {
  float: left;
  width: 75%;
}

.service-3 .service-box .y-us-content h4 {
  color: #3a3a3a;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 14px 0 12px;
  text-transform: uppercase;
}

.service-3 .service-box .y-us-content p {
  color: #777777;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}

.icon {
  color: #f4b841;
  padding: 20px;
  font-size: 40px;
  border: 1px solid #099d8b;
  border-radius: 100px;
  color: #099d8b;
  font-size: 28px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  width: 70px;
}

































/* footer section start */


.foot-part {
  /* min-height: 100vh; */
  width: 100%;
  background: #EEECEB;
}

footer {
  position: relative;
  background: #50124c;
  width: 100%;
  bottom: 0;
  left: 0;
}

footer::before {
  content: '';
  position: absolute;
  left: 0;
  top: 100px;
  height: 1px;
  width: 100%;
  background: #AFAFB6;

}

footer .content {
  max-width: 1250px;
  margin: auto;
  padding: 30px 40px 40px 40px;
}

footer .content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.content .top .logo-details {
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
}

.content .top .media-icons {
  display: flex;
}

.content .top .media-icons a {
  height: 40px;
  width: 40px;
  margin: 0 8px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  transition: all 0.4s ease;
}

.top .media-icons a:nth-child(1) {
  background: #4267B2;
}

.top .media-icons a:nth-child(1):hover {
  color: #4267B2;
  background: #fff;
}

.top .media-icons a:nth-child(2) {
  background: #1DA1F2;
}

.top .media-icons a:nth-child(2):hover {
  color: #1DA1F2;
  background: #fff;
}

.top .media-icons a:nth-child(3) {
  background: #E1306C;
}

.top .media-icons a:nth-child(3):hover {
  color: #E1306C;
  background: #fff;
}

.top .media-icons a:nth-child(4) {
  background: #0077B5;
}

.top .media-icons a:nth-child(4):hover {
  color: #0077B5;
  background: #fff;
}

.top .media-icons a:nth-child(5) {
  background: #FF0000;
}

.top .media-icons a:nth-child(5):hover {
  color: #FF0000;
  background: #fff;
}

footer .content .link-boxes {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

footer .content .link-boxes .box {
  width: calc(100% / 5 - 10px);
}

.content .link-boxes .box .link_name {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}

.link-boxes .box .link_name::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 35px;
  background: #fff;
}

.content .link-boxes .box li {
  margin: 6px 0;
  list-style: none;
}

.content .link-boxes .box li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.4s ease
}

.content .link-boxes .box li a:hover {
  opacity: 1;
  text-decoration: none;
}

.content .link-boxes .input-box {
  margin-right: 55px;
}

.link-boxes .input-box input {
  height: 40px;
  width: calc(100% + 55px);
  outline: none;
  border: 2px solid #AFAFB6;
  background: #099d8b;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 15px;
  color: #fff;
  margin-top: 5px;
}

.link-boxes .input-box input::placeholder {
  color: #AFAFB6;
  font-size: 16px;
}

.link-boxes .input-box input[type="button"] {
  background: #fff;
  color: #140B5C;
  border: none;
  font-size: 18px;
  font-weight: 500;
  margin: 4px 0;
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.4s ease;
}

.input-box input[type="button"]:hover {
  opacity: 1;
}

footer .bottom-details {
  width: 100%;
  background: #09a28f;
}

footer .bottom-details .bottom_text {
  max-width: 1250px;
  margin: auto;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
}

.bottom-details .bottom_text span,
.bottom-details .bottom_text a {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  opacity: 0.8;
  text-decoration: none;
}

.bottom-details .bottom_text a:hover {
  opacity: 1;
  text-decoration: underline;
}

.bottom-details .bottom_text a {
  margin-right: 10px;
}

@media (max-width: 900px) {
  footer .content .link-boxes {
    flex-wrap: wrap;
  }

  footer .content .link-boxes .input-box {
    width: 40%;
    margin-top: 10px;
  }
}

@media (max-width: 700px) {

  /* footer{
    position: relative;
  } */
  .content .top .logo-details {
    font-size: 26px;
  }

  .content .top .media-icons a {
    height: 35px;
    width: 35px;
    font-size: 14px;
    line-height: 35px;
  }

  footer .content .link-boxes .box {
    width: calc(100% / 3 - 10px);
  }

  footer .content .link-boxes .input-box {
    width: 60%;
  }

  .bottom-details .bottom_text span,
  .bottom-details .bottom_text a {
    font-size: 12px;
  }
}

@media (max-width: 520px) {
  footer::before {
    top: 145px;
  }

  footer .content .top {
    flex-direction: column;
  }

  .content .top .media-icons {
    margin-top: 16px;
  }

  footer .content .link-boxes .box {
    width: calc(100% / 2 - 10px);
  }

  footer .content .link-boxes .input-box {
    width: 100%;
  }
}


.foot-logo {
  width: 100%;
}

.cam-img {
  width: 80px;
}

.chan-span {
  color: #09a28f;
}

/* footer section end */


.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0 !important;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}



.logo-part {
  display: flex;
  align-items: center;
  font-size: 25px;
  color: #ffffff;
}


.part-sign {
  position: relative;
}


.part-sign::after {
  content: '';
  position: absolute;
  width: 1000%;
  height: 100%;
  top: 0;
  right: 65%;
  z-index: -1;
  /* transform: skew(-43deg); */
  clip-path: polygon(0 0, calc(100% - 100px) 0%, 100% 100%, 0% 100%);
  background-color: #ffffff;
  /* clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%); */
}

.part-back {
  position: relative;
}

/* 
.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 43%;
    height: 40px;
    background-color: #fff;
    content: '';
    clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
    background: #c10b8b;
} */


/*.part-back::after {*/
/*  position: absolute;*/
/*  top: 0px;*/
/*  right: 0px;*/
/*  width: 20%;*/
/*  height: 71px;*/
/*  background-color: #fff;*/
/*  content: '';*/
  /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
/*  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);*/
/*  z-index: 1;*/
/*  background: #099d8b;*/
/*}*/

.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28%;
    height: 170px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}

.nav-links .drop-menu {
  padding-left: 0px;
}


.logo_name:hover {
  text-decoration: none !important;
}


.lo-pt {
  color: #ffffff;
  text-decoration: none;
}

.lo-pt:hover {
  text-decoration: none;
  color: #ffffff;
}

#tesSection{
  padding-top: 30px;
  padding-bottom: 30px;
}




/* 

@media screen and (max-width: 1200px) {
.logo-part {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #ffffff;
}

.nav-links li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 9px;
    border-radius: 5px;
    transition: all 0.3s ease;
}


} */





.img-re {
  width: 40px;
  clip-path: polygon(65.9% 0%, 100% 44%, 99.8% 100%, 0.1% 99.5%, 0% 0%) !important;


}
















/* gallery */
/* =============================== Async image loading =============================== */
.async-image-holder {
  position: relative;
  overflow: hidden;
}


.bs-1{
  background-image: url("assets/images/bj-1.jpg") !important;
  background-size: cover;
}


.bs-2{
  background-image: url("assets/images/bj-2.jpg") !important;
  background-size: cover;
}



.bs-3{
  background-image: url("assets/images/bj-3.jpg") !important;
  background-size: cover;
}


.bs-4{
  background-image: url("assets/images/bj-4.webp") !important;
  background-size: cover;
}


.bs-5{
  background-image: url("assets/images/bj-5.jpg") !important;
  background-size: cover;
}


.bs-6{
  background-image: url("assets/images/bj-7.jpg") !important;
  background-size: cover;
}


.async-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease-out 0s;
}

.async-image.loaded {
  opacity: 1;
}

.async-image.low-res {
  filter: blur(3px);
}

/* =============================== BEGIN GALLERY =============================== */
.gallery {
  display: flex;
  flex-flow: wrap row;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
}

/* These three lines are incredibly useful for flexbox. Kudos to https://stackoverflow.com/a/34816625*/
.gallery:after {
  content: "";
  display: inline-block;
  flex: auto;
}

/* ========================================= Gallery image sizes ========================================== */
/*Setting height by padding-top maintains aspect ratio when window is resized*/
/* 2 columns */
.gallery-image {
  width: 49.57%;
  padding-top: 35%;
  margin: 0.2%;
  background-color: rgba(20, 20, 20, .3);
}

/* 3 columns */
@media screen and (min-width: 500px) {
  .gallery-image {
    width: 33.1%;
    padding-top: 23.3709%;
    margin: 0.1%;
  }
}

/* 4 columns */
@media screen and (min-width: 700px) {
  .gallery-image {
    width: 24.8%;
    padding-top: 17.5105%;
    margin: 0.1%;
  }
}

/* 5 columns */
@media screen and (min-width: 800px) {
  .gallery-image {
    width: 19.8%;
    padding-top: 13.9802%;
    margin: 0.1%;
  }
}

/* 6 columns */
@media screen and (min-width: 1200px) {
  .gallery-image {
    width: 16.5%;
    padding-top: 11.6501%;
    margin: 0.082%;
  }
}

/* =============================== BEGIN LIGHTBOX =============================== */
/* =========================== Transition vars ============================ */
/* ========================= Overlay ========================= */
#swgl-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, .9);
  transition: max-height 0s linear 270ms, opacity 250ms linear 0s;
  max-height: 0px;
  overflow: hidden;
}

#swgl-overlay.active {
  opacity: 1;
  max-height: 100vh;
  transition: max-height 0s linear 0s, opacity 250ms linear 0s;
}

/* ========================= CONTROLS ========================= */
#swgl-controls {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}

.swgl-digitizer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.swgl-btn {
  position: absolute;
  border-width: 0;
  font-size: 35px;
  color: #fff;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 156px 16px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.swgl-btn:focus,
.swgl-btn:active {
  outline: none !important;
}

.swgl-nav-btn {
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  color: rgba(255, 255, 255, .6);
  transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
}

.swgl-nav-btn:hover {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(60, 60, 60, .4);
}

#swgl-close-btn {
  top: 0px;
  right: 0px;
  padding: 7px 15px;
  font-size: 45px;
  z-index: 4000;
}

#swgl-prev-btn {
  left: 0px;
  text-align: left;
}

#swgl-next-btn {
  right: 0px;
  text-align: right;
}

/* ========================= Slide wrapper ========================= */
#swgl-slide-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* ========================== Loading spinner ===========================*/
.swgl-loading-spinner {
  position: absolute;
  display: block;
  width: 65px;
  height: auto;
  top: 50%;
  left: 50%;
  animation-name: swgl-spinner;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}

/* The animation code */
@keyframes swgl-spinner {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* ========================= SLIDE ========================= */
.swgl-slide {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 260px;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  border: 2px solid #fff;
  background: #e4e4e4;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  transition: opacity 500ms linear 0s, transform 500ms ease-out 0s, max-height 500ms ease 0s, max-width 500ms ease 0s;
}

.swgl-slide.loaded {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.swgl-left {
  opacity: 0;
  transform: translate(-155%, -50%) !important;
}

.swgl-right {
  opacity: 0;
  transform: translate(55%, -50%) !important;
}

.swgl-center {
  opacity: 0;
}

.swgl-slide-img {
  display: block;
  width: auto;
  height: auto;
  max-height: 98vh;
  max-width: 98vw;
  opacity: 0;
  transition: opacity 0.4s ease-out 0s;
}

.swgl-slide-img.loaded {
  opacity: 1;
  width: auto;
  height: auto;
}

.swgl-caption {
  display: none;
}




/* why section */

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 15px !important;
  z-index: 50;
  height: 5px;
  width: 98%;
}


.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20%;
    height: 94px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}


@media screen and (max-width:2560px) and (min-width:2000px) {
.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 34%;
    height: 311px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}

}





@media screen and (max-width: 1200px) {
  .animeslide-desc {
    padding: 15px 22px;
    border-radius: 8px;
    background-color: #099d8b;
    max-width: 480px;
    opacity: 0.9;
    margin-top: 262px;
}
/* 
.lily-pic {
  position: absolute;
  top: 255px;
  width: 178px;
  left: -28px;
} */

.lily-pic {
  position: absolute;
  top: 177px;
  width: 173px;
  left: -28px;
}
/* 
.lily-pic {
  position: absolute;
  top: 250px;
  width: 143px;
  left: 0px;
} */


#aboutSection {
  background-color: #f3f3f5;
  padding-top: 40px;
  padding-bottom: 50px;
}


.ProductBlock .img-fill {
  height: 286px;
  object-fit: cover;
}


.testimonial-section .quote {
  width: 100%; 
 
}

.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 19%;
    height: 72px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}



}


@media screen and (max-width: 768px) {
.one-pic {
 
  margin-top: 22px;
}

.lily-pic {
  position: absolute;
  top: 316px;
  width: 205px;
  left: -45px;
}
/* 
.lily-pic {
  position: absolute;
  top: 448px;
  width: 189px;
  left: 0px;
} */


footer .content {
  max-width: 1250px;
  margin: auto;
  padding: 30px 40px 40px 23px;
}

.logo img {
  width: 78px !important;
}



.swiper-container.testimonial {
  height: 80vh;
}

.testimonial-section .quote {
 
  padding-left: 47px;
  padding-right: 70px;
}

.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28%;
    height: 74px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}

}


@media screen and (max-width: 425px) {
  .lily-pic {
    position: absolute;
    top: 173px;
    width: 162px;
    left: -21px;
}

/* 

  .lily-pic {
    position: absolute;
    top: 227px;
    width: 139px;
    left: 10px;
} */

.ProductBlock .img-fill {
  height: 411px;
  object-fit: cover;
}

footer::before {
  top: 185px;
}

.at-head::before {
  position: absolute;
  content: "";
  left: 0px;
  height: 2px;
  /* color: red; */
  background-color: #099d8b;
  width: 95px;
  top: 48px;
  display: none;
}

.logo-part {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #ffffff;
}



.swiper-container.testimonial {
  height: 90vh;
}

.testimonial-section .quote {
 
  padding-left: 20px;
  padding-right: 10px;
}

.testimonial-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.testi-user-img {
  width: 100%;
}

.testimonial-section .user-saying {
  background: #099d8b;
  width: 100%;
  color: #fff;
  height: 100%;
}
footer .content .link-boxes .box {
  width: 100%;
}

footer .content .link-boxes .box {
  width: 100%;
  padding-left: 11px;
}

.animeslide-desc {
  padding: 15px 22px;
  border-radius: 8px;
  background-color: #099d8b;
  max-width: 480px;
  opacity: 0.9;
  margin-top: 262px;
  display: none;
}

.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
    height: 71px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}

}


@media screen and (max-width: 375px) {
  .lily-pic {
    position: absolute;
    top: 155px;
    width: 135px;
    left: -13px;
}
.content .top .logo-details {
  font-size: 22px;
}


}



@media screen and (max-width: 320px) {
  .lily-pic {
    position: absolute;
    top: 124px;
    width: 133px;
    left: -12px;
}

.ProductBlock .img-fill {
  height: 350px;
  object-fit: cover;
}

.part-back::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 26%;
    height: 71px;
    background-color: #fff;
    content: '';
    /* clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); */
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 29.7% 99.3%);
    z-index: 1;
    background: #099d8b;
}

}