@font-face {
  font-family: "krutidev";
  font-weight: normal;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  color: #383838;
  line-height: 1.6;
  font-size: 15px;
  overflow-x: hidden;
}

p {
  font-size: 16px;
}

.section-pad-4 {
  padding: 4em 0em;
}

.section-pad-6 {
  padding: 6em 0em;
}

.section-pad-8 {
  padding: 8em 0em;
}

.bold {
  font-weight: 700;
}

.box {
  display: block;
}

/*----HEADER SECTION start--------*/
.header-section {
  padding: 15px 46px;
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 99;
}

.header-section .header-logo img {
  height: 67px;
}

.header-section .header-rightbar {
  display: flex;
  align-items: center;
  justify-content: end;
}

.header-rightbar .navbar-nav a {
  color: #000;
  margin: 0px 15px;
}

.header-rightbar .navbar-nav a:hover {
  color: #fff;
}

.header-section .navbar .navbar-toggler {
  padding: 10px 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: box-shadow 0.15s ease-in-out;
}

.header-section .heder-social {
  padding-left: 0;
  display: flex;
  list-style: none;
  margin-bottom: 0;
}

.header-section .heder-social li {}

.header-section .heder-social li a {
  height: 35px;
  width: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  color: #fff;
  text-decoration: none;
}

.header-section .heder-social li i {
  color: #fff;
}

.header-section .heder-social li a:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
}

.header-section .heder-social li a:hover i {
  color: #000;
}

.header-section .navbtnblk {
  margin-left: 5px;
  position: relative;
  height: 45px;
  width: 45px;
  position: relative;
}

.header-section .navbtnblk .navbtn {
  height: 45px;
  width: 45px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  border: none;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 4px 4px 0 #1789cb;
  transition: all 0.1s linear;
}

.header-section .navbtnblk .navbtn:hover {
  transform: translate(2px, 2px);
  box-shadow: 2px 2px 0 #1789cb;
}

.header-section .navbtnblk:before {
  content: "";
  position: relative;
  display: block;
  width: 85px;
  height: 85px;
  box-sizing: border-box;
  /* margin-left: -100%; */
  /* margin-top: -100%; */
  border-radius: 45px;
  background-color: #ffffff;
  -webkit-animation: pulse-ring 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  animation: pulse-ring 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  padding: 21px 13px;
  top: -20px;
  right: 20px;
}

