/* ================================================================================ */
/* Font family  */
/* ================================================================================ */
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700|Open+Sans:400,600,700);
@font-face {
    font-family: 'Popins_regular';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'Poppins-medium';
    src: url('../fonts/Poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'Poppins-light';
    src: url('../fonts/Poppins/Poppins-Light.ttf');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: 'helvetica-medium';
    src: url('../fonts/PragmaticaMedium.otf');
}

@font-face {
    font-family: 'helvetica-reg';
    src: url('../fonts/Helvetica_regular.ttf');
}

@font-face {
    font-family: 'Arial-Unicode';
    src: url('../fonts/arial-unicode-ms.ttf');
}

/* ================================================================================ */
/* Global Size  */
/* ================================================================================ */
h1 {
    font-size: 36px;
    line-height: 1.3;
    font-family: 'helvetica-medium' !important;
}

h2 {
    font-size: 32px;
    line-height: 1.3;
    font-family: 'helvetica-medium' !important;
}

h3 {
    font-size: 28px;
    line-height: 1.3;
    font-family: 'helvetica-medium' !important;
}

h4 {
    font-size: 24px;
    line-height: 1.3;
    font-family: 'helvetica-medium' !important;
}

h5 {
    font-size: 20px;
    line-height: 1.3;
    font-family: 'helvetica-medium' !important;
}

p,
span,
a {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
}

.cus_btn {
    background-color: #CCED00;
    border: none;
    padding: 15px 28px;
    border-radius: 7px;
    font-family: 'Poppins-light';
    color: #484343;

}
.cus_btn:hover {
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 25%);
}

a {
    font-weight: 400;
}
/* ================================================================================ */
/* Header Css */
/* ================================================================================ */
/* ================================================================================ */
/* Head Css */
/* ================================================================================ */
.nav_bar ul li{
    list-style-type: none !important;
}

.wt-respsonsive-search { display: none !important;}
/*#home_nav ul li a:nth-child(1) {*/
    /*margin: 2px 10px;*/
    /*color: black;*/
    /*font-size: 16px;*/
    /*padding: 15px 21px ;*/
    /*border: none;*/
    /*border-radius: 7px;*/
    /*font-family: 'Poppins-light';*/
/*}*/

/*body .nav_bar ul li a:nth-child(1) {*/
    /*margin: 2px 10px;*/
    /*color: black;*/
    /*font-size: 16px;*/
    /*padding: 15px 21px ;*/
/*}*/

.nav_bar ul li a:hover {
    /*background-color: #CCED00;*/
    /*box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 25%);*/
}

.nav_bar li:nth-child(3) .nav-link {
    position: relative;
}

.nav_bar li:nth-child(3) .nav-link:before {
    content: '|';
    position: absolute;
    left: -8px;
}
/* banner===================== */

/*css tabs edit*/

.banner .tabs .tabs_btns button{
    border: 0;
    background-color: transparent;
    cursor: pointer;
    height: 25px;
    outline: none;
    margin-right: 35px;
    position: relative;

}

.banner .tabs_btns {
    /*border-bottom: 1px solid #AAAAAA;*/
    /*width: 62%;*/
    height: 25px;
}
.banner .tabs .cus-form_2{
    display: none;
}
.banner .tabs .cus-form_2 h1{
    color: black;
    margin-bottom: 30px;
    font-size: 17px;
}
.banner .tabs .cus-form_2 p{
    margin-bottom: 40px;
}
.banner .tabs .cus-form_2 a{
    background-color: #CCED00;
    text-decoration: none;
    color: black;
    padding: 8px 17px;
    border-radius: 6px;
}


.banner .tabs .cus-form_2 a:hover {
    background-color: #CCED00;
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 25%);
}
.banner_modal .modal-dialog { max-width: 45%; margin: 5% auto;}
.banner_modal .modal-content .close { position: absolute; right: 0; background: red; opacity: 1;  display: flex; align-items: center;  justify-content: center;  width: 40px; height: 40px;  top: -50px; border-radius: 9px; color: white;}
.banner_modal .modal-content .modal-body { height: 50vh; padding: 10px; border-radius: 10px;}

/*css tabs edit*/

.banner {
    padding: 50px 0px 0px;
    overflow-x: hidden;
    margin-top: 50px;
}

.banner h1 {
    color: #CCED00;
    font-size: 36px;
    margin-top: 29px;
}

.banner .blw_head {
    font-size: 12px;
    color: #AAAAAA;
}

.banner h4 {
    color: #848383;
    font-size: 34px;
}

/*.banner .tabs:before {*/
    /*content: '';*/
    /*z-index: -1;*/
    /*background: url(../images/banner-hand.png);*/
    /*background-size: 100% 100%;*/
    /*width: 112%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*top: -20px;*/
    /*left: 5%;*/
/*}*/

.banner .side_txt {
    /*transform: rotate(-90deg);*/
    text-align: center;
    /*padding: 25% 0px;*/
}

.banner .side_txt img{
    width: 35%;
    margin-top: 0px;
}

.banner .cus-form {
    /*width: 50%;*/
    margin-top: 18px;
}

.banner .tabs {
    height: 632px;
    padding-left: 4%;
}

