/*
    Theme Name: Pluto7
    Author: 
    Author URL: 
    Description: ---- 2019.
    Document   : Framework
    Created on : 10 Dec 2019, 12.00 am
*/

/* New Menu Layout CSS */
/* #mega-menu-wrap-headersecond #mega-menu-headersecond > li.mega-menu-megamenu #mega-menu-item-164306 > ul.mega-sub-menu {
    max-width: 68% !important;
}
 */

.pi-img-div-left {
    width: 40%;
}

.pi-img-div-right {
    width: 60%;
}

.blog-sing-img{
	min-height: 360px;
	width: 74%;
	margin-bottom:30px;
	background-size: contain !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
}

/* CSS for Pi-Unify Jan 2026 */
.hash-grey-text{
	color: #4B4B4B;
}

.blue-grad-text-clr{
	  background: radial-gradient(closest-side at 50% 50%, #4184F5 0%, #0047AB 100%);
	  -webkit-background-clip: text;
	  background-clip: text;
	  color: transparent;
	  display: inline-block;
}
.pi-logo-wid{
	width: 42%;
	margin-bottom: 20px;
	margin-top: 30px;
}

.backg-positn-right{
	background-position: right;
}

.justify-text-right{
	justify-self: right;
}

.three-flex-para {
    flex: 30%;
    padding: 10px 0px;
}

.large-text70-cap {
    margin-top: 5px;
    margin-bottom: 10px;
	line-height: 1.3;
/*     font: normal normal 500 70px / 90px Roboto; */
	font: normal normal 500 60px / 90px Roboto;
}

.img-bottom-placing{    
	width: 35%;
    margin-top: 30px;
    height: auto;
    position: relative;
/*     margin-left: auto; */
	    float: right;
}

/* CSS for Homepage and Planning in a Box Jan 2026 */

.pi-layers-tile{
    border-radius: 10px;
    display: flex;
    gap: 0px;
    align-content: center;
    align-items: center;
	margin: 2% 4% 2% 8%;
	padding: 20px;
}

.pi-layers-tile span{
	left: -20%;
    position: relative;
}

.pi-layers-tile .explore-flex{
	display: flex;
    width: 100%;
    justify-content: space-between;
}
.pi-layers-tile .pi-layer-content{
	left: -10%;
    position: relative;
	text-align: left;
	width: 100%;
} 

.feature-overlap-box{
	margin-bottom: -40%; /* This pulls the box down to overlap the next section */
	z-index: 10;
	text-align: left;
}

.heroo-padding-top-sec{
    padding: 45vh 0 0vh;
}

.slider-container{
	width: 85%;
    margin: 0 auto;
}
/* Moving track */
.slider-track {
  display: flex;
  gap: 120px; /* spacing between tiles */
  width: max-content;
  animation: infinite-scroll 25s linear infinite;
}

.achieve-slider-tile{
	border: 2px solid black;
    border-radius: 10px;
    display: flex;
    justify-items: start;
    width: 300px;
    gap: 0px;
    align-content: center;
    align-items: center;
}

.achieve-slider-tile span{
	left: -20%;
    position: relative;
    background: #F8F8F8;
    margin: 15px 0px;
	font: normal normal 500 48px / 90px Roboto;
}

.achieve-slider-tile p{
	left: -10%;
    position: relative;
	text-align: left;
}

.gray-dashed-border-right{
	border-right: 3px dashed #c7c7c7;
}

.plan-main-header{
	font: normal normal 500 38px / 90px Roboto;
    letter-spacing: 1px;
    line-height: 1.3;
	color: #000;
}

.plan-sub-header{
	font: normal normal 349 25px / 90px Roboto;
    letter-spacing: 1px;
    line-height: 1.3;
	color: #000;
}

.plan-subbi-header{
	font: normal normal 349 20px / 90px Roboto;
    letter-spacing: 1px;
    line-height: 1.3;
	color: #000;
}

.plan-pi-sub-header {
    font: normal normal 350 30px / 90px Roboto;
    letter-spacing: 1px;
    line-height: 1.3;
	color: #000;
}

.blue-drop-backg{
	height: 60%;
    background: #4285F5;
    position: absolute;
    top: 40%;
    width: 100%;
}
#popupVideo{
	height: 500px;
    width: 98%;
    padding: 20px 30px;
}

.sm-container {
    width: 78%;
    max-width: 1470px;
	padding-left: 15px;
}

.large-text-cap{
	margin-top: 5px;
    margin-bottom: 10px;
    font: normal normal 500 57px / 90px Roboto;
    line-height: 1.3;
}

/* CSS for Newsletter page -2025 */

.img-merge-text{
	width: 61%;
}

.newsletter-collapsible {
  background-color: #fcfafa;
  color: #000;
  cursor: pointer;
  padding: 18px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  font-weight: 700;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.newsletter-collapsible:hover {
  background-color: #f1f1f1;
}

/* Active state: blue background + white text */
.newsletter-collapsible.active {
  background-color: #4284f5;
  color: #fff;
}

/* Year text styling */
.year-label {
  font-weight: 700;
  font-size: 20px;
}

/* Arrow styling */
.newsletter-collapsible .new-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #555;
  transition: transform 0.3s ease, border-top-color 0.3s ease;
}

/* Rotate and recolor arrow when active */
.newsletter-collapsible.active .new-arrow {
  transform: rotate(180deg);
  border-top-color: #fff;
}

/* Content section animation */
.newsletter-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 0 15px;
}


.news-flex-cont{
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

/* CSS for new Customer Success Stories page -2025 */
.story-carousel {
  display: flex;
  transition: transform 0.4s ease-in-out;
}

.story-carousel-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 20px;
  min-width: 100%;
  align-items: start;
  align-content: space-evenly;
}

.succ-figure {
    width: 100%;
    height: 180px;
/*     height: 215px; */
    overflow: hidden;
    padding: 0;
    margin: 0;
	border-radius:15px;
}

/* CSS for new Homepage July-2025 */
.text-hide-3-line{
	color: #7C7C7C;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-cont-left{
	text-align: left;
}

.adjust-styles{
	padding: 16% 50px 8% 50px;
}

.spend-sec-img{
	padding: 14% 0px 0px 0px;
    width: 92%;
    height: 700px;
    float: right;
}

.slate-blue-gray-clr{
	color: #596780;
}

.outcome-backg{
	height: 240px;
    position: relative;
}

.outcome-backgd{
	height: 310px;
    position: relative;
}

.outcome-text{
	position: absolute;
    bottom: 10px;
    padding: 20px;
    text-align: left;
    color: white;
}

/* Letter from the CEO page css */
.polygon-bg{
	background: #2B457F 0% 0% no-repeat padding-box;
    color: white;
    width: fit-content;
    padding: 5px 5%;
    clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
    margin: auto;
    top: -60px;
    position: relative;
}

.card-cont-padding{
	padding: 10px;
}

.card-head-normal{
	font: normal normal Bold 22px / 33px Roboto;
}

.big-headline-text{
	font: normal normal bold 48px/60px Roboto !important;
	letter-spacing: 3.84px; 
	margin-left: 0px;
}

.para-bold-text{
	font: normal normal bold 18px / 28px Roboto;
    padding-bottom: 10px;
}

.para-pad-text{
	padding-bottom: 10px;
}

.ceo-img{
	width: 55%;
}

.letter-data-text{
	width:60%;
	margin: 0 auto;
}

/* css for website revamping */
.light-gray-border-btn{
	color: #575757;
    border: 1px solid #70707021;
    border-radius: 5px;
    padding: 9px 18px;
    margin: 0px;
}

.event-card-head{
	position: relative;
    padding-bottom: 12%;
}

.event-card-cont{
	position: absolute;
    bottom: 0px;
/* 	left: 7%; */
	left: 30%;	
}

.past-event-head{
	position: relative;
    padding-bottom: 9%;
}

.scroll-down {
  height: 65px;
    width: 55px;
    position: relative;
    left: 50%;
    bottom: -72px;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  box-shadow: 0px 25px 68px 0px #0000007d;
}

.scroll-down img {
  height: 100%;
  width: auto;
  border-radius: 50px;
}


.story-cars-nav{
	background-color: #4284f5;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 0px;
    width: 50px;
    height: fit-content;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.story-carousel-nav-cont, .vid-story-carousel-nav-cont{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	height: fit-content;
}

.hero-less-space-header{
	font: normal normal bold 38px / 60px Roboto;
    letter-spacing: 1px;
    line-height: 1.5;
	margin: 15px 0px; /* reduce spacing */
}


/* css on animation to slide(up/down/left/right) */
/* .fade-in,
.slide-down,
.slide-up,
.slide-left,
.slide-right {
    opacity: 0;
}
 */
.fade-in.active {
			animation: fadein 0.7s ease-in both;
		}

		@keyframes fadein {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
		  
.slide-down.active {
			animation: slidedown 0.7s ease-out both;
		}


	@keyframes slidedown {
		0% {
			transform: translateY(-100px);
			opacity: 0;
		}
		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}
		  
.slide-up.active{
            animation: slideup 0.7s cubic-bezier(0.65, 0, 0.35, 1) both;
        }
		@keyframes slideup {
			0% {
				transform: translateY(170px);
				opacity: 0;
				visibility: hidden;
			}
			100% {
				transform: translateY(0);
				opacity: 1;
				visibility: visible;
			}
		}
        
.slide-left.active{
            animation: slideleft 0.7s linear forwards;
        }
       @keyframes slideleft {
			0% {
				transform: translateX(120px);
				opacity: 0;
				visibility: hidden;
			}
			100% {
				transform: translateX(0);
				opacity: 1;
				visibility: visible;
			}
		}
        
.slide-right.active{
            animation: slideright 0.7s linear backwards;
        }
       @keyframes slideright {
			0% {
				transform: translateX(-120px);
				opacity: 0;
			}
			100% {
				transform: translateX(0);
				opacity: 1;
			}
		}

/* css for planning in a box page */
.other-resources-grp{
	background: white;
    border: 2px solid #CCCCCC;
    color: #7C7C7C;
    font: normal normal normal 16px / 48px Roboto Condensed;
    padding: 12px 50px;
    border-radius: 5px;
    box-shadow: 0px 23px 46px #00000029;
}

.other-resources-grp.active{
	border: 3px solid #4284f5; 
	color: #4284f5; 
	font: normal normal bold 16px / 48px Roboto Condensed;
	background: white;
	padding: 12px 50px;
    border-radius: 5px;
    box-shadow: 0px 23px 46px #00000029;
}

.content-section {
    display: none; /* Hidden by default */
}

.pi-video-div-left {
    width: 45%;
}

.pi-video-div-right {
    width: 55%;
}

.feature-box-st{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 16px;
    background: #fff;
    border-radius: 50px;
/*     border: 1px solid #F2F2F2; */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}

.ylw-skrew-bg{
	background: url(/wp-content/uploads/2024/12/yellow-skrew-bg.png);
    background-size: cover;
    background-position: right;
    font: normal normal bold 24px / 60px Roboto;
    letter-spacing: 1.92px;
    line-height: 1.3;
    width: fit-content;
    padding: 5px 20px;
    margin: 0 auto;
	margin-bottom: 15px;
}

/* css for new menu's 2025 */
.mex-padding{
	padding-left: 30px !important;
}

.new-menu-heading{
	letter-spacing: 1.44px;
    color: #160F46 !important;
    font-size: 18px !important;
}

.industry-menu-para{
	font: normal normal bold 18px / 40px Roboto;
	letter-spacing: 2.08px;
/* 	background: rgba(0, 0, 0, 0.4) linear-gradient(183deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.86) 100%) 0% 0% no-repeat padding-box; */
	padding: 130px 10px 0px 10px !important;
	width: 301px;
	height: 169px;
}

.image-container figure{
		width:90%;
		height:90%;
		object-fit:cover;
		transition: transform 0.3s ease-in-out;
	}
	
	.image-container:hover figure{
		transform: scale(1.1);
	}
	
	.search-bar {
        margin-bottom: 20px;
    }

    .search-bar input {
        width: 80%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .search-bar button {
        padding: 10px;
		background-color: #e0e0e0;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
		border: 1px solid black;
    }

    .keywords {
        margin-bottom: 20px;
    }

    .keyword-buttons {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .keyword-button {
        padding: 10px 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
        text-decoration: none;
        color: #000;
        background-color: #f9f9f9;
    }

    .keyword-button.active {
        background-color: #4284f5;
		color: white;
		border: 1px solid #4284f5;
		font-weight: bold;
    }

	.page-numbers.current{
		color: white;
		background: #4284f5;
		padding: 10px 15px;
		border-radius: 10px;
		margin-right: 5px;
		border: 1px solid #160f46;
	}
	
	.page-numbers{
		color: #4284f5;
		padding: 10px 15px;
		border-radius: 10px;
		font-weight: bold;
		margin-right: 5px;
		border: 1px solid grey;
	}

.blog-left-group {
    width: 24%;
/*     float: left; */
    margin-right: 2%;
    padding: 0px 2px;
	border-right: 1px solid #b9b7b7;
}
.blog-right-group {
    width: 72%;
/*     float: right; */
    margin-left: 2%;
    padding: 0px 2px;
/* 	border-right: 1px solid #b9b7b7; */
}

.blog-herosec-padding{
	padding: 450px 0px 0px;
}

.blog-herosec-des {
	padding: 20px 50px;
    background: rgba(0, 0, 0, 0.4) linear-gradient(183deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.86) 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 30px 30px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* css for carousel in new homepage - 2025*/
/* Parent container styling */
.success-story-carousel, .vid-success-story-carousel {
    position: relative;
    overflow: hidden;
    padding-bottom: 80px; /* Space for buttons at the bottom */
}

/* Carousel styling */
.story-carousel, .vid-story-carousel {
/*     padding: 0px 6%; */
	padding: 0px 3%;
    display: flex;
    gap: 20px; /* Spacing between cards */
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

/* Card styling */
.story-carousel-cell, .vid-story-carousel-cell {
    flex: 0 0 calc(33.33% - 10px); /* Default: Each card takes ~1/3rd of the width with spacing accounted */
    box-sizing: border-box;
}

.story-carousel .features-content-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background: #21427b;
    border: 1px solid #4384F5;
    border-radius: 10px;
    padding: 25px 20px;
}

/* Navigation buttons (at the bottom) */
.story-carousel-nav-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 30px;
}

.story-carousel-nav {
    background-color: #4284f5;
    color: white;
    border: none;
    border-radius: 30px;
    padding: 10px;
    width: 50px;
    height: fit-content;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.story-carousel-nav:hover {
    background-color: #3366d6; /* Slightly darker on hover */
}



.stagger-card-container {
  display: flex;
  flex-wrap: wrap;
  max-height: 400px; /* Set max height to control visible area */
  overflow-y: auto; /* Enable vertical scrolling */
  padding: 16px;
  gap: 16px; /* Space between cards */
  margin: 50px 0px;
}

.stagger-card {
  flex: 0 1 calc(50% - 16px); /* Each card takes half width minus gap */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 16px;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #F2F2F2;
  text-align: center;
}

.stagger-card:nth-child(odd) {
  margin-top: 30px; /* Stagger the cards */
}

.stagger-card:nth-child(even) {
  margin-bottom: 30px; /* Stagger the cards */
}
		  
.btn-flex-container {
    display: flex;
    flex-wrap: wrap;
}

.new-hero-header{
	font: normal normal bold 38px/60px Roboto;
	letter-spacing: 3.04px;
	line-height: 1.5;
}

.grey-para-text{
/* 	text-align: center; */
	font: normal normal normal 18px/32px Roboto;
	letter-spacing: 0px;
	color: #7C7C7C;
}

.grey-card-text{
/* 	text-align: center; */
	font: normal normal normal 14px/32px Roboto;
	letter-spacing: 0px;
	color: #7C7C7C;
	line-height: 1.7;
	margin-top: 20px;
}

.value-display-large{
	text-align: center;
	font: normal normal normal 98px/32px Roboto;
	letter-spacing: 0px;
	color: #2B457F;
	padding: 60px 20px;
}

.dark-blue-fill{
	background: #1A202C;
	font-size: 19px;
    font-weight: 600;
    padding: 12px 50px;
    color: #fff;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0px 13px 36px #00000039;
}
.btn-blue-fill {
    font-size: 19px;
    font-weight: 600;
    padding: 12px 50px;
    color: #fff;
    margin-right: 20px;
    background: #4284F5;
    border-radius: 5px;
    box-shadow: 0px 13px 36px #00000039;
}

.btn-blue-border {
    box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
    padding: 12px 50px;
    font: normal normal bold 19px / 48px Roboto Condensed;
    letter-spacing: 0px;
    color: #4284f5;
    border: 3px solid #4284f5;
	background: white;
}

.two-btn-holder {
        margin: 20px 0px;
    }

.two-btn-holder .blue-gradient-filled-btn {
    background: transparent linear-gradient(291deg, #4284F5 0%, #21427B 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
    padding: 15px 50px;
    font: normal normal bold 19px/48px Roboto Condensed;
	letter-spacing: 0px;
    color: white;
    margin-right: 20px;
}

.two-btn-holder .blue-gra-fillbtn-sm{
	background: #4284f5;
    box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
    padding: 7px 12px;
    font: normal normal normal 17px / 48px Roboto Condensed;
    letter-spacing: 0px;
    color: white;
    margin: 0px 8px 0px 0px;
}

.two-btn-holder .blue-borderbtn-sm {
	box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
    padding: 5px 12px;
    font: normal normal normal 17px / 48px Roboto Condensed;
    letter-spacing: 0px;
    color: #4284f5;
    border: 2px solid #4284f5;
    background: white;
}

.padding-left-cont{
	padding-left: 15px !important;
}

.contact-countries {
    position: relative;
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.zero-margin{
	margin: 0px;
}

/* 	css for pop-up's */
#popup {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1000;
      background: white;
      padding: 20px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      text-align: center;
    }

    #popup.active {
      display: block;
    }

    #overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;
    }

    #overlay.active {
      display: block;
    }

    button {
      margin-top: 10px;
      padding: 10px 20px;
      border: none;
      background: #007bff;
      color: white;
      border-radius: 5px;
      cursor: pointer;
    }

			.popup {
		  display: none;
		  position: fixed;
		  z-index: 9999;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  background-color: rgba(0, 0, 0, 0.5);
		}

		.popup-content {
		  position: absolute;
		  background: #fff;
		  padding: 5%;
		  border-radius: 10px;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		}

		.close-btn {
		  position: absolute;
			top: 3px;
			right: 15px;
			cursor: pointer;
			font-size: 35px;
		}

/*  css for ROI calculator */
	.roi-slider {
		-webkit-appearance: none;
		appearance: none;
		width: 90%;
		height: 8px;
		background: #ddd;
		outline: none;
		opacity: 0.7;
		transition: opacity .15s ease-in-out;
		margin-right: 10px;
	}

	.roi-slider:hover {
		opacity: 1;
	}

	
	.roi-slider::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 20px;
		height: 20px;
		background: #4284f5;
		cursor: pointer;
		border-radius:10px;
	}

	.roi-slider::-moz-range-thumb {
		width: 25px;
		height: 25px;
		background: #4CAF50;
		cursor: pointer;
	}

	.top-btm-padding {
    padding: 10px 0px;
    text-align: left;
}

	.number-input-div{
		width: 160px;
		padding: 10px;
		text-align: center;
	}
	
.roi-flex-two-btns{
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 10%;
}

.roi-flex-two-btns .blue-bg-btn{
	font-size: 19px;
    font-weight: 600;
    padding: 14px 54px;
    color: #fff;
    background: #4284F5;
    border-radius: 5px;
    box-shadow: 0px 13px 36px #00000039;
}

.roi-flex-two-btns .grey-bg-btn{
	font-size: 19px;
    font-weight: 600;
    padding: 14px 54px;
	margin-right: 20px;
    color: #fff;
    background: #7C7C7C;
    border-radius: 5px;
    box-shadow: 0px 13px 36px #00000039;
}

.roi-flex-two{
		flex: 45%;
    	margin: 20px 40px 20px 0px;
	}

	.roi-final-value{
		font-size: 26px !important;
    	font-family: 'Roboto' !important;
	}

	.roi-flex-two-left{
		flex: 25%;
    	margin: 12px;
	}

	.roi-flex-two-right{
		flex: 68%;
    	margin: 12px;
	}

	.roi-flex-three{
		flex: 30%;
    	margin: 12px;
	}


	.roi-flex-four{
		flex: 22%;
    	margin: 12px;
	}

	.roi-flex-four img{
			padding: 10px 0px 30px 0px;
		}
 
	.black-clr{
		color:#000;
	}

#mega-menu-wrap-headersecond #mega-menu-headersecond li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    /* padding: 10px 35px 0px 30px; */
    padding: 0px 15px 0px 15px;
/*     min-width: 320px !important; */
	min-width: 250px !important;
}


.menu-flex{
	display: flex;
    flex-wrap: nowrap;
}

    #navigate ul ul li a {
        padding-left: 0px;
/*         color: #333 !important; */
        font-size: 1.1em;
        font-weight: 500;
    }
	
.white-clr {
    color: #fff !important;
}

.pi-agent-holder{
	text-align: left; 
	flex: 20% !important; 
	align-content: center;
    justify-content: center;
    background: #2B457F;
    padding: 20px;
    align-items: center;
	}


.content-item .sub-menu-header a{
	color: #7C7C7C;
}

.content-item span a{
	color: #7C7C7C;
	font-size: 15px;
}

.blue-cont{
	background: #a0cbff;
    color: #4284f5;
    width: fit-content;
    /* padding: 0px 5px; */
    padding-top: 0px !important;
    padding: 0px 5px;
}

#mega-menu-wrap-headersecond #mega-menu-headersecond p {
    margin-bottom: 10px !important;
}

.insight-submenu-item, .submenu-item {
		display: flex;
    	justify-content: space-between;
		padding: 15px;
		cursor: pointer;
		width: 100%;
		text-align: left;
		background: transparent;
		border: 0px;
		font-size: 17px;
		line-height:1.5;
		color: #160F46;
		font-weight: bold;
		align-items: center;
	}
	
	.arrow-icon {
    	margin-left: auto;
		padding-left: 10px;
	}

	.insight-submenu-item-content, .submenu-item-content{
		display: none;	
	}
	
	.insight-submenu-item-content ul, .submenu-item-content ul {
		list-style-type: none;
		padding: 0;
	}
	
	.defaultOpen{
		display: block;
	}

	.defaultOpen1{
			display: block;
		}

	.insight-submenu-item.active{
	 	color: #4284F5;
		border-bottom: 1px solid #0000001f;
	}

	.submenu-item.active{
	 	color: #4284F5;
		border-bottom: 1px solid #0000001f;
	}
	
	.insight-submenu-item.active .fa-arrow-right{
		background: #fff;
		border-radius: 50%;
		color: #4284f5;
		padding: 3px 5px;
		border: 1px solid #4284f5;
		font-size: 15px !important;
	}