@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }

  80%,
  100% {
    opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }

  80%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes pulse-dot {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.header-section .navbtnblk .navbtn i {
  font-size: 20px;
  color: #1789cb;
}

.navigation {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999;
  transform: scaleY(0);
  background: #1789cb;
  transform-origin: top;

  transition: all 0.2s cubic-bezier(0, 0.32, 0.36, 0.97);
}

.navigation .navblockinr {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  position: relative;
}

.navigation .navblockinr:before {
  content: "";
  position: absolute;
  background: url("../images/menu-img.png");
  left: 12%;
  top: 0;
  bottom: 0;
  width: 420px;
  height: 513px;
  margin: auto 0;
  background-size: cover;
  background-position: center;
}

.navigator {
  margin: 10px;
  background: transparent;
  color: #fff;
  font-weight: 800;
  letter-spacing: 1px;
  text-decoration: none;
  font-size: 30px;
  box-shadow: inset 0 0 5px 0px #1789cb;
  transform: scaleY(0);
  transform-origin: bottom;
  opacity: 0;
  transition: all 1s linear;
}

.navigator:hover {
  color: #ffc851;
}

.navigation.open {
  transform: scaleY(1);
}

.navigation.open .navigator {
  transform: scaleY(1);
  opacity: 1;
}

/*----HEADER SECTION End--------*/

/*-- home banner sec start --*/

.bannersec {
  /*background: #B3B70D;*/
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tagline1 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 310px;
  object-fit: cover;
  pointer-events: none;
  height: 160px;
  z-index: 18;
}

.tagline2 {
  position: absolute;
  right: 460px;
  top: 380px;
  object-fit: cover;
  height: 145px;
  z-index: 19;
}

.product1 {
  position: absolute;
  z-index: 13;
  top: 280px;
  left: 200px;
  height: 240px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.product2 {
  position: absolute;
  z-index: 14;
  top: 580px;
  left: 400px;
  height: 250px;
  margin: 0 auto;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.product3 {
  position: absolute;
  z-index: 15;
  top: 530px;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 140px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.product4 {
  position: absolute;
  z-index: 16;
  top: 500px;
  right: 380px;
  height: 220px;
  margin: 0 auto;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.product5 {
  position: absolute;
  z-index: 18;
  top: 280px;
  right: 140px;
  margin: 0 auto;
  height: 220px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.product6 {
  position: absolute;
  z-index: 20;
  top: 116px;
  right: 432px;
  height: 110px;
  margin: 0 auto;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.product7 {
  position: absolute;
  z-index: 20;
  top: 100px;
  left: 547px !important;
  height: 280px;
  margin: 0 auto;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

/*-- home banner sec end --*/
/*-- home about sec start --*/
.abtsec {
  /* background: #B3B70D;*/
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90vh;
  overflow: hidden;
}

.abtsec .india-fast-grawing {
  height: 180px;
}

.abtsec .numcol1 {
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.abtsec .numcol2 {
  margin-top: 9em;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.abtsec .numblock {
  text-align: left;
  margin: 0 auto;
  height: 200px;
  width: 200px;
  background: #7e29a5;
  border-bottom-right-radius: 25px;
  padding: 65px 30px;
  margin-bottom: 50px;
}

.abtsec .numblock p {
  color: #fff;
  font-size: 22px;
  margin-bottom: 0;
  line-height: 26px;
}

.abtsec .numblock h3 {
  font-size: 41px;
  font-weight: 700;
  color: #fff;
  margin-top: 8px;
}

.abtsec .abtlink {
  background: #fff;
  color: #105172;
  text-decoration: none;
  padding: 10px 35px;
  display: inline-block;
  margin-top: 3em;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1.6px;
  border-color: #ffffff;
  border-style: dashed;
  box-shadow: 4px 4px 0 #105172;
  transition: all 0.1s linear;
}

.abtsec .abtlink:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0 #105172;
}

/*-- home about sec end --*/

/*-- home lassi sec start --*/
.mainblogs {
  /* background: #7c60be; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 6em;
  padding-bottom: 6em;
  /* height: 100vh; */
  overflow: hidden;
  /*background: url('../images/orange-background.png');
    background-size: cover;
    background-position: center bottom;*/
}

.mainblogs::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ccecff;
  z-index: -1;
}

.mainblogs .lassititlediv {
  position: absolute;
  left: 180px;
  top: 60px;
}

.mainblogs .lassititlediv h3 {
  font-size: 42px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 1;
  font-family: "Playball", cursive;
}

.mainblogs .lassititlediv h3 span {
  text-transform: uppercase;
  font-size: 42px;
  display: block;
  color: #fff;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
}

.mainblogs .lassititlediv p {
  font-size: 18px;
  color: #fff;
}

.lassi1,
.lassi2,
.lassi3,
.lassi4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 120px;
  height: 360px;
  margin: auto;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.lassi1 {
  z-index: 25;
}

.lassi2 {
  z-index: 24;
}

.lassi3 {
  z-index: 23;
}

.lassi4 {
  z-index: 22;
}

/*-- home lassi sec end --*/

/*-- home Product Slider sec start --*/

.product-slider-sec {
  position: relative;
  padding: 8em 0px 8em;
  height: 860px;
}

/*.product-slider-sec::before
{
    content: '';
    position: absolute;
    background: url(../images/pinkcurv.png) no-repeat scroll top center / 100%;
    top: -15em;
    left: 0px;
    width: 100%;
    height: 30%;
}*/
.product-slider-sec .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.product-slider-block {
  background: red;
  border-radius: 20em;
  margin: 0 3em;
  /* box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 13%);
    height: 29em; */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
  padding: 5em 0 2em;
  box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.25) inset;
}

.product-slider-block.dl-bg {
  background: #ef6a7d;
}

.product-slider-block.dahi-bg {
  background: #207cbe;
}

.product-slider-block.yummatho-bg {
  background: #686ab0;
}

.product-slider-item .product-slider-block .product-slider-title {
  font-family: Paytone One;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.product-slider-item .product-slider-block .product-slider-img {
  position: relative;
  z-index: 1;
  padding: 5em 0 1em;
}

.product-slider-item .product-slider-block .product-slider-img::before {
  content: "";
  position: absolute;
  background: url(../images/slider-item-splash.png) no-repeat scroll center center / contain;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
}

.swiper-nav-btn.show {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.swiper-wrapper {
  transform-style: preserve-3d;
  transition-property: transform;
  box-sizing: content-box;
}

#wheel-slider .swiper-slide .slide-heading,
#wheel-slider .swiper-slide .slide-category {
  transform: translateY(140%);
  -webkit-transform: translateY(140%);
  -moz-transform: translateY(140%);
  -ms-transform: translateY(140%);
  -o-transform: translateY(140%);
  opacity: 0;
}

#wheel-slider .swiper-slide .slide-category {
  transition-delay: 0.3s;
}

#wheel-slider .swiper-slide .slide-heading {
  transition-delay: 0.8s;
}

/*
#wheel-slider .swiper-slide.swiper-slide-active {
    transform: rotate(0deg) translateY(0px) !important;
    -webkit-transform: rotate(0deg) translateY(0px) !important;
    -moz-transform: rotate(0deg) translateY(0px) !important;
    -ms-transform: rotate(0deg) translateY(0px) !important;
    -o-transform: rotate(0deg) translateY(0px) !important;
  
}


#wheel-slider .swiper-slide.swiper-slide-active .slide-heading, 
#wheel-slider .swiper-slide.swiper-slide-active .slide-category {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  opacity: 1.0;
}


#wheel-slider .swiper-slide.swiper-slide-prev { 
    transform: rotate(0deg) translateY(0px) translateX(150px) !important; 
  -webkit-transform: rotate(0deg) translateY(0px) translateX(150px) !important; 
  -moz-transform: rotate(0deg) translateY(0px) translateX(150px) !important; 
  -ms-transform: rotate(0deg) translateY(0px) translateX(150px) !important; 
  -o-transform: rotate(0deg) translateY(0px) translateX(150px) !important;
}


#wheel-slider .swiper-slide.swiper-slide-next { 
    transform: rotate(0deg) translateY(0px) translateX(-150px) !important; 
  -webkit-transform: rotate(0deg) translateY(0px) translateX(-150px) !important; 
  -moz-transform: rotate(0deg)translateY(0px) translateX(-150px) !important; 
  -ms-transform: rotate(0deg) translateY(0px) translateX(-150px) !important; 
  -o-transform: rotate(0deg) translateY(0px) translateX(-150px) !important;
}


#wheel-slider .swiper-slide.swiper-slide-next + .swiper-slide{
    transform: rotate(20deg) translateY(400px) !important;
    -webkit-transform: rotate(20deg) translateY(400px) !important;
    -moz-transform: rotate(20deg) translateY(400px) !important;
    -ms-transform: rotate(20deg) translateY(400px) !important;
    -o-transform: rotate(20deg) translateY(400px) !important;
}

#wheel-slider .swiper-slide{
    transform: rotate(-20deg) translateY(400px) !important;
    -webkit-transform: rotate(-20deg) translateY(400px) !important;
    -moz-transform: rotate(-20deg) translateY(400px) !important;
    -ms-transform: rotate(-20deg) translateY(400px) !important;
    -o-transform: rotate(-20deg) translateY(400px) !important;
}*/

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.slide-heading {
  margin-top: 0px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: "Windsor W01 Bold", sans-serif;
  color: #000;
  font-size: 42px;
  line-height: 1;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: capitalize;
}

.swiper-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-transform: perspective(1200px);
  transform: perspective(1200px);
}

.slide-text-wrap {
  overflow: hidden;
  color: #ff7b00;
}

.swiper-slide {
  position: relative;
  overflow: hidden;
  width: 25%;
  height: 82vh;
  margin-top: 8vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: center;
}

.wheel__slider__wrapper {
  position: relative;
}

._wf-button__wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slide-inner {
  position: relative;
  left: auto;
  top: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product__wheel__slider {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
}

.product__wheel__slider.mobile {
  display: none;
}

.swiper-nav-btn {
  position: absolute;
  left: 20%;
  top: 60%;
  z-index: 40;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
}

.swiper-nav-btn:hover {
  color: #00ffe1;
}

.swiper-nav-btn.next {
  left: 0;
  top: 20px;
  right: -9em;
  bottom: auto;
  width: 100px;
  height: 70px;
  background-color: transparent;
  background-image: url("../images/slider-next-arrow.png");
  background-position: 50% 50%;
  background-size: 95px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(0deg);
  margin: 0 auto;
}

.swiper-nav-btn.prev {
  left: -9em;
  top: 20px;
  right: 0;
  bottom: auto;
  z-index: 555;
  width: 100px;
  height: 70px;
  background-color: transparent;
  background-image: url("../images/slider-prev-arrow.png");
  background-position: 50% 50%;
  background-size: 95px;
  background-repeat: no-repeat;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin: 0 auto;
}

.swiper-navigation {
  position: relative;
  z-index: 40;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 27px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.wheel__slider {
  width: 100%;
}

.slide-category {
  margin-bottom: 0px;
  padding-top: 0px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-family: Ano, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.wheel__product__slider {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100vh;
  max-height: 100vh;
  padding-top: 200px;
  padding-bottom: 16vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.controls {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*-- home Product Slider sec end --*/

/*-- home powermilk sec start --*/

.powermilksec {
  background: #cbeaff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1100px;
}

.powermilksec:before {
  content: "";
  position: absolute;
  top: -30em;
  left: 0;
  width: 100%;
  background: url("../images/white-melted.png");
  background-position: center top;
  height: 65%;
}

.powermilksec .powermilk {
  position: absolute;
  height: 500px;
  right: 100px;
  margin: 0 auto;
  z-index: 46;
}

.powermilksec .circle-gradient {
  position: absolute;
  height: 600px;
  right: 140px;
  margin: 0 auto;
  z-index: 45;
  mix-blend-mode: multiply;
}

.powermilksec .powertxt {
  position: absolute;
  left: 100px;
  margin: 0 auto;
  z-index: 47;
}

.powermilksec .powertxt p {
  color: #1789cb;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1;
}

.powermilksec .powertxt h3 {
  color: #1789cb;
  font-size: 52px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
}

.powermilksec .elchi {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 41;
  margin: auto;
  object-fit: cover;
  pointer-events: none;
  height: 550px;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

/*-- home powermilk sec end --*/
.gradiantback {
  /*background: linear-gradient(180deg, #F6C8CC 0%, #BDB3FA 51.56%, #B5E1FA 100%);*/
}

/*-- home matho sec start --*/
.mathosec {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 800px;
}

.mathosec:after {
  content: "";
  position: absolute;
  top: -24em;
  left: 0;
  width: 100%;
  background: url("../images/milk-splesh.png");
  height: 100%;
}

.mathosec .mathoimg {
  position: absolute;
  left: 100px;
  margin: 0 auto;
  z-index: 52;
  height: 400px;
}

.mathosec .mathotxt {
  position: absolute;
  right: 200px;
  margin: 0 auto;
  z-index: 53;
  height: 200px;
}

.mathosec .fruit {
  position: absolute;
  right: 100px;
  top: 0;
  bottom: 0;
  z-index: 51;
  margin: auto;
  object-fit: cover;
  pointer-events: none;
  height: 400px;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

/*-- home matho sec end --*/
/*-- home usp sec start --*/
.uspsec {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 550px;
  overflow: hidden;
}

@keyframes scrolling-right1 {
  0% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}

.uspsec .uspcntainr {
  position: absolute;
  z-index: 62;
}

.uspsec .uspblock {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  justify-content: center;
}

.uspsec .uspblock .uspimg {
  height: 120px;
  width: 120px;
  margin-right: 5px;
  text-align: center;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.uspsec .uspblock .uspimg img {
  height: 110px;
}

.uspsec .uspblock .uspcnt {
  width: 50%;
}

.uspsec .uspblock .uspcnt p {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: auto;
  line-height: 1.4;
  color: #207cbe;
}

.usptitlediv {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 4em;
}

.uspsec .usptitlediv h3 {
  font-size: 31px;
  text-transform: capitalize;
  color: #207cbe;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 1;
  font-family: "Playball", cursive;
  text-align: center;
}

.uspsec .usptitlediv h3 span {
  display: block;
  color: #207cbe;
  margin-left: 1.3em;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.uspsec .usptitlediv p {
  font-size: 18px;
  color: #207cbe;
  text-align: center;
}

/*-- home usp sec end --*/

/*-- home location sec start --*/

.maintextmonials {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 800px;
  overflow: hidden;
}

/*.maintextmonials:after {
    content: '';
    position: absolute;
    top: -10em;
    left: 0;
    background: url(../images/milksp3.png);
    width: 150px;
    height: 300px;
    background-size: cover;
}*/
.maintextmonials .titlediv {
  position: absolute;
  left: 50px;
  top: 20px;
}

.maintextmonials .titlediv h3 {
  font-size: 42px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 1;
  font-family: "Playball", cursive;
}

.maintextmonials .titlediv h3 span {
  text-transform: uppercase;
  font-size: 42px;
  display: block;
  color: #fff;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
}

.maintextmonials .titlediv p {
  font-size: 18px;
  color: #fff;
}

.maintextmonials .locationcntainr {
  position: absolute;
  z-index: 72;
}

.maintextmonials .mapimg {
  height: 600px;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.maintextmonials .locationtxt {
  position: absolute;
  right: 0px;
  margin: auto;
  height: 60px;
  z-index: 71;
  -webkit-animation: scrolling-left1 20s linear infinite;
  animation: scrolling-left1 20s linear infinite;
}

@keyframes scrolling-left1 {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

/*-- home location sec end --*/

/*-- home socialwala sec start --*/

.socialwalasec {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin-top: 12em;*/
  z-index: 0;
  padding-top: 6em;
  padding-bottom: 6em;
}

.socialwalasec:before {
  content: "";
  position: absolute;
  top: -3em;
  left: 0;
  background: url(../images/milksp1.png);
  width: 800px;
  height: 369px;
  z-index: -1;
  background-size: cover;
}

.socialwalasec:after {
  content: "";
  position: absolute;
  bottom: 0em;
  right: 0;
  background: url(../images/milksp2.png);
  width: 280px;
  height: 382px;
  z-index: -1;
  background-size: cover;
}

.socialwalasec .collagediv {}

.socialwalasec .collagediv.cl1 {
  margin-top: 6em;
}

.socialwalasec .collagediv.cl2 {
  margin-top: 16.7em;
}

.socialwalasec .collagediv h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 80px;
  letter-spacing: 6px;
  margin-bottom: 20px;
}

.socialwalasec .collagediv img {
  width: 100%;
  margin-bottom: 30px;
}

.socialwalasec .collagediv .txtbox {
  height: 92%;
  background: #53359a;
  text-align: center;
  padding: 80px 30px;
}

.socialwalasec .collagediv p {
  letter-spacing: 2px;
  font-size: 42px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.3;
  font-family: "Playball", cursive;
}

.socialwalasec .collagediv h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 30px;
  font-size: 32px;
  line-height: 1.8;
  margin-top: 1em;
}

/*-- home socialwala sec end --*/

@-webkit-keyframes wave {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

.protitleblock {
  text-align: left;
  width: 460px;
}

.protitleblock .subtitle {
  letter-spacing: 3px;
  font-size: 42px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 0;
  font-family: "Playball", cursive;
}

.protitleblock .title {
  font-size: 80px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1;
}

.protitleblock p {
  color: #20510a;
  font-size: 14px;
  line-height: 1.3;
}

.protitleblock p span {
  display: block;
}

.probtn {
  padding: 16px 15px;
  color: #000;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.2;
  margin-top: 4px;
  display: inline-block;
  height: 65px;
  width: 65px;
  text-align: center;
  border-style: dashed;
  box-shadow: 4px 4px 0 #00000038;
  transition: all 0.1s linear;
}

.probtn:hover {
  color: #000;
  background: #fff;
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0 #00000038;
}

/*-- home Product chass sec end --*/

/*-- home Product lassi sec start --*/
.promainblogs {
  position: relative;
  background: #8e78c3;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.promainblogs .protitleblock p {
  color: #23114d;
}

.promainblogs .prolassititle {
  position: absolute;
  top: 110px;
  right: 230px;
}

.promainblogs .prolassi1 {
  position: absolute;
  top: 240px;
  left: 170px;
  height: 320px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.promainblogs .prolassi2 {
  position: absolute;
  bottom: 10px;
  left: 540px;
  height: 320px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.promainblogs .prolassi3 {
  position: absolute;
  bottom: 5px;
  right: 200px;
  height: 320px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

/*-- home Product lassi sec end --*/

/*-- home Product dahi sec start --*/
.prodahisec {
  position: relative;
  background: #5cbde1;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.prodahisec .prodahititle {
  position: absolute;
  top: 150px;
  left: 500px;
}

.prodahisec .dahi1 {
  position: absolute;
  bottom: 40px;
  left: 530px;
  height: 460px;
  z-index: 32;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prodahisec .dahi2 {
  position: absolute;
  bottom: 90px;
  right: 600px;
  height: 320px;
  z-index: 31;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prodahisec .protitleblock p {
  color: #114558;
}

/*-- home Product dahi sec end --*/

/*-- home Product milk sec start --*/
.promilksec {
  position: relative;
  background: #f2a321;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.promilksec .promilktitle {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.promilksec .milkleft {
  position: absolute;
  left: -500px;
  height: 900px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.promilksec .milkright {
  position: absolute;
  right: -500px;
  height: 900px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.promilksec .protitleblock p {
  color: #7a4f08;
}

/*-- home Product milk sec end --*/

/*-- home Product matho sec start --*/
.promathosec {
  position: relative;
  background: #c77900;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.promathosec .promathotitle {
  position: absolute;
  top: 150px;
  right: 680px;
}

.promathosec .promatho {
  position: absolute;
  left: -200px;
  bottom: 80px;
  height: 420px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.promathosec .spoon {
  position: absolute;
  right: -550px;
  bottom: 160px;
  height: 230px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
  display: none;
}

.promathosec .protitleblock p {
  color: #fff;
}

/*-- home Product matho sec end --*/

/*-- home Product shake sec start --*/
.proshakesec {
  position: relative;
  background: #c5baa6;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.proshakesec .proshaketitle {
  position: absolute;
  top: -280px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: 44;
}

.proshakesec .shake1 {
  position: absolute;
  left: -780px;
  top: 700px;
  height: 380px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proshakesec .shake2 {
  position: absolute;
  right: -240px;
  top: -450px;
  height: 380px;
  z-index: 43;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proshakesec .shake3 {
  position: absolute;
  right: 500px;
  bottom: -500px;
  height: 380px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proshakesec .protitleblock p {
  color: #39443c;
}

/*-- home Product shake sec end --*/

/*-- home Product scoop sec start --*/
.proscoopsec {
  position: relative;
  background: #dd4e6a;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.proscoopsec .proscooptitle {
  position: absolute;
  top: 150px;
  left: 700px;
}

.proscoopsec .familypack {
  position: absolute;
  bottom: 100px;
  right: -250px;
  z-index: 53;
  height: 280px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proscoopsec .scoop {
  position: absolute;
  bottom: 100px;
  right: -350px;
  z-index: 52;
  height: 260px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proscoopsec .protitleblock p {
  color: #fff;
}

/*-- home Product scoop sec end --*/

/*-- home Product cone sec start --*/
.proconesec {
  position: relative;
  background: #0da7d6;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.proconesec .proconetitle {
  position: absolute;
  top: 130px;
  right: 660px;
}

.proconesec .cone1 {
  position: absolute;
  left: 280px;
  bottom: -400px;
  height: 360px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proconesec .cone2 {
  position: absolute;
  left: 440px;
  bottom: 630px;
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.proconesec .protitleblock p {
  color: #fff;
}

/*-- home Product cone sec end --*/

/*-- home Product kulfi sec start --*/
.prokulfisec {
  position: relative;
  background: #804f33;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.prokulfisec .prokulfititle {
  position: absolute;
  top: 150px;
  left: 920px;
}

.prokulfisec .kulfi1 {
  position: absolute;
  bottom: -50px;
  right: 650px;
  z-index: 53;
  height: 450px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prokulfisec .kulfi2 {
  position: absolute;
  bottom: -50px;
  right: 550px;
  z-index: 52;
  height: 450px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prokulfisec .kulfi3 {
  position: absolute;
  bottom: -50px;
  right: 250px;
  z-index: 52;
  height: 450px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prokulfisec .protitleblock p {
  color: #fff;
}

/*-- home Product kulfi sec end --*/

/*-- home Product candy sec start --*/
.procandysec {
  position: relative;
  background: #0677c4;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.procandysec .procandytitle {
  position: absolute;
  top: 130px;
  right: 860px;
}

.procandysec .candy1 {
  position: absolute;
  left: 80px;
  bottom: 110px;
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.procandysec .candy2 {
  position: absolute;
  left: 440px;
  bottom: 110px;
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.procandysec .candy3 {
  position: absolute;
  right: 440px;
  bottom: 110px;
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.procandysec .protitleblock p {
  color: #fff;
}

/*-- home Product candy sec end --*/

/*-- home Product sandwitch sec start --*/
.prosanwitchsec {
  position: relative;
  background: #0677c4;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.prosanwitchsec .prosanwitchtitle {
  position: absolute;
  top: 150px;
  left: 1020px;
}

.prosanwitchsec .sandwich1 {
  position: absolute;
  bottom: -50px;
  right: 950px;
  z-index: 52;
  height: 420px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prosanwitchsec .sandwich2 {
  position: absolute;
  bottom: -50px;
  right: 250px;
  z-index: 52;
  height: 420px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.prosanwitchsec .protitleblock p {
  color: #fff;
}

.color-lightorange {
  background-color: #f0a65f;
}

/*-- home Product sandwitch sec end --*/

.mainservices {
  position: relative;
  /*height: 100vh;*/
  /*display: flex;
    align-items: center;
    justify-content: center;
        flex-wrap: wrap;
        flex-direction: initial;*/
}

.mainservices h3.linetitle {
  color: #ffffff;
  -webkit-text-stroke: 1px #ffffff;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  font-family: "Playball", cursive;
  text-align: center;
  letter-spacing: 1px;
}

.mainservices h3.linetitle span {
  font-size: 1.5em;
  line-height: 1;
  color: #9e2f60;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.mainservices h2.solidtitle {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 57px;
  text-align: right;
  line-height: 1;
  margin-bottom: 0;
  text-align: center;
}

.mainservices h3.solidtitle {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 57px;
  text-align: right;
  line-height: 1;
  margin-bottom: 0;
  text-align: center;
}

.maintextmonials h3.linetitle {
  color: #ffffff;
  -webkit-text-stroke: 1px #ffffff;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  font-family: "Playball", cursive;
  text-align: center;
  letter-spacing: 1px;
}

.maintextmonials h3.linetitle span {
  font-size: 1.5em;
  line-height: 1;
  color: #9e2f60;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.maintextmonials h3.solidtitle {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 57px;
  text-align: right;
  line-height: 1;
  margin-bottom: 0;
  text-align: center;
}

.hmproblk {
  text-align: center;
  overflow: hidden;
}

.subtitle {
  letter-spacing: 1px;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 37px;
  font-family: "Playball", cursive;
}

.hmproblk img {
  width: 100%;
  /* height: 440px; */
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.hmproblk img:hover {}

.hmprotitlediv {
  margin-bottom: 3em;
  margin-top: 3em;
  position: relative;
  z-index: 10;
}

.prorowsec {
  padding-top: 2em;
  padding-bottom: 2em;
}

.mainservices .prdlink {
  background: #fff;
  color: #9e2f60;
  text-decoration: none;
  padding: 10px 35px;
  display: inline-block;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 #9e2f60;
  transition: all 0.1s linear;
}

.mainservices .prdlink:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0 #9e2f60;
}

.mainservices .slide {
  height: auto;
}

.hmproswipesec {
  height: 100vh;
  background-color: #f6c8cc;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hmproswipesec .hmprotitlediv {
  position: absolute;
  top: 60px;
  width: 42%;
  z-index: 888;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.hmproswipesec .hmprotitlediv h3.linetitle {
  color: transparent;
  -webkit-text-stroke: 1px #9e2f60;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.7em;
  line-height: 1;
}

.hmproswipesec .hmprotitlediv h3.solidtitle {
  color: #9e2f60;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.7em;
  text-align: right;
  line-height: 1;
  margin-bottom: 0;
}

.hmproswipesec .hmpro1 {
  position: absolute;
  height: 320px;
  left: 0;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.hmproswipesec .hmpro2 {
  position: absolute;
  height: 320px;
  left: 0;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.hmproswipesec .hmpro3 {
  position: absolute;
  height: 320px;
  left: 0;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.hmproswipesec .hmpro4 {
  position: absolute;
  height: 320px;
  left: 0;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.hmproswipesec .hmallprolinkdiv {
  position: absolute;
  bottom: 50px;
  z-index: 888;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 30%;
  text-align: center;
}

.hmproswipesec .hmallprolinkdiv .prdlink {
  background: #9e2f60;
  color: #fff;
  text-decoration: none;
  padding: 7px 50px;
  display: inline-block;
  margin-top: 3em;
  border-radius: 25px;
  font-weight: 600;
}

section {
  transition: background-color 1s ease;
}

.color-green {
  background-color: #80bd65;
}

.color-purpel {
  background-color: #8e78c3;
}

.color-skyblue {
  background-color: #5cbde1;
}

.color-black {
  background-color: #1a1a1a;
}

.color-darkbluee {
  background-color: #071952;
}

.color-yellow {
  background-color: #f2a321;
}

.color-darkyellow {
  background-color: #c77900;
}

.color-cream {
  background-color: #c5baa6;
}

.color-pink {
  background-color: #dd4e6a;
}

.color-blue {
  background-color: #1e266d;
}

.color-brown {
  background-color: #804f33;
}

.color-darkblue {
  background-color: #0677c4;
}

.color-lightblue {
  background-color: #aadbf8;
}

.color-fdarkblue {
  background-color: #396dac;
}

.color-lightgreen {
  background-color: #b3b70d;
}

.color-darkpurple {
  background-color: #4b1d93;
}

.color-darkyellow {
  background-color: #efde8f;
}

.color-lightpurple {
  background-color: #7c60be;
}

.color-elightblue {
  background-color: #ccecff;
}

.color-clisicblue {
  background-color: #207cbe;
}

.color-gradiantcolor {
  background: linear-gradient(180deg, #f6c8cc 0%, #bdb3fa 51.56%, #b5e1fa 100%);
}

.color-lightpink {
  background-color: #111858;
}

.color-drkpink {
  background-color: #d6335a;
}

.color-homeabtblue {
  background-color: #168bd0;
}

.color-franuspblue {
  background-color: #4f3bc6;
}

.color-enquiry {
  background-color: #0053a8;
}

.color-contact {
  background-color: #012a2b;
}

.color-abtmappink {
  background-color: #9e2f60;
}

.color-abtbnrsec {
  background-color: #a7eae2;
}

.color-abtmvsec {
  background-color: #148a96;
}

.color-abtvlvsec {
  background-color: #f6c8cc;
}

.color-abtasstsec {
  background-color: #b4edff;
}

.color-abtstrsec {
  background-color: #0997c2;
}

.color-cntbnrsec {
  background-color: #396dac;
}

.color-cntfrmsec {
  background-color: #190482;
}

.color-cntfrmsectwo {
  background-color: #b1d8f2;
}

.color-white {
  background-color: #ffffff;
}

.color-b {
  background-color: #182529;
}

.color-cub {
  background-color: #021526;
}

.color-fadeblack {
  background-color: #1a1a1a;
}

.color-fadeblack {
  background-color: #1a1a1a;
}

.color-lightblack {
  background-color: #171717;
}

/* locator page start  */

/*locator page end */
.locatorbannersec {
  position: relative;
  padding-top: 12em;
  padding-bottom: 8em;
  z-index: 22;
  overflow: hidden;
}

.locatorbannersec .locatortitle h1 {
  font-size: 44px;
  text-transform: uppercase;
  color: #1789cb;
  font-weight: 800;
}

.locatorbannersec .locatortitle h1 span {
  display: block;
  color: transparent;
  text-transform: capitalize;
  font-family: "Playball", cursive;
  color: #1789cb;
  font-weight: 400;
  font-size: 44px;
}

.locatorbannersec img {
  width: 100%;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.process {
  position: relative;
  padding-top: 4em;
  padding-bottom: 4em;
  overflow: hidden;
}

.process .findlocatordiv {
  text-align: center;
  margin-bottom: 7em;
}

.process .findlocatordiv #filter {
  border-radius: 26px;
  padding: 14px 20px;
  border: none;
  width: 100%;
}

.process .locationblock {
  border-radius: 19.203px;
  background: #fff;
  box-shadow: 5px 5px 0px 0px #aadbf8;
  padding: 14px;
  text-align: center;
  height: auto;
  margin: 0 10px;
  margin-bottom: 3em;
}

.process .locationblock img {
  height: 77px;
  margin-bottom: 20px;
}

.process .locationblock .locationname {
  font-weight: 700;
  font-size: 18px;
  color: #4e8699;
  line-height: 1.2;
  margin-bottom: 4px;
}

.process .locationblock .facttitle {
  font-weight: 700;
  font-size: 22px;
  color: #396dac;
  line-height: 1.2;
  margin-bottom: 20px;
}

.process .locationblock p {
  font-size: 14px;
  text-transform: capitalize;
}

.process .locationblock .directiolink {
  background: transparent;
  color: #4e8699;
  text-decoration: none;
  padding: 10px 35px;
  display: inline-block;
  margin-top: 1em;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1.6px;
  border-color: #4e8699;
  border-style: dashed;
}

.process .locationblock .directiolink:hover {
  background: #4e8699;
  color: #fff;
  box-shadow: 2px 3px 1px #105172;
}

/* conatct page start*/
.contactbannersec {
  /* background: #396DAC;*/
  position: relative;
  padding-top: 12em;
  padding-bottom: 12em;
  z-index: 22;
  overflow: hidden;
}

.contactbannersec .contacttitle h1 {
  font-size: 3em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}

.contactbannersec .contacttitle h1 span {
  display: block;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
  font-family: "Playball", cursive;
}

.contactbannersec img {
  height: 400px;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.contactfrmsec {
  position: relative;
  /* background: #b1d8f2;*/
  padding-top: 6em;
  padding-bottom: 6em;
}

.contactfrmsec .contfrmblock {
  padding: 3em;
  margin: 0 4em;
  border-radius: 15px;
  position: relative;
  background: #fff;
  box-shadow: 8px 7px 0px 0px #3b5998;
  transform: rotate(-3.713deg);
  transition: 0.3s ease-in-out;
}

.contactfrmsec .contfrmblock:hover,
.contactfrmsec .contfrmblock:active {
  transform: rotate(0deg);
}

.contfrmblock input:not([type="submit"]),
.contfrmblock textarea {
  background: no-repeat;
  border-top: medium none;
  width: 100%;
  border-right: medium none;
  border-left: medium none;
  border-bottom: 1px solid #0068b4;
  padding: 12px 15px;
  margin-bottom: 25px;
  color: #0068b4;
  font-weight: 400;
}

.contfrmblock input[type="submit"] {
  border: medium none;
  font-weight: 500;
  width: 100%;
  background: #0068b4;
  color: #fff;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 25px;
  text-transform: uppercase;
  box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.02),
    0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.03),
    0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.04),
    0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.04),
    0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.05),
    0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

.contfrmblock input[type="submit"]:hover {
  background: #0068b4;
  color: #fff;
}

.contfrmblock input:not([type="submit"])::placeholder,
.contfrmblock textarea::placeholder {
  color: #0068b4;
}

.contfrmblock input:not([type="submit"]):focus,
.contfrmblock textarea:focus {
  outline: none;
}

.contactfrmsec .contcntblock {
  color: #3b5998;
}

.contactfrmsec .contcntblock h3 {
  color: #fff;
  margin-bottom: 4px;
  font-size: 23px;
  font-weight: 700;
}

.conaddr p {
  color: #fff;
}

.contactfrmsec .contcntblock .conaddr {
  margin-bottom: 30px;
}

.contactfrmsec .contcntblock .contime {
  margin-bottom: 30px;
}

.contactfrmsec .contcntblock .contime p {
  margin-bottom: 5px;
}

.contactfrmsec .contcntblock .condetail {
  margin-bottom: 30px;
}

.contactfrmsec .contcntblock .condetail p {
  margin-bottom: 5px;
  color: #fff;
}

.contactfrmsec .contcntblock .condetail p a {
  color: #3b5998;
  text-decoration: none;
  color: #fff;
}

.contact-social {
  padding-left: 0;
  display: flex;
  list-style: none;
  margin-bottom: 0;
}

.contact-social li {}

.contact-social li a {
  height: 35px;
  width: 35px;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  background: #1d0a8d;
  text-decoration: none;
}

.contact-social li i {
  color: #fff;
}

/* conatct page end */

/* About page end */
.abtbannersec {
  /*background: #A7EAE2;*/
  position: relative;
  padding-top: 4em;
  padding-bottom: 4em;
  z-index: 22;
}

.abtbannersec .abtusrow1 img {
  width: 100%;
  mix-blend-mode: multiply;
}

.abtbannersec .abttitle h1 {
  font-size: 36px;
  color: #0d6068;
  font-weight: 500;
  margin-bottom: 10px;
}

.abtbannersec .abtcnt {
  padding: 20px 40px;
}

.abtbannersec .abtcnt p {
  color: #fcfeff;
  text-align: justify;
}

.abtbannersec .abtsubtitle {
  color: #0d6068;
  font-size: 40px;
  font-weight: 500;
}

.abtusrow2 hr {
  border: 1px dashed #148a96;
  background: no-repeat;
  margin-top: 40px;
  margin-bottom: 50px;
}

.abtusrow2 p {
  color: #0d6068;
  text-align: justify;
}

.abtbannersec .abtusrow2 img {
  width: 100%;
  mix-blend-mode: multiply;
}

.abtmvvsec {
  position: relative;
  /* background: #148A96;*/
  padding-top: 3em;
  padding-bottom: 3em;
}

.abtmvvsec .mvblock {
  color: #a7eae2;
  padding: 25px 40px;
}

.abtmvvsec .mvblock h3 {
  text-transform: uppercase;
  color: #e2f4f2;
  font-weight: 800;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
}

.abtmvvsec .mvblock h3 span {
  display: block;
  color: #e2f4f2;
  font-weight: 400;
  text-transform: capitalize;
  font-family: "Playball", cursive;
}

.abtmvvsec .mvblock p {
  color: #e2f4f2;
  margin-bottom: 0px;
}

.abtvaluesec {
  position: relative;
  /* background: #F6C8CC;*/
  padding-top: 5em;
  padding-bottom: 5em;
}

.mvblocktwo {
  color: #a7eae2;
  padding: 25px 10px !important;
}

.mvblocktwo h3 {
  text-transform: uppercase;
  color: #e2f4f2;
  font-weight: 800;
  margin-bottom: 20px;
  font-size: 22px !important;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
}

.abtvaluesec .valuetitle h3 {
  text-transform: uppercase;
  color: #9e2f60;
  font-weight: 800;
  margin-bottom: 55px;
  font-size: 36px;
  line-height: 1.2;
  text-align: left;
}

.abtvaluesec .valuediv {}

.abtvaluesec .valuetitle h3 span {
  color: #9e2f60;
  font-weight: 400;
  font-family: "Playball", cursive;
  text-transform: capitalize;
  display: block;
}

.abtvaluesec .valueblk {
  text-align: center;
  padding: 0px 20px;
}

.abtvaluesec .valueblk .vlicn {
  display: inline-block;
  border-radius: 0px 0px 0px 30px;
  background: #7e29a5;
  box-shadow: 4px 4px 0px 0px #fff;
  padding: 35px;
  margin-bottom: 22px;
  height: 160px;
  width: 160px;
}

.valueblk span {
  font-family: "Poppins", sans-serif;
  color: darkslategrey;
  font-size: 16px;
}

.vlicn img {
  width: 100%;
}

.abtvaluesec .valueblk p {
  color: #9e2f60;
  font-size: 17px;
  text-transform: capitalize;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2px;
}

.abtmaintextmonials.maintextmonials .titlediv h3 {
  color: #f6c8cc;
}

.abtmaintextmonials.maintextmonials .titlediv h3 span {
  color: #f6c8cc;
}

.abtmaintextmonials.maintextmonials .titlediv p {
  color: #f6c8cc;
}

.abtassemntsec {
  position: relative;
  padding-top: 4em;
  padding-bottom: 4em;
  /*background: #B4EDFF;*/
}

.abtassemntsec .assmntblk h3 {
  text-transform: uppercase;
  color: #0997c2;
  font-weight: 800;
  margin-bottom: 30px;
  font-size: 36px;
  line-height: 1.2;
}

.abtassemntsec .assmntblk h2 {
  text-transform: uppercase;
  color: #0997c2;
  font-weight: 800;
  margin-bottom: 30px;
  font-size: 36px;
  line-height: 1.2;
}

.color-abtasstsec .assmntblk h2 {
  text-transform: uppercase;
  color: #0997c2;
  font-weight: 800;
  margin-bottom: 30px;
  font-size: 36px;
  line-height: 1.2;
}

.abtassemntsec .assmntblk h3 span {
  color: #0997c2;
  font-weight: 400;
  display: block;
  font-family: "Playball", cursive;
  text-transform: capitalize;
}

.abtassemntsec .assmntblk h2 span {
  color: #0997c2;
  font-weight: 400;
  display: block;
  font-family: "Playball", cursive;
  text-transform: capitalize;
}

.abtassemntsec .assmntblk p {
  color: #0997c2;
}

.abtstoressec {
  position: relative;
  padding-top: 8em;
  padding-bottom: 3em;
  /*background: #0997C2;*/
}

.abtstoressec .collagediv img {
  width: 100%;
  margin-bottom: 30px;
}

.abtstoressec .collagediv h3 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  margin-bottom: 25px;
  font-size: 40px;
  line-height: 1.2;
}

.abtstoressec .collagediv h3 span {
  color: #fff;
  display: block;
  font-family: "Playball", cursive;
  font-weight: 400;
  text-transform: capitalize;
}

/* About page end */

/* franchise page Start */

.franchisebannersec {
  /*background: #aadbf8;*/
  position: relative;
  padding-top: 12em;
  padding-bottom: 8em;
  z-index: 22;
}

.franchisebannersec .franchisetitle h1 {
  font-size: 44px;
  text-transform: uppercase;
  color: #1789cb;
  font-weight: 800;
}

.franchisebannersec .franchisetitle h1 span {
  display: block;
  color: #1789cb;
  font-weight: 400;
  font-size: 44px;
  text-transform: capitalize;
  font-family: "Playball", cursive;
}

.franchisebannersec .franchisetitle p {
  color: #1789cb;
  font-size: 20px;
}

.franchisebannersec img {
  width: 100%;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.franchisefrmsec {
  position: relative;
  /*background: #396DAC;*/
  padding-top: 6em;
  padding-bottom: 6em;
}

/*.franchisefrmsec:after {
    content: '';
    position: absolute;
    background: url(../images/light-blue-cureve.png) no-repeat scroll bottom center / 100%;
    top: -3em;
    left: 0px;
    width: 100%;
    height: 34%;
}*/

.franchisefrmsec .franchisefrmblock {
  padding: 3em;
  margin: 0 4em;
  border-radius: 15px;
  position: relative;
  background: #fff;
  box-shadow: 8px 7px 0px 0px #aadbf8;
  transform: rotate(-3.713deg);
}

.franchisefrmsec .franchisefrmblock input:not([type="submit"]),
.franchisefrmsec .franchisefrmblock textarea {
  background: no-repeat;
  border-top: medium none;
  width: 100%;
  border-right: medium none;
  border-left: medium none;
  border-bottom: 1px solid #0068b4;
  padding: 12px 15px;
  margin-bottom: 25px;
  color: #3b5998;
  font-weight: 400;
}

.franchisefrmsec .franchisefrmblock input[type="submit"] {
  border: medium none;
  font-weight: 500;
  width: 100%;
  background: #3b5998;
  color: #fff;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 25px;
  text-transform: uppercase;
  box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px rgba(0, 0, 0, 0.02),
    0px 6.650102138519287px 5.32008171081543px 0px rgba(0, 0, 0, 0.03),
    0px 12.521552085876465px 10.017241477966309px 0px rgba(0, 0, 0, 0.04),
    0px 22.3363094329834px 17.869047164916992px 0px rgba(0, 0, 0, 0.04),
    0px 41.777610778808594px 33.422088623046875px 0px rgba(0, 0, 0, 0.05),
    0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

.franchisefrm-titleBlock {
  transform: rotate(-3.713deg);
  position: relative;
  padding-bottom: 1em;
  left: -1em;
}

.franchisefrm-titleBlock .franchisefrm-title {
  font-size: 2.2em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  /* margin: 0 2em; */
}

.franchisefrm-titleBlock .franchisefrm-title span {
  display: block;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.franchise-uspCvr {
  margin-top: 4em;
}

.franchise-uspCvr .franchise-uspBlock .title {
  color: #fff;
  /* font-family: Poppins; */
  font-size: 24px;
  /* font-style: normal; */
  font-weight: 600;
  line-height: normal;
  /* text-transform: uppercase; */
  line-height: 1.4;
}

.inner-pages-list li span {
  background: #396dac !important;
}

.inner-pages-list li span img {
  filter: brightness(0) invert(1);
}

.inner-pages-list li {
  width: 24% !important;
  padding: 0px 4px;
}

.inner-pages-list li p {
  color: #aadbf8;
  font-weight: 500;
  font-size: 15px !important;
}

.franchise-uspCvr .franchise-uspBlock ul {
  list-style: none;
  display: table;
  width: 100%;
  padding: 0;
  margin: 1em 0;
}

.franchise-uspCvr .franchise-uspBlock ul li {
  float: left;
  width: 16%;
  text-align: center;
}

.franchise-uspCvr .franchise-uspBlock ul li span {
  border-radius: 50%;
  background: #3568a5;
  box-shadow: 2.7080745697021484px 2.7080745697021484px 0px 0px #fff;
  padding: 24px;
  display: block;
  /* margin: 0 2em 1em; */
  height: 100px;
  width: 100px;
  margin: 15px auto;
}

.franchise-uspCvr .franchise-uspBlock ul li span img {
  width: 50px;
  filter: brightness(0) invert(1);
}

.franchise-uspCvr .franchise-uspBlock ul li p {
  color: #aadbf8;
  font-weight: 500;
  font-size: 18px;
}

.franchise-uspCvr .franchise-uspBlock:first-child {
  margin-bottom: 2em;
}

.whyjoinfranchisesec {
  padding: 0em 0px 2em;
  /* background: #B3B70D; */
}

.whyjoinfranch-titleBlock .whyjoinfranch-title {
  font-size: 35px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
}

.whyjoinfranch-title span {
  display: block;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
  font-family: "Playball", cursive;
}

.whyjoinfranchisesec .whyjoinfranch-titleBlock .whyjoinfranch-desc {
  color: #d9d4d4;
  font-weight: 500;
  text-align: justify;
  line-height: 27px;
}
.whyjoinfranchisesec .whyjoinfranch-titleBlock .whyjoinfranch-desc b{
  font-weight: 800;
  color: #fff7eb;
}
.whyjoinfranchisesec .whyjoinfranch-titleBlock ol li,
.whyjoinfranchisesec .whyjoinfranch-titleBlock ul li{
  margin-bottom: 10px;
}

.whyjoinfranch-desctwo strong {
  color: #ffc367 !important;
}

.whyjoinfranch-desctwo {
  color: #ffffff;
  font-weight: 500;
  text-align: justify;
}

.table-responsive{
  padding: 30px 0 40px;
}
.table-responsive .table {
  border-color: #d5d5d5;
}

.table-responsive .table th,
.table-responsive .table td {
  padding: 12px 10px;
  font-size: 17px;
  color: #FFF;
}

.table-responsive .table thead th {
  font-weight: 600;
  text-align: center;
}

.table-responsive .table tbody td:first-child {
  width: 19%;
}

.whyjoinfranchisesec .whyjoin-kaka {
  text-align: right;
}

.whyjoin-kaka .whyjoin-kaka img {
  width: 470px;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.whyjoinfranchisesec .whyjoinfranch-lists ul {
  list-style: none;
  padding: 0px;
  margin-top: 1em;
  margin-bottom: 0px !important;
}

.whyjoinfranchisesec .whyjoinfranch-lists ul li {
  color: #fff;
  margin: 0.5rem 5em 0px 0em;
  position: relative;
  padding-left: 34px;
}

.whyjoinfranchisesec .whyjoinfranch-lists ul li::before {
  background-image: url(../images/favicon.png);
  background-position: center;
  background-size: cover;
  content: "";
  width: 22px !important;
  height: 21px !important;
  padding: 9px !important;
  position: absolute;
  top: 3px;
  left: 0;
  /* background-color: #021526; */
  filter: brightness(0) invert(1);
  margin-right: 13px;
}

.whyjoinfranch-lists h4 {
  color: #fff;
  margin-bottom: 0px;
}

.whyjoinfranchisesec .dwonloadlink {
  background: #fff;
  color: #939710;
  text-decoration: none;
  padding: 10px 35px;
  display: inline-block;
  margin-top: 3em;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  /* box-shadow: 2px 3px 1px #ffffff; */
  box-shadow: 4px 4px 0 #939710;
  transition: all 0.1s linear;
}

.whyjoinfranchisesec .dwonloadlink:hover {
  background: #fff;
  color: #939710;
  box-shadow: 2px 2px 0 #939710;
  transform: translate(2px, 2px) !important;
}

.whyjoin-usps-sec {
  padding: 8em 0 8em;
}

.whyjoin-usps {}

.whyjoin-usps-sec .usptitle {
  margin-bottom: 4em;
}

.whyjoin-usps-sec .usptitle h3 {
  color: #fff;
  font-family: "Playball", cursive;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 2.7em;
  line-height: 1;
  text-align: left;
}

.whyjoin-usps-sec .usptitle h3 span {
  color: #fff;
  display: block;
  text-align: right;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.whyjoin-usps .whyjoin-uspslist {
  display: flex;
  list-style: none;
  /* row-gap: 88px; */
  column-gap: 5%;
  justify-content: space-around;
  flex-flow: row wrap;
  margin-top: 2em;
  padding: 0;
  /* display: table; */
}

.whyjoin-usps .whyjoin-uspslist li {
  text-align: center;
  padding: 0 16px;
  float: left;
  width: 15%;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg {
  border: 1px solid;
  display: inline-block;
  border-radius: 0px 0px 0px 30px;
  background: #7e29a5;
  box-shadow: 4px 4px 0px 0px #fff;
  padding: 24px;
  margin-bottom: 20px;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg.purple-bg {
  background: #7e29a5;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg.red-bg {
  background: #e84318;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg.blue-bg {
  background: #4f3bc6;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg.pink-bg {
  background: #d6335a;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg.light-blue-bg {
  background: #1789cb;
}

.whyjoin-usps .whyjoin-uspslist li .whyjoin-uspsImg img {
  width: 80px;
}

.whyjoin-usps .whyjoin-uspslist li p {
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.frallproduct {}

.mainservices.frallproduct h3.linetitle {
  color: #fff;
  -webkit-text-stroke: 1px #fff;
}

.mainservices.frallproduct h3.linetitle span {
  color: #fff;
}

.mainservices.frallproduct h3.solidtitle {
  color: #fff;
}

.mainservices.frallproduct .prdlink {
  background: #fff;
  color: #d6335a;
  box-shadow: 4px 4px 0 #a82242;
  transition: all 0.1s linear;
}

.mainservices.frallproduct .prdlink:hover {
  background: #fff;
  color: #d6335a;
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0 #a82242;
}

.franchise-productsec {
  position: relative;
  /* background: #f6c8cc; */
  padding-top: 4em;
  padding-bottom: 2em;
}

/*.franchise-productsec #wheel-slider .swiper-slide.swiper-slide-prev {
    transform: rotate(0deg) translateY(0px) translateX(150px) !important;
    -webkit-transform: rotate(0deg) translateY(0px) translateX(150px) !important;
    -moz-transform: rotate(0deg) translateY(0px) translateX(150px) !important;
    -ms-transform: rotate(0deg) translateY(0px) translateX(150px) !important;
    -o-transform: rotate(0deg) translateY(0px) translateX(150px) !important;
}
.franchise-productsec #wheel-slider .swiper-slide.swiper-slide-next {
    transform: rotate(0deg) translateY(0px) translateX(-150px) !important;
    -webkit-transform: rotate(0deg) translateY(0px) translateX(-150px) !important;
    -moz-transform: rotate(0deg)translateY(0px) translateX(-150px) !important;
    -ms-transform: rotate(0deg) translateY(0px) translateX(-150px) !important;
    -o-transform: rotate(0deg) translateY(0px) translateX(-150px) !important;
}*/
.franchise-productsec .franchise-productsec-titleBlock {
  margin-bottom: 5em;
}

.franchise-productsec .franchise-productsec-titleBlock .franchise-productsec-title {
  font-size: 2.4em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}

.franchise-productsec .franchise-productsec-titleBlock .franchise-productsec-title span {
  display: block;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

.franchise-productsec .product-slider-sec::before {
  display: none;
}

.franchise-partner-say {
  /*background:#EFDE8F;*/
  padding-top: 12em;
  padding-bottom: 12em;
  position: relative;
}

.franchise-partner-say .partnersay-titleBlock .partnersay-title {
  font-size: 2.4em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 800;
  line-height: 1.2;
}

.franchise-partner-say .partnersay-titleBlock .partnersay-title span {
  display: block;
  color: #ffffff;
  font-family: "Playball", cursive;
  text-transform: capitalize;
  font-weight: 400;
}

.franchise-partner-say .dwonload {
  background: #fff;
  color: #4f4517;
  text-decoration: none;
  padding: 10px 35px;
  display: inline-block;
  margin-top: 2em;
  margin-bottom: 3em;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 #4f4517;
  transition: all 0.1s linear;
}

.franchise-partner-say .dwonload:hover {
  background: #fff;
  color: #4f4517;
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0 #4f4517;
}

.partnersay-testimonial {
  margin: 0 2em;
}

.partnersay-testimonial .content {
  padding: 26px 30px;
  border-radius: 6px;
  margin-bottom: 15px;
  position: relative;
  background: #057783 !important;
  min-height: 232px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partnersay-testimonial .content:after {
  content: "";
  border-top: 23px solid #057783;
  border-left: 20px solid transparent;
  border-right: 18px solid transparent;
  position: absolute;
  bottom: -20px;
  left: 40%;
  margin: 0 auto;
  text-align: center;
}

.partnersay-testimonial .description {
  margin-bottom: 10px;
  color: #ffffff;
  text-align: center;
}

.partnersay-testimonial .testimonial-pic {
  float: left;
}

.partnersay-testimonial .testimonial-author {
  display: flex;
  align-items: center;
  margin-top: 2em;
}

.partnersay-testimonial .testimonial-pic>img {
  width: 80px !important;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #128793;
  padding: 6px;
}

.partnersay-testimonial .testimonial-review {
  margin: 3px 0 0 15px;
  float: left;
}

.partnersay-testimonial .testimonial-title {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0;
  color: #fff;
}

.partnersay-testimonial>.testimonial-review span {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.testimonial-review span {
  color: #fff !important;
}

.franchise-customer-say {
  /*background:#b1d8f2;*/
  padding-top: 7em;
  padding-bottom: 8em;
  position: relative;
  z-index: 444;
}

/*
.franchise-customer-say::before {
    content: '';
    position: absolute;
    background: url(../images/light-blue-reverse-curve.png) no-repeat scroll top center / 100%;
    top: -16em;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}*/

.franchise-customer-say .customersay-titleBlock .customersay-title {
  font-size: 2.6em;
  text-transform: uppercase;
  color: #0094d9;
  font-weight: 800;
  line-height: 1.2;
  text-align: right;
}

.franchise-customer-say .customersay-titleBlock .customersay-title span {
  display: block;
  text-transform: capitalize;
  font-family: "Playball", cursive;
  color: #0094d9;
  font-weight: 400;
  text-align: left;
}

.franchise-customer-say .customersay-slider {
  padding: 8em 0px 1em;
}

.franchise-customer-say .customersay-testimonial {
  margin: 0 2em;
}

.franchise-customer-say .customersay-testimonial .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}

.franchise-customer-say .owl-item:nth-child(odd) .customersay-testimonial .content {
  transform: rotate(-8.263deg);
  margin-top: 3em;
}

.franchise-customer-say .owl-item:nth-child(even) .customersay-testimonial .content {
  transform: rotate(1.887deg);
}

.franchise-customer-say .customersay-testimonial .content .description {
  border-radius: 8.909px;
  border: 4.455px solid #1789cb;
  background: #aadbf8;
  padding: 2em;
  min-height: 11em;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  /* transform: rotate(-8.263deg); */
  z-index: 22;
}

.franchise-customer-say .owl-item:nth-child(odd) .customersay-testimonial .content .description {
  box-shadow: -8px 9px 0px -3px #1789cb;
}

.franchise-customer-say .owl-item:nth-child(even) .customersay-testimonial .content .description {
  box-shadow: 8px 9px 0px -3px #1789cb;
}

.franchise-customer-say .customersay-testimonial .content .testimonial-title {
  color: #1789cb;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 18px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

/* franchise page end */

/* lassi page start */
.kesarmainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #E1280A;*/
}

.kesarmainblogs .prodbtn a {
  color: #e1280a;
}

.prodpgprodimgdiv {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  z-index: 44;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 430px;
  width: 380px;
}

.prodpgprodimg {
  height: 430px;
  width: auto;
  max-width: inherit;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 33;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.prodpgprodimgdiv:hover,
.prodpgprodimgdiv:focus {
  -webkit-transform: rotate(2deg) scale3d(1.05, 1.05, 1.05);
  transform: rotate(2deg) scale3d(1.05, 1.05, 1.05);
}

.prodpgprodimg:hover,
.prodpgprodimg:focus {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.07, 1.07, 1.07);
    transform: scale3d(1.07, 1.07, 1.07);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.prodtitle1 {
  position: absolute;
  top: 30%;
  left: 15%;
  font-size: 8em;
  text-transform: uppercase;
  color: transparent;
  font-weight: 900;
  margin-bottom: 8px;
  -webkit-text-stroke: 1px white;
  line-height: 1;
  z-index: 22;
}

.prodtitle2 {
  position: absolute;
  right: 26%;
  bottom: 25%;
  font-size: 8em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1;
  z-index: 11;
}

.prodbtn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 7%;
  text-align: center;
}

.prodbtn a {
  padding: 16px 7px;
  color: #fff !important;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  text-decoration: none;
  font-size: 11px;
  margin-top: 4px;
  display: inline-block;
  height: 75px;
  width: 75px;
  text-align: center;
  border-style: dashed;
}

.prodbtn a:hover {
  border: 2px solid #fff;
}

.makhaniyamainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #9DC809;*/
}

.makhaniyamainblogs .prodbtn a {
  color: #9dc809;
}

.strawberrymainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #FD6B83;*/
}

.strawberrymainblogs .prodbtn a {
  color: #fd6b83;
}

.mangomainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #F2A300;*/
}

.mangomainblogs .prodbtn a {
  color: #f2a300;
}

.kishmishkajumainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #0053A8;*/
}

.kishmishkajumainblogs .prodbtn a {
  color: #0053a8;
}

.chocolatemainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #512B2A;*/
}

.chocolatemainblogs .prodbtn a {
  color: #512b2a;
}

.rajwadimainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #60449A;*/
}

.rajwadimainblogs .prodbtn a {
  color: #60449a;
}

.rosemainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #B22949;*/
}

.rosemainblogs .prodtitle1 {
  left: 23%;
}

.rosemainblogs .prodbtn a {
  color: #b22949;
}

.color-rose {
  background-color: #b22949;
}

.color-rajwadi {
  background-color: #60449a;
}

.color-chocolate {
  background-color: #512b2a;
}

.color-kishmishkaju {
  background-color: #062c52;
}

.color-mango {
  background-color: #f2a300;
}

.color-strawberry {
  background-color: #fd6b83;
}

.color-makhaniya {
  background-color: #9dc809;
}

.color-kesar {
  background-color: #e1280a;
}

.pineapplemainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #D8B400;*/
}

.pineapplemainblogs .prodbtn a {
  color: #d8b400;
}

.color-pineapple {
  background-color: #d8b400;
}

.butterscotchmainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #EDD1A0;*/
}

.butterscotchmainblogs .prodbtn a {
  color: #edd1a0;
}

.color-butterscotch {
  background-color: #edd1a0;
}

.kajubadammainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #F48D19;*/
}

.kajubadammainblogs .prodbtn a {
  color: #f48d19;
}

.color-kajubadam {
  background-color: #f48d19;
}

.patialamainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #00739B;*/
}

.patialamainblogs .prodbtn a {
  color: #00739b;
}

.color-patiala {
  background-color: #00739b;
}

.saltymainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #74B5C7;*/
}

.saltymainblogs .prodtitle1 {
  left: 21%;
}

.saltymainblogs .prodbtn a {
  color: #74b5c7;
}

.color-salty {
  background-color: #74b5c7;
}

.blueberrymainblogs {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #7E58C2;*/
}

.blueberrymainblogs .prodbtn a {
  color: #7e58c2;
}

.color-blueberry {
  background-color: #7e58c2;
}

/* lassi page end */

/* dahi page start */

.dahipouchsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #064D83;*/
}

.dahipouchsec .prodbtn a {
  color: #064d83;
}

.dahipouchsec .prodpgprodimg {
  height: 500px;
  margin-left: -3em;
  max-width: inherit;
}

.dahipouchsec .prodtitle1 {
  left: 27%;
}

.dahipouchsec .prodtitle2 {
  right: 17%;
}

.color-dahipouch {
  background-color: #064d83;
}

.dahicupsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #1189BF;*/
}

.dahicupsec .prodtitle1 {
  left: 27%;
}

.dahicupsec .prodtitle2 {
  right: 28%;
}

.dahicupsec .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  max-width: inherit;
}

.dahicupsec .prodbtn a {
  color: #1189bf;
}

.color-dahicup {
  background-color: #1189bf;
}

.dahicupsec2 {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #006DA0;*/
}

.dahicupsec2 .prodtitle1 {
  left: 27%;
}

.dahicupsec2 .prodtitle2 {
  right: 28%;
}

.dahicupsec2 .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  max-width: inherit;
}

.dahicupsec2 .prodbtn a {
  color: #006da0;
}

.color-dahicup2 {
  background-color: #006da0;
}

.dahicupsec1 {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #1189BF;*/
}

.dahicupsec1 .prodtitle1 {
  left: 23%;
}

.dahicupsec1 .prodtitle2 {
  right: 24%;
}

.dahicupsec1 .prodpgprodimg {
  height: 220px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.dahicupsec1 .prodbtn a {
  color: #1189bf;
}

.color-dahicup1 {
  background-color: #1189bf;
}

/* dahi page end */

/* buttermilk page start */
.buttermilkpouchsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #0A8BC2;*/
}

.buttermilkpouchsec .prodbtn a {
  color: #0a8bc2;
}

.color-buttermilkpouch {
  background-color: #0a8bc2;
}

.buttermilkpouchsec .prodpgprodimg {
  max-width: initial;
  width: auto;
  height: 500px;
  margin-left: -3em;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.buttermilkpouchsec .prodtitle1 {
  left: 15%;
}

.buttermilkpouchsec .prodtitle2 {
  right: 15%;
}

.buttermilkglasssec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #9CC2C2;*/
}

.buttermilkglasssec .prodbtn a {
  color: #9cc2c2;
}

.color-buttermilkglass {
  background-color: #9cc2c2;
}

.buttermilkglasssec .prodtitle2 {
  right: 24%;
}

.buttermilkglasssec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.buttermilkbottlesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #0278AE;*/
}

.buttermilkbottlesec .prodbtn a {
  color: #0278ae;
}

.color-buttermilkbottle {
  background-color: #0278ae;
}

.buttermilkbottlesec .prodpgprodimg {
  height: 520px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.buttermilkbottlesec .prodtitle2 {
  right: 20%;
}

.mintmasalasec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #5CAC62;*/
}

.mintmasalasec .prodbtn a {
  color: #5cac62;
}

.color-mintmasala {
  background-color: #5cac62;
}

.mintmasalasec .prodtitle1 {
  left: 25%;
}

.mintmasalasec .prodtitle2 {
  right: 18%;
}

.mintmasalasec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.specialmasalasec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #ED743B;*/
}

.specialmasalasec .prodbtn a {
  color: #ed743b;
}

.color-specialmasala {
  background-color: #ed743b;
}

.specialmasalasec .prodtitle2 {
  right: 18%;
}

.specialmasalasec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

/* buttermilk page end */

/* matho page strat */
.rajbhogmathosec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #01047C;*/
}

.rajbhogmathosec .prodbtn a {
  color: #01047c;
}

.color-rajbhogmatho {
  background-color: #01047c;
}

.rajbhogmathosec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.rajbhogmathosec .prodtitle2 {
  right: 18%;
}

.kesharpistamathosec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #C92027;*/
}

.kesharpistamathosec .prodbtn a {
  color: #c92027;
}

.color-kesharpistamatho {
  background-color: #c92027;
}

.kesharpistamathosec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.kesharpistamathosec .prodtitle2 {
  right: 18%;
}

.creamfruitmathosec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #BD686D;*/
}

.creamfruitmathosec .prodbtn a {
  color: #bd686d;
}

.color-creamfruitmatho {
  background-color: #bd686d;
}

.creamfruitmathosec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.creamfruitmathosec .prodtitle2 {
  right: 18%;
}

.americanmathosec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #219CBA;*/
}

.americanmathosec .prodbtn a {
  color: #219cba;
}

.color-americanmatho {
  background-color: #219cba;
}

.americanmathosec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.americanmathosec .prodtitle2 {
  right: 18%;
}

.mangomathosec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #F67500;*/
}

.mangomathosec .prodbtn a {
  color: #f67500;
}

.color-mangomatho {
  background-color: #f67500;
}

.mangomathosec .prodpgprodimg {
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.mangomathosec .prodtitle2 {
  right: 18%;
}

/* matho page end */

/* candy page start */
.blueberrycandysec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #0068A4;*/
}

.blueberrycandysec .prodbtn a {
  color: #0068a4;
}

.color-blueberrycandy {
  background-color: #0068a4;
}

.blueberrycandysec .prodpgprodimg {
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.blueberrycandysec .prodtitle2 {
  right: 28%;
}

.mangocandysec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #FFA600;*/
}

.mangocandysec .prodbtn a {
  color: #ffa600;
}

.color-mangocandy {
  background-color: #ffa600;
}

.mangocandysec .prodpgprodimg {
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.mangocandysec .prodtitle2 {
  right: 28%;
}

.californiacandysec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #905D39;*/
}

.californiacandysec .prodbtn a {
  color: #905d39;
}

.color-californiacandy {
  background-color: #905d39;
}

.californiacandysec .prodpgprodimg {
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.californiacandysec .prodtitle1 {
  left: 12%;
}

.californiacandysec .prodtitle2 {
  right: 12%;
}

.swisscandysec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #C29176;*/
}

.swisscandysec .prodbtn a {
  color: #c29176;
}

.color-swisscandy {
  background-color: #c29176;
}

.swisscandysec .prodpgprodimg {
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.swisscandysec .prodtitle1 {
  left: 21%;
}

.swisscandysec .prodtitle2 {
  right: 12%;
}

.chococandysec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #4A4441;*/
}

.chococandysec .prodbtn a {
  color: #4a4441;
}

.color-chococandy {
  background-color: #4a4441;
}

.chococandysec .prodpgprodimg {
  height: 480px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.chococandysec .prodtitle1 {
  left: 18%;
}

.chococandysec .prodtitle2 {
  right: 25%;
}

/* candy page end */

/* kulfi page start */
.belgiamkulfisec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #795036;*/
}

.belgiamkulfisec .prodbtn a {
  color: #795036;
}

.color-belgiamkulfi {
  background-color: #795036;
}

.belgiamkulfisec .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.belgiamkulfisec .prodtitle1 {
  left: 18%;
}

.belgiamkulfisec .prodtitle2 {
  right: 12%;
}

.nutskulfisec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #E6BE89;*/
}

.nutskulfisec .prodbtn a {
  color: #e6be89;
}

.color-nutsnnuntskulfi {
  background-color: #e6be89;
}

.nutskulfisec .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.nutskulfisec .prodtitle1.nn {
  left: 10%;
}

.nutskulfisec .prodtitle2 {
  right: 30%;
}

.mexicankulfisec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #E9911B;*/
}

.mexicankulfisec .prodbtn a {
  color: #e9911b;
}

.color-mexicankulfi {
  background-color: #e9911b;
}

.mexicankulfisec .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.mexicankulfisec .prodtitle1 {
  left: 15%;
}

.mexicankulfisec .prodtitle2 {
  right: 22%;
}

.almondkulfisec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #DAA044;*/
}

.almondkulfisec .prodbtn a {
  color: #daa044;
}

.color-almondkulfi {
  background-color: #daa044;
}

.almondkulfisec .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.almondkulfisec .prodtitle1 {
  left: 15%;
}

.almondkulfisec .prodtitle2 {
  right: 19%;
}

.nutskulfisec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #A0D4DC;*/
}

.nutskulfisec .prodbtn a {
  color: #a0d4dc;
}

.color-nutskulfi {
  background-color: #a0d4dc;
}

.nutskulfisec .prodpgprodimg {
  height: 440px;
  -webkit-filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(5px 10px 5px rgba(0, 0, 0, 0.3));
}

.nutskulfisec .prodtitle1 {
  left: 29%;
}

.nutskulfisec .prodtitle2 {
  right: 29%;
}

/* kulfi page end */

/* power milk page start */
.yummymangopowermilksec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #F9BC07;*/
}

.yummymangopowermilksec .prodbtn a {
  color: #f9bc07;
}

.color-yummymangopowermilk {
  background-color: #f9bc07;
}

.yummymangopowermilksec .prodtitle1 {
  left: 17%;
}

.yummymangopowermilksec .prodtitle2 {
  right: 18%;
}

.greenelaichipowermilksec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #5B922A;*/
}

.greenelaichipowermilksec .prodbtn a {
  color: #5b922a;
}

.color-greenelaichipowermilk {
  background-color: #5b922a;
}

.greenelaichipowermilksec .prodtitle1 {
  left: 22%;
}

.greenelaichipowermilksec .prodtitle2 {
  right: 18%;
}

.coldcoffeepowermilksec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #9F441B;*/
}

.coldcoffeepowermilksec .prodbtn a {
  color: #9f441b;
}

.color-coldcoffeepowermilk {
  background-color: #9f441b;
}

.coldcoffeepowermilksec .prodtitle1 {
  left: 26%;
}

.coldcoffeepowermilksec .prodtitle2 {
  right: 20%;
}

.kashmirikesarpowermilksec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #E5B360;*/
}

.kashmirikesarpowermilksec .prodbtn a {
  color: #e5b360;
}

.color-kashmirikesarpowermilk {
  background-color: #e5b360;
}

.kashmirikesarpowermilksec .prodtitle2 {
  right: 22%;
}

/* power milk page end */

/* cone page start */
.turbochocolateconesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #84513D;*/
}

.turbochocolateconesec .prodbtn a {
  color: #84513d;
}

.color-turbochocolatecone {
  background-color: #84513d;
}

.turbochocolateconesec .prodtitle1 {
  left: 20%;
}

.turbochocolateconesec .prodtitle2 {
  right: 14%;
}

.chocobrownieconesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #3A97CD;*/
}

.chocobrownieconesec .prodbtn a {
  color: #3a97cd;
}

.color-chocobrowniecone {
  background-color: #3a97cd;
}

.chocobrownieconesec .prodtitle1 {
  left: 17%;
}

.chocobrownieconesec .prodtitle2 {
  right: 17%;
}

.butterscotchconesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #E7914D;*/
}

.butterscotchconesec .prodbtn a {
  color: #e7914d;
}

.color-butterscotchcone {
  background-color: #e7914d;
}

.butterscotchconesec .prodtitle1 {
  left: 16%;
}

.butterscotchconesec .prodtitle2 {
  right: 19%;
}

.kesarpistaconesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #88B238;*/
}

.kesarpistaconesec .prodbtn a {
  color: #88b238;
}

.color-kesarpistacone {
  background-color: #88b238;
}

.kesarpistaconesec .prodtitle1 {
  left: 19%;
}

.kesarpistaconesec .prodtitle2 {
  right: 29%;
}

.chocovanilaconesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #CC9752;*/
}

.chocovanilaconesec .prodbtn a {
  color: #cc9752;
}

.color-chocovanilacone {
  background-color: #cc9752;
}

.chocovanilaconesec .prodtitle1 {
  left: 17%;
}

.chocovanilaconesec .prodtitle2 {
  right: 22%;
}

.chocolateconesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #592423;*/
}

.chocolateconesec .prodbtn a {
  color: #592423;
}

.color-chocolatecone {
  background-color: #592423;
}

.chocolateconesec .prodtitle1 {
  left: 12%;
}

.chocolateconesec .prodtitle2 {
  right: 31%;
}

/* cone page end */

/* milk shake page end */
.coldcocoshakesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #8A614C;*/
}

.coldcocoshakesec .prodbtn a {
  color: #8a614c;
}

.color-coldcocoshake {
  background-color: #8a614c;
}

.coldcocoshakesec .prodtitle1 {
  left: 24%;
}

.coldcocoshakesec .prodtitle2 {
  right: 25%;
}

.thandaishakesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #D0DAA3;*/
}

.thandaishakesec .prodbtn a {
  color: #d0daa3;
}

.color-thandaishake {
  background-color: #d0daa3;
}

.thandaishakesec .prodtitle1 {
  left: 15%;
}

.thandaishakesec .prodtitle2 {
  right: 22%;
}

.kajuanjeershakesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #DFBB92;*/
}

.kajuanjeershakesec .prodbtn a {
  color: #dfbb92;
}

.color-kajuanjeershake {
  background-color: #dfbb92;
}

.kajuanjeershakesec .prodtitle1 {
  left: 23%;
}

.kajuanjeershakesec .prodtitle2 {
  right: 19%;
}

.lachharabrishakesec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #00B9D6;*/
}

.lachharabrishakesec .prodbtn a {
  color: #00b9d6;
}

.color-lachharabrishake {
  background-color: #00b9d6;
}

.lachharabrishakesec .prodpgprodimg {
  height: 280px;
}

.lachharabrishakesec .prodtitle1 {
  left: 9%;
}

.lachharabrishakesec .prodtitle2 {
  right: 19%;
}

/* milk shake  page end */

/* sandwich  page start */
.vanilasandwichsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #4FB4D1;*/
}

.vanilasandwichsec .prodbtn a {
  color: #4fb4d1;
}

.color-vanilasandwich {
  background-color: #4fb4d1;
}

.vanilasandwichsec .prodtitle1 {
  left: 18%;
}

.vanilasandwichsec .prodtitle2 {
  right: 17%;
}

.chocolatesandwichsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #F0A65F;*/
}

.chocolatesandwichsec .prodbtn a {
  color: #f0a65f;
}

.color-chocolatesandwich {
  background-color: #f0a65f;
}

.chocolatesandwichsec .prodtitle1 {
  left: 15%;
}

.chocolatesandwichsec .prodtitle2 {
  right: 17%;
}

/* sandwich  page end */

/* Family Packs  page start */
.vanilaiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #022D89;*/
}

.vanilaiceceamsec .prodbtn a {
  color: #022d89;
}

.color-vanilaiceceam {
  background-color: #022d89;
}

.vanilaiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.vanilaiceceamsec .prodtitle1 {
  left: 15%;
}

.vanilaiceceamsec .prodtitle2 {
  right: 17%;
}

.alphonsomangoiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #FFA425;*/
}

.alphonsomangoiceceamsec .prodbtn a {
  color: #ffa425;
}

.color-alphonsomangoiceceam {
  background-color: #ffa425;
}

.alphonsomangoiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.alphonsomangoiceceamsec .prodtitle1 {
  left: 15%;
}

.alphonsomangoiceceamsec .prodtitle2 {
  right: 17%;
}

.butterscotchiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #98E5FF;*/
}

.butterscotchiceceamsec .prodbtn a {
  color: #98e5ff;
}

.color-butterscotchiceceam {
  background-color: #98e5ff;
}

.butterscotchiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.butterscotchiceceamsec .prodtitle1 {
  left: 15%;
}

.butterscotchiceceamsec .prodtitle2 {
  right: 17%;
}

.kajudrakshiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #FFCA88;*/
}

.kajudrakshiceceamsec .prodbtn a {
  color: #ffca88;
}

.color-kajudrakshiceceam {
  background-color: #ffca88;
}

.kajudrakshiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.kajudrakshiceceamsec .prodtitle1 {
  left: 15%;
}

.kajudrakshiceceamsec .prodtitle2 {
  right: 17%;
}

.cookiecreamiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #E1D0D0;*/
}

.cookiecreamiceceamsec .prodbtn a {
  color: #e1d0d0;
}

.color-cookiecreamiceceam {
  background-color: #e1d0d0;
}

.cookiecreamiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.cookiecreamiceceamsec .prodtitle1 {
  left: 15%;
}

.cookiecreamiceceamsec .prodtitle2 {
  right: 17%;
}

.chocolatechipsiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #D79986;*/
}

.chocolatechipsiceceamsec .prodbtn a {
  color: #d79986;
}

.color-chocolatechipsiceceam {
  background-color: #d79986;
}

.chocolatechipsiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.chocolatechipsiceceamsec .prodtitle1 {
  left: 15%;
}

.chocolatechipsiceceamsec .prodtitle2 {
  right: 17%;
}

.americanmangoiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #8DD7E4;*/
}

