@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&family=Wix+Madefor+Display:wght@400..800&display=swap');

.rtl{
   
  font-family: "Tajawal", sans-serif !important;
  font-weight: 400;
  font-style: normal;

}
.rtl h2,
.rtl h1,{
   
  font-family: "Tajawal", sans-serif !important;
  font-weight: 400;
  font-style: normal;

}
.rtl .banner__inner__content-title,
.rtl .filter h3{
      font-family: "Tajawal", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --header-bg-color: #fff;
    --text-color: #31245B;
    --btn-bg-color: #FF8E01;
    --banner-bg-color: #F3F6FD;
    --input-text-color: #767C8C;
}

/* Header Section Start */
.header {
    align-items: center;
    justify-content: space-between;
    background-color: var(--header-bg-color);
    height: 72px;
}

.header .email-box {
    display: flex;
    align-items: center;
}

.header .email-box i {
    font-size: 20px;
}

.header .email-box a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
}

.dropdown .lang-btn {
    border: 1px solid var(--Grays-G4, #EBEDF0);
    border-radius: 50px;
    padding: 8px 16px;
}

/* Header Section End */
/* nav section start */
.nav-menu{
    background: linear-gradient(rgba(243, 246, 253, 0.9), rgba(243, 246, 253, 0.9));
}
.banner{
background: linear-gradient(rgba(243, 246, 253, 0.9), rgba(243, 246, 253, 0.9));
    position: relative;
    background-size: cover;
    background-position: center;
}
.banner .row {
       overflow: hidden;
    padding-bottom: 25px;
}
section.talent .container {
    overflow: hidden;
}
.banner:after{
    content: '';
    background-image: url(../images/Banner/banner-bg.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    top: 0;
    left: 0;
}

.nav {
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.nav ul {
    margin: 0;
    padding: 0;
}

.nav ul li {
    display: inline-block;
    align-items: center;
    padding: 8px 16px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.nav ul li:hover {
    background-color: var(--text-color);
}

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

.nav ul li a {
    text-decoration: none;
    color: var(--text-color);
    font-weight: 500;
    transition: all 0.3s ease-in-out;


}

.nav .login-box .btn-Login {
    color: var(--btn-bg-color);
    font-weight: 400;
    border-radius: 50px;
    padding: 8px 26px;
}

.nav .login-box .btn-Register:hover,
.nav .login-box .btn-Login:hover {
    background-color: var(--header-bg-color);
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

.nav .login-box .btn-Register {
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 8px 26px;
    font-weight: 400;
}

/* nav section end */
/* home-text-box start */
.home-text-box {
    margin-top: 4rem;
}

.home-text-box span {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: var(--btn-bg-color);

}

.home-text-box h1 {
    font-size: 50px;
    font-weight: 700;
    text-align: left;
    text-shadow: 1px 3px 2px #00000040;
    /* text-shadow: 1px 1px 1px 0px #00000040; */

}

.home-text-box p {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin: 30px 0;
    color: var(--input-text-color);
}

.home-text-box .category-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 30px;
    padding: 5px;
    box-shadow: 0px 0px 10px 0px #0000001A;
    margin: 30px 0;

}

.home-text-box .category-box select:focus,
.home-text-box .category-box input:focus {
    box-shadow: none;
}

.footer .footer-text-box .input-group input:focus {
    box-shadow: none;
}

.home-text-box .category-box .category,
.home-text-box .category-box .jobs {
    border: none;
    color: var(--input-text-color);
    font-weight: 400;
}

.home-text-box .category-box i {
    border-right: 1px solid #0000004D;
    padding: 10px;
    margin-left: -35px;
    margin-right: 10px;
}

.home-text-box .category-box .btn-search {
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 4px 26px;
    font-weight: 400;
}

.home-text-box .category-box .btn-search:hover {
    background-color: var(--header-bg-color);
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

.home-text-box .clients-box .clients {
    margin-left: -18px;
}

.home-text-box .clients-box span {
    color: #000;
    margin-left: 15px;
}

/* home-text-box end */
/* social-madia-box start */
.social-madia-box {
    width: 500px;
    height: 500px;
    border: 1px dotted black;
    position: relative;
    border-radius: 50%;
    margin: auto;
    margin-top: 7rem;
}

.social-madia-box .facebook {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: blue;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate1 25s linear infinite;
}

@keyframes rotate1 {
    0% {
        transform: rotate(0deg) translateX(250px) rotate(0deg);
    }

    100% {
        transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

.social-madia-box .youtube {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate2 25s linear infinite;
}

@keyframes rotate2 {
    0% {
        transform: rotate(51.43deg) translateX(250px) rotate(-51.43deg);
    }

    100% {
        transform: rotate(411.43deg) translateX(250px) rotate(-411.43deg);
    }
}

.social-madia-box .tiktok {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate3 25s linear infinite;
}

@keyframes rotate3 {
    0% {
        transform: rotate(102.86deg) translateX(250px) rotate(-102.86deg);
    }

    100% {
        transform: rotate(462.86deg) translateX(250px) rotate(-462.86deg);
    }
}

.social-madia-box .tred1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 80px;
    background-color: #ffffff7a;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate4 25s linear infinite;
    z-index: 1;
}

@keyframes rotate4 {
    0% {
        transform: rotate(154.29deg) translateX(250px) rotate(-154.29deg);
    }

    100% {
        transform: rotate(514.29deg) translateX(250px) rotate(-514.29deg);
    }
}

.social-madia-box .x-twitter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate5 25s linear infinite;
}

@keyframes rotate5 {
    0% {
        transform: rotate(205.71deg) translateX(250px) rotate(-205.71deg);
    }

    100% {
        transform: rotate(565.71deg) translateX(250px) rotate(-565.71deg);
    }
}

.social-madia-box .instagram {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: linear-gradient(180deg, #6649D3 0%, #F2295B 100%);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate6 25s linear infinite;
}

@keyframes rotate6 {
    0% {
        transform: rotate(257.14deg) translateX(250px) rotate(-257.14deg);
    }

    100% {
        transform: rotate(617.14deg) translateX(250px) rotate(-617.14deg);
    }
}

.social-madia-box .tred2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 80px;
    background-color: #ffffff7a;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: rotate7 25s linear infinite;
    z-index: 1;
}

@keyframes rotate7 {
    0% {
        transform: rotate(308.57deg) translateX(250px) rotate(-308.57deg);
    }

    100% {
        transform: rotate(668.57deg) translateX(250px) rotate(-668.57deg);
    }
}



.social-madia-box .tred1 p {
    padding: 0;
    margin: 0 0 0 3px;
    font-size: 14px;
}

.social-madia-box .tred2 p {
    padding: 0;
    margin: 0 0 0 3px;
    font-size: 14px;
}

.facebook i,
.youtube i,
.tiktok i,
.x-twitter i,
.instagram i {
    color: #fff;
}

.social-madia-box .back-1 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3D3568;
    width: 403.59px;
    height: 403.59px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    margin: auto;
}

.social-madia-box .back-1 img {
    width: 100%;
    position: absolute;
    bottom: -3px;
    border-radius: 0 0 203px 207px;
    transform: rotate(1deg);
    z-index: 1;
}

.social-madia-box .back-2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #50497B;
    width: 303.59px;
    height: 303.59px;
    border-radius: 50%;

}

/* .social-madia-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 553px;
    background-image: url(../images/Icon/Border.png);
    background-size: cover;
    background-position: center;

}

.social-madia-box .Border-img {
    width: 90%;
}

.social-madia-box .facebook {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    background-color: #1078F0;
    border-radius: 50%;
    position: absolute;
    top: 2%;
    left: 20%;
    color: var(--header-bg-color);
    font-size: 20px;
    animation: circle 5s linear infinite;
}

.social-madia-box .youtube {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #FF0100;
    border-radius: 50%;
    color: var(--header-bg-color);
    font-size: 15px;
    position: absolute;
    top: 27%;
    left: 1%;
}

.social-madia-box .tiktok {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: #000000;
    border-radius: 50%;
    color: var(--header-bg-color);
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: -4%;
}

.social-madia-box .instagram {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: linear-gradient(180deg, #6649D3 0%, #F2295B 100%);

    border-radius: 50%;
    color: var(--header-bg-color);
    font-size: 18px;
    position: absolute;
    top: 40%;
    right: -4%;
}

.social-madia-box .x-twitter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 75%;
    right: 5%;
}

.social-madia-box .tred1 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff7a;
    color: #000;
    font-size: 15px;
    position: absolute;
    top: 75%;
    left: -3%;
    padding: 15px;
    border-radius: 50px;
    z-index: 2;

}

.social-madia-box .tred1 p {
    padding: 0;
    margin: 0 0 0 3px;
    font-size: 14px;
}

.social-madia-box .tred2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff7a;
    color: #000;
    font-size: 15px;
    position: absolute;
    top: 12%;
    right: -3%;
    padding: 15px;
    border-radius: 50px;
    z-index: 2;
}

.social-madia-box .tred2 p {
    padding: 0;
    margin: 0 0 0 3px;
    font-size: 14px;
}

.social-madia-box .back-1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3D3568;
    width: 453.59px;
    height: 453.59px;
    border-radius: 50%;
}

.social-madia-box .back-2 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #50497B;
    width: 353.59px;
    height: 353.59px;
    border-radius: 50%;

}

.social-madia-box .back-1 img {
    position: absolute;
    width: 90%;
    top: -25%;
    z-index: 1;
    border-radius: 0 0 10px 10px;

} */

/* social-madia-box end */
/* filter start  */
.filter {
    position: relative;
    top: 9rem;
    background-color: var(--text-color);
    border-radius: 20px;
    color: var(--header-bg-color);
    padding: 30px;
}
.filter:after {
    content: '';
    background-image: url(../images/Banner/banner-img-2.png);
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.filter h3 {
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    color: #fff;
}

.filter p {
    font-size: 15px;
    font-weight: 400;
    text-align: left;

}

.filter .filter-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 14px;
    margin: 0 auto;
    background-color: #fff;
}

.filter-img-box i {
    color: var(--btn-bg-color);
    font-size: 60px;
}

.filter h4 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
    color: #fff;
}

/* filter end  */
.dropdown-toggle::after {
    display: none;
}

/* talent  start*/
.talent {
    margin-top: 13rem;
}

.talent .talent-img-1 {
    width: 100%;
}

.talent .talent-img-1 img {
    width: 100%;
}

.talent .talent-text-box h3 {
    font-size: 32px;
    font-weight: 700;
    text-align: left;
}

.talent .talent-text-box p {

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--input-text-color);
    margin: 20px 0;

}

.talent-text-box .opt1 img,
.talent-text-box .opt2 img {
    width: 25px;
}

.talent .opt1 span,
.talent span {
    margin-right: 10px;
}

.talent h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;

}