.menu-left-two{
	flex:93%;
}
.menu-right-two{
	flex:7%;
}

.main-header{
		margin-bottom: 0px;
		padding: 6px 20px 2px;
	}
	
	.sub-header{
		margin-bottom: 0px;
/* 		padding: 6px 20px 2px; */
		padding: 0px 20px 5px;
	}
	
 	.main-header:hover .button-show { 
            display: inline-block;
			float: inline-end;
        }
	
	.sub-menu-content:hover .button-show { 
            display: inline-block;
			float: inline-end;
        }
	
/* 	 	.main-header .button-show {
            display: inline-block;
			float: inline-end;
        }
	
		.sub-menu-content .button-show {
			display: inline-block;
			float: inline-end;
		}
 */
	.header-line-divider{
		background: #7c7c7c63;
		margin-bottom: 15px !important;
		margin-left: 20px;
		width: 94%;
		float: initial;
	}
	
	.button-show{
		display: none;
	}
	
	.thick-underline-transition {
    background-color: #160F46;
    height: 3px;
    width: 0%;
    margin-top: 5px;
    margin-bottom: -5px;
    transition: all .25s linear;
	display: block;
}
	
	.sub-menu-header:hover .thick-underline-transition {
        width: 80%;
        background-color: #160F46;
    }
	
	.fa-arrow-right{
		background: #fff;
		border-radius: 50%;
		color: 	#00000046;
		padding: 3px 5px;
		border: 1px solid 	#00000046;
		font-size: 15px !important;
	}

	.res-submenu-item, .sol-submenu-item, .submenu-item, .aiagent-submenu-item {
		display: flex;
    	justify-content: space-between;
		padding: 5px 10px;
		cursor: pointer;
		width: 100%;
		text-align: left;
		background: transparent;
		border: 0px;
		font-size: 17px;
		line-height:1.5;
		color: #160F46;
		font-weight: bold;
		align-items: center;
		letter-spacing: 1.44px;
	}
	
	.arrow-icon {
    	margin-left: auto;
		padding-left: 10px;
	}

	.res-submenu-item-content, .sol-submenu-item-content, .submenu-item-content, .aiagent-submenu-item-content{
		display: none;	
	}
	
	.res-submenu-item-content ul, .sol-submenu-item-content ul, .submenu-item-content, .aiagent-item-content ul {
		list-style-type: none;
		padding: 0;
	}
	
	.defaultOpen{
		display: block;
	}

	.defaultOpen1{
			display: block;
		}
	
	.defaultOpen2{
			display: block;
		}

	.res-submenu-item.active, .sol-submenu-item.active, .submenu-item.active, .aiagent-submenu-item.active{
	 	color: #4284F5;
		border-bottom: 1px solid #0000001f;
		letter-spacing: 1.44px;
	}
	
	.res-submenu-item.active .fa-arrow-right, .sol-submenu-item.active .fa-arrow-right, .aiagent-submenu-item.active .fa-arrow-right{
		background: #fff;
		border-radius: 50%;
		color: #4284f5;
		padding: 3px 5px;
		border: 1px solid #4284f5;
		font-size: 15px !important;
	}

	.res-submenu-item.active .fa-arrow-right, .submenu-item.active .fa-arrow-right{
		background: #fff;
		border-radius: 50%;
		color: #4284f5;
		padding: 3px 5px;
		border: 1px solid #4284f5;
		font-size: 15px !important;
	}
	
	.single-content-item {
		width: 100%;
		padding: 10px;
		letter-spacing: 1.44px;
	}
	
	.single-content-item a{
		color: #160F46;
	}
	
	.single-content-item a:hover{
		color: #4284f5 !important;
	}

	.content-item{
		margin-bottom: 10px !important;
		line-height: 1.5;
	}

	.content-item a{
		font-size: 17px;
		color: #160F46;;
		margin-bottom: 10px;
	}
	
	.usecase-menu-header span{
		font-size: 17px !important;
		color: #160F46;
		margin-bottom: 10px;
	}

	.content-item a:hover{
		color: #4284f5 !important;
	}
	
	.content-item span{
		color:#7C7C7C;
	}

/* 	.subContent {
		padding: 6px 12px;
		border-top: none;
		width: 100%;
	} */
/* 	Pi Agent hero section Animation */
	 .meet-anim {
/*             display: flex;
            justify-content: center;
            align-items: center;
            height: 100px;
            overflow: hidden;
            position: relative; */
        }

        .meet-anim p {
            font-size: 300px;
            animation: moveRight 3s forwards, moveUp 1s forwards 2s, shrink 1s forwards 2s;
            position: relative;
            white-space: nowrap;
            margin-top: 100px;
        }

        .hero-img-anim {
            position: relative;
            display: block;
            margin: 0 auto;
            opacity: 0;
            animation: riseUp 1s forwards 2s;
        }

		
/* CSS for the sticky sidebar */
@media screen and (min-width: 768px) {
	.big-word{
		font-size: 89px;
    	line-height: 1.5;
	}
    .page-id-123 #sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 20px; /* Adjust as needed */
    }
}

.sticky-widget {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0px; /* Adjust the value as needed */
}

.partner-tab.tabs-mobile-glassbox{
	display:none;
}
.all-solution-section.tabs-mobile-glassbox, .galssbox-mob{
	display:none;
}
.top-menu{
	display:none;
}
.mob-menu{
	display:none;
}
html {
    scroll-behavior: smooth;
}


@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
.alm-listing .alm-reveal{
	width:100%;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
	border-radius:50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body {
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    background: #fff;
    margin: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-text-size-adjust: none;


}
.container.half-continer{
	width: 55%;
}
.trophy-size{
	width:43%;
}
.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
}

:focus {
    outline: 0;
}

