@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');
/* font-experiment ====================== */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.bg-color{
    background: linear-gradient(270deg, #ebeef5 0, #f2f4f8 35%, #f4f2f8 54.92%, #fffcfd 100%);
       
}

.head-small{
    font-size: 18px;
    margin-top: -2px;
    font-family: "Ubuntu", sans-serif;
    line-height: 26px;
    font-weight: 700;
    color: #383838;
 
}
.color-blue{
    color: #2983FE!important;
}
.text-colored{
 color: #393939
    ;
}
.font-italic{
    font-style: italic;
}
.font-inter{
    font-family: "Inter", sans-serif!important;
}
.index01_rightBackground-color{
    /* background: linear-gradient(270deg, #e7edf8 0, #e7edf8 35%, #efebf5 54.92%, #f4ecee 100%); */
    height: 100%;
}

.nav-item-home2 a{
    padding: 6px!important;
}

.blurred-box-bottom{
    bottom: 0%;
}

.btn-create-index02{
    background-color: #03AA42!important;
    color: #ffffff!important;
}

.bg-color2{
    background: #fefefe!important;
}

.btn-create{
    font-size: 17px!important;
}
/* .sticky-navbar-index02{
    background: #fefefe!important;
    box-shadow: none!important;
} */
.height-74vh{
    min-height: 73vh;
}
.font-inter{
    font-family: "Inter", sans-serif;
}
.logo-index01 a{
font-size: 16px;
font-weight: 800;
color: #2982ff!important;
}
.logo-index01 a:hover{
color: #2982ff;
}
.logo-index01 a h1 {
    font-size: 32px;
    font-weight: 800;
}
.logo-index01 a .logo-span{
color: #ff4b5a;
}
.logo-index01 a .logo-span:hover{
color: #ff4b5a!important;
}
.index01-box-top{
    margin: 2px 0;
}
.logo-top{
    top: 3px!important;
    right: -16px;
    
}
.tag-line{

    font-size: 8px;
    font-weight: 500;
    color: #4149cc;
    margin-top: -10px;
}
.nav-link-index01{
    position: relative;

}

.nav-link-index01::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;  
    width: 0;
    height: 3px; 
    background-color: #6b50de; 
    transition: width 0.3s ease; 
}
.nav-link-index01:hover::after {
    width: 100%;
}
.index01-hero-content{
    width: 100%;
}
.index01-hero-text {
    margin-top: 16px;
    font-size: 28px;
    font-weight: 700;
    color: #343434;
    line-height: 36px;
}
.nav-item .sign-in-btn{

}

.index01-hero-text .text-colored-index01{
    color: #0f73ff;
    font-weight: 800;
   
 
}
.index01-hero-text .text-colored-index01_2{
   
    color: #ff4b5a
 
}
.logo-top{
    width: 20px;
}

.index01-logo{
    width: 200px;
}
.index01-box-top img{
width: 50px;
}
.index02-box-top img{
    width: 40px;
    }
.index01-box-top h2{
font-size: 16px;
color: #353535;
font-weight: 700!important;
}
.index01-box-top p{
font-size: 13px;
color: #3b3b3b;

}

.index01-closure ul img{
    background-color: #596376;
    border: 2px solid #fff;
    border-radius: 100px;
    color: #ffffff;
    display: block;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 100;
    height: 54px;
    width: 54px;
    margin-left: -15px;
    cursor: pointer;
}

.index01-box-btn .btn-closure-index01{
    width: fit-content;
    margin: 0 auto;

}



.yellow-tooltip .tooltip-inner {
    background-color: hsla(58, 100%, 68%, 0.989) !important;
    color: rgb(48, 48, 48) !important;
    font-weight: 700;
    border: 1px solid rgba(42, 42, 42, 0.23);
}

.yellow-tooltip .tooltip-arrow::before {
    border-top-color: rgb(223, 223, 223) !important;
   
}




.index01-closure .head-text{
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}
.index01-closure .head-text span{
    color: #393939;
    font-weight: 700;
}
.index01-closure .head-para_text{
    font-size: 14px;
    color: #878787;
}
.btn-closure-index01 span{
    vertical-align:bottom;
    font-size: 23px;
    font-weight: 300;
}
.btn-closure-index01{
    color: #fff;
    background-color: #0071e3;
    padding: 9px 18px;
    border-radius: 50px;
    font-weight: 600!important;
    font-size: 13px;
    font-weight: 600;
}
.btn-closure-index01:hover{
   color: #fff;
   scale: 1.03;
   transition: 0.4s ease;

 
}
.btn-closure-index01_2{
    background-color: #fff;
    border: 1px solid #dadada!important;
    color: #0071e3;
}
.btn-closure-index01_2:hover{
    background-color: #fff;
    color: #0071e3;
    scale: 1.03;
    transition: 0.4s ease;
    
}

.slider-container-index01 {
    height: 75vh!important;
    overflow: hidden;
    position: relative;
}
.arrow-right{
    font-size: 22px;
    vertical-align: bottom!important;
}
.support-sticky{
    position: fixed;
    z-index: 10000;
    bottom: 13%;
    right: 2%;
}
.support-sticky a span{
    color: #000;
    padding: 6px;
    border: 1px solid #fff;
    border: 2px solid #acacac3d;
    border-radius: 50px;
    font-size: 34px;
    background-color: #fff;
}
.tooltip{
    position: relative;
    z-index: 10000!important;
}
.support-sticky a span:hover{
    background-color: #ffffff;
    border: 2px solid #8383833d;

}
.slider-container-index02 {
    height: 73vh;
    overflow: hidden;
    position: relative;
}

.slider-content-index01 {
    display: flex;
    flex-direction: column;
    height: 200%;
}
.tooltip{
    position: relative;
    z-index: 10000;
}
.slider-item-index01 {
    background-color: #fafafab4;
    border: 1px solid #dfdfdf56;
    margin: 8px;
    box-shadow: 0 0 16px 0 #c6c6c60d;
    padding: 15px;
    border-radius: 12px;
    cursor: pointer;
    flex-shrink: 0;
}
.index01-box-btn a{
    color: #fff!important;
    padding: 5px 14px;
    font-size: 16px!important;
    line-height: 2rem!important;
    font-weight: 700!important;
    text-align: center!important;
    font-family: "Roboto", sans-serif!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, .24)!important;
    text-transform: capitalize!important;
    border-radius: 50px!important;
}
.footer-switch-buttons button{
    padding: 6px!important;
}
.avatar-stack_item2 img{
    position: relative;
   z-index: 10;
}
.avatar-stack_item2 img:hover{
transform: translate(-4px);
transition: 0.2s ease;
}
/* Animation for upward sliding */
.slider-up-index01 {
    animation: slideUp 80s linear infinite;
}

/* Animation for downward sliding */
.slider-down-index01 {
    animation: slideDown 75s linear infinite;
}

.dropdown-index01 {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(10px);
    position: absolute;
    z-index: 1050;
}

