/*----- IMPORT FILES -----*/
@import url("fonts.css");
@import url("header_footer.css");

/*----- BASIC -----*/
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'SF Compact Display Regular';
  font-weight: 400;
  background: #E4F6FF;
  color: #000;  
  line-height: 1.5;
  position: relative;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{
  font-weight: normal;
}
a:hover{
  color: #fff;
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
ul{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.favicon{
  width: 16px;
  height: 16px;
  object-fit: contain;
}
main{
  padding: 80px 0 0;
}
.form-control:focus{
  box-shadow: 0 0 0 0.2rem rgb(1 94 194);
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/*------ MAIN SECTION ------*/
/* Alerts: fade-out support */
.jh-alert {
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.jh-alert.is-fading {
  opacity: 0;
  transform: translateY(-4px);
}

/* Alerts: baseline styling so they render well outside dashboard */
.jh-banner-container {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1050;
  width: 100%;
  max-width: 560px;
  padding: 0 12px;
  pointer-events: none; /* allow clicks to pass except on alert */
}

.jh-alert {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #e5e7eb; /* slate-200 */
  background: #fff;
  padding: 12px 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.jh-alert__icon { line-height: 1; }
.jh-alert__content { flex: 1; font-size: 0.95rem; color: #111827; }
.jh-alert__close {
  border: none;
  background: transparent;
  border-radius: 8px;
  color: #334155; /* slate-700 */
  padding: 4px;
  cursor: pointer;
}
.jh-alert__close:hover {
  background: rgba(2, 132, 199, 0.08);
  color: #0ea5e9;
}

.jh-alert--success { border-color: #86efac; background: linear-gradient(0deg, rgba(134,239,172,0.08), rgba(134,239,172,0.08)), #fff; }
.jh-alert--info { border-color: #93c5fd; background: linear-gradient(0deg, rgba(147,197,253,0.08), rgba(147,197,253,0.08)), #fff; }
.jh-alert--warning { border-color: #fcd34d; background: linear-gradient(0deg, rgba(252,211,77,0.12), rgba(252,211,77,0.12)), #fff; }
.jh-alert--danger { border-color: #fca5a5; background: linear-gradient(0deg, rgba(252,165,165,0.12), rgba(252,165,165,0.12)), #fff; }
.faq-container .accordion-button {
  border-radius: 10px !important;
  border-bottom: 1px solid #d5e6fe;
  box-shadow: unset;
  background: #d5e6fe;
  margin-bottom: 1rem;
  color: #000;
}

.faq-container .accordion-item {
  border-radius: 0;
  border: none;
}

.faq-container .accordion-button:after {
  filter: brightness(0.5);
}

.faq-container .accordion-button.active ~ .accordion-content {
  max-height: unset !important;
  margin-bottom: 1rem;
  padding: 15px 15px;
}

.faq-container .accordion-button.active {
  margin-bottom: 0;
  border-radius: 10px 10px 0 0 !important;
  border-bottom: 1px solid #9e9e9e24;
}
.faq-section {
  margin-bottom: 20px;
}

.accordion-button {
  background-color: #f1f1f1;
  color: #444;
  cursor: pointer;
  padding: 14px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.accordion-button:hover {
  background-color: #ddd;
}
.faq-container .accordion-button:after {
  transform: rotate(0deg) !important;
}

.faq-container .accordion-button.active:after {
  transform: rotate(180deg) !important;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
}
#home{
  position: relative;
  display: block;
  padding: 90px 0 200px;
  background: url("../images/home/homebg.webp") no-repeat center;
  background-size: cover;
}
.title{
  font-size: 52px;
  font-family: 'SF Compact Display Medium';
  color: #FFFFFF;
  line-height: 70.2px;
  margin-bottom: 50px;
}
.title b{
  font-family: 'SF Compact Display Medium';
  font-weight: normal;
  color: #FFA800;
}
.content{
  font-size: 18px;
  color: #FFFFFF;
  display: block;
  margin: 15px 0;
}
#home .signup_btn{
  max-width: fit-content;
  font-size: 18px;
  align-items: center;
  padding: 12px 40px;
}
.landing__img{
  width: 100%;
}
.dashboard__link{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-x: auto;
  box-shadow: 0px 18.054054260253906px 39.11711883544922px 0px #0000001A;
  background: #D6ECF2;
  border-radius: 30px;
  padding: 9px;
  width: 100%;
}
.dashboard__link li a{
  border: 0.75px solid #8CA1A7;
    color: #8CA1A7;
    font-size: 12px;
    font-family: 'SF Compact Display Medium';
    border-radius: 22px;
    padding: 10px 10px;
    line-height: normal;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}
.dashboard__link li a.active{
  background: #FFA800;
  border-color: #FFA800;
  color: #10194A;
}
.dashboard__link li a:hover{
  background: #2181FF;
  border-color: #2181FF;
  color: #FFFFFF;
}

#work{
  background: #E4F6FF;
    border-radius: 60px 60px 0 0;
    position: relative;
    padding: 80px 0 40px;
    margin: -60px 0 0;
}
.title__blog{
  text-align: center;
  margin-bottom: 50px;
}
.sec_title{
  font-family: 'SF Compact Display Regular';
  font-size: 40px;
  color: #1E1E1E;
}
.title__blog p{
  font-family: 'SF Compact Display Regular';
    font-size: 20px;
    color: #5D5D5D;
    line-height: normal;
    margin-bottom: 0;
}
.sec_title b{
  font-family: 'SF Compact Display Bold';
}
/* .step__blog{
  text-align: center;
} */

.step__blog {
  display: flex; /* Make .step__blog a flex container */
  flex-direction: column; /* Stack children vertically */
  height: 100%; /* Ensure it fills the container */
  text-align: center;
}

.step__blog span{
  width: 40px;
    height: 40px;
    border-radius: 50%;
    font-family: 'SF Compact Display Medium';
    font-size: 20px;
    color: #FFFFFF;
    margin: 0 auto 35px;
    background: #2181FF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step__blog h4{
  font-family: 'SF Compact Display Medium';
  font-size: 30px;
  color: #1E1E1E;
  margin-bottom: 10px;
}
.step__blog p{
  font-family: 'SF Compact Display Regular';
    font-size: 18px;
    color: #5D5D5D;
    line-height: normal;
}

.step__blog ul {
  list-style-type: none; /* Remove default list styling */
  padding: 0; /* Remove default padding */
  margin-bottom: 20px; /* Space below list */
}

.step__blog ul li {
  margin-bottom: 10px; /* Space between list items */
  position: relative;
  padding-left: 20px; /* Make room for bullet replacement */
}

.step__blog ul li::before {
  content: ''; /* Replace bullets with custom icons or shapes */
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: #007bff; /* Match your theme's primary color */
  border-radius: 50%; /* Circular bullets */
}


.cta_button {
  /* display: inline-block; */
  background-color: #2181FF; /* Primary button color */
  text-align: center;
  text-decoration: none; /* Remove underline from links */
  border-radius: 60px; /* Rounded corners for the button */
  transition: background-color 0.3s ease; /* Smooth background color change on hover */

  /* max-width: 250px; */
  /* width: auto; */
  font-size: 16px;
  align-items: center;
  padding: 12px 20px;

  color: #FFFFFF;
  margin: 0 auto 35px;
  display: flex;
  justify-content: center;

}

.cta_button:hover {
  background:#11248d;
  color:#fff !important;
  border-color:#0b1e8d;
}




.step__blog .work-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;

  /* display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center; */
}

#searchai{
  background: #FFFFFF;
  padding: 90px 0;    
  border-radius: 60px 60px 0 0;
}
#searchai h2{
  margin-bottom: 10px;
}
.work__card {
  background: #FFFFFF;
  padding: 15px;
  border-radius: 30px;
  position: relative;
  display: block;
  margin-bottom: 30px;
  border: 1px solid #fff;
  box-shadow: 0px 198px 119px 0px #fff;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.work__card img {
  width: 100%;
  border-radius: 30px;
  margin-bottom: 20px;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.work__card h3 {
  font-size: 28px;
  color: #1E1E1E;
  font-family: 'SF Compact Display Medium';
  margin-bottom: 20px;
  min-height: 70px;
}
.work__card p {
  font-size: 18px;
    color: #5D5D5D;
    line-height: 1.4;
    margin-bottom: 50px;
    min-height: 100px;
}
.work__card a {
  background: #2181FF;
  border-radius: 30px;
  padding: 10px 30px;
  color: #FFFFFF;
  font-size: 18px;
  font-family: 'SF Compact Display Medium';  
  width: fit-content;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.work__card a:hover{
  background: linear-gradient(93.61deg, #2181FF 2.88%, #003D8C 134.48%);
}
.work__card:hover {
  border: 1px solid #2181FF30;
  box-shadow: 0px 198px 119px 0px #0000000D;
  -webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.work__card:hover img {object-fit: none;-webkit-transition: ease-in-out 0.5s;
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;}

.work__card:hover a {
  background: linear-gradient(93.61deg, #2181FF 2.88%, #003D8C 134.48%);
}
#seeker{
  background: url("../images/home/ad_banner.webp") no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 50px 0;
    height: 500px;
}
.seeker__blog h3{
  font-family: 'SF Compact Display Bold';
  font-size: 58px;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.seeker__blog p{
 font-size: 22px;
 color: #FFFFFF;
 font-family: 'SF Compact Display Regular';
 margin-bottom: 40px;
 line-height: normal;
}
.seeker__blog p b{
  font-family: 'SF Compact Display Semibold';
}
.seeker__blog .signup_btn{
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #1E1E1E !important;
  max-width: fit-content;
  font-size: 18px;
  align-items: center;
  padding: 12px 40px;
}
.seeker__blog .signup_btn:hover{
  background:#10194A;
  color:#fff !important;
  border-color:#10194A;
}
.seeker__blog .signup_btn:hover svg path{
  stroke:#fff;
}
#service{
  position: relative;
  background: #FFFFFF;
  text-align: center;
  padding: 0 0 50px;
  border-radius: 0 0 60px 60px;
}
.service__first, .service__third {
  padding: 80px;  
  background: linear-gradient(360deg, #C2DCFF -29.14%, rgba(255, 255, 255, 0) 107.25%);  
  width: fit-content; 
  margin: 0 auto;
  display: block;  
  border-radius: 30px;
}
.service__blogs{
  margin-bottom: 80px;
}
.service__blogs:last-child{
  margin-bottom: 0;
}
.service__blogs .container{
  position: relative;
}
.service__content{
  max-width: 582px;
  margin: 0 auto;
  width: 100%;        
}
.service__content h4{
  font-size: 28px;
  color: #1E1E1E;
  margin-bottom: 10px;
  font-family: 'SF Compact Display Semibold';
}
.service__content p{
  font-size: 16px;
  color: #5D5D5D;
  font-family: 'SF Compact Display Regular';
  margin-bottom: 1.5rem;
}
.service__content .signup_btn{
  background: #2181FF;
  border-color: #2181FF;
  color: #FFFFFF !important;
  max-width: fit-content;
  font-size: 18px;
  align-items: center;
  padding: 12px 40px;
  margin: auto;
}
.service__content .signup_btn:hover{
  background:#B5D5FF;
  color:#fff !important;
  border-color:#B5D5FF;
}
.service__content .signup_btn:hover svg path{
  stroke:#fff;
}
.service__first_inner{
  background: #d5e7ff url(../images/home/service_1.webp) no-repeat;
    border: 2px solid rgb(0 0 0 / 10%);
    border-radius: 30px;
    background-size: cover;
    padding: 50px 80px 0;
    background-position: unset;
}
.service__first_inner img{
  width: 80%;
}
.service__sec_inner{
  background: #fff4de url(../images/home/service_2.webp) no-repeat;
    border: 2px solid rgb(0 0 0 / 10%);
    border-radius: 30px;
    background-size: cover;
    padding: 50px 80px 0;
    background-position: unset;
}
.service__sec_inner img{
  width: 80%;
}
.service__sec_inner .service__content, .service__first_inner .service__content{
  padding-bottom: 50px;
}
.service__third_inner{
  background: #d6ecf2 url(../images/home/service_3.webp) no-repeat;
    border: 2px solid rgb(0 0 0 / 10%);
    border-radius: 30px;
    background-size: contain;
    padding: 60px 80px 0;
    background-position: bottom;
}
.service__third_inner img{
  width: 80%;
}
.service__fourth_inner{
  background: #fff4de url(../images/home/service_4.webp) no-repeat;
    border: 2px solid rgb(0 0 0 / 10%);
    border-radius: 30px;
    background-size: cover;
    padding: 60px 80px 0;
    background-position: unset;
}
.service__fourth_inner img{
  width: 100%;
  margin-left: 50px;
}

#review{
  padding: 80px 0;
  position: relative;
}
#review h2{
  font-size: 36px;
}
.review__blog ul{
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 50px;
}
.review__blog p{
  font-family: 'SF Compact Display Regular';
  font-size: 24px;
  color: #5D5D5D;
  margin-bottom: 30px;
  display: block;
}
.review__blog h5{
  font-family: 'SF Compact Display Bold';
  font-size: 26px;
  color: #1E1E1E;
  margin-bottom: 3px;
}
.review__blog span{
  font-family: 'SF Compact Display Regular';
  font-size: 20px;
  color: #5D5D5D;
}
.review_user_blog{
  display: grid;
    grid-auto-flow: column;
    column-gap: 20px;
    justify-content: flex-start;
    align-items: center;
}
.review__user_icon{
  width: 100px !important;
  height: 100px !important;
  border-radius: 100px;
}
.review__blog {
  max-width: 570px;
  margin: 0 auto;
}
.owl-dots, .owl-nav{
  display: none !important;
}

.title_blog span {

  font-size: 16px;

  font-weight: 600;

  display: block;

  margin-bottom: 0;

}

.title_blog h1 {

  font-size: 46px;

  font-weight: 800;

  margin: 1rem 0;

  display: block;

  font-family: 'Urbanist', sans-serif;

}

.title_blog h3{

font-size: 30px;

font-weight: 700;

color: #FFFFFF;

font-family: 'Urbanist', sans-serif;

}

.title_blog p {

  font-size: 20px;

  display: block;

  font-weight: 300;

  font-family: 'Urbanist', sans-serif;

  color: #ffff;

}

.srch_form {

  background: #FFFFFF;

  box-shadow: 0px 7px 27px 0px #0000001C;

  border-radius: 20px;

  padding: 2rem 1.5rem;

  width: 100%;

  max-width: 900px;

  margin: 0 auto 1rem;

}

.srch_form .form-group {

  margin-bottom: 0;

  position: relative;

}

.srch_form .form-control {    

  font-size: 16px;

  font-weight: 500;

  font-family: 'Urbanist', sans-serif;

  color: #808080;

  height: auto;

  border-left: 0;

  border-right: 0;

  border-top: 0;

  border-bottom: 2px solid #9C9C9C;

  border-radius: 0;

  position: relative;

  display: block;

  padding: 10px 15px 10px 40px;

  background: transparent;

}

.srch_form .form-group svg {

  position: absolute;

  left: 0;

  top: 0;

  margin: 13px 10px;

}

.srch_btn {    

  background: #2181FF;

  border: 1px solid #2181FF;

  border-radius: 100px;

  color: #fff;

  padding: 10px 20px;

  display: block ;

  text-align: center;

  box-shadow: 0px 4px 5px 0px #0000001F;

  line-height: normal;

  width: 100%;

  font-size: 20px;

  font-weight: 700;

  font-family: 'Urbanist', sans-serif;

}

.srch_btn:hover{

background: #fff;

color: #2181FF;

}

.banner_main .title_blog {

  padding: 0 0 50px;

  min-height: 500px;

  height: 100%;

  display: flex;

  flex-flow: column;

  justify-content: center;

}

/* select2 dropdown */

.srch_form .select2-container{

width: 100%;

}

.select2-results__option {

  color: #000;

  font-size: 16px;

  font-weight: 500;

  font-family: 'Urbanist', sans-serif;

}

.srch_form .select2-container--default .select2-selection--single{ 

  color: #808080;

  height: auto;

  border-left: 0;

  border-right: 0;

  border-top: 0;

  border-bottom: 2px solid #9C9C9C;

  border-radius: 0;

  position: relative;

  display: block;

  padding: 8px 15px;

  background: transparent;

}

.srch_form .select2-container--default .select2-selection--single .select2-selection__rendered{

padding: 0;

font-size: 16px;

font-weight: 500;

font-family: 'Urbanist', sans-serif;

}

.srch_form .select2-selection__arrow{

display: none;

}



.category_main{

padding: 50px 0;

}

.category_main .row {

margin-top: 2.5rem;

}

.wd-mb-30{

margin-bottom: 30px;

}

.category_blog {

  background: #2181FF;

  box-shadow: 0px 4px 13px 0px #0000000D;

  padding: 10px 10px;

  border-radius: 20px;

  text-align: center;

  display: block;

  position: relative;

  height: 100%;

}

.category_blog:hover{

background: #10194a;

box-shadow: 0px 4px 13px 0px #2181ff7a;

}

.category_blog img {

max-width: 100%;
height: auto;
margin: 18px auto;

}

.category_blog h6 {

  font-size: 20px;

  font-weight: 700;

  display: block;

  margin-bottom: 5px;

}

.category_blog span {

  font-size: 16px;

  font-weight: 600;

  color: #FFFFFFBF;

  font-family: 'Urbanist', sans-serif;

  display: block;

  margin-bottom: 0;

} 
.category_blog a {
  cursor: pointer;
}
.title_flexcontent{

display: flex;

flex-flow: row !important;

height: auto !important;

min-height: unset !important;

  align-items: center;

  justify-content: space-between !important;

  margin-bottom: 2.5rem;

  padding: 0 !important;

}

.work_blog{

position: relative;

display: block;

width: 100%;

text-align: center;

padding: 15px 15px;

}

.work_blog span{

background: #2181FF;

width: 35px;

height: 35px;

margin: 0 auto 1rem;

border-radius: 10px;

display: flex;

align-items: center;

justify-content: center;

position: relative;

font-size: 16px;

font-weight: 700;

color: #fff;

font-family: 'Urbanist', sans-serif;
cursor: pointer;
}

.work_blog h5{

font-size: 22px;

font-weight: 700;

font-family: 'Urbanist', sans-serif;

display: block;

margin-bottom: 3px;

}

.work_blog p{

font-size: 16px;

color: #B1B1B1;

font-weight: 400;

font-family: 'Urbanist', sans-serif;

margin-bottom: 0;

}

.hiring_box{

border: 1px solid #E6E6E6;

box-shadow: 0px 6px 9px 0px #0000000D;

border-radius: 16px;

width: 100%;

position: relative;

display: block;

padding: 20px 20px;

background: #fff;

font-family: 'Urbanist', sans-serif;

}

.hiring_box img {

  width: 60px !important;

  height: 60px;

  border-radius: 14px;

}

.company_main{

padding: 0 0 50px;

}

.jobpost-carousel {

  margin-top: 2rem;

}

.flex_blog {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 1rem;

}

.tagline {

  background: #C6DEFF;

  color: #002B63 !important;

  padding: 8px 10px;

  border-radius: 7px;

  line-height: normal;

  margin-bottom: 0 !important;

}

.hiring_box small {

  font-size: 14px;

  font-weight: 500;

  color: #808080;

  display: block;

  margin-bottom: 5px;

}

.hiring_box h5 {

  font-size: 20px;

  font-weight: 700;

  color: #000832;

}

.hiring_box span, .hiring_box p {

  font-size: 14px;

  font-weight: 500;

  color: #808080;

  display: flex;

  align-items: center;

  margin-bottom: 0.5rem;

}

.hiring_box span svg {

  margin-right: 8px;

}

.hiring_box h6 {

  font-size: 18px;

  font-weight: 700;

  color: #000832;

  display: block;

  margin: 1.3rem 0 1rem;

}

.apply_btn {

  background: #2181FF;

  border: 1px solid #2181FF;

  padding: 11px 10px;

  display: block;

  border-radius: 100px;

  text-align: center;

  font-size: 18px;

  font-weight: 700;

  color: #fff;

}

.apply_btn:hover {

  color: #2181FF;

  background: transparent;

}

/*-----Login Flow [ START ]-------*/



#loginflowModal .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #9B9B9B;

  font-weight: 400;

}

#loginflowModal .form-control::-moz-placeholder { /* Firefox 19+ */

  color: #9B9B9B;

  font-weight: 400;

}

#loginflowModal .form-control:-ms-input-placeholder { /* IE 10+ */

  color: #9B9B9B;

  font-weight: 400;

}

#loginflowModal .form-control:-moz-placeholder { /* Firefox 18- */

  color: #9B9B9B;

  font-weight: 400;

}

#loginflowModal .modal-content {

    background: #FFFFFF;

    box-shadow: 0px 9px 17px rgba(0, 0, 0, 0.2);

    border-radius: 20px;

    border: 0;

}

#loginflowModal .modal-dialog{

  max-width: 450px;

}

#loginflowModal .modal-header {

    background: #2181FF;

    border-radius: 20px 20px 0px 0px;

    display: block;

    text-align: center;

    padding: 50px 20px;

    position: relative;

}

#loginflowModal .modal-header img {

  width: 100%;

  height: 50px;

  object-fit: contain;

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);

}

