@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
    --primary: #155dfc;
    --secondary: #155dfc;
    --third: #fff;
    --forth: #ebebeb;
    --fifth: #c0c0c0;
    --sixth: #155dfc;
    --dark: #1f2937;
    --text: #4a5565;
    --fontP: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fontH: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --lh: 24px;
    --br: 6px;
    --ls: 0.5px;
    --ts: 0.35s all ease-in-out;
}
body {
    padding: 0;
    margin: 0;
    font-display: optional;
    background-color: #fbfcff;
    /* font-family: var(--fontP) !important; */
}
p,
span,
td,
font {
    font-family: var(--fontP) !important;
    line-height: 28px;
    font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fontH) !important;
}
p,
span {
    font-family: var(--fontP);
}
.log-div-img img {
    height: 35px;
    object-fit: contain;
}
ul,
p {
    margin-bottom: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
h2.title,
.abt-div-box-2 h1 {
    font-size: 35px;
    letter-spacing: var(--ls);
    font-weight: 700;
    color: var(--dark);
}
h2.title,
.inn-pge-div_srv_ttl > h2 {
    font-size: 36px;
    letter-spacing: var(--ls);
    font-weight: 700;
    color: var(--dark);
    line-height: 40px;
}
h2.title + span {
    color: #4a5565;
    font-size: 20px;
    font-weight: 400;
}
.w-m-991 {
    max-width: 700px;
    margin: 0 auto;
}
h2.Summary {
    font-size: 28px;
    letter-spacing: var(--ls);
    font-weight: 700;
    color: #2c2c2c;
}
p {
    letter-spacing: var(--ls);
    line-height: var(--lh);
}
a {
    letter-spacing: var(--ls);
    line-height: var(--lh);
    text-decoration: none;
    cursor: pointer;
}
.py-70 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.pt-70 {
    padding-top: 90px;
}
.pb-70 {
    padding-bottom: 90px;
}
.btn {
    box-shadow: none !important;
}
.top-hea-div {
    background-color: var(--secondary);
    padding: 6px 10px;
}
.top-hea-div ul a {
    font-size: 16px;
    color: #fff;
    align-items: center;
    display: flex;
}
.top-hea-div ul {
    grid-gap: 10px;
}
.top-hea-div ul i {
    font-size: 16px;
    padding: 8px 10px;
}
.top-hea-btn i {
    border: 1px solid #ffffff40 !important;
    background: #ffffff1a;
    width: 45px;
    height: 45px;
    font-size: 21px;
    color: var(--third);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.foo-div_addr_cnt > span {
    font-size: 15px;
    color: var(--forth);
    line-height: 20px;
    font-weight: 400;
}
nav > ul > li > ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    background: #fff;
    width: 250px;
    padding: 15px 30px !important;
    z-index: 9;
    display: block;
    transform: translateY(-30px);
    transition: var(--ts);
}
nav > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) !important;
}
nav > ul > li > ul a {
    font-size: 14px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: #666;
    font-weight: 500;
    font-family: var(--fontP) !important;
    padding: 6px 0;
    display: block;
}
nav > ul > li > ul a:hover {
    color: var(--forth);
}
nav > ul > li > a {
    color: var(--dark);
    display: flex;
    font-family: var(--fontP) !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 20px 20px;
}
nav > ul > li > a.active,
nav > ul > li:hover > a {
    color: var(--sixth);
}
nav > ul > li {
    font-size: 20px;
    position: relative;
}
.nav-btn-div a {
    font-size: 15px;
    display: flex;
    margin-left: 6px;
    padding: 12px 25px;
}
.nav-btn-div a:last-child i {
    font-size: 30px;
    color: var(--secondary);
    opacity: 0.3;
    cursor: pointer;
    transition: var(--ts);
}
.nav-btn-div > a:last-child {
    background: transparent !important;
}
.nav-btn-div a:last-child:hover i {
    opacity: 1;
    background: transparent !important;
}
.nav-btn-div a:first-child {
    color: #fff;
    background: var(--forth);
    transition: var(--ts);
}
.nav-btn-div a:first-child:hover {
    background: var(--primary);
}
.sli-div .carousel-item,
.image-loader-wrapper {
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
}
.sli-div .carousel-item > img {
    height: 400px;
    object-fit: cover;
}
.sli-div-box {
    padding: 95px 0px;
}
.sli-div-box-cnt {
    height: auto;
    align-content: center;
    display: grid;
    color: #fff;
}
.sli-div-box-cnt > h1 > span {
    font-family: var(--fontH) !important;
    font-size: 60px;
    color: var(--dark);
    font-weight: 900;
}
.sli-div-box-cnt > h1 > span:last-child {
    color: var(--primary);
}
.sli-div-box-cnt > h1 {
    line-height: 70px;
}
.sli-div-box-cnt .sli-div-box-cnt-1 p,
.sli-div-box-cnt .sli-div-box-cnt-1 span,
.sli-div-box-cnt-1 {
    font-weight: 400;
    margin-top: 10px;
    letter-spacing: var(--ls) !important;
    line-height: var(--lh) !important;
    color: #eeeded;
    font-family: var(--fontP) !important;
}
.sli-div-box-btn > a,
.inn-no-pge-div_link_container > a > span {
    background: var(--primary);
    border-radius: 8px;
    padding: 8px 40px;
    margin-top: 16px;
    color: #fff;
    font-family: var(--fontP);
    letter-spacing: var(--ls);
    font-weight: 500;
    border: 1px solid var(--primary);
}
.sli-div-box-btn > a:last-child {
    background: transparent;
    border: 1px solid var(--secondary);
    color: var(--secondary);
    transition: var(--ts);
}
.sli-div-box-btn > a:hover {
    background: var(--third);
    border-color: var(--third);
    color: var(--secondary);
}
.abt-btn,
.abt-srv-div-cnt a.lnk,
.abt-why-div-box a.lnk,
.ins-div-box a.lnk {
    padding: 8px 30px;
    width: 100%;
    font-size: 16px;
    color: var(--third);
    background-color: var(--sixth);
    border: 0;
    border-radius: var(--br);
    font-family: var(--fontH);
    transition: var(--ts);
    font-weight: 500;
    letter-spacing: var(--ls);
}
.abt-btn:hover {
    background-color: var(--primary);
    color: #fff;
}
.abt-div {
    background: #fefefe;
}
.about-div-cnt1 {
    font-size: 16px;
    color: #6e6e6e;
    line-height: 26px;
    margin-top: 10px;
}
.abt-div-box-2 > span {
    font-weight: 400 !important;
    font-family: var(--fontP) !important;
    margin: 10px 0;
    display: block;
    line-height: var(--lh);
    color: var(--forth);
    font-size: 14px !important;
    letter-spacing: var(--ls);
}
.abt-div-specilists {
    height: 100%;
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: center center;
}
.abt-why-div-box-cnt > h3 {
    font-weight: 700;
    font-size: 18px;
    color: var(--dark);
    letter-spacing: var(--ls);
    line-height: var(--lh);
    padding: 0 20px;
}
.abt-why-div-box-cnt_desc {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    margin-top: 10px;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.why-us-div-inn-cnt span,
.why-us-div-inn-cnt p,
.why-us-div-inn-cnt div,
.why-us-div-inn-cnt {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inn-pge-div p,
.why-us-div-inn-cnt,
.why-us-div-inn-cnt p,
.why-us-div-inn-cnt span,
.why-us-div-inn-cnt div {
    font-size: 16px;
    font-family: var(--fontP) !important;
    color: #666 !important;
    letter-spacing: var(--ls);
    margin-top: 10px;
    line-height: var(--lh);
}
#industry-insight-box .suc-str-div-cnt p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    line-height: var(--lh);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.abt-div-box {
    width: 180px;
}
.abt-div-box span {
    padding: 7% 2% 2% 5%;
    width: 240px;
    height: 83px;
    position: absolute;
    top: -35px;
    font-weight: 400;
    margin-left: -10%;
    background: url("../img/itSpecilist.png");
    font-size: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.abt-div-box > img {
    width: 300px;
    height: 200px;
    display: block;
    margin: -200px 0 0 1px;
    background: linear-gradient(90deg, #ffffff45 76%, transparent);
    padding: 30px;
    border-radius: var(--br);
    backdrop-filter: blur(2px);
    object-fit: contain;
}
.why-div {
    background-color: #f1f1f1;
}
.abt-why-div-box-icn {
    width: 80px;
    margin: 0 auto 10px;
}
.abt-why-div-box {
    text-align: center;
    padding: 0 16px;
}
.abt-srv-div-cnt {
    background: #fff;
    padding: 10px 20px 20px;
    margin-bottom: 0px;
    min-height: 170px;
}
.abt-srv-div-cnt a:hover,
.abt-why-div-box a:hover {
    background-color: var(--sixth);
    color: var(--forth);
}
.abt-srv-div {
    box-shadow: 0 11px 12px 0 var(--tw-shadow-color, #0000001a),
        0 3px 2px -1px var(--tw-shadow-color, #0000001a);
    margin: 15px 0;
    border: 2px solid transparent;
    overflow: hidden;
    background: #fff;
    border-radius: var(--br);
    transition: var(--ts);
}
.bg-gray-50 {
    background-color: #fbf9fa;
}
.abt-srv-div-cnt p {
    font-size: 14px;
    line-height: var(--lh);
    color: var(--text);
}
.ith-div-box-cnt-description span,
.ith-div-box-cnt-description div,
.ith-div-box-cnt-description p {
    font-family: var(--fontP) !important;
    font-size: 16px !important;
    color: #666;
    letter-spacing: var(--ls) !important;
    line-height: var(--lh);
}
.ser-pro-div_box {
    text-align: center;
    margin-bottom: 40px;
}
.ser-pro-div_box h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark);
}
.ser-pro-div_box span {
    color: var(--text);
    line-height: 20px;
}
.ser-pro-div_box {
    position: relative;
}
.ser-pro-div_box::before {
    content: "";
    position: absolute;
    top: 31px;
    right: -201px;
    height: 2px;
    width: 100%;
    background-color: #e2e8f0;
    z-index: -1;
}
.ser-pro-div
    > .container
    > .row
    + .row
    > .col-12:nth-child(3n)
    .ser-pro-div_box::before {
    display: none;
}
.whyChoose-div_box_ h5 > span {
    font-size: 20px;
}
.whyChoose-div_box {
    border: 1px solid #e3e7f3;
    padding: 20px 30px;
    border-radius: 10px;
    cursor: pointer;
    transition: var(--ts);
}
.whyChoose-div_box:hover {
    box-shadow: 0 6px 8px -1px var(--tw-shadow-color, #0000001a),
        0 5px 4px -2px var(--tw-shadow-color, #0000001a);
}
.whyChoose-div_box_icn > i {
    transform: scale(0.9);
    transition: var(--ts);
}
.whyChoose-div_box:hover .whyChoose-div_box_icn > i {
    transform: scale(1);
    margin-left: -20px;
    transition: var(--ts);
}
.cou_div .gla-div-box-div_img > img {
    width: 45px;
}

.cou_div .gla-div-box-div h3 {
    font-size: 36px;
    color: #1e40af;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    line-height: 40px;
    margin-top: 8px;
    display: block;
}
.whyChoose-div_box_ > h5 + span {
    font-size: 16px;
    line-height: var(--lh);
    color: #6f6f6f;
}

.whyChoose-div_box_icn {
    width: 10px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin: 0 auto 15px;
}
.gla-div-box-div.h-auto {
    min-height: auto !important;
}
.cou_div .gla-div-box-div.h-auto h3 {
    margin-bottom: 6px;
}
.gla-div-box-div.h-auto p {
    margin-bottom: 0;
    padding-bottom: 0;
    color: var(--text);
    font-weight: 400;
    font-size: 16px;
}
.whyChoose-div_box_icn i {
    font-size: 30px;
    color: #1e40af;
}
.ser-pro-div_box_step {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    background: #1e40af;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto 20px;
}

.abt-srv-div:hover a.btn,
.abt-srv-div:hover .abt-srv-div-img-icn > i {
    color: #fff !important;
}
.abt-srv-div:hover .abt-srv-div_flex h3 {
    color: #1e40af;
}
.abt-srv-div:hover .abt-srv-div-img-icn,
.abt-srv-div:hover a.btn {
    background-color: #1e40af !important;
}

.abt-srv-div-cnt h3 {
    font-size: 20px;
    color: var(--dark);
    font-weight: 600;
    letter-spacing: var(--ls);
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: var(--transition);
}
section.ser-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
}
.our-spec-div-box {
    width: 97%;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #7f7f7f29;
    text-align: center;
    height: 260px;
    border-radius: 15px;
    transition: var(--ts);
    display: block;
}
.our-spec-div-box:hover {
    box-shadow: 0 7px 20px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}
.our-spec-div-box h3 {
    font-weight: 600;
    font-size: 16px;
    color: var(--dark);
    letter-spacing: var(--ls);
    line-height: var(--lh);
}
.our-spec-div-box-img {
    width: 170px;
    margin: 20px auto 13px;
    height: 170px;
    object-fit: contain;
}
.ith-div-sli-cnt a > span {
    font-size: 16px;
    white-space: nowrap;
}
.spe-div {
    background: #f1f1f1;
}
.spe-ind-div-box-cnt span {
    color: var(--dark);
    background: #f9fcff;
    margin: 0 20px 15px 0;
    padding: 10px 24px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    border: 1px solid var(--forth);
    font-family: var(--fontP);
    border-radius: 30px;
    transition: var(--ts);
}
.spe-ind-div-box-cnt span:hover {
    background: #e0efff;
    color: var(--secondary);
}
.gla-div-box-div {
    text-align: center;
    width: calc(100% / 4.4);
    margin: 30px 10px 0 0;
    background: var(--third);
    border-radius: 12px;
    padding: 25px 8px;
    box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.15);
    min-height: 195px;
}
.sli-div .gla-div-box-div i {
    font-size: 30px!important;
    color: var(--primary);
}
.sli-div .gal-div-box-div {
    box-shadow: 0 11px 12px 0 var(--tw-shadow-color, #0000001a),
        0 3px 2px -1px var(--tw-shadow-color, #0000001a)!important;
        border: 2px solid #e2e8f0;
}
.sli-div .gla-div-box-div {
    min-height: 185px!important;
}
.getInTouhcForm > h5 {
    font-size: 18px;
    color: var(--text);
}
._inn-sli-div-box_design {
    height: auto;
    max-width: 991px;
    position: relative;
    margin: 0 auto;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}
.lea-div_box_cnt h5 {
    margin: 0;
    font-size: 20px;
    color: var(--dark);
    font-weight: 600;
    line-height: var(--lh);
}
.lea-div_box_cnt p {
    font-size: 14px;
    color: var(--text-);
    line-height: 20px;
}

.cul-div > .container {
    background-image: linear-gradient(0deg, #fff7ed, #fff7ed);
    border-radius: 20px;
    border: 2px solid oklch(92.4% 0.12 95.746);
}
.val-div .lbl-with-icon i {
    font-size: 20px;
}
.cul-div_lbl > span {
    margin: 0 8px;
    color: #973c00;
    background: #fef3c6;
    padding: 2px 10px 2px;
    border-radius: var(--br);
    font-size: 12px;
    display: grid;
    width: fit-content;
    font-weight: 500;
}
.lea-div_box_img {
    width: 80px;
    height: 80px;
    background: #dcdfe1;
    border-radius: 100%;
    margin-bottom: 20px;
}
.lea-div_box_cnt span {
    color: #1e40af;
    margin: 5px 0 12px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
.lea-div_box {
    text-align: center;
    box-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    margin: 15px 0;
    padding: 50px 30px;
    border: 2px solid #e2e8f0;
    overflow: hidden;
    background: #fff;
    border-radius: var(--br);
}
.inn_abt_us svg,
.lbl-with-icon svg {
    color: #1e40af;
}
.inn_abt_us,
.lbl-with-icon {
    line-height: 24px;
    display: flex;
    align-items: center;
    font-size: 16px;
    background: #e2e8f0;
    border: 1px solid #e2e8f0;
    padding: 11px 30px;
    width: fit-content;
    border-radius: 100px;
    margin: 0 auto;
    font-weight: 600;
    color: #1e40af;
}
.val-srv-div-img,
.div_counter_product .gla-div-box-div_img,
.gla-div-box-div_img {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gla-div-box-div i,
.val-srv-div-img i {
    font-size: 45px;
    color: #1e40af;
    transform: scale(0.95);
    transition: var(--ts);
}
.gla-div-box-div:hover i,
.val-srv-div:hover i {
    transform: scale(1);
    margin-left: -15px;
    transition: var(--ts);
}
.val-srv-div:hover,
.abt-srv-div:hover,
.rgn-div_box:hover {
    border: 2px solid #e2e8f0;
}
.sli-div .gla-div-box-div_img {
    background: transparent !important;
    width: 50px;
    height: 50px;
}
.sli-div .gla-div-box-div p {
    font-size: 14px;
    font-family: var(--fontP) !important;
    color: var(--text);
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
    padding: 0 10px;
}
.div_counter_product .gla-div-box-div p {
    font-size: 15px;
}
.sli-div .gla-div-box-div h3 {
    font-size: 26px;
    color: var(--dark);
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
}
.gla-div-box-div_img > img {
    object-fit: contain;
}
.rgn-div_box {
    box-shadow: 0 11px 12px 0 var(--tw-shadow-color, #0000001a),
        0 3px 2px -1px var(--tw-shadow-color, #0000001a);
    margin: 15px 0 25px;
    padding: 30px 30px;
    cursor: pointer;
    border: 2px solid transparent;
    overflow: hidden;
    background: #fff;
    border-radius: var(--br);
    min-height: 137px;
    transition: var(--ts);
}
.rgn-div_box_flex {
    display: flex;
}
.rgn-div_box_icn i {
    font-size: 25px;
    color: #1e40af;
}
.rgn-div_box_icn {
    background: #e3e7f3;
    width: 48px;
    height: 48px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}
.rgn-div_box_ttl {
    text-align: start;
    padding-left: 20px;
    width: calc(100% - 60px);
}
.rgn-div_box_ttl h4 {
    font-weight: 700;
    color: var(--dark);
    font-size: 18px;
    margin-bottom: 0;
}
.rgn-div_box_ttl span {
    color: #4a5565;
    line-height: 23px;
    padding-top: 10px;
    display: block;
    font-size: 16px;
}
.lea-div_box_img > img {
    width: 80px !important;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
    object-position: top;
}
.val-srv-div h3 {
    font-size: 20px;
    color: var(--dark);
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    line-height: var(--lh);
}
.div_counter_product .gla-div-box-div h3 {
    font-size: 20px;
    color: var(--dark);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    line-height: 28px;
}
.bg-gray-50 .gla-div-box-div {
    padding-bottom: 0 !important;
}
.bg-gray-50 .gla-div-box-div p {
    font-weight: 400;
    color: var(--text);
    line-height: 24px;
    margin-top: 10px;
}
.bg-gray-50 .gla-div-box-div_img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: #e3e7f3;
    transition: var(--ts);
}
.bg-gray-50 .gla-div-box-div i {
    font-size: 35px;
    transform: none !important;
}
.bg-gray-50 .gla-div-box-div:hover i {
    color: #fff;
    transform: none !important;
}
.bg-gray-50 .gla-div-box-div:hover .gla-div-box-div_img {
    background-color: #1e40af;
}
.gla-div-box-div span {
    color: var(--text);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.gla-div-box-div p {
    font-size: 18px;
    font-family: var(--fontP) !important;
    color: var(--dark);
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 8px;
}
.client-all-btn > a {
    background: var(--forth);
    color: #fff;
    font-size: 15px;
    letter-spacing: var(--ls);
}
.ser-div .owl-nav > button.owl-prev,
.ser-div .owl-nav > button.owl-next,
.cli-div .owl-nav > button.owl-prev,
.cli-div .owl-nav > button.owl-next,
.ith-div .owl-nav > button.owl-prev,
.ith-div .owl-nav > button.owl-next {
    position: absolute;
    font-size: 60px;
    color: var(--secondary);
}
.ith-div .owl-nav > button.owl-prev {
    top: 30%;
    left: -30px;
    color: #fff;
}
.ith-div .owl-nav > button.owl-next {
    top: 30%;
    color: #fff;
    right: -30px;
}
.ser-div .owl-nav > button.owl-prev {
    top: 36%;
    color: #fff !important;
    left: -40px;
}
.ser-div .owl-nav > button.owl-next {
    top: 36%;
    color: #fff !important;
    right: -40px;
}
.cli-div .owl-nav > button.owl-prev {
    left: -40px;
    top: 27px;
}
.cli-div .owl-nav > button.owl-next {
    right: -40px;
    top: 27px;
}
.cli-div {
    background-color: #fff;
}
a.ins-btn {
    position: relative;
    color: var(--forth) !important;
    padding: 8px 40px;
    border: 1px solid var(--forth) !important;
    font-weight: 600;
    display: block;
    font-size: 15px;
    letter-spacing: 2px;
    transition: var(--ts);
    width: fit-content;
    margin: 24px auto 0 !important;
}
.cli-div-box-img img {
    height: 100px;
    object-fit: contain;
    padding: 0 15px;
}
.ith-div {
    background: #f1f1f1;
}
.ith-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
}
.ith-div-box-cnt-description {
    display: -webkit-inline-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px !important;
    font-family: var(--fontP) !important;
    color: #425057;
    letter-spacing: var(--ls) !important;
    line-height: var(--lh);
    min-height: 75px;
}

.ith-div-sli-div.position-relative {
    padding: 0px;
}
.ith-div-sli-cnt {
    background: #fff;
    box-shadow: 0 0 10px 0 #0202021c;
    padding: 20px 25px;
    min-height: 204px;
}
.ith-div-sli-cnt a:hover {
    /* background-color: var(--primary); */
    color: var(--dark);
}
.ith-div-sli-cnt h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: var(--ls);
    color: var(--dark);
    line-height: var(--lh);
}
.ith-div-sli-cnt a {
    background: transparent;
    color: var(--primary);
    text-align: start;
    padding: 6px 0;
    font-weight: 600;
    transition: var(--ts);
}
.span_lnk {
    display: flex;
	white-space: nowrap;
    align-items: center;
}
.span_lnk > span {
    padding: 1px 10px 2px;
    background: #dbeafe;
    border-radius: 5px;
    color: #193cb8;
    font-size: 10px;
    font-weight: 600;
}
/* a.ith-div-sli-cnt > span {
    font-size: 16px;
} */
.ith-div-slid-cnt p {
    font-size: 16px;
    color: #6e6e6e;
    margin-top: 10px;
    padding: 0 20px;
}
.ins-div-img > img {
    height: 220px;
    object-fit: cover;
    transform: scale(1);
    object-position: top;
    transform: var(--ts);
}
.ins-div-box {
    box-shadow: 0 0 15px #00000017;
    border: 1px solid #fff;
    margin: 10px;
}
.ins-div-cnt > date {
    font-size: 13px;
    font-weight: 600;
    color: #ba0001cf;
    padding: 10px 0;
    display: block;
    letter-spacing: 1px;
    transform: skew(-3deg, 0);
}
.ins-div-author {
    display: flex;
    align-items: center;
}
.ins-div-author > img {
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
    height: 40px;
    object-fit: cover;
    object-position: left;
}
.ins-div-author + p {
    font-weight: 400;
    color: #5b5b5b;
    font-family: var(--fontP);
    line-height: 26px;
    font-size: 15px;
    padding: 14px 0;
}
.ins-div-author span {
    color: #464545;
    font-weight: 600;
    letter-spacing: var(--ls);
    font-family: var(--fontP);
    line-height: 20px;
    font-size: 15px;
}
.ins-div-box a:hover {
    background-color: var(--primary);
}
.ins-div-cnt {
    padding: 12px 30px;
    min-height: 390px;
}
.ins-div-cnt h3 {
    letter-spacing: var(--ls);
    font-weight: 700;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 12px;
    color: var(--dark);
}
.ith-div-sli-cnt > h3 {
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ins-nws-div {
    background: #f1f1f1;
}
.ins-nws-div-cnt h5 {
    color: var(--dark);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    transition: var(--ts);
}
.ins-nws-div-cnt:hover h5 {
    color: var(--primary);
}
.ins-nws-div-author > span {
    letter-spacing: var(--ls);
    line-height: var(--lh);
    width: calc(100% - 180px);
    font-family: var(--fontP) !important;
    font-size: 16px !important;
    color: #666;
}
.ins-nws-div-author {
    display: flex;
    align-items: top;
}
.ins-nws-div .row.d-md-flex > div {
    border-bottom: 1px dashed #bcbcbc;
}
.ins-nws-div .row.d-md-flex > div:nth-child(3),
.ins-nws-div .row.d-md-flex > div:nth-child(4) {
    border-bottom: none !important;
}
.ins-nws-div-box {
    margin-bottom: 30px;
    padding: 30px 30px 30px;
}
.ins-nws-div-author img {
    overflow: hidden;
    width: 180px;
    display: block;
    height: 150px;
    border-radius: 8px;
    object-fit: cover;
    object-position: left;
    margin-top: 8px;
}
.ins-nws-div .row.d-md-flex > div:nth-child(odd) {
    border-right: 1px dashed #bcbcbc;
}
.faq-div {
    width: 100%;
    background-image: url(../img/female_engineer.jpg);
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    z-index: 1;
    background-position: top center;
    background-repeat: no-repeat;
}
.faq-tab-btn {
    background: transparent !important;
    padding: 8px 40px;
    border: 1px solid var(--forth);
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    transition: var(--ts);
    width: fit-content;
    margin-top: 0;
    border-color: #ffffffb3 !important;
    color: #fff !important;
}
.faq-tab-btn:hover {
    background: var(--primary) !important;
    color: #fff;
}
.faq-div-desc {
    color: #b0b0b0;
    font-size: 16px;
    font-family: var(--fontP);
}
.faq-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 306px;
    background: #000000de;
    width: 100%;
    z-index: -1;
    backdrop-filter: blur(2px);
}
#faq-tab li button,
#faq-tab li a,
#inn-jobs-tab li button {
    background: #fff;
    border-radius: var(--br);
    margin-right: 12px;
    color: var(--secondary);
    padding: 12px 25px;
    font-family: var(--fontH);
    font-weight: 600;
    font-size: 15px;
    letter-spacing: var(--ls);
}
#faq-tab li button.active,
#faq-tab li a.active,
.inn-faq-pge-div #faq-tab li a,
#inn-jobs-tab li button.active {
    color: #fff;
    background-color: var(--forth);
}
.faq-div-box {
    padding: 20px 0;
    margin: 0 20px;
}
.accordion-button::after {
    content: "+";
    font-size: 25px;
    margin-top: 0;
    font-family: "remixicon";
    background-image: none !important;
    background-color: var(--forth);
    height: 30px;
    width: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 6px;
    transition: var(--ts);
    transform: none !important;
}
.accordion-button:not(.collapsed)::after {
    content: "_";
    align-items: end;
    padding-bottom: 17px;
}
.accordion-button:focus {
    border: 0;
    box-shadow: none;
}
.accordion-body {
    font-size: 16px;
    letter-spacing: var(--ls);
    color: var(--secondary);
    font-weight: 300;
    background: transparent !important;
}
.accordion-button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: var(--ls);
    color: var(--dark);
    font-family: var(--fontH);
    padding: 15px 20px;
}
.accordion-button:not(.collapsed) {
    background: #f8f8f8;
    font-weight: 700;
    color: var(--secondary);
}
#pills-faq {
    width: 800px;
    margin: 36px auto 0;
    background: #fff;
}
.talk-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: 700px;
    background-position: left;
    background-repeat: no-repeat;
}
.talk-div {
    background: #000;
}
.talk-div h4 {
    font-size: 60px;
    font-weight: 100;
}
.talk-div span {
    color: #ffffffba;
    font-weight: 300;
    letter-spacing: var(--ls);
    margin-top: 12px;
    display: block;
    padding-right: 120px;
}
.talk-div a {
    background: var(--primary);
    border-radius: var(--br);
    color: #fff;
    font-family: var(--fontP);
    font-weight: 500;
    padding: 15px 22px 15px 30px;
    font-size: 15px;
    margin-top: 12px;
    transition: var(--ts);
    border: 0;
    border-bottom: 3px solid #680001;
    letter-spacing: var(--ls);
}
.talk-div a:hover {
    background: #1b1b1b;
    border-color: var(--secondary);
    color: #fff;
}
.getQuotesBtn {
    padding: 5px 16px;
    background-color: #1447e6;
    border-radius: var(--br);
    font-size: 15px;
}
.foo-div {
    background: #101828;
}
.foo-div-lst h5 {
    font-weight: 600;
    color: var(--third);
    font-size: 18px;
}
.foo-div-lst.top-hea-btn > h5 + span {
    color: #1e40af;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 20px;
    display: block;
}

.foo-div-lst > img + ul i {
    font-size: 24px;
    color: #fff;
    margin: 0 0;
    display: block;
}
.foo-div-lst.top-hea-btn > img + ul {
    grid-gap: 10px;
}
.foo-div-lst ul a {
    color: #ebebebb3;
    line-height: 30px;
    font-weight: 400;
    font-size: 15px;
    transition: var(--ts);
}

.foo-div-lst ul a:hover {
    color: var(--forth);
}
.copyright {
    border-top: 1px solid #e3e3e31c;
    padding-top: 10px;
    margin-top: 20px;
}
.copy > ul a {
    font-size: 14px;
    color: var(--forth);
    letter-spacing: var(--ls);
    font-weight: 400;
    padding-left: 25px;
    position: relative;
    transition: var(--ts);
}
.copy > ul a:hover {
    color: var(--primary);
}
.copy > ul a::before {
    content: "";
    position: absolute;
    top: 3px;
    right: -13px;
    height: 15px;
    width: 1px;
    background: var(--forth);
    opacity: 0.3;
}
.copy > ul > li:last-child > a::before {
    display: none;
}
.copy h6 {
    font-size: 15px;
    color: var(--dark);
    font-family: var(--fontP);
    letter-spacing: var(--ls);
    font-weight: 400;
}
.inn-sli-div .carousel-item {
    height: 350px;
}
.inn-sli-div .carousel-item img {
    height: -webkit-fill-available;
    object-fit: cover;
    object-position: center;
}
.inn-pge-div {
    background-color: #fff;
}
.inn-sli-div-box {
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.inn-faq-form > h2.mb-0 {
    font-size: 25px;
}
.inn-sli-div-box-cnt a.active {
    background: var(--primary);
    padding: 2px 5px;
}
.inn-sli-div-box-cnt ul {
    margin-top: 15px;
}
.inn-sli-div-box-cnt h1,
.inn-sli-div-box-cnt h1 > span {
    color: #1e40af;
    font-size: 60px;
    letter-spacing: var(--ls);
    font-weight: 700;
    line-height: 60px;
    margin-top: 30px;
    transform: none;
}
.inn-sli-div-box-cnt > h1 + span {
    padding: 0 !important;
}
.inn-sli-div-box-cnt_btn a {
    background: #1e40af;
    padding: 5px 15px 7px;
    border-radius: 5px;
    font-size: 14px;
    display: grid;
    width: fit-content;
    font-weight: 600;
}
.inn-sli-div-box-cnt_btn a.outline_bg {
    background: white;
    border: 1px solid #1e40af;
    color: #1e40af !important;
}
.inn-sli-div-box-cnt > h1 ~ span {
    font-size: 18px;
    display: block;
    color: #64748b;
    letter-spacing: 0;
    font-weight: 400;
    line-height: var(--lh);
    margin-top: 15px;
}
.inn-sli-div-box-cnt a {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.whatsapp {
    background: #00c951!important;
}
.call {
    background: #2b7fff!important
}
.fs-22 {
    font-size: 22px!important;
}
.mail {
    background: #ad46ff !important;
}
.inn-sli-div-box-cnt li i {
    font-size: 10px;
    color: #fff;
    margin: 0 8px 0;
    display: block;
}
.inn-sli-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #f3f7f9;
    /* background: linear-gradient(180deg, #3a6ea5 15%, #004e988f); */
}
.breadcrumbs {
    position: absolute;
    bottom: -44px;
    width: unset;
    z-index: 1;
    background: 0;
    padding: 8px 0;
    opacity: 0.7;
}
.breadcrumbs > ul::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 8px;
    background: #ba0001;
    left: 50px;
    z-index: -1;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.breadcrumbs > ul li a.active {
    margin-right: 24px;
    color: var(--primary);
    font-weight: 600;
}
.breadcrumbs > ul li a {
    color: var(--secondary);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
}
.inn-ser-pge-div #v-pills-tab > button {
    width: 300px;
    font-size: 15px;
    margin-right: 15px;
    text-align: right;
    padding: 10px 0 10px;
    color: var(--secondary);
    margin-bottom: 15px;
    font-family: var(--fontH);
    font-weight: 800;
    letter-spacing: var(--ls);
}
#v-pills-tabContent {
    padding-left: 50px;
}
.inn-ser-pge-div-cnt p {
    font-size: 16px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: #6e6e6e;
    margin: 12px 0;
    font-weight: 400;
}
.inn-ser-pgd-div-lnk {
    color: var(--forth);
    border: 1px solid var(--forth);
    padding: 7px 20px;
    font-size: 15px;
    display: block;
    width: fit-content;
    border-radius: 30px;
    transition: var(--ts);
}
.inn-ser-pgd-div-lnk:hover {
    color: var(--third);
    background: var(--primary);
    border-color: var(--primary);
}
.inn-ser-pge-div-cnt h2 {
    font-weight: 600;
    letter-spacing: var(--ls);
    font-size: 25px;
    color: var(--secondary);
    line-height: 35px;
}
#v-pills-tab > .nav-link.active {
    background: transparent !important;
    color: var(--forth);
    border-bottom: 2px solid var(--forth);
    border-radius: var(--br);
}
.owl-buttons {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 45%;
    width: 100%;
}
.owl-buttons > button {
    font-size: 40px;
    background: var(--secondary);
    color: #fff;
    padding: 0 11px;
}
.owl-buttons > .owl-next > i {
    margin-right: -50px;
}
.owl-buttons > .owl-prev > i {
    margin-left: -50px;
}
.owl-buttons > .owl-prev > i,
.owl-buttons > .owl-next > i {
    background: var(--forth);
    color: #fff;
    padding: 14px 15px;
    font-size: 20px;
    opacity: 0.2;
    transition: var(--ts);
}
.owl-carousel:hover .owl-buttons > .owl-prev > i,
.owl-carousel:hover .owl-buttons > .owl-next > i {
    opacity: 1;
}
.cli-div .owl-buttons {
    top: 50px;
}
#getInTouch .modal-dialog {
    max-width: 800px;
}
#getInTouch .modal-header {
    padding: 20px 30px;
    box-shadow: 0 1px 16px 1px #33333317;
    border-bottom: 1px solid #dedede69;
}
#getInTouch .modal-title {
    font-size: 22px;
    font-family: var(--fontH);
    letter-spacing: var(--ls);
    color: var(--secondary);
    font-weight: 400;
}
.getInTouchForm .form-control {
    border: 0;
    padding-top: 15px;
    border-bottom: 1px solid #00000021;
    background: transparent;
    border-radius: var(--br);
    margin-bottom: 10px;
    box-shadow: none;
    outline: 0;
    color: #666;
    display: block;
    letter-spacing: var(--ls);
    font-size: 15px;
    font-family: var(--fontP);
}
.form-group.d-flex {
    padding-top: 25px;
    padding-left: 12px;
    margin-bottom: 20px;
}
.getInTouchForm input[type="checkbox"] {
    width: 14px;
    border-radius: var(--br);
    margin-right: 10px;
}
.getInTouchForm input[type="checkbox"] + span,
.getInTouchForm input[type="checkbox"] + span > a {
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 300;
    color: var(--secondary);
}
#resme-sumbit-btn,
#faq-submit-form {
    border: 0;
    width: fit-content;
}
.getInTouchForm button,
.getInTouchForm input[type="button"],
#resme-sumbit-btn,
#faq-submit-form {
    background: var(--primary);
    border-radius: var(--br);
    font-size: 15px;
    letter-spacing: var(--ls);
    color: #fff;
    font-weight: 500;
    padding: 8px 40px;
    transition: var(--ts);
}
.getInTouchForm input[type="submit"]:hover {
    background: var(--primary);
}
form label {
    color: var(--dark);
    top: 10px;
    left: 14px;
    transition: var(--ts);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--fontP);
}
form label > span {
    padding-left: 5px;
    color: #fc1515;
}
#resme-sumbit-btn {
    width: 100%;
    background-color: #d97706!important;
}
#getInTouch .modal-body {
    padding: 20px 30px;
}
::selection {
    background: #999643;
}
input:-internal-autofill-selected {
    background: #fff !important;
}
.file-div-lab + label {
    width: 100%;
    height: 36px;
    background: #fff;
    top: 0;
    left: 0;
    padding-left: 16px;
}
label > p {
    font-size: 13px;
    margin-left: 11px;
    color: var(--secondary);
    letter-spacing: 0.5px;
}
h2.get-title {
    font-size: 18px;
    font-weight: 400;
    margin: 14px 0;
    color: var(--third);
    letter-spacing: 2px;
    background: var(--sixth);
    padding: 10px 0;
    text-align: center;
}
.modal-body h5 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: VAR(--ls);
    line-height: var(--lh);
    color: var(--dark);
}
.inn-cli-box-img {
    width: 180px;
    height: 150px;
    margin: 10px auto;
}
.inn-cli-box-img > img {
    width: 200px;
    margin: 0 auto;
    height: 150px;
    object-fit: contain;
}
.inn-cli-box {
    padding: 20px 10px;
    border: 1px solid #6663;
    width: calc(100% / 4.2);
    margin: 5px;
    height: 250px;
    background: #fff;
    text-align: center;
}
.inn-cli-box > span,
.inn-cli-box > a > span {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark);
    text-transform: uppercase;
    letter-spacing: var(--ls);
}
.inn-job-pge-div-box-cnt {
    width: 100%;
    border: 1px solid #e9e9e9;
}
.inn-job-pge-div-box-cnt {
    background: #fff;
    padding: 20px 35px;
    position: relative;
}
.inn-job-1 {
    background: #fff;
    width: calc(100% - 400px);
}
.inn-job-1 > h2,
.industry-title {
    font-weight: 800;
    color: var(--dark);
    font-size: 18px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
}
.title-industry {
    font-size: 18px !important;
}
.inn-job-1 ul {
    grid-gap: 25px;
}
.inn-job-1 ul li span {
    font-size: 13px !important;
}
.inn-job-1 ul li {
    color: #00213599;
    display: flex;
    letter-spacing: 1px;
    font-weight: 500;
    align-items: center;
}
.inn-job-1 p {
    font-size: 16px;
    letter-spacing: var(--ls);
    color: #6e6e6e;
    line-height: var(--lh);
    margin: 1px 0 0;
}
.job-desc-cnt_div + a {
    position: absolute;
    right: 60px;
    top: 85px;
    border-radius: var(--br);
    margin-right: 12px;
    padding: 10px 25px;
    font-family: var(--fontH);
    font-weight: 600;
    font-size: 15px;
    background: var(--forth);
    color: #fff;
    margin-top: 20px !important;
    display: block;
    width: fit-content;
    transition: var(--ts);
    letter-spacing: var(--ls);
}
.inn-job-1 a:hover {
    background: var(--primary);
}
.inn-job-dtl-pge,
.inn-job-dtl-pge-submenu {
    padding: 20px 30px;
    border: 1px solid #e9e9e9;
}
.inn-job-btn {
    font-size: 15px;
    padding: 12px 25px;
    width: 100%;
    background: var(--forth);
    margin: 0 auto;
    border-radius: var(--br);
    color: #fff !important;
    display: block;
    letter-spacing: var(--ls);
    transition: var(--ts);
}
.inn-job-btn:hover {
    background: var(--primary);
}
.inn-job-dtl-pge-submenu ul > li > p {
    font-size: 16px;
    color: var(--dark);
    margin-bottom: 3px;
    letter-spacing: var(--ls);
    font-weight: 700;
}
.inn-job-dtl-pge-submenu ul > li > span {
    color: #666;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0;
    display: block;
    font-weight: 500;
    line-height: var(--lh);
}
.inn-job-dtl-pge-submenu ul > li {
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
    margin-bottom: 10px;
}
.inn-job-pge-key-skl {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 6px;
    margin-top: 15px !important;
}
.inn-job-pge-key-skl p {
    color: #1379ba;
    background: aliceblue;
    border-radius: 30px;
    border: 1px solid #7dcaffb0;
    padding: 0 15px;
    font-size: 14px;
    letter-spacing: var(--ls);
    margin: 0 3px 3px 0;
}
.inn-faq-pge-div .faq-div-box {
    padding: 0;
    margin: 0;
}
.inn-faq-pge-div .accordion-button:not(.collapsed) {
    background: var(--secondary);
    color: #69c5ff;
}
.inn-faq-pge-div button.accordion-button {
    background: #e3e3e3;
    font-weight: 700;
    font-size: 16px;
    border-radius: var(--br) !important;
    letter-spacing: var(--ls);
    color: var(--dark);
    padding: 16px 20px;
}
.inn-faq-pge-div {
    width: 900px;
    margin: 0 auto;
}
.inn-faq-pge-div #faq-tab li button,
.inn-faq-pge-div #faq-tab li a {
    font-size: 16px;
}
.inn-faq-pge-div .accordion-button:not(.collapsed)::after {
    background: white;
    padding-bottom: 17px;
    color: var(--secondary);
}
.inn-faq-pge-div .accordion-body {
    font-size: 16px;
    line-height: var(--lh);
    letter-spacing: var(--ls);
    font-weight: 500;
    color: #6e6e6e;
    background: transparent !important;
}
.inn-ins-dtl-cnt h1.title {
    text-transform: none !important;
}
.inn-faq-pge-div h2.accordion-header {
    border-bottom: 1px solid #c8c8c8;
}
.inn-faq-form {
    font-size: 25px;
    font-weight: 800;
}
.inn-faq-pge-div #client-div-pill .accordion-item:last-child h2 {
    border-bottom: 0;
}
.inn-faq-form h6 {
    letter-spacing: var(--ls);
    font-size: 14px;
    line-height: var(--lh);
    font-weight: 500;
}
.inn-acc-img {
    margin: 20px auto;
    width: 150px;
}
.inn-acc-1 .inn-acc-img {
    width: 300px;
}
.acc-img-div {
    margin: 20px auto;
    width: 450px;
}
.lea-div-box {
    background-image: linear-gradient(90deg, #133b54 50%, #1e628c);
}
.lea-div-box-img {
    width: 260px;
    border: 10px solid #133b54;
}
.lea-div-nme h3 {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
}
.lea-div-nme span {
    color: #fff;
    letter-spacing: 2px;
    font-weight: 200;
}
.spl-div-box-lst > ul > li:before {
    content: "";
    background-image: url("../img/checkicon-green.svg");
    width: 15px;
    height: 15px;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 6px;
}
.spl-div-box-lst > ul {
    column-count: 2;
    line-height: 41px;
}
.spl-div-box-lst > ul > li {
    display: flex;
    align-items: center;
}
.spl-div-box-lst > ul > li > span {
    margin-left: 22px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: var(--ls);
    color: #223a3a;
    margin-top: -5px;
}
.suc-str-div-box {
    background-color: #fff;
    box-shadow: 0 0 20px #3333331a;
    border: 1px solid #33333312;
    border-radius: var(--br);
}
.suc-str-div-cnt {
    padding: 20px 40px;
    min-height: 215px;
    position: relative;
}
.suc-str-div-img {
    height: 210px;
    background: #fff;
    border-bottom: 1px solid #dadada;
}
span.case-stu-tit {
    color: var(--primary);
    font-size: 14px;
    letter-spacing: var(--ls);
}
.suc-str-div-cnt h3 {
    font-size: 18px;
    line-height: var(--lh);
    padding: 15px 0 0;
    letter-spacing: var(--ls);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--dark);
    font-weight: 600;
}
.suc-str-div-cnt a {
    font-size: 15px;
    color: var(--forth);
    letter-spacing: var(--ls);
    font-weight: 600;
    position: absolute;
    bottom: 15px;
}
.suc-str-div-img > img {
    height: 200px;
    object-fit: contain;
}
.case-studies-div-img {
    width: 370px;
    height: 250px;
    margin-right: 20px;
}
.case-studies-div-img > img {
    height: 250px;
    box-shadow: 0 0 20px 0 #33333336;
    object-fit: contain;
}
.case-studies-div-nme > span {
    color: #60c1ff;
}
.case-studies-div-nme h1 {
    color: #fff;
    margin-top: 15px;
    font-size: 40px;
    font-weight: 700;
}
.case-studies-div-nme {
    margin-top: 10px;
}
.case-stu-slider {
    top: -195px;
    z-index: 1;
}
.suc_title {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: var(--secondary);
}
.suc-stu-tit {
    color: var(--forth);
    font-size: 15px;
    letter-spacing: var(--ls);
    font-weight: 700;
    margin-bottom: 6px;
    display: block;
}
.suc-sty-div-box ul {
    color: #6e6e6e;
    line-height: 35px;
    letter-spacing: var(--ls);
    margin-left: -16px;
    font-size: 16px;
}
.indus-div-cnt a {
    font-size: 15px;
    color: var(--forth);
    margin-top: 30px;
    display: block;
    transition: var(--ts);
}
.indus-div-cnt a:hover {
    color: var(--primary);
}
.bb-1 {
    border-bottom: 1px solid #00000017;
}
.ind-ins-div {
    height: 270px;
}
.ind-ins-div-box h3 {
    color: var(--secondary);
    font-weight: 800;
    font-size: 30px;
    line-height: var(--lh);
    letter-spacing: var(--ls);
}
.ind-ins-div > img {
    height: 300px;
    object-fit: cover;
}
.industry-insight-box h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.industry-insight-box .suc-str-div-img {
    height: 280px;
    border: none !important;
}
.industry-insight-box .suc-str-div-img > img {
    height: 280px;
    object-fit: cover;
}
.job-desc-cnt_div {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #666 !important;
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
}
.job-desc-cnt_div span,
.job-desc-cnt_div p {
    line-height: var(--lh);
    color: #666 !important;
}
.inn-job-dtl-1 strong {
    font-size: 18px !important;
}
.inn-job-dtl-1 span,
.inn-job-dtl-1 p {
    font-size: 15px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: #666;
}
.job-desc-cnt_div span,
.job-desc-cnt_div p,
.job-desc-cnt_div div,
.job-desc-cnt_div p,
.job-desc-cnt_div span,
.inn-job-dtl-1 div,
.inn-job-dtl-1 p,
.inn-job-dtl-1 span {
    font-family: var(--fontP) !important;
    font-size: 16px !important;
    letter-spacing: var(--ls) !important;
}
.industry-insight-box .suc-str-div-cnt {
    min-height: 230px;
    position: relative;
    padding: 30px 30px 50px;
}
.industry-insight-box .suc-str-div-cnt a {
    position: absolute;
    bottom: 8px;
    font-size: 15px;
    font-weight: 600;
    transition: var(--ts);
}
.industry-insight-box .suc-str-div-cnt a:hover {
    color: var(--primary);
}
#blog-search {
    flex: 1;
    height: 54px;
    border-radius: 5px;
    background: #fff;
    border: 2px solid #e9e9e9;
    letter-spacing: var(--ls);
    padding: 10px 20px;
    color: var(--dar);
    font-size: 15px;
    box-shadow: none !important;
}
.industry-insight-box .suc-str-div-box {
    box-shadow: 0 0 20px #0000000d;
    margin-bottom: 20px;
}
.ind-ins-sea-cat-div {
    width: 33%;
    margin-right: 14px;
    margin-left: 0;
}
.ind-ins-sea-cat-div > select {
    height: 54px;
    border-radius: 5px;
    background: #fff;
    font-size: 15px;
    border: 2px solid #e9e9e9;
    letter-spacing: var(--ls);
    padding: 10px 20px;
    color: var(--dark);
    font-weight: 500;
    box-shadow: none !important;
}
.ind-ins-sea-cat-type-div {
    width: 65%;
}
#btn-ind-ins {
    height: 54px;
    border: 2px solid var(--forth);
    width: 150px;
    color: #fff;
    font-size: 15px;
    background: var(--forth);
    border-radius: 5px;
    transition: var(--ts);
    letter-spacing: 1px;
    font-weight: 500;
}
#btn-ind-ins:hover {
    background: var(--primary);
    border-color: var(--primary);
}
.bt-1px {
    border-top: 1px dashed #bcbcbc;
}
.inn-ins-dtl-img > img {
    height: 400px;
    object-fit: cover;
    margin-bottom: 20px;
}
.inn-ins-dtl-box {
    background: #fff;
}
.inn-ins-dtl-cnt {
    padding: 0 30px 30px;
}
.inn-ins-dtl-cnt h3,
.inn-ins-dtl-cnt h1 {
    color: var(--dark);
    font-weight: 800;
    font-size: 25px;
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin: 20px 0;
}
.ind-ins-sea-cat-div,
.ind-ins-sea-cat-type-div {
    grid-gap: 15px;
}
.ind-ins-div-position-relative::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f4f3;
    z-index: -1;
}
.inn-why-lst > li {
    position: relative;
    padding-left: 15px;
}
.inn-why-lst > li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 6px solid transparent;
    border-left-color: #7b7b7b;
}
.car-ins-box {
    height: 500px;
    overflow: hidden;
    border-radius: var(--br);
    margin-bottom: 20px;
}
.car-ins-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(
        -180deg,
        rgba(15, 25, 65, 0) 33%,
        #0b 100%
    ); */
    transition: 0.35s all ease-in-out;
}
.car-ins-box:hover::before {
    backdrop-filter: blur(5px);
    background: hsl(204deg 79% 20% / 70%);
}
.car-ins-img {
    height: 500px;
}
.car-ins-img img {
    height: 500px;
    object-fit: cover;
    object-position: center center;
}
.car-ins-title {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
    transition: var(--ts);
}
.car-ins-title date {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: var(--ls);
}
.car-ins-title h3 {
    font-weight: 700;
    letter-spacing: var(--ls);
    font-size: 30px;
    line-height: 35px;
    margin-top: 11px;
}
.car-ins-box:hover .car-ins-title {
    transform: translateY(-120px);
}
.car-ins-box:hover .car-ins-desc {
    transform: translateY(0);
}
.car-ins-desc {
    z-index: 3;
    position: absolute;
    bottom: 0;
    padding: 30px;
    transition: var(--ts);
    transform: translateY(150px);
}
.car-ins-desc p {
    color: #fff;
    font-size: 16px;
    height: 60px;
    margin-bottom: 30px;
    letter-spacing: var(--ls);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.car-ins-desc a {
    font-size: 18px;
    letter-spacing: var(--ls);
    color: #fff;
    border: 2px solid #fff;
    border-radius: var(--br);
    padding: 14px 20px;
    transition: var(--ts);
}
.car-ins-desc a:hover {
    background-color: #fff;
    color: var(--secondary);
}
.car-ins-del-img {
    width: 50px;
}
.car-ins-del-box {
    padding: 50px 50px;
    background: #fff;
    margin: 0;
}
.form-submit-resume label {
    letter-spacing: 0.5px;
    font-weight: 600;
}
.form-submit-resume .form-control {
    margin-top: 8px;
    font-size: 16px;
    height: 45px;
    border: 2px solid #e9e9e9;
    box-shadow: none !important;
}
#chk-inp {
    width: 15px;
    height: 15px;
    margin-top: 8px;
}
#chk-inp + p {
    font-size: 15px;
    margin-top: 0;
    line-height: var(--lh);
    letter-spacing: var(--ls);
    font-weight: 400;
    color: #666;
}
#chk-inp + p > a {
    font-size: 15px;
    margin-top: 0;
    letter-spacing: var(--ls);
    font-weight: 500;
}
#file-upd {
    position: absolute;
    top: -8px;
    height: 100%;
    left: 0;
    opacity: 0;
}
#file-upd + span {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    letter-spacing: var(--ls);
    color: var(--primary);
}
.upload-resume-local {
    background: var(--forth);
    color: #fff;
    width: fit-content;
    margin: 10px auto;
    padding: 10px 35px;
    border-radius: var(--br);
}
.upload-resume-local + p {
    font-size: 16px;
    text-align: center;
    color: #9c9c9c;
    font-weight: 300;
}
.form-submit-resume label + span {
    font-size: 15px;
    letter-spacing: var(--ls);
    color: #666;
    margin: 6px 0 15px;
    display: block;
    line-height: var(--lh);
}
.resume-file-upload-here {
    border: 2px dashed #ced4daa6;
    border-radius: var(--br);
    padding: 30px;
    display: grid;
}
.resume-right-box {
    background: #f5f0eb !important;
    padding: 40px;
    margin: 0 30px 30px;
}
.resume-right-box-1 {
    border-radius: var(--br);
    padding: 30px;
    margin-bottom: 20px;
}
.resume-img-box {
    margin: 0 30px 30px;
}
.resume-right-box-1 h4 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: var(--ls);
    color: var(--darK);
}
.resume-right-box-1 p {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    line-height: var(--lh);
    letter-spacing: var(--ls);
}
.resume-img-box {
    margin: 0 30px 30px;
}
.resume-img-box img {
    box-shadow: -12px 10px 20px #3333331c;
}
.contact-tel > a {
    font-size: 16px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: #666;
    margin: 12px 0;
    font-weight: 500;
}
.get-direction {
    font-size: 15px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: var(--forth);
    margin: 30px 0;
    border-bottom: 1px dashed #d1d1d1;
    font-weight: 600;
    padding-bottom: 3px;
    display: flex;
    width: fit-content;
}
.get-direction > i {
    color: var(--forth);
}
.direction-iframe > iframe {
    height: 500px;
    width: 100%;
}
.contact-pge-div #v-pills-tab > button {
    border-bottom: 1px solid #33333321;
    border-radius: var(--br);
}
.contact-pge-div #v-pills-tabContent {
    padding-left: 70px;
}
.contact-pge-div #v-pills-tab > button {
    font-weight: 700;
}
.contact-pge-div .inn-ser-pge-div-cnt p {
    color: #666;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    font-size: 16px;
}
.contact-pge-div .inn-ser-pge-div-cnt h2 {
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 2px;
    color: var(--dark);
}
.ins-div-author + p {
    font-weight: 400;
    color: #5b5b5b;
    font-family: var(--fontP);
    line-height: 26px;
    font-size: 15px;
    padding: 14px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.ins-nws-div-author > span {
    letter-spacing: var(--ls);
    line-height: var(--lh);
    width: calc(100% - 180px);
    font-size: 16px;
    color: #6e6e6e;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: var(--transition);
}
.ins-div-cnt-div-box {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: var(--fontP) !important;
    font-size: 16px !important;
    color: #666;
    letter-spacing: var(--ls) !important;
    line-height: var(--lh);
}
.ith-div-sli-cnt {
    overflow: hidden;
    border-radius: 10px;
}
.ith-div-sli:hover .ins-div-img > img {
    transform: scale(1.8);
    transition: var(--ts);
}
.ith-div-sli-cnt p,
.abt-why-div-box-cnt .abt-why-div-box-cnt_desc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: var(--lh);
}
.ins-nws-div-cnt h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ins-div-cnt h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sli-div-box-cnt-1,
.sli-div-box-cnt .sli-div-box-cnt-1 p,
.sli-div-box-cnt .sli-div-box-cnt-1 span {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.abt-srv-div-cnt p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.industry-serve-div-cnt-txt {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.industry-serve-order .row:nth-child(even) > div.col-lg-6.order {
    order: 2;
}
.inn-ins-dtl-cnt.ind-ins-div-box,
.inn-ins-dtl-cnt.ind-ins-div-box span,
.inn-ins-dtl-cnt.ind-ins-div-box p,
.inn-abt-cnt-1,
.inn-abt-cnt-1 p,
.inn-abt-cnt-1 span,
.ind-ins-div-box-span td,
.ind-ins-div-box-span h6,
.ind-ins-div-box-span,
.ind-ins-div-box-span span,
.ind-ins-div-box-span p {
    font-size: 16px;
    color: #4a5565;
    font-family: var(--fontP) !important;
    margin-top: 10px;
    line-height: 28px;
}

.about-div-cnt1 {
    display: -webkit-inline-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 25px !important;
    font-size: 15px !important;
}
.abt-srv-div-img > img {
    height: 30px;
    width: 30px;
    object-fit: contain;
}
.inn-abt-cnt-1 p,
.inn-abt-cnt-1 span,
font {
    color: var(--text) !important;
}
.industry-serve-div-cnt-txt,
.industry-serve-div-cnt-txt div,
.industry-serve-div-cnt-txt span,
.industry-serve-div-cnt-txt p {
    font-size: 16px !important;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    font-family: var(--fontP) !important;
    color: #666 !important;
}
.lea-div-box-cnt span,
.lea-div-box-cnt p {
    font-size: 16px !important;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    font-family: var(--fontP) !important;
    color: #666 !important;
}
.leadership-cnt {
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffff;
    font-weight: 300;
    line-height: var(--lh);
}
.inn-pge-div .why-us-div-inn-cnt {
    -webkit-line-clamp: unset !important;
}
.inn-ser-pge-div-cnt h6 {
    font-size: 16px;
    line-height: var(--lh);
    font-weight: 700;
    letter-spacing: var(--ls);
}
.ser-div-box-2 span,
.ser-div-box-2 p,
.ser-div-box-2 div {
    font-size: 16px !important;
    line-height: var(--lh);
    color: #666 !important;
    letter-spacing: var(--ls) !important;
}
.contact-page-title > button.active {
    border-color: var(--forth) !important;
    color: var(--forth) !important;
}
.contact-page-title {
    width: 350px;
}
.contact-page-desc-cnt {
    margin-left: 20px;
}
.contact-page-title > button {
    font-size: 15px;
    padding-right: 0;
    text-align: right;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #fff !important;
    border-bottom: 2px solid #dfdfdf !important;
    border-radius: 0 !important;
    color: var(--dark);
    margin: 0 0 10px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
}
.faq-div p,
.faq-div span {
    font-size: 16px !important;
}
.inn-job-dtl-pge > h1.title {
    font-size: 25px;
}
.inn-no-pge-div {
    max-width: 800px;
    margin: 0 auto;
}
.inn-no-pge-div_title h2 {
    font-size: 82px;
    letter-spacing: -6px;
    font-weight: 900;
}
.inn-no-pge-div_title h4 {
    text-transform: uppercase;
    font-weight: 900;
    color: var(--dark) !important;
}
.inn-no-pge-div_cnt p {
    color: #666;
}
.inn-no-pge-div_link_container > a > span {
    padding: 12px 50px;
    width: fit-content;
}
.talk-div h5 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: var(--ls);
    line-height: var(--lh);
}
.ins-div-img {
    height: 220px;
    overflow: hidden;
    transition: var(--ts);
}
.ith-div-sli {
    transition: var(--ts);
}

.share-box {
    width: fit-content;
}
.share-box h3 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--fontH) !important;
    letter-spacing: 0px;
    color: var(--primary);
}
.share-box i {
    font-size: 26px;
}
.share-box i.fa-twitter {
    color: #00c4ff;
}
.share-box .fa-linkedin {
    color: #347dea;
}
.share-box .fa-whatsapp {
    color: #10b15b;
}
.share-box div {
    margin-top: -3px;
}
.comment_div_fmr {
    max-width: 600px;
}