a,
a:link,
a:visited {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

img {
    border: none;
    max-width: 100%;
}

ul, li {
	list-style: none;
    margin: 0px;
    padding: 0px;
}


.outer:before,
.outer:after,
.container:after,
.container:before,
.slider:after,
.slider:before {
    content: " ";
    display: table;
}

.outer:after,
.container:after,
.slider:after {
    clear: both;
}

.outer {
    width: 100%;
    padding: 0 0;
    margin: 0 auto;
    overflow-x: none;
}

.getaqts {
	position:fixed;
	width:150px;
	height: 38px;
	right: -50px;
	top:45%;
	background:#6685cb;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	z-index: 999;
	text-align: center;
	padding: 20px 0 0 0;
	font-weight: 600;
	font-size: 1.2em;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 1px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}
.getaqts a {
	color:#fff;
}


a.line {
    font-weight: 400;
    color: #1d1d1d;
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
    position: relative;
}
.video-frame{
		width:70%;
		margin: 0 auto;
	}
.parent-cont{
	padding: 30px 0 60px;
	width:100%;
	float:left;
}
.highlight{
	color:#4285F5;
}

a.line.white {
    color: #fff;
}

a.line.white span:before {
    background: #fff;

}
.home-banner .container{
	width: 64%;
	}
.fa-long-arrow-right{
	font-size: 16px;
    padding-left: 5px;
}
a.line.blue {
  	color: #2f2f2f;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    bottom: 30px;
}
a.line.blue:hover{
	color:#6685cb;
}
a.line.blue span:before {
    background: #6685cb;

}

a.line.grey {
    color: #666;
}

a.line.grey span:before {
    background: #666;

}

.container {
    margin: 0 auto;
    width: 85%;
    max-width: 1470px;
}

/* Flex container CSS */

.flex-container{
		display:flex;
		flex-wrap:wrap;
	}

.two-left, .two-right{
		flex:50%;
	}
.flex-three.jouryney-cont{
	flex:31%;
	margin:1%;
}
.flex-three {
    flex: 33%;
}
.flex-four{
    flex: 25%;
}
.flex-five{
	flex:20%;
}
.flex-two{
	flex:50%;
}

.flex-four {
    width: 25%;
}
.flex-four-small{
	width: 50%;
}
.flex-four-medium{
	width:33%;
}

.flex-eight{
	flex:12%;
}

.sect-sub-heading{
    font: normal normal bold 16px/42px Roboto;
    margin-bottom: 18px;
    line-height: 33px;
}
/***************** buttons style  *****************/
.hero-btn-area{
  margin-top: 60px;	
}
.hero-btn-area .filled-btn{
	color: #fff;
    margin-right: 20px;
    font-size: 23px;
    padding-left: 50px;
    padding-right: 50px;
	background: transparent linear-gradient(291deg, #4284F5 0%, #21427B 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
    padding: 13px 33px;
	font-weight:500;
}
.hero-btn-area .border-btn{
	margin-right: 20px;
    font-size: 23px;
    padding-left: 50px;
    padding-right: 50px;
	border: 2px solid #4284F5;
    background: #fff;
    border-radius: 5px;
    padding: 11px 33px;
	font-weight:500;
    color: #4284F5;
}
.btn-area .filled-btn{
	background: transparent linear-gradient(291deg, #4284F5 0%, #21427B 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
	padding: 13px 33px;
	font: normal normal 500 16px/21px Roboto;
}
.btn-area .border-btn{
	border: 2px solid #4284F5;
	background:#fff;
	border-radius: 5px;
	padding: 11px 33px;
	font: normal normal 500 16px/21px Roboto;
	color:#4284F5;
}
.btn-area{
	margin-top:50px;
}
.text-link{
	color:#4284F5;
	font: normal normal normal 17px/28px Roboto;
}
/***************** color css strats here ************/
.purple-clr{
	color:#52489C;
}
.blue-clr{
	color:#4284F5;
}
.yellow-clr{
	color:#FFEC0A;
}
.white-clr{
	color:#fff;
}
.gray-bg{
	background:#F8F8F8;
}
.white-bg{
	background:#Fff;
}
/***************** SAP Customer Experience page 2024 css strats here  ************/
.video-sap-sec .container{
	width:60%;
}
.sap-hero-carousal .case-sectn-scroll .flickity-page-dots, .sap-hero-carousal .case-sectn-scroll .flickity-prev-next-button.next, .sap-hero-carousal .case-sectn-scroll .flickity-prev-next-button.previous{
	display:none;
}
.sap-hero-carousal  .case-sectn-scroll .flickity-viewport{
	height: 530px !important;
}
.sap-hero-carousal  .carousel{
	margin:5px;
}
.sap-hero-left-cont{
	padding: 20px 80px 20px 20px;
}
.outcomes-list{
	padding: 42px 60px;
}
.outcomes-value{
	font-size: 52px;
    margin-bottom: 2px;
}
.tribe-logo-section{
	flex:20%;
}
.tribe-content-section{
	flex:60%;
}
.gray-border-btn{
	color: #000000;
    border: 2px solid #000000;
    border-radius: 5px;
    padding: 12px 18px;
    margin: 32px 4px;
}
.journey-right-section{
	box-shadow: 0px 13px 56px #0000001A;
	border-radius: 10px;
	background:#fff;
}
.tab.partner-tab-sap button.active{
	font: normal normal bold 17px / 33px Roboto Condensed;
    color: #000;
	 background: transparent;
	border: none;
}
.tab.partner-tab-sap button{
	font: normal normal normal 17px/33px Roboto Condensed;
	color:#818181;
	 background: transparent;
	border: none;
}
.partner-tabs-sap{
	display: flex;
	padding: 20px 40px;
}
.journey-right-sec-content{
	padding: 0px 40px 20px;
}
.journey-tabs-heading{
	font: normal normal bold 30px/46px Roboto;
	margin-bottom:30px;
}
/***************** main page 2024 css strats here  ************/
.show-in-mobile-only{
	display:none;
}
.badge-text-cont {
	width:70%;
}
.video-container {
  position: relative;
  width: 100%;
  height: 100%;
/*   padding-bottom:60px; */
}
.btn-fill{
	transform: scale(1);
    transition: transform .43s cubic-bezier(.33,0,0,1);
}

.btn-fill:focus, .btn-fill:hover {
    transform: scale(1.075);
}
.hero-animation-frame-cont{
	width: 878px;
    position: relative;
}
.hero-animation-frame-cont img{
	position: absolute;
    top: -381px;
}
.hero-animation-video-cont video{
	width: 100%;border: 8px solid #969696;
	border-radius: 20px;
	z-index: 1;
}
.hero-animation-video-cont{
	max-width: 640px;
    width: 100%;
    height: 100%;
    margin: auto;
}
.hero-animation-section{
	background: url(https://pluto7.com/wp-content/uploads/2024/04/BG-Layer-1.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 90px 0 120px;
    background-size: cover;
}
.only-mobile-screen{
	display:none;
}
.success-carousel .case-sectn-scroll .flickity-viewport{
	height: 445px!important;
}
.success-carousel {
    max-height: 800px !important;
}
.insight-heading{
	margin-bottom: 0px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}
.insight-para{
    font: normal normal normal 17px / 29px Roboto;
    color: #656565;
}
.hero-section-first{
	background: url(/wp-content/uploads/2023/07/homepage-hero.mp4);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    padding: 0px;
}
.success-carousel .case-sectn-scroll .flickity-prev-next-button.next{
	left: 162px;
    top: initial;
    bottom: -116px;
    background: #444;
    width: 40px;
    height: 40px;	
}
.success-carousel .case-sectn-scroll .flickity-page-dots{
	display:none;
}
.success-carousel .case-sectn-scroll .flickity-prev-next-button.previous{
	left: 109px;
    bottom: -116px;
    background: #444;
    width: 40px;
    height: 40px;
    top: initial;
}
.hero-carousel .case-sectn-scroll .flickity-prev-next-button.next{
	right: -32px;
    top: initial;
    left: initial;
    background: #444444;
    width: 40px;
    height: 40px;
}
.hero-section-first-container{
	padding:43px 0px 70px; 
	width: 70%;
	max-width:1000px;
}
.hero-section-sec-container{
	margin-top: 45px;
/*     padding-bottom: 60px;  */
	width: 80%;
}
.video-container video {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 14%;
}

.video-container .container {
  position: relative;
  z-index: 1;
  /* Additional styles for your content */
}
.hero-section-right-cont{
	background:#4284F5; 
	border-radius: 0px 150px;
}
.results-para{
	color: #fff;
	font-size: 16px;
    font-weight: 600;
}
.benifits-text-holder{
/* 	border: 1px solid #2B457F; */
    padding: 16px 8px;
    width: 88%;
    border-radius: 5px;
    background: #2B457F14;
    display: flex;
/*     align-items: center; */
    margin: 0 auto;
    justify-content: center;
}
.connect-data-process-section{
	background: url(https://pluto7.com/wp-content/uploads/2024/03/hero-sec-section-e1711719068589.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
}
.hero-text{
	margin-top: 5px;
	margin-bottom:35px; 
	font: normal normal bold 42px/60px Roboto Condensed;
}
.hero-carousel .case-sectn-scroll .flickity-viewport {
		height: 345px !important;
		padding: 55px 30px 75px;
	}
	.hero-carousel {
    max-height: 800px !important;
    text-align: left;
}
.hero-carousel .case-sectn-scroll .flickity-prev-next-button.previous{
	left: initial;
    top: initial;
    right: 12px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    background: #444444;
}
.hero-carousel .case-sectn-scroll .flickity-page-dots {
    bottom: 28px;
    right: 71px;
    text-align: right;
}
.hero-carousel .case-sectn-scroll .flickity-page-dots .dot.is-selected {
    background: #fff;
}
.hero-carousel .case-sectn-scroll .flickity-page-dots .dot {
    background: #6696e8;
}
.sap-hero-section{
	background: url(https://pluto7.com/wp-content/uploads/2024/03/sap-hero-bg.png) no-repeat center;
	background-size:cover;
	padding:65px 0;
}
.customer-journey-content{
	position: absolute;
    left: -120%;
	width:100%;
}
.badge-content{
	background: url(https://pluto7.com/wp-content/uploads/2024/03/journey-bg.png) no-repeat center;
	background-size:cover;
	padding: 100px 0;
}
	.textimonial-layout{
		border: 2px solid #fff;
		padding-bottom: 80px;
		width: 50%;
		border-radius: 10px;
		margin: 143px 0 30px;
	}
.two-button-layout{
	display: flex;
	flex-flow: row wrap;
    justify-content: center;
	margin-bottom:30px;
}
.btn-fill{
	font-size: 19px;
    font-weight: 600;
    padding: 14px 54px;
    color: #fff;
    margin-right: 20px;
    background: #4284F5;
    border-radius: 5px;
    box-shadow: 0px 13px 36px #00000039;
}
.btn-border{
	font-size: 19px;
    font-weight: 600;
    padding: 14px 54px;
    color: #4284F5;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 13px 36px #00000039;
    border: 2px solid #4284F5;
}
.gart-img-holder{
	margin: 0px;
    text-align: center; 
	flex: 30%;
}
.gart-cont-holder{
	padding:20px 35px; 
	flex: 70%;
}
.hero-client-section{
	margin-bottom:0px; 
/* 	background: url(https://pluto7.com/wp-content/uploads/2024/03/testimonial-bg.png) no-repeat center; */
	background: url(https://pluto7.com/wp-content/uploads/2024/04/1400.png) no-repeat;
    background-size: cover;
}
.quates-para::after {
	content: url(https://pluto7.com/wp-content/uploads/2024/03/end-tick.png);
	}
.quates-para::before {
    content: url(https://pluto7.com/wp-content/uploads/2024/03/start-tick.png);
}
.main-solution-section{
		margin-top: 30px; 
		margin-bottom:0px; 
	padding-bottom:60px; 
		background:url(https://pluto7.com/wp-content/uploads/2024/03/supply-chain-bg.png) no-repeat center;
    background-size: cover;
	}
.main-solution-section .container{
	width:70%;
}
.tablinks1 .avatar-holder, .tablinks .avatar-holder{
	width:65px;
}
.tablinks1 .info-contents, .tablinks .info-contents{
	width:75%; 
	padding-left: 15px;
}
.tabs-vertical-scroll{
	overflow-y: auto;
    height: 523px;
	direction: rtl;
	padding-right: 15px;
	padding-left: 25px;
}
.tabs-vertical{
	direction: ltr;
}
.hero-accorian-section .accordionItem{
	border-radius: 10px;
    margin-bottom: 0px;
    border: 1px;
    text-align: left;
    padding: 15px;
    margin-right: 0px;
}
.accordionItemHeading .avatar-holder {
    width: 65px;
}
.mobile-screen-only{
	display:none;
}
.accordionItemHeading .info-contents {
    width: 75%;
    padding-left: 15px;
}
.hero-accorian-section .accordionItem.open .accordionItemHeading {
    background: #4284F5;
	border-radius:10px;
}
.hero-accorian-section .accordionItemHeading{
	border-radius: 10px;
    background: #fff;
    margin-top: 0px;
}
.hero-accorian-section .accordionItem.open .accordionItemHeading .info-contents p{
    color: #fff;
}
.tabs-vertical-scroll::-webkit-scrollbar {
   position: absolute;
   left: 0;
}
::-webkit-scrollbar-track{
	border-radius:50px;
	background:#fff;
	padding-top:30px;
}

/* .quates-para:before{
	content: url(https://pluto7.com/wp-content/uploads/2024/03/testimonial-blog-start.png);
}
.quates-para:after{
	content: url(https://pluto7.com/wp-content/uploads/2024/03/testimonial-blog-end.png);
} */
.testimonial-desig{
	font: normal normal normal 14px / 24px Roboto!important;
}
		.hero-testimonial-carousel {
    max-height: 580px!important;
}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-viewport{
		height: 586px !important;
        padding: 30px;
}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-prev-next-button.next, .hero-testimonial-carousel .case-sectn-scroll .flickity-prev-next-button.previous.next{
		background: #444444!important;
	}
	.flickity-prev-next-button.next .arrow, .flickity-prev-next-button .arrow{
		fill:#fff!important;
	}
	.hero-carousel .flickity-page-dots .dot.is-selected{
		background: #fff;
	}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-page-dots .dot.is-selected{
		background: #c4c4c4;
    width: 24px;
    border-radius: 70px;
	}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-page-dots .dot{
		background: #c4c4c4;
	}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-page-dots {
  	    bottom: -42px;
		left: 0px;
		text-align: left;
		right: initial;
}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-prev-next-button.next {
    right: -19px;
    top: initial;
    left: initial;
    bottom: -70px;
}
	.hero-testimonial-carousel .case-sectn-scroll .flickity-prev-next-button.previous {
    left: initial;
    top: initial;
    right: 22px;
    bottom: -70px;
		background:#444444;
}
	.hero-testimonial-carousel p , .hero-testimonial-carousel h3{
		 color:#fff;
		font: normal normal normal 23px / 40px Roboto;
	}
	.hero-testimonial-carousel img{
		width: 146px;
	}
/***************** Home page 2023 css strats here  ************/

.parent-cont.product-animation-desk{
	padding-bottom:0px;
}
.product-animation-mob{
	display:none;
}
/* .product-animation-desk{
	display:none;
} */
.cont-bottom{
	bottom: 15%;	
}

.first-header{
	background: url(https://pluto7.com/wp-content/uploads/2023/03/hedaer-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;padding: 8px;
}
.first-header .flex-container{
	justify-content: center;
    align-items: center;
}
.big-screen-hide{
	display:none;
}
.data-burden-section{
	margin-right: 95px;
    padding-right: 85px;
    border-right: 3px solid #b1b1b1;
}
.blog-testimony{
	padding: 20px; 
	background: #2b467f; 
	text-align: center; 
	border-radius: 10px; 
	margin-right: 68px;
}
.home-hero-section{
/* 	margin-top: 66px; */
    padding: 118px 0 80px;
    background: url(/wp-content/uploads/2023/03/bg-2.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
}
.home-hero-para-cont{
	padding-left: 30px;
    border-left: 1px solid #fff;
    padding-top: 20px;
    padding-bottom: 40px;
}
.soln-high-section .btn-area .filled-btn{
	margin-right:30px;
}
.highlights-poinst{
	display: flex;
    align-items: center;
    padding-bottom: 25px;
    padding-left: 35px;
    border-left: 1px solid #a8a8a8;
}

.highlights-poinst img{
	width: 105px;
    margin-right: 20px;
}
.disc-list{
	margin-left: 18px;
}
.disc-list-li{
	margin-left: 28px;
	padding-right:50px;
}
.disc-list-li .disc-list-points{
	list-style: disc;
    font: normal normal normal 17px/29px Roboto;
    padding: 0px 0 22px;
	
}
.disc-list .disc-list-points{
	list-style: disc;
    font: normal normal normal 17px/16px Roboto;
    padding: 0px 0 13px;
}
.home-sectn-scroll .flickity-page-dots{
	text-align: left;
    bottom: 28px;
}
.home-sectn-scroll .dot{
	background: #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    margin: 0 3px;
}
.home-sectn-scroll .dot.is-selected{
	background: #4284F5;
    width: 24px;
    border-radius: 70px;
}
.case-sectn-scroll .flickity-prev-next-button.next{
	right: -48px;
    top: 30%;
	left: initial;
}
.case-sectn-scroll .flickity-prev-next-button.previous{
	left: -48px;
    top: 30%;
}

.service-sectn-scroll .flickity-prev-next-button.next{
	right: 69px;
    top: 50%;
	left: initial;
}
.service-sectn-scroll .flickity-prev-next-button.previous{
	left: 69px;
    top: 50%;
}

.specialization-section img{
	width:70%!important;
	text-align:center;
}
.piab-mobile-app{
	background: url(https://pluto7.com/wp-content/uploads/2023/12/bg-oval.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 52%;padding-top:0px;
}
.piab-mobile-app-right{
	padding-top: 120px;
}
.accordion-err-list{
	border-bottom: 1px solid #ffffff3d;
}
	.carousel {
	  margin: 0 60px; /* space for prev/next buttons */
	}
	.carousel.service-sectn-scroll{
		margin: 0px;
	}
	.service-sectn-scroll .carousel-cell{
		height: 650px;
		width:100%;
	}
	.service-sectn-scroll.sol-section-scroll .carousel-cell{
		height:600px;
		width:100%;
	}
.case-sectn-scroll .carousel-cell, .case-sectn-scroll .carousel-cell:last-child img{
	width:100%;
}
.case-sectn-scroll .carousel-cell{
	height: 260px;
}

.case-sectn-para{
	padding-left:45px;
	}
.casestudy-section{
	width:49%; margin:0 auto;
}
.case-sectn-scroll .flickity-page-dots .dot.is-selected {
    background: #4284F5;
    width: 24px;
    border-radius: 70px;
}
.case-sectn-scroll .flickity-page-dots .dot{
	background:#7C7C7C;
	opacity: 1;
	margin: 0 3px;
}
.case-sectn-scroll .flickity-page-dots{
	bottom: -5px;
}
.home-sectn-scroll .carousel-cell {
  width: 100%;
  height: 300px;
  margin-right: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;	
}
.enterprise-data-text{
	width:68%;
	margin: 0 auto;
}
.flickity-prev-next-button:hover {
  background: #F90;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: black;
}
.flickity-prev-next-button.no-svg {
  color: black;
}
.last-hero{
		font: normal normal bold 32px/50px Roboto Condensed;
	}
.parent-cont.client-section{
	padding: 25px 0;
}
.enterprise-data-section{
	background-image: url(https://pluto7.com/wp-content/uploads/2023/01/Repeat-Grid-3.jpg), url(https://pluto7.com/wp-content/uploads/2023/01/Repeat-Grid-3.jpg);
	  background-position: right top, left top;
	  background-repeat: no-repeat, no-repeat;
	margin-bottom: 50px;
}
.enterprise-data-content{
	background-image: url(https://pluto7.com/wp-content/uploads/2023/01/connection-home-left-e1673179741337.jpg), url(https://pluto7.com/wp-content/uploads/2023/01/connection-home-right.jpg);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 6%, 11%;
}

.padd-seven{
	padding: 70px 0 70px;
}
/***************** Planning Platform  css  ************/
.supply-chain-visibility-section{
	width: 60%;
}
.supply-chain-visibility-first{
	align-items: center;
    padding: 24px 0;
}
.supply-chain-visibility-content{
	padding-left:30px;
}
.supply-chain-visibility-content-left{
	padding-right:30px;
}
.supply-chain-visibility-sec{
	padding: 45px 0;
	align-items: center;
}
/***************** cloud marketplace css  ************/

.tabs-video-section{
	border-radius: 15px;
    margin: 10px;
    padding: 7px;
    background: #508DF5;margin-right: 34px;
}
.marketing-roi-section{
	padding-top: 50px;
    width: 77%;
    justify-content: center;
    margin: 0 auto;
}
.cloud-solution-content{
	position: absolute;
    top: 78%;
    width: 100%;
}
.solution-content{
	background: #fff;
    margin: 0px 55px;
    box-shadow: 0px 10px 30px #00000017;
    border-radius: 15px;
    text-align: center;
    padding: 20px 20px;
}
.widget li.comman-cards-list{
	width: calc(32% - 40px);
    margin: 20px;
	box-shadow: 0px 10px 30px #00000017;
    border-radius: 15px;
    border-bottom: initial;
}
.cloud-market-first-section{
	background: url(https://pluto7.com/wp-content/uploads/2023/03/background-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.planning-execution-section .container{
	width: 75%;
}
.sap-last-section .container{
	width: 55%;
}
.sap-intelligence-section {
	background: url(https://pluto7.com/wp-content/uploads/2023/03/platform-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sap-intelligence-section .container{
	width: 67%;
	}
.sap-industry-focused-para{
	width: 60%;
}
.cloud-card-icons{
	margin-top: 5px;
    width: 97px;
    height: 90px;
    margin-bottom: 10px;
}
.aiml-solutions-section .aiml-solutions-heading{
	width: 52%;
}
.google-cloud-cards .google-cloud-haeding{
	width: 56%;
}
.migration-gcloud-section{
    font: normal normal normal 17px/29px Roboto;
    padding: 3% 9%;
}
.platform-section{
	background: url(https://pluto7.com/wp-content/uploads/2023/03/platform-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.platform-section .container{
	width: 67%;
}
.data-platform-last-section .container{
	width:70%;
}
.link-case{
	font: normal normal normal 17px/28px Roboto;
}
.cloud-main-cont{
	padding: 50px 0 190px;
}
.sap-data-first-section{
	width: 60%;
}
.cloud-market-tabs{
	display: flex;
	justify-content: center;
    border-radius: 33px;padding: 5px;
}
.cloud-main-images-cont{
	width:42%;
}
.video-databse-section{
	background: url(https://pluto7.com/wp-content/uploads/2023/03/data-mgt-bg-e1678369533276.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95%;
}
.operation-tabs-points{
	padding-right: 20px;
}
.cloud-environment-points{
/* 	box-shadow: 0px 30px 60px #0000000d;
    border-radius: 10px; */
    width: calc(31% - 21px);
    margin: 23px;
}
.video-databse-section video{
	width: 48%;
    padding: 33px 33px 33px 33px;
    margin: 87px 0px 104px;
}
.video-section{
	background: url(https://pluto7.com/wp-content/uploads/2023/03/Group-130445-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
}
.video-section video{
	width: 46%;
    padding: 33px 35px 33px 80px;
    margin: 140px 0px 140px;
}
.video-section-tacori{
	background: url(/wp-content/uploads/2023/03/bg-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 92%;
}
.video-section-tacori video{
	width: 55%;
    padding: 95px 60px 94px;
    margin: 0px 29px 0px;
}
	.disc-list-points.data-cha{
		width:100%;
		font: normal normal normal 17px/28px Roboto;
		padding-bottom: 18px;
	}
	.platform-points .disc-list-points.data-cha{
		padding-right:20px;
		padding-bottom: 22px;
	}
/***************** piab page 2023 css strats here  ************/
.disc-list-points.disc-list-stra{
	width:100%;
}
.parent-cont.data-driven-section-fastest{
	padding: 30px 0 110px;
}
.parent-cont.data-driven-section{
	padding: 60px 0 60px;
}
.sheet-section-content{
	box-shadow: 0px 28px 20px #00000015;
    padding: 5px 40px 70px;
    background: #fff;
}
.intelligence-section .container{
	width:80%;
}
.intelligence-section-left{
	box-shadow: 0px 14px 18px #0000008a;
    border-radius: 15px;
    margin: 10px;
    padding: 7px;
    background: #508DF5;
    margin-right: 47px;
}
.piab-kit-section{
	width:55%
}
.piab-kit-content{
	background: #fff;
    margin: 0px 55px;
    box-shadow: 0px 10px 30px #00000017;
    border-radius: 15px;
    text-align: center;
    padding: 40px 0px;
}
.strategy-section-right{
	margin-right: 260px;
}
.strategy-section-left{
	background: url(/wp-content/uploads/2023/01/err-human.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 15px 65px;
    background-size: cover;
    margin-left: 260px;
    margin-right: 102px;
    box-shadow: 0px 33px 66px #0909096b;
}
	.our-resources-sec{
		width: 100%;
		float: left;
/* 		margin-top: 40px; */
		padding: 70px 0 300px;
	}
	.our-resources-sec img{
		width:100%;
		border-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.resources-cont{
		position:relative;
		margin:20px;
	}
.parent-cont.intelligence-section, .intelligence-section{
	padding: 80px 0px;
}
 .parent-cont.sheet-section, .parent-cont.counter-section{
	padding: 80px 0px 60px;
}
.err-list-content{
	padding-left: 60px;
    margin-left: 50px;
    border-left: 2px solid #707070;
}
.accordion-err {
    color: #FFEC0A;
    cursor: pointer;
    padding: 18px 0 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
	background: transparent;
}

.accordion-err:after {
  	content: '\002B';
    color: #fff;
    font-weight: 100;
    float: right;
    margin-left: 5px;
    font-size: 20px;
}

.accordion-err.active:after {
  transform: rotate(311deg);
}
.err-list-content-section{
	background: url(https://pluto7.com/wp-content/uploads/2023/01/err-human.png) no-repeat center center;
    background-size: cover;
    padding: 25px;
	box-shadow: 0px 70px 68px 0px #0000007d;
}
.panel-err {
  padding: 0 18px 0px 0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
	.panel-err p{
		color:#fff;
		font-size: 16px;
	}
.services-left{
 	flex:32%
}
.services-right{
	flex:65%
}
.services-right-content{
	padding-left: 50px;
}

/***************** Data migration services page css strats here  ************/
.database-migration-heading{
	width:38%;
}
.cloud-platforms{
	box-shadow: 0px 30px 60px #00000029;
    padding: 60px 70px 15px;
    background: #fff;
}
.data-migration-content{
	width: 80%;
    margin: 0 auto;
}
.migration-journey-question{
	color:#4284F5;
	margin-bottom: 12px;
}
.big-query-section-left{
	padding-left: 30px;
}
.oracle-content-sect{
		width:42%;
	}
.tangible-section{
	padding:85px 0;
}
.features-content{
	padding: 55px 25px;
}
.features-card .flex-three{
	flex: 28%;
    box-shadow: 0px 30px 60px #0000000d;
    border-radius: 10px;
    margin: 2%;
}

.features-card .flex-four {
    flex: 21%;
    box-shadow: 0px 30px 60px #0000000d;
    border-radius: 10px;
    margin: 2%;
}

.insights-cards{
	min-height: 190px;
}

.card-icons{
	margin-bottom: 35px;
}
.cloud-images{
	box-shadow: 0px 16px 17px #00000017;
    border-radius: 22px;
    margin-bottom: 35px;
}
.cloud-content{
	padding: 80px 20px 18px;
}
.why-pluto-section-right{
	padding-right:40px;
}
/***************** Home page css strats here  ************/
.hero-logo-ele{
	width: 44%;
	margin: 0 auto;
}

.home-scroll-para{
	font: normal normal normal 19px/28px Roboto;
}
.solution-videos{
	height: 250px;
}
.managed-services-card{
	justify-content: center;
}
.managed-services-card .managed-services-points{
	box-shadow: 0px 30px 60px #0000000d;
    border-radius: 10px;
    width: calc(31% - 21px);
    margin: 23px;
}



.service-sectn-scroll-content{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	width: 80%;margin: 0 auto;
}
.parent-cont.data-strategy-section{
	padding:75px 0 75px;
}
.all-solution-section{
	margin-left:80px;
	margin-right:80px;
}
	.err-human-section{
	background: url(https://pluto7.com/wp-content/uploads/2023/01/Group-130134-2.png);
    background-repeat: no-repeat;
    padding-top: 50px;
		background-size: cover;
	}
	.piab-giff-cont{
		margin: 0px 110px 50px 142px;
		box-shadow: 0px 37px 51px #00000033;
		border-radius: 10px;
	}
	.first-head{
		margin-bottom: 34px;
	}
	.bg-bttn a{
		padding: 15px 30px;
		border: 1px solid #4285F5;
		font-size: 16px;
    	font-weight: 500;
		background: #4285F5;
   		color: #fff;
		border-radius: 5px;
		text-transform: uppercase;
	}
	.line-bttn a{
		margin: 15px;
		padding: 15px 30px;
		font-size: 16px;
		font-weight: 500;
		border: 1px solid #4285F5;
		background: #fff;
		color: #4285F5;
		text-transform: uppercase;
	}
	.Inventory-planning {
  		border:4px solid #2B457F;
		border-spacing: 0;
		width:100%;
	}
	.Inventory-planning th{
		background:#2b467f;
		color:#fff;
		padding:20px;
		text-align: left;
		
	}
	.Inventory-planning tr td{
		padding:20px;
	}
	.Inventory-planning tr:nth-child(even) {
			background-color: #fff;
		}
	.Inventory-planning tr:nth-child(odd) {
		background-color: #f7f7f7;
	}
/* .why-plutos{
	background:#F8F8F8;
} */
.flex-four.why-plutos-points{
	flex: 23%;
	margin: 1%;
	box-shadow: 0px 30px 60px #00000029;
    border-radius: 10px;
	background:#fff;
}
.why-plutos-points div{
	padding:40px 20px;
}
.why-plutos-points .why-plutos-heading{
	margin-bottom:25px;
	font-weight:600;
	font-family: 'Roboto Condensed', sans-serif;
}
.piab-list{
	padding: 10px 0px;
    font-size: 19px;
	color: #fff;
	display:flex;
}
.piab-list .img-cont-piab{
	padding-right: 14px;
}
.piab-list .img-cont-piab img{
	width: 15px;
}
.piab-points{
	background: #2B457F;
    padding: 20px 20px 20px 40px;
    border-radius: 10px;
    color: #fff;
	margin-right:130px;
}
.piab-section{
	background: url(https://pluto7.com/wp-content/uploads/2022/04/piab-bg.png);
    background-position: right 7%;
    background-repeat: no-repeat;
    background-size: 12%;
}
.landing-first-section{
	background: url(https://pluto7.com/wp-content/uploads/2022/04/piab-bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 12%;
}

	.accordion-lan {
		background: transparent;
		cursor: pointer;
		padding: 16px 0px 8px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.5s;
		border-bottom: 1px solid #dedede;
		font-weight: 600;
	}
	.pannel-heading{
		font-weight: 500;
		color: #4284F5;
		font-size: 19px;
		margin-bottom: 6px;
	}
	.panel-lan {
	  padding: 18px 0px;
	  display: none;
	  overflow: hidden;
	}
	 button.accordion-lan:after {
		content: '\002B';
		color: #000;
		font-weight: 100;
		float: right;
		margin-left: -6px;
		font-size: 28px;
	}
.points-lan{
	color:#4284F5;
	font-weight:500;
	position: absolute;
    top: -34px;
}
.border-left-table{
	box-shadow: -9px 0px 12px -12px #696767;
}
.lan-right-cont{
	padding-left: 30px;
    padding-right: 100px;
	position: relative;
}
.why-plutos-para{
/* 	text-align: justify; */
	font-size: 18px;
    line-height: 30px;
}
.counter-asterisk{
	font-size: 20px;
    position: absolute;
    top: 15px;
}
.counter-box{
	box-shadow: 0px 37px 51px #0000001a;
    border-radius: 15px;
    padding: 40px 30px;
}
.soln-testimonial h2{
	margin-bottom: 24px!important;
}
.why-plutos-heading{
	font-size: 27px;
    line-height: 38px;
}
.piab-points .sec-heading{
	font-size: 35px;
	margin-top: 10px;
	margin-bottom: 18px;
}
.award-section{
	background: #F8F8F8;
	padding: 0px 0px 20px;
    width: 100%;
    float: left;
}
.success-para{
	padding: 1px 28px 40px 28px;
    font-size: 20px;
    color: #999999;
}
.img-cont-piab{
	width: 28px;
}
/*glass-box section*/
	#fullpage {
            position: relative;
            padding: 0;
            z-index: 2
     }
	section#glass-box-section {
            position: relative;
            padding: clamp(2rem, 2vw, 8rem) 0;
            overflow-x: hidden;
			padding-bottom: 110px;
        }

        section#glass-box-section h3 {
            margin-bottom: 1.5rem;
            font: normal normal bold 24px / 32px Roboto Condensed;
            font-weight: 700
        }

        section#glass-box-section p.large {
            max-width: 1060px;
            margin-bottom: 1.5rem;
            font-size: clamp(1rem, 5vw, 2rem);
            font-weight: 400;
            line-height: 1.45
        }

       

        section#glass-box-section li {
            font-size: clamp(1rem, 5vw, 1.125rem)
        }

        section#glass-box-section .buttons {
            max-width: 1226px;
            margin: auto;
            padding: 2rem 0;
            display: flex;
            justify-content: space-between
        }

        @media (max-width:767.98px) {
            section#glass-box-section .buttons {
                margin: 0 -.25rem;
                padding: 0;
                display: none
            }
        }

        section#glass-box-section .buttons button {
            width: 100%;
			margin: 1rem 0.75rem;
			display: grid;
			flex-direction: column;
			color: #000;
			font-size: 16px;
			font-weight: 500;
			/* letter-spacing: -1px; */
			/* text-align: left; */
			transition: color 0.3s;
			cursor: pointer;
			font-family: 'Roboto';
			border: none;
			background: #fff;
        }

        @media (max-width:767.98px) {
            section#glass-box-section .buttons button {
                margin: 1rem .25rem
            }
        }


        section#glass-box-section .buttons button.current,
        section#glass-box-section .buttons button:hover {
            color: #4284F5
        }

        section#glass-box-section .cube--container {
            position: relative;
            height: 500px
        }

        @media (max-width:767.98px) {
            section#glass-box-section .cube--container {
                height: 400px
            }
        }

        section#glass-box-section .perspective {
            position: absolute;
            height: 17rem;
            width: 17rem;
            top: 50%;
            left: 40%;
            margin: -8em;
            transform: rotateX(55deg) rotateZ(45deg) translate(-50%, -50%);
            transform-style: preserve-3d
        }

        @media (max-width:767.98px) {
            section#glass-box-section .perspective {
                transform: rotateX(55deg) rotateZ(45deg) translate(-25%, -25%) scale3d(.7, .7, .7)
            }
        }

        section#glass-box-section .cube,
        section#glass-box-section .cube:after,
        section#glass-box-section .cube:before {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            pointer-events: none
        }

        section#glass-box-section .cube {
            position: relative;
            background-color: rgb(189 189 189 / 49%);
            background-image: linear-gradient(145deg, rgba(255, 255, 255, .7), transparent);
            transform: translateZ(100%);
            transform-style: preserve-3d;
            transition: 0.25s
        }
	.soln-testimonial iframe{
		height:380px;
	}

        section#glass-box-section .cube:after {
            background-color: rgba(255, 255, 255, .2);
            background-image: linear-gradient(45deg, rgb(55 55 55 / 8%), transparent);
            transform: rotateX(-90deg) translateY(100%);
            transform-origin: 100% 100%
        }

        section#glass-box-section .cube:before {
            background-color: rgba(200, 200, 200, .3);
			background-image: linear-gradient(245deg, rgb(55 55 55 / 8%), transparent);
			transform: rotateY(90deg) translateX(100%);
            transform-origin: 100% 0
        }

        section#glass-box-section .cube--section,
        section#glass-box-section .cube--section-top,
        section#glass-box-section .cube--section-left,
        section#glass-box-section .cube--section-right {
            position: absolute;
            height: 100%;
            width: 100%;
            display: grid;
            align-items: center;
            justify-content: center;
            color: #000;
            font-family: "Helvetica Neue", Helvetica, Arial;
            font-size: 1rem;
            font-weight: 600;
            transform: scale(.8);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        section#glass-box-section .cube--section {
            background-color: #508DF5;
            transform-style: preserve-3d;
            transition: box-shadow 0.4s, background-size 0.2s;
            cursor: pointer;
            pointer-events: all
        }

        section#glass-box-section .cube--section.disabled {
            cursor: default
        }

        section#glass-box-section .cube--section-top {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 40%;
            box-shadow: none;
            transform-style: preserve-3d;
            transform: scale(1);
            transition: box-shadow 0.4s, background-size 0.2s, opacity 0.2s;
            opacity: 1;
            pointer-events: all
        }

        section#glass-box-section .cube--section:not(.current):not(:nth-child(1)) {
            box-shadow: inset 1rem 1rem 3rem 1rem #b3b3b3, inset 1rem 1rem 5rem 2rem gray, inset 1rem 1rem 5rem 10rem #1a1a1a
        }

        section#glass-box-section .cube--section:nth-child(1).current+.cube--section {
            box-shadow: inset 1rem 1rem 3rem 1rem rgba(179, 179, 179, 0), inset 1rem 1rem 5rem 2rem rgba(128, 128, 128, 0), inset 1rem 1rem 5rem 10rem rgba(26, 26, 26, 0)
        }

        section#glass-box-section .cube--section:not(.current) .cube--section-top {
            opacity: .3
        }

        section#glass-box-section .cube--section-left,
        section#glass-box-section .cube--section-right {
            background-position: 50%;
            background-size: 80%;
            background-repeat: no-repeat;
            transition: color 0.4s
        }

        section#glass-box-section .cube--section:not(.current) .cube--section-left,
        section#glass-box-section .cube--section:not(.current) .cube--section-right {
            color: #ffffff96;
        }

        section#glass-box-section .cube--section-left {
            height: 13%;
            margin-top: 87%;
            background-color: #b1a9a9;
            font-size: 1.4rem;
            transform: rotateX(-90deg) translateY(100%);
            transform-origin: 100% 100%;
			color: #fff;
			font-size: 17px;
        }

        section#glass-box-section .cube--section.disabled .cube--section-left {
            background-color: #6A6B6E;
            color: rgba(209, 211, 212, .5)
        }

        section#glass-box-section .cube--section-right {
            height: 13%;
            margin-top: 113%;
            background-color: #b1a9a9;
            transform: rotateY(90deg) rotateZ(-90deg) translateX(100%);
            transform-origin: 100% 0;
			color: #fff;
        }
		.cube--content{
			padding-left: 108px;
		}
        section#glass-box-section .cube--section.disabled .cube--section-right {
            background-color: #525355;
            color: rgba(197, 197, 197, .5)
        }

        section#glass-box-section .cube--section:nth-child(1) {
            transform: scale(.8) translateZ(-1rem)
        }

        section#glass-box-section .cube--section:nth-child(2) {
            transform: scale(.8) translateZ(-4rem)
        }

        section#glass-box-section .cube--section:nth-child(3) {
            transform: scale(.8) translateZ(-7rem)
        }

        section#glass-box-section .cube--section:nth-child(4) {
            transform: scale(.8) translateZ(-10rem)
        }

        section#glass-box-section .cube--section:nth-child(5) {
            transform: scale(.8) translateZ(-13rem)
        }
	
		section#glass-box-section .cube--section:nth-child(6) {
            transform: scale(.8) translateZ(-16rem)
        }

        section#glass-box-section .cube--content--slide {
            margin-bottom: 2.5rem;
            display: flex;
            flex-direction: column
        }

        @media (min-width:768px) {
            section#glass-box-section .cube--content--slide {
                margin-top: 30px;
                display: none
            }
        }

        section#glass-box-section .cube--content--slide.current {
            display: flex
        }

        section#glass-box-section .cube--content .logos {
            margin: 0;
            display: flex;
            flex-wrap: wrap
        }

        section#glass-box-section .cube--content .logos li {
            height: 35px;
            margin-right: 1rem;
            margin-bottom: 2rem;
            display: flex;
            align-items: center;
            font-size: 13px;
            font-weight: 700;
            white-space: nowrap
        }

        section#glass-box-section .cube--content .logos li img.partner-logo {
            height: 100%;
            width: 100%;
            max-width: unset
        }

        section#glass-box-section .cube--content .cube--slide-link {
            color: #fff;
            font-size: 1rem;
            font-weight: 600
        }

        section#glass-box-section .cube--content .cube--slide-link:hover .right-arrow {
            -webkit-animation-name: arrow-right;
            animation-name: arrow-right;
            -webkit-animation-duration: 0.7s;
            animation-duration: 0.7s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            animation-direction: alternate
        }

        @-webkit-keyframes arrow-right {
            0% {
                transform: translateX(0)
            }

            100% {
                transform: translateX(8px)
            }
        }

        @keyframes arrow-right {
            0% {
                transform: translateX(0)
            }

            100% {
                transform: translateX(8px)
            }
        }

        section#glass-box-section .cube--content .cube--slide-link .right-arrow {
            height: 12px;
            width: 20px;
            margin-left: 1rem;
            transition: 0.3s all
        }
	.value-dem{
		color: #89C30A;
		position: absolute;
		top: 66px;
		left: 42px;
		transform: rotate(329deg);
	}
	.tech-maturity{
		color: #89C30A;
		position: absolute;
		top: 247px;
		left: -22px;
		transform: rotate(271deg);
	}
	.business-problem{
		color: #89C30A;
		position: absolute;
		top: 452px;
		left: 47px;
		transform: rotate(30deg);
	}
	.continuous-innovation{
		color: #89C30A;
		position: absolute;
		top: 475px;
		left: 273px;
		transform: rotate(330deg);
	}