.americanmangoiceceamsec .prodbtn a {
  color: #8dd7e4;
}

.color-americanmangoiceceam {
  background-color: #8dd7e4;
}

.americanmangoiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.americanmangoiceceamsec .prodtitle1 {
  left: 15%;
}

.americanmangoiceceamsec .prodtitle2 {
  right: 17%;
}

.chocobrownieiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #80483B;*/
}

.chocobrownieiceceamsec .prodbtn a {
  color: #80483b;
}

.color-chocobrownieiceceam {
  background-color: #80483b;
}

.chocobrownieiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.chocobrownieiceceamsec .prodtitle1 {
  left: 15%;
}

.chocobrownieiceceamsec .prodtitle2 {
  right: 17%;
}

.kesarpistachioiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #B2DFBA;*/
}

.kesarpistachioiceceamsec .prodbtn a {
  color: #b2dfba;
}

.color-kesarpistachioiceceam {
  background-color: #b2dfba;
}

.kesarpistachioiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.kesarpistachioiceceamsec .prodtitle1 {
  left: 15%;
}

.kesarpistachioiceceamsec .prodtitle2 {
  right: 17%;
}

.rajbhogiceceamsec {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /*background: #B9AEFA;*/
}

.rajbhogiceceamsec .prodbtn a {
  color: #b9aefa;
}

