@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*,
body {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
	font-size: var(--fs16);
	color: var(--text-col);
	box-sizing: border-box;
	font-family: var(--main-family);
}
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
a {
	text-decoration: none;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
ul, p, h1, h2, h3, h4, h5, h6, label {
	margin: 0;
}
li {
	list-style: none;
}
img {
	max-width: 100%;
}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-border {
	border: none;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
::placeholder {
	opacity: 1;
	color: var(--col2);
}
::-ms-input-placeholder {
	color: var(--col2);
}
button:focus {
	outline: none;
}
.errorBox,
.errorBox1 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #dd4b39 !important;
    padding-bottom: 10px;
}
.errorBox span,
.errorBox1 span {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #dd4b39 !important;
    padding-bottom: 10px;
 } 
 .errorBox1.text-green,
 .errorBox.text-green {
     color:var(--brand-col2) !important;
    padding-bottom: 10px;
 }
 .mobile-hid {
	display: block !important;
}
.mobile-show {
	display: none !important;
}
.noImage {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: var(--col-white);
    border-radius: var(--border-r50per);
	
	.img-cls {
		width: 30px !important;
		border-radius: 0 !important;
	}
}
.el-l1 {
	overflow: hidden;
	display: block;
	-webkit-line-clamp: 1;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

/* COMMON */
.wtBody {
	width: 100%;
	display: flex;
	gap: var(--p30);
	flex-direction: column;
}
.wtSec {
	padding: 0 var(--common-padding);
}
.rbtn {
   	white-space: nowrap;
	font-weight: 500;
    outline: none;
    box-shadow: none;
	display: inline-block;
	color: var(--col-white);
    border: 1px solid transparent;
    padding: var(--p10) var(--p18);
    border-radius: var(--border-r20);
}
.action-cta {
	.bluebg {
		color: var(--col-white);
		background: var(--brand-col1);
		border-color: var(--brand-col1);
	}
	.bluebod {
		color: var(--col9);
		background: transparent;
		border-color: var(--col9);
	}
	.greenbod {
		color: var(--brand-col2);
		background: transparent;
		border-color: var(--brand-col2);
		border-width: 2px;
	}
	.greenbg {
		color: var(--col-white);
		background: var(--brand-col2);
		border-color: var(--brand-col2);
	}
	.redbg {
		color: var(--col-white);
		background: var(--brand-col4);
		border-color: var(--brand-col4);
	}
}
.whitebg {
    color: var(--brand-col1);
	border: 1px solid var(--col-white);
	background-color: var(--col-white);
}
.input-field {
	width: 100%;
	position: relative;
	
	.ab-icon {
		position: absolute;
        right: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        padding: var(--p5) var(--p10);
	}
	.input-tag {
		width: 100%;
		border: none;
		outline: none;
		display: block;
		box-sizing: content-box;
		height: 40px;
		border-bottom: 1px solid var(--col1);
		font-size: var(--p16);
		font-weight: normal;
		color: var(--text-col1);
		padding: var(--p5) 0;
	}
	.input-tag:focus {
		border-bottom: 1px solid var(--brand-col1);
	}
	.icon {
		color: var(--col2);
	}
	/* select.input-tag {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		
		option {
			padding: 5px 10px;
		}
	} */
}
.section-title {
	color: var(--brand-col1);
	font-size: var(--font36);
	font-weight: normal;
	
	strong {
		font-weight: 700;
		color: var(--brand-col1);
		font-size: var(--font36);
	}
}
.radarFont {
	font-weight: 600 !important;
	color: rgb(81, 87, 91) !important;
	font-family: var(--font-family1) !important;
	
	strong {
		color: #e0115f;
		font-size: inherit;
		font-weight: inherit;
	}
}
.save-div {
	cursor: pointer;
	
	i {
		transition: all 0.2s ease;
	}
	i.not-loggedIn {
		color: var(--col18);
	}
	i.loggedIn {
		color: #ffff00;
		text-shadow: 0px 2px 2px #aba9a95e;
	}
}

/* HEADER */
#header {
	position: relative;
	z-index: 9;
    margin-bottom: var(--p50);
	
	.header {
	    top: 0;
	    left: 0;
	    width: 100%;
	    display: flex;
		position: fixed;
	    align-items: center;
	    background-color: var(--brand-col1);
	    
	    .headerCont {
	    	height: 60px;
	    }
	    .hLeft {
	    	flex: 33%;
	    	
	    	.logo {
                height: 100%;
                gap: var(--p5);
                align-items: center;
	    		display: inline-flex;
                
	    		.img {
	    			width: 40px;
	    			height: auto;
	    		}
	    		.logoText {
	    			font-weight: 600;
	    			font-size: var(--fs18);
	    			color: var(--col-white);
	    			margin: 0;
	    		}
	    	}
	    }
	    .mobileToggle {
	    	display: none;
	    	cursor: pointer;
	    	
	    	.mMenu {
				width: 25px;
			}
			.mMenu:before,
			.mMenu:after,
			.mMenu div {
				background: #fff;
				content: "";
				display: block;
				height: 3px;
				border-radius: var(--border-r3);
				margin: var(--p5) 0;
				transition: 0.5s;
			}
			.mMenu.activeMenu:before {
				transform: translateY(8px) rotate(135deg);
			}
			.mMenu.activeMenu:after {
				transform: translateY(-8px) rotate(-135deg);
			}
			.mMenu.activeMenu div {
				transform: scale(0);
			}
	    }
	    .hRight {
            display: flex;
            align-items: center;
	    	flex: calc(100% - 33%);
	    	flex: calc(100% - 45%);
            justify-content: space-between;
	    	
	    	.hList {
	    		display: flex;
                align-items: center;
                gap: var(--p30);
                
                #postJobId {
                	cursor: pointer;
                }
                .whitebg {
               		padding: var(--p6) var(--p18);
               	}
                .hLink {
                	font-weight: normal;
                	font-size: var(--fs16);
                	color: var(--col-white);
                }
                .loggedInSpan {
                	display: flex;
    				align-items: center;
    				gap: var(--p30);
                }
	    	}
	    }
	}
}
@media (max-width: 978px) {
	#header {
		.header {
        	.headerCont {
            	height: 50px;
        	}
        	.mobileToggle {
		    	display: block;
		    }
		    .hRight {
		    	display: flex;
		    	gap: var(--p20);
		    	position: absolute;
                top: 50px;
                width: 100%;
                left: -100%;
                padding: var(--p30) var(--p20);
                flex-direction: column;
                background: var(--brand-col1);
                height: calc(100vh + 50px);
                align-items: center;
                justify-content: flex-start;
                transition: all 0.5s;
                
                .hList {
                	gap: var(--p20);
                	flex-direction: column;
                	align-items: center;
                }
		    }
		    .hRight.menuOption {
		    	left: 0;
		    }
    	}
	}
}

/* BANNER */
#banner {
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url("/BlitzMobiSiteImages/images/wt/b1.png");
	
	.bannerInner {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin-top: -10vh;
	    
	    .title {
	    	font-size: var(--font52);
	    	font-weight: 600;
	    	color: var(--col-white);
	    }
	    p {
	    	font-size: var(--font20);
	    	font-weight: 400;
	    	text-align: center;
	    	line-height:  normal;
	    	color: var(--col-white);
	    }
	}
}
#search {
	.searchInner {
	    display: flex;
	    align-items: center;
	    gap: var(--p15);
	    flex-wrap: wrap;
	    justify-content: space-between;
		background: var(--col-white);
		box-shadow: var(--shadow1);
		border-radius: var(--border-r16);
		min-height: 150px;
		width: 100%;
		z-index: 0;
		position: relative;
		padding: var(--p50);
		padding: var(--p18) var(--p50);
		
		.search-box {
			flex: 1;
			
			.search-block {
				gap: var(--p10);
				display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                position: relative;
				
				> .icon {
					color: var(--text-col1);
				}
				.input-field {
					.icon {
						color: var(--col2);
					}
				}
			}
			.input-drop {
				cursor: pointer;
			}
			.dropDown {
				display: none;
				position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: var(--col11);
                box-shadow: var(--shadow3);
                border-top: 0;
                border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				overflow-y: scroll;
  				height: 155px;
                
                li {
                	line-height: normal;
                    font-size: var(--font16);
                    font-weight: normal;
                    padding: var(--p6) var(--p15);
                    cursor: pointer;
                }
                li:hover {
                 	color: var(--col11);
                	background: var(--brand-col1);
                }
                li:last-child {
					border-bottom-right-radius: 5px;
					border-bottom-left-radius: 5px;
                }
			}
			.dropDown.show {
				display: block;
			}
		}
		.action-cta {
			flex: 0.4;
            text-align: right;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--p10);
            
            #resetJob {
            	border-radius: var(--border-r50per);
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
		}
		.select-class {
			display: none;
		}
	}
}

