a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}

.company-banner .banner-item {
  position:relative;
  overflow:hidden;
}
.company-banner .banner-item:before {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background:rgba(26,26,26,0.3) linear-gradient(181deg,rgba(0,0,0,0),#54256c) repeat scroll 0 0;
  left:0;
  top:0;
}
.company-banner .banner-item:before {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background:rgba(26,26,26,0.3) linear-gradient(181deg,rgba(0,0,0,0),#54256c) repeat scroll 0 0;
  left:0;
  top:0;
}
.company-banner .banner-item img {
  width:100%;
  min-height:400px;
  max-height:400px;
  -o-object-fit:cover;
  object-fit:cover;
}

@media screen and (max-width:768px) {
.company-banner {
    min-height:300px;
    max-height:300px;
  }

.company-banner .banner-content h4 { margin-bottom:30px; }

.company-banner .banner-content h1 { font-size:2rem; }
}

.platform-section {
  position:relative;
  padding:60px 0px;
  overflow:hidden;
  background-color:#fff;
}

.platform-section .main-content {
  text-align:center;
  margin-bottom:30px;
}

.platform-section .main-content .main-head {
  font-size:2.3rem;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-semi) !important;
  line-height:1.5;
  color:#141414;
  margin-bottom:0px;
}

.platform-section .sub-point{margin: 0px auto 30px;max-width:90% }

.platform-section .sub-point p {
  font-size:1rem;
  text-align:justify;
  line-height:1.7;
  color:#484848;
}

.platform-section .item {
  padding:28px;
  position:relative;
  z-index:0;
}

.platform-section .item:after,
.platform-section .item:before {
  content:"";
  position:absolute;
  -webkit-box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);
  box-shadow:0px 10px 60px 0px rgba(0,0,0,0.07);
  border-radius:0px;
  z-index:-1;
}