.color-rajbhogiceceam {
  background-color: #b9aefa;
}

.rajbhogiceceamsec .prodpgprodimg {
  height: 250px;
  margin-left: -4em;
  max-width: inherit;
}

.rajbhogiceceamsec .prodtitle1 {
  left: 15%;
}

.rajbhogiceceamsec .prodtitle2 {
  right: 17%;
}

/* Family Packs   page end */

.nutritionalpopup .modal-header {
  background: #f3f3f3;
  background: #1789cb;
  color: #fff;
}

.nutritionalpopup .modal-header .modal-title {
  font-weight: 700;
  text-transform: capitalize;
}

.nutritionalpopup .modal-body .table {
  font-size: 13px;
  border-radius: 15px;
}

.nutritionalpopup .modal-body .table.table-bordered> :not(caption)>*>* {
  border-width: 1px 1px;
  border-color: #add6ed;
}

.nutritionalpopup .modal-content {
  border-radius: 15px;
  background: #ccecff;
}

.faded-text .f-text span {
  position: relative;
  display: block;
  font-size: 200px;
  color: #01002c;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 60px;
  -webkit-text-fill-color: #111858;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 2px;
  /* -webkit-text-stroke-color: #01002c; */
  -webkit-animation: linear infinite alternate;
  background-color: transparent;
  -webkit-animation-name: run;
  -webkit-animation-duration: 7s;
  -ms-animation: linear infinite alternate;
  -ms-animation-name: run;
  -ms-animation-duration: 7s;
  -moz-animation: linear infinite alternate;
  -moz-animation-name: run;
  -moz-animation-duration: 7s;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  opacity: 0.3;
  transform: translateY(-50%);
}

