@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

/***** General CSS *****/

body {
    word-break: break-word;
    font: 16px/25px 'Poppins', sans-serif;
    color: #7c7c7c;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rajdhani', sans-serif;
}

h1 {
    font-size: 95px;
    line-height: 1;
    color: #192646;
    font-weight: 600;
    margin: 0 0 17px;
}

h2 {
    font-size: 80px;
    line-height: 1;
    color: #192646;
    font-weight: 600;
    margin: 0 0 17px;
}

h3 {
    font-size: 50px;
    line-height: 1;
    color: #192646;
    font-weight: 600;
    margin: 0 0 17px;
}

h4 {
    font-size: 24px;
    line-height: 29px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 13px;
}

h5 {
    font-size: 20px;
    line-height: 25px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 20px;
}

h6 {
    font-size: 18px;
    line-height: 23px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 22px;
}

select {
    background: #fff url('../images/arrow.png') no-repeat right;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #575757;
}

::-moz-placeholder {
    color: #575757;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #575757;
}

:-moz-placeholder {
    color: #575757;
    opacity: 1;
}

.btn-1>small {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* BEGIN: HEADER SEC CSS */

.slicknav_menu {
    display: none;
}

@media only screen and (min-width:0px) and (max-width:767px) {
    .slicknav_menu {
        display: block;
    }
}

section.banner {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 200px;
}
.topSec {
    background: #f5b462;
}

.topSec ul {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 10px 0;
}
.top-bar-left img {
    width: 30px;
}
.top-bar-left {
    text-align: end;
}
.topSec h4 {
    margin: 0;
    color: #fff;
}
.topSec a {
    color: #fff;
}
.main-navigate {
    /* position: absolute; */
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    padding: 20px 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

ul#menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
}

section.banner:before {
    content: '';
    position: absolute;
    height: 300px;
    width: 300px;
    background: #192646;
    left: -200px;
    border-radius: 50%;
}

ul#menu>li>a {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.logo img {
    width: 196px !important;
    height: 38px !important;
}
.text-right {
    text-align: right;
}

.btn-1 {
    /* height: 65px; */
    height: 50px;
    display: inline-flex;
    align-items: center;
    /* padding: 0 25px; */
    padding: 0 15px;
    background: #f5b462;
    border-radius: 99px;
    color: #fff;
    font-size: 22px;
    font-family: 'Rajdhani';
    font-weight: 600;
    border: 2px solid #fff;
    gap: 10px;
    box-shadow: 0 0 20px 0 #0000002e;
}

.btn-1>i {
    /* font-size: 35px; */
    font-size: 25px;
}

.btn-1:hover,
.btn-1.gree {
    color: #fff !important;
    background-color: #3d7d7c;
}

.btn-1.bluu {
    color: #fff;
    background-color: #192646;
}

.bannr-shap:before {
    content: '';
    position: absolute;
    height: 90%;
    width: 25vw;
    background: #3d7d7c;
    right: 0;
    clip-path: circle(56% at 0 50%);
    transform: scale(1.5);
}

.bannr-shap {
    position: absolute;
    width: 100%;
    /* top: 90px; */
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 9%;
}

.bannr-shap>img {
    height: 100%;
    border-radius: 50%;
    width: 50%;
    object-fit: cover;
    position: relative;
}

section.banner .container {
    position: relative;
    z-index: 2;
}

.serach-form {
    position: relative;
}

.serach-form>input {
    width: 100%;
    height: 55px;
    padding: 0 20px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 20px 0 #00000021;
    border-radius: 7px;
}

.serach-form>input::placeholder {
    font-style: italic;
}

.serach-form>button {
    position: absolute;
    right: 0;
    height: 55px;
    width: 55px;
    font-size: 26px;
    background: transparent;
    border: 0;
}

section.after-banner-sec {
    padding-top: 150px;
    padding-bottom: 100px;
}

.step-boxx {
    /*    padding: 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 20px 0 #00000029;*/
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    }

.step-boxx>span {
    height: 140px;
    width: 140px;
    background: #f5b462;
    display: flex;
    margin: 0 auto;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.step-boxx>span>img {
    width: 74px;
}

.step-boxx h4 {
    margin: 20px 0 10px;
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    text-transform: capitalize;
}

.socail-links {
    display: flex;
    align-items: center;
    height: 100px;
    background: #f5b462;
    width: 100%;
    padding-left: 8%;
    gap: 40px;
}

.socail-links>span {
    color: #192646;
    font-family: 'Rajdhani';
    font-size: 22px;
    font-weight: 600;
}

.linkr-sc {
    display: flex;
    align-items: center;
    gap: 10px;
}

h1 span {
    color: #f5b462;
}

.linkr-sc>a {
    height: 45px;
    width: 45px;
    background: #fff;
    color: #f5b462;
    border-radius: 50%;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.linkr-sc>a:hover{
    background: #000;
}

.step-boxx:hover {
    background: #f5b462;
}

.step-boxx:hover>span {
    background: #fff;
}

.step-boxx:hover>span>img {
    filter: brightness(0);
}

.step-boxx:hover h4, .step-boxx:hover p {
    color: #fff;
}

.bacgede-abt {
    position: absolute;
    display: flex;
    align-items: center;
    background: #fff;
    width: 250px;
    padding: 20px;
    box-shadow: 0 0 8px 0 #00000029;
    border-radius: 8px;
    bottom: -50px;
    font-size: 20px;
    font-weight: 500;
    color: #f5b462;
    justify-content: space-between;
    left: 0;
}

.bacgede-abt>span {
    width: 130px;
    font-weight: 600;
    color: #192646;
    font-family: 'Rajdhani';
    font-size: 50px;
}

section.work-experine-sec {
    padding: 60px 0 150px;
    background: #fef7ef;
    position: relative;
}

section.work-experine-sec:before {
    content: '';
    position: absolute;
    height: 300px;
    width: 300px;
    right: -50px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-right: 150px solid #3d7d7c;
    border-top: 150px solid #3d7d7c;
    border-radius: 50%;
    border-left: 150px solid transparent;
    border-bottom: 150px solid transparent;
    transform: rotate(45deg);
}

.sec-sec {
    padding: 10px 0;
    background: #192646;
    text-align: center;
}
.enrolement_form p {
    color: #192646;
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    top: -20px;
}
.sec-sec h2 {
    margin: 0;
    color: #f1b160;
}

.service-slider .slick-list {
    padding: 20px;
    margin: 0 -40px;
}

.service-slider .slick-slide {
    margin: 0 20px;
    opacity: 0;
}

.service-slider .slick-active {
    opacity: 1;
}

.service-slider .slick-arrow {
    position: absolute;
    visibility: hidden;
}

section.service-sec {
    padding: 100px 0;
}

.slider-btns {
    position: absolute;
    height: 100px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% + 80px);
    z-index: 1;
    left: -40px;
}

.slider-btns>a:first-child {
    transform: rotate(180deg);
}

.slider-btns>a {
    font-size: 30px;
    color: #cccccc;
}

.cta-boxxes {
    position: relative;
    padding: 60px;
    border-radius: 20px;
}

.cta-boxxes>img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.cta-boxxes p {
    color: #fff;
}

.cta-boxxes:before {
    content: '';
    position: absolute;
    width: 85%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f5b462;
    z-index: -1;
    border-radius: 20px;
}
.step-boxx img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(101%) contrast(101%);
}

section.cta-sec {
    padding: 0 0 100px;
}

.bagde-right {
    position: absolute;
    right: 30px;
    background: url(../images/bagde-bg.png);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    width: 55px;
    align-items: center;
    padding-top: 43px;
    padding-bottom: 25px;
    gap: 8px;
    top: 0;
    height: 138px;
    bottom: 0;
    margin: auto;
}

.job-boxx {
    height: 400px;
    position: relative;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 20px 0 #00000052;
    border-radius: 10px;
    /* padding-right: 100px; */
    margin: 12px 0;
}

.bagde-right>img {
    width: 16px;
}

section.listing-sec {
    padding: 100px 0;
}

.com-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 0 15px 0;
    border-bottom: 1px dashed #000;
    margin-bottom: 20px;
}

.com-box span {
    font-size: 26px;
    display: block;
    color: #192646;
    font-weight: 500;
}

.com-box h2 {
    line-height: 1;
    font-size: 40px;
    color: #f5b462;
    text-transform: capitalize;
}

.job-icons span {
    font-size: 18px;
}

.job-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.bagde-sdlla {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 5px 0 10px;
    gap: 10px;
}

.job-bnts>a:first-child {
    height: 50px;
}

.profile-pic-rev {
    position: relative;
    height: 290px;
    width: 290px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 20px 0 #00000014;
    margin: 0 auto;
}

.profile-pic-rev>i {
    position: absolute;
    height: 60px;
    width: 60px;
    background: #f5b462;
    border-radius: 50%;
    box-shadow: 0 0 14px 0 #00000026;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    top: 0;
    right: 10px;
}

.profile-pic-rev>img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.rev-info {
    text-align: center;
    margin-top: 20px;
}

.rev-info h4 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.rating-star {
    color: #f5b462;
}

section.testi-sec {
    padding: 80px 0;
    background: #fef7ef;
}

html,
body {
    overflow-x: hidden;
}

section.top-recuriter {
    padding: 100px 0;
}

section.top-recuriter h2 {
    text-transform: uppercase;
    font-size: 60px;
}

section.top-recuriter .slick-slide {
    margin: 0 20px;
}


/*Footer Start*/

footer {
    background: #192646;
    position: relative;
}

footer .container-fluid {
    padding: 0;
}

.f-logo ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px 0;
}

.f-map iframe {
    width: 100%;
    height: 310px;
    filter: hue-rotate(180deg);
}

