@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@font-face {
   font-family:Gotham-Bold;
   src: url(../css/fonts/Gotham-Bold.otf);
}
@font-face {
   font-family:GBinerkademo;
   src: url(../css/fonts/GBinerkademo-GOeOq.otf);
}

.container{
	max-width: 1228px;
	margin:auto;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
.date-input {
    position: relative;
    padding-right: 35px; /* Space for your icon */
}

/* Remove Safari's inner icon (even if invisible) */
.date-input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 100%;
    cursor: pointer;
}
/* Standard placeholder */
.date-input::placeholder {
    color: #999;
}

/* Safari / WebKit date placeholder */
.date-input::-webkit-datetime-edit {
    color: #999; /* placeholder color */
}

/* Prevent Safari auto dark text before typing */
.date-input:focus::-webkit-datetime-edit {
    color: #000; /* focused text color */
}

/* Custom calendar icon */
.date-input {
    background: url('../images/747310.png')
                no-repeat right 10px center;
    background-size: 18px;
}
.date-input::-webkit-datetime-edit-year-field,
.date-input::-webkit-datetime-edit-month-field,
.date-input::-webkit-datetime-edit-day-field {
    color: #999;
}
.w-500 .form-select
{
	width:500px;
}
.right-2_2 {
    width: 22%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
    border-radius: 37px;
    height: 100%;
    overflow: hidden;
}
/*header*/
.header{
	position: relative;
	width: 100%;
	left:0;
	top:0;
	z-index: 99;
	padding: 4px 0;
}
.header-main{
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 0;
	border-radius: 0px;
}