.nav-dropdown.show .dropdown-index01 {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
@keyframes slideUp {
    0% { transform: translateY(0); }
    100% { transform: translateY(-75%); }
}

@keyframes slideDown {
    0% { transform: translateY(-70%); }
    100% { transform: translateY(5%); }
}

/* Pause animation on hover */
.slider-container-index01:hover .slider-content-index01 {
    animation-play-state: paused;
}
.index-01-right0running-box img{
    border-radius: 50px;
    width: 35px;
}
.person-name-index01{
    font-size: 12px;
    color: #212121;
    font-weight: 700;
}
.person-profile-index01{
    font-size: 12px;
    color: #545e6b;
}
.index01-running-box-content,
.slider-item-index01 ol li{
    font-size: 12px;
    font-weight:500;
    color: #545e6b;
}
.index01-running-box-content span{
    color:#736de9;
    font-weight: 600;
}
.bi-whatsapp{
    font-size: 18px;
}
.sticky-navbar-index01 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    background-color: rgb(255, 255, 255);
border-bottom: 1px solid hsla(0, 0%, 96%, 0.177);
    transition: all 0.3s ease;
    padding: 0 !important;
    padding-top: 4px !important;
}
.pages-content{
    font-size: 15px;
    font-weight: 400;
    color: #373737;
}
.pages-heading {
    font-size: 27px;
    font-weight: 600;
    margin: 0 auto;
    color: #2d2d2d;
    padding: 4px 12px;
}
.sub-heading-main{
    font-size: 17px;
    font-weight: 600;
    padding: 8px 10px;
    background: linear-gradient(90deg, rgba(253, 237, 154, 0) 0%, #dfe5e9 8.41%, #e9f2f7 90.07%, rgba(253, 243, 188, 0) 100%);
    line-height: 1.3;

  width: fit-content;
   
}

#terms,
#privacy,
#refund,
#contact,
#faq,
#blog,
#disclaimer{
    height: 75vh;
    overflow: auto;
   
}
#terms::-webkit-scrollbar,
#privacy::-webkit-scrollbar,
#refund::-webkit-scrollbar,
#contact::-webkit-scrollbar,
#faq::-webkit-scrollbar,
#blog::-webkit-scrollbar,
#home::-webkit-scrollbar,
#disclaimer::-webkit-scrollbar {
  width: 4px;
}

#terms::-webkit-scrollbar-thumb,
#privacy::-webkit-scrollbar-thumb,
#refund::-webkit-scrollbar-thumb,
#contact::-webkit-scrollbar-thumb,
#faq::-webkit-scrollbar-thumb,
#blog::-webkit-scrollbar-thumb,
#home::-webkit-scrollbar-thumb,
#disclaimer::-webkit-scrollbar {
  background-color: #ededed;

}

.contact-us-head-box p{
  font-size: 14px;
  font-weight: 500;
  color: #2e2e2e;
}
.contact-form-head_text{
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.hide{
    display: none!important;
}
.accordion-button{font-weight: 500!important}
.accordion-body{
    font-size: 14px;
    color: #243d83;
    background-color: #eceafa60;
}
.accordion-body{
 margin-top: -10px;
 border-radius: 14px;
 padding-top: 20px!important;
}
.accordian-item{
    border: 1px solid #243d83!important;
}
.sticky-navbar-index01.full-width {
    width: 100vw;
  
}
.dropdown-toggle-index01{
    cursor: pointer;
}
.dropdown-toggle-index01::after{
    display: none;
}
.profile-index1 img{
width: 27px;
}
.navbar-nav .nav-item-home1{
    margin: 0 12px;
    padding: 2px 14px;

}
.navbar-nav .nav-item-home1 a{
    color: #4e4e4e!important;
    padding: 2px 0;
    font-size: 17px;
    font-weight: 700;
}
.index02-navbar{
    width: fit-content!important;
    margin-right: 0;
}

.navbar-nav .nav-item-home1 a:hover{
    color: #0d0d0d!important;

}
.reachout-index1 i{
    font-size: 22px;
}
.index01-box1 a{
    padding: 9px 12px!important;
}
.home1-get-support-btn,
.services-link
{
    box-shadow: -1px 2px 2px 0px #6f6f6f6f;
    background-color: #fff;
    border: 1px solid #dfdfdf54;
    border-radius: 50px;
}
.create-resume-top{
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
}
.home1-get-support-btn:hover, .services-link:hover,
.create-resume-top:hover{
    background-color: #f4f5f5!important;
    color: #024481!important;
}


#dropdownMenuButton{
    vertical-align: sub;
}
.index01-box2 span{
    vertical-align: bottom;
}
.reachout-index1 .index01-box1{
    background-color:#eeeded;
    border: 1px solid #cccccc;
    border-right: none;
    border-radius: 25px 0 0 25px;
}
.reachout-index1 .index01-box1:hover.index01-box1 i{
    color: #0CC143;
}
.reachout-index1 .index01-box2{
    background-color:#eeeded;
    border: 1px solid #cccccc;
    border-radius: 0 25px 25px 0;
}
.reachout-index1 .index01-box2:hover.index01-box2 span{
    color: #4149cc;
}
.index01-box2{
    padding: 4.5px 0;
}
.offer-index01{
    top: -4px;
    font-size: 8px;
    right: -4px;
    background-color: antiquewhite;
    padding: 1px 4px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 500;
}

.profile-index1 span{
    padding: 6px!important;
}

.dropdown-list{
    padding: 0 4px!important;
}


footer{
    position: relative;
    z-index: 1050;
    border-top: 1px solid #efefef6e;
    background-color: #fff;
}
.dropdown-index01 {
    left: -70px!important;
    padding: 6px;
   
}
.offer-index02{
    background-color: #c6e2ee;
}
.top-icon0_1{
    border-right: 1px solid #d6d6d6;
}
.top-icon3{
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}
.top-icon2{
    border-left: 1px solid #d6d6d6
   
}
.footer-switch-buttons .nav-item{
font-size: 12px;
font-weight: 700;
border-right: 1px solid #efefefb2;

}
.footer-switch-buttons .nav-item .nav-link{
    font-weight: 700;
    color: #464646;
}
.footer-switch-buttons .nav-item .nav-link:hover{
    font-weight: 700;
    color: #4149cc;
}
.footer-switch-buttons .nav-item a:hover{
color: #4149cc;
}
.footer-switch-buttons .nav-item .nav-link{
    border: none;

}

.footer-switch-buttons .nav-item .nav-link.active{
    border: none;
    color: #4149cc;
    background-color: transparent;
}

.footer-switch-buttons .nav-item i{
font-size: 17px;
color: #464646;;

}
.footer-switch-buttons p{
    font-size: 12px;
    padding: 0 4px;
    color: #736de9;
    font-weight: 700!important;
    cursor: pointer;
}



.footer-links span,
.user-icon,
.btn-closure-index01 span {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.footer-links span,
.user-icon{
    color: #666666;
    vertical-align: middle;
    font-size: 21px;
}
.footer-links i{
    padding: 3px 5px;
    font-size: 15px!important;
    border-radius: 50px;
    border: 1px solid #a5a5a56f;
    background-color: #eaeaea;
    vertical-align: -webkit-baseline-middle!important;
}
.footer-link-call:hover.footer-link-call span{
    color: #000;
}
.footer-link-call span,
.footer-socials-links .footer-links{
    background-color: #fff;
    padding: 4px;
    border-radius: 50px;
}
.footer-switch-buttons .nav-item .nav-link {
    padding: 4px 7px!important;
    border: none;
}
.footer-socials-links .footer-links{
    padding: 2px 7px!important;
}
.footer-socials-links {
    margin: 0 1px
}
.footer-socials-links .bi-linkedin:hover {
    color: #0077B5; 
  }
  
  .footer-socials-links  .bi-facebook:hover {
    color: #1877F2; 
  }
  
  .footer-socials-links  .bi-instagram:hover {
    color: #E4405F; 
  }
  
  .footer-socials-links .bi-youtube:hover {
    color: #FF0000; 
  }
  
  .footer-socials-links .bi-twitter-x:hover {
    color: #1DA1F2;
  }
.footer-link-call{
    font-weight: 800;
}

.footer-sub li{
    font-size: 12px;
    font-weight: 600;
    color: #7b7b7b;
}
.footer-sub span{
    vertical-align: sub;
    font-size: 14px;
    color: #1e8b14;

}

.footer-line-break{
    color: #cccccca4;
    width: 95%;
    margin: 0 auto;
}
.mobile-buttons{
    background-color: #fefefe;
    position: fixed!important;
    top: 0;
    z-index: 1000;

}
.mobile-buttons .btn1{

background-color: #1982ec!important;
}
.mobile-buttons .btn2{

    border: 1px solid #ccdbfc;
    background-color: #e5eefe!important;
    color: #001fb9!important;
    font-weight: 600!important;
}
#menu-socials-icon{
    background-color: #f6f6f6;
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    padding: 0 10px!important;
  
}
#menu-socials-icon span{
  vertical-align: middle;
  color: #5e5e5e;
  padding: 6px;
}
#menu-socials-icon span:hover{
color: #000;
}
.tooltip {
    z-index: 1000!important; 
}
.dropdown-index01 .dropdown-list{
    margin: 2px 0;
    font-size: 15px!important;
    padding: 6px 12px!important;
    border-radius: 4px;
}
.align-self-center.position-relative:hover [data-bs-toggle="tooltip"] {
    visibility: hidden; 
    opacity: 0; 
    pointer-events: none; 
}

