@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype'), url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype'), url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype'), url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.eot');
    src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-Regular.woff2') format('woff2'), url('../fonts/BebasNeue-Regular.woff') format('woff'), url('../fonts/BebasNeue-Regular.ttf') format('truetype'), url('../fonts/BebasNeue-Regular.svg#BebasNeue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #000000;
    background: #ffffff;
    overflow-x: hidden;
    scroll-behavior: smooth
}

a,
a:active,
a:focus,
a:hover,
img {
    text-decoration: none;
    outline: 0
}

:focus,
a,
img,
input[type=range]:focus {
    outline: 0
}

a,
.btn-link {
    color: #005AB8;
}

a:hover {
    color: #005AB8
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
    margin: 0;
    padding: 0;
    font-family: 'Bebas Neue';
}

.select2-container ul li {
    font-family: 'Poppins', sans-serif;
    padding: 4px 18px;
    font-size: 14px;
}

h1 {
    font-family: 'Bebas Neue';
    font-size: 110px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 4px 4px #00000040;
    color: #FFFFFF;
}

a,
img {
    border: 0;
    max-width: 100%
}

.h-auto,
img {
    height: auto
}

.btn,
a {
    transition: all .5s
}

.btn:focus,
.form-control:focus {
    box-shadow: none
}

li,
ul {
    list-style: none
}

p:last-child,
ul.listing-wrapper li:last-child {
    margin-bottom: 0 !important
}


/* section {
    overflow: hidden
} */

header {
    z-index: 11
}

header .navbar {
    padding: 16px 48px 15px
}

.navbar-logo {
    display: inline-block;
}

.navbar-logo img {
    width: 100%;
    aspect-ratio: auto 220/59
}

.header-menu {
    margin-left: 97PX;
}

.banner-title {
    font: 300 55px/65px 'Bebas Neue';
    letter-spacing: 0;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 40px
}

.a-btn:hover,
.banner-title span,
.blogInner-wrapper a:hover,
.contact-wrapper a:hover,
.join-wrapper .contact-box a:hover,
.mega-menu:hover span,
.news-user .comment:hover,
.newsInner-wrapper a:hover,
.sitemap-wrapper a:hover,
header .nav-item:hover .nav-link {
    color: #005AB8
}

p {
    font: 18px/1.556 'Poppins', sans-serif;
}

.btn {
    padding: 15px 37px;
    border-radius: 100px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.445;
    text-align: center;
    border: 1px solid transparent;
}

.btn-blue {
    background-color: #005AB8;
    color: white;
}

.btn-blue:hover {
    border: 1px solid #005AB8;
    background-color: transparent;
    color: #005AB8;
}

.btn-white {
    background-color: white;
    border: 1px solid transparent;
    color: #005AB8;
}

.btn-white:hover {
    background-color: transparent;
    border-color: white;
    color: white;
}

.banner-wrapper {
    height: 910px;
    /* padding-top: 122px; */
    padding-top: 80px;
    position: relative;
    margin-top: 91px;
}

.carousel-control-next,
.carousel-control-prev {
    top: auto;
    bottom: -160px;
    width: 5%
}

.carousel-indicators {
    top: auto;
    bottom: -50px;
    margin: 0;
    left: 0;
    right: auto
}

.carousel-indicators [data-bs-target] {
    width: 15px;
    background: #fff;
    height: 6px;
    border: 0;
    border-radius: 5px;
    opacity: 1
}

.carousel-indicators .active {
    background: #2a8ae8;
    width: 60px
}

.common-padding {
    padding: 100px 0
}

header {
    width: 100%;
    top: 0;
    background-color: hsl(0deg 0% 100% / 95%);
    transition: top 0.3s;
}

header .navbar .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #000000;
    position: relative;
    transition: all .3s linear;
}

header .navbar .navbar-nav .nav-link:hover,
header .navbar .navbar-nav .nav-link.active {
    color: #005AB8;
}

header .navbar .header-menu .nav-link::before {
    content: '';
    position: absolute;
    background-color: #005AB8;
    width: 0%;
    bottom: 0;
    height: 3px;
    left: 50%;
    right: 0;
    border-radius: 100px;
    transition: all .3s linear;
}

header .navbar .header-menu .nav-link:hover::before {
    width: 100%;
    left: 0;
}

header .navbar .header-menu .nav-link.active::before {
    width: 100%;
    left: 0;
}

header .navbar .navbar-nav .nav-item {
    margin-right: 32px;
}

header .navbar .navbar-nav.login-nav .nav-item {
    margin-right: 34px;
}

header .navbar .navbar-nav.login-nav .nav-item img {
    margin-right: 10px;
    transition: all .3s linear;
}

header .navbar .navbar-nav .nav-item .nav-link:hover img {
    filter: brightness(0) saturate(100%) invert(51%) sepia(53%) saturate(4768%) hue-rotate(203deg) brightness(94%) contrast(89%);
}