.platform-section .item:before {
  height:100%;
  background-color:#f9f9f9;
  left:0;
  top:0;
  right:0px;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.platform-section .item .image-holder {
  -ms-flex-negative:0;
  flex-shrink:0;
  -webkit-box-shadow:0 0 20px 0 rgba(51,51,51,0.2);
  box-shadow:0 0 20px 0 rgba(51,51,51,0.2);
  border-radius:0px;
  width:calc(100% - 0px);
  overflow:hidden;
}

.platform-section img {
  max-height:400px;
  margin:auto;
}

.platform-section .item .image-holder .icon-holder .socio-icon {
  position:absolute;
  left:17%;
  top:10%;
}

.platform-section .item:hover .image-holder {
  background-color:#673695;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.platform-section .item:hover img {
  -webkit-transform:scale(1);
  transform:scale(1);
  z-index:9;
}

.platform-section .item:hover h4,
.platform-section .item:hover p {
  color:#fff;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.platform-section .item .image-holder .flat-img {
  border-radius:0px;
  width:100%;
  display:block;
  position:relative;
  z-index:9;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  -webkit-transition:all 0.6s ease;
  transition:all 0.6s ease;
}

.platform-section .item .block-content {
  padding-top:30px;
  text-align:left;
}

.platform-section .item .block-content h4 {
  color:#141414;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-semi) !important;
  font-size:1.2rem;
}

.platform-section .item .block-content p {
  color:#484848;
  font-size:14px;
  line-height:1.7;
}

.platform-section .item:after {
  height:3px;
  width:calc(100% - 0px);
  background-color:#dfddff;
  left:0;
  bottom:0;
  -webkit-transition:all 0.3s linear;
  transition:all 0.3s linear;
}

.platform-section .item:hover:after { height:100%; }

.platform-section .item:hover h4,
.platform-section .item:hover p {

  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.bgcolor1 { background-color:#68a143; }

.platform-section .item:hover .bgcolor1 { background-color:#673695; }

.bgcolor2 { background-color:#68a143; }

.platform-section .item:hover .bgcolor2 { background-color:#673695; }

.bgcolor3 { background-color:#68a143; }

.platform-section .item:hover .bgcolor3 { background-color:#673695; }

@media screen and (max-width:768px) {
  body .main-content .main-head { font-size:1.75rem !important; }

  .platform-section .sub-point p { text-align:left; }
}

@media screen and (min-width:1199px) {
  .platform-section .row>div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .platform-section .item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }
}

.infrastructure-section {
  background-color:#f8f6ff;
  padding:60px 0px;
  overflow:hidden;
}

.infrastructure-section .main-content {
  text-align:center;
  margin-bottom:30px;
}

section .main-content .main-head {
  font-size:2.3rem;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-semi) !important;
  line-height:1.5;
  color:#141414;
  margin-bottom:10px;
}

.infrastructure-section .service-box {
  position:relative;
  text-align:center;
  margin:20px 30px;
}

.infrastructure-section .service-box .main-title {
  font-size:1.5rem;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-bold) !important;
  color:#356214;
}

.infrastructure-section .service-box figure {
  width:90px;
  height:90px;
  border-radius:50%;
  background:#669940;
  position:relative;
  margin:40px auto 22px;
  cursor:pointer;
  -webkit-transition-duration:1s;
  transition-duration:1s;
}

.infrastructure-section .service-box figure:before {
  content:"";
  position:absolute;
  height:30px;
  width:2px;
  background:#669940;
  left:0;
  right:0;
  margin:auto;
  top:-30px;
}

.infrastructure-section .service-box .ico-box:after,
.infrastructure-section .service-box .ico-box:before {
  opacity:0.1;
  position:absolute;
  top:-5px;
  left:-5px;
  right:0;
  bottom:0;
  content:"";
  height:100px;
  width:100px;
  border:10px solid #669940;
  border-radius:100%;
  z-index:0;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.infrastructure-section .service-box figure img {
  max-height:45px;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}

.infrastructure-section .service-box figure:after {
  content:"";
  position:absolute;
  height:10px;
  width:10px;
  border-radius:50px;
  background:#669940;
  left:0;
  right:0;
  margin:auto;
  top:-30px;
}

.infrastructure-section .service-box .sub-title,
.infrastructure-section .service-box p {
  font-size:15px;
  color:#484848;
  margin:0px auto;
  line-height:1.6;
}

.infrastructure-section .service-box:hover .ico-box:after,
.infrastructure-section .service-box:hover .ico-box:before {
  -webkit-transition-duration:1s;
  transition-duration:1s;
}

.infrastructure-section .service-box:hover .ico-box:before {
  -webkit-animation:ripple 2s ease-out infinite;
  animation:ripple 2s ease-out infinite;
}

.infrastructure-section .service-box:hover .ico-box:after {
  -webkit-animation:ripple 2s 1s ease-out infinite;
  animation:ripple 2s 1s ease-out infinite;
}

@keyframes ripple {
  0% { opacity:0.25; }
  to {
    border-radius:50%;
    opacity:0;
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
  }
}

@media screen and (max-width:768px) {
  .infrastructure-section .main-content .main-head { font-size:1.75rem !important; }
}

.green-turf {
  position:relative;
  min-height:400px;
  height:auto;
  padding:60px 0px;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  z-index:1;
  overflow:hidden;
}

.green-turf:before {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.22) repeat scroll 0 0;
  left:0;
  top:0;
  z-index:1;
}

.green-turf .main-content {
  text-align:center;
  margin-bottom:40px;
  position:relative;
  z-index:9;
}

.green-turf .main-content .main-head {
  font-size:2.3rem;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-semi) !important;
  line-height:1.5;
  color:#fff;
  margin-bottom:0px;
}

.green-turf .sub-para {
  position:relative;
  z-index:9;
}

.green-turf .sub-para p {
  font-size:1rem;
  color:#fff;
  line-height:1.7;
  text-align:justify;
}

@media screen and (max-width:768px) {
  .green-turf .main-content .main-head { font-size:1.75rem !important; }
}

@media screen and (min-width:1199px) {
  .green-turf .sub-para {
    max-width:75%;
    margin:auto;
  }
}

.custom-product-section {
  position:relative;
  overflow:hidden;
  padding:60px 0px 60px;
  text-align:center;
}

.custom-product-section .main-text { margin-bottom:40px; }

.custom-product-section .main-text h2 {
  font-size:2.3rem;
  font-family:var(--font-semibold);
  line-height:1.5;
  color:#141414;
  margin-bottom:10px;
}

.custom-product-section .main-text span { color:#673695; }

.custom-product-section h4 {
  font-size:1.1rem;
  font-family:"DM Sans", sans-serif;
  max-width:85%;
  margin:auto;
  line-height:1.6;
  color:#484848;
  margin-bottom:0px;
  margin-left:0px;
}

.custom-product-section .custom-slider .owl-item {
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  min-height:100%;
}

.custom-product-section .custom-slider .owl-item .features-box {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

.custom-product-section .custom-slider .owl-item .features-box .box-content { min-height:180px; }

.custom-product-section .custom-slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top:30px; }

.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot:focus,
.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot:focus-visible,
.custom-product-section .custom-slider .owl-theme .owl-dots span:focus,
.custom-product-section .custom-slider .owl-theme .owl-dots span:focus-visible {
  outline:none;
  border:none;
}

.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot span,
.custom-product-section .custom-slider .owl-theme .owl-dots span span {
  width:15px;
  height:7px;
  margin:0px 8px;
}

.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot.active span {
  background:#764098;
  width:35px;
  height:7px;
}

.custom-product-section .row>div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
}

.custom-product-section .features-box {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:center;
  color:#fff;
  border-radius:0px;
  background-color:#fbfbfb;
}

.custom-product-section .features-box .img-box {
  min-height:220px;
  max-height:220px;
  position:relative;
  overflow:hidden;
}

.custom-product-section .features-box .img-box img {
  width:100%;
  height:auto;
  min-height:222px;
  max-height:222px;
  border-radius:0px;
  cursor:pointer;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover;
}

.custom-product-section .features-box .img-box img {
  -webkit-transform:scale(1,1);
  transform:scale(1,1);
  transition:-webkit-transform 0.2s linear;
  -webkit-transition:-webkit-transform 0.2s linear;
  transition:transform 0.2s linear;
  transition:transform 0.2s linear,-webkit-transform 0.2s linear;
}

.custom-product-section .features-box .box-content {
  padding:20px 21px 5px;
  margin-bottom:10px;
  text-align:left;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.custom-product-section .features-box .box-content p {
  font-size:14px;
  color:#484848;
  line-height:1.7;
  margin-bottom:10px!important;
}

.custom-product-section .features-box .box-content h4 {
  font-size:1.2rem;
  color:#141414;
  font-family:"DM Sans", sans-serif,
  font-weight: var(--fnt-semi) !important;
  line-height:1.4;
  margin-bottom:7px!important;
}

.custom-product-section .features-box .box-content h6 {
  font-size:1rem;
  color:#484848;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  line-height:1.6;
  margin-bottom:10px;
}

.custom-product-section .features-box .box-content span {
  font-size:1rem;
  color:#484848;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  line-height:1.6;
  margin-bottom:10px;
}

.custom-product-section .features-box .box-content .highlighted {
  font-size:1rem;
  color:#0061c9;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  line-height:1.6;
  margin-bottom:0px;
}

.custom-product-section .features-box .box-content a {
  color:#673695;
  font-size:14px;
  position:relative;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  -webkit-transition-duration:1s;
  transition-duration:1s;
  text-align:left;
  line-height:2;
  width:100%;
}

.custom-product-section .features-box .box-content a:after {
  content:"\eb3e";
  color:#673695;
  font-size:1.2rem;
  vertical-align:middle;
  font-family:"boxicons" !important;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.custom-product-section .features-box .box-content a:hover {
  text-decoration:none;
  color:#f26739;
  padding-left:4px;
  -webkit-transition-duration:1s;
  transition-duration:1s;
}

.custom-product-section .features-box .box-content a:hover:after { color:#f26739; }

.custom-product-section .features-box .box-content .btn-review:after {
  content:"\ea1d";
  color:#673695;
  font-size:1rem;
  padding-left:6px;
  vertical-align:middle;
  font-family:"boxicons" !important;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.custom-product-section .features-box:hover img {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}

.custom-product-section .modal-dialog {
  padding:0px;
  position:absolute;
  width:100%;
  right:0%;
  text-align:center;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
  border-radius:0px;
}

.custom-product-section .modal-dialog .modal-body { padding:0px; }

.custom-product-section .modal-dialog .modal-content {
  background-color:transparent;
  border:none;
}

.custom-product-section .modal-dialog .modal-content button.close {
  position:absolute;
  right:-40px;
  z-index:999;
  color:#2e2e2e;
  opacity:0.9;
  background-color:#ffffff;
  border-radius:50%;
  cursor:pointer;
  line-height:2.75;
  font-size:18px;
  top:-50px;
  width:50px;
  height:50px;
  font-weight:100;
}

.custom-product-section .modal-dialog .modal-content button.close:hover {
  background-color:#f26739;
  color:#fff;
  font-weight:100;
}

.custom-product-section .modal-dialog .modal-content button.close:focus,
.custom-product-section .modal-dialog .modal-content button.close:focus-visible {
  outline:none;
  border:none;
}

.custom-product-section .video-play-button {
  position:absolute;
  z-index:10;
  top:50%;
  left:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  display:block;
  width:32px;
  height:44px;
  border-radius:50%;
  padding:18px 20px 18px 28px;
}

.custom-product-section .video-play-button:focus,
.custom-product-section .video-play-button:focus-visible,
.custom-product-section .video-play-button:hover {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.custom-product-section .video-play-button:before {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:80px;
  height:80px;
  background:#ba1f24;
  border-radius:50%;
  -webkit-animation:pulse-border 1500ms ease-out infinite;
  animation:pulse-border 1500ms ease-out infinite;
}

.custom-product-section .video-play-button:after {
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:80px;
  height:80px;
  background:#fa183d;
  border-radius:50%;
  -webkit-transition:all 200ms;
  transition:all 200ms;
}

.custom-product-section .video-play-button:hover:after { background-color:#da0528; }

.custom-product-section .video-play-button img {
  position:relative;
  z-index:3;
  max-width:100%;
  width:auto;
  height:auto;
}

.custom-product-section .video-play-button span {
  display:block;
  position:relative;
  z-index:3;
  width:0;
  height:0;
  border-left:32px solid #fff;
  border-top:22px solid transparent;
  border-bottom:22px solid transparent;
}

.custom-product-section .videoverlay {
  background-color:rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:100%;
  height:100%;
  opacity:0;
  z-index:99;
  visibility:hidden;
  -webkit-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  display:inline-block;
}

.custom-product-section .videoverlay.popup-on {
  opacity:1;
  visibility:visible;
}

.custom-product-section .videoverlay.popup-on .content {
  opacity:1;
  visibility:visible;
  top:0;
}

.custom-product-section .videoverlay .content {
  background:#fff;
  position:absolute;
  top:-50%;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  max-width:850px;
  max-height:472px;
  opacity:0;
  border-radius:0.5rem;
  visibility:hidden;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.custom-product-section .videoverlay .content .video-container {
  position:relative;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  height:100%;
  pointer-events:auto;
  background-color:#fff;
  padding:0rem;
  border-radius:0rem;
  outline:0;
}

.custom-product-section .videoverlay .content .video-container iframe { border-radius:0rem; }

.custom-product-section #close {
  position:absolute;
  right:-40px;
  z-index:999;
  color:#2e2e2e;
  opacity:0.9;
  background-color:#ffffff;
  border-radius:50%;
  cursor:pointer;
  line-height:2.75;
  top:-50px;
  width:50px;
  height:50px;
}

.custom-product-section #close:before {
  content:"\ec4e";
  font-family:boxicons;
  font-size:18px;
  font-weight:100;
  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;
  height:100%;
}

.custom-product-section #close:hover {
  background-color:#f26739;
  color:#fff;
}

.animation-container {
  width:100%;
  height:50vw;
  max-height:375px;
  max-width:100%;
  margin:40px auto;
  position:relative;
  -webkit-animation:fadeIn 0.2s ease-out both;
  animation:fadeIn 0.2s ease-out both;
}

.animation-container.v-height { max-height:435px; }

.animation-container .circle {
  border-radius:100%;
  position:absolute;
}

.animation-container .circle:first-child {
  border:2px dashed transparent;
  background:#d6d3f8;
  left:12%;
  top:0%;
  width:10vw;
  height:10vw;
  -webkit-animation:bg-pulse 5s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-pulse 5s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(2) {
  border:2px dashed #d6d3f8;
  background:transparent;
  left:14%;
  top:15%;
  width:15vw;
  height:15vw;
  -webkit-animation:bg-rotation 22s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-rotation 22s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(3) {
  border:2px dashed transparent;
  background:#f6f7fe;
  left:52%;
  bottom:-7%;
  width:5vw;
  height:5vw;
  -webkit-animation:bg-pulse 3s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-pulse 3s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(4) {
  border:2px dashed #d6d3f8;
  background:transparent;
  left:48%;
  bottom:-6%;
  width:6vw;
  height:6vw;
  -webkit-animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(6) {
  border:2px dashed #d6d3f8;
  background:transparent;
  left:77%;
  bottom:33%;
  width:8vw;
  height:8vw;
  -webkit-animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(5) {
  border:2px dashed transparent;
  background:#ccecfc;
  left:80%;
  top:37%;
  width:6vw;
  height:6vw;
  -webkit-animation:bg-pulse 4s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-pulse 4s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .cursor {
  width:2vw;
  max-width:20px;
  left:calc(50% - 10px);
  top:calc(50% - 10px);
  -webkit-animation:cursor 10s cubic-bezier(0.445,0.05,0.55,0.95) both;
  animation:cursor 10s cubic-bezier(0.445,0.05,0.55,0.95) both;
  -webkit-animation-direction:alternate;
  animation-direction:alternate;
  fill:#333;
  z-index:99;
}

@-webkit-keyframes bg-pulse {
  50% {
    -webkit-transform:scale(0.7) translatey(5%);
    transform:scale(0.7) translatey(5%);
  }
}

@keyframes bg-pulse {
  50% {
    -webkit-transform:scale(0.7) translatey(5%);
    transform:scale(0.7) translatey(5%);
  }
}

@-webkit-keyframes bg-rotation {
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes bg-rotation {
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@-webkit-keyframes progressBar {
  to { width:177px; }
}

@keyframes progressBar {
  to { width:177px; }
}

@-webkit-keyframes flipVertical {
  0% {
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
  }
}

@keyframes flipVertical {
  0% {
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
  }
}

@-webkit-keyframes showBubble {
  0% {
    -webkit-transform:rotate(15deg) translatey(10px);
    transform:rotate(15deg) translatey(10px);
    opacity:0;
  }
}

@keyframes showBubble {
  0% {
    -webkit-transform:rotate(15deg) translatey(10px);
    transform:rotate(15deg) translatey(10px);
    opacity:0;
  }
}

@-webkit-keyframes scaleInCenter {
  0% {
    -webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
    opacity:0.2;
  }
  to {
    -webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
  }
}

@keyframes scaleInCenter {
  0% {
    -webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
    opacity:0.2;
  }
  to {
    -webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
  }
}

@-webkit-keyframes scaleInUp {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0;
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
}

@keyframes scaleInUp {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0;
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
}

@-webkit-keyframes float {
  0% {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
  50% {
    -webkit-transform:translatey(-20px);
    transform:translatey(-20px);
  }
  to {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
}

@keyframes float {
  0% {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
  50% {
    -webkit-transform:translatey(-20px);
    transform:translatey(-20px);
  }
  to {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  to { opacity:1; }
}

@keyframes fadeIn {
  0% { opacity:0; }
  to { opacity:1; }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translatey(10px);
    transform:translatey(10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatey(0);
    transform:translatey(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translatey(10px);
    transform:translatey(10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatey(0);
    transform:translatey(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translatex(-10px);
    transform:translatex(-10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatex(0);
    transform:translatex(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translatex(-10px);
    transform:translatex(-10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatex(0);
    transform:translatex(0);
  }
}

@-webkit-keyframes cursor {
  0% { opacity:0; }
  5% { opacity:1; }
  10%, 20% { left:23%; }
  14% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  15% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  16% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  30%, 40% {
    top:40%;
    left:73%;
  }
  34% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  35% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  36% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  50%, 60% {
    top:75%;
    left:73%;
  }
  51% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  52% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  53% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  70% { opacity:1; }
  80% { opacity:0; }
  to { opacity:0; }
}

@keyframes cursor {
  0% { opacity:0; }
  5% { opacity:1; }
  10%, 20% { left:23%; }
  14% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  15% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  16% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  30%, 40% {
    top:40%;
    left:73%;
  }
  34% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  35% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  36% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  50%, 60% {
    top:75%;
    left:73%;
  }
  51% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  52% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  53% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  70% { opacity:1; }
  80% { opacity:0; }
  to { opacity:0; }
}

@media screen and (min-width:800px) {
  .custom-model-main:before {
    content:"";
    display:inline-block;
    height:auto;
    vertical-align:middle;
    margin-right:0px;
    height:100%;
  }
}

@media screen and (max-width:799px) {
  .custom-product-section .modal-dialog .modal-content button.close {
    width:40px;
    height:40px;
    line-height:1.75;
    right:10px;
  }

  .custom-model-inner { margin-top:45px; }
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity:1;
  }
  to {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity:0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity:1;
  }
  to {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity:0;
  }
}

.custom-product-section {
  position:relative;
  overflow:hidden;
  padding:60px 0px 60px;
  text-align:center;
}

.custom-product-section .main-text { margin-bottom:40px; }

.custom-product-section .main-text span { color:#673695; }

.custom-product-section h4 {
  font-size:1.1rem;
  font-family:"DM Sans", sans-serif;
  max-width:85%;
  margin:auto;
  line-height:1.6;
  color:#484848;
  margin-bottom:0px;
  margin-left:0px;
}

.custom-product-section .custom-slider .owl-item {
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  min-height:100%;
}

.custom-product-section .custom-slider .owl-item .features-box {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

.custom-product-section .custom-slider .owl-item .features-box .box-content { min-height:180px; }

.custom-product-section .custom-slider .owl-theme .owl-nav.disabled+.owl-dots { margin-top:30px; }

.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot:focus,
.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot:focus-visible,
.custom-product-section .custom-slider .owl-theme .owl-dots span:focus,
.custom-product-section .custom-slider .owl-theme .owl-dots span:focus-visible {
  outline:none;
  border:none;
}

.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot span,
.custom-product-section .custom-slider .owl-theme .owl-dots span span {
  width:15px;
  height:7px;
  margin:0px 8px;
}

.custom-product-section .custom-slider .owl-theme .owl-dots .owl-dot.active span {
  background:#764098;
  width:35px;
  height:7px;
}

.custom-product-section .row>div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
}

.custom-product-section .features-box {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:center;
  color:#fff;
  border-radius:0px;
  background-color:#fbfbfb;
}

.custom-product-section .features-box .img-box {
  min-height:220px;
  max-height:220px;
  position:relative;
  overflow:hidden;
}

.custom-product-section .features-box .img-box img {
  width:100%;
  height:auto;
  min-height:222px;
  max-height:222px;
  border-radius:0px;
  cursor:pointer;
  overflow:hidden;
  -o-object-fit:cover;
  object-fit:cover;
}

.custom-product-section .features-box .img-box img {
  -webkit-transform:scale(1,1);
  transform:scale(1,1);
  transition:-webkit-transform 0.2s linear;
  -webkit-transition:-webkit-transform 0.2s linear;
  transition:transform 0.2s linear;
  transition:transform 0.2s linear,-webkit-transform 0.2s linear;
}

.custom-product-section .features-box .box-content {
  padding:20px 21px 5px;
  margin-bottom:10px;
  text-align:left;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.custom-product-section .features-box .box-content p {
  font-size:14px;
  color:#484848;
  line-height:1.7;
  margin-bottom:10px;
}

.custom-product-section .features-box .box-content h4 {
  font-size:1.2rem;
  color:#141414;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-semi) !important;
  line-height:1.4;
  margin-bottom:5px;
}

.custom-product-section .features-box .box-content h6 {
  font-size:1rem;
  color:#484848;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  line-height:1.6;
  margin-bottom:10px;
}

.custom-product-section .features-box .box-content span {
  font-size:1rem;
  color:#484848;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  line-height:1.6;
  margin-bottom:10px;
}

.custom-product-section .features-box .box-content .highlighted {
  font-size:1rem;
  color:#0061c9;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  line-height:1.6;
  margin-bottom:0px;
}

.custom-product-section .features-box .box-content a {
  color:#673695;
  font-size:14px;
  position:relative;
  font-family:"DM Sans", sans-serif;
   font-weight: var(--fnt-medium) !important;
  -webkit-transition-duration:1s;
  transition-duration:1s;
  text-align:left;
  line-height:2;
  width:100%;
}

.custom-product-section .features-box .box-content a:after {
  content:"\ea1d";
  color:#673695;
  font-size:1.2rem;
  vertical-align:middle;
  font-family:"boxicons" !important;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.custom-product-section .features-box .box-content a:hover {
  text-decoration:none;
  color:#f26739;
  padding-left:4px;
  -webkit-transition-duration:1s;
  transition-duration:1s;
}

.custom-product-section .features-box .box-content a:hover:after { color:#f26739; }

.custom-product-section .features-box .box-content .btn-review:after {
  content:"\ea1d";
  color:#673695;
  font-size:1rem;
  padding-left:6px;
  vertical-align:middle;
  font-family:"boxicons" !important;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.custom-product-section .features-box:hover img {
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}

.custom-product-section .modal-dialog .modal-body { padding:0px; }

.custom-product-section .modal-dialog .modal-content {
  background-color:transparent;
  border:none;
}

.custom-product-section .modal-dialog .modal-content button.close {
  position:absolute;
  right:-40px;
  z-index:999;
  color:#2e2e2e;
  opacity:0.9;
  background-color:#ffffff;
  border-radius:50%;
  cursor:pointer;
  line-height:2.75;
  font-size:18px;
  top:-50px;
  width:50px;
  height:50px;
  font-weight:100;
}

.custom-product-section .modal-dialog .modal-content button.close:hover {
  background-color:#f26739;
  color:#fff;
  font-weight:100;
}

.custom-product-section .modal-dialog .modal-content button.close:focus,
.custom-product-section .modal-dialog .modal-content button.close:focus-visible {
  outline:none;
  border:none;
}

.custom-product-section .video-play-button {
  position:absolute;
  z-index:10;
  top:50%;
  left:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  display:block;
  width:32px;
  height:44px;
  border-radius:50%;
  padding:18px 20px 18px 28px;
}

.custom-product-section .video-play-button:focus,
.custom-product-section .video-play-button:focus-visible,
.custom-product-section .video-play-button:hover {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.custom-product-section .video-play-button:before {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:80px;
  height:80px;
  background:#ba1f24;
  border-radius:50%;
  -webkit-animation:pulse-border 1500ms ease-out infinite;
  animation:pulse-border 1500ms ease-out infinite;
}

.custom-product-section .video-play-button:after {
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  display:block;
  width:80px;
  height:80px;
  background:#fa183d;
  border-radius:50%;
  -webkit-transition:all 200ms;
  transition:all 200ms;
}

.custom-product-section .video-play-button:hover:after { background-color:#da0528; }

.custom-product-section .video-play-button img {
  position:relative;
  z-index:3;
  max-width:100%;
  width:auto;
  height:auto;
}

.custom-product-section .video-play-button span {
  display:block;
  position:relative;
  z-index:3;
  width:0;
  height:0;
  border-left:32px solid #fff;
  border-top:22px solid transparent;
  border-bottom:22px solid transparent;
}

.custom-product-section .videoverlay {
  background-color:rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:100%;
  height:100%;
  opacity:0;
  z-index:99;
  visibility:hidden;
  -webkit-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  display:inline-block;
}

.custom-product-section .videoverlay.popup-on {
  opacity:1;
  visibility:visible;
}

.custom-product-section .videoverlay.popup-on .content {
  opacity:1;
  visibility:visible;
  top:0;
}

.custom-product-section .videoverlay .content {
  background:#fff;
  position:absolute;
  top:-50%;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  max-width:850px;
  max-height:472px;
  opacity:0;
  border-radius:0.5rem;
  visibility:hidden;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.custom-product-section .videoverlay .content .video-container {
  position:relative;
  display:-ms-flexbox;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  height:100%;
  pointer-events:auto;
  background-color:#fff;
  padding:0rem;
  border-radius:0rem;
  outline:0;
}

.custom-product-section .videoverlay .content .video-container iframe { border-radius:0rem; }

.custom-product-section #close {
  position:absolute;
  right:-40px;
  z-index:999;
  color:#2e2e2e;
  opacity:0.9;
  background-color:#ffffff;
  border-radius:50%;
  cursor:pointer;
  line-height:2.75;
  top:-50px;
  width:50px;
  height:50px;
}

.custom-product-section #close:before {
  content:"\ec4e";
  font-family:boxicons;
  font-size:18px;
  font-weight:100;
  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;
  height:100%;
}

.custom-product-section #close:hover {
  background-color:#f26739;
  color:#fff;
}

.animation-container {
  width:100%;
  height:50vw;
  max-height:375px;
  max-width:100%;
  margin:40px auto;
  position:relative;
  -webkit-animation:fadeIn 0.2s ease-out both;
  animation:fadeIn 0.2s ease-out both;
}

.animation-container.v-height { max-height:435px; }

.animation-container .circle {
  border-radius:100%;
  position:absolute;
}

.animation-container .circle:first-child {
  border:2px dashed transparent;
  background:#d6d3f8;
  left:12%;
  top:0%;
  width:10vw;
  height:10vw;
  -webkit-animation:bg-pulse 5s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-pulse 5s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(2) {
  border:2px dashed #d6d3f8;
  background:transparent;
  left:14%;
  top:15%;
  width:15vw;
  height:15vw;
  -webkit-animation:bg-rotation 22s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-rotation 22s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(3) {
  border:2px dashed transparent;
  background:#f6f7fe;
  left:52%;
  bottom:-7%;
  width:5vw;
  height:5vw;
  -webkit-animation:bg-pulse 3s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-pulse 3s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(4) {
  border:2px dashed #d6d3f8;
  background:transparent;
  left:48%;
  bottom:-6%;
  width:6vw;
  height:6vw;
  -webkit-animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(6) {
  border:2px dashed #d6d3f8;
  background:transparent;
  left:77%;
  bottom:33%;
  width:8vw;
  height:8vw;
  -webkit-animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-rotation 23s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .circle:nth-child(5) {
  border:2px dashed transparent;
  background:#ccecfc;
  left:80%;
  top:37%;
  width:6vw;
  height:6vw;
  -webkit-animation:bg-pulse 4s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
  animation:bg-pulse 4s cubic-bezier(0.445,0.05,0.55,0.95) both infinite;
}

.animation-container .cursor {
  width:2vw;
  max-width:20px;
  left:calc(50% - 10px);
  top:calc(50% - 10px);
  -webkit-animation:cursor 10s cubic-bezier(0.445,0.05,0.55,0.95) both;
  animation:cursor 10s cubic-bezier(0.445,0.05,0.55,0.95) both;
  -webkit-animation-direction:alternate;
  animation-direction:alternate;
  fill:#333;
  z-index:99;
}

@-webkit-keyframes bg-pulse {
  50% {
    -webkit-transform:scale(0.7) translatey(5%);
    transform:scale(0.7) translatey(5%);
  }
}

@keyframes bg-pulse {
  50% {
    -webkit-transform:scale(0.7) translatey(5%);
    transform:scale(0.7) translatey(5%);
  }
}

@-webkit-keyframes bg-rotation {
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes bg-rotation {
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@-webkit-keyframes progressBar {
  to { width:177px; }
}

@keyframes progressBar {
  to { width:177px; }
}

@-webkit-keyframes flipVertical {
  0% {
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
  }
}

@keyframes flipVertical {
  0% {
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
  }
}

@-webkit-keyframes showBubble {
  0% {
    -webkit-transform:rotate(15deg) translatey(10px);
    transform:rotate(15deg) translatey(10px);
    opacity:0;
  }
}

@keyframes showBubble {
  0% {
    -webkit-transform:rotate(15deg) translatey(10px);
    transform:rotate(15deg) translatey(10px);
    opacity:0;
  }
}

@-webkit-keyframes scaleInCenter {
  0% {
    -webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
    opacity:0.2;
  }
  to {
    -webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
  }
}

@keyframes scaleInCenter {
  0% {
    -webkit-transform:translate(-50%,-50%) scale(0.8);
    transform:translate(-50%,-50%) scale(0.8);
    opacity:0.2;
  }
  to {
    -webkit-transform:translate(-50%,-50%) scale(1);
    transform:translate(-50%,-50%) scale(1);
    opacity:1;
  }
}

@-webkit-keyframes scaleInUp {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0;
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
}

@keyframes scaleInUp {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0;
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
}

@-webkit-keyframes float {
  0% {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
  50% {
    -webkit-transform:translatey(-20px);
    transform:translatey(-20px);
  }
  to {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
}

@keyframes float {
  0% {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
  50% {
    -webkit-transform:translatey(-20px);
    transform:translatey(-20px);
  }
  to {
    -webkit-transform:translatey(0px);
    transform:translatey(0px);
  }
}

@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  to { opacity:1; }
}

@keyframes fadeIn {
  0% { opacity:0; }
  to { opacity:1; }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translatey(10px);
    transform:translatey(10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatey(0);
    transform:translatey(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translatey(10px);
    transform:translatey(10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatey(0);
    transform:translatey(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translatex(-10px);
    transform:translatex(-10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatex(0);
    transform:translatex(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translatex(-10px);
    transform:translatex(-10px);
  }
  to {
    opacity:1;
    -webkit-transform:translatex(0);
    transform:translatex(0);
  }
}

@-webkit-keyframes cursor {
  0% { opacity:0; }
  5% { opacity:1; }
  10%, 20% { left:23%; }
  14% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  15% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  16% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  30%, 40% {
    top:40%;
    left:73%;
  }
  34% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  35% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  36% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  50%, 60% {
    top:75%;
    left:73%;
  }
  51% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  52% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  53% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  70% { opacity:1; }
  80% { opacity:0; }
  to { opacity:0; }
}

@keyframes cursor {
  0% { opacity:0; }
  5% { opacity:1; }
  10%, 20% { left:23%; }
  14% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  15% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  16% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  30%, 40% {
    top:40%;
    left:73%;
  }
  34% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  35% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  36% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  50%, 60% {
    top:75%;
    left:73%;
  }
  51% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  52% {
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
  }
  53% {
    -webkit-transform:scale(1);
    transform:scale(1);
  }
  70% { opacity:1; }
  80% { opacity:0; }
  to { opacity:0; }
}

@media screen and (min-width:800px) {
  .custom-model-main:before {
    content:"";
    display:inline-block;
    height:auto;
    vertical-align:middle;
    margin-right:0px;
    height:100%;
  }
}

@media screen and (max-width:799px) {
  .custom-product-section .modal-dialog .modal-content button.close {
    width:40px;
    height:40px;
    line-height:1.75;
    right:10px;
  }

  .custom-model-inner { margin-top:45px; }
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity:1;
  }
  to {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity:0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity:1;
  }
  to {
    -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity:0;
  }
}

.custom-product-section .features-box .box-content a.follow-us:after {
  font-size:1rem;
  margin-left:3px;
  content:"\eb3e";
}

@media (max-width:767px) {
  .custom-product-section .modal-dialog {
    width:90%;
    margin:0 auto;
  }

  .custom-product-section .modal-dialog .modal-content button.close { right:0; }
}

.subscribe-section {position: relative;padding: 40px 0px 60px;}
  .subscribe-section .main-content {margin-bottom: 0px;text-align: center;position: relative;}
  .subscribe-section .main-content h2 {font-family: "DM Sans", sans-serif;
     font-weight: var(--fnt-semi) !important;font-size: 2.3rem;line-height: 1.5;color: #141414;margin-bottom: 15px;}
  .subscribe-section .main-content span {color: #673695;}
  .subscribe-section .main-content .subscribe-btn {text-align: center;margin: auto;display: block;font-size: 1.2rem;}
  .subscribe-section .main-content .subscribe-btn:after {content: "\ea1d";color: #673695;top: 50%;right: auto;font-size: 1.5rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);position: absolute;font-family: "boxicons"!important;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .subscribe-section .btn-primary.btn-gradient:after {content: "\ea1d";width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;margin-left: 5px;color: #673695;font-size: 1.2rem;vertical-align: middle;font-family: "boxicons"!important;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .subscribe-section .btn-primary.btn-gradient:hover {padding-left: 1rem;}
  @media screen and (max-width: 768px){.subscribe-section .main-content .subscribe-btn {font-size: 1rem;}}

.megamenu-panel .common-tabs li:hover a:last-child:after, .megamenu-panel .common-tabs li:hover a:last-child:after{opacity: 0!important}
.megamenu-panel .common-tabs li:hover a {color: #673695!important;}
.megamenu-panel .common-tabs li.active a:last-child:after{opacity: 1!important; color: #fff!important;}
.nav-menus-wrapper .nav-menu .nav-menu-list.focus a.drop-down:after {content: "\ea57";}
.nav-menus-wrapper .nav-menu .nav-menu-list .dropdown.open a.drop-down:after {content: "\ea57";}
.nav-menus-wrapper .nav-menu .nav-menu-list:hover a.drop-down {color: #673695;}
 .nav-menus-wrapper .nav-menu .nav-menu-list .nav-menu-item:hover {background-size: 100% 100%;}
  .nav-menus-wrapper .nav-menu .nav-menu-list .nav-menu-item:hover {background-size: 0px;}

.cookies-section {
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100%;
    background: #f7f7f7;
    padding: 16px 24px;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    font-family: "DM Sans", sans-serif;
  }

  .cookie-text {
    flex: 1;
    font-size: 14px;
    color: #333;
  }

  .cookies-section .btn {
    margin-left: 12px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 50px;
    text-decoration: none;
  }

  .btn-purple {
    background-color: #673695;
    border: 1px solid #673695;
    color: #fff;
  }
  .btn.light{
   border: 1px solid #673695;
   color: #673695;
  }
  .cookies-section .btn:hover{
    background-color: #673695;
    border: 1px solid #673695;
    color: #fff;
  }