@font-face {
    font-family: MoskauRegular;
    src: url("../fonts/MoskauGrotesk.ttf");
}

.ck .ck-sticky-panel__content {
    display: none !important;
}

@font-face {
    font-family: MoskauMedium;
    src: url("../fonts/MoskauGrotesk-Medium.ttf");
}

@font-face {
    font-family: MoskauBold;
    src: url("../fonts/moskau-grotesk-bold.woff.ttf");
}

@font-face {
    font-family: GelionLight;
    src: url("../fonts/Gelion-Light.ttf");
}

@font-face {
    font-family: GelionRegular;
    src: url("../fonts/Gelion-Regular.ttf");
}

@font-face {
    font-family: GelionMedium;
    src: url("../fonts/Gelion-Medium.ttf");
}

@font-face {
    font-family: GelionBold;
    src: url("../fonts/Gelion-Bold.ttf");
}

@font-face {
    font-family: GelionSemiBold;
    src: url("../fonts/Gelion-SemiBold.ttf");
}

.desktopHide {
    display: none !important;
}

button,
button:focus,
select:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}

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

p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
    padding: 0px;
    margin: 0px;
}

ul {
    list-style: none;
}

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

.commonHeading {
    font-size: 70px;
    font-family: MoskauMedium;
    margin-bottom: 30px;
}

.commonPara {
    font-size: 24px !important;
    font-family: GelionRegular !important;
}

.learnMore {
    color: #ed2456;
    font-size: 20px;
    font-family: MoskauMedium;
}

.learnMore:hover {
    color: #ed2456 !important;
}

header {
    padding: 40px 70px;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 99;
    background-color: #fff;
}

header .userDiv {
    text-align: right;
    width: 100%;
    margin-bottom: 30px;
}

header .userDiv div.userProfile {
    border: 2px solid #2f2f2f;
    border-radius: 5px;
    position: relative;
    width: 77px;
    float: right;
    height: 32px;
    position: relative;
    cursor: pointer;
}

header .userDiv div img {
    position: absolute;
    left: 10px;
    top: 4px;
}

header .userDiv div .downIcon {
    position: relative;
    top: 2px;
    right: 10px;
}

header #collapsibleNavbar {
    justify-content: flex-end;
}

header #collapsibleNavbar .navbar-nav {
    align-items: center;
}

header #collapsibleNavbar .nav-item {
    padding-left: 50px;
    font-family: MoskauMedium;
}

header #collapsibleNavbar .nav-item .nav-link {
    color: #022331;
    font-size: 20px;
    font-family: MoskauRegular;
    font-weight: 700;
}

header #collapsibleNavbar .nav-item .nav-link.active {
    color: #ed244d;
}

header .navbar-toggler {
    border: 2px solid #2f2f2f;
}

header .navbar-toggler .navbar-toggler-icon {
    position: relative;
    top: 4px;
    color: #ed244d;
}

main .mainBanner {
    position: relative;
    width: 100%;
}

main .mainBanner .bannerLeft {
    padding: 310px 70px 0px;
}

main .mainBanner .bannerLeft h3 {
    color: #032231;
    font-size: 30px;
    font-family: MoskauMedium;
    margin-bottom: 45px;
}

main .mainBanner .bannerLeft p {
    font-size: 55px;
    color: #032231;
    font-family: MoskauMedium;
    margin-bottom: 54px;
}

main .mainBanner .bannerLeft button {
    border: 2px solid #0322311a;
    padding: 12px 40px;
    font-size: 26px;

    background-color: transparent;
    font-family: MoskauMedium;
}

main .mainBanner .bannerLeft button a {
    color: #fff !important;
}

main .mainBanner .bannerLeft button a {
    color: #ef1d31;
}

main .mainBanner .bannerRight {
    height: 100vh;
}

main .mainBanner .bannerRight img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main .mainBanner .clientBox {
    width: 300px;
    position: absolute;
    top: 25%;
    left: 47%;
    background: #fff;
    padding: 30px 35px 0px;
    box-shadow: 0px 18px 49px #01254814;
}

main .mainBanner .clientBox .clientDetailBox img {
    width: 67px;
    height: 67px;
    border-radius: 100%;
}

main .mainBanner .clientBox li {
    margin-bottom: 35px;
}