.f-logo ul li a {
    font-size: 41px;
    margin: 0 70px 0 0;
    color: #fff;
}

.quick-link h5 {
    font-size: 34px;
    margin: 0 0 40px;
    color: #fff;
}

.quick-link {
    margin-top: 50px;
    padding-left: 30px;
}

.quick-link ul {
    display: flex;
    align-items: center;
    column-count: 2;
    flex-wrap: wrap;
}

.quick-link ul li {
    width: 36%;
    margin-bottom: 10px;
}

.quick-link ul li a {
    font-size: 14px;
    color: #ffffff4a;
    text-transform: uppercase;
    font-weight: 400;
}

.newsletter h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 4px;
}

.new-in input {
    width: 60%;
    height: 45px;
    border: 0;
    border-radius: 99px;
    padding: 0 30px;
    background: #36415a;
    color: #868686;
}

.new-in input::placeholder {
    color: #868686;
}

.new-in {
    position: relative;
}

.new-in button {
    position: absolute;
    right: 28%;
    background: #f5b462;
    border: 0;
    color: #fff !important;
    height: 45px;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 99px;
}

.new-in button:hover {
    transform: scale(1.1);
}

.bottom-footer {
    border-top: 1px solid #606060;
    padding: 15px 9% 15px 3%;
    border-left: 1px solid #525252;
    margin: 0 0 0 7.7%;
}

.copy-right p {
    margin: 0;
    color: #f5b462;
}

.f-media-icon {
    display: grid;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 30px;
    bottom: 0;
    left: 40px;
    gap: 40px;
    align-content: center;
}

.f-media-icon a:hover {
    background: #f5b462;
    transition: 0.5s ease-in-out;
    font-size: 20px;
}

.f-media-icon a {
    border: 1px solid #787878;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    transition: 1s ease-in-out;
}

footer .col-lg-7.col-md-7 {
    border-left: 1px solid #525252;
    border-right: 1px solid #525252;
    height: 100%;
}

.newsletter {
    border-top: 1px solid #5a5a5a;
    padding-top: 24px;
    padding-left: 30px;
}

.paypal {
    text-align: end;
}

.f-map {
    margin: 0 -12px -7px;
    z-index: 0;
    position: relative;
    margin-top: 30px;
}

.f-logo li {
    position: relative;
    z-index: 1;
}


/*Footer End*/


/*ENROLMENT FORM SEC*/

.custom_radio {
    margin: 0;
    margin-top: 10px;
    display: flex;
}

.custom_radio input[type="radio"] {
    display: none;
}

.custom_radio input[type="radio"]+label {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    margin-right: 2em;
    cursor: pointer;
    line-height: 1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom_radio input[type="radio"]+label:before,
.custom_radio input[type="radio"]+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    text-align: center;
    color: white;
    font-family: Times;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.custom_radio input[type="radio"]+label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white;
}

.custom_radio input[type="radio"]+label:hover:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
}

.custom_radio input[type="radio"]:checked+label:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #192646;
}

.custom-select {
    position: absolute;
    font-family: Arial;
    width: 100px;
    top: 0;
    right: 0;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #192646;
}


/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}


/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}


/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 2px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    width: 100px!important;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}


/*style items (options):*/

.select-items {
    position: absolute;
    background-color: #192646;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-top-right-radius: 8px;
}

.filter_days>input {
    padding-left: 30px;
}


/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

section.enrolment_form_sec {
    padding: 80px 0;
}

.enrolement_form label {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 4px;
    color: #192646;
}

.enrolement_form input {
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    border: none;
    margin-bottom: 7px;
    height: 30px;
    padding-left: 10px;
}

.enrolement_form textarea {
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    border: none;
    margin-bottom: 7px;
    padding: 10px;
}

.enrolement_form {
    position: relative;
}

.enrolement_form:before {
    content: '';
    position: absolute;
    width: 150%;
    height: 100%;
    background: #f5b462;
    right: -10%;
    z-index: -1;
    top: 14%;
}

.enrolement_form form {
    /*margin-top: 80px;*/
    margin-top: 30px;
}

.filter_days {
    position: relative;
    border-radius: 8px;
    /* overflow: hidden; */
}

.filter_days>span {
    position: absolute;
    top: 3px;
    font-weight: 800;
    color: #666;
    left: 10px;
}

.custom_radio label {
    font-size: 15px;
    font-weight: 500;
    color: #7c7c7c;
}

.enroll_img:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 55%;
    background: #3d7d7c;
    left: -52px;
    clip-path: circle(50% at 104% 49%);
    transform: scale(1.1);
    top: 40px;
    z-index: -1;
}

.enroll_img {
    position: relative;
    height: 100%;
}


/*ENROLMENT FORM SEC ENDs*/

a.round-btn {
    position: absolute;
    right: 70px;
    margin-top: -140px;
    z-index: 3;
}

.counter-box>span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    line-height: 1;
    font-family: 'Rajdhani';
    font-weight: 600;
    color: #fff;
}

.counter-box p {
    font-size: 24px;
    margin: 5px 0 0;
    color: #fff;
}

.sec-sec.counter-sec {
    padding: 60px 0;
}

.expert-box.det-box .u-box {
    margin-right: 20px;
}

.expert-box.det-box h3 {
    margin: 0;
    font-size: 40px;
}

.expert-box.det-box .tag-ts {
    margin-top: 10px;
    margin-bottom: 4px;
}

.btn-det a {
    display: inline-flex;
}

.btn-det a.btn-2 {
    margin-top: 30px;
    color: #80060a;
}

ul#myTab {
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    margin-top: 30px;
    position: relative;
}

li.nav-item {
    padding: 0;
}

.nav-tabs .nav-link {
    padding: 20px 0;
    border: 0;
    border-bottom: 3px solid transparent;
    margin: 0 30px -2px;
    color: #000000 !important;
    font-weight: 600;
    font-family: 'Rajdhani';
    font-size: 25px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #3c7b7a;
}

.tab-content>.active p {
    margin: 20px 0;
    line-height: 2.2;
}

section.expert-det-sec {
    padding: 100px 0;
}

a.share-btn {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    height: 100%;
    font-weight: 500;
    color: #000;
}

a.share-btn i {
    font-size: 22px;
    margin-right: 8px;
    margin-top: 3px;
    color: #f5b462;
}

.u-box {
    height: 130px;
    width: 130px;
    background: #f5b462;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 0 20px;
}

.tag-ts {
    color: #80060a;
    font-weight: 600;
    font-size: 17px;
    margin: 0 0 10px;
}

.tag-ts i {
    color: #3baa42;
}

.badges span i {
    color: #f5b462;
    margin-right: 5px;
    font-size: 18px;
}

.badges span {
    margin-right: 20px;
    font-weight: 500;
    color: #666;
    font-size: 14px;
}

.specify {
    height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0px 15px;
    background: #3d7d7c;
    border-radius: 99px;
    margin-right: 7px;
    FONT-SIZE: 12PX;
    COLOR: #fff;
    margin-top: 10px;
    font-weight: 500;
}

.specify.yll {
    background: #f5b462;
}

.expert-box {
    padding: 20px;
    margin-bottom: 30px;
}


/*booking start*/

section.booking-wrap {
    padding: 80px 0;
    position: relative;
}

.appointment-heading p {
    color: #333333;
    font-weight: 500;
    margin-bottom: 40px;
}

.booking-in input {
    width: 100%;
    /* margin-bottom: 5%; */
    padding: 18px 20px;
    background: transparent;
    border: 1px solid #8f8f8f;
    color: gray;
    border-radius: 10px;
}

.booking-in input {
    margin-bottom: 20px;
}

.booking-in select {
    width: 100%;
    margin-bottom: 3%;
    border: 1px solid #8f8f8f;
    padding: 18px 20px;
    background: transparent;
    font-weight: 400;
    appearance: auto;
    border-radius: 10px;
    color: #333333;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 22px;
}

.booking-in input::placeholder {
    color: #333333;
    font-weight: 400;
}

.booking-in textarea::placeholder {
    color: #333333;
    font-weight: 400;
}

.booking-in textarea {
    width: 100%;
    margin-bottom: 1%;
    border: 1px solid #8f8f8f;
    padding: 18px 20px;
    height: 200px;
    background: transparent;
    border-radius: 10px;
}

.booking-btn {
    text-align: center;
}

.booking-btn button {
    width: 30%;
    border-radius: 99px;
    margin: 2% auto;
    justify-content: space-evenly;
}

.booking-btn button:hover {
    color: #fff;
}

.booking-in.mrgn input {
    margin-bottom: 2%;
}

.appoinment-date {
    padding: 18px 20px !important;
    margin-bottom: 3% !important;
}

.centerCol {
    margin: 0 auto;
}


/*booking end*/


/* Contact Page Start */

.inner-page-bg {
    position: relative;
}

.inner-page-bg:after {
    position: absolute;
    content: '';
    width: 40%;
    height: 100%;
    right: -20%;
    top: -10%;
    background-image: url(../images/inner-pages-bg.png);
    background-repeat: no-repeat;
    background-size: auto;
    /* background-position: right; */
    z-index: -1;
}

.contact-page {
    padding: 100px 0;
}

.row.contact-top-row {
    margin-bottom: 70px;
}

.contact-top-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.contact-icons i {
    border-radius: 50%;
    background: #f5b462;
    width: 120px;
    height: 120px;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 300;
}

.contact-text h4 {
    font-size: 30px;
    color: #191a1a;
    margin: 0 0 7px 0;
}

.contact-text p, .contact-text span {
    font-size: 17px;
    color: #000;
    font-weight: 600;
}

.contact-left-text h2 {
    font-size: 68px;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 10px 0;
}

.contact-left-text p {
    color: #666666;
    font-weight: 500;
}