@-webkit-keyframes run {
  0% {
    left: -30%;
  }

  50% {
    left: 0%;
  }

  100% {
    left: 30%;
  }
}

@-moz-keyframes run {
  0% {
    left: -30%;
  }

  50% {
    left: 0%;
  }

  100% {
    left: 30%;
  }
}

.service-describtion {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0px !important;
  padding: 12px 0px;
  background-color: #00000057;
  border-radius: 0px 0px 14px 14px;
  backdrop-filter: blur(4px);
}

.service-describtion a {
  color: #ffffffc7;
  text-decoration: none;
  display: block;
}

.animation-image img {
  width: 100%;
}

#bannersec {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/growup-business/hero-pattern.png);
}

.mainservices {
  background-position: center;
  background-repeat: no-repeat;
}

.animation-image img {
  animation: circle-animations 8s linear infinite;
}

@keyframes circle-animations {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wc-btn-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 170px;
  height: 170px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  text-transform: capitalize;
  color: red;
  border: 1px solid #fff;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: transparent;
}

.wc-btn-secondary span {
  width: 40px;
  height: 50px;
  background-color: #fff;
}

.wc-btn-secondary {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  background-color: #d9242a;
  z-index: -1;
  border-radius: 100%;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.textminial {
  padding-left: 0px;
}

.text-monial-box {
  padding: 26px 20px;
  background-color: #1b7c87;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}

.review p {
  color: #fff;
  font-size: 19px !important;
  padding-right: 5px;
}

.text-monial-box {
  position: relative;
}

.text-icon {
  position: absolute;
  top: -46px;
  left: 0;
}

.review {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  height: 180px;
  overflow-y: scroll;
  padding-bottom: 5px;
}

.client-des {
  padding-top: 10px;
  display: flex;
  align-items: center;
}

.client-image img {
  border-radius: 50%;
  background-color: #f0f8ff17;
  padding: 10px;
  width: 67px;
  filter: brightness(0) invert(1);
}

.client-name {
  padding-left: 21px;
}

.client-name h5 {
  color: #fff;
  margin-bottom: 5px !important;
}

.client-name span {
  color: #fff;
}

/* ......textminial............. */
.textminial .slick-slide {
  padding: 0px 10px;
}

.textminial .slick-prev {
  width: 40px;
  height: 40px;
  font-size: 0px;
  border: 0px !important;
  position: absolute;
  bottom: -53px;
  left: 43%;
  background-image: url(../images/growup-business/next.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #00000091;
  z-index: 100;
  transform: rotate(180deg);
}

.textminial .slick-next {
  width: 40px;
  height: 40px;
  font-size: 0px;
  border: 0px !important;
  background-image: url(../images/growup-business/next.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #00000091;
  position: absolute;
  bottom: -53px;
  left: 47%;
  z-index: 100;
}

.textminial {
  position: relative;
}

.tp-studio-testimonial-title {
  font-size: 220px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  white-space: nowrap;
  color: rgb(255 255 255 / 14%);
  -webkit-animation: scrolling-left1 15s linear infinite;
  animation: scrolling-left1 15s linear infinite;
}

.textminial .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

.textminial .slick-dots li {
  width: 18px;
  height: 18px;
  background-color: #fff;
  list-style: none;
  border: none;
  margin: 0px 5px;
  font-size: 0px;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s;
}

.textminial .slick-dots li button {
  display: none;
}

.textminial .slick-dots .slick-active {
  background-color: #07444a !important;
}

/* .............OUR-CLIENT......... */
.logo_items {
  text-align: center;
}

.logo_items img {
  height: 100px;
  margin: 0 10px;
  padding: 4px 10px;
  object-fit: contain;
  width: 200px;
  background-color: #fff;
  border-radius: 8px;
}

.logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

.slides1 {
  animation: 25s slides infinite linear;
}

.logo_items {
  display: inline-block;
}

@keyframes slides {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.slides2 {
  animation: 25s slides infinite linear reverse;
}

@keyframes slides {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

/* .......blog-section..... */

.bg_title {
  align-items: center;
  margin-top: -210px;
  margin-bottom: 100px;
  bottom: 0;
  left: 0;
  padding-top: 0;
  font-size: calc(16px + 13.5vw);
  font-weight: 600;
  color: #fff;
  line-height: 1;
  opacity: 0.2 !important;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  text-align: center;
}

.typewriter span {
  color: var(--text-color);
  padding: 10px;
  border-right: solid var(--text-color) 10px;
  animation: 1s ease-in-out infinite cursor;
}

@keyframes cursor {
  from {
    border-color: var(--text-color);
  }

  to {
    border-color: transparent;
  }
}

.blog_img {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.blog_img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.blog_img img:first-child {
  -webkit-transform: translatex(50%) scalex(2);
  transform: translatex(50%) scalex(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.blog_inner_content {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
}

.blog_inner_content .date_wrap {
  width: 100%;
  margin-bottom: 10px;
}

.blog_inner_content .date_wrap span {
  color: #ddd8d8;
  font-size: 14px;
}

.blog_inner_content .blog_title {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  transition: 0.5s;
}

.blog_inner_content .blog_title a {
  text-decoration: none;
  color: #fff;
  transition: 0.5s;
  font-size: 22px;
  font-weight: 600;
}

.blog_inner_content p {
  color: #fff;
  text-align: justify;
  font-size: 16px;
}

.blog_inner_content .blog_title a:hover {
  color: #d9242a !important;
}

.blog_img:hover img:first-child {
  -webkit-transform: translatex(0) scalex(1);
  transform: translatex(0) scalex(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}

.blog_img:hover img:nth-child(2) {
  -webkit-transform: translatex(-50%) scalex(2);
  transform: translatex(-50%) scalex(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.blog_inner_content .line {
  padding: 0;
  width: 40px;
  height: 2px;
  background-color: #df1c74;
  animation-name: line-out;
  display: flex;
  flex-wrap: wrap;
}

.bg_title,
.blog_img,
.blog_sec_wrap,
.numbr,
.read_btn {
  position: relative;
}

.bgclipSec,
.blog_img,
.blog_sec_wrap,
.nav_menu,
.videoSec,
main {
  overflow: hidden;
}

.logos:hover .logo_items {
  animation-play-state: paused;
}

.faded-text .f-text-two span {
  position: relative;
  display: block;
  font-size: 200px;
  color: #babac1;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 60px;
  -webkit-text-fill-color: #021526;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #b7b4b4;
  -webkit-text-stroke-width: 2px;
  /* -webkit-text-stroke-color: #01002c; */
  -webkit-animation: linear infinite alternate;
  background-color: transparent;
  -webkit-animation-name: run;
  -webkit-animation-duration: 7s;
  -ms-animation: linear infinite alternate;
  -ms-animation-name: run;
  -ms-animation-duration: 7s;
  -moz-animation: linear infinite alternate;
  -moz-animation-name: run;
  -moz-animation-duration: 7s;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  opacity: 0.5;
  transform: translateY(-50%);
}

.blog_title {
  color: #fff;
  font-size: 16px;
}

.read_btn:hover:before {
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.read_btn:before {
  width: 30px;
  height: 2px;
  top: 20px;
  transition: 0.5s;
}

.read_btn:after {
  width: 100%;
  height: 100%;
  transition: 0.5s ease-in;
  z-index: -1;
  opacity: 0;
}

.read_btn:after,
.read_btn:before {
  content: "";
  left: 0;
  background-color: #5956e9;
  position: absolute;
}

.read_btn {
  line-height: 45px;
  padding: 0 20px 0 40px;
  font-size: 14px;
  color: #5956e9;
  letter-spacing: 2px;
  animation-name: text-out;
  font-weight: 700;
  transition: 0.5s;
}

.blog_inner_content .line,
.read_btn {
  animation-duration: 0.3s;
  margin-top: 20px;
}

.formSec input[type="submit"],
.navBtn,
.read_btn,
.typewriter span {
  text-transform: uppercase;
}

a {
  text-decoration: none !important;
}

.read_btn {
  line-height: 45px;
  padding: 14px 20px 14px 40px;
  font-size: 14px;
  color: #5956e9;
  letter-spacing: 2px;
  animation-name: text-out;
  font-weight: 700;
  transition: 0.5s;
}

.read_btn:hover {
  padding-left: 20px;
  color: #fff;
  background-color: #5956e9;
}

.read_btn:hover:before {
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.read_btn:hover:after {
  opacity: 1;
}

.read_btn:after {
  width: 100%;
  height: 100%;
  transition: 0.5s ease-in;
  z-index: -1;
}

.enquiry-image img {
  width: 100%;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

/* ...........footer-animation................ */

/* Preloader
-----------------------------------------------------------------*/
.loader-wrap {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100vw !important;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  z-index: 99999999999999;
  overflow: hidden;
}

.loader-wrap svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
}

.loader-wrap .load-logo {
  position: relative;
  z-index: 999;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  margin: auto;
  text-align: center;
}

.loader-wrap .load-logo img {
  width: 360px;
  margin-bottom: 50px;
}

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 5px;
  text-transform: uppercase;
  z-index: 20;
  color: #fff;
  text-align: center;
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.load-text span:nth-child(8) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7;
}

.load-text span:nth-child(9) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8;
}

.load-text span:nth-child(10) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9;
}

.load-text span:nth-child(11) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1;
}

.load-text span:nth-child(12) {
  -webkit-animation-delay: 0.11s;
  animation-delay: 0.11;
}

.load-text span:nth-child(13) {
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12;
}

.load-text span:nth-child(14) {
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13;
}

.load-text span:nth-child(15) {
  -webkit-animation-delay: 0.14s;
  animation-delay: 0.14;
}

.load-text span:nth-child(16) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15;
}

.load-text span:nth-child(17) {
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16;
}

.load-text span:nth-child(18) {
  -webkit-animation-delay: 0.17s;
  animation-delay: 0.17;
}

.load-text span:nth-child(19) {
  -webkit-animation-delay: 0.18s;
  animation-delay: 0.18;
}

.load-text span:nth-child(20) {
  -webkit-animation-delay: 0.19s;
  animation-delay: 0.19;
}

.load-text span:nth-child(21) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2;
}

.load-text span:nth-child(22) {
  -webkit-animation-delay: 0.21s;
  animation-delay: 0.21;
}

.load-text span:nth-child(23) {
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22;
}

.load-text span:nth-child(24) {
  -webkit-animation-delay: 0.11s;
  animation-delay: 0.11;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* ...main-footer..... */

.main-footer {
  padding-top: 100px;
  position: relative;
}

/* .main-footer::after {
  content: "";
  position: absolute;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
} */
.footer-logo img {
  width: 80%;
}

.footer-heading h3 {
  text-align: center;
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  font-style: italic;
  line-height: 54px;
}

.footer-icon ul {
  display: flex;
  padding-left: 0px;
  margin-top: 25px;
}

.footer-icon ul li {
  list-style: none !important;
}

.footer-icon ul li {
  background-color: transparent;
  margin: 0px 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}

.footer-icon ul li a i {
  color: #fff;
}

/* top-to-bottom */

/*------back-to-top------------*/
.prgoress_indicator {
  position: fixed;
  right: 50px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transform: translateY(15px) !important;
  transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
}

.prgoress_indicator::after {
  position: absolute;
  content: "";
  background-image: url(../images/favicon.png);
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 46px;
  filter: brightness(0) invert(1);
  font-size: 18px;
  color: #cda374;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f633";
  font-family: "Font Awesome 4 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  font-family: bootstrap-icons !important;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
  color: #cda374;
}

.prgoress_indicator:hover ::before {
  opacity: 1;
}

.prgoress_indicator svg path {
  fill: none;
}

.prgoress_indicator svg.progress-circle path {
  stroke: #cda373;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}

.footer-heading p {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 3px 16px;
  background-color: #0d1454;
  display: inline-block;
  position: relative;
}

.footer-heading p::after {
  position: absolute;
  top: 50%;
  width: 61%;
  height: 0.1px;
  background-color: #ffffff30;
  content: "";
  right: -102px;
  transform: translateY(-50%);
}

.footer-list ul li a {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 32px;
  position: relative;
  padding-left: 17px;
}

.footer-list ul li span {
  padding-left: 0px;
}

.footer-list2 ul li a {
  padding-left: 5px;
}

.footer-list ul li {
  color: #fff;
}

.footer-list ul li a::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.footer-list ul li {
  list-style: none !important;
}

.footer-list ul {
  padding-left: 0px !important;
}

.footer-list {
  display: flex;
}

.footer-list img {
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.main-footer {
  position: relative;
  z-index: 10;
}

.bubble-dotted {
  position: relative;
}

/** bubble-dotted **/

.bubble-dotted {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.bubble-dotted .dotted {
  position: absolute;
  border-radius: 50%;
}

.bubble-dotted .dotted-1 {
  width: 11px;
  height: 11px;
  left: 100px;
  top: 50%;
  -webkit-animation: animateBubble 15s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 15s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 15s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-2 {
  width: 12px;
  height: 12px;
  left: 240px;
  top: 40%;
  -webkit-animation: animateBubble 10s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 10s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 10s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-3 {
  width: 11px;
  height: 11px;
  left: 460px;
  top: 30%;
  -webkit-animation: animateBubble 18s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 18s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 18s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-4 {
  width: 16px;
  height: 16px;
  left: 430px;
  top: 90%;
  -webkit-animation: animateBubble 12s linear infinite,
    sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 12s linear infinite,
    sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 12s linear infinite,
    sideWays 3s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-5 {
  width: 6px;
  height: 6px;
  left: 50%;
  top: 50%;
  -webkit-animation: animateBubble 19s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 19s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 19s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-6 {
  width: 9px;
  height: 9px;
  left: 70%;
  top: 230px;
  -webkit-animation: animateBubble 11s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 11s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 11s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-7 {
  width: 6px;
  height: 6px;
  left: 65%;
  top: 30%;
  -webkit-animation: animateBubble 10s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 10s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 10s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-8 {
  width: 6px;
  height: 6px;
  left: 85%;
  top: 35%;
  -webkit-animation: animateBubble 12s linear infinite,
    sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 12s linear infinite,
    sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 12s linear infinite,
    sideWays 3s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-9 {
  width: 13px;
  height: 13px;
  left: 90%;
  top: 40%;
  -webkit-animation: animateBubble 19s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 19s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 19s linear infinite,
    sideWays 4s ease-in-out infinite alternate;
  z-index: -1;
}

.bubble-dotted .dotted-10 {
  width: 12px;
  height: 12px;
  left: 80%;
  top: 70%;
  -webkit-animation: animateBubble 16s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 16s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 16s linear infinite,
    sideWays 2s ease-in-out infinite alternate;
  z-index: -1;
}

/* .bubble-dotted .dotted-1 {
  background: -webkit-linear-gradient(0deg, #58f106, #23c10e 50%);
  background: -ms-linear-gradient(0deg, #58f106, #23c10e 50%);
  background: -moz-linear-gradient(0deg, #58f106, #23c10e 50%);
} */

.bubble-dotted .dotted-2 {
  /* background: -webkit-linear-gradient(0deg, #862ff1, #163fae 50%);
  background: -ms-linear-gradient(0deg, #862ff1, #163fae 50%);
  background: -moz-linear-gradient(0deg, #862ff1, #163fae 50%); */
}

.bubble-dotted .dotted-3 {
  /* background: -webkit-linear-gradient(0deg, #ff5d06, #ffc806 50%);
  background: -ms-linear-gradient(0deg, #ff5d06, #ffc806 50%);
  background: -moz-linear-gradient(0deg, #ff5d06, #ffc806 50%); */
}

.bubble-dotted .dotted-4 {
  /* background: -webkit-linear-gradient(0deg, #d406b7, #fc1a66 50%);
  background: -ms-linear-gradient(0deg, #d406b7, #fc1a66 50%);
  background: -moz-linear-gradient(0deg, #d406b7, #fc1a66 50%); */
}

.bubble-dotted .dotted-5 {
  /* background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
  background: -ms-linear-gradient(0deg, #fe5f12, #fec412 50%);
  background: -moz-linear-gradient(0deg, #fe5f12, #fec412 50%); */
}

.bubble-dotted .dotted-6 {
  /* background: -webkit-linear-gradient(0deg, #d622bf, #fb196a 50%);
  background: -ms-linear-gradient(0deg, #d622bf, #fb196a 50%);
  background: -moz-linear-gradient(0deg, #d622bf, #fb196a 50%); */
}

.bubble-dotted .dotted-7 {
  /* background: -webkit-linear-gradient(0deg, #60f112, #30c719 50%);
  background: -ms-linear-gradient(0deg, #60f112, #30c719 50%);
  background: -moz-linear-gradient(0deg, #60f112, #30c719 50%); */
}

.bubble-dotted .dotted-8 {
  /* background: -webkit-linear-gradient(0deg, #fe5f12, #fec412 50%);
  background: -ms-linear-gradient(0deg, #fe5f12, #fec412 50%);
  background: -moz-linear-gradient(0deg, #fe5f12, #fec412 50%); */
}

.bubble-dotted .dotted-9 {
  /* background: -webkit-linear-gradient(0deg, #842af1, #0f40aa 50%);
  background: -ms-linear-gradient(0deg, #842af1, #0f40aa 50%);
  background: -moz-linear-gradient(0deg, #842af1, #0f40aa 50%); */
}

.bubble-dotted .dotted-10 {
  /* background: -webkit-linear-gradient(0deg, #58f106, #23c10f 50%);
  background: -ms-linear-gradient(0deg, #58f106, #23c10f 50%);
  background: -moz-linear-gradient(0deg, #58f106, #23c10f 50%); */
}

@-webkit-keyframes animateBubble {
  0% {
    margin-top: 20%;
  }

  100% {
    margin-top: -30%;
  }
}

@-moz-keyframes animateBubble {
  0% {
    margin-top: 20%;
  }

  100% {
    margin-top: -30%;
  }
}

@keyframes animateBubble {
  0% {
    margin-top: 20%;
  }

  100% {
    margin-top: -30%;
  }
}

@-webkit-keyframes sideWays {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: 25px;
  }
}

@-moz-keyframes sideWays {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: 25px;
  }
}

@keyframes sideWays {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: 25px;
  }
}

.footer-list span {
  color: #fff;
}

.contact li a {
  text-transform: capitalize !important;
}

.contact li a::after {
  display: none !important;
}

.copy-rights h4 {
  font-size: 15px;
  line-height: 26px;
  color: #edebeb;
  font-weight: 400;
  margin: 16px 0 16px;
  text-align: center;
}

.copy-rights {
  background-color: #f0f8ff0f;
  margin-top: 20px;
}

.projecttag {
  position: relative;
  color: #fff;
  padding: 15px 25px;
  background-color: #242424;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

/* .............call-whatsappp........... */
/* 
.fixed button {
  border: none !important;
  padding: 0px;
}
.fixed .whatsapp button img {
  width: 45px;
  height: 45px;
  background: #fff;
}
.fixed {
  position: fixed;
  bottom: 20%;
  left: 0;
  z-index: 999999;
}
.fixed .whatsapp button {
  border-radius: 0px 5px 5px 0px;
  overflow: hidden !important;
} */

/*===============================*/
.quickconnect {
  position: fixed;
  right: 15px;
  bottom: 60px;
  z-index: 999;
  bottom: 25%;
}

.quickconnect .whatsapp,
.quickconnect .call {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  margin: 10px 0;
}

.quickconnect .call {
  background-color: red;
}

.quickconnect .whatsapp {
  background-color: green;
}

.quickconnect a {
  color: #fff;
  font-size: 20px;
}

.quickconnect .call:hover,
.quickconnect .whatsapp:hover {
  cursor: pointer;
  box-shadow: 2px 2px 15px #ccc;
  bottom: 11%;
}

/*===============================*/
#chat-box {
  position: fixed;
  right: -500px;
  bottom: 10%;
  width: 300px;
  height: 200px;
  transition: all 0.5s;
  z-index: 999;
}

#chat-top {
  width: 100%;
  line-height: 2;
  background: rgb(18, 140, 126);
  color: white;
  text-align: center;
  border-radius: 5px 5px 0 0;
  padding: 0 10px;
}

#chat-msg {
  background: #ece5dd;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 25px -10px #999;
}

#chat-msg p {
  font-size: 14px;
  padding: 10px;
  background: white;
  border-radius: 0 50px 50px 50px;
  margin-bottom: 10px;
}

#chat-form {
  display: flex;
}

.chat-in {
  width: 80%;
}

#chat-form input {
  border-radius: 5px 0 5px 5px;
  border: none;
  outline: none;
  font-size: 14px;
  padding: 5px;
  line-height: 2;
}

#send-btn {
  width: 20%;
  padding: 0 5px;
}

#chat-top-right {
  float: right;
  padding: 5px 0;
}

#chat-box:after {
  content: "";
  position: absolute;
  top: 58%;
  left: 90%;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-right: 25px solid #ece5dd;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

/* ....callll....... */

/* btn-call */
.btn-call {
  background: #3e4095;
  border: 2px solid #3e4095;
  /* border-radius: 50%; */
  box-shadow: 0 8px 10px rgb(152 194 75 / 34%);
  cursor: pointer;
  height: 50px;
  width: 160px;
  text-align: center;
  position: fixed;
  right: -29px;
  bottom: 345px;
  z-index: 999;
  transition: 0.3s;
  -webkit-animation: hoverWave linear 1s infinite;
  animation: hoverWave linear 1s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transform: rotate(90deg);
}

/* animations icon */
@keyframes shake {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }

  10% {
    transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
  }

  20% {
    transform: rotateZ(15deg);
    -ms-transform: rotateZ(15deg);
    -webkit-transform: rotateZ(15deg);
  }

  30% {
    transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
  }

  40% {
    transform: rotateZ(7.5deg);
    -ms-transform: rotateZ(7.5deg);
    -webkit-transform: rotateZ(7.5deg);
  }

  50% {
    transform: rotateZ(-6deg);
    -ms-transform: rotateZ(-6deg);
    -webkit-transform: rotateZ(-6deg);
  }

  60% {
    transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    -webkit-transform: rotateZ(5deg);
  }

  70% {
    transform: rotateZ(-4.28571deg);
    -ms-transform: rotateZ(-4.28571deg);
    -webkit-transform: rotateZ(-4.28571deg);
  }

  80% {
    transform: rotateZ(3.75deg);
    -ms-transform: rotateZ(3.75deg);
    -webkit-transform: rotateZ(3.75deg);
  }

  90% {
    transform: rotateZ(-3.33333deg);
    -ms-transform: rotateZ(-3.33333deg);
    -webkit-transform: rotateZ(-3.33333deg);
  }

  100% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
}

@-webkit-keyframes shake {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }

  10% {
    transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
  }

  20% {
    transform: rotateZ(15deg);
    -ms-transform: rotateZ(15deg);
    -webkit-transform: rotateZ(15deg);
  }

  30% {
    transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
  }

  40% {
    transform: rotateZ(7.5deg);
    -ms-transform: rotateZ(7.5deg);
    -webkit-transform: rotateZ(7.5deg);
  }

  50% {
    transform: rotateZ(-6deg);
    -ms-transform: rotateZ(-6deg);
    -webkit-transform: rotateZ(-6deg);
  }

  60% {
    transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    -webkit-transform: rotateZ(5deg);
  }

  70% {
    transform: rotateZ(-4.28571deg);
    -ms-transform: rotateZ(-4.28571deg);
    -webkit-transform: rotateZ(-4.28571deg);
  }

  80% {
    transform: rotateZ(3.75deg);
    -ms-transform: rotateZ(3.75deg);
    -webkit-transform: rotateZ(3.75deg);
  }

  90% {
    transform: rotateZ(-3.33333deg);
    -ms-transform: rotateZ(-3.33333deg);
    -webkit-transform: rotateZ(-3.33333deg);
  }

  100% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
}

.call_button>span {
  background: #ff7e00;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 25px 35px 15px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.call_button {
  position: fixed;
  left: -58px;
  cursor: pointer;
  z-index: 99;
  transform: translate(0, -50%) rotate(-90deg);
  top: 55%;
}

.call_button>span {
  background: #ff7e00;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 25px 35px 15px 35px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.call_button span.call_icon {
  position: absolute;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: 25px;
  border: solid 2px #ff7e00;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transform: rotate(90deg);
  left: 135px;
}

span.call_icon svg {
  animation: wobble 1s ease infinite;
}

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.whatsapp-icon a {
  height: 40px;
  width: 40px;
  z-index: 11;
  opacity: 1;
  overflow: hidden;
  pointer-events: all;
  cursor: pointer;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
  background: #4fce5d;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 10px;
}

.cbb-circle {
  background-color: rgba(127, 186, 0, 0);
  border: 1px solid #4fce5d;
  border-radius: 100% !important;
  opacity: 0.5;
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation: 2.2s ease-in-out infinite animation1;
  -ms-animation: animation1 2.2s ease-out;
  -ms-animation-iteration-count: infinite;
  z-index: -1;
}

.cbb-circle-fill {
  background-color: #4fce5d;
  border: 1px solid #4fce5d;
  border-radius: 100% !important;
  opacity: 1;
  position: absolute;
  width: 70px;
  height: 70px;
  -webkit-animation: 1.7s ease-in-out infinite animation2;
  -ms-animation: animation2 1.7s ease-out;
  -ms-animation-iteration-count: infinite;
  z-index: -1;
}

#shareLink {
  position: fixed;
  bottom: 31%;

  right: 3%;
  border-radius: 50%;
  z-index: 10000;
}

@-webkit-keyframes animation1 {
  0% {
    opacity: 0.1;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }

  70% {
    opacity: 0.6;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0.3;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-webkit-keyframes animation2 {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  70% {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0.1;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}

#shareLink button {
  border: none;
  background: transparent;
  color: #fff;
  z-index: 1000;
}

#shareLink {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ........................responsive............ */

.contact ul li:last-child a {
  text-transform: lowercase !important;
}

/* .footer-list2 ul li:last-child a {
  text-transform: capitalize !important;
} */
/* ..................pop-up-from.............. */

.main-btn-rect,
.main-btn-circle {
  position: relative;
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #fffff0;
  background-color: rgb(252, 79, 79);
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  outline: none;
  cursor: pointer;
  z-index: 1;
}

.main-btn-rect {
  padding: 9px 39px;
  line-height: 30px;
}

.main-btn-rect:before,
.main-btn-rect:after {
  position: absolute;
  content: "";
  top: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 240, 0.2) !important;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.main-btn-rect:before {
  left: 0;
}

.main-btn-rect:after {
  right: 0;
}

.main-btn-rect:hover:before,
.main-btn-rect:hover:after {
  width: 50%;
}

.main-btn-circle {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50%;
  border-radius: 100%;
  line-height: 40px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}

.main-btn-circle:hover {
  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}

.popup {
  position: fixed;
  top: 100%;
  width: 100vw;
  left: 0;
  height: 100%;
  z-index: 10001;
}

.popup.active {
  top: 0;
  background-color: rgb(3 3 3 / 79%);
  transition: background-color 0.6s, opacity 0.6s;
}

.popup .main-btn-rect {
  padding: 10px 100px;
}

.main-btn-rect {
  position: relative;
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #fffff0;
  background-color: #003456;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  outline: none;
  cursor: pointer;
  z-index: 1;
}

.popup .popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 568px;
  min-width: 320px;
  margin-top: 150px;
  padding: 25px;
  background-color: #fffff0;
  color: #070000;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: margin 0.6s;
  -webkit-transition: margin 0.6s;
  -moz-transition: margin 0.6s;
  -o-transition: margin 0.6s;
}

.popup.active .popup-content {
  margin-top: 0px;
}

.popup-content h6 {
  display: table;
  font-size: 16px;
  text-align: center;
  margin: 10px auto;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  font-weight: 500;
}

.form-group {
  position: relative;
  width: 100%;
  margin: 0px auto;
}

form#send input {
  position: relative;
  margin-bottom: 32px;
  width: 100%;
  height: 29px;
  font-family: "RobotoLight", sans-serif;
  text-indent: 20px;
  background-color: transparent;
  outline: 0;
  border: none;
  border-bottom: 1px solid #070000;
  -webkit-transition: border 0.6s;
  -o-transition: border 0.6s;
  transition: border 0.6s;
}

form#send textarea {
  position: relative;
  margin-bottom: 32px;
  width: 100%;
  height: auto;
  font-family: "RobotoLight", sans-serif;
  text-indent: 20px;
  background-color: transparent;
  outline: 0;
  border: none;
  border-bottom: 1px solid #070000;
  -webkit-transition: border 0.6s;
  -o-transition: border 0.6s;
  transition: border 0.6s;
  padding-top: 0px !important;
}

form#send input:focus,
form#send textarea:focus {
  border-bottom: 1px solid rgb(63, 173, 168);
}

form#send label {
  position: absolute;
  top: 1px;
  left: 7px !important;
  line-height: 28px;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
  font-size: 13px;
}

form#send input:focus+label,
form#send textarea:focus+label {
  color: rgb(63, 173, 168);
}

form#send .txt {
  line-height: 22px;
  left: 2px;
}

form#send .main-btn-rect {
  position: relative;
  display: block;
  padding: 12px 80px;
  margin: 0px auto;
  font-size: 14px;
  border: none !important;
}

form#send .main-btn-rect i {
  margin-right: 5px;
}