/* JOB SECTION */
#job,
.jobTab {
	margin-top: 10vh;
	padding: var(--p30) 0;
	
	.section-title {
		margin-bottom: var(--p20);
	}
	.jobInner {
		display: flex;
        gap: var(--p30);
		align-items: flex-start;
        
        .right-wrapper {
        	width: 100%;
        	
        	.job_details_main {
        		width: 100%;
        	}
        }
		.job-list {
			h6 {
                font-weight: 600;
                line-height: 26px;
                font-style: normal;
				font-size: var(--p20);
                margin-bottom: var(--p20);
                display: flex;
                align-items: center;
                justify-content: space-between;
                
                span {
                	font-size: 20px;
	                font-style: normal;
	                font-weight: 600;
	                line-height: 26px;
                }
                a {
                	font-size: 16px;
	                font-style: normal;
	                font-weight: 500;
	                line-height: normal;
	                color: var(--col5);
                }
                a:hover {
                	text-decoration: underline;
                }
			}
			.list-container {
				display: flex;
                gap: var(--p15);
                flex-direction: column;
                max-height: calc(100vh - 60px);
                overflow: auto;
				
				.card {
					width: 100%;
					display: flex;
                    min-height: 150px;
                    gap: var(--p24);
                    max-width: 480px;
                    min-width: 480px;
                    flex-direction: row;
					background: var(--col3);
                    align-items: flex-start;
					border: 1px solid var(--col14);
					padding: var(--p24) var(--p40);
                    /* border-radius: var(--border-r26); */
                    border-radius: var(--border-r16);
				
					.logo {
						height: 64px;
						min-width: 64px;
						width: 64px;
						
						.img-cls {
							width: 100%;
                            height: 100%;
                            object-fit: contain;
                            border-radius: var(--border-r50per);
						}
					}
					.job-specifics {
                        gap: var(--p5);
						display: flex;
                        flex-direction: column;
                        justify-content: center;
						
						.title {
                            font-weight: 600;
                            line-height: 24px;
                            color: var(--text-col1);
							font-size: var(--font20);
							overflow: hidden;
							display: block;
							-webkit-line-clamp: 1;
							display: box;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							text-overflow: ellipsis;
							white-space: normal;
						}
						.job-box {
							display: flex;
							gap: var(--p10);
							flex-wrap: wrap;
							align-items: center;
							
							> span {
								display: inline-block;
							}
							
							.text {
								font-weight: normal;
								line-height: normal;
								font-size: var(--font16);
							}
							.company {
								font-weight: 700;
							}
							.company,
							.location {
								color: var(--col5);
							}
							.dot {
								content: '';
                                height: 4px;
                                width: 4px;
								background: var(--col5);
                                border-radius: var(--border-r50per);
							}
							.notice {
								font-weight: normal;
								background: transparent;
								font-size: var(--font14);
								padding: var(--p6) var(--p10);
								border: 1px solid transparent;
								border-radius: var(--border-r20);
							}
							.timing {
								.time {
									color: var(--col10);
									background: var(--col7);
									border-color: var(--col7);
								}
							}
							.vr-line {
								content: '';
                                height: 34px;
                                width: 2px;
                                background: var(--col1);
                                margin: 0 !important;
							}
							.notice.stream1 {
								color: var(--col8);
								margin-right: var(--p5);
								border-color: var(--col8);
							} 
							.notice.stream2 {
								color: var(--col9);
								border-color: var(--col9);
							}
						}
						.job-box:last-child {
							> span {
								margin: var(--p10) 0;
							}
						}
					}
					.action-cta {
						position: absolute;
						top: 25px;
                        right: 10px;
                        	
						.save-div {
							min-width: 25px;
							width: 25px;
							display: flex;
							
							i {
								font-size: 20px;
							}
						}
					}
				}
				
				.all-jobs {
			        float: right;
			        gap: var(--p20);
			        align-items: center;
			        display: inline-flex;
			        margin-bottom: var(--p20);
			      }
				.all-jobs .text {
		          font-weight: 600;
		          color: var(--col9);
		          line-height: normal;
		          font-size: var(--font16);
		        }
				 .all-jobs {
			         .icon {
			           i {
			            color: var(--col9);
			            font-weight: normal;
			            line-height: normal;
			            font-size: var(--font16);
			            transform: rotate(180deg);
			          }
			        }
			      }
				
				
				.card.notLggedInCard {
					flex-direction: column;
					align-items: center;
					justify-content: center;
                    text-align: center;
                    height: auto;
                    
					.title {
						font-size: var(--font24);
                        line-height: normal;
                        font-weight: 500;
                        color: var(--col26);
					}
				}
				.c-active {
					background: var(--gradient1);
					border: 1px solid var(--col13);
					
					.logo {
						background: var(--col-white);
                        border-radius: var(--border-r50per);
					}
					.job-specifics {
						.title {
							color: var(--col11);
						}
						.job-box {
							.company,
							.location {
								color: var(--col6);
							}
							.dot {
								background: var(--col6);
							}
							.timing {
								.time {
									color: var(--col11);
									background: var(--col12);
		                        	border-color: var(--col12);
								}
							}
							.vr-line {
								background: var(--col1);
							}
							.notice.stream1,
							.notice.stream2 {
								color: var(--col-white);
								border-color: var(--col11);
							}
						}
					}
				}
			}
			.pagination {
                margin-top: var(--p24);
                display: flex;
                align-items: center;
                justify-content: space-around;
                
                .circle-btn {
                    background: transparent;
                    display: inline-flex;
                    align-items: center;
                    flex-direction: column;
                    gap: var(--p10);
                    font-size: var(--font14);
                    color: var(--brand-col1);
                    border: none;
                    outline: none;
                    font-weight: 500;
                    
                    i {
                        width: 30px;
                        height: 30px;
                        color: var(--col11);
                        font-size: var(--font24);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: var(--brand-col1);
                        border: 1px solid var(--brand-col1);
                        border-radius: var(--border-r50per);
                    }
                }
            }
            .list-container.map-view-container {
            	display: none;
            	max-width: 480px;
                min-width: 480px;
                width: 100%;
                
                .address-box {
                	.show-add {
                		color: var(--brand-col1);
                        font-size: 16px;
                        font-weight: 500;
                	}
                	.full-address {
                		display: none;
                		
                		.action-cta {
                			margin-top: var(--p15);
                			margin-bottom: var(--p15);
                			
                			.rbtn {
                				min-width: 100px;
                			}
                		}
                	}
                	.full-address.s-add {
                		display: block;
                	}
                }
                .status-address {
                	display: none;
                	
                	.text-stat {
                		display: inline-block;
                        color: var(--col11);
                        font-size: 16px;
                        font-weight: 500;
                        line-height: normal;
                        padding: 2px 15px;
                        border-radius: var(--border-r3);
                	}
                	.green {
               			background: var(--brand-col2);
               		}
               		.red {
               			background: var(--brand-col4);
               		}
                }
                .status-address.save-stat {
               		display: block;
               	}
            }
		}
		.job-desc {
			display: flex;
			align-items: flex-end;
			flex-direction: column;
			
			.all-jobs {
			    margin-bottom: var(--p20);
                display: flex;
                align-items: center;
                gap: var(--p20);
			    
			    .text {
			    	font-weight: 600;
			    	color: var(--col9);
			    	line-height: normal;
			    	font-size: var(--font16);
			    }
			    .icon {
			    	i {
			    		color: var(--col9);
				    	font-weight: normal;
				    	line-height: normal;
				    	font-size: var(--font16);
				    	transform: rotate(180deg);
			    	}
			    }
			}
			.job-details {
				box-shadow: var(--shadow1);
				border-radius: var(--border-r16);

				.job-top {
					.three-rows {
						.row-sec {
							padding: 0 var(--p24);
							
							.job-left-sec {
								display: flex;
								align-items: flex-start;
								gap: var(--p20);
								background: var(--col3);
								border-radius: var(--border-r16);
							}
							.logo {
								height: 64px;
		                        min-width: 64px;
		                        width: 64px;
								background: var(--col11);
								border-radius: var(--border-r50per);
								
								.img-cls {
									width: 100%;
		                            height: 100%;
		                            object-fit: contain;
		                            border-radius: var(--border-r50per);
								}
							}
							.desc-wrap {
								> .title {
                                    display: block;
                                    font-weight: 600;
                                    line-height: normal;
                                    color: var(--text-col1);
                                    margin-bottom: var(--p5);
									font-size: var(--font20);
									
									a {
										color: inherit;
										font-weight: inherit;
	                                    line-height: normal;
										font-size: inherit;
										
										overflow: hidden;
										display: block;
										-webkit-line-clamp: 1;
										display: box;
										display: -webkit-box;
										-webkit-box-orient: vertical;
										text-overflow: ellipsis;
										white-space: normal;
										word-break: break-all;
									}
									a:hover {
										text-decoration: underline solid 2px;
									}
									i {
										color: inherit;
										font-weight: normal;
										line-height: normal;
										font-size: inherit;
										padding-left: 5px;
									}
								}
								.desc {
                                    line-height: 22px;
									color: var(--col5);
                                    font-weight: normal;
									font-size: var(--font16);
                                    margin-bottom: var(--p10);
								}
								.job-box {
									display: flex;
		                            gap: var(--p10);
		                            flex-wrap: wrap;
		                            align-items: center;
		                            
									.text {
										line-height: 22px;
										color: var(--col5);
	                                    font-weight: normal;
										font-size: var(--font16);
									}
									.company {
										font-weight: 700;
										cursor: pointer;
									}
									.dot {
										content: '';
		                                height: 4px;
		                                width: 4px;
		                                background: var(--col5);
		                                border-radius: var(--border-r50per);
									}
								}
							}
							.action-cta {
								gap: var(--p5);
								display: flex;
								align-items: center;
								
								.save-div {
									min-width: 25px;
									width: 25px;
									display: flex;
									
									i {
										font-size: 20px;
									}
								}
							}
						}
						.experience {
							display: flex;
							column-gap: 20px;
                            flex-wrap: wrap;
                           /*  padding-top: var(--p5);
                            padding-bottom: var(--p10); */
							
							.row-left,
							.row-right {
								flex: 1;
							}
							.box {
								padding: var(--p10) 0;
								border-bottom: 1px solid var(--col1);
								
								label {
									width: 130px;
									font-size: var(--font16);
                                    font-weight: 600;
                                    color: var(--text-col1);
                                    line-height: normal;
								}
								.value {
									font-size: var(--font16);
                                    font-weight: normal;
                                    color: var(--text-col1);
                                    line-height: normal;
								}
							}
						}
						.top-container {
							display: flex;
                            align-items: flex-start;
                            gap: var(--p20);
							padding: var(--p24);
							background: var(--col3);
						    border-radius: var(--border-r16);
						    justify-content: space-between;
						}
						.top-container:hover .desc-wrap .title a {
							text-decoration: underline;
						}
						.experience:last-child {
							padding-bottom: var(--p20);
						}
					}
				}
				.job-center,
				.job-bottom {
					padding: 0 var(--p24);
					
					.job-center {
						padding: 0;
						
						.cols {
							margin-bottom: 0;
						}
					}
					.cols {
						margin-bottom: var(--p24);
						
						.title {
							font-size: var(--font20);
                            font-weight: 600;
                            color: var(--text-col1);
                            line-height: normal;
						}
						p {
                            color: var(--col5);
                            font-weight: normal;
                            line-height: 24px;
							font-size: var(--font16);
						}
						ul {
							padding: 0 var(--p24);
							
							li {
								list-style: disc;
								color: var(--col5);
	                            font-weight: normal;
	                            line-height: 24px;
								font-size: var(--font16);
							}
							li::marker {
								color: var(--col5);
							}
						}
					}
					.action-cta {
						.greenbod {
							max-width: 200px;
     						width: 100%;
						}
					}
				}
				.job-bottom {
					padding-bottom: var(--p24);
					
					.job-form {
						background: var(--col3);
						padding: var(--p20) var(--p30);
						border-radius: var(--border-r5);
						margin-top: var(--p24);
						display: none;
						
						h6 {
							font-size: var(--font24);
                            font-weight: 700;
                            line-height: normal;
						}
						p {
							font-size: var(--font18);
                            font-weight: 500;
                            line-height: normal;
                            margin-bottom: var(--p20);
						}
						.cv-box {
							.input-field {
								display: flex;
                                gap: var(--p10);
                                align-items: center;
                                margin-bottom: var(--p10);
                                justify-content: space-between;
                                flex-wrap: wrap;
								
								.input-tag {
									flex: 1;
									background: transparent;
								}
								.cv-upload-cta {
									flex: 1;
								}
								.input-tag1 {
									flex: 2;
								}
							}
							.submit-cta {
								margin-top: var(--p24);
								
								.rbtn {
									max-width: 220px;
       								width: 100%;
								}
							}
						}
					}
				}
			}
		}
	}
}