ul.contact-social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin: 20px 0 0;
}
ul.contact-social svg {
    padding: 15px;
}
ul.contact-social svg:hover {
    background: #f1b160;
}

ul.contact-social svg:hover path {
    fill: #fff;
}

ul.contact-social i, ul.contact-social svg {
    font-size: 27px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
    border: 2px solid #f1b160;
    border-radius: 69px !important;
    transition: .5s ease-in-out;
    color: #f1b160;
}

ul.contact-social i:after {}

ul.contact-social i:hover:after {
    background-image: -moz-linear-gradient(0deg, rgb(0, 255, 255) 0%, rgb(0, 128, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(0, 255, 255) 0%, rgb(0, 128, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(0, 255, 255) 0%, rgb(0, 128, 255) 100%);
}

ul.contact-social i:hover {
    background: #f1b160;
    color: #fff;
}

.contact-page-input input {
    width: 100%;
    height: 55px;
    border: 1px solid #666666;
    /* border-radius: 50px; */
    border-radius: 20px;
    padding: 0 15px;
    margin-bottom: 20px;
    color: #666666;
    font-weight: 600;
}

.contact-page-input textarea {
    width: 100%;
    height: 155px;
    border: 1px solid #666666;
    /* border-radius: 50px; */
    border-radius: 20px;
    padding: 20px 15px;
    margin-bottom: 20px;
    color: #666666;
    font-weight: 600;
}

.contact-page-input button {
    padding: 18px 40px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
}


/* Chrome, Safari, Edge, Opera */

.contact-page-input input::-webkit-outer-spin-button,
.contact-page-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Contact Page End */

section.sercice-secc-iner {
    padding: 50px 0;
}

.ser-imgg>img {
    height: 440px;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

section.sercice-secc-iner h2 {
    font-size: 44px;
}


/* LOGIN PAGE CSS STRT */

.log-in-page-main {
    padding: 80px 120px;
}

.text-blue {
    color: #100c6c;
}

.text-black {
    color: #000 !important;
}

.log-in-wrap {
    padding: 60px;
    background: #ebebeb;
    background-size: cover;
    border-radius: 15px;
    width: 90%;
    height: 100%;
}

.sign-up-wrap {
    padding: 50px;
    background: #ebebeb;
    background-size: cover;
    border-radius: 15px;
    width: 90%;
}

.log-in-wrap h2 {
    margin: 0 0 35px 0;
    font-size: 48px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.width-100 {
    width: 100% !important;
}

.log-in-page-main .form-control, .log-in-page-main .form-select {
    height: 50px;
    border-radius: 0;
    margin-bottom: 18px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #595959;
    width: 100%;
}

.log-in-page-main .form-check label.form-check-label {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    color: #333333;
}

.log-in-page-main .form-control::placeholder, .log-in-page-main .form-select::placeholder {
    color: #999999;
}

.log-in-page-main .form-check,
.forgot-pass {
    display: inline-block;
}

.forgot-pass {
    width: 71%;
    text-align: right;
}

.forgot-pass a {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin: 0;
}

.agree-text {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
}

.term-condition {
    font-weight: 500;
    margin-left: 10px;
    color: #3f2bb8;
    border-bottom: 2px solid #3f2bb8;
}

.log-in-page-main .btn-primary {
    color: #000;
    background-color: #ec511a;
    border-color: #ec511a;
    border-radius: 0;
    margin-bottom: 20px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins';
}

.log-in-page-main .btn-primary:hover {
    background-color: rgba(253, 253, 253, 0);
    color: rgb(0, 0, 0);
    border: 1px solid #ec511a;
}

.log-in-wrap P {
    font-size: 16px;
    margin-bottom: 30px;
    font-family: 'Poppins';
}

.log-in-wrap .theme_btn {
    /* height: 40px; */
    /* width: 28%; */
    font-weight: 400;
    background: linear-gradient(to right, #7c7ee5, #4097ff);
    color: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    margin-top: 30px;
    background: linear-gradient(90deg, var(--c1, #7c7ee5), var(--c2, #4097ff) 51%, var(--c1, #7c7ee5)) var(--x, 0)/ 200%;
    transition: 0.5s;
    padding: 10px 40px;
}

.log-in-wrap .theme_btn:hover {
    --x: 150%;
}

.log-in-wrap .theme_btn {
    --c1: #4097ff;
    --c2: #7c7ee5;
}


/* .log-in-wrap .theme_btn:hover {
    background: linear-gradient(to top, #4097ff, #4097ff);

} */

.sign-up-wrap .form-group a {
    color: #fff;
    font-size: 19px;
    font-family: 'Poppins';
    font-weight: 500;
}

.sign-up-wrap .form-group a:hover {
    color: #2f2f2f;
}

.form-group.checkbox {
    margin-top: 34px;
    margin-bottom: 40px;
}

.left_form {
    position: relative;
}

.left_form::after {
    content: 'OR';
    position: absolute;
    right: 0px;
    top: 50px;
    font-weight: 600;
    font-size: 40px;
    bottom: 0;
    margin: auto;
    background: #192646;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 60px;
    height: 60px;
    padding: 10px 0;
}
/*
.log-in-page-main input[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
} */

.form-group.checkbox label {
    position: relative;
}

.form-group.checkbox label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #ffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.form-group.checkbox input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #7c7ee5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.log-in-page-main .btn-1 {
    padding: 0 40px;
    height: 55px;
}

.form-grp label {
    display: block;
}

.form-grp input,
.form-grp select {
    height: 50px;
    width: 100%;
    border-radius: 99px;
    border: 1px solid #666666;
    padding: 0 20px;
    margin: 4px 0 20px;
}

.form-grp select {
    appearance: none;
    background-position-x: 96%;
}

section.apply-now-sec {
    padding: 100px 0;
}

#rangeValue {
    position: relative;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #999;
    font-weight: 400;
}

.range {
    width: 100%;
    height: 14px;
    -webkit-appearance: none;
    background: #3d7d7c;
    outline: none;
    border-radius: 15px;
    overflow: hidden;
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    cursor: pointer;
    border: 2px solid #ffffff;
    box-shadow: 0 0 20px 20px #00000037;
    transform: scale(2);
}

.input-drop-box>div {
    padding: 30px 0;
}

.input-drop-box>div>i {
    font-size: 30px;
    color: #f5b462;
}

.input-drop-box>div>h3 {
    font-size: 40px;
    margin: 20px 0 12px;
}

.input-drop-box>div>p {
    font-size: 26px;
}

.or-sep {
    width: 40%;
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24px;
    line-height: 1;
}

.or-sep:before,
.or-sep:after {
    height: 1px;
    width: 40%;
    background: #a3a3a3;
    content: '';
}


/* Landing Page */

.hambrgr {
    color: #000;
    font-size: 30px;
}

section.banner.lp-ban h3 {
    margin-right: -100px;
    font-size: 60px;
}

section.banner.lp-ban a.round-btn {
    right: 32%;
    margin-top: -400px;
}

.btn-trans {
    color: #192646;
    font-weight: 600;
    border-bottom: 2px solid;
    font-size: 20px;
    margin: 0 20px;
}

.btn-lp-flex .btn-1 {
    height: 50px;
    padding: 0 30px;
    color: #192646;
    border-color: #192646;
}

section.banner.lp-ban:before {
    display: none;
}

section.banner.lp-ban {
    background: #fef7ef;
    height: auto;
    padding: 100px 0;
}

.employer-form {
    background: #192646;
    padding: 50px 100px;
    border-radius: 10px;
}

section.employr-form-sec {
    padding: 50px 0;
}

.employer-form h3 {
    color: #f5b462;
    text-align: center;
}

.employer-form input,
.employer-form textarea {
    width: 100%;
    height: 55px;
    margin: 0 0 25px;
    border-radius: 7px;
    padding: 20px;
    border: 0;
}

.employer-form textarea {
    height: 170px;
}

.employer-form .btn-1 {
    color: #192646;
    border-color: #192646;
}

.step-boxx.lp>span {
    background: #f5b462;
}

.step-boxx.lp:hover>span {
    background: #fff;
}

.step-boxx.lp h4 {
    font-size: 26px;
}

.step-boxx.lp {
    height: 100%;
}

.employer-form.trans h3 {
    color: #192646;
}

.employer-form.trans {
    background: transparent;
}

.employer-form.trans input,
.employer-form.trans textarea {
    background: #f6f6f6;
    border: 1px solid #dddd;
}

.input-file {
    position: relative;
}

.input-file>input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.input-file>div {
    padding: 20px;
    background: #f6f6f6;
    border: 1px solid #ddd;
    margin: 0 0 30px;
    text-align: center;
    border-radius: 8px;
}

.input-file>div i {
    font-size: 30px;
    color: #000;
}

.input-file>div h4 {
    margin: 0;
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
}

.cta-boxxes h3 {
    color: #f5b462;
    font-size: 50px;
}

.cta-boxxes.lp:before {
    background: #192646;
    width: 100%;
    border-radius: 1000px;
}

.cta-boxxes.lp {
    padding: 50px 150px;
}

.cta-boxxes.lp>img {
    width: 33%;
    bottom: 30px;
    right: 30px;
    object-fit: contain;
    height: 110%;
}

.accordion-item {
    margin: 0 0 16px;
    border-radius: 6px !important;
    overflow: hidden;
}

.accordion-button {
    color: #192646;
    font-size: 20px;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    color: #f5b461;
    box-shadow: none;
    border: 0;
    background: transparent;
}

.accordion-button:after {
    content: '\f107';
    background: transparent;
    font-family: 'Font Awesome 6 free';
    border-radius: 50%;
    border: 1px solid #ddd;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-button:not(.collapsed):after {
    background: transparent;
    content: '\f00d';
    border: 0;
}


/* Footer Section LP Start */

ul.foter-address {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin: 0 auto;
    width: 60%;
    height: 100px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 40px;
}

ul.foter-address:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 80%;
    top: 10%;
    left: 53%;
    background: #fff;
    display: none;
}

ul.foter-address li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 50%;
}

section.footer-sec {
    position: relative;
    padding-bottom: 30px;
    background: #fef7ef;
    z-index: 0;
    /* border-top: 1px solid #d5d5d58f; */
}

ul.foter-address p {
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
}

ul.foter-address a {
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 40px;
    color: #000;
    font-weight: 600;
}

ul.footer-menu-links li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #969696;
    line-height: 26px;
}

ul.footer-menu-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10%;
    margin: 70px;
    position: relative;
}

section.footer-sec:after {
    position: absolute;
    content: '';
    top: 108px;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c78419;
    z-index: -1;
}

section.footer-sec:before {
    position: absolute;
    content: '';
    top: auto;
    bottom: 74px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c58318;
    z-index: -1;
}

.footer-form {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(87deg, rgba(243, 174, 58, 1) 0%, rgba(214, 147, 36, 1) 50%, rgba(191, 125, 19, 1) 100%);
    border-radius: 60px;
    gap: 30px;
    padding: 0 20px;
}

.footer-form i {
    color: #fff;
    font-size: 30px;
}

.footer-form input {
    background: none;
    border: 0;
    font-size: 15px;
    color: #000;
    margin: 0 30px 0 0;
    width: 90%;
    border: 0;
    outline: 0;
}

.footer-form input::placeholder {
    color: #fff;
    font-size: 14px;
}

a.btn2.btn5 {
    background: transparent;
}

/* a.btn2.btn5:after {
    content: '\f178';
    font-weight: 500;
    font-family: 'Font Awesome 5 pro';
    font-size: 20px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
} */

a.btn2.btn5:before {
    display: none;
}

ul.footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 28px;
}

