@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Syne:wght@400..800&display=swap');

/*
font-family: "Google Sans", sans-serif;
font-family: "Syne", sans-serif;
*/

:root {
    --theme-color: #EB1C24;
    --black: #000;
    --white: #fff;
    --paragraph: #343434;
    --red: #FF0000;
    --bg-color: #FFEEDB;
    --yellow: #E9B769;
	--headingFont:"Syne", sans-serif;
    --webText:"Google Sans", sans-serif;
    --blackColor:#000000;
    --redColor:#EB1C24;
    --whiteColor:#ffffff;
}

* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Google Sans", sans-serif;
}

::selection {
    background-color: var(--theme-color);
    color: #fff;
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Syne", sans-serif;
    margin: 0;
    padding: 0;
}

p {
    font-family: "Google Sans", sans-serif;
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: var(--paragraph);
    font-weight: 400;
}

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

img {
    max-width: 100%;
    border: none;
}

a {
    text-decoration: none;
    outline: none !important;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

.p-80 {
    padding: 80px 0;
}

.title1 h1 {
    font-size: 70px;
    color: var(--white);
    line-height: 75px;
    font-weight: 600;
    position: relative;
}

.title2 h2 {
    font-size: 55px;
    color: var(--white);
    margin: 0 0 10px;
    position: relative;
    line-height: 60px;
}

.title3 h3 {
    font-size: 48px;
    color: var(--black);
    line-height: 55px;
    margin-bottom: 10px;
}

.title3 h6 {
    font-size: 24px;
    color: var(--theme-color);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.title3 h6:before {
    content: "";
    position: absolute;
    right: -85px;
    top: 15px;
    width: 70px;
    height: 1px;
    background-color: var(--theme-color);
}

.title4 h4 {
    font-size: 24px;
    color: var(--black);
}

.title5 h5 {
    font-size: 30px;
    color: var(--black);
}

.title6 h6 {
    font-size: 16px;
    color: var(--paragraph);
    font-weight: 500;
    margin-bottom: 0px;
    transition: 0.6s;
}

.btn01 {
    font-family: "Google Sans", sans-serif;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    border-radius: 30px;
    padding: 10px 35px;
    color: var(--white);
    text-align: center;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    transition: 0.6s;
}

.btn01:hover {
    background-color: var(--black);
    border-color: var(--black);;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.btn-primary:hover, .btn-primary:focus{
	border-color:#EB1C24;
	background-color:#EB1C24;
}

/*// backToTop //*/
#backToTop { position: fixed; bottom: 30px; right: 30px; width: 45px; height: 45px; padding: 4px; background: linear-gradient(to bottom, #eb9da1, #eb1c24); border: none; border-radius: 50%; cursor: pointer; display: none; align-items: center; justify-content: center; z-index: 1000; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); border: 1px solid rgb(255 255 255 / 89%); transition: 0.6s; }
#backToTop .fa-arrow-up { font-size: 18px; color: #fff; top: -1px; position: relative; }
#backToTop:hover { background-color: #f15c5a; transform: scale(1.1); }
#backToTop:hover svg { transform: translateY(-3px); }
/*// backToTop //*/

.form-select:focus {
    box-shadow: none;
}

a {
    text-decoration: none;
}

.text_tag h6 {
    font-size: 20px;
    color: var(--tag);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* ======================================================================= */
    /* header start */
/* ======================================================================= */
.topbar {
    background: linear-gradient(to right, #2d1f1f, #1a1414);
    color: #fff;
    font-size: 14px;
}

.topbar .container {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.topbar-left li {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

.topbar-left li i {
    margin-right: 5px;
    font-size: 13px;
    background-color: #ffffff45;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar-left li a {
    font-family: "Google Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
    font-weight: 500;
}

.topbar-left .divider {
    color: #aaa;
    margin: 0 15px 0 0;
}

.topbar-right li {
    margin-left: 8px;
}

.topbar-right li a {
    color: #fff;
    border: 1px solid #ffffff94;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: 0.6s;
    font-size: 13px;
}

.topbar-right li a:hover {
    background: #fff;
    color: #000;
}

@media (max-width: 992px) {
    .topbar .container {
        padding: 8px 10px;
    }

    .topbar-left li a {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .topbar .container {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        text-align: center;
    }

    .topbar-left {
        flex-wrap: wrap;
        justify-content: center;
    }

    .topbar-left li {
        margin: 4px 6px;
    }

    .topbar-left .divider {
        display: none;
    }

    .topbar-right {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .topbar {
        font-size: 12px;
    }

    .topbar-right li a {
        width: 26px;
        height: 26px;
        font-size: 12px;
    }
}

.headerarea {
    padding: 15px 0;
    /* box-shadow: hsla(0 0% 0% / 0.1) 0 0.5rem 1rem; */
    position: relative;
    z-index: 11;
    width: 100%;
}

.headerarea .logo {
    width: 100%;
    max-width: 250px;
    position: relative;
    display: inline-block;
}

.nav-menu > li > a:hover {
    color: var(--theme-color);
}

.headerarea.fix .logo {
    max-width: 200px;
}

.headerarea.fix, .inner_header .headerarea.fix {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #fff;
    /* padding: 5px 100px; */
    z-index: 999;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/* ======================================================================= */
    /* banner_sec start */
/* ======================================================================= */
.banner_sec {
    position: relative;
    padding: 75px 0;
    background-position: center;
    background-size: cover;
	z-index:1;
    /* min-height: 600px; */
}
.banner_sec::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
/* .banner_sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bnr_line.webp);
    z-index: -1;
} */

.banner_sec .title1 {
    font-size: 20px;
	 color: var(--white);
}

/* .btngrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
} */

.banner_sec .btn01 {
    padding: 10px 25px;
    font-size: 18px;
}

.banner_sec .btn02 {
    background-color: var(--black);
    border-color: var(--black);
}

/* .bnrimg {
    width: 85%;
    margin: 50px auto 0;
    height: 550px;
    position: relative;
    display: flex;
} */

.bnrimg img {
    width: auto;
    height: 358px;
    object-fit: cover;
}

.whitebox1 {
    padding: 8px 10px;
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    left: 140px;
    top: 30px;
}

.whitebox2 {
    padding: 8px 10px;
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    left: -70px;
    bottom: 280px;
}

.whitebox3 {
    padding: 8px 10px;
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    right: -10px;
    bottom: 310px;
}

.results_icon {
    width: 40px;
    height: 40px;
    background-color: #e3e0de;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.results_icon img {
    max-width: 20px;
}

.whitebox1 h4, .whitebox2 h4, .whitebox3 h4 {
    font-family: "Google Sans", sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.whitebox1 p, .whitebox2 p, .whitebox3 p {
    font-size: 13px;
}

.whitebox2 .results_icon, .whitebox3 .results_icon {
    background-color: #fcdcdd;
}

.banner_sec .title1 h1 span {
    background-image: url(https://webtechnomind.in/work/wisglobe_international/wp-content/uploads/2026/04/shape.png);
    background-size: 100%;
    color: #fff;
    background-repeat: no-repeat;
    padding: 18px 46px;
    line-height: 48px;
    display: inline-block;
    background-position: 10px 13px;
    position: relative;
    left: -36px;
    text-shadow: none;
    margin-top: -6px;
    text-shadow: 0px 0px 8px hsl(0deg 0% 0% / 38%);
    top: -4px;
}
/* ======================================================================= */
    /*  bnr_marque start */
/* ======================================================================= */
.bnr_marque {
    width: 100%;
    background-color: var(--theme-color);
    padding: 25px 0;
    overflow: hidden;
    background: linear-gradient(to top, #80050A, #EB1C24);
}

.marque-item {
    font-family: "Syne", sans-serif;
    color: var(--white);
    font-size: 30px;
    line-height: 50px;
    position: relative;
    display: inline-block;
    padding-right: 90px;
    margin-right: 40px;
}

.marque-item::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 5px;
    width: min(100%, 35px);
    height: 35px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/star-icon.png);
    animation: rotate-animation 5s infinite linear;
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(7449%) hue-rotate(255deg) brightness(110%) contrast(101%);
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-180deg);
    }

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

.bnr_marquebody {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}


/* ======================================================================= */
    /*  job_sec start */
/* ======================================================================= */
.job_sec {
    width: 100%;
}

.job_sec .title3 {
    width: 55%;
    margin: 0 auto;
}

/*.job_seccard {
    width: 100%;
    background: linear-gradient(to bottom, #f2f2f2, #fff);
    position: relative;
    border-radius: 25px;
    padding: 35px 30px;
    border: 1px solid #ccc;
    transition: 0.6s;
}*/

.job_seccard {
    width: 100%;
    position: relative;
    border-radius: 25px;
    padding: 35px 25px;
    transition: 0.6s;
    background: linear-gradient(#f2f2f2, #fbfbfb) padding-box, linear-gradient(0deg, #ffffff, #ccc) border-box;
    border: 1px solid transparent;
}

.job_seccard:hover {
    background: linear-gradient(to top, #80050A, #EB1C24);
}

.card_iconbox1 {
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card_iconbox1 img {
    max-width: 40px;
    object-fit: contain;
}

.job_seccard h5 {
    font-family: "Google Sans", sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 300;
}

.job_seccard .title4 {
    margin: 15px 0 10px;
    transition: 0.6s;
    min-height: 88px;
}

.job_seccard h6, .card_btm h6 {
    font-family: "Google Sans", sans-serif;
    font-size: 17px;
    color: #666666;
    font-weight: 300;
    line-height: normal;
    transition: 0.6s;
}

.job_seccard h6 img, .card_btm h6 img {
    max-width: 18px;
    object-fit: contain;
    margin-right: 3px;
    vertical-align: top;
    transition: 0.6s;
}

.card_btm {
    width: 100%;
    margin-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.job_seccard .btn01 {
    background-color: #fff;
    color: var(--black);
    font-size: 16px;
    padding: 7px 15px;
    border-color: var(--white);
    opacity: 0;
    transition: 0.6s;
}

.job_seccard .btn01 .fa-arrow-right {
    font-size: 14px;
}

.job_seccard:hover h6, .job_seccard:hover h5, .job_seccard:hover .title4 h4 {
    color: var(--white);
}

.job_seccard:hover h6 img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(105%) contrast(103%);
}

.job_seccard:hover .btn01 {
    opacity: 1;
}

.job_sec .btn02 {
    background-color: #fff;
    color: var(--black);
    font-size: 18px;
    padding: 12px 25px;
    border-radius: 30px;
    border: 1px solid var(--black);
    transition: 0.6s;
    margin: 50px auto 0;
    font-weight: 500;
    display: table;
}

.job_sec .btn02 .fa-arrow-right {
    font-size: 15px;
}

.job_sec .btn02:hover {
    background-color: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}

/* ======================================================================= */
    /*  weserve_sec start */
/* ======================================================================= */
.weserve_sec {
    width: 100%;
}

.weserve_sec .title3 {
    width: 48%;
    margin: 0 auto;
}

.weserve_card {
    width: 100%;
    position: relative;
    border-radius: 25px;
    padding: 35px 25px;
    transition: 0.6s;
    /*background: linear-gradient(#fff, #fff) padding-box, linear-gradient(0deg, #ffffff, #ccc) border-box;*/
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(0deg, #ccc, #ccc) border-box;
    border: 1px solid transparent;
}

.weserve_card:hover {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(0deg, #ccc, #EB1C24) border-box;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.weserve_circle {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: 0.6s;
}

.weserve_circle img {
    max-width: 50px;
    object-fit: contain;
    transition: 0.6s;
}

.weserve_card h2 {
    font-size: 26px;
    color: var(--black);
    font-weight: 500;
    margin-bottom: 10px;
}

.weserve_card:hover .weserve_circle {
    background-color: #fde8e9;
}

.weserve_card:hover .weserve_circle img {
/*     filter: brightness(0) saturate(100%) invert(32%) sepia(32%) saturate(7211%) hue-rotate(339deg) brightness(85%) contrast(118%); */
}

/*.weserve_cardpic {
    width: 100%;
    height: 422px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}

.weserve_cardpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.weserve_cardpic::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: screen;
    background-image: url(../images/shape1.jpg);
}

.imgtag {
    font-family: "Syne", sans-serif;
    background-color: #00000042;
    border-radius: 30px;
    text-align: center;
    padding: 6px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    transition: 0.6s;
}

.action_btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.action_btn .fa-arrow-right {
    font-size: 19px;
    color: var(--theme-color);
    transform: rotate(45deg);
    transition: 0.6s;
}

.weserve_card:hover .action_btn {
    background-color: var(--theme-color);
}

.weserve_card:hover .fa-arrow-right {
    color: var(--white);
}

.weserve_card:hover .imgtag {
    background-color: var(--white);
    color: var(--black);
}*/

/**/
/*.weserve-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}
.weserve-carousel .owl-nav button.owl-prev, .weserve-carousel .owl-nav button.owl-next { width: 45px; height: 45px; border: 1px solid #fff; background-color: #fff; border-radius: 50%; color: #000; font-size: 30px; pointer-events: all; box-shadow: 0px 0px 5px 0px #ddd;}
.weserve-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.weserve-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #817979 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 22px; }
.weserve-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.weserve-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.weserve-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #817979 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 22px; }
.weserve-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.weserve-carousel .owl-nav button.owl-prev { left: 20px; position: relative; transition: 0.6s;}
.weserve-carousel .owl-nav button.owl-next { right: 0px; position: relative; transition: 0.6s;}
.weserve-carousel .owl-nav { position: absolute; display: inline-flex; top: 44%; align-items: center; justify-content: space-between; width: 100%; pointer-events: none; margin: 0 auto;}
.weserve-carousel .owl-nav button.owl-prev:hover, .weserve-carousel .owl-nav button.owl-next:hover { background: var(--theme-color2); border: 1px solid var(--theme-color2); color: #fff; transition: all .3s ease-in-out; transform: scale(1.6);}
.owl-theme .owl-nav { margin-top: 0; }
.weserve-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
.weserve-carousel .owl-dots .owl-dot span {
    width: 30px;
    height: 8px;
    margin: 5px 7px;
    background: #d8d8d8;
    border: 1px solid #a7a7a7;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--theme-color);
    transition: 0.6s;
    border-color: var(--theme-color);
}*/
/**/

/* ======================================================================= */
    /* choose_excellence start */
/* ======================================================================= */
.choose_excellence {
    width: 100%;
}

.choose_pic {
    width: 94%;
    height: 510px;
    position: relative;
    display: flex;
    border-radius: 20px;
}

.choose_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.choose_pic::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: screen;
    background-image: url(../images/shape.jpg);
}

.hashbox {
    background-color: #deddde;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 30px;
    line-height: 24px;
    color: var(--black);
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    width: 21%;
    height: 23%;
}

.hashbox span {
    font-size: 16px;
    font-weight: 300;
}

.smallpic {
    width: 230px;
    height: 200px;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    bottom: -86px;
    right: 0;
}

.smallpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.choose_excellence .title3 p {
    width: 80%;
}

.choose_excellence .title3 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 35px 0 45px;
    grid-gap: 15px;
}

.choose_excellence .title3 ul li {
    font-size: 20px;
    color: var(--black);
    font-weight: 400;
    padding: 0 0 0 30px;
    position: relative;
}

.choose_excellence .title3 ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/bullet1.webp);
}

.choose_excellence .btn01 {
    padding: 10px 25px;
    color: var(--white);
    background-color: var(--black);
    border: 1px solid var(--black);
}

.choose_excellence .btn01:hover {
    color: var(--white);
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.counter_row {
    width: 100%;
    margin-top: 150px;
    display: block;
}

.counter_card {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 35px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.counter_card h3 {
    font-family: "Google Sans", sans-serif;
    font-size: 60px;
    color: #000;
    text-align: center;
    font-weight: 600;
    line-height: 54px;
}

.counter_card .small, .counter_card small {
    font-size: 17px;
    color: var(--black);
    font-weight: 400;
}

/* ======================================================================= */
    /*  tailored_sec start */
/* ======================================================================= */
.tailored_sec {
    width: 100%;
    background-color: #231F20;
}

.tailored_sec .title3 h3 {
    color: var(--white);
    width: 50%;
    margin: 0 auto;
}

.tailored_card {
    width: 100%;
    background-color: #fff;
    padding: 35px 20px;
    border-radius: 25px;
    transition: 0.6s;
	color: #000000;
}

.tailored_cardtop {
    width: 90%;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
    margin-left: 15px;
    height: 62px;
}

.tailored_cardtop:before {
    content: "";
    position: absolute;
    left: -15px;
    top: -5px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ff6d73;
}

.tailored_cardtop img {
    max-width: 40px;
    object-fit: contain;
    position: relative;
}

.tailored_cardtop h6 {
    font-family: "Google Sans", sans-serif;
    font-size: 26px;
    color: var(--black);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tailored_pic {
    height: 250px;
    position: relative;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    margin: 25px 0 20px;
}

.tailored_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.tailored_card:hover .tailored_pic img {
    transform: scale(1.1);
}

.tailored_card .btn01 {
    background-color: #fff;
    color: var(--black);
    font-size: 16px;
    padding: 9px 20px;
    border-color: var(--black);
    transition: 0.6s;
    display: table;
    margin-top: 15px;
    margin-left: auto;
}

.tailored_card:hover .btn01 {
    border-color: var(--theme-color);
}

/**/
.tailored-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}
.tailored-carousel .owl-nav button.owl-prev, .tailored-carousel .owl-nav button.owl-next { width: 45px; height: 45px; border: 1px solid #fff; background-color: #fff; border-radius: 50%; color: #000; font-size: 30px; pointer-events: all; box-shadow: 0px 0px 5px 0px #ddd;}
.tailored-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.tailored-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #817979 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 22px; }
.tailored-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.tailored-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.tailored-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #817979 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 22px; }
.tailored-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.tailored-carousel .owl-nav button.owl-prev { left: 20px; position: relative; transition: 0.6s;}
.tailored-carousel .owl-nav button.owl-next { right: 0px; position: relative; transition: 0.6s;}
.tailored-carousel .owl-nav { position: absolute; display: inline-flex; top: 44%; align-items: center; justify-content: space-between; width: 100%; pointer-events: none; margin: 0 auto;}
.tailored-carousel .owl-nav button.owl-prev:hover, .tailored-carousel .owl-nav button.owl-next:hover { background: var(--theme-color2); border: 1px solid var(--theme-color2); color: #fff; transition: all .3s ease-in-out; transform: scale(1.6);}
.owl-theme .owl-nav { margin-top: 0; }
.tailored-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
.tailored-carousel .owl-dots .owl-dot span {
    width: 30px;
    height: 8px;
    margin: 5px 7px;
    background: #d8d8d8;
    border: 1px solid #a7a7a7;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--theme-color);
    transition: 0.6s;
    border-color: var(--theme-color);
}
/**/

/* ======================================================================= */
    /*  followus_sec start */
/* ======================================================================= */
.followus_sec {
    width: 100%;
}

.followus_sec .title3 p {
    width: 50%;
    margin: 0 auto;
}

.followus_card {
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    padding: 3px;
    position: relative;
    border: 2px solid #DFDCDC;
    overflow: hidden;
    box-shadow: 0 4px 10.3px 0px rgb(0 0 0 / 5%);
}

.followus_cardPic {
    position: relative;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}

.followus_cardPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.followus_card_btm {
    width: 100%;
    padding: 20px 10px;
    position: relative;
}

.followus_card_btm p {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btm_textbox {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    border-top: 2px dashed #ccc;
}

.btm_textbox_circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btm_textbox_circle img {
    max-width: 24px;
    object-fit: contain;
}

.followus_card_btm h6 {
    font-family: "Google Sans", sans-serif;
    font-size: 16px;
    color: var(--black);
}

.social_circleF {
    width: 65px;
    height: 65px;
    padding: 16px 12px 13px 18px;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    bottom: -20px;
    background-color: #fae9ea;
}

.social_circleF i {
    font-size: 18px;
    color: var(--black);
}

.followus_card_btm .small, .followus_card_btm small {
    color: #000;
}

/**/
.customer-carousel .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}
.customer-carousel .owl-nav button.owl-prev, .customer-carousel .owl-nav button.owl-next { width: 45px; height: 45px; border: 1px solid #fff; background-color: #fff; border-radius: 50%; color: #000; font-size: 30px; pointer-events: all; box-shadow: 0px 0px 5px 0px #ddd;}
.customer-carousel .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.customer-carousel .owl-nav button.owl-prev span::after { content: '\f060'; color: #817979 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 22px; }
.customer-carousel .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.customer-carousel .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.customer-carousel .owl-nav button.owl-next span::before { content: '\f061'; color: #817979 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 22px; }
.customer-carousel .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.customer-carousel .owl-nav button.owl-prev { left: 20px; position: relative; transition: 0.6s;}
.customer-carousel .owl-nav button.owl-next { right: 0px; position: relative; transition: 0.6s;}
.customer-carousel .owl-nav { position: absolute; display: inline-flex; top: 44%; align-items: center; justify-content: space-between; width: 100%; pointer-events: none; margin: 0 auto;}
.customer-carousel .owl-nav button.owl-prev:hover, .customer-carousel .owl-nav button.owl-next:hover { background: var(--theme-color2); border: 1px solid var(--theme-color2); color: #fff; transition: all .3s ease-in-out; transform: scale(1.6);}
.owl-theme .owl-nav { margin-top: 0; }
.customer-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
.customer-carousel .owl-dots .owl-dot span {
    width: 30px;
    height: 8px;
    margin: 5px 7px;
    background: #d8d8d8;
    border: 1px solid #a7a7a7;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--theme-color);
    transition: 0.6s;
    border-color: var(--theme-color);
}
/**/

/* ======================================================================= */
    /* footer_sec start */
/* ======================================================================= */
.footer_sec {
    width: 100%;
    position: relative;
    background-color: #231F20;
    padding: 60px 0 40px;
}

.footer_sec .logo { width: 100%; max-width: 200px; position: relative; display: inline-block; margin-bottom: 40px; }
.footer_card { width: 100%; }
.footer_sec h5 { font-size: 24px; color: var(--white); font-weight: 600; margin: 0 0 15px; }
.footer_card ul { padding: 0; }
.footer_card ul li { width: 100%; }
.footer_card ul li a { font-family: "Google Sans", sans-serif;  display: block; position: relative; font-size: 17px; color: var(--white); font-weight: 400; padding: 0 0 12px 12px; list-style: disc; transition: 0.6s; }
.footer_card ul li a:before { content:""; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; }

.footer_card ul li a:hover { color: var(--theme-color); }
.footer_card_grid { display: grid; grid-template-columns: 1fr 1fr; }
.footer_sec h6 {
    font-family: "Google Sans", sans-serif;
    font-size: 17px;
    color: var(--white);
    font-weight: 500;
    margin: 0 0 10px;
}
.footer_sec p {
    color: var(--white);
    font-size: 16px;
}

.footer-social { display: flex; justify-content: flex-start; position: relative; overflow: hidden; }
.footer-social li { margin: 0px 4px; width: auto !important; }
.footer-social li a {
    width: 100%;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 8px;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px;
    color: var(--white) !important;
    transition: 0.5s;
    text-decoration: none;
    border: 1px solid var(--white);
}

.footer-social li a:before { display: none; }
.footer-social li a:hover { background-color: var(--theme-color); border-color: var(--theme-color); color: #fff !important; }
.copyright { background-color: var(--theme-color); width: 100%; padding: 20px 0; display: flex; align-items: center; justify-content: center;}
.copyright p { color: var(--white); font-weight: 300; }
.copyright p span {
    color: #ffffff;
    font-weight: 500;
}

@media (min-width: 992px) {
    .footer_sec .col-lg-4 {
        width: 25%;
    }

    .footer_sec .col-lg-8 .col-lg-4 {
        width: 32%;
    }
    .footer_sec .col-lg-8 {
        width: 75%;
    }
}

/* ======================================================================= */
    /*  services_ban start */
/* ======================================================================= */
.services_ban {
    width: 100%;
    padding: 80px 0;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services_ban:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000004a;
}

.inner_header .headerarea {
    position: relative;
}

.services_ban .title1 h1 {
    font-size: 48px;
    color: var(--white);
}

.breadcrumb {
    font-size: 18px;
    position: relative;
}

.breadcrumb a {
    color: var(--white);
}

.breadcrumb-item.active {
    color: var(--white);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--white);
}

/* ======================================================================= */
    /*  services_body start */
/* ======================================================================= */
.services_body {
    width: 100%;
}

.services_bodybox {
    width: 100%;
    padding: 30px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px #dddddd8c;
}

.services_bodypic {
    width: 100%;
    height: 475px;
    position: relative;
    display: flex;
    border-radius: 25px;
    overflow: hidden;
}

.services_bodypic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.services_bodybox:hover .services_bodypic img {
    transform: scale(1.1);
}

.services_body .title3 {
    padding: 0 35px;
    margin-left: auto;
}

.services_body .title3 p {
    margin-top: 15px;
}

.services_body .services_bodybox:nth-child(2) {
    margin: 30px 0;
}


.services_body .services_bodybox:nth-child(2) .orderline1 {
    order: 1;
}

/* ======================================================================= */
    /*  post_vacancy start */
/* ======================================================================= */
.post_vacancy {
    width: 100%;
}

.post_vacancy_pic {
    height: 475px;
    position: relative;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
}

.post_vacancy_pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.form_boxB {
    width: 100%;
    padding: 60px 50px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px #dddddd8c;
    background-color: #fff;
}

.form_boxB .title3 {
    width: 53%;
    margin: 0 auto;
}

.form_boxB .form-group label { margin-bottom: 5px; color: #000; font-size: 17px; }
.form_boxB .form-group label span { color: red; }
.form_boxB .form-control, .form_boxB .form-select { position: relative; font-size: 17px; font-weight: 400; height: 55px; border: 1px solid #ced4da; border-radius: 10px; padding: 5px 15px;color: #7b7e80; }
.form_boxB textarea.form-control { min-height: 150px; resize: none; padding: 15px !important; }
.form_boxB .form-control:focus, .form_boxB .form-select:focus { box-shadow: none; border-color: #000; }
.form_boxB .btn01 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: 0.6s;
    padding: 10px 30px;
    border-radius: 30px;
    transition: 0.6s;
}

.form_boxB .btn01:hover {
    border-color: #000;
    background-color: #000;
}

.fild1 {
    min-height: 120px !important;
}

.upload-box {
    width: 100%;
}

.upload-box label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
}

.upload-field {
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 12px 40px 12px 12px;
    cursor: pointer;
    height: 55px;
}

.upload-field input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}

.upload-field .placeholder {
    color: #000;
    font-size: 17px;
}

.upload-field .icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #555;
}

.upload-box .placeholder {
    background-color: transparent;
}

/* ======================================================================= */
    /*  jpb_open start */
/* ======================================================================= */
.jpb_open {
    width: 100%;
}

.jpb_open_pic {
    width: 90%;
    height: 500px;
    position: relative;
    display: flex;
}

.jpb_open_pic img {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    overflow: hidden;
    object-fit: cover;
    transition: 0.6s;
}

.jpb_open_pic:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 25px;
    transition: 0.6s;
}

.jpb_open_pic:hover:after {
    top: 0px;
    left: 0;
}

.jpb_open .title3 p {
    margin-top: 15px;
}

.jpb_open .btn01 {
    background-color: var(--black);
    border: 1px solid var(--black);
    margin-top: 25px;
    display: inline-block;
    padding: 10px 25px;
}

.jpb_open .btn01:hover {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

/* ======================================================================= */
    /*  career_sec start */
/* ======================================================================= */
.career_sec {
    width: 100%;
}

.career_sec .title3 p {
    width: 45%;
    margin: 0 auto;
}

.alljob_row {
    width: 80%;
    margin: 0 auto 50px;
}

.career_sec .form-select {
    position: relative;
    font-size: 17px;
    font-weight: 400;
    height: 55px;
    border: 1px solid #ced4da;
    border-radius: 10px;
    padding: 5px 15px;
}

/* ======================================================================= */
    /*  research_body start */
/* ======================================================================= */
.research_body {
    width: 100%;
}

.research_card1 {
    width: 100%;
    border-radius: 25px;
    padding: 35px;
    border: 1px solid #ccc;
    position: relative;
}

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

.research_card1 h4 {
    font-family: "Google Sans", sans-serif;
    font-size: 30px;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.research_card1 h6 {
    font-family: "Google Sans", sans-serif;
    font-size: 18px;
    color: var(--black);
    font-weight: 300;
    position: relative;
}

.research_card1 h6 img {
    max-width: 20px;
    object-fit: contain;
    margin-right: 3px;
}

.research_card1 h6::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -16px;
    width: 100px;
    height: 2px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(../images/line3.png);
}

.research_card1_icon {
    width: 85px;
    height: 85px;
    border-radius: 15px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.research_card1_icon img {
    max-width: 55px;
    object-fit: contain;
}

.job_cardB {
    width: 100%;
    margin-top: 35px;
}

.job_cardB ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.job_cardB ul li {
    display: flex;
    flex-direction: column;
}

.job_cardB ul li span {
    font-size: 16px;
    color: #363636;
    margin-bottom: 5px;
}

.job_cardB ul li strong {
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

@media (max-width: 992px) {
    .job_cardB ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .job_cardB ul {
        grid-template-columns: 1fr;
    }
}

.research_card2 {
    width: 100%;
    border-radius: 25px;
    padding: 35px;
    border: 1px solid #ccc;
    position: relative;
    margin-top: 25px;
}

.research_card2 h4 {
    font-family: "Google Sans", sans-serif;
    font-size: 28px;
    color: var(--black);
    margin: 30px 0 15px;
    font-weight: 500;
}

.research_card2 h5 {
    font-family: "Google Sans", sans-serif;
    font-size: 20px;
    color: var(--black);
    margin: 15px 0;
    font-weight: 500;
}

.research_card2 h6 {
    font-family: "Google Sans", sans-serif;
    font-size: 18px;
    color: var(--black);
    margin-bottom: 10px;
    font-weight: 500;
}

.research_card2 .d-flex.gap-2 img {
    max-width: 26px;
    object-fit: contain;
}

.research_card2 .d-flex.gap-2 {
    margin-top: 20px;
}

.research_card2 .d-flex.gap-2 ul li {
    width: 100%;
    font-size: 17px;
    color: var(--paragraph);
    padding: 0 0 10px 25px;
    position: relative;
}

.research_card2 .d-flex.gap-2 ul li::before {
    content: '\f0a9';
    position: absolute;
    left: 0px;
    top: -1px;
    font-family: FontAwesome;
    font-size: 17px;
    color: #000;
}

.qualification_row ul {
    padding-left: 27px;
}



/* ======================================================================= */
    /* contact_sec start */
/* ======================================================================= */
.contact_sec {
	width: 100%;
}

.adress_box {
	width: 100%;
	position: relative;
	background-color: #231F20;
	padding: 50px 35px;
	border-radius: 25px;
	z-index: 1;
}

.adress_box .small_title h4 {
	font-size: 30px;
	color: var(--white);
	margin-bottom: 20px;
}

.adress_box .small_title h4 span {
	font-weight: 600;
}

.info_circle {
	width: 38px;
	height: 38px;
	border: 1px solid var(--white);
	;
    border-radius: 50%;
	text-align: center;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.info_circle i {
	color: var(--white);
	font-size: 17px;
}

.contact_sec .small, .contact_sec small {
	font-size: .745em;
	color: var(--white);
	display: block;
}

.contact_sec p {
	color: var(--white);
}

.adress_card {
	margin-bottom: 20px;
}

.adress_box .footer-social {
	border-top: 1px solid #fff;
	padding-top: 20px;
	justify-content: center;
}

.contact_sec_right {
	width: 130%;
	position: relative;
	left: -30%;
	background-color: #fff;
	padding: 100px 60px 100px 270px;
	border-radius: 25px;
	box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}

.contact_sec_right .small_title h4 {
	font-family: "Syne", sans-serif;
    font-size: 48px;
    margin-bottom: 20px;
}

.contact_sec_right .small_title h4 span {
	color: var(--theme-color);
	font-weight: 600;
}

.field02, .form-select, .form-control {
	width: 100%;
	border: none;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	background-color: transparent;
	font-size: 17px;
	color: var(--black);
	padding: 5px 15px 5px 15px;
	height: 55px;
	font-weight: 400;
	margin-bottom: 15px;
	position: relative;
}

.form-control {
	height: 120px;
}

.contact_sec_right .btn01 {
	margin-top: 25px;
	border: none;
}

.form-select:focus, .field02:focus, .form-control:focus {
	border-color: var(--theme-color);
	box-shadow: none;
}

.contact_sec .footer-social li a {
	width: 100%;
	min-width: 40px;
	max-width: 40px;
	height: 40px;
	border-radius: 8px;
	background-color: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--black);
	transition: 0.5s;
	text-decoration: none;
	box-shadow: 0px 4px 15px rgb(0 0 0 / 24%);
}

.contact_sec .footer-social li a:hover {
	background-color: var(--white);
	color: #000 !important;
	border-color: var(--white);
}

.mapsec {
	width: 100%;
	margin-top: 40px;
}

.mapsec iframe {
	width: 100%;
	min-height: 450px;
	border: 1px solid #d7d7d7;
	padding: 2px;
	border-radius: 15px;
}

.inner_connect:before {
	display: none;
}

/*-- inner about area start --*/
.inner-about-imgbox {
	position: relative;
	padding: 25px 25px 72px;
}

.inner-about-imgbox::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(../images/inner-about-img-shape.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.inner-about-imgbox .img-box {
	width: min(100%, 360px);
	height: 447px;
	overflow: hidden;
	display: flex;
	position: relative;
}

.inner-about-imgbox .img-box img {
	width: 100%;
	object-fit: cover;
}

.inner-about-imgbox .about-video-img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: min(100%, 300px);
	height: 315px;
	background-color: var(--whiteColor);
	padding: 8px;
	display: flex;
	overflow: hidden;
	border-radius: 12px;
}

.inner-about-imgbox .about-video-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.inner-about-imgbox .about-video-img .about-video-link {
	position: absolute;
	inset: 0;
	background-color: rgb(35 31 32 / 50%);
	border: 8px solid #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.inner-about-imgbox .about-video-img .about-video-link img {
	width: auto;
	height: 72px;
	object-fit: contain;
}

.webContent h2 {
	color: var(--blackColor);
	font-size: 40px;
	font-weight: 500;
	line-height: 50px;
	margin: 0 0 12px;
}

.webContent p {
	color: #212121;
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 16px;
}

.webContent p:last-child {
	margin: 0;
}

.inner-about-content .webContent {
	margin-bottom: 40px;
}

.inner-about-wrapper .inner-about-media {
	margin-bottom: 32px;
}

.inner-about-wrapper .inner-about-media .media-icon {
	width: clamp(80px, 100%, 80px);
	height: 80px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--redColor);
	padding: 20px;
	position: relative;
}

.inner-about-wrapper .inner-about-media .media-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.inner-about-wrapper .inner-about-media .media-icon span {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: var(--whiteColor);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
	font-size: 15px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.inner-about-wrapper .inner-about-media .media-body {
	padding-left: 20px;
}

.inner-about-wrapper .inner-about-media .media-body h4 {
	color: var(--blackColor);
	font-size: 26px;
	line-height: 36px;
	margin: 0 0 8px;
}

.inner-about-wrapper .inner-about-media .media-body p {
	color: var(--blackColor);
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

.inner-about-content .about-contact-media .media-icon img {
	width: auto;
	height: 46px;
	object-fit: contain;
}

.inner-about-content .about-contact-media .media-body {
	padding-left: 16px;
}

.inner-about-content .about-contact-media .media-body h6 {
	color: var(--blackColor);
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	margin: 0 0 0;
}

.inner-about-content .about-contact-media .media-body p {
	font-size: 20px;
	line-height: 30px;
	color: var(--blackColor);
}

.inner-about-content .about-contact-media .media-body p span, .inner-about-content .about-contact-media .media-body a {
	color: var(--redColor);
}
/*-- inner about area stop --*/
/*-- inner success area start --*/
.webText h2, .webText h3 {
	font-size: 50px;
	font-weight: 400;
	line-height: normal;
	color: var(--blackColor);
	margin-bottom: 8px;
}

.webText h3 {
	font-size: 40px;
}

.webText p {
	color: #212121;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
}

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

.webText ul li {
	color: #212121;
	font-size: 18px;
	font-weight: 400;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px;
	background-image: url(../images/check-icon1.png);
	padding-left: 28px;
}

.inner-success-area .webText {
	text-align: center;
	margin-bottom: 40px;
}

.inner-success-area .webText p {
	width: min(100%, 623px);
	margin: 0 auto;
}

.inner-success-card {
	text-align: center;
	transition: all 0.5s ease-out;
	padding: 35px 25px;
	border-radius: 20px;
	width: 100%;
}

.inner-success-card:hover {
	box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
}

.inner-success-card .icon {
	width: min(100%, 112px);
	height: 112px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 26px;
	margin: 0 auto 20px;
}

.inner-success-card .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
}

.inner-success-card:hover .icon img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(4%) hue-rotate(119deg) brightness(102%) contrast(100%);
}

.inner-success-card .icon::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(../images/icon-shape1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.inner-success-card:hover .icon::before {
	background-image: url(../images/icon-shape1-hover.png);
}

.inner-success-card h4 {
	color: var(--blackColor);
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 12px;
}

.inner-success-card p {
	color: var(--blackColor);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
/*-- inner success area stop --*/
/*-- inner aboutHiring area start --*/
.innerAboutHiringArea .innerAboutHiring-img {
	position: relative;
}

.innerAboutHiring-img .img-box {
	height: 464px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.innerAboutHiring-img .img-box::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url(../images/hiring-card-shape.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	mix-blend-mode: screen;
}

.innerAboutHiring-img .img-box2 {
	width: min(100%, 218px);
	height: 175px;
	display: flex;
	overflow: hidden;
	border-radius: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(67px);
}

.innerAboutHiring-img .img-box2 img {
	width: 100%;
	object-fit: cover;
}

.innerAboutHiring-img .number-count {
	width: min(100%, 120px);
	height: 114px;
	border-radius: 20px;
	background-color: rgb(35 31 32 / 15%);
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 8px;
	display: flex;
	align-items: center;
}

.innerAboutHiring-img .number-count h6 {
	color: var(--blackColor);
	font-size: 30px;
	font-weight: 500;
	line-height: normal;
}

.innerAboutHiring-img .number-count p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--blackColor);
}

.webText.innerAboutHiring-content p {
	margin-bottom: 30px;
}

.webText.innerAboutHiring-content ul {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 40px;
}

.webText.innerAboutHiring-content ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	width: calc(50% - 20px);
 /* 2 column layout */;
}

.webText.innerAboutHiring-content h3 {
	margin-bottom: 16px;
}

.btn {
	font-size: 17px;
	padding: 10px 28px;
	border-radius: 30px;
	border: 1px solid;
	display: inline-block;
}

.btn-primary {
	border-color: #231F20;
	background-color: #231F20;
	color: var(--whiteColor);
}

.webText.innerAboutHiring-content .btn {
	margin-top: 35px;
}

.innerAboutHiringArea .row {
	align-items: center;
}
/*-- inner aboutHiring area stop --*/
/*-- inner aboutFaq area start --*/
.inner-aboutCounter-area .webText {
	text-align: center;
	margin-bottom: 40px;
}

.inner-aboutCounter-area .webText h3 {
	margin-bottom: 12px;
}

.inner-aboutCounter-area .webText p {
	width: min(100%, 746px);
	margin: 0 auto;
}

.accordion .accordion-item {
	margin-bottom: 16px;
	border: none;
	overflow: hidden;
	box-shadow: 0 7px 20px rgb(0 0 0 / 5%);
	border-radius: 25px;
}

.accordion .accordion-item .accordion-button {
	padding: 25px;
	font-size: 20px;
	font-weight: 500;
	color: var(--blackColor);
	line-height: normal;
	box-shadow: none;
	background-color: transparent;
}

.accordion .accordion-item .accordion-button span {
	color: #FF7200;
	margin-right: 8px;
}

.accordion .accordion-item .accordion-body {
	padding: 0 25px 25px;
	color: var(--blackColor);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

.accordion .accordion-item .accordion-body::selection {
	color: var(--blackColor);
}

.accordion .accordion-item .accordion-button::after {
	background-image: url(../images/arrow-right.png);
	width: min(100%, 42px);
	height: 42px;
	border: 1.5px solid #FF7200;
	border-radius: 50%;
	background-position: center;
	background-size: 14px;
	background-repeat: no-repeat;
}

.accordion .accordion-item .accordion-button:not(.collapsed)::after {
	transform: rotate(90deg);
	border-color: #000000;
	background-color: #000000;
	background-image: url(../images/arrow-right-hover.png);
}
/*-- inner aboutFaq area stop --*/
.whitebox1 br, .whitebox2 br, .whitebox2 br, .weserve_sec .title3 br {
	display: none;
}

.tailored_card a{
	color:var(--black);
}




.wpcf7 form.sent .wpcf7-response-output {
  border-color: #231f20;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #000;
}
.btngrp a{
	margin-right:8px;
}

.nav-menu > li {
    border-bottom: none;
}

.contact_sec_right1021{width: 100%;
  position: initial;
  padding: 25px;}

.contact_sec_right1021 .small_title h4 {
  
  text-align: center;
}


.tml-action .status-publish {
    padding: 55px 45px;
    box-shadow: 0px 0px 10px 0px #ddd;
    border-radius: 10px;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}
.tml-action .status-publish .entry-header h1 {
    text-align: center;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 35px;
}
.tml-field {
    height: 50px;
    padding: 6px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background-color: #ffffff !important;
}
.tml-field:active{
	background-color:#ffffff !important;
}
.tml .tml-field-wrap {
    position: relative;
}
.tml .tml-field-wrap .tml-label {
    font-size: 14px;
    color: #000000;
}
.tml-button{font-weight: 500;
  border-radius: 30px;
  padding: 10px 35px;
  color: var(--white);
  text-align: center;
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  transition: 0.6s;}
.tml-links li a{color: #eb1c24;}
.dashboard_sidebar, .dashboard_content{box-shadow: 0px 0px 10px 0px #ddd;
  border-radius: 0px;
  padding: 15px 15px;}
.dashboard_sidebar h5{font-size: 25px;
  margin-bottom: 10px;}
.dashboard_sidebar ul li a.active {
  background: #eb1c24;
  color: #fff;
}
.dashboard_sidebar ul li a {
  display: block;
  padding: 10px;
  border-bottom: 0px solid #eee;
  color: #f00;
}
.tml .tml-message {
    border-left: 2px solid #eb1c24;
    font-size: 15px;
}
.description.indicator-hint{
	font-size: 15px;
}
#pass-strength-result {
    font-size: 15px;
    padding: 10px 10px;
}
/* ======================================================================= */
    /*  contactB_sec start */
/* ======================================================================= */
.contactB_sec {
    width: 100%;
}

.contactB_secbox {
    width: 80%;
    padding: 60px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px #dddddd8c;
    background-color: #fff;
    margin: 0 auto;
}

.contactB_sec .form_boxB {
    margin-top: 0;
    width: 80%;
    margin: auto;
    padding: 50px 69px 24px;
}

.contactB_sec .form_boxB .title3 {
    width: 70%;
}

.office_info {
    width: 100%;
}

.office_info .title3 {
    width: 43%;
    margin: 0 auto;
}

.office_info .nav {
    justify-content: center;
    gap: 10px;
    margin-bottom: 35px;
}

.office_info .nav-link {
    font-size: 18px;
    color: #000000;
    border: 1px solid #000;
    padding: 0.5rem 25px;
}

.office_info .nav-pills .nav-link {
    border-radius: 30px;
}

.office_info .nav-pills .nav-link.active, .office_info .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #000;
}

.adress_box {
    width: 100%;
    position: relative;
    background-color: #231F20;
    padding: 30px 35px;
    border-radius: 25px;
    z-index: 1;
    height: 467px;
}

.adress_card {
    margin-bottom: 20px;
}

.info_circle {
    width: 38px;
    height: 38px;
    border: 1px solid var(--white);
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info_circle i {
    color: var(--white);
    font-size: 17px;
}

.office_info .small, .office_info small {
    font-size: 15px;
    color: var(--white);
    display: block;
    margin-bottom: 5px;
}

.adress_box p {
    color: var(--white);
}
.adress_box p a{
    color: var(--white);
}
.office_info .small_title h4 {
    font-size: 38px;
    color: var(--white);
    margin-bottom: 30px;
}

.office_info iframe {
    width: 100%;
    height: 467px;
    border-radius: 25px;
}

/*-- popup css start --*/
.sgpb-content{
	padding:24px !important;
	position: relative;
}
.sgpb-content .sgpb-main-html-content-wrapper h4 {
    font-size: 32px;
    position: relative;
    margin-bottom: 25px;
}
.form-group.popform {
    position: relative;
    margin-bottom: 24px;
}
.form-group.popform .form-control10 , .form-group.popform select.form-select{
    border: 1px solid rgb(0 0 0 / 50%);
    height: 50px;
    width: 100%;
    border-radius: 8px;
    padding: 12px;
    font-size: 16px;
}
.form-group.popform textarea.form-control10{
	height:100px;
	resize:none;
}
.form-group.popform label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    color: #000000;
    transform: translate(10px, -12px);
    background-color: #ffffff;
    z-index: 1;
    padding: 0 5px;
}
.form-group.popform label span {
    color: #ff0000;
    margin-left: 4px;
}
.form-group.popform br{
	display:none;
}
.sgpb-content div{
	overflow:unset !important;
	margin-top: 0;
}
.init .btn01{
	margin-top:-12px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    margin: 0;
    background-color: #ffebec;
    color: #000000;
    font-size: 12px;
    text-align: center;
    margin-top: 16px;
    padding: 6px;
}
.copyright p a{
	color:#ffffff;
}
/*-- popup css stop --*/
.banner_sec .btn01 {
    display: inline-flex;
    align-items: center;
    margin-top: 30px;
}
.banner_sec .btn01 i {
    font-size: 30px;
    position: relative;
    left: -11px;
}

.navarea .btn01 {
    padding: 10px 14px;
}

.flex-shrink-0.info_circle.whatsapp {
    background-color: #29A71A;
    border-color: #29A71A;
}
.flex-shrink-0.info_circle.whatsapp i {
    font-size: 28px;
}

/* modal popup css */

.contactModalpopup .modal-content {
      border: none;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 30px 80px rgba(0,0,0,0.35);
    }

   .contactModalpopup .modal-header {
    background: linear-gradient(135deg, #b9011a 0%, #d33100 100%);
    padding: 18px 28px 14px;
    border-bottom: none;
    position: relative;
    font-size: 29px;
}
   .contactModalpopup .modal-header .modal-title {
    font-weight: 700;
    font-size: 1.25rem;
    color: #fff;
    letter-spacing: normal;
}
    .contactModalpopup .modal-header .modal-subtitle {
      font-size: 0.82rem;
      color: rgba(255,255,255,0.7);
      margin-top: 2px;
    }
   .contactModalpopup .modal-header .btn-close {
    filter: invert(1) brightness(2);
    opacity: 1;
    background-size: 20px;
}
    .contactModalpopup .modal-header .btn-close:hover { opacity: 1; }

    .contactModalpopup .modal-body {
      background: #fff;
      padding: 28px 28px 24px;
    }

    .contactModalpopup .are-you-label {
      font-size: 0.8rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      color: #6b7280;
      margin-bottom: 10px;
    }

    .contactModalpopup .tab-toggle {
      display: flex;
      background: #f1f5f9;
      border-radius: 50px;
      padding: 4px;
      gap: 4px;
      margin-bottom: 28px;
    }
    .contactModalpopup .tab-toggle .tab-btn {
      flex: 1;
      border: none;
      background: transparent;
      border-radius: 50px;
      padding: 9px 16px;
      font-weight: 600;
      font-size: 0.88rem;
      color: #6b7280;
      cursor: pointer;
      transition: all 0.25s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
    }
    .contactModalpopup .tab-toggle .tab-btn .tab-icon {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }
    .contactModalpopup .tab-toggle .tab-btn.active {
    background: linear-gradient(135deg, #b9011a 0%, #d33100 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgb(212 32 14 / 35%);
}
    .contactModalpopup .tab-toggle .tab-btn:hover:not(.active) {
      color: #000000;
      background: rgba(14,165,212,0.08);
    }

    .contactModalpopup .form-section { display: none; }
    .contactModalpopup .form-section.active { display: block; }

    .contactModalpopup .form-label {
      font-size: 0.82rem;
      font-weight: 600;
      color: #374151;
      margin-bottom: 6px;
      letter-spacing: 0.2px;
    }
    .form-label .req {
    color: #ff0e00;
}

    .contactModalpopup .form-control, .contactModalpopup .form-select {
      border: 1.5px solid #e2e8f0;
		height:auto;
      border-radius: 10px;
      font-size: 0.9rem;
      color: #1e293b;
      padding: 10px 14px;
      background: #f8fafc;
      transition: all 0.2s ease;
	 margin:0px;
    }
    .contactModalpopup .form-control:focus, .contactModalpopup .form-select:focus {
      border-color: #0ea5d4;
      background: #fff;
      box-shadow: 0 0 0 3px rgba(14,165,212,0.12);
    }
    .contactModalpopup textarea.form-control { resize: none; }

    .contactModalpopup .upload-area {
      border: 2px dashed #cbd5e1;
      border-radius: 12px;
      padding: 18px 14px;
      text-align: center;
      cursor: pointer;
      transition: all 0.25s ease;
      background: #f8fafc;
      position: relative;
    }
    .contactModalpopup .upload-area:hover {
      border-color:#ff6947;
      background: rgba(14,165,212,0.04);
    }
    .contactModalpopup .upload-area.has-file {
      border-color: #0ea5d4;
      background: rgba(14,165,212,0.06);
    }
    .contactModalpopup .upload-area input[type="file"] {
      position: absolute;
      inset: 0;
      opacity: 0;
      cursor: pointer;
      width: 100%;
      height: 100%;
    }
    .contactModalpopup .upload-icon {
      margin-bottom: 6px;
    }
    .contactModalpopup .upload-text {
      font-size: 0.82rem;
      color: #6b7280;
      font-family: 'DM Sans', sans-serif;
    }
    .contactModalpopup .upload-text strong {
      color: #000000;
      font-weight: 600;
    }
    .contactModalpopup .upload-filename {
      font-size: 0.8rem;
      color: #0ea5d4;
      font-weight: 500;
      margin-top: 4px;
      display: none;
    }
    .contactModalpopup .upload-area.has-file .upload-filename { display: block; }
    .contactModalpopup .upload-area.has-file .upload-text { display: none; }
    .contactModalpopup .upload-area.has-file .upload-icon { display: none; }

    .contactModalpopup .submit-btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #850308 0%, #eb1c24 100%);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 4px;
    box-shadow: 0 4px 20px rgb(212 51 14 / 30%);
}
    .submit-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 8px 28px rgba(14,165,212,0.45);
    }
    .submit-btn:active { transform: scale(0.99); }

    .success-state {
      display: none;
      text-align: center;
      padding: 20px 10px 10px;
    }
    .success-state.show { display: block; }
    .success-icon {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: linear-gradient(135deg, #1e3a5f, #0ea5d4);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px;
    }
    .success-icon svg { width: 32px; height: 32px; }
    .success-title {
      font-family: 'Outfit', sans-serif;
      font-weight: 700;
      font-size: 1.2rem;
      color: #1e293b;
      margin-bottom: 8px;
    }
    .success-msg {
      font-size: 0.88rem;
      color: #6b7280;
      line-height: 1.6;
      margin-bottom: 22px;
    }
    .success-back-btn {
      font-family: 'Outfit', sans-serif;
      font-weight: 600;
      font-size: 0.85rem;
      border: 1.5px solid #0ea5d4;
      color: #0ea5d4;
      background: transparent;
      padding: 9px 24px;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .success-back-btn:hover {
      background: #0ea5d4;
      color: #fff;
    }

    .form-wrapper { animation: fadeUp 0.3s ease; }
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(10px); }
      to   { opacity: 1; transform: translateY(0); }
    }




/* filter area 23.04.26 */


/* ── FILTER CARD ── */
  .filter-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(30,58,95,.07);
  }
  .filter-title {
    font-family: 'Syne', sans-serif; font-size: 24px; font-weight: 700;
    color: #000; margin-bottom: 18px;
    display: flex; align-items: center; gap: 8px;
  }
  .filter-title svg {
    color: #eb1c24;
}
  .filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
  }
  .filter-group { display: flex; flex-direction: column; gap: 6px; }
  .filter-group label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #000;
    font-family: "Google Sans", sans-serif;
}
 .filter-group input, .filter-group select {
    padding: 10px 14px;
    border: 1.5px solid rgb(0 0 0 / 27%);
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13.5px;
    color: #000;
    background: rgb(236 34 41 / 6%);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
  .filter-group input:focus,
  .filter-group select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(14,165,212,.12);
    background: #fff;
  }
  .filter-actions {
    display: flex; gap: 10px; margin-top: 18px; align-items: center;
  }
  .btn-apply {
    padding: 10px 24px;
    background: #000000;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-family: 'DM Sans', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, transform .1s;
}
  .btn-apply:hover { background: #000; transform: translateY(-1px); }
  .btn-clear {
    padding: 10px 18px;
    background: #eb1c24;
    color: #fff;
    border: 1.5px solid var(--border); border-radius: 10px;
    font-family: 'DM Sans', sans-serif; font-size: 13.5px; font-weight: 500;
    cursor: pointer; transition: all .2s;
  }
  .btn-clear:hover { border-color: var(--primary); color: var(--primary); }
  .filter-count {
    margin-left: auto; font-size: 13px; color: var(--muted);
  }
  .filter-count strong { color: var(--navy); }

 /* ── TABLE CARD ── */
  .table-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(30,58,95,.07);
    margin-bottom: 50px;
}
  .table-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid var(--border);
    flex-wrap: wrap; gap: 12px;
  }
  .toolbar-left {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; color: var(--muted);
  }
  .toolbar-left strong { color: var(--text); font-size: 14px; }
  .toolbar-right { display: flex; align-items: center; gap: 10px; }
  .perpage-label { font-size: 12px; color: var(--muted); font-weight: 500; }
  .perpage-select {
    padding: 7px 12px;
    border: 1.5px solid var(--border); border-radius: 8px;
    font-family: 'DM Sans', sans-serif; font-size: 13px;
    color: var(--text); background: #f8fafc; outline: none; cursor: pointer;
    transition: border-color .2s;
  }
  .perpage-select:focus { border-color: var(--primary); }

  /* TABLE */
  .table-wrap { overflow-x: auto; }
  table {
    width: 100%; border-collapse: collapse;
  }
  thead tr {
    background: #f5f8fb;
    border-bottom: 2px solid var(--border);
  }
 thead th {
    padding: 13px 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase;
    color: var(--navy);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: color .15s;
}
  thead th:hover { color: var(--primary); }
  thead th .sort-icon { margin-left: 5px; opacity: .4; font-size: 10px; }
  thead th.sorted-asc .sort-icon::after { content: '▲'; opacity: 1; color: var(--primary); }
  thead th.sorted-desc .sort-icon::after { content: '▼'; opacity: 1; color: var(--primary); }
  thead th:not(.sorted-asc):not(.sorted-desc) .sort-icon::after { content: '⇅'; }

  tbody tr {
    border-bottom: 1px solid #f0f3f7;
    transition: background .15s;
    animation: rowIn .3s ease both;
  }
  @keyframes rowIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }
  tbody tr:hover { background: var(--row-hover); }
  tbody tr:last-child { border-bottom: none; }
 tbody td {
    padding: 10px 20px;
    font-size: 16px;
    vertical-align: middle;
}

  .job-title-cell {
    font-weight: 600;
    color: var(--navy);
    font-size: 16px;
}
  .job-dept { font-size: 12px; font-weight: 400; color: var(--muted); margin-top: 2px; }

.date-cell {
    color: var(--muted);
    font-size: 16px;
    white-space: nowrap;
}
  .location-flag { margin-right: 5px; }

  .salary-cell { font-weight: 600; color: var(--green); font-size: 16px; white-space: nowrap; }

  .date-cell {
    color: var(--muted);
    font-size: 16px;
    white-space: nowrap;
}
  .date-new {
    display: inline-block; margin-left: 6px;
    background: #dcfce7; color: #15803d;
    font-size: 10px; font-weight: 700; letter-spacing: .05em;
    padding: 1px 6px; border-radius: 50px; text-transform: uppercase;
  }

  .badge {
    display: inline-block; padding: 3px 10px; border-radius: 50px;
    font-size: 11.5px; font-weight: 600; letter-spacing: .03em;
  }
  .badge-fulltime    { background: var(--badge-ft); color: var(--badge-ft-t); }
  .badge-parttime    { background: var(--badge-pt); color: var(--badge-pt-t); }
  .badge-casual      { background: var(--badge-ca); color: var(--badge-ca-t); }
  .badge-shortterm   { background: var(--badge-st); color: var(--badge-st-t); }
  .badge-contract    { background: var(--badge-co); color: var(--badge-co-t); }
  .badge-projectbased{ background: var(--badge-pb); color: var(--badge-pb-t); }
  .badge-oncall      { background: var(--badge-oc); color: var(--badge-oc-t); }
  .badge-longterm    { background: var(--badge-lt); color: var(--badge-lt-t); }

 .btn-view {
    padding: 7px 16px;
    background: var(--accent);
    color: var(--primary);
    border: 1.5px solid rgba(14,165,212,.3);
    border-radius: 8px;
    /* font-family: 'DM Sans', sans-serif; */
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
}
  .btn-view:hover {
    background: #000; color: #fff;
    border-color:#000;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(14,165,212,.3);
  }

  /* EMPTY */
  .empty-row td {
    text-align: center; padding: 60px 20px;
    color: var(--muted); font-size: 14px;
  }
  .empty-icon { font-size: 40px; display: block; margin-bottom: 12px; opacity: .3; }

  /* ── PAGINATION ── */
  .pagination-wrap {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 24px;
    border-top: 1px solid var(--border);
    flex-wrap: wrap; gap: 12px;
  }
  .page-info { font-size: 13px; color: var(--muted); }
  .page-info strong { color: var(--text); }
  .page-btns { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
  .page-btn {
    min-width: 36px; height: 36px;
    padding: 0 10px;
    border: 1.5px solid var(--border); border-radius: 8px;
    background: #fff; color: var(--text);
    font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 500;
    cursor: pointer; transition: all .15s;
    display: flex; align-items: center; justify-content: center;
  }
  .page-btn:hover:not(:disabled) { border-color: var(--primary); color: var(--primary); background: var(--accent); }
  .page-btn.active { background: var(--primary); color: #fff; border-color: var(--primary); font-weight: 700; }
  .page-btn:disabled { opacity: .35; cursor: not-allowed; }
  .page-ellipsis { padding: 0 6px; color: var(--muted); font-size: 14px; }

.iti {
    width: 100%;
}




/*-- service details area start --*/
.service-details-area .service-details-list {
    border-radius: 6px;
    background-color: #EB1C24;
    padding: 25px 20px;top: 90px;
}
.service-details-area .service-details-list h3{
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px;
}
.service-details-area .service-details-list h3 img {
    margin-left: 10px;
    width: auto;
    height: 15px;
    object-fit: contain;
}
.service-details-area .service-details-list .list li{
    margin: 0 0 12px;
}
.service-details-area .service-details-list .list li:last-child{
    margin: 0 0 0;
}
.service-details-area .service-details-list .list li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    background-color: #ffffff;
    border-radius: 6px;
    color: #000000;
    padding: 13px;
    padding-right: 30px;
}

.service-details-area .service-details-list .list li.active a{color: #EB1C24;}
.service-details-area .service-details-list .list li a::after {
    content: '\f105';
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 16px;
    font-family: FontAwesome;
}
.service-details-area .service-details-list .list li a:hover, .service-details-area .service-details-list .list li a:hover::after{
    color: #EB1C24;
}
.card.service-details-card{
    margin-bottom: 25px;
}
.card.service-details-card:last-child{
    margin-bottom: 0;
}
.card.service-details-card .card-img{
    margin-bottom: 20px;
}
.card.service-details-card .card-img img{
    width: 100%;
    object-fit: cover;
}
.card.service-details-card .card-body h2, .card.service-details-card .card-body h3{
    color: #000;
    font-size: 34px;
    font-weight: 400;
    margin: 0 0 15px;
}
.card.service-details-card .card-body p{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 10px;
}

.card-body{ padding:0px}
.card.service-details-card:last-child {
  margin-bottom: 0;
  border: none;
}
/*-- service details area stop --*/


.headerarea a.btn01 {
    display: none;
}

/* ── Comment Form ────────────────────────────────── */
#comments .comment-reply-title {
    font-size: 22px;
    font-weight: 500;
    border-left: 3px solid #262223;
    padding-left: 14px;
    margin-bottom: 1.5rem;
    margin-top: 24px;
}
#comments .comment-reply-title small a {
  font-size: 13px;
  color: #1D74CF;
  text-decoration: none;
  margin-left: 10px;
}
#comments .comment-notes {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 1.5rem;
}
#comments .comment-notes .required { color: #D04425; }

#commentform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
#commentform .comment-form-comment,
#commentform .comment-form-url,
#commentform .comment-form-cookies-consent,
#commentform .form-submit {
  grid-column: 1 / -1;
}
#commentform p { margin: 0; }

#commentform label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 6px;
}
#commentform label .required { color: #D04425; }

#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
  width: 100%;
  box-sizing: border-box;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 14px;
  color: #111827;
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
  resize: vertical;
}
#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus {
  border-color: #1D74CF;
  box-shadow: 0 0 0 3px rgba(29, 116, 207, 0.12);
}
#commentform textarea { min-height: 120px; }

#commentform .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 8px;
}
#commentform .comment-form-cookies-consent label {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0;
}
#commentform input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #1D74CF;
  flex-shrink: 0;
  cursor: pointer;
}

#commentform input[type="submit"] {
    background: linear-gradient(135deg, #ec1c24, #b33b41);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 11px 28px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.02em;
    transition: opacity 0.2s, transform 0.1s;
}
#commentform input[type="submit"]:hover  { opacity: 0.9; }
#commentform input[type="submit"]:active { transform: scale(0.98); }


/* ── Sidebar ─────────────────────────────────────── */
#sidebar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#sidebar ul { list-style: none; margin: 0; padding: 0; }

#sidebar .widget {
    padding: 20px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 15px;
}

/* Widget headings */
#sidebar .wp-block-heading {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}

/* ── Search ── */
#sidebar .wp-block-search__label { display: none; }
#sidebar .wp-block-search__inside-wrapper { display: flex; }

#sidebar .wp-block-search__input {
  flex: 1;
  padding: 9px 12px;
  font-size: 13px;
  border: 1px solid #e5e7eb;
  border-right: none;
  border-radius: 6px 0 0 6px;
  background: #f9fafb;
  color: #111827;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#sidebar .wp-block-search__input:focus {
  border-color: #1D74CF;
  box-shadow: 0 0 0 3px rgba(29, 116, 207, 0.12);
}

#sidebar .wp-block-search__button {
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 500;
    background: linear-gradient(135deg, #ec1c24, #b33b41);
    color: #fff;
    border: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    transition: opacity 0.2s;
}
#sidebar .wp-block-search__button:hover { opacity: 0.88; }

/* ── Recent Posts ── */
#sidebar .wp-block-latest-posts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sidebar .wp-block-latest-posts li {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}
#sidebar .wp-block-latest-posts li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#sidebar .wp-block-latest-posts__post-title {
  font-size: 13px;
  color: #111827;
  text-decoration: none;
  line-height: 1.5;
  display: block;
  transition: color 0.2s;
}
#sidebar .wp-block-latest-posts__post-title:hover { color: #1D74CF; }

/* ── No Comments ── */
#sidebar .no-comments {
  font-size: 13px;
  color: #6b7280;
}

/* ── Archives & Categories ── */
#sidebar .wp-block-archives-list,
#sidebar .wp-block-categories-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#sidebar .wp-block-archives-list li,
#sidebar .wp-block-categories-list li { list-style: none; }

#sidebar .wp-block-archives-list a,
#sidebar .wp-block-categories-list a {
  font-size: 13px;
  color: #111827;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s;
}
#sidebar .wp-block-archives-list a::before,
#sidebar .wp-block-categories-list a::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #1D74CF;
  flex-shrink: 0;
}
#sidebar .wp-block-archives-list a:hover,
#sidebar .wp-block-categories-list a:hover { color: #1D74CF; }


