:root {
    --dark-color: 53, 67, 77;
    --light-color: 255, 255, 255;
    --clr-1: 96, 59, 165;
    --clr-2: 1, 135, 137;
}

html,
select,
.discription ul {
    scrollbar-color: rgba(var(--clr-1), 1) transparent;
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 6px;
}

body,
select,
.discription ul {
    scrollbar-width: 5px;
    scrollbar-color: rgba(var(--clr-1), 1) transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-image: linear-gradient(#ea3323, #ea3323);
}

html {
    font-family: 'Inter';
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    right: 0;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch !important;
    font-family: 'Inter';
    color: #0F0F0F;
    /* cursor: none; */
    background: #ffffff;
    overflow-x: hidden;
}

.bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

footer,
section,
.counter {
    overflow-x: hidden;
    overflow-y: clip;
}

* {
    box-sizing: border-box;
}

.my-tabs {
    display: none;
}

.my-tabs.current {
    display: block;
}

.banner {
    position: relative;
    z-index: 1;
    overflow-x: hidden !important;
}

*,
:after,
:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

a {
    outline: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition-duration: .8s;
    position: relative;
}

a.active,
a:active,
a:focus,
a:hover {
    color: #ea3323;
    outline: 0 !important;
    text-decoration: none;
}

.text-white a.active,
.text-white a:active,
.text-white a:focus,
.text-white a:hover {
    color: #a43a45;
    outline: 0 !important;
    text-decoration: none;
}

.contact a.active,
.contact a:active,
.contact a:focus,
.contact a:hover {
    color: rgba(var(--dark-color), 1) !important;
}

b,
strong {
    font-weight: 700;
}

audio,
img,
video {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter';
    font-style: normal;
    text-transform: capitalize;
    color: #373737;
}

.clr-head-shadow {
    text-shadow: 4px 4px 0px #292929;
}

h1 {
    font-size: 53px;
}

h2 {
    font-size: 80px;
}

h3 {
    font-size: 70px;
}

h6 {
    font-size: 28px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.f-120 {
    font-size: 120px;
}

.f-60 {
    font-size: 60px;
}

.f-30 {
    font-size: 30px;
}

.f-25 {
    font-size: 25px;
}

.f-15 {
    font-size: 15px;
}

.clr-1 {
    color: #ea3323;
}

.clr-2 {
    color: #42899D;
}

.clr-3 {
    color: #A43A45;
}

.btn,
button {
    background: #a43a45;
    padding: 15px 25px;
    border: unset;
    color: rgba(var(--light-color), 1);
    transition-duration: .5s;
    border-radius: 40px;
    font-size: 18px;
    position: relative;
    font-weight: 700;
}

.btn:active,
.btn:focus,
.btn:hover,
button:active,
button:focus,
button:hover {
    background: #ea3323;
    transition-duration: .5s;
    color: white !important;
}

.form-control,
input,
select {
    background: #e5e5e5;
    color: rgb(34, 34, 34);
    border: unset;
    padding: 18px 23px;
    transition-duration: .8s;
    height: auto;
    border-radius: 0px;
    font-size: 18px !important;
    box-shadow: unset;
}

.form-control:focus,
input:focus {
    box-shadow: unset;
    background: #e5e5e5;
    color: rgb(34, 34, 34);
    border: unset;
}

.text-white .form-control,
.text-white input,
.text-white select {
    background: none;
    border: 1px solid #5a5a5a;
    color: rgba(var(--light-bg-color), 1);
}

.text-white .form-control:focus,
.text-white input:focus {
    background: rgba(var(--clr-2), 1.0);
}

.text-white .form-control::placeholder,
.text-white input::placeholder {
    color: #5d5d5d;
    opacity: 1;
    font-weight: 500;
}

.form-control:focus::placeholder,
input:focus::placeholder {
    color: #5d5d5d;
    font-weight: 500;
}

.form-control::placeholder,
input::placeholder {
    color: #5d5d5d;
    font-weight: 500;
    opacity: 1;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

label.h {
    position: absolute;
    opacity: 0;
    z-index: -999999999;
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    font-size: 16px;
}


/* header-css-start */

.overlayS {
    width: 100%;
    height: 100vh;
    background: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
    transition: 2s ease;
    top: 0;
    clip-path: circle(141.2% at 100% 0);
}

.overlayS.hide {
    clip-path: circle(0% at 100% 100%);
}

header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-bottom-right-radius: unset !important;
    background-color: unset !important;
    z-index: 99;
}

.header-first-rwo .btn {
    color: white;
    background: #ea3323;
    padding: 18px 30px 18px 56px;
    position: relative;
    border-radius: 43px;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.header-first-rwo .btn:hover {
    color: white;
    background: #131313;
}

.header-first-rwo .btn:hover::before {
    background: #ea3323;
    box-shadow: 0px 0px 16px #ea3323;
}

.header-first-rwo .btn::before {
    content: "";
    position: absolute;
    left: 27px;
    animation: top-head-btn-anime 0.6s infinite;
    width: 20px;
    height: 20px;
    transition: 0.4s linear;
    bottom: 20px;
    border-radius: 50%;
    background: black;
}

@-webkit-keyframes top-head-btn-anime {
    0% {
        background: black;
        transform: scale(0.8);
    }

    50% {
        background: rgb(255, 255, 255);
        transform: scale(1);
    }

    100% {
        background: black;
        transform: scale(0.8);
    }
}

.header-second-row ul li a {
    position: relative;
    width: 100%;
    color: #212121;
}

.header-second-row ul li a:hover,
.header-second-row ul li a:active {
    color: #212121;
}

.header-second-row ul li a:hover::before {
    transform: scale(1);
}

.header-second-row ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ea3323;
    transition: 0.3s linear;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    transform: scale(0);
}

.header-second-row {
    padding-top: 41px;
}

.footer-links-col-2 h5 {
    font-size: 20px;
    font-weight: 600;
    color: #efefef;
    margin-bottom: 40px;
}

.footer-links-col-2 ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #acacac;
}

.footer-links-col-2 ul li a:hover {
    color: #ea3323;
    padding-left: 10px;
}

.footer-links-col-2 ul li {
    line-height: 26px;
    transition: 0.4s linear;
}

.footer-links-col-1 img {
    margin-bottom: 40px;
}

.footer-links-col-1 p {
    line-height: 26px;
}

.footer-links-col-2 {
    padding-top: 22px;
}

footer {
    padding: 103px 0px 47px 0px;
    background: #303030;
}

.footer-links-col p {
    color: #acacac;
}

.footer-links-col-3 ul li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #D9D9D9;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.footer-links-col-3 ul li a:hover {
    background: #ea3323;
    border: 2px solid #ea3323;
    transform: scale(1.3);
    box-shadow: 0px 0px 16px #ea3323;
}

.footer-links-col-row {
    padding-top: 40px;
}

.dropdown-cont {
    width: 377px;
    height: auto;
    background-color: #ffffff;
    transition: all 0.5s ease-in-out;
    z-index: 9999;
    transform-origin: left top;
    transform: scaleY(0);
    font-size: 13px;
    color: white;
    border-bottom: 5px solid #ea3323;
    left: 0;
    padding: 8px 0px 15px;
    box-shadow: 0px 8px 16px #0000001f;
}

.dropdown {
    font-size: 15px !important;
}

.dropdown:hover .dropdown-cont {
    transform: scaleY(1);
}

.custom-dropdown-anchor::before {
    display: none !important;
    content: unset !important;
}

.custom-dropdown-anchor img {
    max-width: 100%;
}

.custom-dropdown-anchor {
    font-size: 16px;
    font-weight: 400 !important;
    color: #303030 !important;
}

.custom-dropdown-anchor:hover {
    padding-left: 8px;
}

.dropdown-cont li {
    border-bottom: 1px solid rgb(54 54 54 / 12%);
    padding: 13px 18px;
    position: relative;
}

.dropdown-cont-contact {
    width: 377px;
    height: auto;
    background-color: #ffffff;
    transition: all 0.5s ease-in-out;
    z-index: 9999;
    transform-origin: left top;
    transform: scaleY(0);
    font-size: 13px;
    color: white;
    border-bottom: 5px solid #ea3323;
    right: 0;
    padding: 8px 23px 15px;
    box-shadow: 0px 8px 16px #0000001f;
}

.dropdown-cont-contact li {
    border-bottom: 1px solid rgb(54 54 54 / 12%);
    padding: 11px 0px;
}

.dropdown:hover .dropdown-cont-contact {
    transform: scaleY(1);
}

.mobile-nav .accordion-button {
    box-shadow: unset;
    border: unset;
    border-radius: unset;
    background-color: unset;
    background: unset !important;
    padding: unset !important;
    color: #141414 !important;
    font-size: 14px;
    font-size: 12px;
    font-weight: 400;
}

.mobile-nav .accordion-button:hover {
    box-shadow: unset;
}

.mobile-nav .accordion-button::before {
    display: none !important;
}

.mobile-nav .accordion-item {
    border: unset;
    border-radius: 5px;
    background: unset;
}

.mobile-nav .accordion-button:not(.collapsed) {
    color: white;
    background-color: unset;
    box-shadow: unset;
}

.mobile-nav .accordion-button:focus {
    border-color: unset !important;
    box-shadow: unset;
}

.mobile-nav .accordion-button::after {
    display: none;
}

.mobile-nav a {
    color: #0c0c0c !important;
    margin-bottom: 14px;
}

.menu-bar-btn {
    background: unset;
    padding: unset;
    border: unset;
    color: rgba(var(--light-color), 1);
    transition-duration: .5s;
    border-radius: unset;
    font-size: unset;
    position: inherit;
    font-weight: unset;
}

.menu-bar-btn:focus {
    background: unset;
}

.sybrid-menu-cion {
    background: white !important;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-shadow: 0px 9px 23px #00000030;
}

.sybrid-menu-cion-li {
    margin-top: -37px;
}

.header-icon-size-custom {
    width: 26px;
    height: 26px;
    overflow: hidden;
}

.header-icon-size-custom img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-sub-menu:hover .header-sub-menu-hover-show {
    display: block;
}

.header-sub-menu-hover-show {
    position: absolute;
    right: -377px;
    display: none;
    top: -8px;
    background: #ffffff;
    box-shadow: 6px 8px 16px #0000001f;
    width: 377px;
    border-bottom: 5px solid #ea3323;
}

.header-sub-menu-hover-show ul li .custom-dropdown-anchor:hover {
    padding-left: 0px !important;
}

.header-sub-menu ul li {
    padding: 15px 18px;
}

.header-sub-menu ul li a::before {
    display: none;
}

.header-sub-menu ul li a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #303030 !important;
}

.header-sub-menu-hover-show-2 {
    top: -61px !important;
}

.header-sub-menu-hover-show-3 {
    top: -114px !important;
}

.header-sub-menu-hover-show-4 {
    top: -46px !important;
}

.mobile-nav .header-icon-size-custom {
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.mobile-nav {
    position: relative;
}

.mobile-nav::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 8px;
    background: red;
    left: 0;
}

.mobile-nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: red;
    left: 0;
}

.cursor {
    position: fixed;
    background: red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 99999;
    border: 2px solid white;
}

.sticky {
    position: fixed;
    background: #ffffff;
    transition: 0.8s all ease;
    padding: 13px 0px;
    width: 100%;
    top: 0;
    color: white;
    border-top: 5px solid #ea3323;
    box-shadow: 0px 15px 16px #f4000014;
    z-index: 999;
}

.sticky .top-sticky-header-num-row {
    display: none;
}

.sticky .header-second-row {
    padding-top: 0px;
}

.sticky .sticky-ul-custom {
    margin-bottom: 0;
}

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 51px;
    bottom: 15px;
    z-index: 996;
    background: #ea3323;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    transition: all 0.4s;
    top: 864px;
    box-shadow: 0px 29px 20px #00000040;
}

.back-to-top.scroll {
    visibility: visible;
    opacity: 1;
}