.talent .opt1 p {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
}

.talent .opt2 {
    margin-bottom: 20px;
}

.talent .talent-text-box .job-btn {
    text-decoration: none;
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 8px 26px;
    font-weight: 400;
    margin-top: 20px;
}

.talent .talent-text-box .job-btn:hover,
.job-post .job-post-cart .job-post-cart-body .apply-box .apply-btn:hover {
    background-color: var(--header-bg-color);
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

/* talent  end*/
/* our-services start */
.our-services {
    background-color: var(--text-color);
    padding: 40px;
}

.our-services .text-box {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    color: var(--header-bg-color);
}

.our-services .text-box h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    color: #fff;
}

.our-services .text-box p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;

}

.our-services .our-services-box {
    background-color: var(--header-bg-color);
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    padding: 40px 20px;
}

.our-services .our-services-box img {
    width: 30%;
}

.our-services .our-services-box .our-services-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.our-services .our-services-box p {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;

}

/* our-services end */
/* freelancers-jobs start */
.freelancers-jobs .text-box {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}

.freelancers-jobs .text-box h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;

}

.freelancers-jobs .text-box p {
    color: var(--input-text-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;

}

.freelancers-jobs .freelancer-cart {
    box-shadow: 0px 3px 10px 0px #0000001A;
    text-align: center;
    padding: 20px;
    border-radius: 8px 8px 0 0;
}

.freelancers-jobs .freelancer-cart h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}