.banner-wrapper .carousel-item {
    /* height: 910px; */
    height: 100%;
    position: relative;
    z-index: 1;
    /* padding-top: 122px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner-wrapper .carousel-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(102.39deg, rgba(67, 124, 229, 0.88) 4.02%, rgba(35, 96, 164, 0.65) 98.21%);
/*     background: linear-gradient(102.39deg, hsl(219deg 57.14% 13.73% / 89.8%) 4.02%, rgb(35 96 164 / 60%) 98.21%); */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.banner-wrapper .carousel-item h1 {
    margin: auto;
    z-index: 99;
    position: relative;
}

.banner-wrapper::after {
    content: '';
    position: absolute;
    width: 100%;
    max-height: 100%;
    height: 990px;
    background-image: url('../images/hero-frame-1.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
}

.overlap-img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /* margin: auto; */
    top: 122px;
    bottom: auto;
    max-width: 1082px;
    /* width: calc(100vw - 45.65%); */
    z-index: 4;
    box-shadow: 0px 4px 25px 0px #00000033;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
}

.banner-wrapper h1 {
    z-index: 5;
    position: relative;
}

.bg-blue {
    background-color: #005AB8;
}

.border-blue {
    border-color: #005AB8;
}

.text-blue {
    color: #005AB8;
}

.navbar-toggler:focus {
    box-shadow: 0 0 14px #005AB824;
}

.section-title {
    margin-bottom: 45px;
}

.section-title h2 {
    font-family: 'Bebas Neue';
    font-size: 70px;
    font-weight: 400;
    line-height: 1.143;
}

.section-title h2 span {
    color: #005AB8;
}

.section-title p {
    margin-top: 34px;
    line-height: 1.556;
    color: #1f1f1f;
}

.industry-wrapper {
    padding: 350px 0 112px;
}

.custome-check {
    padding-left: 0;
}

.custome-check label {
    background-color: #D9E5FA;
    padding: 18px 35px 18px 76px;
    border-radius: 100px;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    position: relative;
    white-space: nowrap;
}

.custome-check input {
    opacity: 0;
    visibility: hidden;
    padding-left: 0;
}

.custome-check label::before {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    content: '\f00c';
    font-size: 18px;
    opacity: 0;
}

.custome-check input:checked~label::before {
    opacity: 1;
}

.industry-nav li {
    margin: 0 20px;
}

.counter-box h3 {
    font-family: 'Poppins';
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-bottom: 24px;
    color: #005AB8;
}

.counter-box p {
    color: #000;
}

.pt-50 {
    padding-top: 50px;
}

.pt-100 {
    padding: 100px 0 0;
}

.pb-100 {
    padding-bottom: 100px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.industry-image-content .bg-img {
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.webappinfo-wrapper {
    position: relative;
}

.webappinfo-wrapper>div {
    border-radius: 30px;
}

.webappinfo-wrapper p {
    max-width: 568px;
}

.clientsLogo-slider .slick-slide>div {
    background-color: #F1F5FD;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px 51px;
    transition: all 0.3s linear;
}

.clientsLogo-slider .slick-slide>div:hover {
    background-color: white;
    box-shadow: 0px 0px 14px 0px #00000026;
}

.clientsLogo-slider .slick-slide>div img {
    transition: all 0.3s linear;
}

.clientsLogo-slider .slick-slide>div:hover img {
    filter: drop-shadow(0 5px 1px rgba(0, 0, 0, 0.2));
}

.img-box img {
    object-fit: cover;
    object-position: center center;
}

.clientsLogo-slider .slick-slide {
    /* margin: 0 4px; */
    padding: 8px 5px 8px;
}

.counter-wrapper>div {
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.signup-wrapper>div {
    border-radius: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.signup-wrapper>div::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0F1D37C4;
    z-index: -1;
}

.vendors-wrapper {
    padding-top: 138px;
    padding-bottom: 88px;
}

.testimonials-wrapper {
    padding: 100px 0 156px;
}

.testimonials-slider .card {
    box-shadow: 0px 4px 15px 0px #00000040;
    border-radius: 20px;
    padding: 37px 30px 32px;
}

.testimonials-slider .card .img-box {
    width: 94px;
    height: 94px;
}

.testimonials-slider .card h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3335;
}

.testimonials-slider .card span {
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
    color: #797979;
}

.testimonials-slider .card strong {
    margin-top: 24px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.546;
}

.testimonials-slider .card p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.574;
    color: #1F1F1F;
    margin: 17px 0;
    width: 95%;
}

.testimonials-slider ul li {
    margin-left: 2px;
}

.testimonials-slider .slick-slide {
    padding: 8px 15px 20px;
}

.slick-arrow {
    transition: all 0.3s linear;
}

.slick-prev,
.slick-next {
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 9;
}

.slick-prev {
    background-image: url('../images/arrow-left.svg');
}

.testimonials-slider .slick-prev {
    left: -54px;
}

.blog-slider .slick-prev {
    left: -62px;
}

.slick-next {
    background-image: url('../images/arrow-right.svg');
}

.testimonials-slider .slick-next {
    right: -54px;
}

.blog-slider .slick-next {
    right: -62px;
}

.slick-prev:before,
.slick-next:before {
    display: none;
}

.slick-prev:hover,
.slick-prev:focus {
    background-image: url('../images/arrow-left.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slick-next:hover,
.slick-next:focus {
    background-image: url('../images/arrow-right.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.getapp-wrapper>div {
    background-color: #F1F5FD;
    border-radius: 30px;
    /* padding: 136px 0; */
    padding: 159px 0;
}

.faq-accordion .accordion-button {
    color: #151726;
    background: white;
    padding: 20px 0px;
    border-radius: 0 !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    font-family: Poppins, sans-serif;
}

.faq-accordion .accordion-button::after {
    background-image: url('../images/arrow-left.svg');
    transform: rotate(-90deg);
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: inherit
}

.faq-accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #BFBFBF;
}

.faq-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: #005AB8;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
    /* filter: brightness(0) saturate(100%) invert(43%) sepia(84%) saturate(2637%) hue-rotate(205deg) brightness(95%) contrast(88%); */
    filter: brightness(0) saturate(100%) invert(20%) sepia(91%) saturate(2448%) hue-rotate(199deg) brightness(94%) contrast(101%);
}

.faq-accordion .accordion-body {
    padding: 0 0 28px;
}

footer>div {
    background-color: #071020;
    border-radius: 30px;
}

.footer-content {
    margin-top: 42px;
}

.footer-list {
    display: flex;
}

.footer-list ul {
    flex: 0 0 auto;
    width: 50%;
}

.footer-list ul li {
    padding-left: 31px;
    position: relative;
}

.footer-list ul li::before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    background-image: url('../images/arrow-right-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

footer strong {
    display: inline-block;
    margin-bottom: 48px;
    margin-top: 16px;
}

.footer-list ul li a {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    line-height: 2.813;
    color: white;
    display: block;
}

.footer-list ul li a:hover,
.icon-box p a:hover {
    color: #005AB8;
}

.icon-box p a {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    line-height: 2.813;
    color: white;
    display: block;
}

.icon-box img {
    margin-right: 22px;
}

.icon-box.address-box {
    margin-top: 10px;
}

.icon-box.address-box p a {
    line-height: 2;
}

.icon-box.address-box .icon-img img {
    margin-top: 3px;
}

.footer-bottom {
    background-color: #030811;
    border-radius: 30px;
}

.footer-bottom p {
    font-size: 16px;
    font-weight: 500;
    line-height: 2.25;
}

.z5 {
    z-index: 5;
}

.industry-image-content .img-box {
    transform: scale(1);
    border-radius: 20px;
    box-shadow: 0px 4px 15px 2px #00000033;
    margin-bottom: 38px;
    transition: all 0.3s linear;
    transform: scale(1);
    border-radius: 20px;
    box-shadow: 0px 4px 15px 2px #00000033;
    margin-bottom: 38px;
    transition: all 0.3s linear;
    z-index: 2;
    position: relative;
    overflow: hidden;
}

.industry-image-content .img-box img {
    width: 100%;
}

#industry-image>div>div:first-of-type .flex-column {
    margin-top: 25px;
}

#industry-image>div>div:last-of-type .flex-column {
    margin-top: 70px;
}


/* 
.software-img-slider img {
    width: 100%;
}

.software-img-slider .img-box {
    border-radius: 20px;
    box-shadow: 0px 4px 15px 2px #00000033;
    margin-bottom: 38px;
}

.software-img-slider .slick-slide>div {
    padding: 16px 0 0;
}

.software-img-slider .slick-slide {
    padding: 0 19px;
    height: 100%;
} */


/* .software-img-slider .slick-slide:nth-of-type(1n+4) {
    margin-top: 25px;
} */


/* 
.software-img-slider .slick-slide:nth-child(4n+1)>div {
    margin-top: 25px;
}

.software-img-slider .slick-slide:nth-child(4n)>div {
    margin-top: 70px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
} */


/* Target every fourth child */


/* 
.ani-pulse {
    animation: pulse 4s ease infinite;
} */

.mt-70 {
    margin-top: 70px;
}

.vendors-wrapper,
.signup-wrapper {
    display: block;
}

.ani-pulse:hover {
    animation-play-state: paused;
}

.webappinfo-wrapper>div,
.webappinfo-wrapper,
.getapp-wrapper>div,
.getapp-wrapper,
.industry-image-content {
    transform-style: preserve-3d;
}

.img-effact {
    transform-style: preserve-3d;
}

.industry-image-content:hover .ani-pulse {
    animation-play-state: paused;
}

.industry-image-content:hover .img-effact .img-box:hover {
    filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.2));
}

