@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Poppins', sans-serif; */

.material-icons-outlined, .material-icons, .material-icons-round{vertical-align: middle;}
/* ===common-css---- */
/*----------buttons--------------*/
.btn {display: inline-flex;align-items: center;justify-content: center;height: 50px;padding: 0 20px;border-radius: 40px;color: var(--bs-color-FF);background-color: var(--bs-color-A7);border: 1px solid transparent;box-shadow: none;outline: none;font-weight: 600;    font-size: 17px;line-height: 18px;}
.btn:hover{background-color: var(--bs-color-2C);color: var(--bs-color-FF);}
.btn.outline{border: 1px solid var(--bs-color-DD);color: var(--bs-color-00);background-color: transparent;}
.btn.outline .google_icon{margin-right: 5px;}
.btn.outline span{display: inline-block;vertical-align: middle;}
.btn.outline:hover{background-color: var(--bs-color-DB);color: var(--bs-color-FF);}
.btn.outline:hover span img{filter: brightness(100);}
.btn.black_btn{background-color: var(--bs-color-00);}
.btn.black_btn:hover{background-color: var(--bs-color-05);}
.border_btn.outline_red{border-color: var(--bs-color-DD);font-family: var(--bs-body-font-family);}
.border_btn.outline_red:hover{border-color: var(--bs-color-DB);}
.btn.gray_btn{background-color: var(--bs-color-F6);color: var(--bs-color-00);}
.btn.gray_btn:hover{background-color: var(--bs-color-DB);color: var(--bs-color-FF);}
.btn.disabled{background-color: var(--bs-color-A6);color: var(--bs-color-FF);pointer-events: none;}

/*----------buttons--------------*/
/* =============selectbox============== */

.select2-container{width: 100% !important;display: block;}
.select2-container--open{z-index: 9999;}
.select2-container--default .select2-selection--single {background-color: var(--bs-color-ED);border: 1px solid transparent;border-radius: 5px;font-size: 15px;color: var(--bs-color-8E);height: 50px;display: flex;align-items: center; font-weight: 500; text-transform: capitalize;padding: 0 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;color: var(--bs-color-8E);}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 12px;width: 12px;background-image: url(../images/select-arw.svg);background-repeat: no-repeat;background-position: center;margin: 0;top: 50%;transform: translateY(-50%);right: 15px;}

.select2-dropdown {background-color: var(--bs-color-FF);border: 1px solid transparent !important;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,.15);
   padding: 10px 0;}

.select2-container--default .select2-search--dropdown .select2-search__field {border: 1px solid var(--bs-color-DC);border-radius: 5px;font-weight: 500;
    height: 35px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color: var(--bs-color-DB);}
.select2-results__option{padding: 8px 20px;color: var(--bs-body-color);transition: 0.3s;font-weight: 500;font-size: 14px;}
.select2-container--default .select2-results__option--selected {background: var();color: var(--bs-color-DB);font-size: 14px;
    transition: 0.3s;font-weight: 500;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: transparent;color: var(--bs-body-color);}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover{background-color: var(--bs-color-ED);color: var(--bs-color-8E);}

/* =============selectbox============== */

/* ====toggle====default */
.toggle_switch{display: flex;align-items: center;gap: 10px;margin-bottom: 24px;}
.toggle_switch span{font-size: 14px;line-height: 18px;color: var(--bs-color-7A);}
.toggle_switch label:after{display: flex;align-items: center;}
.toggle_switch input[type=checkbox]{height: 0;width: 0;visibility: hidden;display: none;}
.toggle_switch label {cursor: pointer;text-indent: -9999px;width: 31px;height: 19px;background: var(--bs-color-E4);display: block;border-radius: 100px;position: relative;}
.toggle_switch label:after {content: '';position: absolute;top: 2.5px;left: 3px;width: 14px;height: 14px;background: var(--bs-color-FF);border-radius: 90px;transition: 0.3s;}
.toggle_switch input:checked + label {background: var(--bs-color-DB);}
.toggle_switch input:checked + label:after {left: calc(100% - 2px);transform: translateX(-100%);}

/* ====toggle====default */

