:root{
    --color-primary: #332c8c;
    --color-secondary: #2D4EF5;
    --color-secondary-hover: #060f5b;
    --color-info: #346cc7;
    --color-info-hover: #035191;
    --color-yellow: #e1b91b;
    --color-dark: #000;
    --white:#fff;
    --color-lightGray: #ccc;
    --color-gray: #f6f5f5;
    --color-darkGray: #e2e2e2;
    --color-green: #44ad44;
    --text-gray: #4B4A4A;
    --text-color: #323232;
    --text-footer: #4d4e4f;
    --border-radius-One: 4px;
    --bs-border-radius: 0.375rem;
    --font-primary: "Roboto", sans-serif;
    --font-secondary: 'Poppins';
    --font-awesome: 'FontAwesome';
    --content-heading: linear-gradient(to right, #222187, #3c83d1);
    --bg-multi1: linear-gradient(to right, #ec4899, #3b82f6);
    --bg-multi2: linear-gradient(to right,#4f66ff,#e948ae);
    --font-12: 12px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-18: 18px;
    --font-20: 20px;
    --font-24: 24px;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.user-logged-in .sticky-top{position: static;}
html {
    scroll-behavior: smooth;
  }
body{
    background: #fff;
    margin: 0px;
    padding: 0px;
    font-family: var(--font-primary)!important;
}
h1,h2,h3,h4,h5,h6,a,p,div,
table,td,th,
label,input,button{
    font-family: var(--font-primary)!important;
}
a{
    color: var(--color-primary);
}
a:hover{
    color: var(--color-info);
}
a:focus {
    outline: none;
  }  
p {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 400;
    line-height: 1.6;
}
input:focus{
    outline: 1px solid;
}
/* ul{margin: 0px 5px;} */
ul li {
    padding: 3px 0px;
}
.bg-primary{
    background: var(--color-primary)!important;
}
.bg-secondary,
.button--primary{
    background: var(--color-secondary)!important;
    color: #fff;
}
.bg-secondary:hover,
.button--primary:hover{
    background: var(--color-secondary-hover)!important;
    color: #fff;
}
.bg-info{
    background: var(--color-info)!important;
}
.btn-success{
    background: var(--color-green);
}
.btn-secondary:hover{
    background: var(--color-secondary-hover)!important;
}
.page-title,
.page-title span {
    font-size: 36px !important;
    font-weight: 700!important;
    color: #fff!important;
    font-family: var(--font-primary) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)!important; /* Add this line */
}

/*Mandala*/
.logoText .tagline{
    margin-top: 8px !important;
    font-size: 28px !important;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.3;
}
.logoText .tagline2{
    margin: 0; 
    font-size: 14px; 
    color: gray;
    line-height: 1.6em;
    font-weight: 600;
}
.logo {
    display: flex;
    justify-content: flex-start;
    align-content: center;
}
.logo a{
    text-decoration: none;
}
.site-logo {
    height: 75px;
    width: auto;
    margin-right: 15px;
    max-height: 75px !important;
}
.logoText {
    padding-left: 8px;
}
.MobileLogoOnly{display: none;}
.menu-section--modifier {
    margin: 0px;
    gap:83px;
}
.menu-section--modifier ul { margin: 0px;}
.MiddleHead--modifier {
    position: relative;
    min-height: 108px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; 
}
.sticky--modifier .MiddleHead--modifier {
    min-height: auto;
}
.menu-section--modifier .menu {
    display: flex;
    margin: 0px;
    padding: 0;
}
.menu-section--modifier .menu li {
    text-decoration: none;
    padding: 0px 24px 0px 0px;
}
.menu-section--modifier .menu li a{
    position: relative;
    display: block;
    text-align: center;
    letter-spacing: 0px;
    font-weight: 500;
    padding:0px;
    font-size: 16px;
    color:#424b5b !important;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: var(--font-primary);
    text-decoration: none;
}
.menu-section--modifier .menu li a:hover{
    color: var(--color-primary);
}
.menu-section--modifier .menu li{list-style: none;}
#Mobile--Menu{display: none;}
.homeslider--modifier .owl-carousel.owl-drag .owl-item{
    height: calc(100vh - 75px);
    position: relative;
}
.homeslider--modifier .owl-item .views-field-body {
    width: 700px;
    position: absolute;
    left: calc(50% - 350px);
    bottom: 27%;
    z-index: 9;
    text-align: center !important;
}
.homeslider--modifier .owl-item .views-field-body h4 {
    font-size: 3.2rem;
    font-weight: 700;
    color: #fff;
}
.homeslider--modifier .owl-item .views-field-body h6 {
    font-size: 1.3rem;
    margin-top: 1rem;
    color: #fff;
}
.homeslider--modifier .owl-item .views-field-body .slider-buttons .btn-primary{
    padding: 15px 25px;
    border-radius: 10px;
    border: 1px solid #ffffff66 !important;
    font-size: 18px;
    display: inline-block;
    /* background-image: linear-gradient(to right, #4f66ff, #e948ae); */
    background: var(--bg-multi1)!important;
    font-weight: 500;
    letter-spacing: 0.025em;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;
    border: 0px!important;
}
.homeslider--modifier .owl-item .views-field-body .slider-buttons .btn-secondary{
    padding: 13px 25px;
    border-radius: 10px;
    border: 2px solid #fff;
    font-size: 18px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.025em;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;

}
.homeslider--modifier .owl-carousel .owl-item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    filter: brightness(0.4);
}
.homeslider--modifier .owl-carousel .owl-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(30, 64, 175, 0.7), rgba(236, 72, 153, 0.3));
	opacity: .8;
	z-index: 1;
  }