.comment_div_fmr textarea {
    height: 100px !important;
}
.no_comments {
    color: #c7c7c7 !important;
}
.ind-ins-div-box-span > div {
    margin-left: 0 !important;
}

:where(.ind-ins-div-box-span) :where(div, span, p, a, font, strong) {
    font-family: var(--fontP) !important;
}

:where(.ind-ins-div-box-span) :where(span, p, a) {
    font-size: 16px !important;
}
.ind-ins-div-box-span a {
    color: rgb(52 125 234) !important;
    font-style: normal !important;
}
.comments_img {
    width: 50px;
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden;
}
.comments_dtl {
    width: calc(100% - 60px);
}
.comments_dtl small {
    font-size: 13px;
    margin-left: 10px;
    color: var(--primary);
    font-weight: 500;
    letter-spacing: -0.5px;
}
.comment_div_fmr p {
    margin-top: 5px;
}
.cli-div-btn:hover,
a.ins-btn:hover {
    background: transparent;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.client-all-btn > a {
    background: transparent;
    color: var(--forth);
    font-size: 15px;
    letter-spacing: var(--ls);
}

.cli-div-btn,
a.ins-btn {
    position: relative;
    color: var(--forth);
    padding: 8px 40px;
    border: 1px solid var(--forth);
    font-weight: 600;
    display: block;
    font-size: 15px;
    letter-spacing: 2px;
    transition: var(--ts);
    width: fit-content;
    margin: 24px auto 0 !important;
}
#resme-sumbit-btn:disabled {
    background-color: #000;
}
#resume-submit-btn > img {
    width: 28px;
}
#refresh > img {
    object-fit: contain;
    height: 50px;
}

