/*
Theme name:CCS Dynamic
Author:CCS Technologies
version:1.1.8.3

*/
@font-face {
    font-family: 'Gellix-Regular';
    src: url("assets/fonts/Gellix-Regular.woff") format("woff"), url("assets/fonts/Gellix-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
  
 @font-face {
    font-family: 'Gellix-Bold';
    src: url("assets/fonts/Gellix-Bold.woff") format("woff"), url("assets/fonts/Gellix-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption { margin: 5px; padding: 5px; font-size:90%; color: black }

.alignleft.wp-caption {
	float:left;
}
.wp-caption p{
	font-size:14px;
}
.hide-bullets li{
	list-style-type:none;
}

.table-grid {width:100%; border:1px solid #000000;}
  .grid-head{display: flex;}
  .grid-head .grid-col{
    width:25%;
    padding: 10px 12px;
    font-weight:bold;
    font-size: 20px;
    color: rgba(18, 23, 29, 1);
	border:1px solid #000000;  
	
  }
  .grid-row{
    display: flex;
  }
  .grid-row .grid-col{
    width:25%;
    padding: 6px 12px;
    color: #666666;
	border:1px solid #000000; 
	 word-wrap:break-word; 
  }

.home .card-desc p{
    display: block;
    min-height: 180px;
}
.page-template-cloud-services #nav-infra .dark-card{
	height: 140px;
}


 
  .navbar .navbar-nav .dropdown-menu .dropdown-item{
  color:#19312d;
}
.navbar .dropdown-menu .subhead .sublist{
    padding-left: 20px;
}
.p-120{
    padding: 120px 60px;
}
.tools-technology .dp-logos.single-col{
    display: block;
}
.search_results_block .read_more{
    display: inline-block;
    padding: 10px;
    border: 1px solid #000000;
    text-decoration: none;
    color: #000;
    border-radius: 15px;
    width: 150px;
    text-align: center;
}

.automate-block .color-soft{
    color:#ffffff;
    font-size: 30px;
}
.digi-block .color-soft{
    color:#ffffff;
    font-size: 26px;
}

.banner-section-2 .banner-bg-img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.digi-block-pd{
    padding: 125px 60px 215px 60px;
}
.automate-span p span{
    display: block;
}
.tools-technology .col{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}
#menu-main-menu .dropdown-menu{
    border:none;
}
.single-post .attachment-post-thumbnail{
    width: 100%;
    object-fit: cover;
    height: 100%;    
	object-position:left top;
}

.blog-content .blog-title-link{
    text-decoration: none;

}
.blog-content .card-2 .card-desc-title{
    min-height: 60px;
}

.blog-content .ajax-load-more-wrap .alm-reveal{
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    
}
.blog-content .ajax-load-more-wrap .alm-reveal .col-lg-4{
    padding: 10px;
}
.blog-content .alm-btn-wrap{
    text-align: center;
}
.blog-content .card-img img{
    height:300px;
	object-fit:cover;
}
.casestudy-content .ajax-load-more-wrap .alm-reveal{
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.casestudy-content .ajax-load-more-wrap .alm-reveal .col-lg-4{
    padding: 10px;
}
.casestudy-content .ajax-load-more-wrap .alm-reveal .col-lg-4 .blog-date{
    display: none;
}
a{
    text-decoration: none;
}
.casestudy-content .readmore-button{
    display: none;
}
.contact-form input.form-control{
    border-radius: 50px;
    border: 1px solid #DDD9D9;
    padding: 0.475rem 1rem;
    color: var(--secondary);

}
.contact-form .btn-primary{
    border:none;
}

.contact-form textarea.form-control {
    padding: 0.475rem 1rem;
    color: var(--secondary);
    height: 100px;
    border-radius: 15px;
    border: 1px solid #DDD9D9;
}

.contact-form .wpcf7-select{
    border-radius: 50px;
    border: 1px solid #DDD9D9;
}

.page-template-contact .tb-space{
    padding: 40px 0px 90px 0px;
} 

.webinar-content .webinar-link{
    text-decoration: none;
}

.horizontal-timeline .scroll-left{
    display: none;
}
.horizontal-timeline .scroll-right{
    display: none;
}

.horizontal-timeline .events a.selected{
    background: #ED1C24;
    color: white !important;
    border-radius: 100px;
    font-size: 30px;
    text-decoration: none;
}
.aboutus .horizontal-timeline .events a{
    color: #666;
    font-size: 20px;
    padding: 7px 25px;
    display: inline-block;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    text-decoration: none;

}

.aboutus .horizontal-timeline .events a::after{
    background-color: #666;
    font-size: 20px;
     
    display: inline-block;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    text-decoration: none;
}

.aboutus .horizontal-timeline .events-content li[data-horizontal-timeline]{
    
    background: none;
}
.aboutus .horizontal-timeline .timeline{
    background-color: rgba(18, 23, 29, 0.7) !important;
    padding: 0px 30px;
}
.bg-milstone{
	background-color: rgba(18, 23, 29, 0.7) !important;
}

.milstone h2{
    margin-bottom: 0px;
}
.aboutus .horizontal-timeline .events-wrapper{
	margin-left: 20px;
	margin-right: 20px;
    margin-bottom: 65px;
    height: 165px;
}
.aboutus .horizontal-timeline .events{
    height: 0px;
}

.timeline-navigation a.inactive{
	color: #666666 !important;
}
.timeline-navigation a{
	color: #D71119 !important;
}

.timeline-navigation a:hover{
	color: #fff !important;
}

.aboutus .horizontal-timeline .events a:hover, .aboutus .horizontal-timeline .events a.selected {
    background: #ED1C24;
    color: white !important;
    border-radius: 100px;
    font-size: 30px;
    text-decoration: none;
  }
  .aboutus .timeline-navigation{
    top:0px;
    bottom: 20px;
  }

  .aboutus .horizontal-timeline .events a::after{
    bottom: -20px;
  }
.aboutus .horizontal-timeline .events-wrapper a {
    padding: 5px 15px !important;
}
.horizontal-timeline .events a.selected::after, .horizontal-timeline .events a.older-event::after {
    background-color: #D71119 !important;
}
@media only screen and (max-width: 1100px){
	.timeline-navigation#leftNav, .timeline-navigation#rightNav {
		display: block !important;
		top: 0 !important;
	}
}

.awsm-selectric .label{
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    margin-top:7px;

 } 
.awsm-selectric-scroll ul li{
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    margin-top:7px;
}
.resume-submit-form .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
}
.resume-submit-form textarea.form-control{
     padding: 0.475rem 1rem;
    color: var(--secondary);
    height: 100px;
    border-radius: 15px;
    border: 1px solid #DDD9D9;
}

.resume-submit-form .form-control{
width:auto;
}
.contact-detail .contact-form form textarea.form-control {
    width: 100%;
} 
.count-item .counter_plus{
    font-family: 'cera-pro-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    letter-spacing: -0.015em;
    color: var(--purble) ;
}
.case-study-link p{
    color: #000000;
}
.owl-carousel .owl-item img{
    object-fit: cover;
}
.search-item a{
    color: var(--bs-heading-color);
}
.job-card .job-desc em svg{
    color: #000000;
}
.awsm-job-item-ccs .job-desc p{
    color: #000000;
}

.social-icon-block{
    display: flex;
     
}
.social-icon-block .social-share-text{
    position: relative;
    top: 14px;
}

.aboutus .profile-detail .linkdin-link{
    color: white;
    cursor: pointer;
}

.aboutus .profile-detail .linkdin-link:hover {
    color: #c147e9;
    background: var(--white);
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
}


.count-item .counter_distinct{
    font-family: 'cera-pro-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    letter-spacing: -0.015em;
    color: #C464EC !important;
 }

 li.no-cursor a{
    cursor:default;
 }

 .casestudy-section p.idot{
    background-image: url('assets/imgs/arrow-r-red.svg');
    background-repeat: no-repeat;    
    padding-left: 32px;
    background-size: 24px;
    background-position: 0 3px;
 }

 .casestudy-content .card-img .wp-post-image{
    height: 250px;
    object-fit: cover;
 }

 .casestudy-content .card-desc-title:hover{
    color:#ED1C24;
 }

 .adt-carousel .card-img img{
    width: 100%;
    height: 250px;
 }

 .indus-wrap-item a{
    cursor: default;
 }

 .no-cursor p a{
    cursor:default;
 }

 
.milstone .horizontal-timeline .events a.older-event::after{
    background-color: #ED1C24;
}

.single-job-section .inner_description{
    background-image: url('assets/imgs/arrow-r-red.svg');
    background-repeat: no-repeat;
    background-position: 0em;
    padding-left: 50px;
 }

 .single-job-section p.inner_title{
    background: none;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 1.5rem !important;
    padding-left: 0px;
 }

 .cloudification .card-img img{
    width: 450px;
    height: 300px;
 }

 /*************************************************/
/*           Updates from 24.12.2022   start          */
/*************************************************/


 p.list-icon {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    position: relative;
    color: #666;
}
 p.list-icon::before {
    border: none;
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    vertical-align: middle;
    left: 2px;
    top: 6px;
    position: absolute;
    color: #ED1C24;
    font-size: 9px;
  }
  
  .list-wrap h5 {
    width: 100%;
    font-size: 18px;
    margin: 0 0 15px 0;
    text-align: center;
}

.dark-card{
    padding: 30px;
    display: flex;
    align-items:center;
    border-radius: 15px;
    background:#12171D;
}
.dark-card h5{
    color:#fff;
    font-size:24px;
    padding-left:20px;
}


.card.db-service-block{
    height: 90%;
}
.card.db-service-block .card-icon{
    align-items: flex-start;
    padding: 0 20px;
    background: transparent;
    width: 52px;
    height: auto;
}
.card.db-service-block p.list-icon{
	text-align:left;
}
.card.db-service-block .content {
    text-align: left;
}

.card.db-service-block h2{
    font-size: 18px;
}
.sap-list.grey-card {
    justify-content: flex-start;
    padding: 30px;
}
.sap-list.grey-card h5{
    text-align: left;
}
.sap-list.grey-card .list-icon{
    text-align: left;
}
.powerp p.arrow-bullet a.link,
.weoffer .card p.arrow-bullet a.link,
.arrow-bullet a.link {
    margin-left: 15px;
}

.sap-basis .grey-card h5{
	margin: inherit;
}

.sap-basis .grey-card p{
	margin-bottom: 10px;
}

 /*************************************************/
/*           Updates from 24.12.2022   end          */
/*************************************************/

.page-template-ms-services .arrow-bullet a{
    cursor:default;
}
.page-template-web20 .arrow-bullet a{
    cursor:default;
}

@media (max-width: 991.98px) {
	.cloudadv .purple-block{
		margin-bottom:20px;
		    height: 95%;
	}
	
	.workload .purple-block{
		margin-bottom:20px;
		    height: 95%;
	}
	.devconsulting .purple-block{
		margin-bottom:20px;
		    height: 95%;
	}
	.adopt-dev .grey-card{
		margin-bottom:20px;
		    height: 95% !important;
	}
	
	.sap-basis .grey-card{
		margin-bottom:20px;
		    height: 95% !important;
	}
	
	.navbar ul.navbar-nav{
		border-top:none;
		margin-top:0;
		padding:0 !important;
	}
	
	.tools-logos{
		flex-wrap: wrap;
	}
	.tools-logos .tools-logo{
		width:20%;
		margin-bottom:20px;
	}
	.tools-logos .tools-logo img{
		width:100%;
	}
	.auto-section .card .txt-img{
		flex-wrap: wrap;
	}
	.auto-section .card .txt-img img{
		width: 90%;
		max-height: 48px;
		object-fit: contain;
		margin-top: 20px;
	}
	
	.auto-section .dp-list .dp-title{
		font-size: 18px;
	}
}
@media (max-width: 767.98px) {
.content-block {
    padding: 0 20px;
}
}

@media (min-width: 992px) {
  .card5{
    margin: 0 10px !important;
  }
	
	#menu-main-menu .dropdown-menu {
		left: -20px;
	}
	
/* 	.clientstory-carousel .card-2 .card-desc-title{
		min-height: 90px;
	} */
}

.f-bold{
    font-family: 'cera-pro-bold';
}

.rtoa .card-2 {
  height: 100%;
}

 

@media only screen and (max-width: 1224px) and (min-width: 991px)  {
	.navbar-nav .nav-link{
        font-size:14px;
            }
	.navbar .navbar-nav .nav-link {
		margin-right: 10px;
	}
	#navbarCollapse .btn-outline-primary{
		font-size:14px;
		padding: 5px 10px;
	}
	.fixed-top.color-dark .navbar-brand .logo-red{
		width:110px;
	}
}