.popup .fade-out {
  position: absolute;
  top: -20px;
  right: -20px;
  text-align: center;
  font-size: 15px;
}

.share-wrap {
  position: absolute;
  display: inline-table;
  top: 67%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  text-align: center;
}

.share-btn {
  color: #fffff0;
  padding: 7px 25px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 100;
  font-size: 14px;
  font-family: "Lobster", sans-serif;
  background-color: rgba(63, 173, 168, 0.8);
  text-transform: uppercase;
  border-radius: 5px;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
}

.share-btn:hover {
  color: #fffff0;
  text-decoration: none;
  background-color: rgba(63, 173, 168, 1);
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block;
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 2px;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 6px 9px;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}

.resp-sharing-button__icon,
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.popup-btn {
  border: none;
}

.footer-paragragraph {
  color: #fff;
  margin-top: 10px;
}

.textminial .slick-dots {
  display: none !important;
}

/* width */
.review::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.review::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #04282c;
  border-radius: 10px;
}

/* Handle */
.review::-webkit-scrollbar-thumb {
  background: #f0f8ffd4;
  border-radius: 10px;
}

/* Handle on hover */
.review::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

/* ............inner-pages......... */
/* .custom-paddding {
  padding-top: 13rem !important;
} */

.aw-object {
  position: relative;
}