#loginflowModal .modal-header .close {

  padding: 0;

  margin: 0;

  position: absolute;

  top: 0;

  right: 0;

  padding: 6px 10px;

  border-radius: 10px;

  border:1.5px solid #fff;

  font-size: unset;

  opacity: 1;

  margin: 1em 1em 0 0;

}

#loginflowModal .modal-body{

  padding: 20px 20px;

  margin: 0 auto;

  text-align: center;

  width: 100%;

}

#loginflowModal h4 {

  color: #000;

  font-size: 26px;

  font-weight: 700;

  line-height: normal;

  text-align: left;

  margin-bottom: 10px;

}

#loginflowModal h6 {

  color: #788495;

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 2rem;

  text-align: left;

}

#loginflowModal .form-control {

    background: #FFFFFF;

    border: 1px solid #F0F0F0;

    border-radius: 8px;

    color: #10194A;

    font-size: 16px;

    font-weight: 600;

    height: auto;

    padding: 12px 44px;

    position: relative;    

    box-shadow: 0px 4px 6px transparent;

}

#loginflowModal .form-control::placeholder{

  color: #788495;

}

#loginflowModal .input-group svg {

    position: absolute;

    left: 0;

    color: #2181FF;

    width: 18px;

    height: 18px;

    font-size: 18px;

    margin: 15px 15px;

    z-index: 11;

}

