/************** custom Common CSS 2025****************/
.head-mega-menu .mega-menu-link {
    font-size: 16px !important;
    color: #160F46 !important;
    line-height: 22px !important;
    white-space: nowrap !important;
}

/* Arrow effect */
     .mega-sub-menu::before {
      content: '';
      position: absolute;
      top: -32px;
      left: 20px;
      border-width: 15px;
      border-style: solid;
      border-color: transparent transparent #fff transparent;
    }

    .mega-sub-menu::after {
        content: '';
		position: absolute;
		top: -32px;
		left: 18px;
		border-width: 16px;
		border-style: solid;
		border-color: transparent transparent #4284f5 transparent;
    }

#mega-menu-wrap-headersecond #mega-menu-headersecond li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 100%;
    float: left;
    border: 2px solid #4284f5;
    border-radius: 0px;
    background: white;
}
/************** custom Common CSS 2024****************/

.tabs-vertical .tablinks1, .tabs-vertical .tablinks{
	width:100%;
	border-radius: 10px;
    margin-bottom: 20px;
	background:#fff;
	border: 1px;
	text-align: left;
    padding: 15px;
	margin-right:0px;
}
.tabs-vertical .tablinks1.active1 p, .tabs-vertical .tablinks.active p{
	color:#fff;
}
.desc-section{
	padding: 25px;
    border-radius: 10px;
    background: #fff;
    margin-left: 20px;
}

/************** Common CSS ****************/
h3{
    font-weight: bold;
    font-size: 1.4em;
    font-weight: bold;
/*     letter-spacing: -0.91px; */
	letter-spacing: 0.8px;
    margin-bottom: 18px;
}
h4{
	font-size: 1.37em;
    font-weight: bold;
	letter-spacing: -0.91px;
    color: #000000;
    text-transform: capitalize;
	margin-bottom: 18px;
}
h1 {
    font: normal normal bold 42px/60px Roboto Condensed;
	margin-bottom: 15px;
}
h2 {
    font: normal normal bold 38px/59px Roboto Condensed;
}

/* Flex container CSS */


.flex-two-border {
    flex: 49%;
}

.fifty-topic {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
}
.open-position-btn{
	text-align: center;
    padding: 76px 0;
}

.flex-row-2{
	flex: 0 0 33%
}

/************** color CSS *************** */

.black-col{
	color:#000;
}
.white-col{
	color:#fff;
}
.section-layout{
	width: 100%;
	text-align: left;
	padding:30px 0;
}
.first-section{
/*     margin: 65px 0 0 0; */
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font: normal normal normal 17px/28px Roboto;
	color: #000;
}

/************** Solution CSS ****************/
.solution-list{
	padding:22px 0;
}

.image-container .solution-images{
	width:100%;
}
.solution-list-cont{
	width: 80%;
    padding-left: 20px;
}
.solution-list-cont .solution-heading{
	font-size: 2em;
    margin-bottom: 22px;
}

