/*================== IMPORTS =================*/

@import url('../fonts/stylesheet.css');

/*================== VARIABLES =================*/


:root {
    --body-color: #F4F4F4;
    --clr-theme-black: #1e1e1e;
    --clr-theme-text: #8d8d8d;
    --clr-theme-black-500: #4E4E4E;
    --clr-theme-white: #ffffff;
    --clr-theme-border: #bdbdbd;
    --clr-text-color: #000000;
    --clr-theme-blue: #4D71DD;
    --clr-theme-primary: #395AFF;
    --clr-theme-para: #747474;


    --ff-primary: 'Clash Display';
    --ff-body: 'TASA Orbiter Deck';

    --fs-xxl: 60px;
    --fs-xl: 50px;
    --fs-lg: 32px;
    --fs-md: 28px;
    --fs-sm: 24px;
    --fs-body: 19px;
    --fs-xs: 16px;

    --section-gap: 90px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 32px;
    --transition: all 0.4s ease-in-out;
}

/*================== BROWSER RESET =================*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    padding: 0;
    margin: 0;
    font: inherit;
}

ul,
ol {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

html:focus-within {
    scroll-behavior: smooth;
}

a:focus,
a:hover {
    outline: none;
}

a {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

body {
    font-family: var(--ff-body);
    text-rendering: optimizeSpeed;
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: 1.5;
    color: var(--clr-text-color);
}

p {
    margin-bottom: 0;
    line-height: 30px;
    color: var(--clr-theme-para);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ff-primary);
    margin-bottom: 0;
    font-weight: 500;
}

img,
picture,
svg,
video {
    max-width: 100%;
    display: block;
}

body {
    background-color: var(--body-color);
}

/*================== UTILITY CLASSES =================*/

.container {
    max-width: 1620px;
}

.custom-pad {
    padding: var(--section-gap) 0;
}

.intel__overlay {
    position: relative;
    z-index: 1;
}

.intel__img {
    overflow: hidden;
    position: relative;
    border-radius: var(--radius-sm);
    height: 490px;
}

.intel__section-radius {
    padding: 0 20px;
}

.intel__section-radius>* {
    border-radius: var(--radius-sm);
    position: relative;
    min-height: 80vh;
    /* overflow: hidden; */
}

/*================== COMPONENTS =================*/

/**
 * Headings
 */

h1 {
    font-size: var(--fs-xxl);
    line-height: 1.2;
    color: var(--clr-theme-white);
}

h2 {
    font-size: var(--fs-xxl);
}

h3 {
    font-size: var(--fs-lg);
}

h4 {
    font-size: var(--fs-md);
}

h5 {
    font-size: var(--fs-sm);
}

h6 {
    font-size: var(--fs-xs);
}

section {
    position: relative;
}

/**
 * Swiper 
 */

[class^="swiper-button-"]::after {
    content: "";
    display: none;
}

[class^="swiper-button-"] {
    position: absolute;
    background-color: transparent;
    font-size: 18px;
    z-index: 2;
    top: unset;
    left: 0;
    bottom: 15px;
    width: 90px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 50px;
    color: var(--clr-white);
    border: 2px solid var(--clr-white);
    transition: all 0.3s ease-in-out;
    z-index: 4;
}

[class^="swiper-button-"]:hover {
    background-color: var(--clr-white);
    color: var(--clr-text-color);
    transition: all 0.3s ease-in-out;
}

[class^="swiper-button-next"] {
    left: 100px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 35px;
    height: 35px;
    color: var(--clr-theme-white);
    background-color: var(--clr-purple);
    border-radius: 50%;
}

.swiper-wrapper {
    padding-bottom: 15px;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 0px;
}

.quant__swiper-nav {
    display: flex;
    gap: 10px;
    justify-content: end;
    align-items: end;
}

.swiper-button-prev .icon {
    rotate: 180deg;
}

.swiper-button-prev:hover {
    background-color: var(--clr-theme-green);
}

.swiper-button-next:hover {
    background-color: var(--clr-theme-green);
}

.swiper-button-next:hover.swiper-button-next svg {
    color: var(--clr-theme-white);
}

.swiper-button-prev:hover.swiper-button-prev svg {
    color: var(--clr-theme-white);
}

.swiper-button-prev,
.swiper-button-next {
    position: static;
    width: 55px;
    height: 36px;
    border: 1px solid var(--clr-theme-green);
    border-radius: 6px;
    background-color: var(--clr-theme-white);
    color: var(--clr-theme-green);
}

/**
 * Form
 */

.form-group:not(.form-button) {
    margin-bottom: 16px;
}

.form-control::placeholder {
    color: var(--clr-grey);
    font-weight: 300;
}

textarea.form-control {
    min-height: 160px;
    resize: none;
}

/* btn  */
.custom__btn {
    background-color: var(--clr-theme-black);
    color: var(--clr-theme-white);
    padding: 10px 38px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    gap: 10px;
    transition: var(--transition);
    font-size: var(--fs-body);
    font-family: var(--ff-primary);
    text-transform: capitalize;
    font-weight: 500;
    border: 1px solid transparent;
    text-align: center;
    z-index: 1;
    position: relative;
}


.custom__btn:hover {
    background-color: var(--clr-text-color);
}

.custom__btn span img {
    transition: var(--transition);
}

.intel__header .navbar-nav {
    flex-grow: 1;
    justify-content: end;
}

/* .custom__btn:hover span img {
  filter: brightness(0);
} */

.custom__btn-two {
    background-color: var(--clr-theme-white);
    color: var(--clr-theme-black);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    gap: 10px;
    transition: var(--transition);
}

.custom__btn-two:hover {
    background-color: var(--clr-text-color);
    color: var(--clr-theme-white);
}

.home_seaport_group .custom__btn-two:hover {
    border-color: var(--clr-theme-white);
    background: transparent;
}

.seaport_body .smart_cntnr_card h3 {
    font-size: var(--fs-sm);
}

.custom__btn-two span img {
    filter: brightness(0);
}

.custom__btn-two:hover span img {
    filter: brightness(1);
}

/* btn close  */
/* header start */
.intel__header-main {
    display: flex;
    align-items: center;
    gap: 50px;
    width: 100%;
    margin-right: 40px;
}

.intel__header-main .btn-wrap {
    margin-left: auto;
}

.intel__header-nav .navbar-nav .nav-link {
    color: var(--clr-theme-white);
    font-size: var(--fs-body);
    font-family: var(--ff-primary);
    position: relative;
}

.intel__header-nav .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    left: unset;
    right: 0;
    width: 0;
    bottom: 4px;
    height: 1px;
    background: var(--clr-theme-white);
    transition: var(--transition);
}

.intel__footer-box li a::after {
    content: '';
    position: absolute;
    left: unset;
    right: 0;
    width: 0;
    bottom: -2px;
    height: 1px;
    background: var(--clr-theme-white);
    transition: var(--transition);
}

.intel__header-nav .navbar-nav .nav-link:hover::after,
.intel__footer-box li a:hover:after {
    width: 100%;
    right: unset;
    left: 0;
}

.intel__header-main .navbar-nav {
    gap: 0 30px;
}

.intel__header {
    z-index: 1000;
    width: 100%;
    transition: var(--transition);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: var(--transition);
    padding-top: 15px;
}

.intel__header.is-sticky {
    top: 0;
    left: 0;
    background: #fff;
}

/* header start end*/
/* hero start  */
.intel__hero-main {
    position: absolute;
    z-index: 11;
    bottom: 0;
    width: 100%;
    bottom: 5%;
}

.intel__herobox {
    display: flex;
    align-items: end;
    gap: 20px;
}

.intel__herobox .btn-wrap {
    flex: 0 0 auto;
}

/* hero end  */
/* counter start  */
.intel__counter-wrap {
    border-top: 1px solid var(--clr-theme-border);
    border-bottom: 1px solid var(--clr-theme-border);
}

.intel__counter-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid var(--clr-theme-border);
    padding: 50px 0;
    gap: 10px;
}

.intel__counter-wrap .col-lg-3:last-child .intel__counter-box {
    border-right: none;
}

.intel__counter-box p {
    color: var(--clr-theme-black-500);
    text-transform: capitalize;
    font-size: var(--fs-body);
}

/* counter end  */

/* ===================== catagory ===================== */

/*-======= catagori section==== */
.intel__catagori {
    position: relative;
    width: 100%;
}

.intel__catagori .custom__btn {
    margin: 20px auto 0;
}

.intel__catagori-box {
    position: relative;
    width: 100%;
    border-radius: 15px;

    overflow: hidden;
}

.intel__catagori-img {
    width: 100%;
    position: relative;
    height: 100%;
}

.intel__catagori-img img {
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.intel__catagori-box:hover .intel__catagori-img img {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}

.intel__catagori-img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(188.03deg, rgba(0, 0, 0, 0) 65.04%, rgba(0, 0, 0, 0.5) 77.87%);
    z-index: 1;
}

.intel__catagori-box h5 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 9;
}

.intel__catagori-box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.intel__catagori-box a span {
    padding: 8px;
    background: #fff;
    border-radius: 5px;
    transition: var(--transition);
}

.intel__catagori-box a span:hover {
    background: var(--clr-theme-blue);
}

.intel__catagori-box a span:hover img {
    filter: brightness(1) saturate(100%) invert(100%);
}

.intel__catagori-box a span img {
    width: 30px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7443%) hue-rotate(267deg) brightness(85%) contrast(111%);
    transition: var(--transition);
}

.custom-heading {
    margin-bottom: 20px;
}

/* ===================== catagory ===================== */
/* intel__platform-img */
.intel__platform {
    background: #fff;
}

.intel__platform-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
}

.intel__platform-wrap {
    position: relative;
    padding: 20px 20px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
}

.intel__platform-box {
    position: relative;
    border-radius: var(--radius-md);
    background: linear-gradient(180.00deg, rgba(255, 255, 255, 0.89) 100%);
    padding: 25px;
    height: 100%;
}

.intel__platform-box h3 {
    margin-bottom: 18px;
    overflow: hidden;
    text-transform: capitalize;
    font-size: var(--fs-md);
}

.intel__platform-box span {
    color: #8D8D8D;
    font-weight: 600;
    line-height: 24px;
    display: block;
    margin-bottom: 12px;
}

p+p {
    margin-top: 12px;
}

/* =========================== intel__platform-img =======================*/

/* industries start  */
.intel__industries-headings .custom-heading h2 {
    font-size: 200px;
    text-transform: uppercase;
    color: var(--clr-theme-white);
}

.intel__industries-box {
    border-radius: var(--radius-sm);
    border: 1px solid var(--clr-theme-border);
    padding: 18px;
    height: 100%;
    background-color: var(--body-color);

}

.intel__industries-box .intel__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: start;
}

.intel__industries-box .intel__content h5 {
    color: var(--clr-text-color);
    border-bottom: 1px solid var(--clr-theme-border);
    width: 100%;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 12px;
    font-size: var(--fs-sm);
}

.intel__industries-box .intel__content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.intel__industries-box .intel__content ul li {
    position: relative;
    color: var(--clr-theme-text);
    font-size: var(--fs-body);
    padding-left: 28px;
    display: flex;
    align-items: flex-start;
}

.intel__industries-box .intel__content ul li::after {
    position: absolute;
    content: "";
    background-image: url(../images/trick.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    left: 0;
    top: 8px;
}

.intel__industries-box .intel__img {
    display: flex;
    justify-content: center;
}

.intel__industries-box .intel__img img {
    height: 190px;
    transition: var(--transition);
}

.intel__industries-box:hover .intel__img img {
    transform: scale(1.1);
}

.intel__industries-wrap {
    margin-top: 60px;
}

.intel__industries-main {
    display: flex;
    gap: 15px;
    height: 100%;
}

.intel__industries-main .intel__industries-box {
    display: flex;
    gap: 12px;
}

.intel__industries-wrap-bottom {
    margin-top: 10px;
}

.intel__industries-main .intel__industries-box .intel__content h5 {
    padding: 0;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0;
    border-bottom: 0;
    border-left: 1px solid var(--clr-theme-border);
    font-size: var(--fs-body);
    height: 100px;
    display: flex;
    align-items: center;
}

.intel__industries-main .intel__industries-box .intel__img img {
    height: 95px;
    width: 150px;
}

.intel__industries-main .intel__industries-box {
    width: 25%;
}

.intel__industries-wrap-bottom .btn-wrap {
    margin-top: 25px;
}

.intel__industries-wrap-bottom .custom-heading {
    margin-bottom: 30px;
}

/* industries end  */

/* Technology Section */
.custom__btn-outline {
    background-color: var(--clr-theme-white);
    color: var(--clr-theme-black);
}

.custom__btn-outline:hover {
    background-color: var(--clr-theme-blue);
    color: var(--clr-theme-white);
}

.custom__btn-outline span img {
    filter: brightness(0);
}

.custom__btn-outline:hover span img {
    filter: brightness(1);
}

.intel__technology-top {
    margin-bottom: 45px;
}

.intel__technology-top .custom-heading h2 {
    font-size: 28px;
}

.intel__technology-top .custom-heading h2 span {
    font-size: 96px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 8px;
}

.intel__technology-box {
    position: relative;
    z-index: 3;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: var(--radius-md);
    background: var(--clr-theme-white);
    padding: 20px;
    height: 100%;
}

.intel__technology-link {
    position: absolute;
    background-color: var(--clr-theme-white);
    display: inline-block;
    z-index: 2;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 50px;
    color: #101010;
    font-family: var(--ff-primary);
    left: 16px;
    top: 20px;
}

.intel__technology-link:hover {
    background-color: #ececec;
}

.intel__technology-box .intel__img img {
    transform: scale(1);
    transition: var(--transition);
}

.intel__technology-box:hover .intel__img img {
    transform: scale(1.1);
    transition: var(--transition);
}

.intel__technology-box .intel__content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 16px;
}

.intel__technology-box .intel__content ul li {
    color: var(--clr-theme-white);
    font-size: 18px;
    position: relative;
    padding-left: 30px;
}

.intel__technology-box .intel__content ul li::before {
    content: "";
    position: absolute;
    background: url(../images/star.png) no-repeat left;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(145deg) brightness(92%) contrast(117%);
}

/* Technology Section */

/* infrastructure start  */
.intel__infrastructure-img-wrap {
    display: flex;
    gap: 20px;
    padding: 0 25px;
}

.intel__infrastructure-imgbox {
    position: relative;
    height: 100%;
}

.intel__infrastructure-imgbox img {
    height: 100%;
}

.intel__infrastructure-imgbox .btn-wrap {
    position: absolute;
    bottom: 30px;
    z-index: 1;
    right: 20px;
}

.intel__infrastructure-content-right .intel__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.intel__infrastructure-img-wrap .intel__infrastructure-imgbox:nth-child(1) {
    margin-bottom: -100px;
    margin-top: 80px;
}

.intel__infrastructure-since {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    justify-content: end;
}

.intel__infrastructure-since .custom-heading h2 {
    font-size: 100px;
    line-height: 1;
}

.intel__infrastructure-flight .intel__img {
    position: absolute;
    width: 56%;
    right: 0;
}

/* infrastructure end */

/* Think Section */
.intel__think-left {
    padding-right: 38px;
}

.intel__think-right {
    padding-left: 38px;
}

.intel__think-box .intel__title {
    margin-bottom: 12px;
}

.intel__think-box .intel__title .icon {
    display: inline-flex;
    width: 65px;
    margin-bottom: 10px;
}

.intel__think-box p {
    line-height: 1.5;
    min-height: 150px;
}

.intel__think-center {
    height: 400px;
    position: relative;
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}

.line-points {
    position: absolute;
    height: 100%;
    display: block;
    width: 150%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.points-top-left::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 1px;
    background-color: var(--clr-text-color);
}

.points-top-left::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 150px;
    background-color: var(--clr-text-color);
    transform: rotate(-25deg);
    top: -7px;
    left: 180px;
}

.points-bottom-left::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 1px;
    background-color: var(--clr-text-color);
    bottom: 0;
    left: 0;
}

.points-bottom-left::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 150px;
    background-color: var(--clr-text-color);
    transform: rotate(25deg);
    bottom: -7px;
    left: 180px;
}

.points-top-right::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 1px;
    background-color: var(--clr-text-color);
    right: 0;
    top: 0;
}

.points-top-right::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 150px;
    background-color: var(--clr-text-color);
    transform: rotate(25deg);
    top: -7px;
    right: 180px;
}

.points-bottom-right::before {
    position: absolute;
    content: '';
    width: 150px;
    height: 1px;
    background-color: var(--clr-text-color);
    bottom: 0;
    right: 0;
}

.points-bottom-right::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 150px;
    background-color: var(--clr-text-color);
    transform: rotate(-25deg);
    bottom: -7px;
    right: 180px;
}

.intel__think-center .intel__img {
    background-color: var(--clr-theme-white);
}

.intel__think-box+.intel__think-box {
    margin-top: 24px;
}

/* Think Section */

/* ================intel__realtime====================== */
.intel__realtime-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.intel__realtime-box h4 {
    color: var(--clr-theme-black);
    font-size: var(--fs-md);
    text-align: left;
    text-transform: capitalize;
    line-height: 1.2;
    padding-bottom: 18px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.intel__realtime .custom-heading {
    margin-bottom: 35px;
}

.intel__realtime-box h4 span {
    display: block;
}

.intel__realtime-box {
    position: relative;
    border-radius: 16px;
}

.intel__realtime-box .custom__btn {
    margin: 0 auto;
    margin-top: 15px;
    font-family: var(--ff-body);
    font-size: 20px;
    text-transform: capitalize;
    flex-direction: column;
    row-gap: 0px;
    border-radius: 15px;
    padding: 6px 20px;
}

.black_nd_white>div {
    width: 50%;
    flex: 0 0 auto;
}

.white_image {
    border-right: 1px solid var(--clr-theme-white);
}

.black_nd_white {
    display: flex;
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-top: 25px;
}

.intel__realtime-img {
    position: relative;
    width: 100%;
    border-radius: 0px 15px 15px 0;
    overflow: hidden;
}

.intel__realtime-img img {
    width: 60%;
    margin-left: auto;

}

.intel__realtime-img h5 {
    font-size: 24px;
    font-weight: 500;
    color: #bbbbbb;
    text-transform: uppercase;
    position: absolute;
    transform: rotate(-90deg);
    width: 300px;
    text-align: center;
    height: 100px;
    bottom: 33%;
    left: -65px;
}

.intel__realtime-cont {
    display: flex;
    align-items: start;
}


.intel__realtime-cont h6 {
    font-size: 22px;
    color: #1E1E1E;
    margin-bottom: 10px;
}

.intel__realtime-cont li {
    color: #8D8D8D;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    font-size: 19px;
    text-transform: capitalize;
}

.intel__realtime-cont li::before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url('../images/star.png') no-repeat 0 0;
    background-size: 100%, 100%;
    content: '';
}