.industry-image-content .img-effact .img-box:hover {
    filter: none !important;
}

.img-effact .img-box:hover img {
    filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.2));
}

.shadow-sm-custome {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .10) !important;
}

.industry-image-content .img-box:hover {
    transform: scale(1.05);
    z-index: 99;
    box-shadow: 0px 4px 60px 2px #00000033;
}


/* signup page banner css start*/

.signup-banner-wrapper {
    height: 780px;
}

.signupbox-wrapper {
    /* margin-top: -675px; */
    margin-top: -530px;
    position: relative;
    z-index: 3;
}

.signupbox-wrapper .card {
    border-radius: 30px;
    box-shadow: 0px 0px 15px 5px hsla(0, 0%, 0%, 0.15);
    padding: 0;
    border: none;
}

.signupbox-wrapper .card .card-body {
    /* padding: 100px 90px 100px; */
    padding: 80px;
}

.signupbox-wrapper .nav-tabs {
    border-bottom: 1px solid #DDDDDD;
}

.signupbox-wrapper .nav-tabs .nav-link {
    border: none;
    margin-bottom: 0px;
    padding: 0 28px 19px;
    color: #4B4B4B;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    position: relative;
    transition: all 0.3s linear;
}

.signupbox-wrapper .nav-tabs .nav-link:hover {
    color: #005AB8;
}

.signupbox-wrapper .nav-tabs .nav-item.show .nav-link,
.signupbox-wrapper .nav-tabs .nav-link.active {
    border-color: none;
    color: #005AB8;
}

.signupbox-wrapper .nav-tabs .nav-item.show .nav-link::after,
.signupbox-wrapper .nav-tabs .nav-link.active::after {
    width: 100%;
    left: 0;
}

.signupbox-wrapper .nav-tabs .nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -2px;
    left: 50%;
    background-color: #005AB8;
    transition: all 0.3s linear;
}

.signupbox-wrapper .nav-tabs .nav-link:hover::after {
    left: 0;
    width: 100%;
}

.signupbox-wrapper .tab-pane {
    padding: 0px 0 0;
}


/* .form-group {
    margin-bottom: 20px;
} */

.txt-lable {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #000;
    display: inline-block;
    /* margin-bottom: 10px; */
    margin-bottom: 4px;
}

