@charset "utf-8";
/* Default: Mobile first (hidden desktop, show mobile) */
/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
.spog-main-title{font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.spog-description{font-family: "Montserrat", sans-serif;font-weight: 400;line-height: normal;color: #333}
.spog-main-title-two{font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.real-spog-paragraph{font-family: "Montserrat", sans-serif;font-weight: 400;line-height: normal;color: #000}
.vertical-tabs-container .real-value,
.real-customer .real-value{font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.vertical-tabs-container .font-20{font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.vertical-tabs-container .font-16{font-family: "Montserrat", sans-serif;font-weight: 400;line-height: normal;color: #000}
.vertical-tabs-container .testimonial-text{font-family: "Montserrat", sans-serif;font-weight: 600;line-height: normal;color: #000}
.expert-bg .subtitle {font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;margin-bottom: 12px;color: #fff;}
.expert-bg .maintitle {font-family: "Poppins", sans-serif;font-weight: 600; line-height: normal;margin-bottom: 24px;color: #fff;}
.whoisfor .nav-link {font-family: "Montserrat", sans-serif;font-weight: 500;line-height: normal;color: #000}
.whosTitle{font-family: "Montserrat", sans-serif;font-weight: 600;line-height: normal;color: #000}
.whosdesc {font-family: "Montserrat", sans-serif;font-weight: 400;line-height: normal;color: #333;width: 90%}




.spog-sm-title{font-size: 14px;}
.navbar .navbar-nav .nav-link{font-size: 0.813rem}
.spog-main-title{font-size: 3rem;line-height: 60px}
.spog-space-top .spog-description{font-size: 1.25rem;line-height: 26px;color: #333;font-weight: 500}
.spog-description{font-size: 1.5rem;line-height: 30px}
.spog-main-title-two{font-size: 2.5rem;line-height: 50px}
.real-spog-paragraph{font-size: 1rem;line-height: 22px;}
.vertical-tabs-container .real-value{font-size:1.75rem;line-height: 30px}
.real-customer .real-value{font-size:1.5rem;line-height: 30px}
.vertical-tabs-container .font-20{font-size: 1.25rem;line-height: 20px;margin-bottom: 8px}
.vertical-tabs-container .font-16{font-size: 1rem;line-height: 22px}
.vertical-tabs-container .testimonial-text {font-size: 1.5rem;line-height: 32px;}
.expert-bg .subtitle {font-size: 18px;margin-bottom: 12px;color: #fff;}
.expert-bg .maintitle {font-size: 34px;font-weight: 600;line-height: normal;margin-bottom: 24px;color: #fff;}
.expert-bg .subtitle{font-size: 1.125rem;line-height: 26px}
.expert-bg .maintitle{font-size: 2.125rem;line-height: 40px;}
.whoisfor .nav-link{font-size: 1.5rem;line-height: 24px}
.whosTitle {font-size: 1.5rem;line-height: 24px;}
.whosdesc {font-size: 1.25rem;line-height: 28px;}
.vertical-tabs-circle-container h3 {font-size: 2rem;}
.comments-in-section h5, .comments-in-section h4{width: 90%}
.comments-in-section h5{font-size: 1.5rem;line-height: 30px;font-weight: 400}
.comments-in-section h4{font-size: 1.25rem;line-height: 28px;font-weight: 400}
.how-work-blocks .work-descrition{font-size: 1.125rem;line-height: normal;min-height: 110px; color: #333}
.how-work-blocks .work-title{font-size: 1.25rem;line-height: 24px}
.vertical-tabs-circle-container .nav-pills .nav-link{font-size: 0.875rem}
.integ-linear-bg{background-image: linear-gradient(to right, #ffffff, #fcfcff, #f9f9fe, #f6f7fe, #f2f4fe);}

@media (max-width: 575.98px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
.spog-main-title {
    font-size: 2.25rem;
    line-height: 42px;
}
	
.spog-description{font-size: 1rem;line-height: 20px}
  .comments-in-section .d-flex {
    display: inherit !important;
  }
  .flex-shrink-0 {
    align-items: center;
    text-align: center;
    margin-bottom: 16px
  }
  .flex-grow-1.ms-5 {
    margin-left: 0 !important;
  }
  .customer-section .col-md-6 {
    margin-bottom: 20px
  }
  .spog-space {
    padding: 80px 0;
  }
  .nav-link, .btn-primary {
    font-size: 0.875rem;
  }
  .spog-paragraph {
    font-size: 1rem;
    line-height: 22px;
  }
  .spog-title {
    font-size: 1.5rem;
    line-height: 30px;
  }
  .spog-paragraph br {
    display: none;
  }
  .real-customer-section .spog-paragraph {
    margin-bottom: 16px;
  }
  .real-customer-section .swiper-pagination {
    bottom: 40px;
  }
 .whosdesc {
    font-size: 0.875rem;
	line-height: unset;
	 width: 100%
  }
  .whoisfor .nav-link {
    font-size: 1rem;
    margin-right: 8%;
  }
  .whosTitle {
    margin-bottom: 8px;
    font-size: 1rem;
  }
  .whoisfor .nav-tabs {
    border: 0;
    margin-bottom: 16px
  }
  .whosthumb {
    width: 80px;
  }
  .inc-navbar .nav-item {
    margin: 0;
  }
  .dropdown-menu.mega-menu {
    padding: 1rem;
  }
  .dropdown-menu.mega-menu .nav-tabs {
    margin-bottom: 16px;
  }
  .dropdown-menu.mega-menu .tab-content {
    padding: 0;
  }
  .dropdown-menu.mega-menu .nav-tabs .nav-item {
    margin-right: 10% !important;
  }
  .dropdown-menu.mega-menu .nav-tabs .nav-link {
    font-size: 1rem;
  }
  .spog-space-top {
    padding: 140px 0;
  }
	.spog-space-top br{display: none}
	.expert-bg{padding-top: 60px}
	.expert-bg .col-md-8 {margin-bottom: 20px; padding-left: 16px;}
	.expert-bg .col-md-4{padding: 0}
	.expert-bg .container{padding-left: 0!important}
	.comments-in-section h5 {font-size: 1.125rem;line-height: 26px}
	.nomargin{margin-bottom: 0!important}
	.product-thumb {height: 32px;}
	.product-slider .swiper-pagination{bottom: 50px}
	.whosblock .d-flex.align-items-center{align-items: inherit !important}
	.comments-user{position: unset; text-align: center}
	.comments-user img {width: 100px;height: 100px;border-radius: 100px !important;margin-bottom: 12px}
	.spog-space-top .col-md-12.text-center.mb-4{margin-bottom: 0!important}
	.work-number{display: none}
	.vertical-tabs-container .testimonial-text {font-size: 1rem;line-height: normal;}
	.comments-in-section h4{font-size: 1rem;line-height: 24px;font-weight: 400}
	.how-work-section{margin-top: 44px}
	.marquee.product-slider .marquee-content .integration-slider, .companies-block.py-3{padding: 0;}
	.marquee.product-slider .marquee-content .integration-slider{width: 160px;}
  .accordion-slider.mb-5{margin-bottom: 1.5rem!important}
  .expert-bg{padding: 50px 16px;}
  .expert-bg .col-md-7{margin-bottom: 5rem}
  .expert-body{display: block;align-items: unset;justify-content: unset;}
  .expert-body-left, .expert-body-right{width: 100%; display: block;}
  .spog-space-top .spog-description,
  .spog-description,
  .accordion-slider .accordion-items .step-description,
  .testimonial-description{font-size: 1.125rem;line-height: 22px;}


  #carouselTabs {
    flex-wrap: wrap;
    justify-content: center;

  }

  #triangleIndicator {
    display: none;
  }

  .spog-testimnials .nav-item {
    flex: 0 0 auto;
  }

  .spog-testimnials{padding-left: 0!important;padding-right: 0!important;}
  .testimonial-description{font-size: 1rem;line-height: 22px;}
  .spog-testimnials .nav-item{margin:16px 0;}
  .accordion.faqsspog-new .accordion-button:not(.collapsed), .accordion.faqsspog-new .accordion-button.collapsed{font-size: 1rem;line-height: 22px;}
  .accordion.faqsspog-new .accordion-body{padding: 0 16px 16px 60px}
  .faqsspog-new .accordion-button {padding: 16px 16px 16px 10px;}

  .nav-testimonial {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: none !important;
  }

  .nav-testimonial .avatar-nav {
    flex: 0 0 100%;      /* each item takes full width → only one visible */
    scroll-snap-align: none !important;
    transition: none !important;
    text-align: center;  /* keep avatar centered */
  }

  .nav-testimonial::-webkit-scrollbar {
    display: none; /* hide scrollbar for cleaner look */
  }
  #carouselTabs .nav-link,
  #carouselTabs .nav-link * {
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* prevent scale/transform on active state */
  #carouselTabs .nav-link.active {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
  }

  /* make sure any box-shadow change isn't animated */
  #carouselTabs .nav-link.active .rounded-circle {
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* your horizontal scroll rules (keep these) */
  .nav-testimonial {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
  }
  .nav-testimonial .avatar-nav {
    flex: 0 0 100%;
    scroll-snap-align: center;
    text-align: center;
  }
  #carouselTabs.no-transition .nav-link,
  #carouselTabs.no-transition .nav-link * {
    transition: none !important;
    -webkit-transition: none !important;
  }
  #carouselTabs.no-transition .nav-link.active {
    transform: none !important;
    -webkit-transform: none !important;
  }
  .spog-testimnials .review-info{display: block;}
  #carouselTabs .nav-link .rounded-circle {
    box-shadow: 0 0 0 4px #0052CC; /* same as your active state */
    opacity: 1; /* keep them fully visible */
  }
  
  /* Remove extra scaling/opacity changes */
  #carouselTabs .nav-link {
    opacity: 1;
    transform: none;
    transition: none; /* optional: remove animations */
  }
  
  /* Remove hover differences */
  #carouselTabs .nav-link:hover {
    opacity: 1;
  }
  .spog-testimnials .review-avatar img{width: 80px!important;height: 80px!important;margin-left: 4px;}
  .whoisfor .nav-link, .faqs-section .nav-link{font-size: 20px; margin-right: 8%;}
  .spog-mbl-container{display: flex;
    flex-direction: column;}
  .middle-btn{order: 2;}
  .top-main-desc{order: 1;}
  .spog-testimnials .carousel-indicators {
    display: block;
  }
  .slider-content br{display: none;}

}
/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .spog-main-title {
    font-size: 2.25rem;
    line-height: 42px;
}
	
.spog-description{font-size: 1rem;line-height: 20px}
  .comments-in-section .d-flex {
    display: inherit !important;
  }
  .flex-shrink-0 {
    align-items: center;
    text-align: center;
    margin-bottom: 16px
  }
  .flex-grow-1.ms-5 {
    margin-left: 0 !important;
  }
  .customer-section .col-md-6 {
    margin-bottom: 20px
  }
  .spog-space {
    padding: 80px 0;
  }
  .nav-link, .btn-primary {
    font-size: 0.875rem;
  }
  .spog-paragraph {
    font-size: 1rem;
    line-height: 22px;
  }
  .spog-title {
    font-size: 1.5rem;
    line-height: 30px;
  }
  .spog-paragraph br {
    display: none;
  }
  .real-customer-section .spog-paragraph {
    margin-bottom: 20px;
  }
  .real-customer-section .swiper-pagination {
    bottom: 40px;
  }
  .whosdesc {
    font-size: 0.875rem;
	line-height: unset;
	  width: 100%
  }
  .whoisfor .nav-link {
    font-size: 1rem;
    margin-right: 8%;
  }
  .whosTitle {
    margin-bottom: 8px;
    font-size: 1rem;
  }
  .whoisfor .nav-tabs {
    border: 0;
    margin-bottom: 16px
  }
  .whosthumb {
    width: 80px;
  }
  .inc-navbar .nav-item {
    margin: 0;
  }
  .dropdown-menu.mega-menu {
    padding: 1rem;
  }
  .dropdown-menu.mega-menu .nav-tabs {
    margin-bottom: 16px;
  }
  .dropdown-menu.mega-menu .tab-content {
    padding: 0;
  }
  .dropdown-menu.mega-menu .nav-tabs .nav-item {
    margin-right: 10% !important;
  }
  .dropdown-menu.mega-menu .nav-tabs .nav-link {
    font-size: 1rem;
  }
  .spog-space-top {
    padding: 140px 0;
  }
	.expert-bg{padding: 20px 16px}
	.expert-bg .col-md-8 {margin-bottom: 30px;padding-left: 16px;}
	.expert-bg .col-md-4{padding: 0}
	.expert-bg .container{padding-left: 0!important}
	.comments-in-section h5 {font-size: 1.125rem;line-height: 28px}
	.nomargin{margin-bottom: 0!important}
	.product-slider .swiper-pagination{bottom: 50px}
	.whosblock .align-items-center{align-items: inherit !important}
	.comments-user{position: unset; text-align: center}
	.work-number{display: none}
	.how-work-section .card:hover{transform:none}
	.comments-in-section h4{font-size: 1rem;line-height: 24px;font-weight: 400}
	.spog-description{font-size: 1.25rem;line-height: unset}
	.how-work-section{margin-top: 44px}
  .marquee.product-slider .marquee-content .integration-slider, .companies-block.py-3{padding: 0;}
  .marquee.product-slider .marquee-content .integration-slider{width: 140px;}
  .accordion-slider.mb-5{margin-bottom: 1.5rem!important}
  .expert-bg{padding: 20px 16px;}
  .expert-bg .col-md-7{margin-bottom: 5rem}
  .expert-body{display: block;align-items: unset;justify-content: unset;}
  .expert-body-left, .expert-body-right{width: 100%; display: block;}
  .spog-space-top .spog-description,
  .spog-description,
  .accordion-slider .accordion-items .step-description,
  .testimonial-description{font-size: 1rem;line-height: 22px;}



  #carouselTabs {
    flex-wrap: wrap;
    justify-content: center;

  }

  #triangleIndicator {
    display: none;
  }

  .spog-testimnials .nav-item {
    flex: 0 0 auto;
  }

  .spog-testimnials{padding-left: 0!important;padding-right: 0!important;}
  .testimonial-description{font-size: 1rem;line-height: 22px;}
  .spog-testimnials .nav-item{margin:16px 0;}
  .accordion.faqsspog-new .accordion-button:not(.collapsed), .accordion.faqsspog-new .accordion-button.collapsed{font-size: 1.125rem;line-height: 22px;}
  .accordion.faqsspog-new .accordion-body{padding: 0 16px 16px 60px}
  .faqsspog-new .accordion-button {padding: 16px 16px 16px 10px;}

  .nav-testimonial {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: none !important;
  }

  .nav-testimonial .avatar-nav {
    flex: 0 0 100%;      /* each item takes full width → only one visible */
    scroll-snap-align: none !important;
    transition: none !important;
    text-align: center;  /* keep avatar centered */
  }

  .nav-testimonial::-webkit-scrollbar {
    display: none; /* hide scrollbar for cleaner look */
  }
  #carouselTabs .nav-link,
  #carouselTabs .nav-link * {
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* prevent scale/transform on active state */
  #carouselTabs .nav-link.active {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
  }

  /* make sure any box-shadow change isn't animated */
  #carouselTabs .nav-link.active .rounded-circle {
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* your horizontal scroll rules (keep these) */
  .nav-testimonial {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
  }
  .nav-testimonial .avatar-nav {
    flex: 0 0 100%;
    scroll-snap-align: center;
    text-align: center;
  }
  #carouselTabs.no-transition .nav-link,
  #carouselTabs.no-transition .nav-link * {
    transition: none !important;
    -webkit-transition: none !important;
  }
  #carouselTabs.no-transition .nav-link.active {
    transform: none !important;
    -webkit-transform: none !important;
  }
  .spog-testimnials .review-info{display: block;}
  #carouselTabs .nav-link .rounded-circle {
    box-shadow: 0 0 0 4px #0052CC; /* same as your active state */
    opacity: 1; /* keep them fully visible */
  }
  
  /* Remove extra scaling/opacity changes */
  #carouselTabs .nav-link {
    opacity: 1;
    transform: none;
    transition: none; /* optional: remove animations */
  }
  
  /* Remove hover differences */
  #carouselTabs .nav-link:hover {
    opacity: 1;
  }
  .spog-testimnials .review-avatar img{width: 80px!important;height: 80px!important;margin-left: 4px;}
  .whoisfor .nav-link, .faqs-section .nav-link{font-size: 20px; margin-right: 8%;}
  .spog-mbl-container{display: flex;
    flex-direction: column;}
  .middle-btn{order: 2;}
  .top-main-desc{order: 1;}
  .spog-testimnials .carousel-indicators {
    display: block;
  }
  .slider-content br{display: none;}
}

@media (max-width: 991.98px) {  }




@media (max-width: 1199.98px) {
.circle-pre img {width: 70px;height: 70px;}
	.vertical-tabs-circle-container .nav-pills .nav-link{font-size: 0.875rem}

}

@media (max-width: 1399.98px) {  }


@media (min-width: 1400px) {
	.spog-main-title-two{margin-bottom: 12px}
	.vertical-tabs-container .nav-pills .nav-link{padding: 10px 24px;}
	
	
}


@media screen and (width: 360px) and (height: 740px) {
	  .spog-space-top {padding: 140px 0;}
	  .companies-block .mb-5{margin-bottom: 0!important}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.625),
       only screen and (min-resolution: 2.625dppx) {
  .spog-space-top {padding: 160px 0;}
	  .companies-block .mb-5{margin-bottom: 0!important}
		   .product-slider .swiper-pagination{bottom: 60px}
		   .container-fluid.px-0.mb-3{margin-bottom: 0 !important}
}






@media (min-width: 1200px) {
	.vertical-tabs-circle-container .nav-pills .nav-link{font-size: 0.875rem}
	.circle-pre img {width: 70px;height: 70px;border-radius: 100px;}
	.vertical-tabs-container .testimonial-text{font-size: 1.5rem}
}



@media (min-width: 1400px) {
.circle-pre img {width: 70px;height: 70px;}	
.navbar .navbar-nav .nav-link{font-size: 1rem}
	
}