#loginflowModal .input-group i{

  position: absolute;

  right: 0;

  color: #788495;

  font-size: 18px;

  margin: 16px 15px;

  z-index: 11;

}

.input-group.active .form-control, .iti.active .form-control {

    border: 0.8px solid #2181FF !important;

    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.04) !important;

}

.focus_active svg path{

  fill: #2181FF;

}

.input-group.active svg, .input-group.active i, .iti.active ~ svg {

    opacity: 1 !important;

}

#loginflowModal .form-control:focus{

    box-shadow: 0 0 0 0.1rem rgb(33 129 255);

    border: 0;

}

/* input[type="file"] {
  display: none;
} */
/* .custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 100px;
} */

input[type="file"] {
  padding: 4px;
  margin: -4px;
  position: relative;
  outline: none;

  /* File Selector Button Styles */
  &::file-selector-button {
    border-radius: 60px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(#000, 0.16);
    box-shadow: 0px 1px 0px rgba(#000, 0.05);
    margin-right: 16px;

    /*
      This is a hack to change the button label. 
      I'm hiding the default label and then 
      manually applying the width based on 
      updated icon and label.
    */
    width: 132px;
    color: transparent;
    
    /*
      Firefox doesn't support the pseudo ::before 
      or ::after elements on this input field so 
      we need to use the @supports rule to enable 
      default styles fallback for Firefox.
    */
    @supports (-moz-appearance: none) {
      color: var(--primary-color);
    }

    &:hover {
      background-color: #f3f4f6;
    }

    &:active {
      background-color: #e5e7eb;
    }
  }

  /* Faked label styles and icon */
  &::before {
    position: absolute;
    pointer-events: none;
    top: 14px;
    left: 16px;
    height: 20px;
    width: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
  }
  
  &::after {
    position: absolute;
    pointer-events: none;
    top: 16px;
    left: 40px;
    color: var(--primary-color);
    content: "Browse";
  }

  /* Handle Component Focus */
  &:focus-within::file-selector-button,
  &:focus::file-selector-button {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
  }
}
.modal-btn {

    background: #2181FF;

    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);

    border-radius: 100px;

    border: 1px solid transparent;

    font-size: 16px;

    font-weight: 700;

    padding: 12px 90px;

    display: block;

    line-height: normal;

    color: #fff;

    margin: 30px auto;

    text-align: center;

   

}

.modal-btn:hover{

  background: transparent;

  border: 1px solid #2181FF;

  color: #2181FF;

}

#loginflowModal .modal-content p{

  font-size: 15px;

  font-weight: 400;

  color: #788495;

  display: block;

  text-align: center;

  margin-bottom: 0;

}