ul.footer-social i {
    font-size: 25px;
    color: #000;
}

ul.footer-social i:hover {
    color: #eda936;
}

.footer-bottom .row {
    align-items: center;
}

.footer-bottom {
    position: relative;
}

.footer-btn {
    position: relative;
}

.footer-btn:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 166px;
    left: -40px;
    top: -30px;
    background: #c8861a;
}

.footer-btn:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 168px;
    right: -40px;
    top: -31px;
    background: #c9861a;
}

section.ftr-bottom-nav {
    position: relative;
    padding: 20px;
}

section.ftr-bottom-nav:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    top: -15px;
    background: #464646;
}

.botm-nav p {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #878787;
}

.btn2 {
    border: none;
    display: inline-block;
    align-items: center;
    justify-content: center;
    /* width: 220px; */
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    justify-content: center;
    /* background: linear-gradient(87deg, rgba(243, 174, 58, 1) 0%, rgba(214, 147, 36, 1) 50%, rgba(191, 125, 19, 1) 100%); */
    background: #c58318;
    color: #fff;
    font-weight: 600;
    border-radius: 40px;
    /* padding-right: 50px; */
    position: relative;
    transition: .5s ease-in-out;
}

/* .btn2:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    right: -11px;
    top: 0;
    border-radius: 50px;
    background: #8d5c09;
    transition: .5s ease-in-out;
} */

.btn2:hover {
    color: #fff !important;
    z-index: 0;
}

.btn2:hover:after {
    width: 100%;
    right: 0;
    z-index: -1;
}

/* .btn2:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    top: 24px;
    right: 13px;
    z-index: 1;
    border-radius: 20px;
    transition: 1s ease-in-out;
} */

section.footer-sec p.text-center {
    margin: 40px 0 0;
    color: #000;
}


/* Footer Section LP End */

section.faqs-sec {
    padding: 50px 0;
}

.main-navigate .col-md-4 .btn-1 {
    flex-direction: row-reverse;
    border-color: #192646;
    color: #192646;
    padding-left: 15px;
    /* padding-right: 30px; */
    padding-right: 20px;
    /* font-size: 28px; */
    font-size: 18px;
}

.main-navigate .col-md-4 .btn-1 i {
    color: #000;
}

.main-navigate .col-md-4 .btn-1:hover i {
    color: #fff;
}

.accordion-body {
    padding-top: 0;
}

.footer-logo a img {
    width: 85%;
}

.bagde-sdlla span {
    background: #192646;
    padding: 5px 14px;
    border-radius: 30px;
    color: #fff;
}


/* Work with us  */

section.work-us {
    padding: 120px 0 80px 0;
}

.wrk-content h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 30px 0;
}

.wrk-content h3 {
    font-size: 20px;
    line-height: 1.2;
}

.wrk-content ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wrk-content ul li span {
    color: #f5b462;
    font-size: 20px;
    font-weight: 600;
}

.wrk-content ul li a {
    color: #192646;
}

.wrk-content ul {
    margin-bottom: 20px;
}

.img-wrk {
    text-align: center;
    filter: hue-rotate(425deg);
}

.wrk-content h2 span {
    color: #f5b462;
}


/* end  */

.booking-in input[type="file"] {
    background: #f5b462;
    color: #fff;
}

.time-text.wrk-content a {
    color: #000;
    font-size: 20px;
}


/*product page css Start*/

.uni-head h4 {
    text-transform: uppercase;
}

.prd-filter-sc {
    margin-top: 80px;
    border-top: 1px solid #EBEBE9;
    border-bottom: 1px solid #EBEBE9;
    padding: 20px 0;
}

.shop-fltr ul {
    display: flex;
    align-items: center;
}

.shop-fltr ul select {
    padding: 0 10px 0 10px;
    width: 170px;
    background-position: 95% 50%;
}

.shop-fltr ul li:last-child {
    margin-left: 50px;
}

.shop-fltr form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-fltr form p {
    margin-bottom: 0;
}

.shop-fltr ul span {
    margin-right: 10px;
}

section.productsec {
    padding: 0px 0 50px;
    background-image: url(../images/girl-bg.jpg);
    width: 100%;
    background-position: center;
    background-size: contain;
    padding: 80px 0;
}

.panel-groupnew .panel-heading {
    padding: 0;
}

.panel-groupnew .panel-title>a {
    display: block;
    padding: 20px 19px;
    outline: none;
    text-decoration: none;
    color: rgb(0 0 0);
    font-family: Poppins;
}

.panel-groupnew .panel-heading .panel-title>a.accordion-toggle::before,
.panel-groupnew a[data-toggle="collapse"]::before {
    content: "\f068";
    float: right;
    font: normal normal normal 14px/1 FontAwesome;
    width: 30px;
    height: 30px;
    font-size: 12px;
    border-radius: 50px;
    text-align: center;
    padding: 9px 9px;
    margin: -7px 0;
    color: #B5C448;
    font-size: 21px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.panel-groupnew .panel-heading .panel-title>a.accordion-toggle.collapsed::before,
.panel-groupnew a.collapsed[data-toggle="collapse"]::before {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    color: #B5C448;
    font-size: 21px;
}

.frequently-list .panel-body ul li {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    padding-left: 0;
}

.panel-groupnew2 .hide-btn {
    display: none !important;
}

.panel-groupnew2 .panel-title {
    padding: 0 !important;
}

.frequently-list .panel-group {
    margin-bottom: 0;
}

.frequently-list .panel-body ul li i {
    float: right;
    margin-top: 5px;
}

.frequently-list .panel-body ul li {
    padding-right: 20px;
}

.frequently-list {
    border: 0 !important;
    /* box-shadow: 0px 0px 6px 4px #0000000f; */
}

.panel-body ul {
    padding: 0;
}

.frequently-list .panel-body li {
    display: block;
    border-bottom: 1px solid #EEEEEE;
    width: 90%;
    padding: 15px 0px 15px 0px;
    /* background-color: white; */
    color: black;
}

.frequently-list .panel-body li:last-child {
    border: 0 !important;
}

.frequently-list .panel {
    border: 0;
}

.frequently-list .panel-default>.panel-heading {
    background-color: transparent;
}

.frequently-list h4.panel-title {
    padding: 12px 12px 12px 15px;
    color: #b79e55;
    /* border-bottom: 1px solid #EEEEEE; */
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}

.frequently-list .panel-body {
    padding: 0 !important;
    margin-bottom: 30px;
}

.paddingbottom {
    padding: 0 0 63px;
}

.frequently-list .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border: 0;
}

.frequently-list .panel-group .panel {
    margin: 0;
}

.defaultlist select {
    width: 100%;
    height: 60px;
    padding: 0 28px;
    border: 2px solid #CFCFCF;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #545454;
    background: transparent;
    border-radius: 50px 50px 50px 0px;
    color: black;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

.showinglist p {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-align: right;
    margin: 21px 0px 0px;
    color: rgb(0 0 0);
    font-family: 'recreg';
}

.productlistbox1 {
    margin: 0 0 50px;
}

.catogeriesbox {
    /* background-color: #ef4716; */
    padding: 8px 0px 8px;
}

.catogeriesbox h4 {
    color: #000000;
    font-size: 35px;
    line-height: 20px;
    font-weight: 700;
    padding: 10px 0px 0 0px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.frequently-list #collapsetwo a {
    padding-left: 15px;
}

.frequently-list #collapsetwo li {
    padding-left: 30px;
}

.frequently-list .dash {
    padding: 0 25px;
    color: black;
    font-size: 19px;
}