.freelancers-jobs .freelancer-cart p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    color: var(--input-text-color);
}

.freelancers-jobs .detail-box {
    background-color: var(--text-color);
    color: var(--header-bg-color);
    padding: 15px;
    border-radius: 0 0 8px 8px;

}

.freelancers-jobs .detail-box .detail-box-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;

}

.freelancers-jobs .freelancer-cart .freelancer-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-prev {
    left: 0px;
}

.swiper-button-next {
    right: 0px;
}

.swiper-button-prev,
.swiper-button-next {
    top: 40%;
    background-color: var(--btn-bg-color);
    color: var(--header-bg-color);
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.swiper-button-prev:after {
    content: '';
}

.swiper-button-next:after {
    content: '';
}

.swiper-pagination-bullet-active {
    background-color: var(--btn-bg-color);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
}

/* job-post start */
.job-post {
    background-color: var(--banner-bg-color);
    padding: 20px 0;
    overflow: hidden;
}

.job-post .text-box {
    width: 60%;
    text-align: center;
    margin: 0 auto;
}

.job-post .text-box h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;

}

.job-post .text-box p {

    font-size: 14px;
    font-weight: 500;
    color: var(--input-text-color);
    text-align: center;

}



.job-post .job-post-cart .job-post-img {
    width: 100%;
}

.job-post .job-post-cart .job-post-cart-body {
    width: 100%;
    border-radius: 0 0 8px 8px;
    box-shadow: 0px 3px 10px 0px #0000001A;
    background-color: var(--header-bg-color);
    padding: 10px;

}

.job-post .job-post-cart .job-post-cart-body .job-icon-box {
    justify-content: space-between;
}

.job-post .job-post-cart .job-post-cart-body .job-icon-box span {
    margin: 0 0 0 4px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: var(--text-color);

}

.job-post .job-post-cart .job-post-cart-body .job-icon-box .count-box {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #31245B1A;

}

.job-post .job-post-cart .job-post-cart-body .title h4 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin: 10px 0;
}

.job-post .job-post-cart .job-post-cart-body .date {
    justify-content: space-between;
}

.job-post .job-post-cart .job-post-cart-body .apply-box {
    justify-content: space-between;
}

.job-post .job-post-cart .job-post-cart-body .apply-box .apply-btn {
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 4px 26px;
    font-weight: 400;
}

.job-post .job-post-cart .job-post-cart-body .date span {

    font-size: 14px;
    font-weight: 500;
}

.job-post .all-job-btn {
    display: inline-flex;
    align-items: center;
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 8px 26px;
    font-weight: 400;
    margin-top: 2rem;
}

.job-post .all-job-btn:hover {
    background-color: var(--header-bg-color);
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

.job-post .all-job-btn:hover span {
    background-color: var(--btn-bg-color);
}

.job-post .all-job-btn:hover span i {
    color: var(--header-bg-color);
}

.job-post .all-job-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    background-color: var(--header-bg-color);
    border-radius: 50%;
    margin-left: 4px;
}

.job-post .all-job-btn span i {
    color: var(--btn-bg-color);
    font-size: 8px;
}

/* job-post end */
/* freelancers-jobs end */
/* latest-blogs start */
.latest-blogs .text-box {
    width: 60%;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
}

.latest-blogs .text-box h3 {

    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;

}

.latest-blogs .text-box p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: var(--input-text-color);
}

.latest-blogs .latest-blogs-cart {
    border-radius: 8px;
    width: 100%;
    box-shadow: 0px 3px 10px 0px #0000001A;
    overflow: hidden;

}

.latest-blogs .latest-blogs-cart img {
    width: 100%;

}

.latest-blogs .latest-blogs-cart .latest-blogs-cart-body {
    padding: 10px;
}

.latest-blogs .latest-blogs-cart .latest-blogs-cart-body h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;

}

.latest-blogs .latest-blogs-cart .latest-blogs-cart-body p {
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: left;
}

.swiper-wrapper {
    padding: 0 0 50px 0;
}

/* latest-blogs end */
/* business-booster start  */
.business-booster {
    background-color: var(--text-color);
    padding: 40px 0;
    color: var(--header-bg-color);
    text-align: center;
    position: relative;
}
.business-booster:after{
    content: '';
    background-image: url(../images/Banner/banner-img-3.png);
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
}
.business-booster .text-box {
    width: 60%;
    margin: 0 auto;
}

.business-booster .text-box h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    color: #fff;
}

.business-booster .text-box p {

    font-size: 14px;
    font-weight: 500;
    text-align: center;

}

.business-booster .text-box .campagin-btn {
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 10px 26px;
    font-weight: 400;
    font-size: 13px;
    margin-top: 20px;
}

.business-booster .text-box .campagin-btn:hover {
    background-color: var(--header-bg-color);
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

/* business-booster end  */
/* footer start */
.footer {
    background-color: var(--banner-bg-color);
}

.footer .footer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}

.footer .footer-head .logo img {
    width: 100%;
}

.footer .footer-head ul {
    margin: 0;
}

.footer .footer-head ul li {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--text-color);
    margin-right: 3px;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
}