.solution-list-cont .solution-para{
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: 31px;
}
.resources-cont {
    position: relative;
    margin: 20px;
}
.our-resources img {
    width: 100%;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.counter {
    color: #89C30A;
    font-size: 70px;
    font-weight: 600;
}

.counter-text {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-top: 31px;
    line-height: 24px;
}
.counter-exp {
    color: #7C7C7C;
    font-size: 16px;
    font-weight: 500;
    padding-top: 15px;
}

/* Dubai Event Page starts here */
/* .event_body{
	background: #4285F5;
    position: absolute;
    bottom: 9.4em;
    width: inherit;
}

.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 p{
	text-align: left;
} */


/************** Industries-sub pages CSS ****************/

.optimal-xeperience-cont{
	padding: 0 150px 50px;
}
.flip-card-height{
    height: 280px;
	padding-bottom: 20px;
}
.strategy-cont {
    margin: 15px 10px;
}
.strategy-item {
    background-color: #4D7EF5;
    box-shadow: 0px 30px 60px #00000029;
    border-radius: 10px;
}
.strategy-item .strategy-heading {
    font-weight: 600;
    color: #fff;
    padding: 23px;
}
.flip-card-inner {
    position: relative;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    align-items: center;
    border-radius: 10px;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: grid;
    align-items: center;
}
.flip-card-back {
   transform: rotateY(180deg);
/*     box-shadow: 0px 30px 60px #00000029;
    border-radius: 10px; */
}
.flip-card-back {
    z-index: 99;
}

.flip-card-back p {
    padding: 15px;
}
.flip-card:hover .flip-card-inner {
	  transform: rotateY(180deg);
	}
	.flip-card{
		height:280px;
	}
.widget ul {
    float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.soln-testimonial iframe {
    height: 380px;
}
.widget-succ{
	width: 100%;
    float: left;
    padding: 50px 0 70px 0;
}

.widget-succ ul {
    float: left;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.widget-succ li figure {
    width: 100%;
    height: 250px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.energy-cont{
	width: 50%;
    margin: 0 auto;
}
.auto-cont{
	width: 70%;
    margin: 0 auto;
}
	.widget-succ .container{
		margin: 0 auto;
    	width: 50%;
	}
	.widget-succ .container li{
		width: 48%;
    	margin-right: 2%;
	}


/************** Whitepapers and cards CSS ****************/
.content-cm {
    width: 100%;
    float: left;
    padding: 0px 0 0px 0;
}


.customer-detailed .left{
    width: 65%;
	float:left;
}

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

.customer-detailed .left h4 {
    font-weight: 600;
    padding: 5px 10% 5px 20px;
    margin: 10px 0 25px 0;
    font-size: 1.5em;
    line-height: 1.4;
    text-align: left;
    color: #333;
    border-left: 3px solid #839cd4;
}

.customer-detailed .left h4 b {
    display: block;
    color: #333;
    font-weight: 300;
    padding: 30px 0 0 0;
    font-size: 85%;
}

/* .cm-detailed ul li p{
	display:none;
} */
.customer-detailed .left p {
    padding: 10px 7% 15px 0;
	font-size: 18px;
}
.customer-detailed .left ul{
	padding-left:20px;
}
.customer-detailed {
    width: 100%;
    float: left;
    padding: 50px 0 0px 0;
}
.customer-detailed .right {
	width: 35%;
    float: right;
    padding-left: 20px;
    border-left: 1px solid #cecaca;
}

.customer-detailed .right h3 {
    padding: 0;
    font-size: 1.5em;
    line-height: 1.7;
    font-weight: 600;
    color: #333;
}




.customer-detailed .right li {
    padding: 10px 0;
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: 300;
    color: #666;
    list-style: disc;
}

.cm-industry {
    width: 100%;
    height: 225px;
    padding: 0%;
    margin: 0 0 30px 0;
    background: #fff;
    float: left;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.cm-industry .text {
    position: absolute;
    top: 17px;
    left: 30px;
}

.cm-industry .text h2 {
    color: #fff;
    padding: 0 0 20px 0;
}

.cm-industry .text h2 span {
    color: #fff;
    display: block;
    font-size: 80%;
	line-height: 15px;
}

.cm-challenges {
    width: 100%;
    padding: 10%;
    margin: 0 0 30px 0;
    background: #fff;
    float: left;
    border-radius: 15px;
}

.cm-results {
    width: 100%;
    padding: 10%;
    background: #fff;
    margin: 0 0 30px 0;
    float: left;
    border-radius: 15px;
}

.cm-products {
    width: 100%;
    padding: 10%;
    margin: 0 0 30px 0;
    background: #fff;
    float: left;
    border-radius: 15px;
}

.cm-products img {
margin: 10px 0 10px 0;
    max-width: 80%;
}

.cus-padding{
	padding-bottom: 70px;
}
.widget .alm-listing .alm-reveal li {
    padding:0px;
    background: #fff;
    width: 31.5%;
    margin: 10px 1.5% 10px 0;
    float: left;
}
.blog-text-card{
	position: absolute;
    top: 78%;
    width: 100%;	
}
.blog-list li{
	margin-bottom: 172px;
}
.blog-text-cont{
	background: #fff;
    box-shadow: 0px 10px 30px #00000017;
    border-radius: 15px;
    text-align: center;
    padding: 27px 10px 37px;
}
li.blue a {
    color: #4285F5;
}
.industry-type-cont p{
	color: #4285F5;
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 5px;
}
a.download {
    margin: 20px 0 0 0;
    padding: 8px 0 0 0;
    width: 68px;
    height: 33px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.50);
    font-size: 0.9em;
    color: #000;
    border-radius: 100px;
    text-align: center;
    font-weight: 600;
}

a.download:hover {
    opacity: 0.4;
}
.widget {
    width: 100%;
    float: left;
    padding: 50px 0 70px 0;
}
.filter-group {
    width: 22%;
    float: left;
    margin-right: 2%;
    padding: 0px 2px;
	border-right: 4px solid #dfdfdf;
}
.success-stories ul{
	margin-top: 30px;
}
/* .customers .widget li figure {
  	border-radius: 15px;
    height: 165px;
} */
customers .widget li figure {
    border-radius: 15px;
    height: 212px;
}
.widget li figure {
    width: 100%;
    height: 174px;
/*     height: 215px; */
    overflow: hidden;
    padding: 0;
    margin: 0;
	border-radius:15px;
}
.card-images-cont{
	padding:15px;
}
.blkajx li{
   box-shadow: 0px 10px 30px #00000017;
   border-radius: 15px;
}

.blkajx1 li{
   box-shadow: 0px 0px 0px #00000017;
   border-radius: 15px;
}

.fst-heading-blogs{
	font-weight: 600;
    font-size: 33px;
/*     text-transform: uppercase; */
    text-transform: capitalize;
    margin-bottom: 0px;
    line-height: 46px;
}
.related-articles-section li{
	list-style: none!important;
}
.customers.resources .widget li p {
   	font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 25px;
    color: #999999;
}
.customers .widget li {
    width: 31.5%;
	position:relative;
}
.blu-btn{
	background: #fff;
    color: #4285F5;
    border: 1px solid #4285F5;
    border-radius: 5px;
    padding: 8px 25px;
    font-size: 15px;
    font-weight: initial;
}
.bg-btn{
	color: #fff;
    border: 1px solid #4285F5;
    border-radius: 5px;
    padding: 10px 17px;
    font-size: 18px;
    background: #4285F5;
}
.blog-cont{
	line-height: 1.5em;
/*     height: 70px;
    overflow: hidden; */
/* 	 height: 85px; */
	height: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-cont-txt{
	line-height: 1.5em;
/* 	height: 85px; */
	height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.soln-testimonial{
	background: url(https://pluto7.com/wp-content/uploads/2022/10/videos-section-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: center;
}
.soln-testimonial .container{
	max-width: 643px;
}
/************** Whitepapers and cards CSS ****************/
.news-list .ft-left{
	padding: 30px 30px 60px 30px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0px 3px 3px #00000021;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
    width: calc(35% - 47px);
    margin: 8px 1.5% 10px 0;
    float: left;
	position:relative;
}
#filter-click, #video-filter-click {
    padding:15px;
    background: #ffffff;
    color: #313131;
    cursor: pointer;
    display: inline-block;
    width: calc(100% - 30px);
	border-radius:50px;
	font-size: 22px;
    font-weight: 500;
}

#filter-check{
	display:block;
	text-align:center;
	color:#fff;
	padding:10px 20px 30px 10px;
	
}


#filter-industry-click, #video-filter-industry-click{
 	padding: 15px;
    color: #313131;
    cursor: pointer;
    display: inline-block;
    width: calc(100% - 30px);
    border-radius: 50px;
    font-size: 22px;
    font-weight: 500;
}

#filter-industry-check{
	display: block;
    text-align: center;
    background: #fff;
    color: #fff;
    padding: 10px 20px 30px 10px;
    position: relative;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.filter-industry, .filter-solutions {
		float: left;
		position: relative;
		width: 100%;
	}

.filter-industry ul, .filter-solutions ul {
	float:none!important;
	margin: 0!important;
    padding: 0!important;
    width: 100%!important;
} 

.filter-industry li, .filter-solutions li  {
    margin: 0!important;
    padding: 5px 0!important;
    width: 100%!important;
    display: block;
    text-align: left;
	float:none!important;
	font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 22px;
	color:#7C7C7C;
}
#filter-click .fa-chevron-down {
    position: absolute;
    right: 17px;
    display: inline-block;
    top: 16px;
}

#filter-industry-click .fa-chevron-down {
    position: absolute;
    right: 17px;
    display: inline-block;
    top: 16px;
}

.filter {
  
    float: right;
	padding:10px 0 0 0;
}

.leaders-name{
	color: #4284F5;
    font-size: 20px;
}
.leaders-designation{
	color: #000;
    font-size: 16px;
}
.leader-img{
	border-radius:15px;
}
.sub-menu-list {
    width: 100%;
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 0;
    background: #EDEDED!important;
    -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;
	z-index:5;
}

.sub-menu-list li {
    color: #fff;
    display: inline-block;
}

.sub-menu-list li a {
    color: #7C7C7C;
    padding: 15px 7px;
    font-size: 16px;
    opacity: 1;
    line-height: 3.1;
	font-weight: 500;
}
.sub-header .inner .banner{
	height: 82px !important;
    min-height: 10px !important;
}
.sub-menu-list li.active a {
    color: #4285F5;
    opacity: 1;
	border: 2px solid #4284F5 !important; /* Added for resources-buttons to show active */
}
.btn-close {
    color: #ffffff;
    font-size: 29px;
    text-decoration: none;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    padding: 7px 0 0 0;
    background: #6685cb;
    text-align: center;
    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);
}

.btn-close:hover {
    color: #fff;
    background: #253965;
    transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(180deg) scale(1) skew(1deg) translate(0px);
}

.modal:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.modal:target:before {
    display: block;
}

.modal:target .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 10%;
}