.form-control {
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    color: #646464;
    padding: 16px 31px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

input.form-control::placeholder {
    color: #646464;
}

textarea.form-control {
    border-radius: 10px;
}

.subtitle {
    font-size: 32px;
    color: #000000;
    font-weight: 400;
    line-height: 0.844;
}

.signupbox-wrapper .tab-content h2 {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.signupbox-wrapper .tab-content .btn {
    margin-top: 60px;
}

.select2-container--default .select2-selection--single {
    border-radius: 100px !important;
    border: 1px solid #DDDDDD;
    padding: 17px 31px;
    color: #646464;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #646464;
    line-height: 1.5;
    font-size: 16px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 12px;
    overflow: hidden;
}


/* signup page banner css end*/


/* login page css start */

.signupbox-wrapper .card {
    border-radius: 30px;
    box-shadow: 0px 0px 15px 5px hsla(0, 0%, 0%, 0.15);
    padding: 0;
    border: none;
}

.custome-check-box {
    padding-left: 0;
}

.custome-check-box label {
    padding: 0 0 0 24px;
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    position: relative;
    white-space: nowrap;
}

.custome-check-box input {
    opacity: 0;
    visibility: hidden;
    padding-left: 0;
    position: absolute;
}

.custome-check-box label::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    content: '';
    font-size: 18px;
    /* opacity: 0; */
    width: 16px;
    height: 16px;
    background-color: #D9E5FA;
    border-radius: 4px;
    border: 1px solid #005ab8;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custome-check-box input:checked~label::before {
    content: '\f00c';
    background-color: #005AB8;
    color: white;
}

.custome-check input:checked~label::before {
    opacity: 1;
}

.forgot-pass {
    font-size: 12px;
    color: #005AB8;
}


/* .signupbox-wrapper.login-wrapper .card .card-body {
    padding: 60px 60px 60px;
} */

.txt-password a {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    color: #80869b;
}


/* login page css End */


/* inner page css start */

.shadow-custom {
    box-shadow: 0px 4px 4px 0px #1f1f1f0d;
}

.inner-pages-wrapper {
    position: relative;
    margin-top: 91px;
    /* display: flex;
    align-items: center; */
}

.inner-pages-wrapper h1 {
    z-index: 5;
    position: relative;
    color: #000000;
    text-shadow: none;
}

.signup-wrapper>div::before {
    background: #0F1D37E5;
}

.service-box {
    background: #F8F8F8;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 62px 32px 48px;
    position: relative;
    transition: all 0.3s linear;
    box-shadow: none;
    top: 0;
}

.service-box h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}

.service-box .icon-content {
    margin-bottom: 30px;
}

.service-box:hover {
    background-color: white;
    top: -10px;
    box-shadow: 0px 12px 26px 2px #00000033;
}

.img-group-1 {
    z-index: 9;
    /* height: 426px; */
}

.img-group-1 .bg-shape-1 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.about-wrapper {
    padding: 85px 0 158px;
}

.img-group-1 .img-box {
    /* max-width: 502px; */
    width: 100%;
    display: block;
    height: 100%;
    /* text-align: center; */
    padding: 82px 0 83px 118px;
}

.img-group-1 .img-box img {
    box-shadow: 0px 4px 25px 2px #00000026;
    border-radius: 20px;
}

.shape-1 {
    /* max-width: 46%; */
    width: 23%;
    position: absolute;
    left: 0;
    top: 0;
}

.shape-2 {
    margin-left: auto;
    right: 0;
    z-index: 1;
    /* max-width: 73%; */
    width: 64.61%;
    position: relative;
}

.shape-3 {
    bottom: 0;
    right: 100px;
    z-index: 2;
    /* max-width: 40.64%; */
    width: 23%;
    position: absolute;
}

.aboutinfo-wrapper>div {
    /* padding: 80px 0 258px; */
    padding: 80px 0 207px;
    border-radius: 40px;
}

.service-wrapper {
    position: relative;
    margin-top: -178px;
}


/* inner page css end*/


/* blog */

.blog-box {
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s linear;
    position: relative;
    top: 0;
    height: 100%;
}

.blog-box:hover {
    box-shadow: 0px 12px 26px 2px #00000033;
    top: -10px;
}

.blog-box .img-box>div::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    /* background: linear-gradient(89.48deg, #000000 1.42%, rgba(0, 0, 0, 0.24) 76.82%); */
    background: linear-gradient(359.84deg, #000000 0.11%, rgba(0, 0, 0, 0.24) 49.8%);
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 1;
    transition: all 0.3s linear;
    transition-delay: 0.1s;
    opacity: 0.5;
}

.blog-box:hover .img-box>div::after {
    height: 100%;
}

.blog-box img {
    transition: all 0.3s linear;
}

.blog-box:hover img {
    transition-delay: 0.1s;
    transform: scale(1.1);
}

.blog-box .img-box>div {
    /* height: 306px; */
    height: 100%;
    overflow: hidden;
    transition: all 0.3s linear;
}

.blog-box .text-blog-description {
    padding: 22px 32px 27px 26px;
}

.text-blog-description i {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #989898;
}

.blog-box .text-blog-description h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    margin: 14px 0;
}

.bage-blue {
    background-color: #005AB8;
    color: white;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    padding: 4px 11px;
}

.blog-box .text-blog-description .btn-link {
    font-size: 18px;
}

.blog-slider-box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 103px 117px 86px;
    z-index: 1;
}

.blog-slider-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(89.48deg, #000000 1.42%, rgba(0, 0, 0, 0.24) 76.82%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.blog-slider-box .text-description h2 {
    font-size: 70px;
    font-weight: 400;
    line-height: 80px;
    text-align: left;
}

.blog-slider .slick-slide {
    padding: 0 12px;
}

.contact-banner {
    background-repeat: no-repeat;
    background-position: center -234px;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.contact-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: hsla(219, 57%, 14%, 0.9);
}

.contact-details-wrapper .service-box {
    padding: 54px 92px 55px;
}

.contact-wrapper .section-title {
    /* margin-bottom: 22px; */
    margin-bottom: 0px;
}

.contact-form .btn {
    margin-top: 41px;
}

/* .contact-form .row>* {
    margin-top: 21px;
} */

.service-box-contnet .img-box {
    background-color: #F8F8F8;
    border-radius: 30px;
    height: 100%;
    margin-bottom: 37px;
}

.service-box-contnet .img-box>div {
    padding: 19px 60px 18px;
}


/*
.img-group-2 {
    max-width: 509px;
}


.img-group-2 img,
.img-group-3 img {
    box-shadow: 0px 4px 15px 2px #00000033;
    border-radius: 20px;
    position: absolute;
} */


/* 
.img-group-2 .group2-shap1 {
    left: 46px;
    top: 0;
    z-index: 1;
}

.img-group-2 .group2-shap2 {
    right: 0;
    top: 55px;
}

.img-group-2 .group2-shap3 {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.img-group-2 .group2-shap4 {
    bottom: 0;
    right: 47px;
}
.img-group-3 {
    max-width: 521px;
}

.img-group-3 .group3-shap1 {
    left: 0;
    top: 0;
}

.img-group-3 .group3-shap2 {
    top: 40px;
    right: 0;
}

.img-group-3 .group3-shap3 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
} */

