@import url('../font-awesome/css/font-awesome.min.css');

body {
	font-family: 'Open Sans', sans-serif;
	color: #333;
}
/* common classes start */
html {
  scroll-behavior: smooth;
}

/*custom scroll*/
.scrollbar-panel::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/* Track */
.scrollbar-panel::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ffffff; 
    border-radius: 10px;
}
/* Handle */
.scrollbar-panel::-webkit-scrollbar-thumb {
    background: #e3e3e3; 
    border-radius: 10px;
}
/* Handle on hover */
.scrollbar-panel::-webkit-scrollbar-thumb:hover {
    background: #cecece; 
}

/*
.btn_effect a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 800px;
    content: "";
    background: #2ea5ff;
    border-radius: 50%;
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

@keyframes btneffect {
    from {
        transform: translate(-50%,-50%) scale(0);
        -webkit-transform: translate(-50%,-50%) scale(0);
        visibility: visible;
        opacity: 1
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1);
        visibility: hidden;
        opacity: 0
    }
}

@-webkit-keyframes btneffect {
    from {
        transform: translate(-50%,-50%) scale(0);
        -webkit-transform: translate(-50%,-50%) scale(0);
        visibility: visible;
        opacity: 1
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1);
        visibility: hidden;
        opacity: 0
    }
}

.btn_effect:hover a:before {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: btneffect;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: btneffect
}
*/

.text-grey {
    color:#333;
}
.text-red {
    color:#f00;
}
.bg-dark-light {
    background-color: #efefef!important;
}
.theme-color,
.color-blue {
    color: #548dcb;
}
a {
    color: #548dcb;
}
.btn:focus {
    outline: none;
}
section {

}
.w-100 {
    width:100%;
}
.b-500 {
    font-weight: 500;
}
.b-300 {
    font-weight: 300;
}
.mt-65{
    margin-top:65px;
}
.mt-120{
    margin-top:120px;
}
.img-responsive {
    max-width: 100%;
}
.visibility-hidden {
    visibility: hidden;
}
.color-black-1 {
    color: #5C5B60;
}

@media (min-width: 1200px){
    .container {
        max-width: 1100px;
    }
}
/*
@media (min-width: 992px){
    .container {
        max-width: 1100px;
    }
}
*/
/* common classes end */


/* hader navbar classes start */
.custom-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
.navbar-default {
    padding: 0px 0;
    margin-top: -1px;
    z-index: 1000;
    background: transparent;
}
.navbar-shrink {
    background-color: #ffffff;
    box-shadow: 0px 5px 23px 0px rgb(0 0 0 / 10%);
    z-index: 1000;
    transition: all 0.3s;
}
.navbar-brand {
    max-width: 230px;
    padding: 2px 0px;
}
.menu-hide {
    display: none;
}
.bsv-heading-center-line, .section-heading-left-line {
    font-size: 2rem ;
}
.high-section-heading-center-line {
    font-size: 36px;
}
.list-style-decimal {
    list-style-type: decimal;
}
.list-style-decimal li::marker {
  font-weight: bold;
}
.custom-navbar .nav-item {
    position: relative;
    transition: all 0.3s;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
}
.custom-navbar .nav-item .nav-link {
    position: relative;
    font-size: 16px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #2e2e30;
    font-weight: 600;
}
.custom-navbar .nav-item .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0px;
    width: 35px;
    height: 3px;
    background: #548dcb;
    display: block;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}
.custom-navbar .nav-item .nav-link:hover::before, .custom-navbar .nav-item .nav-link.active::before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* -webkit-transform: scale(1, 1); */
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.header-menu-dropdown .nav-link.dropdown-toggle::after {
    border: none;
}
.header-menu-dropdown .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-menu-dropdown .nav-link.dropdown-toggle span {
    display: block;
    width: calc(100% - 25px);
}
.header-menu-dropdown .nav-link.dropdown-toggle .header-nav-down-arrow {
    width: 25px;
}
.header-menu-dropdown .dropdown-menu {
    border: 0;
    /* border-radius: 10px; */
    border-radius: 0px;
    padding: 0;
    /* overflow: hidden; */
    box-shadow: 0px 8px 12px 0px rgb(0 0 0 / 10%);
    background-color: rgb(255 255 255 / 95%);
}
.header-menu-dropdown .dropdown-menu li a.dropdown-item {
    font-weight: 500;
    color: #2e2e30;
}

.navbar-shrink .header-menu-dropdown .dropdown-menu {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; 
    background-color: #ffffff;
}
.navbar-shrink .header-menu-dropdown .dropdown-menu li a.dropdown-item {
    font-weight: 500;
}
.header-nav-down-arrow {
    display: none;
}
.navbar-shrink .header-menu-dropdown .dropdown-menu li a.dropdown-item:active,
.header-menu-dropdown .dropdown-menu li a.dropdown-item:active {
    background-color: #ffffff;
}
.header-menu-dropdown .dropdown-menu li a.dropdown-item:hover,
.navbar-shrink .header-menu-dropdown .dropdown-menu li a.dropdown-item:hover {
    background-color: #548dcb;
    color: #ffffff;
}
.book-demo-nav-bar.header-banner-button.custom-button {
    font-size: 16px !important;
    box-shadow: none !important;
}
.book-demo-nav-bar.header-banner-button.custom-button:hover {
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
}

@media (min-width: 1200px) {
	.custom-navbar .nav-item {
	    padding: 16px 14px;
	}
	.navbar-shrink .nav-item {
	    padding: 10px 14px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.custom-navbar .nav-item {
	    padding: 16px 6px;
	}
	.navbar-shrink .nav-item {
	    padding: 10px 6px;
	}
    .book-demo-nav-bar.header-banner-button.custom-button {
        padding: 6px 14px;
    }
}
@media all and (min-width: 992px) {
	.navbar .header-menu-dropdown .dropdown-menu-end{ 
        right:0; 
        left: auto;  
    }
	.navbar .header-menu-dropdown.nav-item .dropdown-menu{  
        display:block; 
        opacity: 0;  
        visibility: hidden; 
        transition:.3s; 
        margin-top:0;  
    }
	.navbar .header-menu-dropdown .dropdown-menu.fade-down{ 
        top:80%; 
        transform: rotateX(-75deg); 
        transform-origin: 0% 0%; 
    }
	.navbar .header-menu-dropdown .dropdown-menu.fade-up{ 
        top:180%;  
    }
	.navbar .header-menu-dropdown.nav-item:hover .dropdown-menu{ 
        transition: .3s; 
        opacity:1; 
        visibility:visible; 
        top:100%; 
        transform: rotateX(0deg); 
    }
    .navbar .header-menu-dropdown.nav-item .dropdown-menu li a {
        padding: 10px 20px;
    }
}	
@media (max-width: 991px) {
	.flex-direction-reverse {
	    flex-direction: row-reverse;
	}
	.navbar-brand {
	    padding: 10px 0;
	}
	.navbar-toggler {
	    background-color: #ffffff;
        outline: 0;
	}
    .navbar-toggler:focus {
        outline: none;
    }
	.is-tab {
	    position: fixed;
	    top: 0;
	    left: 0;
	    background: #fff;
	    z-index: 1000;
	    height: calc(100vh + 50px) !important;
	    transition: all 0.5s;
	    transform: translateX(-100%);
	    max-width: 320px;
	    width: 100%;
	}
	.is-tab.show {
	    transform: translateX(0%);
	    height: calc(100vh + 50px) !important;
	}
    .menu-hide {
        display: block;
        /* position: absolute; */
        /* right: 0; */
        /* top: 6px; */
        height: 30px;
        /* background-color: #ffffff; */
        /* font-size: 16px; */
        /* border-radius: 20px 0px 0 20px; */
        /* color: #000000; */
        z-index: 100;
        /* text-align: center; */
        /* line-height: 35px; */
        /* box-shadow: 0 0 4px 0 rgb(0 0 0 / 32%); */
    }
	header .nav-item {
	    padding: 0px 8px;
	    border-radius: 0;
	    padding-left: 8px !important;
	}
	.navbar-shrink .nav-item {
	    padding: 0px 8px !important;
	}
	.overlay {
	    height: 100%;
	    width: 100%;
	    position: fixed;
	    left: 0;
	    top: 0;
	    height: calc(100vh + 50px) !important;
	    display: none;
	    background: rgba(0, 0, 0, 0.25);
	    z-index: 1;
	}
	.overlay[aria-expanded="true"] {
	    display: block;
	}
    .header-menu-dropdown .dropdown-menu,
    .navbar-shrink .header-menu-dropdown .dropdown-menu {
        box-shadow: none;
        background: #f1f1f1;
        border-radius: 4px;
    }
    /*.header-menu-dropdown .dropdown-menu li a.dropdown-item:hover,
    .header-menu-dropdown .dropdown-menu li a.dropdown-item:focus {
        background-color: #ffffff;
    }*/
    .header-nav-down-arrow {
        display: block;
    }
    .book-demo-nav-bar.header-banner-button.custom-button {
        margin-top: 10px;
    }
}	

/* hader navbar classes end */


/* banner css start */
.banner-carousel .owl-nav {
    margin-top:0px !important;
}
.banner-carousel .owl-stage {
  min-width: 1000px !important;
}
     
.banner-carousel .owl-nav .owl-prev:after,
.banner-carousel .owl-nav .owl-prev:after, .banner-carousel .owl-nav .owl-next:after {
  content: '';
  position: absolute;
  top:45%;
  margin: auto;
  width: 60px;
  height: 80px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.banner-carousel .owl-nav .owl-prev:after {
  background-image: url("../images/arrow-left.png")!important;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center;
  left: 0px;
  border-radius: 0px 10px 10px 0px;
/*
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
*/
}

.banner-carousel .owl-nav .owl-next:after{
  background-image: url("../images/arrow-right.png") !important;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center;
  right: 0px;
  border-radius: 10px 0px 0px 10px;
}
.banner-carousel .owl-nav button{
  font-size: 0!important
}

.banner-carousel .owl-nav{
  height: 0;
}
.head-banner {
    background-image: url('../images/banner-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 85vh;
}

.head-banner-2 {
    background-image: url('../images/banner-bg-2.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 60%;
    min-height: 85vh;
/*    background-attachment: fixed;*/
}
.banner-hading {
    font-size: 54px;
    font-weight: 600;
    line-height: 1.1em;
/*    color: #548dcb;*/
    color: #2e2e30;
}
.banner-hading-right-two {
    font-weight: 300;
    font-size: 34px;
    text-align: right;
    line-height: 1.3;
}

.banner-hading-right-small {
    text-align: left;
}
.header-overlay {
    height: 85vh;
/*    background-image: linear-gradient(133deg, rgb(255 255 255), rgb(255 255 255 / 100%), rgb(255 255 255 / 80%), rgb(255 255 255 / 70%), rgb(255 255 255 / 40%), rgb(255 255 255 / 20%), rgb(255 255 255 / 5%), rgb(255 255 255 / 0%));*/
}
.ellipse-curve {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
}
.image-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-text-box {
	/*min-height: 500px;*/
}
.banner-pera-text {
	/*font-size: 22px;*/
    font-size: 26px;
    color: #5C5B60;
    width:50%;
}
.header-banner-button,
.header-banner-button:hover {
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
    position: relative;
    z-index: 10;
    padding: 6px 20px;
}
.high-section-banner-button,
.high-section-banner-button:hover {
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
    position: relative;
    z-index: 10;
    padding: 6px 20px;
}


.download-brochure-box {
    position: fixed;
    z-index: 100;
    left: -82px;
    top: 200px;
    background: #2e2e30;
    border: 1px solid #fff;
    transform: rotate(-270deg);
    border-radius: 10px 10px 0px 0px;
    font-weight: 600;
}
.download-brochure-box a {
    color: #ffffff;
    padding: 7px 14px 7px 14px;
    font-size: 18px;
    display: block;
}
.download-brochure-box a:hover {
    text-decoration: none;
}
.home-banner-bg-box {
    max-width: 550px;
    margin-left: auto;
}

.banner-main-img {
    position: relative;
    z-index: 1;
    width: 90%;
}
.high-section-area {
    width:60%;
    margin:auto;
}
.premium-button {
    display: flex;
    flex-direction: column;
    border-radius: 40px !important;
}
.premium-button span {
    font-size:14px;
    font-style: italic;
}
@media (min-width: 1367px) {
    .ellipse-curve {
        bottom: 0px;
    }
    .header-banner-button,
    .header-banner-button:hover {
            padding: 6px 20px !important;
            border-radius: 30px !important;
            font-size: 20px !important;
    }
    .high-section-banner-button,
    .high-section-banner-button:hover {
            padding: 6px 20px !important;
            border-radius: 30px !important;
            font-size: 24px !important;
    }
    .high-section-area {
        width:55%;
        margin:auto;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner-main-img {
       width: 100%;
    }
    .high-section-area {
        width:80%;
        margin:auto;
    }
}
@media (max-width: 1024px) and (min-width: 575px) {
    .banner-carousel .owl-nav .owl-prev:after,
    .banner-carousel .owl-nav .owl-prev:after, .banner-carousel .owl-nav .owl-next:after {
      width: 30px;
      height: 60px;
    }

    .banner-carousel .owl-nav .owl-prev:after {
      background-size: 35px 35px;
    }

    .banner-carousel .owl-nav .owl-next:after{
      background-size: 35px 35px;
    }
}
@media (max-width: 767px) {
    
    .head-banner-2 {
        background-position: 54% 60%;
    }
    .header-banner-button, .header-banner-button:hover {
        font-weight: 600 !important;
        font-size: 14px !important;
        padding: 6px 10px;
    }
    
    .high-section-banner-button,
    .high-section-banner-button:hover {
        font-weight: 600 !important;
        font-size: 18px !important;
        padding: 6px 10px;
    }
    .high-section-area {
        width:100%;
        margin:auto;
    }
    .download-brochure-box {
        position: relative;
        left: 0px;
        top: 0px;
        background: #ffffff;
        border: 2px solid #548dcb;
        transform: unset;
        border-radius: 30px;
        -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
        box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
        margin-left: 10px;

    }
    .download-brochure-box a {
        color: #000000;   
        font-weight: 600 !important;
        font-size: 14px !important;
        padding: 6px 10px;
    }
    .banner-left-container {
        position: relative;
        z-index: 2;
    }
    .banner-right-container {
        position: absolute;
        opacity: 0.15;
    }
    .banner-left-container .banner-hading {
        line-height: 1.3em;
    }
    .banner-left-container .banner-hading .hidden-xs {
        display: none;
    }
    .home-banner-bg-box {
        max-width: 500px;
        margin-left: auto;
    }
    .head-banner {
        background-position: top right;
    }
}

/* banner css end */

/* Solutions classes start */
.section-heading-center-line,
.section-heading-center-no-line {
	color: #333333;
	font-size: 36px;
	font-weight: 600;
	margin: 0px;
	position: relative;
    padding-bottom: 10px;
    line-height: 1.2;
}
.contact-section-heading-center-line {
	color: #333333;
	font-size: 32px;
	font-weight: 600;
	margin: 0px;
	position: relative;
    padding-bottom: 10px;
    line-height: 1.2;
}
/*
.section-heading-center-line:after {
	content: "";
    position: absolute;
    height: 3px;
    width: 90px;
    background-color: #548dcb;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
*/
.section-sub-heading-center-line {
    font-size: 30px;
    font-weight: 500;
    margin: 20px 0px 0px 0px;
}
.solutions-card-panel {
    display: block;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 14px 16px;
    margin: 15px 0;
    height: calc(100% - 30px);
    color: #5C5B60;
    text-decoration: none;
    transition: all 0.4s;
}
.solutions-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.solutions-card-header-img {
    max-width: 120px;
    display: block;
    margin: 0 auto;
}
.solutions-card-header-text {
    font-size: 24px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
    line-height: 1.3;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}

.solutions-card-panel:hover {
    text-decoration: none;
    color: #5C5B60;
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 25%);
}

.collaboration-panel .solutions-card-header-img {
    max-width: 50px;
    margin-right: 10px !important;
}
.collaboration-panel-header-box {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.collaboration-panel-header-box .solutions-card-header-text {
    margin-top: 0px;
}

/*added 07-08-23*/

.new-solutions-card-panel {
    display: block;
	background-image: url("../images/new-feature-item-shade-bg.webp");
    background-position: left top;
    background-size: 75% 100%;
    background-repeat: no-repeat;
	border-radius: 0px;
    padding: 14px 16px;
    margin: 15px 0;
    height: calc(100% - 30px);
    color: #5C5B60;
    text-decoration: none;
    transition: all 0.5s ease;
}

.new-solutions-card-panel:hover {
    text-decoration: none;
    color: #5C5B60;
    background-image: url("../images/new-feature-item-shade-bg-hover.webp");
    background-position: right bottom;
    background-size: 75% 100%;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}
.new-solutions-card-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
}
.new-feature-bg {
    background-image: url("../images/new-feature-bg.webp");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}
.new-solutions-card-panel:hover .solutions-card-panel-bottom-arrow img {
	left: 5px;
}
.home-workflow-initiate-section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-workflow-initiate-section-bg {
    background-image: url('../images/home-workflow-initiate-section-bg.webp');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.home-workflow-initiate-section-box-1 {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.6);
    padding: 60px 80px;
    font-size: 24px;
    min-height: 230px;
    width: 50%;
}
.home-workflow-initiate-section-box-2 {
    display: flex;
    align-items: center;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 4px #fff;
    -moz-box-shadow: inset 0px 0px 0px 4px #fff;
    box-shadow: inset 0px 0px 0px 4px #fff;
    padding: 40px 60px;
    font-size: 24px;
    min-height: 230px;
    width: 50%;
}
.home-workflow-btm-cstm-padding {
    padding: 6px 30px !important;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.home-workflow-btm-cstm-padding:hover {
    padding: 6px 45px 6px 15px !important;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.home-workflow-btm-cstm-padding .arrow-btn-workflow {
    position: absolute;
    right: 5px;
    opacity: 0;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
.home-workflow-btm-cstm-padding:hover .arrow-btn-workflow {
    position: absolute;
    right: 5px;
    opacity: 1;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}
@media (max-width: 991px) {
    .solutions-card-header-img {
        max-width: 85px;
    }
    .home-workflow-initiate-section {
        flex-direction: column;
    }
    .home-workflow-initiate-section-box-1 {
        padding: 0px 50px;
        width: 100%;
    }
    .home-workflow-initiate-section-box-2 {
        padding: 40px 50px;
        width: 100%;
    }
}

/* Solutions classes end */



/* companies section classes start */

.companies-section {
	background-image: linear-gradient(180deg, #ffffff, rgba(253, 253, 253, 0.1), rgba(248,248,248, 0.74), rgba(241, 241, 241, 0.68));
    padding: 30px 0;
}
.companies-section .customers-carousel .item {
    min-height: 146px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

@media (min-width: 768px) {
	.companies-section .customers-carousel .item {
	    filter: grayscale(100%);
	}
	.companies-section .customers-carousel .item:hover {
	    filter: grayscale(0%);
	}
    .companies-section-book-demo .customers-carousel .item {
	    filter: grayscale(100%);
	}
	.companies-section-book-demo .customers-carousel .item:hover {
	    filter: grayscale(0%);
	}
}



/* companies section classes end */



.custom-button {
    border: 2px solid #548dcb !important;
    background: #548dcb ;
    border-radius: 20px;
    color: #fff !important;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    position: relative;
    white-space: nowrap;
}
.custom-button:hover {
    color: #ffffff;
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
}
.btn.custom-button.bsv-btn {
/*
    border-color: #ffffff;
    background-color: transparent;
*/
    color: #ffffff;
}
.btn.custom-button.bsv-btn:hover {
    -webkit-box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
    box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
}
/* Insight section classes start */
.insight-section {
    padding:100px 0px;
}
.insight-nav {}
.insight-nav .nav-item {
	padding: 0px 40px;
}
.insight-nav .nav-item .nav-link {
    background-color: transparent;
    color: #5c5b60;
    font-size: 28px;
    padding: 10px 10px;
}
.insight-nav .nav-item .nav-link.active {
	color: #548dcb;
}
.insight-tab-content {
    margin-top: 30px;
}
.insight-card-panel {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    display: block;
    color: #5C5B60;
    background-color: #ffffff;
    transition: all 0.5s;
}
.insight-card-panel.case-study-card img {
    height: 170px;
    width: 100%;
    object-fit: cover;
}
.insight-card-panel-top {
    position: relative;
}
.insight-card-panel-top-img {
    width: 100%;
    /* height: 180px; */
    object-fit: contain;
/*    object-fit: cover;*/
}
.insight-card-panel-top-text-box {
    position: absolute;
    z-index: 1;
    color: #5C5B60;
    bottom: -12px;
    right: 15px;
    height: 62px;
    width: 62px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 1px 18px 0px rgb(0 0 0 / 15%);
    font-size: 16px;
    font-weight: 600;
    padding: 8px 10px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.insight-card-panel-bottom {
    padding: 40px 15px 15px 15px;
}
.insight-card-panel-bottom-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    height: 54px;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}
.insight-card-panel-bottom-sub {
    font-size: 16px;
    margin-bottom: 15px;
    height: 48px;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}
.insight-card-panel-bottom-arrow img {
    max-width: 24px;
    transition: all 0.3s;
    position: relative;
    left: 0;
}
.insight-card-panel:hover {
    text-decoration: none;
    color: #5C5B60;
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 25%);
}
.insight-card-panel:hover .insight-card-panel-bottom-arrow img {
    left: 5px;
}

@media (max-width: 767px) {
    .insight-section {
        padding: 50px 0px;
    }
}

/* Insight section classes end */

/* footer classes start */

#footer {
    background-image: url('../images/footer-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: #ffffff;
    padding: 30px 0px 25px 0px;
}
.footer-contact-button.custom-button {
    border-width: 2px;
    font-weight: 400 !important;
    padding: 6px 10px !important;
/*    color: #000 !important;*/
    font-size: 14px;
}
.footer-contact-button.custom-button:hover {
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 40%) !important;
}
#footer .imgTitle > img {
    height: auto;
    width: 220px;
}
#footer .footer-left .imgTitle {
    max-width: 280px;
    width: 280px;
}
.footer-left {
    font-size: 16px;
    font-weight: 300;
}
.footer-mail-contacts {
    display: flex;
    flex-direction: column;
}
.footer-mail-contacts span {
    margin-bottom: 5px;
    font-size: 16px;
}
.footer-mail-contacts span a {
    color:#fff;
    font-size: 16px;
    text-decoration: none;
}
.social-strip {
    display: flex;
    align-items: center;
}
.follow-us-text {
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
}
.follow-us-btn-panel {
    display: flex;
    align-items: center;
}
.btn-social {
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    margin: 8px 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    font-size: 16px;
    width: 26px;
}
.btn-social img {
    width: 100%;
}

.menu-simple ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.menu-simple ul li a {
    text-decoration: none;
    color: #ffffff !important;
    padding: 6px 0px 6px 0px;
    text-align: left;
    display: block;
    font-weight: 300;
    font-size: 16px;
    display: inline-block;
}
.menu-simple ul li a:hover {
    color: #ffffff;
    font-weight: 400;
    cursor: pointer !important;
}
.microsoft-logo-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
/*    justify-content: space-between;*/
    justify-content: flex-start;
    padding-bottom: 6px;
    padding-top: 20px;
}
.microsoft-co-sell-logo {
    max-width: 220px;
    margin-top: 25px;
}
.microsoft-partner-logo img,
.microsoft-co-sell-logo img {
    width: 100%;
    border-radius: 10px;
}
img.software-rewiew {
    width: 128px !important;
    margin-left: 50px;
}
.pl-10 {
    padding-left: 10px;
}

.footer-middle-head {
    font-size: 18px;
}
.footer-bottom-text {
    color: #ffffff;
    font-size: 12px;
    border-top: 1px solid #ffffff;
    padding-top: 25px;
    margin-top: 20px;
}
.footer-bottom-text a{
    color: #ffffff;
    font-size: 12px;
}

.footer-right-panel .microsoft-logo-panel {
    height: auto;
}
.subscribe-panel .form-group {
    width: calc(100% - 110px);
    padding-right: 10px;
}
.subscribe-panel .form-group .form-control {
    border-radius: 20px;
    padding: 6px 16px;
    height: 43px;
    color: #333333;
}
.subscribe-panel .form-group .form-control::placeholder {
    color: #333333;
}

@media (max-width: 1199px) {
    .subscribe-panel .form-group {
        width: calc(100% - 100px);
    }
    .subscribe-panel {
        padding-top: 20px;
    }
}
@media (min-width: 768px) {
    .footer-social-phone {
        display: none;
    }
    .footer-mail-contacts-phone {
        display: none;
    }
    .footer-mail-contacts-web {
        display: flex;
    }
}
@media (max-width: 767px) {
    .footer-social-phone {
        display: block;
    }
    .footer-social-web {
        display: none;
    }
    .footer-mail-contacts-phone {
        display: flex;
    }
    .footer-mail-contacts-web {
        display: none;
    }
    #footer .item .imgTitle {
        display: none;
    }
/*
    .microsoft-partner-logo {
        margin-bottom: 20px;
    }
*/
    .menu-simple ul li a {
        padding: 6px 0px 6px 0px;
    }
    .footer-middle-head {
        padding-left: 0px!important;
    }
}
@media (max-width: 575px) {
    #footer .item {
        font-size: 14px;
    }
    #footer .menu-simple ul>h3 {
        font-size: 18px;
    }
    #footer .menu-simple ul li a {
        font-size: 14px;
    }

}
.complex-workflowchart-modal-content {
    height: calc(100vh - 30px);
    display: flex;
    align-items: center;
    overflow-x: auto;
}
/* footer classes end */
.contact-left-text-document {
    color: #fff;
    position: relative;
    z-index: 2;
}
.contact-left-text-main-document {
    font-size: 36px;
    font-weight: bold;
}