.modal-dialog {
    background: #fefefe;
    border-radius: 15px;
    margin-left: -200px;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -100%;
    z-index: 11;
    /*  width: 360px;*/
    width: 65%;

    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal-body {
    padding: 20px;
    height: 500px;
 }

.modal-header,
.modal-footer {
    padding: 10px 20px;
}

.modal-header {
    border-bottom: #eeeeee solid 1px;
}

.modal-header h2 {
    font-size: 20px;
}

.modal-footer {
    border-top: #eeeeee solid 1px;
    text-align: right;
}

/*ADDED TO STOP SCROLLING TO TOP*/
#close {
    display: none;
}

div#modal-one {
    position: fixed;
    top: 0;
    z-index: 9999;
}
/************** about us CSS ****************/

.demo-cont-btn{
	float:right;
}
.jouryney-cont{
	background:#fff;
	border-radius:15px;
	margin: 10px;
}
.journey-text{
	padding:25px;
}
.journey-text p{
	font-size:18px;
}

/************** Wiki page CSS ****************/
.wiki-heading{
	font-size: 28px;
    padding-bottom: 14px;
}

/************** appdev page CSS ****************/
.gcp-services {
		padding: 15px;
	}
		.gcp-services img {
		width: 70px;
		padding-bottom: 15px;
		padding-right: 20px;
	}
	#solutions-icons .three-cont-gcp:nth-child(15n), #solutions-icons .three-cont-gcp:nth-child(13n) {
    background: transparent;
}
.three-cont-gcp{
		flex: 25%;
		border-radius: 5px 5px 0px 0px;
		color: #000;
		margin: 1%;
		background: #fff;
		min-height: 156px;
}
/************** career page CSS ****************/