.servicepage-wrapper .g-c6>* {
    --bs-gutter-y: 64px;
    --bs-gutter-x: 30px;
}

.service-box-contnet h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}

.service-box-contnet p {
    margin-bottom: 21px;
    line-height: 1.778;
}

.service-box-contnet {
    transition: all 0.3s linear;
}

.service-box-contnet:hover .img-box {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
}

.blog-banner {
    width: 100%;
    border-radius: 30px;
    z-index: 1;
    height: 585px;
    display: flex;
    align-items: center;
}

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

.blog-banner>div {
    padding: 112px 0 124px 68px;
    width: 71%;
}

.blog-box-right p {
    max-width: 80%;
}

.blog-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(89.48deg, #000000 1.42%, rgba(0, 0, 0, 0.24) 76.82%);
    z-index: -1;
}

.blog-banner .section-title {
    margin-top: 21px;
    margin-bottom: 35px;
}

.blog-banner .section-title p {
    margin-top: 12px;
}

.blog-box-right {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 20px 25px;
    border-radius: 20px;
    display: flex;
    align-items: flex-end;
    height: 281px;
}

.blog-box-right::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(359.84deg, #000000 0.11%, rgba(0, 0, 0, 0.24) 49.8%);
    z-index: -1;
}

.blog-box-right p {
    color: white;
    font-size: 24px;
}

.service-about-wrapper {}

.service-info-box span {
    background-color: #005AB8;
    border-radius: 100px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.service-info-box strong {
    margin: 14px 0 16px;
    font-size: 24px;
    line-height: 1.5;
}

.img-group-4 {
    position: relative;
    text-align: right;
}

.img-group-4 img {
    overflow: hidden;
    object-fit: cover;
    object-position: center center;
}

.img-group-4 .shape-4 {
    position: absolute;
    left: 36px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.img-group-4 .shape-4 img {
    box-shadow: 0px 5px 10px 0px #00000026;
    border-radius: 20px;
}

.img-group-4 .shape-5 {
    width: fit-content;
    margin-left: auto;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.img-group-4 .shape-5 img {
    transform: scale(1);
    transition: all 0.3s linear;
}

.img-group-4 .shape-5::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(359.84deg, #000000 0.11%, rgba(0, 0, 0, 0.24) 49.8%);
    z-index: 1;
    transition: all 0.3s linear;
    opacity: 0.6;
}

.img-group-4 .shape-5:hover::before {
    height: 100%;
}

.img-group-4 .shape-5:hover img {
    transform: scale(1.1);
}

.work-together-wrapper>div {
    position: relative;
    border-radius: 30px;
    z-index: 1;
    overflow: hidden;
}

.work-together-wrapper>div::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: hsla(219, 57%, 14%, 0.9);
    z-index: -1;
    transition: all 0.3s linear;
}

.play-btn {
    width: 143px;
    height: 143px;
    border-radius: 100px;
    border: 2px solid white;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: all 0.3s linear;
    right: 48px;
}


/* .play-btn:hover img {
    transition: all 0.3s linear;
} */

.play-btn:hover {
    transform: scale(0.9);
    background-color: white;
}

.play-btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid white;
    /* animation-timing-function: linear; */
    animation: grow 1.5s linear infinite;
    border-radius: 100px;
}

.play-btn:hover img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(72%) saturate(3054%) hue-rotate(199deg) brightness(92%) contrast(101%);
}

@keyframes grow {
    from {
        transform: scale(1);
        opacity: 0.8;
    }
    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

.blog-banner .btn-blue:hover,
.work-together-wrapper .btn-blue:hover {
    background-color: white;
    color: #005AB8;
}

.user-dropdown a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.user-dropdown a.nav-link img {
    margin: 0 !important;
}

.user-dropdown a.nav-link:hover img {
    filter: none !important;
}

.user-dropdown a.nav-link span.img-box {
    border-radius: 100px;
    overflow: hidden;
    width: 44px;
    height: 44px;
    margin-right: 12px;
}

.user-dropdown .dropdown-menu {
    padding: 0;
    overflow: hidden;
    width: 250px;
    position: absolute;
}

.user-dropdown .dropdown-item {
    font-family: 'Poppins', sans-serif;
    padding: 8px 24px;
}

.user-dropdown .dropdown-item:hover {
    background-color: #005AB8;
    color: white;
}

.user-dropdown .dropdown-item:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7439%) hue-rotate(56deg) brightness(95%) contrast(105%);
}

.user-dropdown .dropdown-item span {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.user-dropdown .dropdown-item span img {
    margin-right: 0 !important;
}

.user-dropdown-imgbox {
    padding: 12px 16px;
    border-bottom: 1px solid #D9E5FA;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.user-dropdown-imgbox .img-box {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 100px;
    overflow: hidden;
}

.user-dropdown-imgbox p {
    white-space: nowrap;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;

}


/*********************************************************************************************************************************************************************
*************************************************************** 29-01-2025 add css **********************************************************************************
**********************************************************************************************************************************************************************/
.herobanner-wrapper {
    height: 800px;
    position: relative;
    margin-top: 91px;
    display: flex;
    align-items: center;
}

/* .herobanner-wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    max-height: 100%;
    height: 990px;
    background-image: url(../images/hero-frame-newbanner.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: -1;
} */

.herobanner-wrapper .carousel {
    z-index: -1;
}

.herobanner-wrapper .carousel-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    background: linear-gradient(102.39deg, rgba(15, 29, 55, 0.898) 8.02%, rgba(35, 96, 164, 0.6) 98.21%);
}

.banner-form {
    /* background-color: #ffffff; */
    box-shadow: 0px 4px 15px 2px #00000033;
    max-width: 992px;
    margin: auto;
    position: relative;
    background-color: hsla(0, 0%, 100%, 0.30);

    border-radius: 50px;
    padding: 8px;
}