.aw-pos {
  position: absolute;
  right: 24%;
  top: -13px;
}

.aw-main {
  width: 88px;
  height: 88px;
  border: 2px solid #00559f;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  opacity: 0.6;
  right: 0;
  margin: auto;
  border-radius: 50%;
}

.aw-circle .aw-main .circle,
.aw-circle .aw-main2,
.aw-circle .aw-main2 .circle2 {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.aw-circle .aw-main .circle {
  width: 20px;
  height: 20px;
  background: #080808;
  border-radius: 50%;
  overflow: hidden;
  animation: 6s linear infinite circle;
}

.aw-circle .aw-main2 {
  width: 138px;
  height: 138px;
  border: 2px solid #00559f;
  z-index: 80;
  opacity: 0.6;
  border-radius: 50%;
}

.aw-circle .aw-main2 .circle2 {
  width: 20px;
  height: 20px;
  background: #00559f;
  border-radius: 50%;
  z-index: 100;
  overflow: hidden;
  animation: 3s linear infinite circle2;
}

.aw-circle .aw-main2 .circle2.c-dot {
  animation: none;
  opacity: 0.6;
}

.aw-circle .aw-main2 .aw-line {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #00559f;
  width: 184px;
  height: 0;
  opacity: 0.7;
}

@keyframes circle {
  0% {
    transform: rotate(0) translate(-64px) rotate(0);
  }

  100% {
    transform: rotate(360deg) translate(-64px) rotate(-360deg);
  }
}

@keyframes circle2 {
  0% {
    transform: rotate(0) translate(-40px) rotate(0);
  }

  100% {
    transform: rotate(-360deg) translate(-40px) rotate(360deg);
  }
}

.hero__about-video video {
  width: 100%;
}

.whyjoinfranch-titleBlock {
  padding-right: 15px;
}

.whyjoinfranch-desc strong {
  color: #fca521;
}

.breadcrumb {
  padding: 10px 0;
}

.breadcrumb .breadcumb-ul {
  display: inline-flex;
  flex-wrap: wrap;
  border-radius: 10px;
  border: 2px solid #f5f5f5;
  padding: 5px 15px 5px 5px;
}

.breadcrumb .breadcumb-ul .breadcumb-li {
  padding: 5px 0px 5px 10px;
  line-height: 20px;
  word-break: break-word;
  list-style: none;
}

.breadcrumb .breadcumb-ul .breadcumb-li strong,
.breadcrumb .breadcumb-ul .breadcumb-li a {
  font-weight: normal;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 22px;
  color: #fff;
}

.breadcrumb .breadcumb-ul .breadcumb-li.active {
  background: #ef4036;
  border-radius: 10px;
  margin: 0;
  text-align: center;
  padding-right: 10px;
  margin-left: 10px;
  -webkit-box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 30px -5px rgba(0, 0, 0, 0.2);
}

.breadcrumb {
  /* padding: 0; */
  padding-top: 137px !important;
  margin-bottom: 0px;
  padding-bottom: 40px;
}

.abtcnt h4 {
  font-size: 20px;
}

.h4-row h4 {
  font-size: 19px;
  line-height: 26px;
  /* text-align: center; */
  /* margin-bottom: 0px; */
  color: #ffffff;
}

/* ............accodian.......... */

.accodian-wrap {
  width: 100%;
}

.accodian-items {
  margin-bottom: 10px;
  background-color: transparent;
  position: relative;
  border-radius: 5px;
  border: 1px solid #e5e5e56e;
}

.accodian-items .discription {
  padding: 20px;
  padding-top: 7px;
  display: none;
  font-size: 16px;
  line-height: 29px;
  color: #000;
  border-radius: 0 0 5px 5px;
  background-color: #f5f5f508;
}

.discription ul li {
  color: #fff;
}

.discription ol li {
  color: #fff;
}

.discription p {
  text-align: justify;
  margin-bottom: 11px !important;
  color: #fff;
  font-size: 17px;
}

.accodian-items .title {
  padding: 17px 16px;
  padding-right: 50px;
  color: #ffffff;
  font-size: 18px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  position: relative;
  font-weight: 600;
  transition: 0.3s;
  background-color: #004995;
}

.accodian-items .title:after {
  content: "";
  border: 3px solid rgba(255, 255, 255, 0.733);
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  right: 20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -10px;
}

.accodian-items.active>.title {
  border-radius: 5px 5px 0 0;
  transition: 0.3s;
}

.accodian-items.active>.title:after {
  border: 3px solid rgba(255, 255, 255, 0.733);
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent;
  margin-top: -3px;
}

.accodian-items .accodian-items {
  margin: 20px 0 0 0;
  display: block;
}

.accodian-items .accodian-items .title {
  padding: 13px 20px;
  font-size: 18px;
  transition: 0.3s;
}

.accodian-items .accodian-items {
  border: 3px solid;
  -o-border-image: -o-linear-gradient(45deg, #d0d0d0, #fff) 1;
  border-image: linear-gradient(45deg, #d0d0d0, #fff) 1;
  border-image-slice: 1;
}

.accodian-items .accodian-items .discription {
  font-size: 16px;
}

.accodian-items .accodian-items .title:after {
  border-width: 3px;
  border-top: 0;
  border-right: 0;
}

.accodian-items .accodian-items.active>.title:after {
  border: 3px solid #fff;
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent;
  margin-top: -3px;
}

.accodian-items .title:hover {
  background-color: #013264;
  color: #fff;
  transition: 0.3s;
}

.title:hover span {
  color: #fdcd00;
}

.title span {
  font-size: 18px;
  color: rgb(255, 255, 255);
  font-weight: 600;
}

.accodian-items .title {
  display: flex;
}

.accodian-items .title span {
  padding-right: 9px;
}

.cu-h4 {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 5px;
}

.describtion ol li {
  color: #fff;
}

.whyjoinfranch-lists p {
  margin-top: 6px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 16px;
}

.rc-anchor-normal {
  height: 74px;
  width: 290px !important;
}

.cm-innerpage {
  position: relative;
  padding: 90px 20px 20px 20px;
  /* min-height: 200px; */
  background-color: #111858;
}

.back-btn a {
  color: #fff;
  padding: 20px 45px;
  background-color: #000;
  font-size: 18px;
  margin-top: 80px;
  border-radius: 5px;
}

.back-btn {
  margin-top: 80px;
}

.last {
  color: #fff;
}

/* ...................carrer-form.......... */
.drop_box input {
  padding: 10px;
  background-color: #f9f4f42b;
  color: #fff;
}

.so label {
  font-weight: bold;
  display: block;
  margin-bottom: 8px;
  color: #fff;
  padding-left: 10px !important;
}

.so .addres {
  color: #fff;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.so input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="number"],
select {
  width: calc(100% - 20px);
  padding: 8px 10px;
  margin-bottom: 20px;
  border: 1px solid #cccccc36;
  border-radius: 17px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #735fe5;
}

.so input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
select:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.so input[type="submit"] {
  width: 100%;
  padding: 10px 15px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  cursor: pointer;
}

.so input[type="submit"]:hover {
  background-color: #0056b3;
}

@media (max-width: 600px) {
  .so form {
    padding: 15px;
  }

  .so label {
    margin-bottom: 6px;
  }

  .so input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="date"],
  input[type="number"],
  select {
    width: calc(100% - 16px);
    padding: 6px 8px;
    font-size: 14px;
  }

  .so input[type="submit"] {
    font-size: 16px;
    padding: 8px 10px;
  }
}

.so input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="number"],
select {
  width: calc(100% - 20px);
  padding: 8px 10px;
  margin-bottom: 20px;
  border: 1px solid #cccccc36;
  border-radius: 17px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #735fe5;
}

.so label {
  margin-bottom: 2px !important;
  font-size: 18px;
  font-weight: 500;
}

.so .card {
  border-radius: 10px;
  width: 100%;
  background-color: #735fe5;
  padding: 10px 30px 30px;
  border: 1px solid rgb(0 0 0 / 5%);
  margin-bottom: 23px;
}

.so .biodata h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff;
}

.so .drop_box {
  margin: 10px 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px dotted #a3a3a3;
  border-radius: 5px;
}

.so .drop_box h4 {
  font-size: 16px;
  font-weight: 400;
  color: #2e2e2e;
}

.so .drop_box p {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #e3e2e2;
}

.drop_box span {
  color: #fff;
}

.so .btn {
  text-decoration: none;
  background-color: #005af0;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  outline: none;
  transition: 0.3s;
}

.so .btn:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: #005af0;
  padding: 10px 20px;
  border: none;
  outline: 1px solid #010101;
}

.so .form input {
  margin: 10px 0;
  width: 100%;
  background-color: #e2e2e2;
  border: none;
  outline: none;
  padding: 12px 20px;
  border-radius: 4px;
}

.addres {
  height: 100px !important;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #cccccc36;
  background-color: #735fe5;
  padding: 10px;
  border-radius: 17px;
}

.so input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
select:focus {
  border-color: transparent;
  outline: none;
  box-shadow: 0 0 5px rgb(0 123 255 / 2%);
}

.file-upload {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #f0f0f0;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.4s ease;
}

.file-upload input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.file-upload label {
  display: inline-block;
  color: #333;
  font-size: 16px;
  pointer-events: none;
}

.file-upload:hover {
  border: 2px solid #888;
  background-color: #e0e0e0;
}

.file-upload:focus-within {
  border: 2px solid #444;
  background-color: #ddd;
}