/***************** Home page css end here  ************/
/***************** PIAB page css starts here  ************/
.first-img-cont{
	padding-right: 30px;
    padding-left: 100px;
    text-align: center;
}
.piab-hero-image{
	width:65%;
}
.piab-sec-section{
		background: url(https://pluto7.com/wp-content/uploads/2022/10/BG_img-1.png);
		background-repeat: no-repeat;
		background-position: center;
		padding: 35px 0 80px;
		background-size: cover;
		width: 100%;
		float: left;
	}
	.piab-works-img-cont{
		border: 6px solid #2B457F;
		margin: 0px 110px;
	}
/***************** PIAB page css end here  ************/
.logo img {
    width: 140px;
    float: left;
}

.top-menu {
    width: 100%;
    float: left;
    background:#4285F5;
    padding: 8px 0;
    text-align: right;
}

.main-menu {
    width: 100%;
    float: left;
    padding: 0;
}

.top-menu ul {
    float: right;
}


.top-menu li {
    display: inline-block;
}
.home-bg{
	background-repeat: no-repeat;
    padding: 72px 0 200px 0;
    background-attachment: scroll;
    background-size: 50%;
    background-position: bottom;
    background-image: url(https://pluto7.com/wp-content/uploads/2021/12/delivery5-1-scaled-e1638872827709.jpg);
}

.top-menu li a {
    display: inline-block;
    color: #fff;
    padding: 0 7px;
    font-size: 15px;
}

.gif-carousel .flickity-page-dots{
		left: -102%;
		text-align: initial;
		font-size: 30px;
		font-weight:bold;
		line-height: 47px;
		
}

.spacing-dis{
	padding: 20px 0;
}
.delivered-points{
	padding: 10px 30px 20px 0;
}
.delivered-points .heading{
	font-weight:600;
}
.page-heading{
	font-size: 3.8em;
}
.auto-succ.widget-succ{
	margin: 0 auto;
    width: 50%;
}
	.auto-succ.widget-succ .container li{
		width: 48%;
    	margin-right: 2%;
	}
.achivement img{
	min-height:605px;
}
.country {
    float: right;
    padding: 0 0 0 20px;
    border-left: 1px solid #a0a0a0;
}
.journey-mobscreen{
	display:none;
}
#cards-cont h2{
	display:none;
}
.country img {
    width: 18px;
    margin: 0 0 0 5px;
}
.third-section{
	width: 100%;float: left;background: #4285F5;
}
.third-section-content{
	width:100%;
	display: flex; 
	align-items: center;
	color: #fff;
}
.third-section-content .left, .third-section-content .right, .forth-section-content .left, .forth-section-content .right{
	width:50%;
}
.forth-section-content .right{
	padding-left: 80px;
}
.fifth-section{
	width: 100%;
	float: left;
	padding: 50px 0px;
	align-items: center;
	background:#DEE9F4;
}
.testimonal-slider .flickity-viewport{
	    height: 383px!important;
}
.forth-section{
	width: 100%;
	float: left;
	padding: 65px 0px;
	align-items: center;
}
.forth-section-content{
	width:100%;
	display: flex; 
	align-items: center;
}

.bgcolor .transparent-lg {
    display: none;
}
.img-btn{
	width: 23%; border-radius: 10px; box-shadow: 0px 0px 15px rgb(2 7 16 / 31%);
}
.bgcolor .whitebg {
    display: block;
}

.whitebg {
    display: none;
}


.inner .whitebg {
    display: block;
}

.inner .transparent-lg {
    display: none;
}
.home-banner .flickity-prev-next-button.next{
		left: 105%;
	}
.home-banner .flickity-prev-next-button.previous{
		    left: -10%;
    		bottom: 116px;
		    width:30px;
		   height:30px;
	}
	.home-banner .flickity-page-dots{
		display:none;
	}
.banner {
    width: 100%;
    min-height: 750px;
    height: 100vh;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    text-align: left;
    overflow: hidden;
}
.home-banner-ser{
	width: 100%;
    min-height: 750px;
    height: 100vh;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    text-align: left;
    overflow: hidden;
	display: flex;
    align-items: center;
}
.home-banner-ser .left {
    width: 48%;
    float: left;
    margin-left: 190px;
}
.home-banner-ser .right{
	width: 38%;
    float: left;
    margin-left: 74px;
}
.blue-band{
	width: 100%;
    background: #DEE9F4;
    height: 10vh;
}
.sub-menu-list .container ul{
	display: flex;
    flex-wrap: wrap;
}

.clients .carousel{
	height: 68px;
}
.home-banner{
  	width: 100%;
    padding: 100px 0 106px 0;
    position: relative;
    text-align: left;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.pages-banner{
	width: 100%;
    height: 91vh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 66px;
    flex-wrap: wrap;
}
.sol-benefits{
	padding-bottom:10vh;
	padding-top:50px;
}
.pages-banner .left{
	width: 39%;
    float: left;
    margin-left: 178px;
    margin-right: 47px;
}
.pages-banner .right{
	width: 44%;
    float: right;
}
.pages-banner .right img{
	width: 100%;
}
/* .home-banner.supages{
	height: 72vh;
} */
.home-banner.supages .right{
	width: 58%;
    float: right;
    margin-left: 10%;
}
.home-banner.supages .left{
	width: 77%;
    float: left;
    margin-left: 175px;
}
.home-banner .left{
	width: 48%;
    float: left;
    margin-left: 175px;
}
.home-banner .right{
	width:58%;
	float:left;
}
.blu-btn-banner{
	 margin-top: 47px;
}
.home-banner h2{
	font-size: 3.4em;
}
.home .banner {
	background: url(http://beta.artemasdigital.com/pluto7/site/wp-content/uploads/2020/01/pluto-banner.jpg) no-repeat top center /cover;
}

.banner .video {
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height:100%;
	background:#000;
}

video {
    width: 100%;
}

.home .banner .carousel {

    width: 75%;
    float: left;
    padding: 0 12.5%;
    overflow: visible;
}

.home .banner .carousel-cell {

    width: 100%;
    float: left;
    margin: 55vh 0 0 0;
}

.home .banner .container {

    width: 100%;
    max-width: 1180px;

}


.home .banner .carousel-cell h1 {

    color: #fff;
    font-size: 3em;
    font-weight: 600;
}

.home .banner .carousel-cell p {
    color: #fff;
	display:inline-block;
}

.home .banner .flickity-prev-next-button {
    display: none;
}

.home .banner .flickity-page-dots {
    text-align: left;
    margin: 20px 0 0 -8px;
}
.section-div {
    width: 100%;
    float: left;
    padding: 15vh 0 15vh;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.section-div .left {
    padding-left: 0px;
    float: left;
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.section-div .right {
    padding-left: 75px;
    float: left;
    padding-right: 150px;
    max-width: 50%;
}
.home .banner .flickity-page-dots .dot:hover {

    width: 70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.home .banner .flickity-page-dots .dot {
    display: inline-block;
    width: 50px;
    height: 15px;
    margin: 0 6px;
    border-bottom: 1px solid #fdfdfd;
    background: transparent;
    border-radius: 0;
    opacity: 0.25;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.home .banner .flickity-page-dots {

    text-align: left;
    bottom: -50px;
    position: absolute;
    width: 75%;
    max-width: 1180px;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    line-height: 1;

}


.home .banner .flickity-page-dots .dot.is-selected {
    opacity: 1;
    border-bottom: 1px solid #fff;
    background: transparent;
}


a.get-touch {
    padding: 18px 30px;
    margin: 30px 0 0 0;
    background: #6685cb;
    float: right;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}
.our-partner{
	background: #DEE9F4;
    width: 100%;
    padding: 15vh 0 15vh 0;
}
.our-partner h2{
	font-size: 32px;
}
.our-partner .ft-left{
	margin-bottom: 20px;
	margin-top:20px;
}
.clients {
    width: 100%;
    float: left;
    background: #FAFAFA;
}
.clients.partner-slider{
	background:#DEE9F4;
	padding-top: 12vh;
}
.solution-group{
	float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.specialization-solutions .container .ft-left p img{
	width:100%;
	height:100%;
}
.sub-solution-group.manu-card ul li{
	width: 25%;
    padding: 24px;
}
.upper-case{
	text-transform:uppercase;
}
.specialization-solutions .ft-left{
	width:16%;
}
.specialization .ft-left{
width:23%;	
}
.video-cont h4{
	text-align:center;
}
/* .sub-solution-group .container{
	width:60%;
} */
.sub-solution-group ul li{
	width: calc(28.5% - 28px);
}
.sub-solution-group h2{
	font-size: 30px;
    font-weight: 700;
}
.widget.sub-solution-group li{
	padding-top:0px;
}
.clients.partner-slider h2{
	font-size:32px;
	margin-bottom:20px;
}
.clients h2 {
    font-weight: 700;
    line-height: 1.2;
}

.clients ul {
    width: 100%;
    float: left;
    margin: 0 0 0 -20px;
}

.clients li {
    width: 15%;
    float: left;
    padding: 0px 5% 0 0%;
}

.clients li img {
    width: auto;
    float: left;
    padding: 50px 0;
}


.clients .flickity-page-dots {
    display: none;
}

.clients .flickity-prev-next-button {
    display: block;
}

.clients .flickity-prev-next-button.previous {
   left: 0px;
    box-shadow: 0px 3px 3px #00000029;
	top: 50%;
}

.clients .flickity-prev-next-button.next {
  right: 0px;
    box-shadow: 0px 3px 3px #00000029;
    left: auto;
    top: 50%;
}

.clients .flickity-prev-next-button {
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.clients .carousel {
    width: 100%;
    height: 110px;
    float: left;
    padding: 0;
}

.clients .carousel-cell {
   width: 12%;
    height: 200px;
    padding: 12px 1% 50px 0%;
    margin: 0;
    float: left;
}

.clients .carousel-cell img {
    width: 100%!important;
}

.clients .flickity-button-icon {
    fill: #6685cb;
}
.testi {
    width: 100%;
    float: left;
}
.testi .container-testi{
	width: 80%;
    max-width: 1212px
}

.testi .flickity-page-dots {
    display: none;
}
.whatwedo .container{
	position:relative;
}
/* .counter-list h4{
	font-size:43px;
    color: #4285F5;
} */
.counter-list .info{
	font-size: 18px;
    font-weight: 500;
    color: #000;
    position: absolute;
    top: 11px;
    padding-left: 3px;
    left: 93px;
}
.counter-list.home-counter{
	display:flex;
}
 .pricing-item{
			 padding: 25px 20px;
		 }
		 .pricing-list-header{
			 background: #4284F5;
			border-radius: 20px;
			padding: 60px 5px;
			color: #fff;
			margin-bottom: 20px;
		 }
		 .pricing-card .flex-three{
			 flex: 28%;
			border-radius: 20px;
			margin: 2%;
		 }
		 .pricing-card .white-bg{
			box-shadow: 0px 30px 60px #0000000d; 
			border-radius: 20px;
		 }
		 #plus-sign-logo{
			 position:relative;
		 }
		 #plus-sign-logo::after, #plus-sign-logo::before {
			 display: block;
			width: 60px;
			height: 60px;
			line-height: 1.618;
			font-size: 3em;
			border-radius: 100%;
			text-align: center;
			position: absolute;
		 }
		 #plus-sign-logo::before {
			content: "+";
			left: -15%;
			top: 30%;
			 position:absolute;
		}
		 #plus-sign-logo::after {
			content: "+";
			right: -15%;
			top: 30%;
		}
.fst-heading{
		font-weight: 600;
		font-size: 40px;
		text-transform: uppercase;
		margin-bottom: 0px;
		line-height: 60px;
	}
.success-group li a{
	text-decoration: none!important;
    position: initial!important;
    font-size: 15px!important;
}
.succ-body{
	position:relative;
}
.success-scroll-right{
	position: relative;
    top: -95px;
	height: 100vh;
    overflow: auto;
}
.succ-body .right-column{
	position: sticky;
    top: 2rem;
    text-align: left;
}
#view-mobile{
	display:none;
}
.success-stories .success-group li{
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
/*     border-bottom: 2px solid #4285F5; */
	width: 31.8%;
	margin: 0 auto;
}

.counter-list{
	width: 30%;
    float: left;
    padding-right: 20px;
	position:relative;
}
.solution-section{
	background: #DEE9F4;
    width: 100%;
    float: left;
    padding: 11vh 0 3vh 0;
	position: relative;
}
.partnerai-video{
width: 100%;
    float: left;	
}
.partnerai-video .right{
	width: 40%;
    float: left;
    margin-left: 1%;
}
.partnerai-video .container{
display: flex;
    align-items: center;
	    padding: 15vh 0;
}
/* .video-container{
	margin: 0 auto;
    width: 48%;
    max-width: 100%;
} */
.solution-section h2{
	font-size: 38px;
    margin-bottom: 9px;
}
.story-section .container .left{
	width: 41%;
    float: left;
    color: #fff;
    padding-top: 40px;
}
.story-section .container .right{
	    width: 42%;
    float: right;
    color: #fff;
	padding-top: 7%;
}
.company-growth{
	background: #4285F5;
    width: 100%;
    float: left;
}
.our-story-section{
	background: #4285F5;
    width: 100%;
    float: left;
    padding-bottom: 100px;
}
.story-section{
	background-image: url(https://pluto7.com/wp-content/uploads/2021/03/our-story.png);
    background-repeat: no-repeat;
    height: 100vh;
    background-size: contain;
    background-position: center;
    padding: 10vh 0px 0px;
}
.video-container-sap{
	width: 50%;
    float: left;
}
.company-growth{
 	background-image: url(https://pluto7.com/wp-content/uploads/2021/03/rocket.png);
    background-repeat: no-repeat;
    height: 113vh;
    background-size: 90%;
    background-position: left;
    position: relative;
}
.company-growth .left {
   	width: 22%;
    float: left;
    padding: 0 2% 0 0;
	position: absolute;
    color: #fff;
    text-align: center;
}
.company-growth .left:nth-child(2) {
  left: 40%;
}
.company-growth .left:nth-child(3) {
 right: 8%
}
.company-growth .left:nth-child(4) {
      left: 26%;
   bottom: 5%;
} 
/* .leadership-section .container{
 width:63%;	
} */
.company-growth .left:nth-child(5) {
  right: 21%;
        bottom: 2%;
}
.leadership-section{
	width: 100%;
    float: left;
	padding: 0vh 0 7vh;
}
.title-section{
width: 20%;
    float: left;	
}
.specialization-badges-section{
    width: 100%;
    float: left;
    padding: 15vh 0 12vh;
    position: relative;
    background-color: #DEE9F4;
}
.awards-group{
	text-align:center; 
	padding:0 100px;
}
.specialization-badges-section .counter-group{
	background: #fff;
    top: -19%;
    width: 47%;
    padding: 26px;
    left: 10%;
    border-radius: 0px 248px 248px 248px;
}
.specialization-badges-section .counter-list{
	width: 31%;
    float: left;
    padding-right: 11px;
	text-align:center;
	
}
.bages-section{
	width: 80%;
    margin: 0 auto;
    padding: 20px 0px;
}
.bages-section .left{
    width: 18%;
    float: left;
    padding-left: 2%;
}
.bages-section .left img{
    width: 100%;	
}
.leadership-section .left{
	background: #fff;
    width: 31.8%;
    margin: 10px 1.5% 10px 0;
    float: left;
    border-radius: 5px;
	text-align:center;
}
/* .blue-strips{
	position:relative;
} */
.leadership-section .left .leaders-name{
	font-size:20px;
	font-weight:600;
	margin-top: 12px;
}
.awards-section{
	width: 100%;
    float: left;
    padding: 12vh 0 9vh 0px;
}
.container-growth{
	margin: 0 auto;
    width: 75%;
}
.display-none{
	display:none;
}
.details.black-color .right h2, .details.black-color .right p{
	color:#000!important;
}
.solution-section .counter-list{
	width: 27%;
	text-align:center;
}
.hover-effect li a:hover p{
	color:#4285F5;
}
.solution-section .counter-group{
	border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    border-top-right-radius: 70px;
    background: #4285F5;
    right: 198px;
    width: 40%;
    top: -78px;
}
/* .solution-section .counter-list p{
	position: absolute;
    color: #fff;
    bottom: 27px;
} */
.solution-section .counter-group h4, .solution-section .counter-group p{
	color:#fff;
	font-size:38px;
	margin-top:0px;
}
.journey-container{
	margin: 0 auto;
    width: 85%;
	display:flex;
	flex-wrap:wrap;
}
.journey-container .left{
	   width: 31%;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.journey-bottom{
	position: relative;
    width: 68%;
}
.journey-bottom .left{
	width:43%;
}
.company-journey .img-cont{
	width:87%;
}
.counter-group{
	background: #DEE9F4;
    width: 60%;
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 25px;
    border-bottom-left-radius: 70px;
}
.testi .flickity-prev-next-button {
    display: block;
}
.flickity-prev-next-button{
	height:30px;
	width:30px;
}
.testi .flickity-prev-next-button.previous {
    left: -41px;
    box-shadow: 0px 3px 3px #00000029;
}

.testi .flickity-prev-next-button.next {
   right: -41px;
   box-shadow: 0px 3px 3px #00000029;
}
.news-list{
	float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.benefits-less{
	    min-height: 250px!important;
}

.transform-footer.white-bg{
	background:#fff;
}


.bages-section .left:last-child .badge-img{
	padding: 4px;
}
.testi .carousel-cell img {
    width: 100%;
}

.testi .flickity-button-icon {
    fill: #6685cb;
}

.whatwedo {
  	width: 100%;
    float: left;
    padding: 118px 0 20px 0;
    background: #4285F5;
    position: relative;
}

.whatwedo .left {
    width: 40%;
    float: left;
    padding: 2%;
}

.whatwedo .right {
    width: 47%;
    float: left;
    padding: 5% 0 5% 0;
	text-align:center;
}

.whatwedo .right p {
    padding: 25px 0 5px 0;
    font-size: 1.5em;
    line-height: 1.7;
}
.whatwedo .line{
    background-color: #fff;
	color:#4285F5;
    padding: 14px 54px;
    border-radius: 5px;	
	margin-top: 25px;
	font-size: 20px;
    font-weight: bold;
}
.specialization-solutions{
	 width: 100%;
    float: left;
    padding: 10vh 0 10vh 0;
    background: #4285F5;
}
.specialization-solutions .container{
	width: 70%;
}
.specialization{
	width: 100%;
    float: left;
    padding: 15vh 0 15vh 0;
}
.value{
	width: 100%;
    float: left;
    padding: 5vh 0 10vh 0;
	background:#DEE9F4;
}
.value-info a, .machine-info a{
    text-transform: uppercase;
    padding-top: 20px;
    font-weight: 600;
}
.value-info a:hover, .machine-info a:hover{
	color: #6685cb;
}
.value .left{
	width: 50%;
	margin-bottom: 45px;
}
.value-info p, .machine-info p{
	font-size:1.25em!important;
}
.value .value-info{
    width: 40%;
    float: left;
    margin: 0 1% 0 0;
    background-color: #fff;
    padding: 3%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px 5px 0px 0px;
	border-bottom: 2px solid #4285F5;

}
.value .value-version{
	width: 31%;
    float: left;
    margin: 0 1% 0 0;
	background: #fff;
}
.value .value-version div{
	background-image: url(https://pluto7.com/wp-content/uploads/2021/03/4.0-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-height: 338px;
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
}
.value .factory{
	width: 20%;
    float: left;
    margin: 0 1% 0 0;
	background: #4285F5;
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
}
	.mob-show{
		display:none;
}
.value .factory div{
	background-image: url(https://pluto7.com/wp-content/uploads/2021/03/factory-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-height: 338px;
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
}
.machine-ai{
	width: 60%;
    float: left;
    margin-right: 1%;
	margin-top: 11px;
	
}
.machine-ai div{
	background-image: url(https://pluto7.com/wp-content/uploads/2021/03/flight.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	min-height:334px;
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
}
.machine-info{
	width: 32%;
    float: left;
    margin-right: 1%;
    margin: 11px 1% 0 0;
    background-color: #fff;
    padding: 3%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px 5px 0px 0px;
	border-bottom: 2px solid #4285F5;
}
.difference{
	width: 100%;
    float: left;
    padding: 5vh 0 5vh 0;
	background: #DEE9F4;
}
.difference .left {
    width: 53%;
	margin-bottom: 60px;
}
.difference .solution, .difference .services-tech{
	width: 23%;
    float: left;
    padding: 0 5% 0 0;
}
.difference .solution h3, .difference .services-tech h3{
	padding-top: 8%;
    padding-bottom: 2px;
    border-bottom: 2px solid #4285F5;
    color: #4285F5;
}
.difference .solution-type, .difference .services-group{
	float: left;
    width: 70%;
    display: flex;
    flex-wrap: wrap;
	padding: 0 2% 0 0;
}
.services-type{
	
    width: calc(35.5% - 53px);
    margin: 8px 1% 10px 0;
    float: left;
    
    align-items: center;
}

.industry-solutions p, .services-type p{
	font-size:1.25em!important;
}
.industry-solutions, .services-type{
	width: 31%;
    float: left;
	padding: 20px 0;
}
#pluto-for .industry-solutions{
	width: 31%;
    float: left;
    padding: 20px 10px;
}
.services-group.ser-design .services-type {
    width: 28%;
    padding: 45px 25px;
    box-shadow: 0px 3px 3px #00000021!important;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
	text-align: center;
}
.services-group.ser-design .services-type.sap-cont-re{
	width:43%;
}
.sap-video-left{
	width:48%;
	float:left;
}
.sol-info-content div{
	padding-bottom: 10px;
}
.header-cont-sol{
	height: 111px;
}
.img-holder-sol{
	    width: 37%;
    margin: 0 auto;
	padding-bottom:10px;
	    height: 100px;
    max-height: 117px;
}
.web-extra-section{
	width:100%;
	float:right;
	display:flex;
	flex-wrap:wrap;
}
.web-extra-section .container .left{
	width:50%;
	float:left;
}
.sub-solution-group.manu-card ul{
	
}
.web-extra-section .container .left h2{
	padding-right: 35px;
}
.web-extra-section .container{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.web-extra-section .container .right{
	width:50%;
	float:left;
}
 .img-holder-sol img{
	height:100%;
}
.img-holder-sol-sub{
	width: 75%;
    margin: 0 auto;
	height: 123px;
	text-align:center;
}
.img-holder-sol-sub img{
	height:100%;
}
.offers, .success-stories{
	width: 100%!important;
    float: left;
    padding: 20px 0 30px!important;
}
.offers .offers-heading{
	margin: 0 auto;
	text-align:center;
	width: 80%;
}
.offers-heading h2{
	font-size:38px;
}
/* .success-stories h2{
	text-align: center;
    width: 75%;
    margin: 0 auto;
	font-size:38px;
} */

.offers{
	background:#DEE9F4;
}
.offers-group{
	margin: 0 auto;
    text-align: center;
    width: 88%;
	margin-top: 80px;
}
.offers-group.home-offers{
   margin: 0 auto;
    text-align: center;
    width: 80%;
    float: initial;
	padding-top: 55px;
}
.offers-group.home-offers .offers-type{
       width: calc(35.5% - 46px);
}
.offers-type img{
	width:100%;
}
.offers-type p{
	font-size: 22px!important;
    font-weight: bold!important;
	padding-top: 8px;
	text-align:center!important;
}
.offers-type{
	background: none;
    box-shadow: none;
    margin-top: -5px;
    margin-bottom: -14px;
    margin-right: -6px;
	padding: 30px 0px;
	box-shadow: 0px 3px 3px #00000021!important;
		border-radius: 5px 5px 0px 0px;
		border-bottom: 2px solid #4285F5;	
}
.home-divider{
	width: 100%;
    float: left;
}
.google-workspace{
	width: 100%;
    float: left;
    padding: 38px 0 15vh 0;
	display: flex;
    align-items: center;
}
.industry-slider, .expert{
	display:none;
}

.appsheets h3{
	font-size: 20px!important;
	color:#000!important;
}

.appsheets li:hover{
	background:#fff!important;
}
.appsheets li:hover p{
	color:#000;
}
.appsheets h2:hover{
	color:#000;
}
.google-workspace .left{
	width: 40%;
    float: left;
    padding: 0vh 18vh 0vh 0;
}

.pricing-list li{
		padding: 10px 0;
		font-size: 18px;
		line-height: 28px;
		list-style: auto;
	}
	.pricing-heading{
		font-weight: 400;
		font-size: 43px;
		margin: 14px 0;
	}
	.price-tag{
		font-size: 28px;
    margin: 10px 0;
	}
	.platform-cont{
		padding: 35px 20px;
		align-items: center;
	}
.google-workspace .right{
	width: 34%;
    float: left;
    padding: 0 14vh 0vh 0;
}
.google-workspace .right p {
    font-size: 22px;	
}
.google-partner.sec4 .appsheets{
	width: 48%;
    margin-left: 0px;
    padding: 0px;
}
.padd-top{
	padding-top: 15vh;
}
.benifits li h3{
				font-size: 20px;
				color:#000;
			}
.group-title{
    width: 100%;
	float:left;
}
.group-title h4 {
          color: #202124;
          font-size: 20px;
          line-height: 30px;
          margin: 35px 1px 12px 0px;
          font-weight: bold;
      }
.padd-bot{
	width: 100%;
    float: left;
    padding-bottom: 16vh;
}
.jumpstart{
	width: 100%;
    float: left;
	padding: 5vh 0 10vh 0!important;
}
.jumpstart .jump-container{
    margin-left: 190px;
}
.jumpstart .right{
     width: 47%;
    float: left;
}
.jump-container h2, .google-workspace h2{
	font-size: 38px;
}
.jumpstart .left{
    width: 40%;
    float: right;
}
.industry-slider {
    width: 100%;
    float: left;
    padding: 0;
}
.blu-btn-cont{
	text-align: center;
    margin-top: 88px;
    width: 100%;
    float: left;
}

.industry-slider .carousel-main .carousel-cell {
    height: 80vh;
    min-height: 700px;
    width: 100%;
    float: left;
	position:relative;
}

.industry-slider .carousel-nav .carousel-cell {
    padding: 1%;
    margin: 0 2%;
    width: 10%;
    position: relative;
    opacity: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
    background: transparent;
}
.top-menu div{
	padding-right: 80px;
}
.industry-slider .carousel-nav .flickity-viewport {
    padding: 20px;
}
/* .social-link-cont{
	float:right;width: 8%;
} */
.social-link-cont a i{
	color: #000;
    font-size: 18px;
}
.social-link-cont a:hover i{
color: #4285f4;	
}
.industry-slider .carousel-nav {

    width: 80%;
    margin: 0 auto;
    top: -160px;
    z-index: 9;
    color: #fff;
    font-size: 1.2em;
    text-align: center;
}

.industry-slider .carousel-nav .carousel-cell.is-selected.is-nav-selected {
    opacity: 1;
    border-bottom: 1px solid #9bc549;
    background: transparent;
    color: #9bc549;
}

.industry-slider .carousel-main .carousel-cell .text {

    max-width: 500px;
    width: 70%;
    float: right;
    margin: 10% 15% 0 0px;
}

.industry-slider .carousel-main .carousel-cell .text h2 {
    color: #fff;
}

.industry-slider .carousel-main .carousel-cell .text h3 {

    color: #fff;
    font-weight: 600;
    padding: 20px 0 0 0;
    font-size: 2.4em;
    line-height: 1.1;
}

.industry-slider .flickity-prev-next-button {
    display: none;
}

.industry-slider .flickity-page-dots {
    display: none;
}

.i1 {
    background: url(../img/slider-image.jpg) no-repeat left top /cover;
}


.home-solution {
    width: 100%;
    float: left;
    padding: 0;

}

.home-solution h2 {
    width: 60%;
    padding: 0;
    display: block;
    margin: 0 auto;
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: center;

}

.home-solution h2 span {
    padding: 20px 0;
    color: #333;
    display: block;
    font-size: 60%;
    font-weight: 300;
    line-height: 1.4;

}


.home-solution .slider {
    width: 80%;
    max-width: 1000px;
    border: 1px solid #ccc;
    margin: 0 auto 100px auto;
    border-radius: 10px;
    padding: 3%;

}
.whatwedo h2{
	color: #fff;
	font-size:38px;
	padding: 30px 0px 0;
}
.tabbed-content {
    position: relative;
    margin: 25px 0;
    overflow: hidden;
    color: #525252;
}

.tabs {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    float: left;
    line-height: normal;
    width: 34%;
    border-right: 1px solid #ccc;

}

.tabs img {
    width: 230px;
    margin: 20px 0 0 25px;
}

.tab-link {
    font-size: 1.1em;
    color: #a2a2a2;
    display: block;
    padding: 0 25px 20px 25px;
    margin-bottom: 10px;
    cursor: pointer;
}

.tab-link.current {
    color: #000;
    font-weight: 500;
}

.tabs-wrapper {
    float: left;
    padding: 15px 2.5% 15px 5%;
    width: 55%;

}

.tabs-wrapper h3 {
    font-size: 1.8em;
    font-weight: 400;

}

.tabs-wrapper p {

    color: #666;

}

.tabs-wrapper img {
    width: 170px;
    margin: 20px 0;

}



.tab-content {
    display: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    -moz-box-sizing: border-box;
}

.tab-content.current {
    display: inherit;
}

.tab-content *:first-child {
    margin-top: 0;
}
/* .sec-heading{
    font-size: 2.25em!important;	
	padding-bottom: 25px;
} */
@media only screen and (max-width: 650px) {
    .tabs {
        width: 100%;
        float: none;
    }

    .tab-link {
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
        border-radius: 10px 10px 0 0;
    }

    .tabs-wrapper {
        width: 92.5%;
    }

    .tab-content {
        min-height: 0;
    }
}

.services {
    width: 100%;
    min-height: 90vh;
    float: left;
    background: url(../img/accordian-bg.jpg) no-repeat left top /cover;
    background-attachment: fixed!important;

}

.services .left {
    float: left;
    width: 100%;
    max-width: 460px;
    background: #f9f9f9;
    border-radius: 15px;
    padding: 30px 0;
    margin: 10% 0 10% 0;

}

.services .right {
    float: left;
    width: 40%;
    padding: 20% 0 0 100px;

}



.services .right p {
    color: #fff;
    padding: 15px 0 0 0;
    font-size: 1.5em;
    line-height: 1.3;

}

.services .right h2 {
    color: #fff;

}

.nobrd {
    border: 0 !important;
}

h3.accordian-header.active {
    color: #336699;
}

.accordion {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #dedede;
}

.accordian-chk {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 80px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -khtml-appearance: none;
    appearnace: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 20px;
    z-index: 2;
    margin: 0;
	border: 0 solid transparent;
}

.accordion h3 {
    background: #f9f9f9;
    position: relative;
    padding: 25px 10%;
    color: #333;
    font-size: 1.1em;
    font-weight: 500;
    margin: 0;
    z-index: 1;
    /*    border-bottom: 1px solid #dedede;*/
}

.accordion h3 img {
    width: 30px;
    position: relative;
    top: 8px;
}

.accordion h3 .acc-icon {
    width: 0;
    height: 0;
    position: absolute;
    right: 50px;
    /*
    top: 35px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bcbcbc;
    border-bottom: 5px solid transparent;
*/
}


.accordion h3 .acc-icon::before {
    content: "\002B";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 2;
    text-align: center;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 300;
}

/*
.accordion .accordian-chk:checked + h3 > .acc-icon {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    border-top: 5px solid transparent;
    top: 30px;
}
*/
.accordion .accordian-chk:checked + h3 > .acc-icon::before {
    content: "\2212";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 2;
    text-align: center;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.blue-strip{
	width: 100%;
    padding: 40px 0;
    background: #DEE9F4!important;
}

.accordion .accordian-chk:checked + h3 + div.accordian-content {
    opacity: 1;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    max-height: 1000px;
    overflow: hidden;
    padding: 0 10% 30px 10%;
}

.accordian-content {
    opacity: 0;
    padding: 15px;
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.accordian-content p {
    font-size: 1.1em;
	margin: 0 0 0 35px;
	padding:0 20px 0 0;
}


.expert {
    width: 100%;
    background: #fff;
    float: left;
    padding: 40px 0;

}

.expert .left {
    float: left;
    width: 60%;
    padding: 0 10% 0 0;

}

.expert .left h3 {
    padding: 0 0 10px 0;
    font-size: 2.4em;
    line-height: 1.1;
    font-weight: 600;
}

a.expert-btn {
    float: left;
    width: 170px;
    padding: 20px 25px;
    margin: 20px 0 0 0;
    border: 2px solid #6685cb;
    color: #6685cb;
    text-align: center;
    border-radius: 100px;
    font-weight: 600;
    font-size: 1.4em;
}

a.expert-btn:hover {
    float: left;
    width: 170px;
    padding: 20px 25px;
    margin: 20px 0 0 0;
    border: 2px solid #6685cb;
    background: #6685cb;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    font-weight: 600;
    font-size: 1.4em;
}



.footer {
    text-align: left;
    width: 100%;
    float: left;
    padding: 80px 0;
    color: #fff;
   background: #15223F;
}


.ft-left {
    width:23%;
    float: left;
    padding: 0 2% 0 2%;
}

.ft-left h2 {
    color: #fff;
    font-weight: 300;
    font-size: 1.2em!important;
    padding: 0 0 35px 0;
    margin-bottom: -4px;
    line-height: 1.4rem!important;
}
.menu-group{
float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;	
}
.menu-group .ft-left {
    width: 14.2%;
    padding: 0 15px 0 0;
}

.ft-left.small ul {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 0 0;
}

.ft-left.big ul {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 0 0;
}


.ft-social {
    width: 10%;
    float: left;
    padding: 0 0 0 0;
    position: relative;
    text-align: right;
}

.ft-social a {
    color: #fff;
    margin: 0 0 0 20px;
    text-align: right;
}


.ft-left ul {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 0 0;
}

.ft-left li {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0px 20px 0;
}

.ft-left li a {
    color: rgba(255, 255, 255);
/*     font-weight: bold; */
    font-size: 1em;
    padding: 0;
}

.ft-left li a:hover {
    color: #fff;
}

.copy {
    width: 100%;
    float: left;
    margin: 80px 0 0 0;
	display:flex;
}
.copy ul li{
	float:left; padding-right:20px
}
.copy p {
    font-size: 1em;
    color: rgba(255, 255, 255);
}

.copy a {
    color: #fff;
    display: inline-block;
}
.copy a i{
    font-size: 24px;	
}
.footer .container{
width: 90%;
    max-width: 1312px;	
}

.menu-container{
	width: 100%;
    float: left;
}
.copy span {
    margin: 0 44px 0 0;
}

.solutions .banner .sub-menu-list.blue {
    background: #6685cb;
}

.customers .banner .sub-menu-list.blue {
    background: #DEE9F4;
}
.sub-menu-list.sss{
	background: #DEE9F4;	
}

.solutions .banner {
    height: 500px;
    min-height: 500px;
    width: 100%;
    background: url(../img/banner-image.jpg) no-repeat center center /cover;

}



/* careers css start here */
.content-heading{
	width: 67%;
    float: left;
	margin-bottom:70px;
}
.career-group{
	width: 100%;
    float: left;
    padding: 5vh 0 15vh 0!important;
    background: #DEE9F4;
}
.career-list{
	width: 100%;
    float: left;
}
.career-item{
	width: calc(36% - 60px);
    margin: 10px 2.5% 10px 0;
    float: left;
    box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    background: #fff
}
.career-info{
	padding: 10% 6%;
}
.career-info p{
	font-size: 16px;
    font-weight: bold;
	margin-bottom:28px;
}
.inner.careers .banner h1 {
    padding: 30px 40% 10px 0 !important;
}

.inner.contact .banner h1 {
    padding: 0 0 0px 0 !important;
}
.our-story{
	width: 100%;
    float: left;
    background: #4285F5;
    color: #fff;
    padding: 15vh 0 10vh 0!important;
    text-align: center;
}
.our-story-item{
	width: 20%;
    margin: 10px 2.5px 10px 0;
    float: left;
}
.solution-item{
	background: #fff;
    width: calc(35.5% - 53px);
    margin: 8px 1.5% 10px 0;
    float: left;
    border-radius: 5px;
    border-bottom: 2px solid #4285F5;
	padding: 20px 0;
}
.solution-item a{
	width:100%;
}
.solution-item a img{
	width:100%;
}
/* .solution-item a{
	padding: 43px 0px;
    background: #fff;
    height: 28vh;
	width:100%;
} */
.solution-item:hover{
	box-shadow: 0px 8px 4px #00000021;
}
/* .solution-item img{
	height: 153.83px;
    width: 100%;
} */
.solution-item p{
    color: #000;
    font-weight: 500;
    padding-top: 43px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}
.our-story-list{
	width: 80%;
}
.solution-section .container{
	width:60%
}
.workculture{
	width: 100%;
    float: left;
    padding: 15vh 0 10vh 0!important;
}
.workculture .video{
	width: 45%;
    float: left;
    margin-right: 40px;
}
.workculture .container{
	display: flex;
    align-items: center;
}
.workculture .right{
	width:42%;
	float:left;
}
.inner .banner .sub-menu-list .container {
    width: 94%;
    max-width: 1470px;
}
.customers .widget #cards-list{
	width:100%;
}
.inner .banner .container {
    width: 80%;
    max-width: 1212px;
	position:relative;
	z-index:2;
}

.inner .banner h1 {
    color: #000;
    padding: 120px 0 10px 0;
    font-size: 3em;
    line-height: 1.1;
    font-weight: 600;
    position: relative;
}

.inner .banner h1 span {
    color: #000;
    padding: 15px 40% 10px 0;
    font-size: 55%;
    line-height: 1.3;
    font-weight: 400;
    display: block;
}

.inner.solutions .banner h1::before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    left: 5px;
    bottom: -50px;
    z-index: 2;
    text-align: center;
    color: #fff;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inner .header {
     position: fixed;
    background: #fff;
}

.inner .banner {
	position:relative;
}

.header.bgcolor {
	position: inherit;
/* 	border-bottom: 1px solid #e4e4e4; */
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .inner .banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.29);
	z-index:1;

} */

.inner .main-menu {
    width: 100%;
    float: left;
	padding: 0 0 20px 0;
    background: #fff;
}
.home .main-menu {
    width: 100%;
/*     padding: 0 0 30px 0; */
}

.inner #navigate > ul > li > a {
    color: #333;
}
.bgcolor #navigate > ul > li > a {
    color: #333;
}


.inner .details {
    width: 100%;
    padding: 100px 0;
    float: left;
    background: #4285F5;
}

.inner .benefits {
    width: 100%;
    padding: 100px 0;
    float: left;
    background: #fff;
}

.inner .details .left {
    width:35%;
    padding: 0 10% 0 0;
    float: left;
}

.inner .details .right {
    width: 50%;
    float: left;
	padding-top:30px;
}

.inner .details .right p {
    padding: 0 0 20px 0;
	color:#fff;
}


.inner .details .right img {
    max-width: 70%;
    margin: 30px 0 0 -5px;
}

.inner .details .right h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #fff;
}


.inner .benefits h2 {


    font-weight: 600;
    padding: 20px 15% 40px 15%;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: center;
    color: #333;
}

.inner .benefits h2 span {
    font-weight: 300;
    font-size: 60%;
    line-height: 1.4;
    display: block;
    margin: 15px 0 0 0;
}

.inner .benefits .list {
    width: 90%;
    margin: 0px 5% 0px 5%;
    padding: 40px 0;
    float: left;
    border-bottom: 1px solid #e5e5e5;
}

.inner .benefits .list .left {
    width: 36%;
    padding: 0 7%;
    float: left;
}

.inner .benefits .list .right {
    width: 40%;
    padding: 30px 5% 0 5%;
    float: left;
}


.inner .benefits .list:nth-child(odd) .left {
    float: right;
}

.inner .benefits .list:last-child {
    border: 0;
}

.inner .benefits h3 {


    font-weight: 400;
    padding: 20px 30% 20px 0;
    font-size: 2em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}


.solution-video h3 {
    font-weight: 400;
    padding: 0px 10% 40px 10%;
    font-size: 2em;
    line-height: 1.1;
    text-align: center;
    color: #333;
}

.solution-video {
    background: #f0f7fc;
    width: 100%;
    padding: 60px 0 130px 0;
    float: left;
    text-align: center;
}

.solution-video .modal-cloudslider {
    padding: 20px;
    height: 600px;
}

.solution-video img {
    max-width: 70%;
}

.solution-video iframe {
    border-radius: 15px;
}

.solution-video p {
    padding: 30px 0;
    border-top: 1px solid #ccc;

}

.solution-video p img {
    width: 70px;
}

.solution-video a {
    color: #333;
}

.solution-video a:hover {
    color: #000;
}

.solution-video p span {
    position: relative;
    top: -25px;
    left: 10px;
}

.bg-grey {
    background: #f7f7f7;
}


.bg-white {
    background: #fff;
}

.bg-grey-bdr {
    border-top: 1px solid #efefef;
}
.blue-section{
	background: #DEE9F4;
    padding: 60px 0px;
	width:100%;
	float:left;
}



/* .widget ul {
    float: left;
    display: flex;
    flex-wrap: wrap;
	position: relative;
} */

.widget li {
   background: #fff;
/*     width: calc(30.5% - 47px); */
	width: calc(34.5% - 47px);
    margin: 8px 1.5% 10px 0;
    float: left;
    border-radius: 5px;
}

.widget .carousel-cell  {
    width: 32%;
    margin: 10px 1.5% 10px 0;
    float: left;
}
/* .success-stories .container{
	margin: 0 auto;
    width: 66%;
    max-width: 1033px;
} */

.widget .carousel  {
   
	width:100%;
}



.widget .carousel-cell ul { 
	display:flex;
	flex-wrap:wrap;
}
.widget .carousel-cell li {
    border-radius: 15px;
    padding: 30px 30px 60px 30px;
    background: #fff;
    width: calc(100% - 60px);
    margin: 10px 0 10px 0;
    float: left;
    min-height: 380px;


}
.alm-reveal h3{
	font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
	padding-bottom: 65px;
}
 

.alm-btn-wrap .alm-load-more-btn {
	    background: #6685cb!important;
}


.widget.brd-v1 li {
    padding: 30px 30px 60px 30px;
    background: #fff;
    border: 1px solid #efefef;
	box-shadow: 0px 3px 3px #00000063;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
	position: relative;
}
.demand-ml-img{
	padding-top:50px;
}
.piab-diag{
	width:100%;
	float:left;
	padding:15vh 0;
}
.card-container .container{
	 width: 60%;
}
.card-container .container ul li{
	width: 24%;
    margin: 10px 9px;
	padding: 24px;
}
.piab-diag .container{
	width:60%;
}
.widget.brd-v1 li p {
    font-size: 1.2em;
    line-height: 1.4;
	margin-bottom: 20px;
	padding-bottom:20px;
}
.solution-sec-section{
	display: flex;
    align-items: center;
    padding: 15vh 0 15vh 0;
	background: #4285F5;
}
.white-btn{
	background: #fff;
    color: #4285F5;
    border: 1px solid #4285F5;
    border-radius: 5px;
    padding: 18px 52px;
	font-weight:600;
}
.details .container{
	display: flex;
    align-items: center;
}
.solution-sec-section .left{
	width: 50%;
    float: right;
    margin: 15px;
    margin-right: 0px;
}
.solution-sec-section h2{
	width: 80%;
	color:#fff;
}
.solution-sec-section p{
	color:#fff;
}
.solution-sec-section .right{
	width: 35%;
    margin: 15px 71px 15px 140px!important;
    float: left;
}
.benefits-video .left{
	width:50%;
	padding-bottom:20px;
}
.widget.brd-v1 h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    text-align: left;
    color: #333;
    padding: 25px 0 10px 0;
}
.transform-footer.sol-trans{
	background-color:#fff;
}
.transform-footer.sol-trans .right{
	    width: 48%;
}
.sol-sub-info h3, .sol-sub-info p{
	    text-align: center!important;
}


.cm-detailed .widget li{
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 3px solid #4285F5;
	position:relative;
	width: 31.5%;
}
.cm-detailed .widget h2{
	font-size: 2.25em;
    margin-bottom: 9px;
}
.cm-detailed .widget .container ul li h3{
	padding: 20px 22px 35px!important;
	    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
}
.cm-detailed .widget .container ul li a{
	padding: 28px 22px 35px!important;
    font-size: 14px;
    font-weight: 600;
    color: #2f2f2f;
    position: absolute;
    bottom: -11px;
    text-transform: uppercase;
}
.cm-detailed .widget .container ul li a:hover{
	color: #6685cb;
}
.widget li figure img{
	border-radius: 5px 5px 0px 0px;
}
.cloud-main-cont.sap-data-section{
	padding: 50px 0 322px;
}
/* .widget .post-title {
   font-size: 1.2em;
    line-height: 1.3;
    text-align: center;
    color: #333;
    font-weight: 400;
    padding: 25px 28px 40px 28px;
} */

.widget h4 {
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.1;
    text-align: left;
    color: #6685cb;
    padding: 25px 0 10px 0;
}

.widget h4 span {
    font-weight: 300;
    color: #666;
    line-height: 1.3;
    font-size: 90%;
    display: block;
    padding: 10px 0 0 0;

}

/* .widget p {
    font-weight: 300;
    font-size: 1.1em;
    line-height: 1.4;
    text-align: left;
    color: #333;
} */

a.read {
    float: left;
    padding: 25px 50px 25px 80px;
    margin: 20px 0 0 0;
    background: #fff url(../img/cloud-icon.jpg) no-repeat 20px 15px /50px;
    color: #333;
    text-align: left;
    border-radius: 100px;
    font-weight: 600;
    font-size: 1.4em;
}

.inner.industries .banner h1 {
    color: #fff;
    padding: 120px 0 10px 0;
    font-size: 3em;
    line-height: 1.1;
    font-weight: 600;
    position: relative;
}

.inner.industries .banner h1:before {
    display: none;
}



.inner .details.video-bg {
    background: #679dd0;
}

.inner .details.video-bg h2 {
    color: #fff;
    padding: 30px 5% 20px 0;
}

.inner .details.video-bg p {
    color: #fff;
	padding: 0px 15% 0px 0;
 }
.testimonal-slider {
    width: 100%;
    padding: 0 0 100px 0;
    float: left;
}
.testimonal-slider .container{
   	margin: initial;
    width: 100%;
    max-width: 1370px;
}

.flickity-prev-next-button.previous{
	left: 204px;
    bottom: 116px;
    top: 79%;
	box-shadow: 0px 3px 3px #00000029;
	background:#fff;
}
.testimonal-slider .carousel:before {
  content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: #000;
    right: 13%;
    top: 50%;
    position: absolute;
}
.flickity-button-icon {
   fill: #8eb5f7;
}
.flickity-prev-next-button.next{
	left: 260px;
    bottom: 0px;
    top: 79%;
    box-shadow: 0px 3px 3px #00000029;
	background:#fff;
	width:30px;
	height:30px;
}
.testimonal-slider .carousel-cell {
       width: 90%;
    padding: 0 10%;
    float: left;
    padding-right: 0px;
    background: #4285F5;
    border-radius: 0px 248px 248px 248px;
    padding-top: 37px;
}
/* .company-text h5{
	    font-size: 17px;
    padding: 5px 0px;
} */
.company-text h5{
	margin: 3px 0;
}
.company-text{
       width: 65%;
    float: left;
/*     padding-top: 18px; */
}
.company-text h3{
    font-weight: bold;
	font-size: 15px;
	margin-bottom:5px;
}

.testimonal-slider .carousel {
    width: 90%;
    height: 400px;
    padding: 0;
    float: left;
    overflow: hidden
}

.testimonal-slider .carousel-cell p {
    width: 75%;
    float: left;
    line-height: 1.4;
    font-size: 20px;
    position: relative;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 25px;
}
.img-holder{
	width: 90px;
    max-width: 100px;
    height: 90px;
    float: left;
    margin-right: 20px;
    padding: 2px;
    display: flex;
    align-items: center;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
}
.company-info{
	width: 35%;
    float: right;
    background: #fff;
    border-radius: 248px 0px 248px 248px;
    padding: 18px;
    position: absolute;
    right: 62px;
    bottom: -57px;
    box-shadow: 0px 3px 3px #00000029;
}
.testimonal-slider .flickity-page-dots {
display:none;
}

.testimonal-slider .flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: #6585cb; 
}

.testimonal-slider .carousel-cell p::before {
    content: "“";
    position: absolute;
    left: -40px;
    top: -10px;
    font-size: 7em;
    color: #ffffff;
}


.testimonal-slider .carousel-cell p span {
    font-size: 70%;
    display: block;
}

.testimonal-slider .carousel-cell p b {
    display: block;
    padding: 20px 0 0 0;
}

.testimonal-slider .carousel-cell img {
   	    width: 87%!important;
    float: left;
    padding-right: 20px;
    padding-left: 5px;
}

.testimonal-slider .carousel-cell .text {
    width: 100%;
    float: left;
    height: 280px;
}

.customers .banner {
    width: 100%;
    height: 84px;
    min-height: 50px;
    float: left;
}

.customers .banner .carousel-cell {
    width: 100%;
    height: 550px;
    float: left;
    background: url(../img/customers.jpg) no-repeat center center /cover;
}

.customers .banner .carousel-cell h1 {
    color: #fff;
    padding: 120px 40% 10px 0;
    font-size: 3em;
    line-height: 1.1;
    font-weight: 600;
    position: relative;
}

.customers .banner .flickity-page-dots {
    position: absolute;
    width: 95%;
    bottom: 100px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    line-height: 1;
}

.customers .flickity-page-dots .dot {
    background: #fff;
}
/* .customers h4{
	position: absolute;
    bottom: 19px;
    font-weight: 400;
} */
.customers a.line {
    margin: 20px 0 0 0;
    color: #2f2f2f;
    font-weight: 600;
	position: absolute;
    bottom: 18px;
	text-transform: uppercase;
}
.customers a.line:hover{
	color: #6685cb;
}

/* Reset Select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
}

/* Remove IE arrow */
select::-ms-expand {
    display: none;
}

/* Custom Select */
.select {
    position: relative;
    display: flex;
    width: auto;
    height: 3em;
    line-height: 3;
    background: #fff;
    overflow: hidden;
    border-radius: 100px;
    -webkit-box-shadow: 0px 0px 17px -6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 17px -6px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 17px -6px rgba(0, 0, 0, 0.25);

}

select {
    flex: 1;
    padding: 0 2.5em 0 1.2em;
    font-size: 1em;
    color: #666;
    cursor: pointer;
}

/* Arrow */
.select::after {
    content: '\25BC';
    position: absolute;
    top: 9px;
    right: 12px;
    padding: 0 .5em;
    background: #fff;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    font-size: 70%;
    color: #666;
}

/* Transition */
.select:hover::after {
    color: #000;
}



.filter li {
    padding: 0 !important;
    background: transparent !important;
    width: auto !important;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin: 10px 1.5% 10px 0;
}

.filter li:last-child {
    margin: 10px 0 10px 0;
}

.filter li b {
    margin: 12px 10px 0 0;
    padding: 0;
    background: transparent;
    width: auto;
    display: inline-block;
}

.resources .sub-menu-list {
   background: #DEE9F4;
}

.service-pg .sub-menu-list {
    background: #6685cb;
}

.sub-menu-list.fixed {
    background: #6685cb;
}
/* .resources-card li{
    box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 3px solid #4285F5;	
	position:relative;
} */
/* .resources-card li a{
	position:absolute;
	bottom:20px;
} */
.resources-card h2{
	font-size: 2.25em;
    margin-bottom: 9px;
}
.customers.resources .banner .carousel-cell {
    height: 600px;
    min-height: 600px;

}
.whitepapers-cardgroup{
	width:100%!important;
}
/* .whitepapers-cardgroup ul li{
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
    position: relative;
} */

.customers.resources .banner .flickity-page-dots {
    bottom: 190px;
}

.customers.resources .banner .carousel-cell h1 {
    padding: 120px 30% 10px 0;
}





.customers .widget li.all a {
	color:red;
}
.customers .widget ul {
    padding: 0 0 60px 0;
	position:relative;
}



/* .arrow-btn{
	margin: 20px 0 0 0;
    color: #2f2f2f;
    font-weight: 600;
    position: absolute;
    bottom: 18px;
    text-transform: uppercase;
} */


/* li.blue {
    background: #5f99d2;
} */

li.blue h3 {
    color: #fff;
}

li.blue p {
    color: #fff;
}



li.blue a.download {
    border: 1px solid rgba(255, 255, 255, 0.51);
}

li.blue a.line {
    color: #fff;
}

li.blue a.line span:before {
    background: #fff;
}

li.green {
    background: #9BC53D;
}

li.green h3 {
    color: #fff;
}

li.green p {
    color: #fff;
}

li.green a {
    color: #fff;
}

li.green a.download {
    border: 1px solid rgba(255, 255, 255, 0.51);
}

li.green a.line {
    color: #fff;
}

li.green a.line span:before {
    background: #fff;
}



.customers .widget li .margin {
    padding: 10px 18px 10px 18px;
}



.inner.customers .banner h1 span {
    padding: 15px 0% 10px 0;
}

.cm-detailed .flickity-page-dots {
    display: none;
}

.cm-detailed .banner .carousel-cell h1 {
    padding: 120px 40% 10px 0;
    position: relative;

}

.cm-detailed .banner .carousel-cell h1::before {
    content: "";
    width: 80px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -20px;
    left: 0;
}




.top-qoute {
    width: 100%;
    overflow: visible;
    float: left;
    padding: 60px 0 60px 0;
}

.top-qoute .container {
    position: relative;
}

.top-qoute .qts {
    position: absolute;
    left: -40px;
    top: -50px;
    z-index: 1;
    width: 130px;
}

.top-qoute p {
    margin: 0;
    padding: 0 15% 0 0;
    line-height: 1.5;
    font-size: 1.33em;
    color: #333;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.top-qoute b {
    display: block;
    color: #333;
    font-weight: 300;
    padding: 30px 0 0 0;
}


.why-google {
    width: 100%;
    float: left;
    padding: 60px 0 60px 0;
    background: #fff;
}

.why-google h2 {
    font-weight: 600;
    padding: 30px 0 10px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.why-google h2 span {
    font-size: 60%;
    display: block;
    font-weight: 400;
    margin: 10px 0 0 0;
}

.why-google ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
}

.why-google li {
    padding: 3%;
    margin: 0 10px 10px 0;
    border: 1px solid #c4c4c4;
    font-size: 1.33em;
    line-height: 1.3;
    font-weight: 600;
    color: #333;
    display: inline-block;
    width: 40%;
    vertical-align: top;
    border-radius: 15px;
}

.cm-detailed .banner {
    width: 100%;
    height: 550px;
    min-height: 550px;
    float: left;
}

.cm-detailed .banner .carousel-cell {
    width: 100%;
    height: 550px;
    float: left;
    background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: 435px!important;
}


.about .banner {
    height: 550px;
    min-height: 550px;
    width: 100%;
    background: url(../img/about-banner.jpg) no-repeat center center /cover;
}

.about .banner .sub-menu-list {
    background: rgb(101, 133, 203);

}

.about .details .left {
    width: 35%;
    padding: 0 10% 0 5%;
    float: right;
}


.about .details .right p {
    font-size: 1.5em;
    padding: 0;
}

.about .details .right h2 {
    padding: 10px 0 30px 0
}

.about .details .right {
    width: 40%;
    padding: 25px 0 0 0%;
    float: left;
}

.about .details {
    background: #fff;
}


.inner.about .banner h1 {
    padding: 120px 0 10px 0;
}



.about-video {
    width: 100%;
    padding: 40px 0 0 0;
    float: left;
}
.about-video .left{
	width: 50%;
    float: left;
}
.about-video .right{
	width: 48%;
    float: left;
}
.about-video .right p{
	color:#000;
}
.about-video img {
    max-width: 100%;
}

.about-video p {
    padding: 10px 20% 80px 20%;
    color: #fff;
}

.about-video h2 {
    font-size: 2.4em;
    font-weight: 600;
    color: #fff;
    padding: 40px 20% 0px 20%;
}



.about-video a {
    color: rgba(255, 255, 255, 0.58);
}

.about-video a:hover {
    color: #fff;
}

.google-partner {
	background:#fff;
	width:100%;
	float:left;
}

.google-partner .left {
    width: 48%;
    margin: 15px 76px 15px 0px!important;
    float: left;
}
.google-container{
	display: flex;
    align-items: center;
    padding: 15vh 0 15vh 0;
	width:100%;
}
.Socialfull{
	   padding: 5px 0px 0px 100px;
}
.tooltip {
	position:relative;
    display: inline-block;
    }
.google-partner .left img {
    width: 100%;

}

.benifits.subpages-bg{
	background: #DEE9F4;
}
h1.sec-heading{
	font-size: 2.25em!important;
    padding-bottom: 0px!important;
    margin-bottom: 42px!important;
	padding-top: 20px;
	font-weight:600;
}
.benifits .left{
	width: 45%;
    float: left;
	margin-top: 40px;
}
.benifits .right{
	width: 49%;
    float: left;
    margin-left: 60px;
}
.app-heading{
	width:60%;
	margin:0 auto;
}
.benifits h2{
	margin: 0 auto;
    text-align: center;
}
.work-appsheet .left{
	padding-top: 20px;
}
.benifits .right li{
	min-height: auto;
    margin: 5px 10px 5px 0;
    color: #000;
    width: 70%;
    padding: 10px 30px 22px 0px;
    border-bottom: 1px solid #e4e4e1;
	border-radius: inherit;
}
.full-width{
	width:100%;
}
.benifits.subpages-bg li h3{
	color:#000;
	font-size:23px;
	margin-bottom: 20px;
	text-align: center;
}
.benifits.subpages-bg li:hover h3{
	color:#fff;
}
.benifits.subpages-bg li{
padding: 30px 30px 30px 30px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
	color: #000;
	width: calc(31.66% - 60px);
	min-height: 370px;
}
.benifits.subpages-bg li:hover{
	    background: #4285F5;
}
.google-partner .sec3right{
    width: 35%;
    float: left;
    margin: 15px;	
}
.google-partner .right {
    width: 30%;
    float: left;
    padding: 6% 10% 4% 10%;

}
.google-partner .right h3 {
    font-size: 1.8em;
    font-weight: 600;
    color: #333;
    padding: 0% 10% 20px 0;
}



.offerings {
    width: 100%;
    padding: 100px 0 100px 0;
    float: left;
    background: #fff;
    display: flex;
    flex-wrap: wrap;

}

.offerings .filter-group {
    padding: 0 0 30px 0;
}

.offerings h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.awards h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.offerings .filter-group ul {
    width: 55%;
    max-width: 295px;
    float: right;
    padding: 10px 0 0 0 !important;
}

.offerings ul.icon {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 100px 0 0 0;
}

.offerings p {
    font-size: 1.5em;
    line-height: 1.5;
    padding: 0 17% 0 0;
}

.offerings ul.icon li {
    padding: 0 0 40px 0;
    margin: 0 10px 10px 0;
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: 400;
    color: #333;
    display: inline-block;
    vertical-align: top;
    border-radius: 15px;
    width: 22%;
}

.offerings ul.icon li img {
    height: 40px;
}

.offerings ul.icon li span {
    display: block;
    padding: 10px 0 0 0;
}

.awards {
    width: 100%;
    float: left;
    padding: 0 0 100px 0;
}

.awards .tabs {
    float: right;
    border-right: 0;
    margin: 70px 0 0 0;
    padding: 20px 0;
    list-style: none;
    line-height: normal;
    width: 24%;
}

.awards .tabs-wrapper {

    width: calc(65% - 2px);
    border: 1px solid #ccc;
    border-radius: 15px;
}

.awards .tab-link {
    font-size: 1.1em;
    color: #a2a2a2;
    display: block;
    padding: 0 25px 0px 25px;
    margin-bottom: 10px;
    cursor: pointer;
}

.awards .tab-link.current {
    color: #4285f4;
    font-weight: 800;
    position: relative;
}

.awards .tab-link.current::before {
    position: absolute;
    left: -60px;
    top: 9px;
    content: "";
    width: 60px;
    height: 1px;
    background: #4285f4;
}

.awards .tab-content ul {
    width: 35%;
    float: left;
    padding: 70px 0 0 40px;
}

.awards .tab-content ul li {
    font-size: 1.5em;
    padding: 0 0 20px 0;
    list-style: disc;
}

.awards .tab-content img {
    width: 50%;
    float: left;
}

.about .widget li {
    padding: 0;
    width: 31.5%;
    height: 300px;
    position: relative;
}

.about .widget li h3 {

    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
    font-size: 1.5em;
}

.about .widget li h3 span {

    display: block;
    font-weight: 300;
    font-size: 80%;

}


.about .team h2 {
    position: relative;
}

.about .team h2 a {
    color: #6685cb;
    font-size: 40%;
    text-align: right;
    position: absolute;
    bottom: 45px;
    right: 20px;
}

.inner .banner h1 span.date {
    font-size: 50%;
}

.all .filter-group ul {
    width: 525px;
    margin: 0 0 50px 0;
}


.cm-all-industry {
    width: 80%;
    padding: 10% 10%;
    margin: 0 0 30px 0;
    background: #52489a;
    float: left;
    border-radius: 15px;
    position: relative;
}

.customer-detailed .right .cm-all-industry ul {
    padding: 0px;
}

.customer-detailed .right .cm-all-industry li {
    list-style: none;
    display: inline;
    vertical-align: top;
}

.customer-detailed .right .cm-all-industry li a {
    padding: 5px 10px;
    margin: 0 5px 8px 0;
    display: inline-block;
    float: left;
    vertical-align: top;
    border: 1px solid #efefef;
    color: #efefef;
    border-radius: 100px;
    font-size: 0.9em;
}



/* .customers .widget.blog li figure {
    height: 350px;
}
 */
/* .blog-card li{
		box-shadow: 0px 3px 3px #00000021!important;
		border-radius: 5px 5px 0px 0px;
		border-bottom: 2px solid #4285F5;	
		position:relative;
	} */
.banner.blog-banner{
	width: 100%;
    height: 84px;
    min-height: 50px;
    float: left;
}
.blog-card li span{
    bottom: 23px;
}

.solutions.service-pg .banner {
    height: 600px;
    min-height: 600px;
    width: 100%;
    background: url(../img/service-banner.jpg) no-repeat center center /cover;
}

.set {
    float: left;
    width: 100%;
    position: relative;

}

.inner.service-pg .details .set::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);

}



.inner.service-pg .details .set.even .left {
    float: right;
}


.inner.service-pg .details .set .left {
    float: left;
    width: 40%;
    padding: 5%;
    margin: 0;

}

.inner.service-pg .details .set .right {
    float: left;
    width: 40%;
    padding: 5%;
    margin: 0;

}

.inner.service-pg .details .set h2 {
    padding: 20px 20% 40px 20px;
    position: relative;
}

.inner.service-pg .details .set h2 span {
    position: absolute;
    left: -85px;
    top: 20px;
    background: #e3e3e3;
    z-index: 9;
    padding: 10px 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    font-size: 60%;
    text-align: center;

}

.inner.service-pg .details .set h2 span b {
    font-size: 45%;
    display: block;
    padding: 0px 0 0 0;
    color: #e3e3e3;
}

.inner.service-pg .details .set p {
    padding: 0 10% 20px 20px;
}

.inner.service-pg .details .set.even .right h2 span {
    left: auto;
    right: -85px;
}

.inner.service-pg .testimonal-slider {
    width: 100%;
    padding: 100px 0 50px 0;
    float: left;
}

.timeline-group {
    float: left;
    width: 100%;
    padding: 80px 0;
    margin: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.timeline-group h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.events-content h2 {
    font-weight: 600;
    padding: 0px 0 40px 0;
    font-size: 1.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

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

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
    opacity: 1;
    /* margin: 2em auto; */
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    /* width: 90%;
  max-width: 800px; */
    margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    /*   background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); */
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    /*  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); */
}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
    display: none;
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00ACEE;
    -webkit-transform: ScaleY(0);
    -moz-transform: ScaleY(0);
    -ms-transform: ScaleY(0);
    -o-transform: ScaleY(0);
    transform: ScaleY(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #00acee;
    border-color: #00acee;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #6685cb;
    border-color: #6685cb;
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #6685cb;
}

@media only screen and (max-width: 1242px) {
	.tooltip{
		position:inherit;
	}
}
@media only screen and (min-width: 1100px) {

    /* .cd-horizontal-timeline {
    margin: 6em auto;
  } */
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation {
    display: none;
}
/* .blkajx h3{
	    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    padding-bottom: 65px;
} */

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 0%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateY(-50%) translateY(-50%);
    -moz-transform: translateY(-50%) translateY(-50%);
    -ms-transform: translateY(-50%) translateY(-50%);
    -o-transform: translateY(-50%) translateY(-50%);
    transform: translateY(-50%) translateY(-50%);
    background: url(../img/cd-arrow.svg) no-repeat 0 0;
}

.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
    right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #00acee;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    /* margin: 2em 0; */
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    min-height: 500px;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    /* padding: 0 5%; */
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li > * {
    /*   max-width: 800px;
  margin: 0 auto; */
}

/* .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
} */
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}

/* .cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
} */
@media only screen and (max-width: 600px) {
	.transform-footer .left{
		width:100%;
	}
	.transform-footer .right{
		width:100%;
	}
	
}
@media only screen and (max-width: 768px) {
	.blkajx{
		width:100%;
	}
	.google-partner .sec3right{
		width:100%;
	}
	.pages-banner .left{
		margin-left: 20px;
		width:100%;
	}
	.customer-detailed{
	padding:15px;	
	}
	.transform-footer .left{
		 width: 100%;
	}
	.transform-footer .right{
		 width: 100%;
	}
	.benifits h2, .benifits .left, .benifits .right{
		width:100%;
		margin-left: 0px;
	}
	.pages-banner .right{
		width:100%;
	}
	.Socialfull {
    padding: 5px 15px 0px 15px;
}
    /* .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  } */
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}

/* Media Queries added by Ajay Chavan on 11/08/2016 */

.main-nav > li > a,
.mini-nav li > a {
    padding: 5px 7px 5px 12px
}

dd,
dl,
menu,
ol,
ul {
    list-style: none;
    list-style-image: none;
}

/*Verticle css*/

.events {
    width: 21px;
}

.cd-horizontal-timeline .timeline {
    height: 420px;
    width: 250px;
    float: left;
}

.cd-horizontal-timeline .events {
    top: 0px;
}

.cd-horizontal-timeline .events a {
    position: static;
    display: block;
    width: 170px;
    text-align: left;
    padding-bottom: 0px;
    font-size: 1.2em;
    margin: 0 0 0 0px;
}

.cd-horizontal-timeline .events a::after {
    left: -37px;
    z-index: 99999 !important;
}

.cd-horizontal-timeline .events {
    position: relative;
}

.cd-horizontal-timeline .events::before {
    content: "";
    left: 20px;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(102, 133, 203, 0.37);
    position: absolute;
}

.events ol li {
    padding-bottom: 40px;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    z-index: 0;
}

.events-content {
    float: right !important;
    width: calc(100% - 250px) !important;
}

.cd-horizontal-timeline .events {
    top: 0px;
    padding: 20px 10px;
    border-radius: 100px;
    background: #f8f8f8;
    height: 350px !important;
}

ul.cd-timeline-navigation li a.next {
    left: 0;
    margin-top: 37px;
}

.remove-overflow-hidden .events-content {
    overflow: visible !important;
}

.cd-timeline-navigation a.prev.inactive,
.cd-timeline-navigation a.next.inactive {
    background: #b1e4f7 none repeat scroll 0 0 !important;
    border: 2px solid #b1e4f7 !important;
    color: #fff !important;
}

.cd-timeline-navigation a.next,
.cd-timeline-navigation a.prev {
    background: #00a5e5 none repeat scroll 0 0 !important;
    border: 2px solid #00a5e5 !important;
}

a.prev p {
    top: -10px;
    position: relative;
    left: -20px;
    color: #000;
    z-index: 9999;
}

a.next p {
    bottom: -10px;
    position: relative;
    left: -20px;
    color: #000;
    z-index: 9999;
}

.inner.service-pg .details {
    padding: 50px 0 60px 0;
}

.fixed {
    position: fixed;
    top: 0;
    height: 22px;
    z-index: 9999;
    padding: 20px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inner.careers .details {
    padding: 100px 0 20px 0;
}

.inner.careers .details h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.inner.careers .details .left h2 {
    font-size: 2em;
    color: #000;
    padding: 0 10% 0 0;
    font-weight: 800;
}


.inner.careers .details .left {
    border-radius: 15px;
    padding: 8%;
    width: 34%;
    background: #fff url(../img/qts1.jpg) no-repeat 30px 50px /100px;
}

.inner.careers .details .right {
    border-radius: 15px;
    padding: 5%;
    width: 40%;
}


.inner.careers .details .right h3 {
    font-size: 1.5em;
    color: #333;
    padding: 0 10% 20px 0;
    font-weight: 600;

}

.inner.careers .details .right b {
    font-size: 100%;
    line-height: 1.3;
    color: #333;
    display: block;
    padding: 0 20% 10px 0;
    font-weight: 400;

}

.inner.careers .details .right p {
    display: block;
    padding: 0 15% 10px 0;

}

.inner.careers .positions {
    float: left;
    width: 100%;
    padding: 0 0 40px 0;
    display: flex;
    flex-wrap: wrap;
}

.positions h2 {
    width: 100%;
}

.posting h3 {
    font-size: 1.1em;
    color: #333;
    padding: 0 10% 20px 0;
    font-weight: 600;

}

.posting {
    border-radius: 15px;
    padding: 5%;
    margin: 0 0 20px 0;
    width: 90%;
    background: #fff;
    float: left;
}

.posting li {
    display: inline-block;
    font-weight: 500;
    font-size: 1.5em;
    padding: 0 5% 40px 0;
}

.posting li span {
    display: block;
    font-weight: 300;
    font-size: 90%;
}

.posting.blue {
    background: #5f99d2;
}

.posting.blue h3 {
    color: #fff;
}

.posting.blue li {
    color: #fff;
}

.posting.blue a {
    color: #fff;
}

.posting a {
    color: #000;
}

.careers .widget li {
    padding: 0;
    width: 48.5%;
    height: 400px;
    position: relative;
}

.careers .widget li h3 {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
    font-size: 1.7em;
}

.careers .widget li h3 span {
    display: block;
    font-weight: 300;
    font-size: 70%;
    padding: 10px 15% 0 0;
    color: rgba(255, 255, 255, 0.84);
}

.careers .widget {
    width: 100%;
    float: left;
    padding: 50px 0 60px 0;
}
/* Contact us CSS start here */
.pages-banner.contact-us .left{
	margin: 0px;
    width: 40%;
    float: left;
    margin-right: 26px;
}
.contact-form{
	width:605px;
    float: left;
    position: relative;
}
.home-banner.supages .date{
	font-size:20px;
}
/* .home-banner.supages.blogs-sec{
	height:70vh;
} */
.container-form{
    width: 50%;
    float: right;
    overflow: hidden;
    padding: 0px 34px;
}
.contact-form .container{
    background: #DEE9F4;
    padding: 40px 40px;	
}
.country-sub{
	width: 45%;
    float: left;
}
.contactadrs {
    width: 100%;
    float: left;
    padding: 20vh 0;
	background: #15223F;
	
}

.contactadrs h2 {
    font-weight: 600;
    padding: 0px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}
.another-country{
	float: left;
    width: 100%;
}
.another-country ul:first-child li h4{
	width:100%!important;
}


.contactadrs li {

    padding: 0px;
    width: 100%;
    margin: 0 0 5px 0;
    float: left;
}

.contactadrs li h3 {
    font-weight: 600;
    padding: 0px 0 0px 0;
    font-size: 23px;
    line-height: 1.1;
    text-align: left;
    color: #fff;
    display: block;
    width: 100%;
}

.contactadrs ul:first-child li h4 {
    font-weight: 400;
    padding: 20px 8% 30px 0;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    color: #fff;
    display: block;
    width: 32%;
    float: left;
}



.contactadrs li b {
    display: block;
    width: 100%;
    padding: 5px 0 5px 0;
    font-size: 18px;
    font-weight: 400;
}

.connect {
    float: left;
    width: 100%;
    background: #DEE9F4;
    padding: 30px 0;
}

.connect a {
    color: #000;
}

.connect .social a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 8px 9px 8px 9px;
    margin:  0 5px 0 0;
    height: 32px;
    width: 30px;
    display: inline-block;
    text-align: center;
}

/* .connect .social i {
	margin:  0 5px 0 0;
	padding: 8px 9px 8px 9px;
}
 */
.connect h3 {
    font-weight: 600;
    padding: 0px 0 0px 0;
    font-size: 1.4em;
    line-height: 1.1;
    text-align: left;
    color: #fff;
    display: block;
    width: 100%;
}

.connect h4 {
    font-weight: 800;
    padding: 20px 8% 30px 0;
    font-size: 1.7em;
    line-height: 1.4;
    text-align: left;
    color: #fff;
    display: block;
    width: 25%;
    float: left;
}

.connect b {
   display: block;
    color: #000;
    width: 100%;
    padding: 10px 0 18px 0;
    font-size: 20px;
    font-weight: normal;
}

.form {
    float: left;
    width: 100%;
    padding: 60px 0 100px 0;
    border-bottom: 1px solid #cbcbcb;
}

form h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.form input.wpcf7-submit {
    padding: 18px 30px;
    margin: 30px 0 0 0;
    background: #6685cb;
    border-radius: 100px;
    border: 0;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
    width: 200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.form .whatwedo {
    width: 50%;
    float: left;
    padding: 0px 0 60px 0;
}

.form .whatwedo .left {
    width: 40%;
    float: left;
}

.form .whatwedo .right {
    width: 80%;
    float: left;
}

.form .whatwedo h2 {
    margin: 0 0 0px 0;
}

::-webkit-input-placeholder { /* Edge */
     font-size: 1em;
    font-weight: 400;
    color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 1em;
    font-weight: 400;
    color: #999;
}

::placeholder {
     font-size: 1em;
    font-weight:400;
    color: #999;
}

.form h2 {
    margin: 0 0 30px 0;
}

.form input {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-size: 0.8em;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.form textarea {
    float: left;
    width: 100%;
    height: 100px;
    resize: none;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-size: 0.8em;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
}



/*inner-banner-common*/
.inner.cm-detailed .banner {
    width: 100%;
    height: 430px !important;
    min-height: 430px !important;
    float: left;
}



.inner .banner h1 {
    padding: 165px 40% 10px 0 !important;
	font-size:2.6em !important;
}

.inner .banner h1 span {
    padding: 15px 0% 10px 0 !important;
}

.inner .banner .flickity-page-dots {
    bottom: auto!important;
    top: 120px;
    width: 20px;
    right: 50px;
}

.inner .banner .carousel-cell {

    height: 480px !important;
    min-height: 480px !important;
}

/*inner-banner-common*/



/* [Object] Modal
 * =============================== */
.btn {
    background: #428bca;
    border: #357ebd solid 1px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
    /* top: 40em;*/
}

.btn:hover {
    background: #357ebd;
}

.btn.btn-big {
    font-size: 18px;
    padding: 15px 20px;
    min-width: 100px;
}



.inner .logo {
    background: url(../img/color-logo.jpg) no-repeat center left /130px;
    height: 40px;
}

.inner .logo a {
    height: 50px;
    width: 100%;
    display: block;
}

.inner .logo img {
    display: none;
}


/*
.carousel-container {
        display: flex;
}
*/

/*
.carousel-container .carousel {
    flex-grow: 1;
}
*/

.carousel-container .carousel-cell {
    width: 100%;
    height: 500px;
    padding: 0;
    margin: 0;
}

.carousel-container .flickity-prev-next-button,
.carousel-container .flickity-page-dots {
    display: none;
}



.carousel-container .carousel-nav {
    width: 200px;
    height: auto;
    margin-left: 10px;
    padding: 0 0 0 30px;
    float: left;
    position: relative;

}

.carousel-container .carousel-nav:after {
    width: 1px;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    z-index: 1;
}


.carousel-container .carousel-nav .carousel-cell {
    height: auto;
    width: 100%;
    margin: 30px 0;
    cursor: pointer;
    counter-increment: carousel-cell;
    position: relative;
    font-size: 1.2em;
    font-weight: 300;
}


.carousel-container .carousel-nav .carousel-cell:before {
    display: block;
    text-align: center;
    content: counter(carousel-cell);
    font-size: 0.7em;
    padding: 3px 0 0 0;
    width: 22px;
    height: 18px;
    position: absolute;
    left: -40px;
    top: 0;
    color: #333;
    background: #efefef;
    font-weight: 600;
    border-radius: 100px;
    z-index: 2;
}

.carousel-container .carousel-main {
    width: calc(100% - 250px);
    margin: 0;
    height: 500px;
    float: right;
}

.carousel-container .carousel-nav .carousel-cell.is-nav-selected:before {
    background: #ED2;
}


.carousel-container .carousel-cell h2 {
    font-weight: 400;
    padding: 0px 3% 10px 10%;
    font-size: 1.5em;
    line-height: 1.4;
    text-align: left;
    color: #333;
}

.carousel-container .carousel-cell p {
    padding: 0px 10% 10px 10%;

}

.carousel-container .carousel-cell img {
    width: 30%;
    float: left;
    border-radius: 15px;
}

.carousel-container .carousel-cell .text {
    width: 60%;
    float: left;
}

/* .customers .widget.blog li {
    padding: 0 0 60px 0;
    width: 31.5%;
} */

.filter-group ul {
    width: 55%;
    max-width: 520px;
    float: right;
    padding: 10px 0 0 0 !important;
}

div#modal {
    z-index: 9999;
    position: fixed;
}

.modal:target .modal-dialog a {
    color: #fff;
}

.dwnmodal .modal-body {
    padding:40px;
    height: 450px;
    overflow-x:scroll;
}

.dwnmodal .modal-dialog {
	max-width:650px;
	width:80%;
	border-radius: 0;
}

.dwnmodal h2 {
    font-weight: 600;
    padding: 20px 0 10px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}

.dwnmodal input {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-size: 0.8em;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.dwnmodal textarea {
    float: left;
    width: 100%;
    height: 100px;
    resize: none;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    font-size: 0.8em;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.dwnmodal form {
    width: 100%;
    float: left;
}

.dwnmodal form .btn {
    background:#6685cb;
	border:0;
	border-radius:100px;
	margin:30px 0 0 0;
	width:200px;
}


.dwnmodal span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.5em;
    font-weight: normal;
    display: block;
    margin: 3px 0 0 0;
    float: left;
}


.dwnmodal  div.wpcf7-response-output {
	float:left;
	
}
.modal {
     z-index: 9999;
    position: fixed;
}


.gsuite_shop {
    width: 100%;
    float: left;
	padding: 0 0 3vh 0;
	display:flex;
	flex-wrap:wrap;
}

.gsuite_box {
     width: calc(24.3% - 40px);
    float: left;
	background-color:#DEE9F4;
    border-radius: 5px;
    margin: 0.8%;
    padding: 40px 12px 40px 15px;
}


.gsuite_box ul {
	margin: 20px 0 20px 0;
}
.gsuite_box:hover{
	background-color: #4285F5;
} 
.gsuite_box:hover .heading h2, .gsuite_box:hover .heading p, .gsuite_box:hover .et_pb_blurb_description p{
	color:#fff;
}
.gsuite_box:hover .heading a.btn_shop{
	color:#4285F5;
	background:#fff;
}
.gsuite_box .heading {
    position: relative; 
   	padding: 20px 10px 10px 10px;
    margin: 0 0 20px 0;
	text-align: center;
}
.gsuite_box .heading span{
	position: absolute;
    top: -9px;
    background-color: #afacad2b;
    padding: 4px;
    border-radius: 3px;
    color: #e86b2d;
}
.gsuite_box .heading h2 {
    margin: 0 0 0px 0;
	font-size: 30px;
	margin-bottom: 10px;
}
.pricing-plans__plan-price-bill{
	
    font-style: italic;
}

.gsuite_box .heading p {
    margin: 0 0 20px 0;
	line-height: 1.5; 
	font-weight: 500;
}

#gsuit_section_products .heading p{
	text-align:center;
	font-size:15px;
    font-weight: 500;
}
.gsuite_box ul li {
	margin: 10px 0 10px 0;
    padding: 10px 80px 20px 0;
    border-bottom: 1px solid #efefef;
    font-size: 1.2em;
    line-height: 1.3;
}

span.woocommerce-Price-amount.amount {
    font-size: 0.8em;
    margin: 10px 0 0px 0;
    display: block;
	color:#666;
}

p.pricing-plans__plan-price-bill {
    font-size: 1em;
    padding: 0;
    margin: 0 0 20px 0;
}

a.btn_shop {
    padding: 15px 30px;
    margin: 10px 0 20px 0;
    background: #4285F5;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
}

.et_pb_blurb_description p {
	font-size: 16px;
    margin: 5px 0 8px 0;
    font-weight: 500;
}
.pro-list{
	display:flex;
}
.et_pb_blurb_description p strong {
	display:block;
	margin:20px 0 10px 0;
}
.et_pb_blurb_description img {
	width:15px;
	height:auto;
}

.gsuite_icons {
    width: 100%;
    float: left;
	background:#fff;
	padding:100px 0;
}


.gsuite_icons ul {
    width: 100%;
    float: left;
	display:flex;
	flex-wrap:wrap;
}

.gsuite_icons li {
    width: 20%;
    float: left;
	padding:1.5%;
	margin:0 0 20px 0;
	
}

.gsuite_icons img {
	height:40px;
}


.gsuite_icons p {
	font-size:1.1em;
	padding:0 30px 0 0;
}



.inner .gsuite_icons li h2 {
     font-size: 1.3em;
    line-height: 1.3;
    font-weight: 400;
    color: #333;
	padding:10px 0 0 0;
}
   

/* .inner.gsuite .banner {
	height: 300px !important;
    min-height: 300px !important;
}
 */
.inner.gsuite .banner {
    height: 400px !important;
    min-height: 400px !important;
}
.inner .gsuite_icons h2 {
    font-weight: 600;
    padding: 20px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}



/*****************************************************/
/******** WOO CART / CHECKOUT / ACCOUNT PAGES ********/
/*****************************************************/

/*** MAIN FORMS BACKGROUND COLOR ***/
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register,
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment,
#customer_details, 
h3#order_review_heading,
form.woocommerce-EditAccountForm.edit-account {
	border: 0 !important; /* you can add a border if you prefer */
	background: #f5f5f5; /* this is the main background color for all forms */
}
/*** FORM AND OTHER PADDING ***/
#customer_details, form.woocommerce-EditAccountForm.edit-account, h3#order_review_heading {
    padding: 30px 20px;
    width: calc(100% - 40px);
}

/*** ADJUST FORM ROUNDED EDGES ***/
#customer_details {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.woocommerce-checkout-review-order table.shop_table {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/*** THIS COMPENSATES FOR FIELDS NOT ALIGNING ***/
h3#ship-to-different-address {
	margin-top: -3px; 
	font-size:1.3em;
	font-weight:600;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 10px 10px 36px 10px;
}
/*** ALL WOO BUTTONS ***/
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt,
.woocommerce a.button, 
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button {
	text-transform: capitalize !important;
	background: #6685cb !important;
	color: #fff !important;
    padding: 20px;
} 
.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover,
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover,
.woocommerce a.button:hover, 
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
	background: #336699 !important;
	color: #fff !important;
}
/*** PAYMENT BOX ON CHECKOUT ***/
#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
	background-color: #15bf86;
	color: #fff;
}
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #15bf86;
	color: #fff;
	
}
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: 0;
}
/*** BORDERS AND TABLES ***/
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	border: 0;
}
.woocommerce table.shop_table td,
#add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th, 
.woocommerce-checkout #main-content .cart-subtotal td {
	border-top: 2px solid #fff;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background: transparent;
}
.woocommerce-checkout #content-area table th,
.woocommerce-checkout #content-area table td {
	padding-left: 20px;
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	font-size: 18px;
	padding: 10px;
}
.woocommerce-billing-fields h3 {
	font-size:2em;
	font-weight:600;
}
input#ship-to-different-address-checkbox {
    width: auto;
}
/*** COUPON / EXISTING ACCOUNT / ERROR BOXES BACKGROUND COLOR ***/
.woocommerce-message, 
.woocommerce-error, 
.woocommerce-info {
	background: #efefef !important;
}
/*** ORDER NOTES ON CHECKOUT ***/
.woocommerce-checkout .woocommerce form .form-row textarea {
	height: 150px; /* height of optional notes box */
}
/*** STATE DROPDOWN SELECT COLOR ***/
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: #6685cb;
}
/*** QUANTITY BOX ***/
.woocommerce #content .quantity input.qty, 
.woocommerce .quantity input.qty, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-page #content .quantity input.qty, 
.woocommerce-page .quantity input.qty {
	color: #fff !important;
	background: #fff !important;
	height: 26px; /* you may need to change this based on your font size */
    border: 0;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 200px;
    margin: 0 10px 0 0;
    border: 0;
	padding: 20px;
}