/* ── Single Post Article ─────────────────────────── */

/* Header */
.entry-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: #111827;
  margin: 0 0 1.25rem;
  font-family: Georgia, serif;
}
.post-thumbnail {
  margin: 0 0 2rem;
  border-radius: 10px;
  overflow: hidden;
}
.post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

/* Content */
.entry-content {
    font-size: 15px;
    line-height: 1.85;
    color: #111827;
    font-family: Georgia, serif;
    font-family: "Google Sans", sans-serif;
    margin: 0 0 1rem;
    font-size: 16px;
    text-align: justify;
}
.entry-content p {
    margin: 0 0 1rem;
    font-size: 16px;
}

/* Bold section headings */
.entry-content > p > strong, .entry-content h2, .entry-content h3 {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #111827;
    margin: 1.75rem 0 0.75rem;
    font-family: sans-serif;
    padding-left: 12px;
    border-left: 3px solid #262223;
}
/* Lists */
.entry-content ul {
  margin: 0.5rem 0 1.25rem;
  padding-left: 26px;
  list-style: disc;
  display: block;
  gap: 8px;
}
.entry-content ul li {
  font-size: 14px;
  padding-left: 0;
  position: relative;
  line-height: 1.7;
  font-family: sans-serif;
  display: list-item;
}
.entry-content ul li::before {
    content: none;
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ec1c24;
}
/* Nested list */
.entry-content ul ul { margin: 8px 0 0 12px; gap: 5px; }
.entry-content ul ul li::before {
  background: #b33b41;
  width: 5px;
  height: 5px;
}