.footer .footer-head ul li:hover {
    background-color: var(--header-bg-color);
    border: 2px solid var(--text-color);
}

.footer .footer-head ul li:hover a {
    color: var(--text-color);
}

.footer .footer-head ul li a {
    text-decoration: none;
    font-size: 14px;
    color: var(--header-bg-color);
}

.footer .footer-text-box {
    padding: 20px 0;
}

.footer .footer-text-box h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;

}

.footer .footer-text-box .cannect {
    display: flex;

}

.footer .footer-text-box .cannect i {
    color: var(--text-color);
    margin-right: 5px;
    margin-top: 5px;
}

.footer .footer-text-box .cannect p {
    font-size: 17px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: var(--input-text-color);
}

.footer .footer-text-box ul {
    margin: 0;
    padding: 0;
}

.footer .footer-text-box ul li {
    list-style: none;
    padding: 0 0 10px 0;
}

.footer .footer-text-box ul li a {
    text-decoration: none;
    color: var(--input-text-color);
    font-size: 17px;
    font-weight: 400;
}

.footer .footer-text-box ul li a:hover {
    color: var(--text-color);
}

.footer .footer-text-box .input-group input {
    border: 1px solid #FFFFFF;
    font-size: 16px;
    padding: 12px;
}

.footer .footer-text-box .input-group-text {
    border: 1px solid #31245B;
    background-color: var(--text-color);
    color: var(--header-bg-color);
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    padding: 12px 35px;
}

.footer .footer-text-box .input-group-text:hover {
    background-color: var(--header-bg-color);
    color: var(--text-color);
}

.footer .footer-bottum {
    padding-bottom: 10px;
}

.footer .footer-bottum .Copyright a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #19191A;
}

.footer .footer-bottum ul {
    margin: 0;
}

.footer .footer-bottum ul li {
    list-style: none;
    display: inline-block;
    padding: 8px 12px;
}

.footer .footer-bottum ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #19191A;
}

.footer .footer-bottum ul li a i {
    margin-left: 7px;
}


/* footer end */
/* mobile-menu */
.fa-bars {
    color: var(--text-color);
    font-size: 25px;
}

.m-m-head .fa-xmark {
    font-size: 25px;
    color: #000;
}

.mobile-menu {
    padding: 20px;
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width: 400px;
    height: 100%;
    z-index: 9999999;
    transition: all 0.5s ease-in-out;
    background-color: var(--header-bg-color);
}

.mobile-menu .m-m-head .logo {
    width: 130px;
}

.mobile-menu .m-m-head .logo img {
    width: 100%;
}

.mobile-menu .btn-Register {
    background-color: var(--btn-bg-color);
    color: #fff;
    border-radius: 50px;
    padding: 4px 20px;
    font-weight: 400;
    font-size: 14px;
}

.mobile-menu .btn-Login {
    color: var(--btn-bg-color);
    font-weight: 400;
    border-radius: 50px;
    padding: 4px 26px;
    font-size: 14px;
}

.mobile-menu .btn-Register:hover,
.mobile-menu .btn-Login:hover {
    background-color: var(--header-bg-color);
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

.m-m-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.mobile-menu .m-m-body ul {
    padding-left: 0;
    margin-top: 4px;
}

.mobile-menu .m-m-body ul li {
    display: block;
    margin: 0;
    padding: 10px 15px;
    background-color: var(--secend-conatainer-bg-color);
    border-radius: 10px;
    margin-bottom: 4px;
}

.mobile-menu .m-m-body ul li:hover {
    background-color: var(--text-color);
}

.mobile-menu .m-m-body ul li:hover a {
    color: var(--header-bg-color);
}

.mobile-menu .m-m-body ul li a {
    color: var(--secend-text-color);
    font-weight: 600;
    text-decoration: none;

}

.dropdown .lang-btn .fa-angle-down {
    font-size: 14px;
}

@media (max-width:1440px) {
    /* .social-madia-box {
        height: 644px;
    }

    .social-madia-box .facebook {
        top: 3%;
    }

    .social-madia-box .tiktok {
        top: 60%;
        left: -2%;
    }

    .social-madia-box .tred1 {
        top: 84%;
        left: 9%;
    }

    .social-madia-box .back-1 {
        width: 543.59px;
        height: 545.59px;
    }

    .social-madia-box .back-2 {
        width: 443.59px;
        height: 443.59px;
    } */

    .footer .footer-text-box .input-group input {
        font-size: 16px;
        padding: 15px;
    }

    /* .social-madia-box .back-1 img {
        position: absolute;
        width: 90%;
        top: -25.1%;
        z-index: 1;
        border-radius: 0 0 224px 221px;
    } */

    .footer .footer-text-box .input-group-text {
        padding: 15px 45px;
    }
}

@media (max-width:1385px) {
    /* .social-madia-box {
        height: 553px;
    }

    .social-madia-box .back-1 {
        width: 453.59px;
        height: 453.59px;
    }

    .social-madia-box .back-2 {
        width: 353.59px;
        height: 353.59px;
    } */
}

@media (max-width:1199px) {
    .home-text-box {
        margin-top: 3rem;
    }

    .home-text-box h1 {
        font-size: 40px;
    }

    .home-text-box p {
        font-size: 15px;
        margin: 25px 0;
    }

    /* .social-madia-box {
        height: 460px;
    }

    .social-madia-box .back-1 {
        width: 383.59px;
        height: 383.59px;
    }

    .social-madia-box .back-2 {
        width: 303.59px;
        height: 303.59px;
    }

    .social-madia-box .facebook {
        top: 0%;
    }

    .social-madia-box .tred1 {
        padding: 12px;
    }

    .social-madia-box .tred2 {
        padding: 12px;
    } */

    .freelancers-jobs .freelancer-cart {
        padding: 16px
    }

    .freelancers-jobs .freelancer-cart h4 {
        font-size: 18px;
        margin-top: 18px;
    }

    .freelancers-jobs .freelancer-cart p {
        font-size: 13px;
        font-weight: 400;
    }

    .freelancers-jobs .detail-box {
        padding: 12px;
    }

    .detail-box span {
        font-size: 14px;
    }

    .job-post .job-post-cart .job-post-cart-body .title h4 {
        font-size: 16px;
        margin: 6px 0;
    }

    .job-post .job-post-cart .job-post-cart-body .date span {
        font-size: 13px;
    }

    .job-post .job-post-cart .job-post-cart-body .apply-box .apply-btn {
        padding: 2px 22px;
    }

    .latest-blogs .latest-blogs-cart .latest-blogs-cart-body h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .latest-blogs .latest-blogs-cart .latest-blogs-cart-body p {
        font-size: 13px;
        line-height: 13.5px;
    }

    .footer .footer-text-box {
        padding: 15px 0;
    }

    .footer .footer-text-box h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 26px;
    }

    .footer .footer-text-box .cannect p {
        font-size: 15px;
        line-height: 20.4px;
    }

    .footer .footer-text-box ul li a {
        font-size: 15px;
    }

    .footer .footer-text-box ul li {
        padding: 0 0 6px 0;
    }


}