.intel__realtime-mid {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.intel__realtime-mid h5 {
    margin-top: 20px;
}

.intel__realtime-content {
    position: relative;
    margin-top: 30px;
    text-align: center;
}

.intel__realtime-content h3 {
    margin-bottom: 20px;
}

.intel__realtime-content ul {
    display: flex;
    gap: 25px;
    justify-content: start;
    margin-top: 25px;
}


/* ================intel__realtime====================== */


/* ===================== intel__global===================== */
.intel__global {
    position: relative;
    width: 100%;
    background: #fff;
}

.intel__global-left {
    position: relative;
    width: 100%;
}

.intel__global-left .custom-heading {
    width: 56%;
}

.intel__global-img {
    width: 100%;
    position: relative;
    padding: 65px 0;
}

.intel__global-img img {
    width: 450px;
    margin: 0 auto;
}

.intel__global-img ul li h6 {
    font-weight: 600;
    color: #000;
    font-size: 22px;
    margin-bottom: 5px;
}

.intel__global-img ul li {
    width: fit-content;
    text-align: center;
}

.intel__global-img ul li:first-child {
    position: absolute;
    top: 0;
    left: 52%;
    transform: translateX(-50%);
}

.intel__global-img ul li:nth-child(2) {
    position: absolute;
    top: 48%;
    left: 50px;
    transform: translateY(-50%);
}

.intel__global-img ul li:nth-child(3) {
    position: absolute;
    top: 48%;
    right: 30px;
    transform: translateY(-50%);
}

.intel__global-img ul li:last-child {
    position: absolute;
    bottom: 0;
    left: 52%;
    transform: translateX(-50%);
}

.intel__global-right {
    position: relative;
}

.intel__global-right::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../images/global-right-bg.svg') no-repeat 0 0;
    width: 150px;
    height: 700px;
    background-size: 100%, 100%;
}

.intel__global-right ul {
    display: flex;
    gap: 70px 0;
    flex-direction: column;
    padding-top: 60px;
}

.intel__global-right li span {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    color: #000;
    font-size: 20px;
    margin-right: 20px;
    z-index: 1;
}

.intel__global-right li {
    display: flex;
    align-items: center;
}

.intel__global-right li:first-child {
    margin-left: 10%;
}

.intel__global-right li:nth-child(2) {
    margin-left: 18%;
}

.intel__global-right li:nth-child(3) {
    margin-left: 18%;
}

.intel__global-right li:nth-child(4) {
    margin-left: 16%;
}

.intel__global-right li:nth-child(5) {
    margin-left: 9%;
}

.intel__global-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #bdbdbd;
    border-width: 1px 0;
    margin-top: 30px;
}

.intel__global-box {
    width: 33%;
    padding: 35px;
    border-left: 1px solid #bdbdbd;
}

.intel__global-box:first-child {
    border-left: inherit;
}

.intel__global-box h4 {
    margin-bottom: 10px;
}

.intel__global-box p {
    color: #8D8D8D;
    margin-bottom: 30px;
}

.intel__performance .custom-heading {
    margin-bottom: 50px;
}

.star_text_listing li {
    color: var(--clr-theme-text);
    text-transform: capitalize;
    position: relative;
    padding-left: 30px;
}

.star_text_listing li::before {
    content: "";
    position: absolute;
    background: url(../images/star.png) no-repeat left;
    width: 20px;
    height: 20px;
    left: 0;
    top: 6px;
}

.star_text_listing {
    margin-top: 20px;
}

.star_text_listing li span {
    color: var(--clr-theme-black);
    font-weight: 500;
    font-family: var(--ff-primary);
}

.star_text_listing ul li+li {
    margin-top: 20px;
}

/* /* ===================== intel__global===================== */




/* ===================intel__footer =================== */
.intel__footer {
    position: relative;
    width: 100%;
    background: #1E1E1E;
}

.intel__footer-box {
    position: relative;
    width: 100%;
}

.intel__footer-box h4 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    width: fit-content;
}

.intel__footer-box h4::before {
    position: absolute;
    width: 75%;
    height: 2px;
    background: #fff;
    right: 0;
    bottom: -4px;
    content: '';
}

.intel__footer-box li {
    margin-bottom: 15px;
    position: relative;
}

.intel__footer-box li a {
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 300;
    display: inline-block;
    position: relative;
}


.intel__footer-box li:last-child {
    margin-bottom: 0;
}

.intel__footer-form h3 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    width: fit-content;
}

.intel__footer-form h3::before {
    position: absolute;
    width: 75%;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: -4px;
    content: '';
}

.intel__footer-form .form-control,
.intel__footer-form .form-select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #949494;
    outline: none;
    color: #fff;
    background: transparent;
    font-weight: 300;

}

.intel__footer-form select option {
    color: #000 !important;
}

.intel__footer-form .form-control:focus {
    box-shadow: inherit;
}

.intel__footer-form .custom__btn {
    z-index: 1;
    position: relative;
}

.intel__footer-form .custom__btn:hover {
    border-color: var(--clr-theme-white);
    background: transparent;
}

.intel__footer-mid {
    position: relative;
    width: 100%;
    padding: 30px 0;
    border: 1px solid #bdbdbd;
    border-width: 1px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.intel__footer-mid ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 70%;
    gap: 0 50px;
}

.intel__footer-mid ul li {
    width: 35%;
}

.footer__logo {
    width: 30%;
    margin-left: auto;
}

.footer__logo img {
    height: 100px;
    object-fit: contain;
    margin-left: auto;
}

.intel__footer-mid ul h6 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 500;
}

.intel__footer-mid ul p {
    color: #fff;
}

.intel__footer-mid ul a {
    color: #fff;
}

.intel__footer-bt {
    position: relative;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.intel__footer-bt p {
    color: #fff;
}

.intel__footer-bt p a {
    color: #fff;
}

.intel__footer-bt ul {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.intel__footer-bt ul li a {
    padding-left: 10px;
    border-left: 1px solid #fff;
    color: #fff;
}

.intel__footer-bt ul li:first-child a {
    border: none;
    padding: 0;
}


.intel__catagori-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    min-height: 90vh;
    align-items: center;
}

.intel__hero-inner {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    background: var(--clr-theme-white);
}

/* IMAGE */
.intel__hero-inner-main .intel__bannerimg {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%) !important;
    overflow: hidden;
}

.intel__hero-inner-main .intel__bannerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intel__catagori-box:last-child {
    margin-bottom: 0;
}

.intel__catagori-box {
    margin-bottom: 15px;
}

/* CATEGORY */
.intel__catagori {
    position: relative;
}

.intel__catagori-left,
.intel__catagori-right {
    opacity: 0;
    width: 31.5%;
}

.intel__catagori-left .intel__catagori-box:nth-child(2) {
    width: 75%;
    margin-left: auto;
}

.intel__catagori-left .intel__catagori-box:nth-child(3) {
    width: 85%;
    margin-left: auto;
}

.intel__catagori-right .intel__catagori-box:first-child {
    width: 90%;
    margin-right: auto;
}

.intel__catagori-right .intel__catagori-box:nth-child(3) {
    width: 75%;
    margin-right: auto;
}

.seaport__contact-form h2 {
    text-align: left;
}

.seaport__contact-form .form-control {
    background-color: rgb(247, 247, 247);
    border: medium;
    padding: 10px 15px;
    font-family: var(--ff-body);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--clr-text-color);

}

.seaport__contact-form .form-control::placeholder,
.seaport__contact-form .form-select::placeholder {
    font-family: var(--ff-body);
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: var(--clr-text-color);
}

.seaport__contact-form .form-control,
.seaport__contact-form .form-select {
    padding: 15px 20px;
    background: #F0F0F0;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    font-family: var(--ff-body);
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: var(--clr-text-color);
}

.seaport__contact-form textarea.form-control {
    resize: none;
    height: 150px;
}

.form-control:focus,
.form-select:focus {
    box-shadow: inherit;
}

.seaport__contact-form .form-select {
    background-image: url("../images/form-arrow.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    color: var(--clr-text-color);
    cursor: pointer;
}


.seaport__contact-img {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.intel__bannerimg video {
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}


.form-group.form-button:hover p {
    color: var(--clr-theme-white);
}

.form-group.form-button p {
    color: var(--clr-text-color);
    transition: var(--transition);
    margin-bottom: 0;
    display: flex;
}

.form-group.form-button span img {
    filter: brightness(0);
    transition: var(--transition);
}

.form-group.form-button:hover span img {
    filter: brightness(1);
}


.intel__hero-inner,
.intel__catagori-left,
.intel__catagori-right {
    will-change: transform;
}

.nav-up {
    top: -120px;
}


/* Canvas start */


.int_canvas {
    position: relative;
}

#intCanvas {
    width: 100%;
    height: 100vh;
    display: block;
}

.canvas_hdng_wrap {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
}

.canvas_hdng {
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

.canvas_hdng .custom__btn {
    display: inline-flex;
    margin-top: 25px;
}

/* Canvas end */

.intel__platform-box .icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 25px;
}

.intel_platform_hdng_wrpr {
    min-height: auto;
    padding: 70px 0 0px;
}

.intel_pltfrm__hdng {
    text-align: center;
    max-width: 1300px;
    margin: auto;
}

.row:has(.intel__realtime-box) {
    position: relative;
}

.row:has(.intel__realtime-box)::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: var(--clr-theme-white);
    left: 50%;
    transform: translateX(-50%);
}

.intel_pltfrm__hdng .custom__btn {
    display: inline-flex;
    margin-top: 25px;
}

.intel_pltfrm__hdng h2 {
    margin-bottom: 20px;
}

.intel_think_card h3 {
    font-size: 24px;
}

.intel_think_card .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.intel__think .row>*:nth-child(odd) .intel_think_card {
    background: linear-gradient(180.00deg, rgba(245, 247, 252, 1) 0%, rgba(225, 232, 248, 1) 100%);
}



/* intel__industries-wrap */
.intel__industries-wrap {
    position: relative;
    display: flex;
    gap: 15px;
    z-index: 2;
}


.intel__industries-single2 {
    width: calc(5 / 30 * 100%);
    padding: 0;
    position: relative;
    transition: width .6s cubic-bezier(.38, .005, .215, 1);
    background: linear-gradient(180deg, #F5F7FC 69.06%, #E1E8F8 111.88%);
    border-radius: 15px;
    overflow: hidden;
}


.intel__industries-single2.active {
    width: calc(15 / 20 * 100%);
}


.intel__industries-single {
    width: calc(5 / 30 * 100%);
    padding: 0;
    position: relative;
    transition: width .6s cubic-bezier(.38, .005, .215, 1);
    background: linear-gradient(180deg, #F5F7FC 69.06%, #E1E8F8 111.88%);
    border-radius: 15px;
    overflow: hidden;
}


.intel__industries-single.active {
    width: calc(15 / 20 * 100%);
}

.intel__industries-box .intel__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intel__industries-box .intel__content h5 {
    text-align: left;
}

.intel__industries-box .intel__content ul li::after {
    background-image: url(../images/catagori-icon.png);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(200deg) brightness(107%) contrast(101%);
    z-index: 9;
}

.intel__industries-box .intel__content ul {
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between;

}

.intel__industries-box .intel__content ul li {
    width: 48%;
    color: #fff;
}

.intel__industries-box.active .intel__content ul {
    opacity: 1;
}

.intel__industries-box .intel__content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    opacity: 0;
    z-index: 5;
    gap: 0;
    width: 720px;
}

.intel__industries-box .intel__content h5 {
    color: var(--clr-theme-white);
    padding-bottom: 0;
    border: none;
    font-size: var(--fs-md);
    line-height: 34px;
    padding-top: 0;
}

.intel__industries-wrap .btn,
.intel__industries-wrap-bottom .btn {
    right: 20px;
    bottom: 20px;
    background: var(--clr-theme-white);
    z-index: 1;
    color: var(--clr-theme-black);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 21px;
    opacity: 0;
    position: absolute;
    transition: var(--transition);
    border: 1px solid transparent;
}

.intel__industries-single.active .btn {
    opacity: 1;
}

.intel__industries-single2.active .btn {
    opacity: 1;
}

.intel__industries-box .btn:hover {
    background: transparent;
    color: var(--clr-theme-white);
    border-color: var(--clr-theme-white);
}

.intel__industries-wrap .intel__content p,
.intel__industries-wrap-bottom .intel__content p {
    color: var(--clr-theme-white);
}

.intel__industries-box .intel__img h5 {
    writing-mode: sideways-lr;
    transform: unset;
    position: absolute;
    left: 20px;
    bottom: 5px;
    font-weight: 500;
    z-index: 1;
    margin-bottom: 20px;
    font-size: var(--fs-sm);
    color: #fff;
}

.intel__industries-box .intel__img h5::after {
    content: '';
    position: absolute;
    background: url(../images/up_arrow.png) no-repeat center;
    width: 8px;
    height: 21px;
    top: -35px;
    left: 13px;
}


.intel__industries-box::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(270.00deg, rgba(0, 0, 0, 0) 3.406%, rgba(0, 0, 0, 0.5) 83.135%);
    transition: var(--transition);
}

.intel__industries-single2.active .intel__industries-box::after,
.intel__industries-single.active .intel__industries-box::after {
    display: none;
}

.intel__industries-box.active .intel__content {
    opacity: 1;
}

.intel__industries-box.active .intel__img h5 {
    opacity: 0;
}

.intel__industries-wrap-bottom {
    display: flex;
    gap: 15px;
    z-index: 2;
    position: relative;
}

.intel__performance-box {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #F5F7FC 56.25%, #E1E8F8 100%);
    border-radius: 15px;
    overflow: hidden;
}

.intel__performance-content {
    padding: 20px 15px;

}

.intel__performance-img img {
    width: 100%;
}

.intel__performance-content h5 {
    margin-bottom: 10px;
}

.intel__performance-content p {
    margin-bottom: 20px;
}

.intel__performance {
    position: relative;
    background: #fff;
}

/* intel__industries-wrap */

/* Seaport Solutions Landing Start */

.seaport_banner {
    min-height: 100vh;
    overflow: hidden;
}

.seaport_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w100 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seaport_banner .container {
    min-height: 100vh;
}

.seaport_hero_wrpr {
    z-index: 1;
    position: relative;
    text-align: center;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 70px;
}

.seaport_hero_wrpr h1 {
    max-width: 1300px;
    margin: 0 auto 25px;
}

.sea_white_btn {
    border-radius: var(--radius-md);
    background: var(--clr-theme-white);
    color: var(--clr-theme-black);
    font-size: 20px;
    line-height: 26px;
    padding: 12px 26px 14px;
    display: inline-block;
}

.sea_white_btn:hover {
    background: var(--clr-text-color);
    color: var(--clr-theme-white);
}

.banner_btn_wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
}

.seaport_banner::after {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 13%, rgba(0, 0, 0, 0) 72.61%, rgba(0, 0, 0, 0) 71.9%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 51.1%,
            rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75.63%, rgba(0, 0, 0, 0.7) 119.28%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.br {
    border-radius: var(--radius-md);
}

.intel__technology-box .intel__content {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 0 13px 25px;
}

.intel__think::after {
    content: '';
    position: absolute;
    background: url(../images/8-intel-gradient.png) no-repeat center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-size: 100% 100%;
}

.seaport__port_right .custom__btn {
    margin-top: 25px;
}

.sustain_optn_left .custom__btn {
    margin-top: 20px;
}

.seaport_hdng h2 {
    text-align: center;
}


.seaport_eco_card .image {
    margin-bottom: 10px;
}

.seaport_eco_card {
    max-width: 310px;
    border-radius: var(--radius-md);
    background: var(--body-color);
    padding: 10px 10px 15px;
    position: relative;
}

.seaport_eco_card::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 1px;
    background: #525252;
    right: -140px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.seaport_body {
    background: var(--clr-theme-white);
}

.quote_btn_wrp .custom__btn {
    display: inline-flex;
}

.seaport_body h3 {
    font-size: 22px;
    line-height: 1.2;
}

.inteco_btn_wrp .custom__btn {
    display: inline-flex;
}

.seaport_eco_left ul li+li {
    margin-top: 60px;
}

.seaport_eco_card h3 {
    padding: 0 15px;
    text-align: center;
}

.seaport_center .image {
    max-width: 650px;
    margin: auto;
}

.seaport_eco_left.seaport_right .seaport_eco_card {
    margin-left: auto;
}

.ecosystem_section .seaport_hdng {
    margin-bottom: 60px;
}

.seaport_eco_left.seaport_right .seaport_eco_card::after {
    left: -140px;
    right: unset;
}

.sea_black_btn {
    color: var(--clr-theme-white);
    font-size: 20px;
    line-height: 26px;
    border-radius: var(--radius-md);
    background: var(--clr-theme-black);
    padding: 12px 26px 14px;
    display: inline-block;
    border: 1px solid transparent;
}

.sea_black_btn:hover {
    border-color: var(--clr-theme-black);
    color: var(--clr-theme-black);
    background: transparent;
}

.seaport_body :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--ff-primary);
    text-transform: capitalize;
}

.quote_btn_wrp {
    text-align: center;
}

.int_eco_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
}

.integra_ecosystem .seaport_hdng h2 {
    color: var(--clr-theme-white);
}

.int_eco_left li {
    max-width: 340px;
}

.int_eco_left .eco__card {
    border-radius: var(--radius-md);
    background: var(--clr-theme-white);
    padding: 25px 15px;
    text-align: center;
    display: block;
}

.int_eco_left .eco__card .image {
    max-width: 280px;
    margin: 0 auto 15px;
    height: 160px;
}

.int_eco_left .eco__card:hover .image img {
    transform: scale(1.05);
}

.int_eco_left .eco__card .image img {
    object-fit: contain;
    transition: var(--transition);
}

.int_eco_left h3 {
    line-height: 1.3;
    color: #000;
}

.intel__footer-box .current-menu-item a::after {
    content: '';
    position: absolute;
    left: unset;
    right: 0;
    width: 100%;
    bottom: -2px;
    height: 1px;
    background: var(--clr-theme-white);
    transition: var(--transition);
}

.int_eco_left ul li+li {
    margin-top: 90px;
}

.int_eco_left.int_right {
    display: flex;
    justify-content: end;
}

.integra_ecosystem .seaport_hdng {
    margin-bottom: 80px;
}

.integra_ecosystem.custom-pad {
    padding: 50px 0;
}