.frequently-list .dollar {
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.product-page-prdtc {
    box-shadow: 6px 5px 10px 5px #00000012;
}

.prdtc-desc ul {
    justify-content: center;
}

.best-deal-sec {
    background-color: rgb(233, 238, 245);
    padding: 120px 0px;
}

.heading-uni h6 {
    font-family: Poppins;
    font-size: 18px;
    color: rgb(65, 65, 74);
    font-weight: 300;
}

.best-sale-slider {
    background-color: white;
    margin-bottom: 50px;
    padding: 0px 10px 30px;
}

.best-sale-slider .sale-badge {
    background-color: #B5C448;
    font-family: Poppins;
    color: rgb(0 0 0);
    font-size: 15px;
    position: absolute;
    top: 20px;
    left: 30px;
    padding: 0px 10px;
}

.heart-icon {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 20px;
    color: rgb(181 196 72);
}

.best-sale-slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
}

.frequently-list .panel-body ul li label {
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.best-sale-slider h6 {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: black;
}

.prdtc-desc ul li a {
    color: rgb(227, 162, 6);
    font-size: 19px;
    margin-left: 8px;
}

.prdtc-desc h5 {
    font-family: Poppins;
    color: rgb(0, 0, 0);
    font-size: 21px;
    font-weight: 500;
}

.prdtc-desc .our-line {
    font-family: Poppins;
    color: rgb(215, 215, 215);
    font-size: 16px;
    text-decoration: line-through;
}

.testi-sl-mn .slick-dots li.slick-active button::before {
    opacity: 1;
    color: rgb(12, 44, 83);
}

.testi-sl-mn .slick-dots li button::before {
    /* font-size: 70px; */
}

.collection .col_wrpr h6 span.fr-left::before {
    content: "";
    position: absolute;
    background-color: rgb(27, 57, 93);
    height: 55px;
    left: 0px;
    width: 97%;
    z-index: -1;
    top: -5px;
    font-family: "Playfair Display";
}

.collection .col_wrpr img.img-1,
img.img-4 {
    height: 550px;
    object-fit: cover;
    width: 100%;
}

.col_wrpr .img-3 {
    height: 256px;
}

.prdtc-desc ul {
    justify-content: center;
}

.frequently-list .collapsed {
    background-color: transparent !important;
}

.frequently-list .panel-default>.panel-heading h4 a {
    background-color: #fff0 !important;
}

.freq-checkbox {
    margin-left: 24px;
}

#headingOne .panel-title {
    padding: 0;
}

.product-page-sec .product-slider-inner .img-main {
    width: auto;
    margin-bottom: 70px;
    height: auto;
    margin-top: 50px;
}

.product-slider-inner {
    border: 1px solid #e1e1e1;
}

.product-slider-inner-img {
    background: #ebebeb;
    text-align: center;
}

.prdtc-txt {
    background-color: #ffffff;
}

.prdtc-txt .stars {
    margin: 0;
    display: flex;
}

.prdtc-txt .stars li {
    margin-right: 5px;
}

.product-main img {
    width: 100%;
    /* padding: 50px 10px; */
    margin: auto;
    height: 350px;
    object-fit: cover;
    object-position: top;
}

.product-main {
    background-color: #ffffff00;
    /* border: 2px solid #E1E1E1; */
    padding: 0;
    text-align: center;
    margin-bottom: 30px;
}

.product-txt-inner ul li i {
    color: #E3A206;
    font-size: 16px;
    margin-left: 5px;
}

.product-txt-inner h5 {
    font-family: 'adoha';
    color: black;
    font-size: 18px;
    text-align: left;
    margin-top: 10px;
}

.product-txt-inner h6 {
    color: #CCCCCC;
    font-family: 'helvetabold';
    font-size: 16px;
}

.product-txt-inner h6 {
    color: #ef4716;
    font-family: 'adoha';
    font-size: 20px;
    text-align: left;
}

.product-cart-icon i {
    width: 45px;
    height: 45px;
    background-color: #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px !important;
    color: black !important;
    margin-top: 10px;
    margin-left: 9px !important;
    cursor: pointer;
}

.product-cart-icon i:hover {
    background-color: #ef4716;
    color: #fff !important;
}

.product-txt-inner ul li i {
    color: #E3A206;
    font-size: 16px;
    margin-left: 5px;
}

.frequently-list .panel-body ul {
    margin-bottom: 0;
}

.prdt-txt {
    text-align: center;
    padding: 10px 10px 10px 0;
    /* background-color: #ffffff00;

border-top: 1px solid #CCCCCC; */
}

.frequently-list .panel-default>.panel-heading h4 a:not(.collapsed) {
    color: #000000 !important;
    font-size: 20px;
}

.frequently-list .panel-default>.panel-heading h4 a i {
    float: right;
    margin-right: 20px;
    color: #ef4716;
}

.product-txt-inner ul li:first-child i {
    margin-left: 0;
}


/* Range */

.range-slider {
    width: 100%;
    position: relative;
    margin: 20px 0;
}

.range-slider input {
    border: none;
}

.range-slider .rangeValues {
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    font-family: poppins;
}

.range-slider input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    position: absolute;
    left: 0;
    border: none;
    padding: 0px !important;
    height: 5px;
    border: 0;
}

.range-slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    background: #192646;
    border: none;
    border-radius: 3px;
}

.range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #192646;
    margin-top: -8px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    /*     border: 1px solid #fff !important; */
}

.range-slider input[type=range]:focus {
    outline: none;
}

.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #192646;
}

.range-slider input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ef4716;
    border: none;
    border-radius: 3px;
}

.range-slider input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ef4716;
}

:root {
    --dark-color: #191919;
}

.flx-fg.rangeValues {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 0;
}

.prdtc-sidebar h5 {
    font-size: 25px;
    color: black;
    border: 1px solid #CCCCCC;
    padding: 20px 20px;
    font-weight: 700;
    margin-bottom: 40px;
}

.prdtc-sidebar h5 i {
    color: #81D33F;
    font-size: 31px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.cat-rang .accordion-header>button {
    background: #100F0F;
    color: white;
    border-radius: 0 !important;
    padding: 30px 20px;
    font-size: 20px;
    font-family: poppins;
    text-transform: uppercase;
    font-weight: 400;
    border-left: 5px solid #94DE68;
}

.cat-rang h2 {
    line-height: 0;
}

.cat-rang .accordion-button:not(.collapsed) {
    background: black;
    color: white;
}

.cat-rang .accordion-button::after {
    filter: brightness(0) invert(1);
}

.cat-rang input[type="text"] {
    width: 80%;
    height: 50px;
    padding: 10px 10px 10px 40px;
    border: 1px solid #CCCCCC;
    background: transparent;
}

.cat-rang input[type="text"]::Placeholder {
    font-family: 'Poppins';
}

.cat-rang form {
    position: relative;
}

.cat-rang form button {
    position: absolute;
    left: 7px;
    top: 10px;
    background: none;
    border: 0;
    font-size: 20px;
    color: black;
}

.cat-rang ul {
    margin-top: 30px;
    height: 210px;
    overflow-y: scroll;
}

.cat-rang ul label {
    color: #333333;
    font-family: 'Poppins';
    font-size: 16px;
    margin-left: 10px;
    font-weight: 600;
}

.cat-rang ul input[type="checkbox"] {
    border-radius: 0;
    width: 20px;
    height: 20px;
}

.cat-rang ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.cat-rang .accordion-item {
    margin-bottom: 40px;
    /* padding-bottom: 30px; */
    background: transparent;
}

.cat-rang .accordion-body {
    padding-bottom: 40px;
    background-color: transparent;
}

.price-dv-mn .btn-fil {
    padding: 12px 20px;
    background: #192646;
    color: #fff;
    font-size: 16px;
}

.flx-fg.rangeValues .flx-fg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
}

.flx-fg.rangeValues .flx-fg div {
    display: flex;
    align-items: center;
}

.flx-fg.rangeValues .flx-fg div h6 {
    margin-bottom: 0;
    margin-right: 10px;
    text-transform: capitalize;
}

.price-dv-mn {
    padding: 0px 20px 20px 0;
    /* background-color: white; */
}

section.jewl-sc.prd-jw {
    margin-top: -200px;
}

.flx-fg span {
    width: 55px;
    position: relative;
    top: 0px;
    color: black;
    font-size: 20px;
    font-family: 'lvy';
}

.cat-rang ul::-webkit-scrollbar {
    width: 4px;
}


/* Track */

.cat-rang ul::-webkit-scrollbar-track {
    background: #ef4716;
}


/* Handle */

.cat-rang ul::-webkit-scrollbar-thumb {
    background: #CACACA;
}


/* Handle on hover */

.cat-rang ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.frequently-list .panel-body ul li input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background: #6b363600;
    /* border: 1px solid #eee; */
    position: relative;
    visibility: hidden;
    margin-right: 10px;
    top: 2px;
}

.defaultlist.defaultlist-2 select {
    width: 130px;
}

.prd-sid-mn {
    padding-right: 0px;
    /* height: 510px; */
    /* overflow-y: scroll; */
}

.prd-sid-mn::-webkit-scrollbar {
    width: 5px;
    border-radius: 50px;
}

.prd-sid-mn::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); */
    background-color: #F0F0F0;
    border-radius: 50px;
}

.prd-sid-mn::-webkit-scrollbar-thumb {
    background-color: #192646;
    /* outline: 1px solid slategrey; */
    border-radius: 50px;
}

.frequently-list .panel-body ul li input[type="checkbox"]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #A6ABAA;
    visibility: visible;
}

.frequently-list .panel-body ul li input[type="checkbox"]:checked::after {
    content: '\f00c';
    position: absolute;
    left: 4px;
    top: -2px;
    color: #FFCC57;
    font-size: 13px;
    visibility: visible;
    font-family: "Font Awesome 5 Pro";
}

.nwe-arr-in {
    margin-bottom: 50px;
}

.ld-mr-btn {
    text-align: center;
}

.ld-mr-btn a.btn10 {
    width: 210px;
    margin: 20px auto 0;
}

.fil-inp input {
    width: 90%;
    padding: 10px;
    border: 1px solid #7c7c7c;
    margin-bottom: 20px;
}