@media (max-width:1164px) {
    .social-madia-box {
        width: 400px;
        height: 400px;
    }

    .social-madia-box .back-1 {
        width: 303.59px;
        height: 303.59px;
    }

    .social-madia-box .back-2 {
        width: 203.59px;
        height: 203.59px;
    }

    @keyframes rotate1 {
        0% {
            transform: rotate(0deg) translateX(200px) rotate(0deg);
        }

        100% {
            transform: rotate(360deg) translateX(200px) rotate(-360deg);
        }
    }

    @keyframes rotate2 {
        0% {
            transform: rotate(51.43deg) translateX(200px) rotate(-51.43deg);
        }

        100% {
            transform: rotate(411.43deg) translateX(200px) rotate(-411.43deg);
        }
    }

    @keyframes rotate3 {
        0% {
            transform: rotate(102.86deg) translateX(200px) rotate(-102.86deg);
        }

        100% {
            transform: rotate(462.86deg) translateX(200px) rotate(-462.86deg);
        }
    }

    @keyframes rotate4 {
        0% {
            transform: rotate(154.29deg) translateX(200px) rotate(-154.29deg);
        }

        100% {
            transform: rotate(514.29deg) translateX(200px) rotate(-514.29deg);
        }
    }

    @keyframes rotate5 {
        0% {
            transform: rotate(205.71deg) translateX(200px) rotate(-205.71deg);
        }

        100% {
            transform: rotate(565.71deg) translateX(200px) rotate(-565.71deg);
        }
    }

    @keyframes rotate6 {
        0% {
            transform: rotate(257.14deg) translateX(200px) rotate(-257.14deg);
        }

        100% {
            transform: rotate(617.14deg) translateX(200px) rotate(-617.14deg);
        }
    }

    @keyframes rotate7 {
        0% {
            transform: rotate(308.57deg) translateX(200px) rotate(-308.57deg);
        }

        100% {
            transform: rotate(668.57deg) translateX(200px) rotate(-668.57deg);
        }
    }

    .social-madia-box .tred1 {
        width: 140px;
        height: 60px;
    }

    .social-madia-box .tred1 p {
        font-size: 12px;
    }

    .social-madia-box .tred2 {
        width: 140px;
        height: 60px;
    }

    .social-madia-box .tred2 p {
        font-size: 12px;
    }
}

@media (max-width:1024px) {
    .footer .footer-text-box .input-group input {
        font-size: 15px;
        padding: 10px;
    }

    .footer .footer-text-box .input-group-text {
        padding: 10px 35px;
    }
}

@media (max-width:991px) {
    .filter {
        position: relative;
        top: 7rem;
    }



    /* .social-madia-box {
        height: 703px;
        margin-top: 70px;
    }

    .social-madia-box .back-1 {
        width: 583.59px;
        height: 583.59px;
    }

    .social-madia-box .back-2 {
        width: 443.59px;
        height: 443.59px;
    }

    .social-madia-box .facebook {

        width: 63px;
        height: 63px;
        top: 2.5%;
        left: 20%;
        font-size: 22px;
    }

    .social-madia-box .youtube {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .social-madia-box .tiktok {

        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    .social-madia-box .tred1 {
        padding: 15px;
    }

    .social-madia-box .x-twitter {

        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    .social-madia-box .instagram {
        width: 56px;
        height: 56px;
        font-size: 25px;
    }

    .social-madia-box .tred2 {
        padding: 15px;
    } */
    .order-colum {
        order: -1;
    }
    .btn-box {
    display: none;
}
}

@media (max-width:768px) {
    .nav .logo {
        width: 150px;
    }

    .nav .logo img {
        width: 100%;
    }

    .home-text-box {
        margin-top: 0rem;
    }

    /* .social-madia-box {
        height: 702px;
        margin-top: 50px;
    }

    .social-madia-box .back-1 {
        width: 575.59px;
        height: 575.59px;
    }

    .social-madia-box .back-2 {
        width: 435.59px;
        height: 435.59px;
    }

    .social-madia-box .facebook {
        top: 2.5%;
        width: 63px;
        height: 63px;
        font-size: 25px;
    }

    .social-madia-box .youtube {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .social-madia-box .tiktok {
        width: 56px;
        height: 56px;
        font-size: 20px;
        top: 50%;
        left: -4%;
    }

    .social-madia-box .tred1 {
        padding: 15px;
        top: 80%;
        left: 5%;
    }

    .social-madia-box .x-twitter {
        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    .social-madia-box .instagram {
        width: 56px;
        height: 56px;
        font-size: 25px;
    }

    .social-madia-box .tred2 {
        right: 0%;
        padding: 15px;
    } */

    .filter h3 {
        text-align: center;
        font-size: 35px;
    }

    .filter p {
        font-size: 14px;
        text-align: center;
    }

    .filter .filter-img-box {
        width: 150px;
        height: 150px;
    }

    .filter h4 {
        font-size: 42px;
        margin: 10px 0;
    }

    .our-services {
        padding: 30px;
    }

    .our-services .text-box {
        width: 77%;
    }

    .freelancers-jobs .text-box {
        width: 77%;
        padding: 30px 0;
    }

    .job-post .text-box {
        width: 77%;
    }

    .latest-blogs .text-box {
        width: 77%;
    }

    .business-booster .text-box {
        width: 77%;
    }

    .footer .footer-bottum ul li {
        padding: 4px 12px;
    }

    .footer .footer-text-box .input-group-text {
        padding: 10px 25px;
    }

    .filter {
        top: 4rem;
    }

    .talent {
        margin-top: 8rem;
        overflow: hidden;
    }

    .order-colum {
        order: -1;
    }
    
}