.banner .tabs>p {
    display: inline;
    margin-right: 17px;
    width: 50px;
    padding-right: 54px;
}
.banner .tabs>p.active{border-bottom: 2px solid #CCED00;}

.banner .cus-form h1 {
    color: black;
}
.banner_left_img {text-align: right;}
.banner_left_img img {height: 400px;object-fit: cover;}

.news-letter a.cus_btn_in {
    padding-left: 0;
    padding-right: 0;
}

/*.news-letter.row {*/
    /*padding: 0 10px;*/
/*}*/

.banner .cus-form .news-letter .f_in {
    border: 1px solid #CCED00;
    width: 100%;
    padding: 15px;
    border-radius: 13px 0px 0px 13px;
    outline: none;
}

.banner .cus-form .news-letter .s_in {
    border: 1px solid #CCED00;
    width: 40%;
    padding: 15px;
    border-radius: 0px;
    outline: none;
    margin-left: -5px;
}

.banner .cus-form .news-letter button {
    background-color: #CCED00;
    border: 1px solid #CCED00;
    border-radius: 0px 13px 13px 0px;
    border: none;
    padding: 16px;
    cursor: pointer;
    margin-left: -5px;
    color: white;
    width: auto;
    height:100%;
}

.banner .cus-form .modal_btn {
    background-color: #707070;
    cursor: pointer;
    border-radius: 50%;
    border: 8px solid #F1F1F1;
    font-size: 17px;
    color: white;
    padding: 10px 15px;
    /* margin-top: 20px; */
}

.banner .cus-form .btn_txt {
    margin: 10px 10px 0;
}

.banner .tabs>.inner_col_tabs {/*max-width: 70%;*/max-width: 90%;padding: 30px 60px; border: 3px solid #cced00; background-color: rgba(255,255,255,0.8); border-radius: 10px; backdrop-filter: blur(5px);}
.btn_modal_banner { display: flex; align-items: center; margin-top: 15px;}
.banner .cus-form h1 { font-size: 25px;}
.banner .cus-form .news-letter .f_in::placeholder, .banner .cus-form .news-letter .s_in::placeholder { font-size: 13px; font-weight: 500;}
.banner .cus-form .btn_txt>p:first-child { margin-bottom: 10px; font-weight: 600;}
.banner .cus-form .btn_txt>p:last-child {font-size: 16px;}
.banner .tabs .tabs_btns button.active:after { content: ''; border-bottom: 3px solid #CCED00;  width: 110%;  height: auto; display: block; position: absolute; bottom: 1px;  left: 0;}

iframe {
    height: 100%;
    width: 100%;
}
/* Style the tab-------------------- */
/* Style the tab------------------------ */
/* cat_cards========================================================= */

/*.cat_cards {*/
    /*margin: 0px 0px 70px;*/
/*}*/

/*.nav_bar .custom_nav_container { max-width: 100%;}*/
.banner .logo_img { position: relative; left: 0px; text-align: left;}
.cat_cards .card_main {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 30px;
    padding: 35px 15px;
    cursor: pointer;
    margin-top: 25px;
}
.cat_cards .c_icon img{
    width:50px;
    height: 50px;
    filter: invert(95%) sepia(35%) saturate(7392%) hue-rotate(8deg) brightness(92%) contrast(101%);
}

.cat_cards .card_main p {
    text-align: center;
    font-size: 50px;
    color: #CCED00;
}
.cat_cards .card_main .c_footer {
    font-size: 12px;
    color: black;
    display: none;
}
.cat_cards .card_main:hover .c_footer{
    display:block
}

.cat_cards .card_main h5 {
    text-align: center;
    margin-top: 25px;
    font-family: 'Poppins-medium';
    font-size: 18px;
    color: black;
}

.cat_cards_heading {
    font-family: 'Poppins-SemiBold';
}

.cat_cards_head_btn {
    float: right;
}

.cat_cards .card_main:hover {
    background: #CCED00;
}

.cat_cards .card_main:hover * {
    color: black

}
.cat_cards .card_main:hover img {
    filter: brightness(0.1);
}
.cat_cards .col-md-3>a:hover{
    text-decoration: none;
}
/* store_down========================================================= */

.store_down {
    background: linear-gradient(123deg, rgba(204, 237, 1, 1) 0%, rgba(219, 253, 11, 1) 100%);
}

.store_down .store_main_img img {
    width: 100%;
}

.store_down .store_content {
    margin-top: 19%;
}
.phone_col .store_main_img { height: 100%; }
.phone_col .store_main_img img{ height: 100%; object-fit: contain; object-position: bottom left; }
.store_down .store_content { margin: 0; height: 100%; display: flex; flex-direction: column; align-items: start; justify-content: center; }

.store_down .store_content h1 {
    font-family: 'Poppins-Light';
    font-weight: 600;
}

.store_down .store_content p {
    margin: 30px 0px;
}

.store_down .store_content .anchor_links {
    margin-top: 5%;
}
.store_down .cus_btn { background-color: white; color: #484343; }
.home_cards_sec p { line-height: 1.5; }
.home_cards_sec .cards { text-align: center; padding: 20px; border: 1px solid lightgrey; border-radius: 10px; height: 185px; }
.home_cards_sec { padding: 40px 0px; }

/* services========================================================= */

.services .image-grid-cover {
    width: 100%;
    background-size: cover;
    min-height: 250px;
    position: relative;
    margin-bottom: 30px;
    text-shadow: rgba(0, 0, 0, .8) 0 1px 0;
    border-radius: 4px;
}

/*.services .image-grid-clickbox {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: 20;*/
    /*background: rgba(0, 0, 0, .45);*/
/*}*/

/*.services .sli_card:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: 20;*/
    /*background: rgba(0, 0, 0, .45);*/
    /*border-radius: 5px;*/
/*}*/
.services .cover-wrapper {
    font-size: 18px;
    text-align: center;
    display: block;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .8) 0 1px 0;
    z-index: 21;
    position: absolute;
    bottom: 12px;
    left: 15px;
    max-width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.services a,
.services a:focus,
.services a:hover {
    text-decoration: none;
    outline: 0;
    border-radius: 14px;
}

.services h1 {
    margin-bottom: 50px;
    /*padding-left: 35px;*/
}
.services .service_custom_container { max-width: 80%;}

.services {
    padding: 82px 0px;
}

.services .sli_card {
    width: 100%;
    height: 87%;
}

.swiper-button-next,
.swiper-button-prev {
    right: 0px;
    left: auto;
    background-color: white;
    color: grey !important;
    border-radius: 50%;
    padding: 28px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.mySwiper .swiper-button-next::after,
.mySwiper .swiper-button-prev::after {
    content: '' ;
}
.mySwiper .swiper-button-next {
    right: 30px;
}



/* -=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-==-=-=-===-= */
/* SLIDER */

.swiper {
    width: 95%;
    height: 100%;
    position: static !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

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

/*.services .swiper-slide {*/
    /*margin-right: 29px !important;*/
/*}*/
.services .mySwiper .swiper-button-next {right: 15px;}
.services .mySwiper .swiper-button-prev {left: 15px;}
.services .mySwiper { width: 100%; padding-top: 50px; position: relative !important; }
.services h1 { margin-bottom: 20px; }
.services .mySwiper .swiper-button-next, .services .mySwiper .swiper-button-prev { top: 0; width: auto; height: auto; padding: 0; margin: 0; box-shadow: unset; background-color: transparent;}
.services .mySwiper .swiper-button-next { right: 0; }
.services .mySwiper .swiper-button-prev { right: 50px; left: unset; }
.services .cover-wrapper {font-family: 'helvetica-reg' !important;font-size: 13px;padding: 10px;border-top: 1px solid #2C2D2E;background-color: white;height: 57px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height: 19px;color: black;position: relative;margin: 0;width: 100%;max-width: 100%;bottom: unset;font-weight: 400;  text-transform: capitalize;
}
.services .image-grid-cover { height: 200px; margin:0px; min-height: 200px; border-radius: 0px; }
.services { background-color: #EBECEE; }
.services .mySwiper .swiper-slide { background-color: transparent; }


/* SLIDER */
/* profes----------------------------------------- */

.profes {
    padding: 90px 20px;
    background-color: #F6F6F6;
}

.profes .col-md-12 h1 {
    text-align: center;
}

.profes .col-md-12 .profes-btn {
    text-align: center;
}

.profes .cards {
    text-align: center;
    padding: 20px 0px;
}

.profes .cards img {
    width: 53px;
    margin-bottom: 20px;
}

.profes h4,
.profes p {
    font-family: 'Poppins-light';
}

.profes p {
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.5;
}
/* footer============================================ */

.footer {
    background-color: #000000;
    padding: 60px 0px;
}

.footer * {
    color: white;
    font-family: 'Popins_regular';
}

.footer h1,
.footer h2,
.footer .blw_head {
    text-align: center;
}

.footer h1 {
    color: #CCED00;
    font-size: 42px;
}

.footer .blw_head {
    font-size: 12px;
}

.footer .col-md-3 p a {
    font-size: 14px;
    text-decoration: none;
}

.footer .col-md-3 h5 {
    margin: 30px 0px;
}

.footer .col-md-3 p a:hover {
    color: #CCED00;
}

.footer .col-md-12 p {
    /*text-align: center;*/
    font-size: 14px;
    margin-top: 20px;
    margin-left: 47px;
}
/*body .footer .cus_cont{*/
    /*max-width: 75% ;*/
/*}*/
.footer .footer_img {
    text-align: center;
    margin-bottom: 22px;
}
.footer .footer_img img {
    width: 32%;
}
.footer .col-md-3{
    justify-content: flex-end;
    display: flex;
    text-align: left;
}
/*.footer .col-md-3 div {*/
/*width: 58%;*/
/*}*/
.footer .f_col{

    justify-content: center;
}



/*huzaifa css start*/
.news-letter{
    position: relative;
}
.news-letter #option_list {
    position: absolute;
    top: 56px;
    width: 95%;
    left: auto;
    border-radius: 13px;
}

.news-letter.row .col-7 {
    padding-right: 0;
}

.news-letter #option_list ul li{
    border: 1px solid #CCED00;
}
.news-letter #option_list ul li a{
    color: black;
    text-decoration: none;
}
.news-letter #option_list ul li:hover{
    background-color: #cced00;
}
.news-letter #option_list ul li:hover a{
    color: white;
}


.book_new_jobs_sec1{ padding:0px 0px 0px;  /*background-image: url('../images/mSR.png');  background-size: contain;  background-repeat: no-repeat;  background-position: 90% 100%; */}
.book_new_jobs_sec1 .inner_row .inner-col{padding:40px;border:1px solid #cced00;border-radius:20px;box-shadow:0 10px 30px rgb(90 90 90 / 20%);background-color: white;}
.book_new_jobs_sec1 .side_txt{padding:60px 0;}
.book_new_jobs_sec1 .inner_row .inner-col h1{color:black;margin-top:0;}
.book_new_jobs_sec1 .inner_row .inner-col .form-group{position:relative;}
.book_new_jobs_sec1 .inner_row .inner-col .form-group span{position:absolute;top:15px;color:#cced00;left:10px;}
.book_new_jobs_sec1 .inner_row .inner-col .form-group input{padding-left:35px;height:50px;border-radius:10px;box-shadow:0 5px 10px rgb(0 0 0 / 15%);    text-overflow: ellipsis;}
.book_new_jobs_sec1 .inner_row .inner-col .form-group input::placeholder{font-size:14px;color:#AAAAAA;}
.book_new_jobs_sec1 .inner_row .inner-col form{padding-top:10px;}
.book_new_jobs_sec1 .inner_row .inner-col form button{width:100%;padding:12px;background:#cced00;border-color:#cced00;color:#000000;font-size:18px;margin-top:10px;border-radius:10px;}
.book_new_jobs_banner_img img {  max-width: 100%;  }
.book_new_jobs_gap{padding:35px 0;}
section.book_new_jobs_sec2{background:#FAFAFA;padding:40px 0;}
section.book_new_jobs_sec2 .heading{text-align:center;padding-bottom:10px;}
.book_new_jobs_sec2 ul{list-style:none;padding:0;margin:30px auto 0;}
section.book_new_jobs_sec2 ul li{width:47%;display:inline-block;margin-right:10px;position:relative;padding-left:50px;padding-bottom:30px;vertical-align:top;height:100px;}
section.book_new_jobs_sec2 ul li span.green{color:#cced00;}
section.book_new_jobs_sec2 ul li::before{content:'✓';background:#cced00;width:40px;height:40px;position:absolute;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;}
.book_new_jobs_sec3{padding:40px 0;background:#FAFAFA;}
.book_new_jobs_sec3 .heading{text-align:center;padding-bottom:20px;}
.book_new_jobs_sec3 .book_new_jobs_swiper{padding:50px 0;width:100%;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide{background:#fafafa;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .slider_img{position:relative;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .slider_img .icon{position:absolute;right:-25px;background:#cced00;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;top:-25px;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .slider_img .icon>img{width:60%;object-fit:contain;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .slider_img img{border-radius:12px;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .row{align-items:center;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .desc{text-align:left;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .desc>p.para{line-height:1.3;padding-bottom:20px;color:#7d7c7c;}

.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .desc>p.name{margin: 10px 0px;font-weight:600;color: grey;}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .desc>p.position{color:#7d7c7c;font-size:15px;}
.book_new_jobs_sec4{padding:30px;}
.book_new_jobs_sec4 .text-center{padding-bottom:20px;}
.book_new_jobs_sec4 form .form-group{position:relative;}
.book_new_jobs_sec4 form .form-group span{position:absolute;top:15px;left:25px;color:#cced00;}
.book_new_jobs_sec4 form .form-group input{height:50px;padding-left:35px;border-radius:10px;    text-overflow: ellipsis;}
.book_new_jobs_sec4 form .form-group input::placeholder{font-size:14px;color:#AAAAAA;}
.book_new_jobs_sec4 form .btn{width:100%;height:100%;border-radius:10px;background:#cced00;border-color:#cced00;color:black;}
.book_new_jobs_sec5 .col-md-4 { text-align: right;  }
.book_new_jobs_sec5{padding:30px 0;background:#fafafa;}
.book_new_jobs_sec5 .heading{padding-bottom:20px;}
.book_new_jobs_sec5 .heading a.btn{padding:12px 30px;background:#cced00;color:black;border-radius:10px;}
.book_new_jobs_sec5 .cards_row .card {border: 0;box-shadow: 0 5px 20px rgb(0 0 0 / 20%);border-radius: 15px;height: 570px;}
/*.book_new_jobs_sec5 .cards_row .card img { border-radius: 15px;}*/
.book_new_jobs_sec5 .cards_row .card img { border-radius: 15px; height: 140px;object-fit: cover;object-position: center;}
.book_new_jobs_sec5 .cards_row .card .card-body .head{display:flex;justify-content:space-between;height: 60px;}
.book_new_jobs_sec5 .cards_row .card .card-body .head h5.card-title{color:#cced00;width: 65%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.book_new_jobs_sec5 .cards_row .card .card-body .top_pro_badge{margin-bottom:0;position:relative;padding-left: 25px;width: 30%;}
.book_new_jobs_sec5 .cards_row .card .card-body .top_pro_badge::before{content:'';background:url('../images/badge.png');width: 30px;height:30px;display:block;position:absolute;left: -10px;background-repeat: no-repeat;background-size: contain;background-position: right top;}
.book_new_jobs_sec5 .cards_row .card .card-body ul{list-style:none;padding:0;}
.book_new_jobs_sec5 .cards_row .card .card-body ul h6{font-weight:700;}
.book_new_jobs_sec5 .cards_row .card .card-body ul p{color:#AAAAAA;font-size:14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.book_new_jobs_sec5 .cards_row .card .card-footer{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;padding-top: 0;}
.book_new_jobs_sec5 .cards_row .card .card-footer .btn{padding:10px 30px;background:#cced00;color:black;border-radius:5px;}
.book_new_jobs_sec5 .cards_row .card .card-footer a.card-link:not(.btn){font-size:14px;text-align:right;color:#AAAAAA;padding-right:10px;}
.book_new_jobs_gap span.green>a {color: #cced00;}
.book_job_search_input .option_list {  position: absolute;  width: 100%;}
.book_job_search_input .option_list.optionList_sec4 {  position: absolute;  width: 91%;}
.book_job_search_input .option_list.optionList_sec4 .list-group-itemm {border-bottom: 1px solid lightgray;padding: 12px;}
.book_job_search_input ul>li>a {color: black;}
.book_job_search_input ul>li:hover { background: #cced00;}
.book_job_search_input .option_list ul { max-height: 130px;  overflow-y: scroll; background-color: white;}
.option_list :where(.list-group-item, .list-group-itemm) { padding-block: 1.2rem !important;}
.option_list > *:not([style*="display: block;"]) {background-color:#fff; border-radius:5px; border-bottom-color:transparent !important; position: relative;
    z-index: 1;}
.option_list > *:not([style*="display: block;"]):hover { background-color:#cced00; }
.book_job_search_input .option_list ul::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;border-top-right-radius: 10px;}
.book_job_search_input .option_list ul::-webkit-scrollbar{	width: 6px;	background-color: #cced00;}
.book_job_search_input .option_list ul::-webkit-scrollbar-thumb{background-color: #cced00;}
.news-letter #option_list{ top:45px; left:0px; width:100%;}
.news-letter #option_list ul { max-height: 130px;  overflow-y: scroll; background-color: white;}
.news-letter #option_list ul::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;border-top-right-radius: 10px;}
.news-letter #option_list ul::-webkit-scrollbar{	width: 6px;	background-color: #cced00;}
.news-letter #option_list ul::-webkit-scrollbar-thumb{background-color: #cced00;}
.news-letter #option_list :where(.list-group-item, .list-group-itemm) { padding-block: 1.2rem !important;}
.news-letter #option_list > *:not([style*="display: block;"]) {background-color:#fff; border-radius:5px;  position: relative;
    z-index: 1;}
.news-letter #option_list > *:not([style*="display: block;"]):hover { background-color:#cced00; }



@media(max-width:1600px){
    .news-letter {
        display: flex;
        flex-wrap: nowrap;
    }
    /*.services .service_custom_container { max-width: 76%;}*/

    .banner .side_txt img {
        width: 37%;
        margin-top: 0px;
    }
}



@media(max-width:1520px){
    .services .service_custom_container { max-width: 80%; }
}
@media screen and  (max-width:1440px){
    .banner .side_txt img {
        width: 41%;
        /*margin-top: -40px;*/
    }
    .banner .cus-form .news-letter .f_in::placeholder, .banner .cus-form .news-letter .s_in::placeholder { font-size: 12px; font-weight: 400;}
    .services .service_custom_container { max-width: 86%; }

}
@media screen and (max-width: 1336px) {
    .footer .cus_cont {
        max-width: 75% !important;
    }
    .store_down .store_content {
        margin-top: 17%;
    }
    h1 {
        font-size: 30px;
    }
    .footer .col-md-12 p {  margin-left: 15px;  }
}
@media only screen and (max-width: 1300px) {
    .services .service_custom_container {   max-width: 92%; }
    .book_new_jobs_sec1 .inner_row .inner-col {
        padding: 20px;
    }
}
@media only screen and (min-width: 1100px) {
    #slider-container #slider .slide {
        width: calc(2.5% - 38px)
    }
}

@media only screen and (max-width: 1280px) {
    .store_down .store_content .anchor_links img {
        width: 47%;
    }
    .store_down .store_content {
        margin-top: 3%;
    }
    .banner .cus-form h1 {
        color: black;
        font-size: 29px;
    }
    /*.banner .tabs .cus-form_2 h1{*/
        /*font-size: 29px;*/
    /*}*/
    .banner .input_options {
        width: 55%;
    }
    .banner .cus-form .news-letter .s_in {
        width: 30%;
    }
    input.f_in::placeholder {
        font-size: 12px
    }
    .store_down .store_content {
        margin-top: 13%;
    }
    #message_center .wt-tablecategories tbody tr td .wt-actionbtn {
        flex-direction: revert;
        justify-content: space-around;
    }

    #message_center .wt-tablecategories tbody tr td .wt-actionbtn a {
        margin: 0px;
    }
    .wt-dashboardbox .wt-tablecategories tbody tr td .wt-actionbtn {
        flex-direction: row;
    }
    .wt-dashboardbox .wt-tablecategories tbody tr td .wt-actionbtn a {
        margin: 0;
        margin-right: 10px;
    }
    .wt-wrapper .wt-main {
        padding-left: 80px;
        padding-right: 20px;
    }
    .footer .col-md-12 p {  margin-left: 0;  }
}


@media only screen and (max-width: 1100px) {
    #slider-container #slider .slide {
        width: calc(3.3333333% - 20px);
    }
}
@media only screen and (max-width: 1024px) {
    .banner .tabs:before {
        width: 121%;
        height: 94%;
        overflow: hidden;
    }
    .store_content h1{
        font-size: 27px;
    }
    .cat_cards .card_main h5{
        font-size:17px;
        margin-top: 18px;
    }
    .banner .side_txt img {
        width: 57%;
        /*margin-top: -35px;*/
    }
    h2 {
        font-size: 28px;

    }

    h3 {
        font-size: 24px;

    }

    h4 {
        font-size: 20px;

    }

    h5 {
        font-size: 17px;
    }

    p,
    span,
    a {
        font-size: 16px;
    }
    .banner .tabs>.inner_col_tabs {
        max-width: 85%;
    }
    .banner .tabs:before {
        width: 140%;
    }
    .banner .tabs>.inner_col_tabs {
        padding: 15px 60px;
    }
    .footer .cus_cont {
        max-width: 90% !important;
    }
    .store_down .store_content {
        margin: 0;
    }
    .store_down .col-md-5 {
        align-items: center;
        display: flex;
    }
    .store_content h1 {
        font-size: 24px;
    }
    .wt-navigation {
        position: relative;
        padding-top: 10px;
    }

    .wt-header .wt-navigation > ul > li > a {
        border: none;
    }
    .wt-userlogedin:before {
        display:block;
    }

    #user_profile .wt-companysinfoholder .col-lg-6 {
        max-width: 100%;
        flex: 100%;
    }
    #jobs .wt-viewjobholder {
        top: 0;
        right: 0;
        width: 230px;
        height: 100%;
        position: absolute;
        background: #fff;
        border-left: 1px solid #ddd;
        margin:0;
        padding: 30px 20px;
    }
    #jobs .wt-contenthead {
        max-width: 50%;
    }
    #services #wt-twocolumns .col-lg-7 {
        max-width: 65%;
    }
    #services #wt-twocolumns .col-lg-5 {
        max-width: 35%;
    }

    /* */
    .dummy_col_2 {display: none;}
    .dummy_col_2  + .col-md-8 , .dummy_col_2  + .col-lg-10{max-width: 100%;flex: 100%;}

}
@media screen and (max-width: 992px) {
    h1 {
        font-size: 22px;
    }
    .cat_cards .container , .profes .container , .wt-haslayout .container , .nav_bar .container , .services .container ,  .store_down .container , .banner .container  {
        max-width: 95% ;
        margin: 0 auto;
    }
    .banner .cus-form h1 {
        font-size: 22px;
    }
    .nav_bar li:nth-child(3) .nav-link:before {
        content: unset;
    }
    .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 60px;
        background-color: #CCED00;
        padding: 10px;
        z-index: 999;
        left: 0;
    }
    .nav_bar nav {
        justify-content: end;
        padding-left: 0;
        padding-right: 0;
    }
    .banner .tabs>.inner_col_tabs {
        padding: 15px 30px;
    }
    .wt-header .wt-navigation > ul > li > a:hover { color : white !important;
    }
    #jobs .wt-viewjobholder{
        padding: 0;
        border: 0;
        float: left;
        width: 100%;
        margin-top:30px;
        position: static;
        padding-top:30px;
        background: transparent;
        border-top:1px solid #ddd;
    }
    body   .banner_left_img { text-align: center; }
    body   .banner .tabs>.inner_col_tabs { margin: 20px auto; }
    body .banner .side_txt img { width: 20%; margin-bottom: 50px; height: fit-content; object-fit: contain; }
    body .banner .logo_img { text-align: center; }
}

@media only screen and (max-width: 900px) {
    #slider-container #slider .slide {
        width: calc(5% - 20px);
    }
}
@media screen and (max-width: 800px) {

    .store_main_img {
        position: absolute;
        bottom: 0;
    }

    .store_down .col-md-5 {
        position: relative;
    }

    .store_content h1 {
        font-size: 20px;
    }

    .store_content {
        padding: 35px 0px;
    }

    .cat_cards .col-md-3 {
        max-width: 50%;
        flex: 50%;
    }

    .cat_cards .card_main {
        height: 240px;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .footer .cus_cont {
        max-width: 100% !important;
    }
    .wt-tablecategories thead tr th {
        font-size: 13px !important;
    }
    .wt-headervtwo .wt-navigationarea .wt-logo {
        padding-left: 50px;
    }
    .logo_p {
        left: 60px;
    }
    .wt-formtheme fieldset {
        width: 100%;
    }

    #services #wt-twocolumns .col-lg-5 {
        max-width: 50%;
    }

    #services #wt-twocolumns .col-lg-7 {
        max-width: 50%;
    }

    #services #wt-twocolumns .col-md-6 {
        max-width: 100%;
    }

}


@media screen and (max-width: 768px){

}

@media only screen and (max-width: 767px) {
    .footer .col-md-3{
        justify-content: center;
        align-items: center;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .footer .col-md-12 p {   text-align: center;}


    body .banner .side_txt img {
        width: 20%;
        margin-bottom: 50px;
    }

    .store_down .store_main_img {
        position: relative;
    }

    .store_down .store_main_img img {
        position: relative;
        width: 50%;
        left: 0%;
        transform: translate(50%, 0%);
    }

    .store_down .phone_col {
        order: 1;
    }

    .store_down .text_col {
        justify-content: center;
        text-align: center;
    }

    .services h1 {
        padding-left: unset;
        text-align: center;
    }

    /* */
    .banner .tabs>.inner_col_tabs {max-width: 100%;}
    .banner .tabs {padding: 0;height: auto;margin-bottom: 60px;}
    .banner .logo_img {text-align: center;}
    .home_cards_sec .cards { margin-bottom: 25px; height: unset; }

    }


@media screen and (max-width: 600px){
    .footer .footer_img img{
        width: 80%;
    }
    .book_new_jobs_sec4 form .form-group span {
        top: 20px;
        left: 20px;
    }

    .mySwiper .swiper-button-next {
        right: 14px;
    }

    .cat_cards .col-md-3 {
        max-width: 100%;
        flex: 100%;
    }

    .cat_cards .cat_cards_heading {text-align: center;}
    .cat_cards .inner_section_explore_btn {text-align: center;}
    .cat_cards_head_btn{float: unset;}

    /* */
    .cat_cards .container, .profes .container, .wt-haslayout .container, .nav_bar .container, .services .container, .store_down .container, .banner .container {  max-width: 100%;  margin: 0 auto;  }

}

@media only screen and (max-width: 550px) {
    #slider-container #slider .slide {
        width: calc(10% - 20px);
    }
    p, span, a {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px){
    .banner .tabs>.inner_col_tabs {
        padding: 15px 22px;
    }

    .banner .tabs>.inner_col_tabs {
        max-width: 100%;
    }

    .banner .tabs:before {
        width: 160%;
    }

    .swiper-button-next, .swiper-button-prev{
        padding: 22px;
    }

}

@media screen and (max-width: 375px){
    .banner .tabs>.inner_col_tabs {
        border: 2px solid #cced00;
        border-radius: 8px;
    }

    .banner .tabs:before{
        display: none;
    }

    .banner .tabs .tabs_btns button{
        margin-right: 10px;
    }

    body .banner .tabs{
        padding-left: unset;
        height: auto;
        margin-bottom: 80px;
    }
}

/*.footer .container {*/
    /*max-width: 85%;*/
/*}*/



/* -=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-==-=-=-===-= */
/* 123 */
/* ================================================================================ */
/* Footer Css */
/* ================================================================================ */
/* #footer {
padding: 60px 0 30px;
}

#footer .section-title {
text-align: center;
color: #007b5e;
margin-bottom: 50px;
text-transform: uppercase;
}

#footer {
background: #007b5e !important;
}

#footer h5 {
padding-left: 10px;
border-left: 3px solid #eeeeee;
padding-bottom: 6px;
margin-bottom: 20px;
color: #ffffff;
}

#footer a {
color: #ffffff;
text-decoration: none !important;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}

#footer ul.social li {
padding: 3px 0;
}

#footer ul.social li a i {
margin-right: 5px;
font-size: 25px;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}

#footer ul.social li:hover a i {
font-size: 30px;
margin-top: -10px;
}

#footer ul.social li a,
#footer ul.quick-links li a {
color: #ffffff;
}

#footer ul.social li a:hover {
color: #eeeeee;
}

#footer ul.quick-links li {
padding: 3px 0;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
transition: .5s all ease;
}

#footer ul.quick-links li:hover {
padding: 3px 0;
margin-left: 5px;
font-weight: 700;
}

#footer ul.quick-links li a i {
margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
font-weight: 700;
} */
#services .wt-freelancers img {
    height: 230px;
}



.book_new_jobs_swiper  .swiper-button-next, .book_new_jobs_swiper .swiper-button-prev {
    background-color: transparent;
    box-shadow: none;
    bottom:0;
    top:unset;
    font-size: 35px;
    padding: 0;
}
.book_new_jobs_swiper  .swiper-button-next {
    left: 55px;
    font-size: 50px;
    bottom: 3px;
}
.book_new_jobs_swiper .swiper-button-next::after {
    font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "";
}
.book_new_jobs_swiper  .swiper-button-prev::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
}
.book_new_jobs_swiper  .swiper-button-prev , .book_new_jobs_swiper  .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
    top: unset;
}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .desc a {
    color: #cced00;
}
.book_new_jobs_sec3 .book_new_jobs_swiper .swiper-slide .desc .desc_para {
    color: #AAAAAA;
}

/* Header Style */
.wt-logo{float: left;margin: 12px 0;}
/*.wt-logo a img{width: 170px;}*/
.wt-header {
    padding: 0;
    z-index: 10;
    position: relative;
}
.wt-nav{
    width: 100%;
    float: left;
    text-transform: capitalize;
    font:400 16px/16px 'Poppins', Arial, Helvetica, sans-serif;
}
.wt-navigation{
    padding: 0;
    width: 100%;
    float: left;
}
.wt-navigation ul{
    list-style: none;
    line-height: inherit;
}
.wt-navigation > ul{
    width: 100%;
    float: left;
    list-style: none;
    text-align: center;
    line-height: inherit;
}
.wt-navigation ul li{
    position: relative;
    line-height: inherit;
    list-style-type: none;
}
.wt-navigation > ul > li{
    width: auto;
    vertical-align: top;
    display: inline-block;
}
.wt-navigation ul li a{
    color: #767676;
    display: block;
    position: relative;
}
.sub-menu,
.mega-menu{
    left: 0;
    opacity: 0;
    z-index: 9;
    top: 150px;
    background: #fff;
    visibility: hidden;
    position: absolute;
    text-align: left;
}
.sub-menu{
    margin: 0;
    width: 255px;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25);
}
.wt-navigation > ul > li:hover > .sub-menu,
.wt-navigation > ul > li:hover > .mega-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.mega-menu-row{
    margin: 0;
    display: table;
    table-layout: fixed;
}
.wt-rightarea{float: right;}
.wt-headerelevenb .wt-rightarea{
    display: flex;
    align-items: center;
}
.wt-headerelevenb .wt-userlogedin{margin-left: 26px;}
.wt-headerelevenb .wt-username,
.wt-headerelevenb .wt-username h3{color: #fff;}
.wt-navigation > ul > li > a{
    /*margin: 20px 0;*/
    padding: 10px 13px;
    color: #CCED00;
}
.wt-navigation > ul > li > a:after{
    bottom:0;
    left:50%;
    opacity: 0;
    width: 10px;
    height: 2px;
    content: '';
    visibility: hidden;
    position: absolute;
    margin:0 0 0 -10px;
}
.wt-navigation > ul > li:hover > a:after,
.wt-navigation > ul > li.current-menu-item > a:after{
    width: 20px;
    opacity: 1;
    visibility: visible;
}
.wt-navigation > ul > li > .sub-menu{border-top: 2px solid;border-radius: 0 0 5px 5px;}
.wt-navigation ul li .sub-menu li a{padding: 12px 20px;}
.wt-navigation ul li .sub-menu > li:hover > a{color: #323232;}
.wt-navigation ul li .sub-menu li a{font-size: 14px;}
.wt-navigation > ul > li > .sub-menu > li:hover{background: #fcfcfc;}
.wt-navigation > ul > li > .sub-menu > li:last-child{border-radius: 0 0 5px 5px;}
.wt-navigation > ul > li > .sub-menu > li.menu-item-has-children .sub-menu li{background: #fcfcfc;}
.wt-navigation > ul > li > .sub-menu > li.menu-item-has-children .sub-menu li:hover{background: #fff;}
.wt-navigation > ul > li > .sub-menu > li.menu-item-has-children .sub-menu li:first-child{border-radius: 0 5px 0 0;}
.wt-navigation > ul > li > .sub-menu > li.menu-item-has-children .sub-menu li:last-child{border-radius: 0 0 5px 0;}
.wt-navigation ul li .sub-menu li + li a {border-top: 1px solid #eee;}
.wt-rightarea .wt-nav{
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.wt-navigation > ul > li.menu-item-has-children .sub-menu li .sub-menu,
.wt-navigation > ul > li.page_item_has_children .sub-menu li .sub-menu{
    left:100%;
    border-radius: 0 4px 4px 0;
}
.sub-menu li.page_item_has_children:hover .sub-menu {
    top: 0;
    opacity: 1;
    visibility: visible;
}
.sub-menu li.menu-item-has-children > a:before,
.children li.menu-item-has-children > a:before,
.sub-menu li.page_item_has_children > a:before,
.children li.page_item_has_children > a:before{
    top: 0;
    right: 20px;
    color: #999;
    content: '\e876';
    font-size: 10px;
    line-height: 40px;
    position: absolute;
    font-family: 'Linearicons-Free';
}
.wt-newnoti a em{
    padding: 0 5px;
    color: #fff;
    font-size: 11px;
    margin-left:10px;
    font-style: normal;
    line-height: 16px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}
.wt-notificationicon > a{position: relative;}
.wt-notificationicon > a:after{
    top: 50%;
    content: '';
    width: 6px;
    height: 6px;
    right: 35px;
    margin-top:-3px;
    border-radius: 50px;
    position: absolute;
}
/* Login Style */
.wt-loginarea{
    width: auto;
    float: right;
    /*margin: 20px 0;*/
    padding: 0 0 0 20px;
    border-left: 1px solid #ddd;
}
.wt-userimg{
    margin: 0;
    float: left;
    width: auto;
    max-width: 36px;
    max-height: 36px;
    height: 50px;
    margin-right:10px;
    border-radius: 50px;
}
.wt-userimg img{
    width: 100%;
    display: block;
    border-radius: 50px;
    height: 100%;
    object-fit: cover;
}
.wt-loginarea .wt-loginbtn{color:#00adf2;margin-right:20px; }
.wt-loginarea > .wt-btn{
    padding: 0 15px;
    line-height: 36px;
}
.wt-loginoption{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.wt-loginformhold{
    top: 51px;
    right: 0;
    z-index: 9;
    width: 350px;
    display: none;
    overflow:hidden;
    background: #fff;
    border-radius:4px;
    position: absolute;
    line-height: normal;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25);
}
.wt-loginheader{
    float: left;
    width: 100%;
    padding: 20px 20px 0;
}
.wt-loginheader span{
    color: #323232;
    font-size:16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.wt-loginheader a{
    color: #ddd;
    float: right;
    font-size: 14px;
    line-height: 16px;
}
.wt-logininfo{
    float: left;
    width: 100%;
}
.wt-loginform fieldset{padding: 20px;}
.wt-loginform fieldset .form-group{margin: 0 0 10px;}
.wt-logininfo .wt-btn{padding: 0 30px;line-height: 36px; float: left;}
.wt-logininfo .wt-checkbox{width: auto;margin-left:20px;padding: 11px 0;}
.wt-logininfo .wt-checkbox label{
    font-size: 14px;
    color: #767676;
    line-height: 36px;
}
.wt-loginfooterinfo{
    width: 100%;
    float: left;
    background: #f7f7f7;
}
.wt-loginfooterinfo a{
    width: 50%;
    float: left;
    color: #55acee;
    text-align: center;
    position: relative;
    line-height: 50px;
}
.wt-loginfooterinfo a + a:before{
    top: 50%;
    left: 0;
    content: '';
    width: 2px;
    height: 30px;
    background:#ddd;
    position: absolute;
    margin: -15px 0 0;
}
body.wt-login .wt-loginarea{display: block;}
.wt-userlogedin{
    float:right;
    padding:20px;
    display: none;
    cursor:pointer;
    position:relative;
    padding-right:0;
    position: relative;
}
.wt-userlogedin:before{
    left: 0;
    top: 50%;
    width: 1px;
    content: '';
    height: 36px;
    background: #ddd;
    margin-top:-18px;
    position: absolute;
}
body.wt-login .wt-userlogedin{display: block;}
.wt-userlogedin .wt-userimg{
    float:left;
    margin-right:10px;
}
.wt-username{overflow:hidden;}
.wt-username h3{
    font-size:16px;
    font-weight:400;
    margin: 0 0 5px;
    line-height:16px;

}
.wt-username span{
    display:block;
    font-size:13px;
    line-height:15px;
}
.wt-usernav{
    right:0;
    opacity:0;
    top:140px;
    z-index:9;
    width:220px;
    visibility:hidden;
    position:absolute;
    border-radius:5px;
}
.wt-userlogedin:hover .wt-usernav{
    top:100%;
    opacity:1;
    visibility:visible;
}
.wt-usernav ul{
    width:100%;
    float:left;
    font-size:14px;
    background:#fff;
    list-style:none;
    line-height:16px;
    border-radius:0 0 4px 4px;
}
.wt-usernav > ul{
    margin-bottom: 0;
    border-top:2px solid;
    -webkit-box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25);
}
.wt-usernav ul li{
    width:100%;
    float:left;
    position:relative;
    line-height:inherit;
    list-style-type:none;
}
.wt-usernav ul li + li{border-top:1px solid #eee;}
.wt-usernav ul li a{
    color:#767676;
    display:block;
    padding:11px 20px;
    line-height:inherit;
    position: relative;

}

.wt-usernav ul li:hover > a{color: #323232;}
.wt-usernav ul li a span{
    line-height:inherit;
    display:inline-block;
    vertical-align:middle;
    font-size: 14px;
}
.wt-usernav ul li .sub-menu{
    border:0;
    left:auto;
    right: 100%;
    border-radius:4px 0 0 4px;
}
.wt-usernav ul li:hover .sub-menu{
    top:0;
    opacity:1;
    visibility:visible;
}
.wt-usernav ul li .sub-menu li a{border-radius:0 5px 5px 0;}
.wt-usernav ul li.menu-item-has-children:after,
.wt-usernav ul li.page_item_has_children:after{
    top:0;
    right:20px;
    color:#999;
    font-size:10px;
    content:'\e876';
    line-height:40px;
    position:absolute;
    font-family:'Linearicons-Free';
}


.banner_left_img { position: absolute; bottom: 0; width: 52%; right: 0;    z-index: -1; /* height: 80%; */ bottom: 0; /* padding-right: 50px; */ /* padding-top: 100px; */ } .banner .col-lg-4 { position: unset; } .banner { position: relative; margin: 0px; } .banner_left_img img { height: 100%; width: 100%; object-fit: contain; object-position: bottom; } .banner .container { position: relative; padding: 50px 0px 350px  0px; } .cat_cards { padding: 70px 0px 70px 0px; }
.services .mySwiper .swiper-button-next i, .services .mySwiper .swiper-button-prev i {color: #202020;font-size: 18px;}



.wt-loginarea .wt-loginbtn {
    color: #CCED00;
    margin-right: 20px;
    padding: 4px 15px;
    border: 2px solid;

    border-radius: 5px;
}

.wt-loginarea  .wt-btn {
    padding: 0 15px;
    line-height: 36px;    line-height: 36px;
    background: #CCED00;
    color: #484343;
}

.wt-rightarea {
    padding: 20px 0;
}
.wt-header .wt-navigation > ul > li > a:hover {
    color: #CCED00 !important;
    text-decoration: none;
}
.wt-rightarea a {
    font-size: 16px;
}

.wt-nav {
    width: 100%;
    float: left;
    /* text-transform: capitalize; */
    font: 400 16px/16px 'Poppins', Arial, Helvetica, sans-serif;
}

.wt-navigation > ul > li > a {

    padding: 10px 13px;
    color: #767676;
}

.container {}

.inner_col_tabs {}
.wt-rightarea a {
    font-size: 16px;
}
.wt-navigationarea .wt-loginarea .wt-loginbtn {
    color: #CCED00;
    margin-right: 20px;
    padding: 7px 15px;
    border: 2px solid;
    border-radius: 5px;
    font: 400 14px/23px 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 36px;
}




.wt-loginarea .wt-btn, .wt-btn[type=submit] {
    background-color: #CCED00;
    border: none;
}
.wt-loginarea > .wt-btn {
    padding: 0 15px;
    line-height: 36px;
}
.wt-rightarea a {
    font-size: 16px;
}

.wt-btn {
    color: #484343;
    padding: 0 50px;
    background: #fff;
    position: relative;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font: 700 13px/50px 'Poppins', Arial, Helvetica, sans-serif;
}


.wt-loginarea .wt-loginbtn {
    color: #CCED00;
    margin-right: 20px;
    padding: 4px 15px;
    border: 2px solid;
    border-radius: 5px;
}
a {
    font-size: 18px;
    line-height: 1;

}
a:hover {
    text-decoration: none;
}

section.banner {}
body {

    background: #fff;
    overflow-x: hidden;
    font: 400 14px/23px 'Open Sans', Arial, Helvetica, sans-serif;
}
.wt-navigation > ul > li > .sub-menu {
    padding: 0px;
    border-color: #CCED00;
}
.wt-btn:hover {
    -webkit-box-shadow: 10px 10px 25px 0 rgba(0,0,0,0.25);
    box-shadow: 10px 10px 25px 0 rgba(0,0,0,0.25);
}


.contactus_sec { padding: 0px ; background-color: transparent; }
.contactus_sec .contactus_form_img { width: 100%; height: 100%; }
.contactus_sec .contactus_form_img img { width: 100%; height: 100%; object-fit: cover; }
.contactus_sec .contactus_form { border: 2px solid #999;background-color: white; }
.contactus_sec .contactus_form form { padding:40px 10px 40px 40px; }
.contactus_sec .contactus_form form .form-group {margin-bottom: 25px;}
.contactus_sec .contactus_form form .form-group h2 { /* max-width: 80%; */ text-transform: unset; font-family: 'Poppins', Arial, Helvetica, sans-serif !important; color: #323232; margin: 0 0 8px; font-weight: 700; line-height: 1.5; font-style: normal; }
.contactus_sec .contactus_form form .form-group .form-control { border: none; border-bottom: 3px solid #999; border-radius: 0px; height: auto;  padding: 15px 0px; padding-left: 0px; font-size: 16px; line-height: 25px; }
.contactus_sec .side_logo_img {display: flex;height: 100%;align-items: center;}
.contactus_sec .contactus_form form .form-group input.form-control {padding-top: 0px;}
.contactus_sec  .wt-proposalsr {margin: 30px 0px 0px 0px;display: flex;background-color: transparent;}
.contactus_sec .contactus_form form .btn-primary { width: 100%; padding: 13px 20px; background-color: white; border-radius: 0px; border-width: 3px; color: black; border-color: black; font-weight: bold; font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 20px;  }
.contactus_sec .wt-proposalsr .tg-authorcodescan {justify-content: center;}

.contactus_sec .wt-proposalsr { margin: 30px 0px 0px 0px; display: flex; background-color: transparent; }
.contactus_sec .wt-proposalsr .wt-proposalsr { float: left; width: 100%; background: #fff; border-radius: 4px; margin-bottom: 30px; }
.contactus_sec .wt-proposalsr .tg-authorcodescan { justify-content: center; }
.contactus_sec .wt-proposalsr .tg-authorcodescanvtwo { border: 0; }
.contactus_sec .wt-proposalsr .tg-authorcodescan { width: 100%; float: left; padding: 20px 10px; border-top: 1px solid #f2f2f2; display: flex; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; }
.contactus_sec .wt-proposalsr .tg-qrcodeimg { margin: 0; width: auto; float: left; padding: 4px; max-width: 130px; margin-right: 20px; background: #f7f7f7; border: 1px solid #eff2f5; width: 110px; height: 110px; } figure { margin-bottom: 6px; position: relative; }
.contactus_sec .wt-proposalsr .tg-qrcodeimg svg { width: 100%; height: 100%; }
.contactus_sec .wt-proposalsr .tg-qrcodedetail { width: auto; float: left; overflow: hidden; }
.contactus_sec .wt-proposalsr .tg-qrcodedetail .lnr-laptop-phone { display: block; color: #323232; font-size: 50px; }
.contactus_sec .wt-proposalsr  .lnr { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.contactus_sec .wt-proposalsr .lnr-laptop-phone:before { content: "\e83d"; }
.contactus_sec .wt-proposalsr .tg-qrcodedetail .lnr-laptop-phone { display: block; color: #323232; font-size: 50px; }
.contactus_sec .wt-proposalsr .lnr { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.contactus_sec .wt-proposalsr .tg-qrcodefeat h3 { margin: 0; font-weight: 400; font-size: 16px; line-height: 20px; }
.contactus_sec .wt-proposalsr .tg-qrcodedetail .tg-qrcodefeat h3 span { color: #cced00; }
.contactus_sec .wt-proposalsr .wt-freelancers-content .dc-title span strong,  .contactus_sec .wt-proposalsr .tg-qrcodefeat h3 span { color: #3490dc; }
.contactus_sec .wt-proposalsr .tg-authorcodescan {justify-content: center;}
.contactus_sec .wt-proposalsr .tg-qrcodedetail {width: 130px;}


.wt-navigation > ul > li > .sub-menu > li:hover ul.sub-menu {}
.wt-navigation > ul > li > .sub-menu {   width: 190px;}
.wt-navigation > ul > li > .sub-menu > li:hover ul.sub-menu {width: 150px;left: 50%;}
.wt-navigation > ul > li > .sub-menu > li:hover ul.sub-menu { opacity: 1; display: block; visibility: visible; top: 100%; }
.sub-menu, .mega-menu { left: 0; opacity: 0; z-index: 9; top: 150px; background: #fff; visibility: hidden; position: absolute; text-align: left; }.sub-menu { margin: 0; width: 255px; -webkit-box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25); box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25); padding: 0px; }
.wt-navigation ul li .sub-menu > li:hover { background-color: #CCED00 ; }
.wt-navigation ul li .sub-menu > li:hover { background-color: #CCED00 ; }

.wt-userlogedin { display: block;  }
.wt-rightarea h3 { font-family: 'Poppins', Arial, Helvetica, sans-serif !important; }
.wt-navigationarea .wt-userlogedin .wt-username h3 { line-height: 18px; margin-bottom: 3px; }
.wt-username h3, .wt-username span { max-width: 130px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.wt-usernav{ right:0; opacity:0; top:140px; z-index:9; width:220px; visibility:hidden; position:absolute; border-radius:5px; }
.wt-userlogedin:hover .wt-usernav{ top: 100%; opacity:1; visibility:visible; }
.wt-usernav ul{ width:100%; float:left; font-size:14px; background:#fff; list-style:none; line-height:16px; border-radius:0 0 4px 4px; }
.wt-usernav > ul{ margin-bottom: 0; border-top:2px solid; -webkit-box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25); box-shadow: 5px 10px 20px 0 rgba(0,0,0,0.25); }
.wt-usernav ul li{ width:100%; float:left; position:relative; line-height:inherit; list-style-type:none; } .wt-usernav ul li + li{border-top:1px solid #eee;}
.wt-usernav ul li a{ color:#767676; display:block; padding:11px 20px; line-height:inherit; position: relative; } .wt-usernav ul li:hover > a{color: #323232;}
.wt-usernav ul li a span{ line-height:inherit; display:inline-block; vertical-align:middle; font-size: 14px; }
.wt-usernav ul li .sub-menu{ border:0; left:auto; right: 100%; border-radius:4px 0 0 4px; }
.wt-usernav ul li:hover .sub-menu{ top:0; opacity:1; visibility:visible; } .wt-usernav ul li .sub-menu li a{border-radius:0 5px 5px 0;}
.wt-usernav ul li.menu-item-has-children:after, .wt-usernav ul li.page_item_has_children:after{ top:0; right:20px; color:#999; font-size:10px; content:'\e876'; line-height:40px; position:absolute; font-family:'Linearicons-Free'; }
.wt-usernav > ul{ border-color: #CCED00 !important; }
.wt-usernav ul li:hover > a{ background-color: #CCED00; }
.wt-usernav > ul > li i { width: 20px; font-size: 14px; display: inline-block; vertical-align: middle; }
*{ margin: 0px; padding: 0px; }
.wt-usernav ul li.menu-item-has-children:after, .wt-usernav ul li.page_item_has_children:after { top: 0; right: 20px; color: #999; font-size: 10px; content: '\e876'; line-height: 40px; position: absolute; font-family: 'Linearicons-Free'; }
.wt-usernav .wt-dropdowarrow { display: none; }
.wt-usernav > ul > li i { width: 20px; font-size: 14px; display: inline-block; vertical-align: middle; }
.wt-usernav ul li a { color: #767676; display: block; padding: 11px 20px; line-height: inherit; position: relative; }
.wt-rightarea .wt-nav {  padding: 20px 0px;  }
.wt-usernav ul li a { font-size: 14px; }
.wt-rightarea{padding: 0px;}