.fil-inp h4 {
    font-size: 30px;
    color: #192646;
    font-weight: 600;
}


/*product page css end*/

/* Loader */
div#load_screen {
    background: rgb(236, 239, 255);
    opacity: 1;
    position: fixed;
    z-index: 999999;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
div#load_screen .loader {
    display: flex;
    justify-content: center;
    height: 100vh;
}
div#load_screen .loader-content {
    right: 0;
    align-self: center;
}
div#load_screen .loader-content .spinner-grow {
    width: 2.5rem;
    height: 2.5rem;
    color: #f5b462;
}
/* Loader */

.ui-autocomplete-loading {
    background: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif) no-repeat right center !important;
}


.active>.page-link, .page-link.active {
    z-index: 3;
    background-color: #f5b462;
    border-color: #f5b462;
}

.page-link {
    color: #f5b462;
}

#footer-twitter:hover {
    fill: #eda936;
}

#priceInput {
    padding-left: 25px;
}

.whatsapp {
    width: 50px;
    height: 51px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 34px;
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #00a155;
    background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );
    display: flex;
    align-items: center;
    justify-content: center;
}

.callusnow {
    width: 50px;
    height: 50px;
    color: #ffffff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #f5b462;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);
    border: solid 3px #ffffff;
     display: flex;
    align-items: center;
    justify-content: center;
}

a.whatsapp:hover {
    color: #fff;
}
.callusnow:hover {
    color: #fff;
}
@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}


@media only screen and (min-width: 1661px) and (max-width: 1920px) {}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .com-box span {
        font-size: 16px;
    }
    .com-box h2 {
        font-size: 27px;
    }
    .log-in-wrap h2 {
    font-size: 31px;
}
section.work-experine-sec p {
    width: 90%;
}
.job-boxx{
    height:auto;
}

.job-icons {
    flex-direction: column;
    align-items: start;
}

.job-icons span {
    font-size: 14px;
}

.enrolement_form label {
    font-size: 15px;
}

.custom_radio br {
    display: none;
}

.custom_radio {
    flex-direction: column;
}
.enrolement_form:before {
    height: 110%;
    top: -5%;
    right: -8%;
}
ul#menu {
    padding-right: 0;
}

ul#menu>li>a {
    font-size: 13px;
}
.bannr-shap>img {
    height: 80%;
}

h2 {
    font-size: 60px;
}

.ser-imgg>img {
    height: 360px;
}
.bagde-sdlla {
    display: inline;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    section.work-experine-sec:before {
    border-right: 100px solid #3d7d7c;
    border-top: 100px solid #3d7d7c;
    border-radius: 50%;
    border-left: 100px solid transparent;
    border-bottom: 100px solid transparent;
    width: 200px;
    height: 200px;
}

p {
    font-size: 15px;
}

h2 {
    font-size: 65px;
}

.job-boxx {
    height: auto;
}

.job-icons {
    flex-direction: column;
    align-items: start;
}

.job-icons span {
    font-size: 14px;
}

.custom_radio {
    flex-direction: column;
}

.custom_radio br {
    display: none;
}

#enrollmentForm span {
    font-size: 13px;
    line-height: normal;
}

.enrolement_form label {
    font-size: 13px;
}

h3 {
    font-size: 40px;
}

ul.foter-address p {
    font-size: 18px;
}
.bannr-shap>img {
    height: 90%;
}

.bannr-shap:before {
    height: 80%;
}

section.banner {
    height: 80vh;
    padding-top: 100px;
}

h2 {
    font-size: 65px;
}
a.round-btn.inner-round {
    width: 150px;
    right: 0;
    bottom: 30%;
}
.ser-imgg>img {
    height: 300px;
}
.bagde-sdlla {display: inline-block;}

section.contact-page-main.log-in-page-main.all-section {
    padding: 0 0 50px;
}

.log-in-wrap h2 {
    font-size: 31px;
}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-navigate .col-md-7.d-none.d-md-block {
    width: 100%;
    order: 1;
}
section.listing-sec{
    padding:0;
}
.footer-btn:after{
    left: -10px;
}
.main-navigate .row {
    justify-content: space-between;
    gap: 15px;
}

ul#menu {
    padding-right: 0;
}
            .logo {
    text-align: center;
    margin-bottom: 15px;
}

    .text-right a.btn-1 {
    width: 120px;
}

.contact-page-input button {
    width: 210px;
}

.btn-1 {
    font-size: 16px;
    /* height: 45px; */
    width: auto;
    /* left: -20px; */
    /* position: relative; */
    /* width: 210px; */
}

.main-navigate .text-right {
    text-align: center;
}

h1 {font-size: 55px;}

.round-btn img {
    width: 100px;
}

section.banner.lp-ban a.round-btn {
    margin: 0;
    right: 29%;
    top: 23%;
}

section.after-banner-sec {
    padding: 50px 0;
}

p {
    font-size: 13px !important;
}

.step-boxx h4 {
    font-size: 24px;
}

h2 {
    font-size: 40px;
}

.bacgede-abt {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    bottom: 0;
    left: 20px;
}

.bacgede-abt>span {
    font-size: 40px;
    width: 100px;
}

.work-experine-sec .col-md-7 {
    margin-top: 30px;
}

section.work-experine-sec:before {
    width: 120px;
    height: 120px;
    border-right: 60px solid #3d7d7c;
    border-top: 60px solid #3d7d7c;
    border-radius: 50%;
    border-left: 60px solid transparent;
    border-bottom: 60px solid transparent;
    right: -25px;
    top: 150px;
}

section.service-sec {
    padding: 50px 0;
}

.job-icons {
    flex-direction: column;
    align-items: start;
}

.job-icons span {
    font-size: 13px !important;
    line-height: normal;
}

.com-box span {
    font-size: 13px;
}

.job-boxx {
    height: auto;
}

.testi-sec .col-md-7 {
    margin-top: 20px;
}

section.testi-sec {
    padding: 50px 0;
}

section.enrolment_form_sec {
    padding: 50px 0;
}

.enrolement_form {
    padding-top: 30px;
}

.enrolement_form:before {
    height: 90%;
}

.enrolement_form label {
    font-size: 14px;
}

.enrolement_form input {
    font-size: 14px;
}

.custom_radio {
    flex-direction: column;
}

.custom_radio br {
    display: none;
}

.employer-form {
    padding: 30px 0;
}

.employer-form input, .employer-form textarea {
    font-size: 14px;
}

ul.foter-address {
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

ul.foter-address li {
    width: 100%;
    justify-content: center;
}

ul.foter-address p {
    font-size: 16px;
    line-height: normal;
    text-align: center;
}

.footer-logo a img {
    width: 100%;
    margin: 20px 0;
}

section.footer-sec {
    padding: 50px 0 20px;
}
    .footer-bottom .col-lg-2.col-md-2.offset-1 {
    margin-left: 40px;
    width: 19%;
}

section.footer-sec p.text-center {
    margin: 40px 0 0;
}

section.footer-sec:after {
    top: 180px;
}
    
.bannr-shap>img {
    width: 280px;
    height: 280px;
}

section.banner {
    height: 40vh;
    padding: 180px 0 0;
}

section.banner:before {
    width: 150px;
    height: 150px;
    left: -100px;
}

    a.round-btn.inner-round {
    /* margin: 0; */
    right: 0;
    /* width: 70px; */
    bottom: 0;
}
    .bannr-shap:before {
    height: 110%;
    width: 20vw;
}

.inner-banner h1 {
    /* padding-bottom: 120px; */
}

.bannr-shap {
    /* padding-right: 20px; */
}
    .ser-imgg img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
}

.ser-imgg {
    text-align: center;
}

section.sercice-secc-iner h2 {
    font-size: 35px;
}
.sercice-secc-iner:nth-child(odd) .row.align-items-center.justify-content-center.gap-5 {
    flex-direction: column-reverse;
}
    .wrk-content ul li {flex-direction: column;align-items: start;gap: 0;}

.wrk-content ul li br {
    display: none;
}

.wrk-content h2 {
    font-size: 30px;
}

section.work-us {
    padding: 50px 0;
}
    .frequently-list .panel-body ul li label {
    font-size: 14px;
}

.fil-inp input {
    font-size: 14px;
}

.bagde-sdlla {
    display: inline-block;
}
.contact-icons i {
    width: 80px;
    height: 80px;
    font-size: 30px;
}

.contact-top-box {
    margin-bottom: 30px;
}

.m-200 {
    /* margin-top: 100px !important; */
}

.contact-left-text h2 {
    font-size: 35px;
}

ul.contact-social i, ul.contact-social svg {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

ul.contact-social {
    margin-bottom: 20px;
}

.contact-page-input input,.contact-page-input textarea {
    font-size: 14px;
}
section.work-experine-sec {
}
    .log-in-wrap h2 {
    font-size: 35px;
}

.sign-up-wrap {margin-top: 20px !important;}

.log-in-wrap .col-md-4.offset-2 {
    margin: 0;
}

.log-in-page-main .btn-1 {
    height: 45px;
    margin-top: 10px;
}
    .log-in-page-main {
    padding: 0px 0 80px;
}
    ul#menu>li>a {
    font-size: 12px;
}

.left_form::after {
    display: none;
}

.log-in-wrap {
    margin: 0px auto;
}
    .com-box h2 {
    font-size: 25px;
}
    #enrollmentForm span {
    font-size: 11px;
    line-height: normal;
}

.enroll_img:before {
}

.enroll_img {
    height: 55%;
}