@media (max-width: 767.98px) {
	.rtoa .card-2 {
	  height: auto;
	}
	
	.partner-item img {
		object-fit: contain !important;
		max-height: 100%;
	}
	
	.card5{
		margin:10px 0;
	}
	
	.banner-section .row {
		display: flex;
		flex-direction: column;
	}
	.b-style2 .row {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.ourpartner .border-l{
		border:none;
	}
	
	.contact-banner .content-grid.mt-5.p-40{
		padding-top: 0;
		margin-top: 0 !important;
	}
	.steps-block .steps-card {
		width: 100%;
		}
	
	.tab-pane .img-block .block-img img {
		object-fit: contain;
		height: 100%;
		width:auto;
	}
	
	.webinar-content .card-2{
		height:100%  !important;
	}
	
	.career-banner{
		height: 720px;
	}
	
	.about-banner{
		height: 640px;
	}
	.aboutus .our-milstone {
		height: auto;
	}
	.jtoc-card::before {
    	right: calc(50% - 16px) !important;
		top: auto !important;
	}
	.cloudndev .horizontal-tabs{
		    height: auto;
	}
	.cloudndev .horizontal-tabs .nav-tabs{
		flex-wrap:wrap;
	}
	
	.cloudndev .horizontal-tabs .nav-tabs button{
		width: 100% !important;
		margin:5px 0 !important;
	}
}

.enhance .card-2{
	 height: 95% !important;
}


.card-3 .card-3-img {
	width: initial;
	max-width:100%;
	height: 100%;
    object-fit: fill;
}

.zindex-0{
	z-index:0 !important;
}

.card5-thumb img{
	width:100%;
}

.social-icon-block .norm_row{
	width: auto !important;
}
@media (pointer: coarse) and (hover: none) {
	header video {
    display: block;
  }
}


@media (min-width: 767.98px) and (max-width: 1199.98px) {
	.contact-detail .contact-card {
		padding: 20px;
	}
	.casestudy-content .nav_section {
		display: block;
	}
	.cloudndev .horizontal-tabs{
		height:auto;
	}
}

.tab-pane .img-block .block-img img{
	width: auto;
    object-fit: fill;
}

.casestd .casestudy-contents .card-2.bg-white {
    background-color: #f5f6f8 !important;
}

.casestd .casestudy-contents .card-2.bg-white:hover {
    background-color: #ffffff !important;
}

.casestd .casestudy-contents .card-2{
	height: 95%;
}

.dev-support .white-card{
	 justify-content: flex-start;
}


.core-value .core-value-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767.98px) {
  .core-value .core-value-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.core-value .core-value-item .core-value-img {
  width: 50%;
}

@media (max-width: 767.98px) {
  .core-value .core-value-item .core-value-img {
    width: 100%;
  }
}

.core-value .core-value-item .core-value-desc {
  width: 50%;
  padding: 40px;
  background: #2D033B;
  color: var(--white);
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 991.98px) {
  .core-value .core-value-item .core-value-desc {
    font-size: 20px;
    padding: 30px;
  }
}

@media (max-width: 767.98px) {
  .core-value .core-value-item .core-value-desc {
    width: 100%;
    padding-bottom: 80px;
  }
	.contact-detail .contact-form form input.form-control{
		width:100%;
	}
	.sfsi_shortcode_container .sfsi_wicons {
		margin-bottom: -29px !important;
	}
}

.core-value .owl-nav {
  position: absolute;
  width: 120px;
  bottom: 40px;
  left: calc(50% + 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 1;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .core-value .owl-nav {
    bottom: 25px;
  }
	
	#leftNav a {
		position: relative !important;
		top: -175px;
	}
	
/* 	.clientstory-carousel .card-2 .card-desc-title{
		min-height: 110px;
	} */
}

@media (max-width: 767.98px) {
  .core-value .owl-nav {
    left: 30px;
    bottom: 20px;
  }
	
	.digital-platform {
    	display: flex !important;
		flex-wrap: wrap;
	}
	.automation .card-2 {
		height: 95%;
	}
	.topline .topline-icon-block .topline-icon-list img {
		width: 64px;
		height: 64px;
	}
	.sap-tab .sap-set .sap-set-item{
		width:100%;
	}
	.footer .footer-logo{
		margin-top: 20px;
	}
	
	.ebw-card .card-3{
		margin:0 0 20px;
	}
	
	.carousel-card .carousel-card-desc {
		margin: 0 20px !important;
		width: 100%;
	}
	.devsecops-carousel .grey-card{
		width: 100%;
	}
	
	.courier-vision .SubH1 {
		font-size: 28px;
	}
	.blog-section{
		padding: 0 20px;
	}
	
	.aboutus .story-box{
		padding-right:20px;
	}
	
	.counters .row .col-md-3{
		    border-bottom: 1px solid rgba(18, 23, 29, 0.1);
	}
	.counters .row .col-md-4{
		    border-bottom: 1px solid rgba(18, 23, 29, 0.1);
	}
	.counters .row .col-md-3:nth-last-child(1),.counters .row .col-md-4:nth-last-child(1){
		border-bottom: none;
	}
}

.core-value .owl-nav .owl-prev,
.core-value .owl-nav .owl-next {
  position: relative;
  color: var(--primary);
  -webkit-transition: .5s;
  transition: .5s;
  padding: 6px 5px;
  border-radius: 50px;
}

.core-value .owl-nav .owl-prev img,
.core-value .owl-nav .owl-next img {
  width: 100%;
}


@media (max-width: 991.98px) {
  .core-value .owl-nav .owl-prev,
  .core-value .owl-nav .owl-next {
    width: 40px;
    height: 40px;
  }
	
	.aboutus .our-milstone {
		height: auto;
		min-height: 50vh;
	}
	.digitalcore .tb-space{
		padding:0;
	}
	.digitalenabler .tb-space{
		padding:0;
	}
	.casestudy-content .nav_section {
	  display: block;
	}
	
	.awsm-grid-item{
		width:50%;
	}
	.casestd .casestudy-content{
		padding: 0 20px;
	}
	
	
}

.core-value .owl-nav .owl-next:hover {
  background-color: var(--primary);
}

.core-value .owl-nav .owl-prev:hover {
  background-color: var(--primary);
}

@media (min-width: 768px){
	.corevalue-carousel::before{
        content: "";
        background: rgba(109, 64, 133, 1);
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0;
    }
	.maxw-100 {
		max-width:100% !important;
	}
	.contact-detail .contact-form form input{
		width:98%;
	}
	.digital-platform .dp-logos img {
    	max-height: 42px;
	}
}

.about-ccs-map{
    text-align: center;
}

.aboutus .Milestones-cnt .Milestones-box{
	background: rgba(45, 3, 59, 0.7) !important;
}
.aboutus .Milestones-cnt .Milestones-box::after{
	border-bottom-color:rgba(45, 3, 59, 0.7) !important;
}

.owl-carousel .owl-stage {
  display: flex;
}
.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.card-2 .card-desc-title {
    font-size: 22px;
}

.blog-title-link .card-desc-title{
	font-size: 20px;
	margin-bottom:0;
}


.footer .services ul{
	padding-left:0 !important;
}
.blog-content .card-2 {
    height: 95%;
}

.job-card .job-title {
	font-size: 18px;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
    padding: 6px 12px;
}

@media (min-width: 992px) {
	.navbar-brand {
		margin-right: 40px;
	}
	
	.simplisub{
		padding: 40px;
	}
	.navbar .dropdown-toggle::after{
		display:none;
	}
	
	.fixed-top.color-dark .navbar .navbar-nav .dropdown-toggle.nav-link:hover span{
		/*border-bottom: 2px solid #ED1C24;*/
	}
	
	.casestudy-content .nav_section .nav-link a{
		 padding-right: 60px;
	}
	
	.testimonial-carousel .testimonial-item .testimonial-text{
		width: auto;
	}
	
	.mobile-nav{
		display: none;
	}
}

.div-content {
    max-width: 1100px;
    margin: 0 auto;
}
a.case-study-link {
    width: 100%;
}

.stakeholder .icon-grid-list:hover .grid-icon{
	    animation: none;
}
.count-item .counter, .count-item .cplus{
	    font-size: 48px;
}

.apds .card-2{
	height: 95%;
}
.sdt-wrap .sdt-wrap-item{
	padding: 5px !important;
}


.grid-wrap-trust{
    color: #ffffff;
    text-align: center;
}
.grid-wrap-trust h1{
    color: #ffffff;
    text-align: center;
}

.grid-wrap-trust .career-slogan-box{
    max-width: 1066px;
    margin: 10px auto;
}

.career .testimo-card { height:100%;} 

.scroll-downs {
    position: absolute;
/*     top: 75px; */
    right: 0;
    bottom: 80px;
    left: 0;
    margin: auto;
    
    width :34px;
    height: 55px;
  }
  .mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
  }
  .scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
  }
  @keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
  }