@media screen and (min-width: 1367px) {
    .footer-contact-button.custom-button {
        font-size: 16px;
    }
    .container {
        max-width: 1300px;
    }
    .navbar-brand {
        max-width: 300px;
        width: 300px;
    }
    .custom-navbar .nav-item .nav-link {
        font-size: 20px;
    }
    .custom-navbar .nav-item {
        padding: 16px 14px;
    }
    .navbar-shrink .nav-item {
        padding: 12px 14px;
    }
    .banner-text-box {
/*        min-height: 505px;*/
        padding-top: 50px;
    }
    .banner-hading {
        font-size: 64px;
    }
    .banner-hading-right-two {
        font-size: 44px;
    }
    .banner-pera-text {
        font-size: 32px;
        margin-top: 1.5rem!important;
    }
    .home-banner-bg-box {
        max-width: 610px;
        margin-top: 44px;
    }
    .section-heading-center-line,
    .section-heading-center-no-line {
        font-size: 42px;
        padding-bottom: 12px;
    }
    .contact-section-heading-center-line {
        font-size: 36px;
        padding-bottom: 12px;
    }
    .solutions-card-header-text {
        font-size: 26px;
    }

    .solutions-card-panel {
        padding: 18px 18px;
    }
    .new-solutions-card-panel {
        padding: 18px 18px;
    }

    .bsv-heading-center-line,
    .section-heading-left-line {
        font-size: 42px;
    }
    .high-section-heading-center-line {
        font-size: 42px;
    }
    .bsv-left-panel-logo {
        max-width: 500px;
    }
    .bsv-right-panel-top,
    .bsv-right-panel-bottom-ow-name {
        font-size: 26px;
    }
    .bsv-right-panel-bottom-ow-desc {
        font-size: 22px;
    }
    .bsv-btn {
        font-size: 20px;
    }
    .section-sub-heading-left-line {
        font-size: 38px;
    }
    .light-up-desc {
        font-size: 30px;
    }
    .video-play-right {
        transform: translateY(-50%) scale(1.2);
    }
    .custom-button {
        border: 3px solid #548dcb;
        border-radius: 28px;
        font-size: 18px;
    }
    .book-demo-nav-bar.header-banner-button.custom-button {
        border-width: 2px;
        font-size: 20px !important;
        padding: 6px 20px !important;
    }
    .collaboration-box, .wellbeing-box, .hybridWorking-box, .flexibility-box {
        font-size: 20px;
        padding: 6px 14px;
    }
    .insight-nav .nav-item .nav-link {
        font-size: 32px;
    }
    .insight-card-panel-bottom-heading {
        font-size: 20px;
        height: 60px;
    }
    .insight-card-panel-bottom-sub {
        font-size: 18px;
        height: 53px;
    }
    .insight-card-panel-top-text-box {
        font-size: 18px;
    }
    #footer .footer-left .imgTitle {
        max-width: 320px;
        width: 320px;
    }
    .footer-left {
        font-size: 18px;
    }
    .follow-us-text {
        font-size: 18px;
    }
    .btn-social {
        width: 34px;
    }
    .footer-middle-head {
        font-size: 20px;
    }
    .menu-simple ul li a {
        font-size: 18px;
    }
    .microsoft-co-sell-logo {
        max-width: 234px;
    }
    .footer-bottom-text {
        font-size: 14px;
    }
    .footer-bottom-text a{
        font-size: 14px;
    }
    .footer-mail-contacts span {
        font-size: 18px;
    }
    .footer-mail-contacts span a {
        font-size: 18px;
    }
    .microsoft-partner-logo {
        height: 170px;
    }
    .microsoft-partner-logo img, .microsoft-co-sell-logo img {
        width: 100%;
        border-radius: 10px;
        object-fit: cover;
        height: 100%;
    }
}

@media screen and (min-width: 1601px) {
    .container {
        max-width: 1500px;
    }
    .navbar-brand {
        max-width: 400px;
        width: 400px;
    }
    .custom-navbar .nav-item .nav-link {
        font-size: 22px;
    }
    .custom-navbar .nav-item {
        padding: 20px 14px;
    }
    .navbar-shrink .nav-item {
        padding: 16px 14px;
    }
    .book-demo-nav-bar.header-banner-button.custom-button {
        font-size: 22px !important;
        padding: 8px 20px !important;
    }
    .banner-text-box {
        min-height: 600px;
    }
    .section-heading-center-line,
    .section-heading-center-no-line {
        font-size: 50px;
        padding-bottom: 18px;
    }
    .section-sub-heading-left-line {
        font-size: 38px;
    }
    .custom-button {
        border: 3px solid #548dcb;
        border-radius: 28px;
        font-size: 26px;
    }
    .light-up-section {
        padding: 96px 0px !important;
    }
    .video-play-right {
        right: 44px;
        transform: translateY(-50%) scale(1.5);
    }
    .experience-video-panel {
        width: 100%;
        height: 562px;
        max-width: 1000px;
    }

}