#loginflowModal .modal-content a b{color: #10194A;font-weight: 700;}

.forgot_link label{color: #788495;display: block;text-align: right;font-weight: 500;font-size: 16px;cursor: pointer;}



#register_sec .modal-btn, #forgot_sec .modal-btn, #otp_sec .modal-btn {

    margin: 30px auto !important;

}

.forgot_icon {

    display: block;

    text-align: center;

    width: 66px;

    margin: 10px 0 20px;

}


.custom_blocks{
  display: flex;
  grid-gap: 10px;
}

.custom_blocks .form-control {

    width: 95px;

    height: 90px !important;

}

#otp-entries .otp-input {
  width: 60px !important;
  height: 60px !important;
  padding: 10px !important;
  text-align: center;
}
#otp_sec {
  margin: 1rem 0 0;
}
.otp_sec_includes svg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
  margin: 0 14px;
}
/*-----Login Flow [ END ]-------*/

.category_blog p{

  font-size: 16px;

  font-weight: 600;

  text-align: center;

  margin-bottom: 0;

}

.jobpost-carousel .owl-nav{

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 110px;

  margin: 30px auto 0;

}

.owl-nav button {

  background: transparent;

  border: 1.5px solid #FFFFFF !important;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  border-radius: 50%;

}

.owl-nav button span {

  font-size: 40px;

  line-height: 20px;

  color: #fff;

  font-weight: 200;

  display: inline-block;

  position: relative;

  top: -2px;

}

