/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2025 | 09:13:19 */
@media (min-width:1024px){
	
	.individuals-section {
    background-color: #fff !important;
    height: 17.5rem !important;
    width: 100%;
    padding: 25px 30px;
    border-radius: 20px;
    border-color: #D8DDE6;
}
	
	.et-menu .menu-item-has-children>a:first-child:after{
		right:-10px;
	}
	
	#menu-header-menu li ul li a, #menu-header-menu li ul li a:hover {
	padding:15px 0px !important;	
	}

#menu-item-462{
	margin:0 12px 0 12em;
	color:#fff !important;
		border:1px solid #1773E2 !important;
	
	border-radius:5px;
	background-color:#1773E2;
	 
}
	
	#menu-item-462 a{
		color:#fff !important;
	
	}
	
	
 #menu-item-462:hover{
	 border-color:#1773E2 !important;
 background-color:#fff !important;
color:#fff !important;
}

#menu-header-menu li a{
	padding:15px 10px;
	border-bottom: 1px solid transparent;
	position:relative;
}
	
	
	#menu-header-menu li{
		padding:0px 18px;
	}
	
	#menu-header-menu li a:hover{
padding:15px 10px !important;
	color:#1773E2 !important;
	
	}
	#menu-header-menu li:nth-child(1) a:hover, #menu-header-menu li:nth-child(2) a:hover, #menu-header-menu li:nth-child(3) a:hover, #menu-header-menu li:nth-child(4) a:hover{
		border-bottom: 1px solid #1773E2;
	}
		 
	
	
	

	
#menu-item-463{
border:1px solid #D1D5DC !important;
border-radius:5px;

}	
	

	#menu-item-463:hover{
border:1px solid #1773E2 !important;
color:#fff !important;
}


	
	
	
}

.et_pb_row{
	
	width:95% !important;
}

.banner-text .et_pb_text_inner img{
	width:45px;
	 margin-bottom: -5px;
}
.et-l--header{
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)
}

.skillmap ul{
	padding-left:0px;
	list-style-type:none;
	
}

.skillmap ul li{
	list-style-type:none;
	background:url('/wp-content/uploads/2025/09/hand-icon.png') no-repeat;
	background-size: 22px;
	background-position:left;
	padding-left: 38px;
	padding-top:8px;
    background-position-y: 12px;
}


.recruiter{
	border: solid 1px #D1D5DC;
	border-radius:12px;
	padding: 10px;
	
	
}

.recruiter-volume {
	background:url('https://myskillsplus.com/wp-content/uploads/2025/09/volume-icon.png') no-repeat;
	background-position:left;
	padding-left: 71px;
	
	}


.recruiter-volume h3{
	font-size:20px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	color:#1A202C;
	
}


.recruiter-volume h5{
	font-size:16px;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	color:#718096;
	padding-bottom:0px;
} 

.time{
	border: solid 1px #D1D5DC;
	border-radius:12px;
	padding: 10px;
}

.time-text{
	background:url('https://myskillsplus.com/wp-content/uploads/2025/09/time-icon.png') no-repeat;
	background-position:left;
	padding-left: 71px;
	
	}
.time-text h3{
	font-size:20px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	color:#1A202C;
	
}


.time-text h5{
	font-size:16px;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	color:#718096;
	padding-bottom:0px;
} 


.consistency{
	border: solid 1px #D1D5DC;
	border-radius:12px;
	padding: 10px;
}
.consistency-text{
	background:url('https://myskillsplus.com/wp-content/uploads/2025/09/consistency-icon.png') no-repeat;
	background-position:left;
	padding-left: 71px;

}

.consistency-text h3{
	font-size:20px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	color:#1A202C;
	
}


.consistency-text h5{
	font-size:16px;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	color:#718096;
	padding-bottom:0px;
} 


.faster{
	border: solid 1px #D1D5DC;
	border-radius:12px;
	padding: 10px;
}
.faster-text{
	background:url('https://myskillsplus.com/wp-content/uploads/2025/09/faster-results-icon.png') no-repeat;
	background-position:left;
	padding-left: 71px;

}

.faster-text h3{
	font-size:20px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	color:#1A202C;
	
}


.faster-text h5{
	font-size:16px;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	color:#718096;
	padding-bottom:0px;
} 


.immediate{
	border: solid 1px #D1D5DC;
	border-radius:12px;
	padding: 10px;
}
.immediate-text{
	background:url('https://myskillsplus.com/wp-content/uploads/2025/09/immediate-icon.png') no-repeat;
	background-position:left;
	padding-left: 71px;

}

.immediate-text h3{
	font-size:20px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	color:#1A202C;
	
}


.immediate-text h5{
	font-size:16px;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	color:#718096;
	padding-bottom:0px;
} 


.fair{
	border: solid 1px #D1D5DC;
	border-radius:12px;
	padding: 10px;
}
.fair-text{
	background:url('https://myskillsplus.com/wp-content/uploads/2025/09/fair-treatment-icon.png') no-repeat;
	background-position:left;
	padding-left: 71px;

}

.fair-text h3{
	font-size:20px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	color:#1A202C;
	
}


.fair-text h5{
	font-size:16px;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	color:#718096;
	padding-bottom:0px;
} 



.individuals-section{
		background-color:#fff !important;
		height:19.5rem !important;
		width:100%;
		padding:25px 20px;
		border-radius:21px;
		border-color:#D8DDE6;
	}



	
	 .developers-section{
		 margin-top:20px;
		background-color:#fff !important;
		height:17.5rem !important;
		width:100%;
		padding:25px 20px;
		border-radius:21px;
		border-color:#D8DDE6;
	}