.header-sub-menu-hover-show-custom-one {
    height: 366px;
    overflow-y: scroll;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ea3323;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ea3323;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0e0e0e;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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


/* header-css-end */

.w-80 {
    width: 80%;
}

.index-section-one {
    height: 100vh;
    position: relative;
    background-attachment: fixed;
}

.banner-content h1 {
    font-weight: 500;
    color: #303030;
    line-height: 70px;
}

.banner-content h1 span {
    border-bottom: 3px solid #ea3323;
    width: 100%;
}

.banner-content a {
    font-size: 18px;
    font-weight: 600;
}

.index-section-one .overlay {
    background: url("../img/video-overlay.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-position: center;
}

@-webkit-keyframes top-head-btn-anime {
    0% {
        background: black;
        transform: scale(0.8);
    }

    50% {
        background: rgb(255, 255, 255);
        transform: scale(1);
    }

    100% {
        background: black;
        transform: scale(0.8);
    }
}

.w-90 {
    width: 85%;
}

.custom-anchor {
    position: relative;
}

.custom-anchor::before {
    position: absolute;
    content: "";
    bottom: -3px;
    transition: 0.3s linear;
    width: 0%;
    border-bottom: 2px solid #ea3323;
    left: 0;
}

.custom-anchor:hover::before {
    width: 100%;
}

.index-section-two .heading {
    font-size: 84px;
    font-weight: 700;
    color: white;
    position: relative;
    z-index: 9;
}

.index-section-two .heading::before {
    position: absolute;
    content: "";
    bottom: -35%;
    right: 34%;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    z-index: -1;
    background: #ea3323;
}

.index-section-two .p1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
}

.index-section-two .p2 {
    font-weight: 400;
    font-size: 20px;
    padding: 60px 0px 60px;
    line-height: 32px;
}

.index-section-two {
    background: url(../img/index-about-bg.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 234px 0px 190px;
    color: white;
}

.index-section-two .custom-padding {
    padding-bottom: 84px;
}

.service-item {
    background-position: center !important;
    height: 784px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.service-item-content h3 {
    font-size: 28px;
    font-weight: 600;
    color: #313131;
}

.service-item .overlay {
    padding: 30px 60px;
    transition: 0.4s linear;
    position: relative;
    z-index: 999;
}

.service-item .overlay::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: linear-gradient(356deg, rgba(234, 51, 35, 1) 0%, rgb(234 51 35 / 0%) 100%);
    left: 0;
    bottom: -100%;
    z-index: -1;
    transition: 0.4s linear;
}

.service-item .overlay:hover::before {
    bottom: 0;
}

.service-item .overlay:hover .service-item-content h3 {
    color: white;
}

.service-item .overlay:hover .service-item-content img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(163deg) brightness(106%) contrast(108%);
}

.index-section-four .heading {
    font-size: 55px;
    font-weight: 400;
    color: #303030;
}

.index-section-four {
    height: 820px;
    background: #f3f3f3;
    position: relative;
    z-index: 0;
}

.index-section-four .heading span {
    font-weight: 800;
}

.tab-content-item-bg {
    height: 853px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tab-content-item-content h5 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 50px;
    color: #ea3323;
}

.tab-content-item-content ul li {
    padding-bottom: 25px;
}

.tab-content-item-content ul li a {
    font-size: 17px;
    color: #333333;
    font-weight: 400;
}

.index-section-five .tab-content-item-bg {
    padding-top: 105px;
}

.tab-location-main-img {
    width: 215px;
    height: 215px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: 2px solid #ea342300;
    transition: 0.4s linear;
    box-shadow: unset;
    filter: grayscale(100%);
    border-radius: 10px;
}

.tab-location-main-img:hover {
    border: 2px solid #ea3423;
    box-shadow: 0px 0px 32px 0px rgba(234, 51, 35, 0.41);
    filter: grayscale(0%);
}

.slick-center .tab-location-main-img {
    border: 2px solid #ea3423;
    box-shadow: 0px 0px 32px 0px rgba(234, 51, 35, 0.41);
    filter: grayscale(0%);
}

.tab-location-main-img .overlay h6 {
    font-weight: 900;
    font-size: 43px;
    transform: scale(0);
    transition: 0.4s linear;
    text-transform: uppercase;
    color: white;
}

.slick-center .overlay h6 {
    transform: scale(1);
}

.tab-location-main-img:hover .overlay h6 {
    transform: scale(1);
}

.slick-center .tab-location-main-name h6 {
    color: #ea3323;
}

.tab-location-main:hover .tab-location-main-name h6 {
    color: #ea3323;
}

.tab-location-main-name h6 {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    transition: 0.4s linear;
    margin-left: 24px;
    position: relative;
}

.tab-location-main-name h6::before {
    content: "";
    left: -22px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 16px;
    height: 2px;
    transition: 0.4s linear;
    background: #333333;
    position: absolute;
}

.slick-center .tab-location-main-name h6::before {
    background: #ea3323 !important;
}

.tab-location-main:hover .tab-location-main-name h6::before {
    background: #ea3323 !important;
}

.location-slider-position {
    position: absolute;
    bottom: 8%;
    z-index: 9;
    right: 21.0%;
}

.index-section-six .first-content h2 {
    font-size: 55px;
    color: #303030;
    font-weight: 700;
}

.index-section-six .second-content p {
    font-size: 25px;
    line-height: 38px;
    color: #000000;
    font-weight: 400;
}

.third-content-icon {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: black;
    transition: 0.4s linear;
}

.third-content-icon .overlay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.third-content-icon:hover {
    transform: scale(1.1);
    box-shadow: 0px 0px 29px #000000d9;
}

.third-content {
    background: #ea3323;
    height: 329px;
    display: flex;
    align-items: center;
    padding: 0px 68px;
    border-radius: 165px 0px 0px 165px;
}

.third-content-text a {
    font-size: 24px;
    font-weight: 400;
    color: white;
}

.third-content-text a span {
    font-weight: 600;
}

.custom-front-anchor {
    font-size: 20px;
    color: #353535;
    font-weight: 600;
}

.padding-bottom-custom {
    padding-bottom: 140px;
}

.index-section-four::before {
    content: "";
    background: url("../img/sec-four-before.webp");
    height: 541px;
    width: 546px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -1%;
    top: 19%;
    z-index: -1;
}

.watch-video-position {
    position: absolute;
    right: 10%;
    bottom: 15%;
}

.card-body li a {
    font-size: 14px;
}

.aboutStyle,
.contactStyle,
.careersStyle,
.knowledgeStyle,
.serviceidealStyle,
.offeringsStyle,
.blogsStyle,
.blogsdetailStyle,
.businessunitsStyle,
.certificationsawardsStyle,
.proceedlpStyle,
.servicedetailStyle,
.csractivitiesStyle,
.webdevelopmentStyle,
.appdevelopmentStyle,
.ourcollaborationStyle,
.wisdomStyle,
.auditStyle,
.sydeskStyle,
.servicedetailStyle {
    position: static;
    background: white;
}

.about-first-wrapper h2 {
    font-size: 45px;
    font-weight: 500;
    color: white;
}

.about-first-wrapper .btn {
    background: black;
    color: white;
    padding: 16px 32px;
}

.about-first-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 493px;
}

.about-second-wrapper-img-flex-one {
    padding-bottom: 15px;
}

.about-second-wrapper-content-one p {
    color: #212121;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 50px;
}

.about-second-wrapper-content-two {
    padding-top: 120px;
}

.about-second-wrapper-content-two h3 {
    font-size: 45px !important;
    font-weight: 500;
}

.about-second-wrapper-content-two-span-one {
    color: #ea3323;
    font-weight: 700;
}

.about-second-wrapper-content-two-span-two {
    color: #363636;
    font-weight: 700;
}

.about-second-wrapper {
    padding: 150px 0px;
}

.about-second-wrapper-img img {
    transition: 0.4s linear;
    filter: grayscale(1);
}

.about-second-wrapper-img img:hover {
    transform: scale(1.1);
    filter: grayscale(0);
}

.about-third-wrapper-text-one h6 {
    font-size: 24px;
    font-weight: 700;
    color: #3f3f40;
    padding: 60px 0px 50px;
}

.about-third-wrapper-text-one p {
    font-size: 18px;
    font-weight: 400;
    color: #212121;
    padding-bottom: 68px;
}

.about-third-wrapper-text-two h5 {
    font-size: 24px;
    font-weight: 700;
    color: #ea3323;
    padding-bottom: 16px;
    text-transform: uppercase;
}

.about-third-wrapper-text-two p {
    font-size: 17px;
    font-weight: 400;
    color: #212121;
}

.border-bottom-custom {
    border-bottom: 1px solid #a1a1a1;
}

.about-third-wrapper-text-two {
    padding-top: 68px;
    position: relative;
}

.about-third-wrapper-text-two::before {
    content: "";
    position: absolute;
    right: 57%;
    height: 90px;
    width: 1px;
    background: #B1B1B1;
    bottom: 16%;
}

.about-third-wrapper {
    position: relative;
}

.about-third-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    top: -1%;
    background: url("../img/four-wrapper-before.webp");
    width: 854px;
    height: 1224px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.about-third-wrapper {
    padding: 114px 0px 134px;
}

.about-five-wrapper-text-one h6 {
    font-size: 45px;
    color: #363636;
    padding: 15px 0px 22px;
    font-weight: 600;
}

.about-five-wrapper-text-one h6 span {
    font-size: 45px;
    color: #ea3323;
    font-weight: 700;
}

.about-five-wrapper-text-one .p-one {
    font-size: 20px;
    color: #040404;
    font-weight: 400;
}

.about-five-wrapper-text-one .p-two {
    font-size: 18px;
    color: #212121;
    font-weight: 400;
}

.about-five-wrapper-img-port-item {
    width: 100%;
    height: 290px;
    overflow: hidden;
}

.about-five-wrapper-img-port-item:hover img {
    transform: scale(1.1);
}

.about-five-wrapper-img-port-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s linear;
}

.about-five-wrapper-item-content {
    background: #363636;
    height: 290px;
    color: white;
}

.about-five-wrapper-img-port-padding {
    padding-top: 100px;
}

.about-six-wrapper-img-content h4 {
    font-size: 35px;
    color: #363636;
    padding-bottom: 2px;
    font-weight: 700;
}

.about-six-wrapper-img-content h4 span {
    color: #ea3323;
}

.about-six-wrapper-img-content strong {
    font-size: 22px;
    font-weight: 600;
    color: #212121;
}

.about-six-wrapper-img-content p {
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    line-height: 28px;
    padding-top: 11px;
}

.about-six-wrapper {
    padding: 200px 0px 125px;
    position: relative;
}

.about-six-wrapper::before {
    content: "";
    background: url("../img/MESSAGE-FROM-CEO.webp");
    width: 1147px;
    height: 390px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 21%;
    left: 6%;
    z-index: -1;
}

.about-six-wrapper .about-second-wrapper-content-two .btn {
    background: #000000;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 51px;
}

.about-four-wrapper-text-one .p-one {
    color: #040404;
    font-size: 20px;
    font-weight: 400;
}

.about-four-wrapper-text-one h3 {
    color: #363636;
    font-size: 45px;
    padding: 12px 0px 17px;
    font-weight: 500;
}

.about-four-wrapper-text-one span {
    color: #ea3323;
    font-size: 45px;
    font-weight: 700;
}

.about-four-wrapper-text-one p {
    color: #212121;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.about-four-wrapper-text-one .btn {
    background: #000000;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 51px;
}

.about-four-wrapper-text-one .btn:hover {
    background: #ea3323;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 51px;
}

.about-four-wrapper {
    background: url("../img/about-four-bg.webp");
    background-position: center;
    background-size: cover;
    padding: 80px 0px 85px !important;
    background-repeat: no-repeat;
}

.years-flow-main-item-one .years-flow-main-item-logo {
    mix-blend-mode: multiply;
}

.years-flow-main-item-one .years-flow-main-item-year {
    padding: 20px 0px 80px;
}

.years-flow-main-item-para.custom-margin-three {
    margin-bottom: -170px;
}

.years-flow-main-item-one .years-flow-main-item-year h6,
.years-flow-main-item-two .years-flow-main-item-year h6 {
    font-size: 27px;
    font-weight: 700;
    color: #ea3323;
}

.years-flow-main-item-one .years-flow-main-item-para p,
.years-flow-main-item-two .years-flow-main-item-para p {
    font-size: 17px;
    font-weight: 600;
    line-height: 35px;
}

.years-flow-main-item-one {
    width: 452px;
    margin-right: 250px;
}

.years-flow-main-flex {
    display: -webkit-box;
    position: relative;
}

.years-flow-main-item-two {
    width: 516px;
    margin-right: 250px;
    transform: translateY(24%);
}

.years-flow-main-item-two .years-flow-main-item-year {
    padding: 80px 0px 13px;
}

.years-flow-main-item-one .years-flow-main-item-logo {
    mix-blend-mode: darken;
}

.years-flow-main-flex .custom-border {
    width: 272%;
    height: 2px;
    background: #363636;
    position: absolute;
    top: 58%;
    left: 0;
}

.years-flow-main-item-one {
    position: relative;
}

.years-flow-main-item-one::before {
    content: "";
    position: absolute;
    bottom: 36%;
    background: url("../img/progress-circle.webp");
    width: 42px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    animation: progress-circle-anime 1s infinite;
    background-size: contain;
}