.inteco_btn_wrp {
    text-align: center;
    margin-top: 40px;
}

.smart_cntnr_image {
    margin: 0 -180px;
    position: relative;
}

.smart_cntnr_image h2 {
    font-size: 70px;
    line-height: 80px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
}

.smart_cntnr_card_wrp {
    height: 100%;
}

.smart_cntnr_card_wrp ul {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}


.smart_cntnr_card h3 {
    margin-bottom: 5px;
}

.smart_cntnr_card_wrp.right_side {
    text-align: right;
}

.robotics_workforce {
    background: var(--body-color);
}

.robotics_workforce .seaport_hdng {
    margin: 0 auto 50px;
    max-width: 980px;
}

.robotics_wrkfrce_card {
    border-radius: var(--radius-md);
    background: var(--clr-theme-white);
    padding: 16px 16px 24px;
    height: 100%;
}

.robotics_wrkfrce_card .image img {
    border-radius: var(--radius-md);
}

.robotics_wrkfrce_card .image {
    margin-bottom: 15px;
    position: relative;
}

.robotics_wrkfrce_card .image::after {
    content: '';
    position: absolute;
    background: rgb(0, 0, 0, 0.2);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--radius-md);
}

.cntnr_listing li {
    color: var(--clr-theme-text);
    position: relative;
    padding-left: 33px;
    text-transform: capitalize;
}

.cntnr_listing li::after {
    content: '';
    position: absolute;
    background: url(../images/check_two.webp) no-repeat left;
    width: 24px;
    height: 24px;
    left: 0;
    top: 1px;
}

.cntnr_listing li+li {
    margin-top: 5px;
}

.robotics_wrkfrce_card h3 {
    margin-bottom: 15px;
}

.robotics_wrkfrce_card .contents {
    padding: 0 5px;
}

.row:has(.robotics_wrkfrce_card) {
    row-gap: 25px;
}

.robotics_workforce .quote_btn_wrp {
    margin-top: 50px;
}

.traditional_port .seaport_hdng {
    max-width: 800px;
    margin: 0 auto 60px;
}

.traditional_port .robotics_wrkfrce_card {
    background: var(--body-color);
    padding: 0;
    overflow: hidden;
    max-width: 460px;
    height: auto;
}

.traditional_port .robotics_wrkfrce_card .contents {
    padding: 0 25px 20px;
}

.traditional_port .robotics_wrkfrce_card .image img {
    border-radius: 0;
}

.traditional_port .row>*:nth-child(3n+2) .robotics_wrkfrce_card {
    max-width: unset;
    margin: 0 -45px;
}

.traditional_port .row>*:nth-child(3n) .robotics_wrkfrce_card {
    margin-left: auto;
}

.traditional_port .row:has(.robotics_wrkfrce_card) {
    align-items: center;
}

.traditional_port .row>*:nth-child(3n+2) .robotics_wrkfrce_card .contents {
    padding: 10px 40px 20px;
}

.seaport__port_right {
    position: relative;
    min-height: 80vh;
    padding: 70px;
    display: flex;
    flex-direction: column;
    row-gap: 280px;
    justify-content: center;
}

.seaport__port_right::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.35);
}

.seaport__port_right .contents {
    z-index: 1;
}

.seaport_port_right_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.seaport_section .seaport_hdng {
    max-width: 400px;
    margin-right: auto;
    margin-left: 0;
    z-index: 1;
}

.seaport_section .seaport_hdng h2 {
    color: var(--clr-theme-white);
    text-align: left;
}

.seaport__port_right p {
    color: var(--clr-theme-white);
    max-width: 500px;
    margin-bottom: 25px;
}

.seaport_port_left li {
    position: relative;
    text-transform: capitalize;
    padding-left: 80px;
    color: rgba(107, 107, 107, 1);
}

.seaport_port_left li::after {
    width: 22px;
    height: 22px;
    left: 0;
    content: '';
    position: absolute;
    background: var(--clr-theme-white);
    border-radius: 50%;
    top: 4px;
    border: 5px solid;
}

.seaport_port_left li+li {
    margin-top: 80px;
}

.seaport_port_left {
    display: flex;
    align-items: center;
    height: 100%;
    left: -300px;
    position: relative;
}

.seaport_circle {
    width: 550px;
    border: 1px solid var(--clr-text-color);
    height: 550px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: flex;
    align-items: end;
    justify-content: center;
    transform: rotate(-90deg);
    position: relative;
    padding-bottom: 120px;
}

.seaport_circle h2 {
    font-size: 65px;
}

.seaport_port_left ul {
    flex: 0 0 auto;
}

.seaport_port_left li:first-child {
    margin-left: -120px;
}

.seaport_port_left li:nth-child(2) {
    margin-left: -33px;
}

.seaport_port_left li:nth-child(3) {
    margin-left: -12px;
}

.seaport_port_left li:nth-child(4) {
    margin-left: -33px;
}

.seaport_port_left li:nth-child(5) {
    margin-left: -120px;
}

.seaport_section {
    background: var(--body-color);
}

.row>*:has(.seaport__port_right) {
    padding-right: 0;
}

.sustain_optn_left h2 {
    text-align: left;
}

.sustain_optn_left p {
    line-height: 1.5;
}

.seaport_body p {
    margin-bottom: 10px;
}

.sustain_optn_left .sea_black_btn {
    margin-top: 15px;
}

/* Mouse Hover */

.offices_carosoul_group {
    justify-content: center;
    overflow: hidden;
}

.seaport_infrastructure {
    width: calc(2 * calc(1/10 * 100%));
    padding: 0 12px;
    position: relative;
    transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.seaport_infrastructure.active {
    width: calc(10 * calc(1/10 * 100%));
    transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.seaport_infrastructure .img-part img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 510px;
}

.seaport_infrastructure .content-part {
    position: absolute;
    bottom: 15px;
    left: 30px;
    opacity: 0;
    width: 70%;
    padding: 15px;
    z-index: 1;
}

.seaport_infrastructure.active .content-part {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

.seaport_hdng {
    margin: 0 auto 20px;
}

.seaport_infrastructure h5 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    left: 30px;
    bottom: 24px;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    color: var(--clr-white);
    z-index: 1;
    font-family: var(--ff-body);
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

.seaport_infrastructure.active h5 {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.2s;
}

@supports (writing-mode:sideways-lr) {
    .seaport_infrastructure h5 {
        writing-mode: sideways-lr;
        transform: unset;
    }
}

.seaport_infrastructure h6 {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--clr-white);
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.seaport_infrastructure .img-part {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    /* height: 100%; */
}

.seaport_infrastructure .img-part::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 10px;
}

.seaport_infrastructure .img-part::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -160%;
    position: absolute;
    top: 0;
    transform: skewX(25deg);
    width: 50%;
    z-index: 2;
    border-radius: 50%;
}

.seaport_infrastructure:hover .img-part::after {
    -webkit-animation: shine-img 0.85s;
    animation: shine-img 0.85s;
}

.loc-define {
    color: var(--white_color);
    text-transform: capitalize;
    font-size: 18px;
}

@-webkit-keyframes shine-img {
    100% {
        left: 125%;
    }
}

@keyframes shine-img {
    100% {
        left: 125%;
    }
}

.seaport_infrastructure .address-part li {
    font-size: 16px;
    margin-top: 8px;
}

.seaport_infrastructure .address-part li span {
    padding-right: 8px;
    display: inline-block;
}

.seaport_infrastructure .address-part li a {
    color: var(--clr-white);
}

.offices_carosoul_group .cntnr_listing li {
    color: var(--clr-theme-white);
}

.offices_carosoul_group .cntnr_listing li::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7470%) hue-rotate(314deg) brightness(92%) contrast(113%);
}

/* Mouse Hover End*/

.command_center_left .seaport_hdng h2 {
    text-align: left;
}

.command_center {
    background: var(--body-color);
}

.command_center_single .image {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-bottom: 18px;
}

.command_center_single {
    background: var(--clr-theme-white);
    padding: 20px;
    border-radius: var(--radius-md);
    height: 100%;
}

.command_center_right .row {
    row-gap: 25px;
    margin-top: 30px;
}

.command_center_right {
    padding-left: 15px;
}

.one_platform .seaport_hdng {
    max-width: 100%;
    margin: 0 auto 20px;
}

.one_platform_wrpr .image img {
    border-radius: var(--radius-md);
}

.one_platform_wrpr .image {
    margin-top: 35px;
}