@media (min-width: 768px) and (max-width: 991.98px){
	.carousel-card img {
		display: block !important;
	 }
	
	.carousel-card .carousel-card-desc {
    	position: absolute !important;
    	bottom: 20px !important;
    	right: 20px !important;
	}
	
	.simplisub{
		padding:20px !important;
	}
	
	.counter_distinct {
		font-size: 28px !important;
		line-height: 70px;
	}
	.benefit-grid{
		height: auto;
	}
	.benefit-grid .benefit-list{
		height: auto;
		justify-content: initial;
	}
	.tabs-container ul.nav button span{
		bottom: auto;
	}
	
	.rtoa .card-2 {
		height: 95%;
		margin-bottom: 20px;
	}
	.jtoc-card::before{
		right: -10px;
	}
	.saphana .saphana-card .saphana-card-item {
		width: calc(50% - 10px);
	}
}

.topline .topline-icon-block .topline-icon-list:hover img {
    animation: none;
}
.bg-lightdark{
	background: #323338 !important;
}

.zindex-1 {
    z-index: 1;
    position: relative;
}

.carousel-card:hover {
    animation: none !important;
}
.casestudy-contents .alm-btn-wrap{
	text-align:center;
}

.testimo-card .testimo-img{
	    width: 140px;
    height: 140px;
    margin-bottom: 20px;
}
.testimo-card .testimo-msg::after{
	opacity:0.3;
}

.horizontal-timeline .events-content .progressBarWrapper{
	display: none;
}

.navbar .dropdown-menu .subhead:hover a{
	color: #12171D;
}
.navbar .dropdown-menu .subhead .dropdown-item:hover{
	color: #12171D;
}

.core-value .saphana .saphana-card .saphana-card-item{
	color: #ffffff;
	padding: 40px 30px;
	text-align: center;
	background: #6D4085;
	border-radius: 20px;
}
.core-value .saphana .saphana-card .saphana-card-item p{
	color: #ffffff;
}

.core-value .saphana .saphana-card .saphana-card-item:nth-child(even){
	background: #2D033B;
}

.client-testi .testimonial p{
	color: #ffffff;
}
.client-testi::before{
	    background: #512560;
}

.clientstory-carousel .digital-platforms img{
height: 300px;
width: 100%;
}