.header .logo{
	padding: 0x;
}
.header .logo img{
	width: 180px;
}
.header .logo a{
	font-size: 30px;
	text-transform: capitalize;
	color: #e91e63;
	font-weight: 600;
}
.header .nav-menu{
	padding: 0px;
}
.header .menu > .menu-item{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
.header .menu > .menu-item > a{
	display: block;
	padding: 12px 0;
	font-size: 14px;
	color: #000000;
	text-transform: capitalize;
	font-weight: 500;
	transition: all 0.3s ease;
	font-family: 'Poppins', sans-serif;
}
.header .menu > .menu-item > a .plus{
	display: inline-block;
	height: 12px;
	width: 12px;
	position: relative;
	margin-left:5px; 
	pointer-events: none;
}
.header .menu > .menu-item > a .plus:before,
.header .menu > .menu-item > a .plus:after{
	content:'';
	position: absolute;
	box-sizing: border-box;
	left: 50%;
	top:50%;
	background-color: #000000;
	height: 2px;
	width: 100%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease;
}
.header .menu > .menu-item:hover > a .plus:before,
.header .menu > .menu-item:hover > a .plus:after{
   background-color: #e91e63;
}
.header .menu > .menu-item > a .plus:after{
   transform: translate(-50%,-50%) rotate(-90deg);	
}
.header .menu > .menu-item > .sub-menu > .menu-item > a:hover,
.header .menu > .menu-item:hover > a{
	color: #e91e63;
}
.header .menu > .menu-item > .sub-menu{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: 220px;
	position: absolute;
	left:0;
	top:100%;
	background-color: #ffffff;
	padding: 10px 0;
	border-top: 3px solid #e91e63;
	transform: translateY(10px);
	transition: all 0.3s ease;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.header .menu > .menu-item-has-children:hover > .sub-menu{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
 }
 .header .menu > .menu-item-has-children:hover > a .plus:after{
    transform: translate(-50%,-50%) rotate(0deg);		
 }
}
.header .menu > .menu-item > .sub-menu > .menu-item{
	display: block;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a{
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	transition: all 0.3s ease;
	text-transform: capitalize;
}
.header .open-nav-menu{
	height: 34px;
	width: 40px;
	margin-right: 15px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.header .open-nav-menu span{
	display: block;
	height: 3px;
	width: 24px;
	background-color: #000000;
    position: relative;
}
.header .open-nav-menu span:before,
.header .open-nav-menu span:after{
	content: '';
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-sizing: border-box;
}
.header .open-nav-menu span:before{
	top:-7px;
}
.header .open-nav-menu span:after{
	top:7px;
}
.header .close-nav-menu{
	height: 40px;
	width: 40px;
	background-color: #ffffff;
	margin:0 0 15px 15px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
}
.header .close-nav-menu img{
	width: 16px;
}
.header .menu-overlay{
	position: fixed;
	z-index: 999;
	background-color: rgba(0,0,0,0.5);
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity:0;
	transition: all 0.3s ease;
}

/*home section*/
.home-section{
	width: 100%;
	display: block;
	min-height: 100vh;
	background-image: url('../img/home.jpg');
	background-position: center top;
	background-size: cover;
}


/* responsive */

@media(max-width: 991px){
	.header .menu-overlay.active{
	visibility: visible;
	opacity: 1;
}
	.header .nav-menu{
		position: fixed;
		right: -280px;
		visibility: hidden;
		width: 280px;
		height: 100%;
		top:0;
		overflow-y: auto;
		background-color: #222222;
		z-index: 1000;
		padding: 15px 0;
		transition: all 0.5s ease;
	}
	.header .nav-menu.open{
		visibility: visible;
		right: 0px;
	}
	.header .menu > .menu-item{
		display: block;
		margin:0;
	}
	.header .menu > .menu-item-has-children > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .menu > .menu-item > a{
		color: #ffffff;
		padding: 12px 15px;
		border-bottom: 1px solid #333333;
	}
	.header .menu > .menu-item:first-child > a{
	    border-top: 1px solid #333333;	
	}
	.header .menu > .menu-item > a .plus:before, 
	.header .menu > .menu-item > a .plus:after{
		background-color: #ffffff;
	}
	.header .menu > .menu-item-has-children.active > a .plus:after{
        transform: translate(-50%,-50%) rotate(0deg);
	}
	.header .menu > .menu-item > .sub-menu{
		width: 100%;
		position: relative;
		opacity: 1;
		visibility: visible;
		border:none;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top:auto;
		max-height: 0;
		overflow: hidden;
	}
	.header .menu > .menu-item > .sub-menu > .menu-item > a{
		padding: 12px 45px;
		color: #ffffff;
		border-bottom: 1px solid #333333;
	}
	.header .close-nav-menu,
	.header .open-nav-menu{
		display: flex;
	}
}
.footer
{
	background-color: #ffd0e6;
	padding:40px 0 0 0;
}
.d-cnt
{
	display: flex;
	justify-content: center;
}
.link-footer
{
	margin:56px 0;
	display: flex;
	color: #1a1660;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	justify-content: center;
}
.d-cnt-1
{
	display: flex;
	justify-content: flex-end;
}
.soc-link
{
	display: flex;

}
.soc-link li
{
color: #1a1660;
font-size: 20px;
margin-left: 30px;
}
.soc-link-a-li
{
color: #1a1660;
font-size: 25px;
line-height: normal;
}
.link-footer li
{
margin: 0 20px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.f1-icon {
    height: 30px;
    width: 30px;
    background: #1a1660;
    color: #ffd0e6;
    font-size: 18px;
    border-radius: 50%;
    margin-left: -10px;
    text-align: center;
    padding: 6px;
    line-height: 0;
}
.soc-link-1 li a {
    display: flex;
    color: #a4582f;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
}
.soc-link-1 li
{
margin-left: 30px;
}
.soc-link-1
{
	    display: flex;
    justify-content: flex-start;
}
.foot-1 p {
    font-family: 'Poppins', sans-serif;
    color: #050505;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
    letter-spacing: 0.5px;
}
.link-footer-li
{
    width: 1.5px;
    background: #1a1660;
    height: 20px;
    margin: 0 0px 0 20px;
}
.footer img
{
	width: 250px;
}
.just-cnt
{
	justify-content: center;
}

.wrapper
{
	padding: 3em 0 5em 0;
}
.login-box-1
{
border-radius: 37px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    -o-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    justify-content: flex-start;
    gap: 0px;
}
.info-box
{
	
	width: 50%;
	border-radius: 0 37px 37px 0;
}
.help-1-div
{
	margin:2em 0;
}
.info-box-inside
{
	    background: url(../images/login-img.png);
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 0 37px 37px 0;
    height: 580px;
}
.login-box-1_1
{
	padding: 30px;
	width: 50%;
}
.info-box
{
	position: relative;
}
.info-text
{
	border-radius: 19px;
    background-color: rgba(242, 242, 255, 0.788);
    position: absolute;
    position: absolute;
    width: 90%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
        padding: 20px;
    right: 0;
    margin-bottom: 2em;
}
.txt-btn-1 {
    background-color: #ff3691;
    color: #fff;
    text-align: center;
    padding: 8px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    margin-left: 0px;
    border: 1px solid #ff3691;
    border-radius: 100px;
    transition: 0.5s all;
    font-weight: 450;
    box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
}
.txt-btn-1:hover
{
  color: #ff3691;
  background-color: #fff;
}
.right-btn
{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    /* float: right; */
    gap: 20px;
}
/**/
.add-btn-1 {
  background-color: #dadada;
    color: #8d8c8d;
    text-align: center;
    padding: 8px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: 450;
    border: 1px solid #dadada;
    border-radius: 100px;
    transition: 0.5s all;
}
.add-btn-1:hover
{
  color: #8d8c8d;
  background-color: #fff;
}
.add-btn-21 {
  background-color: #1a1660;
    color: #fff;
    text-align: center;
    padding: 8px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: 450;
    border: 1px solid #dadada;
    border-radius: 100px;
    transition: 0.5s all;
}
.add-btn-21:hover
{
  color: #1a1660;
  background-color: #fff;
}
.add-btn-21 img
{
	 filter: brightness(0) invert(1);
}
.add-btn-21:hover img
{
filter: brightness(0) invert(0);
}
/**/
.side-img
{
	width: 100%;
}
.txt-btn-2 {
    background-color: #fff;
    color: #ff3691;
    text-align: center;
    padding: 8px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    font-weight: 450;
    margin-left: 6px;
    border: 1.5px solid #ff3691;
    border-radius: 100px;
    box-shadow: 0.631px 0.607px 3px 0px rgba(255, 54, 145, 0.58);
    transition: 0.5s all;
}

.txt-btn-2:hover {
    color: #ff3691;
    background-color: #fff;
    box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
}

.terms
{
	margin-bottom: 30px;
	margin-top:30px;
	margin-left: 10px;
}
.btn-flex
{
	display: flex;
	margin-bottom: 40px;
	gap:6px;
}
.row-1
{
	display: flex;
}
.left-1
{
	padding: 30px 30px 0px 30px;
}
.img-1 img
{
	    width: 100%;

}
.left-side
{
	    width: 30%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
    border-radius: 37px;
    height: 100%;
    overflow: hidden;
}
.img-pic
{
	border-width: 1.2px;
  border-color: rgb(0, 8, 46);
  border-style: solid;
  border-radius: 9px;
  background-color: rgb(238, 241, 250);
   width: 176px;
  height: 176px;
}
.img-pic img
{
width: 100%;
height: 100%;
}
.img-upload
{
	display: flex;
	gap: 20px;
}
.right-side
{
width: 67%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 30px;
    border-radius: 37px;
    margin-left: auto;
}

/* Container */
.right-login-box {
position: absolute;
    right: 57px;
    top: 140px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-right: 0px;
}
.txt-1
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
}
.t3
{
		font-family: 'Poppins', sans-serif;
    color: #868686;
    font-size: 14px;
    font-weight: 450;
}
.pl-20px
{
	padding-left: 10px;
}
.c1-div
{
	padding-left: 14px;
}
/* Vertical line */
.right-login-box .v-line {
    width: 1px;
    height: 180px;
    background: #dcdcdc;
    margin-bottom: 10px;
}

/* “Or” text */
.right-login-box .or-text {
       font-size: 14px;
    color: #1a1660;
    font-weight: 450;
    margin-bottom: 10px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    left: -7px;
    font-weight: 550;
}

/* LOGIN pill button */
.right-login-box .login-btn {
    display: inline-block;
    background: #ff008a;
    color: #fff;
    text-decoration: none;
    padding: 12px 34px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0px 6px 15px rgba(255, 0, 138, 0.35);
    transition: 0.3s ease;
}

.right-login-box .login-btn:hover {
    box-shadow: 0px 8px 20px rgba(255, 0, 138, 0.45);
}

.form-div
{
	margin:26px 0 20px 0;
}
.info-txt-1
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-weight: 450;
    font-size: 14px;
}
.mobile-input-1
{
	margin-top:6px;
}
.left-login-r1
{
	    position: absolute;
    right: 0;
    top: 142px;
    margin-right: 70px;
    border-left: 1px solid #000;
}
.inpt-cl-1 {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 500px;
    height: 50px;
    border-radius: 100px;
    padding: 0 20px;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.inpt-cl-1::placeholder {
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
  opacity: 1; /* Firefox */
}

.inpt-cl-1::-ms-input-placeholder { /* Edge 12 -18 */
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
}
.chek-btn
{
	border-style: solid;
    border-width: 3px;
    border-color: rgb(218, 218, 218);
    width: 16px;
    height: 16px;
    border: 1px solid rgb(218, 218, 218);
    margin-right: 5px;
}
.ter-txt
{
	color: #1a1660;
	 font-family: 'Poppins', sans-serif;
	 font-size: 14px;
	 line-height: normal;
	 font-weight: 450;
}
.l1
{
	font-family:Gotham-Bold;
	color: #1a1660;
	font-size: 23px;
	letter-spacing: 0.5px;
	font-weight: 550;
	margin-bottom: 30px;
}
.lable-txt
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-bottom: 6px;
    padding-left: 24px;
    font-weight: 450;
}
.txt-btn
{
	background-color: #1a1660;
	color:#fff;
	text-align: center;
	padding:10px 20px;
	 font-family: 'Poppins', sans-serif;
	 font-size: 14px;
	 outline: none;
	 font-weight: 450;
	 margin-left:6px;
	 border:1.5px solid #1a1660;
	border-radius: 100px;
	transition: 0.5s all;
}
.txt-btn:hover
{
	background-color: #fff;
	color: #1a1660;
}
.inpt-div-2
{
	margin:20px 0 2em 0;
}
.l2
{
	font-family:Gotham-Bold;
	color: #1a1660;
	font-size: 15px;
	letter-spacing: normal;
	font-weight: 450;
	margin-bottom: 20px;
}
.inpt-cl
{
	    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 294px;
    height: 50px;
    border-radius: 100px;
    padding: 0 20px;

}
.inpt-cll1
{
	    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
	width: 53px;
  height: 50px;
     border-radius: 20px;
    padding: 0px;
    text-align: center;
}
.info-text h3
{
	  font-family: 'Poppins', sans-serif;
	  color: #1a1660;
	  font-size: 18px;
	  font-weight: 530;
	  margin-bottom: 12px;
}
.info-texth3
{
	  font-family: 'Poppins', sans-serif;
	  color: #1a1660;
	  font-size: 18px;
	  font-weight: 530;
	  margin-bottom: 12px;
	  line-height: 30px;
}
.list-1
{
	
	color: #121003;
	margin-left: 20px;
	font-size: 14px;
	margin-top: 20px;
	font-weight: 450;
	 font-family: 'Poppins', sans-serif;

}
.list-1 li
{
margin-bottom: 8px;
}

 .form-wrapper {
    width: 75%;
    margin: 50px auto;
    display: flex;
    gap: 60px;
    font-family: 'Inter', sans-serif;
}

/* LEFT SIDE PROGRESS BAR */
.steps-nav {
    width: 100%;
    position: relative;
}
.Steps-nav {
    position: relative;
}

.steps-nav .line {
    position: absolute;
    left: 5px;
    top: 10px;
    width: 2px;
    background: #d9d9d9;
}

.steps-nav .line-fill {
    position: absolute;
    left: 5px;
    top: 10px;
    width: 2px;
    height: 0;
    background: #e2006a;
    transition: height 0.35s ease;
}


.step-item {
    position: relative;
    margin-bottom: 55px;
    padding-left: 25px;
    z-index: 2;
}

.step-item span {
    font-size: 15px;
    color: #9d9d9d;
}

.step-item.active span {
    color: #e2006a;
    font-weight: 550;
    font-family:Gotham-Bold;
}

.step-item.completed span {
    color:#e2006a;
}

.step-item .dot {
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    border-radius: 50%;
    z-index: 3;
}

.step-item.active .dot {
    background: #e2006a;
}

.step-item.completed .dot {
    background: #e2006a;
}

/* RIGHT SIDE FORM */
.form-slider {
    width: 100%;
}

.form-step {
    display: none;
    animation: fade 0.3s ease;
}

.form-step.active {
    display: block;
}

@keyframes fade {
    from { opacity: 0; margin-left: 20px; }
    to { opacity: 1; margin-left: 0px; }
}
.text-input
{
	resize: none;
    height: 100px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 500px;
    /* height: 50px; */
    border-radius: 100px;
    padding: 12px 20px;
    margin-bottom: 0px;
    border-radius: 23px;
    height: 135px;
}
#info-pic_4
{
	    background: #cedafe;
    padding: 20px 35px;
    border-radius: 20px;
    margin: 30px 0 0 0;
    transition: 0.5s all;
}
.card-header-3
{
	padding:20px 16px 10px 16px;
	margin:10px 0;
}
.card-header-3 .btn
{
	padding: 0;
}
.collapse {
    transition: height 0.45s ease, opacity 0.35s ease;
}
.row-input_51 {
    display: flex;
    width: 100%;

/*    justify-content: space-between;*/
}
.text-select
{
	    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 240px;
     height: 50px; 
    border-radius: 100px;
    padding: 10px 20px;
}
.text-select option[disabled]{
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
}
button {
    padding: 10px 24px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
}
.container-fluid
{
	    padding: 0 5em;
}
.step-item span
{
	color: #1a1660;
	font-weight: 550;
    font-family: Gotham-Bold;
    font-size: 16px;
}
.file-wrapper input[type="file"] {
width: 100%;
    padding: 0;
    border: 1px solid #dedede;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    color: #444;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 236px;
    height: 48px;
    border-radius: 100px;
    padding: 0;
    /* margin-bottom: 15px;*/
}

.file-wrapper input[type="file"]::-webkit-file-upload-button {
    background: #dadada;
    color: #8d8c8d;
    border: none;
    padding: 12px 18px;
    margin-right: 10px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
}

.next-btn, .submit-btn {
    background: #e2006a;
    color: #fff;
}

.back-btn {
    background: #ededed;
    margin-right: 10px;
}
.row-input
{
display: flex;
    width: 500px;
        gap: 20px;
    justify-content: space-between;
}
.text-select::placeholder {
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
  opacity: 1; /* Firefox */
}

.text-select::-ms-input-placeholder { /* Edge 12 -18 */
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
}

.mobile-input::placeholder {
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
  opacity: 1; /* Firefox */
}

.mobile-input::-ms-input-placeholder { /* Edge 12 -18 */
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
}

.text-inputt::placeholder {
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
  opacity: 1; /* Firefox */
}

.text-inputt::-ms-input-placeholder { /* Edge 12 -18 */
   font-size: 14px;
   color: #8d8c8d;
    font-family: 'Poppins', sans-serif;
}
.btn-t1
{
	margin-top:40px;
}
.form-select {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%23666'%3E%3Cpath d='M3 5l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    padding-right: 40px !important;
   border-radius: 100px;
    border: 2px solid rgb(218, 218, 218);
    color: #555;
    height: 50px;
}

/**/
.div-chk-box
{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 20px;
margin-top: 10px;
    margin-left: 25px;
}
.container-chk {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 15px;
  cursor: pointer;
        font-family: 'Poppins', sans-serif;
    color: #8d8c8d;
    font-size: 14px;
    font-weight: 450;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid #1b1464;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;

}

/* On mouse-over, add a grey background color */
.container-chk:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-chk input:checked ~ .checkmark {
  background-color: #1b1464;

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-chk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-chk .checkmark:after {
  left: 4px;
  top: 0px;
  width: 3px;
  height: 10px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**/

.container-chk-1 {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-right: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    color: #8d8c8d;
    font-size: 14px;
    font-weight: 450;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-chk-1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.container-chk-1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}
.row-input_2
{
	    margin-bottom: 15px;
}
/* On mouse-over, add a grey background color */
.container-chk-1:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-chk-1 input:checked ~ .checkmark {
  background-color: #1b1464;
  color: #1a1660;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-chk-1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-chk-1 input:checked ~ .checkmark:after {
  display: block;
}
.container-chk-1 input:checked ~ .chk-text {
  color: #1b1464; /* ONLY text changes */
}
/* Style the indicator (dot/circle) */
.container-chk-1 .checkmark:after {
 	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.btn-arrow
{
	background: #cedafe;
    border-radius: 50%;
    background-color: rgb(206, 218, 254);
    box-shadow: 0px 2px 6px 0px rgba(19, 13, 123, 0.42);
    width: 27px;
    height: 27px;
    font-size: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 13px;
}
.info
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-top: 12px;
   	padding: 0;
    font-weight: 450;
}
.my-account-box h3
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
   	padding: 0;
    font-weight: 450;
}

.left-side-href-1 .active
{
background: #ff3691;
font-family: 'Poppins', sans-serif;
color:#fff;
font-size: 14px;
width: 100%;
display: block;
width: 100%;
font-weight: 450;
padding:10px 20px;
border:2px solid #ff3691;
border-radius: 100px;
box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
}
.profile-wrapper {
    width: 110px;
    height: 110px;
    border-radius: 20px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to left, #ff008c,#ff008c, #2c2971, #2c2971) border-box;
    border: 6px solid transparent;
    border-radius: 50%;
    box-shadow: 0px 0px 6px 0px rgba(40, 39, 40, 0.004);
}
.profile-wrapper img
{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}
.edit-pen
{
	position: absolute;
	right:10px;
	color:#1a1660;
}
.left-side-href-1 li
{
	margin-bottom: 20px;
}
.right-2_4
{
    width: 53%;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
.active_1
{
	color:#1a1660;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
width: 100%;
display: block;
width: 100%;
font-weight: 450;
padding:0px 20px;

}
.right-side-1 {
   
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 30px;
    border-radius: 37px;
    margin-left: auto;
}
.mobile-input-1_6-4
{
	margin-bottom: 16px;
}
.breadcrumb-item a {
    color: #1a1660;
    font-family: "Poppins", serif;
    font-size: 14px;
    font-weight: 450;
}
.breadcrumb-item.active {
    color: #ff3691;
       font-weight: 450;
}
.div-bred
{
	font-size: 14px;
	color:#1a1660;
    font-family: "Poppins", serif;
}
.mobile-input-1
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #1a1660;
    content: ">";
}
.right-2_1
{
	 width: 76%;
	   padding: 0px;
    margin-left: auto;
}
.img-banner
{
	margin-bottom: 15px;
}
.left-side-d1 {
    width: 22%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
    border-radius: 37px;
    height: 100%;
    overflow: hidden;
}
/**/

.inpt-cl-2 {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 100%;
    height: 50px;
    margin-left: 0px;
    border-radius: 100px;
    padding: 0 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.mobile-input_n1
{
display: flex;
justify-content: space-between;
}
.pr-padding-left-0
{
	padding-right:0;
}
.txt-cnt
{
	text-align: center;
}
.head-3
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 20px;
    margin-bottom:10px;
    margin-top: 10px;
    padding-left: 0px;
    font-weight: 450;
}
.my-account-box
{
	margin-bottom: 50px;
	transition: 0.5s all;
	cursor: pointer;
}
.my-account-box:hover
{
background: #fff;
transform: scale(1.1);
}
.right-side-4
{
	padding: 40px
}
.Rounded_Rectangle_1_copy {
	background-color: rgb(250, 226, 204);
 
}
.Rounded_Rectangle_2_copy {
	background-color: rgb(229, 243, 254);
 
}
.Rounded_Rectangle_3_copy {
	 background-color: rgb(220, 245, 238);
 
}
.Rounded_Rectangle_4_copy {
	 background-color: rgb(248, 212, 226);
 
}
.Rounded_Rectangle_5_copy {
	background-color: rgb(225, 220, 248);
 
}
.div-t1
{
	display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.my-account-box-1 img
{
width: 50px;
}
.my-account-box-1
{
	 border-style: solid;
  border-width: 2px;
  border-color: rgb(197, 197, 197);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 18px 0px rgba(88, 88, 88, 0.32);
   height: 113px;
}
.lin1
{
	width: 1px;
    height: 40px;
    background: #1a1660;
}
.d-cnt-2
{
	display: flex;
	justify-content: center;
}
.txt-1
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-bottom: 6px;
    padding-left: 24px;
    font-weight: 450;
}
.div-tube-1
{
	background-color: #e6e6f2;
	padding:20px;
	width: 403px;
  height: 80px;
  border-radius: 100px;
  margin:40px auto 20px auto;
      display: flex;
    justify-content: center;
    align-items: center;
}
.toggle-link {
    width: 60%;
    background: #fff;
    border-radius: 30px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    border: 1.5px solid #1a1660;
    margin-bottom: 40px;
}

.toggle-btn {
  width: 50%;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  border-radius: 30px;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
  transition: 0.3s;
}
.mobile-input-1_6-5
{
	padding:1em 0;
}

.toggle-btn:hover {
  background: #ddd;
}

.toggle-btn.active {
  background: #1b1464;
  color: #fff;
}
.toggle-btn.active {
  background: #1b1464;
  color: #fff;
}
.mobile-input-3_1
{
	margin-top:20px;
}

/*Job for Me*/
.job-box_out
{
    border-style: solid;
    border-width: 2px;
    border-color: rgb(197, 197, 197);
    border-radius: 15px;
    padding: 3px;
   box-shadow: 0px 0px 18px 0px rgba(88, 88, 88, 0.32);
    width: 292px;
    height: 100%;
    margin-bottom: 0px;
}
.job-box_out:nth-child(1) .job-box_1 {
    background-color: #fae2cc;
}
.job-box_out:nth-child(2) .job-box_1 {
    background-color: #e5f3fe;
}
.job-box_out:nth-child(3) .job-box_1 {
    background-color: #dcf5ee;
}
.job-box_out:nth-child(4) .job-box_1 {
    background-color: #eceff5;
}
.job-box_out:nth-child(5) .job-box_1 {
    background-color: #f6e3f1;
}
.job-box_out:nth-child(6) .job-box_1 {
    background-color: #e1dbf7;
}

.right-side-41 {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 16px;
    border-radius: 37px;
    margin-left: auto;
}
.job-box
{
	    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 17px;
}
.job-box_1
{

  border-radius: 15px;
 	 width: 100%;
    height: 100%;
    padding: 14px;
}
.view-more-btn
{
	    background-color: #e7e6f8;
    color: #1a1660;
    text-align: center;
    padding: 8px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    font-weight: 450;
    margin-left: 0px;
    border: 1px solid #e7e6f8;
    border-radius: 100px;
    transition: 0.5s all;
}
.view-more-btn:hover
{
background: #fff;
}
.job1
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 15px;
    font-weight: 550;
}
.j_2
{
	display: flex;
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
}
.right-3_1
{
	padding: 10px;
}
.inpt-cl-2_45 {
    border-style: solid;
    border-width: 0px;
    border-color: rgb(239 239 239);
    width: 100%;
    height: 42px;
    margin-left: 0px;
    border-radius: 100px;
    padding: 0 20px;
    margin-bottom: 16px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    background: #efefef;
}
.mr-top-btm
{
	margin:30px 0 30px 0;
	display: flex;
	justify-content: center;
}
.read-more-1
{
	   font-family: 'Poppins', sans-serif;
    color: #878787;
    font-size: 13px;
    font-weight: 450;
    transition: 0.5s all;
}
.read-more-1:hover
{
	color:#1a1660;
}
.job-box-2
{
	display: flex;
	padding:14px;
}
.linnk-job-1
{
	width: 50%;
}
.j_2_box
{
	width: 50%;

}
.flex-end
{
	display: flex;
	justify-content: flex-end;
}
.job2
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
    margin:14px 0;
}
.edit-profile-btn
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    padding: 13px 40px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(136, 133, 192);
    border-radius: 22px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 7px 0px rgba(40, 39, 40, 0.09);
    display: block;
    width: 100%;
    transition: 0.5s all;
}
.edit-profile-btn:hover
{
background: #1a1660;
color: #fff;
}
.dcnt-btn
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.apply-now-btn
{
   font-family: 'Poppins', sans-serif;
    color: #1a1660;
     font-size: 12px;
    font-weight: 450;
    padding:6px 12px;
    transition: 0.5s all;
    text-align: center;
    border-radius: 100px;
    border:1.3px solid #878787;
}
.apply-now-btn:hover
{
background: #1a1660;
color:#fff;
}

	.job-per {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(197, 197, 197);
  border-radius: 22px;
  background-color: rgb(231, 230, 248);
  box-shadow: 0px 0px 7px 0px rgba(40, 39, 40, 0.09);
	width: 100%;
  height: 135px;
  padding: 20px 40px;
  margin:22px 0 30px 0;
}
.btn-dashbord
{
	display: flex;
	margin:20px 0;
	justify-content: space-between;
}
.btn-d1
{
	width: 23%;
	display: block;
	 border-style: solid;
  border-width: 1px;
  border-color: rgb(197, 197, 197);
   font-family: 'Poppins', sans-serif;
    color: #1a1660;
     font-size: 14px;
     font-weight: 450;
     text-align: center;
     border-radius: 22px;
     padding:12px 20px;
     background-color: #f4c2d9;
     transition: 0.5s all;
}
.btn-d1:hover
{
 background-color: #1a1660;
 color:#f4c2d9 ;
}
.btn-d2
{
	width: 23%;
	display: block;
	 border-style: solid;
  border-width: 1px;
  border-color: rgb(197, 197, 197);
   font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-weight: 450;
     font-size: 14px;
     text-align: center;
     border-radius: 22px;
     padding:12px 20px;
     background-color: #b5b2eb;
     transition: 0.5s all;
}
.btn-d2:hover
{
 background-color: #1a1660;
 color:#b5b2eb;
}
.sec-1-dash-left
{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(197, 197, 197);
  border-radius: 15px;
  padding: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 9px 0px rgba(40, 39, 40, 0.14);
  height: 200px;
}
.profile-nm
{
	    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 19px;
    margin-bottom: 20px;
}
.sec-1-dash-right
{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(197, 197, 197);
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 9px 0px rgba(40, 39, 40, 0.14);
    height: 200px;
    padding: 20px;
}
/*Price*/
  .price-range-box {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 25px 0;
  padding:0 10px;
}