/* CATEGORY SECTION */
#category {
	.categoryInner {
		.top-wrapper {
			.all-jobs {
                float: right;
                gap: var(--p20);
                align-items: center;
                display: inline-flex;
				margin-bottom: var(--p20);
				
				.text {
					font-weight: 600;
                    color: var(--col9);
                    line-height: normal;
                    font-size: var(--font16);
				}
				.icon {
					i{
					    color: var(--col9);
                        font-weight: normal;
                        line-height: normal;
                        font-size: var(--font16);
                        transform: rotate(180deg);
					}
				}
			}
		}
		.bottom-wrapper {
			clear: both;
			
			.list-container {
				display: flex;
				align-items: center;
                justify-content: center;
                gap: var(--p30);
                margin-bottom: var(--p30);
                flex-wrap: wrap;
				
				.card {
					width: 100%;
					max-width: 500px;
					border: 1px solid var(--col4);
					border-radius: var(--border-r46);
					background: var(--col3);
					padding: var(--p24) var(--p40);
                	position: relative;
					
					.logo {
						margin-bottom: 10px;
						
						.img-cls-h {
							display: none;
						}
					}
					.job-specifics {
						display: flex;
                        /* align-items: flex-end; */
                        justify-content: space-between;
                        gap: var(--p10);
						
						.left {
							display: flex;
	                        gap: var(--p5);
	                        flex-direction: column;
	                        justify-content: center;
							
							.title {
								font-size: var(--font24);
                                font-weight: normal;
                                line-height: normal;
								color: var(--text-col1);
							}
							.job-box {
								color: var(--col2);
                                font-weight: normal;
                                line-height: normal;
								font-size: var(--font20);
								
								.value {
									color: var(--col2);
	                                font-weight: normal;
	                                line-height: normal;
									font-size: var(--font20);
								}
							}
						}
						.right {
							.icon {
								width: 42px;
								height: 42px;
								display: flex;
                                align-items: center;
                                justify-content: center;
                                background: var(--col11);
                                border-radius: var(--border-r50per);
								
								i {
									font-weight: normal;
			                        line-height: normal;
			                        font-size: var(--font16);
			                        transform: rotate(180deg);
			                        color: var(--text-col1);
								}
							}
						}
					}
				}
				.card.active-card {
					background: var(--gradient1);
					
					.logo {
						.img-cls {
							display: none;
						}
						.img-cls-h {
							display: block;
						}
					}
					.job-specifics {
						
						.left {							
							.title {
								color: var(--col11);
							}
							.job-box {
								color: var(--col11);
								
								.value {
									color: var(--col11);
								}
							}
						}
					}
				}
			}
		}
	}
}
/* STATS SECTION */
#stats {
	display: none;
	background: var(--col3);
	padding: var(--p50) 0;
	
	.statsInner {
        background: var(--gradient2);
        border-radius: var(--border-r16);
        padding: var(--p40);
        
        .section-title {
        	text-align: center;
        	
    		strong {
    			font-size: var(--font38);
    			color: var(--col11);
			}
		}
		.desc {
   			color: var(--col11);
   			text-align: center;
   			font-size: var(--font16);
   			font-weight: normal;
   			width: 60%;
   			margin:0 auto;   			
		}
		.list-container {
			display: flex;
			gap: var(--p30);
			margin-top: var(--p30);
			
			.card {
				flex: 1;
				min-height: 250px;
				border-radius: var(--border-r18);
				justify-content: space-between;
				padding: var(--p24) var(--p18);
				
				.title-box {
					h1 {
						font-size: var(--font52);
                        font-weight: 700;
                        color: var(--text-col1);
                        line-height: var(--font52);
					}
					p {
						font-size: var(--font20);
                        font-weight: 600;
                        color: var(--col5);
					}
				}
				.text-box {
					p {
						font-size: var(--font16);
                        font-weight: 500;
                        color: var(--text-col2);
                        line-height: normal;
					}
				}
			}
		}
	}
}