.clientstory-carousel .card-2 .card-desc-title{
	display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-item .testimonial-img {
    width: 180px;
    height: 180px;
    float: left;
}
.testimonial-item .testimonial-text {

    z-index: 2;
    position: relative;
	width: calc(100% - 180px);
}

.testimonial-item .testimonial-img img {
    z-index: 2;
    position: relative;
    width: 180px;
    height: 180px;
}
@media (max-width: 991.98px){
	.testimonial .testimonial-item {
		flex-wrap: wrap;
	}
	
	.testimonial-item .testimonial-text {
		width: 100% ;
		margin: 0 !important;
	}
	
	.testimonial-item .testimonial-img{
		margin-bottom:30px;
	}
	
	.wwmst {
		padding: 0 !important;
		width: 65%;
	}
}

@media (max-width: 767.98px){
	.aboutus .profile-detail .modal-header .team-detail {
		width: 100%;
	}
	.adchide.tb-space{
		padding:0 !important;
	}
	.cloudndev .horizontal-tabs .nav-tabs .nav-link:hover{
		color: #12171D;
		border-bottom: 4px solid transparent;
	}
	.cloudndev .horizontal-tabs .nav-tabs .nav-link.active {
		color: #ED1C24;
		border-color: #ED1C24;
	}
	.dark-card.mbcustom{
		margin-bottom:20px;
	}
	.wwmst {
		padding: 0 !important;
		width: 85%;
		margin-left: 15px;
	}
	.auto-section .dp-list{
		margin:0;
	}
	.cloudndev .grey-card{
		margin-bottom:20px;
		height:95% !important;
	}
}

.mws .topline .topline-icon-block .topline-icon-list img {
    width: 64px;
	height:64px;
	object-fit: contain;
}

.footer .contact li{
	margin-right:5px;
}

.devsecops-carousel .grey-card{
	width: 100%;
}

.hpage .testimonial-item .testimonial-text{
	width:auto;
}

.copyright{
	background: #1F262E;
	padding:20px 0;
	color:#fff;
	text-align: center;
	font-size:14px;
}
.card-h{
	height: 100%;
}
@media (max-width: 767.98px){
	.card-h{
		height: 95%;
	}
}

.case-filter {
    padding: 10px 0 !important;
}
.case-filter .nav-link{
	border-bottom: 1px solid #D9D9D9;
	border-radius: 0 !important;
	margin:  0 !important;
	padding: 15px 20px !important;
}
.case-filter .nav-link.active{
	background: transparent !important;
}
.case-filter .nav-link:hover{
	background: transparent !important;
}

.case-filter .nav-link.active a{
	    color: var(--primary) !important;
}

.case-filter .nav-link:hover a{
	color: var(--primary) !important;
}

.case-filter .nav-link:nth-last-child(1){
	border-bottom: none !important;
}

.case-filter .nav-link a{
	color: var(--secondary) !important;
	font-family: 'cera-pro-bold';
}

.about-card .saphana-card .saphana-card-item img {
    max-width: 64px;
    width: 100%;
    max-height: 64px;
    height: 100%;
    margin: 0 auto 20px;
}
.about-card .saphana-card .saphana-card-item h4 {
	font-family: 'cera-pro-bold';
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 8px;
}

.about-card .saphana-card .saphana-card-item p{
	font-size: 16px;
	text-align: center;
	color: #E5B8F4 !important;
	margin-bottom:0;
}
@media (max-width: 991.98px){
	.about-card {
		width: 100%;
		justify-content: center;
	}
	
	.about-card .saphana-card .saphana-card-item{
		width: calc(50% - 20px);
	}
}

@media (max-width: 767.98px){
	.about-card .saphana-card .saphana-card-item{
		width: 100%;
	}
	.ch-auto{
		height: auto !important;
		background-size: auto !important;
	}
}

.btn-check:focus + .btn, .btn:focus{
	    background-color: initial;
    border-color: initial;
}

.btn-outline-red:focus {
    border-color: var(--primary);
    color: var(--primary);
}
.dropdown-menu .subhead{
	pointer-events: none;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip{
	display:none;
}
.btn-center .wpcf7-submit {
	text-align:center;
	background-color: red;
    border: 1px solid red;
	color:#ffffff;
	display:block;
	margin:0 auto;
}

.color-primary{
	color: var(--primary);
}

.background{
      position: absolute;
      top: 0;
      z-index: -1;
      max-width: 100%;
	object-fit: cover;
    height: 100%;
	width: 100%;
}

.blog-content .card-2 .card-desc-title {
    font-size: 22px;
}

.details-page .businessbenefits p{
	    background-position: 0 3px !important;
}

.details-page p.list-icon{
	margin-bottom:10px !important;
}

.single-job-section p.list-icon{
	margin-bottom:10px !important;
}

.webinar-content .card-2{
	height: 100%;
}
@media (max-width: 767.98px){
	.webinar-content .card-2{
		height: 95%;
	}
	.grid-head .grid-col{    
    font-size: 18px;     
	
  }
}

/* update footer */
.socialmedia{
    @include media-breakpoint-down(lg) { 
        margin-bottom: 30px;
    }
}
.footer hr {
    border-top: 2px solid #1F262E;
}
.footer .services li{
    display: flex;
    align-items: center;
}
.arrow-right-icon{
    background: url('assets/imgs/arrow-right.svg') no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: block;
}
.footer .services span {
    font-family: 'cera-pro-bold';
}
.footer h5 {
    font-family: 'cera-pro-bold';
    font-size: 20px;
}
.footer .contact li {
    display: flex;
    align-items: flex-start;
}
.footer .contact span{
    font-family: 'cera-pro-bold';
}

a.awsm-load-more.awsm-load-more-btn { 

display: block; 
width: 240px;
margin: 0 auto !important; 
color: #000000; 
border-radius: 27px;
padding: 15px 20px;
} 
a.awsm-load-more.awsm-load-more-btn:hover {
    background: #000000;
    color: #FFFFFF;
}


/* Data intelligence pages*/

.benefit-list.text-center .topline-icon-list{
    text-align: center;
}

.p-20{
	padding: 20px;
}

.pb-60{
	padding-bottom: 60px;
}

.bg-light-grey{
	background: #f5f6f8;
}
.pr-30{
	padding-right: 30px;
}

.m-10{
	margin: 10px;
}
.pb-20{
	padding-bottom: 20px;
}
.pt-20{
	padding-top: 20px;
}
.pt-10{
	padding-top: 10px;
}
.br-10{
	border-radius: 10px;
}
.pdlr-20{
	padding-left: 20px;
	padding-right: 20px;
}
.sub-heading{
	color: #666;
	text-align: center;	
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.36px;
}

.owl-item.active.center{
	display: flex;
	justify-content: center;
}
.ai-tools .card-desc-icon{
	width:auto;
	display: flex;
justify-content: center;
align-items: center;
}
.ai-services .jtoc-card .jtoc-count{
	width: 110px;
height: 110px;
z-index: 1;
position: relative;
background: #C147E9;
margin: 0 auto;
  margin-bottom: 0px;
margin-bottom: 20px;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--white);
font-size: 48px;
line-height: 64px;
}

.ai-services .jtoc-card::before{
	content:none;

}

.webinar-count-items{     
    background: #C147E9;
    color: #ffffff;     
    text-align: center;    
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 10px; 

}
.webinar-team-member{
    color: #C147E9;
text-align: center; 
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 166.667% */
letter-spacing: -0.36px;
}

.hr-line{
    width: 100%;
    height: 1px;     
    background: #D9D9D9;
}

.banner-tag-webinar{
    max-width: 520px; 
    left: 0;
    z-index: 1;
    background: var(--secondary);
    padding: 0 12px 0 0;
	width: fit-content;
    
}
.banner-tag-webinar p{
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.banner-tag-webinar p:before{
     width: 12px;
     height: 45px;
     background: red;
}
.purple-v-line{
    width: 8px;
height: 55px;
flex-shrink: 0;
background: #C147E9;
margin-right: 15px;

}
.webinar-form .contact-form-webinar-new{
position: relative;
width: 100%;
background: #f6f6f6;
border-radius: 20px; 
padding: 30px; 
top: 20%; 
max-width: 480px;
}
.casestudy-section .list-style p{
	display:block;
}
.btn-webinar-register{
    color: #ffffff;
    background: #ED1C24;
    margin-top: 40px;

}

.overlay-purple {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(98deg, rgba(193, 71, 233, 0.50) 2.82%, rgba(45, 3, 59, 0.50) 97.97%);
  opacity: 0.75;
  z-index: 1;
}
.webinar-container .card-2 .card-desc{
    padding: 10px;
}
.webinar-container .card-2 .card-desc-title{
    color: #666;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    letter-spacing: -0.3px;
}
.webinar-container .card-2 .card-desc p{
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.24px;
}
.webinar-bold-subtitle{
    color: #666;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.36px;
}

.webinar-team .teams-profile .team-detail{
    padding-bottom:20px;
}

.webinar-team .teams-profile .team-detail p{
    margin-bottom:0;
    color: #12171D; 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
}
.webinar-team .teams-profile .team-detail strong{
    color: #12171D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
}

.webinar-container .card-2{
   width: calc(100% - 50px); 
}

.webinar-team .flex-wrap{
    align-items: center;
    justify-content: center;
}

.webinar-banner .mb-4{
    margin-bottom: 10px !important;
}

.webinar-banner .webinar-sub-head{
    margin-top: 70px;

}

@media (max-width: 480px){
 .webinar-container .card-2 .card-desc p{
    font-size: 12px;
}
.webinar-banner .banner-desc p{
    font-size: 12px;
}
.webinar-banner .mb-4 {
  margin-bottom: 30px !important;
}
.btn-webinar-register {  
  margin-top: 30px;
}
}

@media (min-width: 1300px) and (max-width: 1920px){
	.webinar-hero{
		width:100% !important;
		padding-left: 3rem !important;
		padding-right:3rem !important;
	}
}

.webinar-card{
	.card-2:hover{
		 animation: none !important;
	}
}
.btn-webinar-register:focus {
    color: #ffffff !important;
    background: #ED1C24 !important;
	border: none !important;
}
 
.casestudy-content-block{
    max-width: 1000px;
    margin: -200px auto 0px auto;
    z-index: 2;
    position: relative;
    background: #fff;
    padding: 50px 30px;
    border-radius: 30px;

filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.10));
  }   

  .casestudy-download-wrap{
    border-top:1px solid #D9D9D9;
    padding: 40px 40px 0px 0px; 
  }
  .btn-red-border-text{
    border:1px solid #ED1C24; 
    color: #ED1C24;
    text-align: center;
    font-family: 'cera-pro-regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.36px;
    justify-content: center;
    display: flex;
}
  
.blog-content-block{
    max-width: 1000px;
    margin: 0 auto;
}
.blog-banner-tag{      
    background: rgba(18, 23, 29, 0.80);    
    height: 54px;    
    align-items: center;
    padding: 12px 16px; 
    border-left: 8px solid #C147E9; 
}
.blog-banner-tag p{
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'cera-pro-regular';

}