.form-div {
    background-color: white;
    border-radius: 50px;

}



.banner-form .section-title h2 {
    font-size: 48px;
}

.banner-form .section-title {
    margin-bottom: 24px;
}

.banner-form .txt-lable {
    line-height: 1;
    margin-bottom: 8px;
}

.location-box {
    position: relative;
    width: 40%;
}

.location-box i.fa-location-dot {
    position: absolute;
    color: #005AB8;
    font-size: 22px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.location-box .dropdown {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    outline: none;
}

.location-box .dropdown button {
    border: none;
    outline: none;
    background-color: transparent;
}

.location-box input {
    height: 58px;
    border-radius: 100px 0 0 100px;
    border: none;
    padding: 0 0 0 55px;
    width: 100%;
}

.dropdown-toggle::after {
    border: none;
    font-family: "Font Awesome 6 Free";
    content: '\f078';
    top: 2px;
    font-weight: 800;
    position: relative;
    right: 12px;
}

.searchbox {
    position: relative;
    width: 60%;
}

.searchbox i {
    position: absolute;
    color: #cecece;
    font-size: 22px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.searchbox input {
    height: 58px;
    border-radius: 0 100px 100px 0;
    border: none;
    padding: 0 150px 0 60px;
    width: 100%;
}

.searchbox button {
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
}

.location-box::after {
    content: '';
    height: 65%;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    border-radius: 100px;
    background-color: #005AB8;
    opacity: 0.2;
    z-index: 2;
    position: absolute;
}

.industry-wrapper {
    padding: 120px 0 112px;
}

.banner-form .dropdown-item {
    padding: 12px 18px;
    border-radius: 4px;
}

.banner-form .dropdown-item:hover,
.banner-form .dropdown-item.active,
.banner-form .dropdown-item:active {
    color: white;

    background-color: #005AB8;
}

.banner-form .dropdown-item:hover i,
.banner-form .dropdown-item.active i,
.banner-form .dropdown-item:active i {
    color: white;
}



.btn-default {
    background: #01468E;
    color: #fff;
}

.servicelist-wrapper {
    padding: 120px 0;
    margin-top: 91px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/bg-3.jpg);
    /* background-attachment: fixed; */
}

.servicelist-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: -1;
    background: linear-gradient(102.39deg, rgba(15, 29, 55, 0.898) 8.02%, rgba(35, 96, 164, 0.6) 98.21%);
}

.service-list-wrapper .blog-box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.service-list-wrapper .blog-box .text-blog-description h4 {
    font-weight: 600;
    margin: 0;
}

.service-list-wrapper .blog-box .text-blog-description strong {
    font-weight: 600;
    font-size: 20px;
    color: #01468E;
}

.service-list-wrapper .blog-box .text-blog-description strong del {
    color: #000;
}

.service-list-wrapper .blog-box .listing {
    /* flex: 1 0 auto; */
    flex-grow: 1;
}

.service-list-wrapper .blog-box ul {
    padding-left: 20px;

}

.service-list-wrapper .blog-box ul li {
    margin-bottom: 4px;
    list-style-type: disc;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #000;
}

.service-list-wrapper .blog-box .img-box>div {
    min-height: 250px;
}

.service-list-wrapper .blog-box .text-blog-description {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-grow: 1;
}

.servicelist-wrapper h1 {
    font-size: 68px;
    margin-bottom: 48px;
}

.loadeLocation{

    border: 4px solid #bebebe;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 40%;
    right: 0%;
    transform: translateY(-50%);
}

.loaderCategory{

    border: 4px solid #bebebe;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 40%;
    right: 27%;
    transform: translateY(-50%);
}

.loadecategory_list{

    border: 6px solid #bebebe;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: absolute;
    /*top: 50%;*/
    top: 575px;
    right: 50%;
    transform: translateY(-50%);
    margin-top:-50px;
}

@keyframes spin{
    0%{ transform: rotate(0deg); }
    100% {transform: rotate(360deg);}
}

ul#suggestion_location,#suggestion_category,.scrollable-suggestions {
    z-index: 9;
    position: absolute;
    background: #fff;
    width: 100%;
    border-radius: 8px;
    left: 0;
    top: auto;
    max-height: 200px;
    overflow-y: auto;
}
.scrollable-suggestions{
    min-width: fit-content;
}
ul#suggestion_location[style],#suggestion_category[style],.scrollable-suggestions[style]{
    box-shadow: 0px 2px 12px 0px hsla(0, 0%, 0%, 0.10);
}



ul#suggestion_location li,#suggestion_category li,.scrollable-suggestions li {
    padding: 6px 12px;
    font: 14px / 1.556 'Poppins', sans-serif;
    transform:all 0.3s linear;
    text-transform: capitalize;
}
ul#suggestion_location li:hover,#suggestion_category li:hover,.scrollable-suggestions li:hover,
ul#suggestion_location li:active,#suggestion_category li:active,.scrollable-suggestions li:active,
ul#suggestion_location li.active,#suggestion_category li.active,.scrollable-suggestions.active{
    background-color: #005AB8;
    color:#fff;
}

.customer-request-form{
    background-color: #F1F5FD;
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0px 0px 8px hsla(0, 0%, 0%, 0.12);
}

.user-dropdown a.nav-link span.img-box img{
    height: 100%;
    width: 100%;
}
.blog-box .img-box{
    position: relative;
}
.blog-box .img-box .price-text{
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 15px 0 0 0;
    /* background-color: #005ab8; */
    background: #000000d4;
    padding: 6px 18px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    z-index: 2;
    text-shadow: 0 4px 12px hwb(0 0% 100% / 0.12)
}
.blog-box .img-box .price-text del{
    color: red;
}

@media (max-width:1599px) {
    .herobanner-wrapper {
        height: 730px;
    }
}

@media (max-width:1399px) {
    .service-list-wrapper .blog-box .text-blog-description h4 {
        font-size: 20px;
    }
}