/* TESTIMONIAL SECTION */
#testimonial {
	display: none;
    background: var(--col3);
    margin-top: -30px;
    padding: var(--p50) 0;
    
	.section-title {
		color: var(--text-col1);
		margin-bottom: var(--p50);
	}
	.mainSlider {
		background: var(--col11);
		padding: var(--p50) 0;
		border-radius: var(--border-r26);
		
		.sub-title {
			padding: 0 var(--p50) var(--p30);
			
			.icon {
				width: 40px;
                height: 40px;
                min-width: 40px;
                display: inline-flex;
                align-items: center;
                margin-right: var(--p10);
                justify-content: center;
                background: var(--brand-col3);
                border-radius: var(--border-r50per);
				
				i {
					font-size: var(--font20);
					color: var(--col11);
				}
			}
			.text {
				font-size: var(--font20);
            	font-weight: 500;
				color: var(--text-col2);
			}
		}
	}
	.slider{
		.container {
			max-width: 100%;
		}
	}
	
	/* Container */
	.container {
	    max-width: 100%;
	    margin: auto;
	    padding: 0;
	}
	
	/* Swiper */
	.swiper {
		padding-bottom: var(--common-padding);
	}
	.swiper-slide figure {
	    position: relative;
	    margin: 0;
	    overflow: hidden;
	    transform: scale(0.8);
	    display: flex;
	    gap: var(--p20);
	    align-items: center;
	    opacity: 0.2;
	}
	.swiper-slide figure .block {
		min-width: 220px;
	    min-height: 340px;
	    width: 100%;
	    height: 340px;
	}
	.swiper-slide .block img {
	    display: block;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    border-radius: var(--border-r16);
	}
	.swiper-slide figcaption {
	    color: red;
	    font-size: 17px;
	    background-color: transparent;
	    transition: all 0.3s ease;
	    
	    .test-cont {
	    	.img-cls {
	    		width: 95px;
                height: auto;
	    	}
	    }
	    .text {
	    	font-size: var(--font18);
            font-weight: normal;
            color: var(--text-col2);
            padding: var(--p5) var(--p30);
    	}
    	.profile {
    		color: var(--text-col2);
    		font-size: var(--font18);
            font-weight: 500;
            padding: var(--p5) var(--p30);
    	}
	}
	.swiper-custom-nav {
	    position: absolute;
	    top: 100%;
	    transform: translateY(-100%);
	    left: 0;
	    z-index: 10;
	    padding: 0 2rem;
	    display: flex;
	    justify-content: space-between;
	    width: 100%;
	}
	.swiper-custom-nav svg {
	    cursor: pointer;
	    opacity: .6;
        width: 30px;
    	height: 30px;
	    transition: all .3s ease-in-out;
	    
	    path {
	    	fill: var(--brand-col1);
	    }
	}
	.swiper-custom-nav svg:hover {
	    opacity: 1;
	}
	.swiper-slide.swiper-slide-active figure {
	    transform: scale(1);
	    opacity: 1;
	    
	    .block {
		    img {
		    	border-left: 5px solid var(--brand-col1);
		    }
		}
	}
}
@media screen and (max-width: 800px) {
	#testimonial {
		.swiper-slide figure {
			flex-direction: column;
		}
	    .swiper-slide .block img {
	        height: 20rem;
	    }
	    .swiper-slide figcaption {
	        left: 0;
	        transform: none;
	        width: 100%;
	        border-radius: 0;
	        background-color: var(--black-90);
	    }
	}
}

/* SEEKER & RECRUITER SECTION */
#seeker,
#recruiter,
#applicaton,
#client {
	.wtSec {
		padding: var(--p50) var(--common-padding);
	}
	.section-title {
		margin-bottom: var(--p20);
	}
	.seekerInner,
	.recruiterInner,
	.applicatonInner,
	.clientInner {
		row-gap: var(--p24);
		
		.left-wrapper,
		.right-wrapper {
			padding: 0;
			
			> .img-cls {
				height: 100%;
                object-fit: cover;
                width: 100%;
                border-radius: var(--border-r20);
			}
		}
		.left-wrapper {
			padding-right: 15px;
		}
		.right-wrapper {
			padding-left: 15px;
		}
		.block {
			display: flex;
			gap: var(--p15);
            align-items: flex-start;
            margin-bottom: var(--p15);
			
			.innerBlock {
				.list {
					min-width: 40px;
					height: 40px;
					background: var(--col15);
                    border-radius: var(--border-r50per);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    
					.img-cls {
						
					}
				}
				.title {
					font-size: var(--font16);
					font-size: var(--font20);
                    font-weight: 700;
                    margin-bottom: var(--p6);
				}
				.content {
					font-size: var(--font16);
                    font-weight: normal;
                    line-height: 22px;
                    font-size: var(--font18);
                    line-height: normal;
				}
			}
		}
	}
}
/* CLIENT SECTION */
#client {
	.clientInner {
		display: flex;
        gap: var(--p30);
        align-items: center;
        background: var(--col15);
        border-radius: var(--border-r16);
        padding: var(--p50) var(--p40);
	
		.left-wrapper {
			width: 100%;
            display: flex;
            height: auto;
            gap: var(--p24);
            max-width: 480px;
            min-width: 480px;
            flex-direction: row;
            background: transparent;
            align-items: flex-start;
            justify-content: space-evenly;
            max-height: 400px;
            overflow: hidden;
            
            .marquee {
            	.track-horizontal {
					margin: 0 auto;
					
            		.marquee-img {
  						width: 120px;
  						height: 120px;
  						background: var(--col11);
  						margin-bottom: var(--p24);
  						border-radius: var(--border-r20);
  						display: flex;
  						align-items: center;
  						justify-content: center;
  						
            			.img-cls {
            				
            			}
            		}
            	}
            }
		}
		.left-wrapper.mob {
			display: none;
			flex-direction: row;
		}
		.right-wrapper {
			.content {
				.sub-title {
					font-size: var(--font24);
                    font-weight: 500;
                    color: var(--col2);
                    line-height: 36px;
				}
				p {
					font-size: var(--font16);
                    font-weight: normal;
                    color: var(--col2);
                    line-height: normal;
                    margin-top: var(--p24);
				}
			}
		}
	}
}
/* APPLICATION SECTION */
#applicaton {
	background: var(--col3);

	.wtSec {
		padding: var(--p50) var(--common-padding);
		
		.applicatonInner {
			
			.left-wrapper {
				
				.img-cls {
					width: 100%;
					height: 100%;
					max-height: 610px;
					object-fit: cover;
				}
			}
			.right-wrapper {
				
				.block {
					margin-bottom: 0;
					flex-direction: column;
					
					.input-field {
						label {
							font-size: 16px;
                            font-weight: 500;
                            color: var(--col16);
                            margin-bottom: 5px;
						}
						.box {
							position: relative;
							
							.icon {
								position: absolute;
                                top: 0;
                                height: 100%;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                padding-left: 10px;
								
								i {
									color: var(--col2);
								}
							}
							.input-tag {
								border: 1px solid var(--col1);
								padding-left: 36px;
								box-sizing: border-box;
								border-radius: var(--border-r5);
							}
							select.input-tag {
								padding-left: 10px;
							}
							textarea.input-tag {
								padding: 10px;
								min-height: 130px;
							}
						}
						.action-cta {
							.bluebod {
								display: inline-flex;
							    align-items: center;
							    justify-content: center;
							    gap: var(--p10);
							    max-height: 40px;
							    border: 1px solid var(--col17);
								
								span {
									font-size: 16px;
									font-weight: 500;
									color: var(--col9);
									color: var(--col16);
									text-decoration: underline;
								}
								i {
									font-size: 18px;
                                    color: var(--brand-col2);
								}
							}
						}
					}
					
				}
			}
		}
	}
	.section-title {
		margin-bottom: 0;
	}
	.sub-title {
		color: var(--text-col2);
		font-size: var(--font16);
		font-weight: normal;
		margin-bottom: var(--p20);
	}
}
/* FOOTER SECTION */
#footer {
	background: var(--brand-col1);
	
	.wtSec {
		padding: var(--p50) var(--common-padding);
		padding-bottom: var(--p20);
	}
	.footerInner {
		
		.top-wrapper {
			row-gap: var(--p24);
			background: #524895;
			align-items: center;
			padding: var(--p24);
			border-radius: var(--border-r16);
			margin-bottom: var(--p24) !important;
			
			.left-t-wrap {
				padding: 0;
				padding-right: 15px;
				
				h2 {
					color: var(--col11);
                    font-size: var(--font24);
                    font-weight: 600;
                    margin-bottom: var(--p10);
				}
				p {
					color: var(--col11);
                    font-size: var(--font16);
                    font-weight: normal;
                    margin: 0;
                    
                    .img-cls {
                    	margin-left: var(--p5);
                    	max-width: 20px;
                    	width: 100%;
                    }
				}
			}
			.right-t-wrap {
				padding: 0;
				padding-left: 15px;
				
				.input-field-status {
					text-align: center;
					margin-top: 5px;
					
					.input-field-status-span {
						font-size: 14px;
						font-weight: 500;
						color: #fff;
						padding: 0 5px;
						display: inline-block;
						border-radius: 3px;
						line-height: normal;
					}
				}
				.input-field {
					.icon {
						position: absolute;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        top: 50%;
                        right: 10px;
                        background: var(--brand-col1);
                        transform: translateY(-50%);
                        cursor: pointer;
                        width: 32px;
                        height: 32px;
                        border-radius: var(--border-r50per);
                        
						i {
							color: var(--col11);
                    		font-size: var(--font18);
						}
					}
					.input-tag {
						padding: 0 var(--p10);
						padding-left: var(--p30);
                        border: 1px solid transparent;
                        height: 44px;
                        border-radius: var(--border-r26);
                        box-sizing: border-box;
                        
					}
				}
			}
		}
		.bottom-wrapper {
			padding: var(--p24) 0 0;
			border-top: 1px solid var(--col2);
			
			.main-footer {
				padding: 0;
				border: none;
				align-items: center;
				padding-bottom: var(--p24);
				background: transparent;
				
				.left-t-wrap {
					padding: 0;
					padding-right: 15px;
					
					.logo {
						display: flex;
                        align-items: center;
                        gap: var(--p5);
						
						.img-cls {
							width: 50px;
							height: auto;
						}
						.logoText {
							color: var(--col11);
		                    font-size: var(--font18);
		                    font-weight: 600;
						}
					}
					p {
						color: var(--col18);
	                    font-size: var(--font16);
	                    font-weight: normal;
	                    line-height: 20px;
					}
					a.more {
						color: var(--col11);
	                    font-size: var(--font14);
	                    font-weight: normal;
	                    line-height: 20px;
	                    display: inline-flex;
                        align-items: center;
                        gap: var(--p6);
                        margin-top: var(--p15);
	                    
	                    .dot {
	                    	display: inline-block;
	                    	width: 10px;
	                    	height: 10px;
	                    	background: var(--col11);
	                    	border-radius: var(--border-r50per);
	                    }
					}
				}
				.right-t-wrap {
					padding: 0;
					padding-left: 15px;
				
					.menu-list {
						display: flex;
						gap: var(--p15);
						align-items: center;
						
						li {
							a {
								color: var(--col11);
			                    font-size: var(--font16);
			                    font-weight: normal;
							}
						}
					}
					.social-list {
						display: flex;
						gap: var(--p15);
						align-items: center;
					
						li {
							a {
								width: 40px;
                                height: 40px;
                                display: inline-flex;
                                align-items: center;
                                background: var(--col11);
                                justify-content: center;
                                border-radius: var(--border-r50per);
                                
                                i {
                                	color: var(--col19);
                                	font-size: var(--font20);
                                }
							}
						}
					}
				}
			}
			.copy-right {
				.left-t-wrap {padding: 0;}
				.right-t-wrap {
					padding: 0;
					padding: 0;
                    text-align: end;
				
					p {
						margin: 0;
	                    color: var(--col18);
	                    font-size: var(--font14);
	                    font-weight: normal;
					}
				}
			}
			.main-footer.main-footer-cust {
				align-items: unset;
			}
		}
	}
}
#powered {
	background: var(--col6);
	
	.powerdInner {
		gap: var(--p6);
		display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--p6) 0;
        font-family: var(--main-family);
        
		h1 {
			color: var(--text-col);
            font-size: var(--font18);
            font-weight: normal;
            margin: 0;
            font-family: var(--main-family);
		}
		a {
			.img-cls {
				width: 36px;
				height: auto;
			}
		}
		.radarFont {
			font-size: var(--font18);
		}
	}
}