/* new start 19 July */
#carouselExampleSlidesOnly {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #e2e8f0;
    background-color: #f0f6ff;
}
.sli-div_carousel {
    margin-top: 70px;
    overflow: hidden;
    border-radius: 10px;
}
.sli-div-box-cnt-1 {
    color: var(--dark);
}
.sli-div_bdg {
    background: linear-gradient(126deg, #91dfff, #008cff47);
    padding: 2px 14px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 13px;
    color: var(--dark);
    width: fit-content;
    font-weight: 600;
}
.gla-div-box {
    margin-top: -70px;
}
.cli-div-box-img {
    height: 130px;
    border: 1px solid #0000000f;
    box-shadow: 0 0 10px #00000021;
    display: flex;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 3px 18px -10px rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: center;
}

@keyframes slideUpZoomIn {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes slideDownZoomOut {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
}

/* Common transition base */
.carousel-item img {
    opacity: 0;
    transform: translateY(0px) scale(1);
    transform-origin: center;
    transition: none;
}

.carousel-item.active img {
    animation: slideUpZoomIn 0.54s ease-in-out forwards;
}

.carousel-item-start.carousel-item-prev img,
.carousel-item-end.carousel-item-next img {
    animation: slideDownZoomOut 0.54s ease-in-out forwards;
}
#imageOnlyCarousel {
    background: var(--third);
    border: 2px solid #fff;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1;
}
.carousel-control-prev i,
.carousel-control-next i {
    width: 40px;
    background: var(--third);
    height: 40px;
    font-size: 23px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark);
}
.sli-div .carousel-item > img {
    border-radius: 10px;
}
.sli-div {
    background-color: #f6faff;
    padding-bottom: 25px;
}
.log-div {
    /* border-color: #e2e8f0!important; */
    /* border-bottom: 1px solid; */
}
.sli-div .carousel-inner {
    overflow: hidden;
    border-radius: 10px;
}

