@charset "utf-8";
/* CSS Document */
body {
  font-size: 1rem;
  font-size-adjust: 0.5;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #333;
  overflow-x: hidden
}
body.demo{background-color: #fbfcfd!important}
a {color: #0052CC;}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

a{text-decoration: none;}
.desktop{display: block}
.mobile{display: none}
.service-map-top{padding: 50px}
.nav-item{margin: 0 20px}
.desktop .top-header h1{margin: 10px 0 10px -3px!important;line-height: 54px; text-transform: capitalize;}
.mobile .top-header h1{margin-bottom: 16px; text-transform: capitalize;}
.pink-bg{background: #FEF8FB}
.btn-primary {color: #fff;background-color: #0052CC;border-color: #0052CC;font-weight: 600;padding: 6px 18px;}
h1{font-size: 36px; font-weight: 700}
.top-header{margin: 0 0 35px;}
.font-18, p{font-size: 16px!important}
.top-header .small-title{font-size: 14px; text-transform: uppercase;font-weight: 700;margin-bottom: 10px}
.blueText{color: #0052CC}
.top-header p{font-size: 24px;}
.termsection ol{margin: 0;padding: 16px 0 16px 16px}
.priceblock p{font-size: 13px}
.tabsicon{width: 44px; height: 44px;display: block;}
.instant-section .instant-support h4{font-size: 20px; color: #333;font-weight: 600; text-transform: uppercase;margin: 0 0 10px}
.service-icon{background: url("../images/service-icon.png") no-repeat;background-size: cover}
.access-icon{background: url("../images/access-icon.png") no-repeat;background-size: cover}
.incident-icon{background: url("../images/incident-icon.png") no-repeat;background-size: cover}
.asset-icon{background: url("../images/asset-icon.png") no-repeat;background-size: cover}
.touch-row{background-color: #F5F6F8; border-radius: 100px; padding: 5px 12px 5px 5px;}
.touch-detail{font-size: 16px;}
.touch-heading{font-size: 16px; font-weight: 600;}
.get-touch-block h3, .contact-form h3{font-size: 24px;}
.social-block a{display: inline-block; margin-right: 10px;}
.facebook{background: url(../images/facebook.png) no-repeat; width: 32px; height: 32px; background-size: cover; display: block; text-indent: -99999px;}
.twitter{background: url(../images/twitter.png) no-repeat; width: 32px; height: 32px; background-size: cover; display: block; text-indent: -99999px;}
.instagram{background: url(../images/instagram.png) no-repeat; width: 32px; height: 32px; background-size: cover; display: block; text-indent: -99999px;}
.linkedin{background: url(../images/linkedin.png) no-repeat; width: 32px; height: 32px; background-size: cover; display: block; text-indent: -99999px;}
.youtube{background: url(../images/youtube.png) no-repeat; width: 32px; height: 32px; background-size: cover; display: block; text-indent: -99999px;}
.form-control {padding: .5rem .75rem;}
.location-card{width: 330px; border-radius: 8px; top: 40%;opacity: 90%;font-size: 13px; font-weight: 500; }
.place-marked {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-lg {
  padding: 14px 22px !important;
  font-size: 16px;
}
.instant-section .card.active{border: 1px solid #0065FA;background: #f5f5f5}
.instant-section .card.active h4{color: #0065FA}
.instant-section .card.active .service-icon{background: url("../images/service-icon-active.png") no-repeat;background-size: cover}
.instant-section .card.active .access-icon{background: url("../images/access-icon-active.png") no-repeat;background-size: cover}
.instant-section .card.active .incident-icon{background: url("../images/incident-icon-active.png") no-repeat;background-size: cover}
.instant-section .card.active .asset-icon{background: url("../images/asset-icon-icon.png") no-repeat;background-size: cover}
.termsection ol li{font-size: 14px; margin-bottom: 10px}
.management-block .col{margin-bottom: 32px}
.management-block{padding: 0px 60px}
.management-block .manage-thumb{margin-bottom: 10px}
.management-block .manage-thumb img{height: 44px; background-size: cover}
.carousel-indicators [data-bs-target]{background-color: #000}
.rounded-btn{border-radius: 50px; font-size: 13px}
.post-header h4{font-size: 18px; font-weight: 700}
.post-header p{font-size: 16px; font-weight: 400}
.post-block {margin-bottom: 32px}
.alert-info {background-color: #346AED; border-color: #346AED;color: #fff;padding: 10px 32px 16px 16px;font-size: 12px;margin-bottom: 0}
.alert .btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width: 12px; height: 12px;padding: 0; opacity: inherit}
.post-block .col-md-4{margin-bottom: 32px}
.mainbg{background: #EEEBFD}
.mainbg-top{background: #EEEBFD url("../images/page-top-bg.png") no-repeat top center; background-size: contain; display: block;}
.mainbg-pink-top{background: #FEF8FB url("../images/page-top-bg-pink.png") no-repeat top center; background-size: contain; display: block;}
.bg-fix {padding-top: 280px}
.chat-block{background: #fff;}

body.legal-page .footer-spog.desktop, body.legal-page .footer-spog.mobile {position: fixed; bottom: 0; width: 100%;}

.page-space{padding: 120px 0}
.page-space-support{padding: 80px 0 40px}
.page-space-top{padding-top: 80px}
.page-space-top-inner{margin-top: 50px}
.page-space-bottom{padding-bottom: 120px!important}
.priceblock p span{font-size: 13px}
.priceblock em{position: absolute; bottom: 20px; font-size: 12px;}
.companies-block h5{font-weight: 600;font-size: 14px}
.priceblock-white h2, .priceblock-blue h2{font-size: 24px; font-weight: 700}
.priceblock-blue .btn, .priceblock-white .btn{padding: 12px}
.priceblock-blue{background: #0052CC; border: 1px solid #DBDBDB; padding: 30px 0 0 0}
.priceblock-white{background: #ffffff; border: 1px solid #DBDBDB; padding: 30px 0 0 0}
.list-unstyled{text-align: left!important}
.list-unstyled li{margin-bottom: 4px; font-size:13px;line-height: 18px}
.priceblock-blue .btn{background: #fff; display: block;width: 100%; border-radius: 4px;border: 3px solid #fff; color: #0052CC; font-size: 14px; font-weight: 600}
.priceblock-white .btn{background: #fff;display: block;width: 100%; border-radius: 4px;border: 3px solid #0052CC; color: #0052CC; font-size: 14px; font-weight: 600}
.case-title{font-size: 13px; display: inline-block; padding-bottom: 6px; border-bottom: 2px solid #0052CC; color: #0052CC;font-weight: 600}
.case-block{border: 1px solid #ccc;padding: 25px;background: #fff;border-radius: 10px}
.case-study .col-md-5 img{max-width: 300px!important; margin: auto}
.blue-slide{background: url("../images/price-head.webp") no-repeat center center; width: 100%; display: block; background-size: cover;height:80vh; position: absolute; z-index: -1}
.case-study-section h3{font-size: 20px;font-weight: 700}
.case-study-section h5{font-size: 16px!important;font-weight: 600}
.box-shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);padding: 25px;background: #fff;border-radius: 10px}
.comments-in-section h5{padding-right: 30px; font-size: 22px; line-height: 28px;}
.comments-in-section{border-radius: 8px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.bxshadow{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.itsm-thumb{width: 450px}
.demo_form .form-control, .demo_form .form-select, .demo_form label{font-size: 13px}
.comments-in-section .flex-shrink-0 img{width: 100px; height: 100px}
.comments-in-section h5{font-weight: 500;}
.spog-radius{border-radius: 8px}
.navbar-toggler-icon{width: 1em; height: 1em}
.footer-spog{padding: 40px 0}
.footer-spog h5{font-size: 13px}
.footer-spog ul {margin: 0; padding: 0;}
.footer-spog ul li{list-style: none; font-size: 13px}
.footer-spog ul li a{color: #000;text-decoration: none}
.carousel-control-prev {
    left:auto;right: 40px;
}
.plybook-thumb{width: 20px; height: 20px; }
.pre-block pre code.hljs{padding: 16px; padding-top: 0; padding-bottom: 0; font-size: 13px;}
  .pre-block pre{margin-top: 0; margin-bottom: -10px;}
  .pre-block h4{margin-bottom: 0;font-size: 18px;}
  .playbook-section .hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code {
    color: #0000ff;
}
.font-16{font-size: 16px;}
.font-600{font-weight: 600}
.playbook-section .hljs {
    background: #1E1E1E;
    color:#9CDCFE;
    border-radius: 10px;
}
.playbook-section .hljs-deletion, .playbook-section .hljs-number, .playbook-section .hljs-quote, .playbook-section .hljs-selector-class, .playbook-section .hljs-selector-id, .playbook-section .hljs-string, .playbook-section .hljs-template-tag, .playbook-section .hljs-type {
    color: #CE9178;
}
.hljs-comment {color: #6A9955;}
.hljs-deletion, .hljs-number, .hljs-quote, .hljs-selector-class, .hljs-selector-id, .hljs-string, .hljs-template-tag, .hljs-type {
    color: #CE9178;
}

pre {
  position: relative;
}

.recommend-option h4{font-size: 16px;}
.recommend-option p, .recommend-option li{font-size: 12px;} .recommend-option ul {margin: 0;padding: 0 0 0 15px; }
span.command-copy {
    position: absolute;
    top: 30px;
    right: 20px;
    font-size: 20px;
    color: #fff;
    display: block;
    z-index: 999;
    background: url("../images/copy.png") no-repeat;
    width: 24px;
    height: 24px;
}

span.command-copy:hover {
  cursor: pointer;
}
.hljs {
    background:#fff;
    color: rgb(156, 220, 254);
    border-radius: 10px;
    
}
.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code {
    color: #4EC9B0;
}
.comment-slide .carousel-control-next, .comment-slide .carousel-control-prev {
    top: 0;
    bottom: 0;
	width: 5%
}
.comment-slide .carousel-indicators{bottom: -40px}

.comment-slide .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.comment-slide .carousel-control-prev {
    left: 0;
}
.companies-block img{max-width: 100%;max-inline-size: 100%;}

.footer-spog .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.footer-spog .accordion-item {
    color: #333;
    background-color: #EEEBFD!important;
    border: 0;
    border-bottom: 1px solid #ccc;
	border-radius: 0
    
}
.prebuilt-integration{overflow: hidden;}
.footer-spog .accordion-body {
    padding: 0;
}
.accordion-body{font-size: 16px;}
.instant-section .accordion-body{text-align: center}
.instant-section .accordion-body .post-body img{width: 376px; height: 725px}
.font-8{font-size: 8px}
.footer-btm a{width: 32%; display: inline-block; color: #000; text-decoration: none}
.footer-spog .navbar-brand{width: 64px; height: 20px;outline: none}
.footer-spog .accordion-item:first-of-type .footer-spog .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.footer-spog .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #EEEBFD!important;
    box-shadow: inherit;
	border: 0
}
.footer-spog .accordion-button{font-size: 12px}
.footer-spog .accordion-button.collapsed {
    border-top: 0;
    border-radius: 8px;
    font-size: 12px;
    color: #333;
    font-weight: 700;
    background: #EEEBFD;
}
.footer-spog .accordion-button{padding: 0}
.is-hidden {
    display: none !important;
}
.category-col ul{
  list-style:none;
	margin: 8px 0 0 0;
	padding: 0;
  height: 600px;
  overflow-y: scroll;
  
}
#noResults {
  display: none;
}
.instant-section .accordion-item {background-color: transparent!important;}
.comments-in-section .flex-shrink-0 img{border-radius: 100px!important; width: 130px; height: 130px}
.top-integ-section{background: url("../images/integration/integration-bg.png") no-repeat right; display: block;width: 100%; background-size: cover;height: 65vh}
.playbook-section-top{background: url("../images/playbooks/playbook-bg.png") no-repeat right; display: block;width: 100%; background-size: cover;padding-bottom: 6%;}
.playcard{border: 1px solid #ccc!important}
.playcard h4{font-size: 24px; color: #0052CC}
.playcard .card-body .col-md-9{padding-left: 3%; padding-right: 3%;}
.btn-primary {
    color: #fff;
    background-color: #0052CC;
    border-color: #0052CC;
    font-weight: 600;
}
.btn-outline-new {
    color: #333333;
    background-color: #fff;
    border-color: #CCCCCC;
    font-weight: 600;
	font-size: 12px;
	white-space: nowrap
}
.product-logo{width: 270px!important;}


.category-col ul li{
  cursor:pointer;
  color: #000;
	font-size: 14px;
	padding-bottom: 4px;
	margin-bottom: 4px
}
.category-col ul li.active{color: #0052CC}
.js-sticky-widget {
    position: sticky;
    top: 120px;
    transition: all 1.9s ease;
}

.list.active,
li:hover{
  color: #0052CC;
}

.products{
}
.item{
  overflow: hidden;
}
.item img{
  cursor: pointer;
  transition: 0.5s linear;
}
.swiper {
    width: 100%;
    height: 100%;
    position: relative;
	margin-bottom: 30px;
}
.swiper-fraction {
    color: #000;
    position: absolute;
    left: 0!important;
    bottom: 0!important;
    z-index: 10;
    padding: 10px 0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
}
.swiper-slide {
    font-size: 18px;
    text-align: center;
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper .swiper-pagination * {
    background: #0052CC;
}
.swiper-pagination-progressbar {
    border-radius: 10px
}
.swiper-slide img {
    display: block;
    object-fit: cover;
}
.swiper-button-prev, .swiper-button-next {
    color: #000;
}
.swiper-button-next:after, .swiper-button-prev:after {
    text-indent: -9999px;
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 6px;
    background: url("../images/next-arrow.png") no-repeat;
    width: 22px;
    height: 22px;
}
.swiper-button-prev {
    top: auto;
    bottom: 6px;
    background: url("../images/prev-arrow.png") no-repeat;
    width: 22px;
    height: 22px;
}
.swiper-button-prev {
    left: auto;
    right: 40px;
}
.swiper-button-next {
    left: auto;
    right: 0;
}
.swiper .swiper-pagination * {
    background: #0052CC!important;
}
.swiper-backface-hidden .swiper-slide {
    margin-bottom: 40px
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet-active {
    color: #fff;
    background: #0052CC!important;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0!important;
    bottom: 0!important;
    top: inherit
}
.search-block{margin-bottom: 20px}
.integ-website{font-size: 12px;font-weight: 600; color: #0052CC;margin-bottom: 12px}
.integ-logo{margin-bottom: 6px}
.integ-logo img{height: 44px}
.integ-badge {
    background-color: #EEEBFD !important;
    padding: 1.5px 12px;
    font-size: 10px;
    text-transform: uppercase;
    color: #333;
	display: inline-block;
	border-radius: 25px;
	font-weight: 600
}
.hide{display: none!important;}
.show{display: block!important;}
.integ-box{margin-bottom: 22px}
.integ-box .card{padding: 16px; display: block}
.integ-box .card {
  padding: 16px;
  background: #F4F6FF;
  border: 0.5px solid #ccc;
}
.instant-section .nav-tabs{border-bottom: 0}
.tab-content>.tab-pane .accordion-header{font-size: 18px!important}
.manage-text{color: #000;}

.bg-yellow {background-color:#FFBA00!important}
.menu-thumb{width: 125px; height: 80px}
.instant-section .card{height: 275px;}
.social-icon:hover{color: #0052CC;}
.arrow-right{background: url(../images/arrow-menu.png); display: inline-block; width: 26px; height: 26px;position: absolute; top:0; right: 0;background-size: cover;}
.playcard a.integ-btn img{width: 12px;margin-left: 8px;}
.legal-service-forward{background: url(../images/arrow-right.png) no-repeat; height: 18px; width: 18px; display: inline-block;}
.premium{border: 1px solid #ccc; padding: 20px; border-radius: 10px; background-color: #fff;position: relative;text-align: center;}
#premium {filter: blur(5px);-webkit-filter: blur(5px);}
.showinfo{position: absolute; top: 15%; left:15%; z-index: 99;}
.showinfo h3{color: #000;font-size: 24px;}

.slide-small-title{color: #0052CC;font-size: 16px; font-weight: 700;text-transform: uppercase}
.slide-black-bold-title{color: #000; font-size: 54px;font-weight: 700;text-transform: uppercase;line-height: 64px}
.slide-black-normal-title{color: #000; font-size: 54px;font-weight: 400;text-transform: uppercase;line-height: 64px}
.slide-blue-bold-title{color: #0052CC; font-size: 54px;font-weight: 700;text-transform: uppercase;line-height: 64px;margin-bottom: 24px}
.slide-regular-paragraph{font-size: 18px; color: #000;font-weight: 400;padding-right: 15%}
.reduce-card-title{font-size: 16px; font-weight: 600;margin-bottom: 10px}
.reduce-card-paragraph{font-size: 13px; font-weight: 400}
.reduce-thumb img{text-align: center;margin: 0 auto}
.reduced-section .card {height: 100%;}
.reduced-section .card .card-body{padding-bottom: 30px}
.companies-block{margin-bottom: 60px}



















.nav-link{font-size: 14px;}
.fixed-top {top: -1px;}
.navbar {padding-top: 0.75rem!important; padding-bottom: 0.75rem!important;background: #fff}
.navbar-brand {background: url("../images/spog_logo.png") no-repeat; width: 120px; height: 24px;background-size: contain;display: inline-block;text-indent: -99999px;outline: none}
.nav-link{color: #000; font-weight: 500}
.dropdown-item{font-size: 13px}
.nav-link:focus, .nav-link:hover {color: #0052CC;}
a.dropdown-item:hover{color: #0052CC}
a.dropdown-item span:hover, a.dropdown-item:hover span {color: #000}
.see-all{background: #ccc;
    width: 100%;
    display: block;
    padding: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    border-radius: 4px;}
.web-thumb{border: 1px solid #f5f5f5}
.navbar-expand-lg .navbar-nav .dropdown-menu{width: 1000px;margin: 24px auto;}
.m-top-fix{margin-top: -100px;position: relative}
ul.dropdown-menu li{width: 32%;display: inline-block}
ul.dropdown-menu li a span{font-size: 10px;font-weight: 400}
.dropdown-item{font-weight: 600;padding: 0; margin-bottom: 30px}
a.dropdown-item span{font-size: 10px;display: inline-block;white-space: initial;font-weight: 500}
.dropdown-item:focus, .dropdown-item:hover{width: 100%; background: transparent}
.dropdown-item.active, .dropdown-item:active{background: #fff; color: #000}
.hide{display:none!important; visible:hidden;flex:inherit!important}
.top-bg{background: url("../images/dashboard/page-top-bg.png") no-repeat top center;background-size: cover;height: 250px;display: block; width: 100%}

.close-btn{position:absolute; right:16px;top:16px}

.carousel-control-next-icon {
  background: url("../images/dashboard/arrow-next.png") no-repeat; width: 24px; height: 24px;display: inline-block
}
.carousel-control-prev-icon {
  background: url("../images/dashboard/arrow-next.png") no-repeat; width: 24px; height: 24px;display: inline-block; transform: rotate(-180deg)
}
.carousel-control-next, .carousel-control-prev{top:inherit; bottom:10px}
.font-700{font-weight: 700}

.nav-link {
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 0;
    transition: border-color 0.3s ease-in-out;
}

.nav-link.active {
    color: #0052CC; /* Change color as needed */
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.spog-title{font-size: 48px;}
.spog-sm-title{font-size: 14px; font-weight: 600; color: #0052CC;}
.spog-space{padding: 60px 0 0;}
.spog-paragraph{font-size: 20px;}
.spog-paragraph span{color: #0052CC;font-weight: 600;}
.h-divider {margin:0 auto;width: 100%;}
.h-divider .shadow {overflow: hidden;height: 6px;}
.h-divider .shadow:after {content: '';display: block;margin: -25px auto 0;width: 100%;height: 25px;border-radius: 125px/12px;box-shadow: 0 0 8px black;}
.spog-white-bg{background-color: #fff;}
.spog-blue-bg{background-color: #F4F6FF;}
.how-work-blocks .work-title{font-size: 18px!important;margin: 20px 0 10px;text-align: left;}
.how-work-blocks .work-descrition{padding-left: 30px;text-align: left;font-size: 16px;}
.how-work-blocks .work-title span{color: #7C7C7C;}
.how-work-block .work-thumb{margin-bottom: 20px;}
.how-work-section{margin-top: 50px;}
.nav .nav-item button.active {
  background-color: #fff;
  color: #0052CC !important;
}
.nav .nav-item button.active::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 0;
}

.nav .nav-item button.active::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 0;
}
.nav-tabs .nav-link.active {
  border-bottom: 3px solid #0052CC !important; /* Use your preferred color */
  background-color: #fff;
  border-radius: 0;
  color: #0052CC;
}
.whoisfor .nav-item{margin: 0 40px 0 0}
.whoisfor .nav-pills .nav-link{padding-left: 0; padding-right: 0;}
.whosthumb{width: 80px;}
.whosTitle{font-size: 24px;font-weight: 600;line-height: 24px;margin-bottom: 16px;}
.whosdesc{font-size: 20px;}
.whosblock{margin-bottom: 32px;}
.whoisfor .nav-tabs{border: 0; margin-bottom: 32px}
    .whoisfor .accordion-button:not(.collapsed), .accordion-button.collapsed {
        font-size: 18px;
        font-weight: 500;
    }
.accordion-button:not(.collapsed){font-size: 18px;font-weight: 500;}
.faqs-section .accordion-button:not(.collapsed){background-color:#EEEBFD}
.whoisfor .nav-link {color: #000;font-weight: 500;font-size: 24px;padding: 10px 0; margin-right: 4%; border: 0; outline: 0;border-bottom: 3px solid transparent}
.whoisfor .nav-link:last-child{margin-right: 0}
.impact-thumb{width: 100px; height: 100px;}
.impact-title{font-size: 18px; font-weight: 600;}
.impact-desc{font-size: 16px;}
.impact-block{margin-bottom: 32px;}
.font-11{font-size: 11px;}
.font-16{font-size: 16px!important;}
.font-40{font-size: 40px !important; line-height: 50px;}
.real-value{font-size: 30px; line-height: 40px; font-weight: 700;}
.font-20{font-size: 20px; font-weight: 700;}
.active-color{color: #0052CC;}
.green-color{color: #00AC47;}
.grey-color{color: #747E86;}
.light-grey-color{color: #808080;}
.grey-bg{background: #FAFAFA;}
.vertical-tabs-container .flex-shrink-0{width: 8%;}
.sm-integ{width: 50px;}
.integ-block{position: relative;}
.sm-ico-int{position: absolute; right: 0px; top:0px}
.nav-tabs-scroll-container .nav-tabs .nav-link.active {background-color: transparent;}
.font-600{font-weight: 600;}
.real-customer{overflow: hidden;}
.vertical-tabs-container {
    overflow: hidden;
}
.expert-bg{background-color: #2617F2; color: #fff;}
.expert-bg .subtitle{font-size: 18px;margin-bottom: 12px}
.expert-bg .maintitle{font-size: 34px; font-weight: 600;line-height: normal;margin-bottom: 24px}
.real-customer .swiper-slide, .prebuilt-integration .swiper-slide {
        width: 90%;
        text-align: left!important;
      }

    .prebuilt-integration .swiper-slide .card,
    .real-customer .swiper-slide .card{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1); text-align: left;}
    .prebuilt-integration .swiper-slide .card{min-height: 530px;}
    .real-customer .swiper-slide .card{min-height: 550px;}
.vertical-tabs-container .tabs-blocks {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
}
.vertical-tabs-container .nav-pills .nav-link {
    border-radius: 0;
    padding: 21.5px 20px;
    color: #495057;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    width: 100%;
}
.vertical-tabs-container .nav-pills .nav-link i {
    margin-right: 10px;
    font-size: 1.2rem;
}
.vertical-tabs-container .nav-pills .nav-link.active {
    background-color: #EEEBFD;
    width: 100%;
}
.vertical-tabs-container .tab-content {
    padding: 0;
}
.vertical-tabs-container .tab-pane {
    display: none;
    height: 100%;
    min-height: 720px;
    overflow: hidden;
}
.vertical-tabs-container .tab-pane.active {
    display: block;
    animation: fadeIn 0.5s ease-in;
    height: 100%;
    min-height: 730px;
    overflow: hidden;
}
.vertical-tabs-container .nav-link{margin-right: 0;}
.vertical-tabs-circle-container .nav-link{margin-right: 0;}
.vertical-tabs-circle-container {
    overflow: hidden;
}
.vertical-tabs-circle-container .nav-pills .nav-link .integico {
    width: 90px;
    height: 90px;
}
.vertical-tabs-circle-container .tabs-blocks {
    border-radius: 0px;
}
.vertical-tabs-circle-container .nav-pills .nav-link {
    border-radius: 0;
    padding: 0 20px 15px 20px;
    color: #495057;
    border: 0;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    width: 25%;
}
.vertical-tabs-circle-container .nav-pills .nav-link i {
    margin-right: 10px;
    font-size: 1.2rem;
}
.vertical-tabs-circle-container .nav-pills .nav-link.active {
    background-color: #fff;
}
.vertical-tabs-circle-container .nav-pills .nav-link img {
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 90px;
    height: 90px;
}
.vertical-tabs-circle-container .nav-pills .nav-link.active img {
    border: 2px solid #0052CC;
    border-radius: 100%;
    width: 90px;
    height: 90px;
}
.vertical-tabs-circle-container .tab-content {
    padding: 0;
    height: 430px;
    overflow-y: hidden;
}
.vertical-tabs-circle-container .tab-pane {
    display: none;
    overflow: hidden;
}
.vertical-tabs-circle-container .tab-pane.active {
    display: block;
    animation: fadeIn 0.5s ease-in;
    overflow: hidden;
}
.vertical-tabs-circle-container .nav-pills {
           
        }
	.vertical-tabs-circle-container h3{font-size: 36px;}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.integ-block p{font-size: 14px!important;}
.testimonial-card {
background: #f5f8fc;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 28px;
}
.testimonial-text {
font-weight: 700;
font-size: 20px;
line-height: 1.4;
}
.quote-marks {
color: #0052CC;
font-size: 36px;
}
.attribution {
font-size: 1rem;
font-weight: 500;
color: #555;
margin: 10px 0;
}
.accordion-button:focus{border: 0; outline: none; box-shadow: unset;}
.comments-in-section{position: relative;padding: 30px;font-size: 24px;}
.comments-user {position: absolute; right: 20px; top: 20px;}
.comnt-usr{width: 50px; height: 50px; border-radius: 100px!important;}

        
        /* Add some spacing for better appearance */
        .tab-content {
            padding: 20px 0;
        }
        
.font-14{font-size: 14px;} 
.swiper-slide .font-14{font-size: 14px;}      
.bookdemo{border-radius: 100px; background: #fff; padding: 6px 16px;font-weight: 600}








@media (min-width: 992px) {
   
	.desktop{display: block}
  .mobile{display: none}

    
}

@media (max-width: 991px) {

	.desktop{display: block}
  .mobile{display: none}
}
@media (min-width: 1200px) {
	.desktop{display: block}
  .mobile{display: none}
    
}

@media (min-width: 1400px) {
	.integ-box .card {padding:16px;}
  .desktop{display: block}
  .mobile{display: none}
}

@media (min-width:768px) {
  .tab-content .accordion-item {
    border: 0;
    border-radius: 0;
  }
  .desktop{display: block}
  .mobile{display: none}
}


  @media (max-width: 1400px) { 
    .desktop{display: block}
    .mobile{display: none}
  }
  @media (max-width: 1920px) { 
    .desktop{display: block}
    .mobile{display: none}
  }
  @media (max-width: 3400px) { 
    .desktop{display: block}
    .mobile{display: none}
  }

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    .testimonial-text{font-size: 18px;}
}

  @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }

}