@media (max-width:1199px) {
    .herobanner-wrapper {
        height: 650px;
    }

    .servicelist-wrapper {
        padding: 100px 0;
    }


}

@media (max-width:991px) {
    .banner-form {
        max-width: 768px;
    }

    .herobanner-wrapper {
        height: 650px;
        margin-top: 90px;
    }

    .industry-wrapper {
        padding: 100px 0 50px !important;
    }

    .servicelist-wrapper {
        padding: 80px 0;
    }

    .servicelist-wrapper h1 {
        font-size: 55px;
    }
}

@media (min-width: 768px) {
    .border-top-md-0 {
        border-top: none !important;
    }
}

@media (max-width:767px) {
    button.wpb-pcf-form-fire.wpb-pcf-btn-large.wpb-pcf-btn.wpb-pcf-btn-default {font-size: 11px!important;padding: 7px 5px!important;}
    .banner-form {
        max-width: 768px;
        border-radius: 8px;
    }

    .location-box,
    .searchbox {
        position: relative;
        width: 100%;
    }

    .location-box {
        margin-bottom: 8px;
    }

    .form-div {
        padding: 8px;
        border-radius: 8px;
    }

    .location-box input,
    .searchbox input {
        border-radius: 8px;
        border: 1px solid hsla(0, 0%, 44%, 0.2);
        height: 48px;
    }

    .location-box input {
        padding: 0 0 0 38px;
        font-size: 16px;
    }

    .searchbox input {
        padding: 0 104px 0 38px;
        font-size: 16px;
    }

    .searchbox i {
        left: 14px;
        font-size: 16px;
    }

    .location-box i.fa-location-dot {
        left: 14px;
        font-size: 16px;
    }

    .searchbox .btn {
        border-radius: 8px;
        height: 48px;
        right: 0;
    }

    .herobanner-wrapper {
        height: 500px;
        margin-top: 65px;
    }

    .location-box input::placeholder,
    .searchbox input::placeholder {
        font-size: 14px;
    }

    .industry-wrapper {
        padding: 80px 0 50px !important;
    }

    .location-box .dropdown {
        z-index: 1;
    }

    .service-list-wrapper .blog-box ul li {
        font-size: 14px;
    }

    .service-list-wrapper .blog-box .text-blog-description h4 {
        font-size: 18px;
    }

    .service-list-wrapper .blog-box .text-blog-description strong {
        font-size: 18px;
    }

    .servicelist-wrapper {
        padding: 60px 0;
        margin-top: 68px;
    }

    .servicelist-wrapper h1 {
        font-size: 40px;
        margin-bottom: 24px;
    }


}

@media (max-width:575px) {
    .herobanner-wrapper {
        height: 400px;
        margin-top: 57px;
    }

    .industry-wrapper {
        padding: 60px 0 50px !important;
    }

    .servicelist-wrapper {
        margin-top: 58px;
    }


}

@media (max-width: 424px) {
    .herobanner-wrapper {
        margin-top: 54px !important;
    }

    .boat-detail ul li {
        font-size: 14px;
    }

    .servicelist-wrapper {
        margin-top: 54px;
    }


}

@media (max-width: 360px) {}


/* 19-02-2025 */
.herobanner2-wrapper {
    height: 800px;
    position: relative;
    margin-top: 91px;
    display: flex;
    align-items: center;
}

.herobanner2-wrapper .carousel {
    z-index: -1;
}

.herobanner2-wrapper h1 {
    max-width: 80%;
}

.herobanner2-wrapper .carousel-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    background: linear-gradient(102.39deg, rgba(15, 29, 55, 0.898) 8.02%, rgba(35, 96, 164, 0.6) 98.21%);
}

.boat-service-form {

    background-color: white;
    box-shadow: 0px 5px 30px 0px hsl(0deg 0% 0% / 30%);
    /* box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57); */
    border-radius: 20px;
    padding: 24px 28px 28px;
    /* overflow: hidden; */
    position: relative;
}

.boat-service-form::before {
    content: '';
    position: absolute;
}

.boat-service-form .form-header {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 12px;
    margin-bottom: 24px;
}

.boat-service-form h2 {
    font-size: 32px;

    /* color: #005AB8; */
}

.boat-service-form .form-group i {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #005AB8;
    /* color: #646464; */
}

.boat-service-form .form-group .btn {
    padding: 11px 37px;
    font-size: 16px;
}

.boat-service-form .form-control::placeholder {
    font-size: 14px;
}

.boat-service-form .form-control {
    /* padding-right: 50px; */
    padding: 8px 12px;
    font-size: 14px;
}

.banner-description p {
    max-width: 72%;
}



.boat-service-form .ship-wheel {
    max-width: 36px;
    position: relative;
    animation: 10s linear infinite spinner-border;
}




@media (max-width:1599px) {
    .herobanner2-wrapper {
        height: 730px;
    }
}

@media (max-width:1199px) {
    .herobanner2-wrapper {
        height: 650px;
    }

    .banner-description p {
        max-width: 92%;
    }

    .servicelist-wrapper {
        padding: 45px 0;
    }

}

@media (max-width:991px) {
    .herobanner2-wrapper {
        height: auto;
        padding: 80px 0;
    }

    .banner-description {
        margin-bottom: 32px;
    }

    .banner-description p {
        max-width: 100%;
    }

    .herobanner2-wrapper h1 {
        max-width: 100%;
    }

    .servicelist-wrapper h1 {
        font-size: 55px;
    }
}

@media (max-width:767px) {

    .herobanner2-wrapper {
        padding: 60px 0;
        margin-top: 65px;
    }

    .boat-service-form .form-header {
        padding-bottom: 8px;
        margin-bottom: 16px;
    }

    .boat-service-form h2 {
        font-size: calc(1.325rem + .9vw);
    }

    .boat-service-form .form-control {
        padding: 6px 12px;
    }

    .boat-service-form {
        padding: 18px;
    }

    .banner-description p {
        font-size: 14px;
    }

    .servicelist-wrapper {
        margin-top: 68px;
    }

    .servicelist-wrapper h1 {
        font-size: 40px;
        margin-bottom: 24px;
    }
}

