/*
	Theme Name: Yiron-Technologies
	Theme URI: https://wordpress.org/themes/twentytwentyone/
	Description: A child theme of Yiron Technologies WordPress theme.
	Author:Santosh Singh
	Author URI: https://wordpress.org
	Template: twentytwentyone
	Version: 1.0.0
	Text Domain:  Yiron Technologies 
	*/

	@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&&display=swap&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

	:root{
		--white:#fff;
		--black:#000;
		--gray:#333;
		--primary-color:#006CB5;
		--banner-gradint:linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,40,87,0.0) 100%);
		--bg-about:#5675E2;
		--bg-about-gradint:linear-gradient(250deg, #A54BFF 0%, #5675E2 100%);
		--bg-services:linear-gradient(284.46deg, #3822C2 0.21%, #1A41A7 37.11%, #0870AB 68.3%, #0B7D7D 95.84%);/*linear-gradient(284.46deg, #3822C2 0.21%, #1A41A7 26.2%, #276DAD 49.58%, #159292 75.05%, #34AEAE 98.96%);  linear-gradient(284.6deg, #07a382 0%, #1ead95 100%)*/;
		--bg-travel: linear-gradient(75.68deg, #800E9D 0.41%, #274BCA 27.87%, #168991 53.32%, #10A687 77.18%, #009D59 100%);
		--bg-product:linear-gradient(255.4deg, #101923 0%, #004B7E 46.87%, #101923 97.92%);
	    --partner-bg:linear-gradient(272.99deg, #6900C7 0.13%, #3D3CD9 50.07%, #0269AF 100%);
	    --servics-hover:#77F3DB;
	    --travel-hover:#a5dbff;
	    --gray-light:#D9D9D9;
	    --bg-hrms: #473BDC;
	    --bg-helpdesk: #2470D1;
	    --bg-facts: #1E4DC5;
	    --bg-ycrm: #19975D;
	    --bg-yroinRecruit: #19A69D;
	    --subMenu-color:#dddddd;
	    --sidebar-hover:#e2a9ff;
	    --newsletter:#4467E0;
	    --menu-bg:linear-gradient(158.03deg, #705CED 0%, #000462 100%);
	    --facts-banner-bg: #2671E0;
	    --facts:#03A9D0;
	    --border-color:#d3d3d3;
	    --faq-border:#8FD1E1;
	    --facts-icon:#D7EFFF;
	    --feature-left:#F4FAFF;
	    /*Font-Family*/
	    --font-ragular: 'Poppins', sans-serif;
	    --font-title: 'Oswald',  sans-serif;
	    --bs-body-font-family:'Oswald', sans-serif;
	    /*Font-Size*/
	    --h1:3.3rem;
	    --h2: 3rem;	
	    --h3: 2.2rem;
	    --h4: 1.5rem;
	    --h5: 1.3rem;
	    --body-font: 1rem;
	    --animate-delay: 0.5s;
	}
	html {
	    font-family: 'Oswald', sans-serif;
	    line-height: 1.15;
	    -webkit-text-size-adjust: 100%;
	    -webkit-tap-highlight-color: transparent
	}
	body{
		
		font-size: var(--body-font);
		line-height: 30px;
		color: var(--gray);
		font-weight: 400;
	     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;
	    background-color: #fff;
	    overflow-y:auto !important; 
	    padding: 0px !important
	    
	}

	*{
		margin: 0;
		padding: 0;
	}
	h1, h2, h3, h4, h5, h6{
		font-family: var(--font-title)
		
	}
	h1{
		font-size: var(--h1);
		font-weight: 500
	}
	h2{
		font-size: var(--h2);
		font-weight: 500
	} 
	h3{
		font-size: var(--h3);
		font-weight: 400;
	} 
	h4{
		font-size: var(--h4);
		font-weight: 500;
	} 


	h5 {
	    font-size: var(--h5);
	    font-weight: 500;
	    font-family: var(--font-ragular);
	    line-height: 36px;
	} 
	h6{
	    font-family: var(--font-ragular);
	} 

	p{
		font-family: var(--font-ragular);
		font-size: var(--body-font)
	}
	li{
		font-family: var(--font-ragular);
		font-size: var(--body-font)
	}
	img, a img{
		border: none;
		outline: none;
		max-width: 100%;
		display: block;
	    height: auto;
	}
	a{
		text-decoration: none;
		font-family: var(--font-ragular)
	}
	body a:-webkit-any-link:focus-visible {
	    outline-offset: 0px;
	}
	body a :focus-visible {
	    outline: -webkit-focus-ring-color auto 0px;
	}
	ul, ol{
		list-style: none;
	}
	html {
	  	font-size:100%;
	   	-webkit-text-size-adjust: 100%;
	}
	.white{
		color: var(--white);
	}
	.blue{
		color: var(--primary-color);
	}
	.gray{
		color: var(--gray);
	}
	.bg-transparent{
		background-color: transparent;
	}

	.paddingSection{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.paddingTop{
		padding-top: 80px
	}
	.paddingBottom{
		padding-bottom: 80px
	}
	.padding-px{
		padding-left: 0px;
		padding-right: 0px;
	}
	.banner .carousel-indicators {
	    z-index: 9999;
	}
	/*--Header--*/
	.home-content .close-menu {
	    width: 44px;
	    height: 44px;
	    display: inline-flex;
	    align-items: center;
	    background: var(--white);
	    justify-content: center;
	    border-radius: 100%;
	    -webkit-transition: all 0.1s;
	    -moz-transition: all 0.1s;
	    -ms-transition: all 0.1s;
	    -o-transition: all 0.1s;
	    transition: all 0.1s;
	    border: 1px solid var(--primary-color);
	    margin-right: -10px;
	}
	.header {
	    /*transition:  all 0.2s ease;*/
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    z-index: 99999;
	    width: 100%;
	    
	   
	    
	}

	.fixed-header {
	    /*position: sticky;*/
	    background: var(--white);
	    position: fixed;
	    top: 0;
	    left: 0;
	    animation: smoothScroll 1s forwards;
	    transition: all .5s;  
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: position 10s;
	    -ms-transition: position 10s;
	    -o-transition: position 10s;
	    transition: all 0.5s ease;
	    
	}

	@keyframes smoothScroll {
	    0% {
	        transform: translateY(-40px);
	    }
	    100% {
	        transform: translateY(0px);
	    }
	}

	.header nav.navbar {
	    background: none !important;
	    border: none;  
	    
	}
	.navbar-brand{
		animation: movedown 1s linear 1;
	}

	.header .navbar-nav{
		margin-left:auto;
		/*animation: movedown 1s linear 1;*/
	}

	.header .navbar-nav li {
	    padding: 0px 20px;
	}
	.header .navbar-nav li a {
	    padding: 0px;
	    color: var(--white);
	    font-weight: 400;
	    font-size: var(--body-font);

	}
	header .navbar .burger {
	  z-index: 9;
	  cursor: pointer;
	  border: none;
	  outline: none;
	  background: none;
	  transition: all 0.1s;
	}
	.header .navbar .burger-close {
	  display: none;
	}
	.header .navbar .burger.active {
	  right: 14rem;
	}
	.header .navbar .burger.active .burger-open {
	  display: none;
	}
	.header .navbar .burger.active .burger-close {
	    position: fixed;
	    z-index: 99;
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	    top:0px;
	    right: 15px;
	}
	.header .navbar .burger.active .burger-close .icon.icon-close {
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    width: 40px;
	    height: 40px;
	    font-size: 20px;
	    padding: 0px;
	}
	.header .navbar .menu {
	  position: fixed;
	  overflow: auto;
	  display: none;
	  z-index: 8;
	  opacity: 0;
	  top: 0rem;
	  right: -17rem;
	  width: 24rem;
	  height: 100vh;
	  color: var(--gray);
	  background: var(--menu-bg);
	  transition: all 0.1s;
	  margin: 0px;
	  padding:0px;
	}
	.navbar--side-brand img {
	    width: 150px;
	    height: auto;
	    object-fit: contain;
	}
	.header .navbar .navbar-nav{
	    display: flex;
	    flex-wrap: wrap;
	}
	.header .navbar .navbar-nav li button.sub-menu-toggle {
	    display: none;
	}
	.header .navbar .navbar-nav li {
	    width: 100%;
	    padding:  0rem;
	    border: none;
	    outline: none;
	    /*transition: all 0.1s;*/
	    position: relative;
	}
	.header .navbar .menu-item a {
	    font-size: var(--body-font);
	    font-weight: 400;
	    line-height: 24px;
	    color: var(--white);
	    margin: 10px 0px;
	    display: inline-flex;
	    font-family: var(--font-ragular);
	    letter-spacing: 0px;
	    align-items: center;
	    padding:3px 0px;
	}
	.header .navbar .menu-item:hover a {
	  color: var(--sidebar-hover);
	}
	.header .navbar .menu.active {
	  right: 0;
	  opacity: 1;
	  display: block;
	}
	/*.fixed-header .navbar-brand-scroll img {
	    height: 50px;
	    width: auto;
	}*/
	.burger .icon {
	    color: var(--white);
	    font-size: 15px;
	    padding-left: 15px;
	}
	a.navbar--side-brand {
	    display: none;
	}
	.active a.navbar--side-brand {
	    display: flex;
	}
	.active .navbar--side-brand {
	    margin: 30px 20px 20px;
	}
	.sidemenu ul {
	    padding: 0px 20px;
	}

	.header .navbar .menu-item ul.sub-menu li a:hover {
	    color: var(--sidebar-hover);
	}
	.header .navbar .menu-item ul.sub-menu li a:hover::before{
	   background: var(--sidebar-hover);
	}

	.navbar-brand-scroll{
	    display: none;
	}
	.fixed-header .navbar-brand{
	    display: none;
	}
	.fixed-header .navbar-brand-scroll{
	    display: flex;
	}

	.fixed-header .burger .icon{
	    color: var(--white)
	}
	.fixed-header .burger .icon-navbar{
	    color: var(--primary-color)
	}

	/*--Banner--*/
	.banner .slider-banner, .banner .slide {
	    height: 100vh;

	}
	.banner{
	  position: relative;

	}
	.banner img{
	   width: 100%;
	}
	.banner .slide__img {
	 position: relative;
	 height: 100%;
	}
	.banner .slide__img::before{
		position: absolute;
		left: 0px;
		top: 0px;
		content: "";
		width: 85%;
		height: 100%;
		/*background: rgb(2,0,36);*/
		background: var(--banner-gradint);
		z-index: 9;
	}
	.banner .slide-3 .slide__img::before{
	    width: 50%;
	}
	.slide .slide__content{
	    width: 45%;
	}
	.button-custom {
	    text-decoration: none;
	    color: var(--white);
	    padding: 14px 50px;
	    border-radius: 5px;
	    background: none;
	    font-family: var(--font-ragular);
	    font-size: var(--body-font);
	    border:1px solid var(--white);
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    /*letter-spacing: 3px;
	    text-transform: uppercase;*/
	}
	.button-custom:hover{
		background:var(--white);
		color: var(--gray)
	}
	.button-custom .icon{
	    font-size:0.8rem;
	    margin-left: 10px
	}
	.heading-title {
	    font-size: var(--h1);
	    line-height: 75px;
	    margin-bottom: 40px;
	    padding: 0px;
	    display: block;
	    /*font-family: 'Oswald-Medium', sans-serif;
	    text-transform: capitalize;*/
	}
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	.fade-in {
	   opacity:0;  /* make things invisible upon start */
	   animation:fadeIn ease-in 1;
	   animation-fill-mode:forwards;
	   animation-duration:1.4s;
	  }
	 
	 
	.slider-banner .slick-list {
	    height: 100%;
	}
	.slider-banner .slick-track {
	    height: 100%;
	}

	.bottom-scroll-section {
	    position: absolute;
	    bottom:50px;
	    left: 0px;
	    padding-left: 60px;
	    display: flex;
	    animation: moveup 1s linear 1;
	    z-index: 999
	}
	@keyframes moveup{
	  0% {
	    transform: translateY(100px);
	}
	100%{
	    transform: translateY(0);
	}
	}
	.bottom-scroll-section span.icon-down {
	    width: 30px;
	    height: 48px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border: 2px solid var(--white);
	    margin-right: 20px;
	    border-radius: 20px;
	}
	.bottom-scroll-section span.icon-down .icon {
	    color:var(--white);
	    font-size: 22px;
	}
	.bottom-scroll-section p {
	    margin: 0px;
	    line-height: 24px;
	}
	.md-font{
		font-weight: 600
	}
	.slider-banner .slider__counter {
	    position: absolute;
	    bottom: 60px;
	    right: 0px;
	    z-index: 99;
	    color: var(--white);
	    font-size: var(--body-font);
	    font-family: var(--font-title);
	    letter-spacing: 1px;
	    left: 0px;
	    display: flex;
	    justify-content: center;
	    display: none;
	}


	.slider .slick-nav {
	    position: absolute;
	    top: 0px;
	    bottom: 0px;
	    align-items: center;
	    justify-content: center;
	    display: flex;
	    cursor: pointer;
	    z-index: 9999;
	    padding: 0px 8px;
	}

	.brand-slider .slick-nav:hover{
	    background: rgba(0,0,0,0.4);
	    color: var(--gray)
	}
	.slider .slick-nav.next-arrow {
	    right: -50px;
	}
	.slider .slick-nav.prev-arrow {
	    left: -50px;
	}

	.slider .slick-nav .icon{
	    color: var(--white)
	}
	.brand-slider .slick-nav:hover .icon{
	    color: var(--white)
	}
	.slider.testimonials-slider .slick-nav .icon {
	    color: var(--gray);
	}
	.barnd {
	    display: flex !important;
	    justify-content: center;
	}
	.banner ul.slick-dots {
	    position: absolute;
	    z-index:99;
	    bottom: 25px;
	    display: flex;
	    left: 0;
	    padding: 0px;
	    width: auto;
	    right: 0px;
	    justify-content: center;
	    margin: 0px
	}
	.banner ul.slick-dots li {
	    width: auto;
	    padding: 0 5px;
	}
	.banner .carousel-indicators button {
	    font-size: 0px;
	    border: none;
	    height: 4px;
	    width: 44px;
	    background: #a1a1a1;
	    margin-top: 0px;
	}
	.banner .carousel-indicators .active  {
	    background: var(--primary-color);
	}
	/*--Who We Are Section--*/
	.weAre-section{
	   background:var(--bg-about-gradint);
	   /*height:100vh;*/
	   position: relative;
	   overflow: hidden;
	   padding-bottom: 50px
	}
	.ellipse-added{
	   position: relative;
	}
	.ellipse-added::after {
	    position: absolute;
	    bottom: 15%;
	    right: 1%;
	    content: "";
	    max-width: 650px;
	    height: 100%;
	    background: url(./images/ellipse-about.svg) no-repeat center top;
	    z-index: 9;
	    width: 100%;
	    max-height: 650px;
	}
	.weAre-section .container-fluid, .weAre-section .container {
	    position: relative;
	    z-index: 99;
	}
	.weAre-section__inner figure img{
	    display: flex;
	    width: 100%;
	    object-fit: cover;
	    height: auto;
	}
	.weAre-section__inner figure {
	    overflow: hidden;
	    display: inline-block;
	    width: 100%;
	}
	.sub-title {
	    font-size: var(--h2);
	    
	    line-height: 70px
	}
	.technologies-section .sub-title span {
	    font-size: 1.4rem;
	    text-transform: capitalize;
	    letter-spacing: 0.5px;
	}
	.discraption {
	    line-height: 30px;
	    font-weight: 400;
	    font-size: var(--body-font);
	}
	/*.feature-section .discraption {
	    overflow: hidden;
	    -webkit-line-clamp: 2;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    text-overflow: ellipsis;
	    white-space: normal;
	}*/

	.weAre-section .discraption {
	    width: 90%;
	}
	.weAre-section .sub-title {
	    width: 90%;
	}
	.weAre--brand{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid rgba(255, 255, 255, 0.2)
	}
	.weAre--brand h3 {
	    color: var(--white);
	}
	/*--Services--*/
	.service-section{
		background:var(--bg-services);
		/*height: 100vh;*/
		position: relative;
	    overflow: hidden;
	}
	.service-section::before {
	    position: absolute;
	    bottom: 0px;
	    left: 0%;
	    content: "";
	    max-width: 844px;
	    height: 100%;
	    background: url(./images/service-graphics.svg) no-repeat center top;
	    z-index: 9;
	    width: 100%;
	    max-height: 650px;
	    opacity: 0.7;
	}
	.service-section.ellipse-added::after {
	    top: -18%;
	    right: -10%;
	    max-width: 500px;
	    max-height: 500px;
	    background-size: 500px;
	}
	.service-section .container-fluid, .service-section .container {
	    position: relative;
	    z-index: 99;
	}
	.service-section .button-custom {
	    margin-top: 20px;
	}
	.service-section ul.services-list .slick-list {
	    width: 90%;
	}
	.service-section ul.services-list.slider .slick-nav.prev-arrow {
	    left: auto;
	    right: 70px;
	}
	.service-section ul.services-list.slider .slick-nav.next-arrow {
	    right: 0px;
	}
	.service-section ul.services-list {
	    width: 100%;
	    height: 100%
	    /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	    margin-bottom:20px;
	    padding-bottom: 15px;
	    padding-top: 15px*/
	}
	.service-section ul.services-list li.nav-item h4{
	    padding: 0px;
	    margin: 0px;
	    font-size: var(--body-font);
	    line-height: 30px;

	}
	/*.service-section ul.services-list li.nav-item {
	    padding: 0px 30px 0px 0px;
	    }*/
	/*.service-section ul.services-list li.nav-item a:hover, .service-section ul.services-list li.nav-item a.active, .service-section ul.services-list li.nav-item a:focus{
		color: var(--servics-hover)
	    }*/

	    .service-section  .services-content h3{
	        margin-bottom: 15px;
	        letter-spacing: 1px;
	    }
	    .service-section .services-content h4{
	        margin-bottom: 15px;
	        letter-spacing: 1px;
	    }
	    .service-section ul.services-list li.nav-item a {
	        font-family: var(--font-ragular);
	        /* text-transform: uppercase; */
	        letter-spacing: 0px;
	        font-size: 1.2rem;
	        line-height: 30px;
	        padding: 20px;
	        border-radius: 6px;
	        font-weight: 500;
	    }
	    .service-section ul.services-list li.nav-item a:hover, .service-section ul.services-list li.nav-item a.active, .service-section ul.services-list li.nav-item a:focus {
	        color: #0D836C;
	        background: rgba(255, 255, 255, 0.80);
	    }
	    .service-section ul.services-list li.nav-item a:hover .icon, .service-section ul.services-list li.nav-item a.active .icon, .service-section ul.services-list li.nav-item a:focus .icon{
	        border-color: #0D836C;color: #0D836C;
	    }
	/*.service-section ul.services-list li.nav-item a {
	    padding: 0px;
	    font-family: var(--font-title);
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    font-size: 1.1rem;
	    line-height: 28px
	    }*/
	    .services-content ul.list {
	        padding: 0px;
	    }
	    .services-content ul.list li {
	        padding: 3px 0px;
	        display: flex;
	        align-items: center;
	    }
	    .services-content ul.list li .icon {
	        transform: rotate(-90deg);
	        margin-right: 10px;
	        font-size: 20px;
	    }
	    .services-content figure {
	        margin-top: 0px;  
	        width: 100%;
	    }
	    .services-content figure img {
	        position: relative;
	        bottom: -10px;
	        max-width: 85%;
	    }

	    .service-section .container {
	        height: 100%;
	    }
	/*.service-section .services--row {
	    height: calc(100% - 72px);
	    }*/
	    .services--tab{
	        height:  100%
	    }
	    .tabbable-panel {
	        position: relative;
	        height: 100%;
	        justify-content: center;
	        display: flex;
	    }
	    .service-section .services-list li.nav-item {
	        position: absolute;
	        max-width: 350px;
	        min-width: 300px;
	        text-align: center;
	    }
	    .service-section ul.services-list li.nav-item.item-one {
	        top: 60%;
	        left: 0%

	    }
	    .service-section ul.services-list li.nav-item.item-six {
	        top: 60%;
	        right: 0%

	    }
	    .service-section ul.services-list li.nav-item.item-two {
	        left: 10%;
	        top: 30%;
	    }
	    .service-section ul.services-list li.nav-item.item-five {
	        right: 10%;
	        top: 30%;
	    }
	    .service-section ul.services-list li.nav-item.item-three {
	        left: 25%;
	        top: 2%;
	    }
	    .service-section ul.services-list li.nav-item.item-four {
	        right: 25%;
	        top: 2%;
	    }
	    span.icon-servics {
	        width: 100%;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	    }
	    span.icon-servics .icon {
	        width: 70px;
	        height: 70px;
	        text-align: center;
	        border: 1px solid var(--white);
	        border-radius: 100%;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        margin-bottom: 20px;
	        font-size: 38px;
	    }
	    .service-section .services-content {
	   /* position: absolute;
	    bottom: 0px;
	    left: 0px;*/
	    height: 100%;
	    display: block;
	    width: 100%;
	}
	.service-section .services-content .tab-pane {
	    margin: 0 auto;
	    max-width: 800px;
	    display: flex;
	    justify-content: center;
	    align-items: baseline;
	    bottom: 0px;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	}
	.service-section .tabbable-panel::before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    display: flex;
	    background: url(./images/cilcle-helf.png) no-repeat center bottom;
	    height: 62%;
	    bottom: 0px;
	    justify-content: center;
	    background-size: auto 100%;
	}
	.service-section .services-content .text-right {
	    text-align: right;
	    padding-left: 50px;
	    padding-top: 80px;
	}
	.service-section .services-content .discraption {
	    font-size: 1.1rem;
	    line-height: 36px;
	}
	.service-section .services-content  .Browse {
	    font-size: var(--body-font);
	    color: #35FFDB;
	    display: inline-flex;
	    align-items: center;
	    margin-bottom: 10px;
	    font-size: 1.2rem;
	}
	.service-slider {
	    padding: 0px 70px;
	}
	.clouds-col {
	    border-left: 1px solid rgba(255, 255, 255, 0.2);
	    border-right: 1px solid rgba(255, 255, 255, 0.2);
	    position: relative;
	    padding: 0px;
	}
	.readmore {
	    align-items: center;
	    display: flex;
	    font-weight: 500;
	    border-bottom: 1px solid transparent;
	    width: auto;
	    /*min-width: 130px;
	    max-width: 130px;*/
	    padding: 0px;
	    font-size: 1rem;
	}

	.product-section--card .readmore{
	    min-width: 130px;
	    max-width: 130px;
	}
	.readmore .icon {
	    font-size: 11px;
	    margin-left: 15px;
	}
	.readmore:hover{
	    border-bottom: 1px solid var(--gray);
	    color: var(--gray);
	}
	.clouds-col::after {
	    position: absolute;
	    content: "";
	    width: 3px;
	    height: 80px;
	    background: #0a7097;
	    left: -2px;
	    top: 70%;
	    z-index: 9
	}
	.services--two::after {
	    left: -2px;
	    top: 90px;
	    background: #8c0ddb
	}
	.services--three::after {
	    left: -2px;
	    top: 70%;
	    background: #FF8F28
	}

	.services--four::after{
	    left: -2px;
	    top: 90px;
	    background: #859312
	}
	.services--five::after {
	    left: -2px;
	    top: 70%;
	    background: #FC5743 
	}
	.services--six::after {
	    left: -2px;
	    top: 90px;
	    background: #0032bf
	}
	.before-hover::before,.before-hover::after {
	    opacity: 0;
	    position: absolute;
	    content: "";
	    height: 0%;
	    top: 100%;
	    
	    z-index: 1;
	}
	.before-hover::before{
		transition: .8s ease;
	}
	/*.services--one .before-hover::before, .services--one .before-hover::after {
	    opacity: 1;
	    height: 100%;
	    width: 100%;
	    top: 0;
	    bottom: 0;
	}*/
	.before-hover:hover::before, .before-hover:hover::after {
	    /*background-color: #fff;*/
	    background-size: cover;
	    opacity: 1;
	    height: 100%;
	    width: 100%;
	    top: 0;
	    bottom: 0;
	    background-position: center top; 
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	.services--one .before-hover-1:hover::before {
	    background-image: url(./images/services-1.jpg); 
	}
	.services--two .before-hover-2:hover::before {
	    background-image: url(./images/Digital-services.jpg);
	}
	.services--three .before-hover-3:hover::before {
	    background-image: url(./images/services-3.jpg);
	}
	.services--four .before-hover-4:hover::before {
	    background-image: url(./images/services-4.jpg);
	}
	.services--five .before-hover-5:hover::before {
	    background-image: url(./images/services-5.jpg);
	}
	.services--six .before-hover-6:hover::before {
	    background-image: url(./images/bpo.jpg);
	}

	.services--one .before-hover-1:hover::after {
	    background: rgba(7, 0, 145,0.7);
	}
	.services--two .before-hover-2:hover::after {
	    background: rgba(76, 0, 106, 0.7);
	}
	.services--three .before-hover-3:hover::after {
	    background: rgba(0, 54, 9, 0.7);
	}
	.services--four .before-hover-4:hover::after {
	    background: rgba(62, 12, 1, 0.7);
	}
	.services--five .before-hover-5:hover::after {
	    background: rgba(11, 63, 157, 0.7)
	}
	.services--six .before-hover-6:hover::after {
	    background: rgba(8, 147, 119, 0.7)
	}
	.before-hover {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    min-height: 550px;
	    max-height: 600px
	}
	.clouds-col i.icon {
	    color: var(--white);
	    font-size: 50px;
	}
	.clouds-col h3 {
	    font-size: 1.3rem;
	    font-family: var(--font-ragular);
	    line-height: 36px;
	    padding: 0px 0px 10px;
	    font-weight: 500;
	    letter-spacing: 0.5px;
	}
	.service-slider .slick-nav {
	    position: absolute;
	    top: 0px;
	    bottom: 0px;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    z-index: 99
	}
	.clouds-col p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.clouds-col .block-out {
	    padding: 25px;
	    z-index: 99;
	    position: relative;
	}
	.service-slider .slick-nav.prev-arrow {
	    left: 0px;
	}
	.service-slider .slick-nav.next-arrow {
	    right: 0px;  
	}
	.service-slider .slick-nav .icon {
	    color: var(--white);
	    width: 44px;
	    height: 44px;
	    border-radius: 100%;
	    border: 1px solid var(--white);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 11px;
	}
	.service-slider ul.slick-dots {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 40px 0px 0px;
	    padding: 0px;
	}
	.service-slider ul.slick-dots li {
	    margin: 0px 10px;
	}
	.service-slider ul.slick-dots li button {
	    font-size: 0px;
	    border: none;
	    background: #fff;
	    width: 30px;
	    height: 3px;
	}
	.service-slider ul.slick-dots li.slick-active button {
	    background: var(--gray);
	}
	/*--Product--*/
	.product-section{
		background:linear-gradient(255.4deg, #1E4DC5 0%, #4369CA 46.87%, #163B9B 97.92%);
		/*height: 100vh;*/
		position: relative;
	    /*background: #1954C7;*/
	}

	.product-section .container-fluid, .product-section .container {
	    position: relative;
	    z-index: 99;
	}
	.product-section--card{
	   padding: 20px;
	   border-radius: 10px;
	   position: relative;
	   max-height: 100%;
	   min-height: 100%;
	   background: rgba(255, 255, 255, 0.10);
	   box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
	   position: relative;
	}
	.product-section--screen {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
	    position: relative;
	    margin-top: 0px
	}
	.product-section--screen img {
	    /* width: 70%; */
	    height: auto;
	    border-radius: 10px;
	}

	figure.product-section--logo {
	    margin-bottom: 20px;
	}
	.product-section--logo img{
	    width: auto;
	    height: 40px;
	}
	figure.product-section--logo.facts-logo img {
	    height: 80px;
		object-fit: contain;
	}

	figure.product-section--logo.ytrav-logo img {
		height: 55px;
		object-fit: contain;
	}
	.facts-proDiscraption {
	    font-size: 1rem;
	    line-height: 36px;
	}
	.product-section--card.bg-facts::before {
	    content: "";
	    position: absolute;
	    right: 0px;
	    min-width: 100%;
	    max-width: 100%;
	    min-height: 100%;
	    max-height: 100%;
	    background: url(./images/facts-bg.png) no-repeat right bottom;
	    bottom: 0px;
	    background-size:100%;
	}
	.bg-facts .col-md-6 {
	    position: relative;
	    z-index: 999;
	}
	.bg-ycrm {
	    background: #0FA4E4;
	}
	.bg-helpdesk {
	    background: #5565F6;
	}
	.bg-hrms {
	    background: #5565F6;
	}
	.bg-yroinRecruit {
	    background: #5565F6;
	}
	.bg-yroinChat {
	    background: #0FA4E4;
	}
	.bg-trov {
		background: #ffffff;
	}	
	.Browse{
	    font-size: var(--body-font);
	    /*color: var(--white);*/
	    display: inline-flex;
	    align-items: center;
	    margin-bottom: 10px;
	    border-bottom: none;
	    line-height: 24px;
	    font-weight: 500;
	    text-transform: capitalize;
	}
	.Browse:hover {
	    color: var(--primary-color);
	    /*text-decoration: underline;*/
	    border-bottom: 1px solid ;
	}
	.choose-section .Browse:hover {
	    color: var(--white);
	    /*text-decoration: underline;
	    border-bottom: 1px solid ;*/
	}
	.Browse .icon {
	    font-size: 0.7rem;
	    margin-left: 10px
	}

	/*--technologies--*/
	.technologies-section{
		background:var(--bg-travel);
		/*height: 100vh;*/
		position: relative;
	}
	.technologies-section.ellipse-added::after {
	    bottom: 15%;
	    left: 1%;
	    content: "";
	    max-width: 500px;
	    max-height: 500px;
	    background-size: 500px;
	}
	.technologies-section .container-fluid, .technologies-section .container {
	    position: relative;
	    z-index: 99;
	}
	.technologies-section .tabbable-column {
	    background: var(--primary-color);
	    padding: 35px 50px;
	}
	.technologies-section .sub-title{
	    line-height: 60px
	}
	.travel-list li.nav-item {
	    width: 100%;
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.travel-list li.nav-item a {
	    padding: 5px 0px;
	    margin: 5px 0px;
	    position: relative;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	}

	.testimonials-section .seeAll .icon {
	    margin-left: 15px;
	    font-size: 12px;
	}
	.travel-list li.nav-item .icon {
	    font-size: 25px;
	    margin: 0px 15px 0px 0px;
	    width: 40px;
	    height: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.travel-list li.nav-item .icon.icon-cars {
	    font-size: 20px;
	}
	.travel-list li.nav-item a:hover, .travel-list li.nav-item a.active, .travel-list li.nav-item a:focus{
	   color:#e785ff;
	}
	.travel-list li.nav-item a:hover::before, .travel-list li.nav-item a.active::before{
	   background: var(--travel-hover)
	}
	.travel-content {
	    padding-left: 0px;
	}
	.travel-content figure {
	    position: relative;
	    left: -70px;
	    margin: 0px;
	}
	.travel-content figure img {
	    border-radius: 5px;
	    width: 100%;
	    height: auto;
	    padding: 10px 0px;
	}
	.travel-unorderlist {
	    margin: 15px 0px 10px;
	    border-top: 1px solid rgba(255, 255, 255, 0.2);
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.travel-unorderlist li a {
	    color: var(--white);
	    padding: 8px 0px;
	    margin: 0px 0px;
	    font-size: var(--body-font);
	    font-weight: 500;
	    letter-spacing: 0px;
	    cursor: pointer;
		border-top:1px solid transparent;
	    
	}
	.travel-unorderlist li a.active, .travel-unorderlist li a:hover {
	    color: var(--travel-hover);
	    border-top: 1px solid var(--travel-hover);
	}
	ul.choose-list {
	    padding: 20px 0px 0px;
	    margin: 0px;
	}
	.choose-list li span {
	    width: 60px;
	    padding: 10px 0px;
	}
	.choose-list li span .icon {
	    font-size: 40px;
	    color: var(--primary-color);
	}
	.choose-list li h4 {
	    font-weight: 500;
	    letter-spacing: 0.5px;
	}
	.choose-list li .discraption {
	    width: 90%;
	}
	.choose-inner--image img{
	    border-radius: 5px;
	    width: 100%;
	    height: auto;
	}
	.choose-list h4 {
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    font-size: var(--h5);
	}

	.seeOurList .seeAll {
	    font-family: var(--font-ragular);
	    letter-spacing: 1px;
	    color: var(--white);
	    display: flex;
	    align-items: center;
	    background: var(--primary-color);
	    padding: 15px 40px;
	    border-radius: 5px;
	    font-size: 1.1rem;
	}
	.seeOurList .seeAll .icon {
	    font-size: 14px;
	    padding-left: 15px;
	}
	.choose-section--inner .choose-innet--image img {
	    position: relative;
	    z-index: 99;
	    left:80px;
	}
	.choose-section--inner  img {
	    border-radius: 5px
	}
	.choose-section--inner figure{
		margin-bottom: 60px
	}
	.choose-section img {
	    width: 90%;
	}

	.choose-section figure{
	    text-align: center;
	    display: flex;
	    justify-content: center;
	}
	.choose-section--inner .choose-innet--image {
	    position: absolute;
	    z-index: 99;
	    margin-left: 0px;
	    left: 0px;
	    bottom: 0px;
	    padding:0px;
	}
	.chooser--inner {
	    position: relative;
	    justify-content: center;
	    display: flex;
	    flex-wrap: wrap;
	}
	/*.chooser--inner::before {
	    position: absolute;
	    content: "";
	    top: 0px;
	    width: 1px;
	    height: 100%;
	    background: #d7d7d7;
	    z-index: 9;
	}
	.choose-list::before {
	    position: absolute;
	    content: "";
	    width: 15px;
	    height: 15px;
	    background: var(--primary-color);
	    border-radius: 100%;
	    z-index: 99;
	    }*/
	    .choose-list {
	        position: relative;
	        justify-content: center;
	    }
	    .seeOurList {
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        position: relative;
	        z-index: 999;
	    }
	    .icon-list .icon {
	        width: 60px;
	        height: 60px;
	        display: inline-flex;
	        justify-content: center;
	        align-items: center;
	        background: var(--primary-color);
	        border-radius: 4px;
	        color: var(--white);
	        font-size: 30px;
	    }
	    /*--testimonials--*/
	    .testimonials-slider--inner {
	        padding: 15px;
	    }
	    .testimonials-inner--quote {
	        /*box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);*/
	        padding: 30px;
	        background:var(--newsletter);
	        margin-bottom:0px;
	        border-radius:10px;
	        position: relative;
	        width: 95%
	    }
	    .testimonials-inner--quote p.discraption {
	        font-size:1rem;
	        line-height: 34px;
	        margin: 0px
	    }
	/*.testimonials-inner--quote::before {
	    content: "";
	    position: absolute;
	    bottom: -60px;
	    left: 3%;
	    width: 0;
	    height: 0;
	    border: 30px solid var(--white);
	    border-color: transparent transparent var(--white) var(--white);
	    box-sizing: border-box;
	    box-shadow: -5px 4px 10px rgba(0, 0, 0, 0.15);
	    transform-origin: 0 0;
	    transform: rotate(-45deg);
	    }*/
	    .testimonials-inner--info img {
	        width: 100px;
	        height: 100px;
	    }
	    .testimonials-inner--info h4 {
	        font-family: var(--font-body);
	        font-weight: 500;
	        margin-bottom: 10px;
	    }
	    .testimonials-slider ul.slick-dots {
	        display: flex;
	        width: auto;
	        position: relative;
	        right: 0px;
	        bottom: 0px;
	        padding: 0px;
	        margin: 0px;
	        justify-content: center;
	        left: 0px;
	        z-index: 99
	    }
	    .testimonials-slider ul.slick-dots li {
	        margin: 0px 5px;
	        width: 10px;
	        height: 10px;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	    }
	    .testimonials-slider ul.slick-dots li button {
	        border: none;
	        font-size: 0px;
	        width: 10px;
	        height: 10px;
	        border-radius: 100px;
	        background: var(--gray);
	    }
	    .testimonials-slider ul.slick-dots li.slick-active button{
	       background: var(--primary-color);
	   }
	   .testimonials-slider.slider .slick-nav.prev-arrow {
	    left: auto;
	    right: 140px;
	}
	.testimonials-slider.slider .slick-nav{
	    top: auto;
	    bottom: 60px
	}
	.testimonials-slider.slider .slick-nav.next-arrow {
		top: auto;
	    right: 14px;
	}
	.testimonials-section .container {
	    position: relative;
	    z-index: 99;
	}
	.testimonials-inner--info {
	    padding-left: 30px;
	    justify-content: end;
	    position: relative;
	    z-index: 9;
	    margin-top: -30px;
	}
	/*--About--*/
	.about-section .about-content.gray {
	    font-size: 1.5rem;
	    line-height: 48px;
	    font-weight: 300;
	    padding: 10px 0px 15px;
	}
	/*--Footer--*/
	footer.footer{
		padding-top: 130px;
		background: var(--primary-color);
	}
	.newsLetter {
		position: relative;
	    z-index: 99;
	    margin-bottom: -80px;
	}
	.newsletter--inner {
	    background: var(--white);
	    padding: 40px;
	    box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.25);
	    border-radius: 8px;
	}
	.newsletter--inner p.discraption {
	    margin: 0px;
	    font-size: 1rem;
	    line-height: 30px;
	    font-family: var(--font-ragular);
	    padding-bottom: 10px
	}
	span.wpcf7-spinner {
	    position: absolute;
	    bottom: -24px;
	    right: 0px
	}
	.articles-section figure img {
	    height: 350px;
	    object-fit: cover;
	}
	.articles-section p {
	    
	    line-height: 24px
	}
	.newsLetter--form .services-group  p {
	    display: flex;
	    margin: 0px;
	    justify-content: flex-end;
	}
	.newsLetter--form .input-group input {
	    border: 1px solid #8a8a8a;
	    max-width: 400px;
	    padding: 7px 15px;
	    border-radius: 4px 0px 0px 4px;
	    height:54px;
	}
	.newsLetter--form .input-group input.wpcf7-submit {
	    border: none;
	    background:var(--primary-color) ;
	    color:var(--white) ;
	    letter-spacing: 0.5px;
	    border-radius: 0px 4px 4px 0px;
	    max-width: 180px
	}
	.newsLetter--form .input-group input.wpcf7-submit:hover{
	    background:var(--gray) ;
	    color:var(--white) ;
	}
	.button-custom.btn-blue {
	    background: var(--primary-color);
	    color: var(--white);
	    line-height: 36px;
	}
	.social-icon {
	    padding: 0px;
	    margin: 10px 0px;
	    align-items: center;
	}
	.social-icon li {
	    padding: 0px;
	    margin: 0px 10px;
	}
	.social-icon li:first-child{
	    margin-left: 0px
	}
	/*.social-icon li a{
		color:var(--white);
	    }*/
	    .social-icon .icon{
	       font-size:var(--h4)
	   }
	   .footer h4 {
	    color: var(--white);
	}
	.footer .footer-links {
	    padding: 0px;
	}
	.footer .footer-links li a {
	    padding: 5px 0px;
	    position: relative;
	    color: var(--white);
	    font-size: 0.8rem;
	    display: flex;
	    align-items: center;
	    line-height: 20px;
	}
	.info .icon {
	    font-size: 20px;
	    margin-right: 10px;
	}
	/*.footer .footer-links li a:before{
		position: relative;
		margin-right: 10px;
		content: "";
		width: 10px;
		height: 1px;
		background: var(--white);
		display: inline-flex;
	}*/
	.footer .footer-links li {
	    padding: 5px 0px;
	}
	.address-section-footer h5 {
	    font-family: var(--font-ragular);
	    font-size: 1.2rem;
	    font-weight: 600;
	    position: relative;
	}
	.addrss--item {
	    /*background: #e1e2e1;*/
	    margin-right: 10px;
	    border-radius: 10px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	    border: 1px solid #3d86b7;
	}
	/*.cnt_phn {
		margin:0px;
	}*/
	/*.address-section-footer h5::before {
	    content: "";
	    right: 0px;
	    width: 2px;
	    background-color: var(--white);
	    height: 24px;
	    top: 0px;
	    position: absolute;
	}*/
	.address-section-footer .col:last-child h5::before{
	    display: none;
	}
	/*.certificate-section{
	     border-top: 1px solid rgba(255, 255, 255, 0.2);
	     }*/
	     .footer-bottom {
	        padding: 20px 0px;
	        border-top: 1px solid rgba(255, 255, 255, 0.2);
	        /*margin-top: 50px;*/
	        display: flex;
	        align-items: center;
	    }
	    .footerlinks{
	        /*padding-bottom: 20px;*/
	        border-top: 1px solid rgba(255, 255, 255, 0.2);
	    }
	    .footer-bottom .Terms-list {
	        margin: 0px;
	        justify-content: end;
	        align-items: center;
	        padding-bottom: 0px;
	        padding-left: 0px;
	       
	    }
	    .footer-bottom .Terms-list li{
	       padding:0px 20px;
	   }
	   .footer-bottom .Terms-list li a {
	    color: var(--white);
	    font-size: 0.8rem;
	}
	   .footer .certificate {
	    display: flex;
	    justify-content: center;
	}
	.footer .certificate img {
    height: 60px;
    width: auto;
}
	.articles-info {
	    position: absolute;
	    bottom: 0px;
	    padding:15px 30px;
	    background: rgba(255, 255, 255, 0.5);
	    width: 100%;
	    left: 0px;
	}
	.articles-info h6 {
	    font-family: var(--font-ragular);
	    font-size: 1.1rem;
	    margin: 0px;
	    line-height: 30px;
	}
	.articles-info p {
	    font-family: var(--font-ragular);
	    font-size: 1rem;
	    margin: 0px;
	    padding-bottom: 0px
	}
	.articles-section h3 {
	    font-weight: 600;
	    font-family: var(--font-ragular);
	    font-size: 1.2rem;
	    line-height: 24px;
	}
	.ellipse-testimonials{
	    position: relative;
	    overflow: hidden;
	}
	.ellipse-testimonials::after {
	    position: absolute;
	    bottom: -6%;
	    left: 30%;
	    content: "";
	    max-width: 450px;
	    height: 100%;
	    background: url(./images/ellipse-testimonials.svg) no-repeat center top;
	    z-index: 9;
	    width: 100%;
	    max-height: 400px;
	    background-size: 380px auto;
	}
	section.testimonials-section::before {
	    position: absolute;
	    content: "";
	    left: 0px;
	    width: 7%;
	    height: 340px;
	    background: var(--newsletter);
	    border-radius: 0px 10px 10px 0px;
	    opacity: 0.15;
	}

	/*framework-section*/
	.framework-section .tech-title {
	    margin-bottom: 15px;
	    font-family: var(--font-ragular);
	    font-weight: 600;
	}
	.framework-section ul li {
	    padding: 10px 0px;
	    align-items: center;
	    font-size: 1.3rem;
	    font-weight: 500;
	}
	.framework--img img {
	    width: auto;
	    height: 40px;
	}
	.framework-section ul li .framework--img {
	    width: 60px;
	}
	.framework-section  .Jobs-section--list li.nav-item a {
	    font-size: 1.7rem;
	    padding: 13px 20px;
	    color: var(--gray)
	}
	.framework-section .Jobs-section--list li.nav-item a.active {
	    color: var(--primary-color);
	    /*background: var(--facts-banner-bg);*/
	}
	.framework-section .Jobs-section--list {
	    /*border-radius: 10px;
	    border: 1px solid var(--border-color);
	    padding: 15px 20px ;*/
	    margin-right: 30px;
	    /*align-items: flex-start;*/
	    padding: 0px
	    
	}
	.framework-section .Jobs-section--list li{
	    border: none;
	    border-bottom: 1px solid var(--border-color);
	    padding: 0px !important;
	}
	.framework-section .Jobs-section--list li:last-child{
	    border-bottom: none
	}
	.partners-slider .slick-nav .icon {
	    color: var(--gray);
	}
	/*--partners-section--*/
	.partners-section{
	    background: var(--partner-bg)
	}
	.partners--item figure {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0px
	}
	.partners--item figure img {
	    max-width: 75%;
	    transition: transform 0.1s ;
	    outline: none;
	    width: auto;
	}
	.addrss--item .cnt_phn a {
	    color: var(--white);
	}
	.addrss--item .cnt_phn a:hover {
	    color: var(--white);
	    text-decoration: underline;
	}
	.social-icon li a:hover {
	    color: var(--gray);
	}
	.addrss--item .cnt_phn  {
	    margin-bottom: 5px
	}
	.partners--item figure img:hover {
	    -ms-transform: scale(1.2); /* IE 9 */
	    -webkit-transform: scale(1.2); /* Safari 3-8 */
	    transform: scale(1.2); 
	}
	/*--Facts--*/
	.facts-section {
	    background: var(--facts-banner-bg);
	}
	.facts-section .container {
	    z-index: 99;
	    position: relative;
	}
	.free-features {  
	    display: inline-flex; 
	    font-size: 1.1rem; 
	    line-height: 30px;
	}
	span.sub-title--inner {
	    color: var(--facts);
	}
	.btn-facts{
	    background-color: var(--facts);
	    color: var(--white);
	    line-height: 24px;
	    padding: 15px 40px;
	    display: flex;
	    align-items: center;
	    font-size: 1.1rem;
	    font-weight: 500;
	    border: none;
	    display: inline-flex;
	}
	.btn-facts:hover{
	    background-color: var(--primary-color);
	    border: none;
	    color: var(--white)
	}
	.btn-facts .icon{
	    margin-left: 10px;
	    font-size: 10px
	}
	.free-features strong {
	    font-weight: 500;
	    padding-right: 3px
	}

	.aboutfacts--item .card-body {
	    border-right: 1px solid var(--border-color);
	}
	.aboutfacts--item:last-child .card-body {
	    border-right: none;
	}
	.aboutfacts--item:first-child .card-body {
	    padding-left:0px;
	}
	.aboutfacts--item i.icon {
	    font-size: 35px;
	    margin-bottom: 20px;
	    display: inline-flex;
	    color: var(--facts);
	}
	.aboutfacts--item p.discraption {
	    font-size: 1.1rem;
	    font-weight: 500;
	    line-height: 27px;
	    margin: 0px;
	}
	.world-section {
	    background: var(--primary-color);
	    background-image: url(./images/World.svg);
	    background-repeat:  no-repeat;
	    background-position:  bottom right;
	    background-size: 55%;
	}
	.world--item {
	    margin: 20px 0px;
	}
	.world--item h4 {
	    margin-bottom: 0px;
	    /*width: 60%;*/
	    font-size: 2.2rem;
	    font-family: var(--font-ragular);
	    font-weight: 500;
	    display: flex;
	    align-items: center;
	    padding-bottom: 15px;
	    padding-left: 15px
	}
	.world--item h4 span {
	    font-size: 1.5rem;
	    margin-left: 15px;
	}
	.world--item h5 {
	    width: 40%;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	    padding-bottom: 15px;
	    font-family: var(--font-body);
	    font-size: 1.1rem;
	    line-height: 28px;
	}
	.article-section h2.sub-title {
	    padding-top: 45px;
	}
	.features-services .article-section h2.sub-title {
	    padding-top: 10px;
	}
	.features-services  .features-section--item {
	    margin-bottom: 15px;
	}
	.feature--item{
	    margin: 15px 0px
	}
	.feature--item .card-body {
	    /*border: 1px solid var(--border-color);*/
	    border-radius: 7px;
	    padding:10px 15px;
	    background: var(--white)
	}
	.feature-item--title {
	    font-size: 1.2rem;
	    font-family: var(--font-ragular);
	    font-weight: 500;
	    margin-bottom: 10px;
	    min-height: 38px;
	}
	.facts-choose li {
	    padding: 12px 0px;
	    line-height: 24px;
	    font-size: 1rem;
	    font-family: var(--font-ragular);
	    
	    display: flex;

	}
	.facts-choose li .discraption {
	    margin: 0px;
	}
	.facts-choose li span.icon-choose .icon{
	    margin-right: 15px;
	    width: 24px;
	    height: 24px;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    background: var(--facts);
	    border-radius: 100%;
	    color: var(--white);
	    font-size: 18px;
	}
	.faq-section{
	    background:#E0F0FF;
	}
	.faq-section .accordion-item {
	    margin: 0px;
	    padding: 0px ;
	    border: none;
	    border-top: 1px solid var(--faq-border);
	    background: none;
	    border-radius: 0px;
	    position: relative;
	}
	.faq-section .accordion-item::before{
	    position: absolute;
	    top: -1px;
	    left: 0px;
	    width: 24px;
	    height: 2px;
	    background-color: var(--facts);
	    content: ""
	}
	.faq-section button.accordion-button {
	    border: none;
	    background: none;
	    border-radius: 0px;
	    padding: 7px 0px;
	    font-size: 1.1rem;
	    color: var(--gray);
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    line-height: 30px;
	    box-shadow: 0px 0px 0px #000;
	}
	.faq-section  .accordion-item h2 {
	    padding: 15px 0px;
	}
	.faq-section .accordion-body a {
	    color: var(--facts);
	}
	.faq-section .accordion-button .no {
	    margin-right: 40px;
	    color: var(--facts);
	}
	.faq-section .accordion-body {
	    padding: 0px 0px 20px 60px;
	}
	.faq-section .accordion-body p {
	    padding: 0px;
	    margin-bottom: 0px
	}
	.accordion-button:focus{
	    box-shadow: 0px 0px 0px #000;
	}
	.feature--item .icon-facts {
	    width: 60px;
	    height: 60px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background:var(--facts-icon);
	    margin-bottom: 10px;
	    border-radius: 100px;
	    color: var(--primary-color);
	    font-size: 30px;
	}
	.page-id-20 .header .logo-main, .page-id-637 .header .logo-main, .page-id-647 .header .logo-main, .page-template-yirondesk-features .header, .page-template-yirondesk .header .logo-main, .page-template-yiron_recruit .header .logo-main, .page-template-ycrm .header .logo-main, .page-template-yhrms .header .logo-main,  .page-template-ycrm-features .header .logo-main, .page-template-yhrms-features .header .logo-main, .page-template-yironrecruit-features .header .logo-main, .page-id-793 .header .logo-main, .page-template-travsuite .header .logo-main{
	    display: none;
	}
	.page-id-20 .header, .page-id-1351 .header, .page-id-1355 .header, .page-id-795 .header, .page-id-637 .header, .page-id-647 .header, .page-template-yirondesk-features .header .page-template-yirondesk .header, .page-template-yiron_recruit .header, .page-template-ycrm .header, .page-template-yhrms .header,  .page-template-ycrm-features .header, .page-template-yhrms-features .header, .page-template-yironrecruit-features .header, .page-id-793 .header, .page-id-1477 .header , .page-id-2154 .header, .page-id-2438 .header, .page-id-22 .header, .page-template-product-page .header, .page-id-5555 .header, .page-id-5916 .header, .page-template-yirondesk-features .header{
	    position: absolute;
	    right: 0px;
	    display: none;
	}
	.facts-header .logo-products {
	    height: 65px;
	    width: auto;
	}
	.facts-header .navbar-brand {
	    padding: 0px;
	}
	.top-header {
	    background: var(--primary-color);
	    padding: 5px 0px;
	    margin-bottom: 7px
	}
	.top-header .phone {
	    color: #fff;
	    font-size: 1.1rem;
	    font-family: var(--font-title);
	    letter-spacing: 0.5px;
	}
	.top-header .phone.mail {
	    font-family: var(--font-ragular);
	}
	.top-header .phone .icon {
	    width: 28px;
	    height: 28px;
	    display: inline-flex;
	    border: 2px solid var(--white);
	    align-items: center;
	    justify-content: center;
	    border-radius: 100%;
	    padding: 5px;
	    font-size: 1rem;
	    margin-right: 15px;
	    color: var(--white);
	}
	.top-header .phone.mail .icon-email {
	    border: none;
	    padding: 0px;
	    margin-right: 10px;
	    font-size: 1.7rem;
	}
	.facts-header nav.navbar .collapse {
	    justify-content: end;
	}
	.facts-header nav.navbar {
	    padding: 0px;
	    background: none
	}
	button:focus:not(:focus-visible) {
	    outline: 0;
	    border: none !important;
	    box-shadow: none !important;
	}
	.facts-header nav ul li {
	    padding: 0px 20px;
	}
	.facts-header nav ul li.current_page_item a, .facts-header nav ul li a:hover {
	    color: var(--primary-color)
	}

	.facts-header nav ul li.Get-Started a {
	    background-color: var(--facts);
	    color: var(--white);
	    line-height: 24px;
	    padding: 15px 40px;
	    display: flex;
	    align-items: center;
	    font-size: 1.1rem;
	    font-weight: 500;
	    border: none;
	    border-radius: 5px;
	}
	.facts-header nav ul{
	    display: flex;
	    align-items: center;
	}
	.facts-header nav ul li.Get-Started {
	    margin-left: 20px;
	    padding-right: 0px;
	}
	.facts-header nav ul li a {
	    font-size: 1.1rem;
	    color: var(--gray);
	    font-weight: 500;
	}
	.facts-header nav ul li a:hover {
	    color: var(--primary-color);
	}
	.facts-header {
	    padding: 0px;
	    background: var(--white);
	    /* position: absolute;*/
	    width: 100%;
	    /*left: 0px;*/
	    z-index: 999;
	    padding-bottom: 7px;
	}
	.facts-header.fixed-header {
	    position: sticky;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    z-index: 99999;
	}
	.facts-header.fixed-header .navbar-brand{
	    display: block;
	}
	.requestForm .modal-dialog {
	    max-width: 800px;
	}
	.requestForm .modal-header {
	    border-bottom: 1px solid var(--border-color);
	    padding: 15px 30px;
	}
	.requestForm h5 {
	    font-size: 30px;
	    line-height: 50px;
	    font-weight: 500;
	}
	.modal-header .btn-close {
	    /*border: 1px solid var(--gray);*/
	    border-radius: 40px;
	    color: var(--gray);
	    padding: 10px;
	    font-size: 14px;
	}
	.requestForm .modal-body {
	    padding: 15px 30px;
	}
	/*Sign up*/

	.getStarted .modal-dialog {
	    max-width: 1200px;
	}
	.getStarted .modal-header {
	    position: absolute;
	    right: 10px;
	    top: 9px;
	    z-index: 999;
	}
	.addrss i.icon {
	    font-size: 30px;
	    color: var(--gray);
	    margin: 5px 0px 0px;
	}
	p.cnt_phn.gray {
	    margin: 0px;
	}
	.getStarted {
	    z-index: 9999;
	}
	.awards-section figure img {
	    height: 60px;
	    width: auto;
	}
	.getStarted-left .card-body {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.getStarted-left {
	    background: var(--newsletter);
	    border-radius: 5px 0px 0px 5px;
	    padding:30px;
	    background: url(./images/requestdemo-p-min.png) no-repeat center top;
	    background-size: cover;
	}
	.getStarted-left h4 {
	    font-size: 30px;
	    color: var(--white);
	    margin-bottom: 20px;
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    line-height: 44px;
	}
	.getStarted-left p {
	    font-size: 16px;
	    color: var(--white);
	    line-height: 30px;
	}
	.getStarted-right .card-body {
	    padding:15px 20px;
	}
	.getStarted-right h5 {
	    font-size: 1.5rem;
	    margin-bottom: 10px;
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    line-height:40px;
	}
	 .form-group {
	    width: 100%;
	    padding-bottom: 10px;
	}
	 .form-group p {
	    width: 100%;
	    margin: 0px;
	}
	 .form-group label {
	    font-size: 0.9rem;
	    line-height: 22px;
	    width: 100%;
	    
	}
	 .form-group label sup {
	    color: red
	}
	.form-group input,  .form-group select,  .form-group textarea {
	    width: 100%;
	    height: 40px;
	    border: 1px solid #8b8b8b;
	    border-radius: 3px;
	    padding: 0px 15px;
	    color: var(--gray);
	}
	
	 .form-group .select span.select2 .selection span.select2-selection {
    	width: 100% !important;
	    height: 44px;
	    border-radius: 3px;
	    padding: 0px 15px;
	    color: var(--gray);
	    display: flex;
	    align-items: center;
	    position: absolute;
	    top: 0px;
	    z-index: 99;
	    left: 0;
	}
	.getStarted  span.select2-container.select2-container--default.select2-container--open {
	    max-height: 220px;
    	
	    right: 0;
	    z-index: 999;
	    margin: 0;
	    list-style: none;
	    background-color: var(--white);
	    border-radius: 0px 0px 5px 5px;
	    border: 1px solid #8b8b8b;
	    max-width: 256px;
	    padding: 10px;
	}
	#getStartedChatModal.getStarted span.select2-container.select2-container--default.select2-container--open, #getStartedrecruitModal.getStarted span.select2-container.select2-container--default.select2-container--open, #getStartedSuitModal.getStarted span.select2-container.select2-container--default.select2-container--open, #getStartedcrmModal.getStarted span.select2-container.select2-container--default.select2-container--open, #getStarteddeskModal.getStarted span.select2-container.select2-container--default.select2-container--open{
		max-width: 535px;
	}

	.getStarted .select span.select2-container.select2-container--default.select2-container--open {
	  padding: 0px;
	  border: none;
	  max-height: inherit;
	  display: block;
	}
	.getStarted span.select2-container.select2-container--default span.select2-search.select2-search--dropdown {
	    margin: 0;
	    width: 100% !important;
	    display: block;
	}
	.getStarted span.select2-container.select2-container--default span.select2-search.select2-search--dropdown input {
		width: 100%;
	    height: 40px;
	    border: 1px solid #8b8b8b;
	    border-radius: 3px;
	    padding: 0px 15px;
	    color: var(--gray);
	}
	.getStarted span.select2-container.select2-container--default.select2-container--open ul.select2-results__options {
	    width: 100%;
	    padding: 0px;
	}
	.getStarted span.select2-container.select2-container--default.select2-container--open ul.select2-results__options  li {
	    color: var(--gray);
	    margin: 0;
	    padding: 5px 10px;
	    font-size: 13px;
	    text-align: left;
	    width: 100%;
	    display: inline-grid;
	    align-items: center;
	    line-height: 18px;
	}
	.getStarted span.select2-container.select2-container--default span.select2-results {
	    display: block;
	    overflow-y: auto;
	    height: 160px;
	    width: 100%;
	}
	
	.form-group textarea {
	    height: 70px;

	}
	 .form-group .contact_field p {
	    display: flex;
	    justify-content: space-between;
	}
	 .form-group .contact_field p br{
	    display: none
	}

	 .form-group .contact_field span.wpcf7-form-control-wrap .intl-tel-input {
	    width: 110px;
	    margin-right: 10px
	}
	 .form-group span.wpcf7-list-item input[type="checkbox"] {
	    width: auto;
	    height: auto;
	    margin-right: 15px;
		 margin-top:2px
	}
	 .form-group span.wpcf7-list-item {
	    margin: 0px;
	    /* display: flex; */
	}
	 .form-group.submit input {
	    border: none;
	    background: var(--primary-color);
	    color: var(--white);
	    font-size: 20px;
	    font-weight: 500;
	    height: 48px;
	}
	.wrapper .aboutfacts-section iframe {
	    width: 100%;
	    min-height: 500px;
	 
	}

	/*--Careers-page--*/
	.email-section-inner {
	    background: var(--primary-color);
	    padding-right: 20px;
	    padding-left: 20px;
	    border-radius: 5px
	}
	.email-section-inner h5 {
	    font-size: 2rem;
	    font-weight: 400;
	    font-family: var(--font-ragular);
	    margin-bottom: 10px;
	    line-height: 44px;
	}
	.benefits--item .icon {
	    color: var(--primary-color);
	    font-size: 40px;
	    display: inline-flex;
	    margin-bottom: 20px;
	}
	.benefits--item {
	    padding-right: 30px;
	    padding-left: 30px
	}
	.benefits--item .benefits-title {
	    font-size: 1.5rem;
	    font-family: var(--font-ragular);
	    font-weight: 500;
	}
	.Jobs-section--list {
	    width: 25%;
	    display: flex;
	    flex-wrap: wrap;
	}
	.jobs--content {
	    width: 75%;
	}
	.Jobs-section--list li.nav-item {
	    width: 100%;
	    padding:12px 0px;
	}
	.Jobs-section--list li.nav-item a {
	    padding: 0px;
	    font-size: 2rem;
	    line-height: 48px;
	    font-weight: 600;
	}
	.Jobs-section--list li.nav-item a.active {
	    color: var(--primary-color)
	}
	.Jobs-section--inner {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: start;
	    border-top: 1px solid #d3d3d3;
	    padding-top: 30px;
	}
	.jobs--content .accordion {
	    display: flex;
	    flex-wrap: wrap;
	}
	.jobs--content .accordion-item {
	    padding: 0px 15px;
	    width: 50%;
	}
	.jobs--content .accordion-item h2 {
	    padding: 0px;
	}
	.jobs--content .accordion-button {
	    border-bottom: 1px solid var(--border-color);
	    background: none;
	    padding: 20px 0px;
	    line-height: 30px;
	    font-size: 1.5rem;
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    color: var(--gray);
	}
	.container-inner {
	    position: relative;
	    z-index: 999;
	    width: 100%;
	    max-height: 1000px;
	    
	}
	.page-template-careers .wrapper iframe {
	    width: 100%;
/* 	    max-height: 1000px;
	    min-height: 800px; 
	    overflow-y: auto;*/
	}


	.jobs--content ul li {
	    width: 32%;
	    padding: 20px 15px;
	    border: 1px solid #d3d3d3;
	    margin: 0px 2% 25px 0px;
	    border-radius: 5px;
	}
	.jobs--content ul li:nth-child(3n){
	    margin-right:0px;
	}
	.jobs--content ul li span.btn-apply {
	    display: block;
	    margin: 10px 0px 0px;
	}
	.jobs--content ul li span.btn-apply a {
	    background: var(--primary-color);
	    padding: 10px 30px;
	    display: inline-flex;
	    border-radius: 5px;
	    color: var(--white);
	    font-size: 16px;
	    font-weight: 500;
	}
	.jobs--content ul li span.btn-apply a:hover{
	    background: #333
	}
	.jobs--content ul li a {
	    font-size: 1rem;
	    font-weight: 500;
	    line-height: 30px;
	    color:var(--gray);
	}
	.jobs--content ul li a:hover {
	    color:var(--primary-color);
	}
	.jobs--content ul {
	    width: 100%;
	    padding: 0px;
	    display: flex;
	    flex-wrap: wrap;
	}
	.job-section .row {
	    align-items: center;
	}
	.job-section .col-3 {
	    display: flex;
	    align-items: start;
	}
	.job-section .col-3 input {
	    width: 100%;
	    height: 48px;
	    border: 1px solid var(--border-color);
	    font-size: 1rem;
	}
	.job-section .col-3 select {
	    width: 100%;
	    height: 48px;
	    border: 1px solid var(--border-color);
	    font-size: 1rem;
	    margin-right: 10px;
	}
	.job-section .col-3 button.btn {
	    height: 48px;
	    background: var(--primary-color);
	    padding: 0px 15px;
	    border:none;
	}
	.job-section .col-3 button.btn:hover{
	    background: var(--gray)
	}
	.career_section h2 {
	    font-size: 30px;
	    font-family: var(--ont-regular);
	    font-weight: 600;
	}

	    .accordion-button:not(.collapsed){
	        color: var(--primary-color)
	    }
	    .jobs--content .accordion-body {
	        padding: 10px 0px 0px;
	    }
	    .accordion-button::after{
	        background: url(./images/plus.svg) no-repeat center top;
	    }
	    .accordion-button:not(.collapsed)::after{
	        background: url(./images/minus.svg) no-repeat center top;
	    }
	    /*Features pages*/
	/*.facts-section{
	    padding: 150px 0px;
	    }*/
	    .scroll-to-fixed-fixed .article-sidebar-menu.js-navigation-list {
	        overflow-y: auto;
	        height: calc(100vh - 130px);
	        width: 100%;
	    }
	    .features-section{
	    	padding-bottom: 80px;
	    }
	    .features-section::before {
	        background-color: var(--feature-left);
	        width: 30%;
	        position: absolute;
	        left: 0px;
	        top: 0px;
	        height: 100%;
	        content: "";
	        z-index: 9;
	    }
	    .features-section .article-sidebar {
	        display: flex;
	        font-size: 1rem;
	        line-height: 22px;
	        padding:0px;
	        margin: 8px 0px;
	        font-weight: 500;
	        align-items: center;
	        color: var(--gray);

	    }
	    .features-section .article-sidebar.active{
	        color: var(--facts);
	    }
	    .features-section .container {
	        z-index: 99;
	        position: relative;
	    }

	    .features-section--item {
	        margin-bottom: 30px;
	    }
	    .features-section--item:nth-child(3n+1){
	        padding-left: 0px !important;
	    }
	    .features-section--item .card-body {
	        padding: 0px;
	        display: flex;
	    }
	    .features-section--item .iconfeature {
	        width: 27px;
	        height: 27px;
	        display: flex;
	        margin-right: 15px;
	        background: var(--primary-color);
	        border-radius: 100%;
	        align-items: center;
	        justify-content: center;
	        font-size: 18px;
	        color: var(--white);
	        flex: none;
	    }
	    .features-section--item h5 {
	        font-family: var(--font-ragular);
	        font-size: 1rem;
	        line-height: 24px;
	        font-weight: 500;
	        margin: 0px;
	    }
	    .features-section .col-md-3 {
	        background: var(--feature-left);
	    }
	    .features-section .article-sidebar .icon {
	        font-size: 25px;
	        display: flex;
	        margin-right: 7px;
	        width: 36px;
	        height: 36px;
	        align-items: center;
	    }
	    /*Contact us */
	    .locations {
	        position: absolute;
	        top: 0px;
	        left: 0px;
	        width: 100%;
	        height: 100%;
	    }
	    .locations button.ctooltip{
	    	position: absolute;
	    	border: none;
	        border-radius: 100%;
	        height: 15px;
	        width: 15px;
	    } 
	    .locations button.ctooltip::before {
		    content: "\e977";
		    font-family: 'icomoon' !important;
		    left: -12px;
		    position: absolute;
		    top: -30px;
		    font-size: 50px;
		}
	    .locations button.Chandigarh {
	        right: 29%;
	        top: 37%;
	        background: #87cfff;
	    }
	    .locations button.Chandigarh::before {
	    	color: var(--primary-color);
	    }
	    .locations button.pune { 
	        right: 31%;
	        top: 41%;
	        background: #f5b685;
	    }
	    .locations button.pune::before {
	    	color: #FF770E;
	    }
	    .locations button.dubai {
	        right: 37%;
	        top: 39%;
	        background: #9db3ff;
	    }
	    .locations button.dubai::before {
	    	color:var(--newsletter)
	    	;
	    }
	    .locations button.ukingdom {
	        left: 44%;
	        top: 22%;
	        background: #84f8ff;
	    }
	    .locations button.ukingdom::before {
	    	color: #2499A0;
	    }
	    .locations button.usa {
	        left: 11%;
	        top: 30%;
	        background: #af7dff;
	    }
	    .locations button.usa::before {
	    	color: #6738B2;
	    }
	    .locations .ctooltip .ctooltiptext {
		    visibility: hidden;
		    max-width: 300px;
		    background-color: var(--white);
		    margin-left: -125px;
		    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
		    font-size: 20px;
		    line-height: 40px;
		    margin-bottom: 10px;
		    color: var(--primary-color);
		    font-weight: 500;
		    width: auto;
		    min-width: 250px;
		}
		  .locations i.icon {
		    display: block;
		    margin-bottom: 10px;
		    margin-top: 15px;
		    font-size: 40px;
		    color: var(--gray)
		}
		.locations .ctooltiptext .discraption {
		    line-height: 24px;
		    font-size: 0.9rem;
		    padding: 0px 10px;
		}
		.locations .ctooltiptext h5 {
		    font-family: var(--font-ragular);
		    font-weight: 500;
		    padding: 5px 0px;
		    margin: 0px;
		    font-size: 1.2rem;
		}

	/*About*/
	.page-title {
	    color: var(--white);
	    font-size: 1.5rem;
	    font-family: var(--font-ragular);
	    line-height: 48px;
	    font-weight: 500;
	}
	.about--list {
	    position: relative;
	    padding-left: 0px;
	    margin-top: 40px;
	}
	.about--list::before {
	    position: absolute;
	    left: 6px;
	    top: 0px;
	    height: 100%;
	    width: 1px;
	    background-color: var(--border-color);
	    content: "";
	}
	.about--list::after {
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height: 14px;
	    width: 14px;
	    background-color: var(--primary-color);
	    content: "";
	    border-radius: 10px;
	}
	.about--list .media {
	    padding: 20px 0px 20px 50px;
	    position: relative;
	    display: flex;
	    
	}
	.about--list .media:last-child{
	    padding-bottom: 0px
	}
	.about--list .our-mission .icon {
	    margin-right: 30px;
	    width: 60px;
	    height: 60px;
	    border-radius: 5px;
	    background: var(--primary-color);
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--white);
	    font-size: 25px;
	}
	.about--list .Mission .our-mission .icon {
	    background: var(--facts);
	}
	.about--list .Values .our-mission .icon {
	    background: #9a54ff;
	}
	.about--list .media::before {
	    content: "";
	    position: absolute;
	    left: 6px;
	    background-color: #fff;
	    width: 12px;
	    height: 22px;
	    background-image: url(./images/arrow-ch.svg);
	    background-repeat: no-repeat;
	    background-position: center left;
	    top: 40px;
	}
	.about--list .media::after {
	    content: "";
	    position: absolute;
	    background-color: var(--primary-color);
	    width: 8px;
	    height: 8px;
	    border-radius: 10px;
	    left: 2px;
	    top: 47px;
	}

	.about--list h3 {
	    font-family: var(--font-ragular);
	    font-size: 1.5rem;
	    font-weight: 500;
	    margin-bottom: 5px;
	    color: var(--primary-color)
	}
	.about--list .Mission h3 {
	    color: var(--facts);
	}
	.about--list .Values h3 {
	    color: #9a54ff;
	}
	.about--list p {
	    line-height: 24px;
	    margin: 0px;
	}
	.about--list .our-mission .icon-vision {
	    font-size: 18px;
	}
	.awards-section figure {
	    text-align: center;
	    display: flex;
	    justify-content: center;
	}
	.winning-section {
	    background: var(--primary-color);
	    padding:60px 0px;
	    position: relative;
	}
	.winning-subtitle{
	    font-family:  var(--font-ragular);
	    font-size: 1.9rem;
	    font-weight: 600;
	    line-height: 40px;
	    margin-bottom: 15px;
	}
	.winning-title{
	    font-family:  var(--font-ragular);
	    font-size: 2.7rem;
	    font-weight:500;
	    line-height: 60px;
	    margin-bottom: 0px;
	}
	.winning-section figure {
	    position: absolute;
	    bottom: 40px;
	    margin-left: 50px;
	}
	.winning-section figure img{
	    width: 80%
	}
	.journey-section--inner figure {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.journey--inner {
	    /* background: url(./images/about-map-bg.png) no-repeat center bottom; */
	    padding: 0px;
	    /* background-size: 70% auto; */
	    position: absolute;
	    top: 0px;

	    z-index: 99;
	    height: 100%;
	    max-width: 1162px;
	}
	.journey--flag{
		
		display: flex;
		padding-right: 100px;
		position: absolute;

	}
.journey-process{
	justify-content: center;
	display: flex;
}
	/*.journey--flag::before {
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    content: "";
	    width: 100%;
	    height: 100%;
	    z-index: 9;
	}*/
	.journey-flag--inner ul {
	    list-style: outside;
	}
	.journey-flag--inner {
	    position: relative;
	    z-index: 99;
	    padding-bottom: 15px;
	}
	.flag-5 {
		padding-bottom: 50px
	}
	.flag-4 {
		padding-bottom: 50px
	}
	.flag-3 {
		padding-bottom: 30px
	}
	.journey-flag--inner ul {
	    list-style: outside;
	}
	.journey-flag--inner ul li {
	    line-height: 22px;
	    font-size: 15px;
	    padding: 5px 0px;
	}
	.journey-flag--inner p.discraption {
	    line-height: 22px;
	}
.journey--flag h3 {
    display: flex;
    width: 100%;
    font-family: var(--font-ragular);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 30px;
    margin-bottom: 10px;
    color: var(--primary-color)
}

.flag-1 {
    max-width: 550px;
    
    right: 20px;
    top: 45px;
}
.flag-2 {
    max-width: 490px;
    
    left: 3%;
    
    top: 100px;
}
.flag-3 {
    max-width: 400px;
   
    left: -19%;
    top: 31%;
}
.flag-4 {
        max-width: 400px;
    
    right: 6%;
    bottom: 22%;
}
.flag-5 {
    max-width: 350px;
    
    left: 6%;
    bottom: 45px;
}
.map-icon {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.map-icon img {
    width: 90px;
}
.flag-4 .map-icon {
    left: 0px;
}
.flag-4 .map-icon {
    left: 0px;
    right: auto;
}
.flag-4.journey--flag {
    padding-left: 110px;
    padding-right: 0px;
}
	/*.flag-1::before {
	    min-width: 350px;
	    min-height: 350px;
	    background: url(./images/flag-1.png) no-repeat right top;
	    background-size: 60% auto;
	    left: auto;
	    right: 0px;
	}

	.flag-2::before{
		min-width: 350px;
	    min-height: 288px;
	    background: url(./images/flag-2.png) no-repeat left top;
	    background-size: 60% auto;
	}
	.flag-3::before{
		min-width: 350px;
	    min-height: 227px;
	    background: url(./images/flag-4.png) no-repeat right top;
	    background-size: 60% auto;
	}
	.flag-4::before {
	    min-width: 320px;
	    min-height: 322px;
	    background: url(./images/flag-3.png) no-repeat left top;
	    background-size: 70% auto;
	}
	.flag-5::before {
	    min-width: 320px;
	    min-height: 310px;
	    background: url(./images/flag-5.png) no-repeat right top;
	    background-size: 70% auto;
	}*/
    .service-section .sub-title, .product-section .sub-title, .articles-section .sub-title{
        /*font-family: var(--font-ragular);*/
        font-size: 2.3rem;
        line-height: 54px;
    }
	.framework-section h4.page_title{
		padding-bottom: 15px;
	}
    .page_title {
        font-size: var(--h2);
        font-weight: 700;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 5px;
        display: flex;
        margin-top: 5px;
        justify-content: center;
        align-items: baseline;
        
    }
    .page_title span {
        font-size: 2rem;
        display: flex;
        padding-left: 9px;
    }
    .page_title::before {
        position: absolute;
        bottom: 0px;
        /*left: 0px;*/
        height: 1px;
        width: 10%;
        background: var(--white);
        content: ""
    }
    .articles-section .page_title::before {
        background: var(--gray);
        width:7%;
    }
    .articles-btn {
        background: var(--primary-color);
        padding: 15px 40px;
        color: var(--white);
        border-radius: 6px;
        border: none;
    }

    .articles-btn:hover {
        background: var(--gray);
        color: var(--white);
        border: none;
    }
    .weAre-section .page_title {
        justify-content: start;
    }
    .tooltip {
      	position: relative;
      	opacity: 1;
      	justify-content: center;
      	display: inline-flex;

	}
  	.tooltip:before {
	    content: attr(data-tooltip);
	    position: absolute;
	    /* width: 100px; */
	    background-color: var(--primary-color);
	    color: #fff;
	    text-align: center;
	    padding:10px 15px;
	    line-height: 1.2;
	    border-radius: 6px;
	    z-index: 1;
	    opacity: 0;
	    transition: opacity .2s;
	    bottom: 120%;
	    /*left: 18%;*/
	    margin-left: 0px;
	    font-size: 0.75em;
	    visibility: hidden;
	    font-size: 13px;
	}
	.tooltip:after {
	    content: "";
	    position: absolute;
	    bottom: 84%;
	    /*left:48%;*/
	    margin-left: -5px;
	    border-width: 10px;
	    border-style: solid;
	    opacity: 0;
	    transition: opacity .6s;
	    border-color: var(--primary-color) transparent transparent transparent;
	    visibility: hidden;
	}

	.tooltip:hover:before, .tooltip:hover:after {
	  opacity: 1;
	  visibility: visible;
	}
	.testimonials-section .tooltip:before {
	    margin-left: 0px; 
	}
	.testimonials-section .tooltip:after {
	    bottom: 22px;
	}
	/*Toc*/
	.sidebar_nav{
	    background: transparent;
	}
	.article-content-holder{
	    background: transparent;
	}
	.toc-list {
	    width: 100%;
	    position: relative;
	    
	}
	.input-group li.country {
	    display: flex;
	    align-items: center;
	}
	.Toc ol.toc-list, .Toc ul.toc-list {
	    list-style: none;
	    padding: 0;
	    max-height: calc(100vh - 180px);
	    overflow: auto;
	    padding-bottom: 20px;
	    align-items: start;
	}
	.features-section .sidebar_nav h2.sub-title {
	    margin-top: 45px;
	}
	.home-content.tooltip::after {
	    border-color: transparent transparent transparent var(--primary-color);
	    bottom: 21px;
	    left: 2px;
	}
	.home-content.tooltip:before {
	    bottom: 13px;
	    right: 76px;
	}
	.input-group p span.wpcf7-spinner {
	    width: 24px!important;
	    height: 24px;
	}
	.input-group p span.wpcf7-response-output{
	    display: none;;
	}
	.factswhatsapp img {
	    width: 30px;
	    margin-right: 10px;
	}
	.factswhatsapp {
	    display: flex;
	    /*flex-wrap: wrap;*/
	    justify-content: flex-end;
	    align-items: center;
	}
	.factswhatsapp .home-content {
	    padding-left: 50px;
	}
	.home-content .icon.bx-menu-fatcs {
	    color: var(--white);
	    font-size: 15px;
	    margin-top: 10px;
	    display: inline-flex;
	    font-weight: 700;
	}
	.facts-header .icon{
	    color: #333;
	}
	.plns_body_cntnt i.icon.icon-close {

	    border: 2px solid #D3D3D4;
	    border-radius: 100%;
	    padding: 4px;
	    font-size: 13px;
	    color: #d3d3d3;
	}
	.feature-section.yhrms_featr li {
	    position: relative;
	    display: flex;
	    width: 100%;
	    padding: 3px 0px 3px 35px;
	}
	.feature-section.yhrms_featr li:before {
	    content: "\e943";
	    font-family: 'icomoon' !important;
	    left: 0;
	    position: absolute;
	    width: 24px;
	    height: 24px;
	    background: var(--primary-color);
	    justify-content: center;
	    display: flex;
	    color: var(--white);
	    border-radius: 100%;
	    top: 6px;
	    align-items: center;
	}
	.page-template-bposervices .features-section::before{
		display: none;;
	}
	.learn-more-video {
	    display: flex;
	    justify-content: center;
	    margin-bottom: 20px;
	    position: relative;
	}
	.learn-more-video::before {
	    position: absolute;
	    width: 100%;
	    height: 1px;
	    content: "";
	    background: var(--border-color);
	    left: 0px;
	    bottom: 21px;
	    z-index: 9;
	}
	.learn-more-video.blank .btn-learn {
	    background: none;
	    border: none;
	}
	.learn-more-video button.btn {
	    padding: 10px 20px;
	    border: none;
	    color: var(--white);
	    background: var(--primary-color);
	    position: relative;
	    z-index: 99;
	}
	.learnmorevideo .modal-dialog, .learnmore .modal-dialog {
	    max-width: 900px;
	}
	.learnmorevideo--inner, .learnmore--inner {
	    padding: 20px;
	}
	.learnmorevideo iframe, .learnmore iframe{
	    width: 100%;
	    min-height: 450px;
	}
	.industries_in a.nav-link {
	    position: relative;
	    display: flex;
	    justify-content: center;
	}
	/*.industries_in{
	    margin-bottom: 25px
	}*/
	.industries_in a.nav-link.active::before {
	    content: "";
	    position: absolute;
	    bottom: -50px;
	    border: 25px solid transparent;
	    border-top: 25px solid #000;
	    display: inline-flex;
	    justify-content: center;
	    z-index: 99;
	}
	.custom_sec  ul {
	    margin:0px;
	    padding: 0px
	}
	.custom_sec li, .consulting_sec li {
	    padding: 12px 0px;
	    line-height: 24px;
	    font-size: 1rem;
	    font-family: var(--font-ragular);
	    display: flex;
	}
	.custom_sec li span.icon-choose, .consulting_sec  li span.icon-choose{
	    margin-right: 15px;
	    width: 24px;
	    height: 24px;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    background: var(--facts);
	    border-radius: 3px;
	    color: var(--white);
	    font-size: 18px;
	}
	.consulting_sec ul {
	    display: flex;
	    flex-wrap: wrap;
	}
	.consulting_sec ul {
	    display: flex;
	    flex-wrap: wrap;
	}
	.consulting_sec li {
	    width: 23.5%;
	    border: 1px solid #d3d3d3;
	    margin-bottom: 26px;
	    padding: 15px;
	    margin-right: 2%;
	    border-radius: 5px;
	}
	.consulting_sec li:nth-child(4n) {
	    margin-right: 0%;
	}
	/*.price_feild {
	    display: flex;
	    width: 100%;
	    align-items: baseline;
	    justify-content: center;
	}*/
	.old_price{
	    color:red;
	}
	.price_feild .old_price {
	    padding-right: 10px;
	}
	.error-banner {
	    background: linear-gradient(180deg, #7D45F6 0%, #5663DE 23.44%, #4D69D8 53.65%, #377BCB 79.69%, #0D99B0 100%);
	    position: relative;
	    padding-top: 100px;
	}
	.error-page h2 {
	    font-size: 100px;
	    color: var(--primary-color);
	    font-family: var(--font-ragular);
	    font-weight: 700;
	}
	.error-page h4 {
	    font-size: 30px;
	    font-family: var(--font-ragular);
	    font-weight: 700;
	}
	.privacy_banner.inner_banner{
	    min-height: inherit;
	    padding: 90px 0px 50px;
	}
	.privacy-section h4 {
	    padding: 5px 0px;
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    margin: 0px;
	}
	.privacy-section h5 {
	    padding: 5px 0px;
	    font-family: var(--font-ragular);
	    font-weight: 500;
	    margin: 0px;
	    font-size: 1.2rem
	}
	.discraption a {
	    color: var(--primary-color);
	}
	.discraption a:hover {
	    color: var(--gray);
	}

	.feature--list li .icon {
	    background: var(--primary-color);
	    border-radius: 3px;
	    width: 20px;
	    display: inline-flex;
	    height: 20px;
	    color: var(--white);
	    margin-right: 10px;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    left: 0px;
	}
	.feature--list li {
	    line-height: 20px;
	    padding: 4px 0px;
	    padding-left: 30px;
	    position: relative;
	}
	.product-section--card .discraption {
	    margin-bottom: 5px;
		line-height: 24px;
	}
	.contact-info{
	    display: none;
	}
	.contact-info .WhatsApp {
	    width: 40px;
	}
	.contact-info .links-header{
	    margin-right: 25px;
	    font-size: 1.1rem;
	    color: var(--white);
	    font-weight: 500
	}
	.contact-info .links-header .icon {
	    font-size: 25px;
	    width: auto;
	    height: auto;
	    margin-right: 15px;
	}
	.contact-info .links-header .icon-email {
	    font-size: 20px;
	   
	}
	.header.fixed-header .links-header{
	    color: var(--primary-color);
	}
	.header.fixed-header .contact-info{
	    display: flex;
	}
	.sidebar-section .contact-info .links-header{
	    color: var(--gray);
	}
	.sidebar-section .contact-info .links-header:hover{
	    color: var(--primary-color);
	}
	.contact-info.mobile {
	    display: none;
	}
	body #cookie-law-div {
	  width: 100%;
	  max-width: 100%;
	  bottom: 0px;
	  left: 0px;
	  border-radius: 0px;
	  background: rgba(0,0,0,0.5);
	  z-index: 9999999999;
	  /*min-height: 100px;*/
	}
	body #cookie-law-div #cookie-law-button {
	  width: 40px;
	  height: 40px;
	  font-size: 25px;
	  line-height: 40px;
	  display: inline-flex;
	  justify-content: center;
	  align-content: center;
	  background: #fff;
	  color: var(--gray);
	}
	body #cookie-law-div p {
	  color: var(--white);
	  width: 90%;
	  margin-right: 0px
	}
	.info-address {
	    padding: 10px 0px;
	}
	.col-12.top-up {
	    position: relative;
	    z-index: 99;
	}
	.product-title {
	    font-size: 3.7rem;
	    text-transform: uppercase;
	    font-family: var(--font-ragular);
	    font-weight: 700;
	    margin-bottom: 10px;
	    margin-bottom: 10px
	}
	.product-title .facts-break{
	    display: block;;
	}
	.facts-section .discraption {
	    font-size: 1.1rem;
	    line-height: 30px;
	    width: 90%;
	}
	.feature-section {
	    background: #125fd1;
	}
	.feature-section .feature--item{
	    background: none
	}
	.abt_bnnr_main .service_in {
	    padding-top: 0rem;
	}
	.abt_bnnr_main h2 {
	    font-size: 4rem;
	}
	ul.value_u {
	    padding: 0;
	}
	ul.value_u li {
	    font-weight:300;
	    position: relative;
	    padding-left: 16px;
	}
	ul.value_u li:before {
	    content: "";
	    left: 0;
	    position: absolute;
	    width: 6px;
	    height: 6px;
	    border-radius: 100px;
	    background: #26262691;
	    top: 11px;
	}
	.top-header .yiron-icon {
	    width: 36px;
	}

	.main-header-top img {
	    width: 34px;
	}
	.header.fixed-header .top-header .phone .icon {
	    color: var(--white);
	}
	.industries_in a.nav-link::after {
	    position: absolute;
	    content: "";
	    height: 30%;
	    width: 100%;
	    z-index: 999;
	    bottom: 0px;
	    left: 0px;
	    background: linear-gradient(180deg, rgba(98, 98, 98, 0.00) 0%, #121212 100%);
	}
	/*.floting-header-top {
	    position: fixed;
	    left: 0px;
	    top: 35%;
	    z-index: 99;
	    bottom: 0px;
	}*/
	.modal {
	    margin: 0px;
	    overflow: hidden;
	}
	.floting-header-top {
	    position: fixed;
	    top: 40%;
	    display: flex;
	    align-items: center;
	    right: 0px;
	    z-index: 9999;
	    /* bottom: 0px; */
	    white-space: nowrap;
	    width: 60px;
	    /* transform: rotate(-90deg); */
	    left: unset;
	    height: 180px;
	}
	.floting-header-top button.contact-form {
	    background-color: #03a9d0;
	    border-radius: 5px 5px 0px 0px;
	    padding: 14px 30px;
	    color: var(--white);
	    font-size: 1.2rem;
	    transform: rotate(-90deg);
	    position: relative;
	    z-index: 9999999;
	    margin: 0px;
	    align-items: center;
	    justify-content: center;
	    right: 60px;
	}
	.floting-header-top .floting-icon {
	    display: flex;
	    width: 44px;
	    margin-bottom: 15px;
	    height: 44px;
	    justify-content: center;
	    background: var(--facts-icon);
	    border-radius: 0px 4px 4px 0px;
	    align-items: center;
	    font-size: 1.5rem;
	    color: var(--primary-color);
	        transition: transform 0.1s;
	}

	.floting-header-top .floting-icon img {
	    width: 28px; 
	}
	.floting-header-top button.contact-form.active, .floting-header-top button.contact-form:hover, .floting-header-top button.contact-form:focus {
	    background-color: #03a9d0;
	    color: var(--white);
	    border: none;
	    outline: none;
	}
	.contact-form span {
	    font-family: var(--font-ragular);
	}
	.floting-header-top .floting-icon:hover{
		-ms-transform: scale(1.2);
	    -webkit-transform: scale(1.2);
	    transform: scale(1.2);
	}

	.contact-moda-info {
	    /* margin: 20px 0px 0px; */
	    width: 100%;
	}
	.requestForm .modal-header {
	    border-bottom: 1px solid var(--border-color);
	    padding: 15px 30px;
	    position: relative;
	    width: 100%;
	}
	.contact-moda-info .phone .icon {
	    margin-right: 10px;
	    font-size: 1.4rem;
	}
	.contact-moda-info .phone  {
	    font-size: 1rem;
	    font-weight: 500
	}
	.contact-moda-info .phone img {
	    width: 34px;
	}
	.modal {
	    z-index: 999999;
	}
	.modal-backdrop.show {
	    z-index: 99999;
	}
	.form-area {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.form-area .form-group{
	    width: 48%
	}
	.wpcf7 form .wpcf7-response-output {
	    font-size: 12px;
	    margin-top: 0px;
	}
	.ind--list {
	    width: 100%;
	    margin: 0px 0px 20px;
	}
	.ind--list li {
	    padding: 7px 0px;
	    color: var(--white);
	    list-style: outside;
	    line-height: 24px;
	}
	.footer .footer-links {
	    padding: 0px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-end;
	    margin: 0px;
	}
	.footer .footer-links li {
	    padding: 0px 20px;
	}
	.cont-frm-icn .icon {
	    font-size: 1rem;
	    font-weight: 700;
	}
	.facts-choose li h4 {
	    font-family: var(--font-ragular);
	    font-weight: 600;
	}
	.careers-section{
	    background: #E0F0FF;
	}
	/*.careers-section{
	    background: linear-gradient(180deg, #7D45F6 0%, #5663DE 23.44%, #4D69D8 53.65%, #377BCB 79.69%, #0D99B0 100%);
	}*/
	.pricing_tb a {
	    color: var(--primary-color);
	    font-weight: 600;
	    padding: 10px 20px;
	    border-radius: 0px;
	    position: relative;
	    border: 1px solid transparent;
	}
	.price_mn_tabs .container {
	    justify-content: center;
	    display: flex;
	    flex-wrap: wrap;
	}
	.pricing_tb a.active, .pricing_tb a:hover {
	    position: relative;
	    border: 1px solid #c2e1f5 !important;
	    border-top: #fff 1px solid !important;
	    color: var(--gray);
	    background: #f5f5f5
	    
	}
	.pricing_tb a.active:after,  .pricing_tb a.active:before {
	    top: 100%;
	    left: 50%;
	    border: solid transparent;
	    content: "";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    z-index: 2;
	}
	.pricing_tb a.active:before {
	    border-color: rgba(194, 225, 245, 0);
	    border-top-color: #c2e1f5;
	    border-width: 12px;
	    margin-left: -12px;
	}

	.pricing_tb a.active:after {
	    border-color: rgba(136, 183, 213, 0);
	    border-top-color: #fbfbfb;
	    border-width: 10px;
	    margin-left: -10px;
	}
	.footer-description {
	    padding: 25px 0px 15px;
	    font-size: 0.9rem;
	    line-height: 24px
	}
	.inner_banner .row {
	    align-items: center;
	}
	.plan-top {
	    min-height: 225px;
	}
	.plan-top-first{
	   min-height: 180px;
	}
	h6.office {
	    font-size: 15px;
	    font-family: var(--font-ragular);
	    font-weight: 500;
	    color: #4e4e4e;
	}
	.industries_in {
	    padding-bottom: 30px;
	}
	.feature--item .feature-item--title {
	    margin-bottom: 5px;
	    min-height: inherit;
	}
	.feature--item .discraption {
	    margin: 0px;

	}
	.form-area .input-group {
	    width: 48%;
	}
	.framework-section .page_title::before, .choose-section .page_title::before{
	    background: var(--gray);
	}
	.getInForm .modal-header {
	    align-items: start;
	    position: relative;
	}
	.getInForm .modal-header button.btn-close {
	    position: relative;
	    top: 10px;
	}
	.form-group .wpcf7-list-item-label a {
	    color: var(--primary-color);
	}

	.florcing_box_txt h5 {
	    font-family: var(--font-ragular);
	    font-weight: 500;
	}
	.florcing_box_txt ul {
	    padding: 0px;
	}
	.florcing_box_txt ul li {
	    display: flex;
	    align-items: center;
	    padding: 3px 0px
	}
	.florcing_box_txt .iconfeature .icon {
	    width: 20px;
	    height: 20px;
	    display: flex;
	    margin-right: 10px;
	    background: #c1c1c1;
	    border-radius: 100%;
	    align-items: center;
	    justify-content: center;
	    font-size: 16px;
	    color: var(--white);
	    flex: none;
	}
	.article-section figure img {
	    height: auto;
	    width: 100%;
	    object-fit: contain;
	    max-height: 500px;
	}

	.btn-readmore {
	    background: var(--primary-color);
	    color: var(--white);
	    padding: 11px 30px;
	    border-radius: 5px;
	    line-height: 30px;
	    border:none;
	    text-transform: capitalize;
	}
	.btn-readmore:hover{
		background: var(--gray);
		color: var(--white);
		border:none;
	}
	h3.sub-title {
	    font-size: 2.2rem;
	    font-weight: 600;
	    line-height: 48px;
	}
	.hrmsPlan .pricing_bx_in {
	    padding-bottom: 0px;
	}
	.hrmsPlan p.mnth_sub {
	    min-height: 80px;
	}
	.articles-readmore {
	    background: var(--primary-color);
	    padding: 10px 19px;
	    color: var(--white);
	    border-radius: 6px;
	    border: none;
	    border: none;
	}
	.articles-readmore:hover {
	    background: var(--gray);
	    color: var(--white);
	    border: none;
	}
/*--------------------------------------------------------------
	# Portfolio widgets style
	--------------------------------------------------------------*/

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

	.pt-portfolio-item-wrap {
	    margin-left: 0px;
	    margin-right: 0px;
	}

	.pt-portfolio .filter-list {
	    text-align: left;
	    margin-bottom: 30px;
	}

	.home .pt-portfolio .filter-list {
	    text-align: center;
	}

	.widget-area .pt-portfolio ul.filter-list li {
	    padding:0;
	}

	.widget-area .pt-portfolio ul.filter-list li:first-child {
	    margin-left: 0px;
	}

	.widget-area ul.filter-list li {
	    display: inline-block;
	}

	.pt-portfolio-item .pt-portfolio-text-wrap .pt-portfolio-title {
	    color: #006cb5;
	    font-size: 18px;
	    font-weight: 400;
	}
	.Choose-image--left {
	    position: absolute;
	    left: 0px;
	    bottom: 50px;

	    max-width: 450px;
	}
	.image--blue {
	    background: var(--primary-color);
	    align-items: center;
	    display: flex;
	    max-width: 120px;
	    min-width: 120px;
	    justify-content: center;
	    border-radius: 5px 0px 0px 20px;
	    flex-wrap: wrap;
	}
	.image--blue img{
	    width: auto;
	}
	.image--blue h5{
	    font-size: 1.5rem;
	    line-height: normal;
	    font-weight: 500
	}
	.page-id-24 .image--blue h5, .page-id-28 .image--blue h5, .page-id-22 .image--blue h5{
	    font-size: 1rem;
	    line-height: normal;
	    font-weight: 500
	}
	.choose-section .choose--content img {
	    width: auto;
	}
	.image--white {
	    background: #EEECEC;
	    border-radius: 0px 5px 20px 0px;
	    max-width: 320px;
	    min-width: 280px
	}
	.choose--content {
	    position: absolute;
	    right: 0px;
	    top: 20%;
	    background: var(--white);
	    max-width: 290px;
	    padding: 15px;
	    border-radius: 0px 20px 0px 0px;
	    box-shadow: 6px 4px 30px 0px rgba(0, 0, 0, 0.15);
	    /*min-height: 280px;
	    max-height: 280px;*/
	}
	.facts-choose .choose--content li {
	    padding: 15px 0px 20px;
	}
	.facts-choose .choose--content li figure {
	    margin-right: 15px;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    /*background: #FCEEDB;
	    width: 48px;
	    height: 48px;
	    border-radius: 5px;
	*/
	}
	/*.facts-choose .choose--content li:nth-child(2) figure{
	    background: #FFE9E9
	}
	.facts-choose .choose--content li:nth-child(3) figure{
	    background: #D6F5FF
	}*/
	.facts-choose .choose--content h6 {
	    color: var(--gray);
	    font-size: 1rem;
	    font-weight: 500;
	    font-family: var(--font-ragular);
	    line-height: 24px;
	}
	.image--white li {
	    padding: 10px 15px;
	    border-bottom: 1px solid var(--white);
	}
	.image--white li:last-child{
	    border-bottom: none;
	}
	.image--item {
	    padding: 10px;
	    color: var(--white);
	    font-size: 1rem;
	    font-weight: 400;
	    line-height: 24px;
	    border-radius: 5px;
	}
	.facts-choose .image--item span.icon-choose .icon {
	    background: none;
	    border: 1px solid var(--white);
	}
	.image--item.color-1{
	    background: #E2465D;
	}
	.image--item.color-2{
	    background: #EFAA42;
	}
	.image--item.color-3{
	    background: var(--newsletter);
	}
	.image--item.color-4{
	    background: #2BB986;
	}

	/*Portfolio page css*/

	.products-section .tab-content ul.nav.nav-tabs {
	    border-top: 0;
	}
	.products-section .tab-content ul.nav.nav-tabs a {
	    font-size: 13px;
	    font-weight: 400;
	}
	.products-section .tab-content li.active a{
	    position: relative;
	}
	.products-section .tab-content ul.nav.nav-tabs li.active a:before {
	 display: none;
	}
	/*.products-section ul.nav.nav-tabs li.active a:before {
	    width: 0;
	    height: 0;
	    vertical-align: 0.255em;
	    content: "";
	    border-top: 8px solid;
	    border-right: 8px solid transparent;
	    border-bottom: 0;
	    border-left: 8px solid transparent;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    bottom: -10px;
	    z-index: 12;
	}*/
	.page-template-product-pages .pum-theme-5644 .pum-content,
	.pum-theme-lightbox .pum-content iframe {
	    display: table;
	    margin: 0 auto;
	}

	.home.page-template .pum-theme-lightbox .pum-container {
	    padding: 0px;
	    border-radius: 0px;
	    border: none;
	    box-shadow: #00000038 0 0 80px 0px;
	}

	.home.page-template .pum-content+.pum-close,
	.home.page-template .pum-theme-lightbox .pum-content+.pum-close {
	    right: auto;
	    left: 8px;
	    top: 17px;
	    border: none;
	    background: transparent;
	    box-shadow: none;
	    font-size: 50px;
	}

	.requestdemotext .form-group {
	    margin-bottom: 15px !important;
	}

	/* .requestdemoimg.homesubs {
	    background: url(https://www.yirontechnologies.com/wp-content/uploads/2022/10/homepage-subs1.jpg)no-repeat;
	    background-size: cover;
	} */

	.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	    color: black;
	}
	.products-section .nav-tabs {
	    border-top: 1px solid #ddd;
	    justify-content: center;
	    display: inline-flex;
	    margin: 0 auto;
	    width: 100%;
	}

	.products-section .nav-tabs>li>a {
	    border-radius: 0px;
	    margin-right: 0px;
	    font-weight: 500;
	}

 

	.products-section .nav-tabs>li.active>a,
	.products-section .nav-tabs>li.active>a:focus,
	.products-section .nav-tabs>li.active>a:hover {
	    border-top: none;
	}

	.products-section .nav-tabs>li.active>a,
	.products-section .nav-tabs>li.active>a:focus,
	.products-section .nav-tabs>li.active>a:hover {
	    outline:none;
	}


	.products-section .nav>li>a:focus,.products-section .nav>li>a:focus-visible, .products-section .nav>li>a:hover{
	   outline:none;
	}



	.products-section h3 {
	    text-align: center;
	}

	.magnific-img {
	    width: 50%;
	    margin-bottom: 30px;
	    display: flex !important;
	    padding: 0px 15px;
	    height: 280px;
	    overflow: hidden;
	}

	.magnific-img a {
	    display: flex;
	    /* background: #ddd; */
	    /* box-shadow: #9393931f 0 0 99px 0px; */
	    border: #d5d5d5 1px solid;
	    padding: 5px;
	}

	.img-gallery-magnific-1.imggallery-port {
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.portfolio_section .magnific-img .y-gallery-img {
	    width: 100%;
	}
	.portfolio_section .magnific-img .y-gallery-img img {
	    width: 100%;
	    height: 100%;
	    display: flex;
	    object-fit: cover;
	}
	/*new css lightbox*/

	/*.magnific-img img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: left top;
	}*/

	.magnific-img {
	    display: inline-block;
	}

	a.image-popup-vertical-fit {
	    cursor: -webkit-zoom-in;
	}

	.mfp-with-zoom .mfp-container,
	.mfp-with-zoom.mfp-bg {
	    opacity: 0;
	    -webkit-backface-visibility: hidden;
	    /* ideally, transition speed should match zoom duration */
	    -webkit-transition: all 0.3s ease-out;
	    -moz-transition: all 0.3s ease-out;
	    -o-transition: all 0.3s ease-out;
	    transition: all 0.3s ease-out;
	}

	.mfp-with-zoom.mfp-ready .mfp-container {
	    opacity: 1;
	}

	.mfp-with-zoom.mfp-ready.mfp-bg {
	    opacity: 0.98;
	}

	.mfp-with-zoom.mfp-removing .mfp-container,
	.mfp-with-zoom.mfp-removing.mfp-bg {
	    opacity: 0;
	}

	.mfp-arrow-left:before {
	    border-right: none !important;
	}

	.mfp-arrow-right:before {
	    border-left: none !important;
	}

	button.mfp-arrow,
	.mfp-counter {
	    opacity: 0 !important;
	    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
	}

	.mfp-container:hover button.mfp-arrow,
	.mfp-container:hover .mfp-counter {
	    opacity: 1 !important;
	}

	/* Magnific Popup CSS */

	.mfp-bg {
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1042;
	    overflow: hidden;
	    position: fixed;
	    background: #0b0b0b;
	    opacity: 0.8;
	}

	.mfp-wrap {
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 99999;
	    margin:0px auto;
	    position: fixed;
	    outline: none !important;
	    -webkit-backface-visibility: hidden;
	}

	.mfp-container {
	    text-align: center;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    padding: 0 50px;
	    box-sizing: border-box;
	}

	.mfp-container:before {
	    content: '';
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}

	.mfp-align-top .mfp-container:before {
	    display: none;
	}

	.mfp-content {
	    position: relative;
	    display: inline-block;
	    vertical-align: middle;
	    margin: 0 auto;
	    text-align: left;
	    z-index: 1045;
	}

	.mfp-inline-holder .mfp-content,
	.mfp-ajax-holder .mfp-content {
	    width: 100%;
	    cursor: auto;
	}

	.mfp-ajax-cur {
	    cursor: progress;
	}

	/*.mfp-zoom-out-cur,
	.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	    cursor: -moz-zoom-out;
	    cursor: -webkit-zoom-out;
	    cursor: zoom-out;
	}*/

	.mfp-zoom {
	    cursor: pointer;
	    cursor: -webkit-zoom-in;
	    cursor: -moz-zoom-in;
	    cursor: zoom-in;
	}

	.mfp-auto-cursor .mfp-content {
	    cursor: auto;
	}

	.mfp-close,
	.mfp-arrow,
	.mfp-preloader,
	.mfp-counter {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	}

	.mfp-loading.mfp-figure {
	    display: none;
	}

	.mfp-hide {
	    display: none !important;
	}

	.mfp-preloader {
	    color: #CCC;
	    position: absolute;
	    top: 50%;
	    width: auto;
	    text-align: center;
	    margin-top: -0.8em;
	    left: 8px;
	    right: 8px;
	    z-index: 1044;
	}

	.mfp-preloader a {
	    color: #CCC;
	}

	.mfp-preloader a:hover {
	    color: #FFF;
	}

	.mfp-s-ready .mfp-preloader {
	    display: none;
	}

	.mfp-s-error .mfp-content {
	    display: none;
	}

	button.mfp-close,
	button.mfp-arrow {
	    overflow: visible;
	    cursor: pointer;
	    background: transparent;
	    border: 0;
	    -webkit-appearance: none;
	    display: block;
	    outline: none;
	    padding: 0;
	    z-index: 1046;
	    box-shadow: none;
	    touch-action: manipulation;
	}

	button::-moz-focus-inner {
	    padding: 0;
	    border: 0;
	}
	.page-template-portfolio header.header.fixed-header {
	    z-index: 999;
	}

	.mfp-close {
	    width: 44px;
	    height: 44px;
	    line-height: 44px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    text-decoration: none;
	    text-align: center;
	    opacity: 0.65;
	    padding: 0 0 18px 10px;
	    color: #FFF;
	    font-style: normal;
	    font-size: 28px;
	}

	.mfp-close:hover,
	.mfp-close:focus {
	    opacity: 1;
	}

	.mfp-close:active {
	    top: 1px;
	}

	.mfp-close-btn-in .mfp-close {
	    color: #333;
	}

	.mfp-image-holder .mfp-figure button.mfp-close {
	    position: absolute;
	    width: 44px;
	    padding: 0px 0px 5px;
	    height: 44px;
	    right: 0px;
	    justify-content: center;
	    align-items: center;
	    display: inline-flex;
	    background: var(--white);
	    opacity: 0.90;
	    color: var(--gray);
	    font-size: 2rem;
	}
	.mfp-image-holder .mfp-figure button.mfp-close:hover{
		opacity: 1
	}
	.mfp-counter {
	    position: absolute;
	    top: 0;
	    left: 0;
	    color: var(--gray);
	    font-size: 12px;
	    line-height: 18px;
	    white-space: nowrap;
	    background: var(--white);
	    padding: 1px 10px;
	    font-family: var(--font-ragular);
	}

	.mfp-arrow {
	    position: absolute;
	    opacity: 0.65;
	    margin: 0;
	    top: 50%;
	    margin-top: -55px;
	    padding: 0;
	    width: 90px;
	    height: 110px;
	    -webkit-tap-highlight-color: transparent;
	}

	.mfp-arrow:active {
	    margin-top: -54px;
	}

	.mfp-arrow:hover,
	.mfp-arrow:focus {
	    opacity: 1;
	}

	.mfp-arrow:before,
	.mfp-arrow:after {
	    content: '';
	    display: block;
	    width: 0;
	    height: 0;
	    position: absolute;
	    left: 0;
	    top: 0;
	    margin-top: 35px;
	    margin-left: 35px;
	    border: medium inset transparent;
	}

	.mfp-arrow:after {
	    border-top-width: 13px;
	    border-bottom-width: 13px;
	    top: 8px;
	}

	.mfp-arrow:before {
	    border-top-width: 21px;
	    border-bottom-width: 21px;
	    opacity: 0.7;
	}

	.mfp-arrow-left {
	    left: 0;
	}

	.mfp-arrow-left:after {
	    border-right: 17px solid #FFF;
	    margin-left: 31px;
	}

	.mfp-arrow-left:before {
	    margin-left: 25px;
	    border-right: 27px solid #3F3F3F;
	}

	.mfp-arrow-right {
	    right: 0;
	}

	.mfp-arrow-right:after {
	    border-left: 17px solid #FFF;
	    margin-left: 39px;
	}

	.mfp-arrow-right:before {
	    border-left: 27px solid #3F3F3F;
	}

	.mfp-iframe-holder {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}

	.mfp-iframe-holder .mfp-content {
	    line-height: 0;
	    width: 100%;
	    max-width: 900px;
	}

	.mfp-iframe-holder .mfp-close {
	    top: -40px;
	}

	.mfp-iframe-scaler {
	    width: 100%;
	    height: 0;
	    overflow: hidden;
	    padding-top: 56.25%;
	}

	.mfp-iframe-scaler iframe {
	    position: absolute;
	    display: block;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	    background: #000;
	}

	/* Main image in popup */

	img.mfp-img {
	    width: auto;
	    max-width: 100%;
	    height: auto;
	    display: block;
	    line-height: 0;
	    box-sizing: border-box;
	    padding: 0px;
	    margin: 0 auto;
	}

	/* The shadow behind the image */

	.mfp-figure {
	    line-height: 0;
	}

	.mfp-figure:after {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 40px;
	    bottom: 40px;
	    display: block;
	    right: 0;
	    width: auto;
	    height: auto;
	    z-index: -1;
	    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	    background: #444;
	}

	.mfp-figure small {
	    color: #BDBDBD;
	    display: block;
	    font-size: 12px;
	    line-height: 14px;
	}

	.mfp-figure figure {
	    margin: 0;
	}

	.mfp-bottom-bar {
	    /*margin-top: -36px;
	    position: absolute;
	    top: 100%;
	    left: 0;*/
	    width: 100%;
	    cursor: auto;
	}

	.mfp-title {
	    text-align: left;
	    line-height: 18px;
	    color: var(--gray);
	    word-wrap: break-word;
	    padding: 15px;
	    background: #fff;
	}
	.yi-popup-content h2 {
    	font-family: var(--font-ragular);
    	font-weight: 600;
    	font-size: 1.5rem;
	}
	.yi-popup-content .cont-portfolio {
    	font-family: var(--font-ragular);
    	font-weight: 400;
    	font-size: var(--body-font);
    	line-height: 24px;
    	margin-bottom: 5px
	}

	.mfp-image-holder .mfp-content {
	    max-width: 100%;
	}

	.mfp-gallery .mfp-image-holder .mfp-figure {
	    cursor: pointer;
	}
	section.services_top.lndg_pg_bnnr.inner_banner.nws-bnr h2.sub-title.white {
		font-size: 4rem;
	}
	.stte_right {
		width: 70%;
	}
	.stte_left img
	{
	  border: 1px solid #ddd;
	}
	.stte_left {
		width: 30%;
	}
	.stte_left img {
    width: 60%;
	}
	.news_page_modl .form-area textarea.wpcf7-form-control.wpcf7-textarea.user_text {
		height: 44px;
	}
	#appointmentModal {
		overflow: auto;
	}
	.news_page_modl .form-area .form-group {
		width: 49%;
	}
	.news_page_modl .form-area { 
		align-items: flex-start;
	} 
	.wpcf7-submit.bk_ap {
		background-color: var(--facts);
		color: var(--white);
		padding: 15px 40px;
		font-size: 1.1rem;
		font-weight: 500;
		border: none;
		line-height: 14px;
	}  
	.news-page-section {
		text-align: center;
		margin: auto;
		padding: 50px 0 0;
	  }
	  .common-hdng h4 {
		text-align: left;
		color: #000;
	  }
	.stte_right p{
  
		text-align: justify;
	  }  
	.news_page_modl .modal-body {
		padding: 20px 30px;
	}
	.news_page_modl button.close {
		position: absolute;
		right: 3px;
		font-size: 26px;
		box-shadow: none;
		outline: none;
		top: -5px;
		background: transparent;
		border: none;
		z-index: 9999999;
	}
	/* .news-page-section img {
		margin: 20px auto;
	} */
	.common-hdng h2 {
		color: #000;
		padding-bottom: 20px;
		text-align: left;
	}
	.news_page_modl .modal-body img.pop-lg {
		margin: 0 auto 30px;
	}
	.news_page_modl input {
		width: 100%;
		border: 1px solid #8b8b8b;
		border-radius: 3px;
		padding: 10px 10px;
		font-family: var(--font-ragular);
		overflow: hidden;
		height: 44px;
	}
	.common-hdng button.btn.btn-info {
		background: var(--primary-color);
		color: var(--white);
		padding: 8px 30px;
		border-radius: 5px;
		line-height: 30px;
		border: none;
		text-transform: capitalize;
		font-size: 18px;
	}
	.news_page_modl img.pop-lg {
		margin-top: 0;
	}
	.modal-header {
		padding: 0;
		border: 0;
	}
	.stte {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin: 0 0 50px;
	}


	@media screen and (max-width: 800px) and (orientation: landscape),
	screen and (max-height: 300px) {
	    /**       * Remove all paddings around the image on small screen       */
	    .mfp-img-mobile .mfp-image-holder {
	        padding-left: 0;
	        padding-right: 0;
	    }
	    .mfp-img-mobile img.mfp-img {
	        padding: 0;
	    }
	    .mfp-img-mobile .mfp-figure:after {
	        top: 0;
	        bottom: 0;
	    }
	    .mfp-img-mobile .mfp-figure small {
	        display: inline;
	        margin-left: 5px;
	    }
	    .mfp-img-mobile .mfp-bottom-bar {
	        background: rgba(0, 0, 0, 0.6);
	        bottom: 0;
	        margin: 0;
	        top: auto;
	        padding: 3px 5px;
	        position: fixed;
	        box-sizing: border-box;
	    }
	    .mfp-img-mobile .mfp-bottom-bar:empty {
	        padding: 0;
	    }
	    .mfp-img-mobile .mfp-counter {
	        right: 5px;
	        top: 3px;
	    }
	    .mfp-img-mobile .mfp-close {
	        top: 0;
	        right: 0;
	        width: 35px;
	        height: 35px;
	        line-height: 35px;
	        background: rgba(0, 0, 0, 0.6);
	        position: fixed;
	        text-align: center;
	        padding: 0;
	    }
	}




	@media all and (max-width: 900px) {
	    .mfp-arrow {
	        -webkit-transform: scale(0.75);
	        transform: scale(0.75);
	    }
	    .mfp-arrow-left {
	        -webkit-transform-origin: 0;
	        transform-origin: 0;
	    }
	    .mfp-arrow-right {
	        -webkit-transform-origin: 100%;
	        transform-origin: 100%;
	    }
	    .mfp-container {
	        padding-left: 6px;
	        padding-right: 6px;
	    }
	}


	@media all and (max-width: 767px) {
	.magnific-img {
	    width: 100%;
	}
	}

	/*portfolio page*/
 

	.cont-portfolio {
	    text-overflow: ellipsis;
	    overflow: hidden;
	    display: -webkit-box !important;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    white-space: normal;
	}

	.mfp-figure figure {
	    max-width: 750px;
	}
	.c-heading-crm h3 span {
	    font-size: 20px;
	    font-weight: 400;
	}
	.inner_tab.tab-pane {
	    display: none;
	}
	.inner_tab.tab-pane.fade.active.in {
	    display: block;
	}

	.tab-content>.active {
	    display: block;
	}

	.nav-tabs>li.active a {
	    border-bottom: none;
	}
	/*a.y-gallery-img[title] {    background:red;    visibility: hidden;}*/




	.products-section .nav-tabs>li.active>a {
	    position: relative;
	    background: #ffffff;
	    border: 1px solid #c2e1f5;
	    border-top: #fff 1px solid;

	}
	.products-section .nav-tabs>li.active>a:after, .products-section .nav-tabs>li.active>a:before {
	    top: 100%;
	    left: 50%;
	    border: solid transparent;
	    content: "";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    z-index: 2;
	}

	.products-section .nav-tabs>li.active>a:after {
	    border-color: rgba(136, 183, 213, 0);
	    border-top-color: #fbfbfb;
	    border-width: 10px;
	    margin-left: -10px;
	}
	.products-section .nav-tabs>li.active>a:before {
	    border-color: rgba(194, 225, 245, 0);
	    border-top-color: #c2e1f5;
	    border-width: 11px;
	    margin-left: -11px;
	}

	.products-section .catportfolio.nav-tabs>li.active>a:after{
	    content:"";
	    display: none;
	}

	.products-section .catportfolio.nav-tabs>li.active>a {
	    border-bottom: #f9f9f9 1px solid;
	}
	.products-section .tab-content ul.nav.nav-tabs.catportfolio a {
	    color: #000;
	}
	.portfolio-note-foot {
	    text-align: center;
	    font-size: 24px;
	    line-height: normal;
	    margin-bottom: 30px;
	    padding: 20px 50px;
	}
	.page-template-product-pages .productpagesection .widget-area.ytop-facts-header {
	    position: absolute;
	    display: flex;
	    width: auto;
	    right: 0px;
	    flex-wrap: wrap;
	    top:7px
	}
	.productpagesection .ytop-facts-header .widget_custom_html {
	    width: auto;
	}
	.page-template-product-pages .productpagesection .ytop-facts-header .widget_nav_menu {
	    display: flex;
	    justify-content: flex-end;
	    margin: 0px;
	    flex: inherit;
	}
	.page-template-product-pages .productpagesection .widget-area .productpagepart ul li {
	    color: #fff;
	    margin-bottom: 0px;
	}
	.page-template-product-pages .productpagesection .widget-area .productpagepart ul li a {
	    background: #e10055;
	    margin-right: 20px;
	}
	.page-template-product-pages .productpagesection .textwidget.custom-html-widget .factswhatsapp a {
	    color: #fff;
	    font-size: 24px;
	    font-weight: 700;
	    text-decoration: none;
	    display: inline-flex;
	    align-items: center;
	}
	.page-template-product-pages .productpagesection .textwidget.custom-html-widget .factswhatsapp a .whatsapp {
	    margin-right:10px
	}
	.page-template-product-pages .productpagesection .textwidget.custom-html-widget .factswhatsapp a span {
	    color: #fff;
	}
	.page-template-product-pages .productpagesection #secondary.widget-area {
	    align-items: self-end;
	    display: flex;
	}
	@media screen and (max-width:1199px){
	    .page-template-product-pages .productpagesection .widget-area .productpagepart ul li a {
	        padding: 8px 15px;
	    }
	}
	@media screen and (max-width:991px){
	    .page-template-product-pages .productpagesection .widget-area.ytop-facts-header {
	        position: relative;
	        padding:5px 0px;
	        top: 0px;
	    }
	    .page-template-product-pages .productpagesection .widget-area .productpagepart ul li a {
	        margin-right: 10px;
	        padding: 10px ;
	    }
	}
	@media screen and (max-width:767px){
	    .page-template-product-pages .productpagesection .textwidget.custom-html-widget .factswhatsapp a span {
	        display: flex;
	    }
	    
	}
	p.wrap-btn {
	    cursor: not-allowed;
	}
	.disabled-new {
	    background-color: #dddddd !important;
	    pointer-events: none;
	}
	.benifit--title {
	    font-size: 1.2rem;
	    font-family: var(--font-ragular);
	    line-height: 30px;
	    padding: 10px 0px;
	    font-weight: 500;
	}
	img.image-icon {
	    border-radius: 5px;
	    width: 36px;
	    margin-right: 15px
	}

	.consulting-section ul li span {
	    font-size: 1.4rem;
	    font-weight: 500;
	}
	.consulting-section ul li  {
	    margin-bottom: 30px
	}
	.agency_bx_right figure.center-image img {
	    width: auto;
	}
	.Reliable-section {
	    background: var(--bg-services);
	}

	.staff-augmentation-section .card-body {
	    border: 1px solid #d3d3d3;
	    border-radius: 3px;
	    min-height: 250px;
	    display: inline-flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	}
	.sub-span{
	    font-size: 1.5rem;
	    width: 100%;
	    line-height: 36px;
	}
	.article-section .features-section--item figure img {
	    height: auto;
	    width: 100%;
	    object-fit: cover;
	}
	.consulting--inner{
	    max-width: 80%
	}
	.it-experts{
	    max-width: 80%
	}
	.title-services{
	    line-height: normal;
	    
	}
	.industries-read {
	    max-width: 130px;
	}
	.showMore {
	  display: flex;
	}
	/* .showMore::after {
	  content: "+ Show More";
	}
	.showMore.showLess::after {
	  content: "- View Less";
	} */
	.showMore-row {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-wrap: wrap;
	}
	.contact-section .page_title::before {
	    background: var(--gray);
	}
	.contact_form--info {
	    background: var(--primary-color);
	    padding: 0px;
	    border-radius: 5px 0px 0px 5px;
	    position: relative;
	    max-height: 95%;
	    min-height: 90%;
	    margin-top: 5%;
	    z-index: 999;
	    margin-bottom: 5%;
	}
	.form-fill{
	    margin-left: -30px
	}
	.contact_form--info h6{
	    font-size: 1.1rem;
	    line-height: 36px;
	}
	.contact_form--home {
	    padding: 40px 40px 40px 60px;
	    background: #ffffff;
	    border-radius: 5px;
	    border: 1px solid #a2c2ff;
	}
	.contact_form--home h3 {
	    font-family: var(--font-ragular);
	    font-weight: 600;
	    margin: 0px 0 10px;
	    font-size: 1.5rem;
	}
	.contact_form--home .input-group input, .contact_form--home .input-group textarea, .contact_form--home .input-group select {
	    background: none;
	}
	.contact_form--home .form-group input, .contact_form--home .form-group select, .contact_form--home .form-group textarea{
	   background: none; 
	}
	.contact_form--home .input-group.submit input {

	    padding: 10px 50px;
	    height: 54px;
	    border: none;
	    background: var(--primary-color)
	}
	.contact_form--home .input-group.submit input:hover{
	    background: var(--gray)
	}
	:focus-visible {
	    outline: -webkit-focus-ring-color auto 0px !important;
	}
	.banner .carousel-inner {
	    height: 100%;
	}
	.banner .carousel-item {
	    height: 100%;
	}
	.banner .carousel-caption {
	    left: 0px;
	    right: 0px;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    text-align: left;
	    top: 0px;
	    bottom: 0px;
	    z-index: 999
	    /* z-index: 999; */
	}
	.info a {
	    color: var(--white);
	}
	.info a:hover {
	    text-decoration: underline;
	}
	.privacy-section ul {
	    padding: 0px;
	}
	.privacy-section ul li{
	    display: flex;
	    align-items: center;
	    padding-right: 5px 0px
	}
	.privacy-section ul li .icon {
	    font-size: 17px;
	    margin-right: 10px;
	    color: var(--white);
	    background: var(--gray);
	    border-radius: 100%;
	    width: 24px;
	    height: 24px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	/*Servies page new style*/
/*
.sidebarNav{
  margin: 0px;
  width:75px;
  transition:.3s;
  position:fixed;
  left:0px;
  top:35%;
  opacity:1;
  z-index:999;
}


.sidebarNavItem{
  width:100%;
  height:50px;
  display:block;
  position: relative;
  transition:.3s;
  text-align:center;
  margin:0px;
  padding:0px 0;
}

.sidebarNavItem:hover{
  outline:0px;
  
  background-color:#ef6c00;
  transform:scale(1, 1);
	text-decoration:none;
}

.sidebarNavItem:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60%;
	background: #9f9f9f;
	content: "";
	height: 2px
}*/
.servicesPadding{
	padding-top: 80px;
	padding-bottom: 60px;
}
.servicesPaddingTop{
	padding-bottom:100px;
}
.services_top{
	padding-bottom: 0px !important;
	padding-top: 130px
}
.services_top::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5%;
    background: #F5F5F5;
    content: "";
}
.section-1{
	background-color: #F5F5F5;
	background-image: url(./images/section-1bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.section-2{
	background: linear-gradient(76deg, #d067eb 0.41%, #274BCA 27.87%, #168990 53.32%, #10A687 77.18%, #009D59 100%);
}
.section-3{
	background-color: #F5F5F5;
	background-image: url(./images/section-1bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.section-4{
	background: #8c70c3;
}
.section-5{
	background: linear-gradient(180deg, #CDE6FF 0%, #FFF 100%);
}
/*.services--form-inner{
	background: var(--white);
    border-radius: 10px;
    padding: 15px 30px;
     max-width: 580px; 
    margin-left: auto;
    box-shadow: 0px 2px 24px rgb(0 0 0 / 23%);
}*/
.services--form-inner h3 {
    font-family: var(--font-ragular);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 0;
    text-align:center;
    width: 100%;
}
.requestForm .modal-header.services--form-inner {
    margin-bottom: 15px;
}
.services--form-inner .services-group p {
    position: relative;
        margin-bottom: 30px;
}
.services-group  span.cont-frm-icn {
    position: absolute;
    left: 1px;
    z-index: 999;
    background: #F5F5F5;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #D3D3D3;
    top: 1px;
    border-radius: 5px 0px 0px 5px;
}
.services-group  input, .services-group textarea, .services-group  select {
    width: 100%;
    border: 1px solid #8b8b8b;
    border-radius: 3px;
    padding: 5px 10px 5px 50px;
    font-family: var(--font-ragular);
    overflow: hidden;
    height: 44px;
}
.services-group select {
    padding-left: 15px;
}
.services-group textarea{
	height: 120px;
	padding-left: 15px;
}
.services--form-inner .services-group.looking input {
    padding-left: 15px;
}
.services-description{
	color: var(--white);
	font-size: 20px;
	font-weight: 400;
	line-height:30px;
	margin: 0;
}
.overexperts {
    border-radius: 5px;
    background: #DFDFDF;
    padding: 40px 50px 40px;
}
 
section.services_top.lndg_pg_bnnr.inner_banner:after{
	display: none;
}
.overexperts h2 {
    font-family: var(--font-ragular);
    font-size: 50px;
    font-weight: 400;
    line-height: 80px;
    color: var(--gray);
    margin-bottom: 15px
}
.newsLetter--form .input-group p {
    display: flex;
    margin: 0;
    justify-content: flex-end;
}
.services h2 {
    margin-bottom: 30px;
}
.services p {

    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.services ul{
    padding: 0px;
    margin: 0px;
}
.services ul li{
	padding: 4px 0px;
	position: relative;
	align-items: center;
	display: inline-flex;
	width: 100%;
	font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
/*.services ul li::before{
	content: "";
	left: 0px;
	position: relative;
	width: 22px;
	height: 20px;
	background: url(./images/arrow-list.svg) no-repeat center left;
	margin-right: 10px;
	-webkit-mask-image: url(./images/arrow-list.svg);
  	mask-image: url(./images/arrow-list.svg);
  	-webkit-mask-repeat: no-repeat;
  	mask-repeat: no-repeat;
}*/
.services ul li i {
    margin-right: 13px;
    font-size: 18px;
}
.services ul li a{
     font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}
.services ul li a:hover{
	color: var(--primary-color)
}
.services ul li a.white:hover {
    color: var(--black);
}
.button-custom.btn-gray {
    border-color: var(--gray);
    color: var(--gray);
}
.button-custom.btn-gray:hover {
    border-color: var(--primary-color);
    color: var(--white);
    background-color: var(--primary-color)
}
.services figure{
	display: flex;
	justify-content: center;
}
.services figure img {
    max-width: 95%;
}
/*quick*/
.quick-nav {
    opacity: 1;
    position: fixed;
    z-index: 999;
    left: 2px;
    top: 50%;
    width: 100px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column; 
}
nav.quick-nav.navShow {
    display: none;
}
.quick-nav:hover {
  opacity: 1;
  -ms-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -khtml-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
@media only screen and (max-width : 767px) {
  .quick-nav {
    display: none;
  }
}
.quick-nav-item {
  position: relative;
  height: auto;
  width: 100%;
  margin-bottom: 5px;
  color: var(--black);
  display: flex;
  flex-wrap: wrap;
}
@supports (mix-blend-mode: difference) {
  .quick-nav-item {
    color: var(--black);
    mix-blend-mode: difference;
  }
}
.quick-nav-item.active, .quick-nav-item:active, .quick-nav-item:hover, .quick-nav-item:focus {
  text-decoration: none;

  transition: all 150ms ease-in-out;
}
.quick-nav-item.active .quick-nav-title, .quick-nav-item:active .quick-nav-title, .quick-nav-item:hover .quick-nav-title{
  opacity: 1;
  transition: all 150ms ease-in-out;
}
.quick-nav-item:last-child {
  margin-bottom: 0;
}
.quick-nav-item:last-child::after {
    margin-bottom: 0;
    height: 1px;
    position: relative;
    content: "";
    width: 40%;
    background: #000;
    bottom: 13px;
    top: 0px;
}
.quick-nav-item .fa-circle {
    width: 40%;
    height: 1px;
    background: var(--black);
    border-radius: 0;
	 transition: all 0.3s ease;
}
.quick-nav-item.active .fa-circle {
    height: 4px;
    width: 80%;
	 transition: all 0.3s ease;
}
@supports (mix-blend-mode: difference) {
  .quick-nav-item .fa-circle {
    background: var(--black);
    mix-blend-mode: difference;
  }
.quick-nav.dark .quick-nav-item .fa-circle {
    background: var(--black);
  }

}
.quick-nav-title {
  display: flex;
  pointer-events: none;
  opacity: 0;
  font-size: 15px;
  font-size: 12px;
  padding: 4px 0px 0px 10px;
  position: relative;
  transition: all 300ms ease-in-out;
  /*min-width: 140px;*/
  line-height: 16px;
  color: var(--gray)
}
@supports (mix-blend-mode: difference) {
  .quick-nav-title {
    color: var(--black);
    mix-blend-mode: difference;
  }
 .quick-nav.dark .quick-nav-title {
    color: var(--black); 
  }
}
.scroll-to-top {
  cursor: pointer;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0;
  border: none;
  width: 40px;
  height: 40px;
  background: rgba(11, 20, 29, 0.25);
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
  transition: all 300ms ease-in-out;
}
.scroll-to-top.visible {
  opacity: 0.25;
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  transform: translateY(0);
}
.scroll-to-top.active, .scroll-to-top:active, .scroll-to-top:hover, .scroll-to-top:focus {
  opacity: 1;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}
/*Flutter*/
.services--form-inner h3 span{
	display: block;
	color:var(--primary-color);
}
.servicesRemarkably {
    background: var(--bg-about-gradint);
}
.servicesRemarkably h2.page_title.white {
    justify-content: flex-start;
}
.remarkably--innner {
    border: 2px solid var(--white);
    border-radius: 5px;
    padding: 20px;
}
.remarkably--innner h3 {
    font-size: 1.5rem;
    line-height: 40px;
}
.remarkably--innner .icon {
    font-size: 50px;
    color: var(--white);
    padding-right: 20px;
}
.discraption-re {
    font-size: 20px;
    line-height: 40px;
}
 .subDiscraption {
    font-size: 20px;
    line-height: 30px;
}
.Flutter-services .icon {
    font-size: 40px;
    color: var(--primary-color);
    margin-bottom: 10px;
    display: block;
}
.Flutter-services h3 {
    font-weight: 600;
    font-size: 20px;
    font-family: var(--font-ragular);
    line-height: 36px;
}
.focused-services{
	background: linear-gradient(180deg, #CDE6FF 0%, #FFF 100%)
}
.focused-services h3 {
    padding-left: 0px;
    font-family: var(--font-ragular);
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 600;
}
.company-name img {
    width: 60px;
}

.focused--inner p{
	font-size: 16px; 
	line-height: 30px
}
.focused--inner h4{
	font-size: 24px; 
	line-height: 36px;
	font-family: var(--font-ragular);
}
.focused--inner ul {
    padding: 0px;
    margin: 0px;
}
.focused--inner ul li {
    padding: 4px 0px;
    position: relative;
    align-items: center;
    display: inline-flex;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;

}
.focused--inner ul li i {
    margin-right: 13px;
    font-size: 18px;
}
.focused--inner ul li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}
.project-image {
    justify-content: center;
    display: flex;
}
.project-image img{
    max-width: 90%;
}
.portDiscraption{
	font-size: 20px; 
	line-height: 30px
}
.portfolio-slider .slick-nav {
    position: absolute;
    top: 48%;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 999;
    cursor: pointer;
}
.portfolio-slider .slick-nav.prev-arrow {
    left: 0px
}
.portfolio-slider .slick-nav.next-arrow {
    right: 0px
}
.portfolio-slider .slick-nav .icon {
    color: #b3b3b3;
    font-size: 16px
}
.portfolio-slider .element--inner{
	 background: #DFDFDF;
    border-radius: 5px;
}
 .element--inner{
	 background: #DFDFDF;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}
.port-content-col h4 {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 20px;
}
.text-small-item {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--gray);
    position: relative;
    margin-top: 20px;
    font-family: var(--font-ragular);
}

.text-small-item strong {
    display: block;
}
.text-small-item+.text-small-item:before {
    display: block;
    content: "";
    background: var(--primary-color);
    height: 1px;
    min-width: 200px;
    position: absolute;
    left: 0;
    top: 0;
}
.text-small-item+.text-small-item {
    margin-top: 15px;
    padding-top: 15px;
}
.text-small-item span {
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-flex;
}
.port-content-col {
    padding: 40px 0px;
}
.discovery-services{
	background: #25186D
}
.coverDiscraption {
    font-size: 16px;
    line-height: 30px;
}
.recruitment-lists {
    display: flex;
    flex-wrap: wrap;
}
.recruitment-lists .card-recruitment {
    margin-bottom: 0;
    width: 20%;
}
.card-recruitment .card-wrap {
    position: relative;
    z-index: 0;
}

.card-recruitment .num {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 2rem;
    font-weight: 500;
    height: 4.0625rem;
    justify-content: center;
    margin-bottom: 2.3125rem;
    padding: 5px;
    width: 4.0625rem;
    background: var(--white);
    color: var(--primary-color);
    font-family: var(--bs-body-font-family);
}
.card-recruitment .img-wrap {
    height: 3rem;
    margin-bottom: 20px;
    text-align: left;
    width: 3rem;
}
.card-recruitment h3 {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1.55;
    margin-bottom: 1rem;
    font-family: var(--font-ragular)
}
.img-wrap .icon {
    font-size: 40px;
}
.card-recruitment .text-wrap p {
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
}
.card-recruitment .card-wrap:before {
    background: url(./images/dot-discover.png);
    background-repeat: repeat-x;
    bottom: auto;
    height: 2px;
    left: 0;
    right: -30px;
    top: 32px;
    width: auto;
    content: "";
    z-index: -1;
        position: absolute;
}
.card-recruitment:nth-child(4) .card-wrap:before {
    height: 15.625rem;
    left: 57px;
    background: url(./images/round-dot.png);
    background-repeat: no-repeat;
    top: -80px;
    width: 17.45rem;
    /*background-size: 100% auto;*/
}
.card-recruitment:nth-child(5) .card-wrap:before{
	display: none;
}
.tech-title{
	font-size: 24px;
	font-family: var(--font-ragular);
	font-weight: 500
}
.experts-button .request_query{
	background: var(--white);
	color: var(--gray)
}
.experts-button .request_query:hover{
	background: var(--gray);
	color: var(--white)
}
/*Mobile Application*/
.prototyprServices {
    background: #F5F5F5;
}
.prototyprServices figure {
    justify-content: flex-end;
    display: inline-flex;
    width: 100%;
}
.userExperience {
	background: var(--newsletter)
}
.developmentServices {
    position: relative;
    z-index: 9
}
/* .developmentServices:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 40%;
    background: var(--newsletter);
    z-index: 99;
} */
.developmentServices .container{
	position: relative;
	z-index: 999;
}
/* .development--inner{
	background: #fff;
	padding-left:  20px;
	padding-right: 20px;
	padding-bottom: 30px
} */
.servicesIcons .icon {
    font-size: 40px;
    color: var(--primary-color);
    display: block;
}
.servicesIcons img {
    height: 40px;
}
.servicesIcons {
    margin-bottom: 10px;
}
.servicesTitle {
    font-weight: 600;
    font-size: 20px;
    font-family: var(--font-ragular);
    line-height: 36px;
}
.element-inner--list{
	width: 50%;
	display: block; 
}
.element-inner--list p {
    padding-right: 15px;
}
.successStories .container {
    max-width: 1170px;
}

.successStories .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
    margin: 0 10px;
}
.successStories  .slick-current {
    opacity: 1;
}
.image-section {
    width: 50%;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
}
.content-serction {
    background: var(--black);
    padding: 0 60px;
    width: 50%;
    display: inline-flex;
    flex-wrap: wrap;
}
 .content-serction h3 {
    font-family: var(--font-ragular);
    font-weight:700;
    font-size: 2rem;
}
.successStories .content-serction p {
    margin-top: 60px;
    font-size: 16px;
}
.successStories .slick-nav {
    position: absolute;
    top: 48%;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 999;
    cursor: pointer;
}
.successStories .slick-nav.prev-arrow {
    left: 0px
}
.successStories .slick-nav.next-arrow {
    right: 0px
}
.successStories .slick-nav .icon {
    color: var(--gray);;
    font-size: 16px
}
.successStories{overflow: hidden;}
.successStories .slick-list{
	overflow: visible ;
}
.successStories .read-more{
	position: absolute;
	bottom: 30px;
	width: 100%
}
.successStories .read-more a {
    line-height: 30px;
    align-items: center;
    display: inline-flex;
    border-bottom:1px solid transparent;
    line-height: 30px
}
.successStories .read-more a:hover {
    color: var(--white);
    border-color:  var(--white)
}
.successStories .read-more a .icon{
	font-family: 15px;
	padding-left:15px 
}
.chooseServices  .icon-choose {
    width: 60px;
    background: var(--bg-facts);
    border-radius: 5px;
    padding: 10px;
    height: 60px;
}

/*Select*/
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid #8b8b8b;
    border-radius: 3px;
    font-family: var(--font-ragular);
    /*overflow: hidden;*/
    height: 44px;
   background: var(--white)
}
.services-group select {
    visibility: hidden;
}
.custom-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: var(--gray);
    padding: 0px 15px;
    font-size: 13px;
    text-align: left;
    width: 100%;
    display: inline-grid;
    align-items: center;
    line-height: 16px;
    border-radius: 2px;
}
 .custom-select:after {
     content: "";
     width: 0;
     height: 0;
     border: 7px solid transparent;
     border-color:#9E9E9E transparent transparent transparent;
     position: absolute;
     top: 16px;
     right: 10px;
     transform: rotateZ(0deg);
     transition: all 0.5s;
     transform-origin: 50% 25%;
}
 .custom-select:active, .custom-select.active {
     background-color: #fff;
     color: #9E9E9E;
}
 .custom-select:active:after, .custom-select.active:after {
     transform: rotateZ(180deg);
     transition: all 0.5s;
     transform-origin: 50% 25%;
}
 .custom-select:focus{
    outline: 2px;
}
/*  .form-group select{
 	display: none;
 } */
.select-options {
    max-height: 200px;
    overflow-y: auto;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: -1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--white);
    border-radius: 0px 0px 5px 5px;
    /*box-shadow: 0px 2px 3px rgba(0,0,0,0.2);*/
    border: 1px solid #8b8b8b;
    max-width: 101%;
}
.select-options li {
    color: var(--gray);
    margin: 0;
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    width: 100%;
    display: inline-grid;
    align-items: center;
    line-height: 18px;
}
 .select-options li:hover {
     color: #424242;
     background: #fff;
}

 .select-options li[rel="hide"] {
     display: none;
}
/* ::-webkit-scrollbar {
     width: 10px;
     background-color: #F5F5F5;
     border-radius: 0 0 5px 0;
}
 ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color:#9E9E9E;
}*/

/*...........19-10-2023.............*/
.services_aubmenu h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}
.services_aubmenu {
    z-index: 999999;
    position: relative;
    background: #fff;
    padding: 20px;
    height: 100vh;
    width: calc(100vw - 260px);
    overflow: auto;
}
ul.service_sbmnu li a {
    color: var(--gray);
}
ul.service_sbmnu li a:hover {
    color: var(--primary-color);
}
ul.service_sbmnu .sub-menu li {
    width: 33%;
    margin: 0 0 10px;
    line-height: normal;
    float: left;
}
.services_aubmenu .col-md-12 {
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.s_sub_menu {
    margin: 0 0 10px;
}
.services_top.service_new_banner.inner_banner {
    padding-top: 0;
}
.services_top.service_new_banner.inner_banner:before{
	display: none;
}
.services_top.service_new_banner.inner_banner .container.justify-content-between {
    position: absolute;
    top: 60%;
    left: 0;
    transform: translate(0, -50%);
    right: 0;
}
.service_new_slider .services--form-inner { 
    max-width: 580px;
}
.service_new_frm.container {
    position: absolute;
    bottom: 0px;
    z-index: 999;
    right: 0;
    left: 0;
}
.service_new_slider .carousel-indicators [data-bs-target]{
	border: none;
}
.service_new_slider .carousel-indicators {
    bottom: 25px;
    z-index: 99999999;
	margin:0;
}
ul.service_sbmnu {
    padding: 0;
}
ul.service_sbmnu button.sub-menu-toggle {
    display: none;
}
.service_sbmnu li.menu-item-has-children {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
}
.service_sbmnu li.menu-item-has-children a {
    width: 30%;
    font-weight: 600;
    font-size: 20px;
    font-family: var(--font-title);
}
.service_sbmnu li ul.sub-menu li a {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    font-family: var(--font-regular);
}
 
.service_sbmnu li.menu-item-has-children ul.sub-menu {
    width: 70%;
}
.service_main_menu.s_menu_active {
    left: 0;
}
.service_main_menu {
    position: fixed;
    left: -100%;
    transition: all 1s ease 0s;
    height: 100vh;
    overflow: hidden;
    background: #fff;
    top: 0;
    z-index: 999999;
}
section.discovery-services.node_d_srvce .card-recruitment:nth-child(4) .card-wrap:before{
	display: none;
}
section.discovery-services.node_d_srvce .card-recruitment:nth-child(3) .card-wrap:before{
	    height: 15.625rem;
    left: 57px;
    background: url(./images/round-dot.png);
    background-repeat: no-repeat;
    top: -80px;
    width: 17.45rem;
	}
.it_consultng_sec {
    background: var(--partner-bg);
}	
.digital_services_new {
    background: url(./images/digital_banner.jpg) no-repeat center top;
    padding-top: 90px;
    background-size: cover;
}
.digital_service_lft {
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}
.digital_service_lft_in h2 {
    color: var(--white);
    font-size: 120px;
    line-height: 140px;
    margin-bottom: 1rem;
}
.digital_service_lft_in p {
    margin-bottom: 2rem;
}

.thank-you-message {
	color: green;
	font-size: 18px;
	margin-top: 10px;
}

.d_project_completed_sec {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 830px;
}
.d_project_completed_sec_in {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.d_projects {
    text-align: center;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 3px 30px;
}
.d_projects h4 {
    font-size: 56px; 
    font-family: var(--font-ragular);
    font-weight: bold;
}
.d_projects h4 span{
	font-style: 46px;
}
.d_projects h6 {
    font-size: 24px;
}
.ds_box {
    border: 1px solid #E5E5E5;
    box-shadow: 0 6px 6px rgb(197 196 196 / 20%);
    border-radius: 20px;
    height: 100%;
}
.digital_services_boxes_sec .d_s_mn_bx {
    margin-top: 100px;
}
.ds_box_header {
    background: #4286F5;
    padding: 40px 0 10px;
    position: relative;
    height: 140px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
    border-radius: 20px 20px 0 0;
}
.ds_box_content a {
    font-size: 1.5rem;
    color: var(--black);
	/* text-transform: capitalize; */
}
.ds_box_content li {
    border-bottom: 1px dashed;
    padding: 15px 0;
}
.ds_box_content li:last-child{border: none;}
.ds_box_content {
    padding: 0 20px;
}
.ds_box_header h4 {
    font-size: 1.9rem;
}
.dx_box_icon {
    position: absolute;
    top: -40px;
    background: #4286f5;
    border-radius: 100px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dx_box_icon img {
    max-width: 50px;
}
.ds_box.web_devlp .ds_box_header, .ds_box.web_devlp .ds_box_header .dx_box_icon {
    background: #AD291D;
}
.ds_box.mb_app_dvlp .ds_box_header, .ds_box.mb_app_dvlp .ds_box_header .dx_box_icon{
	background: #EF578A;
}
.ds_box.dgtl_mrkt .ds_box_header, .ds_box.dgtl_mrkt .ds_box_header .dx_box_icon{
	background: #1AA8AC;
}
.ds_box.e_dvlp .ds_box_header, .ds_box.e_dvlp .ds_box_header .dx_box_icon{
	background: #D7259F;
}
.ds_box.n_cd_l_cd .ds_box_header, .ds_box.n_cd_l_cd .ds_box_header .dx_box_icon{
	background: #E6AC03;
}
.ds_box.dmn_host .ds_box_header, .ds_box.dmn_host .ds_box_header .dx_box_icon{
	background: #ED5B05;
}
.ds_box.migrt_srvc .ds_box_header, .ds_box.migrt_srvc .ds_box_header .dx_box_icon{
	background: #36A755;
}
section.discovery-services.digitl_descvry_sec .card-recruitment {
    width: 16.5%;padding-right: 2%;
}
section.discovery-services.digitl_descvry_sec .card-recruitment:nth-child(5) .card-wrap:before {
    height: 15.625rem;
    left: 57px;
    background: url(./images/round-dot.png);
    background-repeat: no-repeat;
    top: -80px;
    width: 17.45rem; 
    content: "";
    display: block;
}
section.discovery-services.digitl_descvry_sec .card-recruitment:nth-child(4) .card-wrap:before {
    background: url(./images/dot-discover.png);
    background-repeat: repeat-x;
    bottom: auto;
    height: 2px;
    left: 0;
    right: -30px;
    top: 32px;
    width: auto;
    content: "";
    z-index: -1;
    position: absolute;
}
section.discovery-services.digitl_descvry_sec .card-recruitment:nth-child(6) .card-wrap:before{display: none;}
.mb_side_menu {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 999;
}
.mb_side_menu .dropdown-toggle::after{display: none;}
.mb_side_menu li.dropdown a.dropdown-toggle {
    display: flex;
    align-items: center;
    background: #006cb5;
    padding: 0 5px;
    border-radius: 100px;
}
.mb_side_menu li.dropdown a.dropdown-toggle {
    display: flex;
    align-items: center;
    background: #006cb5;
    padding: 0 5px;
    border-radius: 0 100px 100px 0;
}
.mb_side_menu li.dropdown a.dropdown-toggle h6 {
    margin: 0 0 0 10px;
    background: #006cb5;
    color: #fff;
    padding: 8px 10px;
    width: 0;
    display: none;
    transition: all 2s;
}
.mb_side_menu .dropdown-menu li {
    padding: 4px 0;
    border-bottom: 1px dashed;
}
.mb_side_menu .dropdown-menu li:last-child{border: none;}
.mb_side_menu .dropdown-menu li a {
    color: #000;
    font-weight: 300;
    font-size: 13px;
}
.mb_side_menu ul.dropdown-menu.show {
    padding: 0 15px;
    border-radius: 0;
    max-height: 210px;
    overflow: auto;
}
.mb_side_menu .dropdown-menu li a:hover {
    color: #006cb5;
}
.mb_side_menu li.dropdown a.dropdown-toggle:hover h6, .mb_side_menu li.dropdown.show a.dropdown-toggle  h6{
    width: auto;
    display: block;
    transition: all 2s;
}
.mb_side_menu li.dropdown a.dropdown-toggle span.caret {
    background: #fff;
    line-height: normal;
    border-radius: 100px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    height: 40px;
    margin: 7px 0;
    font-size: 35px;
}
.mb_side_menu li.dropdown a.dropdown-toggle:hover span.caret {
    transform: rotate(45deg);
}
.requestForm.rqst_frm_nw .services-group span.cont-frm-icn{
	left: 1px;
}
.requestForm.rqst_frm_nw .modal-header .btn-close { 
    top: -35px;
    position: relative;
    right: -15px;
}
.services ul li a:hover {
    text-decoration: underline;
    color: var(--gray);
}
.services ul li a.white:hover {
    color: var(--white);
}
.digital-slider .element--inner {
    background: transparent;
    border: 1px solid #ddd;
    padding: 20px;
    flex-direction: column;
}
.digital-slider .element {
    padding: 0 15px;
}
.digital-slider .element--inner h3 {
    width: 100%;
}
.digital-slider ul.slick-dots {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-slider.digital-slider ul li button {
    text-indent: -9999px;
    height: 3px;
    width: 40px;
    margin: 0 3px;
    background: #a1a1a1;
    border: none;overflow: hidden;
}
.slick-slider.digital-slider ul li.slick-active button {
      background: #006cb5;
        
}
.Flutter-services .slick-track {
    display: flex;
    align-items: stretch;
}
.digital-slider .slick-slide{
	height: auto !important;
}
section.services_top.lndg_pg_bnnr.inner_banner:before {
    display: none;
}
section.services_top.lndg_pg_bnnr.inner_banner {
    padding-top: 0;
}
section.services_top.lndg_pg_bnnr.inner_banner .container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}
.flutter-slider .slick-nav {
	position: absolute;
	top: 50%;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	display: flex;
	z-index: 999;
	cursor: pointer;
	background: #000000e6;
	border-radius: 100px;
	transform: translate(0, -50%);
  }
.flutter-slider .slick-nav.next-arrow {
    right: -35px;
}
.flutter-slider .slick-nav .icon {
    color: #ffffff;
    font-size: 9px;
}
.flutter-slider .slick-nav.prev-arrow {
	left: -35px;
  }
.flutter-slider .fltr_portfolio_bx {
    position: relative;
    overflow: hidden;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
}
.Flutter-services .slick-slide > div .element .element--inner img {
    width: 40px;
    height: 40px;
}
.Flutter-services .slick-slide > div .element .element--inner .d-block {
    height: 50px;
}
.flutter-slider .fltr_portfolio_bx:hover .portfolio_bx_hvr{bottom: 0; transition: all 0.8s; display: flex;}
.portfolio_bx_hvr {
    background: #2c2fb7e3;
    position: absolute;
    bottom: 0%;
    height: 100%;
    width: 100%;
    left: 0;
    display: none;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    transition: all 0.8s;justify-content: center;
}
.flutter-slider .slick-slide {
    padding:10px;
}
section.services_top.lndg_pg_bnnr.inner_banner button.btn.button-custom {
    background: #fff;
    color: #000;
    margin-top: 20px;
}
section.services_top.lndg_pg_bnnr.inner_banner button.btn.button-custom:hover,
section.services_top.lndg_pg_bnnr.inner_banner button:focus:not(:focus-visible) {
    background: transparent;
    color: #fff;
    border: 1px solid var(--white) !important;
}
a.prtfl.gray.Browse.articles-btn {
    max-width: 150px;
}
/* .Flutter-services .slick-track
{
    display: flex !important;
} */
.Flutter-services .slick-slide > div .element .element--inner {
    height: 100%;
    display: block;
}
.Flutter-services .slick-slide > div .element {
    height: 100%;
}
.Flutter-services .slick-slide > div {
    height: 100%;
}
/*.Flutter-services .digital-slider ul.slick-dots { 
    bottom: -20px;
    position: relative;
}*/
.Flutter-services .digital-slider ul.slick-dots li {
    height: 4px;
    line-height: 0px;
    margin-top: 10px;
}
.slick-slider ul.slick-dots li{
	display:flex;
	width:40px
}
.slick-slider ul li button{
	padding:0px
}
/*...........19-10-2023.............*/
.service_new_slider #carouselExampleIndicators .carousel-inner {
    height: 100vh;
}
.service_new_slider #carouselExampleIndicators {
    height: 100vh;
}
.service_new_slider #carouselExampleIndicators .carousel-inner .carousel-item {
    height: 100%;
}
.service_new_slider #carouselExampleIndicators .carousel-inner .carousel-item img {
    height: 100%;
	object-fit:cover;
	object-position: top;
}
.services_top.service_new_banner.inner_banner:after{display:none;}
.services ul.dottd_list li a {
    position: relative;
    padding-left: 26px;
    text-decoration: none;
}
.services ul.dottd_list li a:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(./images/grey_arr.png);
    background-size: 100% 100%;
    left: 0;
    top: 5px;
}
.services ul.dottd_list li a.white:before{ 
	background: url(./images/white-arr.png);
	background-size: 100% 100%;
}
.services-expert{
	background:#DFDFDF;
}
.s_mbl_img {
	display: none;
}
.services.section-1.lndng_abt_sec .container.servicesPadding {
	padding-top: 50px;
  }
.quick-nav.hidden_quicknav{display: none;}
section.services_top.lndg_pg_bnnr.inner_banner img {
    width: 100%;
}

.note {
	color: #333;
}
.mnbr {
height: 25px;
display: block;
}
.mnbr.entr {
	height: 10px;
  }
span.mnbr.entr-sm {
    height: 69px;
} 
section.servicesRemarkably.paddingSection {
    overflow: hidden;
}
section.focused-services {
    overflow: hidden;
}
.p_hvr_inn h3 {
    font-size: 1.5rem;
	margin: 0;
}
.trav-SliderContent {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	display: flex;
	z-index: 99;
	align-items: center;
  }
.yTrav-slider-inner figure{
	width: 100%;
	position: relative;
}
.yTrav-slider-inner figure:before{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.17130602240896353) 100%);
}
.logo-y{
	color: #1980C3;
}
.logo-trav{
	color: #05B3DC;
}
.logo-suite{
	color: #71BE44;
}
.trav-vision {
	background: #1E1D28;
}
.trav-vision figure {
	margin-right: 15px;
}
.trav-vision h3 {
	color: var(--white);
	font-family: var(--font-ragular);
	font-weight: 500;
	line-height: 150%;
	margin: 0px;
}
.trav-channels ul {
	position: relative;
	
	padding: 0px;
}
.trav-channels ul::before {
	position: absolute;
	left: 7px;
	top: 30px;
	content: "";
	background-color: #C9CEDE;
	width: 2px;
	height: calc(100% - 50px);
}

.trav-channels ul li ul{
	position: relative;
	border-left: none;
	
}
.trav-channels ul li ul:before{
	display: none;
}


.trav-channels ul li {
	position: relative;
	padding: 5px 0px 5px 30px;
	font-size: 1.5rem;
	line-height: 180%;
	font-weight: 500;
}
.trav-channels ul li ul li {
	position: relative;
	display: flex;
	width: 100%;
	padding: 4px 0px 4px 35px;
	font-size: 1rem;
	line-height: 180%;
	font-weight: 400;
}
.trav-channels ul li::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	background: var(--white);
	left: 0px;
	border-radius: 100%;
	top: 18px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	z-index:9;
}
.trav-channels ul li::after {
	position: absolute;
	content: "";
	width:8px;
	height: 8px;
	background: var(--primary-color);
	left: 4px;
	border-radius: 100%;
	top: 22px;
	z-index: 9;
}
.trav-channels ul li ul li::before {
	content: "\e943";
	font-family: 'icomoon' !important;
	left: 0;
	position: absolute;
	width: 24px;
	height: 24px;
	background: var(--primary-color);
	justify-content: center;
	display: flex;
	color: var(--white);
	border-radius: 100%;
	top: 6px;
	align-items: center;
	box-shadow:0px 0px 0px #000;
}

.trav-channels ul li ul li::after {
	display: none;
}
.trav-channels ul li a{
	color: var(--primary-color);
}
.trav-channels ul li.question:after{
	background-color: #4467E0;
}
.trav-channels ul li.question {
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 30px;
}
.trav-channels ul li.question::before{
	top: 12px;
}
.trav-channels ul li.question::after{
	top: 16px;
}
.yTrav-feature {
	background: #F9F9F9;
  }
 ul.slick-dots li button::before{
	display: none;
}

 .featureIcon {
	width: 80px;
	height: 80px;
	border: 1px solid #C6C6C6;
	border-radius: 8px;
	padding: 14px;
	align-content: center;
	display: flex;
	justify-content: center;
}
.feature-slider {
	border-top: 6px solid var(--primary-color);
	background: var(--white);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
.ytrav-feature--item {
    padding: 0px;
    height: 100%;
    margin: 0px;
    min-height: 620px;
    border-right: 1px solid #C6C6C6 !important;
}
.ytrav-feature--item .card-body{
	padding:30px;
	position: relative;
}
.feature-slider .feature-item--title {
	font-size: 2rem;
	font-weight: 600;
	line-height: 150%;

}
.ytrav-feature--item ul li {
	position: relative;
	padding: 10px 0px 10px 30px;
	font-size: 1rem;
	line-height: 150%;
  }
.ytrav-feature--item  ul li::before {
	content: "\e943";
	font-family: 'icomoon' !important;
	left: 0;
	position: absolute;
	width: 24px;
	height: 24px;
	background: var(--primary-color);
	justify-content: center;
	display: flex;
	color: var(--white);
	border-radius: 100%;
	top: 9px;
	align-items: center;
	box-shadow:0px 0px 0px #000;
}
.carousel-indicators [data-bs-target]{
	border: 0px !important;
}
.yTrav-slider-inner {
	position: relative;
  }
  .yTrav-slider-inner .formSection {
	position: absolute;
	bottom: -35px;
	right: 0px;
	width: 100%;
	  z-index:999
  }
  .formSection .contact_frm_in {
	background: rgba(255, 255, 255, 0.8);
  }
  .yTrav-slider-inner .carousel-indicators {
	z-index: 99999;
  }
.contactyhrmsForm span.wpcf7-not-valid-tip {
    bottom: -24px;
}
.contactyhrmsForm .input-group.submit.rowcont.mb-0 {
    margin-top: 25px;
}  
body.modal-open {
    overflow: hidden !important;
}
.breadcrumb .aioseo-breadcrumbs span { 
    line-height: 18px;
    text-transform: capitalize;
}
.inner_banner h2.sub-title.white {
    text-transform: uppercase;
}
.getStarted span.wpcf7-form-control.wpcf7-acceptance label {
    display: flex;
    align-items: center;
}
.pricing_tb a {
    cursor: pointer;
}
footer section#block-10 a {
    word-wrap: break-word;
    width: 100%;
}
.banner img { 
    height: 100%;
    object-fit: cover;
}
i.icon-ind.ecm {
    padding: 10px 10px;
}
.yTrav-feature ul.slick-dots {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
	z-index:99
}
.yTrav-feature ul.slick-dots li {
    height: 4px;
    line-height: 0px;
    margin-top: 10px;
}
.yTrav-feature ul.slick-dots li button {
    text-indent: -9999px;
    height: 3px;
    width: 40px;
    margin: 0 3px;
    background: #a1a1a1;
    border: none;
    overflow: hidden;
}
.yTrav-feature ul.slick-dots li.slick-active button{
	background:var(--primary-color)
}
.yTrav-feature .slider {
    margin: 0px;
}
.productVisionButton{
	justify-content:flex-end
}
.ind-inner-slide {
    flex-direction: row-reverse;
}
.services-group p {
    position: relative;
}
.development-feature--item .card-body {
    padding: 0px 30px;
}
.development-slider ul.slick-dots {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 10px;
	z-index:99
}
.development-slider ul.slick-dots li {
    height: 4px;
    line-height: 0px;
    margin-top: 10px;
}
.development-slider ul.slick-dots li button {
    text-indent: -9999px;
    height: 3px;
    width: 40px;
    margin: 0 3px;
    background: #a1a1a1;
    border: none;
    overflow: hidden;
}
.development-slider ul.slick-dots li.slick-active button{
	background:var(--primary-color)
}
.button-Area a.gray.readmore {
    min-width: 130px;
    display: flex;
    max-width: 130px;
}
.digital-product {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
	padding:25px;
	border-radius:5px;
	height: 100%;
}
.digital-product figure {
    width: 100%;
    display: flex;
    justify-content: center;
}
.digital-product.ui-digital {
    background: #4286f5;
}
.digital-product.web_devlp {
    background: #AD291D;
}
.digital-product.mb_app_dvlp {
	background: #EF578A;
}
.digital-product.dgtl_mrkt {
	background: #1AA8AC;
}
.digital-product.e_dvlp {
	background: #D7259F;
}
.digital-product.n_cd_l_cd{
	background: #E6AC03;
}
.digital-product.dmn_host {
	background: #ED5B05;
}
.digital-product.migrt_srvc {
	background: #36A755;
}
.digital-product .main-Link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.digital-product h4 {
    font-size: 24px;
    font-family: var(--font-ragular);
    font-weight: 600;
	line-height:150%
}
h4.abt_h {
    font-family: var(--font-ragular);
    font-size: 1.2rem;
    margin-top: 17px;
}
.footer_abt_sec p {
    margin-bottom: 0 !important;
}
.footer_abt_sec a:hover {
    text-decoration: none;
}
.footer_abt_sec h6 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
h4.abt_h {
    margin-bottom: 2px;
}
.schdule-main {
    padding:60px 0 80px;
}
.schdule-main p {
    margin: 30px 0 0;
    font-size: 18px;
}
.schdule-main ul {
    padding: 0;
    margin: 40px 0 0;
}
.schdule-main ul li {
    margin: 10px 0;
    border: 1px solid #ddd;
    padding: 20px;
    display: flex;
    align-items: center;
    width: 31%;
}
.schdule-main ul {
    padding: 0;
    margin: 40px 0 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*20-5-2024*/
.event-page-section .accordion-item {
    margin-bottom: 20px;
    border: 1px solid #d3d3d3;
     border-radius: 5px
}
.event-page-section .accordion-body {
    padding: 0px;
}
.accordin-item--evevt {
    padding: 15px 10px ;
    border-bottom: 1px solid #d3d3d3;
}
.accordin-item--evevt:last-child {
    border-bottom: none;
}
.event-page-section .accordion-header .accordion-button {
    background: none;
    border-bottom: none;
    font-size: 1.5rem;
    color: var(--gray);
    font-family: var(--font-ragular);
    font-weight: 600;
    line-height: 140%;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    padding:     15px 25px;
    border-radius: 0px
}
.accordin-item--evevt figure img {
    border-radius: 5px;
    width: 100%;
}
.accordin-item--evevt .date {
    font-family: var(--font-ragular);
    position: relative;
    display: flex;
    align-items: center;
    line-height: 160%;
}
.accordin-item--evevt .date:before {
    content: "";
    position: relative;
    margin-right: 10px;
    width: 30px;
    height:1px;
    background: var(--gray)

}
.accordin-item--evevt h4.h3 {
    font-family: var(--font-ragular);
    font-weight: 600;
    line-height: 140%;
    margin: 0px;
    padding: 10px 0px;
    font-size: 1.25rem
}
.event-page-section .accordion-button:not(.collapsed)::after{
	background: url(./images/iconamoon_arrow-up.svg) no-repeat center top;
	width: 32px;
    height: 32px;
    background-size: contain;
    transform: rotate(360deg)
}
.event-page-section .accordion-button::after{
	background: url(./images/iconamoon_arrow-down.svg) no-repeat center top;
	width: 32px;
    height: 32px;
    background-size: contain;

}
/*21-5-2024*/

.digital-v1-item {
    position: absolute;
    top: 60%;
    left: 0;
    transform: translate(0, -50%);
    right: 0;
}
.row-creative_box:nth-child(2n + 1) {
    flex-direction: row-reverse;
}
.creative_box_sec .articles-readmore {
    background: none;
    color: var(--primary-color);
    padding: 0px;
}
.creative_box_sec .articles-readmore:hover {
    color: var(--gray);
}
.creative_box_sec .agency_box_left p{
	width: 100%
}
.mobile-develmt .agency_dev h4 {
    font-family: var(--font-title);
    font-size: 2.5rem;
    line-height: 140%;
	
}

/*6-10-2024*/
.digital-marketing {
    background: #F4FAFF;
}
.digital-marketing .card {
    background: none;
}
.marketing--inner{
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
}
.marketing--inner figure img {
	border-radius: 11px;
	width: 100%
}
.digital-marketing h3{
    font-family: var(--font-ragular);
    font-size: 1.20rem;
    line-height: 120%;
    font-weight: 500;
    margin-bottom: 15px
}
.optimization{
    padding: 15px;
    flex: 1
}
.ctooltip.kenya {
    right: 42%;
    top: 55%;
    background: #8584ff;
}
.locations button.kenya::before{
	color: #2f2eb0;
}
/*EssL*/
.essl-banner{
	background: #010101;
	padding: 140px 0px 100px
}
.heading-section {
    padding: 60px;
    border: 1px solid var(--primary-color);
    position: relative;
    margin-bottom: 20px;
}
.heading-section h1 {
    font-size: 65px;
    font-family: var(--font-ragular);
    color: var(--white);
    margin: 0px;
    font-weight: 600;
}
.heading-section h1 span{
	color: var(--primary-color)
}
.essl-banner p {
    color: var(--white);
    font-size: 1.5rem;
    line-height: 180%;
}
.essl-products{
	padding-bottom: 30px;
}
.essl-banner .blue.btn.button-custom{
    background: var(--primary-color);
    border: var(--primary-color);
}
.essl-banner .blue.btn.button-custom:hover {
    background: var(--gray);
    border: var(--gray);
    color: var(--white)
}
.image_area {
    position: relative;
    display: flex;
    align-items: baseline;
}
.img-Icon {
    position: absolute;
    bottom: 25px;
    right: 0px;
    background: var(--white);
    box-shadow: 4px 0px 22px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 5px;
}
.img-Icon ul {
    flex-wrap: wrap;
    flex-direction: column;
}
.img-Icon ul li{
	margin-bottom: 20px
}
.img-Icon ul li:last-child{
	margin-bottom: 0px
}
.img-Icon ul li img{
	margin-bottom: 10px;
	height: 54px
}
.img-Icon ul li p{
	margin-bottom: 0px;
	text-align: center;
}
.essl-products h6 {
    color: var(--primary-color);
    margin-bottom: 20px;
    font-weight: 600;
}
.essl-products p {
    color: var(--gray);
}
.essl-products h5 {
    margin: 0px;
    font-weight: 600;
    color: var(--gray);
    font-size: 1.5rem;
}
.rowSwap {
    margin-bottom: 60px;
}
.rowSwap:nth-child(2n) {
    flex-direction: row-reverse;
}

.rowSwap:nth-child(2n) .img-Icon {
    right: auto;
    left: 0px;
}
.rowSwap:nth-child(2n) .image_area {
    display: flex;
    justify-content: end;
}
.heading-bullet {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999
}
.heading-bullet.top {
    top: -10px;
    left: 0px
}
.heading-bullet.bottom {
    bottom: 11px;
    left: 0px
}
.heading-bullet span.bullet {
    width: 20px;
    background: var(--white);
    height: 20px;
    border: 2px solid var(--primary-color)
}
/*.requestForm  .services-form .services-group p{
	margin-bottom: 0px;
	padding-bottom: 1px
}*/