.woocommerce img, .woocommerce-page img {
    height: auto;
    max-width: 40%;
}
.product-name a {
	color:#333;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -8px;
   
}
.woocommerce form .form-row textarea {
    height: 10em;
    line-height: 1.5;
    display: block;
    box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 65px;
    position: absolute;
    top: 1px;
    right: 15px;
    width: 20px;
}
.woocommerce-info::before {
    color: #6585cb;
}

a.showcoupon {
    color: #6585cb;
}
.woocommerce-info {
    border-top-color: #6585cb;
}
.woocommerce .quantity .qty {
    width: 5.631em;
    text-align: center;
}

div#accordion .accordion:last-child {
    border: 0;
} 

.contact .expert {
	display:none;
}
.industry-slider .carousel-main .carousel-cell .text p {
    color: #fff;
    margin: 20px 15% 0 0px;
}
.industry-slider .carousel-main .carousel-cell .text {
	z-index: 2;
    position: relative;
}


.industry-slider .carousel-main .carousel-cell:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.40);
    z-index: 1;
}

.alm-listing .alm-reveal {
     display: flex;
    flex-wrap: wrap;
}

.banner .carousel {
    z-index: 2;
}

.customer-detailed .left li {
    margin: 0;
    padding: 10px 0;
    list-style: disc;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
/* 	color: #7C7C7C; */
}
.customer-detailed .left li p {
	margin:0;
	padding:0;
	line-height:0;
}
.customer-detailed .left .date{
	font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}

