::before,::after{box-sizing:border-box}
body{color:#333;font-size:14px;font-weight:400;overflow-x: hidden;}
/* .form-heading{font-size:24px;font-weight:500;color:#666} */
/* .background{background-image:linear-gradient(90deg,#1FA2FF30,#12D8FA30,#A6FFCB30);padding-bottom:40px} */
/* .background{background-image:linear-gradient(90deg,#ffff,#ffff,#ffff);padding-bottom:40px; } */
/* .background{background-color: #F7F8FC;padding-bottom:40px; }  */
.background{background-color: #F7F8FC; background-image: url('images/Decore.png'); background-repeat: no-repeat; background-position: right top; background-size: 655px auto; margin-top: 80px;} 

/* @keyframes gradientBG {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
} */
*{margin:0;padding:0;font-family:'Rubik',sans-serif;}
.flexbox{display: flex;}
a{text-decoration:none}
li{list-style:none}
.header{width:100%;height:84px;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #f1f3fa;margin:0 auto;display:flex;align-items:center;justify-content:center; position: fixed; top: 0; z-index: 9999;}
.header_container{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 10px;box-sizing:border-box}
.left_container img{height:35px}
.left_container{display:flex;align-items:center}
.header_button{padding:10px 20px;background-color:#188de8;color:#fff;  font-weight:500;box-shadow:0 4px 16px 0 #bababa25;border-radius:50px; border: 2px solid #188de8;}
.btn:hover,.header_button:hover{box-shadow:0 4px 16px 0 #bababa50}
.wrapper{width:100%;max-width:1100px;margin:0 auto}
.index_heading{text-align:center;padding:52px 0 30px}
.sm-text{font-size: 10px;font-weight: 500;}
.blue-txt{color: #188de8;font-size: 28px;font-weight: 500}
/* .index_heading h1{display:none} */
.swiper-slide{font-size:22px;;padding-top:15px;visibility:hidden}
.swiper-slide-active{visibility:visible}
.special-text{background:-webkit-linear-gradient(27deg,#188de8,#ff00e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:28px}
.title{display:flex;align-items:center;padding-right:10px}
.title h1{font-size:16px;font-weight:600;line-height:36px;text-align:center;margin:0 auto}
.index_heading h1{letter-spacing:.3px;max-width:80%;font-size:28px;font-weight:500;text-align:center;margin:0 auto; color: #002B56;}
.title img{width:130px; height: 100%;}
.left_index{width:50%;padding-right:20px;box-sizing:border-box}
.left_index img{width:100%;max-width:500px;height:auto;animation:FadeIn 1s linear;transition-delay:.5ms}
.index_container{margin:0 auto;padding-bottom:40px;display:flex;align-items:flex-start;justify-content:space-between;border-radius:10px;box-sizing:border-box;width:100%;}
/* .index_container{margin:0 auto;background-color:#fff;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;border-radius:10px;box-sizing:border-box;width:100%;max-width:1100px;box-shadow:0 2px 30px #1f2d3d20} */
.right_index, .heading-desc{display:flex;align-items:center;width:100%;justify-content:center}
.heading-desc{font-size: 22px; padding-top: 14px;}
.form{width:100%}
#websecure{opacity:0;height:1px;margin:0;padding:0;width:0}
label{display:block;margin-bottom:8px;  }
.label-title{color:#5e6c84;font-weight:500;  padding-bottom:10px}
#bold-label{display:block;margin:10px 0;  font-weight:500}
#bold-label-st{display:block;margin:0;  font-weight:500}
input{position:relative;display:block;width:100%;border:1px solid #ddd;border-radius:5px;height:45px;box-sizing:border-box;padding:8px 20px}
textarea{position:relative;display:block;width:100%;border:1px solid #ddd;border-radius:5px;height:53px;box-sizing:border-box;padding:8px;margin:0 0 20px;background-color:#f7f7f8}
.tickicon{position:relative;padding:0 2px 0 30px}
.tickicon:before{content:'';background-image:url(/images/sprite-hrms.png);background-size:390px;background-position:-290px -220px;width:22px;height:50px;display:block;position:absolute;left:0;background-repeat:no-repeat;top:-8px}
.tickicon textarea{background-color:transparent;height:auto;resize:none;border:0;padding:0 0 15px 30px;margin-bottom:0}
textarea:focus-visible{outline:none}
.tickiconblank{position:relative}
.tickiconblank:before{content:'';background-image:url(/images/sprite-hrms.png);background-size:390px;background-position:-315px -220px;width:22px;height:50px;display:block;position:absolute;left:0;background-repeat:no-repeat;top:-10px}
.tickiconblank textarea{background-color:transparent;height:auto;resize:none;border:0;padding:1px 0 9px;margin-bottom:0}
hr{border:2px solid #188de8;border-radius:30px;width:150px;margin-left:730px}
.suggest-label{border-radius:5px;box-sizing:border-box;width:100%;padding:8px;background-color: rgb(24 141 232 / 6%);;font-weight:600;margin-bottom:20px}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.text-center{text-align:center}
.form-content{opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}
.form-content.active{opacity:1;transform:translateY(0)}
.form-heading{color:#5e6c84;padding:15px 0; display: flex; flex-wrap: wrap;}
.form-heading h1{font-size: 20px; font-weight:500;}
.formprogress{min-height:300px;position:relative;display:flex;flex-direction:column;justify-content:space-between;counter-reset:step;margin:15px 30px 10px}
.formprogress::before,.progress{content:"";position:absolute;left:50%;transform:translateX(-50%);width:1px;height:100%;background-color:#fff;border:1px solid #ddd;z-index:1}
.progress{background-color:#188de8;height:0;transition:.3s;border:1px}
.progress-step{border:4px solid #fff;cursor:pointer;width:35px;height:35px;background-color:#D6D6D6;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1;position:relative}
.progress-step::before{counter-increment:step;content:counter(step)}
.progress-step-active{color:#fff;background-color:#188de8;position:relative;border:4px solid #fff}
.progress-step-active::before{display:flex;text-align:center;justify-content:center;align-items:center;vertical-align:middle;position:absolute;width:50px;height:50px;border:5px solid #188de8;border-radius:50%;z-index:-1;box-sizing:border-box}
.progress-step-check{background-color:#188de8;color:#fff}
.form{max-width:1100px;width:100%;margin:0 auto;border:none;border-radius:10px;background-color:#fff}
.step-forms{display:none}
.step-forms-active{display:block;padding:10px 20px 30px;background-color:#F8F9FC;border-radius:5px;width:100%;box-sizing:border-box;}
/* .step-forms-active{display:block;padding:10px 20px 30px;background-color:#F8F9FC;border-radius:5px;width:100%;box-sizing:border-box;min-height:400px} */
.section-inputs{margin:10px 0;position:relative}
.group-btn{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.skills-inputs{margin:5px 0;position:relative}
.kra-header,.competencies-header,.kra-item,.competencies-item{display:flex;flex-direction:row;justify-content:space-between}
.kra-item{margin-bottom:15px}
.competencies .competencies-item{margin-bottom:15px}
.number-span{border-radius:50%;width:20px;line-height:20px;display:none;text-align:center;box-sizing:border-box;margin-right:8px;vertical-align:middle;background-color:#188de8;color:#fff}
.template-title{padding:8px 12px;display:flex;align-items:center;background-color:#188de820;border-radius:5px;width:100%}
.template-title p{  font-weight:600;color:#333}
.btns-group{display:flex;justify-content:right;align-items:center;gap:20px}
/* #re-generate-btn{position:relative;}
#re-generate-btn::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background-image:linear-gradient(-160deg,#0CF 0%,#96F 100%);z-index:-1;transition:opacity .5s linear;opacity:0;border-radius:5px}
#re-generate-btn:hover::before{opacity:1;border-radius:5px} */
.progress-step-check{position:relative;background-color:#188de8;transition:all .8s}
.progress-step-check::before{position:absolute;content:'\2714';width:100%;height:100%;font-size:12px;color:#fff}
.rck-title{display:flex;align-items:center}
.rck-title img{width:28px;height:auto}
.rck-title h1{padding-left:10px}
.group-inputs{display:flex;flex-direction:column;width:48%;margin:10px 0;position:relative}
.single-input{width: 100%;}
.result-inputs{display:flex;flex-direction:column;width:100%;padding:10px;background-color:#fff;box-sizing:border-box;border-radius:5px}
.right-icon{position:relative}
.dropdown-category{position:relative;max-height:200px;overflow-y:auto;background-color:#fff}
.dropdown-category span{position:absolute;right:0;padding:14px 12px;z-index:2;color:#999;top:0;}
.right-icon span{position:absolute;right:0;padding:14px 24px 14px 5px;z-index:2;color:#999;top:0;}
/* .right-icon input:focus~span{color:#188de8} */
/* select:focus{border:1px solid #188de8;outline:none} */
/* .right-icon input:focus{outline:none;border:1px solid #188de8} */
select:focus{outline:none}
.right-icon input:focus{outline:none;}
/* above are custom changes */

.right-icon input:focus~.desig{rotate:180deg;transition:.2s linear}
.footer{width:100%;height:70px;background-color:#188de8;box-sizing:border-box;margin:0 auto;display:flex;align-items:center;justify-content:center}
.footer a{text-decoration:none;color:#fff;}
@keyframes stroke {
100%{stroke-dashoffset:0}
}
@keyframes scale {
0%,100%{transform:none}
50%{transform:scale3d(1.1,1.1,1)}
}
@keyframes fill {
100%{box-shadow:inset 0 0 0 30px #188de8}
}
@keyframes FadeIn {
0%{transform:scale(0.9);opacity:0}
100%{transform:scale(1);opacity:1}
}
.btn{padding:10px 16px;background-color:#188de8;border-radius:5px;outline:none;color:#fff;box-shadow:0 4px 8px 0 #bababa25;border:0;  font-weight:500}
.btns-group .btn-prev{padding:10px 16px;border:1px solid #D0D7E7;border-radius:5px;  font-weight:500;color: #333;}
::placeholder{color:#999;}
.ai-btn img{width:14px;padding-right:8px}
/* .ai-btn{background-image:linear-gradient(160deg,#0CF 0%,#96F 100%);position:relative;z-index:1;border-radius:5px;border:0;  font-weight:500;cursor:pointer} */
/* .ai-btn::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background-image:linear-gradient(-160deg,#0CF 0%,#96F 100%);z-index:-1;transition:opacity .5s linear;opacity:0;border-radius:5px} */
.ai-btn:hover::before{opacity:1;border-radius:5px}
.tabs{z-index:3;position:-webkit-sticky;position:sticky;top:68px;display:block;width:100%;float:left;clear:both;padding:10px 0;box-sizing:border-box;transition:box-shadow .3s ease-in-out}
.tabs.sticky{background-color:#fff;border-radius:5px;box-shadow:0 4px 16px #bababa25;}
.tabs li{cursor:pointer;margin:0 0 -3px;border:none;padding:10px 12px;position:relative;display:inline-block;text-decoration:none;text-align:center;overflow:hidden;list-style:none;font-weight:500;border-bottom:2px solid #ebebeb}
.tabs h3{display:block;color:#2C374F;padding-left:8px;font-weight:500;font-size: 14px;}
.tabs li.current{cursor:pointer;border-bottom:2px solid #188de8;background:none;color:#000;border-radius:3px 3px 0 0}
.tabs li.current h3{color:#188DE8;font-weight:500}
.tabs li.current a{color:#188DE8}
.tabs li a{display:flex;align-items:center;color:#2C374F}
.tab-content{display:block}
.ai-suggest-dsg {font-size: inherit;font-weight: inherit;}

/* media query */
@media screen and (max-width: 767px) {
.no-margin{margin: 0 !important;}
.no-top-margin{margin-top: 0 !important;}
.no-bottom-margin{margin-bottom: 0 !important;}
body .background{background-image: none;}
.index_heading h1{font-size:20px;margin:0 auto;font-weight: 500;}
.index-left-container .right_index {margin-top: 20px;}
.sm-text, .special-text, .swiper-slide{font-size: 14px;}
.blue-txt{font-size: 18px;}
.group-btn{align-items:baseline}
.step-forms .loader-container img{width: 80px;}
.ai-btn img{width:12px;padding-right:4px}
.btns-group{gap:10px}
.social-media-icons img{width: 24px;}
.skills-tags{margin: 6px 5px;}
#skillsTextArea{padding: 7px;}
.group-inputs{margin: 8px 0px; width: 100%;}
.rck-title img{width: 24px;}
.form-heading h1{font-size: 16px;}
.tabs{padding: 10px 0px 10px;top: 0;}
/* .step-forms-active{min-height:280px} */
.loader-container span{line-height: 24px;padding: 20px 10px;}
.step-forms .loader-container{padding:10px 0;}
.progress{background-color:#188de8;width:100%;height:5px;transition:.3s;border:1px}
.formprogress::before,.progress{transform:translateX(0);content:"";position:absolute;left:0;width:100%;height:1px;border:1px solid #ddd;z-index:1;top:50%}
body{background:none}
.background{padding:0 10px 20px}
.index_container .formprogress{padding:10px 0px;box-sizing:border-box;min-height:0;width:95%;position:relative;display:flex;flex-direction:row;justify-content:space-between;counter-reset:step;margin:0}
.right-step-youtube .o-video>iframe{height:auto}
.title-kra,.title-competency{padding-right:5px}
.footer .footer-container{justify-content:space-between}
.gradient-block{padding-bottom:20px}
body .card-block{padding-top:0}
.card-block .card-flex{margin-bottom:10px; padding: 42px 0;}
body .youtube-block{padding:20px 0}
.index_container{flex-direction:column;align-items: center;}
.kra-header .weightage-container{width:100%;text-align:right}
.competencies-header .weightage-container{width:100%;text-align:right}
.btn,.btns-group .btn-prev,.copy-button{ padding: 10px 16px;font-size: 14px;}
.header_container{padding:0 10px}
.footer-container{padding:0 20px}
.youtube-container .right-step-youtube{width:100%}
.youtube-container{padding:0 20px}
.steps-to-use img{display:none}
.left-step-youtube{padding-bottom:10px}
.left-step-youtube .steps-to-use{padding-bottom:10px}
.left-step-youtube .steps-to-use h3{font-size:18px;line-height:1.4}
.four-steps .ytsteps-title p{  width:100%}
.ytsteps-title .number-span-yt{  border-radius:50%;width:20px;line-height:20px}
.card-flex .card-container{flex-wrap:wrap; justify-content: center;}
/* .iconss img{width:50px} */
.card-block .card-flex h2{font-size:18px;margin:20px 10px}
body .card-block {background-size: auto;}
.card-container .container{padding: 25px 18px;}
.card-container .container p{font-size:14.5px}
.card-container .container h3{font-size: 15.5px; padding: 12px 0;}
.card-container .card-icons img {width: 28px;}
.left_index img{display:none}
.left_index{display:none}
.index_heading h1{line-height: 25px; max-width: 100% ; font-size: 20px}
.index_heading .heading-desc {line-height: 25px ;font-size: 17px;}
.index_heading img{width:20px}
.index_heading{padding:20px 2px 0}
/* .title{display:none} */
.index_heading h1{display:block;padding-bottom:10px}
.step-forms-active{padding:10px}
.social-media.social-media li{padding:5px 5px}

/* css for hr toolkit */
.mob-hidden{display: none;}
.right_container .header_button{padding: 10px 12px;}
.index-left-container #ai-suggest-txt h2{font-size: 30px; background-size:75%}
.index-heading-container .index-desc {font-size: 16px; margin: 18px 0;}
#ai-suggest-block .index-left-container {width: 100%;}
#ai-suggest-block .index-right-container {width: 100% !important; text-align: center; box-sizing: border-box;}
.index-right-container #float-div-1{width: 46%;}
.index-right-container #float-div-2{width: 54%;}
.index-right-container #float-div-3{width: 52%; top:279px;}
.index-right-container #float-div-4 {width: 52%;top: 376px;}
.index-right-container #float-div-5 {left: 26px;}
.explore-btn-container .explore-btn{padding: 12px 28px;}
#hr-calc-btn .explore-btn, #get-in-touch-btn .explore-btn, .community-btn .explore-btn{padding: 12px 28px;}
.index-right-container #banner-img{width: 100%;}
#join-form-container .community-form-container{width: 100%;}
.join-community-form .inner-community-form {padding: 14px 20px 0;}
.inner-community-form .pop-up-title-container .close-modal{right: -8px;}
body #community-form{width: 90% ; background-color: #FFFFFF;}
#community-form .community-btn {padding-bottom: 20px;}
.right_index .input-pair{flex-direction: column;}
.main .dropdown-select.wide .list{min-width: initial;}
.hr-calculator-block{width: 90%;}
.hr-calc-features, #hr-calc-heading{flex-direction: column;}
.hr-calculator-block .hr-calculator-container{flex-direction: column; box-sizing: border-box; width: 94%; margin: 0 auto; padding: 25px 18px 42px;}
.hr-calc-banner{gap:20px }
.hr-calculator-container .hr-calc-left, .hr-calc-right {width: 100%;}
.hr-calculator-container .hr-calc-right {padding: 26px 0 0;}
.hr-calc-right .hr-calc-img-desc {width: 100%; gap: 4px; margin-bottom: 14px;}
.hr-calculator-block .hr-calculator-container .hr-calc-right {width: 100%;}
.ai-tool-block .ai-tool-container{flex-direction: column; gap:25px; padding: 42px 18px 26px;}
.ai-tool-container .ai-tool-right img {width: 100%;}
body .ai-tool-block {width: 94%;}
.ai-tool-container .ai-tool-left h2, .ai-tool-container .ai-tool-left h2 span{font-size: 24px;}
/* .ai-tool-container .ai-tool-left h2 span{font-size: 28px !important;} */
#get-in-touch-btn .join-now-btn, .community-btn .join-now-btn {padding: 8px 26px;}
.join-form-container #community-banner-first h2, #community-banner-first h2 span {font-size: 17px;}
#community-banner-second .second-banner-txt h2 {font-size: 18px;}
.join-community-flex .join-form-container {gap: 30px; width: 100%;}
.join-community-flex .hr-community-right{width: 100%; min-height: 250px;}
.join-community-container .join-community-flex{background-image: none; padding: 42px 18px; flex-direction: column; gap: 30px;}
body .join-community-container{background-image: none; box-sizing: border-box;}
#ai-suggest-block .index-left-container .right_index .form-border{padding: 16px 18px 8px;}
#videoModal .modal-content{margin: 25% auto; padding: 28px; width: 68%;}
.modal-content .close-modal {right: 0;}
#videoModal .modal-content iframe {height: 100%;}
.right_index #forms .form-border-1 .explore-btn-container .explore-btn{width: auto; position: absolute; bottom:-38px}
.right_index #forms .form-border-2 .explore-btn-container .explore-btn{position: absolute; bottom:-5%}
/* #forms .form-border-1 {min-height: 432px;}
#forms .form-border-2 {min-height: 236px;} */
.header .header_container .right_container{justify-content: flex-end; width:50%}
.hr-calc-img-desc .hr-calc-feature-img img {width: 28px;}
#suggest-tags-container .suggest-tags{font-size: 14px;}
.hr-calc-banner .hr-banner-head h2{font-size: 30px;}
#hr-calc-heading .hr-banner-desc {font-size: 16px;}
.hr-calculator-container .hr-calc-left, .hr-calc-left .hr-calc-banner{gap: 5px;}
#copy-all-button, #re-generate-btn{padding: 6px 12px;}
#ai-suggest-txt, .index-desc{padding: 0 10px;}
.ai-tool-left #ai-tool-desc{font-size: 15.5px;}
.pop-up-submitted .pop-up-submitted-content {padding: 0 12px;}
.pop-up-submitted .pop-up-submitted-content img{width: 12%;}
#redirect-to-container .redirect-to-tags{margin: 0 10px 14px;}
body .top-20-link-box{box-sizing: border-box; padding: 42px 18px;}
.top-20-tags-container .top-20-tags{margin: 9px 8px; font-size: 14px;}
.top-20-link-box .top-20-heading h2{font-size: 17px;}
.top-20-link-box .top-20-tags-container ul{justify-content: center;}

}

.inputbox{position:relative;display:block;width:100%;border:1px solid #ddd;border-radius:5px;height:45px;box-sizing:border-box;padding:8px;background-color:#fff;appearance:none}
.inputbox-options{  padding:5px;z-index:2;list-style:none;color:#333}
.left-group{width:75%}
.right-group{width:20%}
.skills-tags{border-radius:30px;color:#000;box-sizing:border-box;margin:5px;display:inline-block;padding:5px 15px;}
#skillsTextArea{background-color:#fff;display:inline-block;width:100%;padding:5px;box-sizing:border-box;border-radius:5px}
#skillsTextArea li:nth-child(5n+1){background:#D7FBE8}
#skillsTextArea li:nth-child(5n+2){background:#FFEFEF}
#skillsTextArea li:nth-child(5n+3){background:#C7F5FF}
#skillsTextArea li:nth-child(5n+4){background:#FFF6DA}
#skillsTextArea li:nth-child(5n+5){background:#FDE9DF}
.title-kra,.title-competency{width:74%;}
.responsibilitycopy,
.probationEvaluationcopy,
.interviewcopy,
.rolescopy {margin-bottom: 20px;}
.weightage-kra,.weightage-competency{border-radius:5px;height:20px;background-color:#f3f3f9;padding:5px 10px;width:20%;  ;text-align:center}
.kra-header,.competencies-header{padding:0px 0px 20px}
.title-container{width:23%}
.weightage-container{width:23%}
.copy-list span{color: #188de8;}
.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg)}
.step-forms .loader-container img{width:140px}
.loader-container{background-color:#fff;border-radius:10px;padding:180px 0;display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column}
.loader-container span{font-size:16px;font-style:italic;color:#999;padding-top:20px;text-align:center}
.card-block{width:100%;display:flex;background-color:#E5F2FD;justify-content:center;  background-image: url('images/filledcircl.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: auto 52%; }
.card-flex{display:flex;flex-wrap:wrap;flex-direction:column; padding: 42px 25px;}
.card-flex h2{font-size:32px;text-align:center;margin:0 0 40px;font-weight:400;color: #002B56;}
.card-container{display:flex;flex-direction:row;justify-content:space-between;flex-flow:wrap}
.card-info{display:flex;flex:1 1 auto;flex-direction:column}
.container{background-color:#fff;border:1px solid #ebedf5;box-shadow:0 2px 8px #1f2d3d0d;width:30%;border-radius:5px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:14px 25px 25px;box-sizing:border-box}
.container:hover{box-shadow:0 2px 16px #1f2d3d45}
.footer-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.right-footer{display:flex;align-items:center}
.left-footer a{text-decoration:none;font-size:16px;color:#fff}
.social-media{width:100%;display:flex;justify-content:space-between;align-items:center}
.social-media li{list-style:none;padding:5px 10px}
.error-msg{font-size:12px;;color:red;padding-top:5px}
.left_index{width:45%}
.card-content{display:flex;flex-direction:column;padding-top:30px}
.container p{margin:0;color:#5e6c84;text-align:center;line-height: 24px;;font-size:15px}
.container h3{padding:30px 0 20px;font-size:17px;font-weight:500;color:#091e42;text-align:center;line-height: 24px;}
.copy-list{display:flex;justify-content:space-between;align-items:flex-start}
.copy-button{padding:7px 10px;background-color:#fff;border-radius:5px;border:1px solid #188de8;color:#188de8;margin-left:10px;cursor:pointer; transition: background-color 0.3s ease;}
/* .copy-button-all{padding:10px 16px;background-color:#fff;border-radius:5px;border:1px solid #188de8;color:#188de8;margin-left:10px;cursor:pointer;font-size: 14px;} */
/* .copy-button:hover, .copy-button-all:hover{background:-webkit-linear-gradient(27deg,#188de8,#ff00e0);color:#fff;box-shadow:0 2px 8px #1f2d3d0d;} */
.youtube-block{width:100%;display:flex;background-color:#fff;padding:40px 0;justify-content:center}
.youtube-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.left-step-youtube{display:flex;flex-direction:column}
.right-step-youtube{width:100%}
.steps-to-use{display:flex;align-items:flex-end;padding-bottom:20px}
.steps-to-use img{width:45px;margin-left:-36px}
.steps-to-use h3{font-size:28px;line-height:1.4;font-weight: 500;}
.ytsteps-title{padding:12px 0;display:flex;align-items:center;width:100%}
.ytsteps-title p{font-size:15px;color:#5e6c84}
.number-span-yt{border-radius:50%;width:40px;line-height:40px;display:inline-block;text-align:center;box-sizing:border-box;margin-right:8px;vertical-align:middle;background-color:#188de8;color:#fff}
.o-video{width:100%}
.o-video>iframe{width:90%;height:354px;}

/* media query */
@media screen and (max-width: 1200px) {
.container{width:40%;margin-bottom:20px}
}
@media screen and (max-width: 620px) {
.container{width:93%;}
}
@media  only screen and (max-width: 500px) and (min-width: 420px) {
  .join-community-flex .hr-community-right{min-height: 300px;}
}
@media screen and (max-width: 380px) {
  .join-community-flex .hr-community-right{min-height: 228px;}
}
@media  only screen and (max-width: 767px) and (min-width: 500px) {
  .join-community-flex .hr-community-right{min-height: 442px;}
}
@media only screen and (max-width: 1200px) and (min-width: 767px) {
.o-video{width:100%;box-sizing:border-box;padding:0 20px}
.left-step-youtube{display:flex;padding:0 20px;flex-direction:column;box-sizing:border-box}
.right-step-youtube{width:100%}
.wrapper{box-sizing:border-box;padding:0 20px}
.card-flex .card-container{justify-content: space-around;}
.join-community-container .join-community-flex{padding: 42px 20px;}
}


select{-webkit-appearance:none;position:relative;display:block;width:100%;border:1px solid #ddd;border-radius:5px;height:45px;box-sizing:border-box;padding:8px 20px;background-color: white;}
/* select#designation_category{display:none} */
.dropdown-select{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF',endColorstr='#00FFFFFF',GradientType=0) ;border-radius:25px; color: #ffffff;border:1px solid #ffffff;box-sizing:border-box;cursor:pointer;display:block;float:left;height:45px;line-height:40px;outline:none;padding:0 30px 0 20px;position:relative;text-align:left;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}
/* .dropdown-select:focus{background-color:#fff}
.dropdown-select:hover{background-color:#fff} */
.dropdown-select:active,.dropdown-select.open{box-shadow:0 1px 4px rgba(0,0,0,0.05) inset}
.dropdown-select:after{height:0;width:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;-webkit-transform:origin(50% 20%);transform:origin(50% 20%);transition:all .125s ease-in-out;content:'';display:block;margin-top:-2px;pointer-events:none;position:absolute;right:18px;top:50%}
.dropdown-select.open:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.dropdown-select.open .list{-webkit-transform:scale(1);transform:scale(1);opacity:1;pointer-events:auto}
.dropdown-select.open .option{cursor:pointer}
#select-value-holder{overflow: hidden;}
.dropdown-select.wide{width:100%;position:relative}
.dropdown-select.wide .list{left:0;right:0;position:absolute; min-width: 432px;}
.dropdown-select .list{box-sizing:border-box;transition:all .15s cubic-bezier(0.25,0,0.25,1.75),opacity .1s linear;-webkit-transform:scale(0.75);transform:scale(0.75);-webkit-transform-origin:50% 0;transform-origin:50% 0;box-shadow:0 0 0 1px rgba(0,0,0,0.09);background-color:#fff;border-radius:6px;margin-top:4px;padding:3px 0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:100%;left:0;z-index:999;max-height:250px;overflow:auto;border:1px solid #ddd}
.dropdown-select .list:hover .option:not(:hover){background-color:transparent}
.dropdown-select .dd-search{overflow:hidden;display:flex;align-items:center;justify-content:center;margin:.5rem}
.dropdown-select .dd-searchbox{width:100%;padding:.5rem;border:1px solid #999;border-color:#999;border-radius:4px;outline:none}
.dropdown-select .dd-searchbox:focus{border-color:#188de8}
.dropdown-select .list ul{padding:0; color: #000;}
.dropdown-select .dd-search #txtSearchValue{color: #000; border-radius: 10px; border: 1px solid rgb(166 166 166);}
.dropdown-select .dd-search #txtSearchValue::placeholder{color:rgb(166 166 166);}
.dropdown-select .option{cursor:default;;line-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s;list-style:none}
.dropdown-select .option:hover,.dropdown-select .option:focus{background-color:#f6f6f6}
.dropdown-select .option.selected{font-weight:500;color:#188de8}
.dropdown-select .option.selected:focus{background:#f6f6f6}
.dropdown-select a{color:#aaa;text-decoration:none;transition:all .2s ease-in-out}
.dropdown-select a:hover{color:#666}
.main{width:100%}

/* css by Anirudh for HR toolkit */
.index_container .formprogress{display: none;}
.right_index .input-pair{display: flex; justify-content: space-between;}
.header_container .right_container{display: flex; justify-content: space-between; align-items: center;}
.left_container{width: 44%;}
.index-left-container{width: 54%;}
.index-right-container{width: 46%;}
.right_container{width: 38%;}
.form-border-3{box-shadow: 0 4px 25px 0 #40404025;}
.index-right-container{text-align: right; position: relative;}
.floater{position: absolute; display: flex; background-color: rgba(255, 255, 255, 0.9); padding: 8px; text-align: left; border-radius: 10px;}
.float-icon{padding: 6px 8px; border-radius: 10%; margin-right: 8px; display: flex ;align-items: center;}
.float-icon img{width: 24px;}
#float-div-1{top: 29px; right: 66px; width: 31%;}
#float-div-2{top: 180px; left: 16px; width: 40%;}
#float-div-3{top: 245px; right: -5px; width: 38%;}
#float-div-4{top: 400px; left: 92px; width: 36%;}
#float-div-5{position: absolute ;top: 293px; left: 83px;}
.circle-container {display: flex; justify-content: center; align-items: center; } 
.circle {padding: 28px; border: 2px solid #FFFFFF; background-color: #FED203; border-radius: 50%; position: relative;}
.play-button {border-left: 11px solid transparent; border-right: 13px solid transparent; border-top: 19px solid #FFFFFF; position: absolute; top: 38%; left: 24%; transform: rotate(28deg); border-radius: 5px;}
.top-20-link-box{flex-direction: column; align-items: center; gap: 30px; padding: 42px 0;}
.top-20-heading h2{font-weight: 400; color: #002B56; font-size: 27px;}
.top-20-tags{border-radius:30px;color:#000;box-sizing:border-box;margin:9px 5px;padding:5px 15px; font-size: 15px; cursor: pointer;}
.top-20-tags a{color: #000;}
.top-20-tags-container ul{display: flex; flex-wrap: wrap; justify-content: center;}
.top-20-tags-container li:nth-child(5n+1){background:#E4F9F5}
.top-20-tags-container li:nth-child(5n+2){background:#C7F5FF}
.top-20-tags-container li:nth-child(5n+3){background:#FFF6DA}
.top-20-tags-container li:nth-child(5n+4){background:#A6F2DB}
.top-20-tags-container li:nth-child(5n+5){background:rgba(151, 139, 226, 0.22)}
#redirect-to-container{margin-top: 25px; display: none; flex-wrap: wrap;}
.redirect-to-tags{border: 1px solid #108AE6; border-radius: 25px; padding: 6px 14px; font-weight: 500;  margin: 0 10px; color: #108AE6; }
@keyframes floatAnimation {0% {transform: translateX(-4px);} 50% {transform: translateX(4px);} 100% {transform: translateX(-4px);}}
.floater:nth-child(2) {animation: floatAnimation 6s infinite linear 0s;}  
.floater:nth-child(3) {animation: floatAnimation 7s infinite linear -1.5s;}
.floater:nth-child(4) {animation: floatAnimation 4s infinite linear -3s;}
.floater:nth-child(5) {animation: floatAnimation 5s infinite linear -4.5s;}
/* .form-border-1{min-height: 234px;} */
#aiSuggestBtn, button{cursor: pointer;}
.ui-autocomplete {
    max-height: 300px; /* Allow the dropdown to expand according to content */
    overflow: auto;
    width: 300px; /* Set a maximum width as desired */
    border-radius: 5px; /* Add border-radius for rounded corners */
    border: 1px solid #ccc; /* Add a border for a better visual separation */
}

.ui-menu-item {
    padding: 5px; /* Add padding to menu items for better spacing */
}


.ai-sugg-error-msg{color: pink; margin-top: 5px; display: block; border-radius: 10px; font-size: 13px;}
.explore-btn{padding: 14px 32px; border-radius: 25px; outline: none; color: #fff; box-shadow: 0 8px 10px 0 rgba(64, 64, 64, 0.1); border: 0; font-weight: 500; border: 2px solid;}
.btns-regenerate .explore-btn, .explore-btn-container .explore-btn{background-color: #1EBA6C;  transition: background-color 0.3s ease; border-color: #1EBA6C;}
#hr-calc-btn .explore-btn, #get-in-touch-btn .explore-btn, .community-btn .explore-btn, #copy-all-button, #see-more-btn .explore-btn{background-color: #188DE8;  transition: background-color 0.3s ease; border-color: #188DE8;}
.explore-btn-container{display: flex; justify-content: center; padding: 15px; box-sizing: border-box;}
.join-community-container{width: 100%; display: flex; background-color: #E5F2FD; justify-content: center; background-image: url('images/lastsectiondotgraphicreverse.svg'); background-size: 185px auto; background-repeat: no-repeat; background-position: 100% 31%;}
.hr-community-right{width: 48%; position: relative; display: flex; flex-direction: column;}
.bussiness-talk-img{width: 55.5%;position: absolute; border-radius: 5px; cursor: pointer;}
.bussiness-person-img{width: 19%;position: absolute; border: #188DE8 solid 1px; border-radius: 5px;}
.hr-community-right img:nth-child(1), .hr-community-right img:nth-child(2){z-index: 1;}
.hr-community-right img:nth-child(2){top: 8%; right: 29%;}
.hr-community-right img:nth-child(3){top: 49.5%; right: 0; filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.12));}
.hr-community-right img:nth-child(4){top: 67%; right: 43%;}
.join-community-flex{display: flex ;padding: 42px 0 ; margin-bottom: 18px;background-image: url('images/lastsectioncircle.svg'), url('images/Polygon-5.svg'); background-size: 4% auto, 11% auto; background-repeat: no-repeat; background-position: 52% 55%, 84% 45%; justify-content: space-between;}
.join-form-container{display: flex; width: 50%;flex-direction: column; align-items: start; gap: 60px; border-radius: 10px; box-sizing: border-box; }
.community-form-container{width: 100%; max-width: 850px;}
.community-inputs{display: flex; flex-direction: column; width: 100%; margin: 25px 0; position: relative;}
.community-btn{display: flex;justify-content: flex-start; align-items: center;}
#community-form .community-btn{justify-content: center;}
.community-btn .explore-btn{display: flex; align-items: center;}
.join-now-btn{ background-color: #188DE8; padding: 10px 30px; border-radius: 25px; outline: none; color: #fff; box-shadow: 0 9px 14px 0 rgba(24, 141, 232, 0.15);  border: 0; font-weight: 400;}
.join-community-form{width: 100%; margin: 0 auto; border: none; position: relative;}
.pop-up-submitted{width: 100%; background-color: white; position: absolute; height:100%; z-index: 10; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.pop-up-submitted-content{display: flex; flex-direction: column; align-items: center; gap: 20px; box-sizing: border-box; text-align: center; padding: 0 45px;}
.pop-up-submitted-content img{width: 6%;}
.second-banner-txt{padding: 8px 16px;; background-color: rgba(16, 138, 230, 0.2);  color: #000; font-size: 18px; border-radius: 5px;}
.second-banner-txt h2{font-weight: 500; font-size: 30px; color: #002B56;}
#community-banner-first h2{font-size: 27px;font-weight: 400; text-align: left; color: #002B56; padding-right: 22px;}
#community-banner-first h2 a{color: #002B56;}
#community-banner-first h2 span{color: #188DE8; font-weight: 500;}
.inner-community-form{padding: 20px 33px 0; background-color: #FFFFFF; border-radius: 5px; width: 100%; box-sizing: border-box; min-height: 388px;}
.community-inputs input{background-color: #F8F9FC; border: none;}
.hr-calculator-block{width: 100%; padding: 42px 0; box-sizing: border-box;}
.hr-calculator-container{background-color: #EBFAFC; display: flex; justify-content: space-between; padding: 42px 25px;}
.hr-calc-left, .hr-calc-banner, .ai-tool-left{display: flex; flex-direction: column;}
.hr-calc-right{display: flex; flex-direction: column; justify-content: space-between; padding: 14px 0;}
.hr-calc-features, #hr-calc-heading{display: flex;}
#hr-calc-heading img{width: 92px; padding: 19px 16px 10px 0px;}
.hr-calc-img-desc{display: flex; width: 50%; align-items: center;}
#hr-calc-btn{display: flex; padding-top: 10px;}
.hr-calc-feature-img img{width: 38px;}
.hr-calc-left{gap: 20px;}
.hr-calc-left{width: 50%;}
.hr-calc-right{width: 49%;}
.hr-banner-head h2{font-size: 38px; font-weight: 500; padding-bottom: 2px; color: #002B56;}
.hr-banner-head h2 span{color: #188DE8;}
.ai-tool-block{width: 100%; padding: 42px 0; box-sizing: border-box;}
.ai-tool-container{background-color: #EBFAFC; display: flex; padding: 30px 25px; justify-content: space-between; background-image: url('images/halfbluecircle.svg'); background-repeat: no-repeat; background-position: center bottom; background-size: auto 38%; }
.ai-tool-left h2 span{font-size: 32px; font-weight: 400;}
.ai-tool-left h2{font-size: 32px; font-weight: 500; margin-bottom: 25px; color: #002B56;}
#ai-tool-desc{font-size: 17px; margin-bottom: 32px; line-height: 1.5;}
#get-in-touch-btn{display: flex;}
.ai-tool-right img{width: 314px;}
.hr-banner-head{background-image: url('images/titledecore.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: 70% auto; margin-bottom: 16px;}
.index-left-container h2{background-image: url('images/titledecore.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: 54%; color: #002B56;}
.hr-banner-desc{line-height: 1.5; font-size: 18px;}
.index-left-container .right_index .form-border{border-radius: 10px; padding: 16px 20px 0; background-color: #108AE6;}
.index-left-container .right_index .form-border input, select{background-color: transparent; border-radius: 25px; border: 1px solid #FFFFFF; color: #FFFFFF;}
.index-left-container .right_index .form-border select option {color: #000000;}
.index-left-container .right_index .form-border input::placeholder, select::placeholder{color: #FFFFFF;}
.index-left-container h2{font-size: 38px; font-weight: 500;}
.index-desc {font-size: 18px; line-height: 1.5;}
.form-border .group-inputs .right-icon span{color: #FFFFFF;}
.suggest-tags{border-radius:30px;color:#000;box-sizing:border-box;margin:5px;display:inline-block;padding:5px 15px; font-size: 15px;}
#suggest-tags-container li:nth-child(5n+1){background:#E4F9F5}
#suggest-tags-container li:nth-child(5n+2){background:#C7F5FF}
#suggest-tags-container li:nth-child(5n+3){background:#FFF6DA}
#suggest-tags-container li:nth-child(5n+4){background:#FFEFEF}
.index-heading-container, #suggest-tags-container, #ai-suggest-txt{margin: 18px 0px}
.right_index{margin-top: 34px;}
.index-desc{margin: 20px 0;}
#banner-img{width: 89%; padding: 36px 0 0;}
.hr-calc-feature-img{padding: 10px 12px; border-radius: 50%;}
.light-green{background-color: rgba(27, 203, 132, 0.2); }
.light-blue{background-color: rgba(24, 141, 232, 0.2); }
.light-red{background-color:  rgba(220, 86, 64, 0.2) }
.light-yellow{background-color: rgba(254, 210, 3, 0.2); }
.hr-calc-feature-desc{margin: 0 12px; font-size: 15px;}
.card-icons img{width: 40px;}
.card-icons{padding: 18px 20px; border-radius: 50%;}
.card-info-link{color: #188DE8 ;border-radius: 50%; padding: 12px 15px; border: 1px solid #D8E9FF; box-shadow: 0 15px 16px rgba(24, 141, 232, 0.15); margin-top: 12px;}
.card-flex h2 span{font-weight: 500;}
.scroll-to-ai-suggest, .scroll-to-hr-calculator{color: #000;}
/* Styles for the modal */
.modal {display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(87 87 87 / 59%); overflow: auto;}
.modal-content {position: relative; margin: 10% auto; max-width: 1100px; width: 45%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: white; padding: 32px;}
.close-modal {position: absolute; top: 0; right: 4px; padding: 10px; cursor: pointer; color: #aaa;font-weight: 700; font-size: 18px;}
.modal-content iframe {width: 100%; height: 50vh; border: none;}
.js-hidden {display: none !important;}
.js-full-width{width: 100% !important;}
#forms{position: relative;}
#forms .form-border-1 .explore-btn-container .explore-btn{position: absolute; bottom:-11%}
#forms .form-border-2 .explore-btn-container .explore-btn{position: absolute; bottom:-10%}
.form-border-1 {min-height: 210px;}
.form-border-2 {min-height: 132px;}
.form-border-1 .explore-btn-container{padding: 0;}
#forms .form-border-1 .explore-btn-container .explore-btn{position: static; width: 100%; text-align: center;}
.pop-up-titile{font-size: 16px; text-align: center; font-weight: 500; padding-right: 25px;}
.pop-up-title-container{position: relative; display: flex; justify-content: center;}
.pop-up-title-container .close-modal{padding: 0; right: -18px; z-index: 11;}
#open-join-form:hover img {
  transform: rotate(90deg);
  transition: transform 0.3s ease; 
}
#mouseimage{width: 20px;}
#community-form {border-radius: 5px; display: none; position: fixed; width: 50%; top: 50%; left: 50%; transform: translate(-50%, 0%); background-color: white; z-index: 10000; animation: slideInOut 0.5s ease forwards;  box-shadow: 0 0 0 9999px rgb(87 87 87 / 59%);}
#community-form .community-btn{padding-bottom: 20px; background-color: #FFFFFF; border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;}
@keyframes slideInOut {
  0% {
    top: -100%; /* Slide in from the top */
  }
  100% {
    top: 15%; /* Reach the top of the screen */
  }
}
.slide-out {
  animation: slideOut 0.5s ease forwards, fadeOut 0.5s ease forwards;
}

@keyframes slideOut {
  0% {
    top: 15%; /* Start from the top of the screen */
  }
  100% {
    top: -100%; /* Slide down and disappear */
  }
}

.header_button:hover, .explore-btn:hover , #get-in-touch-btn .explore-btn:hover, #hr-calc-btn .explore-btn:hover, #copy-all-button:hover, #see-more-btn .explore-btn:hover{
  color: #142965; 
  background-color: transparent;
  border: 2px solid #142965; /* Use border shorthand property */

}
.btns-regenerate .explore-btn:hover, .explore-btn-container .explore-btn:hover{
  background-color: white;
  color: #142965; 
  border: 2px solid #1EBA6C;
}
.container:hover .card-info-link, .copy-button:hover{
  background-color: #188DE8;
  color: white;
}
.hover-blue:hover{
  color: #188DE8;
}



@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}





/* CSS */
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  #success-message {
    animation: fadeIn 1s ease-in-out;
    text-align: center;
    color: green;
  }

/* media query */
@media(max-width:34em) {
.main{min-width:150px;width:auto}
}

#skillsTextArea-copy {
    background-color: white;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
 
}
#bold-label-copy {
    background-color: white !important;
}
.temp-copy-all{
    display: none;
}

.form-heading h3, .form-heading .ai-suggest-dsg{font-size: 20px; font-weight: 500; color: #5e6c84;}



/* new section about hr toolkit css */
.flex-row{display: flex;}
.flex-column{display: flex; flex-direction: column;}
.centeralign{text-align: center;}
.weight-500{font-weight: 500;}
.weight-400{font-weight: 400;}

#about-hr-toolkit-container{padding: 42px 0; background-color: #E5F2FD; background-image: url('/images/about_hr_tools_bg.png'); background-repeat: no-repeat; background-size: 100%; background-position: center center;}
.about-hr-toolkit-container{align-items: center; gap: 42px;}
.about-hr-toolkit-head-wrap{gap: 15px;}
.about-hr-toolkit-head{font-weight: 400;color: #002B56; font-size: 36px;}
.about-hr-toolkit-desc{font-weight: 400; line-height: 32px; color: #333; font-size: 18px; width: 77%; margin: 0 auto;}
.about-three-dots-wrap{justify-content: center; gap: 5px;}
.about-three-dots{padding: 4px; border-radius: 50%; background-color: #FFF;}
.about-three-dots-1{background-color: #188DE8;}
.about-three-dots-2{background-color: #1BCB83;}
.about-three-dots-3{background-color: #FFC727;}


/* css for latest blogs */

.make-flex{display: flex;}
.border-radius-10{border-radius: 10px;}
.read-more-btn{background-color: #108AE6; color: #fff; }
#uknowva-latest-blog{position: relative;}
#latest-blogs-container{display: none;}
.latest-blogs-container{gap: 42px;}
.latest-blog-heading{justify-content: center;}
.latest-blog-heading h3{font-size: 38px; font-weight: 400;}
.blog-content-container {color: #555; line-height: 22px; max-height: 90px; overflow: hidden; padding: 0 22px; margin-bottom: 20px; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.blog-content-container img, .blog-content-container video, .blog-content-container h1, .blog-content-container h2, .blog-content-container h3{display: none !important;}
.blog-created-author-container{justify-content: space-between; padding: 0 22px; margin-bottom: 20px; align-items: center;}
.latest-blog-container{justify-content: space-between; gap: 38px;}
.latest-blogs-title{padding: 0 22px; font-size: 20px; line-height: 30px; font-weight: 500; margin: 15px 0 10px; min-height: 65px; max-height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.latest-blog-container img{width: 100%;}
.latest-blogs{width: 33%; position: relative; overflow: hidden; box-shadow: 0px 0px 30px 0px rgba(4, 51, 86, 0.15);}
.latest-blog-link{position: absolute; width: 100%; height: 100%;}
.latest-blog-btn-hide{display: none;}
.blog-intro-img {
  max-height: 225px;
  overflow: hidden;
  }
.latest-blog-img{width: 100%;}
.blog-created-on-img, .blog-author-img{align-items: center;}
.blog-created-on, .blog-author{margin-left: 8px;}
.blog-created-on-img::before {content: ''; display: inline-block; width: 24px;  height: 24px; background-image: url('https://uknowva.com/templates/ukv_home/images/calendar.png'); background-size: cover; }
.blog-author-img::before {content: ''; display: inline-block; width: 24px; height: 24px; background-image: url('https://uknowva.com/templates/ukv_home/images/users_img.png'); background-size: cover;}
.read-more-btn-container{padding: 0 22px; margin-bottom: 20px;}
.blog-content-container p, .blog-content-container div{margin: 0; padding: 0;}
.btn-arrow-container{display: flex; align-items: center; gap: 2px; padding: 10px 15px 10px 25px;}
.btn-arrow{content: ''; background-image: url('https://uknowva.com/templates/ukv_home/images/btn-arrow-right.png') ; width: 30px; height: 24px; background-repeat: no-repeat; background-size: 20px; background-position: center center;   transition: background-image 0.3s ease, background-position 0.3s ease; }
.btn-arrow-container:hover .btn-arrow{background-image: url('https://uknowva.com/templates/ukv_home/images/btn-arrow-right-blue.png');  background-position: 10px center;}
.btn-arrow-container:hover .btn-arrow-green{background-image: url('https://uknowva.com/templates/ukv_home/images/btn-arrow-right-green.png');  }
.latest-blog-replica{padding: 42px 0 0;}

/* css after 5 10 sec timing changes  */
#ai-suggest-block{min-height: 526px;}


@media screen and (max-width: 767px) {
  .form-heading h3, .form-heading .ai-suggest-dsg{font-size: 16px;}
  .about-hr-toolkit-head{font-size: 30px;} 
  .about-hr-toolkit-desc{font-size: 15px; line-height: 1.5; width: 92%;}
  .about-hr-toolkit-container {gap: 25px;}

  
  .latest-blog-replica{padding: 42px 18px 0;}
  .latest-blog-container{flex-direction: column;}
  .latest-blog-heading h3{font-size: 30px;}
  .latest-blogs-title{font-size: 18px;}
  .latest-blogs {width: 100%;}

  
#ai-suggest-block{min-height: auto;}
}





/* .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{right: 0 !important;} */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{left: 72% !important; border-right: none !important; top: 12% !important; right: 1% !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{padding-right: 20px !important; padding-left: 8px !important; border-radius: 30px !important; padding-top: 4px !important; padding-bottom: 4px !important; border: 0 !important;}
.select2-container--default .select2-selection--multiple {background-color: #108ae6 !important; color: black !important; min-height: 10px !important; border-color: white !important; padding-right: 38px !important;}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {color: white; }
.select2-selection{padding: 10px !important; border-radius: 30px !important; }
.select2-search__field{margin: 0; color: white !important;}
.select2-search.select2-search--inline{display: inline-block !important;}


.select2-selection__rendered li:nth-child(5n+1){background:#FFF5DC !important}
.select2-selection__rendered li:nth-child(5n+2){background:#FFDEE3 !important}
.select2-selection__rendered li:nth-child(5n+3){background:#FFDCFC !important}
.select2-selection__rendered li:nth-child(5n+4){background:#D9FFFC !important}
.select2-selection__rendered li:nth-child(5n+5){background:#DAE4FF !important}

.right-icon-select2{position: relative;}
.right-icon-select2 .down-arrow {color: #FFFFFF;position: absolute; right: 22px; top: 38%;}