.owl-nav button:hover{

  border-color: #2181FF !important;

}

/* counter blog */

.wd-counter-blog{padding: 70px 0;}

.wd-counter-left img{

  border-radius: 32px;

}

.wd-counter-right{

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: space-between;

}

.wd-counter-title h3{

  color: #FFF;

  font-family: 'Urbanist', sans-serif;

  font-size: 42px;

  font-weight: 700;

  margin-bottom: 25px;

}

.wd-counter-title p{

  font-family: 'Urbanist', sans-serif;

  font-size: 20px;

  font-weight: 400;

  margin-bottom: 0;

}

.wd-search-area  {

  margin: 1rem auto 2rem;

  position: relative;

  max-width: 100%;

  width: 100%;

}

.wd-search-area .form-control{

  padding: 15px 20px;

  height: auto;

  border: 1px solid #FFFFFF;

  border-radius: 100px;

  background: transparent;

}

.wd-counter-left img{

  max-width: 100%;

  width: 100%;  

}

.wd-search-area{

  margin: 120px auto 0;

}

.wd-search-area span{

  position: absolute;

  top: 0;

  right: 0;

  width: 24px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 15px;

}

/* counter */

.wd_counter{

  display: flex;

  align-items: center;

  justify-content: space-around;

  border-radius: 10px;

  padding: 50px 0;

}