.coll-section{
	background:#f8f8f8;
}
.leader-para{
	font-size: 14px;
    padding-top: 15px;
    color: #999999;
}
.coll-section-para{
	width:35%;
	margin-bottom: 35px;
}

/************** solution bundles page CSS ****************/
.tab button {
    background-color: #F2F2F2;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 16px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px dashed #707070;
    border-bottom: initial;
    margin-right: 8px;
    color: #707070;
}
.tabcontent1, .tabcontent {
  display: none;
  padding: 6px 12px;
    border-top: none;
    width: 100%;
	
}
	.dots.active{
	  background: #4285F5;
	  color: white;
	}
	.dots{
		color:#4285F5;
	}
	.gif-carousel{
		box-shadow: 12px 33px 47px #00000017;
		border-radius: 15px;
		border: 6px solid #508DF5;
	}
/************** Home page CSS ****************/
/* 	.first-img-cont{
		padding: 71px 0px 45px 330px;
   		position: relative;
	}
	.first-img-cont img{
		width: 85%;
		position: relative;
		top: 12px;
	} */

#announcements{
	display: flex;
    justify-content: space-between;
    text-align: center;
/*     background: linear-gradient(62deg, #52489C, #4284F5); */
	background: url(https://pluto7.com/wp-content/uploads/2024/09/banner-bg.png);
    color: white;
    margin: auto;
    padding: 10px;
    position: fixed;
	bottom: 0;
	width: -webkit-fill-available;
    margin: auto;
    z-index: 3;
}