.range-slider {
  position: absolute;
  left: 0;
  top: -6px;
  width: 100%;
  pointer-events: none;
  -webkit-appearance: none;
  background: none;
}

.range-slider::-webkit-slider-thumb {
  pointer-events: auto;
  width: 20px;
  height: 20px;
  background: #1b1464;
  border-radius: 50%;
  cursor: pointer;
  appearance: none;
}

.slider-track {
  width: 100%;
  height: 6px;
  background: #cfcfcf;
  border-radius: 3px;
  position: absolute;
  top: 0;
}

.price-values {
 
  margin-top: 10px;
}
.price-values
{
font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 450;
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.toggle-link_34 {
    width: 16%;
    background: #fff;
    border-radius: 30px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    border: 1.5px solid #ff3691;
}

.toggle-btn_34{
  width: 50%;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  border-radius: 30px;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
  transition: 0.3s;
}

.toggle-btn_34:hover {
  background: #ddd;
}

.toggle-btn_34.active {
  background: #ff3691;
  color: #fff;
}
.toggle-btn_34.active {
  background: #ff3691;
  color: #fff;
}

.profile-box {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
/**/
.circular {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.circular svg {
    position: relative;
    width: 150px;
    height: 150px;
    transform: rotate(-90deg);
}

.circular svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-width: 6;
    stroke-linecap: round;
}

.circular svg circle:first-child {
    stroke: #eee;
}

.circular svg circle:last-child {
    stroke: #f7358d;
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
/*    filter: drop-shadow(0 0 6px rgba(255,0,160,0.6));*/
    transition: stroke-dashoffset 1.5s ease;
}

.inner-circle {
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

#percentText {
    font-size: 24px;
    font-weight: 700;
    color: #ff2ea4;
    transition: color .3s ease;
}
/**/
.profile-box {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 16px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.circular {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.circular svg {
    position: relative;
    width: 150px;
    height: 150px;
    transform: rotate(-90deg);
}

.circular svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke-width: 12;
    stroke-linecap: round;
}

.circular svg circle:first-child {
    stroke: #eee;
}

.circular svg circle:last-child {
    stroke: url(#gradColor);
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    filter: drop-shadow(0 0 6px rgba(255,0,160,0.6));
    transition: stroke-dashoffset 1.5s ease;
}

.inner-circle {
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

#percentText {
    font-size: 24px;
    font-weight: 700;
    color: #ff2ea4;
    transition: color .3s ease;
}
/**/
.pie-container {
  position: relative;
  width: 150px;
  height: 150px;
}

.pie-animate {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#ff2ea4 0deg, #eee 0deg);
  transition: background 1s linear;
}

.pie-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
  font-weight: 700;
  color: #ff2ea4;
}

.profile-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
}
/*Read More*/
.read-more-1_1
{
	   font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 13px;
    font-weight: 450;
     padding:6px 20px;
     border-radius: 100px;
    border:1.3px solid #fff;
    transition: 0.5s all;
}
.read-more-1_1:hover
{
	color:#1a1660;
	 border:1.3px solid #1a1660;
}

.apply-now-btn_23
{
   font-family: 'Poppins', sans-serif;
    color: #fff;
     font-size: 13px;
    font-weight: 450;
    background-color: #1a1660;
    padding:6px 20px;
    transition: 0.5s all;
    text-align: center;
    border-radius: 100px;
    border:1.3px solid #878787;
}
.apply-now-btn_23:hover
{
background: #fff;
color:#1a1660;
}

.right-3_1 .form-select {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%23666'%3E%3Cpath d='M3 5l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    padding-right: 40px !important;
   border-radius: 100px;
    color: #555;
}
/*Search*/

.right-2_2_2 {
    width: 22%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
    border-radius: 37px;
    height: 100%;
    overflow: hidden;
}
.right-2_2_4 {
    width: 22%;
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
/*    border-radius: 37px;*/
    height: 100%;
    overflow: hidden;
}
.ads-div-1
{
	margin-bottom: 10px;
}
.serach-div
{

  border-style: solid;
  border-width: 2px;
  border-color: rgb(197, 197, 197);
  border-radius: 15px;
  margin-bottom: 28px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 21px 0px rgba(255, 54, 145, 0.49);

}
.serach-div
{
	padding: 26px;
}
.info_1 {
    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top:12px;
    padding: 0;
    font-weight: 450;
}
.serch-div-bottom
{
	display: flex;
	justify-content: space-between;
	margin:10px 0 0 0;
	align-items: center;
}
.btn-primary-1
{
	background-color: #efefef;
	padding:10px 20px;
	border-radius: 100px;
}
.ti-head
{
	 font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 18px;
    font-weight: 550;
    margin-bottom: 10px;
}
.job-sec-1
{
	padding: 25px;
	margin:30px 0 30px 0;
	background-color: #ebeafa;
	border-radius: 20px;
}
.job-sec-1 ul li
{
 font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
}
.job-sec-1 ul
{
margin:20px 0;
margin-left:20px;
}
.spc-bt
{
	display: flex;
	justify-content: space-between;
}
.job-sec-1 ul li 
{
	margin-bottom: 10px;
	list-style-type: disc;
}
.top-1
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;

}
.read-more_34
{
	 font-family: 'Poppins', sans-serif;
    color: #1a1660;
     font-weight: 450;
    font-size: 14px;
    border:1px solid #fff;
    padding:8px 20px;
    transition: 0.5s all;
}
.read-more_34:hover
{
 border:1px solid #1a1660;
    padding:8px 20px;
    background-color: #1a1660;
    color:#fff;
    border-radius: 100px;
}
.btn-23
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 15px;
    font-weight: 450;
}
.view-head
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 16px;
    font-weight: 450;
}
.acc-3-acc-3 .card-3
{
	
	padding:0px;
}
.acc-3-acc-3 .card
{
	padding: 10px;

}
/* Container */
.acc-btn {
  position: relative;
  padding-right: 25px;   /* space for + symbol */
  display: flex;
  font-weight: 500;
}