.cs-featured-blogs .card-2 .card-desc p{
    color: #666;    
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.27px;
}
.cs-featured-blogs .card-2 .card-desc .read-more a{
    color: #ED1C24;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: -0.36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;

}
.cs-featured-blogs .card-2 .card-desc .read-more a:hover{
    color: #ffffff;

}
.blog-section p.idot {
  background-image: url('assets/imgs/arrow-r-red.svg');
  background-repeat: no-repeat;
  padding-left: 32px;
  background-size: 24px;
  background-position: 0 3px;
}

.casestudy-content-block .SubH1{
    color: #12171D;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blog-section .SubH1{
    color: #12171D;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.featured-blogs .cs-featured-blogs .card-2 {
    background-color: #F7F8FC !important;
    
}
.cs-featured-blogs .card-2 .card-desc .featured-category{
    justify-content: flex-start;
}

.cs-featured-blogs .card-2 .card-desc .featured-category .cat-name{
    color: #FFFFFF;     
         
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0px 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 257.143% */
    letter-spacing: -0.21px;
}
.cs-featured-blogs .card-2 .card-desc .featured-category.blog .cat-name{
    background: #18A0FB;
   
}
.cs-featured-blogs .card-2 .card-desc .featured-category.casestudy .cat-name{
    background: #2D033B;
   
}
.cs-featured-blogs .card-2 .card-desc .featured-category.articles .cat-name{
    background: #C147E9;
   
}
.cs-featured-blogs img{
    height: 300px;
    object-fit: cover;
}
.cs-featured-blogs .card-2 .card-desc .card-desc-title {
    color: #12171D; 
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.36px;
}
@media (max-width: 767.98px) {
.casestudy-content-block .SubH1{    
    font-size: 36px;    
}
.blog-section .SubH1{    
    font-size: 36px;    
}
.blog-banner-tag p{
    font-size: 18px;
}

}
@media (min-width: 768px) { 
    .cs-featured-blogs .card-desc .card-desc-inner { 
    height: 280px;       

} 

} 


@media (min-width: 1200px) { 
    .cs-featured-blogs .card-desc .card-desc-inner { 
    height: 200px;

} 

} 

.fixed-top{
    position: sticky;
}

/* css for top optin */
.bg-purple {
    background-color: #553370;
}
.join-webinar-register {
  color: #ffffff;
  background: #ED1C24; 
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;  
}
.join-webinar-register:hover{
  color: #ED1C24;
  background: #ffffff;   
}
.top-webinar-optin h3{
    font-size: 1.5rem;
}
.top-webinar-optin h5{
   font-size: 1rem;
}

@media (max-width: 480px) {
    .top-webinar-optin{
        padding: 30px 0px;
    }

    .join-webinar-register{
        margin-top: 20px;
    }
}
/* css for top optin */

thead, tbody, tfoot, tr, td, th {
    border-color: #000000;
    border-style: solid;
    border-width: 2px;
}
th{
    vertical-align: top;
}

.webinar-content .card-img img{
    height: 225px;
    object-fit: cover;
}

.sap-title-block .hana{
    margin: 0px;
}

.sap-title-block .sapb1{
    font-size: 20px;
    padding: 8px 30px;
}
.sap-title-block{
    padding: 10px 0px;
}

@media (max-width: 480px) {
    .sap-title-block .sapb1{
    font-size: 16px;
    padding: 10px;
}
.sap-title-block .hana{
    font-size: 16px;
    margin-bottom: 10px;
} 
}

/*SAP B ONE*/


.video-container {
  position: relative;
}

.video-overlay {
  position: relative;
  top: 70%;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #ffffff; /* Adjust the overlay background color and opacity */
  color: #000000;
  text-align: left;
  padding: 7px 20px;
  box-sizing: border-box;
  z-index: 2;
  opacity: 1;
}

.video-overlay h1 {
  font-size: 16px;
  line-height: 12px;
  font-weight: 700;
}

.video-overlay p {
  font-size: 12px;
}

.owl-stage-outer .owl-stage{
  display: flex;
  justify-content:center;
  align-items: center;
}

.sap-b-one .card {
  background: #F5F6F8;
  padding: 30px 20px 20px;
  height: 95%;
  pointer-events: none;
}
.mr-24 {
  margin-right: 24px;
}

.sap-b-one .card h2 {
  font-size: 20px;
  font-family: 'cera-pro-bold';
}

.sap-b-one .card .card-icon {
  width: 64px;
  height: 64px;
  background: none;
  border-radius: 50%;
  padding: 10px;
}
.sap-b-one .SubH1{
    font-size: 48px;
}
.sap-b-one .count-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sap-b-one .count-carousel .counter-item {
  width: 100%;
  border-right: 1px solid #C464EC;
}

.br-b{
  border-bottom: 1px solid #D9D9D9;;
}
.br-r-l{

  border-right: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;

}

.team-item .card .card-icon{
  width: 145px;
  height: 145px;
}

.team .team-item .card{
  background-color: #0C1014;
  color: #ffffff;
  
}

.sap-growth-section img{
  width: 100%;
  height: 100%;
  object-fit: cover;  
}

.color-pink{
  color: #E5B8F4;
}
.fs-32-light{
  color: #666;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -0.48px;

}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #e6e6e6;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #3D065F;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}
.sap-b-one .card {
  background: #F5F6F8;
  padding: 30px 20px 20px;
  height: 95%;
  pointer-events: none;
}

.carousel-card .card-2 .card-desc-title{
  font-size: 20px;
  min-height: 50px;

}
.de-carousel .card-2 .card-desc{
  padding: 20px;
}

#to-show {
  display: none;
  color: red;
  position: absolute;
  top: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.95);
  color: #12171D;
  text-align: center;
  font-size: 18px;
  font-family: Cera Pro;
  line-height: 40px;
  letter-spacing: -0.27px;
  width: 90%;
  padding: 10px;
  margin: 0px 10px;
}
#to-hover:hover > #to-show {
  display: block; 
  
}
#to-show h5{
  color: #12171D;
text-align: center;
font-size: 18px;
font-family: Cera Pro;
line-height: 30px;
letter-spacing: -0.27px;
}

.h-48{
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.72px;
}

.sap-b-one .blog-carousel .card-2 .card-img img {
  height: 250px;
}
.sap-b-one .bg-red {
  background-color: #18A0FB !important;
}
.sap-b-one .blog-carousel .pd-5 {
  padding: 5px;
}
.sap-b-one .card-2 .card-desc-title {
  font-size: 24px;
}

.sap-b-one .card {
  background: #F5F6F8;
    background-color: rgb(245, 246, 248);
  padding: 30px 20px 20px;
  height: 95%;
  pointer-events: none;
}

.sap-b-one .btn-outline-white {
  border-color: var(--white);
  color: var(--white);
}

.sap-b-one .btn-outline-white:hover {
  background: var(--white);
  border-color: var(--white);
  color: var(--secondary);
}
.sap-b-one .owl-carousel .owl-item{
    display: block;
}
.sap-b-one .contact-form{
    position: relative;
    top:0px;
    background: #FFFFFF;
}

.rpa-contact {
  position: relative !important;
  top: 0 !important;
  background: transparent !important;
}

.rpa-contact .checkbox-inline {
  margin-right: 20px;
  vertical-align: middle;
}

.rpa-contact input[type="checkbox"] {
  border: 2px solid #DDD9D9 !important;
}

.rpa-contact input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.checkbox-wrap {
  margin: 0;
  padding: 0;
}

.checkbox-wrap li {
  list-style: none;
  margin: 20px 20px 20px 0;
  float: left;
}

.video-wrap video {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.rpa-overlay {
  width: 100%;
}

.fixed-top.nofix {
  position: relative;
}

.fixed-top.nofix .navbar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fixed-top.nofix .navbar p {
  margin: 0;
}
.sap-b-one .contact-detail .contact-form form .btn{
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: #FFFFFF;
  width: auto;
}

.sap-form .wpcf7-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

.sap-form .wpcf7-checkbox input[type=checkbox] + span {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.sap-form .wpcf7-list-item-label::before{
    content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 5px;
  border: 2px solid #DDD9D9;
}



.sap-form .wpcf7-checkbox input[type=checkbox]:checked {
  accent-color: green;
}

.sap-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: #ED1C24;
  border: 2px solid #ED1C24;
}

.sap-form .wpcf7-checkbox input[type=checkbox]:hover + span:before {
  background: #ED1C24;
  border: 2px solid #ED1C24;
}

.sap-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: #ED1C24;
  border: 2px solid #ED1C24;
}

.sap-form .wpcf7-checkbox input[type=checkbox]:disabled + span {
  color: #b8b8b8;
  cursor: auto;
}

.sap-form .wpcf7-checkbox input[type=checkbox]:disabled + span:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ddd;
}


.sap-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 11px;
  background: white;
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
          box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sap-form .form-control{
    border:none;
}