.dropdown-index01 .dropdown-index01-items.dropdown-list{

font-size: 12px!important;
font-weight: 700;
width: 100%!important;
}
.dropdown-index01 .dropdown-index01-items.log-in-btn{
    background-color: #3a96f2!important;
    color: #fff!important;

 
}
.dropdown-index01 .dropdown-index01-items.log-in-btn:hover{
    background-color: #257bd1!important;
    color: #fff!important;
   
}
.dropdown-index01 .dropdown-index01-items.register-now-btn{
    background-color: #ffad47!important;
    color: #3b3b3b!important;
  
}
.dropdown-index01 .dropdown-index01-items.register-now-btn:hover{
    background-color: rgb(234, 188, 22)!important;
    color: #272727!important;
    
}
.tooltip {
    z-index: 1050; 
}
.tooltip-inner {
    max-width: 200px; 
}
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #000; 
}
.tooltip.bs-tooltip-top {
    padding: 0.5rem; 
}
#menu-socials-icon i:hover{
color: #000;
}
.top-icon4{
    border-radius: 0 50px 50px 0;
}
.top-icon1{
    border-radius: 50px 0 0 50px;
}
.top-icon1:hover{
  color: #0CC143!important
}
.top-icon2:hover{
  color: #0071e3!important
}
#menu-socials-icon i{
    font-size: 19px;
    color: #5e5e5e;
    padding: 4px 6.2px;
}
.home-page-content_box:hover{
background-color: #f6f6f6;
border-radius: 6px;
cursor: pointer;
}
.d-hide{
    display: none!important;
}
.mobile-buttons .btn span{
vertical-align: middle;
font-weight: 400;
font-size: 17px;
}
.mobile-buttons .btn1{
border-radius: 0 50px 50px 0;
}
.mobile-buttons .btn2{
border-radius: 50px 0 0 50px;  
}
.mobile-buttons .btn{
padding: 7px 8px;
background-color: #0071e3;
color: #fff;   
font-size: 13px; 
font-weight: 500;
}

footer{
    height:11vh;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0;
}

.slider-container{
    padding: 2px 18px 2px 14px;
}

.services-box{
    padding: 22px;
    width: 32%;
    margin: 0 auto!important;
    border: 4px solid #51505014;
    border-radius: 6px;
    background-color: #faf8f0;
    cursor: pointer;
 }
 .service-box2{
    background-color: #f1f6fd!important;
 }
 .service-box3{
    background-color: #f6f1f9!important;
 }
 .services-box:hover{
    transform: translateY(-4px);

    transition: 0.4s ease-out;
 }
.services-heading{
    font-family: "Gabarito", sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #3e3e3e;
    margin-bottom: 20px;
    margin-top: 8px;
}
.services-box h5{
    font-size: 15px;
    font-weight: 600;
    color: #2e2e2e;

}
.services-box .para{
    font-size: 14px;
    color: #353535;
    margin-bottom: 20px;
    }