/* Default: PLUS sign */
.acc-btn::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  float: right;
  transform: translateY(-50%);
  font-size: 18px;
  transition: 0.3s;
}

/* When accordion is OPEN → show MINUS sign */
.acc-btn[aria-expanded="true"]::after {
  content: "-"; /* minus sign */
}
.banner-dashboard-34
{
	margin-bottom: 20px;
}
#accordionChild1 .card
{
	margin-bottom: 20px;
	 border-style: solid;
  border-width: 2px;
  border-color: rgb(197, 197, 197);
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 7px 0px rgba(88, 88, 88, 0.4);
}
.right-2_5 {
    width: 74%;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}
#accordionChild1 .card-body
{
	    padding: 10px 15px;
}
.view-detail-box-1_2
{
	margin-top: 20px;
	border-bottom:2px solid rgb(197, 197, 197) ;
}
.view-detail-box-1
{
	  border-style: solid;
  border-width: 2px;
  border-color: rgb(197, 197, 197);
  border-radius: 15px;
  padding:20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 7px 0px rgba(88, 88, 88, 0.4);
}

@font-face {
   font-family:HelveticaNeueLight;
   src: url(../css/fonts/HelveticaNeueMedium.otf);
}
body
{
    overflow-x: hidden;
}
a
{
	text-decoration: none;
}
*
{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.container {
    max-width: 1228px;
    margin: auto;
}

.title-home
{
font-family:Gotham-Bold;
font-size: 28px;
color:#1a1660;
margin-bottom: 30px;
}
.text-cnt-1
{
	text-align: center;
}
.sec-6
{
	padding:3em 0 6em 0;
}
.trend-box
{

  border-style: solid;
  border-width: 2px;
  border-color: rgb(197, 197, 197);
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  padding:10px 20px;
  width: auto;
  gap: 30px;
  font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
  box-shadow: 0px 0px 21px 0px rgba(75, 75, 75, 0.49);

}
.tren-div a
{
	font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    font-weight: 450;
    transition:0.5s all;
}
.trend-box:hover
{
border:2px solid #ff3691;
}
.tren-div
{
	display: flex;
	  gap: 20px;
	  margin:2em 0 0 0;
	justify-content: flex-start;
}
.sec-5
{
	padding:2em 0 0 0;
}
.chef-img
{
	height: 160px;
}
.chef-img img
{
width: 100%;
height:100%;
}

.chef-profile
{
	padding: 18px 0 25px 0;
}
.candite-box_2
{
	padding: 8px;
	position: relative;
}
.candite-box
{
	display: flex;
    justify-content: flex-start;
    gap: 13px;
}
.candite-box_1
{

  border-style: solid;
  border-width: 1.5px;
  	width: 25%;
  	cursor: pointer;
  border-color: rgb(198, 198, 198);
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  transition: 0.5s all;
  position: relative;
}
.candite-box_1:hover
{
box-shadow: 2.339px 7.65px 29px 0px rgba(255, 53, 145, 0.27);
border:1.5px solid #ff3691;
}
.arrow-1
{
	 width: 42px;
  height: 42px;
  border-radius: 50%;
   background-color: rgb(255, 54, 145);
   position: absolute;
    bottom: -23px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: 0.5s all;
   box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.candite-box_1:hover .arrow-1
{
	 opacity: 1;
}

.info-candit
{
	color:#000;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 450;
}
.txt-btn-1-index {
    background-color: #ffffff;
    color: #1a1660;
    text-align: center;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: 450;
    font-family: 'Poppins', sans-serif;
    outline: none;
    margin-left: 0px;
    border: 1.5px solid #ff3691;
    border-radius: 100px;
    transition: 0.5s all;
    box-shadow: none;
}

.txt-btn-1-index:hover {
    color: #fff;
    background-color:#ff3691;
    box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
}
.candite-box-first
{
	    display: flex;
    justify-content: flex-start;
    gap: 13px;

}

.candite-box_1_sec-5 {
    border-style: solid;
    border-width: 1px;
    width: 25%;
    cursor: pointer;
    border-color: rgb(198, 198, 198);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    transition: 0.5s all;
    position: relative;
    box-shadow: none;
        height: 330px;
}
.candite-box_2_sec-5
{
	padding: 8px;
    position: relative;
}
.loc-1
{
	width: 30px;
	height: 30px;
	    padding: 10px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1a1660;
}
.row-div
{
	display: flex;
	margin: 20px 0 0 0;
}
.col-sm-6-div-1
{
	width: 60%;
}
.col-sm-6-div-2
{
	width: 40%;
}
.pr-0_1
{
	padding-right: 0;
}
.pl-0_1
{
	padding-left: 0;
}
.loc-div_1_flex
{
	    display: flex;
    gap: 12px;
    padding-right: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 450;
    align-items: center;
    justify-content: flex-start;
}
.chef-profile_sec-5
{
	height: 45px;
    overflow: hidden;
    margin:22px 0 10px 0;
}
.chef-img_sec-5 {
    height: 130px;
}
.chef-img_sec-5 img {
    width: 100%;
    height: 100%;
      border-radius: 10px;
}
.sec--5head-1
{
	color: #1a1660;
	font-family: 'Poppins', sans-serif;
	font-weight: 550;
	font-size: 15px;
	height: 100%;
	margin:5px 0 16px 0;
}
.view-bt-1
{
	    display: flex;
    justify-content: center;
    margin: 3em 0 1em 0;
}
.candite-box_1_sec-5:hover
{
	 box-shadow: 2.339px 7.65px 29px 0px rgba(64, 64, 64, 0.49);
}
.sec-3
{
	padding:3em 0 4em 0;
}
.sub-title-head
{
   color:#1a1660;
   font-family:HelveticaNeueLight;
   font-size: 18px;
   margin-right:16px;
}
.txt-flex
{
    display: flex;
}
.marquee {
    max-width: 100%;
    overflow: hidden
}

.marquee.bright .marquee__image,.marquee.bright .marquee__text {
    color: var(--t-bright)
}

.marquee.medium .marquee__image,.marquee.medium .marquee__text {
    color: var(--t-medium)
}

.marquee.muted .marquee__image,.marquee.muted .marquee__text {
    color: var(--t-muted)
}

.marquee.muted-extra .marquee__image,.marquee.muted-extra .marquee__text {
    color: var(--t-muted-extra)
}

.marquee.permanent-desktop .marquee__image,.marquee.permanent-desktop .marquee__text {
    color: var(--t-bright)
}

@media only screen and (min-width: 1200px) {
    .marquee.permanent-desktop .marquee__image,.marquee.permanent-desktop .marquee__text {
        color:var(--pt-t-light-bright)
    }

    .marquee.permanent-desktop .marquee__text {
        font-weight: var(--fw-regular)
    }
}

.marquee--gsap .marquee__bottom,.marquee--gsap .marquee__top {
    translate: -moz-calc(-100% + 100vw)!important;
    translate: calc(-100% + 100vw)!important
}

.marquee-left--gsap .marquee__toleft,.marquee-right--gsap .marquee__toright {
    translate: -moz-calc(-100% + 100vw)!important;
    translate: calc(-100% + 100vw)!important
}

.items__container,.marquee__bottom,.marquee__toleft,.marquee__top,.marquee__toright {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform
}

.marquee__item {
    margin-top: 1.5rem;
    margin-right: 1.5rem
}

.marquee__item.one-line {
    margin-top: 0
}

.marquee__item.item-regular-xl {
    margin-right: 3rem
}

@media only screen and (min-width: 768px) {
    .marquee__item {
        margin-top:3rem;
        margin-right:30px;
    }

    .marquee__item.one-line {
        margin-top: 0
    }

    .marquee__item.item-regular-xl {
        margin-right: 6rem
    }
}

.marquee__item {
    position: relative;
    width: 430px;
    height: 320px;
    -moz-border-radius: var(--_radius-m);
    border-radius: var(--_radius-m);
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-animation: animateZ 1s infinite;
    -moz-animation: animateZ 1s infinite;
    animation: animateZ 1s infinite
}

.marquee__item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.marquee__item.overflow-visible {
    overflow: visible
}

.marquee__item.has-caption {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: var(--accent)
}

.marquee__item.has-caption p {
    font: normal var(--fw-medium) 2.2rem/1.2 var(--_font-accent);
    color: var(--t-opp-bright)
}

.marquee__item.item-vertical {
    width: 400px;
    height: 460px
}

.marquee__item.item-regular {
    width: auto;
    height: auto;
    -moz-border-radius: 0;
    border-radius: 0;
    gap: 0;
    background-color: transparent;
    -webkit-animation: animateZ 1s infinite;
    -moz-animation: animateZ 1s infinite;
    animation: animateZ 1s infinite
}

.marquee__item.item-regular-xl {
    gap: 2rem
}

.marquee__item.item-partners {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 380px;
    height: 250px
}

.marquee__item.item-partners::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--base-tint);
    -moz-border-radius: var(--_radius-m);
    border-radius: var(--_radius-m);
    z-index: -1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform var(--_animspeed-slow) var(--_animbezier);
    transition: -webkit-transform var(--_animspeed-slow) var(--_animbezier);
    -moz-transition: transform var(--_animspeed-slow) var(--_animbezier),-moz-transform var(--_animspeed-slow) var(--_animbezier);
    transition: transform var(--_animspeed-slow) var(--_animbezier);
    transition: transform var(--_animspeed-slow) var(--_animbezier),-webkit-transform var(--_animspeed-slow) var(--_animbezier),-moz-transform var(--_animspeed-slow) var(--_animbezier)
}