main .mainBanner .searchBox {
    width: 57%;
    background: #fff;
    box-shadow: 0px 18px 49px #01254814;
    /* position: absolute; */
    /* bottom: 5%; */
    margin-left: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main .mainBanner .searchBox .countryDiv {
    width: 30%;
    padding: 50px 60px;
    border-right: 1px solid #03223133;
}

main .mainBanner .searchBox div select {
    width: 90%;
    border: none;
    font-size: 24px;
    font-family: MoskauMedium;
    color: #032231;
}

main .mainBanner .searchBox .expertiseDiv {
    display: flex;
    justify-content: space-between;
    width: 70%;
    padding: 33px 60px;
}

main .mainBanner .searchBox .expertiseDiv .btnDiv {
    width: 40%;
    text-align: right;
}

main .mainBanner .searchBox .expertiseDiv .btnDiv button {
    background: rgb(234, 42, 124);
    background: linear-gradient(
        90deg,
        rgba(234, 42, 124, 1) 0%,
        rgba(239, 29, 48, 1) 100%
    );
    border: none;
    padding: 10px 30px;
    font-size: 26px;
    color: #fff;
    font-family: MoskauMedium;
    cursor: pointer;
}

main .mainBanner .searchBox .expertiseDiv .btnDiv button img {
    width: 24px;
    margin-right: 10px;
}

/************ Our - Services - CSS ***************/
.leatestNews .sliderDiv {
    right: 0 !important;
}

.ourService,
.experts {
    padding: 150px 0px;
}

.ourService h2,
.experts h2,
.fixedService h2 {
    font-size: 70px;
    font-family: MoskauMedium;
    margin-bottom: 37px;
}

.ourService p,
.experts p {
    font-family: GelionRegular;
    font-size: 24px;
    width: 100%;
    max-width: 70%;
    margin: auto;
}

.ourService .sliderDiv,
.experts .sliderDiv {
    width: 100%;
    max-width: 70%;
    margin: auto;
    margin-top: 56px;
}

.ourService .sliderDiv .serviceBox {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 17px #01254814;
    opacity: 1;
    padding: 30px;
    width: 100%;
    max-width: none;
    margin: 10px;
    height: 450px;
    transition: all 0.5s;
    cursor: pointer;
    position: relative;
}

.ourService .sliderDiv .serviceBox:hover a,
.ourService .sliderDiv .serviceBox:hover .border {
    display: flex;
}

.ourService .sliderDiv .serviceBox:hover {
    height: 500px;
}

.ourService .sliderDiv .serviceBox .border {
    display: none;
    height: 6px;
    width: 100%;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        310deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.ourService .sliderDiv .serviceBox p {
    max-width: 100%;
    font-size: 21px;
    margin-top: 24px;
    margin-bottom: 37px;
    color: #49616d;
}

.ourService .sliderDiv .serviceBox h2 {
    font-size: 33px;
    font-family: MoskauMedium;
    margin-top: 30px;
    margin-bottom: 20px;
}

.ourService .sliderDiv .serviceBox .line {
    background: #404040 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 0.2;
    width: 26px;
    height: 4px;
    position: absolute;
    bottom: 5px;
    margin: 0px;
}

.ourService .sliderDiv .serviceBox a {
    font-size: 20px;
    font-family: MoskauMedium;
    color: #ef1d31;
    position: absolute;
    bottom: 40px;
    display: none;
    transition: all 0.5s;
    align-items: center;
}

.ourService .sliderDiv .serviceBox a img {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.ourService .sliderDiv .serviceBox .boxHeader {
    height: 190px;
    position: relative;
}

/******** About - Us - CSS ********/
.aboutUs {
    background-image: url(../img/aboutUs.png);
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
}

.aboutUs .multiBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 300px;
    height: 100%;
}

.aboutUs .multiBox .commonBox {
    background: rgb(34, 64, 79);
    background: linear-gradient(
        310deg,
        rgba(34, 64, 79, 1) 0%,
        rgba(61, 90, 104, 1) 100%,
        rgba(88, 115, 129, 1) 100%
    );
    width: 260px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 17px 49px #00000045;
    flex-direction: column;
    margin-bottom: 30px;
}

.aboutUs .multiBox .commonBox h2 {
    font-size: 70px;
    color: #fff;
    font-family: MoskauMedium;
    margin-bottom: 20px;
}

.aboutUs .multiBox .commonBox p {
    font-size: 22px;
    color: #fff;
    font-family: MoskauMedium;
}

.aboutUs .aboutUsContent {
    width: 100%;
    max-width: 70%;
    margin: auto;
    padding: 70px 0px;
    color: #fff;
}

.aboutUs .aboutUsContent h5 {
    font-size: 25px;
    font-family: MoskauMedium;
}

.aboutUs .aboutUsContent h2 {
    font-size: 70px;
    font-family: MoskauMedium;
    margin-bottom: 36px;
}

.aboutUs .aboutUsContent .notes {
    font-size: 23px;
    font-family: GelionRegular;
    padding-left: 27px;
    position: relative;
    margin-bottom: 20px;
}

.aboutUs .aboutUsContent .notes:before {
    content: "";
    width: 4px;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        310deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    position: absolute;
    position: absolute;
    left: 0px;
    height: 95px;
    top: 10px;
}

.aboutUs .aboutUsContent p {
    font-family: GelionLight;
    font-size: 18px;
    margin-bottom: 30px;
}

.aboutUs .aboutUsContent a {
    background: -webkit-linear-gradient(#ef1d30 0%, #ed2456 61%, #ea2a7c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-family: MoskauMedium;
}

/********* Expert - Slider - CSS *********/
.experts .sliderDiv .expertAbout,
.experts .sliderDiv .expertHeader {
    text-align: center;
}
.experts .expertSlider .sliderBox {
    background: #fff;
    margin: 0px 15px;
    transition: all 0.5s;
    padding-bottom: 20px;
    cursor: pointer;
}
.experts .sliderDiv img {
    margin: auto;
}
.experts .sliderDiv .line {
    margin: 10px 0px;
}
.experts .expertSlider .sliderbox {
    background: #fff;
    margin: 0px 15px;
    transition: all 0.5s;
    padding-bottom: 20px;
    cursor: pointer;
}

.experts .expertSlider .sliderbox:hover {
    box-shadow: 0px 18px 49px #01254814;
}

.experts .expertSlider .sliderbox img {
    width: 100%;
}

.experts .expertSlider .sliderbox .expertHeader {
    margin: 15px 0px 0px;
    text-align: center;
}

.experts .expertSlider .sliderbox .expertHeader h4 {
    font-size: 38px;
    font-family: GelionRegular;
}

.experts .expertSlider .sliderbox .expertHeader p {
    font-size: 19px;
    font-family: GelionRegular;
}

.experts .expertSlider .sliderbox .line {
    text-align: center;
    font-size: 18px;
    color: #000;
    opacity: 0.3;
    margin: 0px;
}

.experts .expertSlider .sliderbox .expertAbout p {
    color: #75858d;
    font-size: 21px;
    font-family: GelionRegular;
    text-align: center;
    max-width: 100%;
}

.experts .expertSlider .sliderbox .expertAbout p span {
    color: #032231;
}

/************* Excellence - CSS ***********/
.excellence {
    background-image: url(../img/excellence.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 200px 0px;
}

.excellence h2 {
    font-size: 70px;
    font-family: MoskauMedium;
    color: #fff;
    line-height: 80px;
    margin-bottom: 30px;
    margin-bottom: 60px;
}

.excellence a {
    font-size: 26px;
    font-family: MoskauMedium;
    border: 2px solid #ffffff73;
    opacity: 1;
    color: #fff;
    padding: 25px 30px;
    margin: 0px 10px;
}

.expertBtn {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        310deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    border: none !important;
    padding: 28px 30px !important;
}

/********** Fixed - Price - CSS ************/
.fixedService {
    padding: 150px 0px;
    background: #fafafa 0% 0% no-repeat padding-box;
}

.fixedService .sliderDiv {
    width: 100%;
    max-width: 70%;
    margin: auto;
    margin-top: 55px;
}

.fixedService .serviceBox {
    box-shadow: 0px 0px 8px #01254814;
    opacity: 1;
    padding: 40px 15px;
    width: 33.3%;
    text-align: center;
    height: auto;
    margin: 10px 10px;
    background-color: #fff;
}

.fixedService .serviceBox img {
    margin: auto;
    display: initial !important;
}

.fixedService .serviceBox h3 {
    margin: 30px 0px;
}

.fixedService .serviceBox .priceDiv {
    margin-bottom: 33px;
}

.fixedService .serviceBox .priceDiv p {
    font-size: 20px;
    font-family: GelionRegular;
}

.fixedService .serviceBox .priceDiv p span {
    font-family: GelionBold;
}

.fixedService .serviceBox a {
    background: -webkit-linear-gradient(#ef1d30 0%, #ed2456 61%, #ea2a7c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-family: MoskauMedium;
}

.fixedService .serviceBox a img {
    margin-left: 10px;
}

/********** Leatest - News - CSS ************/
.leatestNews {
    padding: 100px 0px 0;
    overflow: hidden;
}

.leatestNews .leatesNewContent h2 {
    font-size: 70px;
    font-family: MoskauMedium;
    margin-bottom: 30px;
}

.leatestNews .leatesNewContent {
    width: 100%;
    max-width: 80%;
    margin-right: 0px !important;
    margin: auto;
}

.leatestNews .sliderDiv {
    position: relative;
    right: -130px;
}

.leatestNews .sliderDiv .slick-track {
    height: 600px;
}

.leatestNews .leatesNewContent p {
    font-size: 24px;
    font-family: GelionRegular;
}

.leatestNews .newsCard {
    width: 33%;
    margin: 0px 25px;
}

.breakWorld {
    height: 150px;
    overflow: hidden;
}

.breakWorld p {
    word-break: break-all;
}

.leatestNews .newsCard .cardContent,
.blogCard .cardContent {
    padding: 30px 15px;
    box-shadow: 0px 18px 49px #01254814;
}

.leatestNews .newsCard .cardContent .date,
.blogCard .cardContent .date {
    border: 2px solid #0322313d;
    opacity: 1;
    width: 100%;
    max-width: 160px;
    padding: 3px;
    margin-top: 10px;
}

.leatestNews .newsCard .cardContent .date {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.leatestNews .newsCard .cardContent h4 {
    margin-top: 0 !important;
}

.leatestNews .newsCard .cardContent .date p,
.blogCard .cardContent .date p {
    font-size: 16px;
    font-family: MoskauMedium;
    margin-bottom: 0px !important;
}

.leatestNews .newsCard .cardContent h4,
.blogCard .cardContent h4 {
    font-size: 30px;
    font-family: MoskauMedium;
    margin: 0px 0px 15px;
    /* height: 50px; */
    overflow: hidden;
}

.leatestNews .newsCard .cardContent p,
.blogCard .cardContent p {
    color: #49616d;
    font-size: 20px;
    margin-bottom: 25px;
    font-family: GelionRegular;
    min-height: 20px;
    height: 45px;
    overflow: hidden;
}

.leatestNews .newsCard .cardContent a,
.blogCard .cardContent a {
    color: #ed2456;
    font-size: 20px;
    font-family: MoskauMedium;
    position: absolute;
    bottom: 20px;
}

.leatestNews .newsCard .cardContent a img,
.blogCard .cardContent a img {
    width: auto;
}

.newsSlider .slick-prev {
    left: -620px !important;
}

.newsSlider .slick-next {
    right: 0px !important;
    left: -520px;
}

.newsSlider .slick-slide img {
    display: initial;
    width: 100%;
    min-width: 206px;
    height: 240px;
    object-fit: cover;
}

.newsSlider .slick-active + .slick-active ~ .slick-slide {
    opacity: 0.5;
}

/********* Request - Information - CSS **********/
.requestInformation {
    padding: 170px;
    background: #f4f4f4 0% 0% no-repeat padding-box;
    opacity: 1;
}

.requestInformation .informationContent {
    padding: 0px 0px 0px 120px;
}

.requestInformation .informationContent h2 {
    font-size: 70px;
    font-family: MoskauMedium;
    margin-bottom: 30px;
}

.requestInformation .informationContent .formDiv input,
.requestInformation .informationContent .formDiv textarea,
.mainBanner .formDiv textarea,
.mainBanner .formDiv input {
    width: 100%;
    padding: 23px;
    border: 1px solid #0000000a;
    margin-bottom: 18px;
    font-family: MoskauMedium;
    font-size: 19px;
}

.requestInformation .informationContent .formDiv button,
.mainBanner .formDiv button {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        310deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    font-size: 26px;
    color: #fff !important;
    padding: 20px 40px;
    border: none !important;
    font-family: MoskauMedium;
}

.requestInformation .imgText {
    position: relative;
}

.requestInformation .imgText .imgTextMiddle {
    position: absolute;
    top: 44%;
    left: 40%;
}

.requestInformation .imgText .imgTextMiddle p {
    font-size: 26px;
    font-family: MoskauMedium;
    color: rgb(239, 29, 48);
}

/************* Footer - CSS **************/
footer {
    background: #032231 0% 0% no-repeat padding-box;
    padding: 300px 200px 70px;
    position: relative;
}

footer .socialList {
    margin-top: 42px;
}

footer .socialList ul {
    display: flex;
}

footer .socialList ul li {
    background-image: url(../img/stroke.png);
    background-size: cover;
    width: 70px;
    height: 80px;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .footerWiget h4 {
    font-size: 24px;
    color: #fff;
    font-family: MoskauMedium;
}

footer .navigationWigets {
    padding-left: 120px;
}

footer .navigationList {
    margin-top: 20px;
}

footer .navigationList li a {
    display: block;
    color: #7c8996;
    padding-bottom: 10px;
}

footer hr {
    margin-top: 80px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 60px;
}

footer .copyRight ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .copyRight ul li {
    margin: 0px 15px;
}

footer .copyRight ul li a {
    font-family: GelionRegular;
    font-size: 18px;
    color: #7c8996;
}

footer .copyRight ul li a span {
    color: #fff;
    font-family: GelionBold;
}

footer .newsLetter {
    background: #11394c 0% 0% no-repeat padding-box;
    box-shadow: 0px -25px 65px #0c2f5205;
    position: absolute;
    top: -90px;
    width: 100%;
    left: 10%;
    max-width: 80%;

    padding: 40px;
}

footer .newsLetter .newLetterContent p {
    font-size: 25px;
    color: #fff;
    font-family: MoskauMedium;
}

footer .newsLetter .newLetterContent h2 {
    font-size: 70px;
    font-family: MoskauMedium;
    color: #fff;
}

footer .newsLetter .formDiv input {
    width: 100%;
    padding: 20px;
    border: 1px solid #0000000a;
    font-family: GelionRegular;
    font-size: 19px;
}

footer .newsLetter .formDiv .inputBtn {
    display: flex;
    align-items: center;
    height: 100%;
}

footer .newsLetter .formDiv button {
    position: absolute;
    right: 30px;
    background: transparent;
    border: none;
}

/************** Contact - Us - CSS **********/
.contactBanner .bannerLeft,
.commonBanner .bannerLeft {
    padding-bottom: 120px !important;
}

.contactBanner .bannerRight,
.commonBanner .bannerRight {
    height: auto;
}

.contactDetail {
    background: #f4f4f4 0% 0% no-repeat padding-box;
    padding: 180px 300px;
}

.contactDetail .contactBox {
    background: #fff;
    box-shadow: 0px 18px 49px #01254814;
    display: flex;
    align-items: center;
    padding: 50px;
}

.contactDetail .contactBox img {
    margin-right: 40px;
}

.contactDetail .contactBox p,
.contactDetail .contactBox a {
    font-size: 18px;
    font-family: GelionRegular;
    color: #11394c;
}

.contactDetail .contactBox a {
    text-decoration: underline;
}

/************** Blog - CSS ******************/
.blogBanner .bannerLeft h2 {
    margin-bottom: 65px;
}

.blogBanner .bannerLeft {
    padding: 500px 70px 280px !important;
}

.bolgSection {
    padding: 100px 90px;
    background: #f8f9f9;
}

.bolgSection .selectDiv {
    width: 15%;
    display: flex;
    box-shadow: 0px 18px 49px #01254814;
    background: #fff;
    align-items: center;
    padding: 0px 20px;
}

.bolgSection .selectDiv select {
    padding: 20px 28px;
    border: none;
    font-size: 18px;
    font-family: Gelionlight;
    width: 80%;
}

.bolgSection .selectDiv p {
    font-size: 18px;
    font-family: MoskauMedium;
    width: 30%;
}

.newsSlider .slick-slide {
    height: 75%;
}

.bolgSection .multiBlog .blogCard img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.bolgSection .multiBlog .blogCard .cardContent img {
    width: auto;
    height: auto !important;
}

.bolgSection .multiBlog {
    margin-top: 60px !important;
    width: 100%;
    max-width: 80%;
    margin: auto;
}

.bolgSection .blogCard {
    margin-bottom: 80px;
    border: 0.4000000059604645px solid #70707029;
    background-color: #fff;
    height: 530px;
    position: relative;
}

.bolgSection .blogCard .cardContent {
    box-shadow: none !important;
}

.bolgSection .paginationDiv .paginationList ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.bolgSection .paginationDiv .paginationList ul li {
    padding-left: 48px;
}

.bolgSection .paginationDiv .paginationList ul li a {
    font-family: Gelionlight;
    font-size: 33px;
    color: #032231;
}

.bolgSection .paginationDiv {
    width: 100%;
    max-width: 80%;
    margin: auto;
    margin-top: 100px;
}

.blogDetailBanner {
    background-color: #fff;
    height: 188px;
}

.blogDetailCard {
    background: #f8f9f9;
    height: auto !important;
}

.blogDetailCard .card {
    width: 100%;
    max-width: 70%;
    margin: auto;
    /* position: absolute;
    top: -300px;
    left: 15%; */
}

.blogDetailCard .card .cardContent {
    padding: 60px 100px;
}

.blogDetailCard .card .cardContent .dateLikeDiv {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.blogDetailCard .card .cardContent .dateLikeDiv .date {
    border: 1px solid #e1e4e6;
    padding: 4px 24px;
    margin-right: 34px;
    font-size: 24px;
    font-family: MoskauMedium;
}

.blogDetailCard .card .cardContent .dateLikeDiv span {
    font-size: 20px;
    font-family: GelionRegular;
}

.blogDetailCard .card .cardContent .dateLikeDiv span i {
    color: #95989a;
    margin-right: 12px;
}

.blogDetailCard .card .cardContent .postedBy {
    font-family: GelionRegular;
    font-size: 20px;
}

.blogDetailCard .card .cardContent h4 {
    margin-top: 90px;
    font-size: 30px;
    font-family: MoskauMedium;
    margin-bottom: 50px;
}

.blogDetailCard .card .cardContent p {
    color: #707070;
    font-size: 20px;
    font-family: GelionRegular;
}

.relatedService {
    padding: 100px 0px;
    background: #f8f9fa 0% 0% no-repeat padding-box;
    opacity: 1;
}

.relatedService .multiRelatedService {
    width: 100%;
    max-width: 70%;
    margin: auto;
    margin-top: 64px;
}

.relatedService .multiRelatedService .card {
    box-shadow: 0px 18px 49px #01254814;
    border: none;
}

.relatedService .multiRelatedService .card .line {
    margin: 0px;
}

.relatedService .multiRelatedService .card .cardContent {
    padding: 25px;
    text-align: center;
}

.relatedService .multiRelatedService .card .cardContent h4 {
    font-size: 24px;
    font-family: GelionMedium;
    margin-bottom: 10px;
    height: 60px;
}

.relatedService .multiRelatedService .card .cardContent .tag {
    font-size: 20px;
    font-family: GelionRegular;
    color: #75858d;
}

.relatedService .multiRelatedService .card .cardContent .line {
    color: #000;
    opacity: 30%;
    margin-bottom: 16px;
}

.relatedService .multiRelatedService .card .cardContent p {
    font-size: 18px;
    font-family: GelionRegular;
    color: #000;
    opacity: 67%;
}

.relatedService .multiRelatedService .card .cardFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.relatedService .multiRelatedService .card .cardFooter h4 {
    font-size: 47px;
    color: #626262;
    font-family: GelionBold;
    margin-bottom: 0px !important;
}

.relatedService .multiRelatedService .card .cardFooter h4 span {
    font-size: 17px;
    color: #626262;
    font-family: GelionMedium;
}

/************** Sub - Header - CSS ************/
.subHeader h4 {
    margin-left: 20px;
    font-size: 55px;
    font-family: MoskauMedium;
    margin-top: 40px;
}

.subHeader {
    margin-top: 87px;
}

/************** Order - Section - CSS *********/

.orderSection {
    padding: 300px 0px 300px;
    background: #f8f9f9;
}

.orderSection .tabDiv {
    width: 100%;
    max-width: 75%;
    margin: auto;
    margin-top: 43px;
}

.orderSection .tabDiv ul li {
    padding-right: 70px;
}

.orderSection .tabDiv ul li.active a {
    border-bottom: 4px solid #ef1d31;
    color: #022331;
    opacity: 1;
}

.orderSection .tabDiv ul li a {
    font-size: 30px;
    font-family: MoskauMedium;
    display: block;
    color: #022331;
    opacity: 0.24;
}

.orderSection .tabContent {
    width: 100%;
    max-width: 75%;
    margin: auto;
    margin-top: 100px;
}

.orderSection .orderBox {
    margin-bottom: 80px;
}

.orderSection .orderHeader {
    display: flex;
    padding: 15px 80px;
    background: #e8f0ec;
    align-items: center;
}

.orderSection .orderHeader .newOrder {
    font-size: 22px;
    color: #022331;
    font-family: GelionMedium;
    padding-right: 100px;
}

.orderSection .orderHeader p {
    padding-right: 100px;
    font-size: 18px;
    color: #022331;
    font-family: GelionMedium;
}

.orderSection .orderHeader p span {
    font-family: GelionRegular;
}

.orderSection .orderContent {
    padding: 30px 80px 150px;
    background: #fff;
    box-shadow: 0px 18px 49px #01254814;
    transition: all 0.5s linear;
}

.orderSection .orderContent span {
    color: #ed2149;
    font-size: 18px;
    font-family: GelionMedium;
}

.orderSection .orderContent h4 {
    font-size: 24px;
    color: #032231;
    font-family: GelionMedium;
    margin: 5px 0px;
}

.orderSection .orderContent .tag {
    font-size: 20px;
    color: #75858d;
    font-family: GelionRegular;
}

.orderSection .orderContent hr {
    border: none;
    border-top: 1px dotted;
}

.orderSection .orderContent .orderDescription {
    margin-top: 35px;
}

.orderSection .orderContent .orderDetaill {
    margin-top: 40px;
    display: none;
}

.orderSection .orderContent .orderDetaill ul {
    position: relative;
}

.orderSection .orderContent .orderDetaill ul:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #707070;
    position: absolute;
    left: 29px;
    top: 0px;
    z-index: 0;
}

.orderSection .orderContent .orderDetaill ul li {
    display: flex;
    margin-bottom: 50px;
    background: #fff;
    z-index: 9999999;
    position: relative;
}

.orderSection .orderContent .orderDetaill ul li .checkedIcon {
    width: 60px;
    height: 60px;
    border: 2px solid #f04062;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderSection .orderContent .orderDetaill ul li .numberIcon {
    width: 60px;
    height: 60px;
    border: 1px solid #f04062;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderSection .orderContent .orderDetaill ul li .numberIcon p {
    color: #ec2661;
    opacity: 0.36;
    font-size: 21px;
    font-family: GelionSemiBold;
}

.orderSection .orderContent .orderDetaill ul li .orderInfo {
    margin-left: 10px;
}

.orderSection .orderContent .orderDetaill ul li .orderInfo p {
    font-size: 24px;
    color: #000000;
    font-family: GelionMedium;
}

.orderSection .orderContent .orderDetaill ul li .orderInfo span {
    color: #75858d;
    font-size: 18px;
    font-family: GelionRegular;
}

.orderSection .orderContent .orderDescription p {
    color: #000000;
    opacity: 67%;
    font-size: 18px;
    font-family: GelionRegular;
    margin-top: 20px;
}

.orderSection .orderContent .postedBy {
    text-align: center;
}

.orderSection .orderContent .postedBy img {
    width: 54px;
    border-radius: 100%;
    margin-right: 10px;
    height: 54px;
}

.orderSection .orderContent .postedBy p {
    position: relative;
    left: -40px;
    font-size: 15px;
    font-family: GelionRegular;
}

.orderSection .orderContent .postedBy .userDiv {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: center;
}

.orderSection .orderContent .postedBy .userDiv p {
    font-size: 22px;
    font-family: GelionRegular;
    color: #032231;
    left: initial;
    text-align: left;
}

.orderSection .orderContent .postedBy .userDiv p span {
    font-size: 14px;
    font-family: GelionRegular;
    color: #032231;
    opacity: 0.51;
}

.orderSection .orderContent .multiBtn {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -100px;
    width: 100%;
    left: 0px;
}

.orderSection .orderContent .multiBtn button {
    font-size: 22px;
    font-family: MoskauMedium;
    padding: 6px 49px;
    margin-right: 20px;
    background-color: transparent;
}

.orderSection .orderContent .multiBtn button.acceptBtn {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        310deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    border: none;
    color: #fff;
    padding: 8px 49px;
}

.orderSection .orderContent .postedBy ul {
    margin: 40px 0px;
}

.orderSection .orderContent .postedBy ul li {
    display: flex;
    justify-content: center;
    margin-left: 30px;
    margin-bottom: 12px;
}

.orderSection .orderContent .postedBy ul li a {
    font-size: 15px;
    font-family: GelionRegular;
    color: #032231;
    opacity: 0.8;
    display: block;
    width: 40%;
    text-align: left;
    margin-left: 10px;
}

.orderSection .postedBy ul li span i {
    color: #032231;
    opacity: 0.8;
}

.orderSection .postedBy .chatText {
    font-size: 18px;
    text-transform: capitalize;
}

.orderSection .postedBy .chatText img {
    width: 22px;
}

.markedCompleted {
    width: 100%;
    max-width: 80%;
    position: absolute;
    bottom: -80px;
    font-size: 22px;
    left: 20%;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        310deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    border: none;
    color: #fff;
    padding: 15px 49px;
    cursor: pointer;
}

#current_order .orderHeader {
    background: #f7f7f7 0% 0% no-repeat padding-box;
    opacity: 1;
    position: relative;
}

#completed .orderHeader {
    background: #f0f0f0;
}

/*********** Profile - CSS ************/
.profileHeader {
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}

.profileDiv {
    background: #f6f7f8;
    padding: 350px 100px 200px;
}

.profileDiv h5 {
    color: #ee2143;
    font-size: 30px;
    font-family: MoskauMedium;
}

.profileBox {
    box-shadow: 0px 17px 49px #00000029;
    margin-top: 50px;
    background: #fafafa;
}

.profileBox .profileBoxHeader {
    padding: 100px 0px 140px;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.profileBox .profileBoxHeader .uploadCover p {
    position: absolute;
    top: 13%;
    left: 9%;
    font-size: 26px;
    font-family: MoskauMedium;
}

.profileBox .profileBoxHeader .uploadCover input {
    opacity: 0;
    width: 100%;
    height: 50px;
    z-index: 999999;
    position: relative;
    cursor: pointer;
}

.profileBox .profileBoxHeader .uploadCover {
    width: 100%;
    max-width: 303px;
    margin: auto;
    border: 2px solid #d9d9d9;
    position: relative;
}

.profileBox .profileBoxHeader .uploadCover.uploadCoverBg {
    max-width: 100%;
    margin: auto;
    border: none;
    position: relative;
    width: 100%;
    height: 300px;
    background-size: cover;
    /* <<<<<<< HEAD */
    /* cursor: pointer; */
    /* =======cursor: pointer; */
    /* >>>>>>>48a2f301f9fb82225e955ba726a36740f6cde0ed */
}

.uploadProfileP {
    width: 200px !important;
    height: 200px;
    border-radius: 50%;
    /* margin-top: -200px; */
    transform: translateY(-90px);
    background-size: cover;
    cursor: pointer;
}

.profileBox .profileBoxHeader .profileAvatar {
    margin-top: 40px;
    position: absolute;
    left: 45%;
    bottom: -25%;
}

.profileBox .profileFormDiv {
    width: 100%;
    max-width: 70%;
    margin: auto;
    padding: 180px 0px;
}

.profileBox .profileFormDiv .inputDiv {
    margin-bottom: 16px;
}

.profileBox .profileFormDiv .inputDiv input,
.profileBox .profileFormDiv .inputDiv select,
.multiSelect .select2-container {
    border: 1px solid #0000000a;
    background-color: #fff;
    padding: 25px;
    border: none;
    width: 100% !important;
    font-size: 19px;
    color: #5d6d75;
    font-family: MoskauMedium;
}

.profileBox .profileFormDiv .inputDiv .iti--allow-dropdown {
    width: 100%;
}

.profileBox
    .profileFormDiv
    .inputDiv
    .iti--separate-dial-code
    .iti__selected-flag {
    background-color: transparent;
    box-shadow: 0px 6px 16px #03223108;
    opacity: 1;
}

/* #phone {
    padding-left: 0px !important;
} */

/* main .mainBanner .bannerRight{
    height: 64vh;
} */

.line {
    width: 100%;
    margin: 80px 0px;
    text-align: center;
}

.line img {
    width: 100%;
}

.profileBox .aboutProfile {
    padding: 35px;
    border: 1px solid #0000000a;
    background-color: #fff;
}

.profileBox .aboutProfile p {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 0.27px;
    color: #000000;
    opacity: 0.67;
    font-family: GelionRegular;
}

.select2-container--default.select2-container--focus
    .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    border: none !important;
}

.profileBox .multiSelect {
    position: relative;
}

.profileBox .multiSelect .imgDiv {
    position: absolute;
    right: 20px;
    top: 28px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background: #f4f4f4 0% 0% no-repeat padding-box !important;
    border: none !important;
    font-size: 18px !important;
    font-family: GelionRegular;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    border: none !important;
}

.profileBox .profileFormDiv h5 {
    font-size: 18px;
    font-family: GelionMedium;
    color: #000;
    margin-bottom: 36px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    padding-left: initial !important;
    padding-right: 20px !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    left: initial !important;
    right: 0px;
}

.profileBox .profileFormDiv button[type="submit"] {
    padding: 14px 63px;
    border: none;
    float: right;
    margin-top: 50px;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        313deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    color: #fff;
    font-size: 26px;
    font-family: MoskauMedium;
}

/************ Phone & Contact - CSS *******/
.unanswerdDiv,
.answereDiv {
    margin-top: 90px;
    box-shadow: 0px 17px 49px #00000029;
    background: #fff;
    padding: 90px 80px 150px;
}

.unanswerdDiv h4,
.answereDiv h4 {
    font-size: 40px;
    font-family: MoskauMedium;
}

.unanswerdDiv .questionDiv {
    margin-top: 70px;
}

.unanswerdDiv .questionDiv span,
.accordiansDiv span {
    font-size: 18px;
    font-family: GelionMedium;
    color: #000;
    opacity: 47%;
}

.unanswerdDiv .questionDiv p {
    font-size: 30px;
    font-family: MoskauMedium;
    margin-top: 26px;
}

.unanswerdDiv .questionDiv .question p {
    font-size: 20px;
    font-family: GelionRegular;
    color: #707070;
}

.unanswerdDiv span.commonSpan {
    border: 1px solid #ededed;
    font-size: 10px;
    font-family: "Inter", sans-serif;
    padding: 5px;
    margin-right: 15px;
    position: relative;
    top: 25px;
    color: #676c71;
    opacity: 1;
}

.postAnswere {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 16px #03223108;
    border: 1px solid #0000000d;
    opacity: 1;
    width: 100%;
    margin-top: 60px;
}

.postAnswere textarea {
    width: 100%;
    border: none;
    font-size: 20px;
    font-family: MoskauMedium;
    opacity: 40%;
    padding: 45px 25px;
}

.postAnswere button,
.formBtn {
    padding: 14px 63px;
    border: none;
    float: right;
    margin-top: 50px;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        313deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    color: #fff;
    font-size: 26px;
    font-family: MoskauMedium;
}

.accordiansDiv .card-header button,
.accordiansDiv .card-header button:hover,
.accordiansDiv .card-header button:focus {
    padding: 0px;
    font-size: 30px;
    font-family: MoskauMedium;
    color: #032231;
    display: initial;
    white-space: inherit;
    text-align: left;
    text-decoration: none;
}

.accordiansDiv .card-header {
    background-color: transparent;
    border: none;
    padding: 10px 0px;
    margin-top: 25px;
}

.accordiansDiv .card {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.accordiansDiv .card .card-body {
    padding: 20px 0px;
}

.answereDiv .accordiansDiv .card .card-body p {
    color: #707070;
    font-size: 20px;
    font-family: GelionRegular;
}

.answereBox {
    border: 2px solid #e8e8e8;
    margin-top: 40px;
    padding: 20px;
}

.answereBox .boxHeader .profileAnswereDiv {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.answereBox .boxHeader .profileAnswereDiv img {
    width: 55px;
    margin-right: 15px;
}

.answereBox .boxHeader .profileAnswereDiv h4 {
    font-size: 26px;
    font-family: MoskauMedium;
}

.answereBox .boxHeader .profileAnswereDiv p {
    font-size: 10px;
}

.answereBox .boxHeader {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.answereBox .boxHeader button {
    width: 150px;
    height: 45px;
    font-size: 23px;
    font-family: MoskauMedium;
    border: 1px solid #c1c1c1;
    background-color: transparent;
}

.answereBox .questioner {
    margin-top: 45px;
    margin-left: 70px;
}

.answereBox .questioner p {
    margin-bottom: 20px;
}

.callRequest {
    margin-top: 90px;
    box-shadow: 0px 17px 49px #00000029;
    background: #fff;
    height: 96.7%;
}

.callRequest .callContent .requestBox .profileRequestDiv {
    display: flex;
    align-items: center;
}

.callRequest .header {
    background: #f7f7f7 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 25px 35px;
}

.callRequest .header p {
    font-size: 18px;
    font-family: GelionMedium;
}

.callRequest .callContent {
    padding: 35px 40px;
}

.callRequest .callContent .requestBox .profileRequestDiv img {
    margin-right: 10px;
}

.callRequest .callContent .requestBox .profileRequestDiv h4 {
    font-size: 22px;
    font-family: GelionRegular;
}

.callRequest .callContent .requestBox .profileRequestDiv p {
    font-size: 14px;
    font-family: GelionRegular;
    color: #000;
    opacity: 50%;
}

.callRequest .callContent .requestBox .contactDiv {
    margin-left: 60px;
    margin-top: 25px;
}

.callRequest .callContent .requestBox .contactDiv p {
    font-size: 14px;
    font-family: GelionRegular;
    color: #000;
    opacity: 80%;
    margin-bottom: 15px;
}

.callRequest .callContent .messageBox {
    border: 2px solid hsl(0deg 0% 90%);
    padding: 20px 40px;
    border-radius: 10px;
}

.callRequest .callContent .messageBox p {
    font-size: 18px;
    font-family: GelionRegular;
    color: #000;
    opacity: 80%;
    margin-bottom: 15px;
}

.callRequest .callContent .requestBox {
    border-bottom: 1px solid hsl(0deg 0% 18% / 23%);
    padding: 45px 0px;
}

/********** Fixed - Service - CSS ************/
.fixedServiceDiv {
    width: 100%;
    max-width: 90%;
    margin: auto;
    margin-top: 110px;
    box-shadow: 0px 17px 49px #00000029;
    background: #fff;
}

.fixedServiceDiv .banner {
    position: relative;
}

.fixedServiceDiv .banner img {
    width: 100%;
}

.fixedServiceDiv .banner .tagLine {
    background-color: hsl(345deg 85% 54% / 40%);
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 15px 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.fixedServiceDiv .banner .tagLine .textDiv p {
    font-size: 26px;
    color: #fff;
    font-family: GelionMedium;
}

.fixedServiceDiv .banner .tagLine .textDiv span {
    font-size: 21px;
    color: #d3d3d3;
    font-family: GelionRegular;
    font-size: 20px;
}

.fixedServiceDiv .banner .tagLine .priceText h4 {
    font-size: 60px;
    font-family: GelionBold;
    color: #fff;
}

.fixedServiceDiv .banner .tagLine .priceText h4 span {
    font-family: GelionRegular;
    font-size: 20px;
}

.fixedServiceDiv .operationDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 65px;
}

.fixedServiceDiv .multiOption {
    display: flex;
    align-items: center;
}

.fixedServiceDiv .operationDiv p {
    font-size: 22px;
    font-family: GelionMedium;
    color: #606060;
    opacity: 72%;
}

.fixedServiceDiv .operationDiv .multiOption span {
    border: 1px solid #d8dde1;
    display: block;
    width: 145px;
    text-align: center;
    vertical-align: middle;
    padding: 9px;
    margin-left: 20px;
    font-size: 24px;
    font-family: MoskauMedium;
    color: #000;
    cursor: pointer;
}

.fixedServiceDiv .contentDiv {
    padding: 0px 65px 65px;
}

.fixedServiceDiv .contentDiv p {
    font-size: 18px;
    font-family: GelionRegular;
    color: #000;
    opacity: 67%;
}

.fixedServiceDiv .contentDiv h4 {
    font-size: 18px;
    font-family: GelionMedium;
    margin-bottom: 25px;
}

.fixedServiceDiv .contentDiv ul li::before {
    content: "\2022";
    color: #ed2456;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.fixedServiceDiv .contentDiv ul {
    margin-left: 20px;
}

.fixedServiceDiv .contentDiv ul li {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: GelionRegular;
}

.createFixedService,
.mainFixedService .earning {
    padding: 100px 150px;
    box-shadow: 0px 17px 49px #00000029;
    background: #fff;
    margin-top: 50px;
}

.mainFixedService {
    width: 100%;
    max-width: 92%;
}

.mainFixedService .relatedService .multiRelatedService {
    max-width: 100%;
}

.createFixedService h4 {
    font-size: 40px;
    font-family: MoskauMedium;
    color: #000;
}

.createFixedService .formDiv {
    margin-top: 46px;
}

.createFixedService .formDiv .inputDiv {
    position: relative;
    margin-bottom: 50px;
}

.createFixedService .formDiv .inputDiv input,
.createFixedService .formDiv .inputDiv textarea {
    border: 1px solid #0000000a;
    background-color: #fff;
    padding: 25px;
    border: none;
    width: 100% !important;
    font-size: 19px;
    color: #5d6d75;
    font-family: MoskauMedium;
    box-shadow: 0px 6px 16px #03223108;
    opacity: 1;
    width: 100%;
}

.createFixedService .formDiv .inputDiv span {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 18px;
    color: #5d6d75;
    opacity: 47%;
    font-family: MoskauMedium;
}

.createFixedService .formDiv .inputDiv select {
    background-color: #fff;
    padding: 25px;
    border: none;
    width: 50% !important;
    font-size: 19px;
    color: #5d6d75;
    font-family: MoskauMedium;
    box-shadow: 0px 6px 16px #03223108;
    opacity: 1;
}

.createFixedService .formDiv .uploadDiv {
    text-align: right;
}

.createFixedService .formDiv .uploadDiv input {
    max-width: 60%;
    float: right !important;
    box-shadow: none !important;
    opacity: 0;
    position: absolute;
    right: 0px;
    z-index: 999999;
    cursor: pointer;
}

.createFixedService .formDiv .uploadDiv p {
    position: relative;
    border: 2px solid hsl(0deg 0% 0% / 15%);
    font-size: 26px;
    font-family: MoskauMedium;
    color: #022331;
    padding: 12px 0px;
    width: 100%;
    max-width: 60%;
    margin-right: 0px !important;
    margin: auto;
    text-align: center;
}

.mainFixedService .relatedService .multiRelatedService .line {
    margin: 20px 0px !important;
}

/*********** Earning - CSS *************/
.mainFixedService .earning .opertionDiv .availableBalance {
    padding-left: 45px;
}

.mainFixedService .earning .opertionDiv {
    margin-left: 60%;
}

.mainFixedService .earning .opertionDiv h4,
.mainFixedService .earning .readingItems .commonDiv h4 {
    font-size: 60px;
    font-family: MoskauMedium;
    color: #000000;
}

.mainFixedService .earning .opertionDiv p {
    font-family: MoskauMedium;
    font-size: 18px;
    color: #519526;
}

.mainFixedService .earning .opertionDiv .multiBtn {
    margin-top: 15px;
    text-align: right;
}

.mainFixedService .earning .opertionDiv .multiBtn span {
    border: 2px solid hsl(0deg 0% 0% / 15%);
    font-size: 22px;
    font-family: MoskauMedium;
    color: #022331;
    padding: 5px 25px;
    margin-left: 17px;
}

.mainFixedService .earning .readingItems {
    margin-top: 45px;
}

.mainFixedService .earning .readingItems .commonDiv {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid rgb(112 112 112 / 37%);
    padding: 35px;
}

.mainFixedService .earning .readingItems .commonDiv p {
    font-size: 18px;
    color: #ed2456;
    font-family: MoskauMedium;
}

.mainFixedService .earning .graphDiv {
    border: 1px solid rgb(112 112 112 / 35%);
    padding: 50px;
}

.mainFixedService .earning .graphDiv .graphHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mainFixedService .earning .graphDiv .graphHeader select {
    font-size: 22px;
    font-family: MoskauMedium;
    padding: 5px 15px;
}

.mainFixedService .earning .graphDiv .graphHeader .reading h4 {
    font-size: 22px;
    font-family: MoskauMedium;
    color: #022331;
}

.mainFixedService .earning .graphDiv .graphHeader .reading p {
    color: #7c828a;
    font-size: 18px;
    font-family: MoskauMedium;
}

/****************** Blog - CSS ***************/
.commonCard .blogDetailCard .card {
    max-width: 100%;
    position: relative;
    top: initial;
    left: initial;
}

.commonCard .blogDetailCard {
    margin-top: 50px;
    height: auto;
    margin-bottom: 100px;
}

.commonCard .blogDetailCard .card .cardContent .dateLikeDiv {
    justify-content: space-between;
}

.commonCard .blogDetailCard .card .cardContent .dateLikeDiv .dateLike {
    display: flex;
    align-items: center;
}

.commonCard .blogDetailCard .card .cardContent .editDiv p {
    border: 1px solid #032231;
    padding: 6px 48px;
    font-size: 22px;
    font-family: MoskauMedium;
    color: #000;
}

.blogDetailCard .card .cardContent .postedBy b {
    color: #000;
}

/************** Create Blog - CSS **************/
.createBlog .formDiv .uploadDiv p {
    margin-right: initial !important;
    margin: initial;
    width: 40%;
}

.createBlog .formDiv .uploadDiv input {
    right: initial;
    left: 0px;
    width: 40%;
}

.mainFixedService .bolgSection {
    padding: 100px 0px;
}

.mainFixedService .bolgSection .multiBlog {
    max-width: 100%;
    margin-top: 0px !important;
}

/************* Edit - Profile - CSS ************/
.profileDiv .editBar {
    display: flex;
    align-items: center;
}

.profileDiv .editBar span {
    margin-left: 25px;
    padding: 10px 30px;
    font-size: 26px;
    font-family: MoskauMedium;

    border: 2px solid hsl(0deg 0% 0% / 15%);
}

.profileDiv .editBar span a {
    color: #022331;
}

.profileDiv .editProfileBox {
    margin-top: 45px;
}

.profileDiv .editProfileBox .profileImg img {
    width: 100%;
}

.profileDiv .editProfileBox .editProfile {
    position: relative;
    padding: 100px 50px;
    box-shadow: 0px 6px 16px #03223108;
    background: #fff;
}

.profileDiv .editProfileBox .editProfile .userDetail {
    position: absolute;
    top: -30px;
    display: flex;
    align-items: center;
    left: 6%;
}

.profileDiv .editProfileBox .editProfile .userDetail h4 {
    font-size: 30px;
    font-family: MoskauMedium;
    color: #022331;
}

.profileDiv .editProfileBox .editProfile .userDetail p {
    font-size: 14px;
    font-family: MoskauMedium;
    color: #022331;
}

.profileDiv .editProfileBox .editProfile .avatar {
    position: relative;
    top: -50px;
}

.profileDiv .editProfileBox .editProfile .line {
    margin: 15px 0px;
}

.profileDiv .editProfileBox .editProfile .listDiv ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100% !important;
}

.profileDiv .editProfileBox .editProfile .listDiv ul li {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.profileDiv .editProfileBox .editProfile .listDiv ul li span {
    color: #848484;
    font-size: 14px;
    font-family: GelionRegular;
}

.profileDiv .editProfileBox .editProfile .listDiv ul li .imgDiv {
    /* width: 8%; */
    width: 30px;
}

.profileDiv .editProfileBox .editProfile .editProfileContent h4 {
    font-family: GelionMedium;
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.profileDiv .editProfileBox .editProfile .editProfileContent p {
    font-family: GelionRegular;
    font-size: 18px;
    margin-bottom: 25px;
    opacity: 67%;
}

.op_67 {
    opacity: 67%;
}

.profileDiv .subscribe_plane {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 17px 49px #03223112;
    margin-top: 90px;
    padding: 40px;
    margin-bottom: 20px;
}

.profileDiv .subscribe_plane h4,
.profileDiv .subscribe_plane .price_div .package_name_image .name_div p,
.profileDiv .profile_score h4 {
    font-size: 20px;
    font-family: MoskauMedium;
}

.profileDiv .subscribe_plane .price_div {
    margin-top: 26px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    border-color: rgb(102 122 132 / 13%);
}

.profileDiv .subscribe_plane .price_div .package_name_image {
    display: flex;
}

.profileDiv .subscribe_plane .price_div .package_name_image img {
    width: 45px;
}

.profileDiv .subscribe_plane .price_div .package_name_image .name_div {
    margin-left: 12px;
}

.profileDiv .subscribe_plane .price_div .package_name_image .name_div span {
    font-size: 12px;
    font-family: GelionMedium;
}

.profileDiv .subscribe_plane .price_div .price_package {
    font-size: 22px;
    font-family: MoskauMedium;
}

.profileDiv .subscribe_plane .recommended_plane {
    margin-top: 40px;
}

.profileDiv .subscribe_plane .recommended_plane .recommended_text {
    font-size: 14px;
    font-family: MoskauMedium;
    color: #ed2456;
}

.profileDiv .subscribe_plane .recommended_plane .pay_buy {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.profileDiv .subscribe_plane .recommended_plane .pay_buy .image_package {
    display: flex;
    align-items: center;
    height: 100px;
}

.profileDiv .subscribe_plane .recommended_plane .pay_buy .image_package img {
    width: 35px;
}

.profileDiv .subscribe_plane .recommended_plane .pay_buy .image_package p {
    font-size: 14px;
    font-family: MoskauMedium;
    margin-left: 8px;
}

.profileDiv .subscribe_plane .recommended_plane .select_package {
    width: 75%;
}

.profileDiv .subscribe_plane .recommended_plane .select_package ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    background: #ebeeef;
}

.profileDiv .subscribe_plane .recommended_plane .select_package ul li p {
    font-size: 12px;
    color: #022331;
    font-family: GelionMedium;
}

.profileDiv .subscribe_plane .recommended_plane .select_package ul li span {
    color: #8b9aa1;
    font-size: 10px;
    font-family: GelionMedium;
}

.profileDiv .subscribe_plane .recommended_plane .select_package ul li.active {
    background: #fff;
    padding: 10px;
    border: 1px solid;
}

.profileDiv
    .subscribe_plane
    .recommended_plane
    .select_package
    ul
    li
    span
    span {
    color: #ee2144;
    font-family: GelionMedium;
}

.profileDiv .subscribe_plane .recommended_plane .select_package button {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        313deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    width: 100%;
    color: #fff;
    padding: 10px 0px;
    border: none;
    font-size: 16px;
    font-family: MoskauMedium;
    text-transform: uppercase;
    margin-top: 14px;
}

.profileDiv .profile_score {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 17px 49px #03223112;
    padding: 40px;
}

.profileDiv .profile_score .percentage_text span {
    font-size: 32px !important;
}

.profileDiv .profile_score .percentage_text {
    color: #032231;
    font-size: 18px;
    font-family: MoskauMedium;
    opacity: 0.54;
}

.profileDiv .profile_score .progress {
    height: 5px;
}

.profileDiv .profile_score .progress .progress-bar {
    background-color: #ee2144;
}

.profileDiv .profile_score .profile_list {
    margin-top: 25px;
}

.profileDiv .profile_score .profile_list li {
    margin-bottom: 22px;
}

.profileDiv .profile_score .profile_list li p {
    font-size: 14px;
    font-family: GelionRegular;
}

.profileDiv .profile_score .profile_list li span {
    font-size: 12px;
    font-family: GelionRegular;
    opacity: 81%;
    display: block;
    line-height: 13px;
}

.btn_red_grad {
    background: transparent
        linear-gradient(302deg, #ef1d30 0%, #ed2456 61%, #ea2a7c 100%) 0% 0%
        no-repeat padding-box;
    width: 214px;
    max-width: 100%;
    color: #fff;
    padding: 10px 0px;
    border: none;
    font-size: 16px;
    font-family: MoskauMedium;
    text-transform: uppercase;
    margin-top: 14px;
    border-radius: 0;
}

.profile_agre .sec_title {
    font-size: 17px;
    letter-spacing: 0px;
    color: #0a0a0a;
    text-transform: uppercase;
    opacity: 0.9;
    font-family: GelionRegular;
}

.profile_agre {
    margin-top: 16px;
    padding: 17px 40px;
    background-color: #fff;
}

.profile_agre .sec_para {
    color: #032231;
    font-size: 16px;
    opacity: 0.81;
    font-family: GelionRegular;
}

.profileDiv .profile_score .profile_list li p i {
    color: #21b876;
}

.profileDiv .profile_score .profile_list button {
    font-size: 20px;
    font-family: MoskauMedium;
    width: 100%;
    padding: 15px 0px;
    background-color: transparent;
    border: 2px solid;
    margin-top: 30px;
}

/*************** Register - CSS ****************/
.registerAuthBox .inputDiv input {
    box-shadow: 0px 6px 16px #03223108;
}

.registerAuthBox .inputDiv .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    opacity: 1;
    width: 100%;
    justify-content: center;
}

.registerAuthBox .inputDiv .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    width: 100%;
}

.registerAuthBox .applyForMembership {
    text-align: right;
}

.registerAuthBox .applyForMembership button {
    color: #000 !important;
    margin-left: 40px;
}

main .mainBanner .registerAuthRightBox {
    height: 100%;
}

/************* Your - Order - CSS ***********/
.titleBanner {
    background-color: #fff;
    margin-top: 350px;
    padding: 0px 100px 30px;
}

.titleBanner h4 {
    font-size: 55px;
    font-family: MoskauMedium;
}

.yourOrderSection {
    padding: 0px;
    width: 100%;
    max-width: 70%;
    margin: auto;
    margin-top: 70px;
    padding-bottom: 200px;
}

.postOrderText {
    font-size: 24px;
    font-family: GelionMedium;
    color: #000;
    opacity: 45%;
    margin-bottom: 40px;
}

.completed {
    font-size: 24px !important;
    font-family: GelionMedium !important;
    color: #50774d !important;
    position: absolute;
    right: 0px;
    text-transform: uppercase;
}

/************** Expert - Detail - CSS *************/
.experDetailHeader {
    height: 600px;
}

.expertDetailProfile .editProfileBox {
    position: relative;
    top: -180px;
    z-index: 9998;
}

.expertDetailProfile {
    padding: 450px 250px 100px;
}

.recentQuestionDiv,
.recentBlog {
    padding: 50px;
    box-shadow: 0px 6px 16px #03223108;
    background-color: #fff;
    position: relative;
    top: -100px;
    margin-bottom: 80px;
}

.recentQuestionDiv h4,
.recentBlog h4 {
    font-size: 18px;
}

.recentQuestionDiv img,
.recentBlog img {
    margin-right: 15px;
}

.recentQuestionDiv .accordiansDiv .card-header button {
    font-size: 16px;
    color: #ed2456;
    font-family: GelionRegular;
}

.recentQuestionDiv .accordiansDiv .card-header {
    padding-bottom: 30px;
}

.recentBlog .bolgSection {
    padding: 0px;
    background-color: transparent;
    margin-top: 60px;
}

.recentBlog .bolgSection .blogCard {
    margin: 0px 10px;
    height: auto;
}

.recentBlog .blogCard .cardContent h4 {
    font-size: 18px;
}

.recentBlog .blogCard .cardContent p {
    font-size: 14px;
}

.recentBlog .blogCard .cardContent a {
    font-size: 16px;
}

.recentBlog .blogCard .cardContent a img,
.freeServicesSlider .relatedService .multiRelatedService .card .learnMore img {
    width: 14px;
    display: initial;
}

.recentBlog .slick-prev {
    left: initial !important;
    right: 100px !important;
    top: -65px;
}

.recentBlog .slick-next {
    right: 0px !important;
    top: -65px;
}

.recentBlog .bolgSection .blogCard .cardContent h4 {
    height: 60px;
}

.freeServicesSlider .relatedService {
    padding: 0px;
}

.freeServicesSlider .relatedService .multiRelatedService {
    max-width: 100%;
}

.freeServicesSlider .relatedService .multiRelatedService .card {
    height: auto;
    background: #fff;
    margin: 0px 10px;
}

.freeServicesSlider .relatedService .multiRelatedService .card img {
    width: 100%;
}

/*************** Expert - Detail - CSS ************/
.expertDetailProfile .hireDiv {
    position: relative;
    z-index: 999;
    background: #ffffff;
    top: -140px;
    box-shadow: 0px 6px 16px #03223108;
    opacity: 1;
    padding: 80px 40px;
}

.expertDetailProfile .hireDiv ul li {
    margin-bottom: 20px;
    border: 1px solid #707070;
    padding: 15px;
}

.expertDetailProfile .hireDiv ul li span {
    font-size: 18px;
    font-family: GelionRegular;
    margin-left: 15px;
}

.expertDetailProfile .hireDiv .btnDiv button {
    margin-top: 100px;
    padding: 5px 63px;
    border: none;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        313deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    color: #fff;
    font-size: 26px;
    font-family: MoskauMedium;
}

/****************** Payment - CSS ****************/
.paymentHeader {
    height: 600px;
}

.paymentDiv {
    padding: 350px;
    position: relative;
    background-color: #f0f2f4;
}

.thankYouPayment {
    z-index: 9999;
    position: relative;
    background: #fff;
    box-shadow: 0px 6px 16px #03223108;
    padding: 120px;
}

.thankYouPayment h2 {
    font-size: 55px;
    font-family: MoskauMedium;
    margin-bottom: 70px;
}

.thankYouPayment h2 span {
    color: #ed2149;
}

.thankYouPayment p {
    font-family: GelionRegular;
    font-size: 22px;
    color: #000;
    opacity: 67%;
    margin-bottom: 40px;
}

.thankYouPayment button {
    border: 2px solid #000000;
    opacity: 1;
    padding: 15px 40px;
    font-family: MoskauMedium;
    font-size: 26px;
    background-color: transparent;
}

/**************** About - Us - CSS ****************/
.mainBanner .aboutUsLeft h3,
.expertBanner .expertBannerLeft h3,
.fixedBanner .fixedBannerLeft h3 {
    font-size: 55px !important;
    font-family: MoskauMedium;
    margin-bottom: 85px !important;
}

.mainBanner .aboutUsLeft {
    padding-top: 410px !important;
}

.mainBanner .aboutUsLeft h3 span {
    color: #ed2149;
}

.mainBanner .aboutUsLeft p {
    font-size: 50px !important;
    margin-bottom: 0px !important;
}

.findExpert {
    background-color: #f9fafa;
    padding: 250px 200px;
}

.findExpert p {
    font-size: 24px;
    font-family: GelionRegular;
    margin-bottom: 40px;
}

.findExpert .multiBtn {
    margin-top: 150px;
}

.findExpert p:nth-child(2) {
    font-family: GelionRegular;
}

.findExpert a {
    padding: 20px;
    font-size: 26px;
    font-family: MoskauMedium;
    margin-right: 20px;
}

.findExpert .applyMemberShip {
    border: 1px solid #707070;
    color: #000;
}

.findExpert .findExpertBtn {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        313deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
    color: #fff;
}

.findExpert .aboutUs {
    background-image: none;
    padding: 0px;
}

.findExpert .aboutUs .multiBox {
    padding-left: 0px;
}

.findExpert .aboutUs .multiBox .commonBox p {
    margin-bottom: 0px;
}

.findExpert .aboutUs .multiBox .active {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        313deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 100%,
        rgba(234, 42, 124, 1) 100%
    );
}

/***************** Experts - CSS ****************/
.expertBanner .expertBannerLeft p {
    font-size: 24px !important;
    font-family: GelionRegular !important;
}

main .expertBanner .searchBox {
    bottom: 28%;
}

.multiBlog .expertCard {
    margin-bottom: 80px;
}

.multiBlog .expertCard .cardContet {
    box-shadow: 0px 18px 49px #01254814;
    background: #fff;
}

.multiBlog .expertCard .cardContet:hover .contactDiv {
    opacity: 1;
}

.multiBlog .expertCard .cardContet .cardBody,
.multiBlog .expertCard .cardContet .cardFooter {
    transition: top 0.3s linear;
    position: relative;
    top: 0px;
}

.multiBlog .expertCard .cardContet:hover .cardBody,
.multiBlog .expertCard .cardContet:hover .cardFooter {
    top: -10px;
}

.multiBlog .expertCard .cardContet .contactDiv {
    padding: 20px;
    opacity: 0;
    transition: all 0.5s;
}

.multiBlog .expertCard .cardContet .contactDiv ul {
    display: flex;
    justify-content: space-between;
}

.multiBlog .expertCard .cardContet .contactDiv ul li button {
    font-size: 11px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
}

.multiBlog .expertCard .cardContet .contactDiv ul li button img {
    width: 17px;
    margin-right: 7px;
}

.multiBlog .expertCard img {
    width: 100%;
}

.multiBlog .expertCard .cardContet .line {
    margin: 20px 0px;
}

.multiBlog .expertCard .cardContet .rating {
    margin-bottom: 30px;
    padding: 10px 30px;
}

.multiBlog .expertCard .cardContet .rating i {
    color: #efd232;
}

.multiBlog .expertCard .cardContet .rating span {
    color: #848484;
}

.multiBlog .expertCard .cardContet .cardBody,
.multiBlog .expertCard .cardContet .cardFooter {
    text-align: center;
}

.multiBlog .expertCard .cardContet .cardBody h3 {
    font-size: 38px;
    font-family: GelionRegular;
    color: #000;
}

.multiBlog .expertCard .cardContet .cardBody p {
    font-size: 18px;
    font-family: GelionRegular;
    color: #000;
}

.multiBlog .expertCard .cardContet .cardFooter p {
    color: #75858d;
    font-size: 20px;
    font-family: GelionRegular;
}

.multiBlog .expertCard .cardContet .cardFooter p span {
    color: #000;
}

/**************** Fixed - Free - CSS ***************/
.fixedBanner .fixedBannerLeft h3 span {
    color: #ed2149;
}

.fixedBanner .searchBox {
    bottom: 20% !important;
}

.freeServiceSection .selectDiv {
    width: 20%;
}

.freeRelatedService .multiRelatedService {
    max-width: 80%;
}

.freeRelatedService .multiRelatedService .card {
    margin-bottom: 50px;
}

/*************** Fixed - Free - Detail - CSS **********/
.fixedFreeDetail {
    background-color: #f6f7f8;
    padding: 250px 100px 200px;
}

.fixedFreeDetail .profileDiv {
    padding: 0px;
}

.fixedFreeDetail .buyServiceDiv {
    margin-top: 100px;
    height: 90%;
    box-shadow: 0px 18px 49px #01254814;
}

.fixedFreeDetail .buyServiceDiv .header {
    background-color: #f7f7f7;
    padding: 30px;
}

.fixedFreeDetail .buyServiceDiv .header p {
    font-family: GelionMedium;
    font-size: 18px;
}

.fixedFreeDetail .buyServiceDiv .contentDiv {
    background: #fff;
    height: 100%;
}

.fixedFreeDetail .buyServiceDiv .contentDiv ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px;
}

.fixedFreeDetail .buyServiceDiv .contentDiv ul li .userDetail img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.fixedFreeDetail .buyServiceDiv .contentDiv ul li .userDetail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fixedFreeDetail .buyServiceDiv .contentDiv ul li .userDetail .nameDesignation {
    margin-left: 10px;
}

.fixedFreeDetail
    .buyServiceDiv
    .contentDiv
    ul
    li
    .userDetail
    .nameDesignation
    h4 {
    font-size: 22px;
    font-family: GelionRegular;
}

.fixedFreeDetail
    .buyServiceDiv
    .contentDiv
    ul
    li
    .userDetail
    .nameDesignation
    p {
    color: #032231;
    font-family: GelionRegular;
    font-size: 14px;
}

.fixedFreeDetail .buyServiceDiv .contentDiv ul li .priceDiv h4 {
    color: #777777;
    font-size: 35px;
    font-family: GelionBold;
}

.fixedFreeDetail .buyServiceDiv .contentDiv ul li .priceDiv h4 span {
    font-size: 12px;
    font-family: GelionMedium;
}

.fixedFreeDetail .buyServiceDiv .contentDiv .line {
    max-width: 80%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

/********** Apply - CSS ***********/
.applyHeader {
    display: flex;
    align-items: center;
    background-color: transparent;
}

.applyHeader .breadcrum {
    width: 10%;
}

.applyHeader .logo {
    width: 90%;
    text-align: center;
}

.applyHeader .logo img {
    position: relative;
    left: -100px;
}

.applyHeader .breadcrum ul {
    display: flex;
}

.applyHeader .breadcrum ul li {
    font-size: 20px;
    font-family: MoskauMedium;
    margin-right: 5px;
}

.applyHeader .breadcrum ul li.active a,
.applyHeader .breadcrum ul li.active {
    color: #ed2456;
}

.readyToStart {
    padding: 300px 100px 100px;
    text-align: center;
    background-image: url(../img/backLayer.png);
    background-position: bottom right;
    background-size: auto;
    background-repeat: no-repeat;
}

.readyToStart .formDiv {
    margin: 40px 0px;
    text-align: left;
    width: 100%;
    max-width: 70%;
    margin: auto;
}

.readyToStart .formDiv .inputDiv {
    margin-bottom: 35px;
}

.readyToStart .formDiv .inputDiv input {
    border: 2px solid #e5e8ea;
    opacity: 1;
    width: 100%;
    padding: 23px;
    margin-bottom: 18px;
    font-family: MoskauRegular;
    font-size: 18px;
}

.readyToStart .formDiv .inputDiv label {
    font-size: 20px;
    font-family: GelionBold;
}

.readyToStart .formDiv .btnDiv {
    text-align: center;
}

.readyToStart .formDiv .btnDiv button {
    float: initial;
}

/******* Buy - Service - CSS ***********/
.serviceBuy .staper {
    margin: 250px 0px 400px;
}

.serviceBuy .secondStep,
.serviceBuy .thirdStep,
.paymentBtn {
    display: none;
}

.whoRecive .formDiv,
.paymentDetail .formDiv {
    margin-top: 100px;
}

.whoRecive .formDiv .inputDiv,
.paymentDetail .formDiv .inputDiv {
    width: 100%;
    margin-bottom: 44px;
}

.whoRecive .formDiv .inputDiv input,
.whoRecive .formDiv .inputDiv select,
.whoRecive .formDiv .inputDiv textarea,
.paymentDetail .formDiv .inputDiv input,
.paymentDetail .formDiv .inputDiv select,
.paymentDetail .formDiv .inputDiv textarea {
    box-shadow: 0px 6px 16px #01254814;
    width: 100%;
    padding: 25px;
    border: none;
    background: #fff;
    position: relative;
    font-size: 20px;
    font-family: MoskauMedium;
    color: #5d6d75;
}

.whoRecive .formDiv .inputBtnDiv button,
.paymentBtn {
    position: absolute;
    right: 30px;
    top: 22px;
    background: transparent;
    border: none;
    font-size: 18px;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-family: MoskauMedium;
    color: #ed2456;
    cursor: pointer;
}

.paymentBtn {
    position: relative !important;
    background: rgb(239, 29, 48);
    background: linear-gradient(
        270deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 70%,
        rgba(234, 42, 124, 1) 100%
    );
    font-size: 26px;
    color: #fff;
    border: none;
    font-family: MoskauMedium;
    cursor: pointer;
    width: 100%;
    max-width: 15%;
    margin: auto;
    padding: 20px;
    right: 0px;
    top: 0px;
    letter-spacing: 1px;
}

.paymentBtn:hover {
    color: #fff;
}

.serviceBuy .staper .listDiv {
    width: 100%;
    max-width: 25%;
    margin: auto;
}

.serviceBuy .staper .listDiv ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.serviceBuy .staper .listDiv ul::before {
    content: "";
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background: #0101014f;
    top: 29px;
    z-index: -1;
}

.serviceBuy .staper .listDiv li {
    display: block;
    width: 60px;
    border: 1px solid #0101014f;
    text-align: center;
    padding: 12.5px;
    border-radius: 100%;
    background-color: #fff;
    transition: all 0.5s linear;
    height: 60px;
}

.serviceBuy .staper .listDiv li a {
    font-size: 22px;
    color: #032231;
    font-family: GelionSemiBold;
}

.serviceBuy .staper .listDiv li img {
    display: none;
    position: relative;
    top: 6px;
    left: 2px;
    width: 30px;
}

.serviceBuy .staper .listDiv li.active {
    border-color: #ef1e32;
}

.serviceBuy .staper .listDiv li.active a {
    color: #ef1e32;
}

.serviceBuy .staper .listDiv li.complete {
    background-color: #ef1e32;
}

.serviceBuy .staper .listDiv li.complete img.imgWhiteTick {
    display: block;
}

.serviceBuy .staper .listDiv li.complete a,
.serviceBuy .staper .listDiv li.afterComplete a {
    display: none;
}

.serviceBuy .staper .listDiv li.afterComplete {
    border-color: #ef1e32;
}

.serviceBuy .staper .listDiv li.afterComplete .imgRedTick {
    display: block;
}

.buyNowService {
    background-color: rgb(224 229 232 / 24%);
}

.buyNowService .commonService {
    padding: 70px 90px 60px;
    box-shadow: 0px 18px 49px #01254814;
    background: #fff;
    width: 100%;
    max-width: 85%;
    margin: auto;

    margin-bottom: 50px;
}

.serviceContent {
    position: relative;
    top: -200;
}

.buyNowService .commonService h4 {
    font-size: 22px;
    font-family: GelionMedium;
    color: rgb(0 0 0 / 34%);
    text-transform: uppercase;
}

.buyNowService .orderSummary p {
    font-size: 24px;
    font-family: GelionMedium;
    margin: 33px 0px 20px;
}

.buyNowService .orderSummary span {
    font-size: 20px;
    font-family: GelionRegular;
    color: #75858d;
}

.buyNowService .orderSummary .summaryDetail {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buyNowService .orderSummary .summaryDetail p {
    font-size: 18px;
    font-family: GelionRegular;
    color: rgb(0 0 0 / 67%);
    width: 100%;
    max-width: 70%;
}

.buyNowService .orderSummary .summaryDetail .payable h2 {
    font-size: 47px;
    font-family: GelionBold;
    color: #626262;
    text-transform: uppercase;
}

.buyNowService .orderSummary .summaryDetail .payable h2 span {
    color: #7b7b7b;
    font-size: 18px;
    font-family: GelionMedium;
}

.buyNowService .commonService .line {
    background-color: hwb(0deg 44% 56% / 24%);
    width: 100%;
    height: 1px;
    margin: 40px 0px;
}

.termOfService.commonService p {
    font-size: 18px;
    font-family: GelionRegular;
    color: rgb(0 0 0 / 67%);
    width: 100%;
    max-width: 70%;
    margin: 25px 0px;
}

.termOfService .contentDiv {
    height: 900px;
    overflow: scroll;
}

.termOfService label {
    font-size: 16px;
    font-family: GelionLight;
    margin-left: 15px;
}

.termOfService .serviceBox h4 {
    color: #000;
    font-size: 18px;
    font-family: GelionMedium;
    text-transform: uppercase;
}

.serviceContent .termOfService .serviceBox p {
    font-size: 18px;
    font-family: GelionRegular;
}

.serviceContent .formBtnDiv {
    text-align: center;
    margin-top: 120px;
}

.serviceContent .formBtnDiv button {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        270deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 70%,
        rgba(234, 42, 124, 1) 100%
    );
    padding: 20px 110px;
    font-size: 26px;
    color: #fff;
    border: none;
    font-family: MoskauMedium;
    cursor: pointer;
}

.whoRecive .formDiv label,
.expiryDate label,
.applyDiv .tab-pane .inputDiv label,
.applyDiv .tab-pane .multiSelect label {
    margin-bottom: 30px;
    font-family: MoskauMedium;
    color: #5d6d75;
    font-size: 18px;
}

.paymentDetail .formDiv .inputCardDiv img {
    position: absolute;
    right: 40px;
    top: 25px;
}

.billingAddress h4 {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 30px;
}

.dropDownMenu {
    width: 170px;
    position: absolute;
    right: 0px;
    background-color: #fff;
    box-shadow: 0px 3px 6px #01254814;
    z-index: 0;
    border-radius: 4px;
    top: 35px;
    opacity: 0;
    transition: all 0.5s linear;
}

.dropDownMenu .line {
    margin: 0px;
    width: 100%;
    height: 1px;
    background: rgb(112 112 112 / 9%);
}

.dropDownMenu ul li {
    padding: 12px;
    text-align: left;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dropDownMenu ul li img {
    position: initial;
    right: initial;
    top: initial;
    height: 100%;
    width: 16px;
}

.dropDownMenu ul li span {
    display: block;
    margin-left: 10px;
}

.dropDownMenu ul li span a {
    font-size: 18px;
    font-family: MoskauMedium;
    color: #000;
}

/************** Apply - Page - CSS ***********/
.applyDiv .pillsDiv {
    background: #fff;
    box-shadow: 0px 6px 16px #03223108;
}

.applyDiv .pillsDiv ul {
    display: block;
}

.applyDiv .pillsDiv ul li a {
    padding: 20px;
    cursor: pointer;
    display: block;
}

.applyDiv .pillsDiv ul li a {
    font-size: 22px;
    font-family: MoskauRegular;
    color: #022331;
}

.applyDiv .pillsDiv ul li:hover {
    background: rgb(234, 42, 124);
    background: linear-gradient(
        90deg,
        rgba(234, 42, 124, 1) 0%,
        rgba(239, 29, 48, 1) 100%
    );
}

.applyDiv .pillsDiv ul li a.active {
    background: rgb(234, 42, 124);
    background: linear-gradient(
        90deg,
        rgba(234, 42, 124, 1) 0%,
        rgba(239, 29, 48, 1) 100%
    );
    color: #fff;
}

.applyDiv .pillsDiv ul li a {
    color: #000;
}

.applyDiv .pillsDiv ul li a:hover {
    color: #fff;
}

.contentDiv {
    background: white;
    padding: 20px;
    box-shadow: 0px 6px 16px #03223108;
}

.coverPhoto {
    text-align: center;
    width: 100%;
    max-width: 30%;
    margin: auto;
}

.contentDiv .profileBox .profileFormDiv {
    padding-bottom: 50px;
}

.contentDiv .profileBox .profileBoxHeader .profileAvatar {
    left: 43%;
}

.contentDiv .profileBox {
    box-shadow: none;
}

.applyDiv .tab-pane .commonTabDiv {
    background: #fafafa;
    padding: 30px;
}

.applyDiv .tab-pane .inputDiv {
    margin-bottom: 30px;
}

.applyDiv .tab-pane .inputDiv input,
.applyDiv .tab-pane .inputDiv textarea {
    background-color: #fff;
    padding: 25px;
    border: none;
    width: 100% !important;
    font-size: 19px;
    color: #5d6d75;
    font-family: MoskauMedium;
}

.applyDiv .contentDiv .btnDiv {
    text-align: right;
}

.applyDiv .contentDiv button {
    background: rgb(239, 29, 48);
    background: linear-gradient(
        270deg,
        rgba(239, 29, 48, 1) 0%,
        rgba(237, 36, 86, 1) 70%,
        rgba(234, 42, 124, 1) 100%
    );
    padding: 15px 80px;
    font-size: 26px;
    color: #fff;
    border: none;
    font-family: MoskauMedium;
    cursor: pointer;
    margin-top: 30px;
}

.pricingDiv {
    background: #fff;
    padding: 30px;
}

.pricingDiv .priceDivHeader {
    text-align: center;
}

.pricingDiv .priceDivHeader h4 {
    font-size: 30px;
    font-family: GelionMedium;
}

.pricingDiv .priceDivHeader p {
    font-size: 70px;
    font-family: GelionMedium;
}

.pricingDiv .priceDivHeader p span {
    font-size: 25px;
}

.pricingDiv .pricingBody p {
    font-size: 20px;
    text-align: center;
    font-family: GelionRegular;
    padding: 40px 0px;
    border-bottom: 1px solid #00000029;
}

.pricingDiv .pricingBody .listDiv ul {
    padding: 10px 0px;
}

.pricingDiv .pricingBody .listDiv ul li {
    padding: 10px 0px 25px;
    border-bottom: 1px solid #0000003b;
}

.pricingDiv .pricingBody .listDiv ul li:last-child {
    border: none;
}

.pricingDiv .pricingBody .listDiv ul li a {
    font-family: GelionRegular;
    font-size: 20px;
    color: #000;
}

.pricingDiv .pricingFooter {
    text-align: center;
}

/********** Buy Service - CSS **************/
.recommendedLawyer .buyNow .userDetail img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.recommendedLawyer .buyNow .userDetail {
    display: flex;
    align-items: center;
}

.recommendedLawyer .buyNow .userDetail h4 {
    margin: 0px;
}

.recommendedLawyer .buyNow .userDetail .userInfo {
    margin-left: 20px;
}

.recommendedLawyer .buyNow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recommendedLawyer .buyNow button {
    background: rgb(234, 42, 124);
    background: linear-gradient(
        90deg,
        rgba(234, 42, 124, 1) 0%,
        rgba(239, 29, 48, 1) 100%
    );
    border: none;
    padding: 10px 30px;
    font-size: 26px;

    font-family: MoskauMedium;
    cursor: pointer;
}

.recommendedLawyer .buyNow button a {
    color: #fff;
}

.aboutUs .multiBox .commonBox h2 {
    display: flex;
}

/************* On Boarding - CSS **************/
.on-boarding-main {
    padding: 150px 0px 0px !important;
    background-color: #fff;
}

.on-boarding-main .on-boarding-left-bar {
    height: 100vh;
    background: #fff;
    padding: 120px 50px 0px 80px;
}

.on-boarding-main .on-boarding-left-bar h3 {
    font-family: MoskauMedium;
    font-size: 40px;
    color: #032231;
}

.on-boarding-main .on-boarding-left-bar .progress-div {
    margin: 20px 0px;
}

.on-boarding-main .on-boarding-left-bar .progress-div p {
    font-size: 23px;
    color: #032231;
    font-family: MoskauMedium;
    opacity: 0.54;
}

.on-boarding-main .on-boarding-left-bar .progress-div .percentage-text {
    font-size: 38px !important;
}

.on-boarding-main .on-boarding-left-bar .progress-div .progress {
    background-color: #dee1e4;
    border-radius: 6px;
    height: 6px;
}

.on-boarding-main .on-boarding-left-bar .progress-div .progress .progress-bar {
    background-color: #ee2144;
}

.on-boarding-main .on-boarding-left-bar .tab-pills-div {
    padding: 60px 0px;
}

.on-boarding-main .on-boarding-left-bar .tab-pills-div ul {
    display: block;
}

.on-boarding-main .on-boarding-left-bar .tab-pills-div ul li a {
    background: #fafbfb;
    padding: 15px;
    font-size: 21px;
    font-family: MoskauMedium;
    display: block;
    margin-bottom: 33px;
    color: #032231;
    border-left: 3px solid #d5d5d5;
}

.imageTab {
    display: none;
    transition: all 0.5s linear;
}

.on-boarding-main
    .on-boarding-left-bar
    .tab-pills-div
    ul
    li.active
    + .imageTab {
    display: block;
    margin-bottom: 50px;
    margin-top: 20px;
}

.on-boarding-main .on-boarding-left-bar .tab-pills-div ul li.active a {
    color: #ee2144;
    border-color: #ee2144;
    font-size: 25px;
}

.on-boarding-main .pills-div-main {
    background: #f8f9f9;
    padding-top: 80px;
    height: 100%;
}

.on-boarding-main .pills-div-main .uploadBanner {
    background-color: #f0f7fa;
    height: 220px;
    position: relative;
}

.on-boarding-main .pills-div-main .upload_banner {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.user_profile_img {
    position: absolute;
    top: 0px;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    opacity: 0;
}

.on-boarding-main .pills-div-main .uploadBanner img {
    position: absolute;
    left: 80px;
    top: 12px;
    mix-blend-mode: luminosity;
}

.on-boarding-main .pills-div-main .uploadBanner .uploadImgBanner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.on-boarding-main .pills-div-main .uploadBanner .uploadImgBanner input {
    position: relative;
    top: -59px;
    opacity: 0;
    cursor: pointer;
}

.on-boarding-main .pills-div-main .uploadBanner .uploadImgBanner p {
    border: 2px solid rgb(1 1 1 / 15%);
    padding: 12px 30px;
    font-size: 20px;
    font-family: MoskauMedium;
    cursor: pointer;
}

.on-boarding-main .pills-div-main .tab-content .tab-pane {
    padding: 32px 100px;
}

.on-boarding-main .pills-div-main .profile-div {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 17px 49px #03223112;
    border: undefined solid #010101;
    opacity: 1;
}

.on-boarding-main .pills-div-main .profile-div .uploadPhoto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    top: -70px;
}

.on-boarding-main .pills-div-main .profile-div .uploadPhoto input {
    position: relative;
    top: -83px;
    cursor: pointer;
    z-index: 99999999;
    opacity: 0;
}

.on-boarding-main .pills-div-main .profile-div .uploadPhoto p {
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: contrast(0.7);
    color: #fff;
    z-index: 1;
    text-shadow: 0 0 5px #393636;
    text-align: center;
    font-size: 18px;
    font-family: MoskauMedium;
    border-radius: 100%;
}

.on-boarding-main .pills-div-main .profile-div .tabContent {
    position: relative;
}

.on-boarding-main .pills-div-main .profile-div .tabContent .formDiv {
    padding: 0px 90px 20px;
}

.on-boarding-main .pills-div-main .profile-div .tabContent .lawyerForm {
    padding: 40px 90px 20px;
}

.inputDiv {
    margin-bottom: 32px;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputDiv
    label {
    font-size: 18px;
    font-family: GelionBold;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputDiv
    label
    i {
    color: #89969b;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputDiv
    input,
.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputDiv
    textarea,
.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .multiSelect
    .select2,
.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputDiv
    select {
    border: 2px solid #e5e8ea;
    padding: 15px 18px;
    color: #607681;
    font-size: 16px;
    font-family: GelionRegular;
    width: 100%;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .multiSelect
    .select2 {
    margin-bottom: 15px;
}

.main-wrapper.active .pre_loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999999;
}

form button[type="submit"] {
    background: transparent
        linear-gradient(
            311deg,
            #ef1d30 0%,
            var(--unnamed-color-ed2456) 61%,
            #ea2a7c 100%
        )
        0% 0% no-repeat padding-box;
    background: transparent
        linear-gradient(311deg, #ef1d30 0%, #ed2456 61%, #ea2a7c 100%) 0% 0%
        no-repeat padding-box;
    border: none;
    padding: 15px 62px;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    font-family: MoskauMedium;
    cursor: pointer;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputButton
    select {
    width: 80%;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.on-boarding-main
    .pills-div-main
    .profile-div
    .tabContent
    .formDiv
    .inputButton
    button {
    background: #fff;
    color: #000;
    border: 1px solid;
    font-size: 13px;
    width: 20%;
    padding: 0px;
    height: 42px;
    margin-left: 10px;
}

.ck-editor__editable_inline {
    min-height: 143px;
}

.on-boarding-main .pills-div-main .sendApproval {
    padding: 30px 90px;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.on-boarding-main .pills-div-main .sendApproval p {
    color: #626262;
    font-size: 22px;
    font-family: GelionRegular;
    text-align: center;
}

#membership {
    padding: 30px 60px !important;
}

.multipleMemberShip .commonBox {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 18px 49px #01254814;
    opacity: 1;
    padding: 40px 25px;
}

.multipleMemberShip .commonBox .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.multipleMemberShip .commonBox .header p {
    margin-left: 18px;
    font-size: 24px;
    font-family: MoskauMedium;
}

.multipleMemberShip .commonBox .priceDiv {
    margin: 22px 0px;
}

.multipleMemberShip .commonBox .priceDiv span {
    font-size: 12px;
    color: #49616d;
    opacity: 0.84;
    font-family: GelionSemiBold;
}

.multipleMemberShip .commonBox .priceDiv .actualPrice {
    color: #032231;
    font-size: 24px;
    font-family: MoskauMedium;
}

.multipleMemberShip .commonBox .priceDiv .yearPrice span {
    font-size: 16px;
    font-family: MoskauMedium;
}

.multipleMemberShip .commonBox .packageDetail p,
.multipleMemberShip .commonBox .list_div p,
.multipleMemberShip .commonBox .list_div ul li {
    color: #49616d;
    font-size: 12px;
    font-family: GelionRegular;
}

.multipleMemberShip .commonBox .packageDetail .line {
    margin: 12px 0px;
    width: 34px;
    height: 4px;
    background: #404040 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 0.2;
}

.multipleMemberShip .commonBox .list_div ul p {
    font-family: GelionSemiBold;
    text-transform: uppercase;
}

.multipleMemberShip .commonBox .list_div ul {
    margin-bottom: 34px;
    margin-top: 12px;
    list-style: disc;
}

.multipleMemberShip .commonBox .savePrice {
    background: #ebeeef;
}

.multipleMemberShip .commonBox .savePrice li p {
    font-size: 12px;
    color: #022331;
    font-family: GelionMedium;
}

.multipleMemberShip .commonBox .savePrice li span {
    color: #8b9aa1;
    font-size: 10px;
}

.multipleMemberShip .commonBox .savePrice li span span {
    opacity: 1;
    color: #ee2144;
}

.multipleMemberShip .commonBox .savePrice ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
}

.multipleMemberShip .commonBox .savePrice ul li.active {
    background: #fff;
    padding: 10px;
    border: 1px solid;
}

.multipleMemberShip .commonBox button {
    width: 100%;
    background: transparent
        linear-gradient(
            311deg,
            #ef1d30 0%,
            var(--unnamed-color-ed2456) 61%,
            #ea2a7c 100%
        )
        0% 0% no-repeat padding-box;
    background: transparent
        linear-gradient(311deg, #ef1d30 0%, #ed2456 61%, #ea2a7c 100%) 0% 0%
        no-repeat padding-box;
    border: none;
    padding: 15px 62px;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    font-family: MoskauMedium;
    margin-top: 15px;
}

/***************** In - Sight - CSS ************/
.insight_Section {
    max-width: 100% !important;
}

.insight_Section .pills_div {
    width: 100%;
    max-width: 80%;
    margin: auto;
}

.insight_Section .pills_div ul li a {
    display: block;
    margin-right: 60px;
    font-size: 24px;
    color: #022331;
    font-family: MoskauMedium;
    opacity: 0.24;
}

.insight_Section .pills_div ul li.active a {
    opacity: 1;
    border-bottom: 3px solid #ef1e34;
}

.insight_Section .tab_div {
    margin-top: 120px;
}

.insight_Section .tab_div .overview_content {
    width: 100%;
    max-width: 80%;
    margin: auto;
}

.insight_Section .tab_div .tab-pane h3 {
    font-size: 50px;
    margin-bottom: 40px;
}

.insight_Section .tab_div .tab-pane .img_div {
    margin-bottom: 40px;
}

.insight_Section .tab_div .tab-pane .img_div .text_div {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 17px 49px #00000029;
    padding: 15px 25px;
    min-height: 105px;
}

.insight_Section .tab_div .tab-pane .img_div .text_div span {
    font-size: 14px;
    font-family: GelionBold;
    color: #032231;
    opacity: 0.45;
}

.insight_Section .tab_div .tab-pane .img_div .text_div p {
    font-size: 18px;
    font-family: MoskauMedium;
}

.popular_topics {
    background-color: #fff;
    padding: 120px 0px;
}

.popular_topics h3 {
    font-size: 50px;
    font-family: MoskauMedium;
}

.popular_topics .multi_topics {
    width: 100%;
    max-width: 80%;
    margin: auto;
    margin-top: 85px;
    margin-bottom: 150px;
}

.popular_topics .multi_topics .topics_box {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 18px 49px #01254814;
    opacity: 1;
    padding: 30px;
}

.popular_topics .multi_topics .topics_box h3 {
    font-size: 22px;
    margin: 30px 0px;
    min-height: 52px;
}

.popular_topics .multi_topics .topics_box a {
    font-size: 24px;
    color: #ed2456;
}

.tab_div .multiple_course {
    width: 100%;
    max-width: 80%;
    margin: auto;
    padding-bottom: 200px;
}

.tab_div .multiple_course .course_box {
    margin-bottom: 80px;
}

.tab_div .multiple_course .course_box .course_content {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 17px 49px #00000029;
    border: 0.4000000059604645px solid rgb(112 112 112 / 30%);
    padding: 12px 20px;
}

.tab_div .multiple_course .course_box .course_content h3 {
    font-size: 18px;
    margin-top: 15px;
    font-family: MoskauMedium;
}

.insight_article_section .cardContent .course_content h3 {
    font-size: 24;
    margin-top: 15px;
    font-family: MoskauMedium;
    margin-bottom: 30px;
}

.insight_article_section .cardContent .course_content .list_div p {
    font-size: 16px;
    font-family: GelionMedium;
    color: #000000;
}

.insight_article_section .cardContent .course_content .list_div ul {
    margin-top: 26px;
}

.insight_article_section .cardContent .course_content .list_div ul li {
    font-size: 16px;
    font-family: GelionRegular;
    color: rgb(0 0 0 / 67%);
}

.insight_article_section .cardContent .course_content .list_div ul li i {
    margin-right: 8px;
    color: #21b876;
}

.tab_div .multiple_course .course_box .course_content .course_rating,
.insight_article_section .cardContent .course_content .course_rating {
    display: flex;
    justify-content: space-between;
}

.tab_div .multiple_course .course_box .course_content .course_rating .freeBadge,
.insight_article_section
    .cardContent
    .course_content
    .course_rating
    .freeBadge {
    background: #ed2456 0% 0% no-repeat padding-box;
    font-size: 14px;
    font-family: GelionBold;
    text-transform: uppercase;
    padding: 2px 8px;
    color: #fff;
}

.tab_div .multiple_course .course_box .course_content .course_rating p,
.insight_article_section .cardContent .course_content .course_rating p {
    color: rgb(3 34 49 / 45%);
    font-family: GelionBold;
}

.tab_div .multiple_course .course_box .course_content .course_rating p i,
.insight_article_section .cardContent .course_content .course_rating p i {
    color: #efd232;
}

.tab_div .multiple_course .course_box .course_content .course_description,
.insight_article_section .cardContent .course_content .course_description {
    font-family: GelionRegular;
    font-size: 18px;
    margin-bottom: 30px;
    color: #49616d;
}

.tab_div .multiple_course .course_box .course_content .week_text,
.insight_article_section .cardContent .course_content .week_text {
    font-family: GelionRegular;
    font-size: 18px;
    color: #49616d;
}

.insight_article_section .cardContent .course_list {
    margin: 80px 0px;
    padding: 50px 0px;
    border-top: 1px solid #0000002b;
    border-bottom: 1px solid #0000002b;
    display: flex;
    justify-content: space-between;
}

.insight_article_section .cardContent .course_list .course_list_content {
    width: 18%;
    display: flex;
    align-items: center;
}

.insight_article_section .cardContent .course_list .course_list_content p {
    font-size: 12px !important;
    margin-left: 12px;
    font-family: GelionMedium;
    opacity: 0.87;
    color: #000 !important;
}

.insight_article_section .cardContent .course_content button {
    background: transparent
        linear-gradient(
            311deg,
            #ef1d30 0%,
            var(--unnamed-color-ed2456) 61%,
            #ea2a7c 100%
        )
        0% 0% no-repeat padding-box;
    background: transparent
        linear-gradient(311deg, #ef1d30 0%, #ed2456 61%, #ea2a7c 100%) 0% 0%
        no-repeat padding-box;
    border: none;
    padding: 15px 62px;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    font-family: MoskauMedium;
    margin-top: 15px;
}

/************ Insight - Article - Detail - CSS **********/
.insight_article_section {
    padding-top: 300px;
    height: auto !important;
    padding-bottom: 200px;
}

.insight_article_section .card {
    position: relative;
    left: 0px;
    top: 0px;
}

.insight_article_section .card .cardContent h4 {
    margin: 0px;
    margin-bottom: 60px;
}

.slick-prev:before,
.slick-next:before {
    content: "" !important;
    opacity: 1 !important;
}

.experts .expertSlider .slick-slide {
    height: auto !important;
}

.experts .expertSlider .slick-track {
    height: 70% !important;
}

.slick-prev {
    background-image: url(../img/leftIcon.png) !important;
    width: 70px !important;
    height: 70px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    left: -150px !important;
}

.slick-next {
    background-image: url(../img/rightIcon.png) !important;
    width: 70px !important;
    height: 70px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    right: -150px !important;
}

@media screen and (max-width: 1900px) {
    main .mainBanner .bannerLeft p {
        font-size: 45px;
    }

    main .mainBanner .bannerLeft button {
        font-size: 20px;
    }
}

@media screen and (max-width: 1800px) {
    main .mainBanner .searchBox {
        width: 70%;
    }

    main .mainBanner .bannerLeft p {
        font-size: 45px;
    }

    .mainFixedService .earning {
        padding: 100px;
    }

    .applyHeader {
        padding: 80px;
    }

    .orderSection .orderContent .orderDetaill ul li .orderInfo p {
        font-size: 20px;
    }

    .orderSection .orderContent .orderDetaill ul li .orderInfo span {
        font-size: 16px;
    }

    .orderSection .orderContent .orderDetaill ul:before {
        width: 1px;
    }
}

@media screen and (max-width: 1600px) {
    footer {
        padding: 200px 200px 70px;
    }
    .profileDiv.expertDetailProfile {
        padding: 350px 150px 100px;
    }
    .bolgSection {
        padding: 60px 90px;
    }
    .multiBlog .expertCard {
        margin-bottom: 30px;
    }
    .findExpert {
        padding: 100px 100px;
    }
    .requestInformation {
        padding: 100px 100px 200px;
    }
    .ourService,
    .experts {
        padding: 100px 0px;
    }
    .aboutUs {
        padding: 60px 0px;
    }
    .on-boarding-main .on-boarding-left-bar .tab-pills-div ul li.active a {
        font-size: 20px;
    }

    .on-boarding-main .on-boarding-left-bar h3 {
        font-size: 30px;
    }

    .on-boarding-main .on-boarding-left-bar .tab-pills-div ul li a {
        font-size: 18px;
    }

    .on-boarding-main .pills-div-main {
        padding: 0px;
    }

    .on-boarding-main .on-boarding-left-bar {
        padding: 80px 0px 0px 55px;
    }

    .orderSection .orderContent .orderDetaill ul li .orderInfo p {
        font-size: 18px;
    }

    .orderSection .orderContent .postedBy ul li a {
        font-size: 12px;
    }

    .orderSection .orderContent .multiBtn {
        bottom: -50px;
    }

    .orderSection .orderContent .orderDetaill ul li .checkedIcon,
    .orderSection .orderContent .orderDetaill ul li .numberIcon {
        width: 50px;
        height: 50px;
    }

    .orderSection .orderContent .orderDetaill ul:before {
        left: 24px;
    }

    .orderSection .orderHeader {
        padding: 10px 50px;
    }

    .orderSection .orderContent {
        padding: 20px 50px 100px;
    }

    .orderSection .orderContent h4 {
        font-size: 20px;
    }

    .recommendedLawyer .buyNow button {
        font-size: 20px;
    }

    .ourService .sliderDiv,
    .experts .sliderDiv,
    .yourOrderSection {
        max-width: 80%;
    }

    .slick-prev {
        left: -100px !important;
    }

    .ourService .sliderDiv .serviceBox:hover {
        height: 400px;
    }

    .slick-next {
        right: -100px !important;
    }

    .pricingDiv .priceDivHeader h4 {
        font-size: 25px;
    }

    .pricingDiv .priceDivHeader p {
        font-size: 50px;
    }

    .applyDiv .pillsDiv ul li a {
        padding: 15px 20px;
    }

    .applyDiv .pillsDiv ul li a,
    .orderSection .orderContent .tag {
        font-size: 18px;
    }

    .pricingDiv .pricingFooter button {
        padding: 10px 50px;
        font-size: 22px;
    }

    .tab-content .profileBox .profileFormDiv {
        max-width: 80%;
    }

    .buyNowService {
        padding: 0px 40px;
    }

    .applyDiv .contentDiv button {
        font-size: 20px;
    }

    .orderSection .orderContent .orderDescription p,
    .pricingDiv .pricingBody .listDiv ul li a,
    .pricingDiv .pricingBody p,
    .whoRecive .formDiv label,
    .expiryDate label,
    .applyDiv .tab-pane .inputDiv label,
    .applyDiv .tab-pane .multiSelect label,
    .applyDiv .tab-pane .inputDiv input,
    .applyDiv .tab-pane .inputDiv textarea,
    .paymentDetail .formDiv .inputDiv select,
    .paymentDetail .formDiv .inputDiv input,
    .whoRecive .formDiv .inputDiv input,
    .whoRecive .formDiv .inputDiv select,
    .whoRecive .formDiv .inputDiv textarea {
        font-size: 16px;
    }

    .serviceBuy .staper .listDiv {
        max-width: 35%;
    }

    .buyNowService .commonService {
        max-width: 90%;
    }

    .postAnswere button,
    .formBtn {
        margin-top: 20px;
    }

    .readyToStart .formDiv .inputDiv label {
        font-size: 18px;
    }

    .readyToStart .formDiv {
        max-width: 60%;
    }

    .multiBlog .expertCard .cardContet .contactDiv ul li button {
        font-size: 8px;
    }

    .multiBlog .expertCard .cardContet .contactDiv ul li button img {
        width: 14px;
    }

    .expertMain .searchBox {
        bottom: 25% !important;
    }

    .expertMain .searchBox .countryDiv {
        padding: 57px 28px !important;
    }

    .findExpert .multiBtn {
        margin-top: 120px;
    }

    .mainBanner .aboutUsLeft {
        padding-top: 310px !important;
    }

    .aboutUs .multiBox .commonBox {
        width: 200px;
        height: 150px;
    }

    .ourService .sliderDiv .serviceBox .line {
        bottom: -10px;
    }

    .ourService .sliderDiv .serviceBox {
        height: auto;
        padding: 10px;
    }

    .ourService .sliderDiv .serviceBox .boxHeader {
        height: 150px;
    }

    header {
        padding: 20px 50px;
    }

    .applyHeader .logo img {
        left: -80px;
        width: 250px;
    }

    .readyToStart .formDiv .inputDiv {
        margin-bottom: 20px;
    }

    .readyToStart .formDiv .inputDiv input {
        padding: 12px 18px;
        font-size: 14px;
    }

    .fixedFreeDetail .buyServiceDiv .contentDiv ul li {
        padding: 20px;
    }

    /* .findExpert .aboutUs .multiBox {
        padding-left: 100px;
    } */

    .mainBanner .aboutUsLeft h3 {
        font-size: 45px !important;
        margin-bottom: 40px !important;
    }

    .findExpert p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .mainBanner .aboutUsLeft p {
        font-size: 40px !important;
    }

    .paymentDiv {
        padding: 350px 200px;
    }

    .paymentDiv .thankYouPayment {
        padding: 120px 60px;
    }

    .paymentDiv .thankYouPayment h2 {
        font-size: 40px;
    }

    .paymentDiv .thankYouPayment button {
        font-size: 20px;
    }

    .recentBlog .bolgSection .blogCard .cardContent h4 {
        height: 80px;
        font-size: 20px;
    }

    .yourOrderSection {
        padding: 0px !important;
        padding-bottom: 200px !important;
    }

    .titleBanner {
        margin-top: 250px;
    }

    .commonCard .blogDetailCard .card .cardContent .editDiv p {
        padding: 5px 30px;
        font-size: 16px;
    }

    .mainFixedService .earning .opertionDiv .multiBtn {
        text-align: left;
    }

    .mainFixedService .earning .opertionDiv .multiBtn span {
        margin-left: 0px;
        margin-right: 20px;
    }

    .mainFixedService .earning .opertionDiv {
        margin-left: 45%;
    }

    .mainFixedService .earning .opertionDiv .availableBalance {
        padding-left: 0px;
    }

    .mainFixedService .earning .opertionDiv h4,
    .mainFixedService .earning .readingItems .commonDiv h4 {
        font-size: 45px;
    }

    .fixedServiceDiv .operationDiv .multiOption span {
        width: 120px;
        padding: 3px;
        font-size: 18px;
    }

    .profileDiv {
        padding: 180px 100px 200px;
    }

    .profileBox .profileBoxHeader .uploadCover p {
        top: 16%;
        left: 4%;
        font-size: 22px;
    }

    .orderSection .tabDiv ul li {
        padding-right: 50px;
    }

    .subHeader {
        margin-top: 50px;
    }

    .subHeader h4,
    .titleBanner h4 {
        font-size: 35px;
    }

    .orderSection {
        padding: 200px 0px 300px;
    }

    .relatedService .multiRelatedService {
        max-width: 80%;
    }

    .bolgSection .selectDiv p,
    .applyMemberShip {
        font-size: 14px !important;
    }

    .findExpert a,
    .excellence a {
        font-size: 20px !important;
        padding: 20px 40px !important;
    }

    .orderSection .orderHeader p {
        padding-right: 70px;
    }

    .mainFixedService .earning .readingItems .commonDiv {
        padding: 18px;
    }

    .bolgSection .selectDiv select,
    .orderSection .orderHeader p,
    .markedCompleted,
    .profileBox .profileFormDiv .inputDiv input,
    .profileBox .profileFormDiv .inputDiv select,
    .multiSelect .select2-container,
    .createFixedService .formDiv .uploadDiv p,
    .mainFixedService .earning .opertionDiv p,
    .mainFixedService .earning .opertionDiv .multiBtn span,
    .mainFixedService .earning .readingItems .commonDiv p,
    .mainFixedService .earning .graphDiv .graphHeader select,
    .profileDiv .editBar span,
    .expertDetailProfile .hireDiv ul li span {
        font-size: 16px;
    }

    .orderSection .orderContent .postedBy ul li {
        margin-left: 0px;
    }

    .markedCompleted {
        max-width: 75%;
        padding: 15px 0px;
    }

    .bolgSection .paginationDiv .paginationList ul li a,
    .orderSection .tabDiv ul li a,
    .orderSection .orderHeader .newOrder,
    .profileBox .profileFormDiv button,
    .expertDetailProfile .hireDiv .btnDiv button {
        font-size: 20px;
    }

    .expertDetailProfile .hireDiv .btnDiv button {
        margin-top: 50px;
    }

    .bolgSection .paginationDiv .paginationList ul li img {
        width: 40px;
    }

    .bolgSection .selectDiv {
        width: 20%;
    }

    .completed {
        font-size: 18px !important;
    }

    .blogBanner .bannerLeft {
        padding: 300px 70px 0px !important;
    }

    .requestInformation .informationContent {
        padding: 0px 0px 0px 80px;
    }

    .leatestNews .newsCard {
        margin: 0px 15px;
    }

    .excellence {
        padding: 100px 0px;
    }

    .experts .expertSlider .sliderbox .expertHeader h4 {
        font-size: 28px;
    }

    .experts .expertSlider .sliderbox .expertHeader p,
    .experts .expertSlider .sliderbox .expertAbout p {
        font-size: 16px;
    }

    .aboutUs .multiBox {
        padding-left: 250px;
    }

    .ourService h2,
    .aboutUs .multiBox .commonBox h2,
    .aboutUs .aboutUsContent h2,
    .experts h2,
    .excellence h2,
    .fixedService h2,
    .leatestNews .leatesNewContent h2,
    .requestInformation .informationContent h2,
    footer .newsLetter .newLetterContent h2,
    .commonHeading {
        font-size: 50px;
    }

    .ourService p,
    .experts p,
    .excellence a,
    .leatestNews .leatesNewContent p,
    .requestInformation .informationContent .formDiv button,
    .requestInformation .imgText .imgTextMiddle p,
    footer .newsLetter .newLetterContent p,
    .relatedService .multiRelatedService .card .cardContent h4,
    .postAnswere button,
    .formBtn {
        font-size: 20px;
    }

    .commonPara,
    .expertBanner .expertBannerLeft p {
        font-size: 20px !important;
    }

    .newsSlider .slick-next {
        left: -420px;
    }

    .newsSlider .slick-prev {
        left: -530px !important;
    }

    .answereBox .boxHeader button {
        width: 120px;
        height: 45px;
        font-size: 18px;
    }

    .ourService .sliderDiv .serviceBox h2,
    .bolgSection .blogCard .cardContent h4,
    .blogDetailCard .card .cardContent h4,
    .unanswerdDiv .questionDiv p,
    .accordiansDiv .card-header button,
    .profileDiv .editProfileBox .editProfile .userDetail h4 {
        font-size: 24px;
    }

    .leatestNews .newsCard .cardContent h4 {
        font-size: 18px;
    }

    .ourService .sliderDiv .serviceBox p,
    .aboutUs .multiBox .commonBox p,
    .blogDetailCard .card .cardContent p,
    .relatedService .multiRelatedService .card .cardContent .tag,
    .fixedFreeDetail
        .buyServiceDiv
        .contentDiv
        ul
        li
        .userDetail
        .nameDesignation
        h4 {
        font-size: 18px;
    }

    /* .blogDetailCard {
        height: 800px;
    } */

    .relatedService .multiRelatedService .card .cardFooter h4 {
        font-size: 35px;
    }

    .ourService .sliderDiv .serviceBox a,
    .leatestNews .newsCard .cardContent p,
    .leatestNews .newsCard .cardContent a,
    .mainBanner .formDiv input,
    .mainBanner .formDiv textarea,
    .blogCard .cardContent p,
    .blogCard .cardContent a,
    .blogDetailCard .card .cardContent .dateLikeDiv span,
    .blogDetailCard .card .cardContent .postedBy,
    .relatedService .multiRelatedService .card .cardContent p,
    .learnMore {
        font-size: 16px;
    }

    .ourService .sliderDiv .serviceBox a img {
        width: 12px;
        height: 12px;
    }

    main .mainBanner .searchBox {
        width: 55%;
        bottom: 2%;
    }

    main .mainBanner .clientBox {
        width: 250px;
    }

    main .mainBanner .clientBox .clientDetailBox img {
        width: 40px;
        height: 40px;
    }

    main .mainBanner .bannerLeft h3 {
        font-size: 25px;
    }

    main .mainBanner .bannerLeft p {
        font-size: 40px;
    }

    main .mainBanner .bannerLeft button {
        padding: 10px 30px;
        font-size: 20px;
    }

    main .mainBanner .searchBox div select,
    .blogDetailCard .card .cardContent .dateLikeDiv .date,
    .orderSection .orderContent .multiBtn button {
        font-size: 18px;
    }

    main .mainBanner .searchBox .expertiseDiv .btnDiv button {
        font-size: 14px;
        position: relative;
        right: -40px;
    }

    main .mainBanner .searchBox .expertiseDiv .btnDiv button img {
        width: 14px;
    }

    main .mainBanner .searchBox .countryDiv {
        padding: 35px 28px;
    }

    main .mainBanner .searchBox .expertiseDiv {
        padding: 0px 60px;
    }

    header #collapsibleNavbar .nav-item {
        padding-left: 40px;
    }

    header .navbar-brand {
        width: 300px;
    }

    header #collapsibleNavbar .nav-item .nav-link,
    .createFixedService .formDiv .inputDiv input,
    .createFixedService .formDiv .inputDiv textarea {
        font-size: 16px;
    }

    header #collapsibleNavbar .nav-item .nav-link img {
        width: 18px;
    }

    header .userDiv div.userProfile {
        width: 60px;
    }

    header .userDiv div img {
        width: 14px;
    }

    header .userDiv div.userProfile {
        height: 27px;
    }

    header .userDiv div .downIcon {
        top: 0px;
        right: 8px;
    }

    main .mainBanner .bannerLeft {
        padding: 250px 50px 0px;
    }

    footer .socialList ul li {
        width: 55px;
        height: 65px;
    }

    .contactDetail {
        padding: 150px 200px;
    }

    .contactDetail .contactBox p,
    .contactDetail .contactBox a {
        font-size: 14px;
    }

    .relatedService .multiRelatedService .card .cardContent .line,
    .fixedFreeDetail
        .buyServiceDiv
        .contentDiv
        ul
        li
        .userDetail
        .nameDesignation
        p {
        font-size: 12px;
    }

    .unanswerdDiv h4,
    .answereDiv h4,
    .createFixedService h4 {
        font-size: 30px;
    }

    .fixedFreeDetail .buyServiceDiv .contentDiv ul li .priceDiv h4 {
        font-size: 24px;
    }

    .multiBlog .expertCard .cardContet .cardBody h3 {
        font-size: 30px;
    }

    .insight_Section {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 1440px) {
    .profileDiv.expertDetailProfile {
        padding: 250px 150px 100px;
    }
    .expertDetailProfile .editProfileBox {
        top: -44px;
    }

    .experDetailHeader {
        height: 500px;
    }

    .expertDetailProfile .hireDiv {
        top: 0px;
    }

    .mainFixedService .earning .opertionDiv {
        margin-left: 60%;
        position: relative;
        left: 18px;
    }

    .mainFixedService .earning .opertionDiv .multiBtn span {
        margin-right: 0px;
    }

    .commonHeading {
        font-size: 50px;
    }

    .unanswerdDiv h4,
    .answereDiv h4 {
        font-size: 30px;
    }

    .unanswerdDiv .questionDiv {
        margin-top: 40px;
    }

    .unanswerdDiv,
    .answereDiv {
        padding: 40px 40px 100px;
    }

    .buyNowService .commonService .line {
        margin: 20px 0px;
    }

    .slick-next,
    .slick-prev {
        width: 50px !important;
        height: 50px !important;
    }

    .contactDetail .contactBox {
        height: 145px;
        padding: 0px 30px;
    }

    .contactDetail .contactBox img {
        margin-right: 10px;
        width: 30px;
    }

    .fixedBanner .searchBox {
        bottom: 12% !important;
    }

    .relatedService .multiRelatedService {
        max-width: 90%;
    }

    .mainBanner .aboutUsLeft p {
        font-size: 35px !important;
    }

    .commonPara,
    .expertBanner .expertBannerLeft p,
    .findExpert p,
    .ourService .sliderDiv .serviceBox p,
    .fixedService .serviceBox a,
    .aboutUs .multiBox .commonBox p,
    .blogDetailCard .card .cardContent p,
    .relatedService .multiRelatedService .card .cardContent .tag,
    .fixedFreeDetail
        .buyServiceDiv
        .contentDiv
        ul
        li
        .userDetail
        .nameDesignation
        h4,
    .recentBlog .bolgSection .blogCard .cardContent h4 {
        font-size: 16px !important;
    }

    .findExpert .multiBtn {
        margin-top: 80px;
    }

    .ourService .sliderDiv .serviceBox h2,
    .leatestNews .newsCard .cardContent h4,
    .bolgSection .blogCard .cardContent h4,
    .blogDetailCard .card .cardContent h4,
    .unanswerdDiv .questionDiv p,
    .accordiansDiv .card-header button,
    .profileDiv .editProfileBox .editProfile .userDetail h4 {
        font-size: 20px;
    }

    .experts .expertSlider .sliderbox .expertHeader h4,
    .fixedService .serviceBox h3 {
        font-size: 24px;
    }

    .mainFixedService .earning .opertionDiv h4,
    .mainFixedService .earning .readingItems .commonDiv h4 {
        font-size: 35px;
    }

    .mainFixedService .earning .graphDiv .graphHeader .reading p,
    .mainFixedService .earning .readingItems .commonDiv p,
    .buyNowService .orderSummary span,
    .experts .expertSlider .sliderbox .expertHeader p,
    .experts .expertSlider .sliderbox .expertAbout p,
    .dropDownMenu ul li span a {
        font-size: 14px;
    }

    .fixedService .serviceBox .priceDiv p,
    .buyNowService .commonService h4 {
        font-size: 18px;
    }

    .buyNowService .orderSummary .summaryDetail {
        margin-top: 20px;
    }

    .buyNowService .orderSummary p {
        font-size: 22px;
        margin: 10px 0px;
    }

    .excellence h2 {
        line-height: 60px;
    }

    .findExpert a,
    .excellence a {
        font-size: 18px !important;
        padding: 15px 30px !important;
    }

    main .mainBanner .searchBox {
        bottom: 5%;
    }

    .buyNowService .orderSummary .summaryDetail .payable h2 {
        font-size: 35px;
    }

    .ourService .sliderDiv .serviceBox h2,
    .leatestNews .newsCard .cardContent h4,
    .bolgSection .blogCard .cardContent h4,
    .blogDetailCard .card .cardContent h4,
    .unanswerdDiv .questionDiv p,
    .accordiansDiv .card-header button,
    .profileDiv .editProfileBox .editProfile .userDetail h4 {
        font-size: 22px;
    }

    .unanswerdDiv .questionDiv span,
    .accordiansDiv span,
    .buyNowService .orderSummary .summaryDetail .payable h2 span,
    .ourService .sliderDiv .serviceBox a,
    .leatestNews .newsCard .cardContent p,
    .leatestNews .newsCard .cardContent a,
    .mainBanner .formDiv input,
    .mainBanner .formDiv textarea,
    .blogCard .cardContent p,
    .blogCard .cardContent a,
    .blogDetailCard .card .cardContent .dateLikeDiv span,
    .blogDetailCard .card .cardContent .postedBy,
    .relatedService .multiRelatedService .card .cardContent p,
    .learnMore {
        font-size: 14px;
    }

    .multiBlog .expertCard .cardContet .cardBody h3 {
        font-size: 25px;
    }

    .postAnswere button {
        margin-top: 50px;
    }

    .callRequest .callContent .messageBox p,
    .answereDiv .accordiansDiv .card .card-body p,
    .unanswerdDiv .questionDiv .question p,
    .serviceContent .termOfService .serviceBox p,
    .termOfService.commonService p,
    .buyNowService .orderSummary .summaryDetail p,
    .multiBlog .expertCard .cardContet .cardBody p {
        font-size: 16px;
    }

    .callRequest .callContent .messageBox {
        padding: 20px;
    }

    .multiBlog .expertCard .cardContet .cardFooter p {
        font-size: 18px;
    }

    .serviceContent .formBtnDiv button {
        padding: 16px 90px;
        font-size: 18px;
    }

    .paymentBtn {
        padding: 16px 0px;
        font-size: 18px;
        max-width: 16%;
    }

    .newsSlider .slick-next {
        left: -390px;
    }

    .newsSlider .slick-prev {
        left: -470px !important;
    }

    .leatestNews .sliderDiv {
        right: -80px;
    }

    .leatestNews .leatesNewContent {
        max-width: 78%;
    }

    .ourService h2,
    .aboutUs .multiBox .commonBox h2,
    .aboutUs .aboutUsContent h2,
    .experts h2,
    .excellence h2,
    .fixedService h2,
    .leatestNews .leatesNewContent h2,
    .requestInformation .informationContent h2,
    footer .newsLetter .newLetterContent h2,
    .commonHeading {
        font-size: 40px;
    }

    .requestInformation .informationContent .formDiv input,
    .requestInformation .informationContent .formDiv textarea,
    .mainBanner .formDiv textarea,
    .mainBanner .formDiv input {
        font-size: 16px;
        padding: 15px 20px;
    }

    .expertMain .searchBox .countryDiv {
        padding: 40px 28px !important;
    }

    .expertMain .searchBox {
        bottom: 15% !important;
    }

    .requestInformation .informationContent .formDiv button,
    .mainBanner .formDiv button {
        padding: 10px 30px;
    }
}

@media (min-width: 1024px) {
    main .mainBanner .searchBox {
        position: relative;
        margin-top: -9%;
    }
}

@media screen and (max-width: 1400px) {
    .applyDiv .pillsDiv ul li a {
        font-size: 14px;
    }

    .profileDiv {
        padding: 180px 60px 200px;
    }

    .pricingDiv {
        padding: 30px 15px;
    }

    .nextBtn {
        font-size: 20px !important;
    }

    .serviceContent .formBtnDiv button {
        padding: 15px 90px;
        font-size: 20px;
    }

    .buyNowService .commonService {
        max-width: 100%;
        padding: 40px 60px;
    }

    .ourService h2,
    .aboutUs .multiBox .commonBox h2,
    .aboutUs .aboutUsContent h2,
    .experts h2,
    .excellence h2,
    .fixedService h2,
    .leatestNews .leatesNewContent h2,
    .requestInformation .informationContent h2,
    footer .newsLetter .newLetterContent h2,
    .commonHeading {
        font-size: 40px;
    }

    main .mainBanner .searchBox {
        width: 65%;
    }

    main .mainBanner .searchBox .expertiseDiv {
        padding: 0px 64px 0px 39px;
    }

    main .mainBanner .bannerLeft p {
        font-size: 35px;
    }

    header #collapsibleNavbar .nav-item {
        padding-left: 20px;
    }

    .readyToStart {
        padding: 250px 100px 100px;
    }

    .applyHeader .logo img {
        left: -50px;
    }

    .applyHeader .logo img {
        width: 300px;
    }

    .readyToStart .formDiv .inputDiv label,
    .readyToStart .formDiv .inputDiv input {
        font-size: 14px;
    }

    .fixedFreeDetail .buyServiceDiv .contentDiv ul li {
        padding: 10px;
    }

    .fixedFreeDetail {
        padding: 250px 80px 100px;
    }

    .expertBanner .expertBannerLeft p br {
        display: none;
    }

    .mainBanner .aboutUsLeft {
        padding-top: 280px !important;
    }

    .mainBanner .aboutUsLeft p {
        font-size: 30px !important;
    }

    .paymentDiv .thankYouPayment {
        padding: 60px 60px;
    }

    .expertBanner .expertBannerLeft h3 {
        font-size: 40px !important;
    }

    .registerAuthBox {
        padding-bottom: 50px !important;
    }

    .registerAuthBox .applyForMembership {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .line {
        margin: 40px 0px;
    }

    .profileBox .profileBoxHeader .profileAvatar {
        left: 45%;
    }

    .createFixedService {
        padding: 100px 100px;
    }

    .orderSection .tabContent,
    .orderSection .tabDiv,
    .mainFixedService {
        max-width: 90%;
    }

    .bolgSection .selectDiv {
        width: 23%;
    }

    .blogBanner .bannerLeft {
        padding: 280px 70px 0px !important;
    }

    .blogBanner .bannerLeft p br {
        display: none;
    }

    .contactDetail .contactBox {
        padding: 50px 15px;
    }

    .contactDetail {
        padding: 150px;
    }

    .contactDetail .contactBox img {
        margin-right: 20px;
    }

    footer .navigationWigets {
        padding-left: 60px;
    }

    .leatestNews .sliderDiv {
        right: -80px;
    }

    .newsSlider .slick-next {
        left: -320px;
    }

    .newsSlider .slick-prev {
        left: -430px !important;
    }

    .leatestNews .sliderDiv .slick-track {
        height: 550px;
    }

    .leatestNews {
        padding: 120px 0px 0px;
        overflow: hidden;
    }

    .expertBtn {
        padding: 20px 30px !important;
    }

    .excellence a {
        padding: 18px 30px;
    }

    .experts {
        padding: 150px 0px;
    }

    .aboutUs .multiBox {
        padding-left: 200px;
    }

    .aboutUs .aboutUsContent .notes {
        font-size: 20px;
    }

    .aboutUs .aboutUsContent .notes:before {
        height: 75px;
    }

    .aboutUs .aboutUsContent a {
        font-size: 18px;
    }

    .aboutUs .multiBox .commonBox {
        width: 200px;
        height: 150px;
    }

    .ourService .sliderDiv {
        max-width: 80%;
    }

    .slick-prev {
        left: -100px !important;
    }

    .slick-next {
        right: -100px !important;
    }

    main .mainBanner .bannerLeft {
        padding: 180px 55px 0px;
    }

    main .mainBanner .searchBox {
        margin-left: 5%;
        bottom: 1%;
    }

    main .mainBanner .bannerLeft p {
        margin-bottom: 30px;
    }

    .requestInformation .imgText .imgTextMiddle p,
    .applyHeader .breadcrum ul li {
        font-size: 16px;
    }

    .requestInformation .informationContent {
        padding: 0px 0px 0px 50px;
    }

    .mainFixedService .earning .readingItems .commonDiv p,
    .registerAuthBox .applyForMembership button {
        font-size: 14px !important;
    }

    .mainFixedService .earning {
        padding: 100px 60px;
    }

    .profileDiv .editProfileBox .editProfile .listDiv ul {
        max-width: 90%;
    }

    .findExpert {
        padding: 200px 100px 80px;
    }

    .newsCard .cardContent p {
        word-break: break-all;
    }
}

@media (min-width: 1400px) {
    main .mainBanner .searchBox {
        position: relative;
        margin-top: -6% !important;
    }
}

@media screen and (max-width: 1310px) {
    .mainBanner .aboutUsLeft h3,
    .expertBanner .expertBannerLeft h3,
    .fixedBanner .fixedBannerLeft h3 {
        font-size: 40px !important;
    }

    .ourService p {
        line-height: 29px;
    }

    .fixedService .serviceBox {
        padding: 25px 15px;
    }
}

@media screen and (max-width: 1200px) {
    .insight_Section .pills_div ul li a {
        font-size: 20px;
        margin-right: 30px;
    }

    .titleBanner {
        padding: 0px 40px 30px;
    }

    .insight_Section .tab_div .tab-pane h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .profileDiv .subscribe_plane .recommended_plane .pay_buy {
        display: block;
    }

    .profileDiv .subscribe_plane .recommended_plane .select_package {
        width: 100%;
    }

    #membership {
        padding: 20px !important;
    }

    .multipleMemberShip .commonBox button {
        padding: 10px 20px;
    }

    .on-boarding-main .on-boarding-left-bar {
        padding: 80px 20px 0px;
    }

    .on-boarding-main .on-boarding-left-bar .progress-div .percentage-text {
        font-size: 28px !important;
    }

    .orderSection .orderContent .orderDetaill ul li .orderInfo span {
        font-size: 14px;
    }

    .pricingDiv .priceDivHeader h4 {
        font-size: 15px;
    }

    .pricingDiv .priceDivHeader p {
        font-size: 30px;
    }

    .pricingDiv .priceDivHeader p span {
        font-size: 15px;
    }

    .pricingDiv .pricingFooter button {
        padding: 10px 40px;
        font-size: 16px;
    }

    .on-boarding-main .pills-div-main .tab-content .tab-pane {
        padding: 32px 50px;
    }

    .on-boarding-main .on-boarding-left-bar h3 br {
        display: none;
    }

    main .mainBanner .bannerLeft p {
        font-size: 28px;
    }

    main .mainBanner .bannerLeft button,
    .on-boarding-main .pills-div-main .uploadBanner .uploadImgBanner p,
    .insight_Section .tab_div .tab-pane .img_div .text_div p,
    .popular_topics .multi_topics .topics_box h3 {
        font-size: 16px;
    }

    .insight_Section {
        padding-bottom: 100px !important;
    }

    header .navbar-brand {
        width: 200px;
    }

    .serviceContent {
        top: -150px;
    }

    .serviceBuy .staper {
        margin: 250px 0px;
    }

    .buyNowService .commonService h4,
    .popular_topics .multi_topics .topics_box a {
        font-size: 18px;
    }

    .popular_topics .multi_topics .topics_box h3 {
        margin: 15px 0px;
    }

    .buyNowService .orderSummary p {
        font-size: 20px;
        margin: 20px 0px;
    }

    .buyNowService .orderSummary span,
    .buyNowService .orderSummary .summaryDetail p,
    .buyNowService .orderSummary .summaryDetail p,
    .serviceContent .termOfService .serviceBox p {
        font-size: 16px;
    }

    .buyNowService .orderSummary .summaryDetail {
        margin-top: 20px;
    }

    .multiBlog .expertCard .cardContet .contactDiv ul li button {
        font-size: 6px;
    }

    .multiBlog .expertCard .cardContet .contactDiv ul li button img {
        width: 10px;
    }

    .findExpert a,
    .excellence a {
        font-size: 16px !important;
        padding: 15px 30px !important;
    }

    .fixedFreeDetail {
        padding: 250px 30px 100px;
    }

    .multiBlog .expertCard .cardContet .cardBody h3 {
        font-size: 24px;
    }

    .findExpert .aboutUs .multiBox {
        padding-left: 0px;
    }

    .paymentDiv {
        padding: 350px 100px;
    }

    .profileDiv {
        padding: 250px 50px 200px;
    }

    .profileBox .profileBoxHeader .profileAvatar {
        left: 42%;
    }

    .orderSection .orderContent .multiBtn button {
        font-size: 14px;
    }

    .blogDetailCard .card .cardContent {
        padding: 60px;
    }

    /*
    .blogDetailCard {
        height: 750px;
    } */

    .bolgSection .multiBlog {
        max-width: 100%;
    }

    .bolgSection .blogCard .cardContent h4 {
        font-size: 20px;
    }

    .bolgSection .blogCard .cardContent h4 {
        height: 80px;
    }

    .bolgSection .selectDiv {
        width: 26%;
    }

    .contactDetail {
        padding: 150px 40px;
    }

    footer {
        padding: 200px 100px 70px;
    }

    footer .socialList ul li {
        width: 40px;
        height: 45px;
    }

    footer .socialList ul li img {
        width: 15px;
        height: 15px;
    }

    .requestInformation .informationContent {
        padding: 0px;
    }

    .newsSlider .slick-next {
        left: -250px;
    }

    .newsSlider .slick-prev {
        left: -370px !important;
    }

    .leatestNews .leatesNewContent h2,
    .requestInformation .informationContent h2,
    .popular_topics h3 {
        font-size: 40px;
    }

    .aboutUs {
        padding: 100px 0px;
    }

    .aboutUs .aboutUsContent h2 {
        font-size: 30px;
    }

    .aboutUs .aboutUsContent h5 {
        font-size: 18px;
    }

    .aboutUs .aboutUsContent .notes,
    .aboutUs .aboutUsContent p,
    .aboutUs .aboutUsContent a,
    .requestInformation .informationContent .formDiv button,
    .multiBlog .expertCard .cardContet .cardFooter p {
        font-size: 16px;
    }

    .aboutUs .aboutUsContent .notes:before {
        height: 65px;
        top: 5px;
    }

    .aboutUs .multiBox {
        padding-left: 100px;
    }

    main .mainBanner .searchBox {
        margin-left: 4%;
    }

    header {
        padding: 20px;
    }

    header #collapsibleNavbar .nav-item .nav-link,
    .requestInformation .imgText .imgTextMiddle p,
    .requestInformation .informationContent .formDiv input,
    .requestInformation .informationContent .formDiv textarea,
    .multiBlog .expertCard .cardContet .cardBody p {
        font-size: 14px;
    }

    main .mainBanner .bannerLeft {
        padding: 200px 30px 0px;
    }

    .experts .expertSlider .sliderbox .expertHeader h4,
    .fixedService .serviceBox h3,
    .ourService .sliderDiv .serviceBox h2,
    .leatestNews .newsCard .cardContent h4,
    .bolgSection .blogCard .cardContent h4,
    .blogDetailCard .card .cardContent h4,
    .unanswerdDiv .questionDiv p,
    .accordiansDiv .card-header button,
    .profileDiv .editProfileBox .editProfile .userDetail h4 {
        font-size: 18px;
    }

    .ourService .sliderDiv .serviceBox .boxHeader {
        height: 115px;
    }

    .ourService .sliderDiv .serviceBox:hover {
        height: 330px;
    }

    .dropDownMenu ul li span a,
    .fixedService .serviceBox .priceDiv p,
    .ourService .sliderDiv .serviceBox p,
    .fixedService .serviceBox a,
    .aboutUs .multiBox .commonBox p,
    .blogDetailCard .card .cardContent p,
    .relatedService .multiRelatedService .card .cardContent .tag,
    .fixedFreeDetail
        .buyServiceDiv
        .contentDiv
        ul
        li
        .userDetail
        .nameDesignation
        h4 {
        font-size: 14px;
    }

    main .mainBanner .searchBox div select,
    .blogDetailCard .card .cardContent .dateLikeDiv .date,
    .orderSection .orderContent .multiBtn button,
    .ourService p,
    .experts p,
    .excellence a,
    .leatestNews .leatesNewContent p,
    .requestInformation .informationContent .formDiv button,
    .requestInformation .imgText .imgTextMiddle p,
    footer .newsLetter .newLetterContent p,
    .relatedService .multiRelatedService .card .cardContent h4,
    .postAnswere button,
    .formBtn {
        font-size: 16px;
    }

    .ourService h2,
    .aboutUs .multiBox .commonBox h2,
    .aboutUs .aboutUsContent h2,
    .experts h2,
    .excellence h2,
    .fixedService h2,
    .leatestNews .leatesNewContent h2,
    .requestInformation .informationContent h2,
    footer .newsLetter .newLetterContent h2,
    .commonHeading {
        font-size: 30px;
    }

    main .mainBanner .searchBox {
        width: 80%;
    }

    .orderSection .orderContent .postedBy ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1060px) {
    main .mainBanner .bannerLeft p {
        font-size: 27px;
    }

    main .mainBanner .bannerLeft {
        padding: 200px 30px 0px;
    }

    main .mainBanner .bannerLeft button {
        padding: 10px 30px;
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    main .mainBanner .bannerRight {
        display: block !important;
    }
    .insight_article_section .cardContent .course_list {
        display: block;
    }

    .insight_article_section .cardContent .course_list .course_list_content {
        margin-bottom: 30px;
        width: 100%;
    }

    .tab_div .multiple_course {
        padding-bottom: 100px;
    }

    .insight_Section {
        padding-bottom: 0px !important;
    }

    .popular_topics {
        padding: 70px 0px 0px;
    }

    .insight_Section .tab_div .tab-pane .img_div img,
    .tab_div .multiple_course .course_box img {
        width: 100%;
    }

    .popular_topics .multi_topics .topics_box {
        margin-bottom: 30px;
    }

    .profileDiv .subscribe_plane {
        margin-top: 30px;
    }

    .on-boarding-main .on-boarding-left-bar {
        height: auto;
    }

    .pricingDiv .priceDivHeader p {
        font-size: 70px;
    }

    .contentDiv {
        margin-top: 40px;
    }

    .buyNowService .commonService {
        padding: 30px;
    }

    .buyNowService .commonService h4,
    .termOfService.commonService p {
        font-size: 16px;
    }

    .buyNowService .orderSummary p {
        font-size: 18px;
    }

    .buyNowService .orderSummary span,
    .buyNowService .orderSummary .summaryDetail p,
    .buyNowService .orderSummary .summaryDetail p,
    .serviceContent .termOfService .serviceBox p,
    .buyNowService .orderSummary .summaryDetail .payable h2 span {
        font-size: 14px;
    }

    .buyNowService .orderSummary .summaryDetail .payable h2 {
        font-size: 30px;
    }

    .serviceBuy .staper .listDiv {
        max-width: 60%;
    }

    .multiBlog .expertCard .cardContet .contactDiv {
        width: 100%;
        max-width: 50%;
        margin: auto;
    }

    header .navbar-brand {
        width: 200px;
    }

    .applyHeader {
        padding: 20px;
    }

    .readyToStart {
        padding: 200px 100px 100px;
    }

    .fixedFreeDetail .fixedDiv {
        padding: 0px !important;
    }

    .findExpert .aboutUs {
        margin-top: 100px;
    }

    .findExpert .aboutUs .multiBox {
        justify-content: center;
    }

    main .aboutBanner .bannerRight,
    .expertBanner .bannerRight {
        display: none;
    }

    .paymentHeader {
        height: 350px;
    }

    .paymentDiv {
        padding: 200px 100px;
    }

    .completed {
        font-size: 14px !important;
        padding: 10px !important;

        top: 80px;
    }

    .mainFixedService .earning .opertionDiv {
        margin-left: 0px;
        text-align: center;
    }

    .mainFixedService .earning .opertionDiv .multiBtn,
    .mainBanner .aboutUsLeft,
    .expertBanner .expertBannerLeft {
        text-align: center;
    }

    .expertBanner .expertBannerLeft h3 {
        margin-bottom: 40px !important;
    }

    .mainFixedService .earning .readingItems .commonDiv {
        margin-bottom: 20px;
        text-align: center;
    }

    .createFixedService {
        padding: 50px;
    }

    .mainFixedService {
        max-width: 100%;
    }

    .createFixedService .formDiv .inputDiv select {
        width: 100% !important;
    }

    .fixedServiceDiv .operationDiv .multiOption span {
        width: 90px;
        font-size: 14px;
    }

    .fixedDiv {
        padding: 300px 50px 200px !important;
    }

    .fixedServiceDiv {
        max-width: 100%;
    }

    .fixedServiceDiv .banner .tagLine {
        padding: 15px 30px;
    }

    .profileDiv {
        padding: 120px 100px 200px;
    }

    .profileBox .profileBoxHeader .profileAvatar {
        left: 40%;
    }

    .profileBox .profileBoxHeader .uploadCover p {
        top: 19%;
        left: 10%;
        font-size: 20px;
    }

    .profileBox .profileBoxHeader .uploadCover {
        width: 100%;
        max-width: 230px;
    }

    .markedCompleted {
        max-width: 35%;
        left: 0px;
        padding: 10px 0px;
    }

    .orderSection .orderContent .postedBy {
        text-align: left;
        margin-top: 50px;
    }

    .orderSection .orderContent .postedBy p {
        left: 0px !important;
    }

    .orderSection .orderContent .postedBy ul li {
        justify-content: flex-start;
    }

    .orderSection .orderHeader {
        padding: 15px 40px;
    }

    .orderSection .orderContent {
        padding: 30px 40px 150px;
    }

    .orderSection {
        padding: 300px 0px 300px;
    }

    .orderSection .orderContent .postedBy .userDiv {
        justify-content: flex-start;
    }

    .relatedService .multiRelatedService .card {
        margin-bottom: 50px;
    }

    .blogDetailCard .card {
        top: -200px;
    }

    .bolgSection .paginationDiv {
        margin-top: 0px;
        max-width: 100%;
    }

    .bolgSection .paginationDiv .paginationList ul {
        justify-content: center;
    }

    .bolgSection .selectDiv {
        width: 35%;
    }

    .blogBanner .bannerLeft {
        text-align: center;
    }

    .contactDetail .contactBox {
        margin-bottom: 30px;
    }

    .contactBanner .bannerRight,
    .commonBanner .bannerRight,
    main .mainBanner .registerAuthRightBox {
        display: none;
    }

    .contactBanner .bannerLeft,
    .commonBanner .bannerLeft {
        position: relative !important;
        top: initial;
        left: initial !important;
        padding: 230px 0px 0px !important;
    }

    .commonBanner .bannerLeft {
        padding-bottom: 120px !important;
    }

    .contactBanner .bannerLeft .row,
    .commonBanner .bannerLeft .row {
        height: initial !important;
    }

    .contactBanner,
    .contactBanner .container-fluid,
    .contactBanner .container-fluid .row,
    .commonBanner,
    .commonBanner .container-fluid,
    .commonBanner .container-fluid .row,
    .registerBanner .container-fluid,
    .registerBanner .container-fluid .row,
    .registerBanner {
        height: auto !important;
    }

    .registerAuthBox .applyForMembership {
        justify-content: flex-end;
    }

    .registerAuthBox .iti--allow-dropdown {
        width: 100%;
        margin-bottom: 20px;
    }

    .registerAuthBox .iti--allow-dropdown input {
        margin-bottom: 20px;
    }

    .registerAuthBox {
        position: relative !important;
    }

    footer .navigationWigets {
        padding-left: 0px;
    }

    footer .socialList ul {
        justify-content: center;
    }

    footer .newsLetter .newLetterContent,
    footer .footerWiget {
        text-align: center;
    }

    footer .footerWiget {
        margin: 20px 0px;
    }

    .requestInformation .imgText .imgTextMiddle p {
        font-size: 24px;
    }

    .requestInformation .informationContent {
        text-align: center;
        margin-bottom: 100px;
    }

    .requestInformation {
        padding: 120px 20px;
    }

    .newsSlider .slick-next {
        left: initial !important;
        right: -50px !important;
    }

    .newsSlider .slick-prev {
        left: -50px !important;
    }

    .leatestNews .sliderDiv {
        right: initial;
        position: initial;
        width: 100%;
        max-width: 70%;
        margin: auto;
    }

    .leatestNews .leatesNewContent {
        margin-right: auto !important;
        text-align: center;
        margin-bottom: 60px;
    }

    .fixedService {
        padding: 100px 0px;
    }

    .aboutUs .aboutUsContent .notes:before {
        height: 40px;
    }

    .aboutUs .row {
        flex-direction: column-reverse;
    }

    main .mainBanner .searchBox {
        position: relative;
        width: 100%;
        margin-left: 0%;
        bottom: 0%;
        margin-top: 100px;
    }

    .mobileHide {
        display: none !important;
    }

    main .mainBanner .searchBox.desktopHide {
        display: flex !important;
    }

    main .mainBanner {
        height: 100vh;
        width: 100%;
    }

    main .mainBanner .container-fluid {
        width: 100%;
        height: 100%;
    }

    main .mainBanner .container-fluid .row {
        height: 100%;
    }

    main .mainBanner .container-fluid .bannerRight img {
        object-fit: cover;
        height: 100%;
    }

    main .mainBanner .row,
    main .mainBanner .bannerRight img {
        height: auto;
    }

    main .mainBanner .clientBox {
        display: none;
    }

    main .mainBanner .bannerLeft {
        padding: 230px 40px 0px;
        position: absolute;
        z-index: 999;
        width: 100%;
        left: 0px;
    }

    header #collapsibleNavbar .nav-item {
        padding-left: 5px;
    }

    header .navbar {
        padding: 0px;
    }

    header #collapsibleNavbar .nav-item .nav-link,
    .fixedServiceDiv .banner .tagLine .textDiv span,
    .fixedServiceDiv .banner .tagLine .priceText h4 span {
        font-size: 12px;
    }

    .ourService {
        padding: 150px 0px;
    }

    .fixedServiceDiv .operationDiv {
        padding: 40px;
    }

    .fixedServiceDiv .contentDiv {
        padding: 0px 40px 40px;
    }

    .ourService h2,
    .experts h2,
    .fixedService h2,
    .excellence h2,
    footer .newsLetter .newLetterContent h2,
    .commonHeading,
    .fixedServiceDiv .banner .tagLine .priceText h4 {
        font-size: 40px;
    }

    footer {
        padding: 200px 0px 70px;
    }

    footer .copyRight ul li a {
        font-size: 12px;
    }

    .ourService p,
    .experts p {
        max-width: 90%;
        font-size: 16px;
    }

    .slick-prev,
    .slick-next {
        width: 40px !important;
        height: 40px !important;
    }

    .slick-prev {
        left: -50px !important;
    }

    .slick-next {
        right: -50px !important;
    }

    .blogDetailBanner {
        height: 400px !important;
    }

    .fixedServiceDiv .banner .tagLine .textDiv p,
    .fixedServiceDiv .operationDiv p {
        font-size: 18px;
    }

    .paymentBtn {
        max-width: 25%;
    }

    .insight_article_section .card {
        top: -100px !important;
    }
    .blogBanner .bannerLeft {
        position: absolute !important;
        left: 0px !important;
    }
    main .mainBanner.contactBanner .bannerRight {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .profileBox .profileBoxHeader .uploadCover.uploadCoverBg {
        height: 180px;
    }

    .uploadProfileP {
        width: 130px !important;
        height: 130px;
        transform: translateY(-63px);
    }

    .profileBox .aboutProfile {
        padding: 0px;
    }

    .insight_article_section {
        padding-top: 150px;
    }

    .insight_article_section .card {
        left: 0px !important;
        top: 0px !important;
    }

    .insight_article_section .card .cardContent h4 {
        margin-top: 10px !important;
    }

    .on-boarding-main .pills-div-main .tab-content .tab-pane,
    .on-boarding-main .pills-div-main .profile-div .tabContent .formDiv {
        padding: 20px;
    }

    .contactDetail .contactBox {
        height: auto;
    }

    .paymentBtn {
        max-width: 35%;
    }

    .whoRecive .formDiv .inputBtnDiv button {
        font-size: 12px;
        letter-spacing: 2px;
        top: 28px;
    }

    .termOfService.commonService p {
        max-width: 100%;
    }

    .serviceContent {
        top: -200px;
    }

    .serviceBuy .staper {
        margin: 150px 0px 350px;
    }

    .multiBlog .expertCard .cardContet .contactDiv {
        width: 100%;
        max-width: 70%;
        margin: auto;
    }

    .readyToStart .formDiv {
        max-width: 90%;
    }

    .findExpert .multiBtn {
        display: flex;
        flex-direction: column;
    }

    .findExpert .multiBtn a {
        margin: 20px 0px;
        text-align: center;
    }

    .findExpert {
        padding: 100px 50px;
    }

    .paymentDiv .thankYouPayment h2 {
        font-size: 30px;
    }

    .thankYouPayment p br {
        display: none;
    }

    .thankYouPayment p {
        font-size: 18px;
    }

    .paymentDiv .thankYouPayment button {
        font-size: 16px;
    }

    .paymentHeader {
        z-index: 999;
    }

    .experDetailHeader {
        height: 350px !important;
        z-index: 0 !important;
    }

    .yourOrderSection {
        max-width: 90%;
    }

    .titleBanner {
        margin-top: 150px !important;
        padding: 0px 20px 30px;
    }

    .createFixedService,
    .mainFixedService .earning .graphDiv {
        padding: 50px 20px;
    }

    .createFixedService h4 {
        font-size: 22px;
    }

    .ourService h2,
    .experts h2,
    .fixedService h2,
    .excellence h2,
    footer .newsLetter .newLetterContent h2,
    .commonHeading,
    .fixedServiceDiv .banner .tagLine .priceText h4 {
        font-size: 30px;
    }

    .unanswerdDiv,
    .answereDiv {
        padding: 50px 40px 150px;
    }

    .profileDiv {
        padding: 100px 50px 200px;
    }

    .line {
        margin: 40px 0px;
    }

    .profileBox .profileBoxHeader .profileAvatar {
        left: 38%;
    }

    .orderSection .orderContent .postedBy {
        text-align: left;
        margin-top: 50px;
    }

    .orderSection .orderContent .postedBy p {
        left: 0px;
    }

    .orderSection .orderContent h4 br {
        display: none;
    }

    .orderSection {
        padding: 300px 0px 100px;
    }

    .orderSection .orderHeader .newOrder,
    .orderSection .orderHeader p {
        padding-right: 0px;
    }

    .orderSection .orderHeader {
        justify-content: space-between;
    }

    .blogDetailCard .card {
        max-width: 90%;
        left: 5%;
    }

    .blogDetailCard .card .cardContent h4 {
        margin-top: 50px;
    }

    .blogDetailCard .card .cardContent {
        padding: 60px 30px;
    }

    .bolgSection {
        padding: 60px 40px;
    }

    .bolgSection .selectDiv {
        width: 70%;
    }

    main .contactBanner .bannerLeft,
    main .commonBanner .bannerLeft {
        padding: 150px 0px 0px !important;
    }

    main .commonBanner .bannerLeft {
        padding-bottom: 120px !important;
    }

    .contactDetail .contactBox {
        display: block;
        text-align: center;
        padding: 20px 15px;
    }

    .contactDetail .contactBox img {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .excellence h2 {
        line-height: 50px;
    }

    .fixedService .sliderDiv,
    .leatestNews .sliderDiv {
        max-width: 80%;
    }

    footer .newsLetter {
        padding: 20px 0px;
    }

    footer .copyRight ul {
        display: block;
        text-align: center;
    }

    .requestInformation .imgText .imgTextMiddle p {
        font-size: 15px;
    }

    .aboutUs .aboutUsContent .notes:before {
        height: 65px;
    }

    .aboutUs .aboutUsContent {
        padding: 0px;
        padding-bottom: 70px;
    }

    main .mainBanner .bannerLeft {
        padding: 230px 40px 0px;
    }

    header .navbar-brand {
        padding: 0px 10px;
    }

    header #collapsibleNavbar .nav-item .nav-link {
        color: #fff;
        padding: 15px;
    }

    main .mainBanner .searchBox .expertiseDiv .btnDiv {
        width: 100%;
    }

    header {
        z-index: 99999999999999;
        padding: 20px 0px;
    }

    header .userDiv {
        display: none;
    }

    header .navbar-toggler {
        padding: 3px 10px;
        margin-right: 10px;
    }

    header #collapsibleNavbar {
        background: rgb(234, 42, 124);
        background: linear-gradient(
            90deg,
            rgba(234, 42, 124, 1) 0%,
            rgba(239, 29, 48, 1) 100%
        );
    }

    header #collapsibleNavbar .navbar-nav {
        align-items: initial;
    }

    .experts,
    .excellence {
        padding: 60px 0px;
    }

    .experts .expertSlider .sliderbox .expertHeader h4,
    .unanswerdDiv h4,
    .answereDiv h4 {
        font-size: 24px;
    }

    .leatestNews .leatesNewContent {
        max-width: 90%;
    }

    .leatestNews .newsCard .cardContent h4,
    .unanswerdDiv .questionDiv p,
    .accordiansDiv .card-header button,
    .postAnswere button,
    .postAnswere textarea,
    .formBtn {
        font-size: 18px;
    }

    .leatestNews .newsCard .cardContent .date {
        max-width: 120px;
    }

    .bolgSection .selectDiv p,
    .unanswerdDiv .questionDiv span,
    .accordiansDiv span,
    .answereDiv .accordiansDiv .card .card-body p {
        font-size: 14px;
    }

    .leatestNews .newsCard .cardContent .date p {
        font-size: 12px;
    }

    .relatedService .multiRelatedService {
        max-width: 90%;
    }

    .subHeader nav {
        justify-content: flex-end;
        margin-right: 40px;
    }

    .answereBox .boxHeader .profileAnswereDiv h4 {
        font-size: 20px;
    }

    .unanswerdDiv,
    .answereDiv {
        margin-top: 40px;
    }
}

@media screen and (max-width: 580px) {
    footer .newsLetter .formDiv button {
        right: 40px;
        padding: 0px;
    }

    .profileDiv .editProfileBox .editProfile .listDiv ul {
        flex-direction: column;
    }

    .profileDiv .editProfileBox .editProfile .listDiv ul li {
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .profileDiv .editProfileBox .editProfile .line {
        margin: 0px 0px;
    }

    .profileDiv .editProfileBox .editProfile .editProfileContent h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .insight_Section .tab_div {
        margin: 0px;
    }

    .insight_Section .pills_div ul li a {
        font-size: 12px;
        margin-right: 12px;
        margin-bottom: 20px;
    }

    .on-boarding-main {
        padding: 60px 0px 0px !important;
    }

    .recommendedLawyer .buyNow {
        display: block;
    }

    .recommendedLawyer .buyNow .userDetail {
        margin-bottom: 30px;
    }

    .paymentBtn {
        max-width: 60%;
        padding: 15px 30px;
    }

    .serviceBuy .staper .listDiv li img {
        width: 20px;
    }

    .buyNowService {
        padding: 0px 20px;
    }

    .serviceContent {
        top: -150px;
    }

    .serviceBuy .staper .listDiv li {
        width: 40px;
        height: 40px;
        padding: 6px;
    }

    .serviceBuy .staper .listDiv ul::before {
        top: 20px;
    }

    .serviceBuy .staper .listDiv li a {
        font-size: 16px;
    }

    .serviceContent .formBtnDiv {
        margin-top: 50px;
    }

    .serviceBuy .staper {
        margin: 150px 0px 250px;
    }

    .multiBlog .expertCard .cardContet .contactDiv {
        width: 100%;
        max-width: 90%;
        margin: auto;
    }

    .findExpert .multiBtn {
        margin-top: 20px;
    }

    .excellence a {
        display: block;
        margin-bottom: 30px !important;
        width: 100%;
        max-width: 80%;
        margin: auto;
    }

    .expertMain .searchBox .countryDiv {
        padding: 35px 28px !important;
    }

    .applyHeader .breadcrum ul {
        left: -30px;
        top: 10px;
        position: relative;
    }

    .applyHeader .logo img {
        left: 0px;
    }

    .readyToStart {
        padding: 150px 20px 100px;
    }

    .applyHeader .logo img {
        width: 200px;
    }

    .applyHeader {
        flex-direction: column-reverse;
    }

    .fixedFreeDetail .buyServiceDiv .contentDiv {
        height: auto;
    }

    .fixedFreeDetail {
        padding: 150px 30px 100px !important;
    }

    .findExpert {
        padding: 60px 20px;
    }

    .findExpert .aboutUs {
        margin-top: 50px;
    }

    .paymentDiv {
        padding: 200px 20px;
    }

    .paymentDiv .thankYouPayment {
        padding: 60px 20px;
    }

    .relatedService .multiRelatedService .card .cardContent {
        padding: 20px 10px;
    }

    .experDetailHeader {
        height: 300px !important;
        z-index: 0 !important;
    }

    .registerAuthBox .applyForMembership span,
    .registerAuthBox .applyForMembership button {
        font-size: 10px !important;
    }

    main .mainBanner .registerAuthBox {
        padding: 200px 0px 50px !important;
    }

    .profileDiv .editProfileBox .editProfile .listDiv ul {
        max-width: 100%;
    }

    .recentQuestionDiv,
    .recentBlog {
        padding: 50px 20px;
    }

    .recentQuestionDiv h4,
    .recentBlog h4 {
        font-size: 14px;
    }

    .recentBlog .slick-next,
    .recentBlog .slick-prev {
        top: -30px;
    }

    .recentBlog .slick-prev {
        right: 60px !important;
    }

    .profileDiv .editProfileBox .editProfile .listDiv ul li span {
        font-size: 10px;
    }

    .profileDiv .editProfileBox .editProfile {
        padding: 100px 20px;
    }

    .profileDiv .editProfileBox .editProfile .avatar {
        position: relative;
        top: -40px;
    }

    .profileDiv .editProfileBox .editProfile .avatar img {
        width: 100px;
    }

    .profileDiv .editProfileBox .editProfile .userDetail {
        top: -10px;
    }

    .createBlog .formDiv .uploadDiv p {
        width: 60%;
    }

    .blogDetailCard .card .cardContent .dateLikeDiv .date {
        margin-right: 12px;
    }

    .commonCard .blogDetailCard .card .cardContent .dateLikeDiv {
        display: block;
    }

    .commonCard .blogDetailCard .card .cardContent .editDiv p {
        max-width: 60%;
        margin-top: 30px;
        width: 100%;
        text-align: center;
    }

    .mainFixedService .earning .opertionDiv .multiBtn {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mainFixedService .earning .opertionDiv .multiBtn span {
        margin: 0px;
        margin-bottom: 20px;
    }

    .mainFixedService .earning {
        padding: 50px 30px;
    }

    .mainFixedService .earning .graphDiv {
        padding: 20px;
    }

    .mainFixedService .relatedService {
        padding-bottom: 0px;
    }

    .fixedDiv {
        padding: 250px 20px 200px !important;
    }

    .fixedServiceDiv .operationDiv,
    .fixedServiceDiv .banner .tagLine {
        display: block;
    }

    .fixedServiceDiv .operationDiv .multiOption span {
        margin-left: 0px;
        margin-right: 20px;
        margin-top: 20px;
    }

    .answereBox .questioner,
    .callRequest .callContent .requestBox .contactDiv {
        margin-left: 0px;
    }

    .profileDiv {
        padding: 100px 20px 200px;
    }

    .approve {
        letter-spacing: 0px;
        color: #032231;
        opacity: 0.72;
        font-size: 17px;
        font-family: MoskauMedium;
    }

    .profileBox .profileFormDiv {
        max-width: 90%;
    }

    .profileBox .profileBoxHeader .profileAvatar {
        left: 20% !important;
    }

    .applyDiv .tab-pane .commonTabDiv {
        padding: 30px 10px;
    }

    .profileDiv h5 {
        font-size: 24px;
    }

    .markedCompleted {
        max-width: 50%;
        font-size: 14px;
    }

    .orderSection .orderContent .multiBtn {
        left: 10px;
        justify-content: flex-start;
    }

    .orderSection {
        padding: 250px 0px 100px;
    }

    .subHeader h4 {
        font-size: 30px;
    }

    .orderSection .orderHeader {
        padding: 15px;
    }

    .orderSection .orderContent {
        padding: 30px 20px 150px;
    }

    .orderSection .tabContent,
    .orderSection .tabDiv {
        max-width: 100%;
    }

    .orderSection .tabDiv ul li {
        padding-right: 20px;
    }

    .orderSection .orderHeader .newOrder,
    .orderSection .tabDiv ul li a,
    .mainFixedService .earning .graphDiv .graphHeader .reading h4 {
        font-size: 16px;
    }

    /* .blogDetailCard {
        height: 950px;
    } */

    .blogDetailCard .card .cardContent .dateLikeDiv .date,
    .orderSection .orderHeader p,
    .unanswerdDiv .questionDiv .question p,
    .mainFixedService .earning .graphDiv .graphHeader .reading p,
    .blogDetailCard .card .cardContent .dateLikeDiv span {
        font-size: 14px;
    }

    .blogDetailCard .card .cardContent h4 br {
        display: none;
    }

    .answereBox .boxHeader button {
        width: 50px;
        height: 30px;
        font-size: 12px;
    }

    .fixedServiceDiv .contentDiv {
        padding: 0px 20px 40px;
    }

    .answereBox .boxHeader .profileAnswereDiv h4,
    .fixedServiceDiv .contentDiv p,
    .fixedServiceDiv .contentDiv ul li {
        font-size: 16px;
    }

    .bolgSection .paginationDiv .paginationList ul {
        justify-content: space-between;
    }

    .bolgSection .paginationDiv .paginationList ul li {
        padding-left: 0px;
    }

    .bolgSection .paginationDiv .paginationList ul li img {
        width: 40px;
    }

    .bolgSection .paginationDiv .paginationList ul li a {
        font-size: 18px;
    }

    .bolgSection .selectDiv {
        width: 100%;
    }

    .commonHeading {
        text-align: center;
    }

    .requestInformation {
        padding: 60px 0px 150px;
    }
    footer .newsLetter .formDiv input {
        font-size: 14px;
    }
    .requestInformation .imgText .imgTextMiddle p {
        font-size: 11px;
    }
    .requestInformation .inputDiv {
        margin-bottom: 0px;
    }
    .experts .expertSlider .slick-track {
        height: 58% !important;
    }

    .aboutUs .multiBox .commonBox {
        width: 150px;
        height: 100px;
    }

    .aboutUs .aboutUsContent {
        max-width: 85%;
    }

    .aboutUs .multiBox {
        padding-left: 0px;
        justify-content: center;
    }

    .slick-prev {
        left: -40px !important;
    }

    .slick-next {
        right: -40px !important;
    }

    .ourService p {
        max-width: 100%;
        font-size: 14px;
    }

    .ourService h2,
    .aboutUs .multiBox .commonBox h2 {
        font-size: 30px;
    }

    .excellence a {
        padding: 18px 10px !important;
        font-size: 16px !important;
    }

    .excellence h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .excellence h2 br {
        display: none;
    }

    .aboutUs .multiBox .commonBox p {
        font-size: 14px;
    }

    header .navbar-brand {
        width: 200px;
    }

    .ourService {
        padding: 60px 0px;
    }

    main .mainBanner .bannerLeft p br {
        display: none;
    }

    main .mainBanner .bannerLeft {
        padding: 150px 20px 0px;
    }
    .aboutUs {
        padding: 60px 0px;
    }
    main .mainBanner .bannerLeft p {
        font-size: 25px;
    }

    main .mainBanner .searchBox.desktopHide,
    main .mainBanner .searchBox .expertiseDiv {
        display: block !important;
    }

    main .mainBanner .searchBox .countryDiv,
    main .mainBanner .searchBox .expertiseDiv {
        width: 100%;
    }

    main .mainBanner .searchBox .expertiseDiv {
        padding: 20px 30px;
    }

    main .mainBanner .searchBox .expertiseDiv .btnDiv {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    main .mainBanner .searchBox .expertiseDiv .btnDiv button {
        width: 100%;
        right: 0px;
    }

    main .mainBanner .searchBox {
        margin-top: 50px;
    }

    .experts .sliderDiv {
        max-width: 80%;
    }

    .card .cardContent h4 {
        font-size: 20px;
    }

    .blogDetailCard .card .cardContent .dateLikeDiv .date {
        padding: 3px;
    }

    .profileDiv .editProfileBox .profileImg img {
        height: auto !important;
    }
}

/* @media screen and (max-width: 414px) {
    .buyNowService {
        height: 1750px;
    }
} */
.on-boarding-main .pills-div-main .upload_banner_img {
    position: absolute;
    left: 0px !important;
    top: -81px !important;
    width: 100%;
    height: 100%;
}

.profileAvatar {
    width: 100%;
    position: relative;
    margin: 0;
    left: 0 !important;
    bottom: 0 !important;
    border-radius: 0;
}

.profileAvatar img.cover {
    width: 100%;
    border-radius: 0;
}

.leatestNews .newsCard .cardContent .date {
    height: 32px;
}

.leatestNews .newsCard .cardContent {
    padding: 16px 15px;
}

.blogCard .cardContent .date {
    margin: 0;
    padding: 0;
    border: none;
    height: 30px;
}
/**************************** New - CSS */
.profileDiv .editProfileBox .editProfile .userDetail .userProfile {
    margin-left: 14px;
}
.profileDiv .editProfileBox .editProfile .userDetail .userProfile h4 {
    font-size: 31px;
}
.profileDiv .editProfileBox .editProfile .userDetail .userProfile .firm_name {
    font-size: 14px;
}
.social-icon {
    color: #eb276a;
}
.firm_img {
    top: 40px !important;
}
.profileDiv .editProfileBox .editProfile .listDiv ul li {
    width: 30%;
}
.contact-list li span,
.contact-list li .imgDiv i {
    color: #ea2a7c !important;
}

.toast-message {
    color: white;
}

.toast-success {
    background-color: #28a745 !important;
}
#b_image_valid {
    display: inline-block;
    position: absolute;
    bottom: 14px;
    right: 20px;
    width: 271px;
    text-align: center;
    line-height: 1;
    /* background: rgba(255, 255, 255, 0.1); */
    /* background: white;
    box-shadow: 0 0 5px 5px lightgray; */
    backdrop-filter: contrast(0.5) blur(3px);
    padding: 5px 6px;
}

#image_valid {
    position: absolute;
    bottom: -13px;
    width: 300px;
    text-align: center;
    display: inline-block;
    backdrop-filter: contrast(0.5) blur(3px);
}
#imageName {
    display: none;
}