.skillmap-faq .sp-easy-accordion .sp-ea-single .ea-header a{
	font-size:20px !important;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	padding-left:5px !important;
		margin:7px 10px 7px 10px;
   	}

	.skillmap-faq .ea-header{
		padding-bottom:0px !important;
		
	}
	.skillmap-faq .ea-card {
		border-radius:16px;
		
	}
.skillmap-faq .ea-body p{
	font-size:16px !important;
	color:#718096 !important;
	font-family:'Poppins', sans-serif !important;
	border-top:1px solid #D8DDE6 !important; 
	padding-top:15px !important;
	
}
.skillmap-faq  .ea-body{
	background: transparent !important;
	padding-top: 0px !important;
	
}

.skillmap-faq .ea-header a .ea-expand-icon{
	color:#1773E2 !important;
	border:1px solid #1773E2 !important;
	line-height:20px !important;
	height: 20px;
    font-weight: 300;
    border-radius: 50% !important;
    width: 20px;
    font-size: 10px !important;
}

/*  .value-pillars .et_pb_image_11 {
	 left:45% !important;
	
}

.value-pillars .et_pb_image_11 {
    left: 43% !important;

}
 */

 
.vani-jd{
	position:relative;
	
}
.vani-jd li::before{
	position:absolute;
	content:"";
	background-color:#718096;
	width:1px;
	height:50%;
	left:0px;
	
}

	.vani-jd{
	position:relative;
	}
	
	.vani-jd li{
        padding: 5px;
		position:relative;
		list-style: none;
		font-size: 16px;
        margin-left: 2px;
	}
		.vani-jd li::before{
        padding: 2px;
		width: 3px;
		border-radius:5px;
		height: 2px;
		left: -22px;
        top: 12px;
		border:1px solid #718096;
		list-style: none;
       
        
	}
	