/* SUB BANNERS - ABOUT */
.sub-banners {
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	
	.bannerInner {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin-top: -10vh;
	}
}
#aboutus {
	background-image: url("https://www.radar108.com/BlitzMobiSiteImages/images/tote_aboutus_bg1.jpg");
}
/* TWO COLUMNS - TALENT */
.two-columns {
	.wtSec {
		padding: var(--p50) var(--common-padding);
	}
	.section-title {
		margin-bottom: var(--p20);
	}
	.two-columnsInner {
		row-gap: var(--p24);
		align-items: center;
		
		.left-wrapper,
		.right-wrapper {
			padding: 0;
			
			.img-cls {
				width: 100%;
				height: auto;
                object-fit: cover;
                border-radius: var(--border-r20);
			}
			.left-img {
				padding: 0;
				padding-right: 12px;
				display: flex;
                flex-direction: column;
                gap: var(--p24);
                
                .img-cls {
                	max-height: 280px;
                }
			}
			.right-img {
				padding: 0;
				padding-left: 12px;
				position: relative;
				
				.abs-img {
					display: block;
					height: 110px;
                    width: 110px;
				    background-repeat: no-repeat;
				    background-position: center;
					background-image: url("/BlitzMobiSiteImages/images/wt/about/dot.png");
					position: absolute;
                    right: -30px;
                    bottom: -30px;
                    z-index: -1;
				}
			}
		}
		.left-wrapper {
			padding-right: 15px;
			
			.img-block {
            	align-items: center;
        	}
		}
		.right-wrapper {
			padding-left: 15px;
		}
		.block {
			display: flex;
			gap: var(--p15);
            align-items: flex-start;
            margin-bottom: var(--p15);
			
			.innerBlock {
				.list {
					min-width: 40px;
					height: 40px;
					background: var(--col15);
                    border-radius: var(--border-r50per);
                    display: flex;
                    align-items: center;
                    justify-content: center;
				}
				.title {
					font-size: var(--font16);
                    font-weight: 700;
				}
				.content {
					font-size: var(--font16);
                    font-weight: normal;
                    line-height: 22px;
				}
			}
			.action-cta {
				margin-top: var(--p24);
			}
		}
	}
}
#talent {
	.two-columnsInner {
		.right-wrapper {
			padding-left: calc(var(--common-padding) + var(--p20));
		}
	}
}
/* TEAM MEMBER */
#member {
	padding-bottom: var(--common-padding);
	
	.memberInner {
		.section-title {
			margin-bottom: var(--p24);
		}
		.list-container {
			display: flex;
			gap: var(--p24);
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
			
			.card {
				width: 270px;
				height: 330px;
				position: relative;
				border-radius: var(--border-r5);
				
				.team-block {
					width: 100%;
					height: 100%;
					
					.logo {
						height: 100%;
                        width: 100%;
                        background-size: cover;
					    background-repeat: no-repeat;
					    background-position: center;
					    border-radius: var(--border-r5);
					}
					.job-specifics {
                        position: absolute;
                        background: var(--col11);
                        left: 50%;
                        text-align: center;
                        width: 90%;
                        transform: translateX(-50%);
                        border-radius: var(--border-r5);
                        height: 80px;
                        bottom: 5%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
					    
						.name {
							font-size: var(--font16);
                            font-weight: 600;
                            line-height: normal;
						}
						.designation {
							font-size: var(--font14);
                            font-weight: normal;
                            line-height: normal;
						}
						.j-s-before,
						.j-s-after {
							position: absolute;
							
							.img-cls {
								object-fit: contain;
							}
						}
						.j-s-before {
							left: 0;
							bottom: 0;
						}
						.j-s-after {
							right: 0;
							top: 0;
						}
					}
				}
			}
		}
	}
}