h3 {
    font-size: 35px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
        .logo {
    text-align: center;
    margin-bottom: 15px;
}

.btn-1 {
    font-size: 16px;
    height: 45px;
}

.main-navigate .text-right {
    text-align: center;
}

h1 {font-size: 55px;}

.round-btn img {
    width: 100px;
}

section.banner.lp-ban a.round-btn {
    margin: 0;
    right: 45%;
    top: 53%;
}

section.after-banner-sec {
    padding: 50px 0;
}

p {
    font-size: 13px !important;
}

.step-boxx h4 {
    font-size: 24px;
}

h2 {
    font-size: 40px;
}

.bacgede-abt {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    bottom: 0;
    left: 20px;
}

.bacgede-abt>span {
    font-size: 40px;
    width: 100px;
}

.work-experine-sec .col-md-7 {
    margin-top: 30px;
}

section.work-experine-sec:before {
    width: 120px;
    height: 120px;
    border-right: 60px solid #3d7d7c;
    border-top: 60px solid #3d7d7c;
    border-radius: 50%;
    border-left: 60px solid transparent;
    border-bottom: 60px solid transparent;
    right: -25px;
    top: 150px;
}

section.service-sec {
    padding: 50px 0;
}

.job-icons {
    flex-direction: column;
    align-items: start;
}

.job-icons span {
    font-size: 13px !important;
    line-height: normal;
}

.com-box span {
    font-size: 20px;
}

.job-boxx {
    height: auto !important;
}

.testi-sec .col-md-7 {
    margin-top: 20px;
}

section.testi-sec {
    padding: 50px 0;
}

section.enrolment_form_sec {
    padding: 50px 0;
}

.enrolement_form {
    padding-top: 30px;
}

.enrolement_form:before {
    width: 107%;
    height: 90%;
    right: -10px;
}

.enrolement_form label {
    font-size: 14px;
}

.enrolement_form input {
    font-size: 14px;
}

.custom_radio {
    flex-direction: column;
}

.custom_radio br {
    display: none;
}

.employer-form {
    padding: 30px 0;
}

.employer-form input, .employer-form textarea {
    font-size: 14px;
}

ul.foter-address {
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

ul.foter-address li {
    width: 100%;
    justify-content: center;
}

ul.foter-address p {
    font-size: 16px;
    line-height: normal;
    text-align: center;
}

.footer-logo a img {
    width: 100%;
    margin: 20px 0;
}

section.footer-sec {
    padding: 50px 0 20px;
}

section.footer-sec p.text-center {
    margin: 40px 0 0;
}

section.footer-sec:after {
    top: 180px;
}
    
.bannr-shap>img {
    width: 280px;
    height: 280px;
}

section.banner {
    height: 30vh;
    padding: 100px 0 0;
}

section.banner:before {
    width: 150px;
    height: 150px;
    left: -100px;
}

    a.round-btn.inner-round {
    /* margin: 0; */
    right: 0;
    /* width: 70px; */
    bottom: 0;
}
    .bannr-shap:before {
    height: 130%;
    width: 20vw;
}

.inner-banner h1 {
    /* padding-bottom: 120px; */
    font-size: 45px;
}

.bannr-shap {
    /* padding-right: 20px; */
}
    .ser-imgg img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
}

.ser-imgg {
    text-align: center;
}

section.sercice-secc-iner h2 {
    font-size: 35px;
}
.sercice-secc-iner:nth-child(odd) .row.align-items-center.justify-content-center.gap-5 {
    flex-direction: column-reverse;
}
    .wrk-content ul li {flex-direction: column;align-items: start;gap: 0;}

.wrk-content ul li br {
    display: none;
}

.wrk-content h2 {
    font-size: 30px;
}

section.work-us {
    padding: 50px 0;
}
    .frequently-list .panel-body ul li label {
    font-size: 14px;
}

.fil-inp input {
    font-size: 14px;
}

.bagde-sdlla {
    display: inline-block;
}
.contact-icons i {
    width: 80px;
    height: 80px;
    font-size: 30px;
}

.contact-top-box {
    margin-bottom: 30px;
}

.m-200 {
    /* margin-top: 100px !important; */
}

.contact-left-text h2 {
    font-size: 35px;
}

ul.contact-social i, ul.contact-social svg {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

ul.contact-social {
    margin-bottom: 20px;
}

.contact-page-input input,.contact-page-input textarea {
    font-size: 14px;
}
section.work-experine-sec {
    padding-bottom: 0;
}
    .log-in-wrap h2 {
    font-size: 35px;
}

.sign-up-wrap {margin-top: 20px;}

.log-in-wrap .col-md-4.offset-2 {
    margin: 0;
}

.log-in-page-main .btn-1 {
    height: 45px;
    margin-top: 10px;
}
    .log-in-page-main {
    padding: 80px 0;
}
section.footer-sec:before {
    bottom: 110px;
}
    .contact-page {
    padding: 50px 0;
}

.row.contact-top-row {
    margin-bottom: 40px;
}
.expert-box.det-box .col-lg-9.d-flex.align-items-start {
    flex-direction: column;
}

section.expert-det-sec {
    padding-top: 0;
}
.or-sep {
    width: 100%;
}

.submitbtn.col-md-12.d-flex.align-items-center.justify-content-center.gap-5 {
    flex-direction: column;
    gap: 10px !important;
}

.submitbtn.col-md-12.d-flex.align-items-center.justify-content-center.gap-5 .btn-1:first-child {
    width: 300px;
    font-size: 12px;
    line-height: normal;
    justify-content: space-between;
}

.btn-1>small {
    width: 30px;
    height: 30px;
    font-size: 10px;
}

.input-drop-box>div>h3 {
    font-size: 30px;
}

.form-grp input, .form-grp select {
    font-size: 13px;
}

.form-grp label {
    font-size: 13px;
}

.job-icons br {
    display: none;
}
}

@media only screen and (min-width: 300px) and (max-width: 575px) {
    .col-lg-2.col-md-2.offset-1 {
    margin-left: 0;
    margin-top: 30px;
}
.banner-sd {
    margin-top: 20px;
}
    .employer-form.trans h3 {
    font-size: 24px;
    line-height: 1.2;
}

    .logo {
    text-align: center;
    margin-bottom: 15px;
}

.btn-1 {
    font-size: 16px;
    height: 45px;
}

.main-navigate .text-right {
    text-align: center;
}

h1 {font-size: 55px;}

.round-btn img {
    width: 100px;
}

section.banner.lp-ban a.round-btn {
    margin: 0;
    right: 45%;
    top: 53%;
}

section.after-banner-sec {
    padding: 50px 0;
}

p {
    font-size: 13px !important;
}

.step-boxx h4 {
    font-size: 24px;
}

h2 {
    font-size: 40px;
}

.bacgede-abt {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    bottom: 0;
    left: 20px;
}

.bacgede-abt>span {
    font-size: 40px;
    width: 100px;
}

.work-experine-sec .col-md-7 {
    margin-top: 30px;
}

section.work-experine-sec:before {
    width: 120px;
    height: 120px;
    border-right: 60px solid #3d7d7c;
    border-top: 60px solid #3d7d7c;
    border-radius: 50%;
    border-left: 60px solid transparent;
    border-bottom: 60px solid transparent;
    right: -25px;
    top: 150px;
    display: none;
}

section.service-sec {
    padding: 50px 0;
}

.job-icons {
    flex-direction: column;
    align-items: start;
}

.job-icons span {
    font-size: 13px !important;
    line-height: normal;
}

.com-box span {
    font-size: 20px;
}

.job-boxx {
    height: auto !important;
}

.testi-sec .col-md-7 {
    margin-top: 20px;
}

section.testi-sec {
    padding: 50px 0;
}

section.enrolment_form_sec {
    padding: 50px 0;
}

.enrolement_form {
    padding-top: 30px;
}

.enrolement_form:before {
    width: 107%;
    height: 90%;
    right: -10px;
}

.enrolement_form label {
    font-size: 14px;
}

.enrolement_form input {
    font-size: 14px;
}

.custom_radio {
    flex-direction: column;
}

.custom_radio br {
    display: none;
}

.employer-form {
    padding: 30px 0;
}

.employer-form input, .employer-form textarea {
    font-size: 14px;
}

ul.foter-address {
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

ul.foter-address li {
    width: 100%;
    justify-content: center;
}

ul.foter-address p {
    font-size: 16px;
    line-height: normal;
    text-align: center;
}

.footer-logo a img {
    width: 100%;
    margin: 20px 0;
}

section.footer-sec {
    padding: 50px 0 20px;
}

section.footer-sec p.text-center {
    margin: 40px 0 0;
}

section.footer-sec:after {
    top: 180px;
}
    
.bannr-shap>img {
    width: 150px;
    height: 150px;
}

section.banner {
    height: auto;
    padding: 40px 0 0;
}

section.banner:before {
    width: 150px;
    height: 150px;
    left: -100px;
    top: -15px;
}

    a.round-btn.inner-round {
    margin: 0;
    right: 120px;
    width: 70px;
    bottom: 0;
}
    .bannr-shap:before {
    height: 80%;
    width: 20vw;
}

.inner-banner h1 {
    padding-bottom: 120px;
    font-size: 30px;
    width: 50%;
}

.bannr-shap {
    padding-right: 20px;
    top: 0;
}
    .ser-imgg img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
}

.ser-imgg {
    text-align: center;
}

section.sercice-secc-iner h2 {
    font-size: 35px;
}
.sercice-secc-iner:nth-child(odd) .row.align-items-center.justify-content-center.gap-5 {
    flex-direction: column-reverse;
}
    .wrk-content ul li {flex-direction: column;align-items: start;gap: 0;}

.wrk-content ul li br {
    display: none;
}

.wrk-content h2 {
    font-size: 30px;
}

section.work-us {
    padding: 50px 0;
}
    .frequently-list .panel-body ul li label {
    font-size: 14px;
}

.fil-inp input {
    font-size: 14px;
}

.bagde-sdlla {
    display: inline-block;
}
.contact-icons i {
    width: 80px;
    height: 80px;
    font-size: 30px;
}

.contact-top-box {
    margin-bottom: 30px;
}

.m-200 {
    margin-top: 100px !important;
}

.contact-left-text h2 {
    font-size: 35px;
}

ul.contact-social i, ul.contact-social svg {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

ul.contact-social {
    margin-bottom: 20px;
}

.contact-page-input input,.contact-page-input textarea {
    font-size: 14px;
}section.work-experine-sec {
    padding-bottom: 30px;
}
    .log-in-wrap h2 {
    font-size: 25px;
}

.log-in-wrap {
    width: 100%;
    padding: 30px;
}

.log-in-wrap .col-md-4.offset-2 {
    margin: 0;
}

.log-in-page-main .btn-1 {
    height: 45px;
    margin-top: 10px;
}
    section.contact-page-main.log-in-page-main.all-section {
    padding: 50px 0;
}

.left_form::after {
    display: none;
}

.sign-up-wrap {
    margin-top: 20px;
}
section.footer-sec:before {
    bottom: 110px;
}
    .contact-page {
    padding: 50px 0;
}

.row.contact-top-row {
    margin-bottom: 40px;
}

    .nav-tabs .nav-link {
    font-size: 14px;
    padding: 8px 0;
    margin: 0;
}

a.share-btn.share-button {
    font-size: 10px;
}

.badges span {
    font-size: 12px;
    display: block;
    margin: 0;
}

.specify {
    font-size: 10px;
}

.expert-box.det-box h3 {
    font-size: 30px;
}

.u-box {width: 100px;height: 100px;}

.u-box h1 {
    font-size: 60px;
}

section.expert-det-sec {
    padding-top: 0;
}
.expert-box.det-box .col-lg-9.d-flex.align-items-start {
    flex-direction: column;
}
    .or-sep {
    width: 100%;
}

.submitbtn.col-md-12.d-flex.align-items-center.justify-content-center.gap-5 {
    flex-direction: column;
    gap: 10px !important;
}

.submitbtn.col-md-12.d-flex.align-items-center.justify-content-center.gap-5 .btn-1:first-child {
    width: 300px;
    font-size: 12px;
    line-height: normal;
    justify-content: space-between;
}

.btn-1>small {
    width: 30px;
    height: 30px;
    font-size: 10px;
}

.input-drop-box>div>h3 {
    font-size: 30px;
}

.form-grp input, .form-grp select {
    font-size: 13px;
}

.form-grp label {
    font-size: 13px;
}


.job-icons br {
    display: none;
}

.adminsideimage {
    width: 70%;
    object-fit: contain;
}
    table.dataTable {
    width: 600px !important;
}
}

.quick-links li a {
    color: #000;
}

.log-in-page-main .btn-1:disabled {
  background-color: #f2d4ae;
}



/*Our Blogs Start*/

.our-blogs-sec {
    padding: 40px 0 90px;
}
.our-blogs-heading {
    text-align: center;
    margin-bottom: 2%;
}
.our-blogs-buttton-row {
    text-align: center;
    margin-top: 50px;
}
.our-blog-box-img img {
    width: 100%;
    height: 291px;
    object-fit: cover;
}
.our-blog-box-img {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-blog-icon {
    position: absolute;
    z-index: 99999;
    left: 0;
    transition: 2s;
    display: none;
}
.our-blogs-silder .slick-active {
    opacity: 1.5;
}

.our-blog-box:hover .our-blog-icon {
    display: block;
    left: inherit;
    transition: 2s;
}


.our-blog-box:hover .our-blog-box-img img {
    transform: scale(1.1);
    transition: 0.5s;
}
.our-blog-box-img:before {
    content: "";
    position: absolute;
    background: #00000061;
    width: 100%;
    height: 100%;
    opacity: 0;
     transition: 0.5s;
     z-index: 999;
}
.our-blog-box:hover .our-blog-box-img:before {
    opacity: 1;
    transition: 0.5s;
}
.our-blogs-heading h2 {
    margin-bottom: 0;
}
.our-blog-button {
    position: absolute;
    z-index: 9999;
    top: -14px;
    right: 0;
    left: 0;
}

.our-blogs-text {
    box-shadow: 0 0 2px 0 #00000061;
    padding: 30px 20px;
    text-align: center;
    transition: 0.5s;
    position: relative;
    margin: 0 9px;
}
.our-blogs-silder .slick-prev:before {
    content: "\f053";
    font-weight: 900;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    color: #333 !important;
}
.our-blogs-silder .slick-prev {
    left: -45px;
}
.our-blogs-silder .slick-next:before {
    content: "\f054";
    font-weight: 900;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    color: #333 !important;
    opacity: 3;
}
.our-blogs-date {
    background: #ffff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    top: 10px;
    left: 10px;
    z-index: 99999;
}
.our-blogs-date h2 {
    font-size: 24px;
    margin-bottom: 0;
    color: #333333;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
}
.our-blogs-date h2 span {
    display: block;
    font-size: 12px;
}

.our-blog-box {
    position: relative;
}
.our-blog-box:hover .our-blogs-text {
    box-shadow: 0 0 5px 0 #000000ba;
    transition: 0.5s;
}
.our-blogs-text h2 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 15px;
    text-transform: capitalize;
    color: #333333;
}
.our-blogs-text ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}
.our-blogs-text ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #bbb;
    text-transform: capitalize;
    font-weight: 500;
}
.our-blogs-text p {
    color: #777;
    font-size: 14px;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20px;
    font-weight: 400;
    
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}