.one_platform_wrpr p {
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

.form-group.form-button.black_btn {
    background-color: var(--clr-theme-black);
}

.form-group.form-button.black_btn:hover {
    background: var(--clr-theme-blue);
}

.form-group.form-button.black_btn p {
    color: var(--clr-theme-white);
}

.form-group.form-button.black_btn span img {
    filter: brightness(1);
}

.seaport__contact-form .seaport_hdng h2 {
    text-align: left;
}

/* Seaport Solutions Landing End */

/* Index 3 Start */
.hm_bnr_video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home__banner {
    min-height: 100vh;
}

.home__banner .row {
    height: 95vh;
}

.home__banner .container {
    z-index: 1;
    position: relative;
}

.hm_bnr_hdng,
.hm_bnr_texts {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: end;
    max-width: 1250px;
    margin: auto;
    text-align: center;
}

h1 span {
    color: var(--clr-theme-primary);
}

.home__banner::after {
    content: '';
    position: absolute;
    background: linear-gradient(0.00deg, rgba(0, 0, 0, 0.57) 2.717%, rgba(0, 0, 0, 0.23) 35.062%,
            rgba(0, 0, 0, 0) 56.963%, rgba(0, 0, 0, 0.27) 76.986%, rgba(0, 0, 0, 0.57) 94.205%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.home__banner p {
    color: var(--clr-theme-white);
    line-height: 32px;
    font-weight: 300;
}


.hm_btn_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.sticky_hdr .intel__header {
    background: var(--clr-theme-black);
    padding-top: 0;
}

.sticky_hdr .intel__header .custom__btn {
    background: var(--clr-theme-white);
    color: var(--clr-text-color);
}

.global_hdng h2 {
    line-height: 1.2;
    text-transform: capitalize;
}

.home_pltfrm_hdng {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

.global_hdng {
    margin-bottom: 20px;
}

.home_pltfrm_hdng p {
    padding: 0 140px;
}

.global_hdng h2 span {
    color: var(--clr-theme-primary);
}

.hm_pltfrm_btn .custom__btn {
    display: inline-flex;
}

.hm_pltfrm_btn {
    text-align: center;
    margin-top: 45px;
}

.home__metrics {
    background: #0D1C38;
    padding-bottom: 130px;
}

.home__metrics .global_hdng {
    max-width: 700px;
    color: var(--clr-theme-white);
}

.hm_metrics_card {
    width: 450px;
    height: 450px;
    background: #9CADFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hm_metrics_card h3 {
    font-size: var(--fs-xxl);
    line-height: 1.2;
}

.home_metrics_listing {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 800px;
    margin: auto;
    margin-top: -110px;
}

.hm_metrics_card h5 {
    color: rgba(255, 255, 255, 1);
    font-family: var(--ff-body);
    font-size: var(--fs-body);
    font-weight: 400;
    position: absolute;
    right: -20px;
    width: 500px;
    text-align: right;
    top: 60%;
    border-top: 1px solid #fff;
    padding-top: 10px;
    text-transform: capitalize;
}

.home_metrics_listing ul li:nth-child(2) .hm_metrics_card {
    width: 290px;
    height: 290px;
    background: #D7DEFF;
    position: absolute;
    top: -100px;
    right: 90px;
}

.home_metrics_listing ul li:nth-child(2) .hm_metrics_card h3 {
    font-size: 44px;
    line-height: 1;
}

.home_metrics_listing ul li:nth-child(2) .hm_metrics_card h5 {
    right: -330px;
    width: 550px;
}

.home_metrics_listing ul li:nth-child(3) .hm_metrics_card {
    width: 180px;
    height: 180px;
    background: #D7DEFF;
    position: absolute;
    bottom: -60px;
    right: 180px;
}

.home_metrics_listing ul li:nth-child(3) .hm_metrics_card h3 {
    font-size: 44px;
    line-height: 1;
}

.home_metrics_listing ul li:nth-child(3) .hm_metrics_card h5 {
    right: -370px;
    top: 66%;
}

.home_metrics_listing ul li:nth-child(4) .hm_metrics_card {
    width: 230px;
    height: 230px;
    position: absolute;
    bottom: 20px;
    left: 70px;
    background: #748CFF;
}

.home_metrics_listing ul li:nth-child(4) .hm_metrics_card h3 {
    font-size: 40px;
    line-height: 1;
}

.home_metrics_listing ul li:nth-child(4) .hm_metrics_card h5 {
    left: -330px;
    top: 66%;
    text-align: left;
}

.home__metrics .container {
    z-index: 1;
    position: relative;
}

.intel__technology-box .image {
    position: relative;
    margin-bottom: 3px;
    overflow: hidden;
    border-radius: var(--radius-md);
    height: 248px;
}


.intel__technology-box h3 {
    font-size: var(--fs-sm);
    margin-bottom: 10px;
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.plus_btn {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 21px;
    transition: var(--transition);
    margin-left: auto;
    margin-top: 15px;
    flex: 0 0 auto;
}

.plus_btn:hover {
    background: var(--clr-text-color);
}

.inteltech_wrppr {
    position: relative;
    z-index: 1;
    padding: 40px 0 60px;
}

.intel__technology-box:hover .image img {
    scale: 1.1;
}

.intel__technology-box .image img {
    transition: var(--transition);
    object-fit: contain;
}

.tchnology_hdng_cncts {
    max-width: 940px;
    margin: auto;
    background: var(--body-color);
    padding: 50px 70px;
    border-radius: var(--radius-md);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    z-index: 2;
}

.intel__technology .container {
    position: relative;
}

.tchnology_hdng_cncts .global_hdng {
    padding: 0 20px;
}

.tchnology_hdng_cncts::after {
    content: '';
    position: absolute;
    background: url(../images/catagori-icon.png) no-repeat right;
    width: 32px;
    height: 32px;
    right: 10px;
    top: 13px;
}

.tchnology_hdng_cncts::before {
    content: '';
    position: absolute;
    background: url(../images/catagori-icon.png) no-repeat left;
    width: 32px;
    height: 32px;
    left: 10px;
    bottom: 13px;
}

.down_boat {
    margin-top: 30px;
}

.intel__infrastructure {
    z-index: 2;
    background: var(--body-color);
}

.intel__infrastructure .global_hdng {
    margin-bottom: 30px;
}

.intel__infrastructure-content-right .image {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 350px;
    margin: -40px auto 60px;
    position: relative;
}

.intel__infrastructure-since h6 {
    font-size: var(--fs-body);
    margin-bottom: 15px;
}

.intel__infrastructure-since .custom-heading {
    margin-bottom: 0px;
}

.intel__infrastructure .container {
    z-index: 1;
    position: relative;
}

.platform_infrastructure .global_hdng {
    text-align: center;
    margin: 0 auto 50px;
}

.every_infra_card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.every_infra_card .contents {
    text-align: center;
    position: absolute;
    bottom: -30px;
    padding: 10px 10px 0;
    transition: var(--transition);
    background: #fff;
    left: 10px;
    right: 10px;
    border-radius: 10px;
}

.every_infra_card h3 {
    font-size: 26px;
    line-height: 38px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.every_infra_card .image::after {
    content: '';
    position: absolute;
    border-radius: 16px;
    background: linear-gradient(180.00deg, rgba(255, 255, 255, 0) 47.66%, rgba(255, 255, 255, 1) 99.795%);
    left: -10px;
    top: 0;
    right: -10px;
    bottom: 0;
}

.row:has(.every_infra_card) {
    row-gap: 40px;
}

.bottom_btn {
    text-align: center;
}

.bottom_btn .custom__btn {
    display: inline-block;
}


/* jit css */
.intel__main-page {
    position: relative;
}



.intel__realtime {
    background: var(--body-color);
    z-index: 2;
}


.intel__realtime-cont {
    flex-direction: column;
    width: 55%;
    padding: 35px 30px;
}

.intel__realtime-img img {
    width: 100%;
}

.intel__realtime-box h4 {
    margin-bottom: 0;
}

.intel__realtime-box {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}


.intel__realtime::after {
    content: '';
    position: absolute;
    background: url(../images/black_double_star.webp) no-repeat right;
    width: 60px;
    height: 47px;
    right: 25px;
    top: 25px;
}

.intel__realtime::before {
    content: '';
    position: absolute;
    background: url(../images/black_double_star.webp) no-repeat left;
    width: 60px;
    height: 47px;
    left: 35px;
    bottom: 45px;
}

.row:has(.intel__realtime-box)::after {
    display: none;
}

.realtime__btn {
    position: relative;
    margin-top: 15px;
    padding: 5px 15px;
    background: url(../images/realtime__btn_bg.png) no-repeat 0 0;
    background-size: cover;
    color: var(--clr-theme-black);
    font-family: var(--ff-primary);
    font-weight: 500;
    background-size: 100% 100%;
}

.intel__realtime-cont li::before {
    background: url('../images/chak.png') no-repeat 0 0;
}

.intel__realtime-cont li {
    margin-bottom: 10px;
    padding-left: 24px;
}


.intel__realtime-content {
    text-align: left;
}

.intel__realtime-img {
    width: 45%;
    display: flex;
    align-items: center;
}

.intel__realtime-content ul {
    justify-content: start;
    margin-top: 35px;
}


.intel__performance-img img {
    width: auto;
}

.intel__performance-box {
    background: linear-gradient(180deg, #F4F4F4 0%, rgba(244, 244, 244, 0.879808) 12.02%, rgba(244, 244, 244, 0.802885) 19.71%,
            rgba(244, 244, 244, 0.745192) 25.48%, rgba(244, 244, 244, 0.682692) 31.73%, rgba(244, 244, 244, 0.600962) 39.9%,
            rgba(244, 244, 244, 0.519231) 48.08%, rgba(244, 244, 244, 0.451923) 54.81%, rgba(244, 244, 244, 0.360577) 63.94%, rgba(244, 244, 244, 0.259615) 74.04%, rgba(244, 244, 244, 0.197115) 80.29%, rgba(244, 244, 244, 0.120192) 87.98%, rgba(244, 244, 244, 0.0625) 93.75%, rgba(244, 244, 244, 0) 100%);
    padding: 25px 20px;
    margin-bottom: 30px;
    z-index: 2;
}

.intel__performance-content {
    padding: 20px 0 0 0;
}

.intel__performance-box:last-child {
    margin-bottom: 0;
}

.intel__footer-toppart {
    padding: 20px 0;
    border-top: 1px solid #949494;

}

.intel__performance .global_hdng {
    margin-inline: auto;
    max-width: 680px;
    margin-bottom: -20px;
}

.intel__performance-mid img {
    width: 100%;
}

.intel__footer {
    padding: 30px 0;
}

.intel__footer-toppart-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.intel__footer-midpart {

    border-top: 1px solid #949494;
    border-bottom: 1px solid #949494;
}

.intel__footer-box {
    padding: 50px 20px 50px 0;
    border-right: 1px solid #949494;
    height: 100%;
}

.intel__footer-form {
    padding: 50px 0;
    z-index: 1;
    position: relative;
}


.intel__footer-buttom {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.intel__footer-buttom h6 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
}

.intel__footer-buttompart {
    padding: 35px 0;
    border-bottom: 1px solid #949494;
}

.intel__footer-buttom-left {
    width: 30%;
}

.intel__footer-buttom-left ul {
    display: flex;
    align-items: center;
    gap: 5px 15px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.intel__footer-buttom-left ul a {
    padding-right: 15px;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: 300;
}

.intel__footer-buttom-left ul li:last-child a {
    border-right: none;
    padding-right: 0;
}

.intel__footer-buttom-mid {
    width: 50%;
    text-align: center;
}

.intel__footer-buttom-mid p {
    color: #fff;
    margin-top: 10px;
}

.intel__footer-buttom-mid p a {
    color: #fff;
}

.intel__footer-buttom-mid ul {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.intel__footer-buttom-mid ul a {
    padding-right: 15px;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    position: relative;
}

.intel__footer-buttom a:hover {
    opacity: 0.7;
}

.intel__footer-buttom-mid ul li:last-child a {
    border-right: none;
    padding-right: 0;
}

.intel__footer-buttom-right a {
    color: #fff;
}

.intel__footer::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: url('../images/footer__bg.png') no-repeat 0 0;
    background-size: 100%, 100%;
    opacity: 0.2;
    content: '';
}

.intel__footer-buttom-right {
    margin-left: auto;
}

.home_seaport_group {
    position: relative;
    padding: 350px 30px 30px;
    margin-bottom: 90px;
    z-index: 2;
}

.home_seaport_group .contents_wrp {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.home_seaport_group .left_hdng {
    width: 65%;
    flex: 0 0 auto;
}

.home_seaport_group::after {
    content: '';
    position: absolute;
    border-radius: 16px;
    background: linear-gradient(182.73deg, rgba(0, 0, 0, 0) 41.308%, rgba(0, 0, 0, 0.8) 77.358%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--radius-md);
}

.home_seaport_group .bnr_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home_seaport_group h3 {
    color: var(--clr-theme-white);
    font-size: var(--fs-md);
    margin-bottom: 6px;
}

.home_seaport_group p {
    color: var(--clr-theme-white);
}

.counter_left_robot {
    margin-left: -90px;
}

.counter_right_robot {
    margin-right: -100px;
}

.home_counter {
    overflow: hidden;
}

.hm_cntr_mdl_card h4 {
    font-size: var(--fs-xxl);
    line-height: 1.2;
}

.hm_cntr_mdl_card h5 {
    font-size: var(--fs-md);
    font-weight: 400;
    line-height: 34px;
    text-transform: capitalize;
}

.hm_cntr_mdl_card {
    border-radius: var(--radius-md);
    background: var(--body-color);
    padding: 25px;
    display: flex;
    flex-direction: column;
    row-gap: 70px;
    height: 100%;
}


.home_counter_mdl {
    margin-top: -60px;
}

.intel__infrastructure::after {
    content: '';
    position: absolute;
    background: url(../images/black_double_star.webp) no-repeat right;
    width: 60px;
    height: 47px;
    right: 25px;
    top: 25px;
}

.intel__infrastructure::before {
    content: '';
    position: absolute;
    background: url(../images/black_double_star.webp) no-repeat left;
    width: 60px;
    height: 47px;
    left: 35px;
    bottom: 45px;
}

.intel__technology-box p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.every_infra_card:hover .image img {
    scale: 1.1;
}

.every_infra_card .image img {
    transition: var(--transition);
}


.every_infra_card:hover .contents {
    bottom: 0px;
}

.intel__footer-toppart-wrap .custom__btn-two:hover {
    border-color: var(--clr-theme-white);
    background: transparent;
}

.intel__header .custom__btn:hover {
    background: transparent;
    border-color: var(--clr-theme-white);
}

.sticky_hdr .intel__header .custom__btn:hover {
    color: var(--clr-theme-white);
}

.inteltech_wrppr .global_hdng {
    max-width: 1300px;
    text-align: center;
    margin-inline: auto;
    position: relative;
}

.inteltech_wrppr .global_hdng h2 {
    font-size: 52px;
}

.core_ai_tab .nav-link {
    color: var(--clr-theme-black);
    padding: 8px 25px;
    background: var(--clr-theme-white);
    border-radius: 50px;
    font-weight: 500;
    transition: var(--transition);
    font-weight: 400;
    transition: var(--transition);
    font-size: 15px;
}

.core_ai_tab .nav-link:hover {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.core_ai_tab .nav {
    max-width: 1300px;
    justify-content: center;
    gap: 10px;
    margin: 30px auto;
}

.core_ai_tab .nav-link.active {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.core_ai_btm_cntnts {
    max-width: 950px;
    margin: 15px auto 0;
    text-align: center;
    position: relative;
}

.core_ai_btm_cntnts .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    column-gap: 25px;
}

.core_ai_btm_cntnts p {
    padding: 0 60px;
}

.inteltech_wrppr::after {
    content: '';
    position: absolute;
    background: var(--body-color);
    top: 0;
    left: 7%;
    right: 7%;
    bottom: 0;
    z-index: -1;
    border-radius: var(--radius-md);
}

/* .inteltech_wrppr .global_hdng::before {
  content: '';
  position: absolute;
  background: url(../images/catagori-icon.png) no-repeat right;
  width: 31px;
  height: 31px;
  top: -25px;
  right: -10px;
}

.core_ai_btm_cntnts::before {
  content: '';
  position: absolute;
  background: url(../images/catagori-icon.png) no-repeat right;
  width: 31px;
  height: 31px;
  left: -30px;
  bottom: -40px;

} */

.home_counter .row>*:nth-child(5n+1) .hm_cntr_mdl_card,
.home_counter .row>*:nth-child(5n+3) .hm_cntr_mdl_card {
    background: var(--clr-theme-black);
}

.home_counter .row>*:nth-child(5n+1) .hm_cntr_mdl_card :is(h4, h5),
.home_counter .row>*:nth-child(5n+3) .hm_cntr_mdl_card :is(h4, h5) {
    color: var(--clr-theme-white);
}

.home_counter .home_seaport_group {
    margin-bottom: 0;
    margin-top: 90px;
}

.home_ps_card .contents_wrap {
    display: flex;
    align-items: end;
    column-gap: 50px;
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;
    z-index: 1;
}

.home_ps_card {
    position: relative;
}

.home_ps_card::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.35%, rgba(0, 0, 0, 0.83) 85.66%);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: var(--radius-md);
}

.home_ps_card .contents_wrap h3 {
    color: var(--clr-theme-white);
    margin-bottom: 5px;
}

.home_ps_card .contents_wrap p {
    color: var(--clr-theme-white);
}

.home_ps_card .plus_btn {
    background: var(--clr-theme-white);
    color: var(--clr-theme-black);
    border: 1px solid transparent;
}

.home_ps_card .plus_btn:hover {
    background: transparent;
    color: var(--clr-theme-white);
    border-color: var(--clr-theme-white);
}

.home_ps_card img {
    transition: var(--transition);
}

.home_ps_card .image {
    overflow: hidden;
    border-radius: var(--radius-md);
}

.home_ps_card:hover img {
    transform: scale(1.1);
}

.intel__industries-box.active::after {
    opacity: 0;
}

.intel__industries-box::before {
    content: '';
    position: absolute;
    background: linear-gradient(182.73deg, rgba(0, 0, 0, 0) 41.308%, rgba(0, 0, 0, 0.8) 77.358%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: var(--transition);
}

.intel__industries-box.active::before {
    opacity: 1;
}

.intel__realtime .global_hdng {
    max-width: 1100px;
}

.mobile_logo {
    display: none;
}


/* Index 3 End */

/* Modal Part */
.intelmdl_grp label input {
    height: unset;
    width: auto;
}

.chk-rdo {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 50px;
    border: 1px solid #000;
    transition: 0.4s all;
    z-index: -1;
}

.intelmdl_grp label {
    margin-right: 10px;
    padding-left: 0;
    font-size: 18px;
    z-index: 0;
    display: flex;
    align-items: center;
    column-gap: 7px;
    cursor: pointer;
    position: relative;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}


.intelhomemdl .input_card .custom__btn {
    color: #fff;
    margin-top: 0;
}

.chk-rdo::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    display: none;
}

.intelmdl_grp input:checked~.chk-rdo {
    background: #000;
    border-color: #000;
}

.intelmdl_grp input:checked~.chk-rdo::after {
    display: block;
}


.intelhomemdl .modal-dialog {
    max-width: 600px;
}

.intelhomemdl h3 {
    font-size: 22px;
    text-align: center;
}

.intelhomemdl .btn-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #b32a2a;
    opacity: 1;
}

.intelhomemdl .btn-close::after {
    content: '\f00d';
    position: absolute;
    font-family: "fontawesome";
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
}

.modal-header {
    border: none;
    justify-content: center;
    padding-bottom: 0;
    padding-top: 25px;
}

.input_card input {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #000;
    outline: none;
    color: #000;
    width: 100%;
    font-size: 18px;
    padding: 5px 15px;
}

.input_card input::placeholder {
    font-size: 18px;
}

.input_card {
    margin-bottom: 15px;
}

.input_card h6 {
    margin-bottom: 10px;
}

.input_card .custom__btn {
    margin: auto;
    margin-top: 15px;
}

.intelhomemdl .modal-body {
    padding: 25px;
}

/* Modal Part */


/* Traffic Solution Start */

.inner_bnr .hm_bnr_hdng {
    max-width: 950px;
}

.traffic_intelligence .global_hdng {
    text-align: center;
}

.traffic_inglce_card .single_card {
    background: var(--body-color);
    text-align: center;
    padding: 35px;
    border-radius: 16px;
    position: relative;
}

.traffic_inglce_card .single_card h3 {
    margin-bottom: 10px;
    font-size: var(--fs-sm);
}

.traffic_inglce_card li+li {
    margin-top: 120px;
}

.traffic_inglce_card {
    max-width: 450px;
    z-index: 1;
    position: relative;
}

.traffic_inglce_card li:first-child .single_card:after {
    content: "";
    position: absolute;
    background: url(../images/traffic_cctv_left.png) no-repeat left;
    width: 94px;
    height: 135px;
    left: 10px;
    top: 98%;
    z-index: -1;
}

.traffic_inglce_card.right {
    margin-left: auto;
}

.traffic_inglce_image {
    margin: 0 -130px;
}

.traffic_inglce_card li {
    z-index: 1;
    position: relative;
}

.traffic_inglce_card.right li:first-child .single_card:after {
    content: "";
    position: absolute;
    background: url(../images/traffic_cctv_right.png) no-repeat left;
    width: 94px;
    height: 135px;
    left: unset;
    top: 98%;
    z-index: -1;
    right: 10px;
}

.centered_btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    column-gap: 20px;
}

.centered_btn .custom__btn-two {
    border-color: var(--clr-text-color);
}

.traffic__enforcemnet .global_hdng {
    text-align: center;
}

.traffic_enfrcmnt_tab .nav-tabs {
    justify-content: center;
    border: none;
}

.traffic_enfrcmnt_tab .nav-tabs .nav-link {
    font-size: 22px;
    font-family: var(--ff-primary);
    font-weight: 500;
    color: var(--clr-theme-black);
    padding: 20px 30px;
    border: none;
    border-radius: 16px 16px 0 0;
}

.traffic_enfrcmnt_tab .tab-content {
    background: var(--clr-theme-white);
    border-radius: 16px;
    padding: 30px;
}

.traffic_enfrcmnt_tab .tab-content .row {
    row-gap: 25px;
}

.traffic_enfrcmnt_tab {
    margin-top: 25px;
}

.traffic_enfrcmnt_tab .intel__technology-box {
    border: none;
    background: var(--body-color);
}

.glbl_hdng_wrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.traffic__environment .global_hdng {
    max-width: 700px;
}

.glbl_hdng_wrp .contents {
    max-width: 570px;
}

.traffic_env_card .image {
    margin-bottom: 20px;
}

.traffic_env_card h3 {
    font-size: var(--fs-sm);
    margin-bottom: 10px;
}

.traffic_env_card .custom__btn {
    margin-top: 15px;
}

.row:has(.traffic_env_card) {
    row-gap: 30px;
}

.traffic_env_card .image {
    overflow: hidden;
}

.traffic_env_card .image img {
    transition: var(--transition);
}

.traffic_env_card:hover .image img {
    transform: scale(1.1);
}

.cntrlroom_list_single {
    background: var(--clr-theme-white);
    padding: 10px 45px 10px 25px;
    border-radius: 50px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    background: var(--body-color);
}

.cntrlroom_list_single .number {
    position: absolute;
    top: -24px;
    right: 0;
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ff-primary);
}

.cntrl_room__left .row {
    row-gap: 40px;
}

.cntrl_room__left .custom__btn {
    margin-top: 35px;
}

.cntrl_room_right {
    margin-left: 45px;
    position: relative;
    height: 100%;
}

.cntrl_room_right .image {
    height: 100%;
}

.traffic_rworld_card li+li {
    margin-top: 300px;
}

.hm_cntr_mdl_card.dark {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.traffic_rworld_card .hm_cntr_mdl_card {
    max-width: 450px;
}

.traffic_rworld_card.right .hm_cntr_mdl_card {
    margin-left: auto;
}

.traffic__world_text {
    position: absolute;
    left: 0;
    right: 0;
    top: 285px;
}

.traffic_real_world .container {
    position: relative;
}

.traffic__world_text h2 {
    font-size: 165px;
    text-align: center;
    font-weight: 800;
    color: var(--clr-theme-black);
}

.traffic_real_midimg {
    z-index: 1;
    position: relative;
}

.traffic_real_world .home_seaport_group {
    margin-bottom: 0;
    padding-top: 400px;
}

.seaport__contact-img {
    height: 100%;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.seaport__contact-form .form-control:focus,
.seaport__contact-form .form-select:focus {
    border-color: var(--clr-theme-black);
}

.actionable_hdng {
    max-width: 1000px;
    margin: auto;
    margin-bottom: 250px;
    background: rgb(255, 255, 255, 0.5);
    padding: 20px 30px;
    backdrop-filter: blur(11px);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.actionable_traffic .actionable_hdng .custom__btn {
    margin: 25px auto 0;
}

.actionable_traffic .hm_bnr_video {
    z-index: -1;
}

.actionable_card {
    background: var(--clr-theme-white);
    padding: 25px;
    border-radius: var(--radius-md);
    text-align: center;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.actionable_card .icon img {
    margin: auto;
}

.actionable_card .icon {
    margin-bottom: 20px;
}

.actionable_card h4 {
    font-size: var(--fs-sm);
    margin-bottom: 10px;
}

.row:has(.actionable_card) {
    row-gap: 25px;
}

.traffic_deployment_right li .single_listing {
    display: flex;
    align-items: center;
}

.traffic_deployment_right li .single_listing h4 {
    font-size: var(--fs-sm);
    margin-bottom: 10px;
}

.traffic_deployment_right li .single_listing .contents {
    width: 40%;
    flex: 0 0 auto;
}

.traffic_deployment_right li .single_listing .image {
    flex: 0 0 auto;
    width: 40%;
}

.traffic_deployment_right li .dploy_nmbr {
    flex: 0 0 auto;
    width: 20%;
}

.traffic_deployment_right li .dploy_nmbr h6 {
    color: #EDEDED;
    font-size: 100px;
    text-align: center;
}

.traffic_deployment_right li {
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(0, 0, 0, 0.5);
}

.traffic_deployment_right li+li {
    margin-top: 25px;
}

.traffic_deployment_right {
    padding-left: 15px;
}

.traffic_deployment_left .custom__btn {
    margin-top: 30px;
}

.traffic_deployment_left .image {
    margin-top: 35px;
}


/* Traffic Solution End */


/* Public Security Start */

.inner_bnr::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 13%, rgba(0, 0, 0, 0) 32.61%, rgba(0, 0, 0, 0) 41.9%, rgba(0, 0, 0, 0) 47.77%, rgba(0, 0, 0, 0) 55.1%, rgba(0, 0, 0, 0) 65.37%, rgba(0, 0, 0, 0) 75.63%, rgba(0, 0, 0, 0.7) 89.28%);
}

.p_security_bnr .hm_bnr_hdng {
    max-width: 100%;
}

.hm_bnr_hdng h1 {
    text-transform: capitalize;
}

.bnfts_intel_cntnts h3 {
    font-size: 40px;
    margin-bottom: 15px;
}

.bnfts_intel_cntnts .custom__btn {
    margin-top: 20px;
}

.ps_benefits_left_wrap .image {
    height: 100%;
}

.bnfts_intel_cntnts {
    padding-left: 10px;
}

.ps_bnfts_hdng {
    padding-top: 50px;
}

.ps_bnfts_hdng h3 {
    font-size: 40px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--clr-theme-para);
}

.proactive_protection h4 {
    font-size: var(--fs-sm);
    margin-bottom: 10px;
}

.ps_benefits_right_img,
.ps_benefits_right_img .image {
    height: 100%;
}

.ps_intell_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--body-color);
    border-radius: var(--radius-md);
    height: 100%;
    padding: 40px 30px;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.ps_intell_security .global_hdng {
    margin-bottom: 160px;
}

.ps_intell_card .image {
    margin-bottom: 15px;
}

.ps_intell_card h3 {
    margin-bottom: 8px;
}

.ps_intell_card p {
    text-transform: capitalize;
}

.ps_intell_security .row>*:nth-child(3n+2) .ps_intell_card {
    margin-top: -70px;
}

.row:has(.ps_intell_card) {
    row-gap: 25px;
}

.intel_pulse_outer {
    width: 900px;
    height: 900px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
}

.intel_pulse_inner {
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    inset: 0;
    margin: auto;
    border: 1px solid #1e1e1e;
    animation: pulse 3s ease-out infinite;
    opacity: 0;
}

/* pulse circles */
.intel_pulse_outer::before,
.intel_pulse_outer::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #1e1e1e;
    border-radius: 50%;
    animation: pulse 6s ease-out infinite;
    opacity: 0;
}

.intel_pulse_outer::after {
    animation-delay: 1.5s;
}

@keyframes pulse {
    0% {
        transform: scale(0.2);
        opacity: 0.8;
    }

    70% {
        transform: scale(1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.ps_smarter_security .glbl_hdng_wrp .global_hdng {
    margin-bottom: 20px;
    max-width: 600px;
}

.ps_smarter_security .glbl_hdng_wrp .contents {
    max-width: 530px;
}

.ps_smarter_security {
    background: var(--body-color);
}

.ps_smarter_card {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    height: 100%;
}

.row:has(.ps_smarter_card) {
    row-gap: 25px;
}

.ps_smarter_security .row>*:nth-child(even) .ps_smarter_card {
    flex-direction: column-reverse;
}

.ps_smarter_card .contents {
    padding: 25px 25px 30px;
    background: var(--clr-theme-white);
    border-radius: var(--radius-md);
}

.ps_smarter_card h3 {
    font-size: var(--fs-md);
    margin-bottom: 15px;
}

.ps_smarter_card .custom__btn {
    margin-top: 20px;
}

.ps_smarter_security .glbl_hdng_wrp {
    margin-bottom: 40px;
}

.ps_smarter_card:hover .image img {
    scale: 1.1;
}

.ps_featured_prdcts_wrp .right_item:hover .ps_prdct_tab_img img,
.ps_featured_prdcts_wrp .left_item:hover .ps_prdct_tab_img img {
    transform: scale(1.05);
}

.ps_featured_prdcts_wrp .ps_prdct_tab_img {
    overflow: hidden;
    border-radius: var(--radius-md);
}

.ps_featured_prdcts_wrp .ps_prdct_tab_img img {
    transition: var(--transition);
}

.ps_smarter_card .image img {
    transition: var(--transition);
}

.ps_smarter_card .image {
    overflow: hidden;
    height: 100%;
}

.ps_counter .global_hdng {
    max-width: 800px;
    margin-inline: auto;
}

.mb40 {
    margin-bottom: 40px;
}

.ps_counter .row:has(.hm_cntr_mdl_card) {
    justify-content: center;
}

.ps_counter .hm_cntr_mdl_card {
    height: unset;
    z-index: 1;
    position: relative;
}

.ps_cntr_img img {
    width: 100%;
}

.ps_counter .row>*:nth-child(4) .hm_cntr_mdl_card {
    margin-top: -80px;
    transform: translateX(-230px);
}

.ps_counter .row>*:last-child .hm_cntr_mdl_card {
    transform: translateX(50px);
    margin-top: -5px;
}

.ps_cntr_img {
    z-index: 1;
    position: relative;
}

.ps_right_security .home_seaport_group {
    margin-bottom: 0;
    padding: 450px 30px 30px;
}

.ps_right_security {
    background: var(--body-color);
}

.ps_right_security .home_seaport_group .left_hdng {
    width: 50%;
}

.ps_cmndpltfm_card.dark {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.ps_cmndpltfm_card {
    padding: 25px;
    border-radius: var(--radius-md);
    background: var(--body-color);
    height: 100%;
    padding-bottom: 0;
}

.ps_cmndpltfm_card .image img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    margin-bottom: 25px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(195deg) brightness(102%) contrast(104%);
}

.ps_cmndpltfm_card h3 {
    font-size: var(--fs-md);
    margin-bottom: 15px;
}

.ps_command_platform .global_hdng {
    margin-bottom: 40px;
}

.ps_command_platform .row>*:nth-child(even) .ps_cmndpltfm_card {
    margin-top: 50px;
}

.ps_command_platform .row>*:nth-child(even) .ps_cmndpltfm_card .image img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7500%) hue-rotate(355deg) brightness(90%) contrast(110%);
}

.ps_command_platform .row>*:nth-child(odd) .ps_cmndpltfm_card {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.ps_command_platform .row>*:nth-child(odd) .ps_cmndpltfm_card p {
    color: var(--clr-theme-white);
}

.hdng_tc {
    text-align: center;
}

.row:has(.ps_cmndpltfm_card) {
    row-gap: 25px;
}

.ps_command_platform {
    padding-bottom: 130px;
}

.ps_contact .seaport__contact-form .seaport_hdng h2 {
    text-align: center;
}

.ps_contact .form-group {
    text-align: center;
}

.ps_contact .form-group .custom__btn {
    display: inline-block;
}

.ps_contact .seaport__contact-form {
    padding: 0 50px;
    margin-top: 50px;
}

.ps_contact .seaport__contact-img {
    margin-right: -40px;
    width: unset;
    height: unset;
    margin-top: 140px;
}

.ps_featured_tab .nav-tabs {
    justify-content: center;
    column-gap: 25px;
    background: var(--clr-theme-white);
    padding: 20px;
    border-radius: 16px;
    margin-bottom: 25px;
    border: none;
}

.seaport__contact-img-right {
    margin-left: -40px;
}

.ps_featured_tab .nav-link {
    font-size: 20px;
    font-weight: 500;
    color: var(--clr-theme-black);
    font-family: var(--ff-primary);
    background: var(--body-color);
    border-radius: 50px;
    padding: 6px 35px;
    transition: var(--transition);
    border: none;
}

.ps_featured_tab .nav-link:hover {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.ps_featured_tab .nav-tabs .nav-item.show .nav-link,
.ps_featured_tab .nav-tabs .nav-link.active {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
    border: none;
}

.ps_featured_tab .nav-tabs .nav-link:focus,
.ps_featured_tab .nav-tabs .nav-link:hover {
    border: none;
}

.ps_featured_prdcts {
    padding: 50px 0;
}

.ps_featured_prdcts_wrp>ul>li:nth-child(even) {
    flex-direction: row-reverse;
}

.ps_featured_prdcts_wrp>ul>li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ps_featured_prdcts_wrp>ul>li .left_item {
    width: 57.1%;
    flex: 0 0 auto;
    background: var(--clr-theme-white);
    border-radius: var(--radius-md);
}

.ps_featured_prdcts_wrp>ul>li .right_item {
    width: 41.1%;
    flex: 0 0 auto;
    background: var(--clr-theme-white);
    border-radius: var(--radius-md);
}

.ps_prdct_tab_img {
    height: 100%;
    position: relative;
}

.ps_prdct_tab_img::after {
    content: '';
    position: absolute;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 30%,
            #fff 100%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.ps_featured_prdcts_wrp>ul>li+li {
    margin-top: 25px;
}

.ps_prdct_tab_contnts h4 {
    font-size: var(--fs-sm);
    color: #6F6F6F;
    margin-bottom: 15px;
}

.ps_prdct_tab_contnts h3 {
    font-size: 25px;
    margin-bottom: 10px;
}

.ps_prdct_tab_contnts .custom__btn {
    margin-top: 15px;
}

.ps_featured_prdcts_wrp .left_item .row,
.ps_featured_prdcts_wrp .right_item .row {
    height: 100%;
}

.ps_prdct_tab_contnts {
    padding: 20px 20px 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.loadmore_btn {
    text-align: center;
    margin-top: 25px;
}

.loadmore_btn .custom__btn {
    display: inline-block;
}

.proactive_protection .image {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.proactive_protection .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.proactive_protection {
    display: flex;
    align-items: start;
    column-gap: 15px;
}

.ps_rcmmndation {
    padding: 30px;
    background: var(--body-color);
    border-radius: var(--radius-md);
    margin-right: -30px;
}

.ps_rcmmndation li {
    font-family: var(--ff-primary);
    font-size: 21px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
    text-transform: capitalize;
    line-height: 1.2;
}

.ps_rcmmndation li::after {
    content: "";
    position: absolute;
    background: var(--clr-text-color);
    width: 20px;
    height: 1px;
    left: 0;
    top: 12px;
}

.ps_rcmmndation li+li {
    margin-top: 30px;
}

.ps_rcmmndation ul {
    margin-bottom: 30px;
}

.ps_right_securitysltn .global_hdng {
    margin-bottom: 80px;
}

.ps_three_cctv {
    display: flex;
    justify-content: center;
}

.ps_right_security_right {
    background: var(--body-color);
    padding: 15px;
    border-radius: var(--radius-md);
    margin-top: 180px;
}

.ps_right_security_right h3 {
    font-size: var(--fs-md);
    margin-bottom: 6px;
}

.ps_right_security_right .image {
    margin-bottom: 15px;
    overflow: hidden;
}

.ps_right_security_right .contents {
    padding: 0 8px 5px;
}

.ps_right_security_right:hover img,
.threat_detection_card:hover .image img {
    transform: scale(1.06);
}

.pbnf_mob {
    display: none;
}

.ps_right_security_right img,
.threat_detection_card .image img {
    transition: var(--transition);
}

.threat_detection .global_hdng {
    max-width: 800px;
}

.threat_detection_card .image {
    overflow: hidden;
}

.threat_detection .glbl_hdng_wrp .contents {
    max-width: 400px;
}

.threat_detection .glbl_hdng_wrp .custom__btn {
    margin-top: 15px;
}

.threat_detection_card {
    display: flex;
    background: var(--clr-theme-white);
    padding: 26px;
    border-radius: var(--radius-md);
    column-gap: 15px;
    height: 100%;
    align-items: center;
}

.row:has(.threat_detection_card) {
    row-gap: 25px;
}

.threat_detection_card .image {
    width: 40%;
    flex: 0 0 auto;
}

.threat_detection_card h3 {
    font-size: var(--fs-md);
    margin-bottom: 15px;
}

.rght_scrytwo .home_seaport_group {
    margin-bottom: 0;
    padding: 400px 30px 30px;
}

.rght_scrytwo .home_seaport_group .left_hdng {
    width: 65%;
}

.ps_right_security .global_hdng {
    max-width: 1300px;
    margin-inline: auto;
}

.ps_graph {
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 25px;
    border-radius: var(--radius-md);
}

.ps_graph h3 {
    margin-bottom: 10px;
}

.ps_graph .custom__btn {
    margin-top: 10px;
}

.ps_graph .image {
    margin-bottom: 15px;
    max-width: 280px;
}

/* Public Security End */

/* airport_solution page start  10.02.26*/
/* airport contact section start  */
.airport__contact .seaport__contact-img {
    position: relative;
    display: flex;
}

.airport__contact .seaport__contact-img::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
}

/* airport contact section end  */

/* platform_infrastructure-v2 section start  */

.platform_infrastructure-v2 .home_seaport_group .left_hdng {
    width: 44%;
}

/* platform_infrastructure-v2 section end */

/* airport_deployment section start  */
.airport_deployment-single {
    background: var(--body-color);
    padding: 25px;
    border-radius: var(--radius-md);
    height: 100%;
}

.airport_deployment-right .row {
    row-gap: 25px;
    margin-top: 30px;
}

.airport_deployment-right .seaport_hdng h2 {
    text-align: left;
}

.airport_deployment-single h5 {
    margin-bottom: 15px;
}

/* airport_deployment section end */

/* airport__counter section start  */
.airport__counter {
    overflow: hidden;
}

.airport__counter-card {
    border-radius: var(--radius-md);
    background: var(--clr-theme-white);
    padding: 25px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    height: 100%;
}

.airport__counter-card h4 {
    font-size: var(--fs-xxl);
    line-height: 1.2;
}

.airport__counter-card h5 {
    font-size: var(--fs-md);
    font-weight: 400;
    line-height: 34px;
    text-transform: capitalize;
}

.airport__counter-world {
    width: 55%;
    margin: 0 auto;
}

.airport__counter-wrap {
    margin-top: -180px;
}

section.airports_extra::after {
    content: '';
    position: absolute;
    background: url(../images/one-star.svg) no-repeat right;
    width: 60px;
    height: 47px;
    right: 25px;
    top: 25px;
}

section.airports_extra::before {
    content: '';
    position: absolute;
    background: url(../images/one-star.svg) no-repeat left;
    width: 60px;
    height: 47px;
    left: 35px;
    bottom: 45px;
}

/* airport__counter section end */

/* airport banner start  */
.intel__main-header-wrap {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
    height: 100%;
}

.intel__main-header-wrap .hm_bnr_hdng {
    width: 60%;
    text-align: left;
    max-width: 100%;
    margin: 0 0;
}

/* airport banner end  */

/* airport platform start  */
.airport_platform-hdng {
    margin-bottom: 40px;
}

.intel_image {
    overflow: hidden;
}

.airport_platform-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    gap: 20px;
}

.airport_platform-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 18px;
    justify-content: space-between;
}

.airport_platform-item {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
    border: 1px solid rgb(30, 30, 30, 0.2);
    border-radius: 10px;
    padding: 18px;
}

.airport_platform-item p {
    min-height: 60px;
}

.intel_image img {
    transition: var(--transition);
}

.intel_image img:hover {
    transform: scale(1.1);
}

/* airport platform end  */

/* mordern airport start  */
.airport__mordern-contentbox {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.airport__mordern-item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    padding-left: 25px;
}

.airport__products_wrppr .core_ai_tab .nav-link {
    background: var(--body-color);
    padding: 12px 45px;
    font-weight: 500;
    font-size: 18px;
}

.airport__products_wrppr .core_ai_tab .nav-link.active {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.airport__products_wrppr .core_ai_tab .nav-link:hover {
    background: var(--clr-theme-black);
}

.airport__mordern-hdng {
    margin-bottom: 35px;
}

.airport__mordern.airports_extra::after {
    background: url(../images/black_double_star.webp) no-repeat
}

.airport__mordern.airports_extra::before {
    background: url(../images/black_double_star.webp) no-repeat
}

/* mordern airport end */

/* airport_products start  */
.airport__products {
    background: var(--clr-theme-white);
}

.airport__products-top {
    margin-bottom: 45px;
}

.airport__products-top .custom-heading h2 {
    font-size: 28px;
}

.airport__products-top .custom-heading h2 span {
    font-size: 96px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 8px;
}

.airport__products-box {
    position: relative;
    z-index: 3;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: var(--radius-md);
    background: var(--clr-theme-white);
    padding: 20px;
}

.airport__products-link {
    position: absolute;
    background-color: var(--clr-theme-white);
    display: inline-block;
    z-index: 2;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 50px;
    color: #101010;
    font-family: var(--ff-primary);
    left: 16px;
    top: 20px;
}

.airport__products-link:hover {
    background-color: #ececec;
}

.airport__products-box .image img {
    transform: scale(1);
    transition: var(--transition);
    object-fit: contain;
}

.airport__products-box:hover .image img {
    transform: scale(1.1);
}

.airport__products-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 16px;
}

.airport__products-box ul li {
    color: var(--clr-theme-white);
    font-size: 18px;
    position: relative;
    padding-left: 30px;
}

.airport__products_wrppr .core_ai_tab .nav {
    max-width: 100%;
    margin-bottom: 50px;
}

.airport__products_wrppr .global_hdng {
    width: 60%;
    margin: 0 auto 20px;
    text-align: center;
}

.airports__box-wrap {
    display: flex;
    align-items: end;
}

.airport__products-box h5 {
    margin-bottom: 15px;
}

.airport__products-box p {
    margin-bottom: 60px;
}


/* airports_products end  */
/* SMART AIRPORTS START  */
.airport__smart-mainbox {
    position: absolute;
    width: 100%;
    top: -6%;
}

.airport__smart-headings h2 {
    font-size: 180px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #CFE3F6 22.76%, #F6F9FC 73.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}

.airport__smart-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.airport__smart-item {
    flex: 0 0 auto;
    text-align: center;
    width: 18.5%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: fit-content;
}

.airport__smart-imgbox img {
    transition: var(--transition);
}

.airport__smart-item:hover .airport__smart-imgbox img {
    transform: scale(1.06);
}

.airport__smart-contentbox {
    position: absolute;
    width: 100%;
    bottom: 10%;
}

.airport__smart-imgbox {
    overflow: hidden;
}

.airport__smart-imgbox {
    border: 1px solid var(--clr-theme-white);
}

.airport__smart-wrap .airport__smart-item:nth-child(even) {
    margin-top: 4%;
}

/* SMART AIRPORTS END  */
.airport_platform-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    gap: 20px;
    border: 1px solid #F4F4F4;
    padding: 30px;
    border-radius: var(--radius-sm);
}

.airport_platform-item {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
    border: 1px solid #F4F4F4;
    border-radius: 10px;
    padding: 18px;
}

.airport__mordern-listing {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #F4F4F4;
    background-color: #fff;
    padding: 15px;
    border-radius: 12px;
}

.airports__box-wrap .image {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 200px;
}

/* airport_solution page end 10.02.26*/


/* Smart City Solutuions Start */

.frame_img {
    position: absolute;
    bottom: calc(99% + 0px);
    left: 0;
    right: 0;
}

.frame_img img {
    width: 100%;
}

.smartcity_function,
.smartcity_provide,
.smart_surveillance,
.smartcity_counter {
    padding-bottom: 12%;
}

.digital_backbone,
.smarcity_devices {
    padding-top: 50px;
}

.smartcity_counter .hm_cntr_mdl_card {
    background: var(--clr-theme-white);
}

.smartcity_counter .hm_cntr_mdl_card.dark {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.d_backbone_card {
    text-align: center;
}

.d_backbone_card h3 {
    margin-bottom: 10px;
}

.smartcity_ecosystem .custom__btn {
    margin-top: 25px;
}

.smartcity_ecosystem .global_hdng {
    max-width: 800px;
}

.smartcity_eco_card {
    position: relative;
}

.smartcity_eco_card .contents {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    z-index: 1;
}

.smartcity_eco_card .contents p {
    color: var(--clr-theme-white);
}

.smartcity_eco_card .contents h4 {
    color: var(--clr-theme-white);
    font-size: var(--fs-lg);
}

.smartcity_eco_card::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.38%, rgba(0, 0, 0, 0.7) 85.88%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--radius-md);
}

.smartcity_ecosystem .glbl_hdng_wrp {
    margin-bottom: 40px;
}

.smartcity_tailored_tab .nav-tabs {
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 30px;
    border: none;
}

.smartcity_tailored_tab .nav-link {
    font-size: 20px;
    font-family: var(--ff-primary);
    color: var(--clr-theme-black);
    background: var(--body-color);
    padding: 8px 30px;
    border-radius: 50px;
    font-weight: 500;
    border: none;
    transition: var(--transition);
}

.smartcity_tailored_tab .nav-link:hover {
    color: var(--clr-theme-white);
    background-color: var(--clr-theme-black);
}

.smartcity_tailored_tab .nav-tabs .nav-item.show .nav-link,
.smartcity_tailored_tab .nav-tabs .nav-link.active {
    color: var(--clr-theme-white);
    background-color: var(--clr-theme-black);
}

.smartcity_tab_card {
    height: 100%;
    background: var(--body-color);
    border-radius: var(--radius-md);
    padding: 25px;
    text-align: center;
}

.smartcity_tailored {
    padding: 50px 0;
}

.smartcity_tab_card .image {
    height: 200px;
    margin-bottom: 15px;
}

.smartcity_tab_card .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: var(--transition);
}

.smartcity_tab_card .contents h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.smartcity_tab_card .contents .custom__btn {
    margin: 0 auto;
}

.smartcity_tab_card:hover .image img {
    scale: 1.05;
}

.smartcity_provide_left {
    padding-right: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.smartcity_provide_left .custom__btn {
    margin-top: 25px;
}

.sm_sur_rowrev .row:nth-child(even) {
    flex-direction: row-reverse;
}

.sm_sur_rowrev .row {
    align-items: center;
}

.sm_sur_rowrev .row+.row {
    margin-top: 70px;
}

.sm_sur_rowrev .row:nth-child(even) .sm_surveillance_left {
    padding-left: 20px;
}

.sm_surveillance_left .global_hdng h2 {
    font-size: 54px;
}

.sm_sur_rowrev .ps_rcmmndation {
    padding: 0px;
    background: var(--clr-theme-white);
    margin: 25px 0;
}

.smcity_provide_single {
    text-align: center;
    background: var(--clr-theme-white);
    padding: 20px;
    border-radius: var(--radius-md);
    position: relative;
}

.smcity_provide_single h3 {
    font-size: var(--fs-md);
    margin-bottom: 15px;
}

.smcity_provide_single ul {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.smcity_provide_single ul li {
    background: var(--clr-theme-white);
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: capitalize;
}

.smartcity_provide_right {
    position: relative;
}

.smartcity_provide_right::after {
    content: "";
    position: absolute;
    background: var(--clr-theme-white) url(../images/tiny_right_arw.png) no-repeat center;
    width: 100px;
    height: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.smcitycmpus .global_hdng {
    max-width: 100%;
    margin-bottom: 60px;
}

.smcitycmpus .intel__performance-box {
    background: transparent;
    max-width: 470px;
    padding: 0 20px;
    border-left: 1px solid var(--clr-theme-black);
    border-radius: 0;
    margin-bottom: 0;
}


.smcitycmpus .intel__performance-content h5 {
    font-size: var(--fs-md);
}

.smcitycmpus .intel__performance-content p {
    margin-bottom: 0px;
}

.smcitycmpus .intel__performance-left.right .intel__performance-box {
    margin-left: auto;
    text-align: right;
    border-right: 1px solid var(--clr-theme-black);
    border-left: 0;
}


.smcitycmpus .intel__performance-content {
    padding: 0;
}

.smcitycmpus .intel__performance-mid {
    margin: 0 -160px;
}

.smcitycmpus .intel__performance-left {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.smcitycmpus .intel__performance-mid .custom__btn {
    margin: 15px auto 0;
}

.smcity_devices_card {
    background: var(--clr-theme-white);
    border-radius: var(--radius-md);
    position: relative;
}

.smcity_devices_card .contents {
    padding: 30px 25px;
}

.smcity_devices_card h3 {
    font-size: var(--fs-md);
    margin-bottom: 10px;
}

.smcity_devices_card .image {
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.smarcity_devices .row>*:nth-child(even) .smcity_devices_card {
    margin-top: 50px;
}

.smarcity_devices .global_hdng {
    margin-bottom: 70px;
}

.smarcity_devices .row>*:nth-child(odd) .smcity_devices_card::after {
    content: '';
    position: absolute;
    background: url(../images/clockwise_rotate.png) no-repeat right;
    width: 110px;
    height: 110px;
    top: -60px;
    right: -75px;
    scale: 0.8;
}

.smarcity_devices .row>*:nth-child(even) .smcity_devices_card::after {
    content: '';
    position: absolute;
    background: url(../images/anticlockwise_rotate.png) no-repeat right;
    width: 110px;
    height: 110px;
    bottom: -60px;
    right: -75px;
    scale: 0.8;
}

.smarcity_devices .row>*:last-child .smcity_devices_card::after {
    display: none;
}

.smartcity_counter .smartcity_provide_left {
    max-width: 610px;
}

.smcity_counter_right .row {
    row-gap: 25px;
}

.smartcnct .seaport__contact-form {
    padding-left: 80px;
}

.smcity_devices_card:hover .image img {
    transform: scale(1.06);
}

.smcity_devices_card .image img {
    transition: var(--transition);
}

.smc_function_card h4 {
    font-size: 22px;
    text-align: center;
}

.smc_function_card .image {
    margin-bottom: 15px;
}

.smartcity_function .global_hdng {
    max-width: 780px;
}

.smartcity_function .glbl_hdng_wrp .custom__btn {
    margin-top: 20px;
}

.smartcity_function .glbl_hdng_wrp {
    margin-bottom: 40px;
}

.digital_backbone_video {
    height: 530px;
    margin-bottom: 35px;
}

/* Smart City Solutuions End */

/* Products Page Start */

.products_inr_bnr {
    background: var(--clr-theme-black);
    min-height: auto;
    height: 60vh;
}

.products_inr_bnr .hm_bnr_hdng {
    justify-content: center;
}

.products_inr_bnr .row {
    height: 60vh;
}

.products_inr_bnr .hm_bnr_hdng h1 {
    text-transform: uppercase;
}

.products_inr_bnr .hm_bnr_hdng ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
    color: var(--clr-theme-white);
    font-weight: 500;
    width: auto;
    margin: 10px auto 0;
    font-family: var(--ff-primary);
    text-transform: capitalize;
    flex-wrap: wrap;
}

.products_inr_bnr .hm_bnr_hdng ul li a {
    font-weight: 300;
    color: var(--clr-theme-white);
}

.products_inr_bnr .hm_bnr_hdng ul li a:hover {
    opacity: 0.7;
}

.products_inr_bnr .hm_bnr_hdng ul li {
    position: relative;
}

.products_inr_bnr .hm_bnr_hdng ul li:not(:last-child):after {
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background: var(--clr-theme-white);
    right: -37px;
    top: 15px;
}

.comp_solutions_listing ul {
    display: flex;
}

.comp_solutions_listing ul li {
    width: 14.28%;
    flex: 0 0 auto;
    padding: 0 6px;
    text-align: center;
}

.comp_solutions_listing .single_card h3 {
    font-size: 20px;
    color: var(--clr-theme-black);
    text-transform: capitalize;
}

.comp_solutions_listing .single_card .image {
    margin-bottom: 12px;
    overflow: hidden;
}


.comp_solutions_listing .single_card .image img {
    transition: var(--transition);
}

.comp_solutions_listing .single_card:hover .image img {
    transform: scale(1.06);
}

.feature_icons_list h4 {
    color: #787878;
    font-size: 20px;
}

.feature_icons_list .single_part {
    display: flex;
    align-items: center;
    column-gap: 15px;
    border: 1px solid #787878;
    border-radius: 16px;
    padding: 15px 30px;
}

.feature_icons_list .single_part:hover {
    background: var(--clr-theme-black);
}

.feature_icons_list .single_part img {
    transition: var(--transition);
}

.feature_icons_list .single_part:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.feature_icons_list .single_part h4 {
    transition: var(--transition);
}

.feature_icons_list .single_part:hover h4 {
    color: var(--clr-theme-white);
}

.feature_icons_list .single_part img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.feature_icons_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.prdct_biomtrc_drpdwn {
    background: var(--body-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    position: sticky;
    top: 90px;
}

.prdct_biomtrc_drpdwn h3 {
    font-size: 40px;
    text-align: center;
    color: var(--clr-theme-white);
    background: var(--clr-text-color);
    padding: 12px;
}

.prdct_biomtrc_drpdwn .single_list .list_hdng {
    color: #787878;
    font-size: 22px;
    padding: 20px 30px;
    width: 100%;
    display: block;
    font-family: var(--ff-primary);
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 14px;
}

.prdct_biomtrc_drpdwn>ul>li:not(:last-child) {
    border-bottom: 1px solid rgb(120, 120, 120, 0.4);
}

.prdct_biomtrc_drpdwn .single_list .list_hdng::after {
    display: none;
}

.prdct_biomtrc_drpdwn .single_list .list_hdng.active::after {
    content: "\f068";
}

.prdct_biomtrc_drpdwn .single_list ul a {
    padding: 10px 40px 10px 40px;
    background: #E5E5E5;
    width: 100%;
    display: block;
    font-weight: 500;
    color: var(--clr-text-color);
    font-size: 18px;
}

.prdct_biomtrc_drpdwn .single_list ul a:hover {
    background: var(--clr-theme-black);
    color: var(--clr-theme-white);
}

.prdct_biomtrc_drpdwn .single_list ul {
    display: none;
}

.products_biometric_right {
    padding-left: 15px;
    position: sticky;
    top: 65px;
}

.products_biometric_right .global_hdng h2 {
    font-size: var(--fs-xl);
}


.biomtrc_prdct_card {
    background: var(--body-color);
    padding: 30px 20px 15px 20px;
    border-radius: var(--radius-md);
    border: 1px solid rgb(120, 120, 120, 0.4);
    height: 100%;
}

.biomtrc_prdct_card:hover .image img {
    transform: scale(1.03);
}

.biomtrc_prdct_card .image img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    transition: var(--transition);
}

.biomtrc_prdct_card .image {
    width: 100%;
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid rgb(120, 120, 120, 0.4);
}

.biomtrc_prdct_card .hdng a {
    font-size: 22px;
    font-family: var(--ff-primary);
    color: var(--clr-text-color);
    font-weight: 500;
    line-height: 1.2;
    display: block;
    margin-bottom: 12px;
}

.biomtrc_prdct_card .hdng a:hover {
    opacity: 0.8;
}

.biomtrc_prdct_card .contents {
    padding: 15px;
}

.biomtrc_prdct_card .custom__btn {
    margin-top: 15px;
}

.products_biometric_right .row {
    row-gap: 25px;
}

.prdct_indstry_single {
    position: relative;
}

.prdct_indstry_single::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.84%, rgba(0, 0, 0, 0.8) 92.16%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: var(--radius-md);
}

.prdct_indstry_single .contents {
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 20px;
    z-index: 1;
    transition: var(--transition);
}

.prdct_indstry_single h4 {
    color: var(--clr-theme-white);
    font-size: 21px;
}

.row:has(.prdct_indstry_single) {
    row-gap: 25px;
}

.prdct_indstry_single:hover img {
    transform: scale(1.05);
}

.prdct_indstry_single:hover .contents {
    bottom: 25px;
}

.prdct_indstry_single .image {
    overflow: hidden;
}

.prdct_indstry_single .image img {
    transition: var(--transition);
}

.comp_solution_wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.comp_solutions_listing {
    overflow: hidden;
    width: 100%;
}

.comp_solutions_listing ul {
    transition: transform 0.4s ease;
    padding: 0;
    margin: 0;
}

.comp_prev,
.comp_next {
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -30px;
    z-index: 1;
    border: none;
    transition: var(--transition);
    top: 36%;
}

.comp_prev:hover,
.comp_next:hover {
    opacity: 0.8;
}

.comp_next {
    right: -30px;
    left: unset;
}

.comp_prev.hidden,
.comp_next.hidden {
    display: none;
}

.biomtrc_prdct_card .contents p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mob_filters,
.cross_icon {
    display: none;
}


/* Products Page End */


/* Products Details Start */
.pdetails_hdr {
    background: var(--clr-theme-black);
    padding-top: 0;
}

.pdetails_image {
    background: var(--body-color);
    height: 660px;
    padding: 100px 50px;
    position: sticky;
    top: 90px;
}

.pdetails_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pdetails__hero {
    padding-top: 140px;
}

.pdetails_contnts_wrp {
    padding-left: 10px;
}

.breadcrumb_listing ul {
    display: flex;
    align-items: center;
    column-gap: 50px;
    font-weight: 600;
    width: auto;
    margin: 10px auto 0;
    font-family: var(--ff-primary);
    margin-bottom: 15px;
}

.breadcrumb_listing ul li {
    position: relative;
}

.breadcrumb_listing ul li a {
    color: var(--clr-text-color);
    font-weight: 500;
}

.breadcrumb_listing ul li a:hover {
    opacity: 0.7;
}

.breadcrumb_listing ul li:not(:last-child):after {
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background: var(--clr-theme-black);
    right: -37px;
    top: 15px;
}

.pdetails_contnts_wrp h1 {
    color: var(--clr-text-color);
    margin-bottom: 15px;
}

.sku_group {
    display: flex;
    column-gap: 15px;
    align-items: start;
}

.sku_group h4 {
    background: #6D6D6D;
    color: #fff;
    font-size: var(--fs-body);
    font-weight: 400;
    border-radius: 8px;
    padding: 5px 15px;
}

.sku_group h5,
.sku_group h5 a {
    color: var(--clr-theme-para);
    font-size: var(--fs-body);
    font-family: var(--ff-body);
    font-weight: 400;
    margin-top: 4px;
}

.sku_group h5 a:hover {
    opacity: 0.75;
}

.sku_wrap .row {
    row-gap: 13px;
}

.sku_wrap {
    padding: 15px 0;
    margin: 20px 0;
    border-top: 1px solid var(--clr-theme-para);
    border-bottom: 1px solid var(--clr-theme-para);
}

.specifications_details h4 {
    font-size: var(--fs-sm);
    margin-bottom: 18px;
}

.specification_list h6 {
    color: var(--clr-theme-para);
    font-size: var(--fs-body);
    font-family: var(--ff-body);
    font-weight: 400;
}

.specification_list h6 span {
    font-size: var(--fs-body);
    font-weight: 500;
    font-family: var(--ff-primary);
}

.specifications_details .row {
    row-gap: 14px;
}

.pdetails_contnts_wrp .centered_btn {
    justify-content: start;
    margin-top: 30px;
}


.pdetails_related_products .airport__products-box {
    background: var(--body-color);
}

.pdetails_related_products .airport__products-box p {
    margin-bottom: 20px;
}

.pdetails_related_products .row:has(.airport__products-box) {
    row-gap: 20px;

}

/* Products Details End */


/* Robotics Page Start */

.rbt_emer_lstng .single_list {
    display: flex;
    align-items: center;
    column-gap: 25px;
}

.rbt_emer_lstng .single_list .image {
    flex: 0 0 auto;
    width: 110px;
    height: 110px;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rbt_emer_lstng .single_list h3 {
    margin-bottom: 8px;
}

.rbt_emer_lstng {
    margin-top: 80px;
    padding-right: 80px;
}

.rbt_emer_lstng li+li {
    margin-top: 50px;
}

.rbt_emer_right {
    margin: 0 -60px;
}

.row:has(.rbt_emer_right) {
    align-items: end;
}

.glbl_hdng_wrp p {
    margin-bottom: 15px;
}

.robotics_environment .glbl_hdng_wrp .global_hdng {
    max-width: 850px;
}

.rbt_env_card {
    position: relative;
    height: 100%;
}

.rbt_env_card .tag {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: var(--clr-theme-white);
    padding: 8px 30px;
    border-radius: 50px;
    font-family: var(--ff-primary);
    font-weight: 500;
    text-transform: capitalize;
}

.row:has(.rbt_env_card) {
    row-gap: 25px;
}

.rbt_env_card:hover .image img,
.rbt_firefight_card:hover .image img {
    transform: scale(1.05);
}

.rbt_env_card .image,
.rbt_firefight_card .image {
    overflow: hidden;
    height: 100%;
}

.rbt_env_card img,
.rbt_firefight_card img {
    transition: var(--transition);
}

.rbt_cntr_list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.rbt_cntr_list.right {
    justify-content: start;
}

.rbt_cntr_list li+li {
    margin-top: 25px;
}

.rbt_platform_right {
    background: var(--clr-theme-white);
    border-radius: var(--radius-md);
    padding: 30px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.rbt_platform_right .ps_rcmmndation {
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-right: 0;
    padding-right: 200px;
}

.rbt_platform_left .global_hdng {
    max-width: 700px;
}

.rbt_platform_left .custom__btn {
    margin: 30px 0;
}

.rbt_image {
    position: absolute;
    bottom: -48px;
    right: -36px;
    max-width: 470px;
}

.human_rbts_left {
    background: var(--body-color);
    padding: 30px 40px 40px;
    box-shadow: 1px 6px 13px 0px rgba(0, 0, 0, 0.2);
    border-radius: var(--radius-md);
    max-width: 460px;
    z-index: 1;
    position: relative;
    margin-top: 50px;
}

.human_rbts_left h3 {
    font-size: var(--fs-sm);
    background: var(--clr-theme-white);
    padding: 15px 30px;
    border-radius: 50px;
    margin: 0 auto 35px;
    width: fit-content;
}

.human_rbts_left li {
    display: flex;
    align-items: center;
    column-gap: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--clr-theme-black);
}

.human_rbts_left li+li {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--clr-theme-black);
}

.human_rbts_left li img {
    flex: 0 0 auto;
}

.human_rbts_img {
    margin: 0 -190px;
}

.human_rbts_left.right {
    margin-top: 150px;
    margin-left: auto;
}

.rbt_firefight_card {
    position: relative;
}

.rbt_firefight_card .contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 1;
}

.rbt_firefight_card h3 {
    font-size: var(--fs-md);
    color: var(--clr-theme-white);
}

.rbt_firefight_card::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 69.86%, rgba(0, 0, 0, 0.5) 100%);
    inset: 0;
    border-radius: var(--radius-md);
}

.rbt_respnse .glbl_hdng_wrp .contents {
    max-width: 750px;
}

.glbl_hdng_wrp {
    column-gap: 20px;
}

.rbt_rspnse_right h3 {
    font-size: 26px;
    margin-bottom: 10px;
}

.rbt_rspnse_right li {
    padding: 22px 25px;
    background: var(--clr-theme-white);
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    border-radius: var(--radius-md);
}

.rbt_rspnse_right li+li {
    margin-top: 20px;
}

.rbt_contact .seaport_hdng h2 {
    text-align: center;
    line-height: 1.1;
    font-size: 50px;
    margin-bottom: 30px;
}

.rbt_contact .seaport__contact-img {
    margin-left: -130px;
    width: unset;
    margin-top: 120px;
    margin-right: 20px;
}

.rbt_contact .seaport__contact-img-right {
    margin-left: 0;
    margin-right: -130px;
}

.rbt_contact {
    overflow: hidden;
}

.rbt_contact form .custom__btn {
    margin: auto;
}

.rbt_extreme_card {
    background: var(--clr-theme-white);
    padding: 20px 25px;
    border-radius: var(--radius-md);
    position: relative;
    min-height: 350px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.05) 1.95px 1.95px 2.6px;
    height: 100%;
}

.rbt_extreme_card h3 {
    font-size: 24px;
    max-width: 250px;
}

.rbt_tab_img {
    max-width: 290px;
    right: -40px;
    position: absolute;
    bottom: 0;
    transition: var(--transition);
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.rbt_extreme_card h3 a {
    color: var(--clr-text-color);
}

.rbt_extreme_card h3 a:hover {
    opacity: 0.8;
}

.rbt_extreme_card:hover .rbt_tab_img {
    transform: scale(1.05);
}

.row:has(.rbt_extreme_card) {
    row-gap: 25px;
}

.rbt_xtreme .smartcity_tailored_tab .nav-link {
    background: var(--clr-theme-white);
}

.rbt_xtreme .smartcity_tailored_tab .nav-link:hover {
    color: var(--clr-theme-white);
    background: var(--clr-theme-black);
}

.bnr_mob_vdo {
    display: none;
}

/* Robotics Page End */


/* Military Page Start */

.military_modern_threats .global_hdng {
    margin-bottom: 20px;
    max-width: 800px;
}

.mlt_mdrn_card h4 {
    margin-bottom: 6px;
}

.mlt_mdrn_card .contents {
    text-align: center;
    padding: 18px 20px 0;
}

.mlt_tactical_opatn .global_hdng {
    max-width: 810px;
}

.row:has(.mlt_mdrn_card) {
    row-gap: 25px;
}

.mlt_tactical_card {
    padding: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 600px;
    z-index: 1;
    justify-content: space-between;
}

.mlt_tactical_card.left::after {
    background: var(--body-color);
}

.mlt_tactical_card.left h4,
.mlt_tactical_card.left h3,
.mlt_tactical_card.left .contents li {
    color: var(--clr-text-color);
}

.mlt_tactical_card.left .contents li::after {
    background: var(--clr-text-color);
}

.mlt_tactical_card::after {
    position: absolute;
    content: "";
    background: rgb(0, 0, 0, 0.4);
    inset: 0;
    z-index: -1;
    border-radius: var(--radius-md);
}

.mlt_mdrn_card:hover .image img,
.mlt_tactical_card:hover .bg_image img,
.base_protection_card:hover .image img {
    transform: scale(1.05);
}

.mlt_mdrn_card .image img,
.mlt_tactical_card .bg_image img,
.base_protection_card .image img {
    transition: var(--transition);
}

.mlt_mdrn_card .image,
.mlt_tactical_card,
.base_protection_card .image {
    overflow: hidden;
}

.mlt_tactical_card .bg_image {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.mlt_tactical_card h4 {
    color: var(--clr-theme-white);
    text-transform: uppercase;
}

.mlt_tactical_card h3 {
    font-size: var(--fs-md);
    margin-bottom: 13px;
}

.mlt_tactical_card .contents {
    color: var(--clr-theme-white);
}

.mlt_tactical_card .contents li {
    font-family: var(--ff-primary);
    padding-left: 20px;
    position: relative;
}

.mlt_tactical_card .contents li::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--clr-theme-white);
    border-radius: 50%;
    left: 0;
    top: 10px;
}

.row:has(.mlt_tactical_card) {
    row-gap: 25px;
}

.mlt_ecocard_wrp .rbt_env_card {
    margin-top: 25px;
}

.mlt_ecocard_wrp {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mlt_ecocard_wrp .custom__btn {
    width: 100%;
    justify-content: center;
    margin-top: auto;
}

.mlt_ecocard_wrp .rbt_env_card .tag {
    text-transform: uppercase;
}

.mlt_frag_left {
    display: flex;
    column-gap: 20px;
}

.mlt_frag_left h4 {
    text-transform: uppercase;
    writing-mode: sideways-lr;
    padding-right: 15px;
    text-align: center;
    border-right: 1px solid var(--clr-theme-black);
}

.mlt_frag_left ul {
    padding-right: 200px;
}

.mlt_frag_left li {
    text-transform: capitalize;
    text-align: right;
    color: var(--clr-theme-para);
    position: relative;
}

.mlt_frag_left li::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: var(--clr-theme-black);
    left: calc(100% + 25px);
    top: 0;
    bottom: 0;
    margin: auto;
}

.mlt_frag_left li+li {
    margin-top: 20px;
}

.mlt_frag_left.right {
    flex-direction: row-reverse;
}

.mlt_frag_left.right ul {
    padding-right: 0;
    padding-left: 200px;
}

.mlt_frag_left.right li::after {
    right: calc(100% + 25px);
    left: unset;
}

.mlt_frag_left.right li {
    text-align: left;
}

.mlt_frag_left.right h4 {
    text-transform: uppercase;
    writing-mode: sideways-rl;
    padding-right: 0px;
    padding-left: 15px;
    text-align: center;
    border-left: 1px solid var(--clr-theme-black);
    border-right: 0;
}

.mlt_frag_img {
    margin: 0 -90px;
}

.row:has(.mlt_frag_img) {
    align-items: center;
}

.base_protection_card {
    padding: 20px;
    border-radius: var(--radius-md);
    height: 100%;
}

.base_protection_card h3 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
}

.base_protection_card .contents {
    padding: 18px 10px 5px;
}

.mlt_dot_list li {
    text-transform: capitalize;
    padding-left: 22px;
    position: relative;
    font-size: 18px;
}

.mlt_dot_list li::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--clr-text-color);
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.mlt_dot_list li+li {
    margin-top: 6px;
}