#close-btn{
	  color: white;
	  font-size:24px; 
	  border: 0px transparent;
	  background: transparent;
}

#close-btn:hover{
	color: #ddd118;
}

.contactadrs ul li h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    color: #fff;
    display: block;
    width: 80%;
    float: left;
	margin-top: 0px;
}

/************** quick access page CSS ****************/
.quick-access-hero-section{
	margin: 65px 0 0px 0px;
	background: url(/wp-content/uploads/2022/11/buyers-bg.png) no-repeat center center /cover;
	padding: 60px 0;
}
.clr-white{
	color:#fff;
}
.clr-black{
	color:#000!important;
}
.cards-heading{
	font-size: 26px;
    margin: 0px 0 21px;
}
.cards-list{
	box-shadow: 0px 10px 30px #00000017!important;
    border-radius: 15px!important;
    border-bottom: initial;
	width: calc(32% - 25px)!important;
    margin: 8px 3% 10px 0!important;
}




















































/************** Sk ****************/
/* .services2 h1 {
    margin: 10px 0px 30px 10px;
    font-weight: 600;
    font-size: 28px;
    color: #333;
}
.left h1 {
    margin: 15px 0px 20px 0px;
    font-weight: 700;
    font-size: 38px;
}

.sol-benefits .services-group{
	float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.sol-benefits .services-type{
	background: #fff;
    width: calc(35.5% - 53px);
    margin: 8px 1.5% 10px 0;
    float: left;
	box-shadow: 0px 3px 3px #00000021;
	border-radius: 5px 5px 0px 0px;
    border-bottom: 2px solid #4285F5;
    padding: 20px 0;
}
.sol-info-content{
	padding:0px 20px;
}
.display{
	display:none;
} */
/************** Service SECTION ****************/
/* section.service_sec {
    padding: 20px 0;
}
section.service_sec .heading {
	width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
section.service_sec .heading h1 {
    font-size: 27px;
    font-weight: 600;
    margin: 20px;
}
section.service_sec .heading p {
    color: #656565;
    margin-top: 10px;
}

.service_sec .repeater-content {
    max-width: 990px;
    width: 100%;
    margin: auto;
}
.service_sec .text-main {
    display: grid;
    grid-template-columns: 50% 50%;
}
.service_sec .text-main .text-item {
    position: relative;
        margin-bottom: 112px;
}
.service_sec .image-text {
    margin: 40px 0;
}
.service_sec .text-main h3.title.title-color {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.service_sec .text-main p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}


.service_sec .text-main .text-item.item-1 .title-text, .service_sec .text-main .text-item.item-3 .title-text {
    width: 60%;
    float: left;
    overflow: hidden;
}
.service_sec .text-main .text-item.item-2 .title-text, .service_sec .text-main .text-item.item-4 .title-text {
    width: 60%;
    float: right;
    overflow: hidden;
}

.service_sec .rc_img {
    transform: rotate(45deg);
    width: 110px;
    height: 110px;
    background: #ddd;
    overflow: hidden;
    position: absolute;
}
.service_sec .rc_img img {
    transform: rotate(-45deg);
    max-width: 210px;
    margin-left: 0;
    position: absolute;
    top: -20px;
    left: -50px;
}
.service_sec .text-main .text-item.item-4 .title-text {
    padding-left: 30px;
}
.service_sec .text-main .text-item.item-1 .rc_img {
    background: #2b457f;
    right: 27px;
    top: 132px;
}
.service_sec .text-main .text-item.item-2 .rc_img {
    left: -55px;
    background: #52489c;
    top: 50px;
}

.service_sec .text-main .text-item.item-3 .rc_img {
    top: -47px;
    right: -55px;
    background: #5c92ca;
}
.service_sec .text-main .text-item.item-4 .rc_img {
    left: 27px;
    top: -130px;
    background: #9bc53d;
}


.service_sec .text-main .text-item .rc_img img {
    opacity: 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;
    transition: all 0.3s ease-in-out;
}
.service_sec .text-main .text-item:hover .rc_img img {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.service_sec .text-main .text-item.item-1 .arrow-aligment {
    position: absolute;
    right: 127px;
    top: 70px;
}
.service_sec .text-main .text-item.item-2 .arrow-aligment {
    position: absolute;
    left: 50px;
    top: 20px;
}
.service_sec .text-main .text-item.item-4 .arrow-aligment {
    position: absolute;
    left: 123px;
    top: -26px;
}
.service_sec .text-main .text-item.item-3 .arrow-aligment {
    position: absolute;
   top: 48px;
   right: 47px;
} */
/************** Service SECTION ****************/