.customer-detailed .left p a {
 	color: #4283f5;
}

.orgname img {
	width:150px;
}

.orgname b {
	padding: 0 0 20px 0;
	display:block;
}

.customer-detailed .left img {
    height: auto!important;
}
.modalresource .widget.bg-grey-o {
	position: relative;
	z-index: 999;
}

a.lnkd {
    padding: 7px 10px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 20px;
    margin: 30px;
    display: inline-block;
}

.svg-flag  {
    float: right;
    margin: -3px 0 0 10px;
}

div.wpcf7-response-output {
	float:left;
	
}
.solution-video  .carousel-cell  {
	height:600px;
	width:100%;
}

.solution-video  .flickity-prev-next-button {
   display:none;
}

.solution-video  .flickity-page-dots .dot {
    display: inline-block;
	width: 50px;
    height: 5px;
    margin: 50px 8px 0 8px;
    background: #6585cb;
    border-radius: 0;
}
/* 
.widget .carousel-cell {
    width: 100%;
}

.widget .carousel-cell {
    width: 100%;
}
 */
.widget .flickity-page-dots .dot {
    display: none;
}

.widget .flickity-prev-next-button.next {
    right: -40px;
}

.widget .flickity-prev-next-button.previous {
    left: -70px;
}

span.wpcf7-not-valid-tip {
	float:left;
	font-size:12px;
}
.benefits-video{
	width: 100%;
    padding: 100px 0;
    float: left;
    background: #DEE9F4;
}
.video-cont h4{
	    padding-top: 10px;
}
.video-cont {
	width: 47%;
    float: left;
	margin: 30px 0 0 0;
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	margin: 30px auto;
	display: inline-block;
	padding-right: 3%;
}
.woocommerce .product-quantity input.qty {
    color: #333!important;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}

.positions .hide {
	display:none;
}

#freshteam-widget .content {
    width: 85%!important;
    padding: 75px 0!important;
}
#freshteam-widget h5 {
	color:#333!important;
	padding: 20px 0 20px 0!important;
}