.services-box p{
font-size: 15px;
color: #353535;
margin-bottom: 9px!important;
}
.btn-services{
    padding: 6px 18px;
    border: 1px solid #68686829;
    background-color: #2983FE;
    color: #fff!important;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 1px 1px 0 1px #c0c0c0;
}
.btn-services:hover{
    background-color: #146fee;  
}
.services-box ul li{
    font-size: 15px;
    color: #555555;
}
.service-tag{
    top: -16px;
   left: 50%;
   transform: translateX(-50%);
    padding: 6px 18px;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.service-tag1{
    background-color: #FC720F;
}
.service-tag2{
    background-color: #4384F4;
}
.service-tag3{
    background-color: #0EBE95;
}
/* .contact-us page--------- */
  
   
    .contact-us-before,
    .contact-form{
      border: 3px solid #d6d6d63d;
        border-radius: 12px;
        margin: 0 auto;
        background-color: #fbfbfb;
        cursor: pointer;
      
    }
   
    .icons-contact-us span{
        color: #0CC143;
        vertical-align: middle;
    }
    .contact-us-before:hover,
    .contact-form:hover{
     box-shadow: 4px 5px 3px 2px #d6ddef;
     transition: 0.3s ease-in-out;
    }
    .contact-us-before-text{
        font-size: 19px;
        font-weight: 700;
        color: #202020
    }
    .contact-us-before p{
        font-size: 14px;
    }
    .colored-support{
        color: #001fb9;
        font-weight: 600;
    }
    .contact-us-before .icon-left{
        font-size: 40px;
        padding: 8px;
        border-radius: 6px;
        background-color: #e5eefe;
        border: 1px solid #ccdbfc;
        color: #001fb9;
    }
    .form-control {
        padding-left: 2.5rem;
    }
    .contact-form span{
left: 10px;
color: #474747;
    }
.contact-form label{
    font-size: 16px;
    font-weight: 500;
}
.contact-form{
    min-height: 89%;
}
.contact-form input{
  border-radius: 50px;
} 
.contact-form input::placeholder,
.contact-form textarea::placeholder{
  font-size: 14px;
  color: #5c5c5c;
}
.btn-contact-us{
    width: 40% !important;
    font-weight: 600;
    border-radius: 3px;
    border-radius: 6px;
} 
#log-in-btn{
    width: 100%;
}
#register-btn{
    width: 100%;
}
/* .Blogs Styling----------- */
.blogs-box{
    width: 31%;
    margin: 10px auto!important;
    border-radius: 12px;
    border: 1px solid #dad9d9;
    border-radius: 12px;
    background-color: #fbfbfb;
    cursor: pointer;
    margin: 0 auto;
}
.blogs-box:hover{
 
        box-shadow: 4px 5px 3px 2px #d6ddef;
        transition: 0.3s ease-in-out;
}
.blog-img img{
    width: 100%;
    border-radius: 12px;
}
.blog-head-text{
    font-size: 20px;
    color: #222222;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 0;

}
.blog-content {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 14px;
    color: #474747;
}
.blog-person{
    width: 40px;
    border-radius: 50px;
}
.blog-person-name {
    font-size: 12px;
    color: #0077B5;
    font-weight: 600;
}
.dropdown-menu {
    min-width: 150px; 
}
.blog-year,
.blog-time-to-read{
    font-size: 11px;
    color: #343434;
    font-weight: 500;
}
.blog-icon{
    right: 4px;
    top: 0;
}
.dropdown-menu-blogs{
position: inherit;
z-index: 1050;
}
.dropdown-menu-blogs a{
    font-size: 14px;
}
/* BLog ReadFull------------ */
.read-full-container{
    width: 70%;
    margin: 0 auto;
}
.read-full-container .blog-person{
    width: 70px;
    cursor: pointer;
}
.read-full-container .blog-person-name{
    font-size: 18px;
    cursor: pointer;
}
.read-full-container .topic{
    font-size: 28px;
    font-weight: 700;
    color: #242424;
}
.custom-width{
    width: 60%;
    margin: 0 auto;
}
.readfull-icon-box{
    border: 1px solid #dadada;
    border-left: 0;
    border-right: 0;
}
.readfull-iocns span{
    cursor: pointer;
    margin: 0 12px;
    color: #676767;
}
.read-full-container .blog-time-to-read,
.read-full-container .blog-year{
    font-size: 14px;

}
.blogReadfull-icon span{
    font-size: 40px;
    color: #5c5c5c;
    vertical-align: middle;
}
.readfull-iocns p {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    margin-left: -7px;
    color: #606060;
}
.readfull-iocns p:hover{
    color: #000;
}
.blog-user span{
    font-size: 36px;
    color: #2d2d2d;
    vertical-align: bottom;
}
.readfull-content h2{
    font-size: 24px;
    font-weight: 600;
}
.readfull-content p,
.readfull-content li{
    font-size: 16px;
    font-weight: 400;
    color: #898989;
}
/* sign-up-login pages styling----------------- */
.User-container{
    width: 50%;
    margin: 0 auto;
    box-shadow: 0 0 5px 2px #e7e7e7;
   border-radius: 12px;

}
.login-page h1,
.register-page h1{
   font-size: 22px;
   font-weight: 700; 
}
.login-page p,
.register-page p{
font-size: 15px;
font-weight: 500;
color: #656565;
}
.register-page p a,
.login-page p a{
    font-size: 15px;
}
.login-page .login-input,
.register-page .register-input{
    padding-left: 8px;
    border-radius: 4px;
    border-color: #e8e9eb;
}
.login-input,
.register-input{
    border: 4px solid #c1c1c138;
    border-left: 2px solid #9d9d9d24!important;
    border-radius: 0 50px 50px 0!important;
    box-shadow: none!important;
}
#forgot-password .input-group-text,
#login .input-group-text,
#register .input-group-text {
    border: 4px solid #4646461a;

    border-radius: 50px 0 0 50px!important;
}
.form-select{
    border: 4px solid #4646461a!important;
height: 44px;
    border-radius: 50px!important;
    box-shadow: none!important;
}
.home-icon{
    vertical-align: sub;
    font-size: 23px;
}
.login-page .login-input:focus{
  border-color: none;
}
.login-page .login-input::placeholder,
.register-page .register-input::placeholder,
.register-page select,
.login-page  .form-check-label,
.login-page .forgot-password{
 font-size: 13px;
 font-weight: 500;
 color: #575757;
}
.login-page .forgot-password{
    font-size: 13px;
}
.login-page .forgot-password:hover{
   color: #000;
}
.getLogIn{
    background-color: #101727;
    color: #fff;
    border-color: #101727;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 50px!important;
    margin-top: 10px!important;
}
.getLogIn:hover{
    background-color: #0d0d0f;
   
}
.create-account-text{
    font-size: 13px!important;
    color: #5c5c5c;
}
.sign-up-free-text,
.terms-and-conditions,
.forgot-back-home{
    font-size: 13px;
  color: #0071e3;
   
}
.sign-up-free-text:hover,
.terms-and-conditions:hover,
.forgot-back-home:hover{

  color: #0464c3;
   
}.about-us-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(253, 237, 154, 0) 0%, rgba(255, 249, 217, 1) 8.41%, rgba(255, 253, 229, 1) 90.07%, rgba(255, 250, 218, 0) 100%);
    line-height: 1.3;
}
.faqs-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(251, 237, 167, 0) 0%, rgba(223, 240, 250, 1) 8.41%, rgba(234, 247, 252, 1) 90.07%, rgba(255, 250, 220, 0) 100%);
    line-height: 1.3;
}
.blog-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(247, 234, 167, 0) 0%, rgba(255, 228, 217, 1) 8.41%, rgba(255, 244, 239, 1) 90.07%, rgba(255, 250, 216, 0) 100%);
    line-height: 1.3;
}
.terms-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(253, 237, 154, 0) 0%, rgba(255, 233, 248, 1) 8.41%, rgba(255, 243, 250, 1) 90.07%, rgba(252, 248, 223, 0) 100%);
    line-height: 1.3;
}
.disclaimer-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(241, 235, 208, 0) 0%, rgba(228, 247, 245, 1) 8.41%, rgba(235, 252, 250, 1) 90.07%, rgba(255, 251, 222, 0) 100%);
    line-height: 1.3;
}
.privacy-policy-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(247, 236, 182, 0) 0%, rgba(243, 243, 255, 1) 8.41%, rgba(249, 249, 255, 1) 90.07%, rgba(253, 250, 213, 0) 100%);
    line-height: 1.3;
}
.cancellation-policy-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(253, 237, 154, 0) 0%, rgba(219, 244, 255, 1) 8.41%, rgba(226, 246, 253, 1) 90.07%, rgba(255, 251, 222, 0) 100%);
    line-height: 1.3;
}
.blogs-heading{
    font-weight: 700;
    background: linear-gradient(90deg, rgba(247, 236, 182, 0) 0%, rgba(243, 243, 255, 1) 8.41%, rgba(249, 249, 255, 1) 90.07%, rgba(253, 250, 213, 0) 100%);
    line-height: 1.3;
}


.self-type-h2 span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    z-index: 1;
    font-weight: 700;
    padding: 3px;
    line-height: 1.3;
    background: linear-gradient(to right, rgba(251, 230, 205, 0), #FBE6CD, #FBE6CD, rgba(251, 230, 205, 0.829));
}

.in-demand{
    background-color:#fd720e!important;
   
}
#selfType-text{
    font-size: 16px;
    font-weight: 700;
    color: #4a4a4a;
   
}
.typed-cursor {
    font-size: 24px; 
    color: #252525;; 

  }
 

  .call-hide{
    display: none;
  }
  .icons-menu-top{
    vertical-align: bottom;
    font-size: 22px;
  }
  #create-resume a{
    font-weight: 700!important;
    color: #736de9!important;
 
  }
  .create-resume-top:hover{
    color: #5650c5!important;
 
  }
  
  #create-resume:hover
{
    background-color: rgb(3, 171, 67);
    
  }
  #create-resume:hover#create-resume a{
    color: #5650c5!important;
  }
#talk-expert{
    background-color:#007fff!important;
}
#talk-expert:hover{
    background-color:#fff!important;
}
#talk-expert:hover#talk-expert a{
   color: #007fff!important;

}
#talk-expert a{
    color: #fff!important;
}

.chatWhatsapp{
   
    background-color: #03808C;
    
}
.chatWhatsapp:hover{
   
    background-color: #02707a;
    transform: translateY(-6px);
    box-shadow: 0 4px 2px 2px #02707a42!important;
    transition: 0.3s ease-in-out;
    
}
.btn-closure-index01 span{
    margin-top: 3px;
}
.register-password{
    font-size: 14px!important;
}
.text-absolute {
    position: absolute;
    left: 50%;
    top: -40px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #b4b4b4;
    transform: translateX(-50%);
    padding: 3px 14px;
    border: 3px solid #e9e9e977;
    border-radius: 50px;
    font-size: 18px!important;
    color: #303030!important;
    width: 200px;
}

/* Media-query------------ */

