.block-title h2 {
   color: #2a2a2a;
   font-size: 35px;
   font-weight: 700;
   text-transform: capitalize;
   margin-bottom: 25px;
 }

 .block-title em {
   font-style: normal;
   color: #4da6e7;
 }

 h2 {
   font-size: 35px !important;
   color: #2a2a2a;
   line-height: 50px;
 }
  .cursor {
	 z-index: 1000;
	 pointer-events: none;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 border-radius: 50%;
	 opacity: 0;
	 transform: translate(-50%, -50%);
	 transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s, width 0.3s, height 0.3s;
	 width: 16px;
	 height: 16px;
	 background-color: #4da6e7;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .cursor.active {
	 transform: translate(-50%, -50%) scale(1.5);
}
 .cursor.hidden {
	 opacity: 0 !important;
}

 @media (max-width: 575.98px) {
   .main-banner:after {
     background-image: none;
   }

   .main-banner {
     padding: 100px 0px 30px 0px;
   }

   .main-banner .left-content h2 {
     font-size: 32px;
   }

   .main-banner .left-content h6 {
     margin-top: 20px;
   }

   .main-banner .left-content p {
     margin-right: 0px;
   }

   .block-title h2 {
     font-size: 25px;
   }

   h2 {
     font-size: 25px !important;
   }

   .section-heading h4 {
     font-size: 25px;
   }
 }

 /*--------------------------------------------------------------------------*/
 /*life fashion start*/
 /*---------------------------------------------------------------------------*/
 .life-feature-main .s {
   width: 70px;
   height: 70px;
 }

 .life-feature-main .flip-box {
   background-color: transparent;
   width: 300px;
   height: 220px;
   border: 1px solid #f1f1f1;
   perspective: 1000px;
 }

 .life-feature-main .flip-box-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: transform 0.8s;
   transform-style: preserve-3d;
 }

 .life-feature-main .flip-box:hover .flip-box-inner {
   transform: rotateY(180deg);
 }

 .life-feature-main .flip-box-front,
 .flip-box-back {
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .life-feature-main .flip-box-front {
   color: black;
 }

 .life-feature-main .flip-box-back {
   background-color: #ffffff;
   color: black;
   transform: rotateY(180deg);
 }

 .life-testimonial .rating {
   display: flex;
   justify-content: center;
   margin: 10px 0;
 }

 .life-testimonial .star {
   color: #FFD700;
   font-size: 20px;
   margin: 0 2px;
 }

 .life-testimonial .testimonial-carousel::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }

 .life-testimonial .testimonial-carousel::after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }

 .life-blog {
   padding-top: 40px;
   padding-bottom: 40px;
 }

 .life-free-quote {
   margin-top: 20px;
 }

 @media (min-width: 768px) {

   .life-testimonial .testimonial-carousel::before,
   .life-testimonial .testimonial-carousel::after {
     width: 200px;
   }
 }

 @media (min-width: 992px) {

   .life-testimonial .testimonial-carousel::before,
   .life-testimonial .testimonial-carousel::after {
     width: 300px;
   }
 }

 .life-testimonial .testimonial-carousel .owl-nav {
   position: absolute;
   width: 350px;
   top: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   justify-content: space-between;
   opacity: 0;
   transition: .5s;
   z-index: 1;
 }

 .life-testimonial .testimonial-carousel:hover .owl-nav {
   width: 300px;
   opacity: 1;
 }

 .life-testimonial .testimonial-carousel .owl-nav .owl-prev,
 .life-testimonial .testimonial-carousel .owl-nav .owl-next {
   position: relative;
   font-size: 45px;
   transition: .5s;
 }

 .life-testimonial .testimonial-carousel .testimonial-img img {
   width: 50px;
   height: 50px;
 }

 .life-testimonial .testimonial-carousel .testimonial-img .btn-square {
   position: absolute;
   width: 20px;
   height: 20px;
 }

 .life-testimonial .testimonial-carousel .owl-item .testimonial-text {
   margin-bottom: 30px;
   box-shadow: 0 0 45px rgba(0, 0, 0, .08);
   transform: scale(.8);
   transition: .5s;
 }

 .life-testimonial .testimonial-carousel .owl-item.center .testimonial-text {
   transform: scale(1);
 }

 .lifestyle-main {
   padding-top: 50px;
 }

 .lifestyle-img {
   margin-top: 30px;
 }

 #life-example {
   width: 100%;
   max-width: 400px;
   margin: auto;
   margin-top: 100px;
 }

 .list-lifestyle ul.list {
   margin: 0;
   padding: 0;
   list-style: none;
   margin-top: 20px;
 }

 .list-lifestyle ul.list li {
   display: flex;
   padding: 15px;
   flex-direction: column;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
   background-color: #fff;
   border-left: 4px solid #fff;
   transition: all 0.3s ease;
   position: relative;
   cursor: pointer;
   border-radius: 4px;
   overflow: hidden;
 }

 .list-lifestyle ul.list li .title {
   font-size: 17px;
   position: relative;
   z-index: 1;
   line-height: 24px;
 }

 .list-lifestyle ul.list li .subtitle {
   position: relative;
   z-index: 1;
   font-size: 14px;
   opacity: 0.7;
 }

 .list-lifestyle ul.list li:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 0%;
   height: 100%;
   transition: width 0.3s ease;
 }

 .list-lifestyle ul.list li:hover {
   color: #fff;
 }

 .list-lifestyle ul.list li:hover:after {
   width: 100%;
   transition: width 0.3s ease;
 }

 .list-lifestyle .list li.shopping:after {
   background: linear-gradient(102deg, #cc00c5 0%, #1061b7 100%);
 }

 .list-lifestyle ul.list li.shopping {
   border-left-color: #cc00c5;
   margin-top: 20px;
 }

 .list-lifestyle ul.list li.personal:after {
   background: linear-gradient(102deg, #00cc88 0%, #1096b7 100%);
 }

 .list-lifestyle ul.list li.personal {
   border-left-color: #00cc88;
   margin-top: 20px;
 }

 .list-lifestyle ul.list li.work:after {
   background: linear-gradient(102deg, #fa5437 0%, #ed4618 100%);
 }

 .list-lifestyle ul.list li.work {
   border-left-color: #fa5437;
   margin-top: 20px;
 }

 .section-heading {
   align-items: center;
   text-align: center;
 }

 .section-heading .line-dec {
   margin: 0px auto;
 }

 @media (max-width: 575.98px) {
   .life-contact-us {
     padding-top: 40px;
   }

   .life-contact-us .section-heading {
     margin-bottom: 10px;
   }

   .lifestyle {
     width: 100%;
     height: 500px;
   }

   .section-heading h4 {
     /*font-size: 31px;*/
     padding-top: 30px;
     text-align: center;
   }

   .life-modern .about-left-image img {
     margin-bottom: 0px;
   }

   .life-modern .about-right-content p {
     text-align: center;
   }

   .life-blog {
     padding-top: 15px;
   }

   .life-blog .section-heading {
     margin-bottom: 10px;
   }

   .life-free-quote {
     margin-top: 30px;
   }
 }

 /*--------------------------------------------------------------------------*/
 /*life fashion end*/
 /*---------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*luggage bag future start*/
 /*----------------------------------------------------------------------------*/
 .luggage-feature-main {
   padding: 30px 0px 50px 0px;
 }

 .luggage-feature-main .card {
   position: relative;
   margin-top: 20px;
   overflow: hidden;
   border-radius: 10px;
   height: auto;
   background: #fff;
   display: flex;
   align-items: center;
   padding: 50px 10px;
   flex-direction: column;
   box-shadow: 0 1px 1px rgb(0, 0, 0, 0.1),
     0 2px 2px rgb(0, 0, 0, 0.1),
     0 4px 4px rgb(0, 0, 0, 0.1),
     0 8px 8px rgb(0, 0, 0, 0.1);
   transition: transform 0.3s ease-in-out;
 }

 .luggage-feature-main .card:hover {
   transform: scale(1.05);
 }

 .luggage-feature-main .card ul {
   padding-top: 10px;
 }

 .luggage-feature-main .card ul li {
   padding: 10px 10px;
 }

 .luggage-feature-main .card:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   color: #fff;
   width: 50px;
   height: 50px;
   background: #4da6e7;
   clip-path:
     polygon(0 0, 100% 0, 100% 100%);
   transition:
     width 0.3s ease, height 0.3s ease;
   z-index: 0;
 }

 .luggage-feature-main .card:hover ul li {
   color: #fff;
 }

 .luggage-feature-main .card:hover:before {
   width: 200%;
   height: 200%;
   z-index: -1;
 }

 .luggage-feature-main .card h4 {
   font-size: 20px;
   text-align: center;
   align-items: center;
 }

 .luggage-feature-main .card:hover h4 {
   color: #fff;
   transition: all 0.3s ease;
 }

 .advertisers-service-sec {
   background-color: #f5f5f5;
 }

 .advertisers-service-sec span {
   color: #4da6e7;
 }

 .advertisers-service-sec .col {
   padding: 0 1em 1em 1em;
   text-align: center;
 }

 .advertisers-service-sec .service-card {
   width: 100%;
   height: 100%;
   padding: 2em 1.5em;
   border-radius: 5px;
   box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
   cursor: pointer;
   transition: 0.5s;
   position: relative;
   z-index: 2;
   margin-top: 20px;
   overflow: hidden;
   background: #fff;
 }

 .advertisers-service-sec .service-card::after {
   content: "";
   width: 100%;
   height: 100%;
   background: linear-gradient(#0dcaf0, rgb(117 176 244));
   position: absolute;
   left: 0%;
   top: -98%;
   z-index: -2;
   transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99);
 }

 .advertisers-service-sec h3 {
   font-size: 20px;
   text-transform: capitalize;
   font-weight: 600;
   color: #1f194c;
   margin: 1em 0;
   z-index: 3;
 }

 .advertisers-service-sec p {
   color: #575a7b;
   font-size: 15px;
   line-height: 1.6;
   letter-spacing: 0.03em;
   z-index: 3;
 }

 .advertisers-service-sec .icon-wrapper {
   background-color: #2c7bfe;
   position: relative;
   margin: auto;
   font-size: 30px;
   height: 2.5em;
   width: 2.5em;
   color: #ffffff;
   border-radius: 50%;
   display: grid;
   place-items: center;
   transition: 0.5s;
   z-index: 3;
 }

 .advertisers-service-sec .service-card:hover:after {
   top: 0%;
 }

 .service-card .icon-wrapper {
   background-color: #ffffff;
   color: rgb(255, 23, 131);
 }

 .advertisers-service-sec .service-card:hover .icon-wrapper {
   color: #0dcaf0;
 }

 .advertisers-service-sec .service-card:hover h3 {
   color: #ffffff;
 }

 .advertisers-service-sec .service-card:hover p {
   color: #f0f0f0;
 }

 /*---------------------------------------------------------------------------*/
 /*luggage bag future start*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*mobile phone start*/
 /*----------------------------------------------------------------------------*/
 .mobile-step-main .step2 h5 {
   font-size: 20px;
   color: #fff;
 }

 .mobile-step-main .step2 ul {
   padding-top: 20px;
 }

 .mobile-step-main .step1 {
   background-color: #5897f5;
   padding: 40px 40px;
   border-top-right-radius: 130px;
   border-bottom-right-radius: 130px;
 }

 .mobile-step-main .step2 ul li {
   list-style: disc;
   color: #fff;
   padding: 5px 0px;
 }

 .mobile-module {
   padding: 50px 0px;
 }

 .module-newsroom .module-upper-wrapper,
 .news-items .module-upper-wrapper {
   margin-bottom: 48px
 }

 .module-newsroom .news-list,
 .news-items .news-list {
   display: -ms-grid;
   display: grid;
   grid-gap: 6px;
   gap: 6px
 }

 @media screen and (min-width:768px) {

   .module-newsroom .news-list,
   .news-items .news-list {
     -ms-grid-columns: 1fr 8px 1fr;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: 8px;
     gap: 8px
   }
 }

 @media screen and (min-width:1024px) {

   .module-newsroom .news-list,
   .news-items .news-list {
     -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
     grid-template-columns: repeat(3, 1fr)
   }
 }

 .module-newsroom .news-item,
 .news-items .news-item {
   color: #005ea8;
   padding-top: 112.24489796%;
   position: relative
 }

 .module-newsroom .news-item a,
 .news-items .news-item a {
   padding: 24px;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   color: #fff;
   border-radius: 6px;
   display: -ms-grid;
   display: grid;
   -webkit-align-content: end;
   align-content: end;
   -webkit-justify-content: end;
   -moz-box-pack: end;
   justify-content: end;
   place-content: end;
   -webkit-justify-content: stretch;
   -moz-box-pack: stretch;
   justify-content: stretch;
   transition-property: background, box-shadow, padding-bottom;
   transition-duration: .25s;
   transition-timing-function: ease;
 }

 @media screen and (min-width:1024px) {

   .module-newsroom .news-item a,
   .news-items .news-item a {
     padding: 32px 40px
   }
 }

 .module-newsroom .news-item a:after,
 .news-items .news-item a:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: linear-gradient(8.37deg, #005ea8 19.98%, rgba(0, 94, 168, 0) 81.97%);
   z-index: 1;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   transition-duration: .25s;
   transition-timing-function: ease;
 }

 .module-newsroom .news-item a:not(.has-image):after,
 .news-items .news-item a:not(.has-image):after {
   background: linear-gradient(207.5deg, #007bba 0%, #005699 84.91%, #005598 84.91%)
 }

 .module-newsroom .news-item a:not(.has-image):before,
 .news-items .news-item a:not(.has-image):before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: #005ea8;
   z-index: 2;
   opacity: 0;
   pointer-events: none;
   transition-property: opacity;
   transition-duration: .25s;
   transition-timing-function: ease;
 }

 .module-newsroom .news-item a:hover,
 .news-items .news-item a:hover {
   box-shadow: 0px 12px 34px rgba(22, 65, 147, .18), 0px 24px 80px rgba(22, 65, 147, .1);
   padding-bottom: 40px
 }

 .module-newsroom .news-item a:hover.has-image:after,
 .news-items .news-item a:hover.has-image:after {
   -webkit-transform: translateY(25%);
   transform: translateY(25%)
 }

 .module-newsroom .news-item a:hover:before,
 .news-items .news-item a:hover:before {
   opacity: 1
 }

 .module-newsroom .news-item a:hover img,
 .news-items .news-item a:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
 }

 .module-newsroom .news-item img,
 .news-items .news-item img {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 1;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   transition-duration: .25s;
   transition-timing-function: ease;
 }

 .module-newsroom .news-item *,
 .news-items .news-item * {
   position: relative;
   z-index: 2
 }

 .module-newsroom .news-item-category,
 .news-items .news-item-category {
   margin-bottom: 4px;
   font-size: 23px;
 }

 .module-newsroom .news-item-title,
 .news-items .news-item-title {
   margin-bottom: 12px;
   font-size: 16px;
   overflow: hidden;
   line-height: 27px;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   box-orient: vertical;
   -moz-box-orient: vertical;
   word-break: break-word
 }

 .module-newsroom .news-item-date,
 .news-items .news-item-date {
   color: #f0f5f9;
   letter-spacing: .8px
 }

 @media (max-width: 575.98px) {
   .mobile-step-main .step1 {
     background-color: #fff;
   }

   .mobile-step-main .step2 ul li {
     color: #000;
   }

   .mobile-step-main .step2 h5 {
     color: #000;
   }

   .mobile-step-main .step1 {
     padding: 20px 40px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*mobile phone end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*music movie start*/
 /*----------------------------------------------------------------------------*/
 .music-service-section:before {
   position: absolute;
   content: "";
   top: 0;
   height: 100%;
   width: 100%;
   background: url(../images/service/service-new.jpg);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .music-service-section {
   position: relative;
 }

 .music-service-section .service-card {
   padding: 30px 0px;
 }

 .music-service-section .service-card-box {
   position: relative;
   background-color: #B2BEB5;
   padding: 40px 35px;
   margin-bottom: 50px;
   margin-top: 20px;
 }

 .music-service-section .service-card-box {
   position: relative;
 }

 .music-service-section .service-card-box:hover {
   background: linear-gradient(94deg, #1B72E9 4.9%, #08CBF9 99.12%);
   transition: 0.4s;
 }

 .music-service-section .service-card-box:hover h3 a {
   color: #fff;
   transition: 0.4s;
   font-family: 'Poppins', sans-serif;
 }

 .music-service-section .service-card-box:hover p a {
   color: #fff;
   transition: 0.4s;
   font-family: 'Poppins', sans-serif;
 }

 .music-service-section .service-card-box::after {
   position: absolute;
   content: "";
   right: 0;
   top: 0;
   background-image: url(../images/service/box-top-right.png);
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 60%;
   height: 150px;
   transition: all 0.4s ease-out 0s;
 }

 .music-service-section .service-card-box:hover::after {
   background: url(../images/service/box-top-right-hover.png);
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   transition: 0.4s;
 }

 .music-service-section .service-card-box {
   position: relative;
   background-color: #75bdf1;
   padding: 40px 35px;
   margin-bottom: 50px;
 }

 .music-service-section .card-icon {
   background: #f9f9f9;
   padding: 15px;
   height: 80px;
   width: 80px;
   text-align: center;
   border-radius: 50%;
 }

 .music-service-section .card-icon img {
   max-width: 45px;
 }

 .music-service-section .card-text h3 {
   color: #1B72E9;
   padding-top: 20px;
   margin-bottom: 20px;
   font-family: 'Poppins', sans-serif;
 }

 .music-service-section .card-text p {
   color: #fff;
   border-bottom: 1px solid rgba(189, 188, 191, 0.35);
   padding-bottom: 30px;
   margin-bottom: 28px;
   font-family: 'Poppins', sans-serif;
 }

 .music-service-section .card-text h3 {
   color: #fff;
   padding-top: 20px;
   margin-bottom: 20px;
   font-size: 21px;
   font-family: 'Poppins', sans-serif;
 }

 /*---------------------------------------------------------------------------*/
 /*music movie end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*oil store start*/
 /*----------------------------------------------------------------------------*/
 .oil-feature-main {
   padding: 50px 0px;
 }

 .oil-feature-main .feature-head {
   padding: 30px 0px;
 }

 .oil-feature-main .feature-cont1 {
   padding: 20px 10px;
   text-align: center;
 }

 .oil-feature-main .feature-cont1 h2 {
   text-align: center;
   color: #4da6e7;
   font-size: 20px;
   font-weight: 600;
   padding-bottom: 20px;
 }

 .oil-Possible-main {
   padding: 50px 0px;
 }

 .oil-Possible-main .Possible-head {
   padding: 50px 0px;
 }

 .oil-Possible-main .Possible-cont1 {
   background-color: #fff;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   padding: 30px 20px;
   color: #000;
 }

 .oil-Possible-main .Possible-cont1 {
   height: 350px;
 }

 .oil-Possible-main .Possible-cont1 h2 {
   background-color: #4da6e7;
   color: #fff;
   width: 50px;
   height: 50px;
   border-radius: 30px;
   padding: 7px 18px;

 }

 .oil-Possible-main .Possible-cont1 h3 {
   padding: 15px 0px;
   color: #4da6e7;
   font-size: 20px;
   line-height: 30px;
   font-weight: 600;
 }

 @media (max-width: 575.98px) {
   .oil-feature-main {
     padding: 0px 0px;
   }

   .oil-feature-main .feature-head {
     padding: 5px 0px;
   }

   .oil-Possible-main .Possible-cont1 {
     margin-top: 20px;
   }

   .oil-Possible-main .Possible-cont1 {
     height: 300px;
   }

   .main-banner .left-content {
     margin-top: 20px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*oil store end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*optical start*/
 /*----------------------------------------------------------------------------*/
 .optical-feature .optical-main {
   padding: 50px 40px;
   border-radius: 12px;
   background: #69b1f9;
   box-shadow: 0px 4px 16px rgba(254, 205, 211, 0.1), 0px 8px 24px rgba(254, 205, 211, 0.1), 0px 16px 56px rgba(254, 205, 211, 0.1);
 }

 .optical-feature {
   padding: 60px 0px;
 }

 .optical-feature .optical-main .topic {
   font-size: 30px;
   font-weight: 500;
   margin-bottom: 20px;
   color: rgba(255, 255, 255, 0.7);
 }

 .optical-feature .optical-main .content input {
   display: none;
 }

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

 .optical-feature .optical-main .content .list {
   display: flex;
   flex-direction: column;
   position: relative;
   width: 35%;
   margin-right: 50px;
 }

 .optical-feature .optical-main .content .list label {
   cursor: pointer;
   height: 60px;
   line-height: 60px;
   font-size: 17px;
   font-weight: 500;
   color: #fff;
   padding-left: 25px;
   padding-top: 3px;
   transition: all 0.5s ease;
   z-index: 10;
 }

 .optical-feature .optical-main #home:checked~.list label.home,
 .optical-feature .optical-main #blogs:checked~.list label.blogs,
 .optical-feature .optical-main #help:checked~.list label.help,
 .optical-feature .optical-main #code:checked~.list label.code,
 .optical-feature .optical-main #about:checked~.list label.about,
 .optical-feature .optical-main #integ:checked~.list label.integ,
 .optical-feature .optical-main #report:checked~.list label.report {
   color: #000;
 }

 .optical-feature .optical-main .content .slider {
   position: absolute;
   left: 0;
   top: 0;
   height: 60px;
   width: 100%;
   border-radius: 12px;
   transition: all 0.5s ease;
   background: #fff;
 }

 .optical-feature .optical-main #home:checked~.list .slider {
   top: 0;
 }

 .optical-feature .optical-main #blogs:checked~.list .slider {
   top: 60px;
 }

 .optical-feature .optical-main #help:checked~.list .slider {
   top: 120px;
 }

 .optical-feature .optical-main #code:checked~.list .slider {
   top: 180px;
 }

 .optical-feature .optical-main #about:checked~.list .slider {
   top: 240px;
 }

 .optical-feature .optical-main #integ:checked~.list .slider {
   top: 300px;
 }

 .optical-feature .optical-main #report:checked~.list .slider {
   top: 360px;
 }

 .optical-feature .optical-main .content .text-content {
   width: 80%;
   height: 100%;
   color: rgba(255, 255, 255, 0.7);
 }

 .optical-feature .optical-main .content .text {
   display: none;
 }

 .optical-feature .optical-main .content .text .title {
   font-size: 25px;
   margin-bottom: 10px;
   font-weight: 500;
 }

 .optical-feature .optical-main .container .text p {
   text-align: justify;
 }

 .optical-feature .optical-main .content .text-content .home {
   display: block;
 }

 .optical-feature .optical-main #home:checked~.text-content .home,
 .optical-feature .optical-main #blogs:checked~.text-content .blogs,
 .optical-feature .optical-main #help:checked~.text-content .help,
 .optical-feature .optical-main #code:checked~.text-content .code,
 .optical-feature .optical-main #about:checked~.text-content .about,
 .optical-feature .optical-main #integ:checked~.text-content .integ,
 .optical-feature .optical-main #report:checked~.text-content .report {
   display: block;
 }

 .optical-feature .optical-main #blogs:checked~.text-content .home,
 .optical-feature .optical-main #help:checked~.text-content .home,
 .optical-feature .optical-main #code:checked~.text-content .home,
 .optical-feature .optical-main #about:checked~.text-content .home,
 .optical-feature .optical-main #integ:checked~.text-content .home,
 .optical-feature .optical-main #report:checked~.text-content .home {
   display: none;
 }

 .blogs:before {
   background-image: none;
 }

 .optical-workflow .workflow-cont1 {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .optical-workflow .workflow-cont1 h3 {
   font-size: 20px;
   padding-bottom: 20px;
 }

 .optical-workflow .workflow-cont1 ul li {
   list-style: disc;
   padding: 10px 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*optical end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*pet shop start*/
 /*----------------------------------------------------------------------------*/
 #pet-feature-main {
   margin-bottom: 140px;
 }

 #pet-feature-main #tabs ul {
   margin: 0;
   padding: 0;
 }

 #pet-feature-main #tabs ul li {
   margin-bottom: 30px;
   display: inline-block;
   width: 100%;
 }

 #pet-feature-main #tabs ul li:last-child {
   margin-bottom: 0px;
 }

 #pet-feature-main #tabs ul li a {
   text-transform: capitalize;
   width: 100%;
   padding: 30px 30px;
   display: inline-block;
   background-color: #4da6e7;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   font-size: 19px;
   color: #fff;
   letter-spacing: 0.5px;
   font-weight: 600;
   transition: all 0.3s;
 }

 #pet-feature-main #tabs .main-rounded-button a {
   text-align: center;
   padding: 20px 30px;
   width: 100%;
   border-radius: 5px;
   display: inline-block;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
   color: #fff;
   font-size: 19px;
   letter-spacing: 0.5px;
   font-weight: 600;
   background-color: #ed563b;
 }

 #pet-feature-main #tabs .main-rounded-button a:hover {
   background-color: #f9735b;
 }

 #pet-feature-main #tabs ul li a img {
   max-width: 100%;
   margin-right: 20px;
 }

 #pet-feature-main #tabs ul .ui-tabs-active span {
   background: #faf5b2;
   border: #faf5b2;
   line-height: 90px;
   border-bottom: none;
 }

 #pet-feature-main #tabs ul .ui-tabs-active a {
   color: #ed563b;
 }

 #pet-feature-main #tabs ul .ui-tabs-active span {
   color: #1e1e1e;
 }

 #pet-feature-main .tabs-content {
   margin-left: 30px;
   text-align: left;
   display: inline-block;
   transition: all 0.3s;
 }

 #pet-feature-main .tabs-content img {
   max-width: 100%;
   overflow: hidden;
   border-radius: 5px;
 }

 #pet-feature-main .tabs-content h4 {
   font-size: 23px;
   font-weight: 700;
   color: #232d39;
   letter-spacing: 0.5px;
   margin-bottom: 20px;
   margin-top: 30px;
 }

 #pet-feature-main .tabs-content p {
   margin-bottom: 28px;
 }

 #pet-feature-main .tabs-content p strong {
   color: #4da6e7;
   font-weight: 700;
 }

 /*---------------------------------------------------------------------------*/
 /*pet shop end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*pharmacy shop start*/
 /*----------------------------------------------------------------------------*/
 .pharmacy-benefit .shape-box {
   display: inline-block;
   position: relative;
   z-index: 1;
   max-width: 500px;
   height: 430px;
   margin: 30px 10px 30px;
   box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .12);
   overflow: hidden;
   width: 100%;
 }

 .pharmacy-benefit .shape-box_half {
   overflow: hidden;
   text-align: left;
 }

 .pharmacy-benefit .shape-box_half:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transform: skewY(53.5deg);
   transform-origin: top left;
   transition: \transform .4s;
   background: #fff;
   z-index: 1;
 }

 .pharmacy-benefit .shape-box>img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .pharmacy-benefit .bg-black {
   background-color: #000;
 }

 .pharmacy-benefit .shape-box_half figcaption {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 0 30px 30px;
   transition: \transform .4s;
   transform: translateY(100%);
   z-index: 3;
 }

 .pharmacy-benefit .shape-box_half figcaption .show-cont {
   position: absolute;
   bottom: calc(100% + 30px);
   left: 30px;
   right: 30px;
   transition: bottom .4s;
 }

 .pharmacy-benefit .card-no {
   font-size: 36px;
   color: #4da6e7;
   padding: 0;
   margin: 10px 0;
 }

 .pharmacy-benefit .card-main-title {
   margin-top: 8px;
   font-weight: 600;
   font-size: 20px;
   color: #292b2c;
 }

 .pharmacy-benefit .card-content {
   color: #727171;
   margin-top: 20px;
   line-height: 22px;
   font-size: 15px;
 }

 .pharmacy-benefit .shape-box_half>.after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #4da6e7;
   opacity: 0;
   transition: opacity .4s;
 }

 .pharmacy-benefit .shape-box_half:hover:before {
   transform: skewY(20deg);
 }

 .pharmacy-benefit .shape-box_half:hover figcaption {
   transform: translateY(0);
 }

 .pharmacy-benefit .shape-box_half:hover figcaption .show-cont {
   bottom: 100%;
 }

 .pharmacy-benefit .shape-box_half:hover>.after {
   opacity: 1;
 }

 .pharmacy-feature-main .service-scroll {
   height: 550px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 3rem;
 }

 .pharmacy-feature-main .service-scroll::-webkit-scrollbar {
   width: 6px;
 }

 .pharmacy-feature-main .service-scroll::-webkit-scrollbar-track {
   background: #e0e0e0;
   border-radius: 10px;
 }

 .pharmacy-feature-main .service-scroll::-webkit-scrollbar-thumb {
   background: #4da6e7;
   border-radius: 10px;
 }

 .pharmacy-feature-main .service-scroll::-webkit-scrollbar-thumb:hover {
   background: green;
 }

 .pharmacy-feature-main .Pharmacy-cont {
   margin: 0px 10px 10px 10px;
   background-color: #fff;
   border-radius: 20px;
 }

 .pharmacy-feature-main {
   padding: 60px 0px;
   background-color: #f2f0f0;
 }

 .pharmacy-benefit {
   padding: 60px 0px;
 }

 .pharmacy-feature-main .Pharmacy-cont h4 {
   color: #4da6e7;
 }

 .pharmacy-feature-main .Pharmacy-cont ul li {
   list-style: disc;
   padding-top: 10px;
   color: #727171;
 }

 @media (max-width: 575.98px) {
   .pharmacy-feature-main .service-scroll {
     padding-right: 0px;
   }

   .pharmacy-benefit .shape-box {
     margin: 0px;
   }

   .pharmacy-benefit .card-main-title {
     font-size: 19px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*pharmacy shop end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*readymade shop start*/
 /*----------------------------------------------------------------------------*/

 .readymade-customer .rating {
   display: flex;
   justify-content: center;
   margin: 10px 0;
 }

 .ready-free-quote {
   margin-top: 20px;
 }

 .readymade-customer .star {
   color: #FFD700;
   font-size: 20px;
   margin: 0 2px;
 }

 .readymade-customer .testimonial-carousel::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }

 .readymade-customer .testimonial-carousel::after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }

 @media (min-width: 768px) {

   .readymade-customer.testimonial-carousel::before,
   .readymade-customer .testimonial-carousel::after {
     width: 200px;
   }
 }

 @media (min-width: 992px) {

   .readymade-customer .testimonial-carousel::before,
   .readymade-customer .testimonial-carousel::after {
     width: 300px;
   }
 }

 .readymade-customer .testimonial-carousel .owl-nav {
   position: absolute;
   width: 350px;
   top: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   justify-content: space-between;
   opacity: 0;
   transition: .5s;
   z-index: 1;
 }

 .readymade-customer .testimonial-carousel:hover .owl-nav {
   width: 300px;
   opacity: 1;
 }

 .readymade-customer .testimonial-carousel .owl-nav .owl-prev,
 .readymade-customer .testimonial-carousel .owl-nav .owl-next {
   position: relative;
   color: var(--primary);
   font-size: 45px;
   transition: .5s;
 }

 .readymade-customer .testimonial-carousel .owl-nav .owl-prev:hover,
 .readymade-customer .testimonial-carousel .owl-nav .owl-next:hover {
   color: var(--dark);
 }

 .readymade-customer .testimonial-carousel .testimonial-img img {
   width: 50px;
   height: 50px;
 }

 .readymade-customer .testimonial-carousel .testimonial-img .btn-square {
   position: absolute;
   width: 20px;
   height: 20px;
 }

 .readymade-customer .testimonial-carousel .owl-item .testimonial-text {
   margin-bottom: 30px;
   box-shadow: 0 0 45px rgba(0, 0, 0, .08);
   transform: scale(.8);
   transition: .5s;
 }

 .readymade-customer .testimonial-carousel .owl-item.center .testimonial-text {
   transform: scale(1);
 }

 .readymade-business .s {
   width: 100px;
   width: 100px;
 }

 @media (max-width: 575.98px) {
   .services .section-heading {
     margin-bottom: 30px;
   }

   .services {
     padding-top: 20px;
   }

   .blog-post {
     border-radius: 10px;
     margin-top: 10px;
   }

   .section-heading h4 {
     /*padding-top: 20px;*/
     font-size: 32px;
     text-align: center;
   }

   .about-left-image img {
     margin-bottom: 0px;
   }

   .blog {
     padding-top: 40px;
   }

   .ready-free-quote {
     margin-top: 0px;
   }

   .section-heading h6 {
     margin-top: 15px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*readymade shop end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*rice traders start*/
 /*----------------------------------------------------------------------------*/
 .rice-key-about-third .about-two {
   padding-top: 40px;
 }

 .rice-key-about-third {
   padding: 20px 0px;
 }

 .rice-key-about-third .row {
   align-items: center;
 }

 .rice-key-about-third .right-about {
   position: relative;
 }

 .rice-key-about-third .right-about h5 {
   color: #505050;
   font-family: 'Poppins', sans-serif;
   font-size: 35px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   margin-bottom: 30px;
 }

 .rice-key-about-third .right-about li {
   color: #757575;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 180%;
   margin-bottom: 15px;
 }

 .rice-key-about-third .rice-key-about-third .row {
   align-items: center;
 }

 .rice-key-about-third .right-about ul {
   margin-bottom: 25px;
   margin-top: 30px;
 }

 .rice-key-about-third .right-about p {
   color: #4da6e7;
   font-family: 'Poppins', sans-serif;
   font-size: 25px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
 }

 .rice-key-about-third .right-about ul li i {
   color: #4da6e7;
   font-size: 14px;
 }

 .rice-key-about-third .third-image img {
   border-radius: 20px;
 }

 .rice-Workflow-main .container {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .rice-Workflow-main .card {
   height: 100px;
   width: 500px;
   display: block;
   margin-top: 40px;
   border: 1px solid white;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
 }

 .rice-Workflow-main .card:nth-child(even) .inside {
   height: 100px;
   width: 100px;
   float: right;
   background-color: #4da6e7;
   border-radius: 50% 0 0 50%;
 }

 .rice-Workflow-main .card:nth-child(odd) .inside {
   height: 100px;
   width: 100px;
   float: left;
   background-color: #4da6e7;
   border-radius: 0 50% 50% 0;
 }

 .rice-Workflow-main .inside {
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: inset 3px 3px 5px #1a1a1a;
 }

 .rice-Workflow-main .circle {
   height: 60px;
   width: 60px;
   border-radius: 50%;
   box-shadow: 3px 3px 5px #fff;
   font-weight: bold;
   font-size: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .rice-Workflow-main .text {
   margin-left: 20px;
   margin-right: 20px;
 }

 .rice-Workflow-main .card:nth-child(even) .text {
   float: left;
   margin-top: 15px;
 }

 .rice-Workflow-main .card:nth-child(odd) .text {
   float: right;
   margin-top: 15px;
 }

 .rice-Workflow-main .header {
   font-weight: bold;
   font-size: 18px;
 }

 .rice-Workflow-main .content {
   font-size: 14px;
   color: #A0A0A0;
 }

 .rice-Workflow-main {
   padding: 50px 0px;
 }

 .rice-report-main {
   padding: 50px 0px;
 }

 .rice-report-main .card {
   background-color: #FFFFFF;
   border-radius: 15px;
   box-shadow: 0 4px 15px rgba(88, 0, 0, 0.1);
   margin-top: 30px;
   padding: 45px 25px 45px 25px;
   position: relative;
   transition: all 0.3s ease;

 }

 .rice-report-main .card::before {
   content: '';
   position: absolute;
   top: 20px;
   left: -10px;
   width: 20px;
   height: 20px;
   background-color: #4da6e7;
   border-radius: 50%;
   box-shadow: 0 0 0 5px #FFFFFF;
 }

 .rice-report-main .card::after {
   content: '';
   position: absolute;
   top: 30px;
   left: 0;
   width: 3px;
   height: calc(100% - 50px);
   background-color: #4da6e7;
 }

 .rice-report-main .card-content {
   position: relative;
   z-index: 1;
 }

 .rice-report-main .card-title {
   color: #000000;
   font-size: 18px;
   margin-bottom: 10px;
 }

 .rice-report-main .card-text {
   color: #1A1A1A;
   line-height: 1.6;
 }

 .rice-integ-main {
   padding: 70px 0px;
 }

 .rice-integ-main .integ-cont1 {
   background-color: #4da6e7;
   border-top-right-radius: 80px;
   border-bottom-right-radius: 80px;
   padding: 30px 10px 30px 10px;
   color: #fff;
 }

 .rice-integ-main .integ-cont1 h3 {
   font-size: 25px;
   padding-bottom: 10px;
   font-weight: 600;
 }

 .rice-integ-main .integ-head1 {
   margin-top: 40px;
 }

 @media (max-width: 575.98px) {
   .rice-key-about-third .right-about p {
     font-size: 20px;
     margin-top: 10px;
   }

   .rice-Workflow-main {
     padding: 0px 0px;
   }

   .rice-Workflow-main .card:nth-child(odd) .inside {
     display: none;
   }

   .rice-Workflow-main .card {
     width: 100%;
     height: 150px;
     padding: 20px 10px 20px 10px;
   }

   .rice-Workflow-main .card:nth-child(even) .inside {
     display: none;
   }

   .rice-integ-main {
     padding: 20px 0px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*rice traders end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*specialized store start*/
 /*----------------------------------------------------------------------------*/
 .special-steps-container {
   max-width: 1200px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   padding: 20px;
 }

 .special-steps-container .step-card {
   background-color: #b6dafb;
   border-radius: 10px;
   padding: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   min-height: 250px;
 }

 .special-steps-container .step-number {
   color: #4a90f3;
   font-weight: bold;
   margin-bottom: 15px;
   font-size: 1.2em;
 }

 .special-steps-container .step-content {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-top: 20px;
 }

 .special-steps-container .step-icon {
   width: 80px;
   height: 80px;
   background-color: #3fa6eb;
   border-radius: 50%;
   padding: 15px;
 }

 .special-steps-container .step-text {
   flex: 1;
   text-align: left;
   color: #333;
   font-size: 1em;
   line-height: 1.4;
 }

 @media (max-width: 575.98px) {
   .special-steps-container {
     display: flex;
     flex-direction: column;
   }

   .special-steps-container .step-content {
     display: flex;
     flex-direction: column;
     text-align: center;
   }

   .special-steps-container .step-text {
     text-align: center;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*specialized store end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*sports shop start*/
 /*----------------------------------------------------------------------------*/
 #sports-features {
   margin-bottom: 80px;
 }

 #sports-features .feature-item {
   display: inline-block;
   margin-bottom: 60px;
 }

 #sports-features .feature-item .left-icon img {
   float: left;
   margin-right: 30px;
   width: 70px;
   height: 70px;
 }

 #sports-features .feature-item .right-content {
   display: inline;
 }

 #sports-features .feature-item .right-content ul li {
   list-style: disc;
   font-size: 15px;
 }

 #sports-features .feature-item .right-content ul {
   padding-left: 100px;
 }

 #sports-features .feature-item .right-content h4 {
   margin-top: 0px;
   margin-bottom: 7px;
   letter-spacing: 0.25px;
   color: #232d39;
   font-size: 19px;
   font-weight: 600;
   text-transform: capitalize;
 }

 #sports-features .feature-item .right-content a.text-button {
   margin-top: 7px;
   display: inline-block;
   font-size: 13px;
   color: #ed563b;
   font-weight: 500;
 }

 .section-heading {
   text-align: center;
   margin-top: 50px;
   margin-bottom: 0px;
 }

 .section-heading h2 {
   font-size: 30px;
   font-weight: 800;
   color: #232d39;
   letter-spacing: 0.5px;
   margin-top: 0px;
   margin-bottom: 0px;
 }

 .section-heading h2 em {
   font-style: normal;
   color: #4da6e7;
   line-height: 40px;
 }

 .section-heading img {
   margin: 20px auto;
 }

 @media (max-width: 575.98px) {
   #sports-features .feature-item .right-content h4 {
     font-size: 17px;
     padding: 15px 0px;
   }

   #sports-features .feature-item {
     display: inline-grid;
   }

   #sports-features .feature-item .right-content ul {
     padding-left: 20px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*sports shop end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*stationery shop start*/
 /*----------------------------------------------------------------------------*/
 .stationery-features-area .site-heading h2 {
   display: block;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .stationery-features-area .site-heading h2 span {
   color: #4da6e7;
 }

 .stationery-features-area .site-heading h4 {
   display: inline-block;
   padding-bottom: 20px;
   position: relative;
   z-index: 1;
 }

 .stationery-features-area .site-heading h4::before {
   background: #ffaf5a none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -25px;
   position: absolute;
   width: 50px;
 }

 .stationery-features-area .site-heading {
   margin-bottom: 60px;
   overflow: hidden;
   margin-top: -5px;
 }

 .stationery-features-area .features-items,
 .stationery-features-area .features-items .items-box {
   overflow-x: hidden;
 }

 .stationery-features-area .features-area .equal-height::after {
   background: #e7e7e7 none repeat scroll 0 0;
   content: "";
   height: 100%;
   position: absolute;
   right: 0px;
   top: 0;
   width: 1px;
 }

 .stationery-features-area .features-area .item-full .equal-height::before {
   background: #e7e7e7 none repeat scroll 0 0;
   content: "";
   height: 1px;
   position: absolute;
   bottom: -1px;
   right: 0;
   width: 100%;
 }

 .stationery-features-area .features-items .col-md-5,
 .stationery-features-area .features-items .col-md-7 {
   display: table-cell;
   float: none;
   vertical-align: middle;
 }

 .stationery-features-area .features-items.reversed .col-md-5,
 .stationery-features-area .features-items.reversed .col-md-7 {
   display: inline-block;
   float: left;
 }

 .stationery-features-area .features-items.reversed .info-box {
   float: right;
 }

 .stationery-features-area .features-items .item {
   padding: 15px 30px;
 }

 .stationery-features-area .item-full .features-items .item {
   padding: 30px;
 }

 .stationery-features-area .features-items .item h4 {
   position: relative;
 }

 .stationery-features-area .bottom-small {
   padding-bottom: 25px;
 }

 .stationery-features-area .default-padding.bottom-none {
   padding-bottom: 30px;
 }

 .stationery-features-area .item .icon {
   margin-bottom: 20px;
 }

 .stationery-features-area .item .icon i {
   background: #ffffff none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -moz-box-shadow: 0 0 10px #cccccc;
   -webkit-box-shadow: 0 0 10px #cccccc;
   -o-box-shadow: 0 0 10px #cccccc;
   box-shadow: 0 0 10px #cccccc;
   color: #4da6e7;
   display: inline-block;
   font-size: 30px;
   height: 100px;
   line-height: 100px;
   position: relative;
   text-align: center;
   width: 100px;
   z-index: 1;
 }

 .stationery-features-area .features-items .items-box i {
   background: transparent;
 }

 .stationery-features-area .item .icon {
   margin-bottom: 25px;
 }

 .stationery-features-area .features-items.icon-solid i {
   border-radius: inherit;
   -moz-box-shadow: 0 0 10px #cccccc;
   -webkit-box-shadow: 0 0 10px #cccccc;
   -o-box-shadow: 0 0 10px #cccccc;
   box-shadow: 0 0 10px #cccccc;
   color: #ffaf5a;
   display: inline-block;
   font-size: 50px;
   height: 80px;
   line-height: 80px;
   position: relative;
   text-align: center;
   width: 80px;
 }

 .stationery-features-area .item .info h4 {
   font-weight: 600;
   text-transform: capitalize;
   font-size: 20px;
 }

 .stationery-features-area .item .info p {
   margin: 0;
 }

 .stationery-features-area .features-items.less-icon .items-box.inc-cell .item .info {
   padding-left: 0;
 }

 .stationery-features-area .features-items .items-box.inc-cell .item .info a {
   color: #666666;
   display: inline-block;
   margin-top: 15px;
   text-transform: uppercase;
 }

 .stationery-features-area .features-items .items-box.inc-cell .item .info a:hover {
   color: #ffaf5a;
 }

 .stationery-features-area .site-heading h2 {
   display: block;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .stationery-features-area .site-heading h2 span {
   color: #4da6e7;
 }

 .stationery-features-area .site-heading h4 {
   display: inline-block;
   padding-bottom: 20px;
   position: relative;
   z-index: 1;
 }

 .stationery-features-area .site-heading h4::before {
   background: #ffaf5a none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 50%;
   margin-left: -25px;
   position: absolute;
   width: 50px;
 }

 .stationery-features-area .site-heading {
   margin-bottom: 60px;
   overflow: hidden;
   margin-top: -5px;
 }

 .stationery-features-area .features-items,
 .stationery-features-area .features-items .items-box {
   overflow-x: hidden;
 }

 .stationery-features-area .features-area .equal-height::after {
   background: #e7e7e7 none repeat scroll 0 0;
   content: "";
   height: 100%;
   position: absolute;
   right: 0px;
   top: 0;
   width: 1px;
 }

 .stationery-features-area .features-area .item-full .equal-height::before {
   background: #e7e7e7 none repeat scroll 0 0;
   content: "";
   height: 1px;
   position: absolute;
   bottom: -1px;
   right: 0;
   width: 100%;
 }

 .stationery-features-area .features-items .col-md-5,
 .stationery-features-area .features-items .col-md-7 {
   display: table-cell;
   float: none;
   vertical-align: middle;
 }

 .stationery-features-area .features-items.reversed .col-md-5,
 .stationery-features-area .features-items.reversed .col-md-7 {
   display: inline-block;
   float: left;
 }

 .stationery-features-area .features-items.reversed .info-box {
   float: right;
 }

 .stationery-features-area .features-items .item {
   padding: 15px 30px;
 }

 .stationery-features-area .item-full .features-items .item {
   padding: 30px;
 }

 .stationery-features-area .features-items .item h4 {
   position: relative;
 }

 .stationery-features-area .bottom-small {
   padding-bottom: 25px;
 }

 .stationery-features-area .default-padding.bottom-none {
   padding-bottom: 30px;
 }

 .stationery-features-area .item .icon {
   margin-bottom: 20px;
 }

 .stationery-features-area .item .icon i {
   background: #ffffff none repeat scroll 0 0;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -moz-box-shadow: 0 0 10px #cccccc;
   -webkit-box-shadow: 0 0 10px #cccccc;
   -o-box-shadow: 0 0 10px #cccccc;
   box-shadow: 0 0 10px #cccccc;
   color: #4da6e7;
   display: inline-block;
   font-size: 30px;
   height: 100px;
   line-height: 100px;
   position: relative;
   text-align: center;
   width: 100px;
   z-index: 1;
 }

 .stationery-features-area .features-items .items-box i {
   background: transparent;
 }

 .stationery-features-area .item .icon {
   margin-bottom: 25px;
 }

 .stationery-features-area .features-items.icon-solid i {
   border-radius: inherit;
   -moz-box-shadow: 0 0 10px #cccccc;
   -webkit-box-shadow: 0 0 10px #cccccc;
   -o-box-shadow: 0 0 10px #cccccc;
   box-shadow: 0 0 10px #cccccc;
   color: #ffaf5a;
   display: inline-block;
   font-size: 50px;
   height: 80px;
   line-height: 80px;
   position: relative;
   text-align: center;
   width: 80px;
 }

 .stationery-features-area .item .info h4 {
   font-weight: 600;
   text-transform: capitalize;
   font-size: 20px;
 }

 .stationery-features-area .item .info p {
   margin: 0;
 }

 .stationery-features-area .features-items.less-icon .items-box.inc-cell .item .info {
   padding-left: 0;
 }

 .stationery-features-area .features-items .items-box.inc-cell .item .info a {
   color: #666666;
   display: inline-block;
   margin-top: 15px;
   text-transform: uppercase;
 }

 .stationery-features-area .features-items .items-box.inc-cell .item .info a:hover {
   color: #ffaf5a;
 }

 /*---------------------------------------------------------------------------*/
 /*stationery shop end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*supermarket start*/
 /*----------------------------------------------------------------------------*/
 .supermarket-feature-main .supermarket .about {
   position: fixed;
   z-index: 10;
   bottom: 10px;
   right: 10px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   transition: all 0.2s ease;
 }

 .supermarket-feature-main .supermarket .about:hover {
   width: 105px;
   height: 105px;
   transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
 }

 .supermarket-feature-main .supermarket .cards {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .supermarket-feature-main .supermarket .cards .card {
   height: 440px;
   background: #fff;
   border-radius: 4px;
   box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.1);
   max-width: 300px;
   min-width: 260px;
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: column;
   position: relative;
   transition: all 0.4s ease;
   margin: 0 10px;
 }

 .supermarket-feature-main .supermarket .cards .card:before {
   height: 190px;
   width: calc(100% + 100px);
   content: "";
   position: absolute;
   background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
   border-radius: 4px 4px 100% 100%;
   transition: all 0.4s ease-out;
   top: 0;
 }

 .supermarket-feature-main .supermarket .cards .card .arrow {
   display: none;
 }

 .supermarket-feature-main .supermarket .cards .card article {
   z-index: 1;
   display: flex;
   align-items: center;
   flex-direction: column;
   text-align: center;
 }

 .supermarket-feature-main .supermarket .cards .card article h4 {
   color: white;
   margin: 0;
   padding: 40px 20px 10px 20px;
   font-weight: 500;
   font-size: 20px;
   letter-spacing: 0.5px;
 }

 .supermarket-feature-main .supermarket .cards .card article .desc {
   padding: 10px 30px;
   font-size: 14px;
   text-align: center;
   line-height: 24px;
   color: #282828;
   height: 90px;
   transition: all 0.4s ease-out;
 }

 .supermarket-feature-main .supermarket .cards .card article .pic {
   width: 120px;
   height: 120px;
   overflow: hidden;
   border-radius: 100%;
   margin: 20px 0;
   box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.3);
   transition: all 0.6s ease;
 }

 .supermarket-feature-main .supermarket .cards .card article .pic img {
   width: 100%;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
 }

 .supermarket-feature-main .supermarket .cards .card:hover {
   transform: translateY(-10px);
   box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
 }

 .supermarket-feature-main .supermarket .cards .card:hover:before {
   height: 100%;
   border-radius: 4px;
 }

 .supermarket-feature-main .supermarket .cards .card:hover .desc {
   color: white;
 }

 .supermarket-feature-main .supermarket .cards .card:hover .pic {
   box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.3);
 }

 .supermarket-feature-main .supermarket .cards .card:hover .pic img {
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
 }

 .supermarket-feature-main .supermarket-feature-main {
   padding: 60px 0px;
 }

 .supermarket-feature-main .supermarket {
   padding: 30px 0px 0px 0px;
 }

 .super-techmain .step2 h5 {
   font-size: 20px;
   color: #fff;
 }

 .super-techmain .step2 ul {
   padding-top: 20px;
 }

 .super-techmain .step1 {
   background-color: #4da6e7;
   padding: 40px 40px;
   border-top-right-radius: 130px;
   border-bottom-right-radius: 130px;
 }

 .super-techmain .step2 ul li {
   list-style: disc;
   color: #fff;
   padding: 5px 0px;
 }

 .super-techmain {
   padding: 50px 0px;
 }

 @media (max-width: 575.98px) {
   .super-techmain .step1 {
     background-color: #fff;
   }

   .super-techmain .step2 ul li {
     color: #000;
   }

   .super-techmain .step2 h5 {
     color: #000;
   }

   .super-techmain .step1 {
     padding: 20px 40px;
   }

   .supermarket-feature-main .supermarket .cards {
     flex-direction: column;
   }

   .supermarket-feature-main .supermarket .cards .card {
     margin-top: 10px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*supermarket end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*surgical start*/
 /*----------------------------------------------------------------------------*/
 .surgical-main {
   background-color: #ececec;
 }

 .surgical-main .surgical-head {
   padding: 40px 0px;
 }

 .surgical-main .surgical-cont1 {
   background-color: #fff;
   border: 1px solid #dfdfdf;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 50px;
   margin: 1px;
 }

 .surgical-main .surgical-img1 {
   border-top-left-radius: 10px;
   border-top-right-radius: 50px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
 }

 /*---------------------------------------------------------------------------*/
 /*surgical end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*textile shop page start*/
 /*----------------------------------------------------------------------------*/
 .textile-testimonial .rating {
   display: flex;
   justify-content: center;
   margin: 10px 0;
 }

 .about {
   padding-bottom: 30px;
 }

 .our-portfolio:before {
   background-image: none;
 }

 .textile-testimonial .star {
   color: #FFD700;
   font-size: 20px;
   margin: 0 2px;
 }

 .textile-testimonial .testimonial-carousel::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }

 .textile-testimonial .testimonial-carousel::after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }

 @media (min-width: 768px) {

   .textile-testimonial .testimonial-carousel::before,
   .textile-testimonial .testimonial-carousel::after {
     width: 200px;
   }
 }

 @media (min-width: 992px) {

   .textile-testimonial .testimonial-carousel::before,
   .textile-testimonial .testimonial-carousel::after {
     width: 300px;
   }
 }

 .our-portfolio:after {
   background-image: none;
 }

 .textile-benefit .portfolio-item {
   box-shadow: none;
 }

 .textile-benefit .portfolio-item img {
   box-shadow: 7px 3px 33px rgba(0, 0, 0, 0.2);
   padding: 25px 30px;
 }

 .textile-testimonial .testimonial-carousel .owl-nav {
   position: absolute;
   width: 350px;
   top: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   justify-content: space-between;
   opacity: 0;
   transition: .5s;
   z-index: 1;
 }

 .textile-testimonial .testimonial-carousel:hover .owl-nav {
   width: 300px;
   opacity: 1;
 }

 .textile-testimonial .testimonial-carousel .owl-nav .owl-prev,
 .textile-testimonial .testimonial-carousel .owl-nav .owl-next {
   position: relative;
   font-size: 45px;
   transition: .5s;
 }

 .textile-testimonial .testimonial-carousel .testimonial-img img {
   width: 50px;
   height: 50px;
 }

 .textile-testimonial .testimonial-carousel .testimonial-img .btn-square {
   position: absolute;
   width: 20px;
   height: 20px;
 }

 .textile-testimonial .testimonial-carousel .owl-item .testimonial-text {
   margin-bottom: 30px;
   box-shadow: 0 0 45px rgba(0, 0, 0, .08);
   transform: scale(.8);
   transition: .5s;
 }

 .textile-testimonial .testimonial-carousel .owl-item.center .testimonial-text {
   transform: scale(1);
 }

 .textile-erp .i {

   width: 100px;
   height: 100px;
 }

 .textile-benefit .x {
   width: 120px;
   width: 120px;
   align-self: center;
 }

 .textile-erp #more {
   display: none;

 }

 .textile-erp #more1 {
   display: none;

 }

 .textile-erp #more2 {
   display: none;

 }

 .textile-erp #more3 {
   display: none;

 }

 .textile-erp #more4 {
   display: none;

 }

 .textile-erp #more5 {
   display: none;

 }

 .textile-erp #more6 {
   display: none;

 }

 .textile-erp #more7 {
   display: none;

 }

 .textile-erp #more8 {
   display: none;

 }

 .textile-testimonial .rating {
   display: flex;
   justify-content: left;
   margin: 10px 0;
 }

 .textile-testimonial .star {
   color: #FFD700;
   font-size: 20px;
   margin: 0 2px;
 }

 .textile-erp .i {
   width: 100px;
   height: 100px;
 }

 .blog:before {
   background-image: none;
 }

 @media (max-width: 575.98px) {
   .section-heading h4 {
     /*font-size: 32px;   */
     text-align: center;
     margin-bottom: 20px;
   }

   .our-portfolio {

     padding-top: 20px;
   }

   .about-left-image img {
     margin-bottom: 0px;
   }

   .blog {
     padding-top: 0px;
   }

   .blog .section-heading {
     margin-bottom: 30px;
   }

   .section-heading h6 {
     padding-top: 0px;
   }

   .textile-testimonial {
     padding: 30px 0px;
   }

   .blog .section-heading {
     margin-bottom: 30px;
   }

   .section-heading h6 {
     margin-bottom: 0px;
   }

 }

 /*---------------------------------------------------------------------------*/
 /*textile shop page end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*toys store page start*/
 /*----------------------------------------------------------------------------*/
 .toy-why-chooseus-new .flat-list.list-left ul li.content {
   padding-right: 97px;
 }

 .toy-why-chooseus-new .flat-list ul li {
   margin-bottom: 64px;
 }

 .toy-why-chooseus-new .flat-list ul li .title {
   font-size: 20px;
   line-height: 48px;
   color: #000;
   text-transform: capitalize;
   letter-spacing: 0.7px;
   padding-bottom: 4px;
 }

 .toy-why-chooseus-new .flat-list.list-right {
   text-align: right;
 }

 .toy-why-chooseus-new .flat-list.list-right ul li.content {
   padding-left: 97px;
 }

 .toy-why-chooseus-new .single-image-services {
   padding-top: 75px;
 }

 .toy-title-section {
   margin-bottom: 30px;
 }

 .toy-title-section .sub-title-new {
   color: #000;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 3.2px;
   text-transform: uppercase;
   position: relative;
   padding-left: 60px;
   margin-bottom: 20px;
 }

 .toy-title-section .sub-title-new::before {
   background-color: #D8E9A8;
   height: 2px;
   width: 48px;
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
 }

 .toy-title-section .main-title-new {
   color: #4da6e7;
   font-family: 'Poppins', sans-serif;
   font-size: 32px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.2;
 }

 .toy-range-section {
   position: relative;
   background: #f5f5f5;
   padding: 60px 50px;
 }

 .toy-range-section .main-title {
   margin: auto;
   color: #4da6e7;
   font-size: 32px;
   font-weight: 600;
 }

 .toy-range-section .range-box {
   margin-bottom: 25px;
   position: relative;
   background-color: #fff;
   padding: 70px 20px;
   text-align: center;
   transition: 0.5s;
   height: 300px;
 }

 .toy-range-section .range-box:hover {
   box-shadow: 0 0 50px #91c5eb;
 }

 .toy-range-section .range-box .range-content h4 {
   color: #000;
   font-family: Poppins;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   margin-bottom: 10px;
   height: 54px;
 }

 .toy-range-section .range-box .range-content p {
   line-height: 2;
   height: 128px;
 }

 .toy-title-section {
   margin-bottom: 50px;
 }

 @media (max-width: 575.98px) {
   .main-title-new {
     text-align: center;
   }

   .toy-title-section .main-title-new {
     font-size: 24px;
   }

   .toy-why-chooseus-new .flat-list ul li .title {
     font-size: 16px;
   }

   .toy-why-chooseus-new .flat-list.list-left ul li.content {
     padding-right: 0px;
   }

   .toy-why-chooseus-new .flat-list ul li {
     margin-bottom: 20px;
   }

   .toy-why-chooseus-new .single-image-services {
     padding-top: 0px;
   }

   .toy-why-chooseus-new .flat-list.list-right ul li.content {
     padding-left: 0px;
   }

   .toy-range-section .main-title {
     font-size: 26px;
     padding: 0px;
   }

   .toy-range-section {
     padding: 30px 15px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*toys store page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*tyre shop page start*/
 /*----------------------------------------------------------------------------*/
 .tyre-feature-main .tyre-feature-head {
   padding: 15px 0px;
   color: #4da6e7;
 }

 .tyre-feature-main .tyre-feature-head h4 {
   line-height: 35px;
 }

 .tyre-feature-main .tyre-feature-cont1 {
   padding: 5px 0px;
 }

 .tyre-feature-main .tyre-feature-cont1 h5 {
   padding: 10px 0px;
 }

 .tyre-shop-main .service-item {
   box-shadow: 0 0 45px rgba(0, 0, 0, .08);
   transition: .5s;
   align-items: center;
   text-align: center;
 }

 .tyre-shop-main .service-item:hover {
   background: #4da6e7;
   color: #fff;
 }

 .tyre-shop-main .service-item h5 {
   font-size: 18px;
   padding: 10px 0px;
 }

 .tyre-shop-main .service-item i {
   color: #4da6e7;
 }

 .tyre-shop-main .service-item:hover i {
   color: #fff;
 }

 @media (max-width: 575.98px) {
   .tyre-feature-main .tyre-feature-head h4 {
     align-items: center;
     text-align: center;
   }

   .tyre-feature-main .tyre-feature-cont1 {
     padding: 5px 5px;
     text-align: center;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*tyre shop page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*vessel shop page start*/
 /*----------------------------------------------------------------------------*/
 .vessels-services-main {
   padding: 50px 0px;
 }

 .vessels-services-main .service-item {
   background-color: #f0f0f0;
   text-align: center;
   border: 1px solid red, transparent (85%);
   padding: 80px 20px;
   transition: border ease-in-out 0.3s;
   height: 100%;
 }

 .vessels-services-main .service-item .icon {
   margin: 0 auto;
   width: 64px;
   height: 64px;
   background: #4da6e7;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
   transition: 0.3s;
 }

 .vessels-services-main .service-item .icon i {
   color: #fff;
   font-size: 28px;
   transition: ease-in-out 0.3s;
 }

 .vessels-services-main .service-item h3 {
   font-weight: 700;
   margin: 10px 0 15px 0;
   font-size: 22px;
   color: #4da6e7;
   transition: 0.3s;
 }

 .vessels-services-main .service-item p {
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0;
 }

 .vessels-services-main .service-item:hover h3 {
   color: #4da6e7;
 }

 /*---------------------------------------------------------------------------*/
 /*vessel shop page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*video shop page start*/
 /*----------------------------------------------------------------------------*/
 .work-process-section {
   width: 100%;
   display: block;
   padding: 35px 0px 60px;
   background: #d3e7f5;
   background-size: cover;
   background-position: center;
 }

 .work-process-section .heading-block {
   width: 100%;
   display: block;
   max-width: 600px;
   margin: 0px auto 60px;
   text-align: center;
 }

 .work-process-section .heading-block .description {
   font-size: 16px;
   color: #666666;
   margin-bottom: 0px;
 }

 .work-process-block {
   max-width: 1600px;
   width: 100%;
   margin: 0px auto;
 }

 .work-process-layout1 .work-process-top .number {
   display: inline-block;
   width: 80px;
   height: 80px;
   text-align: center;
   border: 5px solid;
   font-size: 26px;
   font-weight: 700;
   line-height: 73px;
   margin-left: 40px;
   margin-bottom: 25px;
   background-color: #48b1ef;
   border-radius: 50%;
   position: relative;
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
 }

 .work-process-layout1 .work-process-top {
   text-align: center;
   position: relative
 }

 .work-process-layout1 .work-process-top .shape {
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
   display: inline-block;
   position: absolute;
   left: 25px;
   top: 63px;
   width: 100%;
   height: 270px;
   max-width: 270px;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 29% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 29% 100%);
   border-radius: 10px;
   z-index: 0;
   -webkit-transform: rotate(-5deg);
   -ms-transform: rotate(-5deg);
   transform: rotate(-5deg);
   background-color: #48b1ef;
 }

 .work-process-layout1 .vs-work-process-2 .shape {
   background: #48b1ef;
 }

 .work-process-layout1 .vs-work-process {
   padding: 20px 0px;
 }

 .work-process-layout1 .vs-work-process-2 .number {
   background: #48b1ef;
 }

 .work-process-layout1 .vs-work-process-2 .work-process-content {
   border-color: #48b1ef;
 }

 .work-process-layout1 .vs-work-process-4 .shape {
   background: #48b1ef;
 }

 .work-process-layout1 .vs-work-process-4 .number {
   background: #48b1ef;
 }

 .work-process-layout1 .vs-work-process-4 .work-process-content {
   border-color: #48b1ef;
 }

 .work-process-layout1 .work-process-content {
   -webkit-transition: all ease 0.4s;
   transition: all ease 0.4s;
   border-radius: 10px;
   box-shadow: 0px 3px 0px 0px rgba(17, 180, 245, 0.004), 0px 3px 50px 0px rgba(17, 180, 245, 0.1);
   background-color: rgba(255, 255, 255, 0.969);
   padding: 35px 20px;
   padding-bottom: 30px;
   max-width: 270px;
   border-bottom: 3px solid #48b1ef;
   position: relative;
 }

 .work-process-layout1 .work-process-content.odd-block {
   border-color: #d9d675;
 }

 .work-process-layout1 .work-process-content .icon {
   width: 45px;
   height: 45px;
   margin: 0px auto 20px;
 }

 .work-process-layout1 .work-process-content .icon img {
   width: 100%;
   height: 100%;
 }

 .work-process-layout1 .work-process-content .process-title {
   color: #1d165c;
   font-size: 20px;
   line-height: 30px;
   transition: all 500ms ease;
   font-weight: 600;
   margin-bottom: 12px;
 }

 .work-process-layout1 .work-process-content .text {
   position: relative;
   font-size: 14px;
   line-height: 24px;
   color: #666666;
   transition: all 500ms ease;
   margin-bottom: 0px;
 }

 .work-process-content ul {
   padding: 0px 10px;
 }

 .work-process-content ul li {
   padding: 5px 0px;
   text-align: left;
   list-style: disc;
   font-size: 15px;
 }

 .work-process-layout1 .vs-work-process:hover .work-process-top .shape {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
 }

 .work-process-layout1 .vs-work-process:hover .work-process-top .number {
   margin-bottom: 0px;
   margin-left: 0%
 }

 .video-help-main {
   padding: 70px 0px;
 }

 .video-help-main .flexbox {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   width: 100%;
   padding: 30px 0px;
   flex-wrap: wrap;
 }

 .video-help-main .flexcard {
   padding: 30px 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   width: 20%;
   align-items: baseline;
   border-radius: 20px;
 }

 .video-help-main .flexcardNumber {
   width: 70%;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 50px;
   margin: 10px 0px;
   border-radius: 0px 50px 50px 0px;
   font-family: 'Jost', sans-serif;
   color: white;
   text-shadow: 0px 3px 5px black;
   font-weight: 500;
   font-size: 18px;
   position: relative;
 }

 .video-help-main .flexcardTitle {
   font-family: 'Jost', sans-serif;
   text-transform: uppercase;
   font-size: 26px;
   font-weight: 400;
 }

 .video-help-main .flexcardText {
   text-align: center;
   font-weight: 300;
   font-size: 15px;
 }

 .video-help-main .flexcardNumber:before {
   content: '';
   width: 34px;
   height: 90px;
   position: absolute;
   left: -33px;
   top: 0px;
   border-radius: 50px 0px 0px 50px;
   z-index: -1;
   background: -moz-linear-gradient(bottom, #95B7A2, #AED2BC);
 }

 .video-help-main .flexcardNumber:after {
   content: '';
   width: 25px;
   height: 40px;
   position: absolute;
   left: -25px;
   bottom: -40px;
   border-radius: 50px 0px 0px 50px;
   z-index: -1;
 }

 .video-help-main .flex {
   display: flex;
   justify-content: center;
   width: 100%;
   margin: 10px auto;
 }

 .video-help-main .flexcardGreen {
   background: #f9fbfa;
   box-shadow: 4px 4px 4px #AED2BC;
 }

 .video-help-main .flexcardNumberGreen {
   background: #FCFCFC;
   background: -webkit-linear-gradient(right, #FCFCFC, #AED2BC);
   background: -moz-linear-gradient(right, #FCFCFC, #AED2BC);
   background: linear-gradient(to left, #FCFCFC, #AED2BC);
   box-shadow: 0px 2px 2px #AED2BC;
 }

 .video-help-main .flexcardNumberGreen:before {
   background: #AED2BC;
 }

 .video-help-main .flexcardNumberGreen:after {
   background: #95b7a2;
 }

 .video-help-main .flexcardBlue {
   background: #f7ffff;
   box-shadow: 4px 8px 1px #92E8EB;
 }

 .video-help-main .flexcardNumberBlue {
   background: #FDFFFE;
   background: -webkit-linear-gradient(right, #FDFFFE, #92E8EB);
   background: -moz-linear-gradient(right, #FDFFFE, #92E8EB);
   background: linear-gradient(to left, #FDFFFE, #92E8EB);
   box-shadow: 0px 2px 2px #92E8EB;
 }

 .video-help-main .flexcardNumberBlue:before {
   background: #92E8EB;
 }

 .video-help-main .flexcardNumberBlue:after {
   background: #71bdbf;
 }

 .video-help-main .flexcardOrange {
   background: #fdf8f3;
   box-shadow: 4px 8px 1px #F68404;
 }

 .video-help-main .flexcardNumberOrange {
   background: #FDFFFE;
   background: -webkit-linear-gradient(right, #FDFFFE, #F68404);
   background: -moz-linear-gradient(right, #FDFFFE, #F68404);
   background: linear-gradient(to left, #FDFFFE, #F68404);
   box-shadow: 0px 2px 2px #F68404;
 }

 .video-help-main .flexcardNumberOrange:before {
   background: #F68404;
 }

 .video-help-main .flexcardNumberOrange:after {
   background: #d06f02;
 }

 .video-help-main .flexcardPink {
   background: #fffafd;
   position: relative;
   box-shadow: 2px 2px 1px #F34EAE;
   border-radius: 20px 20px 0px 20px;
 }

 .video-help-main .flexcardPink:before {
   content: '';
   width: 0px;
   height: 50px;
   position: absolute;
   bottom: 0;
   right: 0;
   border-left: 100px solid transparent;
   border-bottom: 90px solid #F34EAE;
 }

 .video-help-main .flexcardNumberPink {
   background: #FDFFFE;
   background: -webkit-linear-gradient(right, #FDFFFE, #F34EAE);
   background: -moz-linear-gradient(right, #FDFFFE, #F34EAE);
   background: linear-gradient(to left, #FDFFFE, #F34EAE);
   box-shadow: 0px 2px 2px #F34EAE;
 }

 .video-help-main .flexcardNumberPink:before {
   background: #F34EAE;
 }

 .video-help-main .flexcardNumberPink:after {
   background: #d24095;
 }

 @media only screen and (max-width: 800px) {
   .video-help-main .flexcard {
     width: 35%;
     margin-top: 20px;
   }
 }

 @media only screen and (max-width: 500px) {
   .video-help-main .flexcard {
     width: 70%;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*video shop page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*watch store page start*/
 /*----------------------------------------------------------------------------*/
 .watch-csr-section {
   position: relative;
 }
 .watch-csr-section .inner-title {
   font-size: 30px;
 }
 .watch-csr-section .csr-left {
   background-color: #4da6e7;
   border-top-left-radius: 30px;
   border-bottom-left-radius: 30px;
   display: flex;
   align-items: center;
 }
 .watch-csr-section .csr-right-two {
   background-color: #4da6e7;
   border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;
   display: flex;
   align-items: center;
 }
 .watch-csr-section .csr-left .csr-inner-content {
   padding: 25px 30px;
 }
 .watch-csr-section .csr-right-two .csr-inner-content {
   padding: 25px 30px;
 }
 .watch-csr-section .csr-left .csr-inner-content .card-body h5 {
   color: #fff;
   font-size: 25px;
   line-height: 35px;
 }
 .watch-csr-section .csr-right-two .csr-inner-content .card-body h5 {
   color: #fff;
   font-size: 25px;
   line-height: 35px;
 }
 .watch-csr-section .csr-left .csr-inner-content .card-body p {
   color: #fff;
   font-size: 17px;
 }
 .watch-csr-section .csr-right-two .csr-inner-content .card-body p {
   color: #fff;
   font-size: 17px;
 }
 .watch-csr-section .csr-right .csr-inner-img img {
   border-top-right-radius: 30px;
   border-bottom-right-radius: 10px;
 }
 .watch-csr-section .csr-left-two .csr-inner-img img {
   border-top-left-radius: 30px;
   border-bottom-left-radius: 10px;
 }
 .watch-csr-inner-content-two .csr-body img {
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
   width: 100%;
 }
 .watch-csr-inner-content-two {
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
 }
 .watch-csr-details-new {
   padding: 30px;
   background: #DA251C;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 30px;
   display: flex;
   gap: 30px;
   flex-direction: column;
 }
 .watch-csr-details-new .inner-title {
   color: #fff;
   font-size: 40px;
 }
 .watch-csr-inner-details {
   display: flex;
   align-items: center;
   height: 100%;
   padding: 50px;
   background-color: #fafafa;
 }
 .watch-csr-inner-details h3 {
   line-height: 1.5;
   font-size: 34px;
 }
 @media (max-width: 575.98px) {
   .watch-csr-section .csr-left {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
   }
   .watch-csr-section .csr-left .csr-inner-content {
     padding: 15px 10px;
   }
   .watch-csr-section .csr-right .csr-inner-img img {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
   .watch-csr-section .csr-left-two .csr-inner-img img {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
   }
   .watch-csr-section .csr-right-two {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*watch store page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*accounting shop page start*/
 /*----------------------------------------------------------------------------*/
 .accounting-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .accounting-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .accounting-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .accounting-soln-main .soln-head p {
   padding-top: 20px;
 }
 .accounting-soln-main .soln-head p:hover {
   color: red !important;
 }
 .accounting-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .accounting-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .accounting-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .accounting-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
   color: #FFF;
 }
 .accounting-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .accounting-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .accounting-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .accounting-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .accounting-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .accounting-soln-main .card:nth-child(1) .icon span {
   background-color: #f4d44b;
 }
 .accounting-soln-main .card:nth-child(2) .icon span {
   background-color: #48bbfe;
 }
 .accounting-soln-main .card:nth-child(3) .icon span {
   background-color: #4bd5d1;
 }
 .accounting-soln-main .card:nth-child(4) .icon span {
   background-color: #f27922;
 }
 .accounting-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }
 .accounting-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .accounting-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .accounting-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*accounting shop page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*customization page start*/
 /*----------------------------------------------------------------------------*/
 .customiz-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .customiz-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .customiz-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .customiz-soln-main .soln-head p {
   padding-top: 20px;
 }
 .customiz-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .customiz-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .customiz-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .customiz-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .customiz-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .customiz-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .customiz-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .customiz-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .customiz-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .customiz-soln-main .card:nth-child(1) .icon span {
   background-color: #d9c1e9;
 }
 .customiz-soln-main .card:nth-child(2) .icon span {
   background-color: #7fbeed;
 }
 .customiz-soln-main .card:nth-child(3) .icon span {
   background-color: #215360;
 }
 .customiz-soln-main .card:nth-child(4) .icon span {
   background-color: #77c76d;
 }
 .customiz-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }
 .customiz-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .customiz-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .customiz-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*customization page end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*gst tutorial start*/
 /*----------------------------------------------------------------------------*/
 .gst-soln-main {
   margin-top: 120px;
 }
 .gst-soln-head h3 {
   font-size: 35px;
   font-weight: 800;
   text-align: center;
 }
 .gst-soln-head strong {
   color: #4da6e7;
 }
 .gst-soln-head p {
   text-align: center;
   align-items: center;
   padding: 10px 50px;
 }
 .gst-video-main {
   padding: 20px 0px;
 }
 .gst-video h3 {
   text-align: center;
   font-size: 35px;
   font-weight: 800;
   padding-bottom: 30px;
 }
 .gst-video strong {
   color: #4da6e7;
 }
 .gst-video iframe {
   border-radius: 10px;
 }
 .video-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
   margin: 20px auto;
 }
 .video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
 }
 .gst-contact-main {
   padding: 40px 0px;
 }
 .gst-contact {
   background-color: #4da6e7;
   border-radius: 50px;
   padding: 20px 20px;
 }
 .gst-contact h3 {
   font-size: 25px;
   color: #fff;
   text-align: center;
 }
 .gst-contact p {
   color: #fff;
   align-items: center;
   text-align: center;
   font-size: 20px;
   padding: 15px 0px;
   font-weight: 600;
 }
 .gst-contact span {
   padding-left: 10px;
 }
 .gst-contact a {
   color: #fff;
   padding-left: 10px;
   display: inline-block;
   animation: beat 0.35s infinite alternate;
   transform-origin: center;
   text-decoration: none;
   font-size: 16px;
 }
 @keyframes beat {
   to {
     transform: scale(1.1);
   }
 }
 .section-title {
   text-align: center;
   margin-bottom: 30px;
   font-size: 26px;
   color: #333;
 }
 .scroll-steps {
   display: flex;
   flex-direction: column;
   gap: 20px;
   overflow-y: auto;
   max-height: 90vh;
   padding-right: 10px;
   scrollbar-width: thin;
   scrollbar-color: #4da6e7 #e0e0e0;
 }
 .step-card {
   background-color: #ffffff;
   padding: 20px;
   border-left: 5px solid #4da6e7;
   border-radius: 6px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   transition: transform 0.2s;
 }
 .step-card:hover {
   transform: translateY(-2px);
 }
 .step-card h3 {
   margin-top: 0;
   font-size: 20px;
   color: #007bff;
 }
 .step-card p {
   margin: 5px 0;
   color: #444;
   font-size: 15px;
 }
 @media (max-width: 575.98px) {
   .gst-soln-main {
     margin-top: 10px;
   }
   .gst-soln-head h3 {
     font-size: 25px;
   }
   .gst-soln-head p {
     padding: 10px 10px;
   }
   .gst-video h3 {
     font-size: 25px;
   }
   .gst-contact-main {
     padding: 0px 0px;
   }
   .gst-contact h3 {
     font-size: 16px;
     line-height: 25px;
   }
   .gst-contact {
     border-radius: 20px;
     margin: 10px 0px;
   }
   .gst-contact a {
     display: flex;
     text-align: center;
     justify-content: center;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*gst tutorial end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*partner gst start*/
 /*----------------------------------------------------------------------------*/
 .partner-gst-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .partner-gst-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .partner-gst-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .partner-gst-soln-main .soln-head p {
   padding-top: 20px;
 }
 .partner-gst-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .partner-gst-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .partner-gst-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .partner-gst-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .partner-gst-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .partner-gst-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .partner-gst-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .partner-gst-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .partner-gst-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .partner-gst-soln-main .card:nth-child(1) .icon span {
   background-color: #d7e7f2;
 }
 .partner-gst-soln-main .card:nth-child(2) .icon span {
   background-color: #0c9390;
 }
 .partner-gst-soln-main .card:nth-child(3) .icon span {
   background-color: #3da5ea;
 }
 .partner-gst-soln-main .card:nth-child(4) .icon span {
   background-color: #77c9c7;
 }
 .partner-gst-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }
 .partner-gst-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .partner-gst-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .partner-gst-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*partner gst end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*inventory page start*/
 /*----------------------------------------------------------------------------*/
 .inventory-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .inventory-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .inventory-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .inventory-soln-main .soln-head p {
   padding-top: 20px;
 }
 .inventory-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .inventory-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .inventory-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .inventory-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .inventory-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .inventory-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .inventory-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .inventory-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .inventory-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .inventory-soln-main .card:nth-child(1) .icon span {
   background-color: #e6e0ed;
 }
 .inventory-soln-main .card:nth-child(2) .icon span {
   background-color: #62c2ed;
 }
 .inventory-soln-main .card:nth-child(3) .icon span {
   background-color: #eedc9b;
 }
 .inventory-soln-main .card:nth-child(4) .icon span {
   background-color: #ddd1bc;
 }
 .inventory-soln-main .card:nth-child(5) .icon span {
   background-color: #a9aeb9;
 }
 .inventory-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .inventory-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .inventory-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }
 /*---------------------------------------------------------------------------*/
 /*inventory page end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*marketing automation page start*/
 /*----------------------------------------------------------------------------*/
 .market-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .market-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .market-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .market-soln-main .soln-head p {
   padding-top: 20px;
 }
 .market-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .market-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .market-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .market-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .market-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .market-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .market-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .market-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .market-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .market-soln-main .card:nth-child(1) .icon span {
   background-color: #1496c1;
 }
 .market-soln-main .card:nth-child(2) .icon span {
   background-color: #77c9c7;
 }
 .market-soln-main .card:nth-child(3) .icon span {
   background-color: #e3d9f1;
 }
 .market-soln-main .card:nth-child(4) .icon span {
   background-color: #456868;
 }
 .market-soln-main .card:nth-child(5) .icon span {
   background-color: #57b7f0;
 }
 .market-soln-main .card:nth-child(6) .icon span {
   background-color: #9ebbf0;
 }
 .market-soln-main .card:nth-child(7) .icon span {
   background-color: #9ebbf0;
 }
 .market-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .market-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .market-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*marketing automation page end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*report page start*/
 /*----------------------------------------------------------------------------*/
 .report-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .report-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .report-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .report-soln-main .soln-head p {
   padding-top: 20px;
 }
 .report-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .report-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .report-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .report-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .report-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .report-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .report-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .report-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .report-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .report-soln-main .card:nth-child(1) .icon span {
   background-color: #d0daf2;
 }
 .report-soln-main .card:nth-child(2) .icon span {
   background-color: #dde2e2;
 }
 .report-soln-main .card:nth-child(3) .icon span {
   background-color: #9ebbf0;
 }
 .report-soln-main .card:nth-child(4) .icon span {
   background-color: #77c9c7;
 }
 .report-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }
 .report-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .report-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .report-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }
 /*---------------------------------------------------------------------------*/
 /*report page end*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*security page start*/
 /*----------------------------------------------------------------------------*/
 .security-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .security-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .security-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .security-soln-main .soln-head p {
   padding-top: 20px;
 }
 .security-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .security-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .security-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .security-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .security-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .security-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .security-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .security-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .security-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .security-soln-main .card:nth-child(1) .icon span {
   background-color: #4559ab;
 }
 .security-soln-main .card:nth-child(2) .icon span {
   background-color: #2ca8ca;
 }
 .security-soln-main .card:nth-child(3) .icon span {
   background-color: #5a5386;
 }
 .security-soln-main .card:nth-child(4) .icon span {
   background-color: #77c9c7;
 }
 .security-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }
 .security-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .security-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .security-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*security page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*website ecom page start*/
 /*----------------------------------------------------------------------------*/
 .website-ecom-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .website-ecom-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .website-ecom-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .website-ecom-soln-main .soln-head p {
   padding-top: 20px;
 }
 .website-ecom-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .website-ecom-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .website-ecom-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .website-ecom-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .website-ecom-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .website-ecom-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .website-ecom-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .website-ecom-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .website-ecom-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .website-ecom-soln-main .card:nth-child(1) .icon span {
   background-color: #39b6de;
 }
 .website-ecom-soln-main .card:nth-child(2) .icon span {
   background-color: #3e70e8;
 }
 .website-ecom-soln-main .card:nth-child(3) .icon span {
   background-color: #f46b49;
 }
 .website-ecom-soln-main .card:nth-child(4) .icon span {
   background-color: #aa87f4;
 }
 .website-ecom-soln-main .card:nth-child(5) .icon span {
   background-color: #bae8f8;
 }
 .website-ecom-soln-main .card:nth-child(6) .icon span {
   background-color: #1e95be;
 }
 .website-ecom-soln-main .card:nth-child(7) .icon span {
   background-color: #1c7291;
 }
 .website-ecom-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .website-ecom-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .website-ecom-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*website ecom page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*about page start*/
 /*----------------------------------------------------------------------------*/
 .about_our_services_one {
   position: relative;
   display: block;
   padding: 70px 0 40px;
 }
 .about_our_services_one:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 380px;
   content: "";
   background: #f6f6f6;
   z-index: -1;
 }
 .about_our_services_one .block-title h2 {
   color: #2a2a2a;
   font-size: 35px;
   font-weight: 700;
   text-transform: capitalize;
   margin-bottom: 25px;
 }
 .about_our_services_one .block-title em {
   font-style: normal;
   color: #4da6e7;
 }
 .about_our_services_one .our_services_one_single {
   position: relative;
   display: block;
   margin-bottom: 55px;
   background: #ffffff;
   z-index: 2;
 }
 .about_our_services_one .our_services_one_single:hover:before {
   width: 100%;
   background: #4da6e7;
 }
 .about_our_services_one .our_services_one_single:before {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   content: "";
   background: #e4e4e4;
   height: 2px;
   width: 0;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }
 .about_our_services_one .our_services_one_image {
   position: relative;
   display: block;
 }
 .about_our_services_one .our_services_one_image:before {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   content: "";
   background: rgba(186, 218, 245, 0.5);
   transform: scale(1, 0);
   transition: transform 500ms ease;
   transform-origin: top center;
 }
 .about_our_services_one .our_services_one_single:hover .our_services_one_image:before {
   transform: scale(1, 1);
   transform-origin: bottom center;
 }
 .about_our_services_one .our_services_one_image img {
   width: 100%;
 }
 .about_our_services_one .our_services_one_content {
   padding: 43px 15px 53px;
   border-left: 2px solid #e4e4e4;
   border-right: 2px solid #e4e4e4;
   border-bottom: 2px solid #e4e4e4;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }
 .about_our_services_one .our_services_one_content ul {
   padding-left: 10px;
 }
 .about_our_services_one .our_services_one_content ul li {
   list-style: disc;
   font-weight: 300;
   color: #000;
   font-size: 16px;
 }
 .about_our_services_one .our_services_one_single:hover .our_services_one_content {
   background-color: rgb(255, 255, 255);
   box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
 }
 .about_our_services_one .our_services_one_content h3 {
   font-size: 22px;
   font-weight: 700;
   line-height: 32px;
   margin-bottom: 35px;
 }
 .about_our_services_one .our_services_one_content h3 a {
   color: inherit;
   transition: all 500ms ease;
 }

 .about_our_services_one .our_services_one_content h3 a:hover {
   color: #4da6e7;
 }
 .about_our_services_one .our_services_one_content p {
   font-size: 14px;
   line-height: 28px;
   margin: 0;
 }
 .about_our_services_one .services_one_arrow_icon {
   height: 60px;
   width: 60px;
   border: 2px solid #e4e4e4;
   border-radius: 50%;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   background: #ffffff;
   position: absolute;
   left: 50px;
   bottom: -25px;
   color: #e4e4e4;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }
 .about_our_services_one .services_one_arrow_icon span {}

 .about_our_services_one .our_services_one_single:hover .services_one_arrow_icon {
   color: #4da6e7;
   border: 2px solid #4da6e7;
 }
 .about_our_services_one .visionmission {
   margin-top: 40px;
 }
 .about-counter .counter-box {
   display: block;
   background: radial-gradient(circle at 0.7% 1%, rgb(215, 248, 247) 0%, rgb(102, 188, 239) 100.2%);
   padding: 40px 20px 37px;
   text-align: center;
   border-radius: 30px 0px !important;
 }
 .about-counter .counter-box p {
   margin: 5px 0 0;
   padding: 0;
   color: #fff;
   font-size: 18px;
   font-weight: 500
 }
 .about-counter .counter-box span {
   padding: 20px 0px;
 }
 .about-counter .counter-box i {
   font-size: 60px;
   margin: 0 0 15px;
   color: #fff;
 }
 .about-counter .counter {
   display: block;
   font-size: 32px;
   font-weight: 700;
   color: #666;
   line-height: 28px
 }
 .about-counter .counter-box.colored p,
 .about-counter .counter-box.colored i,
 .about-counter .counter-box.colored .counter {
   color: #fff
 }
 .about-counter .counter-main {
   margin-top: 50px;
   margin-bottom: 50px;
 }
 .about-section-two {
   background-color: #fff;
 }
 .abouts .about-two {
   padding-top: 40px;
 }
 .about-thirdss {
   padding: 20px 0px;
 }
 .about-thirdss .row {
   align-items: center;
 }
 .right-aboutss {
   position: relative;
 }
 .abouts .about-right-content p {
   color: #757575;
   font-weight: 300;
 }
 .right-aboutss h5 {
   color: #505050;
   font-family: 'Poppins', sans-serif;
   font-size: 35px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   margin-bottom: 30px;
 }
 .right-aboutss li {
   color: #757575;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 180%;
   margin-bottom: 15px;
 }
 .about-thirdss .row {
   align-items: center;
 }
 .right-aboutss ul {
   margin-bottom: 25px;
   margin-top: 30px;
 }
 .right-aboutss p {
   color: #4da6e7;
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
 }
 .right-aboutss ul li i {
   color: #4da6e7;
 }
 .main-btn-grns {
   background: #56C20E;
   color: #fff;
   border-radius: 0px 8px !important;
 }
 .main-btns {
   background: #4da6e7;
   color: #fff;
   font-weight: 500;
   padding: 12px 22px;
   line-height: 18px;
   border-radius: 8px;
   z-index: 9;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   -webkit-transition: all 0.35s;
   transition: all 0.35s;
   -moz-transition: all 0.35s;
   -ms-transition: all 0.35s;
   overflow: hidden;
   position: relative;
 }
 @media (max-width: 575.98px) {
   .about-counter .four {
     margin-top: 10px;
   }
   .abouts .about-two {
     padding: 0px;
   }
   .abouts .about-left-image img {
     margin-bottom: 20px;
   }
   .abouts .about-right-content p {
     margin-bottom: 0px;
   }
   .right-aboutss h5 {
     font-size: 32px;
   }
   .right-aboutss {
     margin-top: 20px;
   }
   .abouts .third-image {
     margin-top: 20px;
   }
 }
 @font-face {
   font-family: Niconne-Regular;
   src: url(../fonts/Niconne-Regular.ttf);
   font-display: swap;
 }
 .about-success .rating {
   display: flex;
   justify-content: center;
   margin: 10px 0;
 }
 .about-success .star {
   color: #FFD700;
   font-size: 20px;
   margin: 0 2px;
 }
 .about-success .testimonial-carousel::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }
 .about-success .testimonial-carousel::after {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   height: 100%;
   width: 0;
   background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
   z-index: 1;
 }
 @media (min-width: 768px) {

   .about-success .testimonial-carousel::before,
   .about-success .testimonial-carousel::after {
     width: 200px;
   }
 }
 @media (min-width: 992px) {

   .about-success .testimonial-carousel::before,
   .about-success .testimonial-carousel::after {
     width: 300px;
   }
 }
 .about-success .testimonial-carousel .owl-nav {
   position: absolute;
   width: 350px;
   top: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   justify-content: space-between;
   opacity: 0;
   transition: .5s;
   z-index: 1;
 }
 .about-success .testimonial-carousel:hover .owl-nav {
   width: 300px;
   opacity: 1;
 }
 .about-success .testimonial-carousel .owl-nav .owl-prev,
 .about-success .testimonial-carousel .owl-nav .owl-next {
   position: relative;
   font-size: 45px;
   transition: .5s;
 }
 .about-success .testimonial-carousel .testimonial-img img {
   width: 100px;
   height: 100px;
 }
 .about-success .testimonial-carousel .testimonial-img .btn-square {
   position: absolute;
   bottom: -19px;
   left: 50%;
   transform: translateX(-50%);
 }
 .about-success .testimonial-carousel .owl-item .testimonial-text {
   margin-bottom: 30px;
   box-shadow: 0 0 45px rgba(0, 0, 0, .08);
   transform: scale(.8);
   transition: .5s;
 }
 .about-success .testimonial-carousel .owl-item.center .testimonial-text {
   transform: scale(1);
 }
 .section-heading h6 {
   text-align: center;
   margin-bottom: 0px;
 }
 .section-heading h4 {
   text-align: center !important;
   margin-bottom: 30px;
 }
 .home-work10 .content {
   position: relative;
 }
 .home-work10 .project1 {
   align-items: center;
   text-align: center;
 }
 .home-work10 .project1 h5 {
   align-items: center;
   text-align: center;
   padding: 15px 0px;
 }
 .home-work10 .project1 a {
   align-items: center;
   text-align: center;
 }
 .home-work10 .port_image img {
   object-fit: cover;
   overflow: hidden;
   transition: transform 5s ease-in-out;
   width: initial;
   border-radius: 7px;
 }
 .home-work10 .port_image {
   height: 300px;
   width: 100%;
   overflow: hidden;
   border-radius: 7px;
 }
 .home-work10 .port_image:hover img {
   transform: none;
   transition: none;
   text-align: center;
   align-items: center;
   display: flex;
   justify-content: center;
 }
 .home-work10 .port_image img {
   text-align: center;
   align-items: center;
   display: flex;
   justify-content: center;
 }
 .home-work10 .port_image:hover img {
   transform: translateY(calc(-100% + 260px));
   transition: transform 9s ease-in-out;
   cursor: -webkit-grab;
 }

 /*---------------------------------------------------------------------------*/
 /*about page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*billing software start*/
 /*----------------------------------------------------------------------------*/
 .about-step-main .work-inner {
   padding: 100px 100px 50px 100px;
   background-color: F5E6E4;
 }
 .about-step-main .work-left img {
   border-radius: 15px;
 }
 .about-step-main .work-left img {
   width: 100%;
   height: auto;
   object-fit: cover;
   animation: jump 2s ease-in-out infinite;
 }
 @keyframes jump {
   0% {
     transform: translateY(0);
   }

   25% {
     transform: translateY(-20px);
   }

   50% {
     transform: translateY(0);
   }

   75% {
     transform: translateY(-20px);
   }

   100% {
     transform: translateY(0);
   }
 }
 .about-step-main .work-right {
   padding-left: 50px;
 }
 .about-step-main .work-right .header h2 {
   font-weight: 700;
   font-size: 32px;
 }
 .about-step-main .work-right .header h4 {
   font-size: 20px;
 }
 .about-step-main .timeline {
   display: flex;
   flex-direction: column;
   max-width: 800px;
   margin: 0 auto;
 }
 .about-step-main .timeline-item {
   display: flex;
   align-items: flex-start;
   margin: 10px 0;
 }
 .about-step-main .timeline-number {
   flex-shrink: 0;
   width: 40px;
   height: 40px;
   background-color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .about-step-main .timeline-content {
   margin-left: 20px;
   padding: 0px 0px;
   border-radius: 4px;
   flex-grow: 1;
 }
 .about-step-main .timeline-title {
   font-size: 1.2em;
   font-weight: 500;
   margin: 0 0 5px;
 }
 .about-step-main .timeline-description {
   font-size: 0.95em;
   margin: 0;
   color: #555;
 }
 .about-step-main .timeline-item {
   padding: 2px;
   border-radius: 10px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 .about-step-main .timeline-item:hover {
   transform: translateY(-5px);
 }
 .about-step-main .timeline-item .timeline-number img {
   transition: transform 0.3s ease, filter 0.3s ease;
 }
 .about-step-main .timeline-item:hover .timeline-number img {
   transform: scale(1.1);
   filter: brightness(1.2);
 }
 .about-step-main .timeline-item {
   position: relative;
   padding-left: 10px;
   display: flex;
   align-items: center;
 }
 .about-step-main .timeline-item:not(:last-child)::after {
   content: "";
   position: absolute;
   left: 30px;
   top: 92%;
   width: 1px;
   height: 58%;
   border-left: 2px dashed #000;
 }
 .about-step-main .timeline-number img {
   max-width: 40px;
   display: block;
 }
 .about-step-main .timeline-item:hover .timeline-number img {
   transform: scale(1.1);
   transition: transform 0.3s ease;
 }
 .about-ele-main {
   padding: 50px 50px;
 }
 .about-ele-main .section-heading {
   align-items: center;
   text-align: center;
   margin: 0 auto;
 }
 .about-ele-main .ele-head h5 {
   font-size: 36px;
   font-weight: 700;
   color: #000;
   line-height: 50px;
 }
 .about-ele-main .ele-head p {
   padding-top: 20px;
 }
 .about-ele-main .ele-cont1 {
   border-right: 2px solid #4da6e7;
   padding-top: 100px;
 }
 .about-ele-main .ele-para1 {
   display: flex;
   flex-direction: row;
 }
 .about-ele-main .ele-para1 img {
   width: 70px;
 }
 .about-ele-main .ele-para-in {
   padding-left: 10px;
 }
 .about-ele-main .ele-para-in p {
   padding-top: 10px;
 }
 .about-ele-main .ele-cont1 hr {
   border-bottom: 2px solid #4da6e7;
 }
 .about-ele-main .ele-cont2 {
   padding-top: 50px;
 }
 .about-ele-main .ele-cont2 hr {
   border-bottom: 2px solid #4da6e7;
 }
 .about-bill-main .section-heading {
   text-align: center;
   align-items: center;
 }
 .about-bill-main .cards {
   display: grid;
   flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 0;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 1rem;
 }
 .about-bill-main .cards_item {
   display: flex;
 }
 .about-bill-main .card_image {
   display: flex;
   height: 250px;
   box-shadow: 0 50px 100px 0 var(--violet);
 }
 .about-bill-main .card_image img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: cover;
 }
 .about-bill-main .card {
   display: flex;
   flex-direction: column;
   position: relative;
   overflow: hidden;
   border-radius: 5px 25px 5px 50px;
   transition: transform 0.1s linear, box-shadow 0.2s;
 }
 .about-bill-main .card_text:focus,
 .card:focus {
   outline: 2px dashed var(--aqua);
 }
 .about-bill-main .card:focus,
 .about-bill-main .card:hover {
   transform: scale(1.01);
   box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2);
 }
 .about-bill-main .card_content {
   padding: 0.5rem 1rem 1rem;
 }
 .about-bill-main .card_title {
   position: absolute;
   top: 0;
   right: 0;
   width: 90%;
   height: auto;
   color: #000;
   padding: 0.5rem;
   margin-top: 20px;
   border-radius: 5px 0 0 5px;
   transform: rotate(-3.3deg);
   transform-origin: left top;
   font-family: Georgia, Times, serif;
   font-weight: 600;
   font-size: 18px;
   postition: relative;
   overflow: hidden;
   z-index: 1;
   background-color: #89cdff;
 }
 .about-bill-main .card:focus .card_title,
 .about-bill-main .card:hover .card_title {
   animation: 0.5s ease-in 0s fly-in 1 both;
   font-size: 18px !important;
   padding: 20px 5px;
 }
 .about-bill-main .card_text {
   font-family: Helvetica Neue, Arial, sans-serif;
   line-height: 1.5;
   text-size-adjust: 0.2px;
   padding: 0 1rem;
 }
 .about-bill-main .card_text p:first-of-type:first-letter {
   font-size: 20px;
   margin-right: 0.05em;
 }
 @media (min-width: 480px) {
   .about-bill-main .card_text {
     overflow: auto;
     max-height: 20rem;
     scrollbar-width: thin;
   }
   .about-bill-main .card_text::-webkit-scrollbar {
     width: 12px;
   }
 }
 @keyframes fly-in {
   0% {
     top: 0;
     right: 0;
     font-size: 1.325rem;
   }

   25% {
     top: 0;
     right: -200%;
     font-size: 1.325rem;
   }

   26% {
     font-size: 2rem;
   }

   100% {
     top: 2rem;
     right: 0;
     font-size: 2rem;
   }
 }

 @keyframes fly-out {
   0% {
     top: 2rem;
     right: 0;
     font-size: 2rem;
   }

   50% {
     top: 0;
     right: -200%;
     font-size: 1.325rem;
   }

   100% {
     top: 0;
     right: 0;
     font-size: 1.325rem;
   }
 }
 .card:hover .card_text p {
   color: #000 !important;
 }
 @media (max-width: 575.98px) {
   .about-step-main .work-inner {
     padding: 5px;
   }
   .about-step-main .work-right {
     padding-left: 0px;
   }
   .about-step-main .work-left img {
     object-fit: contain;
   }
   .timeline-title {
     font-size: 16px;
   }
   .about-ele-main {
     padding: 20px 0px;
   }
   .section-heading h4 {
     font-size: 25px;
   }
   .about-bill-main .cards {
     padding-top: 20px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*billing software end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*channel partner page start*/
 /*----------------------------------------------------------------------------*/

 /*---------------------------------------------------------------------------*/
 /*channel partner page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*crm page start*/
 /*----------------------------------------------------------------------------*/
 .crm-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .crm-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .crm-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .crm-soln-main .soln-head p {
   padding-top: 20px;
 }
 .crm-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .crm-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .crm-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .crm-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .crm-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .crm-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .crm-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .crm-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .crm-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .crm-soln-main .card:nth-child(1) .icon span {
   background-color: #22a1b8;
 }
 .crm-soln-main .card:nth-child(2) .icon span {
   background-color: #d5d8d8;
 }
 .crm-soln-main .card:nth-child(3) .icon span {
   background-color: #e8e2cd;
 }
 .crm-soln-main .card:nth-child(4) .icon span {
   background-color: #ecde9e;
 }
 .crm-soln-main .card:nth-child(5) .icon span {
   background-color: #e5c2ef;
 }
 .crm-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .crm-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .crm-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*crm page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*mobile app page start*/
 /*----------------------------------------------------------------------------*/
 #mobile-service-features .section-heading {
   margin: 0 auto;
   align-items: center;
   text-align: center;
 }
 #mobile-service-features {
   padding: 60px;
   background-position: left;
   background-repeat: no-repeat;
   background-size: auto;
   position: relative;
 }
 #mobile-service-features .feature_details h3 {
   font-size: 18px;
   font-weight: 600;
   text-align: left;
   color: #132E41;
 }
 #mobile-service-features .feature_details {
   padding-bottom: 20px;
   margin-right: 46px;
 }
 #mobile-service-features .feature-border {
   position: relative;
 }
 #mobile-service-features .feature_details {
   position: relative;
 }
 #mobile-service-features .feature_details h3::after {
   content: "";
   width: 17px;
   height: 17px;
   gap: 0px;
   opacity: 0px;
   background: #57b0ec;
   position: absolute;
   left: -32px;
   border-radius: 50%;
   z-index: 1;
 }
 #mobile-service-features .feature_details p {
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #777777;
   padding-top: 10px;
 }
 #mobile-service-how-it-work .section-heading {
   align-items: center;
   text-align: center;
   margin: 0 auto;
 }
 #mobile-service-how-it-work {
   padding: 20px 0px 60px 0px;
   position: relative;
 }
 #mobile-service-how-it-work .how-it-work-content {
   padding-top: 30px;
 }
 #mobile-service-how-it-work .how-it-work-head h3 {
   font-size: 48px;
   line-height: 48px;
   color: #333;
   font-weight: 400;
   padding: 10px 0;
   text-align: center;
 }
 #mobile-service-how-it-work .how-it-work-head h3:after {
   content: "";
   background-color: #eb982a;
   width: 30px;
   height: 3px;
   display: block;
   margin: 19px auto;
   position: absolute;
   left: 49%;
 }
 #mobile-service-how-it-work .how-it-work-head h3:before {
   content: "";
   background-color: #c2c2c2;
   width: 125px;
   height: 1px;
   display: block;
   margin: 0px auto;
   position: relative;
   top: 69px;
 }
 #mobile-service-how-it-work .how-it-work-content h5 {
   letter-spacing: 1px;
   padding: 20px 0 10px 0;
   margin-bottom: 0;
   font-size: 18px;
   color: #132E41;
   font-weight: 600;
   text-align: center;
 }
 #mobile-service-how-it-work .how-it-work-content p {
   font-size: 15px;
   color: #777777;
   font-weight: 400;
   text-align: center;
 }
 #mobile-service-how-it-work .how-it-work-content:hover img {
   transition: 1s;
   -webkit-transition: 0.70s;
   -moz-transition: 0.70s;
   -ms-transition: 0.70s;
   -o-transition: 0.70s;
   -webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
   -o-transform: rotateY(360deg);
   -ms-transform: rotateY(360deg);
   transform: rotateY(360deg);
 }
 #mobile-service-how-it-work span.count {
   position: absolute;
   top: 59%;
   background: #eb982a;
   width: 42px;
   height: 42px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #eb982a;
   color: #fff;
   padding-top: 9px;
   left: 46%;
 }
 @media (max-width: 575.98px) {
   #mobile-service-features {
     padding: 5px;
   }

   .section-heading h4 {
     font-size: 28px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*mobile app page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*pos page start*/
 /*----------------------------------------------------------------------------*/
 .pos-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .pos-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .pos-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .pos-soln-main .soln-head p {
   padding-top: 20px;
 }
 .pos-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .pos-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .pos-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .pos-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .pos-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .pos-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .pos-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .pos-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .pos-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .pos-soln-main .card:nth-child(1) .icon span {
   background-color: #3bb5e4;
 }
 .pos-soln-main .card:nth-child(2) .icon span {
   background-color: #77c9c7;
 }
 .pos-soln-main .card:nth-child(3) .icon span {
   background-color: #a5c3d5;
 }
 .pos-soln-main .card:nth-child(4) .icon span {
   background-color: #5f34a3;
 }
 .pos-soln-main .card:nth-child(5) .icon span {
   background-color: #60cfd6;
 }
 .pos-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .pos-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .pos-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*pos page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*pricing page start*/
 /*----------------------------------------------------------------------------*/
 .pricing-main .pricing-table {
   background: #fff;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   padding: 2rem;
   border-radius: 4px;
   transition: .3s;
 }
 .pricing-main .pricing-table:hover {
   box-shadow: 0px 1px 10px -4px rgba(0, 0, 0, .15);
 }
 .pricing-main .pricing-table .pricing-label {
   border-radius: 2px;
   padding: .25rem .5rem;
   margin-bottom: 1rem;
   display: inline-block;
   font-size: 12px;
   font-weight: 500;
 }
 .pricing-main .pricing-table .pricing-label img {
   width: 40%;
   height: 40%;
   margin: 0px 30px 0px 30px;
 }
 .pricing-main .pricing-table h2 {
   color: #3b3b3b;
   font-size: 24px;
   font-weight: 500;
 }
 .pricing-main .pricing-table h5 {
   color: #B3B3B3;
   font-size: 14px;
   font-weight: 400;
 }
 .pricing-main .pricing-head1 {
   align-items: center;
   text-align: center;
 }
 .pricing-main .pricing-head1 h2 {
   color: orange;
 }
 .pricing-main .pricing-head2 {
   align-items: center;
   text-align: center;
 }
 .pricing-main .pricing-head2 h2 {
   color: #53e27d;
 }
 .pricing-main .pricing-head3 {
   align-items: center;
   text-align: center;
 }
 .pricing-main .pricing-head3 h2 {
   color: #4ea5ef;
 }
 .pricing-main .pricing-table .price-tag {
   margin-top: 2rem;
   text-align: center;
   font-weight: 500;
 }
 .pricing-main .pricing-table .price-tag .symbol {
   font-size: 24px;
 }
 .pricing-main .pricing-table .price-tag .amount {
   letter-spacing: -2px;
   font-size: 50px;
 }
 .pricing-main .pricing-table .price-tag .after {
   color: #3b3b3b;
   font-weight: 500;
 }
 .pricing-main .pricing-table .price-button {
   display: block;
   color: #fff;
   margin-top: 2rem;
   padding: .75rem;
   border-radius: 2px;
   text-align: center;
   font-weight: 500;
   transition: .3s;
 }
 .pricing-main .pricing-table .price-button:hover {
   text-decoration: none;
 }
 .pricing-main .purple .pricing-label {
   color: orange;
 }
 .pricing-main .purple .price-tag {
   color: orange;
 }
 .pricing-main .purple .price-button {
   background: orange;
 }
 .table1 .fa-check {
   border-radius: 20px;
   padding: 3px;
   border: 2px solid green;
   font-size: 11px;
   color: green;
 }
 .table1 .fa-close {
   border-radius: 30px;
   padding: 3px 4px;
   border: 2px solid red;
   font-size: 12px;
   color: red;
 }
 .services:after {
   background-image: none;
 }
 @media (max-width: 575.98px) {
   .pricing-main .pricing-table {
     overflow-x: scroll;
   }

   .pricing-main-table {
     overflow-x: scroll;
   }
 }
 @media (max-width: 575.98px) {
   .header-area .main-nav .menu-trigger {
     right: 10px;
   }
 }
 .header-level {
   background: #e7eaf7;
   margin: 30px;
   padding-top: 20px;
 }
 .pricing-main-table {
   padding-top: 100px;
 }
 .services:after {
   display: none;
 }
 .table-main-head {
   background-color: #4da6e7;
 }
 .table-main-head th {
   width: 23%;
   color: #fff;
   font-size: 17px;
   padding: 20px 0px 20px 0px;
 }
 .table-main-data {
   text-align: justify;
   padding-left: 5px;
   padding-top: 5px;
 }

 /*---------------------------------------------------------------------------*/
 /*pricing page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*purchas page start*/
 /*----------------------------------------------------------------------------*/
 .purchas-soln-main {
   padding: 120px 0px 30px 0px;
 }
 .purchas-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }
 .purchas-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }
 .purchas-soln-main .soln-head p {
   padding-top: 20px;
 }
 .purchas-soln-main .card {
   border: none;
   margin-top: 30px;
 }
 .purchas-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }
 .purchas-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }
 .purchas-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }
 .purchas-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .purchas-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }
 .purchas-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .purchas-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }
 .purchas-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }
 .purchas-soln-main .card:nth-child(1) .icon span {
   background-color: #b4e9ea;
 }
 .purchas-soln-main .card:nth-child(2) .icon span {
   background-color: #6ab0de;
 }
 .purchas-soln-main .card:nth-child(3) .icon span {
   background-color: #e2e2e2;
 }
 .purchas-soln-main .card:nth-child(4) .icon span {
   background-color: #c7edec;
 }
 .purchas-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }
 .purchas-soln-main .card:nth-child(6) .icon span {
   background-color: #9ebbf0;
 }
 .purchas-soln-main .card:nth-child(7) .icon span {
   background-color: #9ebbf0;
 }
 .purchas-soln-main .icon i {
   color: white;
   font-size: 24px;
 }
 .purchas-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }
 .purchas-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*---------------------------------------------------------------------------*/
 /*purchas page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*referral partner page start*/
 /*----------------------------------------------------------------------------*/
 .ref-partner-main {
   padding: 130px 0px 60px 0px;
 }
 .ref-partner-main .partner-head {
   padding-top: 40px;
 }
 .ref-partner-main .partner-head h2 {
   font-size: 35px;
   font-weight: 700;
   line-height: 50px;
 }
 .ref-partner-main .partner-head h4 {
   color: #4da6e7;
   padding-top: 15px;
   font-size: 20px;
 }
 .ref-partner-main .partner-head p {
   padding-top: 20px;
 }
 .ref-partner-main .partner-head button {
   border: none;
   padding: 10px 30px;
   background-color: #4da6e7;
   margin-top: 20px;
   color: #fff;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }
 @media (max-width: 575.98px) {
   .ref-partner-main .partner-head button {
     margin: 30px auto;
     display: flex;
     text-align: center;
     align-items: center;
   }
 }
 @media (min-width: 576px) and (max-width: 767.98px) {
   .ref-partner-main .partner-head button {
     margin: 30px auto;
     display: flex;
     text-align: center;
     align-items: center;
   }
 }
 @media (min-width: 768px) and (max-width: 991.98px) {
   .ref-partner-main .partner-head button {
     margin: 30px auto;
     display: flex;
     text-align: center;
     align-items: center;
   }
 }
 .ref-partner-main .partner-head1 {
   padding: 10px;
 }
 .ref-partner-main .partner-head1 {
   position: relative;
 }
 .ref-partner-main .partner-head1:before {
   border-radius: 0px 0px 100px 0px;
   background: #4da6e7;
   content: '';
   position: absolute;
   width: 90%;
   height: 90%;
   bottom: 0;
   right: -20px;
 }
 .ref-partner-main .partner-head1 img {
   width: 100%;
   padding: 0px 0px 30px 0;
   position: relative;
   border-radius: 100px 0px 100px 0px;
 }
 .join-partner-main details {
   position: relative;
 }
 .join-partner-main details summary {
   justify-content: center;
   display: block;
   cursor: pointer;
   text-align: center;
   align-items: center;
   color: #4da6e7;
   padding-top: 20px;
 }
 .join-partner-main details summary:focus {
   outline: none;
 }
 .join-partner-main details[open] {
   align-items: center;
   text-align: center;
   display: block;
   padding-bottom: 25px;
   padding-top: 10px;
   animation: open .2s linear;
 }
 .join-partner-main details[open] summary {
   position: absolute;
   bottom: 0;
   left: 0;
 }
 .join-partner-main details #open {
   padding-left: 5px;
   text-align: middle;
 }
 .join-partner-main details #open:after {
   display: inline-block;
   position: relative;
   top: -3px;
   padding-left: 8px;
   content: "\00bb";
   transform: rotate(90deg);
 }
 .join-partner-main details[open] #open {
   display: none;
 }
 .join-partner-main details #close {
   display: none;
 }
 .join-partner-main details[open] #close {
   display: block;
   align-items: center !important;
   text-align: center !important;
   justify-content: center !important;

 }
 ::-webkit-details-marker {
   display: none;
 }
 @keyframes open {
   0% {
     opacity: 0;
     transform: translateY(-10px);
   }
   100% {
     opacity: 1;
     transform: translateY(0);
   }
 }
 .join-partner-main {
   padding: 10px 0px 60px 0px;
 }
 .join-partner-head {
   background: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%);
   align-items: center;
   padding: 60px 10px;
   text-align: center;
 }

 .join-partner-head h5 {
   line-height: 30px;
   font-size: 18px;
 }

 .join-partner-head p {
   padding-top: 20px;
   color: #000;
 }

 .join-partner-head1 {
   padding: 0px;
 }

 .join-partner-head1 img {
   width: 100% !important;
 }

 .ref-join-header h3 {
   align-items: center;
   text-align: center;
   padding: 0px 0px 30px 0px;
   font-size: 35px;
   font-weight: 700;
   line-height: 50px;
 }

 .ref-join-header p {
   text-align: center;
   align-items: center;
   padding-bottom: 20px;
   color: #000;
 }

 .listar-feature-item {
   height: calc(100% - 20px);
 }

 .listar-feature-item.listar-feature-has-link~.listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
   position: relative;
   display: block;
   width: 100%;
   height: 30px;
 }

 .listar-feature-item a {
   position: absolute;
   top: -12px;
   left: 15px;
   width: calc(100% - 30px);
   height: calc(100% + 4px);
   border-radius: 1000px;
   z-index: 10;
 }

 .listar-feature-with-image .listar-feature-item a:before {
   content: "";
   position: absolute;
   top: -74px;
   left: 50%;
   margin-left: -74px;
   width: 148px;
   height: 148px;
   border-radius: 1000px;
   z-index: 10;
 }

 .listar-feature-item .listar-feature-item-inner {
   padding: 50px 30px;
   border-radius: 6px;
   z-index: 5;
   position: relative;
   height: 100%;
 }

 .listar-feature-item .listar-feature-item-inner {
   padding-top: 60px;
   padding-bottom: 60px;
 }

 .listar-feature-item .listar-feature-item-inner:before {
   border: 0;
   box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
     10px 0px 10px rgba(80, 80, 80, 0.02);
   border-radius: 1000px;
   background: rgba(255, 255, 255, 0);
   background: -moz-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: -webkit-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: -o-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: -ms-linear-gradient(left,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   background: linear-gradient(to right,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0) 40%,
       rgba(255, 255, 255, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
 }

 .listar-feature-item .listar-feature-item-inner:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .listar-feature-right-border {
   position: absolute;
   width: calc(100% + 24px);
   height: calc(100% + 24px);
   top: -12px;
   left: 50%;
   overflow: hidden;
 }

 .listar-feature-items {
   text-align: center;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .listar-feature-right-border:before,
 .listar-hovering-features .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before {
   border: 11px solid #2f53bf;
 }

 .listar-feature-right-border:before,
 .listar-hovering-features .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before,
 .listar-hovering-features-grey .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border: 11px solid #258bd5;
   border-radius: 800px;
   left: -50%;
 }

 .listar-feature-item .listar-feature-block-content-wrapper {
   position: relative;
   display: block;
   text-decoration: none;
   margin: -30px;
   height: calc(100% + 100px);
 }

 .listar-features-design-2 .listar-feature-item-wrapper {
   margin-bottom: 120px;
 }

 .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
   content: "";
   background-color: #fff;
   z-index: 6;
   position: absolute;
   background-repeat: no-repeat;
   background-position: center center;
 }

 .listar-feature-icon-wrapper {
   width: 148px;
   height: 148px;
   line-height: 148px;
   border-radius: 500px;
   position: relative;
   background-color: #fff;
   box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   left: 50%;
   vertical-align: middle;
   margin-left: -74px;
   top: -66px;
   margin-top: -74px;
 }

 .listar-feature-icon-inner {
   width: 120px;
   height: 120px;
   line-height: 120px;
   border-radius: 500px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
   background: #fff;
 }

 .listar-feature-icon-inner div {
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   display: inline-block;
   position: relative;
   width: 120px;
   height: 120px;
   line-height: 120px;
   text-align: left;
 }

 .listar-feature-icon-inner img {
   position: relative;
   margin: 0 auto;
   vertical-align: middle;
   display: inline-block;
   width: auto;
   left: 50%;
   -webkit-transform: translate(-50%);
   -moz-transform: translate(-50%);
   -ms-transform: translate(-50%);
   -o-transform: translate(-50%);
   transform: translate(-50%);
   height: 55px;
 }

 .listar-feature-item img,
 .listar-feature-item i {
   position: relative;
   display: inline-block;
   border-bottom: 0;
   font-size: 40px;
   top: 0;
   padding: 0;
   color: #258bd5;
 }

 .listar-feature-with-image .listar-feature-content-wrapper {
   top: 0;
 }

 .listar-feature-content-wrapper {
   position: relative;
   margin-top: -15.5px;
 }

 .listar-feature-item .listar-feature-item-title {
   padding-top: 0;
   margin: 0 0 30px;
   text-align: center;
   line-height: 1.5;
 }

 .listar-feature-item .listar-feature-item-title.listar-feature-counter-added>span {
   margin-left: 25px;
   border-radius: 0 50px 50px 0;
 }

 .listar-feature-item .listar-feature-item-title>span {
   box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
     5px 0px 40px rgba(80, 80, 80, 0.1);
   padding: 10px 20px;
   display: inline-block;
   position: relative;
   background-color: #fff;
 }

 .listar-feature-item .listar-feature-item-title>span span {
   box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
     5px 0px 80px rgba(80, 80, 80, 0.15);
   padding: 10px 0;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 30px;
   white-space: nowrap;
   position: absolute;
   top: -3px;
   left: -40px;
   border-radius: 50px;
   background-color: #fff;
 }

 .listar-feature-item .listar-feature-item-title span {
   display: inline-block;
   font-size: 14px;
   line-height: normal;
   font-weight: 400;
   text-shadow: none;
   border-radius: 50px;
   color: #252525;
   font-size: 18px;
 }

 .listar-feature-item-excerpt {
   padding: 0 20px;
 }

 .listar-feature-item-excerpt {
   color: #252525;
   position: relative;
   top: 0;
   width: 100%;
   margin: 0 auto;
   text-align: center;
 }

 .refer-pset {
   padding-top: 80px;
   padding-bottom: 80px;
 }

 .listar-feature-with-image .listar-feature-item a:before {
   content: "";
   position: absolute;
   top: -74px;
   left: 50%;
   margin-left: -74px;
   width: 148px;
   height: 148px;
   border-radius: 1000px;
   z-index: 10;
 }

 .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
   margin-left: -25px;
   width: 50px;
   height: 50px;
   border-radius: 50px;
   box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
     15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
   bottom: -30px;
   background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
   background-size: 40%;
   color: #555;
   line-height: 52px;
 }

 .who-can-main .service-item {
   position: relative;
   margin-bottom: 30px;
   overflow: hidden;
   border-radius: 0px;
   box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .04);
   -webkit-transition: all .4s linear;
   -moz-transition: all .4s linear;
   -ms-transition: all .4s linear;
   -o-transition: all .4s linear;
   transition: all .4s linear;
   border-top: 2px solid #4da6e7;
   border-bottom: 2px solid #4da6e7;
   background-color: #fff;
   padding: 30px 30px 30px;
   box-shadow: 0px 12px 14px 0px #c5c5c5;
 }

 .who-can-main .service-item.first {
   position: relative;
   margin-bottom: 30px;
   overflow: hidden;
   border-radius: 0px;
   box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .04);
   -webkit-transition: all .4s linear;
   -moz-transition: all .4s linear;
   -ms-transition: all .4s linear;
   -o-transition: all .4s linear;
   transition: all .4s linear;
   border-top: 2px solid #c1c1c1;
   border-bottom: 2px solid #c1c1c1;
   background-color: rgb(28 84 177);
   padding: 50px 40px 50px;
   box-shadow: 0px 12px 14px 0px #c5c5c5;
 }

 .who-can-main .service-item.first .service__desc {
   color: #fff;
 }

 .who-can-main .service-item.first .service__title {
   color: #fff;
 }

 .who-can-main .service-item.first .service__icon i {
   font-size: 57px;
   line-height: 1;
   color: #fff;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear;
 }

 .who-can-main .service-item .service__icon {
   margin-bottom: 20px;

 }

 .who-can-main .service-item .service__icon i {
   font-size: 57px;
   line-height: 1;
   color: #38a2ef;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear
 }

 .who-can-main .service-item .service__title {
   position: relative;
   color: #5d5d5d;
   font-weight: 600;
   font-family: system-ui;
   font-size: 17px;
   padding-bottom: 25px;
   margin-bottom: 25px;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear;
 }

 .who-can-main .service-item .service__title:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background-color: #eaeaea;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear
 }

 .who-can-main .service-item .service__desc {
   font-size: 15px;
   line-height: 25px;
   margin-bottom: 0;
   color: #000;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear
 }

 .who-can-main .service-item .btn__link {
   margin-top: 14px;
   height: 32px;
   line-height: 32px
 }

 .who-can-main .service-item .btn__link i {
   width: 22px;
   height: 22px;
   line-height: 22px;
   background-color: #1c54b1;
   color: #fff;
   border-radius: 50%;
   display: inline-block;
   -webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -ms-transition: all .3s linear;
   -o-transition: all .3s linear;
   transition: all .3s linear
 }

 .who-can-main .service-item .service__content {
   position: relative;
   z-index: 2
 }

 .who-can-main .service-item .service__overlay {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   text-align: center;
   z-index: 1;
   -webkit-transition: all .5s linear;
   -moz-transition: all .5s linear;
   -ms-transition: all .5s linear;
   -o-transition: all .5s linear;
   transition: all .5s linear
 }

 .who-can-main .service-item:hover {
   -webkit-transform: translateY(-5px);
   -moz-transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   -o-transform: translateY(-5px);
   transform: translateY(-5px)
 }

 .who-can-main .service-item:hover .service__overlay {
   opacity: 1
 }

 .who-can-main .service-item.first:hover .btn__link,
 .who-can-main .service-item.first:hover .service__desc,
 .who-can-main .service-item.first:hover .service__title {
   color: #5d5d5d;
 }

 .who-can-main .service-item.first:hover .service__icon i {
   color: #1c54b1;
 }

 .who-can-main .service-item:hover .btn__link,
 .who-can-main .service-item:hover .service__desc,
 .who-can-main .service-item:hover .service__icon i,
 .who-can-main .service-item:hover .service__title {
   color: #fff
 }

 .who-can-main .service-item.first .btn__link i {
   background-color: #fff;
   color: #1c54b0;
 }

 .who-can-main .service-item.first:hover .service__title:after {
   background-color: #1c54b1;

 }

 .who-can-main .service-item:hover .service__title:after {
   background-color: #fff;
 }

 .who-can-main .service-item:hover .btn__link i {
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #1c54b1;
   background-color: #fff
 }

 @media (min-width:768px) and (max-width:991px) {
   .who-can-main .service-item .service__icon {
     margin-bottom: 15px
   }

   .who-can-main .service-item .service__icon i {
     font-size: 50px
   }

   .who-can-main .service-item .service__title {
     font-size: 25px;
     margin-bottom: 10px
   }
 }

 @media (min-width:320px) and (max-width:767px) {
   .who-can-main .service-item {
     padding: 20px
   }

   .who-can-main .service-item .service__title {
     font-size: 18px;
     padding-bottom: 15px;
     margin-bottom: 5px
   }

   .who-can-main .service-item .service__icon {
     margin-bottom: 20px
   }

   .who-can-main .service-item .service__icon i {
     font-size: 45px
   }

   .ref-partner-main .partner-head1:before {
     background: none;
   }

   .listar-feature-item {
     margin-top: 50px !important;
   }

   .listar-feature-right-border:before {
     border: 6px solid #258bd5;
     border-radius: 838px;
     left: -54%;
   }

   .ref-partner-main .partner-head h2 {
     text-align: center;
     font-size: 32px;
   }

   .ref-partner-main .partner-head h4 {
     text-align: center;
   }

   .ref-partner-main .partner-head p {
     text-align: center;
   }
 }

 .who-join-header h3 {
   align-items: center;
   text-align: center;
   padding: 30px 0px 10px 0px;
   font-size: 35px;
   font-weight: 700;
   line-height: 50px;
 }

 .who-join-header p {
   text-align: center;
   align-items: center;
   padding-bottom: 40px;
   color: #000;
 }

 .who-can-main {
   background: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%);
   padding: 40px 0px;
 }

 .who-can-main .bg-overlay-theme.first:before {
   background-color: #fff;
 }

 .who-can-main .bg-overlay:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background-color: rgba(27, 26, 26, .15)
 }

 .who-can-main .bg-overlay-2:before {
   background-color: rgba(27, 26, 26, .1)
 }

 .who-can-main .bg-overlay-3:before {
   background-color: rgba(27, 26, 26, .05)
 }

 .who-can-main .bg-overlay-gradient:before {
   background-color: transparent;
   background: -moz-linear-gradient(-90deg, rgba(27, 26, 26, 0) 0, rgba(27, 26, 26, 0) 0, #1b1a1a 85%);
   background: -webkit-linear-gradient(-90deg, rgba(27, 26, 26, 0) 0, rgba(27, 26, 26, 0) 0, #1b1a1a 85%);
   background: -ms-linear-gradient(-90deg, rgba(27, 26, 26, 0) 0, rgba(27, 26, 26, 0) 0, #1b1a1a 85%)
 }

 .who-can-main .bg-overlay-theme:before {
   background: linear-gradient(111.4deg, rgb(122, 192, 233) 18.8%, rgb(4, 161, 255) 100.2%);
 }

 .ref-benefit-main {
   padding: 60px 0px;
 }

 .ref-benefit-main .benefit-cont1 {
   border-left: 2px solid #4da6e7;
   margin-top: 20px;
 }

 .ref-benefit-main .benefit-cont1 img {
   width: 80px !important;
   height: 80px;
   align-items: center;
   text-align: center;
   background: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%);
   border-radius: 40px;
   padding: 8px;
 }

 .ref-benefit-main .benefit-cont1 h5 {
   padding-top: 10px;
   font-size: 17px;
 }

 .ref-benefit-main .benefit-cont1 p {
   padding-top: 15px;
 }

 /*---------------------------------------------------------------------------*/
 /*referral partner page end*/
 /*----------------------------------------------------------------------------*/
 /*---------------------------------------------------------------------------*/
 /*retail page start*/
 /*----------------------------------------------------------------------------*/
 .retail-services-list-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: auto;
   margin-top: 50px !important;
   background: linear-gradient(rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)), url(../img/);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .retail-services-list-container .services-list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-evenly;
   height: auto;
 }

 @media screen and (max-width: 1448px) {
   .retail-services-list-container .services-list {
     margin-top: 50px !important;
   }
 }

 @media screen and (max-width: 960px) {
   .retail-services-list-container .services-list {
     flex-direction: column;
     width: 100%;
   }

   .retail-services-list-container .services-item {
     padding: 20px 20px;
   }
 }

 .retail-services-list-container .services-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   width: 40%;
   height: 500px;
   margin-top: 30px;
   background-color: #ffffff;
   background-image: linear-gradient(315deg, #ffffff 0%, #5899e2 74%);
   padding: 30px 45px;
 }

 @media screen and (max-width: 1210px) {
   .retail-services-list-container .services-item {
     height: 720px;
   }
 }

 @media screen and (max-width: 960px) {
   .retail-services-list-container .services-item {
     height: auto;
     width: 87%;
   }
 }

 .retail-services-list-container .services-item:nth-child(3),
 .retail-services-list-container .services-item:nth-child(4),
 .retail-services-list-container .services-item:nth-child(5) {
   margin-bottom: 80px;
 }

 .retail-services-list-container .services-item:nth-child(5) {
   width: 87%;
   margin-top: 0px;
 }

 @media screen and (max-width: 1448px) {
   .retail-services-list-container .services-item:nth-child(5) {
     width: 40%;
   }

   .retail-services-list-container .services-item:nth-child(6) {
     width: 40%;
   }
 }

 @media screen and (max-width: 1210px) {
   .retail-services-list-container .services-item:nth-child(5) {
     height: 720px;
   }
 }

 @media screen and (max-width: 960px) {
   .retail-services-list-container .services-item:nth-child(5) {
     width: 87%;
     height: auto;
   }

   .retail-services-list-container .services-item:nth-child(4) {
     margin-top: unset;
   }
 }

 .retail-services-list-container .services-item img {
   background-color: #fff;
   padding: 5px;
   border-radius: 50px;
   color: #fff;
   width: 70px;
   font-size: 60pt;
   animation: icon-rotate 10s ease-in-out infinite;
 }

 @keyframes icon-rotate {
   0% {
     transform: rotateY(0deg);
   }

   100% {
     transform: rotateY(360deg);
   }
 }

 .retail-services-list-container .services-item h4 {
   color: #fff;
   font-size: 25px;
   line-height: 35px;
   font-weight: 400;
   margin-bottom: 5px;
   text-align: center;
   font-family: 'Poppins', sans-serif;
 }

 @media screen and (max-width: 390px) {
   .retail-services-list-container .services-item h4 {
     font-size: 24pt;
   }
 }

 .retail-services-list-container .services-item p {
   color: #000;
   font-size: 16px;
   line-height: 26pt;
   text-align: center;
   padding: 10px 0px;
   font-family: 'Poppins', sans-serif;
 }

 .retail-services-list-container .services-item a {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-evenly;
   width: 200px;
   height: 40px;
   color: #000;
   font-size: 14pt;
   font-weight: 500;
   transition: all 0.5s ease-in-out;
 }

 .retail-services-list-container .services-item a:hover {
   transform: translateX(15px);
   color: #4da5b7;
   transition: all 0.5s ease-in-out;
 }

 .retail-services-list-container .services-item a i {
   font-size: 18pt;
   padding-left: 7px;
   color: white;
   animation: unset;
 }

 .retail-services-list-container .services-item a:hover i {
   color: #4da5b7;
 }

 @media (max-width: 575.98px) {
   .retail-services-list-container .services-list {
     margin-top: 0px !important;
   }

   .retail-services-list-container .services-item h4 {
     font-size: 16px;
     font-weight: 400;
     color: #fff;
     padding-top: 10px;
   }

   .retail-services-list-container .services-item {
     padding: 20px 10px;
   }

   .retail-services-list-container .services-item:nth-child(4) {
     margin-bottom: 35px;
   }

   .retail-services-list-container .services-item:nth-child(3) {
     margin-bottom: 35px;
   }

   .retail-services-list-container .services-item p {
     font-size: 15px;
     padding-top: 10px;
   }

 }

 @media (min-width: 768px) and (max-width: 991.98px) {
   .retail-services-list-container .services-list {
     margin-top: 0px !important;
   }

   .retail-services-list-container .services-item h4 {
     font-size: 16px;
     font-weight: 400;
     color: #fff;
     padding-top: 10px;
   }

   .retail-services-list-container .services-item {
     padding: 20px 10px;
   }

   .retail-services-list-container .services-item:nth-child(4) {
     margin-bottom: 35px;
   }

   .retail-services-list-container .services-item:nth-child(3) {
     margin-bottom: 35px;
   }

   .retail-services-list-container .services-item p {
     font-size: 15px;
     padding-top: 10px;
   }
 }

 /*---------------------------------------------------------------------------*/
 /*retail page end*/
 /*----------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* sales partner css start*/

 /*-----------------------------------------------------------------------------------------*/
 .sales-business-section {
   position: relative;
   padding: 120px 0px 60px 0px;
   overflow-x: hidden;
 }

 .sales-business-section .map-section {
   position: relative;
   margin-bottom: 0px;
   z-index: 1;
 }

 .sales-business-section .map-location {
   position: absolute;
   left: 383px;
   width: 35%;
   bottom: 33px;
 }

 .sales-business-section .business-bg-1 {
   position: absolute;
   top: 145px;
   width: 11%;
   left: 9px;
 }

 .sales-business-section .business-bg-2 {
   position: absolute;
   bottom: 172px;
   left: 213px;
 }

 .sales-business-section .business-bg-3 {
   position: absolute;
   top: 46px;
   width: 10%;
   right: -23px;
 }

 .sales-business-section .business-bg-4 {
   position: absolute;
   bottom: 225px;
   width: 13%;
   right: 171px;
 }

 .sales-business-section .main-heading {
   color: #231f20;
   font-size: 35px;
   font-weight: 700;
   line-height: 1.5;
   margin-bottom: 20px;
   letter-spacing: 0;
 }

 .sales-heading-sec h5 {
   padding-top: 30px;
   color: #4da6e7 !important;
 }

 .sales-business-section .title-des {
   color: #231f20;
   font-size: 16px;
   font-family: 'Poppins', sans-serif;
   line-height: 32px;
   padding-top: 25px;
 }

 .sales-business-section .map-section {
   position: relative;
   margin-bottom: 0px;
   z-index: 1;
 }

 .machinaries-section {
   position: relative;
   padding: 10px 0px 60px 0px;
 }

 .machinaries-section .machinaries-content {
   position: relative;
 }

 .machinaries-section .machinaries-slider .machinaries-box {
   position: relative;
   padding: 60px 20px;
   background: url(./assets/images/partner/partner1.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 330px;
 }

 .machinaries-section .machinaries-slider .machinaries-box::before {
   background-color: #3b94d6 !important;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: '';
   opacity: 0.8;
 }

 .machinaries-section .machinaries-inner {
   position: relative;
   z-index: 99;
 }

 .machinaries-section .machinaries-inner h5 {
   color: #fff;
   font-family: 'Poppins', sans-serif;
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   position: relative;
   margin-bottom: 5px;
 }

 .machinaries-section .machinaries-inner h5::before {
   position: absolute;
   width: 150px;
   height: 2px;
   content: '';
   left: 0;
   bottom: 35px;
   background: #fff;
 }

 .machinaries-section .machinaries-inner p {
   color: #f1f1f1;
   font-family: 'Poppins', sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
 }

 .machinaries-section .machinaries-inner a {
   margin-top: 10px;
 }

 .machine-nav button.owl-prev,
 .machine-nav button.owl-next {
   width: 70px;
   display: none;
   height: 70px;
   border: 1px solid #4da6e7 !important;
   color: #fff;
   background-color: #4da6e7 !important;
 }

 .machine-nav button.owl-prev:hover,
 .machine-nav button.owl-next:hover {
   background-color: #000;
   color: #fff;
 }

 .machinaries-section .machine-nav {
   display: flex;
   flex-direction: column-reverse;
   align-items: baseline;
   height: 100%;
   padding-bottom: 0%;
 }

 .sales-heading-sec .main-title {
   font-size: 35px;
   font-weight: 700;
 }

 .sales-heading-sec .desc {
   padding-top: 10px;
 }

 .sale-why-join-main {
   padding: 10px 0px 60px 0px;
 }

 .sale-why-join-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }

 .sale-why-join-head h3 {
   font-size: 35px;
   font-weight: 700;
 }

 .sale-why-join-main .sale-cont1 {
   height: 235px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   background-color: #fff;
   padding: 20px 20px;
   border-left: 6px solid red;
 }

 .sale-why-join-main .sale-cont1 p {
   padding-top: 20px;
 }

 .sale-why-join-main .sale-cont2 {
   height: 235px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   background-color: #fff;
   padding: 20px 20px;
   border-left: 6px solid green;
 }

 .sale-why-join-main .sale-cont2 p {
   padding-top: 20px;
 }

 .sale-why-join-main .sale-cont3 {
   height: 235px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   background-color: #fff;
   padding: 20px 20px;
   border-left: 6px solid yellow;
 }

 .sale-why-join-main .sale-cont3 p {
   padding-top: 20px;
 }

 .sale-why-join-main .sale-cont4 {
   height: 235px;
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   background-color: #fff;
   padding: 20px 20px;
   border-left: 6px solid blue;
 }

 .sale-why-join-main .sale-cont4 p {
   padding-top: 20px;
 }

 .sales-how-work-head {
   margin: 60px;
   padding-bottom: 2vw;
 }

 .sales-how-work-head .test-para {
   position: relative;
   font-size: 35px;
   font-weight: 700;
   display: inline-block;
 }

 .sales-how-work-head .work-icon-head {
   padding-top: 3vw;
 }

 .sales-how-work-head .work-icons {
   text-align: center;
   margin-top: 30px;
 }

 .sales-how-work-head .work-icons .icons-clm {
   position: relative;
 }

 .sales-how-work-head .icons-clm i {
   font-size: 60px;
   color: #4da6e7;
   background: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%);
   padding: 70px;
   border-radius: 180px;
   transition: 0.5s ease, transform 0.5s ease;
   transform: scale(1);
 }

 .sales-how-work-head .para-absolute {
   position: absolute;
   top: 0;
   right: 60px;
   font-size: 25px;
   color: #fff;
   background-color: #4da6e7;
   padding: 22px;
   border-radius: 50px;
   height: 71px;
   width: 71px;
 }

 .sales-how-work-head .work-icons:hover .icons-clm i {
   text-align: center;
   font-size: 60px;
   background-color: #4da6e7 !important;
   padding: 70px;
   border-radius: 180px;
   transition: 0.5s ease, transform 0.5s ease;
   transform: scale(0.9);
   color: #000;
 }

 .sales-how-work-head .work-icons:hover .para-absolute {
   position: absolute;
   top: 0;
   right: 60px;
   font-size: 25px;
   color: #000;
   background-color: radial-gradient(circle at 10% 20%, rgb(239, 246, 249) 0%, rgb(206, 239, 253) 90%);
   padding: 22px;
   border-radius: 50px;
   height: 71px;
   width: 71px;
   transition: 0.5s ease-in-out;
 }

 .sales-how-work-head .work-icons h4 {
   font-size: 16px;
   padding: 20px 0px;
 }

 .sale-benefit-main {
   padding: 0px 0px 60px 0px;
 }

 .sale-benefit-cont {
   text-align: center;
   align-items: center;
   margin-top: 40px;
 }

 .sale-benefit-cont h4 {
   font-size: 16px;
   line-height: 28px;
   padding: 20px 0px;
 }

 @media (min-width:320px) and (max-width:767px) {
   .sale-why-join-main .sale-cont1 {
     height: 278px;
   }

   .sale-why-join-main .sale-cont4 {
     height: 310px;
   }
 }

 .sales-heading-sec button {
   border: none;
   padding: 10px 30px;
   background-color: #4da6e7;
   margin-top: 20px;
   color: #fff;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 /*-----------------------------------------------------------------------------------------*/

 /* sales partner css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* sales invoice css start*/

 /*-----------------------------------------------------------------------------------------*/
 .sales-soln-main {
   padding: 120px 0px 30px 0px;
 }

 .sales-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }

 .sales-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }

 .sales-soln-main .soln-head p {
   padding-top: 20px;
 }

 .sales-soln-main .card {
   border: none;
   margin-top: 30px;
 }

 .sales-soln-main .card .card-inner {
   position: relative;
   height: 300px;
   border-radius: 25px;
   overflow: hidden;
 }

 .sales-soln-main .card .card-inner .box .img-box {
   position: absolute;
   inset: 0;
   transition: 0.3s all linear;
 }

 .sales-soln-main .card .card-inner .box .img-box:hover {
   transform: scale(1.1);
 }

 .sales-soln-main .card .card-inner .box .img-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .sales-soln-main .icon {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 80px;
   height: 80px;
   border-top-left-radius: 50px;
   padding: 22px;
   background-color: white;
 }

 .sales-soln-main .icon::after {
   position: absolute;
   content: "";
   top: -18px;
   right: 0;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }

 .sales-soln-main .icon::before {
   position: absolute;
   content: "";
   bottom: 0;
   left: -18px;
   background: transparent;
   width: 18px;
   height: 18px;
   border-bottom-right-radius: 30px;
   box-shadow: 10px 10px 0 10px #fff;
 }

 .sales-soln-main .icon span {
   border-radius: 50px;
   padding: 13px;
   background-color: #fff;
   transition: 0.3s all linear;
   transform: rotate(-40deg);
 }

 .sales-soln-main .card:nth-child(1) .icon span {
   background-color: #6bacf4;
 }

 .sales-soln-main .card:nth-child(2) .icon span {
   background-color: #bedff5;
 }

 .sales-soln-main .card:nth-child(3) .icon span {
   background-color: #e6dcf1;
 }

 .sales-soln-main .card:nth-child(4) .icon span {
   background-color: #4fbf77;
 }

 .sales-soln-main .card:nth-child(5) .icon span {
   background-color: #9ebbf0;
 }

 .sales-soln-main .card:nth-child(6) .icon span {
   background-color: #aad7d9;
 }

 .sales-soln-main .card:nth-child(7) .icon span {
   background-color: #bde1f4;
 }

 .sales-soln-main .icon i {
   color: white;
   font-size: 24px;
 }

 .sales-soln-main .icon:hover span {
   cursor: pointer;
   transform: scale(1.1);
 }

 .sales-soln-main .content h3 {
   padding-top: 18px;
   line-height: 26px;
   font-size: 16px;
   margin-bottom: 0px;
 }

 /*-----------------------------------------------------------------------------------------*/

 /* sales invoice css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* seo optimization css start*/

 /*-----------------------------------------------------------------------------------------*/
 .seo-about {
   padding-top: 80px;
 }

 .seo-key-main {
   padding: 50px 0px;
 }

 .seo-key-main .seo-key-head h3 {
   color: #000;
   font-size: 18px;
   padding: 10px 0px;
   text-align: center;
 }

 .seo-key-main .seo-key-head p {
   color: #333;
 }

 .seo-key-main .seo-key-head {
   border-radius: 20px;
   padding: 20px 10px;
   background-color: #cbe9ff;
 }

 .seo-key-main .seo-key-head:hover {
   background-color: #4da6e7;
 }

 .seo-idt-services01 .card-header {
   background-color: rgba(0, 0, 0, .01);
 }

 .seo-idt-services01 .card-header .card-title {
   margin-bottom: 0.6rem;
   font-size: 20px;
   margin-top: 2rem;
   color: #000;
 }

 .seo-idt-services01 .card-header .btn-primary {
   color: #fff;
   background-color: #c7a046;
   border-color: #c7a046;
   padding: 0px 6px;
   font-size: 13px;
   text-transform: uppercase;
 }

 .seo-idt-services01 .card-header .btn-primary:hover {
   background-color: #000;
   border-color: #000;
 }

 .seo-idt-services01 .card-header p {
   margin-top: 0;
   margin-bottom: 0.6rem;
   color: #000000e0;
   font-size: 14px;
   text-align: justify;
   line-height: 27px;
 }

 .seo-idt-services01 .card {
   margin-bottom: 1.6em;
 }

 @media (max-width: 575.98px) {
   .seo-about {
     padding-top: 105px;
   }

   .seo-key-main .seo-key-head {
     margin-top: 10px;
   }

   .seo-about .about-right-content p {
     align-items: center;
     text-align: center;
   }
 }

 /*-----------------------------------------------------------------------------------------*/

 /* sales optimization css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* sme page css start*/

 /*-----------------------------------------------------------------------------------------*/
 .sme-services-list-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: auto;
   background: linear-gradient(rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)), url(../img/);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .sme-services-list-container .services-list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-evenly;
   height: auto;
 }

 @media screen and (max-width: 1448px) {
   .sme-services-list-container .services-list {
     margin-top: 50px !important;
   }
 }

 @media screen and (max-width: 960px) {
   .sme-services-list-container .services-list {
     flex-direction: column;
     width: 100%;
   }

   .sme-services-list-container .services-item {
     padding: 20px 20px;
   }
 }

 .sme-services-list-container .services-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   width: 40%;
   height: 500px;
   margin-top: 30px;
   margin-bottom: 30px;
   background-color: #ffffff;
   background-image: linear-gradient(315deg, #ffffff 0%, #5899e2 74%);
   padding: 30px 45px;
 }

 @media screen and (max-width: 1210px) {
   .sme-services-list-container .services-item {
     height: 720px;
   }
 }

 @media screen and (max-width: 960px) {
   .sme-services-list-container .services-item {
     height: auto;
     width: 100%;
   }
 }

 .sme-services-list-container .services-item:nth-child(3),
 .sme-services-list-container .services-item:nth-child(4),
 .sme-services-list-container .services-item:nth-child(5),
 .sme-services-list-container .services-item:nth-child(6),
 .sme-services-list-container .services-item:nth-child(7) {
   margin-bottom: 80px;
 }

 @media screen and (max-width: 1448px) {
   .sme-services-list-container .services-item:nth-child(5) {
     width: 40%;
   }
 }

 @media screen and (max-width: 1210px) {
   .sme-services-list-container .services-item:nth-child(5) {
     height: 720px;
   }
 }

 @media screen and (max-width: 960px) {
   .sme-services-list-container .services-item:nth-child(5) {
     width: 100%;
     height: auto;
   }

   .sme-services-list-container .services-item:nth-child(6) {
     width: 100%;
     height: auto;
   }

   .sme-services-list-container .services-item:nth-child(7) {
     width: 100%;
     height: auto;
   }

   .sme-services-list-container .services-item:nth-child(4) {
     margin-top: unset;
   }
 }

 .sme-services-list-container .services-item img {
   background-color: #fff;
   padding: 5px;
   border-radius: 50px;
   color: #fff;
   width: 70px;
   font-size: 60pt;
   animation: icon-rotate 10s ease-in-out infinite;
 }

 @keyframes icon-rotate {
   0% {
     transform: rotateY(0deg);
   }

   100% {
     transform: rotateY(360deg);
   }
 }

 .sme-services-list-container .services-item h2 {
   color: #fff;
   font-size: 25px;
   line-height: 35px;
   font-weight: 400;
   margin-bottom: 5px;
   text-align: center;
   font-family: 'Poppins', sans-serif;
 }

 @media screen and (max-width: 390px) {
   .sme-services-list-container .services-item h2 {
     font-size: 24pt;
   }
 }

 .sme-services-list-container .services-item p {
   color: #000;
   font-size: 16px;
   line-height: 26pt;
   text-align: center;
   padding: 10px 0px;
   font-family: 'Poppins', sans-serif;
 }

 .sme-services-list-container .services-item a {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-evenly;
   width: 200px;
   height: 40px;
   color: #000;
   font-size: 14pt;
   font-weight: 500;
   transition: all 0.5s ease-in-out;
 }

 .sme-services-list-container .services-item a:hover {
   transform: translateX(15px);
   color: #4da5b7;
   transition: all 0.5s ease-in-out;
 }

 .sme-services-list-container .services-item a i {
   font-size: 18pt;
   padding-left: 7px;
   color: white;
   animation: unset;
 }

 .sme-services-list-container .services-item a:hover i {
   color: #4da5b7;
 }

 @media (max-width: 575.98px) {
   .sme-services-list-container .services-list {
     margin-top: 0px;
   }

   .sme-services-list-container .services-item h2 {
     font-size: 16px;
     color: #fff;
     font-weight: 400;
     padding-top: 10px;
   }

   .sme-services-list-container .services-item {
     padding: 20px 10px;
   }

   .sme-services-list-container .services-item:nth-child(4) {
     margin-bottom: 35px;
   }

   .sme-services-list-container .services-item:nth-child(3) {
     margin-bottom: 35px;
   }

   .sme-services-list-container .services-item p {
     font-size: 15px;
     padding-top: 10px;
   }

 }

 @media (min-width: 768px) and (max-width: 991.98px) {
   .sme-services-list-container .services-list {
     margin-top: 0px;
   }

   .sme-services-list-container .services-item h4 {
     font-size: 20px;
     color: #fff;
     font-weight: 400;
     padding-top: 10px;
   }

   .sme-services-list-container .services-item {
     padding: 20px 10px;
   }

   .sme-services-list-container .services-item:nth-child(4) {
     margin-bottom: 35px;
   }

   .sme-services-list-container .services-item:nth-child(3) {
     margin-bottom: 35px;
   }

   .sme-services-list-container .services-item p {
     font-size: 15px;
     padding-top: 10px;
   }

 }

 /*-----------------------------------------------------------------------------------------*/

 /* sme page css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* social media page css start*/

 /*-----------------------------------------------------------------------------------------*/
 .social-about {
   padding-top: 80px;
 }

 #social-service-our-process {
   padding: 60px 0;
   position: relative;
   width: 100%;
   background-color: #ffffff;
 }

 #social-service-our-process h3 {
   line-height: 20px;
   color: #22c7b7;
   font-family: 'Raleway';
   font-weight: 700;
   position: relative;
   display: inline-block;
 }

 #social-service-our-process h3::after {
   right: -70px;
   position: absolute;
   content: '';
   background-color: #22c7b7;
   width: 60px;
   height: 1px;
   display: flex;
   top: 18px;
 }

 #social-service-our-process h3::before {
   left: -70px;
   position: absolute;
   content: '';
   background-color: #22c7b7;
   width: 60px;
   height: 1px;
   display: flex;
   top: 18px;
 }

 #social-service-our-process .service_icon {
   width: fit-content;
   margin: 0 auto;
   padding: 50px;
   background-color: #f6f6f6;
   border-radius: 50%;
   border: 1px solid #d7d7d7;
   background-image: radial-gradient(#ffffff, #ffffff, #e1e1e1);
 }

 #social-service-our-process .owl-item:hover::after {
   background-color: #000118 !important;
   color: #22c7b7;
   transition: 1.2s;
 }

 #social-service-our-process .owl-item:hover h5.title {
   color: #22c7b7;
   transition: 1.2s;
 }

 #social-service-our-process .owl-item:hover p.sub-title {
   color: #000118;
   transition: 1.2s;
 }

 #social-service-our-process .owl-item:hover .service_icon img {
   transform: rotateY(360deg);
   transition: 0.5s ease-in-out;
   scale: 1.1;
 }

 #social-service-our-process .owl-item:nth-child(odd) {
   margin-top: 10%;
 }

 #social-service-our-process p.service-subheading {
   font-size: 38px;
   font-weight: 700;
   color: #000118;
 }

 #social-service-our-process h5.title {
   font-size: 18px;
   line-height: 20px;
   text-align: center;
   color: #000;
   font-weight: 600;
   margin-top: 10px;
   margin-bottom: 0;
 }

 #social-service-our-process p.post {
   font-size: 15px;
   line-height: 22px;
   color: #777777;
   font-weight: 400;
   text-align: center;
   padding: 18px 15px;
   line-height: 28px;
 }

 #social-service-our-process .service-content .sub-title {
   color: #4da6e7;
   margin: 0;
   text-align: center;
   font-weight: 600;
 }

 #social-service-our-process .owl-stage {
   counter-reset: css-counter 0;
 }

 #social-service-our-process .owl-item {
   counter-increment: css-counter 1;
 }

 #social-service-our-process .owl-item::after {
   content: counter(css-counter, decimal-leading-zero) ".";
   top: 10px;
   left: 50px;
   position: absolute;
   display: flex;
   text-align: center;
   font-size: 18px;
   width: 40px;
   background-color: #22c7b7;
   padding: 10px;
   height: 40px;
   align-items: center;
   border-radius: 20px;
   justify-content: center;
   color: #ffffff;
   font-weight: 600;
 }

 #social-service-our-process .owl-item:hover::after {
   background-color: #22c7b7;
 }

 #social-service-our-process .owl-stage-outer {
   padding-bottom: 30px;
 }

 #social-service-our-process .service_icon img {
   width: 100px;
   height: 100px;
   animation: 10s ease-in-out infinite icon-rotate;
 }

 .social-service-inner-values {
   padding-bottom: 50px;
   position: relative;
 }

 .social-service-inner-values .value-card {
   flex: 1;
   padding: 10px;
 }

 .social-service-inner-values .value-card img {
   transition: all 0.8s ease-in-out;
 }

 .social-service-inner-values .value-detail h4 {
   color: #000 !important;
   font-size: 16px;
   font-weight: 500;
   padding-top: 10px;
 }

 .social-service-inner-values .value-detail p {
   padding-top: 10px;
   font-size: 14px;
 }

 .social-service-inner-values .value-card:hover {
   transform: scale(1.05);
   transition: all 0.3s ease-in-out;
   border-radius: 6px;
   border-bottom: 2px solid #4da6e7;
 }

 .social-service-inner-values .value-card:hover img {
   transform: scale(1.05) rotate(360deg);
   transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
   border-radius: 6px;
 }

 .social-service-inner-values .value-card {
   position: relative;
   overflow: hidden;
   border-radius: 6px;
   transition: all 0.3s ease-in-out;
 }

 .social-service-inner-values .value-card:hover {
   transform: scale(1.05);
 }

 .social-service-inner-values .value-card::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 0%;
   height: 3px;
   transition: all 0.4s ease-in-out;
   transform: translateX(-50%);
 }

 .social-service-inner-values .value-card:hover::after {
   width: 100%;
 }

 .social-service-inner-values .value-card img {
   transform: scale(1) rotate(0deg);
   transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
 }

 .social-service-inner-values .value-img img {
   width: 80px;
   height: 80px;
 }

 .social-service-inner-values .value-card:hover .value-img {
   transform: scale(1.1);
 }

 /*-----------------------------------------------------------------------------------------*/

 /* social media page css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* solution page css start*/

 /*-----------------------------------------------------------------------------------------*/
 .solution-soln-main {
   padding: 120px 0px 30px 0px;
 }

 .solution-soln-main .soln-head {
   align-items: center;
   text-align: center;
   padding-bottom: 20px;
 }

 .solution-soln-main .soln-head h3 {
   font-size: 35px;
   font-weight: 700;
 }

 .solution-soln-main .soln-head p {
   padding-top: 20px;
 }

 .solution-soln-main .timeline {
   position: relative;
   width: 100%;
   padding: 30px 0;
 }

 .solution-soln-main .timeline .timeline-container {
   position: relative;
   width: 100%;
 }

 .solution-soln-main .timeline .timeline-end,
 .solution-soln-main .timeline .timeline-start {
   position: relative;
   width: 100%;
   text-align: center;
   z-index: 1;
 }

 .solution-soln-main .timeline .timeline-end p,
 .solution-soln-main .timeline .timeline-start p,
 .solution-soln-main .timeline .timeline-year p {
   display: inline-block;
   width: 80px;
   height: 80px;
   margin: 0;
   padding: 30px 0;
   text-align: center;
   background: radial-gradient(circle at 10% 20%, rgb(149, 219, 254) 0%, rgb(7, 134, 197) 90.1%);
   border-radius: 100px;
   box-shadow: 0 0 5px rgba(0, 0, 0, .4);
   color: #fff;
   font-size: 14px;
   border: 2px dashed;
   text-transform: uppercase;
 }

 .timeline .timeline-year {
   margin: 30px 0;
 }

 .timeline .timeline-continue {
   position: relative;
   width: 100%;
   padding: 60px 0;
 }

 .timeline .timeline-continue::after {
   position: absolute;
   content: "";
   width: 1px;
   height: 100%;
   top: 0;
   left: 50%;
   margin-left: -1px;
   background: #4F84C4;
 }

 .timeline .row.timeline-left,
 .timeline .row.timeline-right .timeline-date {
   text-align: right;
 }

 .timeline .row.timeline-right,
 .timeline .row.timeline-left .timeline-date {
   text-align: left;
 }

 .timeline .timeline-date {
   font-size: 14px;
   font-weight: 600;
   margin: 41px 0 0 0;
 }

 .timeline .timeline-date::after {
   content: '';
   display: block;
   position: absolute;
   width: 14px;
   height: 14px;
   top: 45px;
   border-radius: 15px;
   z-index: 1;
 }

 .timeline .row.timeline-left .timeline-date::after {
   left: -7px;
 }

 .timeline .row.timeline-right .timeline-date::after {
   right: -7px;
 }

 .timeline .timeline-box,
 .timeline .timeline-launch {
   position: relative;
   display: inline-block;
   margin: 15px;
   width: 95%;
   border: 1px solid #dddddd;
   border-radius: 6px;
   background: #ffffff;
 }

 .timeline .timeline-launch {
   width: 100%;
   margin: 15px 0;
   padding: 0;
   border: none;
   text-align: center;
   background: transparent;
 }

 .timeline .timeline-box::after,
 .timeline .timeline-box::before {
   content: '';
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
 }

 .timeline .row.timeline-left .timeline-box::after,
 .timeline .row.timeline-left .timeline-box::before {
   left: 100%;
 }

 .timeline .row.timeline-right .timeline-box::after,
 .timeline .row.timeline-right .timeline-box::before {
   right: 100%;
 }

 .timeline .timeline-launch .timeline-box::after,
 .timeline .timeline-launch .timeline-box::before {
   left: 50%;
   margin-left: -10px;
 }

 .timeline .timeline-box::after {
   top: 26px;
   border-color: transparent transparent transparent #d3e2e8;
   border-width: 10px;
 }

 .timeline .timeline-box::before {
   top: 25px;
   border-color: transparent transparent transparent #d3e2e8;
   border-width: 11px;
 }

 .timeline .row.timeline-right .timeline-box::after {
   border-color: transparent #d3e2e8 transparent transparent;
 }

 .timeline .row.timeline-right .timeline-box::before {
   border-color: transparent #d3e2e8 transparent transparent;
 }

 .timeline .timeline-launch .timeline-box::after {
   top: -20px;
   border-color: transparent transparent #d3e2e8 transparent;
 }

 .timeline .timeline-launch .timeline-box::before {
   top: -19px;
   border-color: transparent transparent #d3e2e8 transparent;
   border-width: 10px;
   z-index: 1;
 }

 .timeline .timeline-box .timeline-icon {
   position: relative;
   width: 40px;
   height: auto;
   float: left;
 }

 .timeline .timeline-icon i {
   font-size: 25px;
   color: #4F84C4;
 }

 .timeline .timeline-box .timeline-text {
   position: relative;
   width: calc(100% - 40px);
   float: left;
 }

 .timeline .timeline-launch .timeline-text {
   width: 100%;
 }

 .timeline .timeline-text h3 {
   font-size: 16px;
   color: #000;
   padding-bottom: 10px;
   font-weight: 600;
   margin-bottom: 3px;
 }

 .timeline .timeline-text p {
   font-size: 14px;
   font-weight: 400;
   padding-top: 10px;
   margin-bottom: 0;
 }

 .timeline-text a {
   padding-top: 15px;
   color: #4da6e7 !important;
 }

 @media (max-width: 768px) {
   .timeline .timeline-box {
     width: 88%;
   }

   .timeline .timeline-continue::after {
     left: 40px;
   }

   .timeline .timeline-end,
   .timeline .timeline-start,
   .timeline .timeline-year,
   .timeline .row.timeline-left,
   .timeline .row.timeline-right .timeline-date,
   .timeline .row.timeline-right,
   .timeline .row.timeline-left .timeline-date,
   .timeline .timeline-launch {
     text-align: left;
   }

   .timeline .row.timeline-left .timeline-date::after,
   .timeline .row.timeline-right .timeline-date::after {
     left: 47px;
   }

   .timeline .timeline-box,
   .timeline .row.timeline-right .timeline-date,
   .timeline .row.timeline-left .timeline-date {
     margin-left: 55px;
   }

   .timeline .timeline-launch .timeline-box {
     margin-left: 0;
   }

   .timeline .row.timeline-left .timeline-box::after {
     left: -20px;
     border-color: transparent #ffffff transparent transparent;
   }

   .timeline .row.timeline-left .timeline-box::before {
     left: -22px;
     border-color: transparent #dddddd transparent transparent;
   }

   .timeline .timeline-launch .timeline-box::after,
   .timeline .timeline-launch .timeline-box::before {
     left: 30px;
     margin-left: 0;
   }
 }

 .timeline-box {
   position: relative;
   padding: 30px 30px;
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
   color: #999;
   text-decoration: none;
   overflow: hidden;
 }

 .timeline-box span:nth-child(1) {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 3px;
   background: linear-gradient(to right, blue, orange);
   animation: animate1 2s linear infinite;
 }

 @keyframes animate1 {
   0% {
     transform: translateX(-100%);
   }

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

 .timeline-box span:nth-child(2) {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   width: 3px;
   background: linear-gradient(to bottom, green, yellow);
   animation: animate2 2s linear infinite;
   animation-delay: 1s;
 }

 @keyframes animate2 {
   0% {
     transform: translateY(-100%);
   }

   100% {
     transform: translateY(100%);
   }
 }

 .timeline-box span:nth-child(3) {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 3px;
   background: linear-gradient(to left, blue, orange);
   animation: animate3 2s linear infinite;
 }

 @keyframes animate3 {
   0% {
     transform: translateX(100%);
   }

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

 .timeline-box span:nth-child(4) {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 3px;
   background: linear-gradient(to top, green, yellow);
   animation: animate4 2s linear infinite;
   animation-delay: 1s;
 }

 @keyframes animate4 {
   0% {
     transform: translateY(100%);
   }

   100% {
     transform: translateY(-100%);
   }
 }

 .projcard-container {
   margin: 50px 0;
 }

 .projcard-container,
 .projcard-container * {
   box-sizing: border-box;
 }

 .projcard-container {
   margin-left: auto;
   margin-right: auto;
   width: 1000px;
 }

 .projcard {
   position: relative;
   width: 100%;
   height: 300px;
   margin-bottom: 40px;
   border-radius: 10px;
   background-color: #fff;
   border: 2px solid #ddd;
   font-size: 18px;
   overflow: hidden;
   cursor: pointer;
   box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
   transition: box-shadow 0.2s ease, transform 0.2s ease;
 }

 .projcard:hover {
   box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);
   transform: translate(0px, -3px);
 }

 .projcard::before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-image: linear-gradient(-70deg, #424242, transparent 50%);
   opacity: 0.07;
 }

 .projcard:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #424242, transparent 50%);
 }

 .projcard-innerbox {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }

 .projcard-img {
   position: absolute;
   height: 300px;
   width: 400px;
   top: 0;
   left: 0;
   transition: transform 0.2s ease;
 }

 .projcard:nth-child(2n) .projcard-img {
   left: initial;
   right: 0;
 }

 .projcard:hover .projcard-img {
   transform: scale(1.05) rotate(1deg);
 }

 .projcard:hover .projcard-bar {
   width: 70px;
 }

 .projcard-textbox {
   position: absolute;
   top: 7%;
   bottom: 7%;
   left: 430px;
   width: calc(100% - 470px);
   font-size: 17px;
 }

 .projcard:nth-child(2n) .projcard-textbox {
   left: initial;
   right: 430px;
 }

 .projcard-textbox::before,
 .projcard-textbox::after {
   content: "";
   position: absolute;
   display: block;
   background: #ff0000bb;
   background: #fff;
   top: -20%;
   left: -55px;
   height: 140%;
   width: 60px;
   transform: rotate(8deg);
 }

 .projcard:nth-child(2n) .projcard-textbox::before {
   display: none;
 }

 .projcard-textbox::after {
   display: none;
   left: initial;
   right: -55px;
 }

 .projcard:nth-child(2n) .projcard-textbox::after {
   display: block;
 }

 .projcard-textbox * {
   position: relative;
 }

 .projcard-title {
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   padding-bottom: 10px;
   font-weight: 600;
 }

 .projcard-subtitle {
   font-family: 'Voces', 'Open Sans', arial, sans-serif;
   color: #888;
 }

 .projcard-bar {
   left: -2px;
   width: 50px;
   height: 5px;
   margin: 10px 0;
   border-radius: 5px;
   background-color: #424242;
   transition: width 0.2s ease;
 }

 .projcard-blue .projcard-bar {
   background-color: #0088FF;
 }

 .projcard-blue::before {
   background-image: linear-gradient(-70deg, #0088FF, transparent 50%);
 }

 .projcard-blue:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #0088FF, transparent 50%);
 }

 .projcard-red .projcard-bar {
   background-color: #D62F1F;
 }

 .projcard-red::before {
   background-image: linear-gradient(-70deg, #D62F1F, transparent 50%);
 }

 .projcard-red:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #D62F1F, transparent 50%);
 }

 .projcard-green .projcard-bar {
   background-color: #40BD00;
 }

 .projcard-green::before {
   background-image: linear-gradient(-70deg, #40BD00, transparent 50%);
 }

 .projcard-green:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #40BD00, transparent 50%);
 }

 .projcard-yellow .projcard-bar {
   background-color: #F5AF41;
 }

 .projcard-yellow::before {
   background-image: linear-gradient(-70deg, #F5AF41, transparent 50%);
 }

 .projcard-yellow:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #F5AF41, transparent 50%);
 }

 .projcard-orange .projcard-bar {
   background-color: #FF5722;
 }

 .projcard-orange::before {
   background-image: linear-gradient(-70deg, #FF5722, transparent 50%);
 }

 .projcard-orange:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #FF5722, transparent 50%);
 }

 .projcard-brown .projcard-bar {
   background-color: #C49863;
 }

 .projcard-brown::before {
   background-image: linear-gradient(-70deg, #C49863, transparent 50%);
 }

 .projcard-brown:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #C49863, transparent 50%);
 }

 .projcard-grey .projcard-bar {
   background-color: #424242;
 }

 .projcard-grey::before {
   background-image: linear-gradient(-70deg, #424242, transparent 50%);
 }

 .projcard-grey:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, #424242, transparent 50%);
 }

 .projcard-customcolor::before {
   background-image: linear-gradient(-70deg, var(--projcard-color), transparent 50%);
 }

 .projcard-customcolor:nth-child(2n)::before {
   background-image: linear-gradient(-250deg, var(--projcard-color), transparent 50%);
 }

 .projcard-description {
   z-index: 10;
   font-size: 15px;
   color: #000;
   line-height: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .projcard-tagbox button {
   bottom: 3%;
   margin-top: 20px;
   font-size: 16px;
   cursor: default;
   user-select: none;
   padding: 5px 20px;
   border-radius: 25px;
   text-decoration: none;
   border: none;
   outline: none;
   color: #fff;
   background: #4ea0de;
   box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .66);
   transition: box-shadow 0.2s ease, transform 0.2s ease;
 }

 .projcard-tagbox a {
   text-decoration: none;
   color: #fff;
 }

 @media (max-width: 768px) {
   .projcard {
     display: flex;
     flex-direction: column;
     background-color: #f0f0f0;
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     max-width: 300px;
     margin: 10px;
   }

   .projcard-blue {
     height: 580px;
   }

   .projcard-red {
     height: 570px;
   }

   .projcard-green {
     height: 570px;
   }

   .projcard-customcolor {
     height: 600px;
   }

   .projcard-innerbox {
     display: flex;
     flex-direction: column;
   }

   .projcard-img {
     width: 100%;
     height: auto;
     object-fit: cover;
   }

   .projcard-textbox {
     padding: 15px;
   }

   .projcard-title {
     font-size: 20px;
     font-weight: bold;
   }

   .projcard-bar {
     height: 3px;
     background-color: #fff;
     margin: 10px 0;
   }

   .projcard-description {
     font-size: 1rem;
     color: #000;
     margin-bottom: 15px;
   }

   .projcard-tagbox {
     display: flex;
     justify-content: flex-start;
   }

   .projcard-textbox {
     top: 45%;
     left: 0px;
     width: 100%;
   }

   .projcard-textbox::before {
     display: none;
   }

   .projcard:nth-child(2n) .projcard-textbox {
     left: inherit;
     top: 45%;
   }

   .projcard:nth-child(2n) .projcard-textbox::after {
     display: none;
   }

 }

 /*-----------------------------------------------------------------------------------------*/

 /* solution page css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* website page css start*/

 /*-----------------------------------------------------------------------------------------*/
 .service-website-main {
   padding: 80px 0px;
 }

 .service-website-main .section-heading {
   align-items: center;
   text-align: center;
   margin: 0 auto;
 }

 .service-website-main .box {
   background-color: #e2f0ff;
   margin-top: 10px;
 }

 .service-website-main .box h5 {
   font-size: 18px;
   color: #353535;
   font-weight: 500;
   padding-top: 15px;

 }

 .service-website-main .box p {
   padding-top: 10px;
 }

 .service-website-main .box {
   padding: 10px 20px;
 }

 .service-website-main .about_icon {
   text-align: left;
 }

 .service-website-main .about_icon img {
   width: 70px;
 }

 .service-website-main .box1 {
   background-color: #e2f0ff;
   display: flex;
   margin-top: 10px;
   flex-direction: row;
   padding: 10px;
   border-radius: 20px;
 }

 .service-website-main .box1-cont {
   padding-left: 10px;
 }

 .service-website-main .box1-cont h5 {
   padding-top: 10px;
 }

 .service-website-main .box1-cont p {
   padding-top: 10px;
 }

 #service-website-benefit-main {
   background-color: #cbe5f7;
 }

 #service-website-benefit-main .section-heading h4 {
   line-height: 40px;
 }

 #service-website-benefit-main .serv-box {
   background: #ffffff;
   padding: 23px;
   box-shadow: 0 2px 42px -4px rgb(207 207 207);
   position: relative;
   text-align: center;
 }

 #service-website-benefit-main .serv-box h6 {
   font-size: 18px;
   color: #111111;
   font-weight: 800;
 }

 #service-website-benefit-main .serv-box p.ser-title {
   font-size: 15px;
   letter-spacing: 0px;
   line-height: 26px;
   color: #84888c;
   font-weight: 400;
 }

 #service-website-benefit-main hr {
   height: 2px;
   width: 70px;
   color: #4da6e7;
   margin: 0 auto;
   opacity: 1;
 }

 @media (max-width: 575.98px) {
   .service-website-main .box1 {
     flex-direction: column;
   }
 }

 /*-----------------------------------------------------------------------------------------*/

 /* website page css end*/

 /*-----------------------------------------------------------------------------------------*/
 /*-----------------------------------------------------------------------------------------*/

 /* whatsapp page css start*/

 /*-----------------------------------------------------------------------------------------*/
 .whats-btn-main {
   display: flex;
   flex-direction: row;
 }

 .whats-btn-main button {
   background-color: #4da6e7;
   border: none;
   padding: 5px 10px;
   margin: 40px 5px;
   border-radius: 20px;
   color: #fff;
 }

 .whatsapp-price-main .pricing-table {
   /*max-width: 500px;*/
   margin-inline: auto;
   margin-block: 40px;
 }

 .whatsapp-price-main .pricing-table h4 {
   font-size: 15px;
   color: #345;
 }

 @media screen and (min-width: 920px) {
   .whatsapp-price-main .pricing-table {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1.25rem;
   }
 }

 .whatsapp-price-main .pricing-table .plan {
   padding: 2rem;
   border: 2px solid #4da6e7;
   border-radius: 12px;
   display: flex;
   flex-direction: column;
 }

 @media screen and (max-width: 920px) {
   .whatsapp-price-main .pricing-table .plan:not(:last-of-type) {
     margin-bottom: 40px;
   }
 }

 .whatsapp-price-main .pricing-table .plan .name {
   font-size: 16px;
   font-weight: 600;
   margin-top: 0;
   margin-bottom: 18px;
 }

 .whatsapp-price-main .pricing-table .plan del {
   font-family: auto;
 }

 .whatsapp-price-main .pricing-table .plan .price {
   font-size: 35px;
   font-weight: 700;
   font-family: auto;
   padding-top: 15px;
   color: #000;
   position: relative;
   z-index: 1;
   font-size: 2.2rem;
   line-height: 1;
   margin-bottom: 0;
   display: inline-block;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-color: transparent;
   background-image: -webkit-gradient(linear, left top, right top, from(#e24997), to(#2d2ed4));
 }

 .whatsapp-price-main .pricing-table h6 {
   color: #000;
   font-weight: 500;
   padding-top: 10px;
 }

 .whatsapp-price-main .pricing-table h5 {
   padding: 20px 0px;
   color: #3f43fd;
   font-size: 16px;
 }

 .whatsapp-price-main .pricing-table .plan .price sub {
   position: static;
   font-size: 25px;
   padding-top: 10px;
   color: #000;
 }

 .whatsapp-price-main .pricing-table .plan.enterprise .price {
   font-size: 33px;
 }

 .whatsapp-price-main .pricing-table .plan .maus-options {
   display: block;
   width: 100%;
   max-width: 300px;
   margin-inline: auto;
 }

 .whatsapp-price-main .pricing-table .plan .maus-options select {
   background-color: transparent;
   color: #fff;
   padding: 1rem;
   border: 1px solid #fff;
   border-radius: 5px;
   display: block;
   width: 100%;
   margin-bottom: 5px;
 }

 .whatsapp-price-main .pricing-table .plan .maus-options select+span {
   font-size: 0.875rem;
   color: #4da6e7;
 }

 .whatsapp-price-main .pricing-table .plan .features {
   margin-block: 30px;
   list-style-type: none;
   color: #000;
 }

 .whatsapp-price-main .pricing-table .fa-times-circle {
   font-size: 20px;
   color: red;
 }

 .whatsapp-price-main .pricing-table .fa-check-circle {
   font-size: 20px;
   color: green;
 }

 .whatsapp-price-main .pricing-table .fa-hand-o-right {
   font-size: 20px;
   color: #4da6e7;
 }

 .whatsapp-price-main .pricing-table .plan .features li {
   margin-bottom: 15px;
   line-height: 1.5;
   color: #000;
 }

 .whatsapp-price-main .pricing-table .plan .features li::marker {
   color: #000;
 }

 .whatsapp-price-main .pricing-table .plan .choose-btn {
   display: block;
   width: 100%;
   max-width: 250px;
   margin-inline: auto;
   margin-top: auto;
   padding: 1rem 1rem;
   font-weight: 600;
   background-color: transparent;
   color: #000;
   border: 1px solid #86c7f5;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.1s;
 }

 .whatsapp-portfolio #portfolio-flters {
   padding: 0;
   margin: 10px auto 15px auto;
   list-style: none;
   text-align: center;
   border-radius: 28px;
   margin-bottom: 20px;
   border: 3px solid #4da6e7;
 }

 .whatsapp-portfolio #portfolio-flters li {
   cursor: pointer;
   display: inline-block;
   padding: 20px 75px 20px 75px;
   font-family: 'Poppins', sans-serif;
   font-size: 20px;
   line-height: 1;
   color: #000;
   transition: all 0.3s ease-in-out;
 }

 .whatsapp-portfolio #portfolio-flters li:last-child {
   margin-right: 0;
 }

 #portfolio-flters .filter-active {
   background-color: #4da6e7;
   /* Change to your desired color */
   color: white !important;
   /* Optional: Change text color when active */
   border-radius: 25px;
 }

 @media (max-width: 575.98px) {
   .whats-btn-main {
     flex-direction: column;
   }

   .whats-btn-main button {
     margin: 10px 5px;
   }

   .whatsapp-price-main .pricing-table .plan .features li {
     font-size: 14px;
   }

   .whatsapp-price-main .pricing-table .plan {
     padding: 1.5rem;
   }
 }

 /*-----------------------------------------------------------------------------------------*/

 /* whatsapp page css end*/

 /*-----------------------------------------------------------------------------------------*/