#freshteam-widget .icon-arrow-left, #freshteam-widget .icon-arrow-right {
    fill: #6585cb!important;
}

#freshteam-widget .btn-primary {
    background-color: #6585cb!important;
    border-color: #6585cb!important;
    border-radius: 30px!important;
}

#freshteam-widget .job-list .job-title {
    font-size: 18px!important;
}

#freshteam-widget .job-list .job-desc {
    color: #808080!important;
}

#freshteam-widget {
    position: relative;
	font-family: 'Roboto', sans-serif!important;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff;
	border-radius: 20px!important;
    width: 98%!important;
}

#freshteam-widget .job-details-header {
    background-color: #1a243e!important;
   
}

#freshteam-widget .btn {
    position: static!important;
}

.modal-dialog iframe {
	width:100%!important;
	height:100%!important;
}
.transform-footer .left{
	width: 47%;
    float: left;
}
.transform-footer .right{
	width: 45%;
    float: left;
    padding: 20px 0px;
}
.transform-footer .blu-btn-banner{
   float: right;	
   margin-top: 45px;
}
.blkajx{
	position: relative;
    top: 17px;
	width:75.5%;
	float:left;
}
.blkajx1{
	position: relative;
    top: 17px;
	width:75.5%;
	float:left;
}
/* .blog-right-group{
	position: relative;
    top: 17px;
	width:78.5%;
	float:left;
} */
.join-footer{
	width: 100%;
    float: left;
    background: #fff;
    padding: 10vh 0 10vh 0!important;
}
.join-footer h2{
	font-size: 36px;
    letter-spacing: -1.01px;
    color: #000;
    line-height: 37px;
}