.card {
  border-radius: 10px;
  width: 100%;
  background-color: #ffffff;
  padding: 10px 30px 30px;
  border: 1px solid rgb(0 0 0 / 5%);
  margin-bottom: 23px;
}

/* bud............. */

.right_contact_form_title p {
  font-size: 28px;
  font-weight: bold;
  color: #454f64;
  margin-bottom: 25px;
}

.right_contact_form_title p .right_dot {
  color: #f89100;
}

.single .form-control {
  padding: 12px;
  height: auto;
  box-shadow: none;
  background: #f1f7fa !important;
  color: #999;
  border: none;
}

.single input[type="submit"] {
  /* border: 1px solid #34cc81 !important; */
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type="text"],
.intl-tel-input.allow-dropdown input[type="tel"],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type="text"],
.intl-tel-input.separate-dial-code input[type="tel"] {
  padding-right: 6px !important;
  padding-left: 108px !important;
  margin-left: 0 !important;
}

.webDeviceShow {
  display: block;
}

#file-upload-name {
  margin: 4px 0 0 0;
  font-size: 12px;
}

.upload-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px auto 0;
  position: relative;
  cursor: pointer;
  background-color: #f1f7fa !important;
  padding: 8px 10px;
  border-radius: 3px;
  overflow: hidden;
  transition: 0.2s linear all;
  color: #000;
}

.upload-wrapper input[type="file"] {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1;
}

.upload-wrapper>svg {
  width: 38px;
  height: auto;
  cursor: pointer;
}

.upload-wrapper.success>svg {
  transform: translateX(-200px);
}

.upload-wrapper.uploaded {
  transition: 0.2s linear all;
  width: 60px;
  border-radius: 50%;
  height: 60px;
  text-align: center;
}

.upload-wrapper .file-upload-text {
  position: absolute;
  left: 63px;
  opacity: 1;
  visibility: visible;
  transition: 0.2s linear all;
  top: 11px;
}

.upload-wrapper.uploaded .file-upload-text {
  text-indent: -999px;
  margin: 0;
}

.file-success-text {
  opacity: 0;
  transition: 0.2s linear all;
  visibility: hidden;
  transform: translateX(200px);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-success-text svg {
  width: 25px;
  height: auto;
}

.file-success-text span {
  margin-left: 15px;
}

.upload-wrapper.success .file-success-text {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.upload-wrapper.success.uploaded .file-success-text {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.upload-wrapper.success.uploaded .file-success-text span {
  display: none;
}

.upload-wrapper .file-success-text circle {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  transition: 1s linear all;
  transition-delay: 1.4s;
}

.upload-wrapper.success .file-success-text circle {
  stroke-dashoffset: 0;
}

.upload-wrapper .file-success-text polyline {
  stroke-dasharray: 380;
  stroke-dashoffset: 380;
  transition: 1s linear all;
  transition-delay: 2s;
}

.upload-wrapper.success .file-success-text polyline {
  stroke-dashoffset: 0;
}

.upload-wrapper.success .file-upload-text {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

svg:not(:root) {
  overflow: hidden;
}

.requeriment-textbx {
  display: none;
  /* Hide the section by default */
  /* Add your styling here */
}

.expanded {
  display: block;
  /* Show the section when the 'expanded' class is added */
}

.cursor_pointer {
  cursor: pointer;
}

.form-area {
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
  padding: 40px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-area .form-inner {
  width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 19px;
  font-size: 1rem;
  line-height: 1.4;
  color: #475f7b;
  background-color: #fff;
  border: 1px solid #dfe3e7;
  border-radius: 0.267rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #475f7b;
  background-color: #fff;
  border-color: #5a8dee;
  outline: 0;
  box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}

.clientspage {
  overflow: hidden;
  padding: 30px 0px;
  white-space: normal;
  position: relative;
  text-align: center;
}

.commmon img {
  margin-bottom: 30px;
}

.carrer-image img {
  width: 90%;
  margin: 0 auto;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.whyjoin-kaka img {
  width: 470px;
  animation: 2s ease-in-out 0s infinite alternate-reverse none running wave;
}

.headingWrapper {
  text-align: center;
  padding: 10px;
}

.welheading {
  display: inline-block;
  text-align: center;
  font-size: 75px;
  letter-spacing: 3px;
  line-height: 83px;
  color: #e7e7e7;
  text-decoration: none;
  text-shadow: 1.5px 1.5px 0 #cac6c5, -1.5px -1.5px 0 #cac6c5,
    -1.5px -1.5px 0 #cac6c5, -1.5px 1.5px 0 #cac6c5, 1.5px -1.5px 0 #cac6c5;
  transition: all 400ms ease-in-out;
  font-weight: 700;
}

.header--pushDown {
  text-shadow: 1.5px 1.5px 0, 0px 1.5px 0 #000, -1.5px -1.5px 0 #000,
    -1.5px -1.5px 0 #000, -1.5px 1.5px 0 #000, 1.5px -1.5px 0 #000,
    0.7778174593px 0.7778174593px 0 #000, 1.5556349186px 1.5556349186px 0 #000,
    2.3334523779px 2.3334523779px 0 #000, 3.1112698372px 3.1112698372px 0 #000,
    3.8890872965px 3.8890872965px 0 #000, 4.6669047558px 4.6669047558px 0 #000,
    5.4447222151px 5.4447222151px 0 #000, 6.2225396744px 6.2225396744px 0 #000,
    7.0003571337px 7.0003571337px 0 #000, 7.7781745931px 7.7781745931px 0 #000;
}

.header--pushDown:hover {
  transform: translate(9px, 9px);
  text-shadow: 1.5px 1.5px 0 #fff, -1.5px -1.5px 0 #fff, -1.5px -1.5px 0 #fff,
    -1.5px 1.5px 0 #fff, 1.5px -1.5px 0 #fff;
  color: #0e37dc;
}

.market-heading h1 {
  color: #fff;
  font-weight: 400;
  font-family: "Playball", cursive;
  margin-bottom: 20px;
  margin-bottom: 21px !important;
  font-size: 35px;
}

.whyjoinfranch-titleBlock h2 {
  font-size: 28px;
  line-height: 38px;
}

.market-page-image img {
  width: 100%;
}

.market-page-image {
  padding: 40px 0px;
}

.rc-anchor-normal {
  height: 74px;
  width: 200px !important;
}

#rc-anchor-container {
  height: 74px;
  width: 244px !important;
}

.footer-content ul li {
  list-style: none;
  color: #fff;
}

.footer-content ul li a {
  color: #fff !important;
}

.whyjoinfranch-titleBlock .footer-content ul {
  padding: 30px 0 0 0;
  margin: 0;
}

.footer-content ul li {
  background-repeat: no-repeat;
  background-position: 5px 8px;
  padding: 7px 0;
  list-style: none;
}

.market-heading h2 {
  color: #fff;
  font-weight: 400;
  font-family: "Playball", cursive;
  margin-bottom: 20px;
  margin-bottom: 0px !important;
}

.listing-two li::before {
  width: 50px !important;
  height: 23px !important;
}

.market-heading-two h3 {
  color: #fff;
  font-weight: 400;
  font-family: "Playball", cursive;
  margin-bottom: 20px;
  margin-bottom: 0px !important;
}

.abtassemntsec .assmntblk-small h3 {
  text-transform: uppercase;
  color: #0997c2;
  font-weight: 800;
  margin-bottom: 30px;
  font-size: 32px !important;
  line-height: 1.2;
}

/* .........model-css........ */

.modal-dialog {
  max-width: 850px;
}

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

.modal-content {
  border-radius: 50px;
  background-color: #1e266d;
  border: 1px solid #6eacda7a !important;
}

.model-border {
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  background-color: #fff;
}

.modal-header {
  text-align: center;
  padding: 16px 46px;
}

.modal-title {
  color: #fff;
}

.modal-header button {
  padding: 19px 12px;
  line-height: 0;
  border: none;
  font-size: 30px;
}

.model-under-logo {
  text-align: center;
}

.model-under-logo img {
  width: 400px;
  padding-top: 20px;
  padding-bottom: 0px;
  margin: 0 auto;
}

.model-padding {
  padding: 0px 34px 0px 34px;
}

.modal-body {
  padding: 0px;
}

.social-contents a {
  color: #e4dfdf;
  font-size: 19px;
  padding-left: 9px;
  position: relative;
}

/* .social-contents a::after {
  content: "\f058";
  font-family: "FontAwesome";
  margin-right: 13px;
  font-size: 20px;
  margin-top: -3px;
} */
.social-contents {
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-contents img {
  filter: brightness(0) invert(1);
  /* font-size: 36px; */
  width: 30px;
}

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

.modal-body .form-group label {
  color: #e4dfdf;
  font-size: 17px;
  margin-bottom: 5px;
}

.modal-body .form-group input {
  width: 100%;
  padding: 6px 10px;
  margin-bottom: 20px;
  border: 1px solid #cccccc36;
  border-radius: 17px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #1e266d;
  color: #fff;
  border-radius: 7px;
}

.modal-body #country {
  width: 100%;
  padding: 8px 10px;
  margin-bottom: 20px;
  border: 1px solid #cccccc36;
  border-radius: 17px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #1e266d;
  color: #fff;
  border-radius: 7px;
}

.modal-body textarea {
  background-color: #1e266d !important;
  color: #fff;
  margin-bottom: 20px;
  border: 1px solid #434981 !important;
  border-radius: 7px;
}

.small-boxquote {
  padding-top: 26px;
}

.desktop-off {
  display: none;
}

/* ....contact-page....... */

.contact_info_box {
  background-color: #fff;
  border-radius: 28px;
  border: 4px solid #e4e4e4;
}

.contact_info_box .heading_text {
  line-height: 1;
  font-size: 28px;
  margin-bottom: 13px;
  font-weight: 600;
  color: #454f64;
}

.iconlist_block.unordered_list_block {
  gap: 12px;
}

.contact_info_box .iconlist_block {
  margin-bottom: 38px;
}

.contact_info_box .iconlist_block .iconlist_icon img {
  width: 24px;
  margin-right: 5px;
}

.iconlist_block .iconlist_icon img {
  width: 24px;
  margin-top: -2px;
}

.social_icons_block {
  gap: 4px;
}

.social_icons_block a {
  z-index: 1;
  width: 42px;
  height: 42px;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  border-radius: 100%;
  align-items: center;
  color: #fff;
  justify-content: center;
  background: #000;
}

.social_icons_block a svg {
  width: 17px;
}

.social_icons_block a svg path {
  fill: #fff;
  transition: 300ms ease;
}

[class*="unordered_list"]>li {
  float: left;
  list-style: none;
  display: inline-block;
}

.office_location {
  width: 100%;
}

.iconlist_block>li {
  gap: 12px;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  align-items: flex-start;
  color: #6b6b6b;
}

[class*="unordered_list"] {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.iconlist_block mark {
  background: transparent;
}

.pricing_block.style_2 {
  padding: 50px 40px 50px 0;
}

.pricing_block:not(:last-child) {
  margin-bottom: 20px;
}

.pricing_block {
  gap: 70px;
  padding: 50px;
  align-items: flex-start;
  justify-content: space-between;
  transition: 300ms ease;
  background-color: #012a2b;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: 100%;
}

.pricing_block .pricing_amount {
  flex: 0 0 auto;
  padding: 23px 59px;
  color: #fff;
  background-color: #ffffff;
  clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 0 100%);
}

.pricing_amount_monthly img {
  width: 100%;
}

.features_title {
  color: #fff;
  font-size: 21px;
  line-height: 32px;
  padding: 0px 43px;
  text-align: center;
  margin-bottom: 37px;
}

.pricing_block .pricing_info ul {
  gap: 16px;
  padding-left: 20px;
}

.office_location {
  display: flex;
  flex-direction: column;
}

.pricing_block .pricing_info ul>li {
  line-height: 1;
  font-size: 15px;
  color: #ffffff;
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
}

.pricing_block .pricing_info ul>li small {
  display: block;
  text-align: left;
  font-size: 19px;
  padding-bottom: 9px;
  color: #ffa349;
}

.iconlist_block a {
  color: black;
}

.copy-rights a {
  color: #edebeb;
}

.call-wapp-mes {
  background-color: #000c5e;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: block;
  z-index: 999;
}

.call-wapp-mes .wapp-col {
  width: 50%;
  float: left;
  padding: 10px;
}

.call-wapp-mes .wapp-col:hover {
  background-color: #329932;
}

.whatsappcolor {
  background-color: #000;
}

.call-wapp-mes .wapp-col img {
  width: auto;
  height: 24px;
  margin-bottom: 1px;
  padding-right: 10px;
}

.call-wapp-mes .wapp-col span {
  font-size: 16px;
}

.call-wapp-mes .wapp-col a {
  color: #fff;
}

.companybox {
  background-color: #fff;
  padding: 30px 0 0 0;
}

.call-wapp-mes {
  display: none;
}

.whatsappcolor {
  background-color: #329932 !important;
}

.prorowsec .col-xl-4 {
  z-index: 0 !important;
}


.new-paragraph {
  color: #d9d4d4 !important;
  font-size: 16px !important;
  font-weight: 500;
  text-align: justify;
  line-height: 27px;
}

.whyjoinfranch-lists h5 {
  color: #fff;
  margin-bottom: 0px;
  margin-top: 9px;
  margin-bottom: 0px;
  font-size: 20px;
}

/* .whyjoinfranch-lists-two  ul li::before {
    content: "";
    width: 24px !important;
    height: 21px !important;
    padding: 11px !important;
        position: absolute;
    top: 0;
    left: 0;
} */
.whyjoinfranch-lists strong {
  color: #ffc367 !important;
}

.pading-bottom {
  padding-bottom: 0px !important;
}

.font-color-white {
  color: #fff;
}

.margin-none {
  margin-bottom: 0px !important;
}

.margin-top ul {
  margin-top: 0px !important;
}

.model-submit {
  background-color: #fff !important;
  width: 231px !important;
  color: #1e266d !important;
  padding: 14px 17px !important;
  font-weight: 600;
  font-size: 20px !important;
  /* margin: 0 auto; */
  font-family: "Poppins", sans-serif;
  border-radius: 34px !important;
  margin-bottom: 40px !important;
  margin-top: 15px !important;
}

.market-heading h3 {
  color: #fff;
}

.market-heading h4 {
  color: #fff;
}
#freepik_stories-404-error-lost-in-space{
  width: 40%;
}
.error-page-mainsec{
  padding-top: 0px !important;
}
.eror-heading{
  color: #fff;
  padding-bottom: 20px;
}
.inq-btn-home {
  position: fixed;
  top: 30%;
  right: 0;
  width: 45px;
  height: 50px;
  z-index: 999999;
  transform: translateY(-50%);
  cursor: pointer !important;
}

.hoveritem .hboxcontent h4 {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 15px
}

.hoveritem .hboxcontent p {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  margin: 0
}

.site-header-section>* {
  padding-right: 0
}

.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 {
  display: none
}

.hdrwaclick img {
  width: 25px !important
}

.hovereffect.showicons ul li img {
  border: 1px solid #ddd;
  border-radius: 100%;
  width: 100%
}

.homebannerstats .elementor-counter-title {
  margin-top: 5px !important;
  margin-bottom: 40px !important
}

.homebannertitle h1 {
  padding-bottom: 20px !important;
  margin-bottom: 20px !important
}

.homebannerstats .elementor-counter .elementor-counter-title {
  text-align: left !important;
  justify-content: flex-start
}

.homebannerstats {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100% !important
}

.homebannerstats .elementor-container.elementor-column-gap-no {
  margin: 0 !important;
  width: 100%
}

.homebannerstats .elementor-column .elementor-widget-wrap {
  display: flex !important;
  flex-wrap: nowrap !important
}

.homebannerstats .elementor-widget-image {
  width: 100% !important;
  margin-right: 20px;
  max-width: 70px !important
}

.homebannerstats .elementor-widget-image img {
  width: 50px
}

.hovereffect ul {
  padding: 0;
  list-style: none;
  position: absolute;
  top: -26px;
  right: 0;
  z-index: -1;
  width: 45px;
  height: 45px;
  left: 0;
  margin: 0 auto
}

.hovereffect ul li {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.5s;
  width: 55px;
  height: 55px
}

.hovereffect.showicons ul li:nth-child(1) {
  left: -70px;
  top: -45px
}

.hovereffect.showicons ul li:nth-child(2) {
  left: -5px;
  top: -82px
}

.hovereffect.showicons ul li:nth-child(3) {
  left: auto !important;
  top: -45px;
  right: -70px !important
}

.sticky-cta-bar {
  display: none;
  position: fixed;
  z-index: 9999;
  background: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  box-shadow: 0 -5px 10px #00000014;
  padding-top: 8px;
}

.cta-btns {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center
}

.cta-icons {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 20%;
  justify-content: center;
  text-align: center
}

.cta-icons a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.cta-icons a span {
  display: block;
  width: 100%;
  font-size: 11px;
  line-height: 14px;
  color: #000;
  text-decoration: none !important
}

.cta-icons a img {
  margin: 0 auto;
  margin-bottom: 5px
  
}

.cta-icons a {
  text-decoration: none !important
}

.imghoverbtns {
  border: 1px solid #00165d;
  background: #ededed;
  width: 56px;
  border-radius: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -32px;
  margin-bottom: 5px
}

.imghoverbtns img {
  margin-bottom: 0 !important;
  width: 35px !important
}