.marquee__item.item-partners img {
    width: 170px;
    height: auto
}

.marquee__item.item-large {
    width: 830px;
    height: 630px
}

@media only screen and (min-width: 768px) {
    .marquee__item {
        width:490px;
        height: 360px
    }

    .marquee__item.has-caption p {
        font-size: 3rem
    }

    .marquee__item.item-vertical {
        width: 525px;
        height: 600px
    }

    .marquee__item.item-regular-xl {
        gap: 6rem
    }
}

@media only screen and (min-width: 1200px) {
    .marquee__item {
        width:160px;
        height: 160px;
        background-color: #fff;
        padding: 10px;
      border-style: solid;
  border-width: 2px;
  border-color: rgb(197, 197, 197);
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 21px 0px rgba(75, 75, 75, 0.49);
    }

    .marquee__item.item-vertical {
        width: 160px;
        height: 160px;
       
    }
}

@media only screen and (min-width: 1400px) {
    .marquee__item.item-large {
        width:160px;
        height:160px;
       
    }
}

@media only screen and (min-width: 1600px) {
    .marquee__item {
        width:160px;
        height: 160px;
    }

    .marquee__item.has-caption p {
        font-size: 5rem
    }

    .marquee__item.item-vertical {
        width: 525px;
        height: 600px
    }

    .marquee__item.item-large {
        width: 1000px;
        height: 760px
    }
}