.sap-b-one .count-carousel .counter-item:nth-last-child(1) {
  border: none;
}
@media (max-width: 767.98px) {
  .sap-b-one .SubH1 {
    font-size: 28px;
  }
  .sap-b-one .carousel-card img {
    display: block !important;
  }
   .sap-b-one .count-carousel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sap-b-one .count-carousel .counter-item {
    border-bottom: 1px solid #C464EC;
    border-right: none;
  }
  .team-item .card{
   align-items: center;
   text-align: center;
  }
}
.count-carousel .counter-item:nth-child(even) .count-item span {
    color: #c464ec;
}
@media (max-width: 991.98px) {
  .socialmedia {
    margin-bottom: 30px;
  }
  .br-r-l{
    border-right: none;
    border-left: none;
  }
  .br-bt-md{
    border-bottom: 1px solid #D9D9D9;
  }
  .br-lt-md{
    border-left: 1px solid #D9D9D9;
  }

}
@media (max-width: 767.98px) {
  .br-lt-md{
    border-left: none;
  }
  .mr-24{
    margin-right: 0px;
  }
  .pd-m-10{
    padding: 10px;
  }
}
/*SAP B ONE*/

/*10-11-2023 basheer start*/
.purple-grad{
  background: linear-gradient(90deg, #2D033B 0%, #C147E9 100%);
  
}
.webinar-wrap{
  padding: 14px 40px;
}
.webinar-cnt{
  gap:40px ;
}
.webinar-cnt h3{
  font-size: 20px;
  margin: 0;
}
.outline-btn{
  padding: 7px 28px;
  border: 1px solid #fff;
  border-radius: 100px;
  color: white;
  line-height: normal;
  transition: all ease .3s;
}
.outline-btn:hover{
  background: white;
  color: #C147E9;
}
.close-webinar{
  outline: 0;
}
.close-webinar:hover{
  border: none;
  outline: none;
}
.navbar .navbar-nav .nav-link{
  padding: 23px 0;
}
.navbar .navbar-nav .nav-link span{
  position: relative;
}
.navbar .navbar-nav .nav-link span::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -8px;
  left: 0;
  background: #ED1C24;
  transition: transform 0.3s;
  transform: scaleX(0);
  transform-origin: right;
}
.navbar .navbar-nav .nav-link:hover span::after{
  transform: scaleX(1);
  transform-origin: left;
}

/*10-11-2023 basheer end*/

.contact-detail .contact-card p{
	margin-bottom: 0px;
}

.page-template-white-papers .blog-date{
    display: none;
}
.white-paper-section p.idot {
    background-image: url(assets/imgs/arrow-r-red.svg);
    background-repeat: no-repeat;
    padding-left: 32px;
    background-size: 24px;
    background-position: 0 3px;
}
/* press releases start  */

 .single-post .press-releases .attachment-post-thumbnail{
object-position: top left;
}
.press-releases .content-box{
    height: 100%;
}
.press-releases .blog-date{
    color: #12171D;    
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.3px;
}
span.press{
    color: #666;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -0.3px;
    border-right: 1px solid #666;
    padding: 0px 5px;
}
@media (max-width: 1100px) {
 
 .press-releases .ms-4{
    margin-left: 0px;
    margin-top: 20px;
 }
}
.press-releases img{
    width: 100%;
    height: auto;
 }
/* press releases end  */
.purple-box{
	border:2px solid purple;
	padding:10px
}
/* webinar landing 09-01-2024 start  */
.bg-dark-purple {
  background-color: #2D033B;
}