.join-footer .left {
    width: 50%;
    float: left;
}
.join-footer .blu-btn-banner {
    float: right;
    margin-top: 45px;
}
.transform-footer{
	width:100%;
	float:left;
	padding-bottom: 50px;
	padding-top:35px;
	background: #F8F8F8;
}
/* .transform-footer h2{
	font-size: 40px;
    color: #000000;
    line-height: 37px;
} */

/* .in #filter-industry-check ul li:nth-child(5) {
    display: none;
}
#filter-industry-check ul li:nth-child(5) {
    display: block;
}

.in #filter-industry-check ul li:nth-child(6) {
    display: block;
}

#filter-industry-check ul li:nth-child(6) {
    display: none;
} */
.privacy-policy h3 {
    margin: 30px 0 30px 0;
}

.customer-gcloud-link:hover {
	color: #4285F5;
}
.customer-gcloud-active-link {
	color: #ffbf42;
}

.highedunew .bg-white.whypluto7 {
	padding:20px 0 20px 0;
	
}

.in .tcin {
	display:block;
}

.in .tcus {
	display:none;
}

.us .tcus {
	display:block;
}

.us .tcin {
	display:none;
}


.outer.landing {
 overflow: inherit;
}

.outer.landing .banner  {
   width: 100%;
    min-height: 100vh;
    height: auto;
    padding:0 0 100px 0;
	background-attachment:fixed!important;
}

.outer.landing .text {

   max-width:42.5%;
   width:85%;
   float:left;
   padding:7.5% 7.5% 7.5%  0 ;
}


.outer.landing .landing-form {
    max-width:40%;
    width:90%;
    float:left;
    background: #fff;
    padding:5%;
    }

.outer.landing .landing-form h2 {
	   font-size:2em;
    font-weight:800;
	
	
}

.outer.landing .text h1 {

   color:#fff;
   padding:0 0 20px 0;
   font-size:3em;
    font-weight:600;
}

.outer.landing .text h2 {

   color:rgba(255, 255, 255, 0.85);
   font-weight:400;
   line-height:1.5;
   font-size:1.6em;
}
.outer.landing .logo.transparent-lg {
    width:90%;
    float:left;
    height:inherit; 
    padding: 60px 5% 50px 5%;
    position: relative;
    z-index: 2;
}

.partner-logo {
	float:right;
}


.outer.landing .logo .partner-logo img {
	width:130px;
}
.outer.landing .container {
 position: relative;
    z-index: 2;

}

.outer.landing .copyright {
    width: 90%;
    float: left;
    height: inherit;
    padding: 60px 5% 50px 5%;
    position: relative;
    z-index: 2;
	text-align:center;
}

.formfloat {
	  width: 100%;
    float: left;
}

.outer.landing .copyright p {
	color:#fff;
	font-size:1.1em;
}

.outer.landing .copyright a {
	color:#fff;
 }

.outer.landing .banner .video {
    opacity: 1;
    position:fixed;
}

.outer.landing .banner .video video {
    opacity: 0.4;
}

.outer.landing label {
    font-size:12px;
    font-weight:400;
    width: 100%;
    display: block;
    float: left;
    padding:15px 0 5px 0;
    color:#848484;
    }

.outer.landing span.wpcf7-not-valid-tip {
    color: red;
    font-size: 11px;
}
.outer.landing .screen-reader-response  {
   display:none;
   
}
.outer.landing .wpcf7-response-output.wpcf7-validation-errors {
    padding: 20px 100px 0 3px;
    color: red;
}
 

.outer.landing input {
    font-size:15px;
    border:3px solid #ffffff;
    background :#efefef;
    padding:12px 10px;
	margin:0px;
    width:100%;    
/* 	 width:calc(100% - 26px);  */
}

.outer.landing label b {
    font-weight: 400;
    margin: 0 0 0 3px;
    display: inline-block;
}
 .outer.landing textarea {
    font-size:15px;
    height:80px;
    border:3px solid #ffffff;
    background :#efefef;
    padding:15px 10px;
    	  width:100%;   
/*      width:calc(100% - 26px);    */ 
    resize:none; 
}
.outer.landing.t2  textarea {
	 width:calc(100% - 26px);  
	
}

.outer.landing.t2 input {
	 width:calc(100% - 26px);  
	
}

 .outer.landing input.wpcf7-form-control.wpcf7-submit {
     font-size:15px;
       border-left:3px solid #ffffff;
     border-right: 3px solid #ffffff;
     border-top: 3px solid #ffffff;
     border-bottom: 3px solid #ffffff;
    background :#6685cb;
    padding:15px 10px;
	  width:100%;   
/*      width:calc(100% - 26px);    */
    color:#fff;
    font-weight:500;

}
span.wpcf7-form-control-wrap {
    margin: 10px 0 0 0;
    display: block;
}

.outer.landing.t2 .text {
    max-width: 60%;
    width: 100%;
    padding: 0 0 55px 0;
    text-align: center;
    float: none;
    margin: 0 auto;
}
.outer.landing.t2 .landing-form {
    margin: 0 auto;
    float: none;
}

.outer.landing .logo img {
    width: 180px;
    float: left;
}
.landing-form .share a {
    padding: 10px;
    width: 15px;
    height: 15px;
    margin: 25px 3px;
    background: #6685cb;
    border-radius: 20px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

.landing-form .share a:hover {
	background: #333;
}

.left-form {
    float: left;
    width: 50%;
   
}

.right-form {
    float: left;
    width: 50%;
}

.comment-form {
    float: left;
    width: 100%;
}

.top-menu li:last-child  {
    background: #9BC53D;
    border-radius: 3px;
    padding: 5px 20px;
}
.top-menu li:last-child a{
	color:#2B457F;
}

/* .top-menu li:last-child a {
       color: white;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
} */


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

/*span.wpcf7-form-control-wrap {
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}

 
.wpcf7-mail-sent-ok {
	display:none!important;
}

span.wpcf7-form-control-wrap.youremail:hover::before {
       content: "YOUR WHITEPAPER will be send to THIS id";
    position: absolute;
    left: 2px;
    top: -26px;
    width: 90%;
    padding: 1.5% 3.7%;
    font-size: 10px;
    height: auto;
    text-align: center;
    color: #fff;
    background: #a5cc52;
    z-index: 99999;
    text-transform: uppercase;
    opacity: 1;
    border-radius: 0;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}*/

/* .outer.landing.t2 .logo.transparent-lg  {
    text-align:center;
    float: none;
} */

/* .outer.landing.t2 .logo.transparent-lg img {
    width: 140px;
    float: none;
} */

@media screen and (min-width:200px) and (max-width:1023px) { 
	
.left-form {
    float: left;
    width: 100%;
   
}

.right-form {
    float: left;
    width: 100%;
}
	.outer.landing .text h1 {
    color: #fff;
    padding: 0 0 20px 0;
    font-size: 2.5em;
    font-weight: 600;
}
	.outer.landing .text h2 {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    line-height: 1.2;
    font-size: 1.7em;
}
 
 .outer.landing .text {
    max-width: 92.5%;
    width: 85%;
    float: left;
    padding: 7.5% 7.5% 7.5% 0;
}
	.outer.landing .landing-form {
    max-width: 90%;
    width: 90%;
    float: left;
    background: #fff;
    padding: 5%;
}
	
	.outer.landing .logo img {
    width: 130px;
    float: left;
}
.outer.landing .logo .partner-logo img {
    width: 90px;
}
	.outer.landing .logo.transparent-lg {
    width: 90%;
    float: left;
    height: inherit;
    padding: 30px 5% 50px 5%;
    position: relative;
    z-index: 2;
}

}
/* partner page */
.partners-group{
	float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 30px 30px;
	width:100%;
}
.solution-list-heading{
	margin: 12px 0 10px;
	font: normal normal bold 28px/39px Roboto Condensed;
}
.partners-group li{
	width: 18%;
    margin: 15px 1.5% 15px 0;
    float: left;
}
.partners-group li img{
	width:100%;
}
.partner-sec{
float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 10vh 0;
    background: #4285F5;	
}
.partner-sec .left{
	float: left;
    width: 44%;
    padding-right: 2%;
}
.partner-sec .right{
	float:right;
	width:42%;
	color:#fff;
}

.partner-tab{
float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.contactadrs{
	
}
.contactadrs .left{
	width:35%;
	float:left;
	padding-top: 85px;
}
.contactadrs ul{
	width: 55%;
    float: left;
    padding-left: 10%;
}
.address-holder{
	width: 100%;
    display: flex;
    float: left;
	position: relative;
	padding: 22px 0px 10px;
}
.add-holder{
	width: 10%;
    float: left;
    padding-top: 6px;
}
.add-holder i{
	font-size: 27px;
    color: #fff;
}
.add-location{
	width: 90%;
    float: left;
}
.add-margin{
	position: relative;
    width: 100%;
    float: left;
}
.other-countries{
	position: relative;
    width: 50%;
    float: left;
	padding: 20px 0 10px;
}
.other-countries .address-holder{
    width: 100%;
}
.other-cont-group{
	float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.address-holder{
	width:50%;
	float:left;
}
.pages-banner.contact-us{
	margin-top: 127px;
	height:auto;
}
.pages-banner.contact-us .container{
	display: flex;
	align-items:center;
}
.contactadrs .containers{
	width:90%;
}
.chain-trans ul li{
	position:relative;
}
.chain-trans ul li a{
	position: absolute;
    bottom: 30px;
	text-transform:uppercase;
}
.widget.brd-v1.chain-trans li{
	    width: calc(28.5% - 37px);
}
.sec-similar .right{
	padding-right: 68px;
}
.sec-similar{
	display:flex;
	align-items:center;
}
.head-box{
	height: 42px;
}
.go-beni {
    padding-bottom: 50px;
    text-align: center;
    padding-top: 20px;
}
.group-section-title{
	width: 43%;
    float: left;
    border-bottom: 1px solid #e4e4e1;
    padding-bottom: 24px;
    margin-right: 7%;
}
.group-section-icons{
	width:50%;
	float:left;
}
.services-group{
	width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
/* .success-img-strip{
	width: 100%;
    float: left;
	height: 24vh;
} */
.blu-bg{
	background:#4285F5;
}
.widget.blu-bg{
	padding:5vh 0;
}
.widget.blu-bg .container{
	width:60%;
}
.widget.blu-bg .container ul li{
	width: 31.5%;
	margin: 8px 15px 10px 0;
}
.widget.blu-bg h2{
	text-align:center;
	color:#fff;
}
.client-color{
	display:none;
}


.three-flex{
	flex:30%;
}
.rewards-section{
	width: 100%;
    float: left;
}
/* .text-center{
		text-align:center;
} */

@media screen and (min-width:1024px) and (max-width:1100px) {
	.home-banner h2{
		    font-size: 35px;
	}
}
@media screen and (min-width:1599px) and (max-width:1699px) {
	.value .value-version div, .value .factory div{
		     min-height: 344px;
	}
}
@media screen and (min-width:1592px) and (max-width:1600px) {
	.value .value-version div, .value .factory div{
		     min-height: 320px;
	}
	.machine-ai div{
		    height: 344px;
	}
}
@media screen and (min-width:1601px) and (max-width:1609px) {
	.value .value-version div, .value .factory div{
		         min-height: 370px;
	}
}
@media screen and (min-width:1551px) and (max-width:1591px) {
	.value .value-version div, .value .factory div{
		      min-height: 312px;
	}
}
@media screen and (min-width:1265px) and (max-width:1305px) {
	.machine-ai div{
		min-height: 354px;
	}
}
@media screen and (min-width:1601px) and (max-width:2089px) {
	.machine-ai div{
		min-height: 366px;
	}
}
/* Laning page CSS starts here  */
/* cisco Dinner landing page  */
.cisco-lan-cont{
	background: #4284F5;
	align-items: center;
}
/* Free trial landing page  */
.bg-bttn .lan-button{
		background: #89C30A;
		border: 1px solid #89C30A;
		padding: 16px 80px;
		font-size: 22px;
		box-shadow: 0px 26px 27px #0000007e;
		text-transform: initial;
	}
.lan-cont-heading{
	width:56%;
	margin: 0 auto;
}
.widget.lan-mob-widget {
        width: 90%;
		float: initial;
		padding: 50px 0 20px 0;
	}
	.widget.lan-mob-widget li {
       width: calc(32% - 25px);
	   margin: 8px 3% 10px 0;
	}

/***************** Cisco Landing page 2023 css strats here  ************/
.resource-stories .resource-group{
	width: 100%;
    display: flex;
    height: 500px;
    margin-bottom: 68px;
}

.resource-stories .resource-group li{
	box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
/*     border-bottom: 2px solid #4285F5; */
	width: 30%;
	margin: 0 auto;
}

.team-intro{
		width:87%;
/* 		width:70%;	 */
		justify-content: center;
	}
	.team-intro .team-left{
/* 		width:47%; */
		width:27%;
		margin-right:20px;
		padding-bottom: 20px;
	}
	.team-intro .team-right{
		width:27%;
/* 		width: 47%; */
		padding-bottom: 20px;
	}

.features-content-card{
	padding: 15px 15px;
}

.float-div-left{
		width:37%;
	}
.float-div-right{
		width:63%;
	}
.flex-float{
	background: #4284F5;
    width: 32%;
    position: absolute;
    left: 0;
}

.flex-float .float-img{
	padding: 62px;
    float: right;
    position: relative;
    left: 35%;
}

.para{
/* 	flex:50%; */
	flex:48%;
	padding: 10px 20px;
}

.para1{
	flex:50%;
	padding: 10px 20px;
}

.blue-btn{
	margin-top:5px;
	margin-bottom:10px;
}

.blue-btn .filled-btn{
	background: transparent linear-gradient(291deg, #4284F5 0%, #21427B 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 23px 46px #00000029;
    border-radius: 5px;
	padding: 13px 33px;
	font: normal normal 500 16px/21px Roboto;
}
.blue-btn .border-btn{
	border: 2px solid #4284F5;
	background:#fff;
	border-radius: 5px;
	padding: 11px 33px;
	font: normal normal 500 16px/21px Roboto;
	color:#4284F5;
}

/* Pillar page css starts here */

.main-info{
	display: grid;
    max-width: 1470px;
    width: 85%;
    margin: 0 auto;
}

.info-content{
    margin: 0 auto;
    width: 90%;
    max-width: 1470px;
}

.sidebar{
	position: sticky;
    align-self: start;
    top: 2rem;
	text-align: left;
}
.sidebar li.active{
	color: white;
	background: #4284F5;
	border-radius:5px;
	margin-bottom: 10px;
}

.sidebar li.active a{
	color: white;
}

.sidebar-list{
	padding-top: 10px;
    font: normal normal normal 18px/30px Roboto;
    border-left: 3px solid #d0cfcf;
}
.sidebar-list li{
	padding: 15px;
}
	
.sidebar-list li a{	
	color: black;
}
	

.sidebar a:hover,
.sidebar a:focus{
	color: #4284F5;
}

.mob-hero-sec{
   margin: 15px;
}

/* Dubai Event Page starts here */
.event_body{
	position: relative;
    bottom: 6.9em;
    box-shadow: 0px 10px 30px #00000017;
    border-bottom: initial;
	width: 80%;
}

.event_flex{
	border-right: 1px solid #2B457F;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.event_flex h1{
	margin: 0px;
	margin-right: 15px;
}
.event_flex div{
	padding-right:20px
}
.event_flex p{
	text-align: left;
	line-height: 1;
}
.adjust-style{
	padding: 40px;
}

/* Security Page css starts here */
.flex-row-2{
	flex: 0 0 33%
}


.flex-border-on-right{
	border-right: 4px solid #dfdfdf;
    padding-right: 30px;
}

.flex-border-on-left{
	border-left: 4px solid #dfdfdf;
    padding-left: 30px;
}

/* Book a Free Trial Page Css*/

.cont-no-padding{
	padding: 0px 0px;
    width: 100%;
    float: left;	
	}

.no-padding-container {
    margin: 0 auto;
    width: 100%;
    max-width: 1470px;
}

.half-width{
	max-width: 50%;
}

/* Css for blog authors */

.author{
	display: flex;
    flex-wrap: wrap;
}
.author-picture{
	width: 30%;
}
.author-picture img{
	padding: 10px 40px 40px 10px;
}
.author-bio{
	width: 70%;
}

.blog-hero-padding{
	width:75%;
}

/* Blogs ToC css */

/* .lwptoc_i{
	width: 93% !important;
    background: transparent linear-gradient(165deg, #4284F5 0%, #21427B 100%) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 23px 46px #00000029;
	padding: 30px !important;
    font-family: 'dashicons';
} */

 
 .lwptoc_i{
	width: 92% !important;
    background: #f7f7f7 !important;
    padding: 30px;
    border-bottom: 1px solid #c1c1c1;
    border-radius: 15px
/*     font-family: 'dashicons'; */
}

.lwptoc_item {
    margin-top: 12px !important;
/* 	font-family: 'Roboto', sans-serif; */
	font-size: 18px;
}

/*  */

	.resource-with-text{
/* 		width: 100%;
		height: 243px;
		overflow: hidden;
		padding: 0;
		margin: 0;
		border-radius: 15px; */
		background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px !important;
	}
	.text-inside-img{
		position: absolute;
   		top: 72%;
	}
.text-para{
	margin: 20px;
    box-shadow: 0px 10px 30px #00000017;
    border-radius: 15px;
    text-align: center;
    padding: 10px 20px 70px;
	position: relative;
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.text-para-heading{
		font-weight: 500;
    margin-bottom: 0px;
    top: -12%;
    position: absolute;
    padding: 8px 55px;
	}

.iframe-size{
	height:400px;
	width: 65%;
}

.figure-padd-top{
	padding-top: 30%;
}

/* home page css July-2023 */
.collapsible {
  cursor: pointer;
    border: none;
    outline: none;
    font-size: 1.3em;
    padding: 10px;
    background: white;
    border-bottom: 1px solid #e9e9e9;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.collapsible:after {
  content: '\2304';
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.collapsible.active:after {
  content: '\2303';
  color: black;
  font-weight: bold;
}

.content {
  display: none;
    width: 95%;
    margin: auto;
	padding: 20px;
}

.homepage-padding{
	width:60%;
	margin: 0 auto;
}

.logo-carousel{
	max-height: 150px;
}

.testimonial-carousel{
	max-height: 230px;
}
.testimonial-carousel-padding{
	padding: 20px;
}

.flex-reverse-content{
/* 	flex-direction: column-reverse; */
	flex-direction: row;
}

/* BASE STYLES FOR EACH */
.callouts{
 	display: inline-block;
    position: relative;
    width: 22%;
    height: fit-content;
    background-color: #4284f5;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    box-shadow: 0 0 10px #c1c1c1;
    margin: 32px;
}
	
.callouts--msg:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -42px;
	top: 17px;
  border: 10px solid transparent;
  border-right: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-right: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}
.callouts--msg:after {
  	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -31px;
	top: 20px;
	border: 8px solid transparent;
	border-right: 26px solid #4284F5;
	z-index: 3;
}

.flex-margin-on-right{
	margin-right: 25px !important;
}

.blog-container{
	margin: 0 auto;
    width: 93%;
    max-width: 1470px;
}
.iframe-size-blog{
	width:80%;
	height:350px;
}
.single-blog{
	margin: 0 auto;
    width: 85%;
    max-width: 1470px;
}
.single-blog-right{
    width: 25% !important;
	float: right;
    padding-left: 20px;
    border-left: 1px solid #cecaca;
}
.single-blog-left{
    width: 73% !important;
	float: left;
}

/* .stories-hero-cta{
	margin-top: -25%;
}
 */
.stories-hero-cta-para {font-family: 'Roboto Condensed';
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.banner-height{
	height:280px !important;
}

.banner-btn-padding{
	padding: 10px 33px !important;
}

.roboto-header{
	font-family: 'Roboto Condensed';
    font-weight: 400;
	text-transform: capitalize;	
}

.space-even-flex{
	justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

	.flex-wrap-content{
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
	}

.collapsible-list {
  list-style: none;
  padding: 0;
}

.collapsible-header {
  cursor: pointer;
    border: none;
    outline: none;
    font-size: 1.3em;
    padding: 10px;
/*     background: white; */ 
    border-bottom: 1px solid #e9e9e9;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.collapsible-content {
 display: none;
    width: 95%;
    margin: auto;
	padding: 20px;
}

.arrow::before {
  content: '\2303';
  transform: rotate(180deg);
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.collapsible-header.active .arrow::before {
  content: '\2303';
  transform: rotate(0deg);
  color: black;
  font-weight: bold;
}

.collapsible-header.active{
	 color: #4284F5;
}
.contact-form-container{
	width:60%;
}

/* CSS of Menus for website*/

@media screen and (min-width:684px) and (max-width:767px) {
	
	#mega-menu-wrap-headersecond #mega-menu-headersecond > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 16px !important;
    color: #5D5D5D !important;
    /* line-height: 22px !important; */
    /* white-space: nowrap !important; */
}
#mega-menu-wrap-headersecond #mega-menu-headersecond > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #f1f1f1;
    color: #666;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
    padding: 7px 5px 7px 7px;
}

	
	#mega-menu-wrap-headersecond .mega-menu-toggle + #mega-menu-headersecond {
		background: #fff;
		display: flex;
		padding: 0px 30px;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
}