.mlt_dot_list,
.mlt_support_list {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--clr-theme-black);
}

.mlt_support_list ul h4 {
    color: var(--clr-theme-para);
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

.mlt_support_list ul h4 span {
    color: var(--clr-text-color);
    font-size: 22px;
    font-weight: 500;
    margin-right: 6px;
}

.mlt_support_list li+li {
    margin-top: 11px;
}

.mlt_msn_left p {
    margin-bottom: 10px;
}

.mlt_msn_left {
    display: flex;
    flex-direction: column;
    row-gap: 200px;
    position: sticky;
    top: 90px;
}

.row:has(.base_protection_card) {
    row-gap: 25px;
}

.mlt_integration_single {
    height: 580px;
    position: relative;
    z-index: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--transition);
}

.mlt_integration_single .bg_img {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.mlt_integration_single .icon {
    width: 90px;
    height: 90px;
    background: var(--clr-theme-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mlt_integration_single .contents {
    max-width: 420px;
    color: var(--clr-theme-white);
}

.mlt_integration_single h4 {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.mlt_integration_single p {
    color: var(--clr-theme-white);
}

.mlt_integration_single::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(177deg, rgba(0, 0, 0, 0) 59.87% 59.87%, rgba(0, 0, 0, 0.7) 80.23%);
    z-index: -1;
    border-radius: var(--radius-md);
}

.mlt_integration_hver_wrp>ul {
    display: flex;
}

.mlt_integration_hver_wrp>ul>li {
    padding: 0 10px;
}


.mlt_integration_hver_wrp ul li {
    flex: 1 1 0;
    transition: flex 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.mlt_integration_hver_wrp ul li.active {
    flex: 0 0 50%;
    width: 50%;
}

.mlt_integration_hver_wrp ul li.active .mlt_integration_single {
    padding: 30px;
}

.mlt_cnct_assnmnent>ul>li {
    padding: 25px;
    background: var(--body-color);
    border-radius: var(--radius-md);
}

.mlt_cnct_assnmnent>ul>li+li {
    margin-top: 20px;
}

.mlt_cnct_assnmnent .asnmnt_wrp h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.mlt_cnct_assnmnent .asnmnt_wrp p {
    text-transform: capitalize;
}

.mlt_cnct_assnmnent .asnmnt_wrp {
    display: flex;
    justify-content: space-between;
}

.mlt_cnct_assnmnent .nmbr {
    color: #DFDFDF;
    font-weight: 700;
    font-size: 60px;
    font-family: var(--ff-primary);
    line-height: 1;
}

.mlt_cnct_assnmnent .custom__btn {
    margin-left: auto;
    margin-top: 20px;
}

.military_tab_section .global_hdng {
    max-width: 700px;
}

.military_prdct_ctgry .nav-link {
    font-family: var(--ff-primary);
    color: var(--clr-theme-black);
    background: var(--clr-theme-white);
    padding: 8px 30px;
    border-radius: 50px;
    font-weight: 500;
    border: none;
    transition: var(--transition);
}

.military_prdct_ctgry .nav-tabs .nav-item.show .nav-link,
.military_prdct_ctgry .nav-tabs .nav-link.active {
    color: var(--clr-theme-white);
    background-color: var(--clr-theme-black);
}

.military_prdct_ctgry .nav-link:hover {
    color: var(--clr-theme-white);
    background-color: var(--clr-theme-black);
}

.glbl_hdng_wrp .military_prdct_ctgry {
    max-width: 770px;
}

.military_prdct_ctgry .nav-tabs {
    border: none;
    gap: 15px;
    justify-content: end;
}

.military_tab_card {
    background: var(--clr-theme-white);
    padding: 30px;
    display: block;
    text-align: center;
    border-radius: var(--radius-md);
}

.military_tab_card .image {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--clr-theme-black);
}

.military_tab_card .w100 {
    object-fit: contain;
}

.military_tab_card h3 {
    font-size: var(--fs-sm);
    color: var(--clr-text-color);
    transition: var(--transition);
}

.military_tab_card .image img {
    transition: var(--transition);
}

.military_tab_card:hover .image img {
    transform: scale(1.03);
}

.military_tab_card h3:hover {
    opacity: 0.8;
}

.military_prdct_tab .row {
    row-gap: 25px;
}

/* Military Page End */

/* Industrial Page Start */

.ins_oprtn h4 {
    font-size: var(--fs-sm);
}

.ins_oprtn .global_hdng {
    max-width: 900px;
}

.ins_oprtn .mlt_mdrn_card {
    transition: var(--transition);
}

.ins_oprtn .mlt_mdrn_card:hover {
    transform: translateY(-16px);
}

.inds_eco .rbt_rspnse_right .icon {
    margin-bottom: 12px;
    display: inline-block;
    max-width: 58px;
}

.inds_eco .rbt_rspnse_left .contents {
    margin-top: 30px;
}

.inds_eco .rbt_rspnse_left .custom__btn {
    margin-top: 20px;
}

.inds_tab_sec .nav-link {
    background: var(--body-color);
}

.inds_tab_sec .military_prdct_ctgry {
    max-width: 780px;
}

.inds_tab_sec .global_hdng {
    margin-bottom: 20px;
    max-width: 700px;
}

.industry_tab_card {
    background: var(--body-color);
    display: block;
    padding: 25px;
    border-radius: var(--radius-md);
    text-align: center;
}

.industry_tab_card h3 {
    font-size: var(--fs-sm);
    color: var(--clr-text-color);
    transition: var(--transition);
    margin-bottom: 30px;
}

.industry_tab_card h3:hover {
    opacity: 0.8;
}

.industry_tab_card .image {
    background: var(--clr-theme-white);
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    object-fit: contain;
    border-radius: var(--radius-md);
}

.industry_tab_card .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: var(--transition);
}

.industry_tab_card:hover .image img {
    scale: 1.03;
}

.industry_tab_card .contents {
    padding: 0 15px;
}

.military_tab_card .image {
    padding: 30px;
}

.military_tab_card .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.inds_monitring .rbt_firefight_card::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.86%, rgba(0, 0, 0, 0.7) 100%);
}