/* CTA link */
.entry-content a[href*="contact"] {
    display: inline-block;
    margin-top: 4px;
    background: linear-gradient(135deg, #ec1c24, #b33b41);
    color: #fff;
    text-decoration: none;
    padding: 1px 15px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    font-family: sans-serif;
    transition: opacity 0.2s;
}
.entry-content a[href*="contact"]:hover { opacity: 0.88; }

/* Footer */
.entry-footer {
  margin-top: 2rem;
  padding-top: 14px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-family: sans-serif;
}
.posted-by {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  font-size: 12px;
  color: #6b7280;
}
.posted-by a,
.post-taxonomies a { color: #1D74CF; text-decoration: none; }
.posted-by a:hover,
.post-taxonomies a:hover { text-decoration: underline; }
.post-taxonomies { font-size: 12px; color: #6b7280; }
.edit-link { margin-left: auto; }
.edit-link a {
  font-size: 11px;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  padding: 3px 8px;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.15s;
}
.edit-link a:hover { background: #f9fafb; }
/* ── No Results / Not Found ─────────────────────────────── */
.no-results.not-found {
    /* padding: 80px 20px; */
    text-align: center;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: linear-gradient(135deg, #f0f6ff 0%, #fff8f0 100%); */
}

.no-results.not-found::before {
    content: "🔍";
    font-size: 64px;
    display: block;
    margin-bottom: 24px;
    opacity: 0.6;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.6; }
    50%       { transform: scale(1.08); opacity: 0.9; }
}

/* Header */
.no-results.not-found .page-header {
    margin-bottom: 20px;
}

.no-results.not-found .page-title {
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 700;
    color: #1a2340;
    margin: 0 0 8px;
    line-height: 1.3;
}

.no-results.not-found .page-title .page-description.search-term {
    color: #ec2028;
    font-style: italic;
    position: relative;
}

.no-results.not-found .page-title .page-description.search-term::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #1D74CF, #D04425);
    border-radius: 2px;
}

/* Content */
.no-results.not-found .page-content {
    max-width: 540px;
    width: 100%;
}

.no-results.not-found .page-content > p {
    font-size: 1rem;
    color: #5a6070;
    margin-bottom: 32px;
    line-height: 1.6;
}

/* Search Form */
.no-results.not-found .search-form {
    display: flex;
    align-items: center;
    gap: 0;
    background: #fff;
    border: 1.5px solid #d0daea;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(29, 116, 207, 0.10);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
    max-width: 480px;
    margin: 0 auto;
}

.no-results.not-found .search-form:focus-within {
    border-color: #1D74CF;
    box-shadow: 0 4px 24px rgba(29, 116, 207, 0.20);
}

.no-results.not-found .search-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
}

.no-results.not-found .search-form .search-field {
    flex: 1;
    border: none;
    outline: none;
    padding: 14px 20px;
    font-size: 0.95rem;
    color: #1a2340;
    background: transparent;
    min-width: 0;
}

.no-results.not-found .search-form .search-field::placeholder {
    color: #aab0bf;
}

.no-results.not-found .search-form .search-submit {
    flex-shrink: 0;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 26px;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #fff;
    background: linear-gradient(135deg, #ec2028 0%, #D04425 100%);
    border-radius: 0 50px 50px 0;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.no-results.not-found .search-form .search-submit:hover {
    opacity: 0.88;
}

.no-results.not-found .search-form .search-submit:active {
    transform: scale(0.97);
}

/* Responsive */
@media (max-width: 480px) {
    .no-results.not-found {
        padding: 60px 16px;
    }

    .no-results.not-found .search-form {
        flex-direction: column;
        border-radius: 14px;
        padding: 6px;
        gap: 6px;
    }

    .no-results.not-found .search-form .search-field {
        width: 100%;
        padding: 12px 14px;
    }

    .no-results.not-found .search-form .search-submit {
        width: 100%;
        border-radius: 10px;
        padding: 12px;
        text-align: center;
    }
}