@media (max-width:575px) {
    .herobanner2-wrapper {
        padding: 40px 0;
        margin-top: 57px;
    }

    .servicelist-wrapper {
        margin-top: 58px;
    }

}

@media (max-width: 424px) {
    .herobanner2-wrapper {
        margin-top: 54px !important;
    }

    .servicelist-wrapper {
        margin-top: 54px;
    }
}
/* 19-02-2025 */

/* 21/2/2025 */
  
  .stepper-container {
    text-align: center;
    width: 300px;
  }
  
  .step {
    display: none;
  }
  
  .stepper-container {
    text-align: center;
    width: 300px;
  }
  
  .step-indicator {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  
  .step-indicator-item {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: lightgray;
    color: white;
    margin: 0 5px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
  }
  
  .step-indicator-item.active {
    background-color: #4caf50;
  }
  
  .step-indicator-item.completed {
    background-color: #007bff;
  }
  
  .step {
    display: none;
  }
  
  /* ===========21-2-25====================== */
  .wizard-card {
    max-width: 576px; /*768 48px*/
    margin: auto;
    box-shadow: 0px 4px 25px 0px hsla(0, 0%, 0%, 0.08);
    border-radius: 20px;
    /* padding: 40px; */
    padding: 20px;
}

.nav-tabs .nav-link {
    cursor: pointer;
    color: black;
    font-weight: bold;
    display: block !important;
}

.nav-tabs .nav-link.active span {
    background-color: #005ab8 !important;
    color: white !important;
    z-index: 9;

}

.nav-tabs .nav-link.completed span {
    background-color: #005ab8 !important;
    color: white !important;
    z-index: 9;
}

.wizard-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0;
    flex-grow: 1;
}



.wizard-nav li a {
    border: none !important;
    background-color: transparent !important;

}

.wizard-nav li a span {
    width: 60px;
    height: 60px;
    border-radius: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e7e7e7;
    font-family: 'Poppins', sans-serif;
    z-index: 99;
    /* z-index: 1; */
}


.wizard-nav li {
    position: relative;
    flex: 1 0 0%;
    list-style-type: none;
    margin: auto;
    text-align: center;
    justify-content: center;
    display: flex;

}

.wizard-nav li:not(:last-of-type) a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #e7e7e7;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    left: 92px;
    z-index: -99;
}

.wizard-nav li a:hover::before {
    z-index: -2;
}

.wizard-nav li a.completed::before {
    background-color: #005ab8;
}

.wizard-card .tab-content .card {
    /* margin-top: 24px; */
    /* padding: 36px 36px 0px; */
    padding: 12px 12px 0px;
    border: none;
}

.wizard-card .section-title h2 {
    font-size: 38px;
}

.custom-select input {
    position: absolute;
    opacity: 0;
}

.custom-select input:checked~label {
    background-color: #005ab8;
}

.custom-select input:checked~label span {
    color: white;
}

.custom-select input:checked~label img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(18deg) brightness(106%) contrast(101%);
}

.custom-select label {
    width: 100%;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    box-shadow: 0px 4px 12px hwb(0deg 0% 100% / 12%);
}

.custom-select label span {
    display: block;
    width: 100%;
    text-align: center;
}

.custom-select label img {
    max-height: 75px;
    margin: 0 auto 18px;
}

.wizard-card .form-control {
    padding: 10px 18px;
}

.wizard-card .form-group small {
    font-size: 14px;
}

.wizard-card .select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border: 1px solid #DDDDDD;
    padding: 10px 18px;
    color: #646464;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.card-fotter {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #DDDDDD;
}

.drop-zone {
    max-width: 100%;
    height: 300px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 4px dashed #DDDDDD;
    border-radius: 10px;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
}

.drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
}

.successfully-card {
    display: flex;
    align-items: center;
    justify-content: center;
}

.successfully-card h4 {
    font-size: 80px;
    margin-top: 24px;
    color: #005ab8;

}

.successfully-card i {
    font-size: 125px;
    color: #005ab8;
}

.wizard-card .section-title {
    margin-bottom: 35px;
}

.btn-outline-blue {
    background-color: transparent;
    color: #005AB8;
    border: 1px solid #005AB8;
}

.btn-outline-blue:hover {
    background-color: #005AB8;
    color: #fff;
}

@media (max-width:991px) {
    .wizard-card {
        padding: 36px 24px;
    }

    .wizard-card .tab-content .card {
        margin-top: 0;
        padding: 18px 36px 0px;
        border: none;
    }

    .wizard-nav li a {
        padding: 0;
    }

    .wizard-card .section-title h2 {
        font-size: 32px;
    }

    .wizard-card .section-title {
        margin-bottom: 24px;
    }
}

@media (max-width:767px) {
    .wizard-nav li a span {
        width: 50px;
        height: 50px;
    }

    .wizard-nav li:not(:last-of-type) a::before {
        left: 50px;
    }

    .wizard-card {
        padding: 24px 12px;
    }

    .wizard-card .tab-content .card {
        margin-top: 0;
        padding: 18px 24px 0px;
    }


    .wizard-card .section-title h2 {
        font-size: 28px;
    }

    .wizard-card .select2-container--default .select2-selection--single,
    .wizard-card .form-control {
        padding: 8px 16px;
    }

    .wizard-card .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 12px;
        height: 12px;
    }

    .successfully-card i {
        font-size: 110px;
    }

    .successfully-card h4 {
        font-size: 48px;
    }

    .wizard-card .tab-content .card.successfully-card {
        padding: 48px 24px 0px;

    }
}

@media (max-width:575px) {
    .wizard-nav li a span {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .wizard-nav li:not(:last-of-type) a::before {
        left: 40px;
    }

    .wizard-nav li:not(:last-of-type) a::before {
        width: 100%;
    }

    .wizard-card .tab-content .card {

        padding: 18px 0px 0px;
    }


}