.inds_monitring .rbt_firefight_card h3 {
    font-weight: 400;
}

.rbt_firefight_card .contents {
    column-gap: 25px;
}

.row:has(.complexity_inds_card) {
    row-gap: 25px;
}

.complexity_inds_card {
    padding: 22px 17px 17px;
}

.complexity_inds_card .contents {
    padding: 0 5px 15px;
}

.complexity_inds_card h4 {
    margin-bottom: 10px;
}

.complexity_inds_card:hover .image img,
.inds_trdtnl_auto_card:hover .bg_img img {
    scale: 1.08;
}

.complexity_inds_card .image {
    overflow: hidden;
}

.complexity_inds_card img,
.inds_trdtnl_auto_card .bg_img img {
    transition: var(--transition);
}

.complexity_industries .global_hdng {
    max-width: 800px;
}

.imds_chakra_img {
    display: flex;
    justify-content: center;
    padding: 0 90px;
}

.inds_chakra_left .single_card {
    text-align: right;
}

.inds_chakra_left .single_card h4 {
    margin-bottom: 10px;
}

.inds_chakra_left li {
    position: relative;
}

.inds_chakra_left li::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background: var(--clr-theme-black);
    left: calc(100% + 25px);
    top: 38px;
}

.inds_chakra_left>ul {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}