.our-blog-button a {
    background: #f5b462 !important;
    padding: 8px 15px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 700 !important;
}
.our-blog-icon ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 8px;
}
.our-blog-icon ul li i {
    font-size: 12px;
    color: #fff;
}

.our-blogs-silder .slick-slide {
    margin: 10px 10px;
}
.blog_sec {
    padding: 5% 0;
}
.top-text-blog .text-about h2 {
    font-size: 36px;
}
.top-text-blog {
    margin-bottom: 30px;
}

.text-about {
    text-align: center;
}
.text-about h3 {
    font-size: 18px;
    color: #A5A5A5;
    margin-bottom: 10px;
}
.text-about h2 {
    color: #000;
    margin-bottom: 10px;
    font-size: 46px !important;
    font-weight: 600;
}
.text-about p {
    width: 20%;
    margin: 0 auto;
    color: #777777;
}
.our-blogs-text a {
    color: #d39d30 !important;
}

/*Our Blogs End*/


/*Inner Blog Details Start*/


.blogs-sec {
    padding: 50px 0;
}
.blogs-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.susan-lopez ul {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.susan-lopez ul li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.susan-lopez ul li h2 {
    font-size: 20px;
    margin-bottom: -3px;
    line-height: 30px;
    color: #192646;
    font-weight: 600;
}
.susan-lopez ul li h3 {
    font-size: 18px;
    margin-bottom: 0;
    color: #8f8e8e;
}
.susan-lopez-row {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.personal-min h2 {
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 0;
}
.blog-detail-input input {
    width: 100%;
    height: 55px;
    border: 2px solid #ebebeb;
    padding: 0 20px;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}
.blog-detail-input input::placeholder {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
        
    letter-spacing: 0.8px;
}
.blog-detail-input {
    position: relative;
}
.blog-detail-input-button {
    position: absolute;
    top: 0;
    right: 0;
}
.blog-detail-input-button button {
    width: 100px;
    height: 55px;
    border: none;
    background: #f5b462;
    font-size: 16px;
    color: #fff;
}
.recent-posts {
    margin-top: 25px;
}
.recent-posts-text ul li {
    font-size: 14px;
    color: #8f8e8e;
    display: flex;
    align-items: center;
    gap: 10px;
}
.recent-posts h2 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #1c1c1c;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.blog-detail-input {
    margin-bottom: 50px;
}
.recent-posts-sec {
    display: flex;
    align-items: center;
    gap: 25px;
    border-bottom: 2px solid #c2c2c2;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.recent-posts-img img {
    width: 150px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}
.recent-posts-text ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}
.recent-posts-text h3 {
    font-size: 12px;
    color: #d39d30;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.recent-posts-text h2 {
    font-size: 14px;
    line-height: 23px;
    color: #333333;
    font-weight: 600;
    margin-bottom: -3px;
}
.recent-posts-text ul li span {
    color: #192646;
    font-weight: 600;
}
.recent-posts-text ul li img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.blog-detail-bottom-text p {
    color: #6e6e6e;
}
.blog-detail-bottom-text h3 {
    font-size: 30px;
}

/*Inner Blog Details End*/

/*Service detail*/

section.service-detail-sec {
    padding: 100px 0;
}

.service-detail-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 0 0 20px 0 #00000087;
    height: 500px;
    margin: 0 0 30px;
}

.service-detail-txt h2 {
    font-size: 50px;
    line-height: 60px;
}

.service-detail-txt h3 {
    font-size: 40px;
    line-height: 50px;
}

.service-detail-txt h4 {
    font-size: 26px;
    line-height: 36px;
    color: #192646;
}

.service-detail-txt ul {
    padding-left: 20px;
    margin: 0 0 20px;
}

.service-detail-txt ul li {
    list-style: disc;
    color: #000;
}

.service-detail-txt p {
    color: #000;
}

.service-detail-txt ul li p {
    margin: 0 0 10px;
}

.service-detail-faq .accordion-item {
    border: 1px solid #000;
}

.service-detail-faq .accordion-button {
    height: 70px;
}

.service-detail-cta {
    text-align: center;
    margin: 0 auto 30px;
    background: #192646;
}

.service-detail-cta ul {
    text-align: center;
    margin: 0 auto 0;
}

.service-detail-cta p {
    color: #fff !important;
}