.wd_number{

  display: flex;

  align-items: center;

  grid-gap: 2px;

  margin-bottom: 0px;

}

.wd_count_bx h3, .wd_number span{

  margin-bottom: 0px;

  font-family: 'Urbanist', sans-serif;

  font-size: 44px;

  font-weight: 600;

  color: #fff;

}

.wd_count_bx p{

  font-family: 'Urbanist', sans-serif;

  font-size: 18px;

  font-weight: 600;

  color: #b1b1b1;

}

.brand-box{

  border: 1px solid rgba(255, 255, 255, 0.30);

  min-height: 120px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

}

.brand-box img{width: auto !important;}

.getin_touch {

  background: url("../images/home/frame.png") no-repeat;

  background-size: contain;

  background-position: bottom;

  padding: 50px 0;

  position: relative;

  display: block;

}

.test-owl .owl-dots{

  display: block;

    text-align: center;

    margin: 1rem 0 0;

}

.test-owl .owl-dots .owl-dot span{

  background-size: cover !important;

    width: 60px;

    height: 60px;

    border: 2px solid transparent;

    position: relative;

    display: inline-block;

    border-radius: 50%;

    margin: 0 5px;

}


.test-owl .owl-dots .owl-dot.active span{

  border: 2px solid #2181FF

}

.test-owl{

  text-align: center;

}

.test-owl h6{

  font-size: 30px;

  font-weight: 700;

  /* color: #FFFFFF; */

}

.test-owl p{

  font-size: 20px;

    font-weight: 300;

    margin: 1rem auto 3rem;

    width: 60%;

}

.test-owl span{

  font-size: 20px;

  font-weight: 600;

  color: #fff;

}