.inds_chakra_left {
    padding-right: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.inds_chakra_left::after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: -50px;
    background: var(--clr-theme-black);
}

.inds_chakra_left.right .single_card {
    text-align: left;
}

.inds_chakra_left.right {
    padding-right: 0;
    padding-left: 50px;
}

.inds_chakra_left.right li::after {
    right: calc(100% + 25px);
    left: unset;
}

.inds_chakra_left.right::after {
    right: unset;
    left: -50px;
}

.industries_chakra .global_hdng {
    margin-bottom: 60px;
}

.inds_trdtnl_auto_card {
    height: 550px;
    padding: 35px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: end;
    overflow: hidden;
}

.bg_img {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.inds_trdtnl_auto_card .contents {
    width: 100%;
}

.inds_trdtnl_auto_card h3 {
    color: var(--clr-theme-white);
    font-size: var(--fs-md);
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--clr-theme-white);
}

.inds_trdtnl_auto_card li {
    color: var(--clr-theme-white);
    padding-left: 30px;
    position: relative;
}

.inds_trdtnl_auto_card li::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 1px;
    background: var(--clr-theme-white);
    left: 0;
    top: 15px;
}

.inds_trdtnl_auto_card li+li {
    margin-top: 10px;
}

.inds_trdtnl_auto_card::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.8) 100%);
    inset: 0;
    border-radius: var(--radius-md);
    z-index: -1;
}

.row:has(.inds_trdtnl_auto_card) {
    row-gap: 25px;
}

.inds_atmtn_btmtext {
    text-align: center;
    margin-top: 25px;
    max-width: 1000px;
    margin-inline: auto;
}

.inds_atmtn_btmtext p {
    margin-bottom: 15px;
}

.inds_atmtn_btmtext .custom__btn {
    margin: auto;
}

.rbt_rspnse_right p {
    text-transform: capitalize;
}


/* Industrial Page End */


/* Mega Menu wrap Start */