@media only screen and (max-width:1294px){
    .index01-box-btn a{
       
        min-width: 164px!important;

    }
}
@media only screen and (max-width:1250px){
    .container-fluid-custom{
        width: 100%!important;
        max-width: 97%;
    }
       
    .slider-container-index01 {
        height: 110vh!important;
    
    }
    .index01_rightBackground-color{
        height: 100%;
    }
    footer{
        height: fit-content;
    }
    .height-89vh{
        height: fit-content
    }
    .slider-container-index01 {
        height: 100vh;
    
    }
    .index01-closure{
        margin-bottom: 5px!important;
    }
}
@media only screen and (max-width:1216px){
    .custom-width{
        width: 70%!important;
       
    }
    .index01-box-btn a{
    
        min-width: 180px!important;
        font-size: 16px!important;
        line-height: 2rem!important;
        font-weight: 700!important;
        
    }
}
@media only screen and (max-width:1208px){
    
  
    .logo-index01 a h1 {
        font-size: 38px;
    }
    .tag-line {
        font-size: 10px;
    }
    .navbar-index01 {
        padding: 8px!important;
    }
  
    .navbar-nav .nav-item-home1 {
        margin: 0 8px;
        padding: 0 6px;
    }
}
@media only screen and (max-width:1150px){
    .index01-box-btn a{
    
        min-width: 60%!important;
        margin: 0 auto!important;
        margin-top: 10px!important;
    
        
    }
}
@media only screen and (max-width:1182px){
    .custom-width{
        width: 73%!important;
       
    }
    .self-type-h2 {
        line-height: 60px;
    }
    .typed-cursor {
        display: none!important; 
    
      }
    .self-type-h2 span {
     
        font-size: 13px;
     
    }
    .logo-index01 a h1 {
        font-size: 30px;
    }
    .tag-line {
        font-size: 8px;
    }
   
}

@media only screen and (max-width:1042px){
    .custom-tabs{
     
        width: 70%;
    
        }
  
  
    .logo-index01 a h1 {
        font-size: 24px;
    }
    .tag-line {
        font-size: 6px;
    }
    .navbar-index01 {
        padding: 8px!important;
    }
  
   
}
@media only screen and (max-width:992px){
    .custom-home {
       width: fit-content!important;
        right: 2%!important;
        top: 17%;
    }
    .custom-home .navbar-nav{
        margin-top: 0!important;
        margin-bottom: 0!important;
    }  
    .custom-tabs{
     
        width: 80%!important;
    
        }
  
    .custom-width{
        width: 78%!important;
       
    }
    .index01-box-btn{
        margin-bottom: 20px!important;
    }
    .support-sticky {
    
        bottom: 3%;
      
    }
    .logo-index02 a h1 {
        font-size: 25px!important;
    
    }
    .logo-index02 .tag-line {
        font-size: 11px!important;
    }
    .logo-top-alignment{
        justify-content: start!important;
    }
    .sticky-navbar-index02 .logo-index02 {
     margin-left: 2%!important;
    }
    .blurred-box-top,
.blurred-box-bottom {
display: none;
     
}
    .navbar-nav .nav-item-home1 {
        margin: 0 1px;
        padding: 2px 6px;
    }
    .icons-menu-top {
        vertical-align: bottom;
        font-size: 20px;
    }
   
    .self-type-h2 span {
     
        font-size: 16px;
     
    }
   
 
    .slider-container-index01 {
        height: 100vh;
    
    }
    .index01-hero-text .text-colored-index01 {

        display: flex;
        justify-content: center;
        color: #0071f6;
    }
    
    
    .navbar-nav .nav-item-home1 a {
        padding: 3px 0;
    }

    .navbar-nav .nav-item-home1 {
        margin: 0px 6px;
    }
    .index01-navbar{
        display: block!important;
    }
    .logo{
      margin: 0 auto;
    }
    .display-none{
        display: none!important;
    }
    .index07-hero-content {
        width: 75%;
        margin: 0 auto;
    }
    .navbar-nav-home1{
        margin-top: 12px;
        display: flex;
        flex-direction: row!important;
        justify-content: start!important;
    }
    .navbar-nav-home1 li{
        width: fit-content;
    }
    .navbar-nav-home1 #log-in-btn{
        width: 100%!important;
    }
    .navbar-nav-home1 #register-btn{
        width: 100%!important;
    }
   
}
@media only screen and (max-width:991px){
    .blogs-box{
        width: 48%;
    }
   
    .logo-top {
        top: -3px !important;
        right: -22px;
    }
    .navbar-nav .nav-item-home1 a{
 
        font-size: 13px;

    }
    .create-resume-top{
        margin-right: 0!important;
    }
    .dropdown-menu-services {
        left: 20%;     
    }
   
    .height-74vh{
        height: 100%;
    }
    #terms,
#privacy,
#refund,
#contact,
#faq,
#blog,
#disclaimer{
    height: 100%;
    overflow: auto;
   
}
    @keyframes slideUp {
        0% { transform: translateY(0); }
        100% { transform: translateY(-39%); }
    }
    
    @keyframes slideDown {
        0% { transform: translateY(-50%); }
        100% { transform: translateY(0%); }
    }
    
  
    .height-74vh{
        height: fit-content;
    }


}


@media only screen and (max-width:830px){
    .create-resume-top{
        padding: 0 6px!important;
    }
    .custom-width{
        width: 83%!important;
       
    }
    .navbar-nav .nav-item-home1{
        height: 38px;
        
    }
    .arrow-right{
        display: none;
    }
    .navbar-nav .nav-item-home1 a{
        font-size: 13px!important;
    }
    .sticky-navbar-index02 .logo-index02 {
        margin: 0 auto !important;
    }
    .logo-top-alignment {
        justify-content: center !important;
    }
    .call-hide{
        display: block!important;
    }
    .index02-navbar{
        width: 100%!important;
    }
    #navbarSupportedContent{
        display: flex;
        justify-content: center;
    }
    .navbar-nav-home1{
        margin: 0 auto!important;
        margin-top: 6px!important;
    }
    .hide{
        display: flex!important;
    }
    .desktop-show {
        display: none!important;
    }
    .create-resume-top{
      
        padding: 0 6px!important;
    }
}