.test-owl .owl-nav {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.testimonial_main{

  padding: 50px 0;

}

.getin_blog{

  text-align: center;

  padding: 80px 0 0;

}

.getin_blog h5{

  font-size: 28px;

  font-weight: 700;

  color: #fff;

  display: block;

}

.getin_blog p{

  font-size: 14px;

  color: #B1B1B1;

  font-weight: 500;

}

.getin_form{

  max-width: 560px;

  width: 100%;

  margin:2rem auto 0;

}

.getin_form .form-control{

  box-shadow: 0px 3px 8px 0px #00000017;

  border: 1px solid #E0E0E0;

  background: #fff;

  display: block;

  width: 100%;

  position: relative;

  font-size: 16px;

  font-weight: 500;

  color: #808080;

  border-radius: 100px;

  height: auto;

  line-height: normal;

  padding: 15px 25px;

}

.getin_form a{

  box-shadow: 0px 3px 4px 0px #00000024;

    background: #10194A;

    border-radius: 50px;

    font-size: 16px;

    font-weight: 700;

    color: #FFFFFF;

    display: inline-block;

    padding: 10px 30px;

    position: absolute;

    right: 0;

    top: 0;

    margin: 5px 5px;

}

.wd-feedback-view{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px;
}


/*----23-10-2023---*/
.wd_blog{
  padding: 70px 0;
  background: #000832;
}
.wd_inner_banner h3{
  font-size: 40px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font-family: 'Urbanist', sans-serif;
}
.wd_inner_banner p{
  font-size: 20px;
  display: block;
  font-weight: 300;
  font-family: 'Urbanist', sans-serif;
  color: #ffff;
  margin: 0 auto;
  text-align: center;
}
.wd_inr_blog{
  padding: 60px 0;
  background: #fff;
}
.wd_blog_bx{
/*  background: #2181FF;*/
  box-shadow: 0px 4px 13px 0px rgb(0 8 50 / 10%);
  border-radius: 20px;
  text-align: center;
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.wd_blog_bx img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.wd_blog_txt{
  padding: 15px;
}
.wd_blog_txt h3{
  font-size: 20px;
  text-align: left;
  color: #000832;
  font-weight: 700;
}
.wd_blog_txt h2{
  font-size: 20px;
  text-align: left;
  color: #000832;
  font-weight: 700;
}
.wd_date_bx{
  display: flex;
  align-items: center;
  grid-gap: 15px;
  margin-bottom: 10px;
}
.wd_date_bx span{
  background: rgb(16 25 74 / 30%);
  padding: 5px 8px;
  font-size: 12px;
  line-height: normal;
  border-radius: 5px;
  color: #000;
}
.wd_date_bx p{
  color: rgb(198 204 213);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.wd_blog_txt p{
  text-align: left;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  color: #949599;
}
.pagination{
  justify-content: center;
  grid-gap: 5px;
  margin: 15px auto 0;
}
.page-item{
  margin: 0 5px;
}
.page-item .page-link{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #000832;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
}
.page-item:first-child .page-link{
  background: #1687ff;
  border-radius: 5px;
  color: #fff;
  width: fit-content;
}
.page-item:last-child .page-link{
  background: #1687ff;
  border-radius: 5px;
  color: #fff;
  width: fit-content;
}
li.page-item
.wd-mr-blog-bottom{
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #fffefe4f;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wd-blog-like-cmnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 10px;
}
.wd-mr-blog-bottom .wd-mr-heart span{
  margin-left: 20px;
  font-size: 14px;
}
/*---BlOG Detail-------*/

.wd_ind_detail{
  position: relative;
  margin-bottom: 15px;
}
/* .wd_ind_detail img{
  width: 100%;
  height: 555px;
  object-fit: cover;
} */
.wd_ind_detail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.wd_ind_txt{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
}
.wd_ind_txt h3{
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
}
.wd_ind_icon{
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.wd_ind_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(255 255 255 / 30%);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.wd_ind_lft li{
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  margin:0 15px;
  display: inline-block;
}

.wd_ind_lft li::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 0.5em 0em 0 -1.3em;
}
.wd_ind_lft li:first-child::before, .wd_ind_btm:last-child:first-child .wd_ind_lft li::before{
  background: none !important;
}
.wd_ind_lft li:first-child{
  margin-left: 0;
}
.wd_ind_btm{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*.wd_ind_btm:last-child .wd_ind_lft li::before{
  background: #fff;
}*/

.wd_ind_tags{
  background: #F6F6F6;
  padding: 15px;
  margin: 25px 0;
}
.wd_ind_tags h3{
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.wd_ind_tags li{
  border-radius: 90px;
  background: #E8E8E8;
  display: inline-block;
  padding: 5px 10px;
  color: #888;
  font-size: 12px;
  font-weight: 600;
  margin: 0 3px;
}
.wd_ind_para{
color: #000;
  margin-bottom: 25px;
}
.wd_ind_para p{
  color: #545454;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 10px;
}

.wd_ind_para p h3{
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
}

.wd_ind_para p a{
  color: #2181FF;
  font-weight: 500;
  text-decoration: underline;
}
.wd_ind_para p a:hover{
  color: #2181FF;
}
.wd_ind_para h4{
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
}
/*-------Industry Update Detail [ END ]-----------*/
/* -------search section for blog -----------*/
.wd_srch_form{
  padding: 0 0 0px;
  margin: -30px 0 0;
  position: relative;
}
.wd_srch_form .form-group{
  position: relative;
}
#t_and_c_chkbox_label {
  color: black;
}
#t_and_c_chkbox_label a {
  color: #2181FF;
}
.wd_srch_icon {
    position: absolute;
    top: 13px;
    left: 15px;
}
.wd_srch_form .form-control{
  border-radius: 11px;
  background: #FFF;
  box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.10);
  height: auto;
  padding: 18px 18px 18px 50px;
  border:0;
}
/*-------- search section [END]*/
.read-more{
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #2181FF;
  width: fit-content;
  margin: 5px 0 0;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.read-more:hover{
  font-weight: 700;
  color: #2181FF;
  text-decoration: underline;
    -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;

}


/* For other boilerplate styles, see: /docs/general-configuration-guide/boilerplate-content-css/ */
/*
* For rendering images inserted using the image plugin.
* Includes image captions using the HTML5 figure element.
*/

figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}

figure.align-left {
  float: left;
}

figure.align-right {
  float: right;
}

figure.image img {
  margin: 8px 8px 0 8px;
}

figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}


/*
 Alignment using classes rather than inline styles
 check out the "formats" option
*/

img.align-left {
  float: left;
}

img.align-right {
  float: right;
}

/* Basic styles for Table of Contents plugin (toc) */
.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc li {
  list-style-type: none;
}

#image_preview {
  max-width: 100%;       /* Limits the width to the container's width */
  max-height: 200px;     /* Adjusts the maximum height */
  width: auto;           /* Keeps width relative to height */
  height: auto;          /* Keeps height relative to width */
  object-fit: contain;   /* Maintains aspect ratio */
  display: block;        /* Makes the image a block element */
  margin: 0 auto;        /* Centers the image horizontally */
}
#questions_content_ul .nav-item {
  margin-bottom: 1rem;
}
.follow-on-questions {
  padding-left: 1rem;
}

/* Style the select dropdown */
select {
  width: 100%; /* Adjust width as needed */
  padding: 10px; /* Adjust padding to increase spacing inside the dropdown */
  margin-bottom: 20px; /* Adjust as needed for spacing after the dropdown */
  border: 1px solid #ccc; /* Border color */
  border-radius: 5px; /* Rounded corners */
  font-size: 16px; /* Adjust as needed */
  color: #333; /* Text color */
  -webkit-appearance: none; /* Removes default styling on iOS */
  -moz-appearance: none; /* Removes default styling on Firefox */
  appearance: none; /* Removes default styling */
  background-color: #fff; /* Dropdown background color */
  cursor: pointer; /* Changes the cursor to a pointer */
}