@media (max-width:767px) {
    /* .social-madia-box {
        height: 521px;
        margin-top: 50px;
    }

    .social-madia-box .back-1 {
        width: 415.59px;
        height: 415.59px;
    }

    .social-madia-box .back-2 {
        width: 305.59px;
        height: 305.59px;
    }

    .social-madia-box .facebook {
        top: 2.5%;
        width: 53px;
        height: 53px;
        font-size: 21px;
    }

    .social-madia-box .youtube {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .social-madia-box .tred1 {
        padding: 12px;
    }
    .social-madia-box .tred2 {
        right: 0%;
        padding: 12px;
    } */
}

@media (max-width:575px) {
    /* .social-madia-box {
        height: 555px;
        margin-top: 50px;
    }
    
    .social-madia-box .tiktok {
        width: 50px;
        height: 50px;
        font-size: 18px;
        top: 60%;
        left: -1%;
    } */
}

@media (max-width:519px) {
    .social-madia-box {
        width: 300px;
        height: 300px;
    }

    .social-madia-box .back-1 {
        width: 213.59px;
        height: 213.59px;
    }

    .social-madia-box .back-2 {
        width: 150.59px;
        height: 150.59px;
    }


    @keyframes rotate1 {
        0% {
            transform: rotate(0deg) translateX(150px) rotate(0deg);
        }

        100% {
            transform: rotate(360deg) translateX(150px) rotate(-360deg);
        }
    }

    @keyframes rotate2 {
        0% {
            transform: rotate(51.43deg) translateX(150px) rotate(-51.43deg);
        }

        100% {
            transform: rotate(411.43deg) translateX(150px) rotate(-411.43deg);
        }
    }

    @keyframes rotate3 {
        0% {
            transform: rotate(102.86deg) translateX(150px) rotate(-102.86deg);
        }

        100% {
            transform: rotate(462.86deg) translateX(150px) rotate(-462.86deg);
        }
    }

    @keyframes rotate4 {
        0% {
            transform: rotate(154.29deg) translateX(150px) rotate(-154.29deg);
        }

        100% {
            transform: rotate(514.29deg) translateX(150px) rotate(-514.29deg);
        }
    }

    @keyframes rotate5 {
        0% {
            transform: rotate(205.71deg) translateX(150px) rotate(-205.71deg);
        }

        100% {
            transform: rotate(565.71deg) translateX(150px) rotate(-565.71deg);
        }
    }

    @keyframes rotate6 {
        0% {
            transform: rotate(257.14deg) translateX(150px) rotate(-257.14deg);
        }

        100% {
            transform: rotate(617.14deg) translateX(150px) rotate(-617.14deg);
        }
    }

    @keyframes rotate7 {
        0% {
            transform: rotate(308.57deg) translateX(150px) rotate(-308.57deg);
        }

        100% {
            transform: rotate(668.57deg) translateX(150px) rotate(-668.57deg);
        }
    }

    .social-madia-box .tred1 {
        width: 115px;
        height: 50px;
    }

    .social-madia-box .tred1 p {
        font-size: 10px;
    }

    .social-madia-box .tred2 {
        width: 115px;
        height: 50px;
    }

    .social-madia-box .tred2 p {
        font-size: 10px;
    }
}

@media (max-width:425px) {
    .nav .logo {
        width: 130px;
    }
    .home-text-box .category-box i {
        margin-left: 2px;
        border-right: 1px solid #0000004D;
        padding: 5px;
        margin-right: 7px;
    }


    /* .social-madia-box {
        height: 405px;
    }

    .social-madia-box .back-1 {
        width: 330.59px;
        height: 330.59px;
    }

    .social-madia-box .back-2 {
        width: 250.59px;
        height: 250.59px;
    }

    .social-madia-box .facebook {
        top: 2%;
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .social-madia-box .youtube {
        width: 30px;
        height: 30px;
        font-size: 14px;
        left: 0%;
    }

    .social-madia-box .tiktok {
        width: 36px;
        height: 36px;
        font-size: 15px;
        top: 61%;
        left: -1%;
    }

    .social-madia-box .tred1 {
        padding: 10px;
    }

    .social-madia-box .tred1 p {
        padding: 0;
        margin: 0 0 0 3px;
        font-size: 12px;
    }

    .social-madia-box .x-twitter {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .social-madia-box .instagram {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }

    .social-madia-box .tred2 {
        padding: 10px;
    }

    .social-madia-box .tred2 p {
        font-size: 12px;
    } */

    .our-services .text-box {
        width: 100%;
    }

    .our-services {
        padding: 20px;
    }

    .freelancers-jobs .text-box {
        width: 100%;
        padding: 25px 0;
    }

    .our-services .text-box h3 {
        font-size: 19px;
    }

    .our-services .text-box p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
    }

    .freelancers-jobs .text-box h3 {
        font-size: 19px;
    }

    .freelancers-jobs .text-box p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
    }

    .job-post .text-box {
        width: 100%;
    }

    .job-post .text-box h3 {
        font-size: 19px;
    }

    .job-post .text-box p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;
    }

    .latest-blogs .text-box {
        width: 100%;
    }

    .latest-blogs .text-box h3 {
        font-size: 19px;
    }

    .latest-blogs .text-box p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;

    }

    .business-booster {
        padding: 30px 0;
    }

    .business-booster .text-box {
        width: 100%;
    }

    .business-booster .text-box h3 {
        font-size: 19px;
    }

    .business-booster .text-box p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: center;

    }

    .footer .footer-head .logo {
        width: 130px;
    }

    .footer .footer-head ul li {
        width: 30px;
        height: 30px;
    }

    .footer .footer-head ul li a {
        font-size: 12px;
    }

    .footer .footer-bottum .Copyright a {
        font-size: 12px;
    }

    .footer .footer-bottum ul li a {
        font-size: 12px;
    }

    .filter {
        top: 3rem;
        padding: 20px;
    }

    .talent {
        margin-top: 5rem;
    }

    .dropdown .lang-btn {
        padding: 5px 16px;
        font-size: 14px;
    }

    .talent .talent-text-box h3 {
        font-size: 20px;
    }

    .talent .talent-text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .talent h4 {
        font-size: 16px;
    }

}

