@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary-color: #08045f; 
    --bs-link-color-rgb: 113, 246, 162; 
    ---bs-white: #ffffff;
    --secondary-color: #FBE000; 
    --gradient: radial-gradient(46.87% 62.05% at 78% -5%, rgba(103, 87, 230, 0.34) 0%, rgba(103, 87, 230, 0) 60%), radial-gradient(36.46% 51.71% at 5% 110%, rgba(0, 251, 154, 0.1) 0%, rgba(0, 251, 154, 0) 55%), linear-gradient(180deg, #0A0572 0%, #060238 100%);  
    --banner-gradient: radial-gradient(46.87% 62.05% at 78% -5%, rgba(103, 87, 230, 0.34) 0%, rgba(103, 87, 230, 0) 60%), radial-gradient(36.46% 51.71% at 5% 110%, rgba(0, 251, 154, 0.1) 0%, rgba(0, 251, 154, 0) 55%), linear-gradient(180deg, #0A0572 0%, #060238 100%);
    --cta-gradient: radial-gradient(36.46% 52.06% at 80% 0%, rgba(103, 87, 230, 0.38) 0%, rgba(103, 87, 230, 0) 60%), #060238;
    --btn-bg: var(--secondary-color);
    --btn-white: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #cdcdcd 100%);
    --line: rgba(255,255,255,0.08);
    --gg: linear-gradient(90deg, #6025F5 0%, #E40CD3 49.52%, #FF5555 100%);
}

body {font-family: "Hanken Grotesk", sans-serif;  font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.5; color: #333333; margin: 0; padding: 0; }

/* Common Style */
.post, .page { margin: 0; }
.text-red { color: #EF4035; }
a u.text-green:hover { color: #070707 !important; }
.primary-color { color: var(--primary-color) !important; }
.bg-primary-color { background-color: var(--primary-color) !important; }
.border-primary-color { border-color: var(--primary-color) !important; }
.secondary-color { color: var(--secondary-color) !important; }
.bg-secondary-color { background-color: var(--secondary-color) !important; }
.border-secondary-color { border-color: var(--secondary-color) !important; }
.text-black { color: #070707; }
.text-green { color: var(--primary-color) !important; }
.bg-green a.text-black:hover, a.text-green:hover, .text-yellow { color: var(--secondary-color) !important; }
.bg-green { background: var(--primary-color); }
a.bg-green:hover, .bg-green .btn.bg-white:hover { background: var(--secondary-color) !important; }
.bg-yellow { background: var(--secondary-color); }
.bg-black { background: #070707 !important; }
.bg-black-2 { background: #070707; }
.button { display: inline-block; padding: 16px 35px; text-align: center; font-size: 16px; font-weight: 600; transition: 0.3s all; border: none; border-radius: 0; color: var(--primary-color); background-color: var(--secondary-color); text-decoration: none;   background-size: 200% auto; }
.button:hover {color: var(--primary-color); transform: translateY(-3px);box-shadow: 0 8px 24px rgba(251, 224, 0, 0.4);}
a { text-decoration: none; color: var(--primary-color);}
.btn.hover-green:hover, .btn-green, .btn-yellow:hover { background: var(--primary-color) !important; color: #070707; }
.btn.hover-yellow:hover, .btn-yellow, .btn-green:hover { background: var(--gradient) !important; color: #fff; }
.btn-white { background-image: var(--btn-white); color: #070707 !important; }
.btn.focus, .btn:focus { box-shadow: none; outline: none; color: #070707; }
.btn-outline-white {background: transparent; border: 1px solid rgba(255,255,255,0.2);  color: #fff;}
.btn-outline-white:hover {border-color: #fff; color: var(--secondary-color);}
a:focus { outline: none; }
a:hover { color: var(--primary-color); }
a.btn-round { height: 90px; width: 90px; display: flex; align-items: center; justify-content: center; }
.btn-round-right { transform: rotate(-90deg); }
.min-width {min-width: 250px;}
@keyframes Btnmove {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}
.py-100 {padding-top: 100px; padding-bottom: 100px;}
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.pt-70 { padding-top: 70px; }
.pb-70 { padding-bottom: 70px; }
.pb-50 { padding-bottom: 50px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.px-70 { padding-left: 70px; padding-right: 70px; }
@media (min-width: 1400px) {
    .py-100 {padding-top: 130px; padding-bottom: 130px;}
    .py-70 { padding-top: 100px; padding-bottom: 100px; }
    .pt-70 { padding-top: 100px; }
    .pb-70 { padding-bottom: 100px; }
    .pb-50 { padding-bottom: 70px; }
    .py-50 { padding-top: 70px; padding-bottom: 70px; }
    .px-70 { padding-left: 100px; padding-right: 100px; }
}
.f-10 { font-size: 10px; }
.f-16 { font-size: 16px; }
.f-20 { font-size: 20px; }
.f-32 { font-size: 32px; }
.green-devider { border-color: var(--primary-color); }
.h-450 { height: 450px; }
.h-42 { min-height: 42px; }
h3.wp-block-heading { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
h4.wp-block-heading { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
ul.wp-block-list { padding-left: 10px; margin-left: 20px; }
ul.wp-block-list li { margin-bottom: 10px; }
.page-common-section h1.entry-title { font-size: 34px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #070707; }
@media (max-width:767px) {
    .py-100 {padding-top: 70px; padding-bottom: 70px;}
    .py-70 { padding-top: 50px; padding-bottom: 50px; }
    .pt-70 { padding-top: 50px; }
    .pb-70 { padding-bottom: 50px; }
    .px-70 { padding-left: 50px; padding-right: 50px; }
    div .f-24, div .f-26, div .f-27 { font-size: 20px !important; }
}
.f-26 { font-size: 26px; }
.f-24 { font-size: 24px !important; }
.f-27 { font-size: 27px !important; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.big-font {font-size: clamp(40px, 4vw, 72px); line-height: 1.1}
.big-font span {color: var(--secondary-color);}
.common-title { font-weight: 700; font-size: 40px; }

/* BACK TO TOP */
#scrollUp { background-image: var(--gradient); background-size: 200% auto; height: 40px; width: 40px; right: 30px; bottom: 0px; color: var(---bs-white); font-size: 20px; text-align: center; border-radius: 0%; display: flex; align-items: center; justify-content: center;  position: fixed; visibility: hidden; opacity: 0; cursor: pointer; z-index: 999; } 
#scrollUp.active { bottom: 30px; visibility: visible; opacity: 1; transition: ease 0.4s }
@media (max-width:767px) {
    #scrollUp { right: 16px; }
    #scrollUp { width: 40px; height: 40px; line-height: 38px; }
}
#scrollUp:hover { color: var(---bs-white); background-size: right center }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100%;}
  .home-banner .big-font {font-size: 3rem;}
}
@media (min-width:1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1360px; }
    .home-banner .big-font {font-size: 4rem;}
}
@media (min-width:1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1460px; }
}
@media (max-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100%;}
}
.our_projects_section { display: none; }

/*============= Header CSS */
/*.header-logo { font-size: 3rem;  text-transform: uppercase;  font-style: italic;  color: var(--primary-color);}*/
.green-banner .header-main .header-logo { color: var(--bs-black);}
.custom-logo-link { display: inline-block; }
.menushow body { overflow: hidden; }
.home .site-header { background: #070707; }
.site-header { background: var(--primary-color); padding: 10px 0;}
header.site-header.common-header { background: transparent; position: fixed; top: 0; z-index: 9; width: 100%; left: 0px; animation: slide-down 0.3s; animation-duration: 0.3s; transition: 0.3s all; } 
@keyframes slide-down {
    0% { opacity: 0; transform: scale(0.9); }
    100% { opacity: 0.9; transform: scale(1); }
}
header.common-header.sticky-header { background: var(--primary-color); padding-top: 0; padding-bottom: 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); }
header.sticky-header .header-logo { color: var(--bs-black);}
header .logo-dark, header.sticky-header .logo-light, .green-banner header .logo-light {display: none;}
header.sticky-header .logo-dark, .green-banner header .logo-dark {display: block;}
header.sticky-header .header-main .main-menu ul li a {color: var(---bs-white);}
header.sticky-header .desktop-menu-top .menu li a { color: #070707; }
header.sticky-header .site-branding img { filter: none }
header.sticky-header .desktopn-toggle-menu a img { filter: brightness(0) invert(1); }
.technology-menu { padding-bottom: 60px; }
.desktop-menu-top .menu { padding: 0; margin: 0; display: flex; align-items: center; list-style: none; }
.desktop-menu-top .menu li { padding-left: 25px; padding-right: 25px; }
.desktop-menu-top .menu li:first-child { padding-left: 0; }
.desktop-menu-top .menu li:last-child { padding-right: 0; }
.desktop-menu-top .menu li a { color: #070707; font-size: 16px; font-weight: 500; text-decoration: none; }
.desktop-menu-top .menu li.current-menu-item a, .desktop-menu-top .menu li:hover a { color: #fff; border-bottom: 1px solid #fff; }

.header-main .main-menu ul#menu-main-menu {margin: 0;}
.black-banner .header-main .main-menu ul li a, .home .header-main .main-menu ul li a { color: var(---bs-white)  ; text-decoration: none; }
.green-banner .header-main .main-menu ul li a { color: var(---bs-white); }
.desktopn-toggle-menu a { text-decoration: none; }
.desktopn-toggle-menu a .cancel-icon, .desktopn-toggle-menu.show a .toggle-icon { height: 0; width: 0; opacity: 0; visibility: hidden; transition: 0.3s all; transform: scale(0) rotate(90deg); }
.desktopn-toggle-menu a .toggle-icon, .desktopn-toggle-menu.show a .cancel-icon { height: auto; width: auto; opacity: 1; visibility: visible; transition: 0.3s all; transform: scale(1) rotate(-90deg); }
.black-banner .desktopn-toggle-menu a img, .black-banner .desktopn-toggle-menu a img, .black-banner .site-branding img { filter: none }
.bg-black-2 .hero-banner-content * { color: #fff; }
.desktopn-toggle-menu, .site-branding { position: relative; z-index: 9999; }
.desktopn-toggle-menu { margin-left: 160px; }
.mobile-scroll { position: relative; z-index: 3; }
.desktop-scroll { max-height: calc(100vh - 7rem); height: 100%; /* Ensure a height is set */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* Smooth scrolling */ display: flex; margin-top: 150px; scrollbar-width: thin; /* For Firefox */ }

/* For Webkit browsers (Chrome, Safari) */
.desktop-scroll::-webkit-scrollbar { width: 16px; /* Adjust scrollbar width */ }
.desktop-scroll::-webkit-scrollbar-track { background: #f1f1f1; /* Track color */ }
.desktop-scroll::-webkit-scrollbar-thumb { background: #888; /* Scrollbar color */ border: 3px solid #f1f1f1; /* Optional: Adds space around thumb */ }
.desktop-scroll::-webkit-scrollbar-thumb:hover { background: #555; /* Darker color on hover */ }
.navigation-wrapper { display: none; }
 
.navigation-wrapper { color: #fff; background: var(--primary-color);    /* background-image: url(../img/MGC-197.jpg); */ background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 999; top: 0px; right: 0; left: 0; bottom: 0; position: fixed; display: flex; justify-content: center; flex-direction: column; transform: translateY(-10%); visibility: hidden; padding: 0px 0; font-family: var(--title-font); height: 100vh; }
.navigation-wrapper { transform: translateY(-100%); -webkit-transform: translateY(-100%); -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; transition-delay: 120ms; }
.navigation-wrapper.show { visibility: visible; opacity: 1; }
.navigation-wrapper.show { transform: translateY(0); -webkit-transform: translateY(0); display: flex; }
.navigation-wrapper .menu-common:not(:last-child) { margin-bottom: 50px; }
.navigation-wrapper .menu-common h3 { font-size: 34px; color: #070707; font-weight: 600; margin-bottom: 15px; }
.navigation-wrapper .menu-common ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; }
.navigation-wrapper .menu-common ul li { padding-right: 5px; margin-right: 5px; display: flex; align-items: baseline; }
.navigation-wrapper .menu-common ul li a:hover, .menu-common .technology-menu-list a:hover, .navigation-wrapper .menu-common ul li:hover a, header.sticky-header .desktop-menu-top .menu li:hover a, header.sticky-header .desktop-menu-top .menu li.current-menu-item a { border-bottom: 2px solid #070707; }
.navigation-wrapper .menu-common ul li a, .menu-common a, .technology-menu.menu-common a, .menu-common .technology-menu-list a { color: #070707; font-size: 30px; font-weight: 400; line-height: 50px; text-decoration: none; border-bottom: 2px solid transparent; }
.menu-common .technology-menu-list a:hover { color: #070707; }
.menu-common .technology-menu-list a:not(:last-child):after, .navigation-wrapper .menu-common ul li:not(:last-child):after { content: ","; color: #070707; }
/*.menu-common .technology-menu-list-new a:not(:last-child):after, .navigation-wrapper .menu-common ul li:not(:last-child):after { content: ","; color: #070707; }*/


/*============= Hero Banner CSS */
.hero-banner { min-height: 450px; display: flex; align-items: center; position: relative; color: rgba(255, 255, 255, 0.8); }
.hero-banner h1 {color: #ECEAFC;}
.banner-desc p {padding: 0;}
.home .hero-banner, .home .site-header { background: #070707; }
.page-template-aboutus-page .hero-banner, .page-template-aboutus-page .site-header { background: var(--primary-color); }
.home-banner, .bg-gradient {position: relative; background: #170f2c;} 
.home-banner:after, .bg-gradient:after {  background: var(--gradient); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; content: ""; opacity: .5;}
.bg-gradient-light {background: transparent; }
.bg-gradient-light:after {opacity: 0.1; z-index: -1;}
.banner-gradient {background: var(--banner-gradient);}
 
.hero-banner.bg-green .btn.btn-round { background: #fff; }
.prev-icon { transition: 0.3s all; transform: rotate(90deg); top: 0px; }
 
a.btn-round.btn.small-navigation { height: 50px; width: 50px; }
a.btn-round.btn.small-navigation img { min-width: 15px; }
.section-dark {background: var(--banner-gradient); color: rgba(255, 255, 255, 0.8);  position: relative; }
/*.section-dark::before { content: ''; position: absolute; top: -200px;  right: -200px;  width: 600px;  height: 600px;  background: radial-gradient(circle, rgba(61,255,176,0.08) 0%, transparent 70%);  pointer-events: none;}*/
.section-head { max-width: 780px; margin-bottom: 56px; }
.track-record--section .section-head { margin: 0 auto 75px; text-align: center; }
.eyebrow { margin-bottom: 16px; display: block; font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; }
.eyebrow.on-dark { color: var(--secondary-color); }
.section-head h2 { font-weight: 700; font-size: clamp(35px, 4vw, 58px); line-height: clamp(42px, 4vw, 60px); letter-spacing: -1.45px; color: #14122B; margin: 30px 0 20px; }
.section-head h2.sh-tr-h2 { color: #fff; }
.section-head p { font-weight: 400; font-size: clamp(15px, 4vw, 20px); line-height: clamp(25px, 4vw, 30px); color: #45415F; }
.section-dark .section-head p { color: #A39FD0; }

/*============= Technology Support CSS */
.swiper-button-next, .swiper-button-prev {width: 40px; height: 40px; border-radius: 50px; display: flex; align-items:center; justify-content:center; border: 1px solid #06061a; color: #06061a; --swiper-navigation-sides-offset: 0;}
.swiper-button-next:hover, .swiper-button-prev:hover {color: #fff; background: linear-gradient(135deg, #6025F5 0%, #E40CD3 100%);  border-color: transparent;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}
.technologySwiper .swiper-pagination {position: unset; margin-top: 2rem;}

.technology-box {display: flex; align-items: center; justify-content: center; }
.technology-box img {height: 80px; object-fit: contain;}
@media (max-width: 767px) {
	.technology-box img {height: 50px;}
}
.mgc-support-box { padding: 30px; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: start;  text-decoration: none !important;  transition: 0.3s all; }
.mgc-support-box:after {content: "";opacity: .1; background: var(--gradient);  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  z-index: -1;}
.mgc-support-box:hover:after {opacity: 0.15}
.mgc-support-box-pointer { pointer-events: fill !important; }
.mgc-support-content h4 { font-weight: 600; color: #070707; }
.mgc-support-content p { font-weight: 400; font-size: 16px; line-height: 30px; }
.mgc-support-box .right-icon, .right-icon { transition: 0.3s all; transform: rotate(-90deg); top: 0px; }
.mgc-support-box:hover .right-icon { transition: 0.3s all; position: relative; top: -10px; }
.cursor-pointer { cursor: pointer; pointer-events: all; }
.mgc-support-box.bg-green:hover { transition: 0.3s all; background: var(--secondary-color); }
.mgc-support-box.bg-yellow:hover { transition: 0.3s all; background: var(--primary-color); }
.tech-testimonials-section p { font-weight: 500; font-size: 20px; }
.technology-menu-list a { font-size: 28px; color: #070707; margin-right: 10px; border-bottom: 2px solid #070707; text-decoration: none; margin-bottom: 15px; display: inline-block; }
.technology-menu-list a:hover { border-bottom: 2px solid #070707; }
.technology-menu-list a:hover { color: var(--primary-color); }
.technology-menu-list a::after { content: ","; }
.technology-menu-list a:last-child:after { content: "."; }


.technology-menu-list-new a::after { content: ","; }
.technology-menu-list-new a:last-child:after { content: "."; }


.project-slide-img img { height: 700px; width: 100%; object-fit: cover; }
.project-slide-content { position: absolute; bottom: 50px; left: 50%; width: 100%; transform: translateX(-50%); }
.partners-logo-grid { display: grid; grid-template-columns: auto auto auto auto auto; gap: 30px; }
.partners-logo img {    /* width: 100px; */object-fit: contain; }
.news-wrapper .news-featured-image-customize { height: 530px; }
.news-wrapper .news-featured-image-customize img { object-fit: cover; object-position: center; height: 100%; }
.projectbox-wrapper .project-featured-image img, .news-wrapper .news-featured-image img { min-height: 450px; height: 100%; object-fit: cover;    /* border-radius: 30px; */ }
.mgc-support-box { height: 100%; }
.news-wrapper.news-list-box .news-featured-image { height: auto; max-height: initial; }
.news-wrapper.news-list-box .news-featured-image img { max-height: 450px; }
.projectbox-wrapper, .projectbox-wrapper .project-featured-image, .news-wrapper .news-featured-image { height: 100%; max-height: 450px; position: relative; }
.projectbox-wrapper .project-view-btn { position: absolute; bottom: 25px; right: 50px; }
.projectbox-wrapper:hover .project-featured-image::before { position: absolute; content: ""; background: rgba(113, 246, 162, 0.8); height: 100%; width: 100%; left: 0; top: 0; }
.home-tech-logo img { width: 130px; object-fit: contain; }
.home-tech-content-wrap { max-width: 70%; }
.home-tech-box-wrapper:not(:last-child) .home-tech-content { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #707070; }
.linkdin-posts-section { background: #01617C; }
.digitaldevelopmentSwiper .swiper-slide img { height: 450px; object-fit: cover; }
.news-grid { display: flex; flex-wrap: wrap; }
.news-grid .news-wrapper { padding: 15px; }
.news-grid .news-wrapper:first-child { width: 57% }
.news-grid .news-wrapper:nth-child(2) { width: 43%; }
.news-grid .news-wrapper:nth-child(3), .news-grid .news-wrapper:nth-child(4) { width: 38%; }
.news-grid .support-box-grid { padding: 15px; width: 24%; }
.news-wrapper .news-view-btn { position: absolute; bottom: 50px; right: 50px; font-weight: 400; }
.latest_news_section .mgc-support-content h4 { font-size: 20px; }
.recent-box-wrapper .view-btn { position: absolute; right: 50%; transform: translateX(50%); width: auto; max-width: 80%; bottom: 50px; }

/*============= Footer CSS */
footer {color: #070707; position: relative; z-index: 1; }
footer:after {content: "";opacity: .2; background: var(--gradient);  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  z-index: -1;}
.footer-col h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.footer-menu-links ul li a:hover { color: var(--primary-color) !important; }
.footer-tech-list li { width: 50%; padding-right: 10px; }
.support-payment img { height: 35px; object-fit: contain; }
.footer-phone { font-size: 22px; font-weight: bold; }
.legal-menu-wrap .menu { padding: 0; margin: 0; list-style: none; }
.legal-menu-wrap .menu li a { color: #070707; text-decoration: none; }
.footer-col a:hover, .legal-menu-wrap .menu li a:hover { color: var(--primary-color) !important; }
footer ul li { margin-bottom: 10px; line-height: 1.2;}
ul.menu li.support-menu, .footer-col ul.menu li.digital-menu, ul.menu li.news-menu { display: none; }

/*============= Form CSS */
.quote-form label { color: #070707; font-size: 26px; font-weight: bold; margin-bottom: 30px; }
.quote-form .form-control { border: 1px solid #bdbdbd; height: auto; padding: 12px; }
.multi-select input[type=checkbox], .select-option input[type="radio"] { opacity: 0; position: absolute; }
.multi-select input[type=checkbox]:checked + label, .select-option input[type=radio]:checked + div.btn { background-color: var(--secondary-color) !important; }
.quote-form label.button_select, .option.select-option { font-size: 16px; font-weight: 400; text-align: left; }

/*============= About Us CSS */
.emp-box-wrapper { padding: 30px; }
.emp-image img { width: 150px; height: 150px; object-fit: cover; }
.member-details { min-height: 600px; background-repeat: no-repeat !important; background-size: cover !important; background-position: top center !important; }
.member-details::after { position: absolute; content: ""; background: rgba(113, 246, 162, 0.8); left: 0; top: 0; height: 100%; width: 0; opacity: 0; visibility: hidden; transition: 0.3s all; }
.member-details-content { display: none; }
.show-content:hover, .show-content:hover .member-details-content { display: flex; }
.show-content:hover.member-details::after { width: 100%; visibility: visible; opacity: 1; transition: 0.3s all; }
.changing-livesSwiper .swiper-slide img { max-height: 400px; }

.howit-works--section { background: #060238; }
.hiw-timeline.howit-works--section .wrap, .hiw-timeline.howit-works--section .hiw-timeline-grid, .hiw-timeline.howit-works--section .timeline { overflow: visible;}
.hiw-timeline-grid { display: grid; grid-template-columns: 380px 1fr; gap: 80px; align-items: start; }
.hiw-tl-sidebar { position: sticky; top: 80px; align-self: start; height: fit-content;}
.hiw-trust-strip { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.hiw-trust-item { display: flex; align-items: center; gap: 8px; }
.hiw-trust-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--secondary-color); flex-shrink: 0; }
.hiw-trust-item span:last-child { font-size: 13px; color: rgba(255, 255, 255, 0.8); }
.hiw-loop-note { background: rgba(61, 255, 176, 0.07); border: 1px solid rgba(61, 255, 176, 0.2); border-radius: 12px; padding: 18px 20px; display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; font-size: 13px; }
.hiw-loop-icon { color: var(--secondary-color); font-size: 18px; flex-shrink: 0; margin-top: 2px; line-height: 1; }
.hiw-loop-note p { color: rgba(255, 255, 255, 0.8); line-height: 1.6; margin: 0; }
.hiw-easy-box { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 18px 20px; font-size: 13px;}
.hiw-easy-box__label { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); margin-bottom: 12px; }
.timeline { display: grid; grid-template-columns: 80px 1fr; gap: 0; position: relative; z-index: 1; }
.timeline::before { content: ""; position: absolute; border: beige; left: 40px; top: 0; width: 1px; height: 100%; background: linear-gradient(180deg, var(--secondary-color) 0%, #6757E6 60%, rgba(103, 87, 230, 0) 100%); z-index: -1; }
.tl-step { display: contents; }
.tl-marker { display: flex; flex-direction: column; align-items: center; }
.tl-num { width: 56px; height: 56px; border-radius: 50%; background: var(--primary-color); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--secondary-color); font-size: 15px; flex-shrink: 0; }
.tl-content { padding-bottom: 56px; padding-left: 30px; }
.tl-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: space-between; margin-bottom: 12px; }
.tl-head h3 { font-weight: 700; font-size: clamp(18px, 4vw, 21px); line-height: clamp(25px, 4vw, 32px); align-items: center; letter-spacing: -0.42px; color: #ECEAFC; }
.tl-outcome { text-transform: uppercase; display: flex; flex-direction: column; align-items: flex-start; padding: 6px 12px; background: rgba(0, 251, 154, 0.14); border-radius: 999px; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.55px; color: var(--secondary-color); }
.tl-content p { font-weight: 400; color: #A39FD0; }
@media (max-width:767px) {
    .hiw-timeline-grid { grid-template-columns: 1fr; }
    .hiw-tl-sidebar { position: unset; }
    .timeline { grid-template-columns: 40px 1fr; }
    .timeline::before { left: 20px; top: 2px; }
    .tl-num { width: 40px; height: 40px; font-size: 12px; }
    .tl-content { padding-bottom: 30px; padding-left: 10px; }
    .tl-head { gap: 10px; }
    .tl-outcome { font-size: 12px; }
}

/*============= Technology Single Page CSS */
.banner-overlay::before { position: absolute; content: ""; background: rgba(113, 246, 162, 0.8); left: 0; top: 0; height: 100%; width: 100%;/*  border-radius:9px; */ }
.bg-yellow.banner-overlay::before { background: rgba(250, 250, 83, 0.8); }
.bg-black-2.banner-overlay::before { background: rgba(0, 0, 0, 0.6); }
.green-divider { border: 1px solid var(--primary-color); margin-top: 50px; margin-bottom: 50px; }
.testimonials_team_images { max-height: 450px;    /* height: 100%; */ }
.testimonials_images_case_studies { width: 300px; min-width: 300px; height: 300px; object-fit: cover; }
.teq-img {height: 80px; object-fit: contain; object-position: left center; filter: brightness(0) invert(1);}
@media (max-width: 767px) {
    .teq-img { height: 50px;}
}

/*============= FAQs Page CSS */
.accordion-item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid var(--primary-color); border-top: 0; border-right: 0; border-left: 0; border-radius: 0 !important; }
.accordion-header .accordion-button { font-size: 24px; font-weight: bold; color: #070707; background: none; border: none; box-shadow: none; display: block; }
.accordion-header .accordion-button { padding: 0 80px 0 0; }
.accordion-button::after { position: absolute; content: "";   right: 0; top: 0; width: 30px; height: 30px; background-size: 20px;  text-align: center; background-position: center; background-color: #e5e5e5;  border-radius: 50%; }
.accordion-button:not(.collapsed)::after {   transform: rotate(-180deg); }
.accordion-item .accordion-body { padding-left: 0; padding-right: 80px; }
.user-select-none button { pointer-events: none; cursor: default !important; }
.accordion-item.user-select-none { border: none; padding-bottom: 0 !important; }
.accordion-item.user-select-none .accordion-button::after { display: none; }

/*============= Pricing Page CSS */
.pricing-action-btns > a:not(:last-child) { margin-right: 15px; }
.includes-list li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #050505; }
.bg-yellow .hero-banner-content h1 { color: #070707; }

/*============= Contact Page CSS */
.contact-form-wrapper p { margin: 0; }
.contact-form-wrapper .form-control { border: none; height: auto; padding: 12px; }
.contact-form-wrapper input[type="submit"] { color: #070707; background: var(--primary-color); padding: 15px 25px; text-align: center; font-size: 16px; line-height: normal; font-weight: 500; transition: 0.3s all; border: 1px solid #050505; }
.contact-form-wrapper input[type="submit"]:hover { background: var(--secondary-color); border-color: transparent; }
.wpcf7 form .wpcf7-response-output { display: none !important; }
ul.level-1 { list-style: none; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding-left: 0; margin: 0; }
ul.level-1 li, ul.level-2 li, ul.level-3 li, .tandc-list li { padding-top: 4px; padding-bottom: 4px; }
ul.level-2 { list-style: circle; font-size: 14px; margin-bottom: 10px; padding-left: 30px; margin-left: 0; }
.intro-img { width: 150px; min-width: 150px; height: 150px; object-fit: cover; }
.digital-dev-img img { max-height: 450px; }
.client-details-img img { height: 150px; width: 150px; min-width: 150px; object-fit: cover; }
.light-font { font-weight: 300 !important; }
.green-color { background-color: #00FA9A; height: 15px; width: 25%; }
.pink-color { background-color: #F405EA; height: 15px; width: 25%; }
.yellow-color { background-color: #FAF000; height: 15px; width: 25%; }
.light-blue-color { background-color: #B5EBFC; height: 15px; width: 25%; }
.hero-banner-content p { padding: 10px 23em; }
.hero-content { position: absolute;    /*top: 55%;*/ left: 50%;    /*transform: translate(-50%, -45%);*/ top: 50%; transform: translate(-50%, -50%); }
.card-box { border-radius: 9px; position: relative; display: flex; justify-content: center; }
.card-box img { height: 513px; width: 100%; object-fit: cover; object-position: center; border-radius: 9px; }
.card-box-content { position: absolute; padding: 0 11em; bottom: 11em; }
.card-box-content h1 { font-size: 33px; font-weight: 300; color: var(--primary-color); text-align: center; }
.card-box-content a { background-color: var(--primary-color); color: #000000; width: 252px; height: 42px; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; border-radius: 8px; text-decoration: none; }
.hero-banner-desktop { display: block; padding: 200px 0;}
.hero-banner-mobile { display: none; }
.home-banner .hero-banner-content h5 {max-width: 700px; margin: 0 auto;}
video.hero-bg-video {  height: 100%;  width: 100%;  object-fit: cover;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 0;}
.banner-overlay::before {  position: absolute;  content: "";  background: rgba(0, 0, 0, 0.6);  left: 0;  top: 0;  height: 100%;  width: 100%; z-index: 1}
.hero-content-customize { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ }
.text-green { color: var(--primary-color); text-decoration: none; }
.expert-content p { font-size: 30px; font-weight: 300; line-height: 55px; }
.expert-content .technology-menu-list-new { font-size: 26px; font-weight: 400; position: relative;}
.expert-content .technology-menu-list-new a {text-decoration: none; border-bottom: none; margin: 0; position: relative;}
.expert-content .technology-menu-list-new a:after { content: "";  position: absolute;  width: 0;  height: 1px;  margin-top: 2px;  display: block;  right: 0;  background: currentColor;  transition: all .3s ease-in-out;}
.expert-content .technology-menu-list-new a:hover:after {width: 100%;  left: 0;}
.expert-padding-1 { padding: 0 18em; }
.technology-padding-1 { padding: 0 8rem; }
.expert-padding-2 { padding: 0 5em; }
.border-bottom-green { border-bottom: 2px solid var(--primary-color); }
.section-heading { text-align: center; }
.section-heading h1, .section-heading h2 { font-size: 30px; font-weight: 500; margin-bottom: 70px; }
.section-heading-padding { padding: 0 18em; }
.profile-img { padding: 16px; }
.profile-img img { width: 203px; height: 203px; object-fit: cover; border-radius: 50%; object-position: top center; }
.big-card { background-color: #27323E; padding: 50px; border-radius: 46px; margin-top: 60px; }
.big-card .first-column { width: 20%; }
.big-card .second-column { width: 30%; padding-right: 13em; }
.big-card .third-column { width: 50%; padding-right: 5em; }
.big-card .support-name h5 { font-size: 21px; font-weight: 500; color: #fff; padding-top: 16px; }
.big-card .description { margin-top: 50px; }
.big-card .designation p, .big-card .description p { font-size: 17px; color: #fff; }
.big-card .description p:nth-child(2) { margin-top: 16px; }
.big-card .title h2 { font-size: 33px; font-weight: 500; color: #fff; padding-top: 16px; }
.big-card .title h2 span { color: var(--primary-color); }
.big-card .title-description p { font-size: 24px; font-weight: 500; color: #fff; }
.big-card .platform-title, .big-card .support-title, .big-card .visit-title, .big-card .btn-section { margin-top: 40px; }
.big-card .platform-title p, .big-card .support-title p, .big-card .visit-title p { font-size: 21px; color: #fff; font-weight: 500; margin-bottom: 0; }
.big-card .platform-description p, .big-card .support-description p { font-size: 17px; color: #fff; }
.big-card .visit-link a { font-size: 17px; color: #fff; }
.big-card .btn-section { display: flex; gap: 32px; }
.big-card .btn-section a { font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; height: 42px; width: 252px; background-color: var(--primary-color); text-decoration: none; border-radius: 8px; color: #000; }
.big-card .btn-section a:hover { color: #000; }
.section-border-bottom { border-bottom: 3px solid var(--primary-color); }
.mt-50 { margin-top: 50px; }
.black-bg { background-color: #000; width: 100%; }
.normal-heading { padding: 0 12em; }
.normal-heading h2 { font-size: 30px; font-weight: 300; }
.card-box-logo { position: relative; padding: 32px; width: 25%; border-right: 1px solid #fff; text-align: center }
.card-box-logo:last-child { border-right: none; }
.card-box-logo .card-box-title p { font-size: 16px; font-weight: 300; color: #fff; }
.card-box-logo .card-box-description p { font-size: 16px; font-weight: 300; color: #fff; }
.mt-40 { margin-top: 40px; }
.mt-30 { margin-top: 30px; }
.all-images-section { display: flex; }
.all-images-section .resolve-images { width: 25%; }
.mb-40 { margin-bottom: 40px; }
.green-img { position: relative; }
.green-img img { display: block; width: 100%; height: auto; }
.green-img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(113, 246, 162, 0.8); opacity: 0; transition: opacity 0.3s ease; }
.green-img:hover::after { opacity: 1; transition: 0.3s all; height: 100% }
.pink-img { position: relative; }
.pink-img img { display: block; width: 100%; height: auto; }
.pink-img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(244, 5, 234, 0.8); opacity: 0; transition: opacity 0.3s ease; }
.pink-img:hover::after { opacity: 1; transition: 0.3s all; height: 100% }
.yellow-img { position: relative; }
.yellow-img img { display: block; width: 100%; height: auto; }
.yellow-img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(250, 240, 0, 0.8); opacity: 0; transition: opacity 0.3s ease; }
.yellow-img:hover::after { opacity: 1; transition: 0.3s all; height: 100% }
.blue-img { position: relative; }
.blue-img img { display: block; width: 100%; height: auto; }
.blue-img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(181, 235, 252, 0.8); opacity: 0; transition: opacity 0.3s ease; }
.blue-img:hover::after { opacity: 1; transition: 0.3s all; height: 100% }

/* Style for slideshow container */
.swiper-container-slider { width: 100%; height: 740px; margin: auto; overflow: hidden; }
.swiper-slide-slider { position: relative; background-size: cover; background-position: center; }
.swiper-slide-slider img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.slide-content-slider { position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); background: var(--primary-color); color: #000; display: flex; justify-content: center; align-items: center; text-align: center; height: 42px; width: 252px; }
.slide-content-slider a { text-decoration: none; font-weight: 500; }
/* .swiper-slide-prev, .swiper-slide-next { opacity: 0.5; transform: scale(0.9); } 
.swiper-button-next, .swiper-button-prev { color: #fff; }*/
.swiper-pagination-bullet-active { background: #ff5722; }

/* .slide-content a{

    background-color:var(--primary-color);

    color:#000;

    padding:5px 40px;

} */
.mb-50 { margin-bottom: 50px; }
.swiper-button-next-green { background-image: url(../img/ic-arrow-right.svg); }
.swiper-button-prev-green { background-image: url(../img/ic-arrow-left.svg); }
.swiper-pagination-dott { display: block; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); }
.swiper-pagination-bullet { background-color: #000; width: 12px; height: 12px; margin: 0 5px; }

/* Highlight active pagination bullet */
.swiper-pagination-bullet-active { background-color: var(--primary-color); /* Light color for the active bullet */ }

/* Optional: Adjust hover state */
.swiper-pagination-bullet:hover { background-color: var(--primary-color); }
.yellow-font h1 span { color: var(--secondary-color) !important; }
.case-study-view-btn { margin-top: 50px; }
.case-study-view-btn a { padding: 11px 50px; background-color: var(--primary-color); color: #000; font-weight: 500; border-radius: 8px; }
.rebuild-f-50, .service-list-title { font-size: 50px; }
.beyond, .consultancy, .academy, .digital { position: absolute; bottom: 35px; }
.beyond a { background-color: var(--primary-color); height: 50px; width: 252px; display: flex; font-weight: 500; justify-content: center; align-items: center; color: #000; border-radius: 8px; font-size: 16px; text-decoration: none; }
.consultancy a { background-color: #B5EBFC; height: 50px; width: 252px; display: flex; font-weight: 500; justify-content: center; align-items: center; color: #000; border-radius: 8px; font-size: 16px; text-decoration: none; }
.academy a { background-color: #FAF004; height: 50px; width: 252px; display: flex; font-weight: 500; justify-content: center; align-items: center; color: #000; border-radius: 8px; font-size: 16px; text-decoration: none; }
.digital a { background-color: #F405EA; height: 50px; width: 355px; display: flex; font-weight: 500; justify-content: center; align-items: center; color: #000; border-radius: 8px; font-size: 16px; text-decoration: none; }
.card-boxes { flex-wrap: wrap; }
.development-hero-content-pe { padding-right: 11rem !important; }
.font-title { font-size: 50px; }
.development-content { font-size: 19px; }
.introductory-title { font-size: 43px; }
.swiper-pagination-dott { display: none; }
.down-arrow-greenbg { background-color: var(--primary-color); padding: 23px 36px; border-radius: 50%; }
.two-line-menu .menu-support-menu-container .menu, .two-line-menu .menu-main-menu-container .menu { display: block; }
.blogs-section { padding-left: 90px; padding-right: 90px; }
.blog-ul { display: flex; gap: 75px; padding-left: 0; margin-left: 0; }
.blog-ul li { list-style: none; }
.blog-txt { font-size: 19px; font-weight: 400; text-decoration: none; list-style: none; color: #000; }
.blog-img-section { flex-wrap: wrap;  }
.blog-image { height: 300px; position: relative; }
.blog-image a { position: relative;  z-index: 1;  display: block;  height: 100%; overflow: hidden;}
.blog-image a::after {  content: "";  position: absolute;  top: 0;  right: 0;  left: 0;  bottom: 0;  background: rgba(0, 0, 0, .3);  z-index: 0; transition: 0.4s ease-in-out;}
.blog-image:hover a::after {background: rgba(0, 0, 0, .6); transition: 0.4s ease-in-out;}
.blog-image:hover img {  transform: scale(1.1);  transition: transform 0.4s;}
.blog-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform 0.4s;}
.margin-blog-img { margin-top: 80px; }
.blog-content { background-color: #fff; z-index: 1; padding: 15px; width: 70%; position: absolute; bottom: 0px; left: 12px; }
.blog-content a { font-size: 14px; font-weight: 600; text-decoration: none; color: var(--primary-color); }
.blog-content .p { font-size: 20px; font-weight: 700; color: #000; }
.blog-content .p a { font-size: 20px; font-weight: 700; color: #000; }
.right-contain-blog { width: 300px; }
.blog-right-center { display: flex; justify-content: center; }
.blog-left-content { width: 540px; }
.blog-left-content .p { font-size: 19px; font-weight: 300; }
.blog-left-author { margin-left: 25px; }
.blog-left-author p { line-height: 22px; }
.blog-left-author .name { font-size: 15px; font-weight: 300; margin-bottom: 0; }
.blog-left-author .dtae { font-size: 15px; font-weight: 300; }
.backto-txt a { font-size: 19px; font-weight: 300; text-decoration: none; color: #000; }
.btn-blog { display: flex; padding-left: 0; margin-left: 0; gap: 30px; }
.btn-blog li { list-style-type: none; border-right: 1px solid #000; padding-right: 30px; }
.btn-blog li:last-child { border-right: none; padding-right: 0; }
.btn-blog li a { color: #000; text-decoration: none; font-size: 19px; font-weight: 300; }
.blog-group-img { position: relative; width: 100%; height: 826px; overflow: hidden; }
.blog-group-img img { object-fit: cover; object-position: center; width: 100%; height: auto; transition: transform 0.2s ease-out; /* Smooth transition for scaling */ }
.blog-tab-section, .award-blog-section, .subscribe-form-section, .blog-second-container { margin-top: 90px; width: 48%; }
.blog-thankyou-section { margin-top: 90px; width: 65%; }
.tab-topics-right .heading { font-size: 14px; font-weight: 700; margin-left: 3.5em; }
.tab-topics-right ul { padding-left: 0 }
.tab-topics-right ul li { list-style-type: none; }
.tab-topics-right ul li a { font-size: 19px; font-weight: 300; text-decoration: none; color: #000; }
.pagination a { color: #000; text-decoration: none; }
.tab-topics-right ul li a:hover { color: var(--primary-color) !important; }
.tab-topics-right ul li a.active { color: var(--primary-color) !important; }
.blog-tab-left {    /* width:65%; */border-right: 1px solid #000; padding-right: 60px; }
.tab-topics-right { /* width:35%; */text-align: left; }
.social-media-blog { margin-top: 60px; margin-left: 3.5em; }
.subscribe-form { background-color: #27323E; padding: 49px 13rem; width: 100%; border-radius: 46px; height: auto; }
.subscribe-title { font-size: 22px; font-weight: 700; color: #fff; }
.subscribe-content { font-size: 15px; font-weight: 300; color: #fff; margin-top: 22px; }
.input-filed { background-color: #fff; text-align: center; color: #BCBABA; width: 300px; }
.input[type="text"]:focus, input[type="email"]:focus, input[type="text"]:focus-visible { outline: transparent !important; border: transparent; }
.btn-submit { background-color: var(--primary-color) !important; border: transparent !important; font-size: 16px; font-weight: 500; margin-left: 16px; height: 37px; }
.blog-second-content { font-size: 19px; font-weight: 300; }
.contact-d-flex p { display: flex; }
.black-bg-temp { background-color: rgba(0, 0, 0, 0.7) !important; height: 95px; width: 100%; }
.blog-right-center .content { padding-right: 8em; }
.award-blog-section .gap-between-row { row-gap: 20px; }
.parallax-section { position: relative; width: 100%; height: 100vh; /* Full screen height */ background-size: cover; background-position: center; background-attachment: scroll; background-repeat: no-repeat; z-index: -1; /* Ensures it's behind content */ }
.parallax-content, .award-blog-section { position: relative; z-index: 1; background: rgba(255, 255, 255, 0.9); /* Light background for readability */ }
.categories-container-lineheight { line-height: 18px; }
.big-card-grid .blog-first-column { width: 20%; }
.big-card-grid .blog-second-column { width: 80%; }
.big-card-grid .blog-second-column .description { margin-top: 24px; }
.big-card-grid .blog-second-column .description .comma { font-size: 50px; }
.big-card-grid .blog-first-column .profile-img img { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; object-position: top; }
.blog-writer img { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; object-position: center; }


/* CONTACT US
------------------------- */
.contact-info { --bs-border-color: #eaecf4; }
.bg-grey { background-color: #f6f8fb !important; }
.contact-info .title .icon { height: 100px; width: 100px; border: 1px solid #eaecf4; background: #fff; }
.contact-info .contact-info-wrapper, .contact-landing .contact-info .partners-slider { border-radius: 2.5rem; }
@media (max-width: 992px) {
    .contact-info .contact-info-wrapper, .contact-landing .contact-info .partners-slider {border-radius: 1rem}
}
.contact-info .title .icon svg { height: 40px; width: 40px; }
/*.contact-info .logo-slider { background: #fff; }*/
.contact-info .logos-slide .logo-img { --spacing: 1.5rem; }
.contact-info .form-control { width: 100%; border: 0; border-radius: 0; border-bottom: 1px solid #eaecf4 !important; padding: 1rem 0;  }
.contact-info .form-control:focus { border-color: var(--primary-color) !important; box-shadow: none; }
.contact-info textarea.form-control { height: 140px; }
.contact-info-wrapper a:hover {color: var(--primary-color);}
.bg-none {background: none !important}

/* HIRINGS
-------------------- */
.hirings-section {background: #040B0B}
.tech-support-wrapper { padding: 80px 0 0; }
.tech-support-section { position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 50px; }
.tech-support-section .overlay { position: absolute; inset: 0; opacity: 0.85; }
.tech-support-inner { position: relative; z-index: 2; padding: 60px 25px; }
.tech-logo { width: 100px; height: auto; max-width: 100%; }
.tech-title { font-size: 37px; font-weight: 300;  }
.tech-content { font-size: 20px; font-weight: 300; margin: 30px 0 40px;  }
.tech-btn {background: var(--primary-color); padding: 12px 35px; border-radius: 30px; font-weight: 300; text-decoration: none; display: inline-block; border: 1px solid var(--primary-color); text-align: center;  }
.tech-btn:hover {color: var(--primary-color) !important; background: transparent; }

/* Mobile Responsive */
@media(max-width:767px) {
    .tech-support-inner  .tech-content { text-align: center; }
    .tech-support-inner div[class*="col-"] { display: flex; flex-wrap: wrap; justify-content: center; }
    .tech-title { font-size: 28px; text-align: center; }
    .tech-content { font-size: 18px; text-align: center; }
    .tech-logo { width: 60px; }
    .tech-support-inner { padding: 40px 20px; }
}

@media(min-width:768px) and (max-width:991px) {
    .tech-support-inner > div > div { justify-content: center; display: flex; align-items: center; flex-wrap: wrap; }
    .tech-logo { width: 140px; }
    .tech-title { font-size: 32px; text-align: center; }
}

/* MEGAMENU */
.header-main .main-menu ul li.mega-menu { position: unset;}
.header-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px 0; }
.header-main .main-menu ul { margin: 0 0 1rem; padding:0; display: flex; }
.header-main .main-menu ul > li { position: relative; list-style: none; display: block; margin-right: 20px; }
.header-main .main-menu ul > li:last-child { margin-right: 0; }
.header-main .main-menu ul li a { display:  block; font-size: 16px; font-weight: 600; padding: 20px 0; color: var(---bs-white); text-align: left; position: relative; text-transform: capitalize; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.header-main .main-menu ul li a .head-icon { margin-left: 0; margin-right: 5px; }
.header-main .main-menu ul li a i { margin-left: 0px; font-size: 75%; }
.header-main .main-menu ul > li > a:after {content: ""; position: absolute; width: 0;  height: 1px; margin-top: 2px;  display: block;  right: 0;  background: currentColor;  transition: all .3s ease-in-out;}
.header-main .main-menu ul li a:hover::after, .header-main .main-menu ul li.current-menu-item a:after { width: 100%; left: 0;}
.header-main .main-menu ul li .submenu { position: absolute; top: 100%; inset-inline-start: 0; min-width: 250px; background: var(--bs-white); z-index: 99999; visibility: hidden; opacity: 0; -webkit-transform-origin: top center; transform-origin: top center; color: var(--header); -webkit-box-shadow: 0px 0px 40px 0px rgba(11, 13, 17, 0.08); box-shadow: 0px 0px 40px 0px rgba(11, 13, 17, 0.08); -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding: 30px 30px; }
@media (min-width: 1200px) {
  .header-main .main-menu ul li .submenu.menu-col-2 {column-count: 2; min-width: 600px;}
}

.header-main .main-menu ul li .submenu li a { position: relative; z-index: 11; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--header); padding: 0 0; padding-bottom: 0; padding-top: 0; text-transform: capitalize; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.header-main .main-menu ul li .submenu li a:hover { color: var(--bs-white) !important; }
.header-main .main-menu ul li .submenu li:last-child a { border: none; }
.header-main .main-menu ul li .submenu li .submenu { inset-inline-start: 113%; top: 0; visibility: hidden; opacity: 0; }
.header-main .main-menu ul li .submenu li:hover > a { color: var(--theme-red) !important; }
.header-main .main-menu ul li .submenu li:hover > a::after { color: var(--theme-red); }
.header-main .main-menu ul li .submenu li:hover > .submenu { -webkit-transform: translateY(1); transform: translateY(1); visibility: visible; opacity: 1; }
.header-main .main-menu ul li .submenu li.has-dropdown > a::after { position: absolute; top: 50%; inset-inline-end: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--theme-blue); }
.header-main .main-menu ul li .has-homemenu { width: 1000px; padding: 30px 30px 10px 30px; opacity: 0; left: -250px; visibility: hidden; padding: 30px 30px 10px 30px; }
@media (max-width:991px) {
    header.site-header.common-header {padding: 10px 0px;}
  .header-main .main-menu ul li .has-homemenu .homemenu-items { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .header-logo img {height: 40px;}
}
.header-main .main-menu ul li:hover > .submenu { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.header-main .header-right { gap: 30px; }
@media (max-width:1399px) {
  .header-main .header-right { gap: 20px; }
}
.header-main .header-right .search-icon { color: var(--header); font-size: 18px; }
.header-main .sidebar__toggle { cursor: pointer; font-size: 20px; color: var(--header); }

.header-main .search-toggle { color: var(--bs-white); font-size: 16px; }
.header-main .sidebar__toggle { cursor: pointer; }
.header-main .sidebar__toggle .fa-bars { color: var(--bs-white); }
.header-main .sidebar__toggle .header-bar { position: relative; width: 30px; height: 23px; }
.header-main .sidebar__toggle .header-bar span { position: absolute; width: 100%; height: 2px; display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; background: #fff; overflow: hidden; }
.green-banner .header-main .sidebar__toggle .header-bar span, .sticky-header .header-main .sidebar__toggle .header-bar span {background: #fff;} 
.header-main .sidebar__toggle .header-bar span:first-child { top: 0;  left: 16px; width: 15px; }
.header-main .sidebar__toggle .header-bar span:nth-child(2) { top: 50%; transform: translateY(-50%); width: 30px; }
.header-main .sidebar__toggle .header-bar span:last-child { bottom: 0; width: 15px; }
.header-main .sidebar__toggle .header-bar.active span:first-child { -webkit-transform: rotate(45deg) translate(3px, 9px); transform: rotate(45deg) translate(3px, 9px); }
.header-main .sidebar__toggle .header-bar.active span:nth-child(2) { opacity: 0; }
.header-main .sidebar__toggle .header-bar.active span:last-child { -webkit-transform: rotate(-45deg) translate(3px, -9px); transform: rotate(-45deg) translate(3px, -9px); }
.header-main .sidebar__toggle .header-bar:hover { cursor: pointer; }

.header-main .main-menu ul li .submenu.megamenu {position: absolute; left: 0; right: 0; border: 0; border-radius: 0; padding: 0; max-width: 1600px;  margin: 0 auto;}
.menufirstcolumn { background-color: #f5f5f5; padding: 18px 30px 30px; justify-content: space-between; display: flex; flex-wrap: wrap; flex-direction: column; }
.menufirstcolumn ul.nav-tabs li { font-size: calc(15px + 1*(100vw - 320px)/1600); line-height: 1.172rem; font-weight: 500; text-align: left; color: #121212; background-color: transparent; transition: all .5s ease-in-out; position: relative; display: flex; align-items: center; padding: 1rem 1.5rem; word-break: break-word; cursor: pointer; margin: 0 !important; width: 100%; }
.menufirstcolumn ul.nav-tabs li::before { content: ""; position: absolute; left: 0; width: 2px; height: 2px; background-color: var(--primary-color); transition: all .5s ease-in-out; }
.menufirstcolumn ul.nav-tabs li.active { background: var(--primary-color); color: var(---bs-white); }
.menufirstcolumn ul.nav-tabs li.active:before { height: 20px; transition: all .5s ease-in-out; background-color: #121212; }
.menufirstcolumn ul.nav-tabs li:hover:before { height: 20px; transition: all .5s ease-in-out; }
.tech-grid a { padding: 0 !important; }
.tech-grid img { max-width: 40px; }
.tab-menus { padding: 24px 30px; }
.header-main .main-menu ul ul.menu-items li { margin: 0; padding: 0 0 15px; }
.tab-content > .tab-pane {height: 100%;}
.tab-content > .active {
  display: flex;
}
@media(min-width:768px) {
    .header-main .main-menu ul ul.menu-items li { padding-right: 15px; }
    .menufirstcolumn ul.nav-tabs li:hover::before, .menufirstcolumn ul.nav-tabs li.active:before {height: 49px;}
}
.header-main .main-menu ul ul.menu-items li a { font-size: 14px; color: #121212 !important; display: inline-block; text-decoration: none; position: relative; font-weight: 600; width: auto; }
.megamenu-subtext { margin-top: 5px; color: #555; font-size: 12px; }
.right-block { padding: 24px 30px; position: relative; flex-direction: column;}
.right-block::before { content: " "; position: absolute; width: 1px; bottom: 0; top: 0; background-color: #8a8a8a; left: 0; }
.cta-box { background: #f5f5f5; padding: 20px; border: 1px solid #e5e5e5; border-radius: 8px; font-size: 14px; }
.cta-title { margin-bottom: 8px; font-size: 1rem; font-weight: 600; }
.cta-title span, .cta-box p span {color: var(--primary-color); font-weight: bold}
.header-main .main-menu ul li .cta-box a.tech-btn {color: var(---bs-white); font-size:14px; display:inline-block; height: 42px; }

.offcanvas__info { background: var(--bs-white) none repeat scroll 0 0; border-left: 2px solid var(--theme-blue); position: fixed; right: 0; top: 0; width: 400px; height: 100%; -webkit-transform: translateX(calc(100% + 80px)); transform: translateX(calc(100% + 80px)); -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out; transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out; transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out; transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out; z-index: 99999; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; }
.offcanvas__info.info-open { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.offcanvas__wrapper { position: relative; height: 100%; padding: 30px 30px; }
.offcanvas__wrapper .offcanvas-title { font-size: 32px; margin-bottom: 15px; }
.offcanvas__wrapper .offcanvas__content p { color: var(--header); }
.offcanvas__wrapper .offcanvas__content .offcanvas__close { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; background-color: var(--theme-blue); position: relative; z-index: 9; cursor: pointer; }
.offcanvas__wrapper .offcanvas__content .offcanvas__close i { color: var(--bs-white); }
.offcanvas__wrapper .offcanvas__content .social-icon { margin-top: 30px; gap: 10px; margin-bottom: 30px; }
.offcanvas__wrapper .offcanvas__content .social-icon a { width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 16px; display: block; background: transparent; color: var(--header); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center; border: 1px solid var(--border); }
.offcanvas__wrapper .offcanvas__content .social-icon a:hover { background-color: var(--theme-blue); color: var(--bs-white); border: 1px solid var(--theme-blue); }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact { margin-top: 20px; }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 { font-size: 28px; margin-bottom: 15px; }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li { color: var(--header); }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) { margin-bottom: 10px; }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li span { font-weight: 600; color: var(--header); font-size: 16px; }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li a { color: var(--header); }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span { text-transform: initial; }
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.offcanvas__wrapper .offcanvas__content .offcanvas-button { margin-top: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; }
@media (max-width:1399px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas-button { margin-top: 30px; }
}
@media (max-width:575px) {
  .offcanvas__wrapper .offcanvas__content .offcanvas-button { margin-top: 20px; margin-bottom: 10px; }
}
.offcanvas__overlay { position: fixed; height: 100%; width: 100%; background: #151515; z-index: 900; top: 0; opacity: 0; visibility: hidden; right: 0; }
.offcanvas__overlay.overlay-open { opacity: 0.8; visibility: visible; }
@media (max-width:600px) {
  .offcanvas__info { width: 100%; }
}
@media (max-width:575px) {
  .offcanvas__wrapper { padding: 20px; }
}
a.meanmenu-reveal { display: none }
.mean-container .mean-bar { float: left; width: 100%; position: relative; background: #070337; padding: 4px 0; min-height: 42px; z-index: 999999 }
.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700 }
.mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px }
.mean-container .mean-nav { float: left; width: 100%; background: #070337; margin-top: 44px }
.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none }
.mean-container .mean-nav ul li { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
.mean-container .mean-nav ul li a { display: block; margin: 0; text-align: left; color: #fff; border-top: 1px solid #e0e3ed; text-decoration: none; text-transform: capitalize }
.mean-container .mean-nav ul li li a {font-size: 14px; padding: 5px 0; text-shadow: none !important; visibility: visible;  }
.mean-container .mean-nav ul li.mean-last a { border-bottom: 0; margin-bottom: 0 }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: transparent; border: none !important; font-size: 14px }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0 }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.mean-remove { display: none !important }
.mean-container a.meanmenu-reveal { display: none; }
.mean-container .mean-nav { background: none; margin-top: 0; }
.mean-container .mean-bar { padding: 0; min-height: auto; background: none; }
.mean-container .mean-nav > ul { padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important; }
.mean-container .mean-nav > ul .homemenu { position: relative; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb { position: relative; width: 280px; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb .demo-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb .demo-button .theme-btn { padding: 10px 30px; color: var(--bs-white) !important; width: initial; font-size: 14px; text-align: center; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb .demo-button .theme-btn:hover { color: var(--bs-white) !important; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb::before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#292930)); background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #292930 100%); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb:hover::before { visibility: visible; opacity: 1; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb:hover .demo-button { opacity: 1; visibility: visible; margin-top: 0; }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb:hover .homemenu-btn { opacity: 1; visibility: visible; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); }
.mean-container .mean-nav > ul .homemenu .homemenu-thumb img { width: 100%; }
.mean-container .mean-nav > ul .homemenu .homemenu-content .homemenu-title { margin-top: 15px; display: inline-block; font-size: 16px; }
.mean-container a.meanmenu-reveal { display: none !important; }
.mean-container .mean-nav ul li a { width: 100%; display: block; padding: 10px 0; color: var(--header);  line-height: 1.5; font-weight: 600; }
.mean-container .mean-nav ul li a.border-none { border: none; }
.mean-container .mean-nav ul li a:hover { color: var(--theme-blue); }
.mean-container .mean-nav ul li a .head-icon { display: none; }
.mean-container .mean-nav ul li a:last-child { border-bottom: 0; }
.mean-container .mean-nav ul li a:hover { color: var(--theme-blue); }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 8px; padding: 0 !important; }
.mean-container .mean-nav ul li > a > i { display: none; }
.mean-container .mean-nav ul li > a.mean-expand i { display: inline-block; }
.mean-container .mean-nav > ul > li:first-child > a { border-top: 0; }
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.mean-container .mean-nav ul li .mega-menu li a { height: 200px; width: 100%; padding: 0; border-top: 0; margin-bottom: 20px; }
@media (max-width:1199px) {
  .mean-container .mean-nav ul li.menu-thumb { display: none; }
  .mega-menu a.drop-toggle > svg  {display: none;}
  .tab-menus, .right-block {padding: 0 0 0 0; margin: 0}
  .menufirstcolumn {padding: 0}
  .right-block, .megamenu-ttl {display: none !important;}
}
@media (max-width: 992px) {
    .mean-container .mean-nav ul li li a {font-size: 12px;}
}

/* cta-box
--------------------------*/
.cta-6 { background-color: var(--primary-color); position: relative; overflow: hidden; z-index: 1; padding: 25px }
@media(min-width:768px) {
    .cta-6 { padding: 48px 30px }
}
@media(min-width:992px) {
    .cta-6 { padding: 64px 40px }
}
.cta-6 .cta-content-row { position: relative; z-index: 5 }
.cta-6 .cta-shape { position: absolute; border-radius: 50%; pointer-events: none; mix-blend-mode: normal }
.cta-6 .cta-shape-1 { bottom: calc(100% - 30px); right: 15%; width: 32vw; height: 32vw; max-width: 500px; max-height: 500px; min-width: 120px; min-height: 120px; background-color: var(--primary-color); box-shadow: 0 0 80px 16px #FD1D1D inset; z-index: 2 }
@media(min-width:768px) {
    .cta-6 .cta-shape-1 { min-width: 250px; min-height: 250px; bottom: calc(100% - 80px); right: 15% }
}
.cta-6 .cta-shape-2 { top: calc(100% - 35px); right: -20%; width: 28vw; height: 28vw; max-width: 500px; max-height: 500px; min-width: 100px; min-height: 100px; background-color: var(--primary-color); box-shadow: 0 0 80px 16px #FD1D1D inset; z-index: 2 }
@media(min-width:768px) {
    .cta-6 .cta-shape-2 { min-width: 30vw; min-height: 30vw; top: calc(100% - 90px); right: -15% }
}
.cta-6 .cta-shape-3 { top: 60%; right: -13%; height: 30vw; width: 30vw; background-color: #e40cd359; filter: blur(25px); z-index: 2 }
@media(min-width:768px) {
    .cta-6 .cta-shape-3 { height: 500px; width: 500px }
}
.cta-6 .cta-shape-4 { bottom: 50%; right: 14%; height: 30vw; width: 30vw; background-color: #e40cd359; filter: blur(25px); z-index: 2 }
@media(min-width:768px) {
    .cta-6 .cta-shape-4 { height: 500px; width: 500px }
}
.cta-6 .cta-shape-5 { top: 50%; transform: translateY(-50%); right: 2%; height: 180px; width: 180px; background-color: var(--primary-color); filter: blur(25px); opacity: .6; z-index: -1 }
@media(min-width:768px) {
    .cta-6 .cta-shape-5 { height: 396px; width: 396px }
}
.cta-6 .cta-shape-6 { top: 50%; left: -10%; height: 180px; width: 180px; background-color: #1f08cb; filter: blur(25px); z-index: -1 }
@media(min-width:768px) {
    .cta-6 .cta-shape-6 { height: 396px; width: 396px }
}
@media (min-width:992px) {
    .cta-6 { padding: 64px 40px; }
    .cta-6 .cta-shape-1 { min-width: 250px; min-height: 250px; bottom: calc(100% - 80px); right: 15%; }
}

/* NEW CTA */
.cta-band { background: var(--cta-gradient);  position: relative;  overflow: hidden;}
.cta-band h2 { margin: 0; position: relative; font-weight: 700; font-size: clamp(40px, 4vw, 72px); line-height: clamp(46px, 4vw, 72px); color: #ECEAFC;}
.common-title span {color: var(--secondary-color);}
.cta-band p { margin: 40px auto;  position: relative;  font-style: normal;  font-weight: 400;  font-size: clamp(16px, 4vw, 21px);  line-height: clamp(22px, 4vw, 32px);  color: #A39FD0;}
.crm-cta-phone-link {  color: rgba(255, 255, 255, 0.8);  font-weight: 600;  text-decoration: none;}
.crm-cta-phone-link:hover {color: var(--secondary-color);}

.big-card .third-column .btn-section { display: none; }
@media (max-width: 767px) {
    .cta-band h2 {font-size: clamp(30px, 4vw, 72px);  line-height: clamp(36px, 4vw, 72px);}
}

/*16May25 open*/
.hero-content .col-12.mb-5, .hero-banner-content p { margin-bottom: 0 !important }
.home .hero-banner, .home .site-header { position: relative }

/*16May25 close*/
.our-services-section { background-color: #f9f5eb;  }
.section-title { font-size: 36px; color: #3e3e3e; font-weight: bold; }
.service-card-box { background-color: #ffffff; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; }
.service-card-box:hover { transform: translateY(-5px); /*background-color: #eff5f1; */ box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); color: white; }
.service-title { font-size: 20px; color: #000000; margin-bottom: 10px; font-weight: 600; }
.service-desc { font-size: 16px; color: #000000; line-height: 1.6; }
.icon-list { margin: 0;}
.icon-list li { padding: 5px 0 5px 30px;  position: relative;}
.icon-list li::before {content: "";  position: absolute;  left: 0;  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%231c0d8e" class="bi bi-circle-half" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 0 8 1zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16"/></svg>');  background-size: 16px 16px;  width: 16px;  height: 26px;  display: block;  background-position: center;  background-repeat: no-repeat;}
.icon-arrow li::before {content: "\f00c"; font-family: "Font Awesome 6 Pro"; background: none; color: var(--secondary-color);}
.logo-box { text-align: center; height: 70px; border: 1px solid #333; margin: -1px -1px 0 0; transition: box-shadow 0.4s; }
.logo-box:hover {box-shadow: 5px 5px 50px 5px var(--primary-color); transition: box-shadow 0.4s;}
.logo-box img { width: 100%; height: 100%; object-fit: contain; }
@media(min-width: 768px) {
    .grid-col-3 {grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr;}
    .logo-box {height: 90px;}
}

/* WHY CHOOSE 
--------------------------- */
.about-type2 { background-color: #1e1d28 }
.about-type2 .divider-line { margin: 2rem 0; opacity: .1 }
@media(min-width:768px) {
    .about-type2 .divider-line { margin: 3rem 0 }
}
.about-type2 .partners-logos { gap: 1.25rem }
@media(min-width:768px) {
    .about-type2 .partners-logos { gap: 1.5rem }
}
@media(min-width:1200px) {
    .about-type2 .partners-logos { gap: 2.5rem }
}
.about-type2 .partners-logos .partner-logo-wrapper { height: 32px; flex-shrink: 0 }
@media(min-width:768px) {
    .about-type2 .partners-logos .partner-logo-wrapper { height: 38px }
}
@media(min-width:992px) {
    .about-type2 .partners-logos .partner-logo-wrapper { height: 42px }
}
@media(min-width:1200px) {
    .about-type2 .partners-logos .partner-logo-wrapper { height: 48px }
}
.about-type2 .partners-logos .partner-logo-wrapper.partner-openai-wrapper { height: 42px }
@media(min-width:768px) {
    .about-type2 .partners-logos .partner-logo-wrapper.partner-openai-wrapper { height: 48px }
}
@media(min-width:992px) {
    .about-type2 .partners-logos .partner-logo-wrapper.partner-openai-wrapper { height: 54px }
}
@media(min-width:1200px) {
    .about-type2 .partners-logos .partner-logo-wrapper.partner-openai-wrapper { height: 62px }
}
.about-type2 .certifications-row .certification-item { opacity: .55 }
.about-type2 .certifications-row .certification-item .cert-icon { height: 32px; width: auto }
.about-type2 .certifications-row .certification-item .cert-icon.icon-white { filter: brightness(0) invert(1) }
@media(min-width:768px) {
    .about-type2 .certifications-row .certification-item .cert-icon { height: 45px; width: auto }
}

/* AI 
-------------------------- */
.goldengate-ai {z-index: 5}
.goldengate-ai::after {z-index: -1;}
.goldengate-ai .container-fluid { padding-left: clamp(1.25rem, 1.67vw, 2rem); padding-right: clamp(1.25rem, 1.67vw, 2rem); color: #fff }
.goldengate-ai .goldengate-ai-content, .goals-block__heading { max-width: clamp(40.625rem, calc(20.582rem + 32.33vw), 59.375rem); margin: 0 auto clamp(1.5rem, calc(.8rem + 3.5vw), 5rem); text-align: center }
.goldengate-ai .goldengate-ai-content .main-heading { font-size: clamp(1.5rem, calc(.429rem + 2.98vw), 4rem); font-family: mi-bold, sans-serif; line-height: 1.2; margin-bottom: clamp(1rem, calc(.9rem + .5vw), 1.5rem) }
.goldengate-ai .goldengate-ai-content .subtext { font-size: clamp(1rem, calc(.975rem + .13vw), 1.125rem); line-height: 1.5; opacity: .8 }
.goldengate-ai .cards-grid { margin: 0 auto clamp(1.5rem, calc(.8rem + 3.5vw), 5rem); display: grid; gap: clamp(.5rem, calc(-1.167rem + 2.22vw), 1.5rem); grid-template-columns: 1fr; }
@media(min-width:576px) {
    .goldengate-ai .cards-grid { grid-template-columns: repeat(2, 1fr); max-width: 750px }
}
@media(min-width:1200px) {
    .goldengate-ai .cards-grid { max-width: 1550px; grid-template-columns: repeat(4, 1fr) }
}
.goldengate-ai .card { border: 1px solid #fff; padding: clamp(1.5rem, calc(-.167rem + 2.22vw), 2.5rem); border-radius: 0; display: flex; flex-direction: column; gap: clamp(1rem, calc(.167rem + 1.11vw), 1.5rem); margin: 0;  background: transparent;  box-shadow: none;  text-align: left; color: #fff; fill: none; height: 100%;}
.goldengate-ai .card:hover {border-color: var(--secondary-color);   /* border-image: var(--gg) 1;}*/}
.goldengate-ai .card .card-title {font-size: clamp(1.25rem, calc(1.2rem + .25vw), 1.5rem); line-height: 1.5; font-weight: 600;  margin: 0; }
.goldengate-ai .card .card-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 0 }
.goldengate-ai .card .card-list li { display: flex; align-items: center; gap: .5rem }
.goldengate-ai .card .card-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; background: none; font-weight: 300;  height: auto;  width: auto;  top: 6px;}
.goldengate-ai .card .card-icon svg { width: clamp(2rem, calc(1.8rem + 1vw), 3rem) }
.goldengate-ai .cta-wrapper { display: flex; justify-content: center;  gap: 4px }
@media(min-width:576px) {
    .goldengate-ai .cta-wrapper { flex-direction: row }
}

/* INDUSTRY SLIDER
--------------------------- */
@media(max-width:991px) {
    .industries-slider .section-intro { margin-bottom: 24px !important }
}

.industries-slider .swiper-slide { position: relative; z-index: 1; opacity:1; }
@media (min-width:576px) {
    .industries-slider .swiper-slide:hover { z-index: 10 }
}
@media(max-width:576px) {
    .industries-slider .swiper-slide.swiper-slide-active { z-index: 10 }
    .industries-slider .swiper-slide.swiper-slide-active .industry-card-type2 { z-index: 5; background: #fff !important }
    .industries-slider .swiper-slide.swiper-slide-active .industry-card-type2 .card-img-wrapper-type2::after { opacity: .5 }
}
.industries-slider .swiper-slide:not(:first-child)::after { content: ''; position: absolute; top: 0; bottom: 182px; left: 0; width: 1px; background-color: #eaecf4; transition: opacity .3s ease; z-index: 2; pointer-events: none }
.industries-slider .industry-card-type2 { position: relative; background: 0 0; border: 1px solid transparent; border-radius: 0; margin: 0 -1px; transition: all .4s ease; display: flex; flex-direction: column; justify-content: space-between; height: 100%; cursor: pointer; box-shadow: none;  text-align: left; }
@media(max-width:991px) {
    .industries-slider .industry-card-type2 { border-color: #eaecf4; margin: 0 }
}
.industries-slider .industry-card-type2::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 2px solid transparent; pointer-events: none; z-index: 10; opacity: 0; transition: opacity .4s ease }
.industries-slider .industry-card-type2 .card-body-top { flex-grow: 1; padding: 2.5rem 2.5rem 2rem; display: flex; flex-direction: column }
@media(max-width:991px) {
    .industries-slider .industry-card-type2 .card-body-top { padding: 1.5rem; gap: 0 }
}
@media(max-width:991px) {
    .industries-slider .industry-card-type2 .card-icon-wrapper-type2 { width: 48px !important; height: 48px !important; padding-bottom: 0 !important; margin-bottom: 24px !important; display: flex; align-items: center; justify-content: center }
}
.industries-slider .industry-card-type2 .card-icon-wrapper-type2 i { background: var(--gg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block }
@media(max-width:991px) {
    .industries-slider .industry-card-type2 .card-icon-wrapper-type2 i { font-size: 48px !important; line-height: 1 !important }
}
.industries-slider .industry-card-type2 .card-title { font-size: 1.5rem; color: #0a081b; line-height: 1.3; font-weight:600 }
.industries-slider .industry-card-type2 .card-title a { color: inherit; text-decoration: none !important }
.industries-slider .industry-card-type2 .card-title a:hover { color: #ed184f }
@media(max-width:991px) {
    .industries-slider .industry-card-type2 .card-title { font-size: 21px !important; line-height: 1.5 !important; font-weight: 600 !important; margin-bottom: 8px !important }
}
.industries-slider .industry-card-type2 .summary-content { color: #333; font-size: .95rem; line-height: 1.6 }
.industries-slider .industry-card-type2 .summary-content a { text-decoration: none !important; color: inherit !important }
@media(max-width:991px) {
    .industries-slider .industry-card-type2 .summary-content { font-size: 16px !important; line-height: 1.5 !important; font-weight: 400 !important; margin-bottom: 16px !important }
}
.industries-slider .industry-card-type2 .mi-list { margin: 0 !important; padding: 0 !important }
.industries-slider .industry-card-type2 .mi-list li { font-size: 16px !important; line-height: 1.5 !important; font-weight: 500 !important; color: #1e1d28 !important; margin: 0 !important; padding: 0 !important; min-height: 36px; display: flex; align-items: center; gap: 8px !important }
.industries-slider .industry-card-type2 .mi-list li::before { color: #aaa !important; font-size: 24px !important }
.industries-slider .industry-card-type2 .card-img-wrapper-type2 { position: relative; height: 180px; overflow: hidden; margin-top: auto; border-radius: 0 }
.industries-slider .industry-card-type2 .card-img-wrapper-type2 img { width: 100%; height: 100%; object-fit: cover }
.industries-slider .industry-card-type2 .card-img-wrapper-type2::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--gg); opacity: 0; transition: opacity .4s ease; pointer-events: none }
@media (min-width:576px) {
    .industries-slider .industry-card-type2:hover { z-index: 5; background: #f6f8fb; transform: translateY(-8px) }
    .industries-slider .industry-card-type2:hover::before { opacity: 1; border-color: transparent; border-image: var(--gg) 1; }
    .industries-slider .industry-card-type2:hover .card-img-wrapper-type2::after { opacity: .5 }
}

.industries-slider .button-next, .industries-slider .button-prev { width: 3rem; height: 3rem; cursor: pointer; border-radius: 50%; border: 1px solid #eaecf4; background-color: #fff; transition: all .3s ease; display: inline-flex; align-items: center; justify-content: center }
.industries-slider .button-next.swiper-button-disabled, .industries-slider .button-prev.swiper-button-disabled { opacity: .4; cursor: not-allowed }
.industries-slider .button-next i, .industries-slider .button-prev i { color: #0a081b; font-size: 1.25rem; transition: all .3s ease }
@media (min-width:576px) {
    .industries-slider .button-next:hover:not(.swiper-button-disabled), .industries-slider .button-prev:hover:not(.swiper-button-disabled) { background: var(--gg); border-color: transparent }
    .industries-slider .button-next:hover:not(.swiper-button-disabled) i, .industries-slider .button-prev:hover:not(.swiper-button-disabled) i { color: #fff }
}

/* SINGLE TECHNOLOGY */

.sh-tr-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.sh-tr-card { background: var(--primary-color); border: 1px solid rgba(61, 255, 176, 0.2); border-radius: 16px; padding: 28px 22px; text-align: center; }
.sh-tr-client { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); margin-bottom: 12px; }
.sh-tr-time { font-size: 40px; font-weight: 800; color: var(--secondary-color); letter-spacing: -0.04em; line-height: 1; margin-bottom: 8px; }
.sh-tr-subtitle { font-size: 12px; color: rgba(255, 255, 255, 0.8); }
.sh-sla-panel { background: rgba(61, 255, 176, 0.08); border: 1px solid rgba(61, 255, 176, 0.2); padding: 36px 32px; text-align: center; position: relative; }
.sh-sla-panel:hover {border-color: var(--secondary-color);}
.sh-sla-icon-box { width: 56px; height: 56px; font-size: 30px; font-weight: bold; background: rgba(61, 255, 176, 0.15); border: 1px solid rgba(61, 255, 176, 0.3); border-radius: 0; display: flex; align-items: center; justify-content: center; margin: 12px auto 20px; color: var(--secondary-color); }
.sh-sla-panel-3hr-badge { position: absolute; top: -1px; left: 50%; transform: translateX(-50%); background: var(--secondary-color); color: #06061a; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 16px; border-radius: 0 0 10px 10px; white-space: nowrap; }
.sh-sla-panel-desc {color: rgba(255, 255, 255, 0.8); font-size: 90%}
@media(max-width: 767px) {
    .sh-tr-grid { grid-template-columns:  repeat(2, 1fr) }
}
@media(max-width: 480px) {
    .sh-tr-grid { grid-template-columns:  1fr }
}


/* MEDIA CSS
--------------------------- */
@media (max-width:1600px) {
    .blog-tab-section, .award-blog-section, .subscribe-form-section, .blog-second-container { width: 63%; }
    .blog-thankyou-section { width: 75%; }
    .subscribe-form { padding: 49px 15rem; }
    .blog-group-img { height: 800px; }
    .blog-right-center .content { padding-right: 7em; }
    .blog-ul { gap: 60px; }
}
@media (max-width:1500px) {
    .big-card .second-column { padding-right: 8em; }
    .blog-right-center .content { padding-right: 6em; }
}
@media (max-width:1440px) {
    .desktopn-toggle-menu { margin-left: 65px; }
    .hero-banner-content p { padding: 10px 18em; }
    .card-box-content { padding: 0 3em; bottom: 5.5em; }
    .card-box img { height: 390px; }
    .expert-padding-1 { padding: 0 14em; }
    .expert-padding-2 { padding: 0 3em; }
    .expert-content .technology-menu-list-new a { font-size: 26px; }
    .big-card .first-column { width: 20%; }
    .big-card .second-column { width: 30%; padding-right: 4em; }
    .big-card .third-column { width: 50%; padding-right: 0em; }
    .big-card .title h2 { font-size: 28px; }
    .big-card .title-description p { font-size: 20px; }
    .section-heading-padding { padding: 0 13em; }
    .normal-heading { padding: 0 7em; }
    .card-box-logo { padding: 24px; }
    .swiper-container-height { height: 579px; }
    .swiper-container-slider { height: 575px; }
    .slide-content-slider { bottom: 5rem; }
    .rebuild-f-50, .service-list-title { font-size: 42px; }
    .development-hero-content-pe { padding-right: 8rem !important; }
    .technology-padding-1 { padding: 0 4rem; }
    .news-wrapper .news-featured-image-customize { height: 510px; }
    .blog-section { padding-left: 35px; padding-right: 35px; }
    .blog-ul { gap: 45px; }
    .blog-image { height: 375px; }
    .blog-content a { font-size: 12px; }
    .blog-content .p { line-height: 22px; font-size: 18px; }
    .blog-content .p a { line-height: 22px; font-size: 18px; }
    .blog-content { padding: 9px; width: 200px; bottom: -1px; left: 11px; }
    .blog-tab-section, .award-blog-section, .subscribe-form-section, .blog-second-container { width: 63%; }
    .blog-thankyou-section { width: 82%; }
    .subscribe-form { padding: 49px 11rem; }
    .blog-group-img { height: 712px; }
    .blog-right-center .content { padding-right: 6em; }
}
@media (max-width:1366px) {
    .tab-topics-right ul li a { font-size: 16px; }
    .blog-thankyou-section { width: 82%; }
    .blog-right-center .content { padding-right: 4em; }
}
@media (max-width:1280px) {
    .blogs-section { padding-left: 10px; padding-right: 10px; }
    .blog-ul { gap: 35px; }
    .blog-group-img { height: 100%; }
    .tab-topics-right ul li a { font-size: 14px; font-weight: 500; }
    .navigation-wrapper .menu-common ul li a, .menu-common a, .technology-menu.menu-common a, .menu-common .technology-menu-list a { font-weight: 500; }
    .tab-d-none { display: none !important; }
    .hero-banner-content p { padding: 10px 5em; }
    .card-box-content { padding: 0 1em; }
    .expert-padding-1 { padding: 0 3em; }
    .expert-padding-2 { padding: 0 1em; }
    .blog-ul { width: 100%; overflow: hidden; overflow-x: auto; gap: 35px; }
    .blog-txt { white-space: nowrap; }
    .profile-img img { width: 100px; height: 100px; }
    .hero-banner-desktop {padding: 150px 0;}
}
@media (max-width: 1199px) {
    .megamenu .tab-content > .tab-pane {height: 100%; display: flex; position: absolute;  top: 100px;  left: 0;  width: 100%;  height: 100%;  max-width: none;  min-width: auto;  margin: 0;  padding: 1rem;    padding-top: 1rem;  padding-top: 1rem;
  padding-top: 4rem;  opacity: 1;  overflow-y: auto;  visibility: visible;  transform: translateX(100%);  transition: transform 0.4s; background-color: #fff; z-index: 9}
    .megamenu .tab-content > .tab-pane.active {transform: translateX(0%); transition: transform 0.4s;}
    .main-menu { display: none;}
    .menufirstcolumn {background-color: transparent; position: relative;}
    .menufirstcolumn ul.nav-tabs li { font-size: 14px;   line-height: normal;   padding: 5px 15px;}
    .menufirstcolumn ul.nav-tabs li.active::before { height: 100%;}
    .mean-container .mean-nav ul {border: 0;}
    .mean-container .mean-nav ul li { position: unset;}
    .submenu-megatitle { position: absolute;  display: block !important;  top: 20px;  margin: 0 !important;} 
}
@media (max-width:1024px) {
    body {font-size: 14px;}
    .blog-thankyou-section { width: 100%; }
    .blog-right-center .content { padding-right: 2em; }
    .big-card .second-column { padding-right: 3em; }
    .big-card .support-name h5 { font-size: 16px; }
    .big-card .designation p, .big-card .description p { font-size: 14px; }
    .big-card .btn-section a { font-size: 12px; }
    .section-heading-padding { padding: 0 5em; }
    .news-wrapper .news-featured-image-customize { height: 255px; }
    .mgc-support-box { padding: 25px; min-height: 255px; }
    .mgc-support-box h3 { font-size: 18px !important; }
    .mgc-support-box .md-f-10 { font-size: 10px !important; font-weight: 300; }
    .normal-heading { padding: 0 2em; }
    .card-box-logo { padding: 18px; }
    .development-hero-content-pe { padding-right: 0 !important; }
    .projectbox-wrapper .project-featured-image img, .news-wrapper .news-featured-image img { min-height: 255px; }
    .projectbox-wrapper, .projectbox-wrapper .project-featured-image, .news-wrapper .news-featured-image { max-height: 255px; }
    .right-md-click { height: 65px !important; width: 65px !important; }
    .md-mt-16 { margin-top: 16px }
    .md-f-14 { font-size: 14px; }
    .blog-tab-section, .award-blog-section, .subscribe-form-section { width: 100%; }
    .order-2 { order: 2 !important; }
    .order-1 { order: 1 !important; }
    .md-ptb-16 { padding: 16px 0; }
}
@media (max-width:767px) {
    .button {font-size: 14px;}
    .big-font {font-size: 2rem;}
    .section-head h2 {font-size: clamp(26px, 4vw, 58px);  line-height: clamp(32px, 4vw, 60px);}
    .site-header { padding-top: 30px; }
    .hero-banner {min-height: 250px; align-items: flex-end;}
    .menushow .site-branding img, .sticky-header .desktopn-toggle-menu a img { filter: none; }
    .mobile-scroll { max-height: 65vh; overflow: auto; margin-top: 50px; }
    .navigation-wrapper .menu-common ul li a, .menu-common .technology-menu-list a { font-size: 24px; }
    .navigation-wrapper .menu-common ul li a, .menu-common a, .technology-menu.menu-common a, .menu-common .technology-menu-list a { font-weight: 500;}
    .footer-tech-list li {width: 100%; padding: 0}
    .common-title { font-size: 26px; }
    .home-tech-box { flex-wrap: wrap; width: 100%; }
    .home-tech-logo { margin-right: 0 !important; margin-bottom: 15px; }
    .home-tech-logo img { width: 80px; }
    .home-tech-box-wrapper .home-tech-content { flex-wrap: wrap; }
    .home-tech-content-wrap { max-width: initial; margin-bottom: 20px; }
    .news-grid .news-wrapper, .latest_news_section .news-grid .news-wrapper, .news-grid .support-box-grid { width: 100% !important; }
    .support-payment { flex-wrap: wrap; justify-content: start !important; }
    .support-payment img.me-4 { margin-right: 10px !important; height: 30px;  }
    .member-details { background-image: none !important; min-height: initial; }
    .show-content:hover.member-details::after { display: none; }
    .member-details .member-details-content { display: block; }
    .member-details .employee_image img { height: 330px; object-fit: cover; }
    img.object-position-left { object-position: left; }
    img.object-position-right { object-position: right; }
    img.object-position-center { object-position: center; }
    .accordion-header .accordion-button { padding: 0 30px 0 0; font-size: 18px; }
    .accordion-item .accordion-body { padding-right: 0; }
    .accordion-item { padding-bottom: 30px; margin-bottom: 30px; }
    .video-section video { object-fit: contain !important; height: auto; }
    .news-wrapper.news-list-box .news-featured-image img { max-height: 250px; min-height: 250px; }
    div.partners-logo-grid { grid-template-columns: auto auto; }
    .partners-logo-swiper .swiper-wrapper { align-items: center; }
    .site-header { padding: 30px 8px; }
    .hero-banner-content p { padding: 0; }
    .hero-banner-content img { width: 75%; }
    .card-box-content h1 { font-size: 25px }
    .card-box-content { padding: 0 1em; }
    .hero-banner-desktop {  padding: 100px 0; }
    .hero-banner-mobile { display: block; min-height: 870px; }
    .expert-content p { font-size: 24px; line-height: 45px; }
    .expert-padding-1 { padding: 0; }
    .expert-padding-2 { padding: 0; }
    .card-box-content { bottom: 7em; }
    .expert-content .technology-menu-list-new a { font-size: 22px; line-height: 45px; }
    .big-card .first-column { width: 100%; }
    .big-card .second-column { width: 100%; padding-right: 0em; }
    .big-card .third-column { width: 100%; padding-right: 0em; }
    .big-card .big-card-grid { flex-direction: column; }
    .big-card .btn-section { flex-direction: column; align-items: center; }
    .big-card .title h2 { font-size: 24px; }
    .big-card .title-description p { font-size: 16px }
    .big-card .visit-link a { font-size: 14px; }
    .big-card { padding: 24px; text-align: center; }
    .section-heading h2 { font-size: 24px; margin-bottom: 35px; }
    .section-heading-padding { padding: 0 1em; }
    .normal-heading { padding: 0 0; }
    .normal-heading h2 { font-size: 24px; }
    .card-box-logo { padding: 10px; width: 100%; border-right: none; border-left: none; border-top: 1px solid #fff; text-align: center; }
    .card-box-logo .logo { margin-top: 24px; }
    .card-boxes { flex-direction: column; }
    .slide-content-slider { width: 200px; }
    .swiper-container-slider { height: 100%; }
    .slide-content-slider { bottom: 1rem }
    .rebuild-f-50, .service-list-title { font-size: 32px; }
    .development-hero-content-pe { padding-right: 0rem !important; }
    .swiper-pagination-dott { display: none }
    .technology-padding-1 { padding: 0 0; }
    .font-title { font-size: 30px; }
    .introduction-call-txt { font-size: 24px; margin-top: 8px; }
    .sm-pe-5 { padding-left: 15px; padding-right: 15px }
    .blog-image { height: 100%; }
    .blog-ul { width: 100%; overflow: hidden; overflow-x: auto; gap: 25px; }
    .blog-txt { white-space: nowrap; }
    .right-contain-blog, .blog-left-content { width: 100%; padding: 16px; }
    .backto-txt a { font-size: 12px; }
    .btn-blog { gap: 12px; }
    .btn-blog li { padding-right: 12px; font-size: 12px; }
    .btn-blog li a { font-size: 12px; font-weight: 500; }
    .blog-tab-section, .award-blog-section, .subscribe-form-section, .blog-second-container, .blog-thankyou-section { width: 100%; margin-top: 40px; }
    .blog-thankyou-section { width: 100%; margin-top: 40px; }
    .blog-tab-left { width: 100%; padding: 16px; border-right: none; order: 2; }
    .blog-tab-section .d-flex { display: grid !important; }
    .blog-thankyou-section .d-flex { display: grid !important; }
    .blog-thankyou-section .blog-m-dflex { display: flex !important; }
    .tab-topics-right { width: 100%; order: 1; overflow: hidden; display: grid; }
    .tab-topics-right .heading { margin-left: 16px; }
    .tab-topics-right ul { margin-left: 16px; padding-left: 0; display: flex; overflow-x: auto; gap: 24px; }
    .social-media-blog { margin-left: 16px; margin-top: 16px; margin-bottom: 24px; }
    .subscribe-form { padding: 40px 24px; }
    .input-filed { width: 200px; }
    .blog-group-img { height: 100%; }
    .sm-mt-25 { margin-top: 25px; }
    .blog-right-center .content { padding-right: 0; }
    .sm-ml-6 { margin-left: 5.6rem; }
    .parallax-section { height: 210px; }
    .tab-topics-right ul li { white-space: nowrap; }
    .big-card-grid .blog-first-column { width: 100%; }
    .big-card-grid .blog-second-column { width: 100%; }
    .sm-d-none { display: none; }
    .socialmedia-dnone-remove { display: block; margin-top: 8px; }
    .blog-image img { height: 300px; }
    .br-mobile { display: block; }
    .mgc-support-box { padding: 30px;        /* min-height: 450px; */ min-height: auto; }
    .mgc-support-content p:last-child { margin-bottom: 0; }
    .mgc-support-box .md-f-10 { font-size: 20px !important; font-weight: 300; }
    .mgc-support-box h4 { font-size: 22px; }
    .smblog-right-left { justify-content: left; }
}
@media (min-width:768px) {
    .business-cards:last-child .mgc-support-box { margin-right: 0px !important }
}
@media (min-width:1100px) {
    .px-90 { padding-left: 90px; padding-right: 90px; }
    .blogs-section .common-title, #blog_listing .common-title {max-width: 700px;  margin: 0 auto;}
}