/************** JOURNEY SECTION ****************/
/* 
.journey_sec {
    text-align: center;
    padding: 50px 0;
}

.journey_sec ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

.journey_sec ul li {
 width: 19.4%;
 margin: 0;
 text-align: center;
}

.journey_sec ul li .img_sec {
    height: 250px;
    display: flex;
}

.journey_sec ul li .img_sec img {
    margin: auto auto 0 auto;
}

.journey_sec ul li h1 {
    font-size: 22px;
    font-weight: 700;
}

.journey_sec ul li p {
    font-size: 15px;
    font-weight: 400;
    color: #555555;
    margin-top: 10px;
    padding: 0 10px;
}

.journey_sec ul li p span {
    font-weight: 700;
    display: block;
}

.journey_sec ul li  .rod {
    background: #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    margin: 10px auto;
    font-weight: 700;
    color: #ffffff;
}

.journey_sec ul li .rod.rd_1 {
    background: #52489c;
}

.journey_sec ul li .rod.rd_2 {
    background: #5c92ca;
}

.journey_sec ul li .rod.rd_3 {
    background: #2b457f;
}

.journey_sec ul li .rod.rd_4 {
    background: #9bc53d;
}

.journey_sec ul li .rod.rd_5 {
    background: #c0c0c0;
} */








/************** JOURNEY SECTION ****************/















/************** PJ ****************/