.megamenu_wrap {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    padding: 15px;
    border-radius: 16px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.megmenu_right_prdcts>ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.megmenu_right_prdcts>ul>li {
    width: 25%;
    flex: 0 0 auto;
    padding: 0 10px;
}

.megamenu_prdcts {
    background: var(--body-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    padding: 20px 18px;
}

.megamenu_prdcts:hover img {
    transform: scale(1.05);
}

.megamenu_prdcts h4 {
    font-size: 15px;
    color: var(--clr-theme-black);
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.megamenu_prdcts .image {
    width: 125px;
    height: 90px;
    margin-bottom: 15px;
}

.megamenu_prdcts .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: var(--transition);
}

.megamenu_wrap h6 {
    font-weight: 400;
    color: var(--clr-theme-para);
    font-size: 16px;
    margin-bottom: 15px;
    margin-left: 10px;
}

.mgmenutab_nav {
    background: var(--body-color);
    border-radius: var(--radius-md);
    padding: 20px;
    height: 100%;
}

.intel__header-nav .mgmenu_left .nav-link {
    color: var(--clr-theme-black);
    text-align: left;
    font-size: 17px;
    padding-left: 20px;
    width: 100%;
}

.intel__header-nav .mgmenu_left .nav-link:hover {
    background: var(--clr-theme-white);
    color: var(--clr-theme-black);
}

.intel__header-nav .mgmenu_left .nav-link::after {
    display: none;
}

.mgmenu_left .nav-pills .nav-link.active {
    background: var(--clr-theme-white);
}

.mgmenu_mid {
    height: 100%;
}

.mgmenu_mid .image {
    height: 90%;
}

.intel__header .mgmenu_right .custom__btn {
    margin-left: auto;
    font-size: 15px;
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
}

.intel__header .mgmenu_right .custom__btn:hover {
    background: #000;
}

.row>*:has(.mgmenu_right) {
    padding-left: 0;
}

.sticky_hdr .mgmenu_right .custom__btn {
    background: var(--clr-text-color);
    color: var(--clr-theme-white);
}

.intel__header-main .nav-item:hover .megamenu_wrap {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}


.intel__header-main li:has(.megamenu_wrap)>.nav-link::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
    top: 90%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    display: block;
    opacity: 0;
    transition: 0.8s all ease-in-out;
    background: transparent;
}

.intel__header-main .nav-item.active .nav-link::before {
    opacity: 1;
}

.intel__header-main .nav-item:has(.megamenu_wrap) {
    display: flex;
    align-items: center;
}

.mgmnu_btn {
    border: none;
    background: #fff;
    color: #000;
    border-radius: 4px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* Mega Menu wrap End */


/* About Page Start */

.aboutbnr .hm_bnr_hdng ul {
    background: #000;
    padding: 15px 25px;
    border-radius: var(--radius-md);
}

.about_eng_left .custom__btn {
    margin-top: 20px;
}

.about_decision .rbt_rspnse_right .icon {
    margin-bottom: 30px;
}

.about_multi_head {
    text-align: center;
    max-width: 1200px;
    margin-inline: auto;
    text-transform: capitalize;
}

.about_multi_head .custom__btn {
    margin: 20px auto 0;
}

.multi_domain_listing ul {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
}

.multi_domain_listing .single_card {
    overflow: hidden;
    position: relative;
    display: block;
}

.multi_domain_listing .single_card::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    inset: 0;
    opacity: 0;
    transition: var(--transition);
}

.multi_domain_listing .single_card:hover::after {
    opacity: 1;
}

.multi_domain_listing .single_card:hover h4 {
    bottom: 15px;
    opacity: 1;
}

.multi_domain_listing .single_card img {
    transition: var(--transition);
}

.multi_domain_listing .single_card:hover img {
    transform: scale(1.05);
}

.multi_domain_listing li {
    width: 20%;
    flex: 0 0 auto;
    padding: 0 15px;
}

.multi_domain_listing .single_card h4 {
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: -70px;
    left: 20px;
    z-index: 1;
    font-weight: 400;
    transition: var(--transition);
    right: 20px;
    opacity: 0;
}

.multi_domain_listing li .single_card+.single_card {
    margin-top: 30px;
}

.ps_smarter_card .icon {
    background: var(--clr-theme-black);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px;
}

.abou_eco_right .row>*:nth-child(even) .ps_smarter_card {
    flex-direction: column-reverse;
}

.about_intel_ecosytem .glbl_hdng_wrp .contents {
    max-width: 670px;
}

.about_intel_ecosytem .global_hdng {
    padding-right: 140px;
}

.about_inteleco_card {
    padding: 20px;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: var(--transition);
}

.about_inteleco_card .contents {
    padding: 25px 10px 10px;
    text-transform: capitalize;
}

.about_inteleco_card .contents h3 {
    font-size: 25px;
    margin-bottom: 10px;
}

.row>*:has(.about_inteleco_card):nth-child(even) .about_inteleco_card {
    flex-direction: column-reverse;
}

.row>*:has(.about_inteleco_card):nth-child(even) .about_inteleco_card .contents {
    padding-top: 0;
    padding-bottom: 30px;
}

.about_inteleco_card:hover {
    background: var(--body-color);
}

.about_inteleco_card:hover img {
    transform: scale(1.05);
}

.about_inteleco_card img {
    transition: var(--transition);
}

.about_inteleco_card .image {
    overflow: hidden;
}

.about_worldwide .glbl_hdng_wrp .contents {
    max-width: 670px;
}

.row:has(.about_world_left) {
    align-items: center;
}

.about_world_left .rbt_env_card+.rbt_env_card {
    margin-top: 24px;
}

.about_world_left .rbt_env_card .tag {
    bottom: 10px;
    right: 10px;
    padding: 6px 16px;
    font-size: 14px;
}

.abt_wrld_img {
    scale: 1.45;
    margin-top: 80px;
    transform: translateY(30px);
    z-index: 0;
    position: relative;
}

.abt_wrld_img::after {
    content: '';
    position: absolute;
    background: url(../images/globe_whitemusk.png) no-repeat center;
    width: 100%;
    height: 950px;
    bottom: -100px;
    left: 0;
    right: 0;
    background-size: 100% 100%;
}

.about_decision .glbl_hdng_wrp .contents {
    max-width: 670px;
}

.about_world_left {
    position: relative;
    z-index: 1;
}

.rbt_rspnse_left {
    position: sticky;
    top: 90px;
}

/* About Page End */


/* Contact Page Start */

.cnct_loaction_head {
    max-width: 1300px;
    margin-inline: auto;
    text-transform: capitalize;
}


/* Map Location Start */

.contact_location_group {
    justify-content: center;
    padding: 50px 0 80px;
}

.contact_location_single {
    width: calc(2 * calc(1/10 * 100%));
    padding: 0 6px;
    position: relative;
    transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.contact_location_single.active {
    width: calc(10 * calc(0.75/10 * 100%));
    transition: width 1s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.contact_location_single .img-part img {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 280px;
}

.contact_location_single .content-part {
    position: absolute;
    bottom: 15px;
    left: 20px;
    opacity: 0;
    width: 90%;
    padding: 15px;
    z-index: 99;
}

.contact_location_single.active .content-part {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

.contact_location_single h5 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    bottom: -30px;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--clr-white);
    z-index: 1;
    font-family: var(--ff-primary);
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
    right: 0;
    text-align: center;
}

.contact_location_single.active h5 {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.2s;
}

@supports (writing-mode:sideways-lr) {
    .contact_location_single h5 {
        writing-mode: unset;
        transform: unset;
        color: var(--clr-theme-black);
    }
}

.contact_location_single h6 {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--clr-white);
    z-index: 1;
    font-family: var(--ff-body);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.contact_location_single .img-part {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: var(--transition);
}

.contact_location_single .img-part::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 10px;
    opacity: 0;
    transition: var(--transition);
}

.contact_location_single.active .img-part::before {
    opacity: 1;
}

.contact_location_single .img-part::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -160%;
    position: absolute;
    top: 0;
    transform: skewX(25deg);
    width: 50%;
    z-index: 2;
    border-radius: 50%;
}

.contact_location_single:hover .img-part::after {
    -webkit-animation: shine-img 0.85s;
    animation: shine-img 0.85s;
}

.loc-define {
    color: var(--white_color);
    text-transform: capitalize;
    font-size: 18px;
}

@-webkit-keyframes shine-img {
    100% {
        left: 125%;
    }
}

@keyframes shine-img {
    100% {
        left: 125%;
    }
}

.contact_location_single .address-part li {
    font-size: 13px;
    margin-top: 8px;
}

.contact_location_single .address-part li span {
    padding-right: 8px;
    display: inline-block;
}

.contact_location_single .address-part li a {
    color: var(--clr-white);
}

/* Map Location End */

.connect_infra h4 a {
    font-size: 19px;
    margin-left: 10px;
    color: var(--clr-theme-para);
}

.connect_infra h4 {
    margin-bottom: 25px;
}

.connect_infra p {
    margin-top: 30px;
}

.connect_infra_right .seaport_hdng h2 {
    font-size: 40px;
    margin-bottom: 25px;
}

.connect_infra_right {
    padding: 45px;
    background: var(--body-color);
    border-radius: var(--radius-md);
}

.connect_infra {
    padding-right: 45px;
}

.connect_infra_right .form-control,
.connect_infra_right .form-select {
    background: var(--clr-theme-white);
}

.contact_location_single.comingsoon {
    position: relative;
}

.comingsoon::after {
    content: "Coming Soon";
    position: absolute;
    text-transform: uppercase;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    z-index: 1;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.1;
    max-width: 100px;
    margin-inline: auto;
}

.comingsoon .img-part img {
    filter: blur(4px);
}

.comingsoon.active .content-part {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

.contact_locationmap {
    padding-bottom: 40px;
    overflow: hidden;
}

.connect_infra_right .form-control::placeholder,
.connect_infra_right .form-select,
.connect_infra_right .form-control {
    font-size: 17px;
}

.contact_location_single.active {
    z-index: 2;
    transition: 0.7s all;
}

.activescale {
    transform: scale(1.2);
}

.contact_location_single {
    transition: 0.6s;
}

.contact_location_single.blur {
    filter: blur(3px);
}

.multi_domain_mobile {
    display: none;
}

/* Contact Page End */


/* Development-Css Start */

.load-more-btn {
    display: inline-block;
}

.load_more-wrp {
    text-align: center;
    margin-top: 25px;
}

.every_infra_card .contents p {
    color: #000;
}

.hm_pltfrm_btn .custom__btn-two {
    background: var(--body-color);
}

.hm_pltfrm_btn .custom__btn-two:hover {
    background: var(--clr-text-color);
}

.hm_pltfrm_btn .btn_wrap {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

.platform_infrastructure .bottom_btn {
    margin: 70px 0;
}

.ecosystem_section::after,
.command_center::after {
    content: '';
    position: absolute;
    background: url(../images/black_double_star.webp) no-repeat left;
    width: 60px;
    height: 47px;
    left: 35px;
    bottom: 45px;
}

.ecosystem_section::before,
.command_center::before {
    content: '';
    position: absolute;
    background: url(../images/black_double_star.webp) no-repeat right;
    width: 60px;
    height: 47px;
    right: 25px;
    top: 25px;
}

.intel__header .navbar-brand,
.intel__footer .dsktp_logo {
    max-width: 210px;
    display: block;
}

.actionable_hdng p {
    color: var(--clr-theme-black);
}

.rbt_emer_response {
    overflow: hidden;
}

/* =============jit+============== */
.airport__products-box p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.inds_monitring .rbt_firefight_card h3 {
    flex: 1;
}

/* seaport_solution */
.dgGlobal-location__menu-offices {
    position: relative;
    margin-top: 20px;
}

.dgGlobal-location__menu-offices .accordion-button {
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    border-radius: 15px !important;
    overflow: hidden;
}

.dgGlobal-location__menu-offices .accordion-button .img-part {
    height: 80px;
    position: relative;
}

.dgGlobal-location__menu-offices .accordion-button .img-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.dgGlobal-location__menu-offices .accordion-button .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    z-index: 1;
}

.dgGlobal-location__office-box span {
    width: 25px;
    background: #fff;
    height: 25px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.dgGlobal-location__office-box span i {
    transition: var(--transition);
}

.dgGlobal-location__menu-offices .accordion-button:not(.collapsed) .dgGlobal-location__office-box span i {
    transform: rotate(180deg);
}

.dgGlobal-location__menu-offices .accordion-button .title h5 {
    color: #fff;
    font-size: 22px;
}

.dgGlobal-location__menu-offices .accordion-item {
    margin-bottom: 12px;
    border: inherit;
}

.dgGlobal-location__menu-offices .accordion-item:last-child {
    margin-top: 0;
}

.dgGlobal-location__menu-offices .accordion-body {
    background: var(--body-color);
    border-radius: 15px
}

.dgGlobal-location__menu-offices .accordion-body h6 {
    margin-bottom: 10px;
}

/* .dgGlobal-location__menu-offices .accordion-button .img-part:before {
    content: '';
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 80.23%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
} */

.dgGlobal-location__menu-offices .dgGlobal-location__office-box {
    position: relative;
}

.dgGlobal-location__menu-offices .dgGlobal-location__office-box::after {
    content: '';
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 80.23%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/* seaport_solution */
/* police_military */
.mlt_ecocard_wrp .custom__btn {
    margin-top: 20px;
}

/* police_military */



/* =============jit+============== */


.wpcf7-spinner {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin: auto 15px;
}

p:has(.wpcf7-submit.custom__btn) {
    width: fit-content;
    margin-inline: auto;
    position: relative;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    margin: 10px 0;
    text-align: center;
    color: #dc3232;
    font-weight: 500;
    font-family: var(--ff-primary);
    font-size: 17px;
    padding: 0;
}

.form-group:has(.wpcf7-not-valid-tip) input {
    border-color: #dc3232;
}

.wpcf7-not-valid-tip {
    display: none;
}

.intel__footer .wpcf7 form.invalid .wpcf7-response-output,
.intel__footer .wpcf7 form.unaccepted .wpcf7-response-output,
.intel__footer .wpcf7 form.payment-required .wpcf7-response-output {
    background: #fff;
    padding: 8px;
    border-radius: 10px;
}


.prdct_biomtrc_drpdwn .single_list .list_hdng h4 {
    color: #787878;
    font-size: 22px;
    position: relative;
}

.prdct_biomtrc_drpdwn .single_list .icon i {
    background: var(--clr-text-color);
    font-size: 14px;
    color: var(--clr-theme-white);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #fff;
    text-align: center;
    background: #46b450;
    text-transform: capitalize;
    border-radius: 10px;
    font-size: 17px;
}

.footerpdcts_list ul {
    column-count: 2;
}

.intel__footer-form .form-select {
    background-image: url(../images/form-arrow_white.webp);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    cursor: pointer;
}

.connect_infra_right .form-select {
    background-image: url(../images/form-arrow.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}

.intel__industries-wrap-bottom .intel__content a,
.intel__industries-wrap .intel__content a {
    display: inline-block;
    margin-right: auto;
}

.menu_icon_mob {
    display: none;
}

.intel_cntnt_hnngwrp span {
    display: none;
}

.error_img {
    display: flex;
    justify-content: center;
}

.error_404_page h1 {
    color: var(--clr-theme-black);
}

.error_404_page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error404 .intel__header {
    display: none;
}

.error_404_page .custom__btn {
    margin-inline: auto;
}

.intel__header .nav-item.active .nav-link::after {
    width: 100%;
}

.mgmenutab_nav .btn_wrap.active .nav-link {
    background: #1e1e1e;
    color: #fff;
}

.page-template-template-thank-you .intel__header {
    display: none;
}

.thankyou-card {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.thankyou_wrp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.thankyou_wrp .tick {
    max-width: 300px;
}

.thankyou_wrp h1 {
    color: #000;
    margin-bottom: 8px;
}

.thankyou_wrp .custom__btn {
    margin-top: 15px !important;
}

/* Blog Page Start */
.ev__blog-box {
    position: relative;
    padding: 15px;
    border: 1px solid rgb(0, 0, 0, 0.8);
    border-radius: 10px;
    height: 100%;
}

.ev__blog-date {
    background-color: var(--clr-theme-black);
    color: var(--clr-theme-white);
    padding: 12px;
    border-radius: 8px;
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 17px;
}

.ev__blog-cont li {
    display: flex;
    align-items: center;
    column-gap: 8px;
    color: rgb(0, 0, 0, 0.9);
}

.ev__blog-cont ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin: 10px 0;
}

.ev__blog-cont h4 a {
    font-size: var(--fs-sm);
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--clr-text-color);
    margin-bottom: 20px;
}

.ev__blog-cont h4 a:hover {
    opacity: 0.7;
}

.ev__blog-img {
    border-radius: 10px;
    overflow: hidden;
}

.ev__blog-box .ev__blog-img img {
    transition: var(--transition);
}

.ev__blog-box:hover .ev__blog-img img {
    transform: scale(1.05);
}

.page-numbers {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #000;
    border: 1px solid #000;
    padding: 10px 15px;
    width: auto;
    transition: var(--transition);
}

.page-numbers:hover {
    opacity: 0.8;
}

.pagination-wrap {
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: center;
}

.ev__blogpage .ev__content {
    margin-bottom: 40px;
}

.page-numbers.current {
    background: #000;
    color: #fff;
}

.ev__blog-ctagory,
.ev__blog-tag,
.ev__blog-resentpost {
    padding: 15px 0;
    border: 1px solid rgb(0, 0, 0, 0.8);
    border-radius: 10px;
}

.ev__blog-ctagory h4,
.ev__blog-tag h4,
.ev__blog-resentpost h4 {
    border-bottom: 1px solid rgb(0, 0, 0, 0.8);
    padding: 0 15px 10px;
}

.ev__blog-ctagory ul,
.ev__blog-tag ul,
.ev__blog-resentpost ul {
    padding: 10px 19px 0;
}


.ev__blog-ctagory li a:hover,
.ev__blog-tag li a:hover {
    opacity: 0.75;
}

.ev__blog-ctagory li a,
.ev__blog-tag li a {
    color: #1e1e1e;
    text-transform: capitalize;
}

.ev__blog-leftpart {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    position: sticky;
    top: 85px;
}

.ev_blog_rightpart_wrap {
    position: sticky;
    top: 85px;
}

.ev__blog-ctagory li+li,
.ev__blog-tag li+li {
    margin-top: 5px;
}

.ev__blog-cta {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    row-gap: 14px;
    color: #fff;
}

.ev__blog-cta-bg {
    overflow: hidden;
    border-radius: 12px;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.ev__blog-cta .location_icon {
    max-width: 50px;
}

.ev__blog-cta h6 {
    font-size: 25px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    width: 100%;
    text-align: center;
}

.ev__blog-cta a {
    color: #fff;
}

.blog-meta {
    margin-top: 10px;
}

.blog-categories {
    margin-top: 30px;
}

.blog-tags {
    margin-top: 10px;
}

.blog-categories a,
.blog-tags a {
    color: #1e1e1e;
}

.blog-details-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.blog-details-card h2 {
    margin-bottom: 15px;
}

.ev__blog-resentpost li+li {
    margin-top: 10px;
}

.ev__blog-resentpost li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ev__blog-resentpost li a:hover h5 {
    opacity: 0.75;
}

.ev__blog-postimg {
    width: 30%;
    flex: 0 0 auto;
}

.ev__blog-postimg img {
    height: 80px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}

.ev__blog-postcont {
    width: 67%;
    flex: 0 0 auto;
}

.ev__blog-postcont h5 {
    font-size: 18px;
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--clr-text-color);
    margin-bottom: 3px;
    transition: var(--transition);
}

.ev__blog-postcont span {
    color: #1e1e1e;
    font-size: 16px;
}

.blog-details-card {
    position: sticky;
    top: 85px;
}

.ev__blogpage .ev__heading h2 {
    margin-bottom: 15px;
}

.ev__blog-rightpart .row {
    row-gap: 20px;
}

.intelhomemdl textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border-radius: 5px;
    border: 1px solid #000;
    outline: none;
    color: #000;
    font-size: 18px;
    padding: 5px 15px;
}

.intelmdl_grp .row>*:last-child .input_card {
    margin-bottom: 0px;
}

/* Blog Page End */

/* Location Page Start */
.locationbnr,
.locationbnr .row {
    height: 90vh;
}

.locationbnr .row {
    align-items: end;
    padding-bottom: 70px;
}

.locationbnr .connect_infra_right .row {
    height: unset;
    padding-bottom: 0;
}

.locationbnr .hm_bnr_hdng {
    align-items: start;
    height: auto;
}

.locationbnr .hm_bnr_hdng ul {
    margin-right: auto;
    margin-left: unset;
}

.locationbnr .seaport__contact-form .form-control,
.locationbnr .seaport__contact-form .form-select {
    padding: 10px 18px;
    font-size: 18px;
}

.locationbnr .connect_infra_right {
    padding: 35px;
}

.locationbnr textarea.form-control {
    height: 130px;
    min-height: auto;
}

.location_ctabtn .home_seaport_group .contents_wrp {
    flex-direction: column;
    align-items: start;
    row-gap: 15px;
}

.location_ctabtn .home_seaport_group {
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: var(--radius-md);
    height: 100%;
        display: flex;
    align-items: end;
}

.location_ctabtn .row{
        row-gap: 20px;
}

.locations_editr_cncts h2{
    text-align: center;
}

.location_ctabtn .home_seaport_group .left_hdng {
    width: 100%;
}

.location_ctabtn .home_seaport_group .bnr_img img {
    transition: var(--transition);
}

.location_ctabtn .home_seaport_group:hover .bnr_img img {
    transform: scale(1.05);
}

.location-content .custom__btn {
    border-radius: 4px;
    justify-content: center;
    width: auto;
}

.wp-block-list li {
    position: relative;
    padding-left: 33px;
    margin-bottom: 7px;
}

.wp-block-list li::after {
    content: '';
    position: absolute;
    background: url(../images/check_two.webp) no-repeat left;
    width: 24px;
    height: 24px;
    left: 0;
    top: 1px;
}

.wp-block-list {
    margin-bottom: 20px;
}

.location-content h2 {
    font-size: 40px;
}

.tag-box {
    margin-bottom: 40px;
}

.location-content h2,
.location-content h3 {
    margin-bottom: 10px;
}

.location-content p+p {
    margin-top: 0px;
}

.location-content p {
    margin-bottom: 10px;
}

/* Location Page End */


/* Development-Css End */