@media (max-width: 768px) { 
    .index01-hero-content{
        padding: 0 10px!important;
    }
    .custom-tabs{
     
        width: 85%!important;
    
        }
    .custom-width{
        width: 85%!important;
    }
    .dropdown-menu-services {
        left:0;
    }
    .User-container{
        width: 60%;
      
    
    }
    .index07-hero-content {
        width: 100%;
      
    }
    
    .accordion-button{
        font-size: 15px;}
    .accordion-body{
        font-size: 13px;
      
    }
    .index07-hero-content {
        width: 100%;
      
    }
  
    .read-full-container .topic {
        font-size: 38px;
  
    }
    .self-type-h2 span {
     
        font-size: 15px;
     
    }
  
}
@media (max-width: 663px) { 
    .create-resume-top{
        padding: 0 6px!important;
    }
    .blogs-box{
        width: 98%!important;
   
    }
    .custom-tabs{
     
        width: 88%!important;
    
        }
   
    @keyframes slideUp {
        0% { transform: translateY(0); }
        100% { transform: translateY(-75%); }
    }
    
    @keyframes slideDown {
        0% { transform: translateY(-70%); }
        100% { transform: translateY(5%); }
    }
   
    .self-type-h2 span {
      font-size: 12px;
    }
  
    .User-container{
        width: 66%;  
    }
    .readfull-iocns span {
        font-size: 22px;
    }
    .readfull-content p, .readfull-content li {
        font-size: 14px;
       
    }
    .readfull-iocns p {
        font-size: 11px;
    }
    .readfull-content h2 {
        font-size: 20px;
      
    }
    .read-full-container .blog-year,
    .read-full-container .blog-time-to-read {
        font-size: 12px;
    }
    .read-full-container .blog-person-name {
        font-size: 16px;
    
    }
    .read-full-container .topic {
        font-size: 36px;
  
    }

    .read-full-container {
        width: 80%;
        margin: 0 auto;
    }
 
    .btn-contact-us {
   
        font-size: 13px;
    }
  
}
@media(max-width:553px){
    .create-resume-top{
        padding: 0 6px 0 6px !important;
    }
    .pages-heading {
        font-size: 20px!important;
    }
    .custom-width{
        width: 90%!important;
       
    }
    .index01-box-btn a{
    
        min-width: 70%!important;
        margin: 0 auto!important;
        margin-top: 10px!important;
    
        
    }
  
   
    .self-type-h2 span {
     
        font-size: 12px;
     
    }
    .index01-hero-text {
       
        font-size: 25px;
      
    }
}
@media (max-width: 487px) {
    .index01-box-btn a{
    
        min-width: 80%!important;
        margin: 0 auto!important;
        margin-top: 10px!important;
    
        
    }
    .custom-tabs{
     
        width: 95%!important;
    
        }
    .self-type-h2 {
        line-height: 100px;
        text-align: center;
    }
    .User-container{
        width: 90%;
      
    
    }
    .custom-width{
        width: 95%;
       
    }
    .btn-contact-us {
   width: 50%!important;
        font-size: 12px;
    } 
    .read-full-container .topic {
        font-size: 28px;
  
    }
    .read-full-container {
        width: 100%;
  
    }
    .blog-content {
     
        font-size: 12px;
      
    }
    .blog-head-text {
        font-size: 17px;
        
      
    }
    .blogs-box{
        width: 90%;
        margin: 6px;
        margin: 0 auto;
    }
    .contact-us-before p{
        font-size: 14px;
    }
    .contact-us-before-text {
        font-size: 16px;
   
    }
    .pages-heading {
        font-size: 22px;
    }
    .accordion-button{
    font-size: 14px;}
.accordion-body{
    font-size: 12px;
  
}
    .pages-content{
        font-size: 14px;
       
    }
    .navbar-nav .nav-item-home1 {
        margin: 0 5px;
        padding: 2px 6px;
        height: 35px;
    }
    .offer-index01 {
        top: -6px;
        font-size: 7px;
        right: -5px;
        
    }
    .navbar-nav .nav-item-home1 a {
        font-size: 12px !important;
    }
  
  
}
@media (max-width:500px){
    .self-type-h2 {
   display: none;
    }
    .index01-hero-text {
        font-size: 20px;
    }
    .tooltip{
        display: none!important;
    }
   
   
}
@media (max-width: 460px) { 
   
    .mobile-hide{
        display: none!important;
    }
    .mobile-show{
        display: inline!important;
    }
    
    .readfull-content h2 {
        font-size: 17px;
      
    }
    .read-full-container .blog-person-name {
        font-size: 13px;
    
    }
    .read-full-container .blog-year,
    .read-full-container .blog-time-to-read {
        font-size: 11px;
    }
   
    .contact-form {
      
        max-width: 100%;
   
    }
    .contact-us-before{
   
        max-width: 100%;
     
      
    }
    .closure-box2{
        margin: 6px 0;
    }
    .navbar-nav .nav-item-home1 a {
        font-size: 10px!important;
    }
  
}
@media (max-width: 450px) { 

  
    .readfull-iocns span {
        font-size: 20px;
    }
    .readfull-content p, .readfull-content li {
        font-size: 13px;
       
    }
    .readfull-iocns p {
        font-size: 10px;
    }
    .read-full-container .topic {
        font-size: 20px;
  
    }
    .pages-content{
        font-size: 12px;
       
    }
    .col-right-hidden{
        display: none!important;
    }
    .sticky-navbar-index01 {
      box-shadow: none;
        position: relative;
   
    }
    .index07-hero-content {
        width: 100%;
      
    }
  
    .d-hide{
        display: flex!important;
    }
   
}
@media (max-width: 413px) { 
   
    .head-small{
        font-size: 15px;
      
     
    }
    .footer-sub li {
        font-size: 10px;
        margin-top: 2px;
}

}
@media (max-width: 403px) { 
    .dropdown-index01 {
        left: -89px !important;

    }
 .individual-home-btn{
    display: none!important;
 }
   
    #menu-socials-icon span {
        font-size: 20px;
        padding: 2px;
    }
    #menu-socials-icon i {
        font-size: 17px;
        padding: 2px 4px;
    }
    .navbar-nav .nav-item-home1 {
        margin: 0 6px;
        padding: 6px 9px !important;
    }
    .sticky-navbar-index01{
        padding:5px 0 10px 0!important;
       
    }
}

@media (max-width: 352px) { 
    .index01-hero-text {
      
        font-size: 18px;
     
    }
    .head-small{
        font-size: 14px;
      
     
    }
}

/* Styling CSS for Professional page -------------------------- */

.cursor-pointer{
    cursor: pointer;
}

.professional-top_box{
    width: 100%;
    margin: 0 auto;
    border-radius: 1000px;
 background-color: #030548;
    padding-bottom: 50px!important;
}
.professional-top_box h1{
    color: #fff;
    font-weight: 800;
}

.filters-container .search-bar .form-control{
  background-color: #fff;
  border-color: #fff;
}
.filters-container .search-bar .form-control:focus{
box-shadow: none;
}
.filters-container .search-bar:focus{
   box-shadow: none;
}
.filters-container .search-bar button{
   background-color: #fff;
   border-color: #fff;
   border-radius: 50px;
}
.filters-container .filter{
    width: 19%;
}
.filters-container .search-bar button:active{
   background-color: #fff;
   border-radius: 50px;
   border-color: #fff;
}
.filters-container .search-bar .form-control{
border-radius: 50px;
}
.professional-top_box h2{
    color: #e6e6e6;
    font-weight: 600;
}
.professional-top_box select{
    height: 55px;
  border-radius: 50px;
  color: #3f3f3f;
  background-color: #fff;
  border-color: #fff;
 
  font-size: 14px;
}

  
   .dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-services:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}
.dropdown-toggle-services::after{
    display: none;
}
.dropdown-menu-services {
    z-index: 1050;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s ease;
    top: 102%;
    left: -100%;
    width: 360px;
  
    overflow: hidden;
    white-space: normal; 
    background-color: #fff;
    border: none;
    box-shadow: 0 0 2px 2px #00000021;
}
.dropdown-menu-services a{
    border-radius: 4px;
    margin: 4px 0;
    text-wrap: wrap;
}
.dropdown-menu-services a:hover{
  background-color: #d8ebff;
  transition: 0.2s ease all;
}
.dropdown-menu-services a h2{
    color: #353e44;
    font-size: 16px;
    font-weight: 600
}
.dropdown-menu-services a .services-1,
.dropdown-menu-services a .services-2,
.dropdown-menu-services a .services-3{
    padding: 4px;
border-radius: 3px;
color: #fff;
font-size: 12px;
}

.dropdown-menu-services a .services-1{
background-color: #0fbf95;

}
.dropdown-menu-services a .services-2{
    background-color: #4285F4;
    
}
.dropdown-menu-services a .services-3{
    background-color: #0f76bf;
 
}
.dropdown-menu-services a p{
 font-size: 12px;
 color: #4f5c65;
 font-weight: 400;
}

.dropdown-services:hover .dropdown-menu-services {
    visibility: visible;
    opacity: 1;
}
.search1 input{
    padding:0;
    
} 
.dropdown-professional-categories::after{
    display: none;
}
.dropdown-professional-categories ul .form-control{
    background-color: #f3f3f3;
}
.professionals-dropdowns{
    border-radius: 50px;
}
.search1 .input-group input:focus{
box-shadow: none!important;
    outline: none!important;
} 