*, *::before, *::after {
    box-sizing: border-box;
}
.mb-auto, .my-auto {
    margin-bottom: auto !important;
}
.mt-auto, .my-auto {
    margin-top: auto !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.p-0 {
    padding: 0 !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
    border-style: none;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.text-center{
    text-align: center;
}
.container-cus {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-cus-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.section-div .left{
padding-left: 0px;
    float: left;	
}
.section-div{
	  width: 100%;
    float: left;
    padding: 15vh 0 15vh;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.section-div .right{
    padding-left: 75px;
    float: left;
    padding-right: 150px;
}

.section-header{
    width: 100%;
    text-align: center;
}
.section-header h1 {
    font-weight: 600;
    padding: 40px 0 40px 0;
    font-size: 2.4em;
    line-height: 1.1;
    text-align: left;
    color: #333;
}
section#data {
    margin-top: 60px;
	margin-bottom: 60px;
}	
.data-info p{
    margin-bottom: 20px;
}
.data-img img{
    width: 100%;
}
	.partners-group li{
		width: 100%;
    	padding: 20px;
		margin:0px;
		float: left;
	}
	.tab button {
    background-color: #F2F2F2;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 16px;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px dashed #707070;
    border-bottom: initial;
	margin-right: 8px;
    color: #707070;
}
.partners-group .flex-two-left {
    flex: 48%;
    border: 6px solid #508DF5;
    border-radius: 10px;
}
.partners-group li img {
    width: 100%;
}
.supply-chain-text {
    padding: 20px 30px;
}
.tab button.active, .tab button.active1 {
    background: #4284F5;
    border: 1px solid #4284F5;
    color: #fff;
    opacity: 1;
}
.installer-section{
	background: #f8f8f8;
    padding: 31px 0 69px;
}
.news-content{
	position: relative;
    border-radius: 15px;
    border-bottom: 0px;
    margin: 8px 1.5% 180px 2px;
    box-shadow: 0px 3px 3px #00000021;
    width: calc(34% - 47px);
    float: left;
}
.news-group{
	padding: 10vh 0 10vh;
	background:#F8F8F8;
}
.news-para{
	margin-bottom:20px;
	padding: 0px 15px;
}
.news-para p{
	font-size:14px;
}



/* #benifits {
    margin-top: 60px;
    margin-bottom: 100px;
} */
/*.benifits-main{
   width: 40%;
    position: relative;
}
 .benifits-circle {
    width: 500px;
    height: 500px;
    border: 5px dotted #C0C0C0;
    border-radius: 50%;
}
.benifits-info-titel {
	background: url(../img/15.png) center;
	background-size: 99%;
    background-repeat: no-repeat;
    position: absolute;
    top: 19%;
    bottom: 20%;
    right: 8%;
    left: 8%;
    padding: 120px 0;
    text-align: center;
    display: none;
}
.benifits-info-titel h5 {
    color: #00447c;
    padding-bottom: 15px;
    margin: 0 80px;
	margin-bottom: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}
.benifits-info-titel p {
    font-size: 17px;
    font-weight: 400;
    padding: 0 40px;
    color: #fff;
}
.benifits-info-titel.active{
    display: block !important;
}
.benifits-icons img{
    width: 90px;
    height: 90px;
}

.benifits-info-1 .benifits-icons {
    position: absolute;
    top: 0;
    left: 60px;
    background: url("../img/8.png");
    background-size: contain;
}
.benifits-info-1 .benifits-icons:hover img{
    background: url("../img/10.png");
    
}
.benifits-info-2 .benifits-icons {
    
    position: absolute;
    top: 0;
    right: 60px;
}
.benifits-info-3 .benifits-icons {
    
    position: absolute;
    bottom: 200px;
    left: -50px;
}
.benifits-info-4 .benifits-icons {
    
    position: absolute;
    bottom: 200px;
    right: -50px;
}
.benifits-info-5 .benifits-icons {
    
    position: absolute;
    bottom: 0px;
    left: 50px;
}
.benifits-info-6 .benifits-icons {
    
    position: absolute;
    bottom: 0px;
    right: 50px;
} */

/* 
#werehouse{
    margin-top: 40px;
}
.number {
    background: #afafaf;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}
.number span {
    font-size: 24px;
    line-height: 80px;
    color: #fff;
}
.number-info {
    text-align: center;
    padding: 30px 70px;
}
.number-info h4 {
    color: #00447c;
    font-size: 28px;
    font-weight: 400;
}
.number-info h5 {
    color: #00447c;
    font-size: 26px;
}
.number-info h5::after{
    content:"";
    position: absolute;
    z-index: -1;
    top: 200px;
    bottom: 0;
    left: 50%;
    border-left: 3px dotted #444;
}
.number-img img{
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
#werehouse a.btn.btn-transparent{
    display: block;
    border: 3px solid #2b457f;
    font-size: 24px;
    color: #717171;
    border-radius: 0px;
    margin: 10px 70px;
    padding: 4px 0;
}
#werehouse a.btn.btn-business{
    display: block;
    font-size: 24px;
    border-radius: 0px;
    margin: 20px 70px 10px;
    padding: 4px 0;
    background:#5c92ca;
    color: #fff;
}
#werehouse a.btn.btn-google{
    display: block;
    font-size: 24px;
    border-radius: 0px;
    margin: 10px 70px;
    padding: 20px 0;
    background:#2b457f;
    color: #fff;
}


#specializaions{
    margin: 40px 0;
	overflow: hidden;
}
#specializaions .logo {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 0 15px;
	margin: 0;
}
#specializaions .logo img{
    float: right;
    width: 180px;
    height: 50px;
    object-fit: contain;
    display:none !important;
}

.specializaions-main{
    background: #fff;
    padding: 30px;
}
.specializaions-info h1{
    font-size: 50px;
    color: #2b457f;
    margin: 50px 0;
}
specializaions-info-img img{
    width: 100%;
    height: 390px;
    object-fit: contain;
}
.specializaions-info h1 {
    font-weight: 600;
    font-size: 2.4em;
    color: #333;
}
.google-add{
    padding-top: 50px;
    display: flex;
}
.google-add-left {
    width: 100%;
    text-align: center;
    
}
.google-add-left::after{
    content: "";
    position: absolute;
     z-index: -1; 
    top: 0px;
    bottom: 50%;
    left: 0;
    right: 35%;
    border-bottom: 3px dotted #6685CB;
}
.google-add-right::after{
    content: "";
    position: absolute;
    top: 15%;
    bottom: 15%;
    right: 45%;
    border-left: 3px dotted #6685CB;
}
.google-add-right-1::after{
    content: "";
    position: absolute;
    top: 15%;
    left: 55%;
    right: 35%;
    border-bottom: 3px dotted #6685CB;
}
.google-add-right-3::after{
    content: "";
    position: absolute;
    bottom: 15%;
    left: 55%;
    right: 35%;
    border-bottom: 3px dotted #6685CB;
}
.google-add-left img{
    width: 200px;
    height: auto;
    background: white;
    padding: 0 15px;
    z-index: 1;
}
.google-add-right{
    width: 50%;
    padding:40px 0;
}
.google-add-right img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin: 8px 0;
} */



/* Ensure the parent container is relative so the background stays in place */
.outer {
    position: relative;
    overflow: hidden;
}



/* Ensure the parent section is the coordinate anchor */
.hero-split-area {
    position: relative !important;
    overflow: hidden !important; /* Critical to prevent horizontal scroll */
}

/* The Blue Split Background */
.oiab-split-bg {
    position: absolute !important;
    top: -100px !important; /* Extend above padding if necessary */
    bottom: -130px !important; /* Extend below padding */
    
    /* Calculate the split: 
       DESIGN SPECS: Design is 1366px wide. Blue starts at 931px.
       (931 / 1366) = approx 68.1% from the left edge.
    */
    left: 68.1% !important; 
    
    width: 100vw !important; /* Fills everything to the far right */
    background-color: #4284F5 !important; /* Your specific brand color */
    z-index: 1 !important;
}

/* Ensure the text and image containers stay on top of the background */
.pi-video-div-right, 
.pi-video-div-left {
    position: relative !important;
    z-index: 2 !important;
}

/* Image specific wrapper adjustment */
.oiab-visual-section {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.oiab-image-wrapper {
    position: relative !important;
    z-index: 5 !important;
}

.oiab-main-diagram {
    max-width: 656px !important; /* Matches XD dimension */
    width: 100% !important;
    height: auto !important;
    display: block !important;
    /* Card shadow from XD */
    box-shadow: 0px 15px 45px rgba(0,0,0,0.1) !important;
    border-radius: 10px !important;
}

/* Mobile Fix: On small screens, the side-by-side split doesn't work well */
@media (max-width: 991px) {
    .oiab-split-bg {
        display: none !important; /* Remove split background on mobile */
    }
    .hero-split-area {
        overflow: visible !important;
    }
}





/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    /* Allow flex items to wrap into a single column */
    .flex-container {
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }

    /* Force cards and divs to full width */
    .choice-card, 
    .agent-card, 
    .potential-card,
    .pi-video-div-right, 
    .pi-video-div-left {
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* Hero section split background fix */
    .oiab-split-bg {
        display: none !important;
    }

    /* Fix image scaling for diagrams */
    .oiab-main-diagram, 
    .table-image-wrapper img {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Ensure agents icons stay centered and readable */
    .agent-card {
        padding: 20px !important;
        min-width: 100% !important;
    }
}





/************** PJ ****************/
@media screen and (min-width:1590px) and (max-width:2000px) {
	p{
		font: normal normal normal 20px/33px Roboto;
	}
}