/* Header==start */
.header_outer{padding:12px 0;position:absolute;left:0;right:0;top:0;z-index:99;transition:.5s;background-color: transparent;}
.header_outer.shrink{box-shadow:0 0 20px rgba(0,0,0,0.12);position:fixed;padding: 8px 0;}
.hdr_logo{margin-left:15px}
.header_innr,.logobar_outer{display:flex;align-items:center}
.loginuser_area{margin-left:auto;position:relative}
.loginuser_area>ul>li>a{display:flex;align-items:center}
.hdr_srchbar{padding-left:40px;width:50%;display:flex;position:relative}
.hdr_srchbar .form-control{height:50px;background-color:var(--bs-color-FF);padding:0 40px 0 20px;box-shadow:none;border:1px solid var(--bs-color-DD)}
.hdr_srchbar .form-control:focus{border-color:var(--bs-color-DB)}
.submit_btn{font-size:0;background-color:transparent;height:20px;width:20px;cursor:pointer;background-image:url(../images/search.svg);background-repeat:no-repeat;background-position:center;position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.usr_text{font-size:16px;color:var(--bs-color-00);font-weight:300}
.usr_text span{font-weight:500}
.usr_pic{margin-left:5px;height:40px;width:40px;border-radius:50%;overflow:hidden}
.usr_pic img{height:100%;width:100%}
.srch_icon{display:none;cursor:pointer}
.srch_icon button{background-color:transparent}
.menu_cross,.cross_menu{cursor:pointer;height:30px;width:30px;box-shadow:0 2px 5px rgb(189 188 223 / 60%);border-radius:5px;background-color:var(--bs-color-ED);display:flex;align-items:center;justify-content:center;position:absolute;right:15px;top:15px;font-size:17px;color:var(--bs-color-04);font-weight:normal}
.header_menu{width:250px;background-color:var(--bs-color-FF);box-shadow:0 2px 14px rgba(29,28,76,0.0895979);position:fixed;left:0;top:0;bottom:0;transform:translateX(-300px);transition:.5s;padding:60px 0 30px 20px;z-index:102}
.menu_open .header_menu{transform:translateX(0)}
.menu_pnl li{margin-bottom:8px}.menu_pnl li:last-child{margin-bottom:0}
.menu_pnl li a{padding:10px 20px;display:block;font-size:16px;color:var(--bs-color-37);font-weight:400;border-radius:8px}
.menu_pnl li a i{margin-right:8px;color:var(--bs-color-8E)}
.menu_pnl li a:hover{color:var(--bs-color-DB);background:rgba(100,100,255,0.1)}
.menu_pnl li a:hover i,.menu_pnl li.active_menu a i{color:var(--bs-color-DB)}
.menu_pnl li.active_menu a{color:var(--bs-color-DB);background:rgba(100,100,255,0.1)}
.menu_open .overlay{display:block}.menu_open{overflow:hidden}
.menu_pnl{margin-bottom:30px}.menu_pnl:last-child{margin-bottom:0}
.menurightPnl{position:absolute;width:275px;z-index:9;background:var(--bs-color-FF);box-shadow:0 20px 50px 10px rgba(29,28,76,0.1);top:100%;display:none;right:0 !important;margin-top:17px !important;border-radius:8px;left:inherit !important;transform:none !important;top:30px !important}
.account_hdng h3{font-size:15px;color:var(--bs-color-21);font-weight:500;text-transform:capitalize}
.account_topUsr{background-color:var(--bs-color-FB);padding:15px;display:flex;align-items:center;justify-content:space-between}
.account_user_outer{display:flex;align-items:center}
.accont_usrPic{height:35px;width:35px;min-width:35px;background:var(--bs-color-FF);border-radius:50%;box-shadow:0 0 10px rgb(0 0 0 / 12%);overflow:hidden}
.accont_owner_name{padding-left:12px}
.accont_owner_name h3{font-size:14px;color:var(--bs-color-21);font-weight:600}.logout_btn a{display:flex;align-items:center;justify-content:center;background:var(--bs-color-ED);border-radius:5px;height:28px;width:28px;color:var(--bs-color-8E)}
.logout_btn a span{font-size:18px}
.afterlogin_menu{padding:15px 0}
.afterlogin_menu li a{display:flex;align-items:center;padding:8px 20px;font-size:14px;color:var(--bs-color-8E);font-weight:500;text-transform:capitalize}
.afterlogin_menu li a i{margin-right:10px;min-width:15px;text-align:center}
.afterlogin_menu li a:hover{background: linear-gradient(90deg, #F7E6E4 0%, #E1E3FA 100%);color:var(--bs-color-1D)}
.afterlogin_menu li a:hover i,.logout_btn a:hover span{color:var(--bs-color-1D)}
.open_userMenu .overlay{display:block}.open_userMenu .menurightPnl{transform:translateX(0)}
.open_userMenu{overflow:hidden}
.menu_bar a{display:inline-block;color:var(--bs-color-00);line-height:100%}
.menu_bar a span{font-size:35px}.login_btn{margin-left:auto}
.inner_pnlBody{height:calc(100vh - 80px);overflow-y:auto}
.menu_pnl h5{text-transform:capitalize;font-size:12px;color:var(--bs-color-8E);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:10px}
.menupnl_outer{padding-right:15px}.bttm_ftr{margin-top:65px}
.pnl_ftr_link li{margin-bottom:10px}
.pnl_ftr_link li:last-child{margin-bottom:0}
.pnl_ftr_link li a{color:var(--bs-color-8E);font-size:14px;font-weight:400}
.pnl_ftr_link li a:hover{color:var(--bs-color-DB)}
.pnl_social{margin:15px 0 0}
.pnl_social ul{display:flex}
.pnl_social li{margin-right:10px}
.pnl_social li:last-child{margin-right:0}
.pnl_social li a{height:40px;width:40px;background-color:var(--bs-color-F7);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--bs-color-8E);font-size:16px}
.pnl_social li a:hover{background-color:var(--bs-color-DB);color:var(--bs-color-FF)}
.pnl_social li a:hover img{filter: brightness(100);}
.pnl_copyright{margin:20px 0 0}
.pnl_copyright p{font-size:14px;color:var(--bs-color-8E)}

/* =====================start--home--header =====*/
.hdr_innr{display: flex;align-items: center;justify-content: space-between;}
.hddr_right{display: flex;align-items: center;gap: 30px;}
.hdr_btns .btn{border-radius: 5px;height: 40px;background-color: var(--bs-color-07);color: var(--bs-color-1E);text-transform: capitalize;font-size: 16px;font-weight: 400;}
.hdr_btns .btn:hover{background-color: var(--bs-color-A7);color: var(--bs-color-FF);}
.hdr_icons ul{display: flex;gap: 18px;}
.hdr_icons ul li a{color: var(--bs-color-FF);font-size: 18px;line-height: 27px;font-weight: 600;}
.shrink{background-color: rgba(0, 0, 0, 0.7);}


/* =====================end--home--header =====*/



/* ====end--header--part====== */


/* =====start---footer==== */

.footer_outer{background:var(--bs-color-0B);padding:40px 0}
.footer_outer .container{position: relative;}
.logo_social_row{display: flex;align-items: center;justify-content: space-between;padding-bottom: 30px;border-bottom: 1px solid rgba(154,154,154,0.3);}
.ftr_social ul{display: flex;align-items: center;gap: 8px;}
.ftr_social li a{height: 42px;width: 42px;background-color: rgba(255,255,255,0.16);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.ftr_social li a:hover{background-color: var(--bs-color-A7);border-radius: 50% 0;}
.ftr_middle{padding: 30px 0;border-bottom: 1px solid rgba(154,154,154,0.3);display: flex;align-items: center;justify-content: space-between;}
.ftr_menu ul{display: flex;align-items: center;gap: 30px;}
.ftr_menu ul li a{font-size: 18px;color: var(--bs-color-E7);line-height: 26px;}
.ftr_menu ul li a:hover{color: var(--bs-color-A7);}
.footer_bttm{padding: 30px 0 0;display: flex;align-items: center;justify-content: space-between;}
.copyright p{font-weight: 400;font-size: 16px;line-height: 26px;color: var(--bs-color-E7);}
.scroll_top a{height: 47px;width: 47px;display: flex;align-items: center;justify-content: center;border-radius: 6px;color: var(--bs-color-FF);background-color: var(--bs-color-2C);}
.scroll_top {position: fixed;right: 5.5%;z-index: 99;bottom: 30px;}


/* =end--footer---- */





/*===checkbox--radio-button--======*/
.radio-check{margin:0;cursor:pointer;display:flex;align-items:center}
.radio-check input[type='checkbox'], .radio-check input[type='radio'] {display: none;}
.radio-check input[type=checkbox]+span{width:19px;min-width:19px;height:19px;border:2px solid var(--bs-color-8E);border-radius:4px;background:var(--bs-color-FF);position:relative;margin-right:10px}
.radio-check input[type=checkbox]:checked+span:after{content:"";position:absolute;left:1px;top:1px;right:1px;bottom:1px;background:url(../images/check.svg) no-repeat center center;background-size:15px}
.radio-check input[type=radio]+span {width: 16px;min-width: 16px;height: 16px;border: 2px solid var(--bs-body-color);border-radius: 50%;    background: var(--bs-color-FF);position: relative;margin-right: 10px;background-color: transparent;}
.radio-check input[type=radio]:checked+span:after {content: "";position: absolute; left: 50%;top: 50%; background-color: var(--bs-color-DB);transform: translate(-50%, -50%);border-radius: 50%;height: 8px;width: 8px; 
}
.radio-check input[type=radio]:checked+span{border-color: var(--bs-color-DB);}

/*===checkbox-radio-button-======*/


@media(max-width:991px){
    .menu_list{position: fixed;background-color: var(--bs-color-FF);box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);width: 260px;transition: 0.4s;transform: translateX(100%); top: 0;bottom: 0;right: 0;padding: 60px 0 15px;z-index: 101;}
    .hamberger_menu a{display: inline-block;}
    .header_right{gap: 15px;}
    .menu_list ul{display: block;gap: 0;}
    .menu_list ul li{display: block;}
    .hamberger_menu, .menu_cross{display: flex;}
    .add_menupnl .overlay{display: block;}
    .add_menupnl .menu_list{transform: translateX(0);}
    .add_menupnl{height: 100vh;overflow: hidden;}
    .menu_cross{background-color: var(--bs-color-DB);color: var(--bs-color-FF);}
    .menu_list ul li a{padding: 8px 20px;display: block;}
    .menu_list ul li a:hover{background-color: var(--bs-color-DB);color: var(--bs-color-FF);}
    .addons_tabLinks ul li a{padding: 0 16px;}
    .btn {font-size: 15px;height: 40px;}
    .ftr_menu ul li a{font-size: 14px;}
    .ftr_menu ul{gap: 16px;}
}

@media(max-width:767px){
    .job_pagination ul{gap: 6px;}
    .job_pagination ul li.prev_pagnation a, .job_pagination ul li.next_pagination a {height: 36px; width: 36px;}
    .job_pagination ul li a {height: 36px; width: 36px; border-radius: 8px;font-size: 14px;}
    .ftr_socialpnl{justify-content: center;}
    .hdr_srchbar{display: none;}
    .srch_icon{display: block;margin-left: auto;color: var(--bs-color-FF);}
    .loginuser_area{margin: 0 0 0 15px;}
    .srch_icon button i{color: var(--bs-color-FF);}
    .hdr_logo {margin-left: 5px;}
    .addons_tabLinks ul li a{padding: 0 15px;}
    .page_back {margin-bottom: 10px;}
    .addons_tabLinks ul{flex-wrap: nowrap;overflow-x: auto;}
    .border_btn, .basic_btn{height: 40px;}
    .menu_bar a span {font-size: 26px;}
    .header_top{display: none;}
    .ftr_links li {margin-bottom: 10px;}
    .ftr_item h3{margin-bottom: 20px;}
    .ftr_item{margin-bottom: 20px}
    .footer_top {padding-bottom: 0;}
    .browse_text {text-align: center; margin: 20px 0 0 0;}
}
@media(max-width:575px){
    .hdr_logo{max-width: 100px;}
    .inner_tab_links li a span em{display: none;}
    .login_btns .btn { height: 34px; padding: 0 10px; font-size: 12px;}
    .home_hdrlogo a{max-width: 120px;}
    .btn{padding: 0 15px;}
    .footer_outer{padding: 25px 0;}
    .footer_bttm{padding-top: 16px;}
    .hddr_right{gap: 12px;}
    .hdr_icons ul{gap: 10px;}
    .hdr_icons ul li a{font-size: 16px;}
    .hdr_icons ul li a span{font-size: 18px;}
    .hdr_btns .btn{height: 34px;font-size: 14px;}
    .copyright p{font-size: 14px;}
}