@media (max-width: 1199px){
    .banner-hading {
        font-size: 44px;
    }
    .banner-hading-right-two {
        font-size: 28px;
    }
    .banner-pera-text {
        font-size: 20px;
        width: 60%;
    }
    .section-heading-center-line,
    .section-heading-center-no-line,
    .bsv-heading-center-line,
    .section-heading-left-line {
        font-size: 32px;
    }
    .contact-left-text-main-document {
        font-size: 32px;
    }
    .high-section-heading-center-line {
        font-size: 32px;
    }
    .bsv-right-panel-top,
    .bsv-right-panel-bottom-ow-name {
        font-size: 20px;
    }
    .bsv-right-panel-bottom {
        margin-top: 50px;
    }
    .bsv-btn {
        font-size: 16px;
    }
    .section-sub-heading-left-line {
        font-size: 22px;
    }
    .light-up-desc {
        font-size: 20px;
        margin: 15px 0px 0px 0px;
    }
    .light-up-btn-panel {
        margin-top: 24px;
    }
    .custom-button {
        font-size: 16px;
    }
    .collaboration-box, .wellbeing-box, .hybridWorking-box, .flexibility-box {
        font-size: 14px;
    }
    .experience-video-panel {
        height: 445px;
        max-width: 792px;
    }
    .insight-nav .nav-item {
        padding: 0px 26px;
    }
    .insight-nav .nav-item .nav-link {
        font-size: 24px;
        padding: 2px 10px;
    }
    .microsoft-logo-panel {
        flex-direction: row;
        align-items: center;
        padding-bottom: 0px;
    }
    .microsoft-partner-logo {
        max-width: 370px;
    }
    .microsoft-co-sell-logo {
        max-width: 233px;
        margin-top: 0px;
        margin-left: 50px;
    }
}
@media (max-width: 991px) {
    .microsoft-logo-panel {
        flex-direction: column;
        margin-bottom: 16px;
    }
    .microsoft-partner-logo {
        margin-bottom: 20px;
    }
    .microsoft-co-sell-logo {
        margin-left: 0px;
        justify-content: center;
    }
    .header-overlay {
        background-image: linear-gradient( 133deg, rgb(255 255 255), rgb(255 255 255 / 100%), rgb(255 255 255 / 90%), rgb(255 255 255 / 80%), rgb(255 255 255 / 50%), rgb(255 255 255 / 30%), rgb(255 255 255 / 5%), rgb(255 255 255 / 0%));
    }
    .light-up-section {
        background-position: 357px center;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .solutions-card-header-text {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
/*
    .microsoft-logo-panel {
        flex-direction: column;
        margin-bottom: 16px;
    }
*/
    .light-up-section {
        background-image: none;
    }
    .laptop-box {
        max-width: 650px;
        margin: 30px auto 0 auto;
    }
    .laptop-box .laptop-box-image {
        display: block;
    }
    .video-play-right {
        right: unset;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .bsv-left-panel {
        justify-content: center;
    }
    .bsv-right-panel-top, 
    .bsv-right-panel-bottom-ow-name,
    .bsv-right-panel-bottom {
        text-align: center;
    }
    .inner-banner-text-box-three .banner-hading {
        text-align: left;
        margin-top: 8px;
    }
    .insight-nav .nav-item {
        padding: 0px 8px;
    }
    .header-overlay,
    .head-banner {
        height: 500px;
        min-height: auto;
    }
    .header-overlay .h-100 {
        height: auto !important;
    }
    .banner-text-box {
        min-height: auto;
    }
}
@media (max-width: 575px) {
    .microsoft-co-sell-logo {
        flex-direction: column;
    }
    img.software-rewiew {
        margin-top: 20px;
    }
    .banner-hading {
        font-size: 36px;
    }
    .banner-hading-right-two {
        font-size: 28px;
    }
    .section-heading-center-line, .section-heading-center-no-line, .bsv-heading-center-line, .section-heading-left-line {
        font-size: 28px;
    }
    .contact-left-text-main-document {
        font-size: 28px;
    }
    .high-section-heading-center-line {
        font-size: 28px;
    }
    .header-overlay {
        background-image: linear-gradient( 133deg, rgb(255 255 255), rgb(255 255 255 / 100%), rgb(255 255 255 / 90%), rgb(255 255 255 / 80%), rgb(255 255 255 / 60%), rgb(255 255 255 / 40%), rgb(255 255 255 / 20%), rgb(255 255 255 / 0%));
    }
    .solutions-card-header-text {
        font-size: 20px;
    }
    .solutions-card-body {
        font-size: 16px;
    }
    .solutions-card-footer .solutions-card-footer-img {
        max-width: 24px;
    }
    .light-up-section {
        background-image: none;
        margin: 0px 0px;
    }
    .laptop-box {
        height: auto;
    }
    .experience-video-panel {
        height: 286px;
        max-width: 792px;
    }
    .insight-nav .nav-item {
        padding: 0px 4px;
    }
    .insight-nav .nav-item .nav-link {
        font-size: 18px;
        padding: 2px 8px;
    }
    .section-sub-heading-left-line {
        font-size: 18px;
    }
}

@media (max-width: 425px) {
    .navbar-brand {
        max-width: 210px;
    }
    .custom-button {
        font-size: 14px;
    }
    .header-overlay {
        background-image: linear-gradient(131deg, rgb(255 255 255), rgb(255 255 255 / 100%), rgb(255 255 255 / 100%), rgb(255 255 255 / 90%), rgb(255 255 255 / 80%), rgb(255 255 255 / 70%), rgb(255 255 255 / 50%), rgb(255 255 255 / 30%));
    }
    .header-overlay-2 {
       background-image: linear-gradient(131deg, rgb(255 255 255), rgb(255 255 255 / 100%),rgb(255 255 255 / 50%), rgb(255 255 255 / 30%));
    }
    .banner-hading {
        font-size: 28px;
    }
    .banner-hading-right-two {
        font-size: 20px;
    }
    .banner-pera-text {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
    }
    .banner-text-box {
        min-height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .section-heading-center-line, .section-heading-center-no-line, .bsv-heading-center-line, .section-heading-left-line {
        font-size: 22px;
    }
    .contact-left-text-main-document {
        font-size: 22px;
    }
    .high-section-heading-center-line {
        font-size: 22px;
    }
    .solutions-card-header-text {
        font-size: 18px;
    }
    .solutions-card-body {
        height: 40px;
    }
    .video-play-right {
        height: 70px;
        width: 70px;
    }
    .play-button-box {
        height: 70px;
        width: 70px;
    }
    .loght-up-play-icon {
        width: 20px;
    }
    .footer-left {
        font-size: 16px;
    }
    .footer-bottom-text {
        font-size: 14px;
    }
    .footer-bottom-text a{
        font-size: 14px;
    }
    .footer-mail-contacts span {
        font-size: 16px;
    }
    .footer-mail-contacts span a {
        font-size: 16px;
    }
    .insight-nav .nav-item {
        padding: 0px 2px;
    }
} 
@media(max-width: 374px) {
    .insight-nav .nav-item .nav-link {
        font-size: 16px;
        padding: 2px 4px;
    }
}


/* Internal banner classes start */

.inner-head-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.inner-banner-text-box,
.inner-banner-text-box-two {
    min-height: 85px;
    display: flex;
    align-items: flex-end;
}
.inner-header-overlay {
    background-color: rgb(6 37 83 / 85%);
}
.workflow-inner-header-overlay {
    background-color: rgb(6 37 83 / 95%);
}
.inner-banner-text-box .banner-hading,
.inner-banner-text-box-two .banner-hading {
    color: #ffffff;
}
.logo-black,
.navbar-shrink .logo-white {
    display: none;
}
.navbar-shrink .logo-black {
    display: block;
}
.inner-header-bg .custom-navbar .nav-item .nav-link {
    color: #ffffff;
}
.inner-header-bg .navbar-shrink.custom-navbar .nav-item .nav-link {
    color: #2e2e30;
}
@media (max-width: 991px) {
    .inner-header-bg .custom-navbar .nav-item .nav-link {
        color: #2e2e30;
    }
}


@media (max-width: 425px) {
    .inner-head-banner {
        background-size: cover;
        background-position: top center;
    }
}

/* Internal banner classes end */


/* feature page classes start */
.feature-banner {
    background-image: url(../images/feature/Features.webp);
}
.doc-management-main-banner {
    background-image: url('../images/feature/Document-Management-main-banner.webp');
}
.intranet-main-banner {
    background-image: url('../images/feature/Intranet-main-banner.webp');
}
.guest-user-portal-main-banner {
    background-image: url('../images/feature/Guest-user-portal-main-banner.webp');
}
.project-task-main-banner {
    background-image: url('../images/feature/Project-task-main-banner.webp');
}
.workflow-automation-main-banner {
    background-image: url('../images/feature/Workflow-Automation-main-banner.webp');
}
.feature-banner-heading {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1em;
}
.feature-banner-pera-text {
    font-size: 24px;
}
.feature-banner-content {
    position: absolute;
    bottom: 30px;
    left: 15px;
}
.feature-head-text {
    margin-top: -24px;
    color: #FFFFFF;
    background: #4a4747;
    width: 100%;
    z-index: 1;
    position: relative;
}
.feature-padTopBotm {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 0;
}

.feature-tab-image {
    max-width: 65px;
}
.feature-tabs.nav-tabs {
    border: none;
}

.feature-tabs.nav-tabs .nav-link {
    border: none;
    color: #5C5B60;
    text-align: center;
    padding-bottom: 4px;
    padding: 12px 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.feature-tabs.nav-tabs .nav-link .feature-tab-image {
    filter: grayscale(100%);
}
.feature-tabs.nav-tabs .nav-link.active .feature-tab-image {
    filter: grayscale(0%);
}
.feature-tab-title {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0px;
}
.custom-circle li {
    list-style-type: circle;
    padding: 2px 0;
}
.feature-tabs.nav-tabs .nav-link.active .feature-tab-title {
    color: #333333;
}
.feature-tabs.nav-tabs .nav-link.active {
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 15px 0px;
    border-radius: 18px;
}

.guest-user-portal-banner-bg {
    background-image: url('../images/guest-user/guest-user-portal-banner-bg-3.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 20px;
}
.laptop-box-guest {
    background-image: url('../images/guest-user-laptop-black2.webp');
    height: 330px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.guest-user-portal-banner-bg .video-play-right {
    right: auto;
    top: auto;
    left: auto;
    transform: none;
}
.guest-portal-body-container section#guestPortalH {
    padding: 0px 0 !important;
}
.web-page-comment-main-box, .web-page-comment-main-box2 {
    min-height: 275px;
    display: flex;
    align-items: center;
}
.web-page-comment-box {
    text-align: center;
    font-size: 36px;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
    padding: 0px 30px 0px 72px;
    font-style: italic;
    z-index: 1;
    line-height: 1.4;
}
.web-page-comment-box-before, .web-page-comment-box-after {
    position: absolute;
    max-width: 40px;
    width: 100%;
}
.web-page-comment-box-before {
    top: -45px;
    left: 0px;
    transform: rotate(180deg);
    max-width: 70px;
}
.web-page-comment-box-after {
    right: 0px;
    bottom: -16px;
}
.web-page-comment-box-bg1, .web-page-comment-box-bg2 {
    position: absolute;
    top: 0%;
    left: 34%;
    max-width: 400px;
    width: 100%;
    z-index: 0;
}
.web-page-comment-box-bg1 {
    -webkit-animation: wave 3s 0.1s infinite linear;
    animation: wave 3s 0.1s infinite linear;
    opacity: 0.2;
}
.web-page-comment-box-bg2 {
    -webkit-animation: wave1 5s 0.1s infinite linear;
    animation: wave1 5s 0.1s infinite linear;
    opacity: 1;
}
.guest-portal-body-container section {
    padding: 70px 0 !important;
}
.guest-feature-zone .nav .nav-item .nav-link {
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
}
.guest-feature-icon {
    height: 70px;
    width: 70px;
    min-width: 70px;
    text-align: center;
    -webkit-box-shadow: 0px 30px 40px 0px rgb(52 27 159 / 10%);
    box-shadow: 0px 30px 40px 0px rgb(52 27 159 / 10%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 0;
    margin-right: 30px;
    background: #fff;
}
.guest-feature-icon img {
    width: 100%;
    object-fit: contain;
}
.guest-left-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.feature-right-align-image {
    position: absolute;
    right: 0px;
    padding-right: 0px;
    height: 350px;
}
.feature-right-align-image>img {
    object-fit: contain;
    object-position: right;
}
.feature-left-align {
    min-height: 350px;
    padding-left: 0px;
    padding-right: 0px;
}

@keyframes wave {
    0% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);
    }
    100% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
    }
}

@keyframes wave1 {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 6%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 6%, 0) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 6%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 6%, 0) rotateZ(-360deg);
    }
}










@media screen and (min-width: 1367px) {
    .guest-user-portal-banner-bg {
        padding: 60px 10px;
    }
}
@media screen and (min-width: 1601px) {
    .guest-user-portal-banner-bg {
        padding: 70px 10px;
    }
}
@media (max-width: 1366px) {
    .dms-feature-title-min-hight {
        min-height: 87px;
    }
}

@media (max-width: 1199px) {
    .feature-tabs.nav-tabs .nav-link {
        padding: 8px 0px 8px 0px;
    }
    .feature-tab-title {
        font-size: 16px;
    }
    .web-page-comment-box-bg1, .web-page-comment-box-bg2 {
        left: 32%;
    }
    .feature-banner-pera-text {
        font-size: 20px;
    }
    .dms-feature-title-min-hight {
        min-height: 78px;
    }
}
@media (max-width: 991px) {
    .feature-banner-text {
        font-size: 18px;
    }
    .feature-tab-title {
        font-size: 14px;
        margin-top: 0px;
    }
    .feature-tabs .nav-item {
        padding: 0 4px;
    }
    .web-page-comment-box-bg1, .web-page-comment-box-bg2 {
        left: 26%;
    }
    .guest-portal-body-container section#guestPortalH,
    .guest-portal-body-container section {
        padding-bottom: 20px !important;
    }
}
@media (max-width: 767px) {
    #feature-header {
        background: #ffffff;
        width: 100%;
        height: 53px;
    }
    .feature-tabs2 .feature-tab-title {
        display: none !important;
    }
    .feature-tabs .feature-tab-image {
        max-width: 36px;
    }
    .center-box {
        text-align: center;
    }
    .feature-head-text {
        margin-top: 0;
    }
    .feature-tab-content-heading {
        font-size: 20px;
    }
    .feature-banner-text {
        font-size: 16px;
        margin-bottom: 1px;
    }
    .feature-banner-content {
        bottom: 4px;
    }
    .feature-tabs.nav-tabs .nav-link {
        padding: 14px 0px 14px 0px;
    }
    .web-page-comment-box-bg1, .web-page-comment-box-bg2 {
        left: 20%;
        max-width: 340px;
        top: 6%;
    }
    .web-page-comment-box {
        font-size: 30px;
        padding: 0px 25px 0px 35px;
    }
    .web-page-comment-box-before {
        max-width: 46px;
        top: -26px;
    }
    .guest-user-portal-banner-bg {
        background-image: none;
    }
    .laptop-box-guest {
        height: 270px;
    }
    .guest-portal-body-container section#guestPortalH,
    .guest-portal-body-container section {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
    .feature-left-align {
        min-height: auto;
    }
    .feature-right-align-image {
        position: relative;
    }
    .dms-feature-title-min-hight {
        min-height: 0px;
    }
    .feature-banner-pera-text {
        font-size: 18px;
    }
    .pera_text {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .feature-banner-heading {
        font-size: 36px;
    }
    .quick-start-image {
        width: 110px !important;
    }
}
@media screen and (max-width: 500px) {
    .web-page-comment-box-bg1, .web-page-comment-box-bg2 {
        left: 25%;
        max-width: 250px;
        top: 17%;
    }
    .web-page-comment-box {
        font-size: 24px;
    }
    .laptop-box-guest {
        height: 210px;
    }
    .web-page-comment-main-box, .web-page-comment-main-box2 {
        min-height: 216px;
    }
    .guest-feature-zone .nav .nav-item .nav-link {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
    }
    .guest-feature-icon {
        height: 50px;
        width: 50px;
        min-width: 50px;
        padding: 8px;
        margin-right: 20px;
        -webkit-box-shadow: 0px 12px 22px 0px rgb(52 27 159 / 10%);
        box-shadow: 0px 12px 22px 0px rgb(52 27 159 / 10%);
    }
}
@media (max-width: 425px) {
    .feature-tabs .nav-item {
        padding: 0 2px;;
    }
    .feature-tabs .feature-tab-image {
        max-width: 30px;
    }
    #feature-header {
        height: 50px;
    }
    .feature-banner-heading {
        font-size: 28px;
    }
}
@media screen and (max-width: 375px) {
    .web-page-comment-box-bg1, .web-page-comment-box-bg2 {
        left: 13%;
        top: 18%;
    }
    .laptop-box-guest {
        margin-top: 0px !important;
        height: 184px;
    }
}
@media (max-width: 375px) {
    .banner-pera-text {
        width:80%;
    }
}
@media (max-width: 360px) and (min-width: 320px) {
    .footer-contact-button.custom-button {
        font-size: 13px !important;
        padding:6px !important;
    }
}

/* feature page classes end */

.case-study-title-tag {
    padding: 8px;
    border: 1px solid #1f73b7;
    border-radius: 18px;
    font-size: 14px;
}  

/* glossary classes start */
.pl-20 { padding-left:20px;}

.custom-glossary-nav {
    display: flex;
    padding: 15px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
}
.custom-glossary-nav .glossary-search-list li {
    padding: 0px 0px 3px 6px;
}
.custom-glossary-nav .glossary-search-list li:first-child {
    padding: 0px 0px 3px 0px;
}
.custom-glossary-nav .nav-link {
    padding: 4px 9px;
}
.custom-glossary-nav a.nav-link {
    color:#2e2e30;
    border:1px solid #548dcb;
}
.custom-glossary-nav a.nav-link:hover {
    color: #fff;
    cursor: pointer;
    background-color: #548dcb;
    transition: all 0.3s ease;
}
.custom-glossary-nav a.disabled {
    color: #939393;
    cursor: not-allowed;
    border:none;
    pointer-events: none;
    background-color: #e9e9e9;
}
.custom-glossary-nav .nav-link.active, .custom-glossary-nav .show>.nav-link {
    color: #fff;
    background-color: #548dcb;
}
.custom-glossary-nav .search-glossary {
    transition: all 0.5s ease;
}
.custom-glossary-nav .search-glossary input {
    padding: 25px 10px;
    width: 280px;
    background-color: #e9e9e9;
}
.custom-glossary-content .tab-pane {
    padding: 0px;
/*     column-count: 4; */
}
.glossary-list-card {
    min-width: 320px;
/*    display: inline-block;*/
    border-radius: 10px;
    margin-bottom: 50px;
}
.glossary-list-card h2{
    font-size: 26px;
    font-weight: 600;
}
.glossary-list-card ul {
    padding: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}
.glossary-list-card ul li{
    line-height:32px;
}
.glossary-list-card ul li a{
    color:#2e2e30;
}
.glossary-list-card ul li a:hover{
    color:#548dcb;
    text-decoration: none;
    cursor: pointer;
}

.glossary-related-list-area {
    padding: 30px;
    background: #F3F3F3;
    border-radius: 10px;
    margin-top: 15px;
/*    min-height: 160px;*/
}
.glossary-related-list-area ul {
    list-style: none;
}
.glossary-related-list-area ul li {
    margin-bottom: 10px;
}
.glossary-related-list-area ul li:last-child {
    margin-bottom: 0px;
}
.glossary-related-list-area ul li a{
    color:#5C5B60;
    text-decoration: none;
}
.glossary-related-list-area ul li a:hover {
    color:#548dcb;
    text-decoration: none;
}
.glossary-related-list-area p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.glossary-detail-heading-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
}
.glossary-business-benefits-list-area {
/*    padding: 15px;*/
/*    background: #F3F3F3;*/
/*    border-radius: 10px;*/
    margin-top: 15px;
}
.glossary-business-benefits-list-area ul {
  list-style: none;
}
.glossary-business-benefits-list-area ul li::before {
  content: "\2022";
/*  color: #548dcb;*/
  font-weight: bold;
  font-size: 18px;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.glossary-automation-banner {
    background-image: url("../images/glossary/Automation.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-automation-banner {
    background-image: url("../images/glossary/Business-Process-Automation.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-design-banner {
    background-image: url("../images/glossary/Business-Process-Design.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-improvement-banner {
    background-image: url("../images/glossary/Business-Process-Improvement.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-integration-banner {
    background-image: url("../images/glossary/Business-Process-Intergration.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-monitoring-banner {
    background-image: url("../images/glossary/Business-Process-Monitoring.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-reengineering-banner {
    background-image: url("../images/glossary/Business-Process-Reengineering.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-business-process-transformation-banner {
    background-image: url("../images/glossary/Business-Process-Transformation.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-clain-processing-banner {
    background-image: url("../images/glossary/Claim-Process.webp");
    background-attachment: unset;
    background-position: right top;
}
.glossary-collaboration-banner {
    background-image: url("../images/glossary/Collaboration.webp");
    background-attachment: unset;
    background-position: right top;
}
.glossary-communication-banner {
    background-image: url("../images/glossary/Communication.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-dashboard-banner {
    background-image: url("../images/glossary/Dashboard.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-digital-process-banner {
    background-image: url("../images/glossary/Digital-Process-Automation.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-digital-transformation-banner {
    background-image: url("../images/glossary/Digital-Transformation.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-document-management-banner {
    background-image: url("../images/glossary/Document-Management.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-knowledge-management-banner {
    background-image: url("../images/glossary/Knowledgement-Management.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-rapid-application-development-banner {
    background-image: url("../images/glossary/Rapid-Application-Devlopment.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-robotic-process-automation-banner {
    background-image: url("../images/glossary/Robotic-Process-Automation.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-scalability-banner {
    background-image: url("../images/glossary/scalability.webp");
    background-attachment: unset;
    background-position: right center;
}
.glossary-task-management-banner {
    background-image: url("../images/glossary/Task-Management.webp");
    background-attachment: unset;
    background-position: right center;
}
@media (max-width: 1199px) {
    .custom-glossary-content .tab-pane {
        column-count: 3;
    }
}
@media (max-width: 991px) {
    .custom-glossary-nav {
        flex-direction: column;
    }
    .custom-glossary-nav .search-glossary {
        margin-top: 15px;
        transition: all 0.5s ease;
    }
    .custom-glossary-content .tab-pane {
        column-count: 2;
    }
}
@media (max-width: 767px) {
    .custom-glossary-content .tab-pane {
        column-count: 1;
    }
    .glossary-list-card {
        min-width: 300px;
    }
}
/* glossary classes end */
.blog-internal-content-box {
    word-break: break-word;
}
.use-case-heading-title {
    font-size: 28px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 34px;
    color: #548dcb;
}
.use-case-inner-card .blog-body-panel-two>h6 {
    color: #548dcb !important;
    display: inline-block;
    line-height: 1.3;
}

.use-case-card-box .use-case-shadow{
    margin-bottom: 24px;
    height: calc(100% - 24px);
}
.use-case-inner-card-list {
    padding-left: 18px;
    text-align: left;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
}
.use-case-inner-card-list li {
    list-style-type: circle;
    padding: 2px 0;
}

/* use case classes start */
.use-case-card-title {
    display: block;
    min-height: 20px;
}
.use-case-card-title h5 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    font-size: 16px;
}
#use-case .blog-panel {
    height: 100%;
}
#use-case .blog-body-panel-two {
    font-size: 16px;
    text-align: left;
}

.use-case-main-card {
    display: flex;
    height: 75px;
    align-items: center;
    justify-content: flex-start;
}

.managing-property-wise-documents-banner {
    background-image: url('../images/use-case/top-banner-managing-case.png');
    background-attachment: unset;
    background-position: right center;
}
.sharing-documents-with-investors-banner {
    background-image: url('../images/use-case/top-banner-sharing-docs.jpg');
    background-attachment: unset;
    background-position: right center;
}
.document-control-as-per-department-or-functional-groups-banner {
    background-image: url('../images/use-case/top-banner-document-control.jpg');
    background-attachment: unset;
    background-position: right center;
}
.internal-communication-use-case-banner {
    background-image: url('../images/use-case/top-banner-internal-case.jpg');
    background-attachment: unset;
    background-position: right center;
}

@media (min-width: 768px) {
    .use-case-inner-card .blog-body-panel-two>h6 {
        min-height: 40px;
    }
}

/* use case classes end */


/* get in touch classes start */


.get-in-touch-container {
    background-image: url('../images/get-in-touch-bg.webp');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.business-titan-container {
    background-image: url('../images/business-growth-titan.webp');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
/*    background-attachment: fixed;*/
}
/*
.freemium-partner-container {
    background-image: url('../images/feature/freemium-abstract-bg.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
*/
.girl-content-left-section {
/*
    background:#000;
    height: 100%;
    padding: 45px;
*/
}

.feature-get-in-touch-overlay {
    background-color: rgba(0,0,0,0.80);
    min-height: 210px;
    display: flex;
    align-items: center;
    padding: 24px 24px;
}
/*
.freemium-partner-overlay {
    background-color: rgba(255,255,255,0.40);
    min-height: 210px;
    display: flex;
    align-items: center;
    padding: 24px 0px;
}
*/

.feature-get-in-touch-overlay-doc {
    background-color: rgb(239 203 87 / 99%);
    min-height: 350px;
    box-shadow: inset 0px 0px 30px rgba(0,0,0,0.2);
}
.document-business-section-bg {
/*    background-color: #163042;*/
    background-image: url('../images/fluid-abstract-document.svg');
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}
/*
.feature-get-in-touch-overlay-doc:before {
        content: url(../images/top-part-divider.png);
    position: absolute;
    z-index: 99;
    left: 0px;
    top: -147px;
}
.feature-get-in-touch-overlay-doc:after {
    content: url("../images/bottom-part-divider.png");
    position: absolute;
    z-index: 99;
    left: 0px;
    bottom: -147px;
}
*/
.girl-image-section {
    height: 435px;
    margin-top: -50px;
    margin-bottom: -24px;
}
.dots-titan { display: flex;}
.yellow-dot {
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 50%;
    display: flex;
    animation: myAnim 3s ease 0s infinite normal forwards;
}
@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}
.text-black {color:#000;}
.get-in-touch-container .custom-button {
/*    border-color: #ffffff;*/
/*    background-color: transparent;*/
    color: #ffffff;
}
.get-in-touch-container .custom-button:hover {
    -webkit-box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
    box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
}
.business-titan-container .custom-button {
/*    border-color: #ffffff;*/
/*    background-color: transparent;*/
    color: #ffffff;
}
.business-titan-container .custom-button:hover {
    -webkit-box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
    box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
}

@media (min-width: 768px) and (max-width: 1366px) {
    .girl-image-section {
        height: 375px;
    }
}
@media (min-width: 768px){
    .high-section-height {
        min-height:300px;
    }
}
@media (max-width: 767px) {
    .girl-content-left-section {
        text-align: center;
    }
    .girl-image-section-mobile {
        display: none !important;
    }
    .feature-get-in-touch-overlay-doc {
        min-height: 210px;
    }
}
@media (max-width: 425px) {
    .feature-get-in-touch-overlay {
        padding: 30px 0px;
    }
}
@media (max-width: 331px) {
/*
    .get-in-touch-container .custom-button:first-child {
        margin-bottom: 14px;
    }
*/
    .business-titan-container .custom-button:first-child {
        margin-bottom: 14px;
    }
}
/* get in touch classes end */


/* contact us classes start */
.contact-us-banner {
    background-image: url('../images/inner-banner/Contact-US.webp');
}
.contact-left-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.contact-left-content p{
    font-size: 20px;
    font-weight: 400;
}
.contact-social-strip {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.contact-follow-us-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-right: 20px;
}
.contact-follow-us-btn-panel {
    display: flex;
    align-items: center;
    filter: brightness(0.4);
}
.contact-btn-social {
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    margin: 10px 20px 10px 0px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    font-size: 17px;
    width: 26px;
}
.contact-btn-social img {
    width: 100%;
}
.contact-video-image-section img{
    width: 100%;
    border-radius: 10px;
/*    height: 480px;*/
    object-fit: cover;
}
.contact-map-section {
    position: relative;
    /* height: 450px; */
    height: 600px;
}
.country-barnch-panel {
    position: absolute;
    right: 60px;
    top: 25px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    z-index: 1;
}
.us-map-marker-location {
    position:absolute;
    width: 100%;
    transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.india-map-marker-location {
    position:absolute;
    width: 100%;
    transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.opacity-0 {
/*    opacity: 0;*/
    display: none;
}
.opacity-1 {
/*    opacity: 1;*/
    display: block;
}
@media (max-width:991px){
    
    .contact-map-section {
        position: relative;
        height:auto;
    }
    .country-barnch-panel {
        position: relative;
        right: 0px;
        top: 0px;
        padding: 20px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: none;
        z-index: 1;
    }
    .us-map-marker-location {
        position:relative;
        width: 100%;
    }
    .india-map-marker-location {
        position:relative;
        width: 100%;
    }
}
.map-active {
    font-weight:700 !important;
    color:#548dcb;
}
.btn-video-watch {
    background: #fff;
    border: 1px solid #f58220;
    padding-left: 25px;
    padding-right: 25px;
    color:#f58220 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.btn-video-watch:hover {
    background: #fff;
    border: 1px solid #f58220;
    padding-left: 25px;
    padding-right: 25px;
    color: #f58220 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 1px;
	box-shadow:2px 2px 10px rgb(0,0,0,0.2);
}
.home-image-button:before {
	content:'';
    background:url("img/home-play.png") center no-repeat, #1ba1ff;
    background-size: 70%;
	text-align: center;
    padding-top: 0px;
    padding-left: 0px;
    position: absolute;
    top: 46%;
    left: 47%;
    width: 100px;
    height: 100px;
    border-radius: 50px;
/*    background: #1ba1ff;*/
    color: #FFF;
    font-size: 64px;
    margin-top: -30px;
    margin-left: -30px;
    opacity: 0.9;
    transition: opacity 0.3s, box-shadow 0.3s;
}
.home-image-button:hover:before {
    opacity: 1;
	cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.modal-video {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin: 5px;
}
.modal-video-content {
	border-radius: 0px;
/*	margin: 20px;*/
}
.modal-video-body {
    padding: 0px;
/*    height: 600px;*/
    height: calc(100vh - 40px) !important;
}
.close-video {
    position: absolute;
    line-height: 1.42857143;
    background: #000 !important;
    right: 10px;
    top: 63px;
    border-radius: 50px;
    display: block;
    padding: 0px 10px !important;
    opacity: 1;
	text-shadow:none !important;
	color: #fff;
    box-shadow: 0px 0px 12px rgba(255,255,255,0.5);
}
.close-video:hover {
	color: #fff;
	outline: 0 !important;
	opacity:0.5;
}
#launcher {
	z-index:1049 !important;
}
/*
.usa-box {
    padding: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.india-box {
    padding: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
*/
.contact-icon-box {
    max-width: 20px;
    min-width: 20px
}
.contact-icon-box img {
    width: 100%;
    margin-top: -5px;
}
.address-info-box {
    padding-left: 20px;
    width: calc(100% - 20px);
}
.country-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.3;
}
.country-name:hover {
    cursor:pointer;
}
.country-address {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #89898d;
}
.contact-right-box {
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    padding: 25px 10px;
    margin-top: -140px;
}
.contact-right-box.contact-bluebg {
    background: #1F73B7 !important;
}
.contact-right-box.contact-bluebg p{
    color: #fff!important;
}
.contact-right-box.contact-bluebg .custom-form-group .form-control {
    height: 45px;
    border-radius: 6px;
    padding-left: 10px;
}
.contact-right-box.contact-bluebg .custom-checkbox .custom-control-label {
    color: #fff;
}
.contact-right-box-radius {
    border-radius: 25px;
}
.contact-right-box .custom-form-group.form-group label {
    color: #fff;
}
.custom-form-group .form-control {
    height: 45px;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #acacac;
    box-shadow: none;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
    color: #aaacb9;
}
.custom-form-group .form-control::placeholder {
    color: #aaacb9;
}
.custom-form-group .form-control:focus {
    border-color: #548dcb;
}
.form-control-textarea {
    height: auto !important;
}
.custom-checkbox .custom-control-label {
    color: #aaacb9;
}
.custom-checkbox .custom-control-label a{
    color: #080087;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #548dcb;
    background-color: #548dcb;
}
.custom-checkbox-2 .custom-control-label {
    font-size: 10px;
}
.custom-checkbox-2 .custom-control-label::before,
.custom-checkbox-2 .custom-control-input:checked~.custom-control-label::after {
    top: 0px;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #acacac;
}

.custom-checkbox-2 .custom-control-label.not-accepted-privacy-policy::before,
.custom-control-input:focus:not(:checked)~.custom-control-label.not-accepted-privacy-policy::before {
    border-color: #ff0000;
}
.submit-btn,
.submit-btn:focus {
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
    border-radius: 20px;
    font-size: 16px;
    color: #364f74!important;
    font-weight: 500;
    padding: 6px 16px;
    border: 2px solid #548dcb;
    background: #fff;
}
.submit-btn:hover {
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
}
.your-information {
    color: #aaacb9;
    font-size: 8px;
}
.captcha-box-info {
    border: 1px solid #acacac;
    padding: 0 6px;
    margin-right: 15px;
    border-radius: 8px;
}
.page-loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.country-address-inner-usa {
    display: flex;
}
.country-address-inner-usa-left {
    width: 58%;
    border-right: 1px dashed #5C5B60;
    padding-right: 10px;
    margin-right: 10px;
}
.country-address-inner-usa-right {
    width: calc(42% - 10px);
}
.b-600 {
    font-weight: 600;
}
.b-700 {
    font-weight: 700;
}
.choose-option-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 10px 0px 5px;
    border-radius: 6px;
    color: #333;
    margin: 10px 15px 15px;
}
.choose-option-area label {
    color: #333 !important;
}
.choose-option-area .custom-control-label-option {
    font-size:1rem;
}
.choose-option-area .custom-checkbox-2 .custom-control-label::before, .choose-option-area .custom-checkbox-2 .custom-control-input:checked~.custom-control-label::after {
    top: 4px;
}
@media (min-width: 1367px) {
    .country-address-inner-usa-left {
        width: 55%;
        margin-right: 24px;
    }
    .country-address-inner-usa-right {
        width: calc(47% - 10px);
    }
}

@media (max-width: 991px) {
    .contact-right-box {
        margin-top: 0px;
    }
    .country-address-inner-usa {
        display: block;
    }
    .country-address-inner-usa-left {
        width: 100%;
        margin-right: 0px;
        padding-right: 0px;
        border-right: 0px;
    }
    .country-address-inner-usa-right {
        width: 100%;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .contact-right-box {
        margin-top: 30px;
    }
}


/* contact us classes end */


/* Pricing classes start */

.pricing-banner {
    background-image: url('../images/inner-banner/Pricing1.webp');
}

.pricing-middle-box,
.pricing-right-box {
    position: relative;
    padding: 0 0 45px 45px;
    border-bottom-left-radius: 30px;
}


.pricing-card-title {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding: 20px 0px;
    border-bottom: 2px solid #e5e5e5;
}
.pricing-card {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    display: block;
    color: #5C5B60;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}
.pricing-card-data {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: center;
}
.pricing-card-data li {
    padding: 15px 0px;
    border-bottom: 2px solid #e5e5e5;
}
.pricing-card-data li:last-child {
    border-bottom: none;
}
.pricing-middle-box::before,
.pricing-right-box::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #dde6ed;    
    width: 60%;
    height: 50%;
    border-bottom-left-radius: 30px;
}
.pricing-left-text {
    font-size: 22px;
}
.pricing-card-data li:hover {
    /*background-color: #f3f3f3;*/
}
.pricing-faq-panel .card {
    margin: 14px 0;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border-width: 0px 0px 0px 7px;
    border-left-color: #548dcb;
    -webkit-box-shadow: 0px 30px 40px 0px rgb(52 27 159 / 10%);
    box-shadow: 0px 30px 40px 0px rgb(52 27 159 / 10%);
}
.pricing-faq-panel .card-header {
    border-bottom: 0;
    background-color: transparent;
}
.pricing-faq-panel .card-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #1d1d1d;
}
.pricing-faq-panel .card-link span {
    padding-right: 8px;
}
.pricing-faq-panel .card-body {
    color: rgba(11,16,36,0.6);
    padding-top: 0 !important;
}
.arrow-faq {
    font-size: 26px !important;
    color: rgba(11,16,36,0.6);
}
.card-header a .arrow-faq {
    transform: rotate(90deg);
    transition: all 0.4s;
}
.card-header a[aria-expanded="true"] .arrow-faq {
    transform: rotate(-90deg);
}



@media (max-width: 767px) {
    .pricing-middle-box, .pricing-right-box {
        padding: 0 0 35px 35px;
    }
}
@media (max-width: 357px) {
    .pricing-middle-box, .pricing-right-box {
        padding: 0 0 25px 25px;
    }
}

/* Pricing classes end */


/*************************************************************************************************

        FAQ classes start

*************************************************************************************************/
.faq-tabs .col-2 {
    padding-right: 8px;
    padding-left: 0px;
    margin-bottom: 12px;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}
.nav-tabs.faq-tabs .nav-link {
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 15px 0px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-tabs.nav-tabs .nav-link .feature-tab-title {
    font-size: 16px;
}
.faq-tabs.nav-tabs .nav-link.active {
    background-color: #548dcb;
    color: #ffffff;
}
.faq-tabs.nav-tabs .nav-link.active .feature-tab-title {
    color: #ffffff;
}


.Guest-User-Portal-inner-nav .nav-item .nav-link {
    border: 2px solid #548dcb;
    background: #ffffff;
    border-radius: 20px;
    color: #5C5B60;
    font-size: 18px;
    font-weight: 400;
}
.Guest-User-Portal-inner-nav .nav-item .nav-link.active {
    color: #333333;
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
}
@media (max-width: 1199px) {
    .nav-tabs.faq-tabs .nav-item {
        padding-right: 4px;
        padding-left: 4px;  
    }
    .nav-tabs.faq-tabs .nav-link {
        padding: 8px 6px;
    }
    .nav-tabs.faq-tabs .nav-link .feature-tab-title {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .faq-tabs .col-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .Guest-User-Portal-inner-nav .nav-item .nav-link {
        font-size: 14px;
    }
} 
@media (max-width: 767px) {
    .faq-tabs .col-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .nav-tabs.faq-tabs .nav-link .feature-tab-title {
        font-size: 12px;
    }
    
} 
@media (max-width: 574px) {
    .faq-tabs .col-2 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
@media (max-width: 374px) {
    .nav-tabs.faq-tabs .nav-link .feature-tab-title {
        font-size: 10px;
    }
    .Guest-User-Portal-inner-nav .nav-item .nav-link {
        padding: 8px;
    }
}

/*************************************************************************************************

        FAQ classes end

*************************************************************************************************/
.code-area {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: #0202;
    border-radius: 10px;
    width: 70%;
    justify-content: flex-start;
    align-items: flex-start;
}
/* blog classes start */
.blog-internal-content-box ol ul {
    list-style-type: disc;
}
.blog-internal-content-box ol li {
    margin-bottom: 10px;
}
.blog-banner {
    background-image: url('../images/inner-banner/Blog.webp');
}
.blog-card-box .blog-shadow {
    margin-bottom: 24px;
    height: calc(100% - 24px);
}
.blog-card-box .blog-shadow .imgTitle {
    border-top-left-radius: 10px;
    overflow: hidden;
}
.blog-shadow .panel-body {
    padding: 20px;
}
.inner-ul-marker li {
    list-style: disc;
}
ol > li::marker {
  font-weight: bold;
}
.post-bar {
    padding: 0px 0px 0px 0;
    list-style: none;
    margin-bottom: 5px;
}
.post-bar>li {
    display: block;
    font-size: 14px;
}
.post-bar>li.date {
    min-height: 42px;
}
.post-bar>li:first-child {
    margin-bottom: 4px;
}
.post-bar .user>i, .date>i, .comments>i {
    color: #696969;
    margin-right: 8px;
}
.font-16 {
    font-size: 16px;
}
.blog-card-title {
    display: block;
    min-height: 50px;
}
.blog-card-title h5 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    font-size: 16px;
}
.blog-card-pera {
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 14px;
    min-height: 42px;
}
.blog-card-box .custom-button {
    font-size: 16px;
}
.blog-internal-image {
    display: flex;
    justify-content: center;
}
.blog-internal-image > img {
    display: block;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    max-width: 100%;
    height: auto;
    width: auto;
}
.blog-internal-main-heading {
    font-size: 28px;
    color: #548dcb;
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: 400;
}
.image-center-align {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}
.blog-internal-sub-heading {
    position: relative;
    /* font-size: 20px; */
    font-size: 24px;
    display: block;
    padding-bottom: 12px;
    padding-top: 15px;
}
/*.blog-internal-sub-heading::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 72px;
    background: #548dcb;
    left: 0;
    bottom: 12px;
}*/
.blog-internal-post-bar {
    display: flex;
/*    align-items: center;*/
}
.blog-internal-post-bar li {
    margin-bottom: 0px !important;
}
.blog-internal-post-bar li:first-child {
    margin-right: 10px;
}
.blog-internal-content-box p {
    font-size: 16px;
    margin-bottom: 10px !important;
}
.best-blog-body-img {
    max-width: 900px;
    margin: 0 auto;
}

.custom-modal-dialog {
    z-index: 10;
}

.subscribe-modal {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.subscribe-modal-panel {
    padding: 20px;
}
.modal-panel-close {
    opacity: 0.5;
}
.modal-panel-close:hover {
    opacity: 1;
    color: #548dcb;
}
.modal-panel-close:focus {
    outline: none;
}
.modal-heading-text {
    font-size: 24px;
    font-weight: 500;
    color: #548dcb;
    margin-top: 0px;
    margin-bottom: 10px;
}
.modal-sub-heading-text {
    font-size: 14px;
    margin-bottom: 14px;
    color: #000000;
}
.modal-form-panel .form-control {
    height: 45px;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #acacac;
    box-shadow: none;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
    color: #aaacb9;
}
.modal-form-panel .form-control:focus {
    border-color: #548dcb;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.submit-btn-box {
    color: #ffffff !important;
    background-color: #548dcb;
    border-color: #548dcb;
    letter-spacing: 1.4px;
    font-size: 14px;
}
.not-interested-btn {
    font-size: 14px !important;
    background-color: #ffffff;
    border-color: #dddddd;
    color: #333333 !important;
    text-transform: capitalize !important;
    letter-spacing: 1.2px;
    border-width: 1px;
}
.not-interested-btn:hover {
    box-shadow: none;
}
.bg-blur {
    filter: blur(2px);
}
.event-card-title {
    min-height: 38px;
}
.event-card-title h5 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    font-size: 16px;
}
.event-card-title:hover {
    text-decoration: none;
}
.blog-comment-from .contact-right-box {
    box-shadow: none;
    padding: 0;
}
.blog-breadcrumb-detail {
    background: none;
    padding: 0px;
    font-size: 14px;
    flex-wrap: nowrap;
}
.employee-satisfaction-banner {
    background-image: url('../images/blog/blog-banner/employee-satisfaction-hybrid-workplaces-environment-banner.webp');
    background-attachment: unset;
    background-position: right bottom;
}
.successful-workflow-automation {
    background-image: url('../images/blog/blog-banner/Successful-Workflow-Automation-Requires-Thoughtful-Approach-banner.webp');
    background-attachment: unset;
}
.titan-workspace-document-search-banner {
    background-image: url('../images/blog/blog-banner/Titan-Workspace-Document-Search-Engine-Facilitates-Higher-Productivity-1-banner.webp');
    background-attachment: unset;
}
.how-titan-workspace-banner {
    background-image: url('../images/blog/blog-banner/How-Titan-Workspace-2.8-Delivers-More-Bang-for-Your-Buck-5-banner.webp');
    background-attachment: unset;
    background-position: center top;
}
.how-a-digital-workspace-helps-banner {
    background-image: url('../images/blog/blog-banner/New-Hybrid-Workplace-banner.webp');
    background-attachment: unset;
}
.fostering-a-collaborative-banner {
    background-image: url('../images/blog/blog-banner/Fostering-a-Collaborative-banner.webp');
    background-attachment: unset;
}
.how-does-an-employee-banner {
    background-image: url('../images/blog/blog-banner/How-does-an-Employee-Experience-banner.webp');
    background-attachment: unset;
}
.simplifying-external-user-banner {
    background-image: url('../images/blog/blog-banner/Simplifying-External-User-Management-with-Titan-Workspace-banner.webp');
    background-attachment: unset;
}
.gartner-survey-reveals-banner {
    background-image: url('../images/blog/blog-banner/Gartner-Survey-Reveals-a-44-Rise-in-Workers-Use-of-Collaboration-Tools-Since-2019-banner.webp');
    background-attachment: unset;
}
.flexible-working-banner {
    background-image: url('../images/blog/blog-banner/Flexible-Working-and-the-Hybrid-Workplace-banner.webp');
    background-attachment: unset;
    background-position: center top;
}
.an-organization-banner {
    background-image: url('../images/blog/blog-banner/Organization-External-User-banner.webp');
    background-attachment: unset;
    background-position: center top;
}
.why-office365-external-banner {
    background-image: url('../images/blog/blog-banner/Office365-external-user-banner.webp');
    background-attachment: unset;
    background-position: center top;
}
.introduction-of-external-banner {
    background-image: url('../images/blog/blog-banner/External-sharing-6-banner.webp');
    background-attachment: unset;
    background-position: center top;
}
.microsoft-viva-banner {
    background-image: url('../images/blog/blog-banner/microsoft-viva3WL-banner.webp');
    background-attachment: unset;
}
.internal-communication-banner {
    background-image: url('../images/blog/blog-banner/Blog12-banner.webp');
    background-attachment: unset;
}
.work-from-home-banner {
    background-image: url('../images/blog/blog-banner/blog11-banner.webp');
    background-attachment: unset;
    background-position: left center;
}
.document-management-systems-banner {
    background-image: url('../images/blog/blog-banner/Blog10-banner.webp');
    background-attachment: unset;
    background-position: left center;
}
.why-your-business-banner {
    background-image: url('../images/blog/blog-banner/Blog9-banner.webp');
    background-attachment: unset;
}
.DMS-the-saviour-banner {
    background-image: url('../images/blog/blog-banner/DMSBlog-banner.webp');
    background-attachment: unset;
    background-position: left center;
}
.intranet-adoption-banner {
    background-image: url('../images/blog/blog-banner/blog6-banner.webp');
    background-attachment: unset;
    background-position: left center;
}
.exploring-the-benefits-banner {
    background-image: url('../images/blog/blog-banner/blog5-banner.webp');
    background-attachment: unset;
}
.improving-office-banner {
    background-image: url('../images/blog/blog-banner/blog4-banner.webp');
    background-attachment: unset;
}
.the-new-lifeline-banner {
    background-image: url('../images/blog/blog-banner/blog3-banner.webp');
    background-attachment: unset;
}
.how-microsoft-AI-banner {
    background-image: url('../images/blog/blog-banner/blog2-banner.webp');
    background-attachment: unset;
}
.journey-from-virtual-office-banner {
    background-image: url('../images/blog/blog-banner/blog1-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.enterprise-workflow-automation-banner {
    background-image: url('../images/blog/blog-banner/Why-Do-enterprises-need-WA-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.create-and-scale-a-dms-banner {
    background-image: url('../images/blog/blog-banner/Creating-a-sharepoint-DMS-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.collaboration-among-banner {
    background-image: url('../images/blog/blog-banner/CAE.webp');
    background-attachment: unset;
    background-position: center center;
}
.efficient-workflows-improve-workflow-efficiency-banner {
    background-image: url('../images/blog/blog-banner/EW.webp');
    background-attachment: unset;
    background-position: center center;
}
.cross-organizational-collaboration-banner {
    background-image: url('../images/blog/blog-banner/CO.webp');
    background-attachment: unset;
    background-position: center center;
}
.content-management-system-intranet-banner {
    background-image: url('../images/blog/blog-banner/IC-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.project-management-techniques-and-tools-banner {
    background-image: url('../images/blog/blog-banner/DC-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.digital-communication-in-workplace-banner {
    background-image: url('../images/blog/blog-banner/PMT-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.business-automation-workflow-banner {
    background-image: url('../images/blog/blog-banner/BAW-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.document-management-workflow-banner {
    background-image: url('../images/blog/blog-banner/DMW-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.sharepoint-document-management-best-practices-banner {
    background-image: url('../images/blog/blog-banner/SPDM-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.how-would-you-describe-intelligent-workplace-banner {
    background-image: url('../images/blog/blog-banner/HWDIW-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.low-code-automation-banner {
    background-image: url('../images/blog/blog-banner/LCA-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.timesheet-automation-does-it-matter-for-Services-organizations-banner {
    background-image: url('../images/blog/blog-banner/TA-WDM-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.automate-business-processes-banner {
    background-image: url('../images/blog/blog-banner/ABP-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.documenting-workflow-banner {
    background-image: url('../images/blog/blog-banner/DWBP-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.marketing-automation-workflow-examples-banner {
    background-image: url('../images/blog/blog-banner/MAWE-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.intranet-for-small-businesses-banner {
    background-image: url('../images/blog/blog-banner/ISB-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.microsoft-sharepoint-workspace-banner {
    background-image: url('../images/blog/blog-banner/MSW-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.sharepoint-knowlwdge-management-banner {
    background-image: url('../images/blog/blog-banner/SPKM-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.healthcare-workflows-for-marketing-automation-banner {
    background-image: url('../images/blog/blog-banner/HWBHMA-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.business-process-optimization-banner {
    background-image: url('../images/blog/blog-banner/BPOE-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.digital-workplace-strategy-banner {
    background-image: url('../images/blog/blog-banner/DigiWS-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.collaboration-challenges-banner {
    background-image: url('../images/blog/blog-banner/CCWHO-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.sharepoint-consulting-banner {
    background-image: url('../images/blog/blog-banner/SCSS-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.online-collaboration-banner {
    background-image: url('../images/blog/blog-banner/OCPS-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.improving-internal-communication-banner {
    background-image: url('../images/blog/blog-banner/IIC-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.workflow-automation-and-importance-banner {
    background-image: url('../images/blog/blog-banner/WA-banner.webp');
    background-attachment: unset;
    background-position: right top;
}
.digital-transformation-for-manufacturing-banner {
    background-image: url('../images/blog/blog-banner/AWID-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.organization-culture-surveys-banner {
    background-image: url('../images/blog/blog-banner/EYO-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.seven-HR-ways-banner {
    background-image: url('../images/blog/blog-banner/7HRW-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.HR-workflow-automation-banner {
    background-image: url('../images/blog/blog-banner/AGHRW-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.automation-in-real-estate-banner {
    background-image: url('../images/blog/blog-banner/AIRE-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.efficient-real-estate-management-banner {
    background-image: url('../images/blog/blog-banner/EREM-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.why-corporate-intranet-still-banner {
    background-image: url('../images/blog/blog-banner/WCIS-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.sales-productivity-with-workflow-automation-banner {
    background-image: url('../images/blog/blog-banner/BSP-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.b2b-sass-industry-banner {
    background-image: url('../images/blog/blog-banner/TB2BS-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.intranet-internet-extranet-banner {
    background-image: url('../images/blog/blog-banner/IVIVE-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.learn-employee-intranet-banner {
    background-image: url('../images/blog/blog-banner/WEIAEC-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.uses-application-intranet-banner {
    background-image: url('../images/blog/blog-banner/UAOAI-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.seven-advantages-multi-workplace-banner {
    background-image: url('../images/blog/blog-banner/7AM-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.overcoming-manufacturing-challenges-banner {
    background-image: url('../images/blog/blog-banner/OMC-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.what-is-an-intranet-banner {
    background-image: url('../images/blog/blog-banner/WIAI-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.workflow-automation-alternative-to-power-apps-banner {
    background-image: url('../images/blog/blog-banner/NCWAPA-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.migrate-sharepoint-banner {
    background-image: url('../images/blog/blog-banner/MSP1013-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.co-pilot-banner {
    background-image: url('../images/blog/blog-banner/cplt-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.ai-co-pilot-banner {
    background-image: url('../images/blog/blog-banner/aicplt-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.trends-in-property-document-management-banner {
    background-image: url('../images/blog/blog-banner/FTPD-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.Travel-Request-Approval-Workflow-banner {
    background-image: url('../images/blog/blog-banner/Travel-Request-Approval-Workflow-banner.webp');
    background-attachment: unset;
    background-position: right center;
}
.benefits-of-employee-offboarding-Workflow-banner {
    background-image: url('../images/blog/blog-banner/importance-of-workflow-automation-banner.webp');
    background-attachment: unset;
    background-position: right center;
}


@media (max-width: 991px) {
    .blog-internal-main-heading {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .blog-card-box .custom-button,
    .blog-internal-content-box p,
    .blog-internal-content-box ul li {
        font-size: 14px;
    }
}
@media (max-width: 575px) {
    .blog-internal-main-heading {
        font-size: 18px;
        font-weight: 500;
    }
    .blog-internal-sub-heading {
        font-size: 18px;
    }
}




/* blog classes end */

/*Industry classes start*/

.manufacturing .inner-header-overlay {
    background-image: linear-gradient(90deg, rgb(6 37 83 / 100%), rgb(0 48 48 / 70%));
    background-color: transparent;
}
.manufacturing .feature-banner-heading {
    font-size: 36px;
}
.manufacturing .inner-banner-min-hight-box {
    /* min-height: 550px; */
    min-height: 480px;
}
.manufacturing .feature-banner-pera-text {
    font-size: 18px;
}
.manufacturing .header-banner-button, .manufacturing .header-banner-button:hover {
    font-size: 20px !important;
}
.manufacturing-section-bg {
    background-image: url("../images/Manufacturing-section-bg.png");
    background-position-y: bottom;
    background-repeat: no-repeat;
}
.manufacturing-side-panel-button {
    position: absolute;
    bottom: 35px;
    left: 50%;
    -ms-transform: translateY(-50%);
    transform: translateX(-50%);
}
.manufacturing-section-list-area {
    padding: 15px;
    background: #F3F3F3;
    border-radius: 10px;
    margin-top: 15px;
}
.manufacturing-section-list-area ul {
  list-style: none;
}
.manufacturing-section-list-area ul li::before {
  content: "\2022";
  color: #FFB229;
  font-weight: bold;
  font-size: 18px;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.industry-manufacturing-banner {
    background-image: url("../images/Manufacturing-bg-top-banner.png");
}
.industry-real-estate-banner {
    background-image: url("../images/real-estate-top-banner.png");
}
.w-160 {
    width: 160px;
}
.real-estate-banner-highlight {
    background-image: linear-gradient(270deg, rgb(6 37 83 / 100%), rgb(0 48 48 / 1000%));
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.companies-section.real-estate .customers-carousel img {
    width:170px;
}
.sharepoint-struggle-real-estate-image {
    max-width: 100%;
/*    width: calc(100% - 60px);*/
    width: 100%;
    border-radius: 10px;
    margin-left: auto;
    display: block;
    position: relative;
}
.struggle-side-image-area {
    position:relative;
}
.brochure-real-estate-btn {
    position: absolute;
    bottom: 8%;
    left: 5%;
    font-size: 14px;
    width:160px;
}
@media (max-width: 1366px) and (min-width:992px) {
    .height-box-1 {
        /* height: 95px; */
    }
    .height-box-2 {
    /*    height: 95px;*/
    }
    .height-box-3 {
        /* height: 120px; */
    }
    .height-box-4 {
    /*    height: 95px;*/
    }
    .height-box-5 {
    /*    height: 95px;*/
    }
    .height-box-6 {
        /* height: 70px; */
    }
}
@media (max-width: 375px) and (min-width:320px) {
    .brochure-real-estate-btn {
        position: absolute;
        bottom: 8%;
        left: 5%;
        font-size: 10px;
        width:125px;
    }
}
/*Industry classes end*/



/* press release  classes start */
.press-release-banner {
    background-image: url('../images/PressRelease/press.webp');
}





#PressRelease .press-release-body-panel {
    height: calc(100% - 145px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.press-release-body-panel-two {
    font-size: 18px;
    line-height: 20px;
    min-height: 54px;
}

#PressRelease .press-release-panel .press-release-body-panel-two>a {
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
}
.font-10 {
    font-size: 10px;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}



.close-nav-side {
    display: flex;
    justify-content: flex-end;
    padding: 6px 12px 15px 0px;
}

@media screen and (min-width: 1367px) {
    #PressRelease .press-release-body-panel {
        height: calc(100% - 158px);
    }
    .press-release-body-panel-two {
        font-size: 20px;
        line-height: 24px;
    }
    .height-box-1 {
    /* height: 72px; */
    }
    .height-box-3 {
        /* height: 96px; */
    }
    .height-box-6 {
        /* height: 47px; */
    }
}
@media screen and (min-width: 1601px) {
    #PressRelease .press-release-body-panel {
        height: calc(100% - 185px);
    }
    .press-release-body-panel-two {
        font-size: 28px;
        line-height: 28px;
    }
}
@media (max-width: 1199px) {
    #PressRelease .press-release-body-panel {
        height: calc(100% - 116px);
    }
    .code-area {
        display: flex;
        flex-direction: column;
        padding: 20px;
        background: #0202;
        border-radius: 10px;
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media (max-width: 991px) {
    #PressRelease .press-release-body-panel {
        height: calc(100% - 83px);
    }
    .press-release-body-panel-two {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    #PressRelease .press-release-body-panel {
        height: calc(100% - 93px);
    }
}
@media (max-width: 575px) {
    #PressRelease .press-release-body-panel {
        height: auto;
    }
}

/* press release  classes end */

/* partner classes start */

.partner-banner {
    background-image: url('../images/inner-banner/partner.webp');
    background-position: right center;
}
.b-600 {
    font-weight: 600;
}
.partner-card {
    max-width: 200px;
    margin: 0 auto;
    height: calc(100% - 25px);
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.partner-card-img {
    max-width: 102px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.partner-card-title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding-top: 15px;
}



.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.partner-bg-img-from-left {
    top: 0;
    right: calc(-100% / 5);
    width: 50vw;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 1;
    background-image:url('../images/partner-bg-top.webp');
}
.bg-shadow {
    top: -30px;
    border-radius: 20px;
}
.partner-bg-img-from-left + .bg-shadow {
    right: calc(-100% / 5 - 30px);
}
.partner-bg-color-from-right {
    top: 0;
    width: 100vw;
    left: 0;
    background-color:#f1f1f1;
    z-index: 10;
}
.partner-bg-color-from-right-content-box {
    position: relative;
    z-index: 100;
}
.partner-baner-btn {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
}




@media (min-width: 576px) {
    .partner-bg-color-from-right {
        left: calc(50% - 50vw);
    }
}
@media (min-width: 768px) {
    .partner-bg-color-from-right {
        left: calc(-100% / 6);
        width: calc(50vw + 100% / 6);
    }
}

@media (max-width: 991px) {
    .partner-card-img {
        max-width: 80px;
    }
}
@media (max-width: 767px) {
    .partner-card-title {
        font-size: 18px;
    }
}
@media (max-width: 425px) {
    .partner-card-img {
        max-width: 70px;
    }
}


/* partner classes end */

/* privacy classes start */

.privacy-banner {
    background-image: url('../images/inner-banner/privacy.webp');
    background-position: center 18%;
}

/* privacy classes end */

/* Customer Success classes start */

.customer-success-banner {
    background-image: url('../images/inner-banner/partner.webp');
    background-position: center center;
}
.customer-success-top-box {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
}
.customer-success-top-box-left {
    height: 350px;
    position: relative;
}
.customer-success-top-box-left > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.customer-success-top-box-right {
    font-size: 26px;
    font-weight: 300;
    height: 100%;
    display: flex;
    align-items: center;
}
.customer-success-top-box-left-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.customer-success-top-box-left-overlay-img {
    max-width: 500px;
    width: 100%;
    display: block;
}

.challenge-right-img-box-left > h3 {
    font-size: 28px;
    margin-bottom: 16px;
}
.challenge-right-img-box-left > p,
.challenge-left-img-box-right > p {
    font-size: 18px;
    font-weight: 300;
}

.challenge-right-img-box-right > img,
.challenge-left-img-box-left > img {
    width: 100%;
}
.customer-success-hl {
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    font-style: italic;
}

@media (min-width: 1367px) {
    .customer-success-top-box-right {
        font-size: 30px;
    }
    .challenge-right-img-box-left > h3 {
        font-size: 32px;
    }
    .customer-success-hl {
        font-size: 28px;
    font-weight: 400;
    }
    .challenge-right-img-box-left > p,
    .challenge-left-img-box-right > p {
        font-size: 24px;
    }
}
@media (max-width: 1199px) {
    .challenge-right-img-box-left > h3 {
        font-size: 24px;
    }
    .challenge-right-img-box-left > p, .challenge-left-img-box-right > p {
        font-size: 16px;
        font-weight: 300;
    }
    .customer-success-hl {
        font-size: 18px;
    }
    .customer-success-top-box-right {
        font-size: 24px;
    }
}
@media (max-width: 991px) {
    .challenge-right-img-box-right,
    .challenge-left-img-box-left {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .customer-success-top-box-right {
        font-size: 20px;
    }
    .challenge-right-img-box-left > h3 {
        font-size: 20px;
    }
}



/* Customer Success classes end */


/* WELCOME PAGE CLASSES start */
#section1 {
    word-break: break-word;
    height: 100vh;
}
.section1-bg {
    background: url('../images/welcome-1-bg.webp') left center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.welcome-banner-heading {
    font-size: 50px;
    margin: 0px;
    color: #130021;
    font-weight: 400;
}
.welcome-banner-heading-bold {
    font-weight: 700;
}
.welcome-banner-subheading {
    font-size: 24px;
}
.welcome-banner-right {
    max-width: 530px;
    width: 100%;
    margin-left: auto;
}
.welcome-banner-right img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.brand-logo {
    max-width: 280px;
    display: block;
}
.wc-body {
    height: calc(100vh - 56px);
}

@media (max-width: 991px) {
    .brand-logo {
        margin-bottom: 20px;
    }
    .welcome-banner-right {
        margin-right: auto;
    }
    #section1,
    .wc-body {
        min-height: 100vh;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .brand-logo {
        max-width: 200px;
    }
    .welcome-banner-heading {
        font-size: 36px;
    }
    .welcome-banner-subheading {
        font-size: 20px;
    }
}
@media (max-width: 425px) {
    .welcome-banner-heading {
        font-size: 38px;
    }
    .welcome-btn-link .btn {
        margin-bottom: 10px;
    }
    .welcome-banner-heading {
        font-size: 28px;
    }
    .welcome-banner-subheading {
        font-size: 16px;
    }
}
@media (min-width: 1367px) {
    .welcome-banner-right {
        max-width: 610px;
    }
    .welcome-banner-heading {
        font-size: 70px;
    }
    .welcome-banner-subheading {
        font-size: 32px;
    }
}
@media (min-width: 1601px) {
    .welcome-banner-right {
        max-width: 710px;
    }
    .welcome-banner-heading {
        font-size: 80px;
    }
    .welcome-banner-subheading {
        font-size: 38px;
    }
}

/* WELCOME PAGE CLASSES end */

/* 404 classes start */

.container-404 {
    position: relative;
    background-image: url('../images/404.webp');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-attachment: fixed;
    background-position: bottom;
}
.container-404::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(50 88 136 / 76%);
}
.text-container-404 {
    z-index: 1;
    padding-top: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 910px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    height: calc(100% - 60px);
    display: flex;
    align-items: center;
}
.not-found-head {
    font-size: 220px;
    font-weight: 900;
    margin: 0px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 10px;
}
.not-found-pera {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    margin-top: 20px;
    margin-bottom: 15px;
}
.not-found-page-btn {
    font-size: 18px;
    min-width: 100px;
}
@media (max-width: 991px) {
    .not-found-head {
        font-size: 170px;
    }
}
@media (max-width: 767px) {
    .not-found-head {
        font-size: 150px;
    }
    .not-found-pera {
        font-size: 18px;
    }
}
@media (max-width: 425px) {
    .not-found-head {
        font-size: 100px;
    }
}

/* 404 classes end */

/* cookies classes start */
.cookies {
    opacity: 1;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999999;
    padding: 10px 5px;
    background-color: rgb(0 0 0 / 75%);
    color: #FFFFFF;
    font-size: 14px;
}
.color-orange {
    color: #da4e20 !important;
}
.accept-btn {
    font-weight: bold;
    border-radius: 20px !important;
}
@media (max-width: 767px) {
    .accept-btn {
        font-size: 12px;
        padding: 4px;
    }
}

/* cookies classes end */

/*event reg start*/
.event-speaker {}
img.event-speaker-img {
    max-width: 100px;
    height: 100px;
}
.event-speaker-name {
    font-size: 18px;
}
/*event reg end*/

/* feature panel classes start */

.feature-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.feature-sub-text {
    font-size:18px;
}
.feature-panel-content {

}
.feature-panel-image {
    display: flex;
    justify-content: center;
}
.feature-panel-image img{
    width:250px !important;
}
.feature-section-heading-left-line {
	color: #333333;
    font-size: 32px;
    font-weight: 600;
    margin: 0px;
    position: relative;
    padding-bottom: 10px;
    line-height: 1.2;
}
.feature-section-heading-left-line:after {
    /*content: "";
    position: absolute;
    height: 3px;
    width: 90px;
    background-color: #548dcb;
    bottom: 0px;
    left: 0px;*/
}
.feature-section-sub-heading-left-line {
    font-size: 30px;
    font-weight: 500;
    margin: 20px 0px 0px 0px;
}
.feature-desc {
	font-size: 18px;
    margin: 20px 0px 0px 0px;
    /*text-align: justify;*/
}
.feature-custom-button {
	border: 2px solid #548dcb;
	background: #ffffff;
	border-radius: 20px;
	color: #5C5B60;
	font-size: 18px;
	font-weight: 400;

}
.feature-custom-button:hover {
    color: #333333;
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
}
.feature-btn-panel {
	margin-top: 40px;
}

/* feature panel classes end */

.solutions-section {
    padding: 100px 0px;
}
.feature-section .contact-right-box {
    margin-top: 0px; 
}
.insight-video-card {
    position: relative;
}
.insight-video-card-img {
    width: 100%;
     height: 230px; 
    object-fit: cover;
}
.vide-tabs-play-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}
.vide-tabs-play-panel img {
    width: 58px;
}
.contact-image-left-box {
    background-image: url("../images/get-in-touch-bg.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height:100%;
    position:relative;
}
.contact-left-text {
    color: #fff;
    position: relative;
    z-index: 1;
}
.contact-left-text-main {
    font-size:42px;
    font-weight:bold;
}
.contact-left-text-sub-main {
    font-size:24px;
    font-weight:100;
}
.contact-left-overlay {
    position: absolute;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.contact-free-meeting-area {
/*    background: url("../images/get-in-touch-bg.webp") rgba(255,255,255,90%);*/
    background: url("../images/get-in-touch-bg.webp") rgba(0,0,0,75%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    background-blend-mode: overlay;
    padding:20px;
/*    height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-free-meeting-area h2{
    color:#ffffff !important;
}
.workforce-icon {
    position: relative;
    z-index: 1;
}
.feature-panel-image img.workforce-icon-bg,
.feature-panel-image img.workforce-icon-bg-left {
    position: absolute;
    width: 100%;
    z-index: 0;
    width: 300px !important;
}
.feature-panel-image img.your-digital-img {
    width: 450px !important;
}
.feature-panel-image:hover .workforce-icon-bg {
    -webkit-animation: workforce 5s 0.1s infinite linear;
    animation: workforce 5s 0.1s infinite linear;
    opacity: 1;
}


@keyframes workforce {
    0% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
    }
    100% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
    }
}


.feature-panel-image:hover .workforce-icon-bg-left {
    -webkit-animation: workforce2 5s 0.1s infinite linear;
    animation: workforce2 5s 0.1s infinite linear;
    opacity: 1;
}

@keyframes workforce2 {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 4%, 0) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 4%, 0) rotateZ(-360deg);
    }
}



.feature-panel-bottom-arrow {
    display: inline-block;
    margin-top: 16px;
}
.feature-panel-bottom-arrow img {
    max-width: 25px;
    transition: all 0.3s;
    position: relative;
    left: 0;
}
.feature-panel-bottom-arrow:hover img {
    left: 5px;
}
.revolutionize-contact-brochure .custom-button {
/*
    border-color: #ffffff;
    background-color: transparent;
*/
    color: #ffffff;
}
.revolutionize-contact-brochure .custom-button:hover {
    -webkit-box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
    box-shadow: 0px 14px 30px 0px rgb(255 255 255 / 15%);
}

.pera_text {
    font-size: 18px;
}



@media (max-width:1366px) and (min-width: 1200px) {
    .banner-text-box {
        min-height:400px;
    }
}
@media (max-width:1366px) and (min-width: 768px) {
    .feature-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (min-width: 1367px) {
    .feature-section-heading-left-line {
        font-size: 32px;
    }
    .feature-desc {
        font-size: 20px;
    }
    .pera_text {
        font-size: 20px;
    }
}
@media (max-width: 1199px) {
    .feature-section-heading-left-line {
        font-size: 28px;
    }
    .manufacturing .header-banner-button, .manufacturing .header-banner-button:hover {
        font-size: 16px !important;
    }
}
@media (max-width: 767px) {
    .contact-left-text-main {
        font-size: 36px;
    }
    .contact-left-text-sub-main {
        font-size: 18px;
    }
    .feature-section,
    .solutions-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .feature-panel-image {
        margin-top: 20px;
    }
    .feature-panel-image img{
        width:200px !important;
    }
    .feature-panel-image img.workforce-icon-bg, 
    .feature-panel-image img.workforce-icon-bg-left {
        width: 230px !important;
    }
    .feature-column-reverse-phone {
        flex-direction: column-reverse;
    }
    .feature-section-heading-left-line {
        font-size: 22px;
    }
    .feature-desc {
        font-size: 16px;
    }
    .feature-panel-bottom-arrow img {
        max-width: 28px;
    }
    .document-security-box {
        flex-direction: column-reverse;
    }

}
@media (max-width: 425px) {
    .contact-left-text-main {
        font-size: 24px;
    }
    .manufacturing .header-banner-button, .manufacturing .header-banner-button:hover {
        font-size: 14px !important;
    }
}


.demo-contact-box {
    position: fixed;
    z-index: 110;
    right: -105px;
/*    float:right;*/
    top: 150px;
    line-height: 1;
    letter-spacing: 2px;
    border-radius: 20px 0px 0px 20px;
    transition: all 0.8s ease;
/*    overflow:hidden;*/
}
.demo-contact-box:hover {
    right: -1px;
    transition: all 0.8s ease;
}
.demo-contact-box ul {
    padding-left: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    list-style:none;
}
.demo-contact-box ul li{
    text-decoration: none;
    display: flex;
}
.demo-contact-box ul li span.demo-icon-bg {
    border-radius: 20px 0px 0px 0px;
    background-color: #548dcb;
    margin-right:-1px;
}
.demo-contact-box ul li span.brochure-icon-bg {
    border-radius: 0px 0px 0px 20px;
    background-color: #1f73b7;
    margin-right:-1px;
}
.demo-contact-box ul li img{
    width: 25px;
    margin: 10px;
    filter: invert(1);
}/*
.demo-contact-box ul li a{
    color: #ffffff;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
*/
.demo-contact-box ul li a{
    color: #ffffff;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    /* background-color: #1f73b7; */
    display: flex;
    font-weight: 600;
    width:100%;
}
/*
.demo-contact-box ul li:first-child a{
    border-radius: 40px 0px 0px 0px;
    background-color: #548dcb;
}
.demo-contact-box ul li:last-child a{
    border-radius: 0px 0px 0px 40px;
    background-color: #1f73b7;
}
*/
.demo-contact-box ul li:first-child a{
    border-radius: 0px 0px 0px 0px;
    background-color: #548dcb;
    align-items: center;
}
.demo-contact-box ul li:last-child a{
    border-radius: 0px 0px 0px 0px;
    background-color: #1f73b7;
    flex-direction: column;
}
/*
.demo-contact-box ul:first-child:hover{
    border-radius:20px 0px 0px 0px;
}
.demo-contact-box ul:last-child:hover{
    border-radius:0px 0px 0px 20px;
}
*/
.demo-contact-box ul li.first-li:hover{
    border-radius: 20px 0px 0px 0px;
}
.demo-contact-box ul li.second-li:hover{
    border-radius: 0px 0px 0px 20px;;
}
.demo-contact-box ul li:hover a{
    text-decoration: none;
    cursor: pointer;
    color:#333;
    background-color: #fff;
    box-shadow: 10px 0px 15px 0px rgb(0 0 0 / 15%);
}
.demo-contact-box ul li:hover span.demo-icon-bg , .demo-contact-box ul li:hover span.brochure-icon-bg {
    color:#333;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    cursor: pointer;
}
.demo-contact-box ul li:hover span.demo-icon-bg img , .demo-contact-box ul li:hover span.brochure-icon-bg img {
    filter: none;
}
/*
.demo-contact-box:hover ul li a:hover img{
    filter: none;
}
*/
#right_tab_floater {
    display: none;
}
#right_tab_floater.show {
    display: block;
}


/*additional for documents page 14-04-2022*/



.instant-benefits-docs {
    margin: 0 auto;
    height: calc(100% - 25px);
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #5C5B60;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding: 15px;
    transition: all 0.4s;
}

.instant-benefits-docs:hover {
text-decoration: none;
color: #5C5B60;
box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 25%);
}

.instant-benefits-docs-img {
    max-width: 102px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.instant-benefits-docs-title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}




@media (max-width: 991px) {
.instant-benefits-docs-img {
    max-width: 80px;
}
}
@media (max-width: 767px) {
    .instant-benefits-docs-title {
    font-size: 18px;
}
    .demo-contact-box {
        top:260px;
    }
    .demo-contact-box ul li a {
        padding: 10px 10px 10px 10px;
        font-size: 12px;
        font-weight: 400;
    }
    .manufacturing .feature-banner-pera-text {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .demo-contact-box ul li img{
        width: 20px;
        margin-right: 10px;
    }
}
@media (max-width: 425px) {
    .instant-benefits-docs-img {
        max-width: 70px;
    }

    .manufacturing .feature-banner-heading {
        font-size: 28px;
    }
}




.feature-text-sub-line {
    color: #333333;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
    line-height: 1.2;
}
.feature-desc ul {
    padding-left:20px;
}

.feature-desc2 ul li {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    border: 2px solid #548dcb;
    padding: 12px 12px 12px 45px;
    position: relative;
    background-color: #548dcb;
}
.feature-desc2 ul li+li {
    margin-top: 30px;
}
.feature-desc2 ul li .feature-desc2-list-icon {
    width: 58px;
    height: 58px;
    background: #548dcb;
    padding: 8px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    position: absolute;
    left: -23px;
    top: -23px;
    line-height: 1.2;
}
.feature-desc2 ul li .feature-desc2-list-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.feature-desc2 ul li p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #ffffff;
}
.document-management-panel {
    background-image: url(../images/partner-bg-top.webp);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.document-management-panel .feature-get-in-touch-overlay {
    padding: 100px 0px;
}
@media (max-width: 767px) {
    .document-management-panel .feature-get-in-touch-overlay {
        padding: 50px 0px;
    }
}


.instant-benefits-nav {}
.instant-benefits-nav .nav-item {
    padding-left: 8px;
    padding-right: 8px;
}
.instant-benefits-nav .nav-link {
    background-color: #ffffff;
    padding: 24px 6px;
    height: 100%;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #333333;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 15px 0px;
    border-radius: 18px;
}
.instant-benefits-nav .nav-item:first-child {
    padding-left: 0px;
}
.instant-benefits-nav .nav-item:last-child {
    padding-right: 0px;
}
.instant-benefits-nav .nav-link.active {
    background-color: #548dcb;
    color: #ffffff;
}

.instant-benefits-nav-title {
    font-size: 16px;
    margin-bottom: 0px;
    text-align: center;
}



.tab-content-instant-benefits {
    color: #333333;
}

.instant-benefits-left-title {
    font-size: 26px;
    color: #548dcb;
}
.tab-content-instant-benefits-left .tab-content-instant-benefits-left-pera {
    height: calc(100% - 37px);
    font-size: 34px;
}
.tab-content-instant-benefits-right {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.tab-content-instant-benefits-right img {
    width: 100%;
    max-width: 350px;
}
.tab-content-instant-benefits .fade {
    transition: opacity .15s linear;
}
.instant-benefits-nav2 li.col-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.team-feature-box {
    color: #5C5B60;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding: 10px 16px;
    list-style-type: none;
    border-top: 5px solid;
    margin-bottom: 0px;
    height: 100%;
    transition: all 0.4s;
}
.team-feature-box:hover {
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 25%);
}
.team-feature-box-red {
    border-color: #ec4a2c;
}
.team-feature-box-green {
    border-color: #60b14a;
}
.team-feature-box-blue {
    border-color: #548dcb;
}
.team-feature-box-yellow {
    border-color: #f9bc15;
}
.team-feature-box-transparent {
    border-color: transparent;
    border-top:none !important;
}
.rect-card-left-highlighter-red {
    border-left: 10px solid #ec4a2c;
}
.rect-card-left-highlighter-green {
    border-left: 10px solid #60b14a;
}
.rect-card-left-highlighter-blue {
    border-left: 10px solid #548dcb;
}
.rect-card-left-highlighter-yellow {
    border-left: 10px solid #f9bc15;
}
.team-feature-box li {
    position: relative;
    padding: 5px 0px 5px 24px;
}
.team-feature-box li:before {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



@media (min-width: 992px) {
    .instant-benefits-hide-desktop {
        display: none;
    }
}






/*additional for documents page 14-04-2022*/



/* partner new 12/05/2022 */

.partner-contact-form {
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.partner-list-item {
    padding-left: 20px;
}
.partner-list-item li+li {
    margin-top: 10px;
}
.inner-banner-min-hight-box {
    min-height: 290px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px 15px;
}
.inner-banner-min-hight-box-gup {
    min-height: 350px;
}

/* partner new 28/04/2023 */
.partner-banner-highlight {
    background-image: linear-gradient(270deg, rgb(6 37 83 / 80%), rgb(0 48 48 / 80%));
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.color-highlight-text {
    color:#EC4A2C;
}
.advert-image-partner img{
    width: 270px;
    margin: 0 auto;
    display: flex;
}
.partner-award-separator-section-bg {
    background-image: url("../images/partner-award-bg.png");
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.partner-page-award-zone-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.partner-award-image-section {
    background: #fff;
    margin-right: 15px;
    border: 5px solid #a88407;
    border-style: inset;
    justify-content: space-between;
}
.partner-award-image-section img{
    width: 170px;
    object-fit: contain;
}
.hackathon-award-image-section {
    background: #fff;
    width: auto;
    border: 5px solid #a88407;
    border-style: inset;
}
.hackathon-award-image-section img{
    width: 318px;
    object-fit: contain;
}

/*
.partner-banner-italic-text {
    font-size: 60px;
    letter-spacing: 0px;
    color: red;
    transition: all 1s ease;
}
.partner-banner-italic-text:hover {
    letter-spacing: 0px;
    text-shadow: 2px 0px rgba(255,255,255,0.2);
    transition: all 1s ease;
}
*/
@media (max-width: 991px) and (min-width:576px) {
    
    .partner-page-award-zone-flex {
        flex-direction: column;
        align-items: center;
    }
    .partner-award-image-section {
        margin-right: 0px;
    }
    .partner-award-image-section img{
        width: 140px;
    }
    .partner-award-separator-section-bg {
        background-size: 250%;
    }
    .hackathon-award-image-section {
        margin-top:40px;
    }
    .hackathon-award-image-section img{
        width: 290px;
        object-fit: contain;
    }
}
@media (max-width: 575px) and (min-width:320px) {
    .sml-padding-zero {
        padding:0px;
    }
    .partner-page-award-zone-flex {
        flex-direction: column;
        align-items: center;
    }
    .partner-award-image-section {
        margin-right: 0px;
    }
    .partner-award-image-section img{
        width: 90px;
    }
    .partner-award-separator-section-bg {
        background-size: 325%;
    }
    .hackathon-award-image-section {
        margin-top:40px;
    }
    .hackathon-award-image-section img{
        width: 170px;
        object-fit: contain;
    }
}
/* workflow automation start */
.workflow-image-bpaas-section {
    margin-top:6rem;
}

.compelling-value-list-panel {
    max-width: 900px;
    margin: 0 auto;
}
.compelling-value-list {
    padding-left: 20px;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
}
.compelling-value-list li+li {
    margin-top: 10px;
}
.compelling-value-list-image {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    margin-left: auto;
    display: block;
}
.workflowchart-section-image {
    width: 70%;
    margin: auto;
    display: block;
}
.value-added-section-image {
    width: 70%;
    margin: auto;
    display: block;
}
.complex-workflowchart-modal-image {
    max-width: 1920px;
    width: 1920px;
    border-radius: 10px;
    margin: auto;
    display: block;
}

.hamstrung-tedious-list-panel {
    max-width: 900px;
    margin: 0 auto;
}
.hamstrung-tedious-list {
    padding-left: 0px;
    list-style-type: none;
    margin-bottom: 0px;
}
.hamstrung-tedious-list li {
    position: relative;
    -ms-box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 20%);
    box-shadow: 1px 2px 3px 0 rgb(0 0 0 / 20%);
    border-radius: 8px;
}
.hamstrung-tedious-list li .hamstrung-tedious-list-text {
    position: relative;
    padding: 10px 15px;
    background-color: #ffffff;
    border-radius: 8px;
    z-index: 2;
    font-size: 18px;
    font-weight: 500;
}
.hamstrung-tedious-list li+li {
    margin-top: 20px;
}
.hamstrung-tedious-list li:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 0px;
    height: 96%;
    width: 19px;
    background-color: #cccccc;
    z-index: 1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
li.orange-hamstrung-tedious:after {
    background-color: #ffa100;
}
li.red-hamstrung-tedious:after {
    background-color: #f03659;
}
li.blue-hamstrung-tedious:after {
    background-color: #008fff;
}
li.green-hamstrung-tedious:after {
    background-color: #9be03b;
}
li.yellow-hamstrung-tedious:after {
    background-color: #ffd300;
}
li.pink-hamstrung-tedious:after {
    background-color: #ff5db3;
}
li.blue2-hamstrung-tedious:after {
    background-color: #00bf83;
}
li.green2-hamstrung-tedious:after {
    background-color: #21c4d5;
}
.use-case-inner-card .blog-body-panel-wa h6 {
    color: #548dcb !important;
    font-size: 18px;
}
.competitiveness-title-two {
    font-size: 34px;
    margin-bottom: 10px;
    display: block;
}
.workflow-automation-use-case-top-panel {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.workflow-automation-use-case-img {
    width: 50px;
    height: 50px;
    object-position: center;
    object-fit: contain;
    display: block;
    margin-right: 10px;
}
.workflow-automation-use-case-top-panel h6 {
    margin-bottom: 0px;
    font-size: 20px;
}
.optimize-business-section .full-control-card2 .four-problems-solve-title {
    font-size: 18px;
    padding-top: 10px;
}
.annual-per-process-icon-box {
    width: 100px !important;
}
.automate-workflow-build {
    font-size: 22px;
    margin-bottom: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 34px;
}
.workflow-automation-banner {
    background-image: url("../images/feature/Workflow-Automation-main-banner.webp");
}
.freemium-initiate-container-bg {
    background-image: url("../images/feature/Workflow-Automation-main-banner.webp");
}
.freemium-height-box {
    min-height: 360px;
}
.freemium-main-banner {
    background-image: url("../images/feature/freemium-main-banner.webp");
    background-attachment: unset;
    background-position: 100% 100%;
}
.freemium-modal-image-close {
    background: grey !important;
    padding: 5px 10px !important;
    border-radius: 50% !important;
    margin-right: 10px !important;
    text-shadow: none !important;
}
.chip-panel {
    overflow-x: auto;
}
.chip-box {
    display: flex;
    padding: 0 0 3px 0;
}
.upload-chip {
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    padding: 7px 14px;
    margin-right: 4px;
    font-size: 14px;
    white-space: nowrap;
    background-color: #ffffff;
}
.upload-chip:hover {
    background-color: #548dcb;
    border: 1px solid #548dcb;
    color:#fff;
    cursor: pointer;
}
.upload-chip.active {
    background-color: #548dcb;
    border: 1px solid #548dcb;
    color:#fff;
    cursor: pointer;
}
.freemium-more-card {
	margin: 0 auto;
	height: calc(100% - 25px);
	min-height: 150px;
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	color: #5C5B60;
	border-radius: 10px;
	padding: 14px 16px;
	transition: all 0.4s;
    border:2px dashed #548dcb;
}

.freemium-more-card .freemium-workflow-title1 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-top: 0px;
    color:  #548dcb;
}
.freemium-more-card .freemium-workflow-title2 {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    padding-top: 0px;
    color:  #548dcb;
}
.freemium-main-card {
	margin: 0 auto;
	height: calc(100% - 25px);
	margin-bottom: 25px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	color: #5C5B60;
	border-radius: 10px;
	padding: 14px 16px;
	transition: all 0.4s;
	box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
}
a.freemium-main-card:hover {
	text-decoration: none!important;
    color:#333;
}
.freemium-main-card:hover {
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 25%);
}
.freemium-main-card-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.freemium-main-card-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.freemium-main-card .freemium-workflow-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-top: 15px;
}
/*
.freemium-card-tag {
    width: auto;
    margin: 0 auto;
    background: #548dcb;
    border-radius: 20px;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
*/
.freemium-card-tag {
    width: auto;
    min-width: 50px;
    margin: 0 auto;
    background: #548dcb;
/*    border-radius: 10px 0px 10px 0px;*/
    border-radius: 0px 0px 10px 0px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: -16px;
    left: 15px;
}
#freemium-form .modal-content {
   border-radius: 10px; 
}
#freemium-form .modal-header {
   border-bottom:none; 
}
#freemium-form .modal-footer {
   border-top:none; 
   justify-content: center;
}
.freemium-form-modal {
    padding: 15px 40px;
}
.freemium-form-modal h4 {
    color:#333;
    text-align: left;
    font-weight:600;
    font-size:20px;
}
.freemium-form-modal .custom-form-group .form-control {
    border-radius: 6px;
    border: 1px solid #acacac !important;
    padding-left: 10px;
}

.freemium-leave-request-banner {
    background-image: url("../images/feature/freemium-leave-banner-bg.webp");
    background-attachment: unset;
    background-position: 100% 18%;
}
.freemium-pain-pointcard {
	margin: 0 auto;
    height: calc(100% - 25px);
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #5C5B60;
    border-radius: 10px;
    padding: 14px 16px;
    transition: all 0.4s;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    border-top: 5px solid;
}
.freemium-pain-pointcard:hover {
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 25%);
}
.freemium-pain-pointcard-icon {
    width: 80px;
    height: 80px;
/*    margin: 0 auto;*/
}
.freemium-pain-pointcard-icon>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.freemium-pain-pointcard .pain-point-listing {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding-top: 15px;
}
.freemium-pain-list-area {
    margin-top:15px;
}
.freemium-pain-list-area ul{
    padding-left: 20px;
/*    list-style: none;*/
}
/*
.freemium-pain-list-area ul{
    padding-left: 0px;
    list-style: none;
}
*/
.freemium-pain-list-area ul li+li {
    margin-top: 5px;
    margin-right: 10px;
}
.freemium-pain-list-area ul li img{
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.freemium-related-partner-area {
    background: url("../images/feature/freemium-abstract-bg.webp") rgba(255,255,255,60%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    background-blend-mode: overlay;
    margin-bottom: 20px;
}
.freemium-related-partner-area a{
    font-size: 16px;
    color:#333 !important;
    font-weight:600;
    transition: all.3s ease;
    cursor: pointer;
    text-decoration: none;
}
.freemium-related-partner-area a:hover{
    cursor: pointer;
    text-decoration: none;
    transition: all.3s ease;
}
.freemium-related-partner-area i{
    transition: all.3s ease;
}
.freemium-related-partner-area a:hover i{
    margin-left: 16px !important;
    transition: all.3s ease;
}

.freemium-related-partner-area p{
    padding: 30px;
    font-size: 16px;
    color:#333 !important;
    font-weight:500;
    margin-bottom: 0px;
}
.freemium-related-partner-area span{
    font-size: 22px;
    color:#333;
    font-weight:600;
}
.freemium-related-list-area {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
/*    margin-top: 15px;*/
/*    min-height: 160px;*/
}
.freemium-related-list-area span img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.freemium-related-list-area span p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}
.freemium-related-list-area ul {
    list-style: none;
}
.freemium-related-list-area ul li {
    margin-bottom: 10px;
}
.freemium-related-list-area ul li:last-child {
    margin-bottom: 0px;
}
.freemium-related-list-area ul li a{
    color:#5C5B60;
    text-decoration: none;
}
.freemium-related-list-area ul li a:hover {
    color:#548dcb;
    text-decoration: none;
}
.freemium-related-area-view a {
    text-decoration:none;
    font-size:14px;
    color:#5C5B60;
}
.freemium-related-area-view a:hover {
    color:#548dcb;
}
.flow-mobile-view {
    display:none;
}
.freemium-workflow-list-item p {
    font-size: 18px;
}
.freemium-workflow-list-item ul {
    padding-left: 0px;
    list-style-type: none;
}
.freemium-workflow-list-item ul li+li {
    margin-top: 20px;
}
.freemium-video-button:before {
	content:'';
    background:url("../images/feature/home-play.png") center no-repeat, #548dcb;
    background-size: 70%;
	text-align: center;
    padding-top: 0px;
    padding-left: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border-radius: 50px;
/*    background: #1ba1ff;*/
    color: #FFF;
    font-size: 64px;
    margin-top: -30px;
    margin-left: -30px;
    opacity: 0.9;
    transition: opacity 0.3s, box-shadow 0.3s;
}
.freemium-video-button:hover:before {
    opacity: 1;
	cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.freemium-icon-box {
    margin-left: 0;
    margin-right: 0;
    width: 80px;
    height: 80px;
}
.min-height-freemium {
    min-height:60px;
}

.freemium-video-disclaimer {
    color: #333;
    font-size: 14px;
    font-style: italic;
}
.workflow-form-information {
    color: #333;
    font-size: 12px;
}
.workflow-form-information p{
    margin-bottom: 5px;
}
.workflow-booking-area {
    display:flex;
    justify-content: space-between;
}
.border-radius-freemium {
    border-radius:10px;
}

.quick-start-image {
    width:150px;
}
@media (max-width: 1199px) {
    .freemium-main-card .freemium-workflow-title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .workflow-booking-area {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .workflow-image-bpaas-section {
        margin-top:1rem;
    }
    .compelling-value-list-image {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    .complex-workflowchart-modal-content {
        overflow-x: scroll;
    }
    .complex-workflowchart-modal-image {
        max-width: 700px;
        width: 700px;
        margin: 0px;
    }
    .responsive-use-case-solution-image {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .automate-workflow-build {
        font-size: 18px;
    }
    .use-case-heading-title {
        font-size: 18px;
    }
    .glossary-detail-heading-title {
        font-size: 24px;
    }
    .flow-mobile-view {
        display:block;
    }
    .freemium-form-modal {
        padding: 15px;
    }
    .freemium-height-box {
        min-height: 290px;
    }
}



/* workflow automation end   */

#pricing_quote_form .modal-content {
   border-radius: 10px; 
}
#pricing_quote_form .modal-header {
   border-bottom:none; 
}
#pricing_quote_form .modal-footer {
   border-top:none; 
   justify-content: center;
}

/* Video modal start */
.video-modal-dialog {
    max-width: 75% !important;
    height: 93vh;
}

.c-modal-content {
    background: #c5c5c5;
}
.video-close {
    right: 46px;
    top: 102px;
}
.video-close span {
    color: #ffffff;
    text-shadow: none;
}
.video-close:hover span {
    text-shadow: none;
}
.video-close, .stop-video {
    position: absolute;
    z-index: 1;
    background: #000000 !important;
    opacity: 1;
    color: #fff;
    padding: 0 !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    box-shadow: 0px 0px 12px rgb(255 255 255 / 50%);
    border: 0;
}
.video-close {
    right: 46px;
    top: 102px;
}
#videoModal.modal {
    background-color: rgb(0 0 0 / 80%);
}
.insight-video-card-img2 {
    height: 200px;
}

.download-brochure-box {
    position: fixed;
    z-index: 110;
    left: -46px;
    top: 200px;
    /*background: rgb(41 67 106);*/
    background-color: #062553;
    background-color: #548dcb;
    border: 1px solid #fff;
    line-height: 1;
    letter-spacing: 2px;
    transform: rotate(-270deg);
    border-radius: 10px 10px 0px 0px;
}
.download-brochure-box a {
    color: #ffffff;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    display: block;
}
.video-top-title {
    position: absolute;
    z-index: 164;
    color: #ffffff;
    top: 0px;
    left: 0px;
    background-color: #F9BC15;
    background-color: #548dcb;
    padding: 6px 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 1px 18px 0px rgb(0 0 0 / 15%);
}

.play-main-video .insight-card-panel-bottom {
    padding-top: 15px;
}

@media (max-width: 1024px) {

    .video-modal-dialog {
        max-width: 100% !important;
        height: 93vh;
    }
}

/* new css added on 19-9-2023 for travel request approval workflow blog page inside image --START-- */

.travel-request-flow-section-image {
    padding-bottom: 1rem !important;
}
.travel-request-approval-workflow-image {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    margin-left: auto;
    display: block;
}

/* new css added on 19-9-2023 for travel request approval workflow blog page inside image --END-- */

/* new css added on 12-10-2023 for approval workflow all pages section addition & DMS page use case section add --START-- */

.ready-made-workflow-area {
    background: #548dcb;
}
.freemium-related-partner-area.ready-made-workflow-area a {
    color: #fff !important;
}
.freemium-related-partner-area.ready-made-workflow-area a p {
    color: #fff !important;
    padding: 20px 30px;
}
.freemium-related-partner-area.ready-made-workflow-area a span {
    color: #fff;
    font-size: 20px;
}

.use-case-section {
    padding: 100px 0px 0px 0px;
}
.use-case-section .use-case-card-panel-left {
    background-image: url("../images/manufacturing-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100%;
    position: relative;
    border-radius: 0px;
    padding: 195px 0px !important;
}
.use-case-section .use-case-card-panel-right {
    background-image: url("../images/real-estate-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    position: relative;
    border-radius: 0px;
    padding: 195px 0px !important;
}
.use-case-left-overlay {
    position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.use-case-right-overlay {
    position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.use-case-text-panel {
    color: #fff;
    position: relative;
    z-index: 2;
    position: absolute;
    /* bottom: 0; */
    bottom: auto;
    top: calc(100% - 6rem);
    left: 0;
    transform: translate(30px, -30px);
}
.use-case-text-panel .use-case-header-text {
    font-size: 46px;
    font-weight: 600;
}
.use-case-text-panel .use-case-detail-text {
    font-size: 20px;
}

/* new css added on 12-10-2023 for approval workflow all pages section addition & DMS page use case section add --END-- */

/* all global new extra css 20-11-2023 onwards -----START----- */

.testimonial-carousel .owl-dots .owl-dot {
    outline: none;
}
.feature-banner.case-study-inner-head-banner {
    background-attachment: scroll;
}
.feature-banner.case-study-inner-head-banner.case-study-bharat-serum {
    background-image: url('../images/use-case/bsv-case-image.png');
}
.feature-banner.case-study-inner-head-banner.case-study-day-rise {
    background-image: url('../images/use-case/dayrise-case-image.png');
}
.feature-banner.case-study-inner-head-banner.case-study-inter-globe {
    background-image: url('../images/use-case/inter-globe-case-study-image.webp');
}
.feature-banner.case-study-inner-head-banner.case-study-tata-housing {
    background-image: url('../images/use-case/tata-housing-case-study.webp');
}
.case-study-inner-container .freemium-related-partner-area .wr-form-heading {
    background: rgb(6 37 83 / 85%);
    padding: 15px 15px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.case-study-inner-container .freemium-related-partner-area form {
    padding: 15px 15px 25px 15px;
}
.case-study-inner-container .freemium-related-partner-area form .form-group label {
    font-weight: 600;
    font-size: 17px;
}
.case-study-inner-container .freemium-related-partner-area form .form-group a {
    color: #548dcb !important;
}
.case-study-inner-container .case-study-inner-list {
    /* list-style: none; */
    padding: 24px 0px 0px 20px;
}
.case-study-inner-container .case-study-inner-list .pera-text-li-num {
    background: rgb(6 37 83 / 85%);
    color: #fff;
    padding: 6px 16px;
    margin-right: 20px;
    font-size: 24px;
    border-radius: 16px 16px 0px 16px;
}
.case-study-inner-container .case-study-inner-list .para-text-head-info {
    /* font-size: 22px; */
    font-size: 18px;
    font-weight: 600;
}
.case-study-inner-container .case-study-inner-list .para-text-description-info {
    margin: 15px 0px 30px 0px;
    /* display: inline-block; */
    display: block;
    font-size: 16px;
}
.case-study-inner-container .case-study-inner-list.pera_normal-li {
    padding: 0px 0px 0px 20px;
}
.case-study-inner-container .case-study-inner-list.case-study-inner-head-description-list {
    padding: 10px 0px 0px 20px;
}
.pera_normal-li .pera_text {
    font-size: 16px;
    position: relative;
    top: -1px;
}
.case-study-inner-container .wr-body-box-two-left .intro-company-heading {
    margin-top: 0.5rem!important;
}
#case-study-bharat-serum-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
#case-study-day-rise-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
#case-study-inter-globe-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
#case-study-tata-housing-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
#dwnld-case-study-btn {
    background: #29446d;
    color: #fff !important;
    border: 2px solid #29446d !important;
}

.feature-section.real-estate-testimonial-section {
    padding: 40px 0px 0px 0px;
}
.real-estate-testimonial-img-panel .compelling-value-list-image {
    border-radius: 0px;
}

.Travel-Request-Approval-Workflow-banner.benefits-of-employee-offboarding-Workflow-banner {
    background-image: url('../images/blog/blog-banner/employee-benefit-banner-image.png');
}

.blog-main-new-split-panel .wr-body-box-two-right {
    padding-right: 0;
    padding-left: 30px;
    position: sticky;
    top: 80px;
}
.blog-main-new-split-panel .wr-right-box-2 {
    width: 100%;
}
.blog-main-new-split-panel .freemium-related-partner-area {
    margin-top: 0;
}
.blog-main-new-split-panel .filter-list-panel li .filter-tag {
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    padding: 7px 14px;
    margin-right: 4px;
    font-size: 14px;
    white-space: nowrap;
    background-color: #ffffff;
}
.blog-main-new-split-panel .filter-list-panel li .filter-tag:hover {
    background-color: #548dcb;
    border: 1px solid #548dcb;
    color: #fff;
    cursor: pointer;
}
.filter-active-tag {
    background-color: #548dcb !important;
    border: 1px solid #548dcb !important;
    color: #fff !important;
}
.blog-main-new-split-panel .filter-list-panel li {
    display: inline-block;
    margin: 10px 5px 10px 0px;
}
.blog-main-new-split-panel .chip-panel {
    margin-bottom: 40px;
}
.blog-main-new-split-panel .wr-body-box-two-right .freemium-related-list-area {
    padding: 20px 20px 20px 20px;
}

.blog-main-new-split-panel .wr-body-box-two-right .freemium-related-list-area .filter-list-panel {
    max-height: 420px;
    overflow-y: scroll;
}

.case-study-inner-container .case-study-inner-heading {
    font-weight: 600;
    font-size: 18px;
}
.internal-flex-lr-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.internal-flex-lr-box>img {
    width: 72px;
    display: block;
    margin: 0 0 0 -5px;
}
.internal-flex-lr-box>strong {
    margin-left: 15px;
}
.my-custom-table-responsv table {
    min-width: 860px;
}
#case-study-custom-inner-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* new css added 08-1-2024 onwards */
.video-main-section .wr-body-box .wr-body-box-two-left {
    padding: 0px 0px;
}
.video-card-panel {
    transition: all linear 0.3s;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
}
.video-card-panel>a {
    text-decoration: none;
}
.video-panel-img {
    /* height: 142px; */
    /* height: 232px; */
    height: auto;
    width: 100%;
    /* border-radius: 10px; */
    border-radius: 0px;
    overflow: hidden;
    /* margin-bottom: 20px; */
}
.video-panel-img>img {
    height: inherit;
    width: inherit;
    object-fit: cover;
    object-position: top left;
    transition: all linear 0.3s;
    transform: scale(1);
}
.video-card-panel:hover .video-panel-img>img {
    transform: scale(1.1);
}
.video-panel-body {
    padding: 20px 15px;
    /* box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%); */
}
.video-card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
    min-height: 39px;
}
.video-post-bar {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}
.video-post-bar .tags {
    font-size: 14px;
    color: #333;
    min-height: 46px;
}
.video-post-bar .tags i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px;
}
.video-post-bar .tags span {
    margin-left: 12px;
}
.video-post-bar .date {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}
.video-post-bar .date i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px; 
}
.video-post-bar .date span {
    margin-left: 14px;
}
.video-card-panel>a:hover .video-card-title {
    color: #548dcb;
}

.blog-internal-content-box ul li {
    margin-bottom: 10px;
}
.blog-internal-content-box ul li:last-child {
    margin-bottom: 0px;
}
.blog-faq-sub-heading {
    font-size: 16px;
}

.internal-video-main-section {
    padding-top: 30px;
    padding-bottom: 60px;
}
.video-breadcrumb-box {
    /* padding-bottom: 34px; */
    padding-bottom: 24px;
}
.internal-video-iframe-section {
    height: 620px;
}
.video-internal-content-box {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.video-internal-heading {
    padding-bottom: 20px;
}
.internal-video-related-section .video-internal-heading {
    padding-bottom: 40px;
}
.internal-video-related-section .video-card-panel:hover {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 40%);
}
.custom-video-hide {
    opacity: 0.4;
    pointer-events: none;
}
.custom-video-hide::before {
    content: 'Coming Soon';
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: 0;
    z-index: 9;
    background: #000;
    color: #fff;
    padding: 6px;
}
/* .custom-video-hide::before {
    content: "Comming Soon";
    font-family: inherit;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 19;
    background: #fff;
    border-radius: 0px;
    padding: 5px;
}
.custom-video-hide::after {
    content: '';
    font-family: inherit;
    position: absolute;
    left: 15px;
    top: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9;
    display: block;
    width: calc(100dvw - 70.8rem);
    height: calc(100dvh - 6.8rem);
} */
.video-internal-contact-us-box {
    padding-top: 0;
    padding-bottom: 80px;
}
.video-internal-contact-us-row {
    padding-left: 15px;
    padding-right: 15px;
}
.case-study-contact-us-box {
    padding-top: 0;
    padding-bottom: 80px;
}
.internal-video-related-section .video-card-title {
    /* min-height: 49px; */
    line-height: 1.2;
}

.case-study-filter-panel {
    margin-bottom: 50px;
}
.case-study-filter-dropdowns .form-group {
    margin-bottom: 0;
}
.case-study-filter-dropdowns .form-group label {
    margin-bottom: 15px;
}
.case-study-filter-dropdowns .custom-form-group .form-control {
    border: 1px solid #838383;
    color: #333;
    padding: 6px;
}
.case-study-feature-section {
    padding-top: 50px;
}
.case-study-inner-contact-us-box {
    padding-top: 20px;
}

/* css for case study internal related 3 section 25-1-2024 onwards START */

.case-study-card-panel {
    transition: all linear 0.3s;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
}
.case-study-card-panel>a {
    text-decoration: none;
}
.case-study-panel-img {
    /* height: 142px; */
    /* height: 232px; */
    height: auto;
    width: 100%;
    /* border-radius: 10px; */
    border-radius: 0px;
    overflow: hidden;
    /* margin-bottom: 20px; */
}
.case-study-panel-img>img {
    height: inherit;
    width: inherit;
    object-fit: cover;
    object-position: top left;
    transition: all linear 0.3s;
    transform: scale(1);
}
.case-study-card-panel:hover .case-study-panel-img>img {
    transform: scale(1.1);
}
.case-study-panel-body {
    padding: 20px 15px;
    /* box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%); */
}
.case-study-card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
    min-height: 39px;
}
.case-study-post-bar {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}
.case-study-post-bar .tags {
    font-size: 14px;
    color: #333;
    min-height: 46px;
}
.case-study-post-bar .tags i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px;
}
.case-study-post-bar .tags span {
    margin-left: 12px;
}
.case-study-post-bar .date {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}
.case-study-post-bar .date i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px; 
}
.case-study-post-bar .date span {
    margin-left: 14px;
}
.case-study-card-panel>a:hover .case-study-card-title {
    color: #548dcb;
}
.case-study-internal-heading {
    padding-bottom: 20px;
}
.internal-case-study-related-section {
    padding-top: 52px;
    padding-bottom: 24px;
}
.internal-case-study-related-section .case-study-internal-heading {
    padding-bottom: 40px;
}
.internal-case-study-related-section .case-study-card-panel:hover {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 40%);
}
.internal-case-study-related-section .case-study-card-title {
    /* min-height: 49px; */
    line-height: 1.2;
}
/* .case-study-inner-contact-us-box .video-internal-contact-us-row {
    padding-left: 0;
    padding-right: 0;
} */
.case-study-inner-contact-us-box {
    /* padding-bottom: 50px; */
    padding-top: 10px;
}

/* css for case study internal related section 25-1-2024 onwards END */

.freemium-height-main-box {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 60px 30px 60px 15px;
}
.freemium-height-box-right {
    /* max-width: 680px; */
    width: 100%;
    height: 420px; 
}
.freemium-height-box-right>a {
    position: relative;
}
.freemium-height-box-left {
    /* margin-right: 30px; */
    margin-right: 60px;
}

.partner-new-mid-design-section {
    background-size: cover;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.partner-new-mid-design-section .feature-sub-text .pera_text {
    margin-bottom: 40px;
}
.partner-new-mid-design-section .feature-sub-text .pera_text a {
    color: #8bc3ff;
}
.partner-new-mid-design-section .feature-sub-text .pera_text a:hover {
    color: #fff;
}
.adding-value-box .team-feature-box {
    padding: 55px 35px;
    font-size: 20px;
    color: #000;
    /* font-weight: 600; */
    text-align: center;
}

.internal-video-iframe-section .titan-video-iframe {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
}
.contact-us-captcha-panel {
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    margin-right: 10px;
    transition: all linear 0.3s;
}
/* #success {
    background: #ffffff;
    padding: 2px 8px;
    border-radius: 21px;
}
#fail {
    background: #ffffff;
    padding: 2px 8px;
    border-radius: 21px;
} */
#success {
    background: #ffffff;
    border-left: 1px solid #b4b4b4;
    padding: 2px 8px;
    /* border-radius: 21px; */
    display: inline-block;
    font-size: 12px;
    position: absolute;
    right: 15px;
    bottom: 27px;
    transition: all linear 0.3s;
}
#fail {
    background: #ffffff;
    border-left: 1px solid #b4b4b4;
    padding: 2px 8px;
    /* border-radius: 21px; */
    display: inline-block;
    font-size: 12px;
    position: absolute;
    right: 15px;
    bottom: 27px;
    transition: all linear 0.3s;
}


/* new css for new blog page 09-2-2024 onwards START */

.blog-main-new-split-panel {
    padding-top: 50px;
}
.blog-card-panel {
    transition: all linear 0.3s;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
}
.blog-card-panel>a {
    text-decoration: none;
}
.blog-panel-img {
    /* height: 142px; */
    /* height: 232px; */
    height: auto;
    width: 100%;
    /* border-radius: 10px; */
    border-radius: 0px;
    overflow: hidden;
    /* margin-bottom: 20px; */
}
.blog-panel-img>img {
    height: inherit;
    width: inherit;
    object-fit: cover;
    object-position: top left;
    transition: all linear 0.3s;
    transform: scale(1);
}
.blog-card-panel:hover .blog-panel-img>img {
    transform: scale(1.1);
}
.blog-panel-body {
    padding: 20px 15px;
    /* box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%); */
}
.blog-card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    /* margin-bottom: 30px; */
    margin-bottom: 10px;
    /* min-height: 39px; */
    min-height: 50px;
}
.blog-card-pera {
    color: #000;
}
.blog-post-bar {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    position: relative;
}
.blog-post-bar .tags {
    font-size: 14px;
    color: #333;
    min-height: 46px;
}
.blog-post-bar .tags i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px;
}
.blog-post-bar .tags span {
    margin-left: 12px;
}
.blog-post-bar .date {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}
.blog-post-bar .date i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px; 
}
.blog-post-bar .date span {
    margin-left: 14px;
}
.blog-post-bar .read-more-li-btn {
    position: absolute;
    /* right: 0px; */
    right: 2px;
    bottom: 0;
    color: #333;
    font-size: 14px;
    /* transition: all ease 0.3s; */
}
.blog-post-bar .read-more-li-btn i {
    position: relative;
    top: 1px;
    right: -2px;
    font-size: 17px;
    /* transition: all ease 0.3s; */
}
.blog-card-panel>a:hover .blog-post-bar>.read-more-li-btn {
    color: #548dcb;
}
.blog-card-panel>a:hover .blog-post-bar>.read-more-li-btn>i {
    color: #548dcb;
    /* right: -4px; */
    /* transition: all ease 0.3s; */
}
.blog-card-panel>a:hover .blog-card-title {
    color: #548dcb;
}
.blog-new-card-box .blog-card-panel:hover {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 40%);
}

/* new css for new blog page 09-2-2024 onwards END */

/* new css for new blog internal page 14-2-2024 onwards START */

.blog-special-comment-box .contact-right-box {
    background: #1F73B7;
    color: #fff;
    padding: 25px 25px;
}
.blog-special-comment-box .contact-right-box #btnComments {
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
    border-radius: 20px;
    color: #364f74!important;
    font-weight: 500;
    padding: 6px 16px;
    border: 2px solid #548dcb;
    background: #fff;
}
.blog-special-comment-box .contact-right-box #btnComments:hover {
    box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
    -webkit-box-shadow: 0px 14px 30px 0px rgb(85 128 183 / 25%);
}

.blog-special-comment-box {
    padding-top: 52px !important;
}
.blog-special-comment-box #enterComments {
    padding: 15px;
}
.blog-special-comment-box #inputName {
    padding: 15px;
}
.blog-special-comment-box #inputEmail {
    padding: 15px;
}

/* css for blog internal related 3 section 15-02-2024 onwards START */

.blog-card-panel {
    transition: all linear 0.3s;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
}
.blog-card-panel>a {
    text-decoration: none;
}
.blog-panel-img {
    /* height: 142px; */
    /* height: 232px; */
    height: auto;
    width: 100%;
    /* border-radius: 10px; */
    border-radius: 0px;
    overflow: hidden;
    /* margin-bottom: 20px; */
}
.blog-panel-img>img {
    height: inherit;
    width: inherit;
    object-fit: cover;
    object-position: top left;
    transition: all linear 0.3s;
    transform: scale(1);
}
.blog-card-panel:hover .blog-panel-img>img {
    transform: scale(1.1);
}
.blog-panel-body {
    padding: 20px 15px;
    /* box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%); */
}
.blog-card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 600;
    color: #333;
    /* margin-bottom: 30px; */
    margin-bottom: 20px;
    /* min-height: 39px; */
    min-height: 54px;
}
.blog-post-bar {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}
.blog-post-bar .tags {
    font-size: 14px;
    color: #333;
    min-height: 46px;
}
.blog-post-bar .tags i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px;
}
.blog-post-bar .tags span {
    margin-left: 12px;
}
.blog-post-bar .date {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}
.blog-post-bar .date i.fa {
    position: relative;
    top: 1px;
    color: #696969;
    margin-right: 0px; 
}
.blog-post-bar .date span {
    margin-left: 14px;
}
.blog-card-panel>a:hover .blog-card-title {
    color: #548dcb;
}
.blog-internal-heading {
    padding-bottom: 20px;
}
.internal-blog-related-section {
    /* padding-top: 52px; */
    padding-top: 42px;
}
.internal-blog-related-section .blog-internal-heading {
    padding-bottom: 40px;
}
.internal-blog-related-section .blog-card-panel:hover {
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 40%);
}
.internal-blog-related-section .blog-card-title {
    /* min-height: 49px; */
    line-height: 1.2;
}
.blog-feature-internal-section {
    padding-top: 0px;
    padding-bottom: 62px;
}
.blog-feature-internal-section .internal-blog-related-section .blog-card-title {
    min-height: 46px;
}

/* css for blog internal related 3 section 15-02-2024 onwards END */

/* new css for new blog internal page 14-2-2024 onwards END */

/* new css added 23-02-2024 onwards */

.blog-card-title.event-card-title {
    margin-bottom: 10px;
    min-height: 40px;
}
.procurement-automation-ol-li-gap {
    margin-top: 40px;
}
.procurement-image-CTA-section {
    padding-left: 40px;
}
.case-study-inner-container .case-study-inner-list.pera_normal-li>li::marker {
    font-size: 19px;
}
  
.use-case-section.new-all-use-cases-section .use-case-header-text {
    font-size: 25px;
    max-width: 90%;
}
.new-all-use-cases-section.manufacturing-use-case-section {
    /* padding: 100px 0px 100px 0px; */
    padding: 40px 0px 100px 0px;
}
.new-all-use-cases-section.real-estate-use-case-section {
    padding: 100px 0px 100px 0px;
}

.new-all-use-cases-section .owl-theme .owl-nav {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between; */
}
.new-all-use-cases-section .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}
.new-all-use-cases-section .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    right: 0;
}
.new-all-use-cases-section .owl-nav button.owl-prev,
.new-all-use-cases-section .owl-nav button.owl-next {
    width: 30px; 
}
.new-all-use-cases-section .owl-nav button.owl-prev span,
.new-all-use-cases-section .owl-nav button.owl-next span {
    font-size: 40px; 
    color: #fff; 
}
.new-all-use-cases-section .owl-theme .owl-nav [class*=owl-]:hover {
    /* background: #548dcb; */
    background: transparent; 
    outline: none;
}
.new-all-use-cases-section .owl-theme .owl-nav button:focus {
    outline: none;
}

.blog-power-automate-teams-icon-box>img {
    margin-right: 15px;
}
.blog-power-automate-teams-icon-box {
    margin-bottom: 15px;
}
 
.new-solutions-card-header .pera_text {
    padding: 0px 30px 0px 0px;
}
.financial-services-delivering-seamless-section {
    padding-bottom: 100px !important;
}

.freemium-workflows-use-case-section {
    padding: 100px 0px 100px 0px;
}
.freemium-workflows-use-case-section .use-case-card-panel-left {
    background-size: 200px;
    background-position: center;
}
.freemium-workflows-use-case-section .use-case-card-panel-left .use-case-text-panel {
    top: calc(100% - 2rem);
}
.freemium-workflows-use-case-section .use-case-card-panel-left .use-case-header-text {
    max-width: 100%;
}
 
/* new css added for internal slider new UI changes on 12-04-2024 onwards -----START----- */

.new-all-use-cases-section .use-case-card-panel-right .use-case-right-overlay {
    display: none;
}
.new-all-use-cases-section .use-case-card-panel-left .use-case-left-overlay {
    display: none;
}
.new-all-use-cases-section .solutions-card-panel .use-case-text-panel {
    background: rgba(0, 0, 0, 0.8);
    top: auto;
    bottom: 0;
    left: 0;
    transform: translate(0px, 0px);
    padding: 15px 15px;
    width: 100%;
}
.new-all-use-cases-section .solutions-card-panel .use-case-header-text {
    font-size: 20px;
    max-width: 100%;
    -webkit-line-clamp: 2;
}
.dms-carousel .solutions-card-panel .use-case-left-overlay {
    display: none;
}
.dms-carousel .solutions-card-panel .use-case-right-overlay {
    display: none;
}
.freemium-workflows-carousel .use-case-text-panel .use-case-header-text {
    text-align: center;
}
.freemium-workflows-carousel .owl-nav button.owl-prev span, .freemium-workflows-carousel .owl-nav button.owl-next span {
    color: #333;
}

/* new css added for internal slider new UI changes on 12-04-2024 onwards -----END----- */

/* new css added for new related case study slider new UI changes on 30-04-2024 onwards -----START----- */

/* .use-case-section {
    padding: 100px 0px 0px 0px;
} */
.related-case-study-container-section .use-case-card-panel-left {
    background-image: url("../images/manufacturing-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100%;
    position: relative;
    border-radius: 0px;
    padding: 195px 0px !important;
}
.related-case-study-container-section .use-case-card-panel-right {
    background-image: url("../images/real-estate-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    position: relative;
    border-radius: 0px;
    padding: 195px 0px !important;
}
.related-case-study-container-section .use-case-left-overlay {
    position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.related-case-study-container-section .use-case-right-overlay {
    position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.related-case-study-container-section .use-case-card-panel-right .use-case-right-overlay {
    display: none;
}
.related-case-study-container-section .use-case-card-panel-left .use-case-left-overlay {
    display: none;
}
.related-case-study-container-section .use-case-text-panel {
    color: #fff;
    position: relative;
    z-index: 2;
    position: absolute;
    /* bottom: 0; */
    bottom: auto;
    top: calc(100% - 6rem);
    left: 0;
    transform: translate(30px, -30px);
}
.related-case-study-container-section .solutions-card-panel .use-case-text-panel {
    background: rgba(0, 0, 0, 0.8);
    top: auto;
    bottom: 0;
    left: 0;
    transform: translate(0px, 0px);
    padding: 15px 15px;
    width: 100%;
}
.related-case-study-container-section .use-case-text-panel .use-case-header-text {
    font-size: 46px;
    font-weight: 600;
}
.related-case-study-container-section .solutions-card-panel .use-case-header-text {
    font-size: 20px;
    max-width: 100%;
    -webkit-line-clamp: 2;
}
.related-case-study-container-section .use-case-text-panel .use-case-detail-text {
    font-size: 20px;
}
.related-case-study-container-section .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}
.related-case-study-container-section .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    right: 0; 
}
.related-case-study-container-section .owl-nav button.owl-prev, .related-case-study-container-section .owl-nav button.owl-next {
    width: 30px; 
}
.related-case-study-container-section .owl-nav button.owl-prev span, .related-case-study-container-section .owl-nav button.owl-next span {
    font-size: 40px;
    color: #fff;
}
.related-case-study-container-section .owl-theme .owl-nav [class*=owl-]:hover {
    /* background: #548dcb; */
    background: transparent; 
    outline: none;
}
.related-case-study-container-section .owl-theme .owl-nav button:focus {
    outline: none;
} 

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

    .related-case-study-container-section .owl-nav button.owl-prev {
        left: -4dvw;
        transform: translateY(-60%);
    }
    .related-case-study-container-section .owl-nav button.owl-next {
        right: -4dvw;
        transform: translateY(-60%);
    }
    .related-case-study-container-section .owl-nav button.owl-prev span, .related-case-study-container-section .owl-nav button.owl-next span {
        font-size: 70px;
        color: #9b9b9b;
        transition: all linear 0.1s;
    }
    .related-case-study-container-section .owl-nav button.owl-prev:hover span {
        font-size: 80px;
    }
    .related-case-study-container-section .owl-nav button.owl-next:hover span {
        font-size: 80px;
    }

}
@media only screen and (min-width: 320px) and (max-width: 575px) {
    .related-case-study-container-section .owl-nav button.owl-prev {
        left: -5dvw;
        transform: translateY(-60%);
    }
    .related-case-study-container-section .owl-nav button.owl-next {
        right: -5dvw;
        transform: translateY(-60%);
    }
}

/* new css added for new related case study slider new UI changes on 30-04-2024 onwards -----END----- */


/* new css added 27-05-2024 onwards -----START----- */

.extra-industry-section .manufacturing-section-list-area {
    background-image: linear-gradient(90deg, rgb(6 37 83 / 100%), rgb(0 48 48 / 85%));
    background-color: transparent;
    color: #fff;
    padding: 20px 30px;
}

.feature-section.email-management-import-email-p-section {
    padding-top: 100px;
    padding-bottom: 0px;
}
.email-management-main-banner {
    background-image: url('../images/email-management-soltuion-banner.jpg');
    background-attachment: unset;
}
.email-management-benefits-of-using-section {
    background-image: url('../images/email-management-soltuion-benefits-of-using-section.jpg');
    /* background-position: center top; */
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: unset;
}
.email-management-usecase-icons-section .w-icon-box {
    width: 100px;
    height: 100px;
}
.email-management-benefits-of-using-section .feature-get-in-touch-overlay {
    background-color: rgba(7, 33, 75, 0.80);
}
.email-management-benefits-of-using-section .high-section-heading-center-line {
    font-weight: 600;
}
.email-management-benefits-icons-section {
    padding-top: 52px;
    padding-bottom: 0;
}
.email-management-benefits-icons-section .w-icon-box {
    width: 100px;
    height: 100px;
}
.feature-section.email-management-import-email-p-section .pera_text {
    margin-bottom: 0;
}
.email-management-important-feature-works-section {
    padding-bottom: 0;
}
.email-management-main-banner  .inner-header-overlay {
    padding-top: 75px !important;
    padding-bottom: 20px;
}
 


ul.sub-dropdown-menu {
    position: absolute;
    top: 0px;
    width: auto;
    left: 100%;
    list-style-type: none;
    padding-left: 0px;
    opacity:0;
    box-shadow: 0px 8px 12px 0px rgb(0 0 0 / 10%);
    background-color: rgb(255 255 255 / 98%);
    transition: all .5s;
}
ul.sub-dropdown-menu:hover {
    opacity:1;
}
.header-menu-dropdown .dropdown-menu li a.sub-dropdown-item-for-menu:hover + ul.sub-dropdown-menu {
    opacity:1;
}
.header-menu-dropdown .dropdown-menu li a.dropdown-item i {
    margin-left: 5px;
}



.email-management-TFW-better-table-section .wrapper {
    position: relative;
    overflow: auto;
    border: 2px solid #d9d9d9;
    white-space: nowrap;
    border-radius: 20px;
    font-size:18px;
}
.email-management-TFW-better-table-section .wrapper table {
    margin-bottom:0px;
}
.email-management-TFW-better-table-section .wrapper .table td {
    border-top: 1px solid #cbcbcb;
    text-align: center;
}
.email-management-TFW-better-table-section .wrapper .table th {
    border-top: transparent;
    text-align: center;
}
.email-management-TFW-better-table-section .sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff !important;
}

.email-management-TFW-better-table-section .first-col {
    width: 400px;
/*
    min-width: 400px;
    max-width: 400px;
*/
    white-space: normal;
    background-color: #fff !important;
    left: 0px;
    font-weight: 500;
}
.email-management-TFW-better-table-section .second-col {
    width: 400px;
    white-space: normal;
    text-align: center;
    background: #f5f5f5;
    font-weight: 400;
}
.email-management-TFW-better-table-section .third-col {
    width: 400px;
    white-space: normal;
    background: #548dcb;
    color:#fff;
    text-align: center;
    font-weight: 800;
}
.email-management-TFW-better-table-section .first-col-head {
    background: #fff;
    font-weight: 700;
}
.email-management-TFW-better-table-section .second-col-head {
    background: #f5f5f5;
    font-weight: 700;
}
.email-management-TFW-better-table-section .third-col-head {
    background: #548dcb;
    font-weight: 800;
    color:#fff;
}



.glossary-internal-page-container .internal-case-study-related-section {
    padding-top: 120px; 
}

/* new css added 27-05-2024 onwards -----END----- */ 


/* all global new extra css 20-11-2023 onwards -----END----- */

/* all global media query --START-- */

@media only screen and (min-width: 992px) and (max-width: 1440px) {

    .country-name { 
        font-size: 16px;
    }
    .country-address {
        font-size: 14.5px;
    }

}

@media only screen and (min-width: 1367px) {
    .blog-special-container {
        max-width: 1080px;
    }
}

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

    .new-all-use-cases-section .owl-nav button.owl-prev {
        left: -4dvw;
        transform: translateY(-60%);
    }
    .new-all-use-cases-section .owl-nav button.owl-next {
        right: -4dvw;
        transform: translateY(-60%);
    }
    .new-all-use-cases-section .owl-nav button.owl-prev span, .new-all-use-cases-section .owl-nav button.owl-next span {
        font-size: 70px;
        color: #9b9b9b;
        transition: all linear 0.1s;
    }
    .new-all-use-cases-section .owl-nav button.owl-prev:hover span {
        font-size: 80px;
    }
    .new-all-use-cases-section .owl-nav button.owl-next:hover span {
        font-size: 80px;
    }

    /* .related-case-study-container-section .owl-nav button.owl-prev {
        left: -4dvw;
        transform: translateY(-60%);
    }
    .related-case-study-container-section .owl-nav button.owl-next {
        right: -4dvw;
        transform: translateY(-60%);
    }
    .related-case-study-container-section .owl-nav button.owl-prev span, .related-case-study-container-section .owl-nav button.owl-next span {
        font-size: 70px;
        color: #9b9b9b;
        transition: all linear 0.1s;
    }
    .related-case-study-container-section .owl-nav button.owl-prev:hover span {
        font-size: 80px;
    }
    .related-case-study-container-section .owl-nav button.owl-next:hover span {
        font-size: 80px;
    } */

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .use-case-text-panel {
        /* max-width: 360px; */
        /* max-width: 390px; */
        /* max-width: calc(100vw - 5rem); */
        max-width: 100%;
    }
    .use-case-text-panel .use-case-header-text {
        font-size: 36px;
        font-weight: 600;
    }
    .use-case-text-panel .use-case-detail-text {
        font-size: 16px;
        overflow-wrap: break-word;
        white-space: normal;
    }

}

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

    .use-case-text-panel {
        /* max-width: 250px; */
        /* max-width: 630px; */
        /* max-width: calc(100vw - 5rem); */
        max-width: 100%;
    }
    .use-case-text-panel .use-case-header-text {
        font-size: 32px;
        font-weight: 600;
    }
    .use-case-text-panel .use-case-detail-text {
        font-size: 16px;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .freemium-height-main-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .freemium-height-box-left {
        margin-bottom: 40px;
    } 
    ul.sub-dropdown-menu {
        position: relative; 
        top: 0px;
        width: auto;
        left: 0px;
        border-radius: 0px; 
        list-style-type: none;
        padding-left: 10px;
        opacity: 1;
        box-shadow: none; 
        background-color: rgb(255 255 255 / 47%);
        transition: none;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .use-case-text-panel {
        /* max-width: 480px; */
        /* max-width: 450px; */
        /* max-width: calc(100vw - 5rem); */
        max-width: 100%;
    }
    .use-case-text-panel .use-case-header-text {
        font-size: 32px;
        font-weight: 600;
    }
    .use-case-text-panel .use-case-detail-text {
        font-size: 16px;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .freemium-height-main-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .freemium-height-box-left {
        margin-bottom: 40px; 
    }
    ul.sub-dropdown-menu {
        position: relative; 
        top: 0px;
        width: auto;
        left: 0px;
        border-radius: 0px; 
        list-style-type: none;
        padding-left: 10px;
        opacity: 1;
        box-shadow: none; 
        background-color: rgb(255 255 255 / 47%);
        transition: none;
    }

}

@media only screen and (min-width: 320px) and (max-width: 575px) {

    .use-case-text-panel {
        /* max-width: 240px; */
        /* max-width: calc(100vw - 5rem); */
        max-width: 100%;
    }
    .use-case-text-panel .use-case-header-text {
        font-size: 32px;
        font-weight: 600;
    }
    .use-case-text-panel .use-case-detail-text {
        font-size: 16px;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .freemium-height-main-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .freemium-height-box-left {
        margin-bottom: 40px;
    }
    .use-case-section.new-all-use-cases-section .use-case-header-text {
        font-size: 20px;
        max-width: 100%;
    }
    ul.sub-dropdown-menu {
        position: relative; 
        top: 0px;
        width: auto;
        left: 0px;
        border-radius: 0px; 
        list-style-type: none;
        padding-left: 10px;
        opacity: 1;
        box-shadow: none; 
        background-color: rgb(255 255 255 / 47%);
        transition: none;
    }

}

/* all global media query --END-- */