.professional-about-page-left h1{
    font-size: 38px;
    font-weight: 700;
    color: #3c3c3c;
}
.professionals-dropdowns::after{
    display: none;
}
.professional-about-page-right img{
    width: 40%;
}
.professional-top_box h3{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.filters-container .search-bar{
    width: 98%;
    margin: 0 auto;
}
.search-professionals .search{
    width: 53%;
    height: 55px;
    margin: 0 auto;
}
.tooltip{
    z-index: 1001!important;
}


.search-professionals .search input{
    border-radius: 50px;
    border-color: #fff;
}
.search-professionals .search button{
    border-radius: 50px;
    background-color: #fff;
    border: none;
}
.search-professionals .search label{
    color: #fff;
}
.search-professionals .search-btn{
   width: fit-content;
}
.search-professionals .search-btn button{
    background-color: #0071e3;
   border-radius: 50px;
   font-size: 14px;
   padding: 7px 12px;
   border-color: #0071e3;
}
.search-professionals .search-btn button:hover{
    background-color: #065eb7;
 
   border-color: #065eb7;
}
.search-professionals .search button:hover{
  color: #000;
}
.search-professionals .search button:active{
  background-color: #fff;
}
 
.profile-listings{

    background: #FFFFFF;
    border-radius: 4px;
    border: 5px solid #5a5a5a29;
    border-radius: 7px;
}
.professional-listing-1{
    background: linear-gradient(111.08deg, rgb(45, 147, 225) 6.25%, rgba(17, 130, 217, 0.32) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-2{
    background: linear-gradient(111.08deg, rgb(91, 82, 32) 6.25%, rgba(91, 82, 32, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-3{
    background: linear-gradient(111.08deg, rgb(13, 82, 112) 6.25%, rgba(13, 82, 112, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}

.professional-listing-4{
    background: linear-gradient(111.08deg, rgb(45, 55, 63) 6.25%, rgba(45, 55, 63, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-5{
    background: linear-gradient(111.08deg, rgb(37, 43, 49) 6.25%, rgba(37, 43, 49, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-6{
    background: linear-gradient(111.08deg, rgb(100, 74, 44) 6.25%, rgba(100, 74, 44, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-7{
    background: linear-gradient(111.08deg, rgb(35, 48, 81) 6.25%, rgba(35, 48, 81, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-8{
    background: linear-gradient(111.08deg, rgb(58, 39, 39) 6.25%, rgba(58, 39, 39, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-9{
    background: linear-gradient(111.08deg, rgb(47, 51, 63) 6.25%, rgba(47, 51, 63, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-listing-10{
    background: linear-gradient(111.08deg, rgb(91, 82, 32) 6.25%, rgba(91, 82, 32, 0.19) 224.48%);
    border-radius: 4px 4px 0 0 ;
}
.professional-main-details h1{
    color: #fff;
    font-size: 18px;
}
.professional-img {
    right: 21px;
    top: -38px;
}
.professional-img img{
    border: 6px solid #53535324;
    width: 80px;
    height: 80px;
    border-radius: 50px;
}
.professional-main-details .occupation,
.professional-main-details .experience,
.professional-main-details .location{
    font-size: 13px;
    color: #fff;
}
.professional-main-details .occupation span{
    font-size: 17px;
    color: #fff;
    vertical-align: sub;
}
.professional-main-details .location span{
    font-size: 17px;
    color: #fff;
    vertical-align: sub;
}
.professional-main-details .social-media{
   top: 85%;
   right: 8px;
}
.professional-main-details .social-media img{
    width: 36px;
    margin: 0 6px;
    background-color: #fff;
    box-shadow: 0 0 1px 1px #8b8b8b32;
    border-radius: 50px;
    padding: 8px;
    border: 2px solid #26262620;
}
.professional-main-content{
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}
.profile-listings:hover{
 transform: translateY(-6px);
    transition: 0.3s ease;
   
}
.professional-main-content .heading{
  font-size: 13px;
  color: #747474;
}
.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: fit-content;
    font-size: 14px;
    color: #545454;
}

.read-more {
    display: inline-block;
    margin-top: 0.8em;
    padding: 5px 17px;
    border-radius: 50px;
    background-color: #355680;
    color: #fff;
    border: 4px solid #c5c4c423!important;
}
.read-more:hover {
color: #fff;
    background-color: #2a456a;

}
.branding-box{
    border-radius: 4px;
    border: 1px solid #cecece;
    overflow: hidden;
    z-index: 999;
    

}
.branding-box:before{
    top: -20%;
    position: absolute;
    content: "";
    width: 126%;
    z-index: -1;
    background: linear-gradient( rgb(36, 73, 118) 6.25%, rgba(36, 73, 118, 0.19) 224.48%);
    height: 360px;
    border-radius: 186px;
    left: -12%;

}
.branding-box h1{
    font-size: 26px;
    font-weight: 600;
    color: #fff;
}
.branding-box p{
 font-size: 18px;
 color: #383838;
 font-weight: 600;
}
.branding-box p a{
 font-size: 18px;
 color: #e4e4e4;
 font-weight: 700;
}
.btn-brand {
    margin-top: 200px;
}
.btn-brand a{
    font-size: 15px;
    padding: 12px 30px;
    font-weight: 700;
    background-color: #0071f6;
    color: #fff;
    border-radius: 50px;
}
.btn-brand a:hover{
    background-color: #0456b4;
  transition: 0.3s ease ;
}
.listing-professional-footer{
    
    width: 100%;
    border-top: 1px solid  #efefef;
    background: linear-gradient(270deg, #f1f4fc 0, #e1e4eb 35%, #e1e4eb  89.92%, #e1e4eb  100%);

}
.listing-professional-footer a{
    color: #000;
    display: block;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    width: 25px;
    height: 25px;
}
.listing-professional-footer .directory-last a{
  width: 40px
 
}
.listing-professional-footer .listings{
   cursor: pointer;
   margin: 0 8px;
   margin-top: 4px;

}
.listing-professional-footer a:hover{
background-color: #0071e3;
color: #fff;
transition: 0.2s ease;
border-color: #0071e3;

}
.listing-professional-footer h1{
    color: #414141;
    font-size: 15px;
    font-weight: 700;
}
.filterBy h1{
    font-size: 16px;
    
}
.listing-professional-footer .directory,
.directory-head{
    font-size: 30px;
    font-weight: 800;
    color: #0071e3;
}
.directory-head{
    font-size: 34px!important;
    color: #fff!important;
}
.filterBy {
    margin-top: 33px!important;
    width: 53%;
    margin: 0 auto;

}
.search-professionals button{
    height: 55px;
    padding: 2px 28px!important;
}
.search-for-directory .search-button{
    background-color: #0071e3;
    color: #fff;
    padding: 6px;
    border-radius: 50px;
    border: none;
    width: 55px;
    height: 55px;
}
.search-for-directory .search-button span{
   vertical-align: middle;
}
.directories{
    border: 1px solid #d2d2d2;
    border-radius: 12px;
    cursor: pointer;
    width: 85%;
    margin: 0 auto;
    overflow: hidden;
}
.search-for-directory{
    width: 80%;
    margin:  0 auto;

}
.search-for-directory input{
    width: 70%;
    border-radius: 50px;
    border: 1px solid #a0a0a0;
    padding: 4px 12px;
    height: 55px;
    margin: 0 8px;
}
.search-for-directory input:focus-visible{
outline: none;
}
.search-directory-box{
background-color: #030548;
}
.search-for-directory input::placeholder{
padding: 4px 6px;
  
}
.topThousands a{
    border: none;
    background-color: transparent;
    width: fit-content;
    color: #434343;
    font-size: 14px;
}
.topThousands a:hover{
 background-color: transparent;
 color: #000;
}

.directory-search-result .directory-listings:hover{
   background-color: #030548;
   border-radius: 50px;

}
.directory-search-result .directory-listings:hover.directory-listings a{
    color: #fff;
}
.directory-search-result .directory-listings{
   background-color: #f8f7f7;
   padding: 12px 3px;
   border-radius: 50px;
}
.directory-buttons button{
    border-radius: 50px!important;
    padding: 6px 20px;
}
.directory-search-result .directory-listings a{
 font-size: 15px;
 font-weight: 600;
}
.directory-professionals-search .listings {
    cursor: pointer;
    margin: 10px 5px;
    margin-top: 4px;
}


/* Index 2 ==================== */
.logo-index02{
    margin:0 auto!important;
}
.logo-index02 a h1 {
    font-size: 45px;
    font-weight: 800;
}
.logo-index02 .tag-line {
    font-size: 14px;
 
}
.index02-navbar{
    margin-left: 0;
}
.btn-create-resume2{
  
    background-color: #016AD1;

}
.create-resume-top{
    font-size: 17px!important;
    padding: 0 2px 0 6px!important;
}
.btn-create-resume2:hover{

    background-color: #005ab4;
    transform: translateY(-6px);
    box-shadow: 0 4px 2px 2px #005ab44d!important;
    transition: 0.3s ease-in-out;

}
.talkExpert {
    background-color: #F46601;
   
}
.talkExpert:hover {
    background-color: #d55c05;
    transform: translateY(-6px);
    box-shadow: 0 4px 2px 2px #d55c0555!important;
    transition: 0.3s ease-in-out;
   
}


.dropdown-services:hover .dropdown-menu-services {
    visibility: visible;
    opacity: 1;
    top: 44px;
    padding: 12px!important;
    background-color: #f7f9fc;
    
}
.dropdown-menu-services a{
    padding:6!important;
   margin-top: 5px!important;
}

.bg-wrapper.blur {
    filter: blur(5px);
    pointer-events: none;
}

.modal-support input,
.modal-support textarea{
font-size: 15px;
font-weight: 400
}
.bg-wrapper.blur .content {
    pointer-events: auto;
}
.nav-item .create-resume-top:hover{
    color: #00319b !important;
 
  }



.faq-box{
    border: none!important;
    box-shadow: none!important;
    background-color: transparent!important;
}

.tooltip.bs-tooltip-top .tooltip-inner {
    margin-bottom: 10px;
}
.custom-tabs{
    min-height: 70vh;
    width: 62%;
    margin:20px auto;
    border-radius: 12px;
    background-color: #fbfbfb;
    border: 1px solid #dedede81;
    padding: 26px;
    box-shadow: 0 0 1px 1px #a5a5a51f;
    }
    .custom-col{
        background-color: #ffffff;
    }
  
    .contact-us-custom-tabs{
        width: 80%;
        margin: 0 auto;
    }

    .accordion-button{
        margin-top: 16px!important;
        border-radius: 14px!important;
        box-shadow: none!important;
        border: 4px solid #53535323!important;
        margin-bottom: 0!important;
        background-color: #ebebeb51;
    }
    .accordion-item{
        margin: 8px!important;
        border: none!important;
    }
    .support-modal .modal-body input, .support-modal .modal-body textarea {
        box-shadow: none !important;
        border: 4px solid #8a8a8a1b !important;
        border-left: none !important;
        font-size: 14px;
        font-weight: 500;
        padding-left: 5px;
    }
    .support-modal .input-group-text {
        border: 4px solid #8a8a8a1b !important;
        border-right: none !important;
    }
    .support-modal .modal-body {
        background-color: #F9f8Fa;
        padding-bottom: 0 !important;
    }
    .support-text {
        color: #585757 !important;
        font-size: 14px;
    }
    .individual-home-btn{
        padding: 0 6px!important;
    }
    .custom-home{
        width: 100%;
       right: 0;
       top: 17%;
    }

     .coming-soon-container {
            min-height: 70%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .coming-soon-content {
            width: 60%;
            padding: 2rem;
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            margin: 20px 0;
        }
        .coming-soon-heading{
            font-weight: 600;
        }
        .countdown {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin: 2rem 0;
        }
        .countdown-item {
            background: #fff;
            padding: 1rem;
            border-radius: 10px;
            min-width: 80px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        .countdown-number {
            font-size: 2.5rem;
            font-weight: bold;
            color: #0d6efd;
        }
        .countdown-label {
            font-size: 0.8rem;
            text-transform: uppercase;
            color: #6c757d;
        }
        .display-mobile1{
            display: none;
        }
        .notify-form {
            max-width: 500px;
            margin: 0 auto;
        }
/* media query for professionals page and other changes I am doing later --- */

@media screen and (max-width:1100px){
    .services-box{
        width: 52%;
        margin: 12px auto!important;
      
     }
}
@media  screen and (max-width:991px){
    .services-box{
        width: 62%;
        margin: 12px auto!important;
      
     }
    .dropdown-menu-services {
        left: 20%;     
    }
    .professional-top_box {
        
       padding-bottom: 10px;
       border-radius: 0;
    }
    .search-professionals .search {
        width: 80%;      
    }
    .filterBy {
        width: 80%;
    }
}
@media screen and (max-width:776px){
    .coming-soon-container {
            min-height: 100%;
        }
        .coming-soon-content{
            width: 100%;
        }
}
@media  screen and (max-width:651px){
    .create-resume-top{
        font-size: 17px!important;
        padding: 0 6px 0 6px!important;
    }
    .services-box{
        width: 76%;
        margin: 12px auto!important;
      
     }
    .contact-us-head-box p{
        width: 100%;
        text-align: left!important;
        margin-left: 0!important;
    }
    
    .dropdown-menu-services a h2 {   
        font-size: 14px;
    }
    .dropdown-menu-services a .services-1, .dropdown-menu-services a .services-2, .dropdown-menu-services a .services-3 {
        font-size: 11px;
    }
    .dropdown-menu-services a p {
        font-size: 11px;
     
    }
    .dropdown-menu-services{
        width: 280px;
    }
}
@media only screen and (max-width:500px){
    .display-mobile1{
        display: contents;
    }
        .navbar-nav .nav-item-home1 .home-new{
        font-size: 16px!important;
    }
    .hide-element{
        display: none!important;
    }
  
    .individual-home-btn .material-symbols-outlined {
        color: #292929;
    }
.text{
    display: none!important;
}
    .services-box{
        width: 82%;
        margin: 12px auto!important;
      
     }
    .contact-us-custom-tabs{
        width: 92%;
        margin: 0 auto;
    }
    .contact-us-before .icon-left{
        font-size: 26px;
        padding: 6px;
        
    }
    .contact-us-before{
        padding: 16px!important;
    }
    .custom-wrap {
        flex-wrap: wrap;
    }
    .custom-wrap .search-professionals{
        margin-top: 8px;
        width: 100%!important;
        margin-left: 0!important;
        
    }
       .search-professionals .search-btn button {
        color: #fff!important;
        width: 100%!important;
    }
    .category{
        margin-top: 65px!important;
    }
    .logo-index02 .tag-line{
        margin-bottom: 6px!important;
    }
    .navbar-nav .nav-item-home1 a{
        padding: 0!important;
    }
     .search-professionals .search {
         width: 100%;      
     }
     .filterBy {
         width: 100%;
     }
     .search-professionals .search-btn button {
    font-weight: 600;
        font-size: 12px;
        padding: 8px;
     
    }
         .navbar-nav .nav-item-home1 .home-new{
        font-size: 16px!important;
    }
}
@media only screen and (max-width:450px){
    .custom-tabs{
        padding: 16px;
    }
    .accordion-button{
        margin: 0!important;
    }
    .countdown-item {
 padding: 6px;
    min-width: fit-content

}
    .index01-hero-content {
        padding: 0 0px !important;
    }

    .individual-home-btn {
        padding: 8px 7px !important;
        
    }
    .countdown-number {
    font-size:18px;

}
    .services-box{
        width: 100%;
        margin: 12px auto!important;
      
     }
     .services-heading {
     
        font-size: 20px;
      
    }
    .services-box ul li {
        font-size: 13px;
        color: #555555;
    }
}

@media only screen and (max-width:370px){
    .navbar-nav .nav-item-home1 .home-new {
        font-size: 13px !important;
    }
}