.vani-jd::before{
	position: absolute;
	content:"";
	background-color: #718096;
	width: 1px;
	margin-right: 5px;
	height: 95%;
	
	}



  .steps {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    /* Connector line */
    

    .step {
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .create-bg {
      width: 173px;
      height: 176px;
      border-radius: 50%;
      border: 3px solid;
      position: relative;
      margin: -17px 115px 20px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

 .interview-bg {
      width: 173px;
      height: 176px;
      border-radius: 50%;
      border: 3px solid;
      position: relative;
      margin: -17px 123px 20px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

 .insights-bg {
      width: 173px;
      height: 176px;
      border-radius: 50%;
      border: 3px solid;
      position: relative;
      margin: -17px 131px 20px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    /* Top half (number background) */
    .create-bg span {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 48px !important;
      font-weight: bold;
    }

.interview-bg span {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
	background-color:#1773E2;
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 48px !important;
      font-weight: bold;
    }

.insights-bg span {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
	background-color:#EB9921;
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 48px !important;
      font-weight: bold;
    }



    /* Bottom half (icon) */
    .create-bg i {
    position: absolute;
	width: 60px;
    top: 61%;
    left: 40%;
    height: 100px;
	background:url("https://myskillsplus.com/wp-content/uploads/2025/09/create-icon.png") no-repeat;
		}


 .interview-bg i {
    position: absolute;
	width: 60px;
    top: 61%;
    left: 40%;
    height: 100px;
	background:url("https://myskillsplus.com/wp-content/uploads/2025/09/microphone-icon.png") no-repeat;
		}

 .insights-bg i {
    position: absolute;
	width: 60px;
    top: 61%;
    left: 40%;
    height: 100px;
	background:url("https://myskillsplus.com/wp-content/uploads/2025/09/generate-icon.png") no-repeat;
		}


    /* Step colors */
    .step:nth-child(1) .create-bg {
      border-color: #e91e63;
    }
    .step:nth-child(1) .create-bg span {
      background: #e91e63 !important;
    }
    .step:nth-child(1) .create-bg i {
      color: #e91e63;
    }


    .step .interview-bg {
      border-color: #1773E2 !important;
    }
    .step:nth-child(2) .interview-bg span {
      background: #1773E2 !important;
    }
    .step:nth-child(2) .interview-bg i {
      color: #fff !important;
    }


    .step .insights-bg {
      border-color: #EB9921 !important;
    }
    .step:nth-child(3) .insights-bg span {
      background: #EB9921 !important;
    }
    .step:nth-child(3) .insights-bg i {
      color: #fff;
    }

  

.desc-box {
      background: #f9f9fb;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 20px 25px;
	margin: 50px 10px;
      text-align: center;
      position: relative;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

.interview-desc {
      background: #f9f9fb;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 20px 25px;
	margin: 50px 10px;
      text-align: center;
      position: relative;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

.insights-desc{
      background: #f9f9fb;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 20px 25px;
	margin: 50px 10px;
      text-align: center;
      position: relative;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    /* Small triangle pointer */
   

    /* Triangle border outline (subtle) */
    .interview-desc::after {
      content: "";
      position: absolute;
      top: -27px;
	transform: translateX(-50%);
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent #f9f9fb transparent;
      left: 50%;
    
      z-index: 0;
    }

 .desc-box::after {
      content: "";
      position: absolute;
      top: -40px;
			
      left: 48%;
     
      z-index: 0;
transform: translateX(-50%);
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent #f9f9fb transparent;
    }


 .insights-desc::after {
      content: "";
      position: absolute;
      top: -40px;
		transform: translateX(-50%);
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent #f9f9fb transparent;
		
      left: 51%;
    
      z-index: 0;
    }







    .desc-box h3 {
      font-size: 22px;
      font-weight: bold;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      margin-bottom: 8px;
      color: #222;
    }

    .desc-box p {
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
		text-align:center;
      font-size: 16px;
      color: #555;
      line-height: 1.5;
      margin: 0;
    }

 .insights-desc h3 {
      font-size: 22px;
      font-weight: bold;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      margin-bottom: 8px;
      color: #222;
    }

    .insights-desc p {
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
		text-align:center;
      font-size: 16px;
      color: #555;
      line-height: 1.5;
      margin: 0;
    }







/* home page steps */

.card-box1 {
  position: relative;
 
	background:white;
	
     
  border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
	
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
	
  
}


.card-box1-bg {
  position: relative;
 background:url("https://myskillsplus.com/wp-content/uploads/2025/09/card-box-bottom-img.png") no-repeat;
	background-position:bottom;
     background-size:100%;
  border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
	
 
  text-align: center;
	padding-top:50px;
  
}




.card-circle-1 {
  background-color: #E01772;
	color: white;
  font-size: 56px;
  font-weight: bold;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
 top:-48px;
	left:63px;
  z-index: 2;
  position: absolute;
	font-family:'Poppins', sans-serif;
}

.card-circle-2 {
  background-color: #FF3892;
  color: white;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  width: 140px;
  height: 140px;
 top:-71px;
	left:42px;
  z-index: -1;
  position: absolute;
}


.card-content {
  padding: 20px 15px 25px 15px;
  font-size: 16px;
font-family:'Poppins', sans-serif;
  color: #1A202C;
	
}

.card-icon {
	
	padding: 10px 0;
	
}

.card-icon img {
  width:34px;
	height:34px;
}


/* card-02 */
.card-box2 {
  position: relative;
 background:white;
border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
	
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
	
  
}


.card-box2-bg {
  position: relative;
 background:url("https://myskillsplus.com/wp-content/uploads/2025/09/card-2-img.png") no-repeat;
	background-position:bottom;
     background-size:100%;
  border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
	
 
  text-align: center;
	padding-top:50px;
  
}




.card-circle-3 {
  background-color: #EB9921;
	 color: white;
  font-size: 56px;
  font-weight: bold;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
 top:-48px;
	left:63px;
  z-index: 2;
  position: absolute;
	font-family:'Poppins', sans-serif;
}

.card-circle-4 {
  background-color: #FABB5E;
  color: white;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  width: 140px;
  height: 140px;
 top:-71px;
	left:42px;
  z-index: -1;
  position: absolute;
}


.card-content2 {
  padding: 20px 15px 50px 15px;
  font-size: 16px;
font-family:'Poppins', sans-serif;
  color: #1A202C;
	
}

.card-icon2 {
	
	padding: 10px 0;
	
}

.card-icon2 img {
  width:34px;
	height:34px;
}


/* card-02 */

/* card-03 */

.card-box3 {
  position: relative;
 background:white;
border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
	
  
}


.card-box3-bg {
  position: relative;
 background:url("https://myskillsplus.com/wp-content/uploads/2025/09/card-3-img.png") no-repeat;
	background-position:bottom;
     background-size:100%;
  border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
  text-align: center;
	padding-top:50px;
  
}


.card-circle-5 {
  background-color: #1773E2;
	color: white;
  font-size: 56px;
  font-weight: bold;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
 top:-48px;
	left:63px;
  z-index: 2;
  position: absolute;
	font-family:'Poppins', sans-serif;
}

.card-circle-6 {
  background-color: #52A0FF;
  color: white;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  width: 140px;
  height: 140px;
 top:-71px;
	left:42px;
  z-index: -1;
  position: absolute;
}


.card-content3 {
  padding: 20px 15px 53px 15px;
  font-size: 16px;
font-family:'Poppins', sans-serif;
  color: #1A202C;
	
}

.card-icon3 {
	
	padding: 8px 0;
	
}

.card-icon3 img {
  width:34px;
	height:34px;
}



/* card-03 */


/* card-04 */

.card-box4 {
  position: relative;
 background:white;
border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
	
  
}


.card-box4-bg {
  position: relative;
 background:url("https://myskillsplus.com/wp-content/uploads/2025/09/card-4-img.png") no-repeat;
	background-position:bottom;
     background-size:100%;
  border-radius: 20px;
	border-bottom-left-radius: 119px;
    border-bottom-right-radius: 119px;
  text-align: center;
	padding-top:50px;
  
}




.card-circle-8 {
  background-color:#2EC5BD;
	color: white;
  font-size: 56px;
  font-weight: bold;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
 top:-48px;
	left:63px;
  z-index: 2;
  position: absolute;
	font-family:'Poppins', sans-serif;
}

.card-circle-7 {
  background-color: #57E8E0;
  color: white;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
  width: 140px;
  height: 140px;
 top:-71px;
	left:42px;
  z-index: -1;
  position: absolute;
}


.card-content4 {
  padding: 20px 15px 48px 15px;
  font-size: 16px;
font-family:'Poppins', sans-serif;
  color: #1A202C;
	
}

.card-icon4 {
	
	padding: 12px 0;
	
}

.card-icon4 img {
  width:34px;
	height:34px;
}


/* card-04 */







/* home page steps */


@media(min-width:1400px){
	
	.header-menu-cont .et_pb_text_align_right .et_pb_menu__wrap{
		
		margin-left:32em !important;
	}
	
	
	.scalable_section img{
		text-align:left !important;
		
	}
	
	.tailored .desc-box{
		padding:20px 43px  !important;
	}
	
	.vani-steps img{
		left: -14px;
        width: 99vw;
        top: -4px;
	}
	
	.create-bg {
 		margin: -17px 113px 20px;
	}
	
	.insights-bg {
       margin: -17px 133px 20px;

	}
	
	.cards-section .et_pb_column{
	margin-right:2% !important;
	width:18% !important;
}
	.et_pb_row{
	max-width:1360px !important;
	width:100% !important;
}
	
	.cards-section2 .et_pb_row{
	max-width:1340px !important;
	font-size:56px;
	width:95% !important;
}
	
	
	.banner-text .et_pb_text_inner{
	font-size:56px;
	}
	
	.banner-text .et_pb_text_inner img{
	width: 50px;
    margin-bottom: -5px;
}
	.card-circle-2{
		left:52px !important;
		
	}
	
	.card-circle-1{
		left:72px;
	}
	.card-icon{
		padding:17px 0px !important;
		
	}
	.card-content2 {
		padding: 20px 15px 43px 15px !important;
	}
	.card-icon2 {
		padding:20px 0px !important;
	}
	
	.card-circle-4{
		left:52px !important;
		
	}
	.card-circle-3{
		left:72px !important;
	}
	
	.card-circle-5{
		left:73px !important;
	}

	.card-circle-6{
		left:53px !important;
	}
	.card-circle-7{
		left:49px !important;
	}
	
	.card-circle-8{
		left:68px !important;
	}
	
	.card-content {
    padding: 20px 15px 34px 15px;
	}
	
	    .card-icon2 {
        padding: 22px 0px !important;
    }
	
	    .card-content2 {
        padding: 20px 15px 50px 15px !important;
    }
	
	
	
	.card-content3 {
		padding: 20px 15px 30px 15px !important;
	}
	.card-icon3 {
    padding: 19px 0 !important;
	}
	
	
	
	.card-content4 {
		padding: 20px 15px 26px 15px !important;
	}
	.card-icon4 {
    padding: 22px 0 !important;
}
	
	.flow-timeline .timeline{
		margin-left:-2%;
		
	}
	
	.flow-timeline .step-box {
     width:19.5vw !important;
	  
    }

	.flow-timeline .timeline::after{
		top:77% !important;
		width:10px !important;
	}

	.flow-timeline .timeline::before{
		top:77.5% !important;
	}
	
.steps-description{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 30% !important;
	text-align:center;
}


.description{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 45% !important;
	text-align:center;
}

.generates-step{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 31% !important;
	text-align:center;
}

.interview{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 44% !important;
	text-align:center;
}

.enabled{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 16% !important;
	text-align:center;
}

.managers{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 16% !important;
	text-align:center;
}

.vani-steps-box .icon-image::before{
content: '';
    width: 2px;
    height: 33px;
    background: transparent;
    border-left: 2px dashed #CFD4DE;
    margin: 0 auto;
    position: absolute;
    top: 21px;
    left: 113px !important;
    	
}


	.card-section2 img{
		width: 100vw;
		
	}

	.skills-profile-button {
		margin-top: 0px;
        margin-left: -5% !important;
	}
	
	
	
	
}

@media(min-width:1600px){
	
	
	
	
	.flow-timeline .timeline{
		margin-left:-2%;
		
	}
	
	.flow-timeline .step-box {
     width:16.5vw !important;
	  
    }
	
	
	
	
	
	
}

@media(min-width:1024px){
	
	
	.header-menu-cont .et_pb_text_align_right .et_pb_menu__wrap{
		justify-content:center !important;
		margin-left:22em;
	}
	
.et_pb_gutters3 .hiring-section  .et_pb_column{
width: 48.5% !important;
	
}

.et_pb_gutters3 .hiring-section .et_pb_column_1_2:nth-child(1) {
margin-right: 2.5% !important;
	
}
	

.et_pb_gutters3 .solution-skill .et_pb_column_1_2 {
	width: 49.25% !important;
}
 
.et_pb_gutters3 .solution-skill .et_pb_column_1_2:nth-child(1) {
	margin-right: 3.5% !important;
	}
.scalable_section .et_pb_column:nth-child(1) {
	width:12% !important;
}

.scalable_section .et_pb_column:nth-child(4){
	width:10% !important;
}

.scalable_section .et_pb_column:nth-child(2), .scalable_section .et_pb_column:nth-child(3){
/* 	width: 29.6667% !important;
	margin-right: 4.5% !important; */
	width: 26.6667% !important;
     margin-right: 7.5% !important;
}

.faster_section .et_pb_column:nth-child(1), .faster_section .et_pb_column:nth-child(2), .faster_section .et_pb_column:nth-child(3){
width: 33.6667% !important;
margin-right: 0.5% !important;
}
	
.resumes_section .et_pb_column:nth-child(1), .resumes_section .et_pb_column:nth-child(2), .resumes_section .et_pb_column:nth-child(3){
width: 33.6667% !important;
margin-right: 1.5% !important;
} 

.single_section .et_pb_column:nth-child(1), .single_section .et_pb_column:nth-child(2){
	width: 32.6667% !important;
margin-right: 1.5% !important;
}
.single_section .et_pb_column:nth-child(3){
	width: 33% !important;
}

.benefits_section .et_pb_column:nth-child(1), .benefits_section .et_pb_column:nth-child(2), .benefits_section .et_pb_column:nth-child(3), .benefits_section .et_pb_column:nth-child(4) {
width: 25.665% !important;
margin-right: 1.5% !important;
}


.cards-section .et_pb_column{
	margin-right: 3% !important;
    width: 19% !important;
}	
	
	.individuals-section{
		background-color:#fff !important;
		height:16.5rem !important;
		width:100%;
		padding:25px 30px;
		border-radius:20px;
		border-color:#D8DDE6;
	}
	
	.individuals-text{
		font-family:'Poppins', sans-serif !important;
		font-size:24px !important;
		padding:15px 0 !important;
		font-weight:600;
		color:#1A202C;
	}
	.skill-text {
		font-family:'Poppins', sans-serif !important;
		font-size:16px !important;
		font-weight:400;
		line-height:1.7em !important;
		color:#718096;
		
	}
	
	 .developers-section{
		 margin-top:20px;
		background-color:#fff !important;
		height:15.5rem !important;
		width:100%;
		padding:25px 30px;
		border-radius:20px;
		border-color:#D8DDE6;
	}
	
	.developers-text{
		font-family:'Poppins', sans-serif !important;
		font-size:24px !important;
		padding:15px 0 !important;
		font-weight:600;
		color:#1A202C;
	}
	.access-text {
		font-family:'Poppins', sans-serif !important;
		font-size:16px !important;
		line-height:1.7em !important;
		font-weight:400;
		color:#718096;
		
	}
	
	

	
	
	
}


@media (max-width:768px){
	.card-box1, .card-box2, .card-box3, .card-box4{
		margin:auto;
		width:245px;
		
	}
	.card-circle-1{
	left:71px !important;
font-size:45px !important;
}
 
    .card-circle-2{
left: 42px !important;
 
}
.card-circle-1, .card-circle-3, .card-circle-5, .card-circle-8 {
font-size:45px !important;
top: -48px !important;
left: 72px !important;

}
 .card-circle-7, .card-circle-6, .card-circle-4{
		left:52px !important;
	}
 
 
.card-content {
font-size:15px !important;

}
 
.card-circle-2{
top: -70px !important;
left: 51px !important;

}
	.skillmap ul li {
		padding-left: 32px !important;
	}

	.individuals-section {
 
     height: 24rem !important; 
		
  
}
	
	.banner-text .et_pb_text_inner img{
	width: 30px;
    margin-bottom: -5px;
}
	
	.cards-section .et_pb_column {
        margin: 30px auto !important;
      
    }
	.cards-section .et_pb_column:last-child {
        margin: 30px auto !important;
       
    }

	.developers-section{
		margin-bottom:20px;
	}
	
/* 	.value-pillars .et_pb_image_11 {
	 left:45% !important;
	
} */
.flow-timeline .step:nth-child(even) .timeline-box {
      margin-bottom: 0px;
      
    }

.flow-timeline .step:nth-child(odd) .timeline-box {
      margin-bottom: 0px;
	  margin-top:0px;
      
    }

.flow-timeline .step.even {
      margin-bottom: 30px !important;
      margin-top:0px !important;
    }

.flow-timeline .step.odd {
      margin-bottom: 20px !important;
	  margin-top:0px !important;
      
    }
	
}
 .flow-timeline .timeline {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;    
	  padding:6% 2% 6% 9%;
}

    /* Central line */
  .flow-timeline  .timeline::before {
      content: "";
      position: absolute;
      top: 78.5%;
      left: 0;
      right: 0;
      height: 8px;
      background: url('/wp-content/uploads/2025/09/Line-6.png') no-repeat;
      z-index: 0;
	  background-size:cover;
    }

.flow-timeline  .timeline::after {
      content: "";
      position: absolute;
      top: 78.35%;
     
      right: 0;
	width:9px;
      height: 11px;
      background: url('/wp-content/uploads/2025/09/arrow-icon.png') no-repeat;
      z-index: 0;
	  background-size:cover;
    }

   .flow-timeline .step {
      position: relative;
      flex: 1;
      text-align: center;
    }

    

    /* Connector line */
   .flow-timeline .connector {
      width: auto;
      height: 50px;
      position: relative;
    }

.flow-timeline .step.odd .connector::before {
	  content:'';
      width: 2px;
      height: 50px;
      background: transparent;
      border-left: 2px dashed currentColor;
      margin: 0 auto;
      position: absolute;
	  top: 8px;
      left: -11.6em;
    }

.flow-timeline .step.even .connector::before {
	content:'';
      width: 2px !important;
      height: 50px !important;
      background: transparent;
      border-left: 2px dashed currentColor;
      margin: 0 auto;
      position: absolute !important;
		top: -0.6em;
		left: -11.6em;
    }

.flow-timeline .step.even2 .connector::before {
content:'';
      width: 2px !important;
      height: 50px !important;
      background: transparent;
      border-left: 2px dashed currentColor;
      margin: 0 auto;
      position: absolute !important;
top: -0.6em;
    left: -11.6em;
    }




    /* Small marker */
  .flow-timeline  .step.even .connector::after {
      content: " ";
      position: absolute;
      bottom: -19px;
      background:url('/wp-content/uploads/2025/09/Star-7.png') no-repeat;
	 width:22px !important;
	 height:22px !important;
top: -2.1em;
  left: -12.3em;
    }

 .flow-timeline  .step.even2 .connector::after {
      content: " ";
      position: absolute;
      bottom: -19px;
      background:url('/wp-content/uploads/2025/09/Star-9.png') no-repeat;
	 width:22px !important;
	 height:22px !important;
top: -2.1em;
    left: -12.3em;
    }

 .flow-timeline .step.odd .connector::after {
      content: " ";
      position: absolute;
     left: 50%;
      background:url('/wp-content/uploads/2025/09/Star-5.png') no-repeat;
	 width:22px !important;
	 height:22px !important;
	  bottom: -34px;
left: -12.3em;
    }

 .flow-timeline .step.odd2 .connector::after {
      content: " ";
      position: absolute;
     left: 50%;
      background:url('/wp-content/uploads/2025/09/Star-8.png') no-repeat !important;
	 width:22px !important;
	 height:22px !important;
	  bottom: -34px;
left: -12.3em;
    }

.flow-timeline .step.odd3 .connector::after {
      content: " ";
      position: absolute;
     left: 50%;
      background:url('/wp-content/uploads/2025/09/Star-10.png') no-repeat !important;
	 width:22px !important;
	 height:22px !important;
	  bottom: -34px;
left: -12.3em;
    }


    /* Description box */
   .flow-timeline .timeline-box {
      background: #fff;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 12px 16px;
      font-size: 14px;
      color: #333;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      position: relative;
      margin: 10px auto;
    }

    /* Alternate above and below */
  .flow-timeline  .step:nth-child(odd) .connector {
      
    }
   .flow-timeline .step:nth-child(odd) .timeline-box {
      margin-top: -3em !important;
    }

  .flow-timeline  .step:nth-child(even) .connector {
      
      order: -1;
    }
 .flow-timeline   .step:nth-child(even) .timeline-box {
      margin-bottom: -18.5em;
      order: -2;
    }

.flow-timeline .step:nth-child(2) {
 
    margin-left: -5em;
}

.flow-timeline .step:nth-child(3) {
       margin-left: -5em;
}

.flow-timeline .step:nth-child(4) {
       margin-left: -5em;
}

.flow-timeline .step:nth-child(5) {
       margin-left: -5em;
}



  .flow-timeline  .step.even {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
    }
.flow-timeline .step.odd {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
    }

    /* Colors */
  .flow-timeline .step:nth-child(1) { color: #f39c12; }
  .flow-timeline .step:nth-child(2) { color: #2980b9; }
   .flow-timeline .step:nth-child(3) { color: #1abc9c; }
   .flow-timeline .step:nth-child(4) { color: #e91e63; }
   .flow-timeline .step:nth-child(5) { color: #5F5FF6; }

    /* Responsive stacking */
    @media (max-width: 900px) {
    .flow-timeline .timeline {
        flex-direction: column;
        align-items: flex-start;
      }
/*      .flow-timeline .timeline::before {
        content: none;
      } */
     .flow-timeline .step {
        flex: unset;
        width: 100%;
        margin-bottom: 30px;
      }
    }




.flow-timeline .step-box {
      display: flex;
      align-items: center;
      background: #fafafa;
      border-radius: 8px;
      padding:25px 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
      border: 1px solid #eee;
      position: relative;
      width:21vw;
	  
    }

    /* Circle */
   .flow-timeline .circle-outline {
      width: 120px;
      height: 120px;
      border-radius: 50%;
       display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
       position:absolute;
      border: 4px solid #fff;
      outline: 8px solid #f39c12;
z-index:-1;
left:-85px;
    }
.flow-timeline .circle {
      
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #f39c12;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: bold;
      font-size: 45.52px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      position:absolute;
left:-78px;
      
    }

    /* Text */
   .flow-timeline .text {
      font-size: 16px;
      color: #333;
	   font-family:'Poppins', sans-serif !important;
      font-weight: 500;
	  padding-left: 12%;
	   text-align:left;
    }

/*step3*/


.secure-interview .step-box {
      display: flex;
      align-items: center;
      background: #2EC5BD;
      border-radius: 8px;
      padding:25px 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
      border: 1px solid #eee;
      position: relative;
      width:100%;
	  
    }

    /* Circle */
   .secure-interview .circle-outline {
      width: 120px;
      height: 120px;
      border-radius: 50%;
       display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
       position:absolute;
      border: 4px solid #fff;
      outline: 8px solid #2EC5BD;
z-index:-1;
left:-85px;
    }
.secure-interview .circle {
      
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #2EC5BD;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: bold;
      font-size: 45.52px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      position:absolute;
left:-78px;
      
    }

/*step3*/


   /* Circle */
   .summaries .circle-outline {
      width: 120px;
      height: 120px;
      border-radius: 50%;
       display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
       position:absolute;
      border: 4px solid #fff;
      outline: 8px solid #5F5FF6;
z-index:-1;
left:-85px;
    }
.summaries .circle {
      
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #5F5FF6;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: bold;
      font-size: 45.52px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      position:absolute;
left:-78px;
      
    }


/*step4*/


   /* Circle */
   .generates .circle-outline {
      width: 120px;
      height: 120px;
      border-radius: 50%;
       display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
       position:absolute;
      border: 4px solid #fff;
      outline: 8px solid #1773E2;
z-index:-1;
left:-85px;
    }

.generates .circle {
      
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #1773E2;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: bold;
      font-size: 45.52px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      position:absolute;
left:-78px;
      
    }


/*step5*/


   /* Circle */
   .completes .circle-outline {
      width: 120px;
      height: 120px;
      border-radius: 50%;
       display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
       position:absolute;
      border: 4px solid #fff;
      outline: 8px solid #E01772;
z-index:-1;
left:-85px;
    }

.completes .circle {
      
      width: 110px;
      height: 110px;
      border-radius: 50%;
      background: #E01772;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-weight: bold;
      font-size: 45.52px;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
      position:absolute;
left:-78px;
      
    }



.vani-steps-box{
	background:#fafafa;
	border:1px solid #dcdcdc;
	padding:54px 20px 20px 20px;
	border-radius:16px;
	margin:0px 7px;
	
}

.vani-steps-box .icon-image{
	text-align:center;
}

.vani-steps-box .icon-image::before{
content: '';
    width: 2px;
    height: 33px;
    background: transparent;
    border-left: 2px dashed #CFD4DE;
    margin: 0 auto;
    position: absolute;
    top: 21px;
    left: 105px;
    	
}




.steps-description{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 45%;
	text-align:center;
}


.description{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 60%;
	text-align:center;
}

.generates-step{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 45%;
	text-align:center;
}

.interview{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 45%;
	text-align:center;
}

.enabled{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 30%;
	text-align:center;
}

.managers{
font-family:'Poppins', sans-serif !important;
	font-weight:400;
	font-size:16px;
	padding: 10% 0 15%;
	text-align:center;
}





/*
.personal-timeline .top-connector {
    position: absolute;
    top: -84%;
    left: 45%;

}
*/

.personal-timeline .container-1 {
background:url('/wp-content/uploads/2025/09/works-timeline.png') no-repeat !important;
    padding-top: 100px;
    display: flex;
    margin: 0% 1%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 20px;
	
}

.personal-timeline .step-image {
    position: absolute;
    top: -23%;
    left: 30%;
    /* height: 50%; */
    /* width: 45%; */
}


/* Border colors of timeline step boxes css start */

.flow-timeline .timeline .step:nth-of-type(1) .step-box {
  border-right: 3.24px solid #EB9921;
	border-radius:15px !important;
}

.flow-timeline .timeline .step:nth-of-type(2) .step-box {
  border-right: 3.24px solid #1773E2;
	border-radius:15px !important;
}

.flow-timeline .timeline .step:nth-of-type(3) .step-box {
  border-right: 3.24px solid #2EC5BD;
	border-radius:15px !important;
}

.flow-timeline .timeline .step:nth-of-type(4) .step-box {
  border-right: 3.24px solid #E01772;
	border-radius:15px !important;
}

.flow-timeline .timeline .step:nth-of-type(5) .step-box {
  border-right: 3.24px solid #5F5FF6;
	border-radius:15px !important;
}

/* Border colors of timeline step boxes css end*/

.scalable_section {
	justify-content:center;
	
}



/* Media Query for skillmap page start */

@media (max-width:767px){
	.vani-steps-box .icon-image::before{
		left: 11.9em !important;
	}
	
 	.vani-makes :is(.et_pb_image_8, .et_pb_image_3, .et_pb_image_7, .et_pb_image_4, .et_pb_image_6, .et_pb_image_5) {
		left: 12em !important;
	}  
	
	.vani-steps-box{
		width:245px !important;
	}
	
	.providing br{
		display:none !important;
		
	}
	
	.personal-timeline .container-1 {
		background-size:100% !important;
		padding-top: 70px;
		margin-bottom: 20%;
	}
	
	.personal-timeline .step-image {
    top: -23%;
    width: 100px;
    left: 34.4%;
	}
	
	.mobile-br{
		display:none;	
	}
	
	
	.individuals-section>h2,.developers-section>h2{
		font-size:18px;
		font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    	font-weight: 600;
		padding: 22px 0 20px 0;
		color:#000000;
	}
	
	.individuals-section>ul li,.developers-section>ul li{
		font-size:15px;
		font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    	font-weight: 500;
		color:#718096;
	}
	.skillmap-faq .sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 18px !important;
	}
	
	.flow-timeline .step-box {
		width: 75%;
	}
	.flow-timeline .step{
    	position:relative;
		display:block;
		margin:0 0 10px 0 !important;
	}
	
	.timeline .step:nth-child(1){
		order:1;
	}
	.timeline .step:nth-child(2) {
		order: 2;
		margin-top: -7em !important;
	}
	.timeline .step:nth-child(3){
		order:3;
	}
	.timeline .step:nth-child(4){
		order:4;
		margin-top: -7em !important;
	}
	.timeline .step:nth-child(5){
		order:5;
	}
	
	.flow-timeline   .step:nth-child(even) .timeline-box {
		margin-bottom: 0em;
	}
	.flow-timeline .step:nth-child(odd) .timeline-box {
		margin-top: 0em !important;
	}
	.flow-timeline .timeline-box {
		margin: 0;
	}
	.flow-timeline .text {
		font-size: 14px;
	}
	
	.secure-interview .circle,
	.flow-timeline .circle {
		width: 90px;
		height: 90px;
		left: -65px;
	}
	
	.flow-timeline .circle-outline,
	.generates .circle-outline,
	.completes .circle-outline,
	.timeline-box .circle-timeline,
	.secure-interview .circle-outline,
	.summaries .circle-outline{
		width: 100px;
		height: 100px;
		left: -73px;
	}
	.flow-timeline .step-box {
		padding: 20px 5px;
	}
	.flow-timeline .step.odd {
		margin-bottom: 30px !important;
		margin-top: 0px !important;
	}
	
	.create-bg,
	.interview-bg,
	.insights-bg{
		margin:auto;
	}
	.desc-box {
    	margin: 30px 10px;
	}
	
	.flow-timeline  .timeline::after {
    content: "";
    position: absolute;
    top: 94.35%;
    left: -1.21%;
    width: 9px;
    height: 11px;
    background: url('/wp-content/uploads/2025/09/arrow-icon.png') no-repeat;
    z-index: 0;
    background-size: cover;
    transform: rotate(90deg) translate(-8px, -10px);
}
	.flow-timeline  .timeline::before {
		content: "";
		position: absolute;
		top: 44.5%;
		left: -100%;
		height: 8px;
		background: url('/wp-content/uploads/2025/09/Line-6.png') no-repeat;
		z-index: 0;
		background-size: cover;
		transform: rotate(90deg);
	}
/* 	     .flow-timeline .timeline::before {
        content: none;
      } 
	    .flow-timeline .connector {
			display: none;
		}*/
	.flow-timeline .timeline::after {
    content: "";
    position: absolute;
    top: 94.35%;
    left: -1.1%;
    width: 9px;
    height: 11px;
    background: url('/wp-content/uploads/2025/09/arrow-icon.png') no-repeat;
    z-index: 0;
    background-size: cover;
    transform: rotate(90deg);
}
	.flow-timeline .step.odd,
	.flow-timeline .step.even {
		align-items: flex-end;
	}
	
	.flow-timeline .step.odd .connector::before {
    content: '';
    width: 2px;
    height: 30px;
    background: transparent;
    border-left: 2px dashed currentColor;
    margin: 0 auto;
    position: absolute;
    top: -55px;
    left: -24.8em;
    transform: rotate(90deg);
}

	.flow-timeline .step.even .connector::before {
    content: '';
    width: 2px !important;
    height: 30px !important;
    background: transparent;
    border-left: 2px dashed currentColor;
    margin: 0 auto;
    position: absolute !important;
    top: 85px;
    left: -24.8em;
    transform: rotate(90deg);
}
	
	.flow-timeline .step.odd .connector::after {
    content: " ";
    position: absolute;
    left: 50%;
/*     background: url('/wp-content/uploads/2025/09/Star-5.png') no-repeat; */
    width: 22px !important;
    height: 22px !important;
    top: -52px;
    left: -25.2em;
}
	.flow-timeline  .step.even .connector::after {
    content: " ";
    position: absolute;
    bottom: -19px;
/*     background: url('/wp-content/uploads/2025/09/Star-7.png') no-repeat; */
    width: 22px !important;
    height: 22px !important;
    top: 88px;
    left: -25.2em;
}
	
	.desc-box h3,.insights-desc h3{
		font-size:18px !important;
	}
	.desc-box p.insights-desc p{
		font-size:15px !important;
	}
	ul.vani-jd li{
		font-size:15px;
	}
	.flow-timeline .text{
		font-size:13px !important;
	}
	.flow-timeline .timeline::before {
        content: "";
        position: absolute;
        top: 43.5%;
        left: -100%;
        height: 8px;
/*         background: url(/wp-content/uploads/2025/09/Line-6.png) no-repeat; */
        z-index: 0;
        background-size: cover;
        transform: rotate(90deg);
    }
	
	.interview-bg,
	.create-bg,
	.insights-bg{
		width:150px;
		height:150px;
	}
	.desc-box::after {
    content: "";
    position: absolute;
    top: -40px;
    left: 51%;
    z-index: 0;
    transform: translateX(-50%);
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent #f9f9fb transparent;
}
	.vani-jd li::before {
    padding: 2px;
    width: 3px;
    border-radius: 5px;
    height: 2px;
    left: -21px;
    top: 12px;
    border: 1px solid #718096;
    list-style: none;
}
	
.mobile-timeline {
    position: absolute;
    top: -45px;
    left: -22px;
}
	
	.flow-timeline .timeline::before,.flow-timeline .timeline::after{
		display:none;
	}
	
	    .flow-timeline .step.odd .connector::after, 
		.flow-timeline .step.even .connector::after,
		    .flow-timeline .step.odd .connector::before, 
		.flow-timeline .step.even .connector::before
	{
		display:none;
	}
	
}


/* @media (max-width:375px){
	.flow-timeline .step.odd .connector::before {
    content: '';
    width: 2px;
    height: 25px;
    background: transparent;
    border-left: 2px dashed currentColor;
    margin: 0 auto;
    position: absolute;
    top: -53px;
    left: -22.5em;
    transform: rotate(90deg);
}
	.flow-timeline .step.even .connector::before {
    content: '';
    width: 2px !important;
    height: 30px !important;
    background: transparent;
    border-left: 2px dashed currentColor;
    margin: 0 auto;
    position: absolute !important;
    top: 85px;
    left: -22.5em;
    transform: rotate(90deg);
}
	.flow-timeline .step.odd .connector::after {
    content: " ";
    position: absolute;
    left: 50%;
    background: url('/wp-content/uploads/2025/09/Star-5.png') no-repeat;
    width: 22px !important;
    height: 22px !important;
    top: -52px;
    left: -23.8em;
}
	.flow-timeline  .step.even .connector::after {
    content: " ";
    position: absolute;
    bottom: -19px;
    background: url('/wp-content/uploads/2025/09/Star-7.png') no-repeat;
    width: 22px !important;
    height: 22px !important;
    top: 88px;
    left: -23.8em;
}
.flow-timeline .timeline::after {
    content: "";
    position: absolute;
    top: 93.35%;
    left: -1.1%;
    width: 9px;
    height: 11px;
    background: url('/wp-content/uploads/2025/09/arrow-icon.png') no-repeat;
    z-index: 0;
    background-size: cover;
    transform: rotate(90deg);
}
	
}

@media (min-width:376px) AND (max-width:400px){
	.flow-timeline .step.odd .connector::before {
    content: '';
    width: 2px;
    height: 30px;
    background: transparent;
    border-left: 2px dashed currentColor;
    margin: 0 auto;
    position: absolute;
    top: -55px;
    left: -23.8em;
    transform: rotate(90deg);
}
	.flow-timeline .step.even .connector::before {
    content: '';
    width: 2px !important;
    height: 30px !important;
    background: transparent;
    border-left: 2px dashed currentColor;
    margin: 0 auto;
    position: absolute !important;
    top: 85px;
    left: -23.8em;
    transform: rotate(90deg);
}
	.flow-timeline .timeline::after {
    content: "";
    position: absolute;
    top: 93.35%;
    left: -1.1%;
    width: 9px;
    height: 11px;
    background: url('/wp-content/uploads/2025/09/arrow-icon.png') no-repeat;
    z-index: 0;
    background-size: cover;
    transform: rotate(90deg);
}
}
 */

@media (min-width:768px) AND (max-width:1024px){
	.tablet-br{
		display:none;
	}
}
@media (min-width:1025px)
{
	.desktop-br{
		display:none;
	}
}

.personalskill-timeline h3{
	text-align:center; 
	color:#E01772;
	font-family:'Poppins', sans-serif !important;
	font-weight:600;
	font-size:20px;
}

.personalskill-timeline h5{
	text-align:center;
	color: #718096;
	font-family:'Poppins', sans-serif !important;
	font-weight:400;
	padding: 0px 20px 30% 20px;
	line-height: 1.4rem;
	font-size:16px;
}

.step-2-color{
	color:#1773E2 !important;
}
.step-3-color{
	color:#EB9921 !important;
}
.step-4-color{
	color:#5F5FF6 !important;
}

/* Media Query for skillmap page end */