.marquee__link {
    display: block;
    width: 100%;
    height: 100%
}

.marquee__link img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover

}

.marquee__text {
    margin-right: 1.6rem
}

.marquee__text.text-with-gliph {
    margin-right: 0
}

.marquee__text.text-with-gliph::after {
    content: "*";
    display: inline;
    padding-left: 1.6rem
}

@media only screen and (min-width: 1200px) {
    .marquee__text {
        margin-right:3.6rem
    }

    .marquee__text.text-with-gliph::after {
        padding-left: 3.6rem
    }
}

.marquee__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4.1rem;
    height: 4.1rem
}

.marquee__image.image-xl {
    width: 9rem;
    height: 9rem
}

@media only screen and (min-width: 768px) {
    .marquee__image {
        width:8.1rem;
        height: 8.1rem
    }

    .marquee__image.image-xl {
        width: 14rem;
        height: 14rem
    }
}

@media only screen and (min-width: 1400px) {
    .marquee__image.image-xl {
        width:18rem;
        height: 18rem
    }
}

.marquee__image img,.marquee__image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.marquee__text {
    font: normal var(--fw-regular) 6rem/1.2 var(--_font-accent);
    letter-spacing: -.06rem
}

.marquee__text.text-xl {
    font-weight: var(--fw-medium);
    font-size: 20rem;
    line-height: .8
}