/* SERVICES */
#services {
	background-image: url("https://www.radar108.com/icons/servicesreduced.jpg");
}
/* SERVICE DETAILS */
#serviceDetails {
	.serviceDetailsInner {
		padding: var(--p50) var(--common-padding);
		background: var(--col3);
		margin-bottom: var(--p50);
		
		.desc {
			font-weight: 500;
			color: var(--col20);
			font-size: var(--font16);
			margin-bottom: var(--p50);
		}
		.list-container {
			display: flex;
			gap: var(--p24);
			flex-direction: column;
			
			.card {
				border: none;
				box-shadow: none;
                display: flex;
                align-items: stretch;
                flex-direction: row;
                border-radius: var(--border-r16);
                
				.img-block {
					background: var(--col11);
					width: 100%;
                    border-radius: var(--border-r16);
					
					.img-cls {
						border-radius: var(--border-r16);
	                    min-width: 530px;
	                    height: 250px;
	                    object-fit: cover;
						border-radius: var(--border-r16);
					}
				}
				.job-specifics {
					display: flex;
                    flex-direction: column;
                    justify-content: center;
					background: var(--col11);
					border-radius: var(--border-r16);
					margin-left: -24px;
					width: 135%;
					padding: var(--p24) var(--p42);
					box-shadow: var(--shadow3);
					
					.title {
						font-weight: 600;
						color: var(--col21);
						font-size: var(--font24);
						margin-bottom: var(--p10);
					}
					.s-desc {
						color: var(--col5);
						font-weight: normal;
						line-height: normal;
						font-size: var(--font16);
					}
					.s-list {
					    padding-left: var(--p15);
					    
						li {
							color: var(--col5);
							font-weight: normal;
							line-height: normal;
							font-size: var(--font16);
							list-style: disc;
						}
					}
				}
			}
		}
	}
}
/* PRICING */
#pricing {
	background-image: url("/BlitzMobiSiteImages/images/wt/pricing/banner.jpg");
}
.pricingDetails {
	.pricingDetailsInner {
		padding: var(--p50) var(--common-padding);
		
		.desc {
			font-weight: 500;
			color: var(--col20);
			font-size: var(--font20);
			margin-bottom: var(--p6);
		}
		.sub-desc {
			font-size: 22px;
			font-weight: 500;
			margin-bottom: var(--p50);
			color: var(--brand-col3);
		}
		.list-container {
			display: flex;
			gap: var(--p24);
			background: var(--col22);
			padding: var(--p50) var(--p40);
            border-radius: var(--border-r16);
			
			.card {
				width: 370px;
				overflow: hidden;
				padding: var(--p40);
                border: 1px solid var(--col23);
                border-radius: var(--border-r16);
                box-shadow: var(--shadow2);
                padding: var(--p22);
                
                .action-cta {
		            display: flex;
		            flex-direction: column;
		            gap: 2px;
               	}
                .top {
                	position: relative;
                	
                	.title {
                		font-size: var(--font18);
                        font-weight: 600;
                        color: var(--brand-col3);
                        line-height: normal;
                	}
                	.price {
                		font-size: var(--font16);
                        font-weight: normal;
                        color: var(--col20);
                        line-height: normal;
                        
                		strong {
                			font-size: var(--font38);
                        	font-weight: 600;
                        	color: var(--col21);
                		}
                	}
                	.price .normal-price {
                		position: relative;
                        display: inline-block;
                        font-size: inherit;
                        font-weight: inherit;
                        color: inherit;
                        line-height: normal;
                	}
                	.price .normal-price .strike {
						top: 50%;
                        left: 0;
                        position: absolute;
                        opacity: 0.7;
                        transform: translateY(-50%);
                        max-width: 100%;
	                }
	                .price .special-price {
                        display: inline-block;
                        padding-left: var(--p10);
					}
	                .price .special-price strong {
					    color: var(--brand-col3);
					}
					.price.special-price-duration {
						display: block;
					}
                	.desc {
                		font-size: var(--font16);
                        font-weight: normal;
                        color: var(--col20);
                        line-height: normal;
                        margin: 0;
                        padding: var(--p24) 0;
                        padding: var(--p24) 0 var(--p15) 0;
                        min-height: 115px;
                        padding: var(--p15) 0 var(--p5) 0;
                        min-height: 80px;
                	}
                	.desc.desc1 {
                		min-height: auto;
						background: var(--col28);
						padding: 0 var(--p10);
                        border-radius: var(--border-r3);
                        font-weight: 600;
                	}
                	.action-cta {
                		padding-bottom: var(--p15);
                		border-bottom: 1px solid var(--col23);
                	}
                	.action-cta button {
                		width: 100%;
                	}
                }
                .cardBody {
					height: 100%;
					display: flex;
					gap: var(--p24);
					flex-direction: column;
					justify-content: space-between;
					padding-top: var(--p24);
				}
                .center {
                	/* padding: var(--p24) 0; */
                	display: flex;
                    flex-direction: column;
                    gap: var(--p6);
                	
                	h6.title {
                		color: var(--brand-col1);
			            font-size: 18px;
			            font-weight: 500;
			            padding-bottom: var(--p6);
                	}
                	li {
                		padding-left: var(--p24);
                		font-size: var(--font16);
                        font-weight: normal;
                        color: var(--col20);
                        line-height: normal;
                        position: relative;
                	}
                	li::after {
                		content: "\2713";
			            position: absolute;
			            left: 0;
			            top: 0;
                		font-size: var(--font16);
			            font-weight: bold;
			            color: var(--brand-col2);
                	}
                }
                .bottom {
                	.action-cta {
                		button {
                			width: 100%;
                		}
                	}
                }
			}
			.card.disCard {
				background: rgba(124, 132, 147, 0.5);
				
				.comingSoon {
					background: var(--col8);
					background: var(--col28);
					font-size: 14px;
                    border-radius: var(--border-r2);
                    padding: 2px 17px;
                    font-weight: 600;
                    position: absolute;
                    top: 0px;
                    left: 50%;
                    white-space: nowrap;
                    line-height: normal;
                    z-index: 1;
                    color: var(--brand-col1);
                    transform: translateX(-50%);
                    width: 100%;
                    text-align: center;
				}
				.top .action-cta button,
				.bottom .action-cta button {
					cursor: not-allowed;
				}
				.top, .cardBody {
					opacity: 0.6;
				}
			}
			.j-s-before,
			.j-s-after {
				display: block;
				background-repeat: no-repeat;
				background-position: center;
				position: absolute;
				background-size: contain;
			}
			.j-s-before {
				height: 172px;
				width: 172px;
				right: -50px;
                top: 24px;
				background-image: url(/BlitzMobiSiteImages/images/wt/pricing/ellipse.png);
			}
			.j-s-after {
				height: 90px;
				width: 40px;
				right: 20px;
                top: 20px;
				background-image: url(/BlitzMobiSiteImages/images/wt/pricing/dot.png);
			}
		}
		.list-container.emp-pricing {
			.card.disCard {
				.top .desc {
					margin-top: 50px;
				}
			}	
		}
	}
}
/* CONTACT */
#contact {
	height: 250px;
	background-image: url("/BlitzMobiSiteImages/images/wt/contact/banner.jpg");
}
#contactDetails {
	.contactDetailsInner {
		padding: var(--p50) var(--common-padding);
		
		.content-wrapper {
			background: var(--col3);
			padding: var(--common-padding) calc(var(--common-padding) + var(--common-padding));
            border-radius: var(--border-r16);
			
			.left-wrapper {
				padding: 0;
				
				.section-title {
					color: var(--col21);
				}
				> .desc {
					font-size: var(--font16);
                    color: var(--col20);
                    margin-bottom: var(--p20);
                    font-weight: normal;
                    line-height: normal;
				}
				.block {
					.box {
						display: flex;
						align-items: flex-start;
                        gap: var(--p15);
                        padding-bottom: var(--p15);
                        
						.icon {
							min-width: 70px;
							height: 70px;
							display: flex;
							align-items: center;
							justify-content: center;
							background: var(--col24);
							border-radius: var(--border-r5);
							
							i {
								color: var(--brand-col3);
                                font-size: var(--font24);
							}
						}
						.desc {
							.title {
								display: block;
								color: var(--col21);
								font-weight: 600;
                    			line-height: normal;
								font-size: var(--font18);
								padding-bottom: var(--p5);
							}
							.val {
								display: block;
								color: var(--col20);
								font-weight: normal;
                    			line-height: normal;
								font-size: var(--font16);
							}
						}
					}
				}
			}
			.right-wrapper {
				padding: 0;
				background: var(--col11);
                border-radius: var(--border-r16);
				
				.contact-form {
					display: flex;
                    flex-direction: column;
                    gap: var(--p24);
                    justify-content: center;
                    align-items: center;
                    z-index: 1;
                    padding: var(--p40);
                    position: relative;
                    background: var(--col11);
                    border-radius: var(--border-r16);
					
					.input-field {
						.box {
							.input-tag {
								max-width: 100%;
								padding: var(--p10);
								box-sizing: border-box;
								border: 1px solid var(--col1);
								border-radius: var(--border-r5);
							}
							textarea.input-tag {
								max-width: 100%;
								min-height: 130px;
							}
						}
					}
				}
				.j-s-before,
				.j-s-after,
				.j-s-after-1 {
					z-index: 0;
					display: block;
					background-repeat: no-repeat;
					background-position: center;
					position: absolute;
					background-size: contain;
				}
				.j-s-before {
					height: 135px;
					width: 105px;
					left: -25px;
	                bottom: -25px;
					background-image: url(/BlitzMobiSiteImages/images/wt/contact/dot.png);
				}
				.j-s-after {
					height: 100px;
					width: 100px;
					right: -50px;
	                top: -50px;
					background-image: url(/BlitzMobiSiteImages/images/wt/contact/oval.png);
				}
				.j-s-after-1 {
					height: 135px;
					width: 105px;
					right: -25px;
	                top: 60px;
					background-image: url(/BlitzMobiSiteImages/images/wt/contact/dot.png);
				}
			}
		}
	}
}
/***********************
		JOB LIST
************************/
.jobList {
	#searchBox {
		margin-top: var(--p50);
		margin-top: var(--p30);
		
		.searchInner {
			min-height: 100px;
			background: var(--col3);
			
			.input-field {
    			.input-tag {
   				    background: transparent;
   				    /* background: linear-gradient(270deg, rgba(222, 24, 97, 0.7) 0%, rgba(54, 44, 125, 0.7) 96%); */
    			}
    		}
		}
	}
	.jobTab {
	    margin-top: 0;
	    padding-top: 0;
	}
}
#menuTab {
	.jobListInner {
		.tab-box {
			/* background: var(--col11);
			padding: var(--p15) var(--p24);
			border: 1px solid var(--col23);
			border-radius: var(--border-r46); */
			width: 100%;
           	display: flex;
           	align-items: center;
           	/* gap: var(--p30); */
           	row-gap: 10px;
            column-gap: 10px;
           	flex-wrap: wrap;
			
			.tablinks {
				border: none;
                background: none;
                font-size: var(--font16);
                font-weight: 500;
                color: var(--col25);
                padding: var(--p10) var(--p24);
                border-radius: var(--border-r18);
                transition: all .5s ease;
                border: 1px solid var(--col4);
			}
			.tablinks.active {
				color: var(--col11);
				background: var(--brand-col1);
			}
		}
	}
}
.content-box {
	.jobTab {
		display: none;
    	animation: moving .5s ease;
	}
	.jobTab.active {
		display: block;
	}
}
@keyframes moving {
	from {
		transform: translateX(50px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.form-container {
	display: flex;
	width: 100%;
	height: auto;
	
	.form-col {
		position: relative;
		width: 100%;
		
		.btn-box {
			display: flex;
			justify-content: center;
			gap: 10px;
			margin-bottom: var(--p15);
			padding: 10px;
            border: 1px solid var(--col23);
            border-radius: var(--border-r46);
			
			.rbtn {
				width: 100%;
				font-size: var(--font16);
				font-weight: 500;
				border: none;
				background: transparent;
				color: var(--brand-col1);
				cursor: pointer;
				transition: 0.2s;
				box-shadow: none;
				
				span {
					color: inherit;
                    font-weight: inherit;
                    font-size: inherit;
                    cursor: pointer;
				}
			}
			.btn-1 {
				color: #fff;
				background: var(--brand-col1);
			}
			.rbtn:hover {
				opacity: 0.85;
			}
		}
	}
	.form-box {
		position: absolute;
		transform: translateX(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 0 var(--p24);
		transition: 0.3s;
		
		.form-inputs {
			width: 100%;
			
			.input-box {
				position: relative;
				margin-bottom: 10px;
				
				.inputs {
					width: 100%;
					height: 40px;
					margin: 10px 0;
					color: var(--brand-col1);
					border: 1px solid var(--col23);
					border-radius: 50px;
					box-shadow: none;
				}
				.inputs:focus {
					border-color: var(--brand-col1); 
				}
				.input-field {
					font-size: 16px;
					padding: 0 40px 0 20px;
					background: transparent;
					outline: none;
					margin: 0;
				}
				i {
					position: absolute;
					top: 50%;
					right: 20px;
					transform: translateY(-50%);
					color: var(--brand-col1);
					width: 17px;
					height: 17px;
				}
			}
			.input-box.terms-box {
				display: flex;
                gap: var(--p10);
			    align-items: center;
			    margin-top: var(--p10);
                
                .input-field[type="checkbox"] {
                	width: 20px;
				    min-width: auto;
				    height: 20px;
				    padding: 0;
				    accent-color: var(--brand-col1);
                }
                a {
               	    color: var(--brand-col1);
				    font-size: 14px;
				    font-weight: 500;
                }
			}
			.action-cta {
				.rbtn {
					width: 100%;
				    margin-top: var(--p10);
				    margin-bottom: var(--p20);
				}
			}
			.forgot-pass {
				display: flex;
				justify-content: right;
				gap: 5px;
				
				a {
					color: var(--brand-col1);
					text-decoration: none;
					font-size: 14px;
					font-weight: normal;
				}
			}
		}
		.member {
			span {
				color: var(--col27);
				font-size: 16px;
				font-weight: normal;
				
				a {
					color: var(--brand-col1);
					font-size: 16px;
					font-weight: 500;
				}
			}
		}
	}
	.login-form {
		left: 50%;
	}
	.register-form {
		left: -50%;
	}
}



















/* Media  query */
@media (min-width: 1500px) {
    body {
        max-width: 1281px;
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1115px) {
	.wtSec {
	    padding: 0 var(--p30);
	}
	.input-field {
	    .input-tag {
	    	min-width: 280px;
		}
	}
	
	/* Banner */
	#search {
		.searchInner {
	        padding: var(--p30);
		
			.search-box {
				flex: 35%;
			}
	        .action-cta {
	            flex: 15%;
	            text-align: center;
	        }
	    }
	}
	/* Service details */
	#serviceDetails {
		.serviceDetailsInner {
			padding: var(--p50) var(--common-padding);
			
			.list-container {
				.card {
	                flex-direction: column;
	                
					.img-block {
						
	                    .img-cls {
		                    min-width: 100%;
		                    height: auto;
						}
					}
					.job-specifics {
						width: 100%;
						margin-left: 0;
						margin-top: -24px;
					}
				}
			}
		}
	}
}
@media (max-width: 1039px) {
	/* Job */
	#job,
	.jobTab {
		margin-top: 20vh;
		
    	.jobInner {
	     	.job-list {
	        	.list-container {
	                .card {
	                    min-width: 400px;
	                    height: auto;
	                    gap: var(--p15);
	                    padding: var(--p15) var(--p30);
	                    
	                    .job-specifics {
	                    	.job-box {
	                            .vr-line {
	                            	display: none;
	                            }
							}
	                    	.job-box:last-child {
	                            > span {
	                                margin: var(--p5) 0;
	                            }
	                        }
	                    }
	                }
	            }
			}
        	.job-desc {
            	.job-details {
                	.job-top {
                    	.three-rows {
                        	.top-container {
                        		flex-direction: column;
                        	}
                        	.experience {
                        		flex-direction: column;
                        	}
						}
					}
				}
			}
		}
	}
	/* stats */
	#stats {
		.statsInner {
	        padding: var(--p40) var(--p20);
	        
	        .section-title {
	        	line-height: 38px;
	        	
	        	strong {
	        		line-height: 38px;
	        	}
			}
			.desc {
	   			width: 100%;
	   			margin-top: var(--p10);
			}
			.list-container {
				gap: var(--p15);
				flex-wrap: wrap;
				
				.card {
					
					padding: var(--p24) var(--p18);
					
					.title-box {
						h1 {
							font-size: var(--font38);
						}
						p {
							font-size: var(--font16);
						}
					}
					.text-box {
						p {
							font-size: var(--font14);
	                        font-weight: normal;
						}
					}
				}
			}
		}
	}
	/* Contact */
	#contactDetails {
		.contactDetailsInner {
			
			.content-wrapper {
				row-gap: var(--p24);
				padding: var(--p24);

				.right-wrapper {
					.contact-form {
						z-index: 2;
					}
					.j-s-before,
					.j-s-after,
					.j-s-after-1 {
						z-index: 0;
						display: block;
						background-repeat: no-repeat;
						background-position: center;
						position: absolute;
						background-size: contain;
					}
					.j-s-before {
						height: 125px;
                        width: 100px;
                        left: 50%;
                        bottom: -20px;
                        transform: translateX(-50%);
					}
					.j-s-after {
						height: 50px;
						width: 50px;
						right: 50%;
		                top: -25px;
		                z-index: 1;
		                transform: translateX(50%) rotate(-45deg);
					}
					.j-s-after-1 {
						height: 80px;
                        width: 80px;
                        right: 25%;
                        top: -15px;
					}
				}
			}
		}
	}
}
@media (max-width: 798px) {
	/* Job */
	#job,
	.jobTab {
    	.jobInner {
    		margin-top: var(--p30);
    		flex-direction: column;
    	
    		.left-wrapper {
    			width: 100%;
    		}
	     	.job-list {
	        	.list-container {
	                .card {
	                    min-width: 100%;
	                    height: auto;
	                    gap: var(--p24);
	                    padding: var(--p24) var(--p40);
	                    
	                    .job-specifics {
	                    	.job-box {
	                            .vr-line {
	                            	display: inline-block;
	                            }
							}
	                    	.job-box:last-child {
	                            > span {
	                                margin: var(--p10) 0;
	                            }
	                        }
	                    }
	                }
	            }
	            .list-container.map-view-container {
	                min-width: 100%;
	            }
			}
        	.job-desc {
            	.job-details {
                	.job-top {
                    	.three-rows {
                        	.top-container {
                        		flex-direction: row;
                        	}
                        	.experience {
                        		flex-direction: row;
                        	}
						}
					}
				}
			}
		}
	}
	/* Pricing */
	.pricingDetails {
		.pricingDetailsInner {
			.list-container {
				flex-direction: column;
				align-items: center;
			}
		}
	}
	#testimonial {
    	.mainSlider {
    		padding: var(--p50) 15px;
    	}
    }
}
@media (max-width: 740px) {
	#job, .jobTab {
	    margin-top: 180px;
	}
}
@media (max-width: 575px) {
	.mobile-hid {
		display: none !important;
	}
	.mobile-show {
		display: block !important;
	}
	#menuTab {
		.jobListInner {
			.tab-box {
				gap: var(--p10);
			}
		}
	}
	#job, .jobTab {
		padding: 0;
	    margin-top: 150px;
	    
	    .jobInner {
			margin-top: 0;
		}
	}
	#applicaton {
	    margin-bottom: var(--p30);
	}
	#seeker,
	#recruiter,
	#applicaton,
	#client,
	#footer {
		.wtSec {
	        padding: 0 var(--p15);
	    }
	    
		.seekerInner,
	    .recruiterInner,
	    .applicatonInner,
	    .clientInner,
	    .footerInner {
	        .left-wrapper,
	        .right-wrapper {
	            padding-right: 0;
	            padding-left: 0;
	        }
	    }
	    .recruiterInner {
	    	flex-direction: column-reverse;
	    }
	    .clientInner {
	    	flex-direction: column;
	    	
	    	.left-wrapper {
	    		min-width: auto;
	    		display: none;
	    	}
	    	.left-wrapper.mob {
	    		display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
               	max-width: 100%;
                max-height: none;
				
				.marquee {
					width: 100%;
					
					.track-horizontal {
						.marquee-img {
							display: inline-flex;
							margin: 0 var(--p24) var(--p24);
						}
					}
				}
			}
	    }
	}
	#footer {
		.wtSec {
			padding: var(--p15) var(--p15);
		}
		.footerInner {
			.top-wrapper,
			.bottom-wrapper {
				.left-t-wrap,
				.right-t-wrap {
					padding-right: 0;
					padding-left: 0;
				}
				.main-footer {	
					gap: var(--p24);
					
                	.right-t-wrap,
                	.left-t-wrap {
	                	padding-right: 0;
						padding-left: 0;
                	}
				}
				.copy-right {
	                .right-t-wrap {
	                    text-align: unset;
	                }
				}
			}
		}
	}
	.sub-banners {
    	height: 20vh;
        background-size: cover;
	}
	.two-columns {
		.wtSec {
			padding: 0 var(--p15);
		}
		.two-columnsInner {
			row-gap: var(--p24);
			align-items: center;
			
			.left-wrapper,
			.right-wrapper {
				padding: 0;
				
				.img-block {
	                align-items: center;
	                flex-wrap: nowrap;
	                gap: var(--p24);
	            }
				.left-img {
					padding-right: 0;
	            	padding-left: 0;
	                
	                .img-cls {
	                	max-height: unset;
	                }
				}
				.right-img {
					padding: 0;
					
					.img-cls {
						margin-top: var(--p24);
					}
					.abs-img {
	                    right: unset;
                        left: 50%;
                        bottom: -30px;
                        transform: translateX(-50%);
					}
				}
			}
			.left-wrapper {
				padding-right: 0;
			}
			.right-wrapper {
				padding-left: 0;
			}
		}
	}
	#talent {
		.two-columnsInner {
			.right-wrapper {
				padding-right: 0;
            	padding-left: 0;
			}
		}
	}
	#role {
		.two-columnsInner {
			flex-direction: column-reverse;
		}
	}
	#member {
		.memberInner {
	    	.list-container {
	            .card {
	                width: 100%;
	            }
	        }
	    }
	}
	/* Service details */
	#serviceDetails {
		.serviceDetailsInner {
			padding: var(--p50) var(--p15);
		}
	}
	/* Pricing */
	.pricingDetails {
		.pricingDetailsInner {
			padding: var(--p50) var(--p15);
			
			.list-container {
				flex-direction: column;
				
				.card {
					width: 100%;
				}
			}
		}
	}
	/* Contact */
	#contactDetails {
		.contactDetailsInner {
			padding: var(--p50) var(--p15);
			
			.content-wrapper {
				row-gap: var(--p24);
				padding: var(--p24);

				.right-wrapper {
					.contact-form {
						z-index: 2;
					}
					.j-s-before,
					.j-s-after,
					.j-s-after-1 {
						z-index: 0;
						display: block;
						background-repeat: no-repeat;
						background-position: center;
						position: absolute;
						background-size: contain;
					}
					.j-s-before {
						height: 125px;
                        width: 100px;
                        left: 50%;
                        bottom: -20px;
                        transform: translateX(-50%);
					}
					.j-s-after {
						height: 50px;
						width: 50px;
						right: 50%;
		                top: -25px;
		                z-index: 1;
		                transform: translateX(50%) rotate(-45deg);
					}
					.j-s-after-1 {
						height: 80px;
                        width: 80px;
                        right: 25%;
                        top: -15px;
					}
				}
			}
		}
	}
	.form-container {
    	.form-col {
        	.btn-box {
            	.rbtn {
	        		font-size: var(--font16);
                    padding: var(--p6);
	        	}
	        }
	    }
	}
	#signInModal, #SignUpModal {
	    .modal-content {
	        padding: 0 var(--p10) !important;
	    }
	    .modal-body {
	        padding: var(--p15) 0;
	    }
	}
}
@media (max-width: 480px) {
    .wtSec {
	    padding: 0 var(--p15);
	}
	
	/* Banner */
	#banner {
		.bannerInner {
	        .title {
	            font-size: var(--font36);
	        }
	        p {
	        	font-size: var(--font16);
	        }
	    }
	}
	/* Job */
	#job,
	.jobTab {
    	.jobInner {
	     	.job-list {
	        	.list-container {
	                .card {
	                    min-width: 100%;
	                    gap: var(--p15);
	                    padding: var(--p15) var(--p24);
	                    
	                    .job-specifics {
	                    	.job-box {
	                            .vr-line {
	                            	display: none;
	                            }
							}
	                    	.job-box:last-child {
	                            > span {
	                                margin: var(--p5) 0;
	                            }
	                        }
	                    }
	                }
	            }
			}
        	.job-desc {
            	.job-details {
                	.job-top {
                    	.three-rows {
                        	.top-container {
                        		flex-direction: column;
                        	}
                        	.experience {
                        		flex-direction: column;
                        	}
                        	.row-sec {
                            	.desc-wrap {
                            		.job-box {
                            			.post-date {
                            				padding-left: 0;
                            			}
                            		}
                            	}
							}
						}
					}
				}
			}
		}
	}
	/* Category */
	#category {
		.categoryInner {
			.top-wrapper {
				.all-jobs {					
					margin-top: var(--p15);
					margin-bottom: var(--p15);
				}
			}
			.bottom-wrapper {
				.list-container {
					gap: var(--p15);
					flex-direction: column;
					margin-bottom: var(--p15);
					
					.card {
						padding: var(--p15) var(--p24);
						
						.logo {
							
							.img-cls {
								width: 40px;
                                height: 40px;
                                object-fit: cover;
							}
						}
						.job-specifics {
							
							.left {								
								.title {
									font-size: var(--font20);
								}
								.job-box {
									font-size: var(--font16);
									
									.value {
										font-size: var(--font16);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	/* stats */
	#stats {
		.statsInner {
			.list-container {
				.card {
					flex: auto;
				}
			}
		}
	}
}
.captcha-div {
	display: flex;
    margin-top: var(--p15);
    flex-direction: column;
    gap: var(--p6);
}
.captcha-div .captcha-box {
	display: flex;
    align-items: center;
    gap: var(--p10);
    margin-bottom: var(--p6);
	
	.captcha-text {
		border: 1px solid var(--col1);
        border-radius: var(--border-r3);
        padding: 10px;
        min-width: 100px;
        text-align: center;
        background: #f3f3f3;
        
        label {
			display: inline-flex;
		    align-items: center;
		    justify-content: space-between;
		    font-size: 24px;
		    letter-spacing: 5px;
		    user-select: none;
		}
	}
	#captchaQuestion {
		color: var(--col5);
        transform: rotate(-2deg);
        font-weight: bold;
	}
	.captcha-reset {
		display: flex;
        align-items: center;
        cursor: pointer;
        
        i {
	        font-size: var(--font24);
		}
	}
}
.captcha-div .captcha-message {
	.captcha-d-msg {
		font-size: var(--font16);
        font-weight: normal;
        line-height: normal;
        color: var(--col5);
	}
	#captcha_err {
		font-size: var(--font16);
        font-weight: normal;
        line-height: normal;
	}
}
.captcha-div .captcha-input {
	input {
		height: 40px;
        padding: 10px;
        border: 1px solid var(--col1);
        border-radius: var(--border-r3);
        font-size: 16px;
        font-weight: normal;
	}
}

iframe{
	min-height:70vh;
	height: auto;
	width: 100%;
	border: none;
}