/* Optionally style the dropdown arrow */
select {
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l4-5H2z" fill="%23333"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px top 50%; /* Adjust as needed */
  background-size: 12px 12px; /* Size of the arrow */
}

/* Add focus style for accessibility */
select:focus {
  outline: none;
  border-color: #2181ff; /* Highlight color when focused */
  box-shadow: 0 0 0 2px rgba(33, 129, 255, 0.5); /* Glow effect on focus */
}

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/*------ Job search modal flow ------*/
.search__modal{
  font-family: "Nunito", sans-serif;
  padding: 0 !important;
}
.search__modal .modal-dialog{
  max-width: 697px;
}
.search__modal .modal-content{
  /* background: #fff url(../images/bgmodal.png) no-repeat; */
  background: #fff;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    border: none;
}
.search__modal .modal-header{
  background: #E4F6FFE4;
  border-radius: 30px 30px 0 0;
  padding: 20px 40px;
 align-items: center;
}
.form-list {
  padding: 20px 40px;
  margin-bottom: 10px;
}
.search__modal .modal-body{
  padding: 20px 40px;
}
.search__modal h3{
  font-size: 26px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
}
.jobdetail_btn{
  background: #2181FF;
  border: 1px solid #2181FF;
  border-radius: 30px;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 12px 10px;
}
.jobdetail_btn:hover {
  background: #fff;
  color: #2181FF;
}
.srchjob_btn {
  border: 1px solid #2181FF;
  border-radius: 30px;
  padding: 10px 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #5D5D5D;
  background: #fff;
}
.srchjob_btn:hover {
  background: #2181FF;
  color: #fff;
}
.ortext_modal span {
  font-size: 20px;
  font-weight: 400;
  color: #000000B2;
  display: block;
  text-align: center;
}
.ortext_modal {
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  align-items: center;
}
.ortext_modal:after, .ortext_modal:before {
  content: "";
  max-width: 234px;
  width: 100%;
  height: 1px;
  background: rgb(30 30 30 / 20%);
  display: inline-block;
  margin: auto;
}
.search__modal .close {
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #1E1E1E;
  border-radius: 5px;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  font-size: 16px;
  line-height: 0;
}
.modal_headtitle{
  margin-bottom: 30px;
}
.search__modal .form-group{
  margin-bottom: 20px;
}
.search__modal .form-control{
  background: rgb(228 228 228 / 30%);
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 17.5px;
    width: 100%;
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    height: auto;
    line-height: normal;
    padding: 12px 20px;
}
.search__modal textarea.form-control{
  height: 113px !important;
}
.modal-open {
  padding: 0 !important;
}
.search__modal input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.search__modal input[type=checkbox] ~ label {
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}
.search__modal input[type=checkbox] ~ label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #08FF00ED;  
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;  
}
.search__modal input[type=checkbox]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 7px;
  height: 15px;
  border: solid #08FF00ED;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.file__grpmdl{
  display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
}
.decline_btn{
  background: #10194A;
  border: 1px solid #10194A;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 10px 10px;
  max-width: 212px;
  width: 100%;
  display: inline-block;
}
.decline_btn:hover{
  border: 1px solid #B5D5FF;
  background: #B5D5FF;
  color: #10194A;
}
.accept_btn{
  background: #2181FF;
  border: 1px solid #2181FF;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 10px 10px;
  max-width: 212px;
  width: 100%;
  display: inline-block;
}
.accept_btn:hover{
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #10194A;
}
#cookie_modal h5{
  font-size: 24px;
  font-family: 'SF Compact Display Bold';
  color: #000000;
}
#cookie_modal p{
  font-size: 16px;
  font-weight: 400;
  color: #52595C;
  margin-bottom: 0;
}
#cookie_modal {
  padding: 0 !important;
  bottom: 0;
  top: unset !important;
  height: auto;
}
#cookie_modal .modal-dialog {
  max-width: 100%;
  min-height: unset;
  margin: 0;
}
#cookie_modal .modal-content {
  border-radius: 30px 30px 0 0;
}
#cookie_modal .modal-body {
  padding: 40px  50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modalbtn_grps {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  width: 100%;
}
#cookie_modal .modal-body .modal_headtitle {
  margin-bottom: 0;
  width: 100%;
}

.video-responsive {
  /* max-width: 60%; */
  margin: 0 auto;
  padding: 0;
  /* height: 60vh; */
}

.video-responsive iframe {
  position: relative;
  display:block;
}

.video_row {
  margin: 10px;
}

/* @media (min-width: 1024px) {
  .video-responsive {
      max-width: 60%;
      margin: 0 auto;
  }
} */

@media (max-width: 991px)
{
  .search__modal .modal-content{border-radius: 20px;}
  .search__modal .modal-header{border-radius: 20px 20px 0 0;padding: 20px;}
  .search__modal .modal-body{padding: 20px;}
  .search__modal h3{font-size: 22px;}
  .search__modal p{font-size: 14px;}
  .file__grpmdl{gap: 15px;}
  #cookie_modal .modal-content{border-radius: 20px;}
  #cookie_modal .modal-body{flex-wrap: wrap;padding: 20px;}
  #cookie_modal h5{font-size: 16px;}
  #cookie_modal p{font-size: 12px;margin-bottom: 1rem;}
  .modalbtn_grps{flex-wrap: wrap;justify-content: center;}
  #cookie_modal .modal-dialog{max-width: 273px;min-height: calc(100% - 1rem);margin: auto;}
  #cookie_modal{top: 0 !important;}
}