@media only screen and (min-width: 768px) {
    .marquee__text {
        font-size:12rem
    }

    .marquee__text.text-xl {
        font-size: 30rem
    }
}

@media only screen and (min-width: 1200px) {
    .marquee__text {
        font-size:12rem
    }
}

@media only screen and (min-width: 1400px) {
    .marquee__text.text-xl {
        font-size:40rem
    }
}

.marquee__component {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 280px;
    margin: 3rem 0;
    -moz-border-radius: var(--_radius-m);
    border-radius: var(--_radius-m);
    overflow: hidden;
    padding: 1rem;
    background-color: var(--base-tint);
    border: 1px solid var(--st-muted)
}

.marquee__component img {
    -moz-border-radius: 1rem;
    border-radius: 1rem
}

@media only screen and (min-width: 768px) {
    .marquee__component {
        -moz-border-radius:2rem;
        border-radius: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .marquee__component {
        height:320px
    }
}

@-webkit-keyframes toLeft {
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-moz-keyframes toLeft {
    to {
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes toLeft {
    to {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes toRight {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes toRight {
    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes toRight {
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}
.sec-3-1
{
    padding: 11em 0 0 0;
}
.info-index
{
        font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    padding: 0;
    font-weight: 450;
}
.people-nmae
{
   font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    padding: 0 0 24px 0;
    font-weight: 450;
    text-align: center;
}
.client-logo-box {
    padding-left: 110px;
}
.people-info
{
    position: absolute;
    bottom: 0;
      left: 0;
    right: 0;
    margin: 0 0 0 auto;
}
.pepople-div
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 00px 0 50px 0;
}
.arrow-2
{
       width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgb(255, 54, 145);
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: 0.5s all;
    box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;

}
.sec-3-2
{
    padding:1em 0 2em 0;
    position: relative;

}
.people-img
{
        position: absolute;
    top: -53px;
    left: 0;
    right: 0;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
        width: 100%;
    height: 207px;
    transition: 0.5s all;
}
.people-img img
{
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
transition: 0.5s all;
}

    .people-1 {
      border-style: solid;
    border-width: 2px;
    position: relative;
    border-color: rgb(255, 255, 255);
    border-radius: 23px;
    background-color: #e9e6ee;
    margin: 0 29px 0 0;
    box-shadow: 2.339px 7.65px 29px 0px rgba(64, 64, 64, 0.49);
    width: 206px;
    transition: 0.3s all;
    height: 194px;
    margin-top: 100px;
}
.people-1:hover
{
background-color: #1a1660;
 border-style: solid;
border:1px solid #ff3691;
}

.people-1:hover .people-nmae
{
color: #fff;
}

.people-1:hover .arrow-2
{
opacity: 1;
}
.people-img
{
    position: relative;
}
.pos-rel
{
    position: relative;
}
.step-1
{
position: absolute;
    left: 100px;
    bottom: 30px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 14px;
}
.step-01
{
        position: absolute;
    left: 377px;
    bottom: 90px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    opacity: 0.3;
}
.step-001
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(255, 54, 145);
    position: absolute;
    bottom: 16px;
    left: 383px;
    padding: 10px;
    box-shadow: rgb(46 35 147) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-27deg);

}
/**/
.step-2
{
       position: absolute;
    left: 477px;
    bottom: 130px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 14px;
       font-weight: 450;
}

.step-02
{
   position: absolute;
    left: 677px;
    bottom: 200px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    opacity: 0.3;
}
.step-002
{
      width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #b53195;
    position: absolute;
    top: 86px;
    left: 573px;
    padding: 10px;
    box-shadow: rgb(249 249 249) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-20deg);

}
/**/
.step-3
{
       position: absolute;
    left: 777px;
    bottom: 190px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 14px;
       font-weight: 450;
}
.step-03
{
position: absolute;
    left: 977px;
    top: 115px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    opacity: 0.3;
}
.step-003
{
     width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #59298f;
    position: absolute;
    bottom: 117px;
    left: 955px;
    padding: 10px;
    box-shadow: rgb(89 41 143) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(2deg);

}
/**/
.step-4
{
       position: absolute;
    right: 300px;
    bottom: 190px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: 450;
}
.step-04
{
position: absolute;
    right: 120px;
    top: 115px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    opacity: 0.3;
}
.step-004
{
        width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2b258c;
    position: absolute;
    bottom: 122px;
    right: 100px;
    padding: 10px;
    box-shadow: rgb(43, 37, 140, 0.47) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-3deg);
}

/**/
.tct-headabsolute
{
    position: absolute;
    top: 30px;
}

/* Smooth shake animation */
@keyframes smooth-shake {
  0%   { transform: translate(0, 0) rotate(0deg); }
  20%  { transform: translate(-2px, 0) rotate(-3deg); }
  40%  { transform: translate(2px, 0) rotate(3deg); }
  60%  { transform: translate(-2px, 0) rotate(-2deg); }
  80%  { transform: translate(2px, 0) rotate(2deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

/* Apply to all your icons */

.step-002 img
 {
  animation: smooth-shake 1s ease-in-out infinite;
  transform-origin: center center;
}

/* Add delay for sequence */

.step-002 img { animation-delay: 0.3s; }

/**/
/* Floating wave animation */
@keyframes floatingWave {
  0%   { transform: translateY(0) rotate(0deg); }
  25%  { transform: translateY(-4px) rotate(-1deg); }
  50%  { transform: translateY(0px) rotate(1deg); }
  75%  { transform: translateY(4px) rotate(-1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/* Apply to icons */

.step-004 img {
  animation: floatingWave 2.8s ease-in-out infinite;
  transform-origin: center center;
}

/* One-by-one delay (stagger effect) */

.step-004 img { animation-delay: 1.2s; }

/* Pulse Wave Animation */
@keyframes pulseWave {
  0%   { transform: scale(1); opacity: 1; }
  25%  { transform: scale(1.05); opacity: 0.95; }
  50%  { transform: scale(1.12); opacity: 0.9; }
  75%  { transform: scale(1.05); opacity: 0.95; }
  100% { transform: scale(1); opacity: 1; }
}

/* Apply to icons */
.step-001 img{
  animation: pulseWave 2s ease-in-out infinite;
  transform-origin: center center;
}

/* Staggered delay (wave effect) */
.step-001 img { animation-delay: 0.3s; }

/* Sine-Wave Pulse Animation */
@keyframes sinePulse {
  0%   { transform: scale(1); }
  25%  { transform: scale(1.07); }
  50%  { transform: scale(1.12); }
  75%  { transform: scale(1.07); }
  100% { transform: scale(1); }
}

/* Apply to icons */

/* Floating + Soft Pulse Combo */
/* Floating + Soft Pulse for profile icon */
@keyframes floatPulse {
  0%   { transform: translateY(0) scale(1); }
  25%  { transform: translateY(-3px) scale(1.03); }
  50%  { transform: translateY(0) scale(1.06); }
  75%  { transform: translateY(3px) scale(1.03); }
  100% { transform: translateY(0) scale(1); }
}

.step-003 img {
  animation: floatPulse 3s ease-in-out infinite;
  transform-origin: center;
}
.title-home-top-head {
    font-family: Gotham-Bold;
    font-size: 35px;
    color: #1a1660;
    margin-bottom: 30px;
}
.sec-1
{
    padding:1em 0 0 0;
    position: relative;
}
.sub-title-head-sub {
    color: #1a1660;
    font-family: HelveticaNeueLight;
    font-size: 18px;
    margin-right: 16px;
    text-align: center;
}
.wrapper .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}
.title-home-top-head
{
        font-family: Gotham-Bold;
    font-size: 42px;
    color: #1a1660;
    margin-bottom: 14px;
    text-align: center;
    letter-spacing: 0.5px;
}
.txt-btn-bl {
    background-color: #1a1660;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    margin-left: 0px;
    border: 1px solid #1a1660;
    border-radius: 100px;
    transition: 0.5s all;
    font-weight: 450;
    box-shadow: 2.631px 8.607px 16px 0px rgb(26 22 96 / 48%);
}
.txt-btn-bl:hover
{
  color: #1a1660;
  background-color: #fff;
}
.hed-print
{
	font-family: Gotham-Bold;
    color: #1a1660;
    font-size: 15px;
    letter-spacing: normal;
    font-weight: 550;
    margin-bottom: 0;
    text-align: center;
}

.comp-logo
{
	    border-width: 1px;
    border-color: rgb(210 207 207);
    border-style: solid;
    /* width: 100%; */
    padding: 15px;
}
.lable-div
{
	background-color: #eaeaf1;
	padding:12px 0;
	margin:20px 0;
}
.d-cnt-56
{
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.banner-form
{
    border-style: solid;
    border-width: 3px;
    border-color: rgb(255, 54, 145);
    border-radius: 21px;
    background-color: rgb(255, 255, 255);
    width: 1000px;
    position: absolute;
    bottom: -89px;
    padding: 20px;
    z-index: 11;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.banner-form .nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
    color: #1a1660;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 450;
}
.nav-pills .nav-link.active
{
    color:#ff3691;
    background-color: transparent;
}
.input-text-f1
{
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 100%;
    height: 50px;
    border-radius: 100px;
    padding: 0 20px;
}
.inpt-cl-2-home {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(218, 218, 218);
    width: 100%;
    height: 50px;
    margin-left: 0px;
    border-radius: 100px;
    padding: 0 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.lable-txt-index {
    font-family: 'Poppins', sans-serif;
    color: #1a1660;
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-left: 24px;
    font-weight: 450;
}

.txt-btn-index {
    background-color: #ff3691;
    color: #fff;
    text-align: center;
    padding: 8px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    outline: none;
    margin-left: 0px;
    display: block;
    border: 1px solid #ff3691;
    border-radius: 100px;
    margin-top:0px;
    transition: 0.5s all;
    box-shadow: 2.631px 8.607px 16px 0px rgba(255, 54, 145, 0.58);
}
.txt-btn-index:hover
{
  color: #ff3691;
  background-color: #fff;
}
.foer-in
{
    margin:20px 0 0px 0;
}
.bg-spna
{
  border-radius: 100px;
    background-color: rgba(26, 22, 96, 0.702);
    padding: 8px 15px;
    position: absolute;
    top: -29px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    transform: rotate(-11deg);
}
/*employees*/

      .emplyee .list-1 li {
    margin-bottom: 10px;
}
.emplyee .right-side {
    width: 78%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 30px;
    border-radius: 37px;
     margin-left: 0; 
    gap: 20px;
}
.emplyee .terms
{
    display: flex;
}
.emplyee .chek-btn-chk
{
    width: 30px;
    margin: 4px 0 0 0;
}
.emplyee .ads-top
{
    margin-top:20px;
}
.emplyee .row-1 {
    display: flex;
    gap: 20px;
}
.emplyee .left-side {
   width: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
    border-radius: 37px;
    height: auto;
}
.emplyee .left-side-out {
    width: 20%;
    box-shadow: none;
    background-color: #fff;
    /* padding: 30px 30px 0 30px; */
   
}
.emplyee .left-img-logo
{
    display: flex;
    justify-content: center;
    margin-bottom: 23px;
}
.emplyee .left-img-logo
{

}
.fb-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    background: #ffffff;     /* Bright pink like your image */
    color: #ff3691;
     font-weight: 450;
     font-size: 14px;
    font-family: 'Poppins', sans-serif;
    border-radius: 40px;
    text-decoration: none;
    transition: 0.25s ease;
    border:1.5px solid #ff3691;
    box-shadow: 0 4px 12px rgba(255, 0, 200, 0.3);
}

.fb-btn .icon {
    background: #ff3691;
    color:  #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 450;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

/* Hover effect */
.fb-btn:hover {
    background: #ff3691;
      color: #fff;
    box-shadow: 0 6px 16px rgba(255, 0, 200, 0.45);
}
.fb-btn:hover .icon
{
 color: #ff3691;
background:  #fff;
}
.google-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    background: #ffffff;     /* Bright pink like your image */
    color: #ff3691;
     font-weight: 450;
     font-size: 14px;
    font-family: 'Poppins', sans-serif;
    border-radius: 40px;
    text-decoration: none;
    transition: 0.25s ease;
    border:1.5px solid #ff3691;
    box-shadow: 0 4px 12px rgba(255, 0, 200, 0.3);
}

.google-btn .icon {
    background: #ff3691;
    color:  #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 450;
     font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

/* Hover effect */
.google-btn:hover {
    background:#ff3691;
    color: #fff;
    box-shadow: 0 6px 16px rgba(255, 0, 200, 0.45);
}
.google-btn:hover .icon
{
 color: #ff3691;
background:  #fff;
}
.soc-media-btn-link
{
	margin:50px 0 30px 0;
	display: flex;
	gap: 20px;
}
.emplyee .row-input {
    display: flex;
    width: 800px;
    justify-content: flex-start;
    gap: 20px;
}

.emplyee .text-select
{
	width: 350px;
}
.emplyee .file-wrapper input[type="file"]
{
	width: 350px;
}
.photo-div
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	margin-top:20px;
	 border-width: 0px;
  border-color: rgb(141, 140, 141);
  border-style: solid;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(218, 218, 218);
}

.tooltip {
    position: relative;
    color: #1a1660;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    opacity: 1;
}

/* Tooltip box */
.tooltip::after {
    content: attr(data-tip);
    position: absolute;
    bottom: 130%; /* Above the text */
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 7px 12px;
    font-size: 12px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: 0.25s ease;
    z-index: 10;
}
.flx-txt
{
	display: flex;
}
/* Tooltip arrow */
.tooltip::before {
    content: "";
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    transition: 0.25s ease;
}

/* Hover show */
.tooltip:hover::after,
.tooltip:hover::before {
    opacity: 1;
}