@media (max-width:409px) {
    .social-madia-box {
        width: 230px;
        height: 230px;
    }

    .social-madia-box .back-1 {
        width: 173.59px;
        height: 173.59px;
    }

    .social-madia-box .back-2 {
        width: 130.59px;
        height: 130.59px;
    }

    .social-madia-box .facebook {
        width: 40px;
        height: 40px;
    }

    .social-madia-box .youtube {
        width: 30px;
        height: 30px;
    }

    .social-madia-box .tiktok {
        width: 40px;
        height: 40px;
    }

    .social-madia-box .x-twitter {
        width: 40px;
        height: 40px;
    }

    .social-madia-box .youtube i {
        font-size: 14px;
    }

    .social-madia-box .instagram {
        width: 40px;
        height: 40px;
    }

    @keyframes rotate1 {
        0% {
            transform: rotate(0deg) translateX(115px) rotate(0deg);
        }

        100% {
            transform: rotate(360deg) translateX(115px) rotate(-360deg);
        }
    }

    @keyframes rotate2 {
        0% {
            transform: rotate(51.43deg) translateX(115px) rotate(-51.43deg);
        }

        100% {
            transform: rotate(411.43deg) translateX(115px) rotate(-411.43deg);
        }
    }

    @keyframes rotate3 {
        0% {
            transform: rotate(102.86deg) translateX(115px) rotate(-102.86deg);
        }

        100% {
            transform: rotate(462.86deg) translateX(115px) rotate(-462.86deg);
        }
    }

    @keyframes rotate4 {
        0% {
            transform: rotate(154.29deg) translateX(115px) rotate(-154.29deg);
        }

        100% {
            transform: rotate(514.29deg) translateX(115px) rotate(-514.29deg);
        }
    }

    @keyframes rotate5 {
        0% {
            transform: rotate(205.71deg) translateX(115px) rotate(-205.71deg);
        }

        100% {
            transform: rotate(565.71deg) translateX(115px) rotate(-565.71deg);
        }
    }

    @keyframes rotate6 {
        0% {
            transform: rotate(257.14deg) translateX(115px) rotate(-257.14deg);
        }

        100% {
            transform: rotate(617.14deg) translateX(115px) rotate(-617.14deg);
        }
    }

    @keyframes rotate7 {
        0% {
            transform: rotate(308.57deg) translateX(115px) rotate(-308.57deg);
        }

        100% {
            transform: rotate(668.57deg) translateX(115px) rotate(-668.57deg);
        }
    }

    .social-madia-box .tred1 {
        width: 100px;
        height: 40px;
    }

    .social-madia-box .tred1 img,
    .social-madia-box .tred2 img {
        width: 28px;
    }

    .social-madia-box .tred1 p {
        font-size: 9px;
    }

    .social-madia-box .tred2 {
        width: 100px;
        height: 40px;
    }

    .social-madia-box .tred2 p {
        font-size: 9px;
    }
}

@media (max-width:375px) {
    /* .social-madia-box {
        height: 354px;
    }

    .social-madia-box .back-1 {
        width: 280.59px;
        height: 280.59px;
    }

    .social-madia-box .back-2 {
        width: 210.59px;
        height: 210.59px;
    }

    .social-madia-box .facebook {
        top: 0%;
    } */

    .footer .footer-bottum .Copyright {
        text-align: center;
    }

    .footer .footer-bottum ul li {
        padding: 4px 3px;
    }

    .mobile-menu .btn-Login {
        padding: 4px 20px;
    }

    .mobile-menu .btn-Register {
        padding: 4px 14px;
    }

    .mobile-menu {
    padding: 20px;
    max-width: 320px;
    }
    .btn-box {
    display: none;
}

    .home-text-box .category-box i {
        margin-left: 2px;
        border-right: 1px solid #0000004D;
        padding: 0 3px 0 3px;
        font-size: 10px;
        margin-right: 1px;
    }
        .job__search .btn {
        width: 80%;
        padding: 12px;
    }
    .home-text-box .category-box .btn-search {
        font-size: 12px;
        padding: 4px 0px !important;
    }
    .job{
        font-size:10px !important;
    }
    .category{
        font-size:10px !important;
    }
    .form-control {
        font-size: 12px !important;
    padding: 0 0 0 5px;
}
}