@-webkit-keyframes progress-circle-anime {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.years-flow-main-item-two {
    position: relative;
}

.years-flow-main-item-two::before {
    content: "";
    position: absolute;
    bottom: 60%;
    left: 5%;
    background: url("../img/progress-circle.webp");
    width: 42px;
    height: 42px;
    animation: progress-circle-anime 1s infinite;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.jquery-ripples {
    z-index: unset !important;
}

.row-bg-custom {
    position: relative;
}

.row-bg-custom::before {
    content: "";
    position: absolute;
    bottom: 52%;
    left: 10%;
    background: url("../img/index-section-four-logo-one.webp");
    width: 700px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.row-bg-custom::after {
    content: "";
    position: absolute;
    bottom: 0%;
    left: 31%;
    background: url("../img/index-section-four-logo-two.webp");
    width: 17px;
    height: 284px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.row-bg-colum-custom {
    position: relative;
}

.row-bg-colum-custom::before {
    content: "";
    position: absolute;
    top: -12%;
    right: 31%;
    background: url("../img/index-section-four-logo-two.webp");
    width: 17px;
    height: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.contact-first-wrapper {
    background: url("../img/contact-first-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

.contact-first-wrapper h2 {
    font-size: 45px;
    font-weight: 600;
}

.contact-first-wrapper p {
    font-size: 20px;
    font-weight: 400;
}

.contact-second-wrapper .contact-first-wrapper-icon-main p {
    font-size: 22px;
    font-weight: 600;
    color: #e80600;
}

.contact-second-wrapper .contact-first-wrapper-icon-main a {
    font-size: 20px;
    display: inline-block;
    font-weight: 400;
    color: #272627;
}

.contact-first-wrapper-icon-main-add a {
    font-size: 20px;
    display: inline-block;
    font-weight: 400 !important;
    color: #272627;
}


/* .contact-second-wrapper {} */

.contact-second-wrapper .container {
    border-bottom: 1px solid #c7c7c7;
    padding: 135px 0px 79px;
}

.contact-form-bg {
    height: 587px;
    width: 100%;
    border-radius: 13px;
    overflow: hidden;
}

.contact-form-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.contact-form-bg-content h3 {
    font-size: 32px;
    color: #272627;
    font-weight: 700;
}

.custom-control-label {
    color: #5d5d5d;
    font-weight: 500;
    font-size: 18px;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 17px;
    height: 17px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-control-input:checked .custom-control-label::before {
    color: #333 !important;
    border-color: #ffdbca !important;
    background-color: #ffdbca !important;
}

.form-group button {
    background: #ea3323 !important;
    padding: 16px 58px;
}

.form-group button:hover {
    background: #161616 !important;
    padding: 16px 58px;
}

.contact-third-wrapper {
    padding: 80px 0px 120px;
}

.contact-four-wrapper iframe {
    height: 470px;
}

.know-one-wrapper {
    background: url("../img/knowledge-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 135px 0px 105px;
}

.know-one-wrapper .content h3 {
    font-size: 45px;
    color: #ffffff;
    padding-bottom: 35px;
    font-weight: 600;
}

.know-one-wrapper .content p {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
}

.know-item-main-img {
    width: 160px;
    height: 62px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 45px;
}

.know-item-main-img img {
    width: 100%;
    height: 100%;
    transition: 0.4s linear;
    object-fit: contain;
}

.know-item-main {
    height: 418px;
    background: white;
    border-radius: 23px;
    box-shadow: 0px 0px 40px 0px rgba(186, 186, 186, 0.3);
    overflow: hidden;
    transition: 0.4s linear;
    position: relative;
}

.know-item-main-content p {
    font-size: 20px;
    color: #393630;
    transition: 0.4s linear;
    font-weight: 500;
}

.know-item-main-pdf-btn .btn {
    background: #2e2c2c;
    color: #ffffff;
    font-size: 16px;
    margin-top: 94px;
    font-weight: 500;
    padding: 13px 44px;
}

.know-item-main-pdf-btn .btn:hover {
    background: #ea3323;
}

.know-item-main-pdf-btn .btn img {
    margin-right: 9px;
}

.know-item-main .overlay {
    height: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 42px 0px 35px !important;
}

.know-item-main:hover {
    transform: scale(1.04);
}

.know-item-main-margin-custom {
    margin-top: 40px;
}

.know-second-wrapper {
    background: url("../img/know-2-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 125px 0px 145px;
}

.service-ideal-first-wrapper {
    background: url("../img/service-ideal-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 185px 0px 130px;
}

.service-ideal-first-wrapper h4 {
    font-size: 35px;
    font-weight: 600;
    padding-bottom: 70px;
    color: #ffffff;
}

.service-ideal-first-wrapper .btn {
    font-size: 18px;
    font-weight: 700;
    background: #ea3323;
    padding: 17px 41px;
}

.service-ideal-first-wrapper .btn:hover {
    background: #1a1a1a;
}

.service-ideal-second-wrapper .content-one h3 {
    color: #272627;
    font-weight: 400;
    font-size: 45px;
    padding-bottom: 40px;
}

.service-ideal-second-wrapper .content-one p {
    color: #1d1d1d;
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 100px;
}

.service-ideal-second-wrapper .content-one h3 span {
    color: #ea3323;
    font-weight: 700;
    font-size: 39px;
}

.service-ideal-item {
    width: 311px;
    height: 311px;
    border-radius: 50%;
    border: 2px solid #2a2a2a;
    padding: 33px;
    transition: 0.4s linear;
    overflow: hidden;
    position: relative;
}

.service-ideal-item:hover {
    background: url("../img/service-ideal-item-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #ea3323;
}

.service-ideal-item-paragraph p {
    color: rgb(29, 29, 29);
    font-size: 18px;
    width: 220px;
    display: inline-block;
    transition: 0.4s linear;
    /* opacity: 0; */
    font-weight: 400;
}

.service-ideal-item:hover .service-ideal-item-paragraph-col {
    bottom: 19%;
}

.service-ideal-item:hover .service-ideal-item-paragraph p {
    color: white;
    opacity: 1;
}

.service-ideal-item-paragraph-col {
    position: absolute;
    bottom: -68%;
    transition: 0.4s linear;
}

.service-ideal-item:hover .service-ideal-item-heading-col {
    transform: translateY(-133%);
    opacity: 0;
}

.service-ideal-item-heading-col {
    transition: 0.4s linear;
}

.service-ideal-second-wrapper {
    padding: 125px 0px 31px;
}

.offering-first-wrapper h3 {
    font-size: 53px;
    color: #ffffff;
    font-weight: 600;
}

.offering-first-wrapper p {
    color: #cfcfcf;
    font-size: 25px;
    font-weight: 400;
}

.offering-first-wrapper .btn {
    background: #ea3323;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 48px;
}

.offering-first-wrapper .btn:hover {
    background: #111111;
}

.offering-first-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 225px 0px 230px;
}

.offering-second-wrapper .content h5 {
    font-size: 45px;
    font-weight: 400;
    color: #272627;
}

.offering-second-wrapper .content h3 {
    font-size: 45px;
    font-weight: 400;
    color: #272627;
    padding-bottom: 35px;
}

.offering-second-wrapper .content h3 span {
    font-size: 45px;
    font-weight: 700;
    color: #ea3323;
}

.offering-second-wrapper .content img {
    padding: 60px 0px 70px;
}

.offering-second-wrapper-item-row {
    border: 2px solid #2e2e2e;
    border-radius: 44px;
    background: white;
    margin: 80px 0px 130px;
}

.offering-second-wrapper-item-row .offering-second-wrapper-item-anchor {
    width: 254px;
    height: 80px;
    background: #ea342300;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 44px;
    font-size: 22px;
    color: #1d1d1d;
    font-weight: 600;
}

.offering-second-wrapper-item-row .offering-second-wrapper-item-anchor.active {
    background: #ea3323;
    color: #ffffff;
}

.offering-second-wrapper-item-custom {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    overflow: hidden;
}

.offering-second-wrapper-item-custom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offering-second-wrapper-item-margin {
    padding-bottom: 150px;
}

.offering-second-wrapper-item-custom-content h3 {
    color: #272627;
    font-size: 40px;
    font-weight: 700;
}

.offering-second-wrapper-item-custom-content .p-one-custom,
.offering-second-wrapper-item-custom-content .p-two-custom {
    color: #1d1d1d;
    font-size: 19px;
    font-weight: 400;
    margin: 0;
}

.offering-second-wrapper-item-custom-content .p-two-custom {
    padding-top: 20px;
    padding-bottom: 40px;
}

.offering-second-wrapper-item-custom-content .p-one-custom {
    padding-bottom: 35px;
}

.offering-second-wrapper-item-custom-content strong {
    color: #ea3323;
    font-size: 22px;
    font-weight: 600;
}

.offering-second-wrapper-item-custom-content .btn {
    background: #333135;
    padding: 17px 55px;
}

.offering-second-wrapper-item-custom-content .btn:hover {
    background: #ea3323;
}

.offering-second-wrapper-item-custom-before::before {
    content: "";
    background: url("../img/offering-service-item-before.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 560px;
    animation: animName 6s linear infinite;
    height: 590px;
    left: -6%;
    top: -9%;
    z-index: -1;
}

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

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

.offering-second-wrapper {
    padding-top: 140px;
}

.offering-third-wrapper {
    padding: 144px 0px;
    background: url("../img/offering-third-wrapper-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.offering-third-wrapper p {
    font-size: 25px;
    color: #ffffff;
    font-weight: 400;
    padding-bottom: 30px;
}

.offering-third-wrapper h4 {
    font-size: 40px;
    color: #ffffff;
    line-height: 53px;
    font-weight: 700;
}

.blogs-first-wrapper {
    background: url("../img/blogs-one-wrapper-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 135px 0px 140px;
}

.blogs-first-wrapper h2 {
    font-size: 45px;
    color: #ffffff;
    font-weight: 600;
    padding-bottom: 30px;
}

.blogs-first-wrapper p {
    font-size: 20px;
    color: #f7f7f7;
    font-weight: 400;
}

.blogs-second-wrapper-second-slider-item {
    height: 445px !important;
    width: 230px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover !important;
}

.blogs-second-wrapper-second-slider-item strong {
    color: white;
    font-size: 16px;
    font-weight: 400;
}

.blogs-second-wrapper-second-slider-item h4 {
    color: white;
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}

.blogs-second-wrapper-second-slider-item p {
    color: white;
    font-size: 20px;
    font-weight: 400;
    display: none;
}

.blogs-second-wrapper-second-slider-item .overlay {
    padding: 15px 20px;
    background: #00000078;
}

.blogs-second-wrapper-second-slider-content {
    transform: translateX(-55%);
    transition: 0.3s linear;
    opacity: 0;
}

.blogs-second-wrapper-second-slider-item:hover .blogs-second-wrapper-second-slider-content {
    transform: translateX(0);
    opacity: 1;
}

.blogs-second-wrapper-second-main {
    border-radius: 25px;
    overflow: hidden;
}

.blogs-second-wrapper-second-slider-item.slick-active {
    width: 40vh;
}

.blog-detail-first-wrapper {
    background: url("../img/blog-detail-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 135px 0px 140px;
}

.blog-detail-first-wrapper h2 {
    font-size: 45px;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 35px;
}

.blog-detail-second-wrapper .detail {
    background: url("../img/bl-second-wrapper-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 445px;
    border-radius: 25px;
}

.blog-detail-second-wrapper h5 {
    font-size: 20px;
    font-weight: 400;
    color: #f7f7f7;
}

.blog-detail-second-wrapper h3 {
    font-size: 38px;
    font-weight: 700;
    color: #ffff;
    padding: 23px 0px 20px;
}

.blog-detail-second-wrapper p {
    font-size: 20px;
    font-weight: 400;
    color: #f7f7f7;
}

.blog-detail-second-wrapper .detail .overlay {
    padding-left: 85px;
    background: #1010107d;
    border-radius: 25px;
}

.blog-detail-second-wrapper {
    padding: 85px 0px 65px;
}

.blog-detail-third-wrapper .first-content p {
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    padding-bottom: 35px;
}

.blog-detail-third-wrapper .first-content p span {
    color: #1d1d1d;
    font-weight: 700;
}

.blog-detail-third-wrapper .second-content .author-box-img {
    border-radius: 10px;
    width: 138px;
    height: 142px;
    margin: 18px 0px 18px;
    overflow: hidden;
}

.blog-detail-third-wrapper .second-content .author-box-img img {
    object-fit: cover;
}

.blog-detail-third-wrapper .second-content h5 {
    color: #1a1a1a;
    font-size: 22px;
    font-weight: 700;
}

.blog-detail-third-wrapper .second-content h6 {
    color: #ea3323;
    font-size: 20px;
    font-weight: 700;
}

.blog-detail-third-wrapper .second-content p {
    color: #4e4e4e;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.author-box-social-link {
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background: #2f2f2f;
    border-radius: 50%;
}

.author-box-social-link img {
    filter: brightness(0) invert(1);
}

.author-box-social-link-main {
    padding: 15px 0px 22px;
}

.author-box-view-anchor {
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 700;
}

.author-box {
    background: #fafafa;
    border-radius: 10px;
    padding: 28px 45px 28px 45px;
}

.buissnes-unit-first-wrapper {
    background: url("../img/buisness-unit-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.buissnes-unit-first-wrapper .overlay-custom {
    padding: 200px 0px;
}

.buissnes-unit-first-wrapper .content h3 {
    font-size: 60px;
    font-weight: 600;
    color: #ffffff;
}

.buissnes-unit-second-wrapper .first-content h4 {
    font-size: #272627;
    font-weight: 500;
    font-size: 42px;
}

.buissnes-unit-second-wrapper .first-content p {
    font-size: #1d1d1d;
    font-weight: 400;
    font-size: 19px;
}

.buissnes-unit-second-wrapper .nav-tabs .nav-link {
    filter: grayscale(1);
    border: unset;
    width: 131px;
    height: 42px;
    overflow: hidden;
}

.buissnes-unit-second-wrapper .nav-tabs .nav-item.show .nav-link,
.buissnes-unit-second-wrapper .nav-tabs .nav-link:hover,
.buissnes-unit-second-wrapper .nav-tabs .nav-link.active {
    border: unset;
    filter: grayscale(0);
}

.buissnes-unit-second-wrapper .nav-tabs {
    border-bottom: unset;
}

.buissnes-unit-second-wrapper .nav-tabs {
    align-items: center;
    justify-content: space-between;
}

.buissnes-unit-second-wrapper-tab-cotent h4 {
    font-size: 42px;
    font-weight: 700;
    color: #272627;
}

.buissnes-unit-second-wrapper-tab-cotent .btn {
    background: #000000;
    font-size: 18px;
    font-weight: 700;
    margin-top: 35px;
    padding: 15px 54px;
}

.buissnes-unit-second-wrapper-tab-cotent {
    margin-top: 170px;
}

.buissnes-unit-second-wrapper-tab-laptop {
    background: url("../img/tab-content-laptop.webp");
    width: 704px !important;
    height: 403px !important;
    background-position: center !important;
    overflow: hidden;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transition: 0.4s linear;
}

.buissnes-unit-second-wrapper {
    position: relative;
    padding: 130px 0px 200px;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-one {
    background: #00a4b2;
    width: 770px;
    height: 658px;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: -1;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-two {
    background: #ed2f15;
    width: 770px;
    height: 658px;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: -1;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-three {
    background: #1d1ac7;
    width: 770px;
    height: 658px;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: -1;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-four {
    background: #F4E24B;
    width: 770px;
    height: 658px;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: -1;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-five {
    background: #00a7ff;
    width: 770px;
    height: 658px;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: -1;
}

.buissnes-unit-second-wrapper::before {
    content: "";
    background: url("../img/base-bg.webp");
    position: absolute;
    left: 0%;
    bottom: -9%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 392px;
    height: 1422px;
    filter: grayscale(100%);
    z-index: -1;
}

.buissnes-unit-second-wrapper-tab-cotent p {
    font-size: 17px;
    font-weight: 400;
    color: #1d1d1d;
}

.buissnes-unit-second-wrapper-tab-cotent p span {
    font-weight: 700;
}

.review-card .review-card-user {
    width: 103px;
    height: 103px;
    overflow: hidden;
    border: 2px solid #d51100;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 30px;
}

.review-card .review-card-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-card-content h6 {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0px;
}

.review-card-content p {
    color: #1d1d1d;
    font-size: 15px;
    font-weight: 400;
}

.review-card {
    padding: 35px 35px 50px 35px;
    box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.08);
    background: rgb(255, 255, 255);
    border-radius: 15px;
    min-height: 564px;
}

.buissnes-unit-third-review-slider .slick-list {
    padding: 50px 0px;
}

.review-coma img {
    display: inline-block;
}

.buissnes-unit-third-review-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -35px;
    left: -2%;
}

.buissnes-unit-third-review-slider .slick-dots li {
    margin: 0 35px;
    width: 12px !important;
}

.buissnes-unit-third-review-slider .slick-dots button {
    display: block;
    width: 62px;
    height: 11px;
    padding: 0;
    border: none;
    border-radius: unset !important;
    text-indent: -9999px;
    box-shadow: unset;
    background-color: #c5c5c5 !important;
}

.buissnes-unit-third-review-slider .slick-dots button::after,
.buissnes-unit-third-review-slider .slick-dots button::before {
    display: none !important
}

.buissnes-unit-third-review-slider .slick-dots li.slick-active button {
    background-color: #e40400 !important
}

.buissnes-unit-third-wrapper .content-first h6 {
    font-size: 20px;
    color: #272627;
    font-weight: 500;
}

.buissnes-unit-third-wrapper .content-first h3 {
    font-size: 42px;
    color: #272627;
    font-weight: 700;
    padding-bottom: 35px;
}

.buissnes-unit-third-wrapper {
    padding: 100px 0px 200px 0px;
}

.certifications-first-wrapper {
    background: url("../img/certifications-and-awards-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0px;
}

.certifications-first-wrapper .content h3 {
    font-size: 55px;
    font-weight: 600;
    color: white;
}

.proceed-first-wrapper {
    background: url("../img/proceed-lp-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 75px 0px 105px;
}

.proceed-first-wrapper .content h3 {
    font-size: 60px;
    font-weight: 700;
    color: #ffffff;
}

.proceed-first-wrapper .content img {
    padding-bottom: 35px;
}

.proceed-lp-img-one {
    width: 566px;
    height: 564px;
    overflow: hidden;
}

.proceed-lp-img-one img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.proceed-lp-img-one-absolute {
    position: absolute;
    right: 10%;
    top: -10%;
}

.nextapp-lp-img-one-absolute {
    position: absolute;
    right: 17%;
    top: -10%;
}

.proceedlpStyle {
    padding-bottom: 49px;
}

.proceed-second-wrapper h4 {
    font-size: 40px;
    font-weight: 700;
    color: #272627;
    padding-bottom: 40px;
}

.proceed-second-wrapper p {
    font-size: 19px;
    font-weight: 400;
    color: #1d1d1d;
}

.proceed-second-wrapper .btn {
    background: #1870e6;
    padding: 17px 47px;
}

.proceed-second-wrapper .btn:hover {
    background: black;
    padding: 17px 47px;
}

.proceed-second-wrapper {
    padding-top: 90px;
    padding-bottom: 50px;
}

.buisness-lp-third-wrap {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 565px !important;
}

.proceed-four-wrapper h2 {
    color: #272627;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 140px;
}

.proceed-four-wrapper .nav-tabs {
    display: block;
    justify-content: end;
}

.proceed-four-wrapper .nav-tabs .nav-link::before {
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #115cad;
    right: -31%;
    top: 0;
    transition: 0.4s linear;
    transform: scale(0);
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.proceed-four-wrapper .nav-tabs .nav-link {
    margin-bottom: 50px;
    background: 0 0;
    text-align: right !important;
    position: relative;
    color: #272627;
    font-size: 30px;
    font-weight: 400;
    border: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.proceed-four-wrapper .nav-tabs .nav-item.show .nav-link,
.proceed-four-wrapper .nav-tabs .nav-link.active::before {
    transform: scale(1);
}

.proceed-four-wrapper .nav-tabs .nav-item.show .nav-link,
.proceed-four-wrapper .nav-tabs .nav-link.active {
    color: #115cad;
    font-weight: 600;
}

.proceed-four-wrapper .nav-tabs {
    border-bottom: unset;
}

.proceed-four-wrapper {
    padding: 200px 0px 115px;
}

.proceed-four-wrapper-tab-content h5 {
    font-size: 30px;
    font-weight: 700;
    color: #115cad;
    padding-bottom: 50px;
}

.proceed-four-wrapper-tab-content h6 {
    font-size: 20px;
    font-weight: 700;
    color: #f98729;
}

.proceed-four-wrapper-tab-content p {
    font-size: 16px;
    font-weight: 400;
    color: #1d1d1d;
}

.proceed-four-wrapper-tab-content-padding {
    padding-bottom: 50px;
}

.proceed-four-wrapper-col-one {
    position: relative;
}

.proceed-four-wrapper-col-one::before {
    width: 3px;
    height: 95%;
    background: black;
    content: "";
    position: absolute;
    right: -24%;
}

.proceed-five-wrapper .content h3 {
    font-size: 40px;
    color: #2a2a2a;
    font-weight: 700;
}

.proceed-five-wrapper-content-two p {
    font-size: 18px;
    font-weight: 400;
    color: #1d1d1d;
}

.proceed-five-wrapper-content-two-circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #265efe;
    margin-bottom: 15px;
}

.proceed-five-wrapper-content-main-item {
    padding-bottom: 40px;
}

.proceed-five-wrapper .padding-start-custom {
    padding-left: 80px;
}

.count-item h2 {
    font-size: 56px;
    font-weight: 700;
    color: white;
}

.count-item p {
    font-size: 30px;
    font-weight: 400;
    color: white;
}

.proceed-six-wrapper {
    padding: 78px 0px 57px;
    background: #f98727;
    margin-top: -2%;
}

.proceed-seven-wrapper .content h3 {
    font-size: 40px;
    font-weight: 700;
    color: #2a2a2a;
}

.proceed-seven-wrapper .content p {
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 35px;
    color: #1d1d1d;
}

.proceed-seven-wrapper .content .btn-one {
    background: #f98727;
    font-size: 26px;
    font-weight: 500;
    padding: 30px 87px;
    border-radius: 59px;
}

.proceed-seven-wrapper .content .btn-two {
    background: #115cad;
    font-size: 26px;
    font-weight: 500;
    padding: 30px 87px;
    border-radius: 59px;
}

.proceed-seven-wrapper .content .btn-one:hover,
.proceed-seven-wrapper .content .btn-two:hover {
    background: black;
}

.proceed-seven-wrapper {
    padding: 94px 0px 160px;
}

.proceed-five-wrapper-content-main-item-two {
    padding-bottom: 80px;
}

.service-detail-first-wrapper .content h3 {
    font-size: 38px;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 40px;
}

.service-detail-first-wrapper .content p {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    padding-bottom: 80px;
}

.service-detail-first-wrapper .content .btn {
    background: #171717;
    padding: 16px 47px;
}

.service-detail-first-wrapper {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* padding: 120px 0px 100px; */
}

.service-detail-second-wrapper .content h5 {
    color: #282828;
    font-size: 29px;
}

.service-detail-second-wrapper .content h4 {
    color: #282828;
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 25px;
}

.service-detail-second-wrapper .content p {
    color: #1d1d1d;
    font-size: 20px;
    line-height: 34px;
}

.service-detail-second-wrapper {
    padding: 75px 0px 147px;
}

.service-detail-three-wrapper .content h4 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 600;
}

.service-detail-three-wrapper {
    padding: 57px 0px 130px;
    background: url("../img/service-detail-third-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-detail-three-wrapper-girl-img {
    width: 835px;
    height: 460px;
    overflow: hidden;
}

.service-detail-three-wrapper-girl-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-detail-three-wrapper-girl-absolute {
    position: absolute;
    right: 29%;
    bottom: -40%;
}

.service-detail-four-wrapper {
    padding: 180px 0px 0px;
}

.service-detail-four-wrapper .first-content p {
    color: #1d1d1d;
    font-size: 21px;
    padding-bottom: 29px;
}

.service-item-img-bg {
    width: 591px;
    height: 435px;
    overflow: hidden;
}

.service-item-img-bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-detail-four-wrapper .second-content h5 {
    font-size: 20px;
    color: #282828;
    font-weight: 400;
    text-transform: uppercase;
}

.service-detail-four-wrapper .second-content h4 {
    font-size: 30px;
    color: #282828;
    font-weight: 700;
    padding-bottom: 7px;
}

.service-detail-four-wrapper .second-content p {
    /* font-size: 20px; */
    color: #1d1d1d;
    padding-bottom: 20px;
    font-weight: 400;
}

.service-detail-four-wrapper .second-content {
    padding-top: 32px;
}

.service-detail-five-wrapper .content h4 {
    color: #464646;
    font-size: 23px;
    padding-bottom: 60px;
    font-weight: 400;
}

.service-detail-five-wrapper .content h5 {
    color: #1e1e1e;
    font-size: 40px;
    font-weight: 700;
}

.service-detail-five-wrapper {
    padding: 70px 0px 160px;
}

.content-two ul li {
    width: 280px;
    height: 280px;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    align-items: center;
    border: 2px solid #BBBBBB;
}

.content-two ul li img {
    transition: 0.4s linear;
}

.content-two ul li:hover img {
    transform: scale(1.16);
}

.content-two .margin-left-custom {
    margin-left: -1px;
}

.content-two-margin-custom {
    margin-top: -2px;
}

.csr-first-wrapper h3 {
    font-size: 60px;
    font-weight: 600;
    color: #ffffff;
}

.csr-first-wrapper {
    background: url("../img/csr-first-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0px;
}

.csr-card-img {
    width: 100%;
    height: 270px;
    border-radius: 20px;
    overflow: hidden;
}

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

.csr-card-content h6 {
    color: #212121;
    font-size: 22px;
    padding: 30px 0px 30px;
    font-weight: 600;
}

.csr-card-content p {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 400;
}

.csr-card-main-padding {
    padding-bottom: 80px;
}

.csr-second-wrapper {
    padding: 90px 0px 0px 0px;
}

.web-dev-first-wrapper .content h3 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 35px;
}

.web-dev-first-wrapper .content .btn {
    background: #ea3323;
    padding: 16px 44px;
}

.web-dev-first-wrapper .content .btn:hover {
    background: #161616;
}

.web-dev-first-wrapper {
    background: url("../img/web-dev-bg.webp");
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 0px 160px;
    background-attachment: fixed;
}

.web-dev-second-wrapper .content .li-two h6 {
    color: #828282;
}

.web-dev-second-wrapper {
    padding: 120px 120px;
}

.web-dev-second-wrapper .content p {
    font-size: 19px;
    color: #1d1d1d;
    padding-bottom: 80px;
}

.web-dev-second-wrapper .content ul li {
    padding-right: 55px;
}

.web-dev-second-wrapper .content ul li h6 {
    font-size: 25px;
    color: #197fac;
    font-weight: 700;
    padding-top: 22px;
}

.web-dev-main .content h3 {
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    padding-bottom: 30px;
}

.web-dev-main .content .p-one {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
}

.web-dev-main .content p {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}

.web-dev-main .content ul {
    padding-top: 45px;
    padding-inline-start: 18px !important;
}

.web-dev-main .content ul li {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.web-dev-main {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 825px;
    background-attachment: fixed !important;
}

.web-dev-seven-wrapper h4 {
    padding-bottom: 7px !important;
}

.web-dev-seven-wrapper h5 {
    padding-bottom: 70px !important;
}

.certifications-second-wrapper .content h4 {
    color: #272627;
    font-size: 42px;
    font-weight: 500;
    padding-bottom: 20px;
}

.certifications-second-wrapper .content p {
    color: #1d1d1d;
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 70px;
}

.certification-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -148px;
    left: -2%;
}

.certification-slider .slick-dots li {
    margin: 0 35px;
    width: 12px !important;
}

.certification-slider .slick-dots button {
    display: block;
    width: 62px;
    height: 11px;
    padding: 0;
    border: none;
    border-radius: unset !important;
    text-indent: -9999px;
    box-shadow: unset;
    background-color: #c5c5c5 !important;
}

.certification-slider .slick-dots button::after,
.certification-slider .slick-dots button::before {
    display: none !important
}

.certification-slider .slick-dots li.slick-active button {
    background-color: #e40400 !important
}

.certifications-second-wrapper {
    padding: 130px 0px 200px;
}

.certifications-third-wrapper .award-img {
    margin-bottom: 0px;
}

.certifications-third-wrapper .award-img-bg {
    background: #f7f7f7;
    border-radius: 15px;
    padding: 80px;
    height: auto;
}

.certifications-third-wrapper #style-2::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ececec;
}

.certifications-third-wrapper #style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #ececec;
}

.certifications-third-wrapper #style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: linear-gradient(#dbd9d9, #dbd9d9);
}

.certifications-third-wrapper {
    padding-bottom: 100px;
}

.buissnes-unit-second-wrapper-tab-laptop-inner-img {
    width: 526px;
    height: 327px;
    position: absolute;
    top: 31px;
    overflow: hidden;
    left: 90px;
}

.buissnes-unit-second-wrapper-tab-laptop-inner-img img {
    width: 100%;
    object-fit: cover;
    transition: 2s linear;
    transform: translateY(0px);
}

.buissnes-unit-second-wrapper-tab-laptop:hover .buissnes-unit-second-wrapper-tab-laptop-inner-img img {
    transform: translateY(-79%);
}

.buissnes-unit-second-wrapper-tab-laptop:hover .buissnes-unit-second-wrapper-tab-laptop-inner-img-sybrid img {
    transform: translateY(-59%);
}

.buissnes-unit-second-wrapper-tab-laptop:hover .buissnes-unit-second-wrapper-tab-laptop-inner-img-v-served img {
    transform: translateY(-83%);
}

.buissnes-unit-second-wrapper-tab-laptop:hover .buissnes-unit-second-wrapper-tab-laptop-inner-img-proceed img {
    transform: translateY(-80%);
}

.buissnes-unit-second-wrapper-tab-laptop:hover .buissnes-unit-second-wrapper-tab-laptop-inner-img-ice img {
    transform: translateY(-85%);
}

.li-two-custom {
    padding-right: 0 !important;
}

.app-dev-third-wrapper p,
.app-dev-third-wrapper h3,
.app-dev-third-wrapper ul li,
.app-dev-five-wrapper p,
.app-dev-five-wrapper h3,
.app-dev-five-wrapper ul li,
.app-dev-seven-wrapper p,
.app-dev-seven-wrapper h3,
.app-dev-seven-wrapper ul li {
    color: #313131 !important;
}

.app-dev-main h3 {
    padding-bottom: 4px !important;
}

.collaboration-first-wrapper h3 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 600;
}

.collaboration-first-wrapper {
    background: url("../img/collaboration-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.collaboration-first-wrapper .overlay-custom {
    padding: 200px 0px;
}

.collaboration-second-wrapper .first-content h3 {
    color: #303030;
    font-size: 40px;
    padding-bottom: 30px;
    font-weight: 700;
}

.collaboration-second-wrapper .first-content p {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 400;
}

.collaboration-second-wrapper .first-content {
    padding-bottom: 80px;
}

.collaboration-second-wrapper {
    padding: 130px 0px 150px;
}

.vision-mission-main-static-hover {
    box-shadow: 0px 8px 46px 0px rgb(61 67 79 / 30%) !important;
}

.vision-mission-main-static-hover::before {
    opacity: 1 !important;
}

.vision-mission-main-static-hover .vision-mission-img {
    opacity: 1 !important;
}

.vision-mission-main {
    padding: 60px 45px 118px 65px;
    border-radius: 0px 0px 100px 0px;
    overflow: hidden;
    box-shadow: 0px 8px 46px 0px rgba(61, 67, 79, 0);
    position: relative;
    transition: 0.4s linear;
    min-height: 563px;
}

.vision-mission-main:hover {
    box-shadow: 0px 8px 46px 0px rgba(61, 67, 79, 0.3);
}

.vision-mission-main .vision-mission-img {
    padding-bottom: 25px;
    transition: 0.4s linear;
    opacity: 0;
}

.vision-mission-main .vision-mission-content h4 {
    color: #303030;
    font-size: 40px;
    font-weight: 700;
}

.vision-mission-main .vision-mission-content p {
    color: #3d3d3d;
    font-size: 22px;
    font-weight: 500;
}

.vision-mission-main::before {
    content: "";
    background: url(../img/vision.webp);
    width: 568px;
    height: 127px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -42px;
    left: 24px;
    opacity: 0;
    transition: 0.4s linear;
}

.vision-mission-main-TWO::before {
    content: "";
    background: url("../img/MISSION.webp") !important;
    width: 568px;
    height: 127px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -42px;
    left: 24px;
    opacity: 0;
    transition: 0.4s linear;
}

.vision-mission-main:hover.vision-mission-main::before {
    opacity: 1;
}

.vision-mission-main:hover .vision-mission-img {
    opacity: 1;
}

.collaboration-three-wrapper .first-content h3 {
    color: #303030;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 90px;
}

.collaboration-four-wrapper h4 {
    color: #303030;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 110px;
}

.collaboration-four-wrapper-slider-item-img {
    width: 306px;
    height: 306px;
    border-radius: 50%;
    border: 10px solid #EA3323;
    overflow: hidden;
    display: inline-block;
}

.collaboration-four-wrapper-slider-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collaboration-four-wrapper-slider-item-content {
    padding-top: 23px;
}

.collaboration-four-wrapper-slider-item-content h6 {
    color: #303030;
    font-size: 20px;
    font-weight: 700;
}

.collaboration-four-wrapper-slider-item-content p {
    color: #f31704;
    font-size: 15px;
    font-weight: 500;
}

.collaboration-four-wrapper-slider-item-review-p p {
    color: #3d3d3d;
    font-size: 26px;
    font-weight: 500;
    line-height: 45px;
}

.collaboration-four-wrapper-slider-item-review-p {
    padding-left: 40px;
}

.collaboration-four-wrapper {
    position: relative;
}

.collaboration-four-wrapper::before {
    position: absolute;
    content: "";
    background: url("../img/TESTIMONIALS.webp");
    width: 921px;
    height: 428px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -19px;
    bottom: 112px;
    z-index: -1;
}

.collaboration-four-wrapper-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -49px;
    left: -6%;
}

.collaboration-four-wrapper-slider .slick-dots li {
    margin: 0 35px;
    width: 12px !important;
}

.collaboration-four-wrapper-slider .slick-dots button {
    display: block;
    width: 62px;
    height: 11px;
    padding: 0;
    border: none;
    border-radius: unset !important;
    text-indent: -9999px;
    box-shadow: unset;
    background-color: #c5c5c5 !important;
}

.collaboration-four-wrapper-slider .slick-dots button::after,
.collaboration-four-wrapper-slider .slick-dots button::before {
    display: none !important
}

.collaboration-four-wrapper-slider .slick-dots li.slick-active button {
    background-color: #e40400 !important;
}

.collaboration-five-wrapper h3 {
    color: #303030;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 80px;
}

.collaboration-five-wrapper {
    padding: 240px 0px;
}

.collaboration-five-wrapper-item {
    width: 100%;
    height: 400px;
    transition: 0.3s linear;
    filter: grayscale(1);
    overflow: hidden;
}

.collaboration-five-wrapper-item:hover {
    filter: grayscale(0);
}

.collaboration-five-wrapper-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collaboration-five-wrapper-main-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -119px;
    left: -3%;
}

.collaboration-five-wrapper-main-slider .slick-dots li {
    margin: 0 35px;
    width: 12px !important;
}

.collaboration-five-wrapper-main-slider .slick-dots button {
    display: block;
    width: 62px;
    height: 11px;
    padding: 0;
    border: none;
    border-radius: unset !important;
    text-indent: -9999px;
    box-shadow: unset;
    background-color: #c5c5c5 !important;
}

.collaboration-five-wrapper-main-slider .slick-dots button::after,
.collaboration-five-wrapper-main-slider .slick-dots button::before {
    display: none !important
}

.collaboration-five-wrapper-main-slider .slick-dots li.slick-active button {
    background-color: #e40400 !important
}

.service-item-img-bg-absolute-one .service-item-img-bg {
    width: 625px;
    height: 662px;
    overflow: hidden;
}

.service-item-img-bg-absolute-one {
    position: relative;
}

.service-item-img-bg-absolute-one .service-item-img-bg {
    width: 593px;
    height: 480px;
    overflow: hidden;
}

.service-item-img-bg-absolute-one {
    position: relative;
}

.second-content-custom-padding {
    padding-top: 36px !important;
}

.service-item-img-bg-absolute-one .service-item-img-bg {
    width: 605px;
    height: 528px;
    overflow: hidden;
}

.service-item-img-bg-absolute-one {
    position: relative;
}

.service-item-img-bg-absolute-one {
    position: relative;
}

.second-content-custom-padding {
    padding-top: 140px;
}

.collaboration-service-ideal-item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 251px;
    height: 251px;
    border: 2px solid #3b3b3b !important;
    border-radius: 50% !important;
    transition: 0.4s linear !important;
}

.collaboration-three-wrapper .collaboration-service-ideal-item-heading h6 {
    color: #282828;
    font-size: 18px;
    font-weight: 600;
    transition: 0.4s linear;
    color: white;
    transform: scale(1);
    text-shadow: 0px 0px 16px #e40400bf;
}

.collaboration-three-wrapper {
    padding-bottom: 250px;
}

.collaboration-service-ideal-item .overlay {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    clip-path: circle(70.7% at 50% 50%);
    background: #0000008c;
    width: 100%;
    transition: 0.4s linear;
    border-radius: 50%;
}

.collaboration-service-ideal-item:hover {
    transform: scale(1.1);
}


/* textss */

.collaboration-service-ideal-item-2 {
    background: url(../img/tours.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 251px;
    height: 251px;
    border: 2px solid #3b3b3b;
    border-radius: 50%;
    transition: 0.4s linear;
}

.collaboration-service-ideal-item-2 .overlay .collaboration-service-ideal-item-heading h6 {
    color: #e7e7e7;
    transform: scale(1);
    font-size: 26px;
    font-weight: 600;
    transition: 0.4s linear;
    text-shadow: 0px 0px 16px #e40400bf;
}

.collaboration-service-ideal-item-2 .overlay {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    clip-path: circle(70.7% at 50% 50%);
    background: #000000c2;
    width: 100%;
    transition: 0.4s linear;
    border-radius: 50%;
}

.collaboration-service-ideal-item-2:hover .collaboration-service-ideal-item-heading h6 {
    color: white;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.massiveImage {
    width: 100%;
}

.massiveImage .pin-spacer {
    height: 100vh;
}

.collab-location-tabs .nav-tabs .nav-item.show .nav-link,
.collab-location-tabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: unset;
    border-color: unset;
}

.collab-location-tabs .nav-tabs .nav-link {
    border: unset;
}

.collab-location-tabs .nav-tabs {
    border-bottom: unset;
}

.collab-location-tab-img {
    width: 233px;
    height: 233px;
    overflow: hidden;
    border: 3px solid #828282;
    border-radius: 50%;
    padding: 10px;
}

.collab-location-tab-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav-tabs h6 {
    font-size: 25px;
    font-weight: bold;
    color: #828282;
    padding-top: 30px;
}

.collab-location-tabs .nav-tabs .nav-link.active .collab-location-tab-img {
    border: 3px solid #ff0003;
}

.collab-location-tabs .nav-tabs .nav-link.active h6 {
    color: #ff0003 !important;
}

.collab-location-tabs {
    padding-top: 100px;
}

.additional-wrapper-one .content-1 h3 {
    color: #ffffff;
    font-size: 45px;
    padding-bottom: 90px;
    font-weight: 600;
}

.syvox-item {
    width: 535px;
    height: 124px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid white;
    border-radius: 21px;
    padding: 0px 35px 0px 45px;
    position: relative;
    margin-bottom: 45px;
}

.syvox-item p {
    font-size: 23px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 30px;
}

.additional-wrapper-one {
    background: url("../img/additional-one-wrapper-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0px;
    background-attachment: fixed;
}

.syvox-item a {
    width: 42px;
    height: 42px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    left: -21px;
    top: 0;
    background: #221f1f;
    padding: 12px;
    border-radius: 50%;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transition: 0.4s linear;
}

.syvox-item a:hover {
    transform: scale(1.2);
}

.additional-wrapper-two .content-1 h3 {
    font-size: 45px;
    color: #282727;
    font-weight: 600;
    padding-bottom: 115px;
}

.additional-wrapper-two .process-main-img {
    width: 393px !important;
    height: 339px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative;
    background-size: contain !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    filter: drop-shadow(0px 5px 29px #05050573);
}

.additional-wrapper-two .process-main-img h4 {
    color: #282727;
    font-size: 36px;
    font-weight: 700;
}

.process-main-img-icon {
    width: 145px;
    height: 145px;
    overflow: hidden;
    position: absolute;
    right: 12px;
    top: -26px;
}

.process-main-img-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.process-main-content p {
    color: #505050;
    font-size: 23px;
    line-height: 37px;
    font-weight: 400;
    padding-top: 50px;
}

.process-main-img::before {
    content: "";
    position: absolute;
    left: 122px;
    top: 18px;
    width: 106px;
    height: 5px;
    background: #E4251A;
}

.process-main-content {
    padding: 0px 20px;
}

.additional-wrapper-two {
    padding: 100px 0px;
}

.additional-wrapper-three .package-name-main-content .p-one {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 60px;
    margin-bottom: 0;
}

.additional-wrapper-three .package-name-main-content h4 {
    font-size: 58px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 10px;
    transition: 0.3s linear;
    margin-bottom: 0;
}

.additional-wrapper-three .package-name-main-content .p-two {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    transition: 0.3s linear;
    margin-bottom: 0;
}

.additional-wrapper-three .package-name-main-content .p-three {
    font-size: 25px;
    font-weight: 500;
    color: #000000;
    transition: 0.3s linear;
    padding-top: 15px;
    margin-bottom: 0;
}

.package-name-main-btn .btn {
    background: #ffffff;
    color: #646464;
    box-shadow: 0px 0px 61.75px 3.25px rgba(188, 188, 188, 0.46);
    padding: 17px 40px;
}

.package-name-main-btn .btn:hover {
    background: #ffffff;
    color: #646464;
    box-shadow: 0px 0px 61.75px 3.25px rgba(188, 188, 188, 0.46);
    padding: 17px 40px;
}

.package-name-main {
    padding: 65px 30px;
    height: 574px;
    border-radius: 23px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: 0.4s linear;
}

.package-name-main:hover .package-name-main-btn .btn {
    background: #030303;
    color: #ffffff;
}

.package-name-main:hover .package-name-main-content .p-one,
.package-name-main:hover .package-name-main-content .p-three {
    color: #ffffff;
}

.package-name-main:hover .package-name-main-content .p-two,
.package-name-main:hover .package-name-main-content h4 {
    color: #ffffff;
}

.package-name-main:hover {
    background: url("../img/package-name-main-img.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.4s linear;
}

.additional-wrapper-three {
    background: url("../img/additional-wrapper-three-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding: 170px 0px 200px;
}

.package-name-main .package-name-main-tag {
    width: 203px;
    height: 170px;
    overflow: hidden;
    position: absolute;
    top: -18px;
    right: -23px;
    transition: 0.3s linear;
    opacity: 0;
}

.package-name-main .package-name-main-tag img {
    object-fit: contain;
}

.package-name-main:hover .package-name-main-tag {
    opacity: 1;
}

.package-name-main-custom-hover {
    background: url("../img/package-name-main-img.webp") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.package-name-main-tag-custom {
    opacity: 1 !important;
}

.package-name-main-custom-hover .package-name-main-btn .btn {
    background: #030303 !important;
    color: #ffffff !important;
}

.package-name-main-custom-hover .package-name-main-content .p-one,
.package-name-main-custom-hover .package-name-main-content .p-two,
.package-name-main-custom-hover .package-name-main-content .p-three {
    color: #ffffff !important;
}

.custom-package-color {
    color: white !important;
}

.phone-img {
    width: 400px;
    height: 820px;
    overflow: hidden;
    display: inline-block;
}

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

.additional-wrapper-four .content-1 h3 {
    font-size: 45px;
    color: #282727;
    font-weight: 600;
    padding-bottom: 90px;
    margin-bottom: 0;
}

.additional-wrapper-four {
    padding: 110px 0px;
}

.additional-wrapper-four-content-item-img {
    padding-bottom: 27px;
}

.additional-wrapper-four-content-item h5 {
    color: #282727;
    font-size: 25px;
    font-weight: 700;
}

.additional-wrapper-four-content-item p {
    color: #6a6a6a;
    font-size: 20px;
    font-weight: 500;
}

.card-body-main-custom {
    padding: 1rem 0rem 1rem 0rem;
}

.card-body-main-custom-inner {
    padding: 1rem 7px 1rem 7px;
    font-size: 11px;
}

.card-body-main-custom-inner ul li a {
    font-size: 11px !important;
}

.mobile-nav .header-icon-size-custom {
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.webapp-custom-tabs .nav-tabs {
    border-bottom: unset;
}

.webapp-custom-tabs .nav-tabs .nav-link img {
    filter: grayscale(1);
}

.webapp-custom-tabs .nav-tabs .nav-link h6 {
    color: #828282;
}

.webapp-custom-tabs .nav-tabs .nav-link.active h6 {
    color: #197fac;
}

.webapp-custom-tabs .nav-tabs .nav-link.active img {
    filter: grayscale(0);
}

.webapp-custom-tabs .nav-tabs .nav-item.show .nav-link,
.webapp-custom-tabs .nav-tabs .nav-link.active,
.webapp-custom-tabs .nav-tabs .nav-link.hover {
    border-color: unset;
    border: unset;
}

.webapp-custom-tabs .nav-tabs .nav-link {
    border: unset !important;
}

.csr-second-wrapper .page-link {
    border-radius: 50%;
    width: 39px;
    background: #cbcbcb;
    color: white;
    height: 39px;
}

.csr-second-wrapper .page-link:hover {
    background: #666666;
}

.page-item.active .page-link {
    background: #666666;
    border: unset;
}

.csr-second-wrapper .page-item {
    margin-right: 7px;
}

.page-item:first-child .page-link {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    border-radius: 50% !important;
}

.page-item:last-child .page-link {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    border-radius: 50% !important;
}

.year-progress-p-custom {
    font-size: 15px !important;
    position: relative;
    padding-left: 13px;
}

.year-progress-p-custom::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: black;
}

.years-flow-main-item-custom-one::before {
    bottom: 34% !important;
}

.years-flow-main-item-custom-two::before {
    bottom: 55% !important;
    left: 0% !important;
}

.years-flow-main-item-custom-three::before {
    bottom: 35% !important;
}

.years-flow-main-item-custom-four::before {
    left: 0% !important;
}

.years-flow-main-item-custom-five::before {
    bottom: 35% !important;
}

.years-flow-main-item-custom-six::before {
    left: 0% !important;
}

.years-flow-main-item-custom-seven::before {
    bottom: 35% !important;
}

.years-flow-main-item-custom-eight::before {
    bottom: 56% !important;
    left: 0% !important;
}

.years-flow-main-item-custom-nine::before {
    bottom: 37% !important;
}

.years-flow-main-item-custom-tenth::before {
    bottom: 58% !important;
    left: 0% !important;
}

.years-flow-main-item-custom-eleven::before {
    bottom: 37% !important;
}

.year-progress-p-custom-two::before {
    top: 14px;
    margin-top: unset;
    margin-bottom: unset;
}

.years-flow-main-item-para-custom-one {
    margin-top: -11%;
}


/* test */

.wrapper {
    margin: 0 auto;
}

.trigger {
    position: absolute;
}

.trigger--one {
    left: 0;
}

.scene {
    position: absolute;
    height: 100vh;
    background: url("../img/about-four-bg.webp");
    top: 0;
    left: 0;
    right: 0;
}

.scene--active {
    position: fixed;
}

.scene--ended {
    position: absolute;
    bottom: 0;
    top: auto;
}

.horizontal-scroll-section {
    position: relative;
    min-height: 100vh;
    opacity: 0;
    transition: 0.2s opacity;
}

.horizontal-scroll-section img {
    display: block;
    max-height: 80%;
    width: auto;
}

.horizontal-scroll-section--init {
    opacity: 1;
}

.horizontal-scroll-section__content {
    display: flex;
    align-items: center;
}

.horizontal-scroll-section__content-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
    position: relative;
    margin-left: 30vh;
}

.horizontal-scroll-section__content-section {
    position: relative;
    min-width: 38vw;
    text-align: start;
    padding: 0 40px;
    height: 100%;
    display: flex;
    align-items: center;
}

.horizontal-scroll-section__image {
    display: flex;
    align-items: center;
}

.horizontal-scroll-section__image h2 {
    margin-left: 20px;
    width: 250px;
    text-align: left;
    flex-shrink: 0;
}

.horizontal-scroll-section__image--two img {
    max-width: 400px;
}

.horizontal-scroll-section__image--four img {
    max-width: 400px;
}

.horizontal-scroll-section--animation-one .horizontal-scroll-section__image--two {
    opacity: 1;
    transform: translateX(0);
}

.horizontal-scroll-section__content-section-custom-border::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: black;
    bottom: 47%;
    left: 47px;
}

.years-flow-main-item-para-custom-margin-one {
    margin-bottom: -33px;
}

.years-flow-main-item-para-custom-margin-two {
    margin-bottom: -174px;
}

.years-flow-main-item-para-custom-margin-three {
    margin-top: -28px;
}

.custom-dot-active.active::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ea3323;
    transition: 0.3s linear;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    transform: scale(1);
}

.btn-15 {
    background: #ff0200;
    border: none;
    z-index: 1;
    border-radius: 50px !important;
    color: #fff;
    padding: 18px 57px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    transition: 0.4s linear;
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    outline: none;
    overflow: hidden;
}

.btn-15:hover {
    transform: translateY(-10px);
}

.btn-15::before {
    position: absolute;
    content: "";
    right: 0px;
    width: 100%;
    height: 50%;
    background: #ff0200;
    top: 0;
    bottom: 50%;
    transition: 0.3s linear;
    margin-top: auto;
    margin-bottom: auto;
    z-index: -1;
    transform: translateY(-31px);
}

.btn-15:hover::before {
    transform: translateY(0);
}

.btn-15::after {
    position: absolute;
    content: "";
    right: 0px;
    width: 100%;
    transition: 0.3s linear;
    height: 50%;
    background: #ff0200;
    top: 50%;
    bottom: 0;
    z-index: -1;
    margin-top: auto;
    margin-bottom: auto;
    transform: translateY(31px);
}

.btn-15:hover::after {
    transform: translateY(0);
}

.btn-16::before,
.btn-16::after{
    background: #141414;
}

.btn-15-red {
    background: #ff0200;
    border: none;
    z-index: 1;
    border-radius: 50px !important;
    color: #fff;
    padding: 18px 57px;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    transition: 0.4s linear;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 50px !important;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
    outline: none;
    overflow: hidden;
}

.btn-15-red:hover {
    transform: translateY(-10px);
}

.btn-15-red::before {
    position: absolute;
    content: "";
    right: 0px;
    width: 100%;
    height: 50%;
    background: #141414;
    top: 0;
    bottom: 50%;
    transition: 0.3s linear;
    margin-top: auto;
    margin-bottom: auto;
    z-index: -1;
    transform: translateY(-31px);
}

.btn-15-red:hover::before {
    transform: translateY(0);
}

.btn-15-red::after {
    position: absolute;
    content: "";
    right: 0px;
    width: 100%;
    transition: 0.3s linear;
    height: 50%;
    background: #141414;
    top: 50%;
    bottom: 0;
    z-index: -1;
    margin-top: auto;
    margin-bottom: auto;
    transform: translateY(31px);
}

.btn-15-red:hover::after {
    transform: translateY(0);
}

.sybrid-modal h2 {
    font-size: 30px;
    font-weight: 700;
}

.sybrid-modal p {
    font-size: 14px;
}

.sybrid-modal .form-control,
.sybrid-modal input,
.sybrid-modal select {
    background: #ffffff00;
    color: rgb(34, 34, 34);
    border: 1px solid #ea3323;
    padding: 14px 0px 14px 23px;
    transition-duration: .8s;
    height: auto;
    border-radius: 11px;
    font-size: 14px !important;
    box-shadow: unset;
    transition: 0.4s linear;
}

.sybrid-modal .form-control:hover,
.sybrid-modal input:hover,
.sybrid-modal select:hover {
    transform: scale(1.05);
    border: 1px solid #ff0200;
}

.sybrid-modal .form-control:focus,
.sybrid-modal input:focus,
.sybrid-modal select:focus {
    transform: scale(1.05);
    border: 1px solid #ff0200;
}

.sybrid-modal .modal-header {
    display: flex;
    position: absolute;
    right: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: unset;
    z-index: 99;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.sybrid-modal .btn-close {
    box-sizing: content-box;
    width: 28px;
    height: 28px;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("../img/close.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0.25rem;
    opacity: 1;
    box-shadow: unset;
    font-size: 36px;
    transition: 0.2s linear;
    border: unset;
}

.sybrid-modal .btn-close:hover {
    background: transparent url("../img/close.webp");
    box-shadow: unset;
    border: unset;
    width: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(91deg);
    height: 28px;
}

.sybrid-modal .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 42px 38px;
}

.sybrid-modal .modal-content {
    border-radius: 17px;
    overflow: hidden;
}

.sybrid-modal .modal-content::before {
    content: "";
    background: url(../img/modal-icon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 197px;
    height: 204px;
    position: absolute;
    left: -17px;
    top: -19px;
    opacity: 0.07;
}

.origin {
    text-decoration: none;
    font-size: 45px;
}

.consulting-detail-tabs .offering-second-wrapper-item-row {
    border: 2px solid #2e2e2e;
    border-radius: 44px;
    margin: 80px 0px 130px;
    justify-content: space-between !important;
}

.consulting-detail-tabs .offering-second-wrapper-item-row .offering-second-wrapper-item-anchor {
    width: auto;
    height: 80px;
    background: #ea342300;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 44px;
    min-width: 581px;
    font-size: 18px;
    color: #1d1d1d;
    font-weight: 600;
}

.consulting-detail-tabs .offering-second-wrapper-item-row .offering-second-wrapper-item-anchor:hover {
    background: #ea3323;
    color: #ffffff;
}

.consulting-detail-tabs .offering-second-wrapper-item-row .offering-second-wrapper-item-anchor.active {
    background: #ea3323;
    color: #ffffff;
}

.modentech-first-wrapper .content h3 {
    font-size: 60px;
    font-weight: 700;
    color: white;
    line-height: 72px;
}

.modentech-first-wrapper .content h3 span {
    font-size: 82px;
    font-weight: 700;
    color: white;
}

.modentech-first-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.modentech-first-wrapper-img {
    position: absolute;
    bottom: -47px;
    width: 1805px;
    height: 250px;
    overflow: hidden;
    right: 0
}

.modentech-first-wrapper-img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.bg-moden {
    background: #04437b !important;
}

.modentech-six-wrapper {
    background: #04437b !important;
}

.privacy-second-wrapper .content h3 {
    font-size: 30px;
    font-weight: 700;
    color: #282828;
}

.privacy-second-wrapper .content p {
    font-size: 17px;
    font-weight: 400;
    color: #282828;
    line-height: 28px;
}

.privacy-second-wrapper .content ul {
    font-size: 15px;
    font-weight: 400;
    color: #282828;
    line-height: 34px;
    padding-left: 18px;
    margin-bottom: unset;
    padding-bottom: 20px;
    padding-top: 20px;
}

.custom-text-section {
    padding-top: 150px;
}

.custom-text-section p {
    font-size: 18px;
}

.service-detail-four-additional-wrapper {
    padding: 0px 0px 0px !important;
}

.mera-halka-first-wrapper img {
    padding-bottom: 20px;
}

.mera-halka-three-wrapper {
    padding: 100px 0px 100px;
}

.mera-halka-three-wrapper span {
    color: #76bd42;
}

.mera-halka-three-wrapper-girl-img {
    width: 560px;
    height: 504px;
    overflow: hidden;
}

.mera-halka-three-wrapper-girl-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mera-halka-three-wrapper-girl-absolute {
    position: absolute !important;
    right: 39% !important;
    bottom: -49% !important;
}

.mera-halka-three-wrapper .content h4 {
    font-size: 49px;
}

.canvas-lp-img-one {
    width: 790px;
    height: 735px;
    overflow: hidden;
}

.canvas-lp-img-one img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.canvas-lp-img-one-absolute {
    right: 5%;
    top: -21%;
    position: absolute;
}

.bg-canvas {
    background: black !important;
}

.canvas-lp-third-wrap {
    height: 613px !important;
}

.canvas-four-wrapper .nav-tabs .nav-item.show .nav-link,
.canvas-four-wrapper .nav-tabs .nav-link.active {
    color: #141414 !important;
    font-weight: 700;
}

.canvas-four-wrapper .nav-tabs .nav-link::before {
    background: #141414 !important;
}

.canvas-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: #141414 !important;
}

.canvas-four-wrapper .proceed-four-wrapper-tab-content h6 {
    color: #141414 !important;
}

.canvas-five-wrapper .proceed-five-wrapper-content-two-circle {
    background: #141414 !important;
}

.canvas-six-wrapper {
    background: #ffe726 !important;
}

.btn-one-canvas {
    background: #ffe726 !important;
    color: black;
}

.btn-one-canvas:hover {
    background: black !important;
    color: #ffe726;
}

.btn-two-canvas {
    background: black !important;
    color: #fdfdfd;
}

.btn-two-canvas:hover {
    background: #ffe726 !important;
    color: black !important;
}

.modentech-first-wrapper img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(163deg) brightness(106%) contrast(108%);
}

.iceanimation-first-wrapper-img {
    position: absolute;
    bottom: -47px;
    width: 1805px;
    height: 250px;
    overflow: hidden;
    right: 41px;
}

.iceanimation-first-wrapper-img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.bg-iceanimation {
    background: #3ca1f9 !important;
}

.iceanimation-four-wrapper .nav-tabs .nav-item.show .nav-link,
.iceanimation-four-wrapper .nav-tabs .nav-link.active {
    color: #3286d0;
    font-weight: 600;
}

.iceanimation-four-wrapper .nav-tabs .nav-link::before {
    background: #3286d0 !important;
}

.iceanimation-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: #3286d0 !important;
}

.iceanimation-four-wrapper .proceed-four-wrapper-tab-content h6 {
    color: #3286d0 !important;
}

.iceanimation-five-wrapper .proceed-five-wrapper-content-two-circle {
    background: #3286d0 !important;
}

.iceanimation-six-wrapper {
    background: #3ca1f9 !important;
}

.btn-one-ice {
    background: #55adfa !important;
}

.btn-two-ice {
    background: #0c0c0c !important;
}

.sybridmd-first-wrapper .content {
    z-index: 1;
}

.bg-sybridmd {
    background: #3b3b3b !important;
}

.sybridmd-four-wrapper .nav-tabs .nav-item.show .nav-link,
.sybridmd-four-wrapper .nav-tabs .nav-link.active {
    color: #029fb1;
    font-weight: 700;
}

.sybridmd-four-wrapper .nav-tabs .nav-link::before {
    background: #029fb1;
}

.sybridmd-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: #029fb1;
}

.sybridmd-four-wrapper .proceed-four-wrapper-tab-content h6 {
    color: #029fb1;
}

.sybridmd-five-wrapper .proceed-five-wrapper-content-two-circle {
    background: #029fb1;
}

.sybridmd-six-wrapper {
    background: #029fb1 !important;
}

.btn-two-sybridmd {
    background: #029fb1 !important;
}

.bg-vserved {
    background: #05477d !important;
}

.vserved-four-wrapper .nav-tabs .nav-item.show .nav-link,
.vserved-four-wrapper .nav-tabs .nav-link.active {
    color: #f16529;
    font-weight: 700;
}

.vserved-four-wrapper .nav-tabs .nav-link::before {
    background: #f16529;
}

.vserved-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: #f16529;
}

.vserved-four-wrapper .proceed-four-wrapper-tab-content h6 {
    color: #f16529;
}

.vserved-five-wrapper .proceed-five-wrapper-content-two-circle {
    background: #f16529;
}

.vserved-six-wrapper {
    background: #f16529 !important;
}

.btn-one-vserved {
    background: #f16529 !important;
}

.btn-two-vserved {
    background: black !important;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-six {
    background: #0c7794 !important;
    width: 770px;
    height: 658px;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: -1;
}

.new-ol-list-custom strong {
    display: block;
}

.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 51px;
    bottom: 15px;
    z-index: 996;
    background: #ea3323;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    transition: all 0.4s;
    top: 864px;
    box-shadow: 0px 29px 20px #00000040;
}

.back-to-top.scroll {
    visibility: visible;
    opacity: 1;
}

.certifications-third-wrapper .content h3 {
    font-size: 40px;
    font-weight: 700;
    color: #030303;
    padding-bottom: 43px;
}

.company-logo img {
    transition: 0.5s;
}

.company-logo img:hover {
    transform: scale(1.08);
}

.overlay-custom {
    height: 100%;
    width: 100%;
    background: #8d0c01de;
    padding: 70px 0px 70px;
}

.mera-halka-first-wrapper {
    padding: 80px 80px;
}

.sybrid-map-section {
    padding: 58px 0px;
}

.anime-clr-map {
    fill: #ea3323;
}

.anime-clr-map {
    animation: anime-clr-map 2s linear infinite;
}

@keyframes anime-clr-map {
    0% {
        fill: #ea3323;
    }

    50% {
        fill: #000;
    }

    100% {
        fill: #ea3323;
    }
}

.add-card-content img {
    padding-right: 8px;
}

.add-card-content p {
    color: black;
    font-size: 12px;
    font-weight: 500;
    transition: 0.2s linear;
}

.add-card-content h5 {
    color: #ff0000;
    font-size: 21px;
    padding-bottom: 15px;
    font-weight: 700;
    transition: 0.2s linear;
}

.add-card-main {
    background: #eeeeee;
    padding: 35px 15px;
    transition: 0.4s linear;
    min-height: 164px;
}

.add-card-main:hover {
    background: #ff0000;
    transform: scale(1.1);
}

.add-card-main:hover .add-card-content h5 {
    color: #ffffff;
}

.add-card-main:hover .add-card-content p {
    color: #ffffff;
}

.sybrid-map-section .content-one h3 {
    font-size: 34px;
    color: #000000;
    font-weight: 700;
}

.row-map-heading {
    margin-top: -5%;
}

.thankyou-sec {
    background: white;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

.thankyou-sec h2 {
    font-size: 50px;
    font-weight: 700;
    color: rgb(19, 19, 19);
    padding-bottom: 15px;
}

.thankyou-sec p {
    font-size: 18px;
    font-weight: 500;
    color: rgb(46, 46, 46);
}

.blog-pages ul li {
    list-style: none !important;
}

.blog-pages ul {
    margin-left: unset !important;
    margin-bottom: unset !important;
}

.blog-pages .header-second-row {
    padding-bottom: unset !important;
}

.blog-pages .accordion-header {
    padding-bottom: unset !important;
}

.bg-canvas:hover {
    background: #ffe700 !important;
}

.bg-sybridmd:hover {
    background: #016875 !important;
}

.bg-vserved:hover {
    background: #ed341e !important;
}

.bg-iceanimation:hover {
    background: #7fcbff !important;
}

.bg-moden:hover {
    background: #0055cc !important;
}

.service-item-content-icon-img {
    width: 70px;
    height: 70px;
    padding-bottom: 5px;
    overflow: hidden;
}

.service-item-content-icon-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.know-item-main-img-iceanimations {
    width: 100px !important;
    height: 81px !important;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 24px;
}


/* region-modal-css */

.sybrid-region-modal {
    background: #1c1c1c;
    z-index: 1060999999;
}

.region-main-item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 17px 24px #ea332317;
    border: 1px solid #ea3323;
}

.region-main-item .overlay {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #0c0c0c6b;
    width: 100%;
}

.region-main-item .overlay span {
    font-size: 35px;
    font-weight: 600;
    color: white;
    font-family: 'Inter';
    text-transform: uppercase;
    line-height: 36px;
}

.sybrid-region-modal .modal-body {
    height: 40vh;
}

.sybrid-region-modal .modal-content {
    background-color: unset;
    border: unset;
}

.region-main-item-coming-soon .coming-soon {
    font-size: 15px;
    font-weight: 600;
    color: white;
}

.coming-soon-trance {
    color: white;
    opacity: 0;
}

.sybridmd-certificate .certificate {
    height: 400px;
    overflow: hidden;
}

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

.sybridmd-certificate .content h2 {
    font-size: 40px;
    font-weight: 700;
    color: #2a2a2a;
}

.span-timeline-btn {
    background: #000000;
    font-size: 16px !important;
    font-weight: 500;
    color: white !important;
    padding: 15px 51px;
    border-radius: 40px;
    display: inline-block;
}


/* region-modal-css-end */


/* game-dev-css-start */

.game-dev-first-wrapper-img-one {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 568px;
    height: 447px;
}

.game-dev-first-wrapper-img-two {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 432px;
    height: 456px;
}

.game-dev-clr-one {
    color: #2a2a2a;
}

.game-dev-tab-sec-one-img-two {
    position: absolute;
    left: 52%;
    bottom: 22%;
}

.game-dev-tab-sec-three-img-one {
    position: absolute;
    bottom: 0;
    right: 9%;
}

.game-dev-tab-sec-five-img-one {
    position: absolute;
    bottom: 0;
    right: 0;
}

.twodART-animation-main {
    height: 620px;
    width: 100%;
}

.twodART-animation-img-one {
    position: absolute;
    top: 64px;
    left: 145px;
    animation: twodART-animation-img-one 5s infinite;
}

@-webkit-keyframes twodART-animation-img-one {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(187px, -130px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.twodART-animation-img-two {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 51%;
    animation: twodART-animation-img-two 3s infinite;
}

@-webkit-keyframes twodART-animation-img-two {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(32px);
    }

    100% {
        transform: translateX(0px);
    }
}

.twodART-animation-img-three {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 39%;
}

.threedanimation-img-one {
    animation: threedanimation-img-one 2s infinite;
}

@-webkit-keyframes threedanimation-img-one {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(32px);
    }

    100% {
        transform: translateY(0px);
    }
}

.ui-ux-section-img-one {
    position: absolute;
    top: 121px;
    left: 147px;
    animation: i-ux-section-img-one 1s infinite;
    max-width: 25%;
}

.ui-ux-section-img-two {
    position: absolute;
    top: 142px;
    right: 34px;
    max-width: 23%;
    animation: i-ux-section-img-one 1s infinite;
}

@-webkit-keyframes i-ux-section-img-one {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.UNREAL-item-main-img-two {
    position: absolute;
    top: 0;
    left: 211px;
    max-width: 40%;
    animation: UNREAL-item-main-img-two 2s infinite;
}

@-webkit-keyframes UNREAL-item-main-img-two {
    0% {
        transform: scale(1);
        top: 0%;
    }

    50% {
        transform: scale(1.1);
        top: -6%;
    }

    100% {
        transform: scale(1);
        top: 0%;
    }
}

.UNREAL-item-main-img-three {
    position: absolute;
    bottom: 0;
    left: 2%;
    animation: UNREAL-item-main-img-three 4s infinite;
}

@keyframes UNREAL-item-main-img-three {
    0% {
        transform: rotate(0deg);
    }

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

.mobile-game-dev-img-two {
    position: absolute;
    left: 0;
    right: 0;
    top: -21px;
    max-width: 49%;
    margin-left: auto;
    margin-right: auto;
}

.unity-threed-game-img-two {
    position: absolute;
    top: 35%;
    right: 0;
    animation: unity-threed-game-img-two 2s infinite;
}

@-webkit-keyframes unity-threed-game-img-two {
    0% {
        transform: scale(1.1);
        top: 28%;
    }

    50% {
        transform: scale(1);
        top: 35%;
    }

    100% {
        transform: scale(1.1);
        top: 28%;
    }
}

.unity-threed-game-img-three {
    position: absolute;
    right: -124px;
    bottom: 19%;
    animation: UNREAL-item-main-img-three 4s infinite;
}

.html-game-item-img-two {
    position: absolute;
    top: -15px;
    left: 63px;
    max-width: 27%;
    animation: i-ux-section-img-one 1s infinite;
}

.html-game-item-img-three {
    position: absolute;
    top: 85px;
    left: 347px;
    max-width: 27%;
    animation: i-ux-section-img-one 1s infinite;
}

.html-game-item-img-four {
    position: absolute;
    bottom: -13px;
    left: 347px;
    max-width: 27%;
    animation: i-ux-section-img-one 1s infinite;
}

.Metaverse-game-item-img-two {
    position: absolute;
    right: 25px;
    top: 48px;
    animation: Metaverse-game-item-img-two 4s infinite;
}

@-webkit-keyframes Metaverse-game-item-img-two {
    0% {
        transform: translate(227px, -85px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.Metaverse-game-item-img-three {
    position: absolute;
    left: 45%;
    top: 18px;
    animation: Metaverse-game-item-img-three 4s infinite;
}

@-webkit-keyframes Metaverse-game-item-img-three {
    0% {
        transform: translate(-233%, -175%);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.Metaverse-game-item-img-four {
    position: absolute;
    left: 32%;
    bottom: 58%;
    animation: Metaverse-game-item-img-four 4s infinite;
}

@-webkit-keyframes Metaverse-game-item-img-four {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-22px);
    }

    100% {
        transform: translateY(0px);
    }
}

.nft-game-main-item-img-one {
    position: absolute;
    top: 73px;
    left: -69px;
    max-width: 16%;
    animation: Metaverse-game-item-img-four 2s infinite;
}

.nft-game-main-item-img-two {
    position: absolute;
    top: 2px;
    left: 10%;
    max-width: 9%;
    animation: nft-game-main-item-img-two 2s infinite;
}

@-webkit-keyframes nft-game-main-item-img-two {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(22px);
    }

    100% {
        transform: translateX(0px);
    }
}

.nft-game-main-item-img-three {
    position: absolute;
    top: 39%;
    right: 2%;
    max-width: 9%;
    animation: nft-game-main-item-img-three 2s infinite;
}

@-webkit-keyframes nft-game-main-item-img-three {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-22px);
    }

    100% {
        transform: translateX(0px);
    }
}

.nft-game-main-item-img-main-img {
    animation: nft-game-main-item-img-main-img 3s infinite;
}

@-webkit-keyframes nft-game-main-item-img-main-img {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-22px);
    }

    100% {
        transform: translateY(0px);
    }
}

.game-dev-first-wrapper-img-one {
    animation: game-dev-first-wrapper-img-one 3s infinite;
}

@-webkit-keyframes game-dev-first-wrapper-img-one {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(22px);
    }

    100% {
        transform: translateX(0px);
    }
}

.game-dev-first-wrapper-img-two {
    animation: game-dev-first-wrapper-img-two 3s infinite;
}

@-webkit-keyframes game-dev-first-wrapper-img-two {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(22px);
    }

    100% {
        transform: translateX(0px);
    }
}

.custom-game-dev-p {
    padding-bottom: unset !important;
}

.techwarehouse-first-wrapper .content img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(163deg) brightness(106%) contrast(108%);
}

.techwarehouse-first-wrapper {
    background: url("../img/techware-first-wrap-bg.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cove !important;
}

.techware-second-wrapper .btn {
    background: #2a2a2a;
}

.techware-second-wrapper .btn:hover {
    background: #b50000;
}

.techware-four-wrapper .nav-tabs .nav-item.show .nav-link,
.techware-four-wrapper .nav-tabs .nav-link.active {
    color: #b50000;
    font-weight: 600;
}

.techware-four-wrapper .nav-tabs .nav-link::before {
    background: #b50000;
}

.techware-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: #b50000;
}

.techware-five-wrapper-content-two-circle {
    background: #b50000;
}

.techware-six-wrapper {
    background: #1b1b1b;
}

.techware-seven-wrapper .content .btn-one {
    background: #5c5c5c;
}

.techware-seven-wrapper .content .btn-two {
    background: #1b1b1b;
}

.techware-seven-wrapper .content .btn-one:hover,
.techware-seven-wrapper .content .btn-two:hover {
    background: #b50000;
}

.buissnes-unit-second-wrapper .nav-link img {
    /* max-width: 70%; */
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.buissnes-unit-second-wrapper .nav-link {
    padding: unset;
}

.buissnes-unit-second-wrapper-tab-cotent-absolute-seven {
    background: #b50000 !important;
}

.index-section-four .row-bg-custom-2 {
    margin-bottom: -7%;
}

.index-section-four .row-bg-custom-2::before {
    content: "";
    position: absolute;
    bottom: -31%;
    left: 50%;
    background: url(../img/index-section-four-logo-two.webp);
    width: 2px;
    height: 253px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}

.sybrid-impact-banner {
    background: url(../img/sybrid-impact-banner-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-center-section-add h3 {
    color: #303030;
    font-size: 40px;
    font-weight: 700;
}

.know-second-wrapper .nav-tabs {
    border-bottom: unset;
}

.know-second-wrapper .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: unset;
    border-radius: 25px;
    padding: 13px 60px;
    background: #ebebeb;
    color: black;
    font-weight: 600;
}

.know-second-wrapper .nav-tabs .nav-item.show .nav-link,
.know-second-wrapper .nav-tabs .nav-link.active {
    background: #ff0200;
    color: rgb(255, 255, 255);
}
.awards-timline-item {
    margin-bottom: 50px;  
}
.awards-timline-item h6{
    color: #ff0200;
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 8px;
}
.awards-timline-item::before{
    background: url("../img/awards-timeline-before.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 158px;
    height: 36px;
    content: "";
    position: absolute;
    left: -57%;
    transform: rotate(180deg);
}
.awards-timline-item ul li{
    position: relative;
    color: #1b1b1b;
    font-size: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    font-weight: 500;
}
.awards-timline-item ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    border-radius: 50%;
    height: 5px;
    background: #ff0200;
}
.awards-timeline-wrap::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: url("../img/awards-timeline-border-before.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7px;
    height: 1770px;
    top: 9%;
}
.awards-timeline-wrap .mb-css{
    margin-bottom: 90px;
}
.awards-timline-item-left::before{
    right: -57%;
    transform: rotate(0deg);
    left: auto;
}
.awards-timeline-wrap h2{
    font-weight: 700;
    font-size: 40px;
    color: #000000;
}
.awards-timeline-wrap{
    background: #f7f7f7;
    padding: 75px 0px;
}
.awards-timeline-wrap-logos{
    position: absolute;
    top: 5%;
    left: 22%;
}
.impact-partners-wrap-1 .nav-tabs {
    border-bottom: unset;
}

.impact-partners-wrap-1 .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: unset;
    border-radius: 25px;
    padding: 13px 60px;
    background: #ebebeb;
    color: black;
    font-weight: 600;
}

.impact-partners-wrap-1 .nav-tabs .nav-item.show .nav-link,
.impact-partners-wrap-1 .nav-tabs .nav-link.active {
    background: #ff0200;
    color: rgb(255, 255, 255);
}
.impact-partners-wrap-1 h2{
    font-size: 40px;
    color: #0F0F0F;
    font-weight: 700;
}
.impact-logo-item{
    width: 100%;
    height: 300px;
    background: white;
    padding: 54px;
    overflow: hidden;
    box-shadow: 0px 0px 25px #00000014;
    margin-bottom: 20px;
}
.impact-logo-item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.impact-partners-wrap-1 {
    padding: 0px 0px 80px;
}
.impact-partners-wrap-2 h2{
    font-size: 40px;
    color: #0F0F0F;
    font-weight: 700;
}
.impact-partners-wrap-2{
    padding: 20px 0px 70px;
}
.concave-website-link-section .btn-15{
    background: #171717;
}
.concave-website-link-section .btn-15-red{
    background: #ea3323;
        padding: 18px 57px;
}
.concave-website-link-section .btn-15:hover{
     background: #ea3323;
}
.concave-website-link-section .btn-15-red:hover{
     background: #171717;
}

.awards-timeline-row-1-img.brand-logo {
    width: 120px;
    top: -18px;
}

.awards-timeline-row-1-img {
    position: absolute;
    left: -115%;
    top: -9px;
}
.awards-timeline-row-2-img {
    position: absolute;
    right: -115%;
    top: -9px;
}
.awards-timeline-row-2-img.extra-css {
    width: 120px;
}
.sybrid-partnerships-banner {
    background: url(../img/partnerships-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 261px 0px 182px;
}
.concave-pos-cta-section  .btn {
    background: #171717;
    padding: 16px 47px;
}

.cloud-animation-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: #fd2031;
}
.cloud-animation-four-wrapper .proceed-four-wrapper-tab-content h6 {
    color: #fd2031;
}
.cloud-animation-four-wrapper .nav-tabs .nav-item.show .nav-link, .cloud-animation-four-wrapper .nav-tabs .nav-link.active{
    color: #fd2031;
}
.cloud-animation-four-wrapper .nav-tabs .nav-link::before{
    background: #fd2031;
}
.cloud-animation-five-wrapper .proceed-five-wrapper-content-two-circle {
    background: #fd2031;
}
.cloud-animation-six-wrapper{
    background: #fd2031 !important;
}
.cloud-animation-seven-wrapper .content .btn-one {
    background: #fd2031 !important;
}
.bg-cloudanimation {
    background:  #fd2031 !important;
}
.cloudanimation-first-wrapper-img{
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.4;
}
.cloud360-seven-wrapper .content .btn-one {
    background: #14288d;
    font-size: 26px;
    font-weight: 500;
    padding: 30px 87px;
    border-radius: 59px;
}
.cloud360-seven-wrapper .content .btn-two {
    background: #da0000 !important;
    font-size: 26px;
    font-weight: 500;
    padding: 30px 87px;
    border-radius: 59px;
}
/* diversity */
.diversity-dashboard-wrap-1 .top-bar-1 {
  gap: 60px;
}
.diversity-dashboard-wrap-1 .top-bar-1-main {
  background: #ea3323;
  padding: 7px 0px;
}
.diversity-dashboard-wrap-1 .top-bar-1 li {
  position: relative;
}
.diversity-dashboard-wrap-1 .top-bar-1 li::before {
  content: "";
  position: absolute;
  right: -32px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 17px;
  width: 2px;
  background: white;
}
.diversity-dashboard-wrap-1 .top-bar-1 .last-li::before {
  display: none;
}
.diversity-dashboard-wrap-1 .top-bar-2-main {
  background: #373737;
  padding: 7px 0px;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 38%);
}
.diversity-dashboard-wrap-1 .top-bar-2-main select {
  padding: 1px 39px 1px 3px;
  border: 1px solid white;
  color: white;
  font-size: 13px !important;
}
.diversity-dashboard-wrap-1 .top-bar-2-main option {
  color: black;
  font-size: 13px;
}
.diversity-dashboard-wrap-1 .top-bar-2-main p {
  font-size: 18px;
}
.diversity-dashboard-wrap-2 h3 {
  padding-left: 15px;
  font-size: 22px;
  font-weight: 700;
  color: #000000;
}
.diversity-dashboard-wrap-2 h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: red;
  width: 3px;
  height: 18px;
}
.diversity-dashboard-wrap-2 .gender-ul li {
  padding-left: 21px;
  position: relative;
}
.diversity-dashboard-wrap-2 .gender-ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.diversity-dashboard-wrap-2 .gender-ul .color-red::before {
  background: #ea3323;
}
.diversity-dashboard-wrap-2 .gender-ul .color-black::before {
  background: #2a2a2a;
}
.canvas-con {
  display: flex;
  align-items:center;
  justify-content: center;
  min-height: 365px;
  position: relative;
}
.canvas-con-inner {
    height: 100%;
}
.canvas-con-inner, .legend-con {
    display: inline-block;
}
.legend-con {
    font-family: Roboto;
    display: inline-block;
}
.legend-con ul {
    list-style: none;
}
.legend-con li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.legend-con li span {
    display: inline-block;
    font-family: "Inter";
    font-weight: 600;
}
.legend-con li span.chart-legend {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
#skills span {
  top: -30px;
  left: 2%;
  position: relative;
  font-size: 1.4em;
  font-weight: bolder;
  font-family: monospace;
  color: #fff;
}

.progress {
	background-color: #ffffff;
	border-radius: 0px;
	position: relative;
	margin: 0px 0;
	height: 50px;
	width: 80%;
}

.progress-done {
	background: #EA3323;
	border-radius: 0px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: end;
	height: 100%;
	width: 0;
	opacity: 0;
	transition: 1s ease 0.3s;
	padding-right: 12px;
	padding-left: 40px;
}

.progress-bar-main p{
  font-size: 18px;
  color: black;
}

#container{
  width: 500px; height: 400px;
}

.highcharts-color-0{
  fill: #F60000;
      stroke: unset;
}

.highcharts-color-1{
  fill: #8C8C8C;
      stroke: unset;
}

.highcharts-color-2{
  fill: #1B1B1B;
      stroke: unset;
}
.highcharts-data-label-connector{
  stroke: #1B1B1B;
  fill: transparent;
}
.highcharts-credits{
  display: none  !important;
}
.highcharts-title{
  display: none;
}
.color-grey::before{
  background: #8C8C8C;
}

.region-employe-main .progress {
  background-color: #ea3323;
  border-radius: 0px;
  position: relative;
  margin: 0px 0;
  height: 40px;
  width: 80%;
}

.region-employe-main .progress-done {
  background: #373737;
  border-radius: 0px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
  padding-right: 12px;
  padding-left: 40px;
}

.progress-remaining-percent{
  position: absolute;
  right: 7px;
  top: 11px;
  bottom: 0;
  margin: auto 0;
  font-size: 12px !important;
  color: white !important;
}
.diversity-dashboard-wrap-2-top-1 {
  padding: 40px 0px 0px;
  box-shadow: 0px 10px 42px #00000029;
}
.diversity-dashboard-wrap-2-top-2 {
  padding: 60px 0px 0px;
}
.diversity-cta-main .index-section-six{
        background: #f7f7f7;
}

.team-sec{padding:80px 0 80px 250px;background-repeat:no-repeat;background-size:cover;position:relative;}
.team-sec h3{font-weight:300;font-size:45px;text-transform:capitalize;color:#000;margin-bottom:50px;}
.team-sec h3 span{font-weight:700;color:#ea3526;}
.team-sec ul.team-slider{padding:0;margin:0;}
.team-sec ul.team-slider li{margin:0 15px;}
.team-sec ul.team-slider li .item-wrap{
    width: fit-content;
    margin: auto;
}
.team-sec ul.team-slider li .item-wrap .img-wrap{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%);border-radius:20px;width:270px;height:270px;}
.team-sec ul.team-slider li .item-wrap .content-wrap{margin-top:15px;}
.team-sec ul.team-slider li .item-wrap .img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.team-sec ul.team-slider li .item-wrap .content-wrap h4{font-weight:700;font-size:24px;text-transform:capitalize;color:#000;}
.team-sec ul.team-slider li .item-wrap .content-wrap p{font-weight:200;font-size:14px;line-height:1;color:#000;}
.team-sec ul.team-slider li .item-wrap:hover .img-wrap img{}
.team-sec ul.team-slider li .item-wrap:hover .content-wrap h4{color:#ea3526;}
.team-sec ul.slick-dots{display:flex;align-items:center;width:fit-content;bottom:unset;top:-80px;left:unset;right:100px;gap:10px;}
.team-sec ul.slick-dots li{margin:0;}
.team-sec ul.slick-dots li button::before{font-size:20px;opacity:1;color:#fff;width:30px;height:30px;}
.team-sec ul.slick-dots li.slick-active{}
.team-sec ul.slick-dots li.slick-active button:before{color:#ea3526;opacity:1;}
.team-sec ul.slick-dots li button{padding:0;width:30px;height:30px;}
.nextapp-six-wrapper{background: #0175FF;}
.btn-custom-black{background: black !important;}
.text-black{color: black !important;}
.nextapp-four-wrapper .nav-tabs .nav-item.show .nav-link, .nextapp-four-wrapper .nav-tabs .nav-link.active {
    color: black;
}
.nextapp-four-wrapper .proceed-four-wrapper-tab-content h5 {
    color: black !important;
}
.nextapp-four-wrapper .proceed-four-wrapper-tab-content h6 {
    color: black !important;
}
.nextapp-four-wrapper .nav-tabs .nav-link::before {
    background: black !important;
}

/* START NOVA HRMS */
.nova-detail-second-wrapper {
    background: url("../img/nova-bg.png");
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}

.nova-detail-second-wrapper .pricing_content {
    border: 1px solid #EA3323;
    border-radius: 16px;
    padding: 50px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
}

.nova-detail-second-wrapper .pricing_content ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
}

.nova-detail-second-wrapper .pricing_content ul:nth-child(even){
    background: #F2F2F2;
}

.nova-detail-second-wrapper .pricing_content ul li {
    width: 33%;
    height: 60px;
    border-right: 1px solid #D1D1D1;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nova-detail-second-wrapper .pricing_content ul.heading li {
    height: 120px;
}

.nova-detail-second-wrapper .pricing_content ul.heading li {
    justify-content: center;
    padding-left: 0px;
}

.nova-detail-second-wrapper .pricing_content ul li:first-child,
.nova-detail-second-wrapper .pricing_content ul.heading li:first-child {
    justify-content: start;
}

.nova-detail-second-wrapper .pricing_content ul.heading li .box h4 {
    margin: 0;
    font-weight: bold;
}

.nova-detail-second-wrapper .pricing_content ul.heading li .box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nova-detail-second-wrapper .pricing_content ul li:first-child strong, 
.nova-detail-second-wrapper .pricing_content ul.heading li:first-child .box h4{
    padding-left: 50px;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list li:first-child a {
    background: #EA3323;
    color: #fff;
    padding: 12px 45px;
    border-radius: 50px;
    width: 100%;
    margin: 0 50px;
    margin-left: 50px;
    text-align: center;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list li {
    height: 150px;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list li .btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list li .btn_box p {
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list li .btn_box p span {
    color: #ea3323;
    display: block;
    text-align: center;
    font-weight: 300;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list li .btn_box a {
    background: #fff;
    border: 2px solid #ea3323;
    border-radius: 50px;
    padding: 10px 20px;
    color: #ea3323;
    font-weight: 600;
}

.nova-detail-second-wrapper .pricing_content ul.price_btn_list {
    background: transparent;
}

.nova-detail-third-wrapper {
    padding: 60px 0;
}

.nova-detail-third-wrapper h2 {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
}

.nova-detail-third-wrapper ul.tabs {
    background: #F5F5F5;
    border: 1px solid #EBEBEB;
    padding: 20px;
    border-radius: 50px;
    width: 650px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    /* padding: 0; */
    margin: 0 auto;
}

.nova-detail-third-wrapper ul.tabs li {
    width: 200px;
    background: #fff;
    font-weight: bold;
    border-radius: 50px;
    padding: 10px;
    border: 1px solid #ea3323;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.nova-detail-third-wrapper ul.tabs li.current {
    background: #ea3323;
    color: #fff;
}

.nova-detail-third-wrapper ul.tabs li .img {
    width: 30px;
}

.nova-detail-third-wrapper .my-tabs .inner_box {
    margin-top: 60px;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #ea3323;
    padding: 30px 20px;
    margin-top: 25px;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box .img {
    width: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box h4 {
    margin: 10px 0;
    text-align: center;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box p {
    margin: 0;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box p strong {
    cursor: pointer;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box.last_box {
    height: 395px;
    text-align: center;
    background: #ea3021;
    padding: 60px 20px;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box.last_box h6 {
    margin: 0;
    font-size: 22px;
    color: #fff;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box.last_box h3 {
    margin: 0;
    font-weight: bold;
    font-size: 45px;
    color: #fff;
    margin: 25px 0;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box.last_box a.last_btn {
    color: #ea3021;
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box .read-more-text {
    overflow: hidden;
    max-height: 50px;
    transition: height 0.4s ease;
}

.nova-detail-third-wrapper .my-tabs .inner_box .box .read-more-text.show {
      /* max-height: 120px; */
      max-height: fit-content;
    }

.nova-detail-third-wrapper .my-tabs .inner_box .box .read-more-btn {
      color: #000;
      cursor: pointer;
      display: inline-block;
      margin-top: 10px;
      margin-right: auto;
      font-weight: bold;
    }

/* END NOVA HRMS */


.service-detail-four-wrapper .combo_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.service-detail-four-wrapper .combo_btn .btn-15 {
    background: #171717;
}

.service-detail-four-wrapper .combo_btn .btn-16 {
    background: #ff0200;
}

ul.list-unstyled.d-flex.justify-content-center {
    margin: unset;
}

.service-detail-second-wrapper img.img-1 {
    width: 250px;
}