/* skeleton loading start */
.image-loader-wrapper {
    position: relative;
    overflow: hidden;
}

.skeleton-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #e0e0e0 25%, #f3f3f3 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.2s ease-in-out infinite;
    z-index: 1;
    border-radius: 4px;
}

.image-loaded {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 2;
    position: relative;
}

.image-loaded.loaded {
    opacity: 1;
}

.image-loaded.loaded ~ .skeleton-loader {
    display: none;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
.opacity-80 {
    opacity: 0.8;
}
.copy p {
    font-size: 14px;
    color: var(--third);
}
.foo-div_addr ul {
    gap: 6px;
}
.abt-srv-div_flex {
    padding: 12px 20px 0;
}
.abt-srv-div_flex h3 {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    width: calc(100% - 60px);
    color: var(--dark);
}
.abt-srv-div-img-icn {
    width: 40px;
    height: 40px;
    border-radius: var(--br);
    background-color: #e8ebf7;
    transition: var(--ts);
}
.abt-srv-div-img-icn > i {
    color: #1e40af;
    font-size: 25px;
    transition: var(--ts);
}
.abt-srv-div-img-icn + span {
    font-size: 12px;
    font-weight: 500;
    color: var(--dark);
    border: 1px solid #dbe5ef;
    padding: 0px 8px;
    border-radius: var(--br);
}
.abt-srv-div-img {
    padding: 20px 20px 11px;
    /* height: 46px;
    width: 46px;
    background: var(--sixth);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    border: 1px solid var(--sixth); */
}
.inn-pge-div_srv_ttl span {
    opacity: 0.8;
}
.abt-cnt_dync h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 20px;
}
.abt-cnt_dync_span span {
    margin: 0;
}
.abt-cnt_dync_span {
    background: #e2e8f0;
    border-radius: 25px;
    border: 1px solid #e2e8f0;
    color: #1e40af;
    padding: 6px 19px;
    width: fit-content;
    margin-bottom: 18px;
    font-size: 18px;
}
.abt-cnt_dync_span > span {
    color: #1e40af !important;
    font-size: 16px !important;
    font-weight: 500;
    letter-spacing: 0;
}
.abt-cnt_dync .abt-cnt_dync_span ~ span {
    font-size: 18px !important;
    line-height: 28px;
    background: transparent !important;
    letter-spacing: var(--ls);
    color: #4a5565 !important;
    display: block;
}
.mis-div_box {
    background: linear-gradient(90deg, #ebeef6, #e8ebf5 60%, #eef3ff);
    padding: 16px 30px;
    border-radius: var(--br);
    border: 1px solid #e2e8f0;
}
.mis-div_box h3 {
    font-size: 24px;
    color: var(--dark);
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}
.mis-div_box ul {
    margin-left: 30px;
}
.mis-div_box ul > li {
    position: relative;
}
.mis-div_box ul > li strong {
    color: var(--dark);
}
.abt-cnt_dync_span_lbl > span {
    background: #075985;
    color: #fff !important;
    padding: 3px 11px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    letter-spacing: 0.5px;
}
.mis-div_box ul > li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -30px;
    background-image: url(../../assets/img/icons/check-mark.png);
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.bg-transparent {
    /* background: transparent!important;
    box-shadow: none!important; */
}
.cou_div {
    background-color: #fbf9fa;
}
.cou_div .gla-div-box-div,
.val-srv-div {
    text-align: center;
    width: 100%;
    margin: 30px 0px 0 0;
    background: #fff;
    border-radius: var(--br);
    padding: 40px 35px 50px;
    box-shadow: 0 11px 12px 0 var(--tw-shadow-color, #0000001a),
        0 3px 2px -1px var(--tw-shadow-color, #0000001a);
    border: 2px solid #e2e8f0;
    min-height: 240px;
    transition: var(--ts);
}
.val-srv-div {
    border: 2px solid #0000;
    padding: 60px 35px 70px;
}
.val-srv-div p {
    color: var(--text);
}
.cou_div .gla-div-box-div:hover {
    border-color: #b3c6df !important;
    box-shadow: 0 8px 12px 0 var(--tw-shadow-color, #00000036),
        0 0px 3px -1px var(--tw-shadow-color, #00000047);
}

textarea#msg {
    height: 100px;
}

.resume-addr_div {
    border-radius: var(--br);
    border: 1px solid #3a6ea526;
    box-shadow: 0 0 17px 0 #00000014;
    padding: 30px 40px;
}
.resume-addr_div_ul_lst_icn > i {
    color: #fc8c15;
    font-size: 25px;
}
.resume-addr_div_ul_lst_cnt strong {
    color: var(--dark);
    font-size: 16px;
    font-weight: 700;
}
.resume-addr_div_ul_lst_cnt p,
.resume-addr_div_ul_lst_cnt p > a {
    color: var(--dark);
    font-size: 16px;
}
.abt-srv-div-cnt_wrp {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.modal-lg,
.modal-xl {
    max-width: 100%;
}

.jb-div .modal-title {
    color: var(--primary);
    font-size: 28px;
    font-weight: 800;
}
.jb-div .modal-title + span {
    font-size: 16px;
    color: #051923a8;
}
.btn-close {
    position: absolute;
    top: 20px;
    right: 30px;
    background-size: 12px;
}
.jb-div_img-div_img {
    overflow: hidden;
    border-radius: 5px;
}
.jb-div_box_prc_1 > h3,
.jb-div_box_prc_1 > h3 > span {
    font-size: 24px;
    font-weight: 900;
    color: #00a0e0;
}
.jb-div_box_prc_2 span {
    font-size: 16px;
    color: var(--dark);
}
.jb-div_box_prc_3 > button {
    background: var(--primary) !important;
    border-radius: 8px;
    padding: 8px 40px;
    margin-top: 0px;
    color: #fff;
    font-family: var(--fontP);
    letter-spacing: var(--ls);
    font-weight: 500;
    border: 1px solid var(--primary) !important;
}
.jb-div_pro_dsc_1 h4,
.jb-div_pro_dsc_2 h4 {
    font-size: 18px;
    font-weight: 900;
    color: var(--dark);
}
.jb-div_pro_dsc_1 span {
    font-size: 16px;
    color: var(--dark);
    line-height: var(--lh);
}
.jb-div_box .nav {
    background: var(--forth);
    border-radius: var(--br);
    color: #000;
    border: 1px solid #3a6ea557;
}
.jb-div_box .nav-pills .nav-link.active {
    color: #fff;
    background-color: var(--sixth) !important;
    font-size: 16px;
    border-radius: var(--br);
}
.jb-div_box .nav-pills .nav-link {
    color: var(--dark);
}
.jb-div_pro_dsc_2_lst_flex {
    width: 100%;
    border: 1px solid #00000024;
    border-radius: var(--br);
    padding: 14px 20px;
    box-shadow: 0 0 10px #00000024;
}
.jb-div_pro_dsc_2_lst_icn i {
    color: var(--secondary);
    font-size: 20px;
}
.jb-div_pro_dsc_2_lst_icn {
    width: 38px;
    height: 38px;
    background: #ff67001c;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--secondary);
    margin-right: 10px;
}
.jb-div_pro_dsc_2_lst_cnt p {
    margin-top: 0;
}
.jb-div > h5 + span {
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px !important;
}
.modal-body > .container > .row > .col-lg-5 {
    position: relative;
}
.modal-body > .container > .row > .col-lg-5 > .jb-div_img-div {
    position: sticky;
    top: 17px;
}
.h-200 {
    height: 200px;
}
.h-200 > img {
    object-fit: cover !important;
}
.inn-sli-div-box-cnt h1 > span {
    color: var(--sixth);
}
.abt-srv-div_flex .abt-srv-div-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.bg-theme-sixth {
    background-color: var(--sixth);
}
.text-theme-dark {
    color: var(--dark) !important;
}
.text-theme-primary {
    color: #1e40af !important;
}
.bg-theme-gray {
    background-color: #075985 !important;
}
.text-theme-text {
    color: var(--text);
}
.abt-srv-div-cnt_lst_icn svg {
    width: 18px;
    color: #00c951;
}
ul .abt-srv-div-cnt_lst_cnt > span {
    font-size: 14px;
    line-height: var(--lh);
}
.inn_Form {
    box-shadow: 0 11px 12px 0 var(--tw-shadow-color, #0000001a),
        0 3px 2px -1px var(--tw-shadow-color, #0000001a);
    padding: 24px 30px;
    border-radius: var(--br);
    border: 1px solid #4a556526;
}
.inn_Form h2.title,
.resume-addr_div_ttl h2.title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}
.inn_Form h2.title + span,
.resume-addr_div_ttl h2.title + span {
    color: var(--text);
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
}
.resume-addr_div_ul_lst {
    border-bottom: 1px solid #4a556538;
    padding-bottom: 13px;
}
.resume-addr_div_box  .whyChoose-div_box_icn i {
    color: #d97706;
}
.resume-addr_div_box .whyChoose-div_box_ h5 {
    font-size: 14px;
    margin-bottom: 0;
}
.resume-addr_div_box .whyChoose-div_box_ > h5 + span {
    font-size: 12px;
}
.text-primary_srv {
    width: 16px!important;
    color: #1e40af!important;
}
.abt-srv-div-cnt_lst h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}