@media (max-width:320px) {
    /* .social-madia-box {
        height: 298px;
    }

    .social-madia-box .back-1 {
        width: 220.59px;
        height: 220.59px;
    }

    .social-madia-box .back-2 {
        width: 150.59px;
        height: 150.59px;
    }

    .social-madia-box .facebook {
        top: 0%;
    }

    .social-madia-box img {
        width: 25px;
    }

    .social-madia-box .tred1 {
        padding: 5px;

    }

    .social-madia-box .tred1 p {
        font-size: 10px;
    }

    .social-madia-box .tred2 {
        padding: 5px;
        right: -2%;

    }

    .social-madia-box .tred2 p {
        font-size: 10px;
    } */

    .filter .filter-img-box {
        width: 100%;
        height: 125px;
    }

    .filter h4 {
        font-size: 32px;
    }

    .mobile-menu {
        padding: 10px;
    }

    .mobile-menu .m-m-head .logo {
        width: 105px;
    }

    .home-text-box .clients-box span {
        margin-left: 7px;
        font-size: 14px;
    }

    .filter h3 {
        font-size: 26px;
    }

    .filter p {
        font-size: 12px;
    }

    .footer .footer-head ul li {
        margin-right: 0;
    }

    .footer .footer-text-box .input-group-text {
        padding: 10px 15px;
    }

    .social-madia-box {
        width: 180px;
        height: 180px;
    }

    .social-madia-box .back-1 {
        width: 133.59px;
        height: 133.59px;
    }

    .social-madia-box .back-2 {
        width: 100.59px;
        height: 100.59px;
    }

    .social-madia-box .facebook {
        width: 30px;
        height: 30px;
    }

    .social-madia-box .youtube {
        width: 25px;
        height: 25px;
    }

    .social-madia-box .tiktok {
        width: 30px;
        height: 30px;
    }

    .social-madia-box .x-twitter {
        width: 30px;
        height: 30px;
    }

    .social-madia-box i {
        font-size: 14px;
    }

    .social-madia-box .youtube i {
        font-size: 12px;
    }

    .social-madia-box .instagram {
        width: 30px;
        height: 30px;
    }

    @keyframes rotate1 {
        0% {
            transform: rotate(0deg) translateX(90px) rotate(0deg);
        }

        100% {
            transform: rotate(360deg) translateX(90px) rotate(-360deg);
        }
    }

    @keyframes rotate2 {
        0% {
            transform: rotate(51.43deg) translateX(90px) rotate(-51.43deg);
        }

        100% {
            transform: rotate(411.43deg) translateX(90px) rotate(-411.43deg);
        }
    }

    @keyframes rotate3 {
        0% {
            transform: rotate(102.86deg) translateX(90px) rotate(-102.86deg);
        }

        100% {
            transform: rotate(462.86deg) translateX(90px) rotate(-462.86deg);
        }
    }

    @keyframes rotate4 {
        0% {
            transform: rotate(154.29deg) translateX(90px) rotate(-154.29deg);
        }

        100% {
            transform: rotate(514.29deg) translateX(90px) rotate(-514.29deg);
        }
    }

    @keyframes rotate5 {
        0% {
            transform: rotate(205.71deg) translateX(90px) rotate(-205.71deg);
        }

        100% {
            transform: rotate(565.71deg) translateX(90px) rotate(-565.71deg);
        }
    }

    @keyframes rotate6 {
        0% {
            transform: rotate(257.14deg) translateX(90px) rotate(-257.14deg);
        }

        100% {
            transform: rotate(617.14deg) translateX(90px) rotate(-617.14deg);
        }
    }

    @keyframes rotate7 {
        0% {
            transform: rotate(308.57deg) translateX(90px) rotate(-308.57deg);
        }

        100% {
            transform: rotate(668.57deg) translateX(90px) rotate(-668.57deg);
        }
    }

    .social-madia-box .tred1 {
        width: 75px;
        height: 30px;
    }

    .social-madia-box .tred1 img,
    .social-madia-box .tred2 img {
        width: 20px;
    }

    .social-madia-box .tred1 p {
        font-size: 7px;
    }

    .social-madia-box .tred2 {
        width: 75px;
        height: 30px;
    }

    .social-madia-box .tred2 p {
        font-size: 7px;
    }

    .home-text-box .category-box .category,
    .home-text-box .category-box .jobs {
        font-size: 12px !important;
        padding: 3px;
    }

    .home-text-box .category-box .btn-search {
        font-size: 12px;
    }
    
}

a{
    text-decoration: none;
    color: #7788b2;
}

.menu li a {
    text-decoration: none;
    font-weight: bold;
    color: #7788b2;
    font-size: 15px;
}

.menu li a .active {
    text-decoration: none;
    font-weight: bold;
    color: #4cb6c2;
    font-size: 15px;
}
/*rtl styling start */
.rtl .home-text-box h1 {
    text-align: right;
}
.rtl .home-text-box p {
    text-align: right;
}
.rtl .filter h3 {
    text-align: right;
}
.rtl .filter p {
    text-align: right;
}
.rtl .talent h4 {
    text-align: right;
}
.rtl .talent .talent-text-box h3 {
    text-align: right;
}
.rtl .talent .talent-text-box p {
    text-align: right;
}
.rtl .opt1,
.rtl .opt2{
    gap: 12px;
}
.rtl .swiper {
    direction: ltr;
}
.rtl .detail-box {
    direction: rtl;
}
.rtl .detail-box-text {
    text-align: right;
    margin-top: 5px;
}
.rtl .footer .footer-text-box h4 {
    text-align: right;
}
.rtl .footer .footer-text-box .cannect p {
    text-align: right;
}
.rtl .cannect {
    gap: 14px;
}
.rtl .latest-blogs .latest-blogs-cart .latest-blogs-cart-body h4 {
    text-align: right;
}
.rtl .latest-blogs .latest-blogs-cart .latest-blogs-cart-body p {
    text-align: right;
}
/*rtl styling end*/