.slider-buttons {padding-top: 1.5rem !important;}
.custom-btn1,
.services-section .learn-btn,a.learn-btn{
    padding: 7px 20px;
    border-radius: 10px;
    border: 1px solid #ffffff66 !important;
    font-size: 17px;
    display: inline-block;
    /* background-image: linear-gradient(to right, #4f66ff, #e948ae); */
    background: var(--bg-multi1);
    font-weight: 500;
    letter-spacing: 0.025em;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}
.custom-btn1:hover,
.services-section .learn-btn:hover
{
    padding: 7px 20px;
    border-radius: 10px;
    border: 1px solid #ffffff66 !important;
    font-size: 17px;
    transform: scale(1.05);
    color: #fff!important;
    transition: all 0.3s ease;
}
/*Animation Hover*/
.Enquery--modifier input[type="submit"]:hover{
    transition: all 0.3s ease;
    transform: scale(1.05);
}
header .custom-btn1,
.Enquery--modifier input[type="submit"]{
    background: var(--bg-multi2)!important;
}
.slider-buttons a {
    margin: 0px 6px;
}
.homeslider--modifier .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    z-index: 999;
    top: calc(50% - 25px);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.homeslider--modifier .owl-theme .owl-nav button.owl-prev,
.homeslider--modifier .owl-theme .owl-nav button.owl-next
{
    width: 15%;
}
.homeslider--modifier .owl-theme .owl-nav button.owl-prev:hover,
.homeslider--modifier .owl-theme .owl-nav button.owl-next:hover
{
    background: none;
}
.homeslider--modifier button.owl-prev span,
.homeslider--modifier button.owl-next span{
    font-size: 0px;
}
.homeslider--modifier button.owl-prev span:before {
    content: "\f053";
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #fff;
    font-size: 21px;
}
.homeslider--modifier button.owl-next span:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-weight: 200;
    color: #fff;
    font-size: 21px;
}
.homeslider--modifier .owl-theme .owl-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
}
.homeslider--modifier .owl-theme .owl-dots .owl-dot span {
    background-color: #ffffff;
    width: 50px;
    height: 5px;
    opacity: .5;
    border-radius: 0px;
    margin: 5px 3px!important;
}
.homeslider--modifier .owl-theme .owl-dots .owl-dot.active span{
    background-color: #ffffff!important;
    opacity: 1;
    border-radius: 0px;
}
.footer__modifier {
    padding-top: 40px;
    background-color: #f8f9fa;
}
.logo-circle_1 {
    border-radius: 50%;
    padding:0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    margin-top: -20px;
}
footer .text{
    font-size:var(--font-14);
    color: #666;
    line-height: 1.5;
}
.logo-circle_1 img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
#header--modifier {
    padding-left: 30px;
    padding-right: 30px;
}
#header--modifier.sticky--modifier,
#header--modifier.InnerHeader.sticky--modifier {
    position: fixed!important;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
            box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    z-index: 999;
    -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
            animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; 
            padding-top: 2px;
            padding-bottom: 2px;
}
#header--modifier.sticky--modifier .middlebar--modifier{display: none;}
#header--modifier.sticky--modifier .topbar--modifier{background: var(--color-dark);}
#header--modifier.sticky--modifier .middle--modifier__right ul.menu.primary-nav__menu i,
#header--modifier.InnerHeader .middle--modifier__right ul.menu.primary-nav__menu i{
    color: var(--text-color);
}
#header--modifier.sticky--modifier .site-logo{height: 52px!important;}
#header--modifier.sticky--modifier .logoText .tagline{font-size: 18px!important;}
#header--modifier.sticky--modifier .logoText .tagline2{font-size: 10px!important;}
#header--modifier.sticky--modifier .menu-section--modifier .menu li a{font-size: 14px!important;}
#header--modifier.sticky--modifier .custom-btn1{
    padding: 5px 19px;
    font-size: 15px;
}
.footer__modifier h2 {
    line-height: 1.6em;
    font-weight: 600;
    font-size: var(--font-18);
}
.footer__modifier .menu{padding: 0px;margin: 0px;}
.footer__modifier .menu li {
    padding: 0.3em 0px;
}
.footer__modifier .menu li a{
    font-size: var(--font-14);
    color: var(--text-footer)!important;
    text-decoration: none;
}
.footer__modifier .menu li a:hover{
    color: var(--color-secondary)!important;
}
.foot__social {
    display: flex;
    padding: 0px;
    margin: 0px 50px 0px 0px;
}
.foot__social li {
    display: flex;
    text-decoration: none;
    list-style: none;
    padding: 0px 10px;
}
.linkedin a {
    background-color: #0077B5 !important;
}
.facebook a {
    background-color: #3b5999!important;
}
.instagram a{
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
}
.youtube a{
    background: red!important;
}
.foot__social li a{
    position: relative;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    line-height: 36px;
    font-size: var(--font-16);
}
.copyrights p{margin: 0px;font-size: .875em;}
.footer__modifierSecond {
    padding-top: 5px;
}
.footer__modifierSecond .copy-inner{
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e8e8e8;
}
.contactUs--footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: self-start;
    margin: 0px;
    padding: 0px;
}
.contactUs--footer li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    line-height: 1.7;
    padding: .3em 0;
    font-size: var(--font-14);
    color: var(--text-footer) !important;
    text-decoration: none;
}
.contactUs--footer li i, 
.contactUs--footer li svg {
    margin-top: 0px;
    color: var(--color-primary)!important;
}
footer .contactUs--footer a {
    font-size: var(--font-15);
    color: var(--text-footer) !important;
    text-decoration: none;
}
.cta-section {
    padding: 80px 20px;
    background: linear-gradient(to right, #1e40af, #2563eb, #db2777);
    text-align: center;
    color: #fff;
}
.cta-section h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.cta-section h2 {
    color: #fff;
    margin: 0px;
    font-size: 43px;
    line-height: 1.3em;
}
.cta-section p {
    font-size: 1.2rem;
    color: #dbeafe;
    margin-bottom: 30px;
}
.cta-buttons {
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    display: flex
;
}
.cta-buttons button,.cta-buttons a {
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
    justify-content: center;
}
.cta-note {
    margin-top: 30px;
    font-size: 0.9rem;
    color: #dbeafe;
}
.cta-buttons .btn-primary{
    background: #fff;
    color: #1e40af;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.cta-buttons .btn-secondary{
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
/*About Section*/
.about-section {
    position: relative;
    background-color: #ffffff;
}
.about-section .images-column {
    position: relative;
    margin-bottom: 30px;
}
.about-section .images-column .inner-column {
    position: relative;
    padding-top: 14px;
}
.about-section .images-column .image {
    position: relative;
    display: inline-block;
    width: auto;
    height: 300px;
    overflow: hidden;
    background-size: 100%;
}
.about-section .images-column .image img {
    width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
}


.about-section .images-column .image:hover img {
  transform: scale(1.02); /* Very slight zoom */
  cursor: pointer;
}
.about-section .images-column .icon {
    position: absolute;
    right: -50px;
    top: 65px;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    font-size: 44px;
    background-color:#357ffe;
}
.icon-security-1:before {
    content: "\e916";
    font-size: 0px;
}
span.icon.icon-security-1 img {
    width: 100%;
    height: auto;
}
.about-section .images-column .icon {
    position: absolute;
    right: -50px;
    top: 65px;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    font-size: 44px;
    background-color: #357ffe;
}
.about-section .images-column .image-two {
   position: absolute;
    right: 50px;
    background: var(--white);
    bottom: -30px;
    border-radius: 5px;
    height: auto;
    width: 182px;
    box-shadow: 0 0 6px 1px var(--color-gray);
    margin-bottom: 4px;
}
.about-section .images-column .image-two img{width: 100%;}
.about-section .images-column .analyze-box {
    background: url(../images/shape-4.png) no-repeat center top;
    position: relative;
    max-width: 215px;
    width: 100%;
    height: auto;
    z-index: 10;
    border-radius: 5px;
    overflow: hidden;
    padding: 40px 30px 30px;
    margin-top: -25px;
    color:#fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 60px;
    background-color: #357ffe;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-section .images-column .analyze-box strong {
    position: relative;
    display: block;
    font-weight: 600;
    line-height: 34px;
    display: inline-block;
    font-size: 62px;
    font-family: var(--font-primary);
    margin-bottom: 30px;
}
.about-section .content-column {
    position: relative;
    margin-bottom:30px;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.about-section .content-column .inner-column {
    position: relative;
}
.about-section .sec-title {
    position: relative;
    margin-bottom: 40px;
}
.sec-title h2 {
    line-height: 1.292em;
    font-weight: 700;
    font-size: 48px;
    color: #0c0d24;
    font-family: var(--font-primary);
}
.sec-title .text {
    font-size: 20px;
    line-height: 1.4em;
    color: #01050c;
}
.about-section .content-column .about-list {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.about-section .content-column .about-list li {
    position: relative;
    display: inline-block;
    color:#01050c;
    font-size: 16px;
    border-radius: 5px;
    padding: 11px 25px 11px 50px;
    margin-bottom: 15px;
    background-color: #f6f0e8;
}
.about-section .content-column .about-list li:before {
    position: absolute;
    content: "\e909";
    left: 18px;
    top: 10px;
    color: #357ffe;
    font-family: 'icomoon';
    font-size: 0px;
}
ul.about-list li img {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 19px;
    top: 18px;
}
.about-section .content-column .expert-box {
    position: relative;
    margin-top: 60px;
}
.expert p {
    font-weight: 600;
}
.expert em{
    font-style: normal;
    font-size: 30px;
    margin-left:5px;
}
.about-section .content-column .expert-box .box-inner {
    position: relative;
    padding-left: 140px;
}
.about-section .content-column .expert-box .expert {
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: 500;
    font-size: 20px;
    color: #01050c;
}
.about-section .content-column .expert-box .expert .count-box {
    position: relative;
    font-weight: 700;
    line-height: 1em;
    font-size: 62px;
    color: #357ffe;
    font-family:var(--font-primary);
}
.about-section .content-column .expert-box .expert .count-box {
    position: relative;
    font-weight: 700;
    line-height: 1em;
    font-size: 62px;
    color: #357ffe;
}
.about-section .content-column .expert-box .expert i {
    font-style: normal;
    font-size: 30px;
    margin-left: 5px;
}
.about-section .content-column .expert-box .text {
    position: relative;
    font-size: 18px;
    color: #01050c;
    padding: 15px 0px 15px 30px;
    border-left: 1px solid #357ffe;
}
.about-section .content-column .lower-text {
    position: relative;
    line-height: 1.4em;
    font-size: 16px;
    color: #01050c;
    padding-right: 0px;
    margin-top: 30px;
}
.shape__4{
    background-image:url(../images/shapes/shape-4.png) no-repeat;
    width: 125px;
    height: 125px;
}
.Product--modifier .hover-card{
    background: url(../images/card-bk.png) repeat;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.Product--modifier .hover-card:hover{
    transform: translateY(-8px);
}
.Product--modifier .views-field.views-field-nothing ul{
    padding-left: 1rem;
}
.Product--modifier .views-field.views-field-nothing p:last-child{
    margin-bottom: 0;
}
.Product--modifier .views-field.views-field-nothing {
    height: 100%;
}
.Product--modifier .views-field.views-field-nothing .hover-card{
    position: relative;
    padding-bottom: 72px !important;
}
.Product--modifier .views-field.views-field-nothing .hover-card p:last-child{
    position: absolute;
    bottom: 24px;
    width: calc(100% - 48px);
    left: 24px;
}
.services-section {
    position: relative;
    background: #fff;
}
.SectionHeading{
    text-align: center;
    padding-bottom: 1.5em;
}
.SectionHeading p{
    line-height: 1.778em;
    font-size: var(--font-18);
}
.hover-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.services-section .rounded {
    border-radius: var(--bs-border-radius)!important;
}
.services-section i,
.services-section svg
{
color: #2563eb;
}
.services-section h5,
.services-section h5 a{
    font-weight: 700 !important;
    line-height: 1.6em;
    font-size: var(--font-20);
    color: #0c0d24;
    text-decoration: none;
}
.C-product--row {
    display: flex;
    flex-wrap: wrap;
    width: calc(100%);
}
.C-product--column {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
.services-section .features li,
.services-section .feature-list li,
.services-section .serveis-list li
{
    list-style: none;
    position: relative;
}
.services-section .features li:before,
.services-section .feature-list li:before,
.services-section .serveis-list li:before 
{
    content: "\f046";
    font-size: 14px;
    color: green;
    list-style: none !important;
    font-family: 'FontAwesome';
    position: absolute;
    left: -19px;
    top: 7px;
    background: url(../images/check_ic.jpg) no-repeat;
    font-size: 0px;
    width: 15px;
    height: 15px;
    background-size: 100%;
}
.services-section .features li::marker{display: none!important;}
.services-section .learn-btn {
    width: 100%;
}
.sticky-top{
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
            box-shadow: 2px 2px 4px 0px rgba(2, 45, 98, 0.1);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    z-index: 999;
    -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
            animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; 
}
.Enquery--modifier{
    background: #f4f5fd;
    padding: 3em 0px!important;
}
.Enquery--modifier--inner form{
    max-width: 800px;
    margin: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding:20px 40px;
}
/*Forms*/
.Enquery--modifier--inner .js-form-item.form-item-first-name {
    width: 100%;
    float: left;
}
.Enquery--modifier--inner .js-form-item.form-item-last-name {
    width: 48%;
    float: right;
}
.Enquery--modifier--inner .js-form-item input,
.Enquery--modifier--inner .js-form-item textarea,
.Enquery--modifier--inner .js-form-item select{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-footer);
    background-clip: padding-box;
    border: 1px solid var(--color-lightGray);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.Enquery--modifier--inner .js-form-item select option{color: var(--text-footer);}
.Enquery--modifier--inner .js-form-item label {
    font-size: 14px;
    color: #000;
    width: 100%;
}
.Enquery--modifier--inner input[type="submit"]{
    padding: 0.9rem 2rem;
    background: linear-gradient(to right, #2563eb, #ec4899);
    border: none;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    border: 0px!important;
    width: 100%;
    font-weight: 600 !important;
}
/*End Forms*/
.Branding__listing{
    background: #f8f9fa;
}
.Branding__listing .owl-carousel .owl-stage-outer{
    min-height: 138px;
    display: flex;
    align-items: center;
}
.Branding__listing .owl-stage-outer .owl-stage{
    display: flex;
    align-items: center;
    justify-content: center;
}
.Branding__listing .owl-stage-outer .owl-stage .owl-item {
    background: #fff;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.owl-carousel .owl-stage-outer {
    width: calc(100% - 4px);
}
.Branding__listing .owl-theme .owl-nav {
    margin-top:0px!important;
    position: absolute;
    top: calc(50% - 20px);
    width: 100%;
}
.Branding__listing button.owl-prev {
    position: absolute;
    left: -19px;
}
.Branding__listing button.owl-next {
    position: absolute;
    right: -19px;
}
.Branding__listing h2 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
.Branding__listing .owl-carousel .owl-item img{
    width: 70%;
    height: auto;
    margin: 0px auto;
}
.Branding__listing .owl-stage-outer .owl-stage .owl-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin:0px 15px;
  }  
  /* Hover Effect */
  .Branding__listing .owl-stage-outer .owl-stage .owl-item:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    z-index: 2;
  }
.useCases--modifier{
    background: #f4f5fd;
    padding: 3em 0px;
}
/*Status*/
.stat-gradient {
    font-size: 3rem;
    background: linear-gradient(to right, #A01DE6, #5B42F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.useCases--modifier .view-content{
    max-width: 800px;
    margin: auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 40px;
    padding-bottom: 0px;
}
.useCases--modifier .owl-carousel.owl-drag .owl-item {
    min-height: 225px;
    position: relative;
    display: flex;
    height: auto !important;
    text-align: center;
}
.useCases--modifier .testimonial-rating span.star {
    color: #ffc107;
    font-size: 36px;
}
.useCases--modifier .field-content p{
    font-size: 1.25rem !important;
    color: rgba(33, 37, 41, 0.75);
}
.useCases--modifier .owl-theme .owl-dots .owl-dot.active span{
    background: var(--color-secondary)!important;
}
/* .useCases--modifier  .owl-dots {
    position: absolute;
    bottom: -81px;
    width: 714px;
    margin: 0px auto;
} */
#scrollTopButton-image::after{
    content: "\f062";
    font-family: var(--font-awesome)!important;
    font-size: var(--font-16);
}
#scrollTopButton-image{
    position: fixed;
    bottom: 8px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #676dff!important;
    display: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background: none;
    border-radius: 50%;
}
#scrollTopButton-image:hover {
    color: #fff;
    background: #ed8edc!important;
}
/*ChatBoat Start*/
.c__chatBtn{
    bottom: 70px; 
    right: 10px; 
    width: 60px; 
    height: 60px;
     border-radius: 50%; 
     background: linear-gradient(to right, rgb(45, 78, 245), rgb(217, 72, 153)); 
     z-index: 99; 
     border: none; 
     display: flex;
     font-size: 26px;
}
.c__openChatBox button svg,
.c__openChatBox button i{
    width: 25px;
    height: 25px;
}
.c__openChatBox{
    display: none;
    bottom: 30px; 
    right: 30px; 
    width: 320px; 
    height: 400px; 
    display: block; 
    z-index: 9999; 
    overflow: hidden;
}
.follow-link {
    font-size: 14px;
    color: #5A5A5A;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
    margin-top: 15px;
    float: left;
    width: auto;
}
.follow-link .fa-linkedin,
.follow-link svg,
.follow-link  i {
    background-color: #fff;
    color: #0077B5!important;
    font-size: 23px;
}
footer .footer_fourth__modifier--aboutlist .follow-link svg{
    background: none;
    color: #0077B5 !important;
}
.sendFieldBtn{
    background: linear-gradient(to right, #2D4EF5, #D94899); 
    border: none;
}
.c__chatBody{
    height: calc(100% - 60px);
}
.btn--close{
    border: none; background: transparent;
}
.chatInner{
    background: linear-gradient(to right, #2D4EF5, #D94899);
}
/*End ChatBoat Start*/
/* .Enquery--modifier .js-hide.webform-confirmation-modal {
    display: block!important;
} */
.path-frontpage .ui-dialog-titlebar{
    background: var(--bg-multi1);
    color: #fff;
}
.path-frontpage button.ui-dialog-titlebar-close{
    border: 0px;
}
.path-frontpage .ui-dialog-titlebar-close::after{
    font-size: 14px;
    color: #fff;
    content: "\f00d";
    font-family: 'FontAwesome';
    font-weight: 300;
}
.path-frontpage .ui-dialog .ui-dialog-content {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;
    color: green;
}

.Logo__Modifier .logo_image{
    max-width: 120px;
}

.home-only.sticky--modifier .Logo__Modifier .logo_image{
    max-width: 80px;
}
.sec-title h2,.Branding__listing h2{
    color: var(--color-primary);
    font-size: 48px;
}
.sec-title p{
    max-width: 640px;
    margin: auto;
    line-height: 1.4;
    margin-bottom: 32px;
}
/* .footer_linkdin_icon svg {
    width: 16px;
    height: 16px;
    border-radius: 30px;
    background: var(--white);
    padding: 6px;
} */
.footer_linkdin_icon p{
    margin: 0;
}

/* .serveis-card > p{
    min-height: 100px;
} */

.homeslider--modifier .owl-item .views-field-body .slider-buttons .btn-primary{
    position: relative;
    padding-right: 50px;
}
.homeslider--modifier .owl-item .views-field-body .slider-buttons .btn-primary::after{
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/right_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.Product--modifier.services-section,.Enquery--modifier {
    padding-top: 4.5em !important;
}
.banner-signature .mt-4.text-center{
    margin-top: 0 !important;
}
.banner-signature{
        max-width: 900px;
    margin: auto;
    text-align: center;
    /* margin-bottom: 1.5rem; */
    /* background: #668bfe; */
    padding-bottom: 1rem;
    margin-top: 32px;
    border-radius: 4px;
    position: relative;
}
.banner-signature .learn-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -100%);
}
.banner-signature img{
    border-radius: 4px;
}
.js-form-item.form-item .iti.iti--allow-dropdown{
    width: 100%;
}

.js-form-item.form-item .iti.iti--allow-dropdown input{
    padding-left: 60px;
}

/* ============== */
.region.region-homeslider{
    display:block !important;
}
#main-slider {
    visibility: hidden;
  }



.new-industries {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.new-industries img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease-in-out; /* Smooth zoom effect */
  object-fit: cover;

 
 
}

.new-industries .views-field-title:hover ~ img {
  transform: scale(1.05); /* Slight zoom */
 
}



/* Text overlay on image */
.new-industries .views-field-title {
  position: absolute;
  top: 78%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  background: rgb(0 0 0 / 66%);
  padding: 10px 20px;
   object-fit: cover;
  font-size: 18px;
  width: 92%;
}


 .C-product--column {
    position: relative;
}

 .new-industries .field-content img:hover  {
  transform: scale(1.05); /* Zoom in slightly */
 }
 
 .new-industries {
  overflow: hidden; 
}
.new-industries .field-content{
    overflow:hidden;
    border-radius:4px;
}