p.purple-disclaimer{
    color: #C147E9;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.27px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}
 .light-pink{
    color: #E5B8F4;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 177.778% */
    letter-spacing: -0.27px;
	margin-bottom: 0px;
}
.webinar-bottom h3{
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.webinar-bottom p{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.h-grey-24{
    color: #666;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.36px;
}
.attende-card{
    width: auto;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
}
.attende-card h3{
    color: #C147E9;
    text-align: center;    
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 208.333% */
    letter-spacing: -0.36px;
    margin-left: 14px;
}
.pd-bt-60{
    padding-bottom: 60px;
}
p.grey-p{
    color: #666;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
    letter-spacing: -0.27px;
}
.outer-grey-box{
    background: #F5F6F8;
    padding: 10px;
    border-radius: 20px;
}
.p-3r{
    padding: 3rem 0 3rem 0;
}
.webinar-section .card-describe p{
    font-size: 16px;
    text-align: left;
}
.card-webinar{
    display: flex;
    position: relative;
    width: 90%;
    padding: 0px 0px 0px 10px;
}
.col-md-99 .row{
    width: 100%;
}
.contact-form-webinar-new iframe{
	width: 350px;
}

.webinar-section{   
    /*max-width: 1360px;*/
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    
}
.webinar-section .webinar-form{
    padding: 0px 0px 0px 30px;
}
.pd-bottom-strip{
    padding: 0px 20px 0px 20px;
}


@media (max-width: 1340px) {
.contact-form-webinar-new iframe{
	width: 240px;
}	
}
@media (max-width: 992px) 
    {
        .webinar-section .webinar-bottom{
        padding: 40px;
    }
    .webinar-bottom h3{
        font-size: 24px;
    }
    .webinar-bottom p{
        font-size: 18px;
    }
	.contact-form-webinar-new iframe{
	width: 180px;
}	
	
    }

@media (max-width: 480px) {
    .col-md-88 .col-6{
        width: 100%;
    }
    .webinar-section .webinar-bottom{
        padding: 40px;
    }
    .webinar-bottom h3{
        font-size: 24px;
    }
    .webinar-bottom p{
        font-size: 18px;
    }
    p.purple-disclaimer{
        font-size: 14px;
    }
    .attende-card h3{
        font-size: 22px;
        line-height: 28px;
    }
    .webinar-section .webinar-form{
        padding: 30px 0px 0px 0px;
    }
    .light-pink{
        width: 100%;
    }
	.contact-form-webinar-new iframe{
	width: 280px;
}	
}

/* webinar landing 09-01-2024 end */
/* Global Contact form start */

.cover-full{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.global-contact-form-block .SubH1{
    color:#FFFFFF;
}
.global-contact-form-block p{
    color:#666666;
}
.global-contact-form-block .form-label{
    color:#FFFFFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.global-contact-form-block .contact-form input.form-control{
    border-radius: 50px;
    border: 2px solid #666;
    padding: 0.475rem 1rem;
    background: #323338;
    color: #666666;

}
.global-contact-form-block .contact-form textarea.form-control {
  padding: 0.475rem 1rem;
  background: #323338;
  color: #666666;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #666;
}
.global-contact-form-block .contact-form{
    max-width: 384px;
    padding: 60px 10px;
} 

.global-contact-form-block .contact-form .btn-center .wpcf7-submit {
  text-align: center;
  background-color: red;
  border: 1px solid red;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  width: 208px;
  border-radius: 50px;
}
.global-popup .modal-dialog{
    max-width: 100%;
}
.global-contact-form-block .back-button{
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    margin: 35px 0px 0px 40px;
    width: 70px;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    position: absolute;
    background: none;
}
.lets-connect.btn:focus{
    background: #FFFFFF;
}

.global-contact-form-block .wpcf7-response-output{
    color: #666666;
}
.global-popup .modal{
    padding: 0px;
}
.global-popup .modal-dialog{
    margin: 0px;
}
.fixed-position{
    position: fixed;
    right: 0;
    height: 100vh;
}


@media (max-width: 1024px) {

    .hvh-100{
    height: 100vh;
}
 }  
@media (max-width: 991px) {

    .cover-full{
    display: none;
    }
    .fixed-position{
    position: relative;
    }
 }   
@media (max-width: 480px) {

    .cover-full{
    display: none;
    }
    .global-contact-form-block .contact-form{
        padding: 60px 20px;
    }
    .global-popup .modal{
        padding: 0px;
    }
    .global-popup .modal-dialog{
        margin: 0px;
    }
    .global-contact-form-block .back-button{    
    margin: 15px 0px 0px 20px;
    }
}
/* Global Contact form end */
.ondemand-webinar .btn-webinar-register{
    margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .top-webinar-optin {
        display: none;
  }
}
.casestudy-section p{
	margin-bottom:20px;
}
.blog-section p{
	margin-bottom:20px;
}
.border-left{
	border-left: 2px solid purple;
	padding-left:15px;	
	margin-top:10px;
	margin-bottom:15px;
}
/* new webinar 04062024 start*/
.h-vsm{
    height: 380px;
}
.SubH2{
    font-size: 32px;
}
.p-2r{
    padding: 2rem 0 2rem 0;
}

.h-grey-24.dark{
    color: #12171D;
}
.webinar-form .contact-form-webinar-prbg {
  position: relative;
  width: 100%;
  background: #6D4085;
  border-radius: 20px;
  padding: 30px;
  top: 20%;
  max-width: 480px;
}
.SubH1.white{
    color: #FFFFFF;
}
.banner-section-2 .banner-tag-webinar-date .blog-date{
    color: #C147E9;
    font-size: 32px;
    line-height: 40.22px;
    font-weight: 600;
}
.w-70{
    width: 82%;
}
.webinar-title.mb-4.wow.fadeInUp.w-70{
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;

}
.btn-webinar-register:hover {
  color: #ffffff;
  background: #ED1C24;
  margin-top: 40px;
}
.webinar-more-info{ 
font-size: 18px;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.015em;
text-align: center;
color: #666666;
}
.webinar-contact-data{  
font-size: 24px;
font-weight: 500;
line-height: 48px;
letter-spacing: -0.015em;
text-align: center;
color: #666666;
}
.webinar-bottom-line{
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.015em;
text-align: center;
color: #666666;
margin: 30px 0px 0px 0px;
}
.webinar-banner .webinar-sub-head{
    margin: 0px 0px 20px 0px;
}
.dark-overlay{    
position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 background: linear-gradient(98.45deg, rgba(0, 0, 0, 0.6) 2.82%, rgba(18, 23, 29, 0.6) 97.97%);
  z-index: 1;
}
.SubH3{
    font-size: 24px;
}
.mt-50{
    margin-top: 50px;
}
.outer-grey-box.white-bg{
    background: none;
    padding-left: 0px;
}
.btn-webinar-register.mt-30 {
margin-top: 30px;
} 

.pdt-10{
    padding-top: 10px;
}
.card-describe h5{
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.015em;
text-align: left;

}
.webinar-count-items.large{
width: 54px;
height: 54px;
line-height: 50px;
margin-top:5px ;
}
.webinar-intro{ 
font-size: 24px;
font-weight: 400;
line-height: 36px;
letter-spacing: -0.015em;
text-align: left;

}

.banner-section-2 .webinar-hero {
  width: 90%;
  position: absolute;
  top: 55%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.banner-section-2.webinar-banner{
    height: 550px;
}

@media (min-width: 992px)  {
  .banner-section-2 .webinar-hero {  
  left: 10px;
}
}
@media (min-width: 768px)  {
  .webinar-form{
    position: sticky;
    top: 10%;
}
}
@media (min-width: 280px)  {
  .webinar-hero {
    width: 100% !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (max-width: 1024px) {
    .webinar-team-member{
        font-size: 20px;
    }
.SubH2 {
  font-size: 26px;
}
.b-font .SubH3{
    font-size: 18px;
}
.webinar-contact-data{
    font-size: 18px;
}
 .webinar-more-info{
    font-size: 16px;
 }    
 .webinar-bottom-line{
    font-size: 14px;
 }
 .webinar-form .SubH1{
    font-size: 28px;
 }
 .webinar-title.mb-4.wow.fadeInUp.w-70 {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}
.banner-section-2 .banner-tag-webinar-date .blog-date{
    font-size: 20px;
    line-height: 30px;
 }
 .webinar-title.wow.fadeInUp.w-70.m-0{
    font-size: 28px;
 }
 .webinar-banner .tb-space{
    padding: 20px 0px;
 }   
}
@media (max-width: 480px) {
.webinar-title.mb-4.wow.fadeInUp.w-70 {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
.webinar-banner .webinar-sub-head{
    font-size: 20px;
}
.banner-section-2 .banner-tag-webinar-date .blog-date {
  color: #C147E9;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.SubH2{
    font-size: 22px;
}
.b-font .SubH3{
    font-size: 12px;
}
.webinar-more-info{
    font-size: 12px;
  font-weight: 500;
  line-height: 26px;
}
.webinar-contact-data {
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
   
}
.webinar-bottom-line {
  font-size: 10px;
}
}

/* new webinar 04062024 end*/
.blog-grid thead, .blog-grid tbody, .blog-grid tfoot, .blog-grid tr, .blog-grid td, .blog-grid th{
	border-width: 1px;
	    border-color: #dbd7d2;
}

.blog-grid td{
	padding:15px;
}

.blog-grid p.subtext{
	font-size:14px;
	margin:6px 0;
}
.mrb-30{
	margin-bottom:30px
}
/* cloudxfer start */
.cloudXfer-title {
  font-family: "Gellix-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 72px;
  color: var(--white);
  margin-bottom: 30px;
}
.cloudXfer-title span {
  color: #C147E9;
}
@media (max-width: 1300px) {
  .cloudXfer-title {
    font-size: 40px;
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .cloudXfer-title {
    font-size: 32px;
    line-height: normal;
  }
}

.cloudXfer-high {
  font-family: "Gellix-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.015em;
  color: var(--dark);
}
.cloudXfer-high span {
  font-family: "Gellix-Bold";
}
@media (max-width: 1300px) {
  .cloudXfer-high {
    font-size: 25px;
    line-height: normal;
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  .cloudXfer-high {
    font-size: 20px;
    line-height: normal;
    padding: 0 20px;
  }
}

.cloudXfer-block {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 70px 0;
}
@media (max-width: 1300px) {
  .cloudXfer-block {
    padding: 40px 0;
  }
}

.cloudXfer-innertitle {
  font-family: "Gellix-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 56px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.015em;
  color: #12171D;
  margin-bottom: 0;
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
}
.cloudXfer-innertitle span {
  font-family: "Gellix-Bold";
}
@media (max-width: 1300px) {
  .cloudXfer-innertitle {
    font-size: 32px;
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .cloudXfer-innertitle {
    font-size: 24px;
    line-height: normal;
  }
}

.navilist {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 80px;
}
@media (max-width: 1300px) {
  .navilist {
    margin-top: 60px;
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  .navilist {
    margin-top: 40px;
    padding: 0 20px;
  }
}
.navilist .navilist-row {
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .navilist .navilist-row {
    flex-direction: column;
  }
}
.navilist .navilist-row .navilist-img {
  width: 40%;
  height: 350px;
}
@media (max-width: 768px) {
  .navilist .navilist-row .navilist-img {
    width: 100%;
  }
}
.navilist .navilist-row .navilist-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.navilist .navilist-row .navilist-desc {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .navilist .navilist-row .navilist-desc {
    width: 100%;
    padding: 0 20px;
  }
}
.navilist .navilist-row .navilist-desc h3 {
  font-family: "Gellix-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: var(--dark);
}
@media (max-width: 1300px) {
  .navilist .navilist-row .navilist-desc h3 {
    font-size: 32px;
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .navilist .navilist-row .navilist-desc h3 {
    font-size: 24px;
    line-height: normal;
  }
}
.navilist .navilist-row .navilist-desc p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #666666;
}
@media (max-width: 768px) {
  .navilist .navilist-row .navilist-desc p {
    font-size: 16px;
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .navilist .navilist-row.navilist-img-right {
    flex-direction: column-reverse;
  }
}

.bg-bluelight {
  background: #EFF4FF;
}

@media (max-width: 1300px) {
  .whyccs {
    padding: 0 40px;
  }
}
@media (max-width: 768px) {
  .whyccs {
    padding: 0 20px;
  }
}
.whyccs h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.015em;
  color: var(--dark);
  margin: 20px 0 30px;
}
@media (max-width: 1300px) {
  .whyccs h2 {
    font-size: 40px;
    line-height: normal;
  }
}
@media (max-width: 768px) {
  .whyccs h2 {
    font-size: 32px;
    line-height: normal;
  }
}
.whyccs p {
  font-size: 20px;
}
@media (max-width: 768px) {
  .whyccs p {
    font-size: 16px;
  }
}

.cloudroi {
  display: flex;
  gap: 20px;
}
@media (max-width: 930px) {
  .cloudroi {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .cloudroi {
    flex-direction: column;
    padding: 0 20px;
  }
}
.cloudroi .cloudroi-card {
  width: 100%;
  background: #EFF4FF;
  padding: 30px 20px;
}
@media (max-width: 930px) {
  .cloudroi .cloudroi-card {
    width: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  .cloudroi .cloudroi-card {
    width: 100%;
  }
}
.cloudroi .cloudroi-card div {
  font-family: "Gellix-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #C147E9;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cloudroi .cloudroi-card h4 {
  font-family: "Gellix-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #12171D;
  margin: 30px 0 15px;
}
.cloudroi .cloudroi-card p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #666666;
}

.z-index-0 {
  z-index: 0;
}

.z-index--1 {
  z-index: -1;
}

.cloudroi-post .card-2 {
  background: #EFF4FF !important;
}

.cloudXfer .post-card {
  width: 100%;
}
.cloudXfer .post-card img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.cloudXfer-contact {
  color: #ffffff;
  text-align: center;
}
.cloudXfer-contact img {
  left: 0;
  z-index: -1;
}
.cloudXfer-contact .cloudXfer-block h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 64px;
  text-align: center;
  letter-spacing: -0.015em;
  color: #FFFFFF !important;
}
@media (max-width: 930px) {
  .cloudXfer-contact .cloudXfer-block h1 {
    font-size: 32px;
    line-height: normal;
  }
}
.cloudXfer-contact .cloudXfer-block p {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 48px;
  text-align: center;
  letter-spacing: -0.015em;
  color: #FFFFFF;
}
@media (max-width: 930px) {
  .cloudXfer-contact .cloudXfer-block p {
    font-size: 20px;
    line-height: normal;
  }
}

.cloudXfer-contact .cloudXfer-wrap{
        max-width: 788px;
        margin: 0 auto;
        padding: 70px 0;
}

.cloudXfer-contact .form-grid p {
  text-align: left !important;
}
.cloudXfer-contact .form-grid p label {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}
.cloudXfer-contact .form-grid .form-control {
  width: 100% !important;
  min-height: 48px;
  border-radius: 0;
  border: 0;
  padding: 12px 20px;
}
.cloudXfer-contact .form-grid .newbtn input {
  background: #C147E9;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  border: 0;
  border-radius: 0;
  width: 160px;
  height: 56px;
    margin-top;30px;
}
.pt-0{
    padding-top: 0px;
}

.cloudXfer-contact .wpcf7-form label.error {
    font-size: 11px !important;
}

.cloudXfer-contact p{
    font-size: 24px;
    
}
@media (max-width: 768px){
    .cloudXfer-contact p{
        font-size: 18px;

    }
}

.post-list{
    background: rgba(239, 244, 255, 1);
    padding: 60px 40px 115px;
}
@media (max-width:1024px){
    .post-list{
        padding: 48px 20px 84px;
    }
}

.post-list .cards{
    display: flex;
    flex-wrap: wrap;
    grid-column: 3;
    gap: 20px;
}
.post-card{
    width: calc(33.333% - 13.4px);
    padding: 0;
}

@media (max-width:1024px){
    .post-card{
        width: calc(50% - 10px);
    }
}

@media (max-width:767px){
    .post-card{
        width: 100%;
    }
}

.post-card .card-img{
    height: 296px;
}
.post-card .card-img-size{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-card .card-desc{
    padding: 26px 20px;
}
.post-card .card-desc-title{
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.015em;
    text-align: left;
    color: rgba(18, 23, 29, 1);
}
.post-card .card-desc-title:hover{
    color:rgba(193, 71, 233, 1);
    text-decoration: underline;
}
.post-card .card-desc-wrap{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.015em;
    text-align: left;
    color: rgba(102, 102, 102, 1);
    min-height: 56px;
}

.highlight {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #C147E9;
}

a.highlight:hover {
    color: #12171D;
    text-decoration: underline;
}
/* cloud xfer end  */
.li_bullets{	
  list-style-type: none; 
}
.li_bullets li {
  position: relative;
  padding-left: 20px; /* Space for the custom bullet */
}

.li_bullets li::before {
  content: "•"; /* Custom bullet (you can use any symbol or Unicode character) */
  color: purple; /* Set the bullet color */
  position: absolute;
  left: 0;
  font-size: 1.2em; /* Adjust size if needed */
}
.threegrid-table .grid-col{
	width: 33.333% !important
}
.grid-container {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
  gap: 12px;
}
.grid-box {
  width: calc(33.333% - 8px);
  height: 200px;
  display: flex;
  align-items: center;      
  text-align: center;
  padding: 30px;
}
.webinar-form  iframe{
		width: 100%;
	}
@media (max-width: 767px){
	.grid-box {
		width: calc(50% - 8px);
	}
	.webinar-form .contact-form-webinar-prbg{
		padding: 24px 0;
	}
}
@media (max-width: 480px){
	.grid-box {
		width: 100%;
	}
}
.grid-box p{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center; 
	margin-bottom:0;
}
.grid-box:nth-child(1) { background-color: #EFF4FF; } /* Red */
.grid-box:nth-child(2) { background-color: #FAFBDF; } /* Sky Blue */
.grid-box:nth-child(3) { background-color: #FCE2E2; } /* Pink */
.grid-box:nth-child(4) { background-color: #F8E4FF; } /* Lime Green */
.grid-box:nth-child(5) { background-color: #EAE6FF; } /* Orange */
.grid-box:nth-child(6) { background-color: #DEFFED; } /* Purple */
/* Purple button */
.purple-button {
background-color: purple;
color: #FFFFFF !important;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
text-decoration: none; /* Ensures no underline */
display: inline-block; /* Ensures it behaves like a button */
}

.purple-button:hover {
background-color: darkviolet;
}
.primary-button:focus{
    background: #DA251D;    
    color: #fff;
}


.mt-4{
    margin-top: 4rem !important;
}
.sap-btn{
    border:none;
}
html {
  scroll-behavior: smooth;
}
a.sap-btn{
  text-decoration: none;
  display: flex;  
  align-items: center;
  justify-content: center;
}

 
.container-box{
    display: flex;
    flex-direction: column;
    height: 100%;   

}
.ccsensures .half {
    flex: 1 !important;  /* Equally divide the space */
    display: flex;
     height: 50%;
    
}
.col-height{
   /* height: 1100px;*/
}
.hover-box{
    cursor: pointer;
  position: relative;
}
.slide_image{
  transition: transform 0.3s ease; 
}
.bottom.slide_image{
    position: absolute;
      transition: transform 0.3s ease; 
}

.ccsensures .purple .grid-content {
  background: rgb(109, 64, 133);
  padding: 32px 20px;
  height: auto;
 transition: transform 0.3s ease; 
}
.ccsensures .purple .grid-content h4{
color: #FFFFFF;
}
.ccsensures .purple .grid-content li{
color: #FFFFFF;
}

.whysap .whysap-list{
    overflow: scroll;
}
.hide-scrollbar {
    overflow: auto; /* Enable scrolling */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}
@media (max-width: 767px) {   
    .counters .count-item{
         width: 100%;
        margin-bottom: 20px;
        padding: 15px 10px;
    }
     .sap-counter-box{
        justify-content: center;
     }
}

.col-height {
    height: 880px;
    margin-bottom: 140px;
}

.container-box img{
 transition: .5s ease-in-out;
}
.container-box:hover img{
  transform: scale(1.2);
 transition: .5s ease-in-out;
}

.ccsensures .half{
    overflow: hidden;
}

.btn-style{
    text-decoration: none;
}


@media (max-width: 1080px){
    .col-height {
        height: auto;
            margin-bottom: 40px;
    }
    .whysap .whysap-list{
        padding: 60px 24px !important
    }
    .bottom.slide_image{
        width: 100% !important;
    }

    .bottom.slide_image img{
        width: 100% !important;
    }

    .hover-box{
        position: relative;
    }

       
}

@media (max-width: 767px){
    .bottom.slide_image{
        position: relative;
    }
    .bottom.slide_image img{
        width: 100% !important;
    }

    .whysap-list{
        height: auto !important;
    }
  
  .container{
    min-width: calc(100% - 20px);
  }
  
  .getform{
     margin: 36px auto !important;
      float: inherit !important;
  }
}

.get_started_sap_btn:hover{
    color:#C147E9;
}
@media(min-width: 1080px){
  .bggrade:before{
    content:"";
      background: linear-gradient(154.76deg, #283647 0.59%, #24282D 98.78%);
    position: absolute;
    width: 50%;
    height: 100%;
  }
  
  .whysap::before{
    height: 100% !important;
  }
}
.sap-docs.carousel-card{
  border-radius:0px;
}
 .infographic_banner p{
    line-height:26px;
}
.single-post .overlay{
    opacity:0.5;
}
.submit-box p {
    margin-bottom: 0px;
}
.submit-box .wpcf7-spinner {
    display: none;
}
.mt-6 {
    margin-top: 4rem !important;
}
.testimo-card .testimo-img.bradius{
	border-radius:75px;
}
.blog-section ul li a {
    color: var(--primary);
}
.webinar-hero .webinar-title{
	font-size:2.7rem;
	font-weight:700;
}
.webinar-intro{ 
font-size: 20px;
font-weight: 400;
line-height: 36px;
letter-spacing: -0.015em;
text-align: left;

}
.ebooks .card-desc .card-desc-p{
    display: none;
}
.ebooks .card-desc .blog-date{
    display: none;
}
.ebook-section p{
    margin-bottom: 15px;
}
.ebook-section h2{
    margin-top:  1.5rem ;
}
.ebook-section .download-wrap {
  background: #4A116F;
  border-radius: 20px;
  text-align: center;
  padding: 20px;
}

@media (min-width: 768px) {
  .ebook-download {
    position: sticky;
    top: 20%;
  }
}